/* STYLES FOR MOBILE SPEC WEBSITE */


body { margin: 35px 0 10px 0; padding:0; }

body, td {font:normal 11px/16px verdana; color:#FFFFFF;}

a, a:link, a:active, a:visited {color:#999999; text-decoration:none; }
a:hover{  color:#0e5d98}

a.landing{
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a.landing:hover{
	color: #0e5d98;
	text-decoration: underline;
}


a img{ border:none; }

p{ margin:0; padding:0; margin-bottom:7px; }

#siteBackground { background:#000 url(../images/background.jpg) no-repeat center top;}

#siteWrapper{ width:860px; margin:0 auto; }

#contentWrapper{ float:left; background:#000 url(../images/leftcol-diagonalpattern.gif) repeat-y; width:840px;}


/* HEADER .......................*/

#headerWrapper { position:relative; display:block; height:148px; width:860px; background:url(../images/header-background.jpg) no-repeat 0 20px;}

#headerWrapper .logo { position:absolute; top:25px; left: 47px; width:120px; height:101px }

#headerWrapper .topbar { position:absolute; top:0px; left: -5px; width:870px; height:20px }

#headerWrapper .bottombar { position:absolute; top:127px; left: 0; width:860px; height:21px;}

#headerWrapper .logoshadow { position:absolute; top:127px; left: 38px; z-index:10; width:46px; height:21px; }

#headerWrapper .tabbar { position:absolute; top:118px; left: 356px; z-index:11; width:493px; }

#headerWrapper .nav { position:absolute; top:87px; left:0; width:815px; text-align:right; font:bold 12px 'trebuchet ms', arial; }

/* SEARCH .......................*/

#searchContainer {position:absolute;white-space:nowrap;padding:15px 0 10px 45px;top:20px;left:605px;display:block;background:url(../images/search-background.gif) no-repeat;width:238px;height:43px;}

#searchContainer form {display:inline !important;}

#searchContainer input { font:normal 12px/16px "trebuchet ms";color:#d5d5d5; background-color:#111; border:none;width:145px;margin-right:5px;}


/* LEFT COLUMN .......................*/

#contentWrapper .leftColumn {width:178px; float:left; background:url(../images/leftcol-navbackrnd.gif) repeat-y;}
		
#menu * { list-style:none; margin:0; padding:0; }
#menu { position:relative; width:178px; z-index:100; font:normal 12px/16px verdana; color:#FFFFFF;}

#menu ul ul { margin-left:0px; margin-top:-27px; border-top:#0e5d98 1px solid; width:210px; background:none;}

#menu li:first-child a { padding:8px 20px;}
#menu li { cursor:pointer; float:left;}
#menu li a { display:block;}
#menu li ul { position:absolute; left:-5000px; z-index:1001;}
#menu li { float:left; width:158px;margin:0 1px 0 11px; background:url(../images/leftcol-navdivider.gif) no-repeat left bottom;}
#menu li a { display:block; margin:0 0 0 0; padding:8px 20px}
#menu li li { margin:0;}
#menu li li a { border:solid 1px #1f1f1f; border-top:#0e5d98 1px solid; color:#FFF; margin:0; padding:5px 10px; width:190px;background:#121212;}
				
#menu li:hover ul { left:165px; }

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul { left:-5000px;}
#menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul { left:auto; }
#menu li:hover ul li:hover ul { margin-left:200px; }

#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a { border:solid 1px #1f1f1f; border-top:#393939 1px solid; color:#FFF; margin:0; padding:5px 10px; background-color:#121212; }

#menu li li:hover a, #menu li li li:hover a, #menu li li li li:hover a { background:#333;}
				

/* CONTENT .......................*/

#contentWrapper .content { width: 650px; float:right; margin-top:40px;}

#contentWrapper .homepageContent { width:650px; float:right; margin-top:-40px;}

.contentHeadline{font:normal 20px/23px "trebuchet ms", arial; color:#3778be;}

.listTable { width:610px; margin-top:10px;} /*stylize the dealer locator table*/

.listTable td { font-size:10px; vertical-align:top; border-bottom:solid 1px #444; padding:7px 5px; line-height:12px;}

.listTableHeader { padding:0;font-size:10px;background-color:#222; border-bottom:solid 1px #222;border-right:solid 1px #000; padding-left:7px; padding-right:5px; }

.content form {display:none;} /*hides ordering boxes on all product pages*/

.content #CustomPageDiv form {display:inline !important;} /*placed around a page with a form so it is visible*/

.content #CustomPageDiv input, .content #CustomPageDiv textarea { color:#fff; font:normal 11px/16px verdana; background-color:#222; border:none; padding:5px 10px 6px 10px; margin-left:5px;}

.content #CustomPageDiv input[type="submit"] {color:#0e5d98 !important; font:bold 10px/10px verdana; background-color:#333; display:block; border:none; padding:6px 13px 7px 13px; margin-top:10px;}

.content form#form1 {display:inline !important;}

.content form#form1 #pnlEmailToFriend input, .content form#form1 #pnlEmailToFriend textarea { color:#fff; font:normal 11px/16px verdana; background-color:#222; border:none; padding:5px 10px 6px 10px; margin-left:5px;}

.content form#form1 #pnlEmailToFriend input[type="submit"] {color:#0e5d98 !important; font:bold 10px/10px verdana; background-color:#333; display:block; border:none; padding:6px 13px 7px 13px; margin-top:10px;}

.content form#form1 #pnlRequireReg {display:inline !important;}

.content form#form1 #pnlRequireReg input, .content form#form1 #pnlRequireReg textarea { color:#fff; font:normal 11px/16px verdana; background-color:#222; border:none; padding:5px 10px 6px 10px; margin-left:5px;}

.content form#form1 #pnlRequireReg input[type="submit"] {color:#0e5d98 !important; font:bold 10px/10px verdana; background-color:#333; display:block; border:none; padding:6px 13px 7px 13px; margin-top:10px;}

.content form#form1 #pnlSuccess {display:inline !important;}

.content form #pnlSuccess input, .content form #pnlSuccess textarea { color:#fff; font:normal 11px/16px verdana; background-color:#222; border:none; padding:5px 10px 6px 10px; margin-left:5px;}

.content form #pnlSuccess input[type="submit"] {color:#0e5d98 !important; font:bold 10px/10px verdana; background-color:#333; display:block; border:none; padding:6px 13px 7px 13px; margin-top:10px;}

.ProductNameText { font:bold 135% "trebuchet ms", arial; display:block; margin-top:20px;}

.variantprice {display:none;}

table#productListBrowse img {margin-top:20px;margin-bottom:4px;}
table#productListBrowse td {padding-right:12px;text-align:center;}

.bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-align: left;
}


/* HOMEPAGE ..................*/

#contentWrapper .content #promo {height:319px;margin:0 0 13px 0;}

#contentWrapper .content #promoBoxes {background:url(../images/promobox-bottom-18.gif) no-repeat bottom right;padding:0 0 40px 0;}
#contentWrapper .content #promoBoxes * {margin:0;padding:0;}
#contentWrapper .content #promoBoxes .promoBox {background:url(../images/promobox-bottom.gif) no-repeat bottom left;float:right;position:relative;}
#contentWrapper .content #promoBoxes .promoBox.first {float:left;}
#contentWrapper .content #promoBoxes .promoBox-wrapper {background:url(../images/promobox-top.gif) no-repeat;min-height:123px;padding:45px 18px 20px 155px; width:145px;}
#contentWrapper .content #promoBoxes .promoBox img {left:15px;position:absolute;top:27px;}
#contentWrapper .content #promoBoxes .promoBox h2 {color:#0f578e;font-size:22px;font-weight:normal;margin:0 0 8px 0;}
#contentWrapper .content #promoBoxes .promoBox p {color:#b3b3b3;font-size:10px;}
#contentWrapper .content #promoBoxes .promoBox .more {float:right;margin:15px 5px 0 0;}
#contentWrapper .content #promoBoxes .promoBox .more img {left:auto;position:relative;top:auto;}

.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */



/* FOOTER .......................*/

#footerWrapper{ clear:both; background: url(../images/footer-background.jpg) repeat-x; height:150px; text-align:center; font:normal 10px/12px verdana; color:#686868; width:840px; margin-left:10px;}

#footerWrapper .footerLogo {margin:48px 0 15px 0;}

#footerWrapper .division {display:block; margin:10px 0 15px 0; font:normal 11px 'trebuchet ms', verdana; color:#666666;}