/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#303F48; background:#094670 url(../img/bg_body.gif) top left repeat-x; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#FF6600; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:decimal; }


/* Trebuchet MS, Verdana, Arial, Helvetica, sans-serif */

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #7E7E7E; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

.hr { clear:both; background:url(../img/bg_hr.gif) left 10px repeat-x; height:30px; } 
.hr hr { display:none; }

.fontsize22 { font-size:22px; }
.fontsize14 { font-size:14px; }
.fontsize13 { font-size:13px; }
.fontsize11 { font-size:11px; }
.fontsize10 { font-size:10px; font-weight:bold; }
.color01 { color:#FF6600; }
.color02 { color:#0B588C; }

/* H TITLES */
h1 { display:block; height:60px; font-size:18px; color:#0B588C; font-weight:bold; }
h2 { display:block; font-size:14px; margin:0 0 12px 0; color:#FF6600; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #D1D4D6; padding:0 0 4px 6px; }
h2 span { text-transform:none; color:#666666; }
h2 a { text-decoration:none; }
h2 a:hover { text-decoration:none; color:#000; }
h3 { display:block; font-size:12px; margin:0 0 12px 0; color:#0B588C; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #F1F2F2; padding:0 0 4px 6px; }
h3 a { text-decoration:none; color:#0B588C; }
h3 a:hover { text-decoration:none; color:#000; }



/* MAIN CONTAINER */
#main-container { width:940px; margin:0px auto; }
#bg-main-container { float:left; width:100%; background:#4D81AD url(../img/bg_container.gif) top left repeat-y; }


/* MAIN HEADER */
#main-header { width:100%; float:left; position:relative; height:206px; background:url(../img/bg_header.jpg) top left no-repeat; }

/* MAIN HEADER - LOGO */
#logo { width:250px; }
#logo a { position:absolute; display:block; width:250px; height:90px; text-indent:-9999px; left:20px; top:30px; }

#button-home { position:absolute; top:129px; left:116px; z-index:10; height:33px; overflow:hidden; }
#button-home a { overflow:hidden; height:0px; padding:33px 0 0 0; float:left; display:block; background:url(../img/bt_home.gif) top left no-repeat; }
#button-home a:hover { background-position:0 -33px; }

/* MAIN NAVIGATION - MAINNAV1 */
#mainNav1 { position:absolute; background:url(../img/bg_mainNav1Bg.gif) top left no-repeat; width:241px; height:50px; top:149px; left:11px; overflow:hidden; }
#mainNav1 ul { padding:0 0 0 4px; }
#mainNav1 ul li { display:inline; background:url(../img/bg_mainNav1Separator.gif) left 3px no-repeat; float:left; margin:26px 0 0 0; }
#mainNav1 ul li.first { background:none; }
#mainNav1 ul li a { padding:2px 12px 2px 12px; color:#303F48; text-decoration:none; white-space: nowrap; /* required in IE 6 */  float:left; display:block; }
* html #mainNav1 ul li a { float:left; }
#mainNav1 ul li a:hover { color:#FF6600; text-decoration:underline; }



/* MAIN NAVIGATION - MAINNAV2 */
#mainNav2 { position:absolute; background:url(../img/bg_mainNav2Bg.gif) top left no-repeat; width:668px; height:50px; top:149px; right:11px;  }
#menu { z-index: 80; float:left; width:660px; position:relative; padding:0 0 0 8px; }
#menu li { position: relative; float: left; }
#menu li a { float:left; display:block; background:url(../img/bg_mainNav2.gif) top right no-repeat; font-size:11px; color:#303F48; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:18px 14px 18px 8px; white-space: nowrap; /* required in IE 6 */ }

#menu li.last a { background-position:left top; }
#menu li.last a:hover { background-position:left -50px; }

#menu li a:hover { text-decoration:none; color:#ffffff; background-position:right -50px; }
#menu li.on a, #menu li:hover a, #menu li.current a { text-decoration:none; color:#ffffff; background-position:right -50px; }


#menu ul.ssNav {
	float: none;
	top: -999em;
	position: absolute;
	background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/;
	width: 180px;
	border:1px solid #33424B;
	border-bottom:0px;
}

li#item1 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item2 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item3 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item4 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item5 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item6 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item7 ul.ssNav {
	width: 169px;
}




#menu ul.ssNav li {
	width: 180px;
}


#menu ul.ssNav li a {
   float: none;
	display: block;
	height: auto !important;
	padding: 6px 0 6px 12px !important;
	font: normal 12px Arial,Verdana,sans-serif;
	font-weight:bold;
	text-align: left;
	cursor: pointer;
	color: #fff;
	background: #606F79;
	margin:0px;
	border-bottom:1px solid #33424B;
}

#menu ul.ssNav a:hover {
	text-decoration: none;
	color:#fff;
	background:#0B588C;
}

#menu li:hover ul.ssNav, /* pure CSS hover is removed below */
#menu li.on ul.ssNav {
	left: 10px;
	top: 50px;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav {
	top: -999em;
}


#menu ul.ssNav li.on a, #menu ul.ssNav li:hover a, #menu ul.ssNav li.current a { text-decoration: none;	color:#fff;	background:#0B588C; }


#menu ul.ssNav1 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 180px; border:1px solid #33424B; border-bottom:0px; }
#menu ul.ssNav1 li { width: 180px; }
#menu ul.ssNav1 li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 12px !important; font: normal 12px Arial,Verdana,sans-serif; font-weight:bold; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menu ul.ssNav1 a:hover { text-decoration: none; color:#fff; background:#2FABE7; }
#menu li:hover ul.ssNav1, /* pure CSS hover is removed below */#menu li.on ul.ssNav1 { left: 180px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav1 { top: -999em; }
#menu ul.ssNav1 li.on a, #menu ul.ssNav1 li:hover a, #menu ul.ssNav1 li.current a { text-decoration: none;	color:#fff;	background:#2FABE7; }






#questions { position:absolute; right:30px; top:46px; }
#questions span { padding:0 8px; }
#questions a { text-decoration:none; color:#303F48; }
#questions a:hover { color:#FF6600; text-decoration:underline; }


#search-top { position:absolute; top:88px; right:40px; }
#search-top .inputText { background:url(../img/bg_inputTextTop.gif) top left repeat-x; border:1px solid #989FA3; width:160px; vertical-align:middle; font-size:11px; padding:4px; color:#303F48; }
#search-top .advanced { text-align:right; }
#search-top .advanced a { font-size:11px; color:#303F48; }
#search-top .advanced a:hover { color:#FF6600; }




.slogan { display:block; height:60px; color:#303F48; font-weight:bold; font-size:12px; }
.slogan strong { font-size:18px; color:#0B588C; }



/* MAIN CONTENT */
#main-content { float:left; width:100%; }
.content { padding:0px 11px 0 11px; }

.paragraph { clear:both; display:block; }
.paragraph p { display:block; margin:0 0 12px 0; line-height:18px; }

.list01 { padding:0 0 12px 30px; }
.list01 li { background:url(../img/bg_list01.gif) left 4px no-repeat; padding:0 0 6px 10px; }
.list01 li a { text-decoration:none; }
.list01 li a:hover { text-decoration:underline; color:#000; }
.list01 li ul { padding:0 0 0 30px; }
.list01 li ul li { background:none; list-style:circle; padding:0 0 0 0; }

.list02 { padding:0 0 18px 30px; }
.list02 li { background:url(../img/bg_list01.gif) left 4px no-repeat; padding:0 0 6px 10px; }

.picRight img { border:1px solid #999; float:right; margin:0 0 10px 10px; }
.picLeft img { float:left; margin:0 10px 10px 0; border:1px solid #999; }
.pic img { border:1px solid #999; padding:1px; margin:6px 0; }


/* LEFT CONTENT */
#leftCol { width:241px; float:left; }
#leftCol #leftColContent { width:100%; background:#fff; float:left; }
#leftCol #leftColTop { background:url(../img/bg_leftNav_top.gif) top left no-repeat; font-size:0px; padding:8px 0 0 0; }
#leftCol #leftColBot { background:url(../img/bg_leftNav_bot.gif) bottom left no-repeat; font-size:0px; padding:8px 0 0 0; }

#leftCol h2 { font-size:13px; font-weight:bold; color:#303F48; text-transform:uppercase; padding:10px 0; margin:0px; border-bottom:0px; }
#leftCol .text { padding:0 20px; }

.leftNav { padding:0 0 10px 0; }
.leftNav ul { padding:0 24px; }
.leftNav ul li { border-bottom:1px solid #D1D4D6; float:left; width:100%; }
.leftNav ul li.last { border-bottom:0px; }
.leftNav ul li a { color:#0B588C; text-decoration:none; font-weight:bold; background:url(../img/bg_leftNav_arrow.gif) 140px 11px no-repeat; float:left; width:100%; padding:6px 0; }
.leftNav ul li a:hover { color:#FF6600; text-decoration:none; }

.block1 { background:#EBEEF0 url(../img/bg_block1_top.gif) top left repeat-x; padding:10px 0; float:left; width:100%; }
.block2 { background:#ffffff url(../img/bg_block2_top.gif) top left repeat-x; padding:10px 0; float:left; width:100%; }

.checkout a { font-weight:bold; color:#0B588C; text-decoration:none; }
.checkout a:hover { color:#FF6600; text-decoration:underline; }

.leftNav1 { padding:6px 24px; }
.leftNav1 li { float:left; width:100%; }
.leftNav1 li a { color:#303F48; text-decoration:none; font-weight:bold; background:url(../img/bg_leftNav_arrow.gif) left 8px no-repeat; float:left; width:93%; padding:4px 0 4px 10px; }
.leftNav1 li a:hover { color:#FF6600; text-decoration:underline; }

.clickhere { text-align:center; padding:10px 0; }
.clickhere a { color:#384750; font-size:13px; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.clickhere a strong { font-size:25px; }
.clickhere a:hover { color:#FF6600; text-decoration:none; }


#certifications { height:133px; float:left; width:100%; overflow:hidden; margin:8px 0 0 0; background:url(../img/bg_certifications.gif) top left no-repeat; }
#certifications .text { padding:6px 12px; }



/* RIGHT CONTENT */
#rightCol { width:668px; float:right; background:#fff; }
#rightCol #rightColTop { background:url(../img/bg_rightCol_top.gif) top left no-repeat; font-size:0px; padding:10px 0 0 0; }
#rightCol #rightColBot { background:url(../img/bg_rightCol_bot.gif) bottom left no-repeat; font-size:0px; padding:10px 0 0 0; }
#rightCol #rightColContent { padding:0 14px; }
#rightCol .rightColHome { background:url(../img/bg_rightColContentHome.gif) left 20px no-repeat; }

.utils-top { font-size:11px; height:40px; }
.utils-top a { text-decoration:none; color:#303F48; }
.utils-top a:hover { text-decoration:underline; color:#FF6600; }

.accuracy {}
.accuracy .title { font-size:13px; font-weight:bold; text-transform:uppercase; background:url(../img/bg_bullet01.gif) right 3px no-repeat; padding:0 18px 0 0; float:left; margin:0 12px 10px 0; }

.specialized { padding:10px 0 0 0; }
.specialized .title { font-size:13px; font-weight:bold; color:#FF6600; }
.specialized .specialized-link { background:url(../img/bt_specialized.gif) top left no-repeat; width:283px; height:25px; color:#fff; padding:6px 0 0 16px; margin:10px 8px 0 8px !important; margin:10px 4px 0 4px; }
.specialized .specialized-link strong { font-size:12px; }
.specialized .specialized-link a { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; }

.results-page { float:left; }
.results-page a { padding:2px 3px; border:1px solid #D1D4D6; text-decoration:none; }
.results-page a:hover { border:1px solid #2FACE7; background:#2C8DDF; color:#fff; }

.sorting-by { float:right; }
.sorting-by a { text-decoration:none; }
.sorting-by select { padding: 2px 2px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }

.products { float:left; width:100%; padding:16px 0; text-align:center; }
.products table { background:#EBEEF0; }
.products td { background:#fff; padding:8px 8px 0 8px; }



.picLeftText { float:left; font-size:11px; text-align:center; margin:0 20px 10px 0; border:1px solid #EBEEF0; padding:10px; }
.picLeftText img { display:block; margin:0 0 4px 0; }

.picRightText { float:right; font-size:11px; text-align:center; margin:0 10px 20px; border:1px solid #EBEEF0; padding:10px; }
.picRightText img { display:block; margin:0 0 4px 0; }

.table-desc { padding:0 0 16px 0; }
.table-desc table { } 
.table-desc table td { background:#fff; padding:4px 6px; }
.table-desc table th { text-align:left; background:#0099FF; padding:8px 6px; }



.products-line { float:left; width:100%; padding:16px 0; }
.products-line table { border:1px solid #EBEEF0; }
.products-line td { background:#fff; padding:8px 8px 0 8px; }






/* MAIN FOOTER */
#main-footer { width:100%; clear:both; }
#footer { background:url(../img/bg_footer.gif) top left no-repeat; width:940px; height:160px; margin:0px auto; }

/* MAIN FOOTER - BOTTOM NAVIGATION */
.botNav1 { margin:50px 0 0 0; padding:0 26px 0 0; color:#fff; display:block; float:right; font-size:11px; }
.botNav1 a { color:#fff; text-decoration:none; padding:0 6px; }
.botNav1 a:hover { text-decoration:underline; }

#footer .contact { float:left; color:#fff; font-weight:bold; margin:34px 0 0 0; padding:0 0 0 32px; }
 
.copyright { color:#6994B8; display:block; padding:22px 0 0 0; text-align:center; clear:both; line-height:18px; }
.copyright a { color:#6994B8; }






.contact-form { float:left; display:block; width:476px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:4px 10px; }
.contact-form td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.formContact { width:100%; }
.formContact .inputText { width:210px; padding: 2px 4px 2px 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.formContact #msg1ContactForm { width:448px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }


.forms { font-size:11px; }
.forms th { background:#EBEEF0; text-align:left; padding:8px 0 8px 10px; color:#000; font-size:12px; }
.forms td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.forms label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }
.forms .inputText { width:210px; padding: 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.forms .inputBig { width:400px; }
.forms select { padding: 2px 2px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.forms .border0 { border-bottom:0px; }


.quantity { float:left; width:100%; border:1px solid #CCCCCC; }
.quantity table { width:90%; margin:0px auto; }