/* Reset CSS */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin:0;

  padding:0;

  border:0;

  outline:0;

  font-size:100%;

  vertical-align:baseline;

  background:transparent;

  }

body {line-height:1;}

ol, ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,

q:before, q:after {content: ''; content: none;}



/* remember to define focus styles! */

:focus {outline: 0;}



/* remember to highlight inserts somehow! */

ins {text-decoration:none;}

del {text-decoration:line-through;}



/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: collapse; border-spacing: 0;}



/*****************************************************/



/* Main CSS */



body {

  background:#ededed url(images/bg_body.jpg) top left repeat-x;

  font-family:Arial, Helvetica, sans-serif; color:#fff;

  font-size:62.5%; /* font-size (1em) to 10px: 16px - 62.5% = 10px. 1em = 10px */

  }



a {color:#00669e; text-decoration:none;}

a:hover {color:#bc7b1d; text-decoration:underline;}



img.img_left {

  float:left; margin:0 10px 3px 0;

  border:solid 1px #c8c8c8;

  background:#eee; padding:6px;

  }

img.img_right {

  float:right; margin:0 0 3px 10px;

  border:solid 1px #c8c8c8;

  background:#eee; padding:6px;

  }



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

#wrapper {width:960px; margin:0 auto 30px auto;}



/* HEADER */

#header {}



.menul {background: url(images/menu_bg.gif) no-repeat scroll right -38px transparent;}

.menur {background: url(images/menu_bg.gif) no-repeat scroll left 0 transparent; padding-left:10px; padding-right:10px;}

.collage {line-height:0;}

.collage img {border-bottom:solid 4px #7e0202;}



#menu {

  background: url(images/menu_bg.gif) repeat-x scroll 0 -76px transparent;

  height:34px; padding-top:4px; text-transform: uppercase; color:#6b6a6a;

  }

#menu a {

  display:block; float:left;

  text-decoration:none; font-weight:bold; color:#3d3d3d;

  font-size:1.4em;

  padding:7px 15px; overflow:hidden}

#menu a:hover {color:#7e0202;}

#menu span {

  float:left; padding: 8px 0 0 0;

  font-weight:bold; color:#6b6a6a; font-size:1.5em;}



/* CONTENT */



#content {padding:0 0 10px 0;}



#navi {padding:10px 0 0 0px; float:right; width:230px;}



.navi {padding:0; margin-bottom:10px;}

.navi h2 {font-size:1.8em;}

.navi ul {padding:5px 0 10px 10px; border:solid 1px #c7c7c7; background: url("images/contenter_bg.gif") repeat-x scroll left top transparent;}

.navi ul li {padding:5px 5px 5px 0; background: url(images/bullet.gif) 0 center no-repeat; color:#333;}

.navi a {color:#004071; text-decoration:none; font-size:1.1em; padding-left:10px;}

.navi a:hover {color:#bc7b1d; text-decoration:underline;}



#cont {float:left; width:720px; font-size:1.3em; padding:10px 0 0 0;}

#cont p {line-height: 1.115;margin-bottom:1em; color:#333;}

#cont h1 {color:#004071; font-size:1.4em;}

#cont h2 {color:#bc7b1d; font-size:1.2em;}

#cont h3 {color:#bc7b1d; font-size:1.1em;}



.contenter {border:solid 1px #c6c6c6; overflow:hidden; zoom:1; padding:10px; background:#efefef url(images/contenter_bg.gif) top left repeat-x;}



.prodlistitem_holder {overflow:hidden; zoom:1;}

.prodlistitem {/*border-bottom:1px solid #c8c8c8;*/ overflow:hidden; margin:0 0 20px; padding:0 0 10px; width:334px;}

.prodlisticon {float:left; line-height:0; border:solid 1px #c8c8c8; background:#fff; padding:1px;}

.prodlisticon:hover {background:#c8c8c8; border:solid 1px #00669e;}

.prodlistlink {font-size:1.2em; font-weight:bold; float:left; /*width:490px; */ /*margin-bottom:10px; */text-decoration:none;}

.prodlistlink:hover {}

.prodlisttest {float:right; width:490px;}



.buy-now-link {background:#fff; border:1px solid #ccc; border-radius:4px; color: #00669e; cursor: pointer;display:block; font-size:1.2em; float:right; font-weight:bold; height:40px; line-height:40px; margin:5px 6px 0 0; text-align:center; width:150px;}

.buy-now-link:hover {color: #bc7b1d}



.image-wrapper {

	position: relative;

	width: 250px;

}

.image-wrapper h2 {

	position: absolute;

	left: 0;

	top: 0;

	padding: 5px;

	border: 1px solid #FFF;

	width: 218px;

	color: #FFF;

	margin: 5px;

        background-color:#fff;

}

.image-wrapper h2 a {font-size:1.2em; font-weight:bold; text-decoration:none; }

.image-wrapper h2 a:hover {}





.fleft {float:left;}

.fright {float:right;}



/* HEADER */



.header_t1l {background: url(images/headers.gif) no-repeat scroll 0 -41px transparent;}

.header_t1r {background: url(images/headers.gif) no-repeat scroll right 0 transparent;}

.header_t1l h1 {background: url(images/headers.gif) repeat-x scroll 0 -82px transparent; margin-left:15px; margin-right:15px; margin-bottom:0; padding:10px 0 10px 0; color:#004071; }

.header_t1l h2 {background: url(images/headers.gif) repeat-x scroll 0 -82px transparent; margin-left:15px; margin-right:15px; margin-bottom:0; padding:10px 0 10px 0; color:#004071; }



.pleaseselect {font-weight:bold; font-size:120%;}



/* UL Select */

.select {padding:0 10px 0 10px; font-size:1em;}

.select li {padding:7px 5px 7px 20px; background: url(images/bullet.gif) 7px center no-repeat; color:#333;}

.select a {color:#00669e; font-weight:bold; text-decoration:none;}

.select a:hover {color:#00669e; text-decoration:underline;}



/* HELPFUL */



.clear {clear:both;}

.width100 {width:100%;}

.width75 {width:75%;}

.width50 {width:50%;}

.floatLeft {float:left;}

.floatRight {float:right;}

.alignLeft {text-align:left;}

.alignRight {text-align:right;}





/* FOOTER */

#footer {

  font-size:1.1em; font-weight:bold;

  color:#616161; text-align:center;

  background: url(images/footer_bg.gif);

  padding:30px 0 30px 0;

  margin:0 auto 15px auto;

  width:960px;

  }







.sitemap {margin-left:10px;}

.sitemap li {list-style-type:none; padding:0 0 5px 0;}

.sitemap li h2 a {text-decoration:none; padding:15px 0 5px 0; display:block;}

.sitemap li h2 a:hover {text-decoration:underline;}

.sitemap li ul {margin-left:15px;}



.linkmap {float:right; margin-right:20px; color:#CFCFCF;}



/* =========== link to carid.com ================ */

.brand_logo {overflow: hidden;}

.brand_logo>div {padding:25px 10px; border:solid 1px #c7c7c7; background: url("images/contenter_bg.gif") repeat-x scroll left top transparent;}

.brand_logo a {display: block; }
.brand_logo a:first-child {margin-bottom: 15px;}
.brand_logo img {border:none;display:block;margin:0;padding:0;margin: 0 auto;}


/**/