/* IE & FF Fix */
* {margin:0; padding:0;}
body#index {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../../images/general/pageBg.jpg) repeat-x #f1f1f1;}
html, body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../../images/general/subpageBg.jpg) repeat-x #f1f1f1;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }


/* Classes */
a {color: #666;}
a:hover {color: #CCC;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.clearBoth {clear:both;}
hr {border:0; background-color:#d2d2d2; height:1px; margin:20px 0;}

/* Main Page */
#page-container {width:1000px; margin:auto;}

/* Header */
#header {height:453px; position:relative;}
#subpage-header { height:122px; position:relative }
#logo {
	background:url(../../images/general/mainLogo.jpg) no-repeat;
	width:428px;
	height:122px;

	text-indent:-9999px
}
div#text-resizer { position:absolute; top:0; right:25px }

#flash-header { width:518px; float:right; margin:0 }
#header-straps { width:435px; height:270px; background:url(../../images/general/flashHeader-straps.jpg) no-repeat; text-indent:-9999px }
#header-straps img { margin-top:200px }

/* Main Navigation */

#mainNav { list-style: none }
#mainNav li {float:left; text-align:center;}
#mainNav li h2 { width:142px; height:152px; font-size:14px; padding-top:14px;}

#mainNav li h2#homeBtn {background: url(../../images/nav/home-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#homeBtn:hover, #mainNav li a:hover h2#homeBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#satnavBtn {background:url(../../images/nav/satnav-out.jpg)  top left; text-decoration:none; color:#FFF;}
#mainNav li h2#satnavBtn:hover, #mainNav li a:hover h2#satnavBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#audiovisualBtn {background:url(../../images/nav/audio-visual-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#audiovisualBtn:hover, #mainNav li a:hover h2#audiovisualBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#caraudioBtn {background:url(../../images/nav/car-audio-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#caraudioBtn:hover, #mainNav li a:hover h2#caraudioBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#securityBtn {background:url(../../images/nav/security-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#securityBtn:hover, #mainNav li a:hover h2#securityBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#accessoriesBtn {background:url(../../images/nav/accessories-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#accessoriesBtn:hover, #mainNav li a:hover h2#accessoriesBtn {background-position: 0 -166px; color:#94dc23;}

#mainNav li h2#contactBtn {background:url(../../images/nav/contact-out.jpg) top left; text-decoration:none; color:#FFF;}
#mainNav li h2#contactBtn:hover, #mainNav li a:hover h2#contactBtn {background-position: 0 -166px; color:#94dc23;}

.mainTitles {display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; margin-bottom:30px;}
.subTitles {display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#6b93a4; margin-top:15px;}

/* Content */
.column1 {float:left; width:295px; padding:18px; margin-bottom:25px;}
.column2 {float:left; width:626px; padding:18px; margin-bottom:25px;}

dl#price-lists { float: left; width:550px; margin-bottom:30px }
dl#price-lists dt.alt-colour { background:#e3e3e3; padding:22px 0 }
dl#price-lists dd.alt-colour { background:#e3e3e3; padding:22px 0 }
dl#price-lists dt { width:280px; float:left; padding:22px 0 22px 0px }
dl#price-lists dt span { font-style: italic; color: #666666; float: right; padding-right: 20px; }
dl#price-lists dd.price { width:160px; float:left; padding:22px 0 }
dl#price-lists dd.button { width:87px; float:left; padding:4px 0 1px 0px; }
dl#price-lists dd.button img { padding-left:12px}
dl#price-lists dd.button-top { width:87px; float:left; padding:22px 0 }
dl#price-lists dd.desc { float: left; clear: both; display: block; width: 523px; padding: 10px 2px 20px 2px; color: #333333; border-bottom: solid 1px #CCCCCC; }

#manufacturersLogos {width:298px;}
#manufacturersLogos li {float:left; display:inline}

#contactAddy {}
#contactAddy li {list-style:none; padding:3px;}

.no-border {color:#f1f1f1; padding:0; margin:0}

#seo-outer { background:#0e0e0e }
#seo { width:1000px; margin:auto; clear:both; padding-bottom:30px }
#seo h1 { font-size:1.0em; color:#fff; margin-top:30px }
#seo p { color:#fff }

#carnoisseur-logo a { float: left; clear: both; display: block; width: 293px; height: 99px; margin: 50px 0 10px 0; text-indent: -9999px; background: url(../../images/general/carnoisseur-logo.jpg) no-repeat; }

#warranty { background:url(../../images/general/warranty.png) top left no-repeat; width:216px; height:216px; text-indent:-9000px; position:fixed; top:0; right:0; z-index:10000000 }


/* Footer */
#footerBg {background:url(../../images/general/footerBg.jpg) repeat-x #0e0e0e; height:140px;}
#footer {clear:both; width:1000px; margin:auto; color:#FFF; padding-top:100px;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#94dc23; text-decoration:none;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}

@media only screen and (max-width : 1200px) {
#warranty { display:none }
}