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

html {
padding:0;
margin:0;
height:100%;
scrollbar-base-color: #A90402;
scrollbar-arrow-color: #000000;
scrollbar-DarkShadow-Color: #2D729D;
}

body {
padding:0;
margin:0;
height:100%;
background: #999999 url(http://www.carcovers.org/pics/bg-main.png) repeat-y center;
color:#000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {color:#000000; font-size:24px; margin: .67em 0;}
h2 {color:#666666; font-size:20px; margin: .83em 0;}
h3 {color:#CC0000; font-size:16px; margin: 1em 0;}

.zero {margin:0; padding:0}
.automargins {margin-left:auto; margin-right:auto;}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.justify {text-align:justify}
.listspace li {margin-bottom:10px;}

.red {color:#CC0000;}
.blue {color:#0000CC;}
.green {color:#006600;}
.yellow {color:#FFCC00;}

.bold {font-weight:bold}

.xs {font-size: 10px}
.sm {font-size: 12px;}
.md {font-size: 16px;}
.lg {font-size: 18px;}
.xl {font-size: 24px;}

#containerAll {
margin:0 auto 0 auto;
padding:0;
height:100%;
max-width:1280px;
min-width:775px;
width: expression(document.body.clientWidth < 777? "775px" : document.body.clientWidth > 1282? "1280px" : "auto");
position:relative;
background: white url(http://www.carcovers.org/pics/bg-main.png) repeat-y -50px 0;
}

#containerMain {
padding: 100px 0 0 150px;
margin: 0;
background: white url(http://www.carcovers.org/pics/bg-main.png) repeat-y -50px 0;
}

#content {
width:90%;
padding:5px;
margin:0 auto 0 auto;
text-align:center;
max-width:1115px;
}

#containerHeader {
position:absolute;
right:0;
top:0;
width:100%;
margin:0;
padding:0;
height:100px;
background: repeat-x bottom url(http://www.carcovers.org/headers/pics/headerslice.gif);
}

#headerTitle {
text-align:center;
width:100%;
position:absolute;
top:15px;
left:0px;
padding:0;
}

#headerTitleSup {
font-weight:bold;
font-size:24px;
padding:0;
margin:0;
}

#headerTitleSub {
font-size:10px;
padding:0;
margin:0;
}

#headerLogo {
position:absolute;
top:4px;
left:30px;
margin:0;
padding:0;
z-index: 100
}

#headerLeftBg {
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
width: 150px;
height: 100px;
background: url(http://www.carcovers.org/headers/pics/leftheader-leftcorner.png) no-repeat;
}

#headerRight {
position:absolute;
top:4px;
right:0px;
z-index: 100;
}

#headerRightLower {
position:absolute;
top:56px;
right:5px;
font-weight:bold;
font-size: 16px;
}

#headerLine {
position:absolute;
top:79px;
right:0px;
height: 21px;
width: 100%;
margin:0;
padding:0;		
text-align:right;
}

#headerLine a {
margin: 0;
padding: 2px 10px 2px 10px;
color: white;
font-weight: bold;
}

#sharing {
position: absolute;
top: 25px;
right: 17px;
padding: 0;
width: 250px;
background: #fff;
}

#sharing div {
position: relative;
background: #f2f2f2;
border: 1px solid #ccc;
margin: -4px;
}

#sharing ul {
list-style: none;
margin: 1px auto;
padding: 0;
width: 125px;
text-align: left;
}

#sharing li a {
height: 16px;
padding: 2px 2px 2px 22px;
border: 1px solid #fff;
display: block;
}

#sharing li a:hover {
background-color: #f2f2f2;
border: 1px solid #ccc;
}

#bullBM, #bullBM a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px 2px}
#bullFB, #bullFB a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -37px}
#bullTW, #bullTW a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -17px}
#bullMS, #bullMS a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -57px}
#bullDG, #bullDG a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -97px}
#bullDE, #bullDE a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -118px}
#bullGO, #bullGO a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 2px -78px}
#bullEM, #bullEM a:hover {background:url(http://www.carcovers.org/style/pics/sharing.gif) no-repeat 1px -137px}

#navStrip {
background:#CCCCCC;
padding:3px;
position:relative;
margin-bottom:0px;
}

#navStripLeft {
position:absolute;
left:5px;
}

#navStripRight {
position:absolute;
right:0;
margin-right:3px;
}

#leftNav {
position:absolute;
top:100px;
left:0px;
width:150px;
background: white url(http://www.carcovers.org/pics/bg-main.png) repeat-y -50px 0;
}

#productMenu {
margin:0 10px 0 10px;
font-size:12px;
text-align:center;
overflow:none;
}

#productMenuSign {
background:url(http://www.carcovers.org/pics/product-sign.png) repeat-y;
width:115;
margin:0 7.5px 0 7.5px;
padding:0;
}

#productMenuSign div {
height:72px;
margin:0;
padding:10px 0 10px 0;
font-weight:bold;
font-size:11px
}

#productMenuSign a {
display:block;
text-decoration:none;
width:115px;
height:57px;
padding-top:15px;
}

#productMenu ul {
margin:0;
list-style:none;
padding:0;
width:130px;
}

#productMenu li {
border-bottom: 1px solid #2D729D;
background:#FFFFFF;
padding:2px 0 2px 3px;
margin: 0;
text-align:left;
}

#productMenu li a {
padding:0px;
display: block;
text-decoration: none;
color:#a90402;
}

#productMenu li a:hover {
background-color:#F7E6E6;
}

#ddMenu {
font-size:12px;
text-align:left;
width:150px;
}

#nav .thisPage 	{ background: #890101}
#nav a.arr	 	{ background: url(http://www.carcovers.org/style/pics/arrow.gif) center right no-repeat;}

#nav, #nav ul { list-style: none; padding: 0; }
#nav { font-size: 12px; line-height: 1.4em; float : left; margin: 0 0 0 10px; }
#nav li { position: relative; float: left; height: auto; border-bottom: 1px solid #2D729D; margin: 0; width: 125px; }

#nav li ul { position: absolute; left: -9999em; top: 5px; margin-left : 120px;  z-index: 100 } /* second-level lists */
#nav li ul ul { left: -9999em; margin-left: 185px; z-index: 101 } /* third-and-above-level lists */

#nav a { background: none; color : white; display : block; text-decoration : none; padding : 5px 0.5em; }
#nav a:hover, #nav a:focus,	#nav .sfhover>a	{ color: #000; background: #fff; }

#nav ul	{ background: #A90402; border: 1px solid #2D729D;}
#nav ul li { width: 190px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -9999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } /* lists nested under hovered list items */