/*StyleSheet for JohnDow website*/
/* drg - 7/10/08 */

BODY {
color : #000;
background: #282828 url('/client/images/2008-bg.jpg') repeat-x;
font: normal 9pt/14pt arial, verdana, sans-serif;
margin : 0px;
}
p {
text-align : left;
}
ul {
margin-left : 20px;
}
a:link  {
color : #0000FF;
text-decoration : none;
background : transparent;
}
a:visited {
color : #990066;
text-decoration : underline;
background : transparent;
}

a:hover {
color : #CC0000;
text-decoration : underline;
background : transparent;
}
a.Breadcrumb:link, A.Breadcrumb:visited; {
font: normal 11px/16px arial, sans-serif;
color: #666;
text-decoration: none;
}
a.Breadcrumb:hover {
font: normal 11px/16px arial, sans-serif;
color: #cc0000;
text-decoration: none;
}
.Breadcrumb {
font: normal 11px/16px arial, sans-serif;
color: #666;
}
a.SubMenu:link, A.SubMenu:visited {
width: 178px;
height: 20px;
color: #666;
background-image: URL(/client/images/subnav1a.jpg);
text-align: left;
text-decoration: none;
padding: 2px 2px 2px 10px;
display: block;
margin-bottom: 1px;
}
a.SubMenu:hover {
width: 178px;
height: 20px;
color: #E52324;
background-image: URL(/client/images/subnav2a.jpg);
text-align: left;
text-decoration: none;
padding: 2px 2px 2px 10px;
display: block;
margin-bottom: 1px;
}

H1 {
color : #cc9900;
font : bold 13pt arial, sans-serif;
background : transparent;
}
h2 {
color : #555;
font : bold 11pt/13pt arial, sans-serif;
background : transparent;
}
h3 {
color: #e52324;
font: bold 10pt/13pt arial, sans-serif;
background: transparent;
}

h3 a:link, h3 a:active, h3 a:visited {
font: bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
color:#FC1922;
text-decoration: none; 
margin: 0px;
padding: 0px;
}
h3 a:hover {
font: bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
color:#FC1922;
text-decoration: underline;
margin: 0px;
padding: 0px;
}

.MainBody {
background: #fff;
width : 800px;
margin : 0 auto;
overflow : hidden;
display : block;
}

.TopOfPage {
float: right;
width: 610px;
height: 130px;
background: #000 url(/client/images/2008-header.jpg) left top no-repeat;
text-align: center;
position:relative;
}


.right {
float: right;
margin: 0px 0px 0px 0px;
clear: both;
}

.right a:link, .right a:active, .right a:visited {
font: normal 12px/24px Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 20px 0px 0px;
color: #ffffff;
}
.right a:hover {
font: normal 12px/24px Arial, Helvetica, sans-serif;
text-decoration: underline;
margin: 0px 20px 0px 0px;
color: #ffffff;
}

a.RacingLink {
width: 154px;
height: 31px;
position: absolute;
top: 44px;
left: 440px;
display: block;
 }

a.RacingLink span {
display: none;
}


.ToolBar {
float: left;
margin:0px;
width: 190px;
background: #fff url(/client/images/2008-nav.jpg) left top no-repeat;
display: block;
padding: 0px 0px 30px 0px;
}

.left {
float: left;
padding: 0px 0px 22px 20px;
}

.left a:link, .left a:active, .left a:visited {
font: bold 12px/24px Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 10px 0px 0px;
color: #ffffff;
}
.left a:hover {
font: bold 12px/24px Arial, Helvetica, sans-serif;
text-decoration: underline;
margin: 0px 10px 0px 0px;
color: #ffffff;
}

.ToolBar span {
display: none;
}

.CrewChief, .FuelChief, .JD-ASE, .EuroVent, .ShopRX {
display: block;
float: left;
height: 102px;
width: 190px;
padding: 0px 0px 8px 0px;
}

img.safetyguide {
display: block;
float: left;
width: 190px;
padding: 10px 0px 8px 0px;
border: 0px;
}

a.FuelChief {
background: url(/client/images/2008-nav.jpg) 0px -46px no-repeat;

}
a.FuelChief:hover {
background: url(/client/images/2008-nav.jpg) -190px -46px no-repeat;

}

a.CrewChief {
background: url(/client/images/2008-nav.jpg) 0px -156px no-repeat;

}
a.CrewChief:hover {
background: url(/client/images/2008-nav.jpg) -190px -156px no-repeat;

}

a.JD-ASE {
background: url(/client/images/2008-nav.jpg) 0px -266px no-repeat;

}
a.JD-ASE:hover {
background: url(/client/images/2008-nav.jpg) -190px -266px no-repeat;

}

a.EuroVent {
background: url(/client/images/2008-nav.jpg) 0px -376px no-repeat;

}
a.EuroVent:hover {
background: url(/client/images/2008-nav.jpg) -190px -376px no-repeat;

}

a.ShopRX {
background: url(/client/images/2008-nav.jpg) 0px -486px no-repeat;

}
a.ShopRX:hover {
background: url(/client/images/2008-nav.jpg) -190px -486px no-repeat;

}

.HorRule {
height: 2px;
border-top: 2px solid #999;
margin: 5px 2px 5px 0px;
}
.HorRule hr {
display: none;
}

.InnerBody {
color : #333;
background: transparent;
width : 590px;
margin : 0 auto;
vertical-align : top;
text-align : left;
overflow : hidden;
display : block;
float: left;
padding: 35px 10px 30px 10px;
}

.HomeRotateImage {
padding: 0px 20px 10px 10px;
float: left
}

.HomeRightMargin {
width: 190px;
background : transparent;
text-align : left;
vertical-align : top;
float: right;
padding: 0px 2px 30px 8px;
}
.RightMarginText {
padding: 10px;
text-align: center;
}
.NewsTicker {
width: 190px;
height: 127px;
display: block;
background-image: URL(/client/images/newsticker.jpg);
padding: 50px 0px 0px 0px;
margin: -3px 0px 10px 0px;
}
.SearchBox {
width: 170px;
height: 75px;
display: block;
background-image: URL(/client/images/search-bk.jpg);
padding: 60px 10px 0px 10px;
}

.InnerRightForm {
width: 0px;
font: normal 11px/17px verdana, sans-serif;
background: transparent;
text-align: left;
padding: 20px;
}

.SiteFooter {
background : transparent;
width : 800px;
height : 50px;
border-top: 1px solid #999;
text-align: center;
padding: 10px;
clear: both;
}
.Footer {
width : 800px;
background : #FB1B1B;
border: 1px solid #ccc;
border-width: 0px 0px 2px 0px;
margin : 0 auto;
color : #ebebeb;
font : bold 11px arial, sans-serif;
text-align: center;
padding-top: 8px;
height : 25px;
}
.CatalogDetail {
width: 540px;
height: 135px;
display: block;
margin: 0 auto;
padding: 0px 0px 10px 0px;
clear: both;
}
.CatalogDetailPhoto {
width: 200px;
text-align: left;
vertical-align: top;
padding: 0px;
float: right;
}
.CatalogDetailText {
width: 320px;
display: block;
text-align: left;
padding: 0px 20px 20px 0px;
float: left;
}
.ProductFeatures {
font: bold 10pt arial, sans-serif;
}

.ProductDetail {
width: 540px;
display: block;
margin: 0 auto;
clear: both;
}

.ProductDetailPhoto {
width: 200px;
text-align: center;
vertical-align: center;
padding: 0px 0px 30px 0px;
float: left;
}
.ProductDetailText {
width: 330px;
display: block;
text-align: left;
padding: 0px 0px 20px 10px;
float: left;
}

.Address {
font : normal 11px/17px verdana, sans-serif;
color : #333;
text-align : center;
}
.Address2 {
font : normal 10px verdana, arial, sans-serif;
color : #333;
text-align : center;
}
Table#Forms {
width : 360px;
border-collapse : collapse;
background : transparent;
vertical-align : top;
}
Table#Forms td {
vertical-align : top;
background : transparent;
}
.FieldName {
width : 120px;
text-align : right;
padding : 2px;
}
.InputField {
width : 212px;
text-align : left;
padding : 2px;
}