@charset "utf-8";
/* CSS Document */

body, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	line-height:150%;
}
body {
	background-color: #FFFFFF; text-align:center; margin: 0; padding: 0;
}
#wrapper {
	 width:625px; text-align:left; margin:0 auto; margin-top:80px; height:800px;
}
th {
        background-color: #f4ede3; font-size:11px; white-space: nowrap; overflow:hidden; text-align:left; padding:2px 6px;
}
a {
        color: #99aa33;
}
#product {
        display:block;
}
p {
	margin: 0 0 10px 0; padding:0;
}
#specs {
        display:none; width:625px;
}
#configurations, .configurations, #Configurations, .Configurations  {
        display:none;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
#specs td, #specs-on td, #features td {
        font-size:11px; white-space: nowrap; overflow:hidden; padding:2px 6px;
}
#SliderFrame {
	height:120px; width:625px;
	border:2px dotted #888888;
}
#SliderDiv {
	height:120px; width:625px;
}
#headline {
	margin: 2px 0 4px 0; clear:both;
}
#colLeft, #colRight {
	float:left; width:340px; padding-top:20px;
}
#colRight {
	margin-left:40px;
}
.thumb {
	float:left; border:2px dotted #888888; border-left:none;
}
.thumbWrap {
	height:122px; border-left:2px dotted #888888;
}
.displayState {
	display:none;
}
#nav {
	line-height:18px; margin-bottom:2px;
}
#nav td div a {
	text-decoration:none;
	color:#999999;
	font-size: 12px;
}
#nav  {
	height:80px;
	font-size: 12px;
}
#nav00  {
	height:125px;
	font-size: 12px;
}
.black {
	color:#000;
}
.grey {
	color:#999;
}
#logo, #designs, #scrolling, #states, #address, #hours, #map {width:100px; float:left; line-height:20px; color:#999;
}
#map {margin-left:10px;
}
#nav00 {width:112px; float:left; line-height:20px; color:#999;
}
#designs, #scrolling {width:130px;
}
#scrolling {overflow:auto;
}
#product {width:88px; float:left; line-height:20px; color:#999;
}
#product a, #scrolling a,  #designs a, #nav00 a, #states a, #address a {text-decoration:none; color:#999;
}
#product a:hover, #scrolling a:hover, #designs a:hover, #nav00 a:hover, #states a:hover, #address a:hover {color:#000;
}
#logo, #address, #map {width:200px;
}
#vic, #sa, #nsw, #qld {width:700px;
}
.displayState {display:none;
}
#FlashMain {
border:2px dotted #999999; position:relative; width:720px; height:360px; padding:3px;
}


	/* STYLES FOR CROSSFADER */

	div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 625px;
		height: 255px;
		background-color: #fff;
		border:  0px solid #ccc;
	}
	
	div.cf_element div.content
	{
		padding: 0px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
background-image: url(/images/scrollbar-bg.png);
}
.vscrollerbar {
background-image: url(/images/scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 22px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(/images/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}

.flexcroll a {
text-decoration:none; color:#999;
}
.flexcroll a:hover {
text-decoration:none; color:#000;
}
/* Scroll Bar Master Styling Ends Here */