/*global*/

* {margin: 0; padding: 0;}
html, body { margin:0; padding:0; height: 100%;/*background: url(../images/graphics/wave-bg.gif) 50% 160px no-repeat;*/ }
body {color: #333;font: 11px Verdana, sans-serif; text-align: center;}

h1 { font: bold 12px Verdana, sans-serif; }
h2 { padding: .4em 0 .2em 0;font: normal 18px/1.5em Georgia, serif;}
h3 {color: #993300;padding: 0;border-bottom: 1px solid #f9f9f4;} 
h4 {color:#c63;}

p {line-height: 1.5em;} 
a {color: #666; font-weight: bold; text-decoration: none;}
a:hover { color: #999; text-decoration: underline overline;}
table { margin:0;}

q {padding-left:10px;font: 10px Verdana, sans-serif;}

/*header*/
#container-head {background: black url(../images/graphics/headbg.png) repeat-x bottom left;	border-bottom: 1px solid #999;}
#head {height: 119px;position: relative;width: 780px;margin: auto;}
#head h1{ position: absolute;left:0px;width: 308px;	height:81px;background:url(../images/graphics/logo.png) no-repeat left;margin-top: 20px;}
#head h1 a { display : block; width: 308px; height : 81px; text-indent : -9999px; }
#head i {position:absolute; z-index:1;background:url(../images/graphics/pads.png) no-repeat left;	left: 480px;top: 13px;height: 159px;width: 280px;text-indent:-10000px;}
#head i.imgprod {background:url(../images/graphics/pads5.png) no-repeat left;}
#head i.imgabout {background:url(../images/graphics/workers.png) no-repeat left;}
#head i.imgcontact {background:url(../images/graphics/contact.png) no-repeat left;}
#head i.imgmap {background:url(../images/graphics/compass.png) no-repeat left;}


/*navigation*/
#navigation {overflow:hidden;height: 30px;width: 750px;list-style: none;padding-top: 15px;margin: auto;}
#navigation a {	color: white; font-size:12px;} 
#navigation a:hover {color:#333; text-decoration:none;}
#navigation li {float: left; height: 32px;width: 119px;margin: 0 3px; list-style:none;}
#navigation li a { display: block;overflow:hidden;padding-top:10px;height:32px;}
#navigation li a.selected {background:url(../images/graphics/tab-on.png) no-repeat 0 0;}
#navigation li a.main {background:url(../images/graphics/butt-black.png) no-repeat 0 0;}
#navigation li a.new {background:url(../images/graphics/butt-cyan.png) no-repeat 0 0;}
#navigation li a.pro {background:url(../images/graphics/butt-blue.png) no-repeat 0 0;}
#navigation li a.abo {background:url(../images/graphics/butt-purple.png) no-repeat 0 0;}
#navigation li a.con {background:url(../images/graphics/butt-orange.png) no-repeat 0 0;}
#navigation li a.sit {background:url(../images/graphics/butt-green.png) no-repeat 0 0;}

#navigation li a:hover {background:url(../images/graphics/butt-focus.png) no-repeat 0 0;}

/*sticker at top of the page linking to feedback form */
a#feedbackicon { position: absolute; top: 0; right: -35px; margin-top: -15px; }
a#feedbackicon img { border:0; text-decoration:none;}
a#feedbackicon:visited, a#feedbackicon:hover, a#feedbackicon:active { text-decoration: none; border: 0; background: transparent; }

/*content*/
#container-page { background:url(../images/graphics/container.png) -5px repeat-y; margin: 0 auto;width: 780px;text-align: left;position: relative;min-height: 100%; /* For Modern Browsers */ height: auto!important;  /* For Modern Browsers */	height: 100%;}
#container-content {padding: 0 1.2em 1.2em 1.2em;}
#container-content:after { clear: both; display: block; font: 1px/0px serif; content: ".";  height: 0; visibility: hidden;}
#content-pri {width: 68%;float: right;}
#content-pri p {padding: 10px 0;text-align: justify;}
#content-pri a {color:#993300;}
#content-pri a:visited { color:#666;} 
#content-pri .navBar a  {color:#328aa4;}


/*sidebar*/
#sidebar {padding: 1em 0;width: 30%;float: left;margin-right: 10px;overflow: hidden;}
#sidebar ul,#sidebar ul li { list-style: none none;}
#sidebar ul	{margin-left:0em;}
#sidebar li {display: inline;padding: 0;margin: 0;}
#sidebar li span { /* used for un-linked menu items */ display: block; padding: 6px 10px; font-weight: bold;color: #666;}
#sidebar li a { margin-top:.2em;display: block;padding: 8px 10px;text-decoration: none;	background: #efefe2;border-bottom: 1px solid #ddd;border-top: 1px solid #fff;border-right: 1px solid #ddd;	}
#sidebar li a:hover {background: #E0E9E9; color:#333;}
#sidebar li li span { /* used for un-linked menu items */padding: 4px 8px 4px 20px;}
#sidebar li li a {padding: 6px 8px 6px 20px;}


#pathway {padding: 1em 0 0 1em;}

/* gallery*/
ul.thumbs { list-style: none; padding: 0; margin-top:10px;display:inline; }
ul.thumbs li {position: relative;padding: 5px 5px;margin: 5px 0px 5px 0;border: 1px dotted #ccc;background-color:#efefe2;overflow:hidden;  height:100%;height: auto;}
ul.thumbs li:hover {background-color:#fff;border: 1px solid #6AA4B3;}
ul.thumbs li span {font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight: bold;color:#333;}
ul.thumbs li a { text-decoration:none;}
ul.thumbs li a img {float:left;background:#FFF;border: 3px solid #fff; margin-right:8px;}
ul.thumbs li a img:hover {border: 3px solid #6AA4B3;}

.thumbsTitle {display:block;border-bottom:1px solid #ccc;padding:2px 0; }
ul.thumbs li span.thumbsText {
	display:block;
	font-size: 12px;
	color: #333;
	font-weight:normal; margin-bottom: 10px;
}

ul.prodts { list-style: none; padding: 0; margin-top:10px;display:inline; }
ul.prodts li {position: relative;float:left;padding: 5px 5px;margin: 5px 8px 5px 5px;border: 1px dotted #ccc; background-color:#efefe2; overflow:hidden; width:220px;height:100%;}
ul.prodts li:hover {background-color:#fff;border: 1px solid #6AA4B3;}
ul.prodts li a img {background:#FFF;border: 3px solid #fff; margin-right:8px;}
ul.prodts li a img:hover {border: 3px solid #6AA4B3;}

ul.mainContent {list-style: none; padding: 0; }
ul.mainContent li {float:left;width:153px;height:190px;	margin:5px 4px;	border:1px solid #ddd;	background-color: #EFEFE2;}
ul.mainContent p {text-align: left; margin:5px;} 
ul.mainContent span {display:block;	margin:5px;	text-align: center;} 
ul.mainContent img{ background:#FFF;border: 3px solid #fff;}
ul.mainContent img:hover {border: 3px solid #6AA4B3;}

.prodImage { background:#efefe2;border:1px solid #ccc;padding: 0;float: left;width: 226px;display: block;margin-right:4px;margin-bottom:10px;overflow: hidden;}
.prodImage a img { padding:3px; border: 3px solid #fff;}
.prodImage a img:hover {border: 3px solid #6AA4B3;}
.prodImage span {}
.prodImage span p {text-align:center; font-size:10px; }


#relatprod { margin-top:8px;}
#relatprod ul {list-style-type:none; }
#relatprod li {float:left;display:inline;width:95px;margin:8px 10px;border:1px solid #ddd; background:#efefe2; text-align:center;}
#relatprod li a {display: block;text-decoration: none;font-size:10px;overflow: hidden; font-weight:normal;}
#relatprod li a:hover {background: #e0e9e9;}
#relatprod li img {float: left;display: block;border: 3px solid #fff;padding: 3px; margin:3px;}


/* footer*/
#container-foot {width: 100%;position:relative;	bottom: 0 !important;	bottom: -1px; /* For Certain IE widths */height: 90px;background: #333 url(../images/graphics/bgfooter.gif) repeat-x top left;}
#site-info {margin:auto;width: 780px;height: 80px;}
#site-info {color:#999;}
#site-info a {color:#fff;}

.foot {	padding: 1.2em 0 1.2em 6em;	float: left;width: 25%;	text-align: left;background:url(../images/graphics/small-logo3.gif) no-repeat left;}
/*.foot pre {padding-left:10px;border-left: 1px solid #666;}*/
.nav-info {	padding: 1.2em 1em;	float: right;text-align: right;}

.catsubtitle { padding: 0 !important; font-weight: normal !important; font-size: 85%;}
.catdate {padding: 0 !important; font-weight: normal !important; font-size: 85%; color:#993300 !important; }


/* CSS for the box 
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	background: #f9f9f4;
}
.cbb h4 {margin:0;font:bold 1.2em/1 Arial, Helvetica, sans-serif;background: #f9f9f4;	}

.cb {margin:0.5em 0;}
.two {width:auto;float:left; overflow:hidden;}
.three {
	width:auto;

}
.three img {margin:8px;	float:right;padding: 3px;background: white;	border-right: 1px solid #999;border-bottom: 1px solid #999; }
.title img {border:none;float:left;margin-left:0px;}
/* Rules for the top corners and border */
.bt {background:url(../images/graphics/roundbg.png) no-repeat 100% 0;margin:0 0 0 24px;	height:10px;}
.bt div {height:10px;width:24px;position:relative;left:-24px;background:url(../images/graphics/roundbg.png) no-repeat 0 0;}

/* Rules for the bottom corners and border */
.bb {background:url(../images/graphics/roundbg.png) no-repeat 100% 100%;margin:0 0 0 24px;height:10px;}
.bb div {height:10px;width:24px;position:relative;left:-24px;background:url(../images/graphics/roundbg.png) no-repeat 0 100%;}

/* Insert the borders */
.i1 {padding:0 0 0 0;background:url(../images/graphics/round2bg.png) repeat-y 0 0;}
.i2 {padding:0 0 0 0;background:url(../images/graphics/round2bg.png) repeat-y 100% 0;}
.i3 {	background:#f9f9f4;border-width:1px 0;padding:0 10px;}
/* CSS for the box ends here */

.cb h1 {margin:0 -10px;	padding:0 10px 0.3em;font:bold 1.2em/1 Arial, Helvetica, sans-serif;}

/* menu*/
div.sdmenu {width:auto;width:200px;margin-left:5px;text-align:left;}
div.sdmenu div {overflow: hidden;}
div.sdmenu div:first-child {}
div.sdmenu div.collapsed {height: 25px;}
div.sdmenu div span {display: block;padding: 5px 20px;font-weight: bold;color: #666;background:#efefe2 url(../images/graphics/collapsed.png) no-repeat 0 center;cursor: pointer;	border-bottom: 1px solid #ddd;border-top: 1px solid #fff;border-right: 1px solid #ddd;}
div.sdmenu div span:hover {background : #E0E9E9 url(../images/graphics/collapsed.png) no-repeat 0 center;color: #333;}
div.sdmenu div.collapsed span {	background:#efefe2 url(../images/graphics/arrow.png) no-repeat left;}
div.sdmenu div a {padding: 5px 20px;display: block;	text-decoration:none;color: #42575d; font-weight:normal; height:100%; border-bottom:1px dotted #666; }
div.sdmenu div a:hover {background : #E0E9E9;color: #333;text-decoration: none;}
div.sdmenu div a.newpro:hover {background : #E0E9E9 url(../images/graphics/new.png) no-repeat right 50%;color: #333;}
.newpro { background: url(../images/graphics/new.png) no-repeat right 50%;}
.current { background: #E0E9E9 url(../images/graphics/current.png) no-repeat right 50%;}

/* classes*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearboth { clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;clear:both;}
.dropline {display: block;clear:both; border-bottom: thin dotted #666666;}
/* End hide from IE-mac */

/* =siteMap */
.sitemap {padding:0 20px;color: #666;margin-left: 10px;}
.sitemap a { line-height: 20px;}
.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {background:transparent 0px 0px no-repeat;width: 24px;height: 18px; display: block;	float: left;margin-left: 1em;}
.sitemap span.vert {background-image: url(../images/graphics/map_vert.gif);}
.sitemap span.last {background-image: url(../images/graphics/map_last.gif);}
.sitemap span.midd {background-image: url(../images/graphics/map_midd.gif);}
.sitemap ul, .sitemap li {list-style-type: none;margin: 0;padding: 0;}
.sitemap a {}
.sitemap a:hover {color:#36c;}
.sitemap a:visited {color:#C90;}

.hide {display : none;}

.tbmain{/* Changes on the form */ background: #efefe2 !important;border: 1px solid #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.left{ /* Changes on the form */ color: #394F5F !important; font-family: Verdana !important;font-size: 12px !important;}
td.left {  font-size: 12px;  height: 20px;  color:#394F5F;  vertical-align: top;  text-align: left;}
.pagebreak{  font-family: Tahoma;  font-size: 11px;  font-weight:bold;  color:black;}
td.right {  font-family: Tahoma;  font-size: 11px;  font-weight: normal;  color:#394F5F;  vertical-align: top; text-align: left;}
.tbmain{  height:100%;  color:#394F5F;  background: #D7E9F3;}
.head{ font-family: Tahoma;  font-size: medium;  font-weight:bold;  color:#394F5F;  vertical-align: top;  text-align: left;}

.notvalid{   border:2px red solid;  font-family:Tahoma;}
.text{color:#394F5F;font-family: Tahoma;font-size: 11px;font-weight:normal;	border:1px solid #ddd;	background:#fff;}

input.text:hover, textarea.text:hover {	background:#E0E9E9;	border-color:#c63;}

select.other{  color:#394F5F;  font-family: Tahoma;  font-size: 11px;  font-weight:normal;  border:0px;  background:#ABCADB;}
.btn{margin-top:8px;  color:#fff;  font-size: 11px;  font-weight:bold;  border:0px;  height:21px;  width:58px;  background: url(../images/graphics/send.gif) no-repeat;  text-indent:-9999px;}
span.required{font-size: 12px !important;color: red !important;}

#mProduct { width:490px;}
#mProduct h3 { border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:5px; }
#mProduct img {float:left;margin: 0 10px 8px 0;padding:3px;background-color:#FFF;}
#mProduct p { margin:0 10px; padding:10px 10px;}
#mProduct ul { margin: 8px 25px;}
#mProduct .itemInfo {list-style-type: square;float:left;width: 208px;}

.itemTable table {width:100%;border-collapse:collapse;margin:1em 0;}
.itemTable th {text-align: center;padding:.5em;border:1px solid #fff;}
.itemTable td {text-align:left;padding:.5em;border:1px solid #fff;}
.itemTable th {background:#328aa4;color:#fff;}
.itemTable td {background:#e5f1f4;}
.itemTable tr.even td{background:#e5f1f4;}
.itemTable tr.odd td{background:#f8fbfc;}

.left {float: left;}
.right {float: right;}
.navbarimg {margin-left: 3px;vertical-align: top;border:none;}
.navBar a{ text-decoration:none;margin-left: 2px;margin-right: 2px; }
.navBar .left a:hover{ background:#e5f1f4; 	 }

.navBar .currentPage {margin-left: 2px;margin-right: 2px;font-size: 1.1em;font-weight: bold;}
.navBar {line-height: 18px;margin: 10px 0px 10px 0px;clear: both;}
.alert {background: #a1c2cb;text-align: left;margin:0 20px;	padding: 5px 15px 5px 15px;	border-top: 1px solid #999;	border-left:1px solid #999;	border-bottom: 1px solid #fff;	border-right:1px solid #fff;}
.reset img {margin:0px;	float: none;padding: 0;	border:0;}

/* Form */
.panel {clear: both;display: none;	border: 1px solid #CCC;	padding: 1em;	background-color:#e0e9e9;}
.panel.active-tab-body {display: block;}
#tabs {	list-style: none;}

#tabs li {float: left;}

#tabs a {float: left;padding: 5px 8px;margin-left: 6px;background-color: #efefe2;text-decoration: none;	color: #999999;	border-top:1px solid #ccc;	border-left:1px solid #ccc;	border-right:1px solid #ccc;}
#tabs a:hover {color: #333;}
#tabs a.active-tab {background-color: #e0e9e9;	border-top: 3px solid #999;	padding-top: 3px;	color: #000;}
input.disabled {	border: 1px solid #F2F2F2;	background-color: #F2F2F2;}
input.optional, textarea.optional {	border: 1px solid #00A8E6;}
input.required, textarea.required {	border: 1px solid #00A8E6;}

input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;	color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00;	color : #000;}

.validation-advice {margin: 5px 0;padding: 5px;	background-color: #FF3300;	color : #FFF;	font-weight: bold;}
.custom-advice {margin: 5px 0;	padding: 5px;	background-color: #C8AA00;	color : #FFF;	font-weight: bold;}

fieldset {	padding: 1em;	margin-bottom: 0.5em;border:0;}
legend {display:none;}
label {	font-weight: bold;}
.form-row {	clear: both;	padding: 0.5em;}

.field-label {}
.field-widget {}
/* End Form */

#srch {	float:left;	width:230px;height:30px;text-align:right;margin-top: 8px;margin-left: 5px;}
#srch form {padding-top:3px;}
#query {width:180px;}
#srch label { font-weight:normal;color: #999999;}
#srch input {font-size:12px; background:#E0E9E9;}

#links ul {list-style-type: none;width: auto;background-color:#efefe2;} 

#links li {border: 1px dotted #999;border-width: 1px 0;margin: 5px 0; height:90px;}

#links li a {color: #990000;display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none; height:70px;}

* html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {background: #ffffcc; height:70px;}

#links a em {color: #333;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%; }

#links a span {color: #125F15;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}
/*#links img {margin:8px;	float:right;padding: 3px;background: white;	border-right: 1px solid #999;border-bottom: 1px solid #999; } */
#links img {background: transparent;border:none;float:left;margin-left:0px; padding-right:10px;clear:both; }

#bannerfloat {
	float:right;
	position:absolute;
	top:3px;
	right:-121px;
	width: 122px;
	height: 20px;
}

.get_updates {      float: right;   }
.get_updates li {list-style:none; float: right; }
.get_updates li a {display: block; overflow:hidden; height: 24px; width: 24px; margin-left: 5px; margin-bottom: 4px; text-indent: -9999px; }
.get_updates span {display:none;} 
.p_email a { background: transparent url(../images/graphics/global_comm.png) no-repeat 0 0; }
.p_twitter a { background: transparent url(../images/graphics/global_comm.png) no-repeat -30px 0; }
.p_facebook a {  background: transparent url(../images/graphics/global_comm.png) no-repeat -60px 0; }


.ensure {font-size:1.09em;margin:0.3em 0}
.ensure ol {list-style:outside decimal;margin:0 0 0 60px}
.red {color:#cd0000 !important}

p.clr, .clr { clear:both; padding:0; margin:0;}

/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background: #1e1e1e url(images/graphics/slider_bg.gif) top repeat-x; }
.header_text_bg p { padding:10px; margin:0;}
.header_text_bg_resize { margin:0 auto; padding:0; width:960px;}
/* Ca3er style */
.cu3er_resize {
	width:780px;
	margin:0 auto;
	padding:17px 0 32px 0;
	background: url(images/graphics/slider_bottom.gif) no-repeat bottom;
}
#cu3er-container {
	width:780px;
	outline:0;
}