body
{
text-align: center;
background-image:url(../images/BGgradient.jpg);
background-repeat:repeat-x;
background-color:#c0c0c0;
height:100%;
min-width:1024px;
/* this will push it to the right edge, not centered. 
width:100%;*/
margin-top:0px;
}
body *{
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}

#headerContainer{
clear:both;
min-width: 1024px;
width:100%;
max-width:100%;
}

#logo{
float:left; 
width:30%;
min-width:30%;
}
div#container, div#footer{
margin-left: auto;
margin-right: auto;
min-width: 1024px;
width:100%;
max-width:100%;
}

#searchContainer{
width:33%;
margin-left:auto;
margin-right:auto;
float:left;

}

#searchInventory{
margin-top: 20px; 
margin-bottom: 20px; 
margin-left:auto;
margin-right:auto;
min-width:420px; 
width:420px; 
max-width:420px; 
border-color:#a7a7a7; 
border-style:solid; 
border-width:1px; 	
padding-left:12px;
padding-right:12px; 
padding-top:6px;
padding-bottom:8px;
}

div#boldChatContainer {
float:right;
margin-left:auto;
margin-right:auto;
width:30%;
max-width:30%;
min-width:30%;
}

div#boldChat {
float:right;
margin-top: 20px; 
margin-bottom:5px;
min-width:212px;
width:212px;
margin-right:20px;
}

div#container
{
text-align: left;
background-color:white;
position:relative;
min-width:1024px;
} 

div#top-forklift-bar{
height:23px;
background-color:#e3e3e3;
width:100%;
/*width:1004px;*/
min-width:1004px;
position:relative;
font-size:8pt;

}

div#top-navigation-bar{
color:#0055a5;
clear:both;
margin-left:30px;
margin-right:30px;

}

a{color:#000; text-decoration:underline;}
a:hover{color:#0ca6ef; text-decoration:none;}



div#left-small-blue{
clear:both; 
margin-top: 225px; 
background-color:#0ca6ef; 
height:60px;
}

div#containerFooter{
clear:both;
}

div#cart-navigation-header{
position:relative; 
float:right;
}

div#questions-headerContainer{
width:30%;
margin-left:auto;
margin-right:auto;
float:left; 
text-align:center;
}
div#questions-header{
font-size: 14px; 
font-weight:bold;
min-width:400px; 
width:400px; 
max-width:400px; 

}

div#about-home-header{
position:relative;
float:left; 
width:30%
}

  
#topSection{
}
  
 #topSection a{
  color:#0055a5;
 text-decoration:none;
 }
 
 #topSection a:hover{
  color:#888582;
 text-decoration:underline;
 }
 .brand-table {
	border:#CCC solid thin; 
	margin-bottom:30px;
 }
 .brand-table th a{
  color:#000;
 text-decoration:none;
 }
.brand-table th a:hover{
  color:#0055a5;
 text-decoration:underline;
 }

#topSection a.light-blue, #product-details-links a.light-blue:hover,  #product-details-links{
	color:#0ca6ef;
	text-decoration:none;
 	
}

#topSection a.light-blue:hover, #product-details-links a.light-blue{
 text-decoration:underline;
 color:#0ca6ef;
}

#contact-footer{ background-color:#e3e3e3; text-align: center; padding-top:5px; padding-bottom:5px; margin-bottom:12px; margin-top:5px; }


div#logo
{
clear:both;
float:left;
margin-top:20px;

}

#logo-image{
margin-left:30px;
}

#follow-us{
position:relative;
float:right; 
margin-top:5px; 
margin-right:30px;
} 

#follow-us a, a.blackText{
color:#000000;
text-decoration:underline;
}
#follow-us a {
font-weight:bold;
}

a.blackText:hover{
color:#000000;
text-decoration:none;
}

div#email-signupContainer{

}
div#email-signup{
color:#0ca6ef;
float:right;
margin-top:5px;
margin-right:30px;
}

div#email-signup a{
color:#0ca6ef;
text-decoration:underline;
}
div#looking-for-used-forklifts{
position:relative;
float:left; 
margin-top:5px;
}

H1#decker-forklifts-header{
font-size:11pt;
display:inline;
font-weight:bold;
color:#0055a5;
}

.blue{
color:#0055a5;
}

div#looking-for-used-forklifts H1{
color:#0ca6ef;
display:inline;
font-weight:normal;
}

a#looking-for-used-forklifts{
color:#0ca6ef;
text-decoration:none;
}

a#looking-for-used-forklifts: hover{
color:#0ca6ef;
text-decoration:underline;
}

/*left side div*/
div#left-side{
float:left; 
/*background-image:url(../images/whats-new.jpg); */
background-repeat:no-repeat;
margin-left:15px; 
margin-top:5px;
width:231px;
}

div#left-side-content{
margin-left:15px; 
margin-top:15px;
margin-bottom:0px;
width: 231px; 
height:auto; 

}
div#coupon-div{
clear:both; background-color:#0ca6ef;

width: auto;
}
div#coupon-content{
/*margin-left:15px; */ /*removed to use include for images */
margin-left:1px;
margin-top:15px;
width: auto; 
height:auto; 

}
div#coupon-content2{
       text-align:center;
       padding-bottom:2px;
       
}


div#left-side-content a, div#coupon-content a{
color:#020306;
}
div#left-side-content a:hover, div#coupon-content a:hover{
text-decoration:underline;
}

div#quality-guarantee{
margin-top:15px;

}
img#quality-guarantee-image{
float:left;
}
div#quality-guarantee-text{
	float:left; 
	margin-left: 8px; 
	margin-top:5px;
}
/*main div*/
div#main{
float:left;  
margin-left:15px; 
margin-top:5px; 
min-width:740px;
max-width:70%;

}


div#main-content{


}

IMG{
border:0;
}

div#topNav IMG{
margin-left:0px;
margin-right:0px;
margin-top:5px;
}

#midSection {
  position:relative;
  left:0;
  top:0;
  clear:both;
  background-image:url(../images/horizontal_shadow.jpg);
  background-repeat:repeat-y;
  margin-bottom:0px;
  min-height:550px;
  color:#5a5a5a;
  /*display:table; solves issue with browsers not expanding content.*/
	min-width:1024px;
  }
  

#midSectionContent {
  position:relative;
  min-height:550px;

  }
  
  #midSectionContentSecondary {
  position:relative;
  margin:0 0 0 3px;
  }
  
#midSectionLeftContentHOME {
  position:relative;
  margin:35px 15px 15px 15px;

 float:left;
width:650px;
  }
  
#midSectionLeftContent {
  position:relative;
  margin:35px 15px 15px 15px;
  padding-left:60px;
 float:left;
width:650px;
  }


#midSectionLeftContent a, #midSectionLeftContentHOME a{
  color:#68013E;
  
 text-decoration:none;
 }
 
  #midSectionLeftContent a:hover, #midSectionLeftContentHOME a:hover{
  color: #68013E;
 text-decoration:underline;
 }

#midSectionRightContent {
  position:relative;
 float:right;
   margin:35px 15px 0 15px;
   width:200px;
text-align:left;
  }
  
 #midSectionRightContent a{
  color:#68013E;
/*  padding-left: 10px;*/
 text-decoration:none;
 }
 
 #midSectionRightContent a:hover{
  color: #68013E;
 text-decoration:underline;
 }

div#footer{
position:relative;
left:0;
top:0;
text-align:left;
margin-top:20px;
margin-left:20px;
color:#000000;
}
div#footer a{
  color:#000000;
 text-decoration:none;
 }
 
div#footer a:hover{
  color:#000000;
 text-decoration:underline;
 }
 
div#contact-footer a{
  color:#000000;
  text-decoration:underline;
 }
 
div#contact-footer  a:hover{
  color:#000000;
text-decoration:none;
 }

.underline{
text-decoration:underline;
}

.bold{
font-weight:bold;
}
.bigger{
font-size:10pt;
}
.biggest{
font-size:12pt;
}
.regularSizeFont{ font-size:9pt;}

.contact_table input, .contact_table textarea{
  width: 344px;
  background-color: #D8E3E9;
  border: 0;
  margin: 0;
  padding: 0;
}

.contact_table input, .contact_table textarea{
  width: 344px;
  background-color: #D8E3E9;
  border: 0;
  margin: 0;
  padding: 0;
  
  
}
.contact_table input{
  height: 20px;
}
.contact_table {
  text-align: right;
}
.contact_table td{
  padding-bottom: 5px;
  padding-left: 5px;
}


#searchTable{
width:60%;
}

#searchTableInterior{
width:90%;
}

#searchTableNavigation{
width:70%;
margin:10px 0 15px 0;
}
#searchNumber{
color:#888582;
}
#searchBoxTable{
border-bottom-color:#eae9e7; border-bottom-style:solid; border-bottom-width:medium;
}

.blueText{color:#0ca6ef;}

.brand-table td, .brand-table th{ padding-left:3px; padding-right:3px; padding-bottom:3px; padding-top:3px;
}
.brand-table th{ background-color:#0ca6ef; }
#bottom-links{width:100%; height:350px; clear:both; margin-left:auto; margin-right:auto; margin-top:50px; }
#bottom-links-narrative{clear:both; margin:10px 20px 10px 20px;}
#bottom-links-narrative-cols{float:left; width:25%; padding:0 5% 10px 0;}
#bottom-links-narrative-cols-middle{float:left; width:25%; margin-right:5%;}
#quicklinks-container{clear: both; border-top-color:white; border-top-width:thin; border-top-style:solid; width:97%; margin:10px 20px 10px 20px; }
#quicklinks-inner-padding{margin-top:20px;}
#quicklinks-cols{float:left; margin-right:10px; width:18%;}
#quicklinks-cols-white{float:left; margin-right:10px; border-left-color:white; border-left-style: solid; border-left-width: thin;}
h1#bottom-links-heading{font-size:10pt; font-weight:bold; margin-bottom:3px; color:#000;}
h1{font-size:14px; color:#0ca6ef}
.odd{background-color:#e3e3e3;}
div.bottomBorder{
border-bottom: thin #666666 solid;
clear:left;
margin:3px 0 3px 0;
}
div.product-properties{
width:100px; float:left; font-weight:bold;
padding:3px 0 3px 0;
}
div.product-results{ float:left; padding:3px 0 3px 0;}

/*Anti-Spam*/
.na {
	height:0px;
	display:none;	
}
/*------------------------------------------------------------------------------*/
/*-------------Div Tables ------------------------------------------------------*/
/*-----------Need to make a table?  Don't like TABLE TR TD?  Use this.----------*/
/* EXAMPLE!!!:
<div class="table_ctnr">
  <div class="row">
    <div class="col col3">test</div> <--col 3 because there are 3 columns per row -->
    <div class="col col3">test</div>
    <div class="col col3">test</div>
  </div>
    <div class="row">
    <div class="col col3">test</div>
    <div class="col col3">test</div>
    <div class="col col3">test</div>
  </div>
  <div class="row">
    <div class="col col3">test</div>
    <div class="col col3">test</div>
    <div class="col col3">test</div>
  </div>

  <br />  <br />  <br />
</div>
*/
.table_ctnr {
       width:100%;
       clear:both;
}
.col {
       float:left;
       
       display:inline;
       padding:3px;
}
.col1 {width:100%;}
.col2 {width:49%;}
.col3 {width:32%;}
.col4 {width:24%;}
.col5 {width:19%;}
.col6 {width:15%;}

.border1 {
       border:1px solid gray;
}
.row {
       display:block;
       clear:both;
}

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


.redLink {
	color:#ffea00 !important;
}