﻿body 
{
    font-family:Verdana;
    font-size:14px;
    text-align:left;
    background:url('../images/background_pagefill.png') repeat-x;
    
    
}

.topBar
{
       
    
    
}
.topSubBar
{
    
    width:810px;
    margin:4px 0px 0px 0px;
    
}

.mainBodyBack
{
    background:url('../images/backrground_page.png') repeat-y; 
    vertical-align:top;
    width:874px;  
    position:relative;
    
}

.content
{
    padding:10px 0px 0px 15px;
    margin: 0px 0px 0px 20px; 
    background:#FFFFFF;
    width:575px;
    font-family:Verdana;
    font-size:12px;
    text-align:left; 
    vertical-align:top;   
    line-height:18px;
}

.pageTitle
{
    position:relative; 
    margin: 0px 0px 0px 30px; 
    background:url('../images/background_SUB_headerBar.png') no-repeat; 
    width:575px; 
    height:25px; 
    text-align:left; 
    padding:5px 0px 0px 15px;
    vertical-align:top; 
    font-weight:bold;
    font-size:12px;
    font-family:Verdana;
}

/******************************
//Top menu links
*******************************/
.mainLinks a
{
    border:none;
    margin:0px 0px 0px 0px;
    padding:3px;
}
#navBar li
{
    list-style:none;
    display:inline;

}
.companyLink a
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_company.png') no-repeat;
    border:none;
    
}
.companyLink a:visited
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_company.png') no-repeat;
    border:none;
}
.companyLink a:hover
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_company.png') no-repeat;
    background-position:0 -20px;
    border:none;
}

.companyLink a:active
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_company.png') no-repeat;
    background-position:0 -40px;
    border:none;
}


.truckLink a
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_trucks.png') no-repeat;
    border:none;
    
}
.truckLink a:visited
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_trucks.png') no-repeat;
    border:none;
}
.truckLink a:hover
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_trucks.png') no-repeat;
    background-position:0 -20px;
    border:none;
}

.truckLink a:active
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_trucks.png') no-repeat;
    background-position:0 -40px;
    border:none;
}


.dealersLink a
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_dealers.png') no-repeat;
    border:none;
    
}
.dealersLink a:visited
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_dealers.png') no-repeat;
    border:none;
}
.dealersLink a:hover
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_dealers.png') no-repeat;
    background-position:0 -20px;
    border:none;
}

.dealersLink a:active
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_dealers.png') no-repeat;
    background-position:0 -40px;
    border:none;
}


.partsLink a
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_parts.png') no-repeat;
    border:none;
    
}
.partsLink a:visited
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_parts.png') no-repeat;
    border:none;
}
.partsLink a:hover
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_parts.png') no-repeat;
    background-position:0 -20px;
    border:none;
}

.partsLink a:active
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_parts.png') no-repeat;
    background-position:0 -40px;
    border:none;
}



.clarkShop a
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_shop.png') no-repeat;
    border:none;
    text-decoration:none;
    
}
.clarkShop a:visited
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_shop.png') no-repeat;
    border:none;
    text-decoration:none;
}
.clarkShop a:hover
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_shop.png') no-repeat;
    background-position:0 -19px;
    border:none;
    text-decoration:none;
}

.clarkShop a:active
{
    width:95px;
    height:20px;    
    position:relative;
    background:url('../images/button_header_shop.png') no-repeat;
    background-position:0 -40px;
    border:none;
    text-decoration:none;
}



/***************************************************/
.sideBar
{
  position:relative;
  background:url('../images/sidebarbox_clark_forklift.png ') no-repeat;
  width:250px;
  height:500px;
  margin-left:-14px;
  
  padding: 20px 0px 0px 0px;
  
  
}
.sideBarLogin
{
  position:relative;  
  width:200px;
   
  
  padding: 20px 0px 10px 0px;
  margin-left:20px;
  font-size:11px; 
  font-weight:bold;
}


.sideBarLogin a:Link
{
   color:#b5b5af;
   text-decoration:none;   
   font-size:11px;   
   font-weight:bold;
   
}

.sideBarLogin a:Hover
{
   color:#b9d300;
   text-decoration:none;   
   font-size:11px;   
   font-weight:bold;
   
}

.dropDownCSS
{
    z-index:10;
}

ul.companyLinks 
{
    /*padding: 1em;*/
    padding: 5px;
    list-style: disc;
    /*font-variant: small-caps;*/
    line-height: 2em;
    position: relative;
    left: 25px;
    list-style-image: url('../images/bullet.gif');
    
    width:500px;
}

.sidebarMenu
{
   color:#b5b5af;
   text-decoration:none;   
   font-size:11px;
   padding:0px 0px 0px 10px;
   font-weight:bold;
   
   
}

.sidebarMenu a:Link
{
   color:#b5b5af;
   text-decoration:none;   
   font-size:11px;   
   font-weight:bold;
   
}

.sidebarMenu a:Hover
{
   color:#b9d300;
   text-decoration:none;   
   font-size:11px;   
   font-weight:bold;
   
}

.mainFooter
{
    background:url('../images/backrground_page.png') repeat-y; 
    vertical-align:top;
    width:854px;  
    position:relative;
    text-align:left;
    color:#b5b5af;   
    font-size:9px;
    text-transform:uppercase;
    padding:10px;
    font-weight:bold;
    
    
}

.footerSub
{
    border-top:solid 1px #b5b5af;
    width:782px;
    padding:8px 0px 50px 0px;
    margin:40px 0px 0px 30px;
    font-weight:bold;
    font-size:9px;
    
}

.footerSub a:link
{
    
   color:#b5b5af;
   text-decoration:none;
   font-weight:bold;
   font-size:9px;
}
.footerSub a:visited
{
    
   color:#b5b5af;
   text-decoration:none;
   font-weight:bold;
   font-size:9px;
}

.footerSub a:hover
{
    
   color:#b9d300;  
   font-weight:bold;
   font-size:9px;
   font-size:9px;
}

.disclaimer
{
    font-weight:normal;    
    font-size:8px;
    font-weight:bold;
}

.disclaimer a:link, a:visited
{
    
   color:#b5b5af;
   text-decoration:none;
   font-weight:bold;  
}

.disclaimer a:visited
{
    
   color:#b5b5af;
   text-decoration:none;
   font-weight:bold;  
}
.disclaimer a:hover
{
    
   color:#b9d300;  
   font-weight:bold;  
}

/***************************************
// Dealer lookup repeater styels
****************************************/
.dealerHeader
{
    background:#b9d300;
     color:#000000;
     font-size: 15px;
     font-family: Myriad Pro, Verdana;
     border:solid 1px #000000;
     width:300px;
     text-align:left;
     font-weight:bold;
     padding:3px 5px 3px 5px;
}


.lookupBtn 
{
    text-decoration:none;
    color:#b9d300;
    font-size:12px;
    font-weight:bold;
    margin-bottom: 0px;
}

.lookupBtn:hover
{
    text-decoration:none;
    color:#b9d300;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
}


.msg
{
    font-family:Verdana, Arial;
    font-size:10px;
    color:#bc0501;
    font-weight:bold;
}

.trkLink :link
{
    font-family:Verdana;
    font-size:12px;
    text-decoration:none;
    color:Blue;
}

.trkLink a:visited
{
    font-family:Verdana;
    font-size:12px;
    text-decoration:none;
    color:Blue;
}

.trkLink a:hover
{
    font-family:Verdana;
    font-size:12px;
    text-decoration:none;
    color:#B9D300;
}

.loginButton
{
    border: solid 1px #B9d300;
    padding: 0px 3px 0px 3px;
    color:#000000;
    background:#ffffff;
    height:25px;
    width:75px;
}
