@charset "UTF-8";
@import "menu.css";

/*************************************************************************************************************/
/* Reset CSS
------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{display:block;margin:0px;}

/*************************************************************************************************************/
/* !Default styles
------------------------------------------*/

/* Basic text content */

html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 200;
	color: #222222;
	color: #545051;
}

/* Styles for page entities */

h1 { 
	font-weight: bold;
	font-size: 18px;
	color: #368c28;
	line-height: 26px;
	margin: 0 0 10px 0;
}

h2 { 
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #368c28;
}

	h2 a {
		color: #368c28;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #296cd4;
	}

p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

.features { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #368c28;
}

.date { 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #a10000;
}

input[type=text],
input[type=password],
input[type=search] { 
	width: 170px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-left: solid 1px #cccccc;
	padding: 3px;
}

	input[type=text]:focus, 
	input[type=password]:focus, 
	textarea:focus { 
		background: #eeeeee;
	}

textarea {
	margin: 0 0 5px 5px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-left: solid 1px #cccccc;
	padding: 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

input[type=checkbox] { 
	margin: 0 0 5px 15px;
}

img.icon { 
	width: 16px; 
	height: 16px; 
	border: 0px; 
}

a {
	color: #296cd4;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

/* Structure for page layout */

html, body {
	background: #c8e4fb url('../images/GetBG.jpg') top center no-repeat;
	margin: 0;
	padding: 0;
}

div#mainwrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

div#header {
	width: 1100px;
	height: 160px;
	background: transparent url('../images/GetHeader.png') top left no-repeat;
	position: relative;
}

img#logo {
	position: absolute;
	width: 200px;
	height: 76px;
	left: 80px;
	top: 70px;
}

img#ISO9001 {
	position: absolute;
	width: 86px;
	height: 50px;
	left: 520px;
	top: 90px;
}

#search_form {
	padding-top: 105px;
}

#search_result {
	position: absolute;
	display: none;
	top: 110px;
	left: 658px;
	width: 180px;
	padding: 5px 10px;
	z-index: 999;
	background: transparent url('../images/message-bg.png');
	color: #62de46;
}

#error_message {
	z-index: 999;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -150px;
	width: 350px;
	background-image: url('../images/message-bg-white350x250.png');
	height: 250px;
	cursor: pointer; 
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

#search_result a {
	color: #ffffff;
}

#search_result a:hover {
	color: #5dd2fd;
}

#menu {
	background: #ffffff url('../images/menu/GetMenuBG.png') no-repeat;
	width: 895px;
	height: 41px;
	margin: 0 auto;
	z-index: 9;
	position: relative;
	font-weight: bold;
	font-size: 12px; 
	vertical-align: middle;
	text-align: left;
	padding: 0px 20px;
}

#content {
	width: 1100px;
	height: 100%;
	margin: 0;
	background: transparent url('../images/bodyBG.png') repeat-y top right;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

#logged_in {
	position: absolute; 
	top: 45px; 
	right: 210px;
}

div#main_content {
	width: 935px;
	height: 100%;
	padding-left: 85px;
	padding-top: 30px;
	margin-right: 50px;
	padding-bottom: 20px;
	zoom: 1;
	overflow: hidden;
}
	
	div#main_content div#main_copy {
		position: inherit;
		width: 600px;
		float: left;
		margin-bottom: 25px;
	}
	
		div#main_content img#hero {
			margin: 0 auto;
		}

		div#main_content div#main_copy ul {
			list-style: disc;
			list-style-position: outside;
			margin-left: 15px;
			margin-bottom: 15px;
		}
			
			div#main_content div#main_copy ul li {
				margin: 3px 0;
			}
		
	div#our_products {
		margin-top: 15px;
	}
	
	/* Content sidebar */
	div#sidebar { 
		width: 290px; 
		font-size: 11px; 
		line-height: 14px; 
		display: block; 
		float: right;
		margin-right: 6px; 
	}
	#news_events { 
		background: #e2edd7 url(../images/sideBar/sideBarBody.jpg) no-repeat; 
	}
	#products { 
		background: #ffffff url(../images/sideBar/productBG.gif) repeat-y; 
	}
	#sidebarFooter { 
		height: 8px; background: #fff url(../images/sideBar/sidebarFooter.png) no-repeat; 
	}
	
	.cap { padding: 17px 20px 0px 0px; height: 35px; color: #fff; font-size: 18px; font-weight:500; text-align: right; background: #fff url('../images/sideBar/sideBarHeader.png') no-repeat; }
	
	div#sidebar ul { 
		_position: relative; 
		padding: 0 10px; 
		_padding: 0 0 0 10px; 
		overflow: hidden; 
	}
	div#sidebar ul li { margin: 0 0 -1px; padding: 1.1em 0; border-bottom: 1px solid #d9d9d9; }
	div#sidebar p { margin-top: .1em; margin-bottom: 0; }

	div#credits {
		color: #35272c;
		font-size: 9px;
		text-align: left;
		margin: 0 80px;
	}
	
	div#credits a {
		color: #35272c;
		font-size: 9px;
		text-decoration: none;	
	}
	
	div#credits a:hover {
		text-decoration: underline;
	}
	
	div#video {
		margin-top: 10px;
		width: 290px;
		height: 273px;
		overflow: hidden;
		background: transparent;	
	}
	
	div#flags {
		position: absolute;
		top: 45px; 
		right: 100px;
	}
	
		div#flags img {
			display: inline;
		}
	
	/* Pageination */
	.pages {
	    padding: 1em;
	    margin: 2em 0em;
	    clear: left;
	    font-size: 85%;
	}
	
	.pages a, .pages span {
	    display: block;
	    float: left;
	    padding: 0.2em 0.5em;
	    margin-right: 0.1em;
	    border: 1px solid #fff;
	    background: #fff;
	}
	
	.pages .current {
	    border: 1px solid #2E6AB1;
	    font-weight: bold;
	    background: #2E6AB1;
	    color: #fff;
	}
	
	.pages a {
	    border: 1px solid #9AAFE5;
	    text-decoration: none;
	}
	
	.pages a:hover {
	    border-color: #2E6AB1;
	}
	
	.pages a.nextprev {
	    font-weight: bold;
	}
	
	.pages span.nextprev {
	    color: #666666;
	}
	
	.pages span.nextprev {
	    border: 1px solid #dddddd;
	    color: #999999;
	}

	.pages .nextprev-next {
	    float: right;
	}		

div#footer {
	width: 930px;
	height: 50px;
	background: transparent url('../images/GetFooter.png') bottom left no-repeat;
	position: relative;
	padding: 0 85px;
	margin: 0 auto;	
}

	div#footer a {
		font-size: 10px;
		line-height: 30px;
		vertical-align: middle;
		color: #363636;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		margin-right: 10px;
	}
	
	div#footer a:hover {
		text-decoration: underline;
	}

/* !Product widget */
#sliderHeader{
	width: 910px;
	margin: 0 auto;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #368c28;
	font-size: 12px;
	height: 15px;
	padding: 4px 10px;
	background: transparent url(../images/coda/headerBG.png) left bottom no-repeat;
	
	}


#slider {
    width: 850px;
    margin: 0 auto;
    position: relative;  
}

.scroll {
    height: 190px;
    width: 875px;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	font-size: 10px;
    padding: 20px 0;
    height: 150px;
    width: 145px;
    float: left;
}

.scrollButtons {
    position: absolute;
    top: 80px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -30px;
}

.scrollButtons.right {
    right: -30px;
}

.hide {
    display: none;
}

input[type=text].search_field {
	background: transparent url('../images/search_bg.png'); 
	border: 0px; 
	width: 183px; 
	height: 13px; 
	padding: 4px 10px;
}

/* Contact module */
div#contact {
	margin-top: 25px;
}

/* News module */
div#news {
}

div.news_article {
	margin-bottom: 20px;
}

/* Clearing floats */
div.clear { 
	clear: both; 
	overflow: hidden; 
	height: 0px; 
}


/* Fix the bug on Firefox */
input, select {
	font-size: 1em;
}