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

/* BEGIN CSS RESET*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

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

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* END CSS RESET*/

body{
	background:url(images/bgdot.gif) repeat;
	/*background-color:#222;*/
	margin:0;
	padding:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11pt;

}

body a{
	text-decoration:none;
}

hr{
	width:auto;
	height:1px;
	border:0;
	color:#999;
	background-color:#999;
	/*margin:0;*/
	margin:0 5px 0 5px;
}
img{
	border:0;
}
#container{
	width:98%;
	border:1px solid black;
	background-color:#FFF;
	margin:auto;
	padding:0;
}

#header{
	width:100%;
}

#logo{
	background-image:url(images/Logo4.png);
	width:154px;
	height:122px;
	float:left;
}

#logo a {
	display:block;
  width:154px;
  height:122px;
  text-decoration:none;
}

#logo a:hover {
  text-decoration:none;
}

#headerRight{
	position:relative;
	width:auto;
	height:98px;
	background-image:url(images/stripeF.png);
	margin-left:154px;
	text-align:center;
}

#navBar{
	/*background-color:#dc0e15;*/
	background:url(images/redgrad.png) repeat-x;
	position:relative;
	padding: 0 40px 0 40px;
	top:35px;
	height:82px;
	width:auto;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.boomerang{
	padding: 0 0px 0 10px;
	position:relative;
	top:-21px;
}
.navBarItem{
	margin:0 10px 0 5px;
	position:relative;
	top:-50px;
}

.returnToTop{
	text-align:right;
	font-size:.9em;
	position:absolute;
	right:3%;
}
.cleardiv{
	clear:both;
}

#gallery{
	background:url(images/stripeF.png) repeat;
	width:118px;
	float:left;
	padding:6px;
	text-align:center;
	color:#FFF;
}

#gallery a:link {
	color:#FFF;
	text-decoration:none;
} 
#gallery a:visited {color:#FFF;} 
#gallery a:hover {color:#BBB;} 
#gallery a:active {color:#BBB;} 

.galleryText{
	text-align:center;
	font-size:.8em;
	margin:5px 0 5px 0;
}

#main{

	background: left url(images/galleryStripe.png) repeat-y;
	padding-left:130px;
	padding-bottom:10px;
}
#main a{
	color:#DC0E15;
}
.top{
	position:relative;
	top:-22px;
	text-align:center;
	/* MINIMUM PADDING (if left align) padding-left:24px;*/
}
.even{
	background-color: #EEE;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:150px;
}
.odd{
	background-color:#FFF;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:150px;
}
.evenB{
	background-color: #EEE;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:200px;
}
.oddB{
	background-color:#FFF;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:200px;
}
.itemImageB {
position:relative;
display:block;
height:197px;
width:247px;
}
.itemLeftB {
	float: left; 
	width: 250px;
	text-align:center;
	padding: 0 5px 0 5px;
	height:100%;
	vertical-align:middle;
}
.ItemLeftEmptyB {
	float:left;
	width:250px;
	padding: 0 5px 0 5px;
}
.catSectionEven{
	
	background-color: #E5E5E5;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	border-bottom:1px black solid;
	border-top:1px black solid;
}
.catSectionOdd{
	background-color: #FFF;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	border-bottom:1px black solid;
	border-top:1px black solid;
	/*position:relative;
	top:-1px;*/
}

.catMainTitle{
	text-align:center;
	font-size:1.2em;
}
.titleRed{
	text-align:center;
	font-size:1em;
	color:#DC0E15;
}
.catSectionTitle{
	text-align:center;
	font-size:1em;
}
.catSmallTitle{
	text-align:center;
	font-size:.9em;
	margin:0 100px 0 100px;
}
.catWarningTitle{
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#DC0E15;
}
.catWarningSmall{
	text-align:center;
	font-size:.9em;
	margin:0 100px 0 100px;
	color:#DC0E15;
}
.catQuoteTitle{
	text-align:left;
	font-size:.9em;
	margin:0 35px 0 50px;
}
.catNote{
	text-align:center;
	font-size:.9em;
	margin:5px 35px 5px 50px;
}
.catText{
	margin:0 35px 0 35px;
}
.catTextSm{
	font-size:1em;
	margin:0 35px 0 35px;
}
.catTextMedRed{
	font-size:1.2em;
	margin:0 35px 0 35px;
	color:#DC0E15;
}
.catTextEm{
	font-size:1.1em;
	margin:0 35px 0 35px;
	font-weight:bold;
}
.center{
	text-align:center;
}
.catIMG{
	border:1px solid black;
	width:98px;
	height:98px;
	margin: 2px 27px 2px 27px;
	float:left;
}
.catDES{
	margin-left: 156px;
	height:102px;
}

.catLeft{
	height:100%;
	width:85%;
	float:left;	
}

.catRight{
	height:104px;
	width:15%;
	float:right;
}

.catCategory{
	margin:.7em 0 .7em 0;
}

.partName{
	font-size:1.1em;
}
.partYears{
	font-size:.9em;
}
.partNumber{
	font-size:.9em;
}
.partDesc{
	font-size:.9em;
}
.partPrice{
	font-size:15px;
	font-weight:bold;
}

#footer{
	width:100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:center;
	background:url(images/redgrad.png) repeat-x;
	/*background-color:#dc0e15;*/
	border-top:1px solid black;
}


.itemLeft {
	float: left; 
	width: 250px;
	text-align:center;
	padding: 0 5px 0 5px;
	height:100%;
	vertical-align:middle;
}
.ItemLeftEmpty {
	float:left;
	width:250px;
	padding: 0 5px 0 5px;
}
.itemRight {
	float: right; 
	width: 125px;
	padding: 0 5px 0 5px;
	text-align:right;
}

.swapOdd{
	background-color: #FFF;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:360px;
	border-bottom:1px black solid;
	border-top:1px black solid;
	vertical-align:middle;
	overflow:hidden;
}

.swapOdd2{
	background-color: #FFF;
	width: 100%;
	margin:0;
	padding:5px 0 5px 0;
	height:300px;
	border-bottom:1px black solid;
	border-top:1px black solid;
	vertical-align:middle;
	overflow:hidden;

}

.swapLeft{
	float:left;
	width:49%;
	text-align:center;
}

.swapRight{
	float:right;
	width:49%;
	text-align:center;
}

.caption{
	font-size:.9em;
	text-align:center;
}

.itemContent {
  /*padding: 0 110px 0 160px; */
  /*margin: 0 110px 0 160px; */
  padding: 0 110px 0 0;
  margin: 0 0 0 160px;
} 

/*.itemContent:hover{
	background-color:#EEE;
}*/

.itemImage {
position:relative;
display:block;
height:147px;
width:247px;
}
img.watermark {
position: absolute;
bottom: 6px;
right: 6px;
} 

.lossBurst{
	background-image:url(images/catalog/lossLeader/sunburst.png);
	background-position:center;
	background-repeat:no-repeat;
	height:65px;
	padding-top:35px;
	font-weight:bold;
	font-size:1.5em;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.underline{
	text-decoration:underline;
}








/* LIGHTBOX */

#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: #000; 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: 50%; 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: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #FFF; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#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; }