/*Clear Browser Defaults*/ 
* {margin: 0; padding: 0;}
/*---navigation control---050507*/
body {
 	margin: 0px 0px 0px 0px;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:10pt;
}

h1 {font-size: xx-large; font-weight: bold; text-align : center;}
h2 {font-size: x-large; font-weight: bold; text-align : center;}
h3 {font-size: large; font-weight: bold; text-align : center;}
h4 {font-size: medium; font-weight: bold; text-align: left; margin: 20px 0px 20px 40px;}
h5 {font-size: medium; font-weight: bold; text-align: center; margin-bottom:15px;}
h6 {font-size: small; font-weight: bold; text-align: left; margin: 20px 0px 20px 40px;}
p.subIndex{
	margin:10px 30px 10px 30px;
	text-indent: 1.5em;
    text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

/*div.prodDesc {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-indent: 1.5em;
	text-align: justify;
}
*/
div.imgRow {
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	vertical-align: middle;
	display: block;
	margin: 20px 20px 20px 20px;
    padding:8px;
	border:solid;
	background-color:#EDEDED;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
}

div.imgRow2 {
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	vertical-align: middle;
	display: block;
	margin: 30px 20px 30px 20px;
	padding: 20px 20px 20px 20px;
	border:solid;
	background-color:#FCFCFC;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
}

div.imgRow3 {
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	vertical-align: middle;
	display: block;
	margin: 30px 20px 30px 20px;
	padding: 20px 20px 20px 20px;
	border:solid;
	background-color:#FCFCFC;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
}

div.productlist {
	margin: 10px 0px 30px 0px;
	padding: 0px 20px 0px 20px;
}

div.listDetails {
	padding: 5px 20px 5px 20px;
}

p.description {
	text-align: justify;
	text-indent: 1.5em;
	margin:10px 5px 10px 5px;
	line-height:18px;
	font-size:1.1em;
}

/*div.imgRow2 {
	border-style: solid;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px 20px 0px 20px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	text-align: justify;
	text-indent:1.5em;
}*/

.style1 {
	background-color: #000000;
	text-align: right;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFF00;
	width: 100%;
}
.style1 a:active {
    color: #FFFF00;
    font-weight: bold;
    background-color: #000000;
    text-decoration: underline;
}
.style1 a:visited {
    color: #FFFF00;
    font-weight: bold;
    background-color: #000000;
    text-decoration: underline;
}
.style1 a {
    color: #FFFF00;
    font-weight: bold;
    background-color: #000000;
    text-decoration: underline;
}
.style1 a:link {
    color: #FFFF00;
    font-weight: bold;
    background-color: #000000;
    text-decoration: underline;
}
.style1 a:hover {
	text-decoration: none;
}
.style2 {
	background-color: #000000;
	width: 100%;
	text-align: center;
	height: 76pt;
	background-image: url('images/stripe_back.gif');
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.imageStyle1 {
	vertical-align: top;
	border-width: 0;
}
#sideMenu { 
	width: 100%;
	background-color: #ffffff;
}
#sideMenu span {
	display: none;
	visibility: hidden;
}
#sideMenu a {
	display: block;
	padding-right: 0.4em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-decoration: none;
}
#sideMenu a:visited {
  	background-color: #fafafa;
   	font-family: Tahoma;
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	border-top: solid #ffffff 1px;	
}
#sideMenu a:link {
  	background-color: #fafafa;
   	font-family: Tahoma;
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	border-top: solid #ffffff 1px;	
}
#sideMenu a:hover {
 	background-color: #54A4DE;
 	color: white;
 	font-family: Tahoma;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	border-top: solid #ffffff 1px;
}
#sideMenu a:active {
    background-color: #fafafa;
	color: white;
	font-family: Tahoma;
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
	border-top: solid #ffffff 1px;
}
.navheader {
	font-family: Tahoma;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.4em;
    background-color: #AA2B00;
    text-align: center;
}
.sidenav {
    border: solid #666 1px;
    width: 140px;
    vertical-align: top;
    background-color: #FCFCFC;
}
td.content {
 	background-color: #ffffff;
 	vertical-align: top;
	font-family:verdana;
 	font-size:8pt;
 	padding:0;
}

li { 
	margin:15px 0px 15px 40px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial;
	}

li.listDetails { 
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Tahoma;
	font-size:1em;}
	
table.lower {
	width: 100%;
	background-color: #ffffff;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	text-align:center;
}

font.nav {
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
}
font.head1 {
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
}
font.head2 {
	font-family:Verdana;
	font-size:8pt;
	font-weight:normal
}


.imgThumbRow {
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	display: inline;
	margin-left: 5px;
    margin-right: 5px;
    padding:8px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color: #FFFFFF;
}

th.make1 {
	background-color: #F8F8F8;
	text-align: left;
}

td.buyButtton {
	padding:0px 0px 0px 0px;
}

.imgBuyButton {
	white-space:nowrap;
	padding:0px 0px 0px 0px;
}

input.buy {
	height: 22px;
	font-size: 8pt;
}

img.cartButton {
	border: none;
	vertical-align: middle;
	width: 74px;
	height: 17px;
}

/*CSS for Product Tables*/

table.productlist {
	width:100%;
	text-align: left;
	color: black;
	border-collapse: collapse;
}
tr.tabletop {background-color: #000000; height: 22px;}
tr.row0 {background-color: #EFEFEF; height: 22pt; font: bold 10pt Verdana ;}
tr.row1 {background-color: #FFFFE9; height: 22pt;}
tr.row2 {background-color: #FFFFFF; height: 22pt;}

td.tabletop {background-color: #000000; height: 22px; font: bold 10pt Verdana; color: #FF9900; text-align:center}
td.make {padding: 5px;}
td.part {padding-left: 5px;}

/*CSS for Select Make Tables*/

div.selectMake {width:90%; margin:20px auto 0 auto;}
div.selectMake ul {width:100%; list-style-type:none; background-color:#fff; border:0px;}
div.selectMake li {width: 25%; margin:12px auto 5px auto; float:left; text-align:center;}
div.selectMake li a, div.brands li a:link, div.brands li a:visited, div.brands li a:active {text-align:center;  color:#006aaf; font:11pt, arial; padding:0px; }
div.selectMake li a:hover {border:0px; margin:0px }
div.selectMake a img{ border: none; }

/*CSS for Navigation*/

.breadcrumb {padding: 10px 0 10px 10px}

.breadcrumb a:link {color: #0000A0;	font-weight: bold; text-decoration: none;}
.breadcrumb a:visited {color: #0000A0; font-weight: bold; text-decoration: none;}
.breadcrumb a:active {color: #0000A0; font-weight: bold; text-decoration: none;}
.breadcrumb a {color: #0000A0; font-weight: bold; text-decoration: none; background: transparent url('images/doublearrow.gif') no-repeat center right;	padding-right: 20px;}
.breadcrumb a:hover {color: #AA2B00; text-decoration: underline;}


a:link {color: #0000A0;	 text-decoration: none;}
a:visited {color: #0000A0; text-decoration: none;}
a:active {color: #0000A0; text-decoration: none;}
a {color: #0000A0; text-decoration: none;}
a:hover {color: #AA2B00; text-decoration: underline;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10pt Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0.5em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }