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

a:link, a:current, a:active, a:visited {
color:#0099CC;
text-decoration:none;
}

a:hover {
color: #0066CC;
text-decoration:underline;
}

.body {
margin: 0px;
/*font-family: "Times New Roman", Times, serif;*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(../images/page_bg.jpg);
background-attachment: fixed;
padding: 0px;
}

#top {
margin: 0px auto 0px;
width: 1000px;
height: 119px;
background-color: #FFFFFF;
border-bottom: 1px solid #91a2bc;
}

#logo {
width: 170px;
height:119px;
border-right: 1px solid #91a2bc;
float:left;
}

#logotopright {
width: 169px;
height: 119px;
border-left: 1px solid #91a2bc;
float:right;
}

#wolflogo {
margin-top:1500px;
width: 170px;
height: 119px;
/*border-left: 1px solid #91a2bc;*/
border-top: 1px solid #91a2bc;
float:right;
}

#tuvlogo {
clear:both;
/*margin-top: 10px;*/
width: 169px;
height: 119px;
/*border-top: 1px solid #91a2bc;*/
border-bottom: 1px solid #91a2bc;
}

#insurance {
clear:both;
width: 169px;
height: 119px;
border-bottom: 1px solid #91a2bc;
}


#wolflogoleft {
margin-top:20px;
width: 170px;
height: 119px;
/*border-left: 1px solid #91a2bc;*/
border-top: 1px solid #91a2bc;
border-bottom: 1px solid #91a2bc;
float:right;
}

.exclusive {
font-family:Geneva, Arial, Helvetica, sans-serif;
float:left;
margin: 0px;
width: 658px;
font-size:20px;
color: #1b395f;
height: 119px;
line-height:119px;
text-align:center;
padding: 0px;
}

/******************************************  HEADER ****************************/

#container {
margin: 0px auto 0px;
padding: 0px;
width: 1000px;
height: auto;
background-color: #FFFFFF;
}


/***** WELCOME CONTENT FIRST PAGE *****/

#welcomecontainer {
width: 1000px;
height: 216px;
border-bottom: 1px solid #91a2bc;
}

.firstletter {
font-size:18px;
color:#000000;
}

.h1 {
font-size: 18px;
color: #000000;
text-align:center;
display: none;
}

.h3 {
margin-top: 0px;
width: auto;
text-decoration: underline;
margin-left: 5px;
text-align: left;
font-size: 16px;
color: #8d9db7;
}


#left {
width: 170px;
/*height: 2000px;*/
height:auto;
border-right: 1px solid #91a2bc;
float:left;
margin-bottom: 0px;
background-color: #FFFFFF;
/*z-index: 0;*/
}

/*********************   MENU   ************************/
#menucontainer1 {
width: 170px;
height: 236px;
/*height: 240px;*/
float: left;
}

#menucontainer2 {
width: 170px;
height: 230px;
/*height: 240px;*/
float: left;
}

#right {
width: 170px;
height: auto;
border-left: 1px solid #91a2bc;
float:right;
}

#flashcontent {
width: 658px;
height: 216px;
background-color: #f1f1f2;
float: left;
/*border-right: 1px solid #91a2bc;*/
}

#rightcontent {
width: 170px;
height: 432px;
margin-bottom: 10px;
}

#saleshotline {
clear:both;
width: 170px;
height: 216px;
}


/***** GOOGLE ADWORDS *******/
#googleadwordsright {
margin-top: 20px;
margin-left: 3px;
clear:both;
width: 150px;
height: auto;
}

#googleadwordsleft {
margin-top: 20px;
margin-left: 15px;
clear:both;
width: 120px;
height: auto;
}

#contentunderflash {
/*margin: 0px auto 0px;*/
margin-top: 10px;
margin-left: 172px;
padding: 10px;
width: 600px;
height: auto;
color: #000000;
text-align: justify;
}

#flashvideo {
margin-top: 0px;
width: 700px;
}

#maincontent {
width: 700px;
height: auto;
background-color: #FFFFFF;
text-align: justify;
padding: 20px;
float: left;
}

#content {
margin-top: 5px;
width: 650px;
min-height: 1500px;
padding: 0px;
float:left;
}

#maincontentboxwhite{
width: 530px;
min-height: 300px;
background-color: #FFFFFF;
text-align: justify;
float:left;
padding: 10px;
}

#footer {
clear: both;
/*margin-bottom: 0px;*/
width: 1000px;
height: 20px;
background:#FFFFFF;
border-top: 1px solid #0066CC;
line-height: 20px;
text-indent: 10px;
}

.clear {
height: 10px;
clear:both;
}

.carimageright {
float: right;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
}

.carimageleft {
float: left;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

/*************** NEWS SECTION ***************/

.tdnewscontainer {
width: 750px;
height: auto;
border: 1px solid #999999;
padding: 5px;
}


/***************  PRODUCT LISTING  *****************/

.tdproducts {
width: 200px;
height: 242px;
border: 0px;
margin-right: 13px;
margin-bottom: 10px;
color:#FFFFFF;
}

.product_title {
text-indent: 10px;
text-align:center;
color: #FFFFFF;
font-weight:bold;
margin-left: 5px;
}

#detailstitle {
color: #000000;
text-indent:10px;
margin-left:5px;
font-weight:bold;
}

#wheeldetailscontainer {
width: 650px;
height: 400px;
/*border: 1px solid #000000;*/
}


#detailsheader {
margin-top: 0px;
width: 650px;
height: 30px;
background: url(../images/product_details_header.jpg) no-repeat;
line-height: 30px;
color:#FFFFFF;
font-size:18px;
}

#detailsclearheader {
clear: both;
height:15px;
width: 500px;
/*border: 1px solid #000000;*/
}

#wheelinfo_container {
width: 650px;
height: auto;
border-left: 1px solid #d3ddeb;
border-right: 1px solid #d3ddeb;
border-bottom: 1px solid #d3ddeb;
/*background: #CCCCCC;*/
}

#wheel_image {
width: 300px;
height: 300px;
float:left;
/*background-color: #0099FF;*/
}

#wheelinfo_spry {
margin-top: 5px;
margin-right: 5px;
font-family: Arial, Helvetica, sans-serif;
width: 320px;
float: right;
}

#wheelinfofooter {
clear:both;
width: 100%;
height:15px;
background-color:#d3ddeb;
line-height: 15px;
}


#popup_image {
margin-left: 0px;
clear: both;
width: 300px;
float:left;
text-align: center;
background-color: #d3ddeb;
color:#333333;
font-weight:bold;
font-size:10px;
}

#backtoportfolio {
float: right;
width: 100px;
margin-right: 0px;
text-align: center;
background-color: #d3ddeb;
color:#333333;
font-weight:bold;
font-size:10px;
}

#backtoportfolio a {
color:#333333;;
text-decoration:underline;
}

/****  WHEEL DESCRIPTION ****/
#wheeldescriptioncontainer {
clear: both;
margin: 20px auto 0px;
width: 650px;
height:auto;
background-color:#FFFFFF;
color: #333333;
border: 1px solid #d3ddeb;
}

.h4descriptiontitle {
margin-top: 0px;
width: 100%;
height: 20px;
line-height: 20px;
text-indent:10px;
font-size: 14px;
font-weight: bold;
color:#666666;
background-color:#d3ddeb;
}

#descriptiontext {
width: 90%;
padding: 10px;
}


/***********  LINKS PAGE  ***************/

.tdlinks {
padding: 10px;
margin: 0px auto 0px;
width: 550px;
background-color:#f5f3f3;
border: 1px solid #e0dede;
}

/************************** DEALER DISPLAY SECTION ON FRONT END *********************/

#dealercontainer {
margin: 20px auto 0px;
width: 600px;
height: auto;
}

.dealerbox {
width: 200px;
height: 150px;
border: 1px solid #d3ddeb;
float:left;
}

.dealername {
margin-top: 0px;
width: 100%;
height: 18px;
background-color: #d3ddeb;
color:#666666;
font-size:14px;
text-indent: 5px;
}

.dealertext {
margin: 5px auto 0px;
width: 90%;
height:150px;
}