/*-----------------------------------------
	Setting basic styles after the reset
-------------------------------------------*/

html, body{
	font: 12.5px/1.5 helvetica, arial, sans-serif;
	text-align: center;
}
	
a{
	text-decoration: none;
}
	
strong{
	font-weight: bold;
}	

h1, h2, h3, h4{
	font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
}

h1{
	padding: 10px 0;	
	font-size: 170%;
	font-weight: normal;
}

h2{
	font-size: 130%;
	font-weight: normal;
}
	
h3{		
	font-size: 110%;
	color: #0065a4;
	font-weight: normal;
}

h4{
	font-size: 90%;
	font-weight: normal;
}

.clearfix{
	overflow : hidden; _height : 1%;
}

/*-----------------------------------------
	Site
-------------------------------------------*/

#page{
	width: 810px;	
	margin: 0px auto;
	text-align: left;  
}

/*-----------------------------------------
	Header
-------------------------------------------*/

#header{
	padding-top: 20px;	
}

#header #main-navigation{
	padding: 27px 0 8px 10px;
/*	background: url(/client/images/main-navigation-bg-3.jpg) 0px 20px repeat-x; */
    background-color: #ffffff;
}
	    
#header ul#main-navigation li{
	float:left;
	line-height: 1.57;
}
    

#header ul#main-navigation li a {
	/* width: 100px; */
	text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    display: block;
    float:left;		
    padding: 0px 0px 0px 9px;
    margin-right: 1px;
}

#header ul#main-navigation li a span  {
    display: block;	
    padding: 0px 9px 0px 0px;
    border-right: 1px solid #ccc;
}
    
#header ul#main-navigation li a:hover{
}				

#header ul#main-navigation li a:hover span{
    color: #0593D1;
}
    
#header ul#main-navigation li.active a{							
}
	    
#header ul#main-navigation li.active a span{
    font-weight: bold;
    color: #0065a4;
}

/* because its the first item in the menu */
#header ul#main-navigation li#ctl00_tabProducts a{
	padding: 0px;
}

#header ul#main-navigation li#ctl00_tabLiterature a span{
	border: 0;
}
 
/*-----------------------------------------
	Content
-------------------------------------------*/ 

#content{
	padding-top: 20px;
}

#contact-search{
	margin: 25px 0;
}

#contact-search-state-city{
	float: left; 
	width: 300px; 
	margin-right: 100px;
	border-right: 1px solid #ccc;
}

#contact-search-zipcode{
	float: left; 
	width: 300px;
}

#product-column-left{
	float: left;
	width: 360px;
}

#product-column-right{
	float: right;
	width: 440px;
}

#ordercode{
	background-color: #f4f9c1;
}

.list-view{
}

.list-item{
	float:left;
	width: 192px;
	height: 155px;
	/*background: url(/client/images/bg-body-gradient.gif) repeat-x;*/
	overflow: hidden;
	cursor:pointer;
	margin-right: 8px;
}

.list-item-name{
	color: #000;
	height: 40px;
	padding: 0 0px;
}

.list-item-thumbnail{
	height: 100px;
	width: 190px;
	text-align: center;
	background: url(/client/images/spinner-2.gif) center center no-repeat #fff;
	border: 1px solid #ccc;
}

.product-link{
	color: #000;
}

.product-link:hover{
	color: #0065a4;
	font-weight: bold;
}


ul#product-navigation {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	height:20px;
	margin: 19px 0 15px 0;
}

ul#product-navigation li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul#product-navigation li.tab a {
	/*font-weight:bold;*/
	text-decoration: none;
	background-color:#FFFFFF;
	color:#4b4b4b;
	display:block;
	height:20px;
	padding:0pt 6px;
	width:110px;
}

ul#product-navigation li.tab a:hover {
	color:#666666;
}
ul#product-navigation li.tab a.active {
	background-color:#DDDDDD;
}

.tabbed_images {
	list-style:none;
	margin: 10px 0;
	padding:0;
	clear:both;
}

.tabbed_images li{
	/*border:1px solid #EFEFEF;*/
	text-align: center;
	list-style:none;
	float:left;
	margin-right: 2px;
	margin-bottom: 2px;
	text-align: center;
}

.tabbed_images li a {	
	display:block;
	float:left;
	width: 68px;
	height: 68px;	
	background-color: #EFEFEF;
	border:1px solid #EFEFEF;
	/*margin:0 10px 0 0;*/
}

.tabbed_images li a.active,
.tabbed_images li a:hover {
	border:1px solid #ccc;
}

.tabbed_images li a img {
	border:none;
	padding:2px;
	margin:0;
}

.sales_left {
	float:left;
	display:inline;
	margin-right: 60px;
}

.sales_right {
	float:left;
	display:inline;
}

.sales_link a {
	color:#5a5a5a;
	text-decoration: underline;
}

.sales_link a:hover{
	color:#000;
	text-decoration: underline;
}

.sales_item {
	margin-bottom: 20px;
}

/*-----------------------------------------
	Footer
-------------------------------------------*/

#footer{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
}

#footer #company-address{
	padding-top: 7px;
}

#footer #other-brands{
	float: right;
}

#footer #corporate-brand img{
	padding-left: 8px;
	border-left: 1px solid #7F7F7F;
}

/*-----------------------------------------
	Tabel
-------------------------------------------*/

.pickbox-table{
	width: 100%;
	border: 1px solid #ccc;
}

.pickbox-table tr th, .pickbox-table tr td{
	padding: 3px 3px;	
}

.pickbox-table tr th{
	border-bottom: 1px solid #CCCCCC;
}