/*
dark grey header bg: 4C4C4C
topnav red bottom border: C43E3B
*/

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	background-color: white;
	
}

body, p, td, th,li, span, h1, h2, h3, table tr td {
  font-size: 11px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

p, h1,h2,h3 { margin: 0px; padding: 0px; }

h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 100%; }

table { margin: 0px; padding: 0px; }

table.Form tr td { vertical-align: top; padding-bottom: 1em;}
table.Form tr th { vertical-align: top; padding-right: 1em; }

table.Form input { font-size: 90%; margin: .25em 0px; }
table.Form input.Text {  width: 30em; }

form { padding: 0px; margin: 0px; }

a { text-decoration: none; }
a img { border: 0px; }


img.Inline { display: inline; }

a.PDF { 
background-image: url(../images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 12px;
}

.FloatRight { float: right; }
.FloatLeft { float: left; }

ul.HNav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}

ul.HNav li { float: left; display: inline; }

ul.VNav {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.Dropdown {
  position: absolute;
  display:none;
  background-color: #000;
  padding: 0px;
  margin: 0px;
  /*filter: alpha(Opacity=80);*/
  -moz-opacity: .8;
  opacity: .8;
  
}

ul.Dropdown li {
  display: block;
  float: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

ul.List { list-style-type: none; padding: 0px; margin: 0px; }
ul.List li { line-height: 150%; }

ul.BList {  padding: 0px; margin: 0px 0px 0px 1.25em; }

div.Clear { clear: both; font-size: 0px; }
div.Centering { margin: 0px auto; }

.Clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#Container { position: relative;  width: 960px; text-align: left; margin: 0px auto; }

div#Header {
  background-color: #CC2228;
  background-image: url(/res/images/header_bg_swoop.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  z-index: 50;
  font-size: 0px;
}

div#Header img#Logo {
  position: absolute;
  left: 33px;
  top: 115px;
  z-index:1;
}

div#Header span#Logo {
  position: absolute;
  left: 33px;
  top: 115px;
  z-index: 1;
}

div#Header input#Search {
  position: absolute;
  top: 10px;
  left: 675px;
  width: 120px;
}


div#Header div#Banner {
  border-bottom: 6px solid #F5D130;
  border-top: 6px solid #F5D130;
  width: 100%;
  background-color: #000;
  margin-top: 46px;
}

div#Header div#Banner img { float: right; }

div#Header div#Access { 
  position: absolute; 
  left: 835px;
  top: 1em; 
  font-size: 12px; 
}

div#Header div#Access a { color: #FFF; text-decoration: underline; font-weight: bold; }

div#Header div#TopNav {
  position: absolute;
  left: 0px;
  bottom: 0px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background-color: #000;
  width: 100%;

}

div#Header div#TopNav { 
  color: #FFF; 
  background-color: #646160; 
  background-image: url(/res/images/topnav_bg.jpg); 
  background-repeat: repeat-x; 
}
div#Header div#TopNav ul.HNav { z-index:99; }

div#Header div#TopNav ul.HNav li {  
  padding: 1px 25px 1px 20px; 
  position: relative;
  background-image: url(/res/images/topnav_sep.jpg); 
  background-repeat: no-repeat; 
  background-position: 100% 0%;
}
div#Header div#TopNav ul.HNav li a {color: #FFF; font-weight: bold; }
div#Header div#TopNav ul.HNav li a:hover {color: #FFF; }
div#Header div#TopNav ul.HNav li.Selected a { color: #FFF; }
div#Header div#TopNav ul.HNav li.First { padding-left: 2em; }

div#Header div#TopNav ul.HNav li ul.Dropdown  { 
  display: none;
  position: absolute; 
  top: 14px;
  left: 0px;
}

div#Header div#TopNav ul.HNav li ul.Dropdown  li {  background-image: none; }

div#Header div#TopNav ul.HNav li > ul.Dropdown {
top: auto;
left: 0px;
}


div#Header div#TopNav ul.HNav li:hover ul.Dropdown { display: block; }
div#Header div#TopNav ul.HNav li.over ul.Dropdown {display: block; }


/* Dropdown Nav Styles */



div#PricePartsNav {
  color: #000;
  position: absolute;
  top: 150px;
  left: 457px;
  width: 503px;
  margin: 0px 0px 0px 0px;
}
div#PricePartsNav.home {
	position: relative;
	top: 0;
	left: 0;
	width: 500px;
	margin: 40px 0 0 0;
}

div#PricePartsNav div.FloatLeft {
  border-left: 1px solid #F5D130;
  width: 125px;
  font-size: 11px;
  height: 151px;
  line-height:150%;
  padding-top: 23px;
}
div#PricePartsNav.home div.FloatLeft {
  width: 120px;
}
div#PricePartsNav div.Last{
}

div#PricePartsNav div.FloatLeft.First { border: 0px; }

div#PricePartsNav img#Parts { position: absolute; bottom: 0px; left: 25px; }
div#PricePartsNav span#Parts { position: absolute; bottom: 0px; left: 25px; }

div#PricePartsNav div.FloatLeft { text-align: center; }
div#PricePartsNav div.FloatLeft img { margin-bottom: 1em; }
div#PricePartsNav div.FloatLeft p {
  text-align: left;
  padding: 0 12px;
}
div#PricePartsNav div.FloatLeft a { color: #000; }

div#PricePartsNav h1 { margin-top: 1em; font-size: 125%; }
div#PricePartsNav p,li { font-size: 90%; }
div#PricePartsNav a { font-size: 90%; text-decoration: underline; }

/* MainContent Sidebar */

div#RightFeatureBox {
 	height: 460px;
	clear: both;
 	margin-left: 100px;
	width: 396px;
}
div#RightFeatureBox.home {
	float: right;
 	clear: none;
 	height: auto;
	margin: 0 0 25px 0;
	width: 396px;
}
div#RightFeatureBox .content {
    padding-top: 10px;
}
div#RightFeatureBox.home .content {
    padding-top: 50px;
}

div#RightFeatureBox h1 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #d12228;
}
div#RightFeatureBox p {
    font-size: 12px;
    line-height: 16px;
}
/* MAIN CONTENT STYLES */

div#MainContent {
  color: #000;
  text-align: left;
  z-index: 50;
  margin-left: 32px;
  padding-top: 23px;
}
div#MainContent.home {
}

div#MainContent div#Content {
    margin-bottom: 28px;;
    width: 280px;
}
div#MainContent.home div#Content    { width: 392px; }
div#MainContent.home div#Content h1 { font-size: 110%; margin-top:2em; }

div#MainContent ul.VNav li { font-size: 100%; }
div#MainContent ul.HNav li { padding: 0px 1em; border-right: 1px solid #ccc; }
div#MainContent ul.HNav li.First { padding-left: 0px;  }
div#MainContent ul.HNav li.Last { border-right: 0px; }

div#MainContent h1 {
  color: #CC2228;
  margin: 2em 0px .5em 0px;
}

div#MainContent h2 { margin: 2em 0px .5em 0px; }

div#MainContent p {
  color: #000;
  margin-bottom: .5em;
}

div#MainContent ul#ProductListing li.Category { font-weight: bold; margin-top: 1em;}


/*
 * Features
 */

div#Features {
    width: 505px;
    margin-right: 0px;
    margin-bottom: 30px;
}
div#Features a { font-size: 90%; text-decoration: underline; }

div#FeatureBox {
  font-size: 11px;
  z-index:100;
  width: 500px;
  background: url(/res/images/spotlight_header_bg.gif) no-repeat top;
  border: 2px solid #6E6E6E;
  margin-bottom: 1em;
}

div#FeatureBox div.content {
  margin: 6px 20px 15px 20px;
}


div#FeatureBox div.content h1 {
  color: #FFF;
  margin: 0 0 12px 0;
  font-size: 14px;
}


div#Brands { margin: 30px 0px 0px 0px; clear: both; }
div#Brands img { margin: 0px 20px; vertical-align: middle; }
div#Brands img.First { margin-left: 0px;}
div#Brands img.Last { margin-right: 0px;}

div#Brands div.Centering { margin: 0px; }

div#Footer {
  height: 30px;
  margin-top: 35px;
  clear: both;
  width: 100%;
  border-top: 5px solid #000;
}

div#Footer ul.HNav { margin: 10px 0px 10px 160px; }

div#Footer ul.HNav li {
  border-right: 1px solid #5E5A5A;
  padding: 0px 1em;
}

div#Footer ul.HNav li.Last { border-right: 0px; padding-right: 0px; }
div#Footer ul.HNav li.First { padding-left: 0px; }

div#Footer ul.HNav li a {
  color: #5E5A5A;
  font-size: 10px;
  line-height: 14px;
  vertical-align: top;
  text-transform: uppercase;
}

div#Footer ul.HNav li a.Emp { 
  text-decoration: underline;
  font-weight: bold;
}

.Alert {
  color: red;
  font-weight: bold;
  font-size: 110%;
}