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

* {margin:0;padding:0;}
html {height:100%;}
.clearall {clear:both}
.replacetext {display:none;}
.gap {float:left;width:100%;height:20px;}
p {padding-bottom:15px;}

body 
{
    background:url(../img/main-bg.jpg) repeat-x fixed;
    font:normal 0.75em/1.5 Verdana,Arial,Helvetica,sans-serif;
    height:100%;
    color:#2c2c2c;
}

h1 {font-size:1.3em;color:#164551;padding-bottom:15px;}
.smalltext {font-size:0.8em;font-style:italic;}
.error { color:red; font-size: 0.9em !important;}

#containerdiv {width:980px;margin:0 auto;}
#header {float:left;width:940px;padding:20px;}
#logo {float:left;width:200px;height:130px;background:url(../img/logo.png);}
#suppliers {float:right;width:700px;padding-top:20px;background:url(../img/supplier-bg.png) no-repeat center bottom;}

#mainimage {float:left;width:980px;height:250px;}

#content {float:left;width:938px;padding:20px;border:solid 1px #CCCCCC;background:#ffffff;}

#navigation {float:left;width:203px;}
#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {display:block;background:url(../img/navbg.png) no-repeat;color: #ffffff;height:19px;padding: 5px;padding-left:12px;cursor:pointer;text-decoration:none;margin-bottom:1px;}
#navigation a:hover {text-decoration:underline;}
#translate {float:left;width:203px;padding-top:20px;}
#translate a,#translate a:link,#translate a:active,#translate a:visited {color:#0000CC;background:none;display:inline;padding:0;margin:0;}
#fsb {float:left;width:203px;padding-top:20px;text-align:center;}

#maincontent {float:right;width:700px;}
#maincontent_left {float:left;width:457px;}
#maincontent_left a, #maincontent_left a:link, #maincontent_left a:active, #maincontent_left a:visited {color:#003366;text-decoration:none;}
#maincontent_left a:hover {text-decoration:underline;}
#maincontent_right {float:right;width:203px;font-size:0.9em;}

#maincontent .featured_image {
	float: left;
	display: inline;
	margin: 5px;
}

 .twocolumn {float: left; display: inline; width: 200px; margin: 5px; padding: 0px;}

#frmcontact { margin-left:4px; font-size:1.1em; }
#frmcontact label.error { display:block; margin-bottom:5px; }
#frmcontact input.textfield { }
#frmcontact input { display:block; width:200px; margin:5px 0;  padding:4px; border: 1px solid #cccccc; }
#frmcontact input:hover { border-color:#464646; }
#frmcontact input.btn_submit { padding:4px; cursor:pointer; width:210px; margin-top:20px; }

.sidebox {float:left;width:203px;background:#164551;color:#ffffff;font-size:0.9em;margin-bottom:10px;}
.sidebox strong {display:block;background:#0b171a;padding:5px;padding-left:10px;}
.sidebox p {margin:0;padding:0;padding:15px;}
.sidebox a, .sidebox a:link, .sidebox a:visited, .sidebox a:active {color:#FFFF66;text-decoration:none;}
.sidebox a:hover {text-decoration:underline;}
#signup_form {margin-top:10px; width:100%; margin:0 auto;}
#signup_form .label { width:200px; margin-top:10px; font-size:12px; }
#signup_form input { margin-top:5px; margin-bottom:5px; width:195px; padding:2px; }
#signup_form .button { margin-bottom:5px; float:right; display:block; width:100px; }
#footerdiv {width:980px;height:70px;margin-left:auto;margin-right:auto;background-image:url(../img/bottom.gif);background-repeat:repeat-x;	margin-top:10px;color:#FFFFFF;padding-top:20px;text-align:center;}
#footerdiv a {color:#FFFF99;text-decoration:none;margin-left:10px;margin-right:10px;}
#footerdiv a:hover {text-decoration:underline;}

#topslide {position:relative;}
/* image replacement */
	.graphic, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
/* // image replacement */
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:980px;
	height:250px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:80px;
	}	
#nextBtn{ 
	left:980px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../img/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../img/btn_next.png) no-repeat 0 0;	
	}
	
div.product { width:140px; margin:5px 4px; padding:5px 0 0 0; float:left; display:inline; background-color:#f5f5f5; border:#CCCCCC 1px solid;height:180px; }
div.product img { margin:0 auto; display:block; border:none; }
div.product_inner { width:120px; margin:0 auto; }
div.product_inner h2 { font-size:14px; text-align:center; }
div.product_inner h2 a:link, div.product_inner h2 a:visited { text-decoration:none; color:#333333; }
div.product_inner h2 a:hover { text-decoration:underline; }

.innovation {float:left;width:100%;padding-bottom:15px;}
.innovation_pic { float:left;width:140px;}
.innovation_text { float:right;width:317px;}

#errortext {display:none;}