/* trigger button */
#browser {
	cursor:pointer;
	display: block;
	padding-top: 13px;
	height: 25px;
	margin: -14px 0px 0px;
}






#smoothmenu {
	float: left;
}
.ddsmoothmenu {
	text-transform: uppercase;
	font: 11px/normal Lucida Sans Unicode, Lucida Grande,"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 600px;
}
#dealer-nav #smoothmenu {
	width: 970px;
}


.ddsmoothmenu ul{
	padding: 0;
	z-index: 1800;
	width: 630px;
	display: block;
	list-style-type: none;
	margin-top: 20px;
}
#dealer-nav .ddsmoothmenu ul {
	padding: 0;
	z-index: 1800;
	display: block;
	list-style-type: none;
	margin-top: 0px;
	width: 960px;
}


/*Top level list items*/
.ddsmoothmenu ul li{
	display: block;
	float: left;
	background: url(/images/navBorder.png) no-repeat right bottom;
	position: relative;
}
.ddsmoothmenu ul li.noBg    {
	background: url(none);
	white-space: nowrap;
}
.ddsmoothmenu ul li.rollover {
	background: url(/images/rollDivider.png) no-repeat left bottom;
}





/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	text-decoration: none;
	white-space: nowrap;
	margin: 0px;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 8px;
}
.ddsmoothmenu ul li a:link    , .ddsmoothmenu ul li a:visited{
	color: #066;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li.selected:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: url(/images/overNav.gif) no-repeat left bottom;

}

.ddsmoothmenu ul li a:hover      {
	background: url(/images/overNav.png) repeat-x bottom; /*background of menu items during onmouseover (hover state)*/
	color: #000;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul   {
	position: absolute;
	left: 0px;
	display: block;
	border-left: 1px solid #989899;
	border-right: 1px solid #989899;
	border-bottom: 1px solid #989899;
	width: 200px;
	z-index: 1600;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
#dealer-nav .ddsmoothmenu ul li ul {
	position: absolute;
	left: 0px;
	display: block;
	border-left: 1px solid #989899;
	border-right: 1px solid #989899;
	border-bottom: 1px solid #989899;
	width: 200px;
	z-index: 1600;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

#smoothmenu ul li ul li a {
	color: #2F2F2F;
	padding: 6px 10px 6px 20px;
}
.ddsmoothmenu ul li ul li a:hover     {
	background: url(/images/navRollover.gif) repeat-x;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li   {
	display: list-item;
	float: none;
	border-bottom: 1px solid #E5E6E7;
	list-style: none;
	background: #D5D6D7;
}
/* tooltip styling */
.tooltip {
	padding: 0px 0px 20px;
	width: 201px;
	display: none;
	background: url(/images/tooltipBottom.png) bottom;
	height: 20px;
	margin: 0px !important;
	position: absolute;
}
.tooltip ul  {
	padding: 0px;
	margin: 0px;
	font: 11px/normal Lucida Sans Unicode, Lucida Grande,"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
	border-left: 1px solid #B1B1B1;
	background: #D3D4D5;
}
.tooltip ul li  {
	display: block;
	list-style: none;
	border-bottom: 1px solid #E5E6E7;
	margin: 0px;
}
.tooltip ul li a  {
	color: #000;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
}
.tooltip ul li a:hover {
	background: url(/images/navRollover.gif) repeat-x; /*background of menu items during onmouseover (hover state)*/
	color: #000;
}





/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	display: none;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	display: none;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: 10;
	background: url(/images/shadow.png);
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	width: 950px;
	padding: 0px 0px 50px;
}
ul.thumb li {
	margin: 0;
	padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 90px;
	height: 90px;
}
ul.thumb li img {
	width: 90px;
	height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #D6D6D6;
	padding: 5px;
	position: absolute;
	left: 0;
	top: 1px;
	background: #FFF;
}
ul.thumb li img.hover {
	background:#D7D7D7;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
	cursor: pointer;
}
.tooltipthumb   {
	display:none;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
	z-index: 1500;
	position: relative;
	background: #D7D7D7;
	font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 2px 8px;
	}


/* navigation for Media */
	#navMedia {
	height:50px;
	width:200px;
	background: url(/images/shadeTop.gif) no-repeat left top;
	float: left;
	padding-top: 25px;
	margin-top: -20px;
	}
	
	#navMedia ul {
	margin:0 0px;
	width: 200px;
	padding: 0px;
	}
	
	#navMedia li {
	float:left;
	padding-left:1px;
	width:180px;
	list-style-type:none;
	}
	
	#navMedia a {
	color:#333333;
	display:block;
	padding:3px;
	position:relative;
	height:20px;
	text-decoration:none;
	text-transform: uppercase;
	}	
	
	#navMedia a.current {
	color: #F60;
	background: url(/images/arrow.gif) no-repeat right 6px;
	}
	
	#navMedia img {
	background-color:#fff;
	display:block;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	}
#navMedia .shadowBottom {
	background: url(/images/shadowBottom.gif) no-repeat left bottom;
	height: 25px;
	clear: left;
}

	

#panesMedia div {
	display:none;
	width:690px;
	position: relative;
	}#panesMedia li.last {
	margin-right: 0px;
}
#panesMedia li {
	list-style: none;
	float: left;
	display: block;
	padding: 10px 15px;
	color: #666;
	font: 0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height: 245px;
}
#panesMedia li a img {
	border: 1px solid #CCC;
}

#panesMedia {
	float: right;
	width: 720px;
	position: relative;
	margin: -30px 0px 0px;
}


/* navigation for Quality */
	#navQuality {
	width:400px;
	float: left;
	margin-top: -10px;
	}
#navQuality p {
	margin: 0px;
	padding: 0px 0px 10px;
}

	
	#navQuality ul {
	margin:0 0px;
	padding: 0px;
	display: block;
	height: 160px;
	}
	
	#navQuality li {
	float:left;
	padding-left:1px;
	width:400px;
	list-style-type:none;
	}
#navQuality li.first {
	display: none;
}

	
	#navQuality a {
	color:#000;
	display:block;
	padding:3px;
	position:relative;
	height:20px;
	border-bottom: 1px dotted #CCC;
	}	
#navQuality a.current , #navQuality a.current:hover{
	color: #FFF;
	background: #0083A9 url(/images/arrow-white.gif) no-repeat right 8px;
	}
#navQuality a:hover {
	color: #0083A9;
	text-decoration: none;
}



#panesQuality div {
	display:none;
	position: absolute;
}
#panesQuality {
	float: right;
	width: 490px;
	position: relative;
	margin: -50px 0px 0px;
}