/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

* {margin:0; padding:0; font-family:'Helvetica Neue', Helvetica, sans-serif; }
.boxText { font-family: sans-serif; font-size: 1em; text-transform: uppercase; }
.errorBox { font-family : sans-serif; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : sans-serif; color: #cc0033; font-size:.6em; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: sans-serif; font-size:.8em; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #808080;
  margin: 0px;
  width:980px;
  padding-left:10px;
  margin-left:auto;
  margin-right:auto;
  
}

table {
border:0;
}

img {border:0;
}
p, td p {

font-family:sans-serif;
font-size:.8em;
line-height:1.5em;
}


A {
  color: #808080;
  text-decoration: none;
}

.content a {
	text-decoration:underline;

}

A:hover {
  color: #808080;
  text-shadow:none;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

.headerNavigation {
  background: #bbc3d3;
  font-family: sans-serif;
  
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: sans-serif;
  
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: sans-serif;
  
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.footer {
  font-family: sans-serif;
  
  background: #ffffff;
  color: #808080;
  clear:both;
  font-size:.6em;
  text-align:right;
  padding-top:2em;
}

.infoBox {
}

.infoBoxContents {
  background: white;
  font-family: sans-serif;
  font-size: .7em;
  color: #808080;
  text-align:right;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: sans-serif;
  
}

TD.infoBoxHeading {
  font-family: sans-serif;
  
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: sans-serif;
  
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, .productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #e8e8e8;
  position:relative;
 
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, .productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #e8e8e8;
	position:relative;
}

TABLE.productListing {
border-collapse: collapse;
width:100%;

}

.productListing-heading {
  font-family: sans-serif;
  
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

.productListing-data {
  font-family: sans-serif;
  font-size: 1em;
  padding:.5em;
  height:100px;
  position:relative;
    background: #f2f2f2;
  margin-bottom:1em;
 /** border: 2px solid #e0e0e0;*/
}

.productListing-data2 {
  font-family: sans-serif;
  font-size: 1em;
  padding:.5em;
  height:100px;
  position:relative;
  margin-bottom:1em;
      background: #ffffff;
        border: 2px solid #e0e0e0;
  
}


/*.productListing-data h2.pageHeading {
  display:inline-block;
  padding-top:.4em;
}*/




A.pageResults {
}

A.pageResults:hover {
}

.pageHeading {
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #808080;
  text-transform:uppercase;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: sans-serif;
  
  color: #000000;
}

.main, #tabs {
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.5;
  color: #808080;
}

.smallText {
  font-family: sans-serif;
  
}

TD.accountCategory {
  font-family: sans-serif;
  
  color: #aabbdd;
}

TD.fieldKey {
  font-family: sans-serif;
  
  font-weight: bold;
}

TD.fieldValue {
  font-family: sans-serif;
  
}

TD.tableHeading {
  font-family: sans-serif;
  
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: sans-serif;
  
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: sans-serif;
  
}

TEXTAREA {
  width: 100%;
  font-family: sans-serif;
  
}

SPAN.greetUser {
  font-family: sans-serif;
  
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {

}

TD.formAreaTitle {
  font-family: sans-serif;
  
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: sans-serif;
  
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: sans-serif;  color: #8c8c8c; }
.checkoutBarCurrent { font-family: sans-serif;  color: #000000; }

/* message box */

.messageBox { font-family: sans-serif;  }
.messageStackError, .messageStackWarning { font-family: sans-serif; background-color: #ffb3b5; }
.messageStackSuccess { font-family: sans-serif; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: sans-serif; color: #ff0000; }



div.brands {text-align:right;}
div.brands img {padding-left:.5em; padding-right:.5em; height:36px;}



select { width:20em;}

h1, h2, h3, h4, h5 { font-family: sans-serif; }
h2, h3 { margin-bottom:.5em;}
h4 {font-size:.8em;}
p {}

ol { font-family:sans-serif; margin-bottom:.5em; margin-left:1.25em;}
ol li { font-size:.8em;} 

h1#pageTitle {
font-family:sans-serif;
font-size: .9em;
padding-left:.5em;
padding-top:.5em;
color:black;
text-transform:uppercase;
font-weight:bold;
background:url("images/GradientBody.png");
height:25px;
}
h1.pageTitle {
font-family:sans-serif;
font-size: .9em;
padding-left:.5em;
padding-top:.5em;
color:black;
text-transform:uppercase;
font-weight:bold;
background:url("images/GradientBody.png");
height:25px;
}

h2.pageHeading a {text-decoration:none;}

h2.pageHeading {
display:inline;
font-size:.9em;
text-shadow: 0px 0px 3px #f89c3e;
}

h3.pageHeading {
display:inline;
font-family:sans-serif;
font-weight:normal;
font-size:.9em;
text-transform:uppercase;
}

#header ul a, #header h1 a, #header span a { 
color: #808080;
font-family: sans-serif;
font-size:.6em;
text-transform: uppercase;
}

#header img {border:0;}

body { 
font-size:100%;
width:1026px;
margin-left:auto;
margin-right:auto;
}

ul#shoplinks {
list-style-type:none;
}

ul#shoplinks li {
display:inline;
padding-left:2em;
}

ul#sitelinks { width: 40%; margin: 0 auto; text-align: justify; height: 1.2em; overflow: hidden }

ul#sitelinks:after { content: ""; width: 100%; display: inline-block }

#sitelinks li { display: inline-block }




td.main { font-size:.6em;}

ul.main { 
margin-top:1em;
list-style-type:none;
margin-bottom:2em;
font-size:.6em;}


.productListing-imageWrapper {
position:relative;
height:100px;
width:400px;
display:inline-block;


}

.productListing-image {
position:absolute;
clip:rect(75px 400px 175px auto);
top:-75px;
}

.productListing-name {
display:inline;
position:absolute;
left:420px; top:.5em;
}

.productListing-description {
display:inline;
position:absolute;
left:420px; top:3em;
}


.productListing-shortDescription {
display:inline;
position:absolute;
font-size:1em;
left:420px; top:1.5em;
padding-right:.75em;
width:428px;
}
.productListing-price {
 font-family: sans-serif;
  font-size: 1em;
 position:absolute; 
 top:.5em;
 right:.5em;
}

.productListing-buy {
display:inline;
position:absolute;
bottom:.25em; 
right:.25em;
height:25px;
}

.buttonRightBottomCorner {
display:inline;
position:absolute;
bottom:.5em; 
right:.25em;
height:25px;
}

.buttonRightTopCorner {
display:inline;
position:absolute;
top:.25em; 
right:.25em;
height:25px;
}


.buttonRightBottomCorner2 {

padding-top:1em;
text-align:right;
}

.buttonLeftBottomCorner {
display:inline;
position:absolute;
bottom:.5em; 
left:.25em;
height:25px;
}

.productListing-qty
{


display:inline;
position:absolute;
top:0em; 
right:6em;
height:100%;
padding-left:.5em; padding-right:.5em;
}

.productListing-qty input { font-size:.9em;margin-top:.5em; }

#productInfo.content
{
background-color:#f2f2f2; 
padding:.5em;
width:845px; 

}

.box { background-color:#f2f2f2; padding:.5em; margin-bottom:1em; margin-top:1em; position:relative; font-family:sans-serif;}


.boxWhite { background-color:#ffffff; padding:.5em; margin-bottom:0; margin-top:0; position:relative; font-family:sans-serif;}

.boxWhite2 { background-color:#ffffff; border: 2px solid #e0e0e0; clear:both; padding:.5em; margin-bottom:0; margin-top:0; margin-bottom:.5em; position:relative; font-family:sans-serif;}
.boxWhite2 p {width:70%; font-size:.9em;}

.box label {}

.content {

float:left;
position:relative;
width:860px; 
 
/*
position:absolute; 
top:265px; 
left: 144px;*/
}

#column-left {
width:14em; 
 
margin-left:-2em;
margin-right:.9em;
float:left;

  font-family: sans-serif;
  font-size: .7em;
  color: #808080;
  text-align:right;
}
}

#body-text {

position:relative; height:1000px; 
}

#header {
 
width:995px; 
height:265px; 
margin-left:auto; 
margin-right:auto;
position:relative;
text-align:right;
}

#header h1 {
font-size:1.5em;
}

#header h1 a {
color:black;
}

div#tabs.ui-tabs {}

#tabs h3, #tabs p, #tabs dl, #tabs li{
color: #808080;
font-weight:normal;
}

#tabs li , div#about #tabs ul.ui-tabs-nav li{ font-size:.6em; }
#tabs p {
	margin-bottom:1em;
}
#tabs dl {padding-bottom:1em; font-size:.8em;}

div#includes ul , div#about ul, div#hid_vs_halogen ul, div#shrouds_and_bezels ul, div#wire_harnesses ul, #techspecs ol, #how_tos ol, #helpful tools ol{ margin-left:1em; margin-bottom:.75em;}
div#includes li , div#about li, div#hid_vs_halogen li, div#shrouds_and_bezels li, div#wire_harnesses li, #techspecs li, #how_tos li, #helpful_tools li{font-size:.8em;}

ul#questions li , div.review p{line-height:1.5em;}

div#account ul, div#address_book ul, div#account_history_info ul, div#faq ul {padding-left:1.5em; font-size:.8em;} 

#tabs h3 { 
text-transform:uppercase;
font-size:.9em;

}

textarea#enquiry {
	
	width:400px;
	height:100px;

}

div#specifications dl {

}

div#specifications dd {

}

div#links_around.box {height:100px;}

div#links_around.box ul {list-style-type:none; margin-left:0em;}
div#links_around.box li {float:left; padding-right:.5em;}

div#techspecs dl {list-style-type:disc;}


div#techspecs dt, div#applications dt, div#compatibility dt {
float:left;
width:14em;

}

div#home.content div.box div#news ul li div  { padding-bottom:20px ;}

div#checkout_confirmation.content div.box { }

div#checkout_confirmation div#order_total dd {text-align:right; width:40em;}

div#checkout_confirmation dt, div#account_history dt{ float: left; width:19em; clear:both;}

div.productDetails p{text-align:right;} 

div#trs_tech dl, div#retrofit_examples dl, div#checkout_confirmation dl, div#account_history dl{ font-size: .8em; line-height:1.5em;}
div#trs_tech dd, div#retrofit_examples dd { }
div#trs_tech dt, div#retrofit_examples dt {
font-weight:bold;
margin-top:.25em;
}
.divider {height:10px; background:white;}

.retrofitters {

background-color:#f2f2f2; 
margin-top:1em;  
margin-bottom:1em; 
padding:.5em;

}

img#headermask, img#headerfull {position:absolute; top:0; left: 0;}

ul#banners {list-style:none;}
ul#bfbanners, ul#lwbanners, ul#lmzbanners {list-style:none;}
div#news ul {line-height:1.5em; font-size:.9em;}


div.contact_retrofitter {float:left; clear:both; width:402px; margin-right:.5em;}
div.retrofitters_thumbs img {float:left; width:63px; height:48px; border: 2px solid #e0e0e0; }
div.retrofitters_thumbs {float:left; margin-right:.5em;}
div.retrofitters ul#banners.innerfade li a img { width:100%;}
div.retrofitters ul#lwbanners.innerfade li a img { width:100%;}
div.retrofitters ul#bfbanners.innerfade li a img, div.retrofitters ul#lmzbanners.innerfade li a img { width:844px;}
div.retrofitters ul#bff, div.retrofitters ul#lmz {font-family:sans-serif; overflow:auto;
font-size:.8em;
line-height:1.5em;}
div.retrofitters ul#bff li, div.retrofitters ul#lmz li {float:left; width:30em; margin-left:2em;}

div.box label { width:12em; float:left; margin-right:.5em; display:block;}

div#videos object {float:right;margin-left:.5em; margin-top:0em; }
div#videos div.box {min-height:26em;}

div#checkout_shipping.box  label { width:20em; float:left; margin-right:.5em; display:block;}
div#checkout_shipping.box h4 {}
div#conditions.content p, div#privacy.content p ,div#about.content p, div#faq.content p, div#home.content p, div#trs_tech.content p, div#retrofitters.content p, div#retrofit_examples.content p, div#create_account.content p, div#checkout_success.content p { line-height:1.5em; margin-top:.25em; margin-bottom:.75em;}
div#conditions.content h4 ,div#about.content h4, div#faq.content h4, div#trs_tech.content h4, div#retrofitters.content h4, div#retrofit_examples.content h4{margin-top:1em; margin-bottom:.25em;}
div#about.content img {}
div#about.content img.float-center , div#trs_tech.content img.float-center, div#retrofit_examples.content img.float-center, div#retrofitters.content img.float-center {margin-left: auto; margin-right: auto; width:100%; display:block;  margin-bottom:1em; margin-top:.5em; border: 2px solid #e0e0e0;}
div#about.content img.float-right, div#trs_tech.content img.float-right, div#retrofit_examples.content img.float-right, div#retrofitters.content img.float-right { float:right; width:400px; margin-left:2em;  margin-bottom:1em; margin-top:.5em; border: 2px solid #e0e0e0;}
div#about.content img.float-left , div#trs_tech.content img.float-left, div#retrofit_examples.content img.float-left, div#retrofitters.content img.float-left { float:left; width:400px; margin-right:2em;  margin-bottom:1em; margin-top:.5em; border: 2px solid #e0e0e0;}

div#trs_tech.content img.float-right2, div#about.content img.float-right2 {float:right; clear:both; width:100px; margin-left:1em;  margin-bottom:.5em; margin-top:.25em; border: 2px solid #e0e0e0;} 
div.two-up, div.three-up, div.four-up, div.five-up, div.six-up {width:100%; clear:both; display:block; text-align:center;}
div.two-up img, div.three-up img, div.four-up img,div.five-up img, div.six-up img{float:left; display:inline; margin-left:.25em; margin-right:.25em; border: 2px solid #e0e0e0;}
div.five-up {height:150px;}
div.five-up img {width: 18%; }
div.two-up {height:350px;}
div.two-up img {width:48%;}
div.three-up {height:225px;}
div.three-up img {width:260px;}
div.four-up {height:150px;}
div.four-up img {width:23%;}
div.six-up {height:150px;}
div.six-up img {width: 15%;}

div#checkout_payment.box  label { width:14em; float:left; margin-right:.5em; display:block;}
.box .pageHeading {display:block;}
p.submit input { margin-left:20em;}

/* customer image gallery  */
.imageWrapperCustomer {
display: inline-block;
height: 100px;
position: relative;
width: 100px;
}
.imageCustomer {
clip: rect(0px 100px 100px auto);
position: absolute;
top: 0px;
}

div.bx-window p {
text-transform: uppercase;
padding:.5em; 
max-width:100px;
font-size:.6em;
text-align:center;
font-family:sans-serif;
}

#col1, #col2, #col3 {width:33%; float:left;}

#trs_tech_nav {overflow:auto;}
#trs_tech_nav h5
{
	padding-top:3px;
	font-size: 13px;
	font-weight: bold;
}

#trs_tech_nav ul li
{
	font-weight: normal;
	font-size: 12px;
	padding-left: .5em;
	padding-right:2em;
	list-style-type: none;
	line-height: 16px;
}

#trs_tech .boxWhite {overflow:auto;}