/* General Style */

a {outline: none !important;}
a img {border:0 !important;}

html {
height: 100%;
}
html>body .wrapper {
height: auto;
}
body {
height: 100%;
/*background: url(img/bg-tile.gif);
background-repeat: repeat-x;*/
background: url(img/page-tile.jpg);
background-repeat: no-repeat;
background-color: #000000;
padding: 0;
margin: 0;
overflow-y: yes;
overflow-x: hidden;
scrollbar-3dlight-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-highlight-color:#565656; 
scrollbar-shadow-color:#565656;
scrollbar-face-color:#232323; 
scrollbar-arrow-color:#f10000;
scrollbar-track-color:#000000; 
}
a:link, a:visited {
font-size: 11px;
text-decoration: none;
color: #b80000;
}
a:hover, a:active {
text-decoration: none;
color: #ff0000;
}
.wrapper{
width:100%;
height:99.9%;
min-height:100%;
margin:auto;
text-align: center;
position:relative;
}


.pageframe{
width:708px;
height:99.0%;
/*min-height:100%;*/
/*background: url(img/page-tile.jpg);
background-repeat: no-repeat;*/
border: 1px dotted #ffff00;




}


.content {
background: url(img/page-tile.jpg);
background-repeat: no-repeat;
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*color: #999999;*/
color: #cccccc;
padding: 0px 30px 20px 30px;
}
.heading {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ec0202;
}
.heading1 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ec0202;
}
.heading2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ec0202;
}
.img{
border: solid 1px #999999;
padding: 1px;
background: black;
margin: 0px 0px 0px 0px;
}
.imgleft{
border: solid 1px #999999;
padding:1px;
background: black;
float:left;
margin: 0px 20px 0px 0px;
}
.imgright{
border: solid 1px #999999;
padding:1px;
background: black;
float:right;
margin: 0px 0px 0px 20px;
}
.imgrightNI{
border: solid 0px #999999;
padding: 1px;
background: black;
float:right;
margin: 0px 0px 0px 20px;
}
.uparrow{
float:right;
margin-top: 15px;
}
.footer {
background-image: url(img/footer-tile1.gif);
bottom:0px;
height:28px;
width:100%;
position:absolute;
left:0;
}
.login {
border: 1px solid #666666;
background-color: #1c1c1c;
color: #ffffff;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin-top: 2px;
}
.dealergo {
border: 1px solid #666666;
background-color: #1c1c1c;
color: #ffffff;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin-top: 0px;
}

.hpointer{
cursor: hand;
}

/* Additional Styles */

/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #000fff; }
.data { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 9px; color: #aaaaaa; }

/* Paragraph Spacing */
P {margin-top: 8px; }
P.10 {margin-top: 10px; }
P.15 {margin-top: 15px; }
P.20 {margin-top: 20px; }
P.30 {margin-top: 30px; }
P.40 {margin-top: 40px; }
P.50 {margin-top: 50px; }

/* Special Layouts */
.Acrobat { background: url(img/webImg/Icon_Acrobat_Pdf.gif) no-repeat left; padding-left: 25px;}

dl { margin-left: 6px; margin-top: 3px; margin-bottom: 9px; }
dt { margin-left: 5px; margin-top: 15px; margin-bottom: 9px; }
dd { margin-left: 9px; margin-top: 3px; margin-bottom: 6px; }

li  { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #cccccc; }
td { font : 11px Verdana, Arial, Helvetica, sans-serif; color : #cccccc; }
.box { border: 1px solid #cccccc; background-color: White; }
.tabox { border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #f8f8ff; border-right: 1px solid #f8f8ff; }
.pic { border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; 	border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }
.pict { border: 1px solid silver; }

/* Text and Headings */
.pageheader { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; color : #dcdcdc; font-weight :  bold; font-style: normal; }
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #cccccc; font-weight: bold; font-style: normal; }
.pagefooter { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #294362; font-weight :  bold; font-style : normal; }
.bodyvlge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #294362; font-weight: bold; font-style: normal; }
.bodylge { font-family: Verdana, Arial, Helvetica, sans-serif; color: #294362; font-size: 13px; font-weight: bold; font-style: normal; }
.bodybold { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #cccccc; font-weight :  bold; font-style: normal; }
.bodysmallbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #aaaaaa; font-weight :  bold; font-style: normal; }
.body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #cccccc; font-style: normal; }
.bodysmall { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #cccccc; font-style: normal; }
.bodyvsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #cccccc; font-style: normal; }
.bodyvvsmall { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #cccccc; font-style: normal; }

.ContactMap { color: Red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.ContactHeading { color: Red; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.ContactHeadingS { color: Red; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.Contact { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.ContactH { color: #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: bold; font-style: italic; }
.WheelMatch { font-family: Arial, Helvetica, sans-serif; font-size : 10px; color : #cccccc; font-style : normal; }
.WheelMatchH { color: Red; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.headingFitment { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ec0202; }
.infoFitment { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #daa520; font-style: normal; }
.mapbodylge { font-family: Verdana, Arial, Helvetica, sans-serif; color: #294362; font-size: 18px; font-weight: bold; font-style: normal; }

.infoFitment { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #daa520; font-style: normal; }
.boldFitment { font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #cccccc; }
.textFitment { font: 11px Arial, Helvetica, sans-serif; color: #cccccc; }
.textFitmentsm { font: 9px Arial, Helvetica, sans-serif; color: #cccccc; }




/* Coloured Text */
SPAN.blue { color : #0033ff; }
.blue { color : #0033ff; }
SPAN.blue-1 { color : #00008b; }
.blue-1 { color : #00008b; }
SPAN.black { color : #000000; }
.black { color : #000000; }
SPAN.gray { color : #777777; }
.gray { color : #777777; }
SPAN.green { color : #339900; }
.green { color : #339900; }
SPAN.red { color : #b80000; }
.red { color : #ff0000; }
SPAN.silver { color : #c0c0c0; }
.silver { color : #c0c0c0; }
SPAN.tan { color : #d2b48c; }
.tan { color : #d2b48c; }
SPAN.teal { color : #008b8b; }
.teal { color : #008b8b; }
SPAN.white { color : #ffffff; }
.white { color : #ffffff; }
SPAN.yellow { color : #ffff00; }
.yellow { color : #ffff00; }
SPAN.orange { color : #ffaf02; }
.orange { color : #ffaf02; }

/* Page Objects */
.fieldtext {
vertical-align: middle; 
border: 1px solid #666666;
background-color: #1c1c1c;
font: 10px Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
text-decoration: none;
font-weight: normal;	
}
.fielddropdown {
vertical-align: middle; 
border: 1px solid #666666;
background-color: #1c1c1c;
font: 10px Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
text-decoration: none;
font-weight: normal;		
}
.fieldtextarea {
vertical-align: middle; 
border: 1px solid #666666;
background-color: #1c1c1c;
font: 10px Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
text-decoration: none;
font-weight: normal;	
scrollbar-3dlight-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-highlight-color:#565656; 
scrollbar-shadow-color:#565656;
scrollbar-face-color:#232323; 
scrollbar-arrow-color:#f10000;
scrollbar-track-color:#000000; 
}