*{margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; list-style:none}
img{border:none}
html, body {height: 100%;}
a{color:#556386; outline:none}
p{color:#3B3B3B; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.clear{clear:both}
body{background:#2b7caf url('../images/bg.png') repeat-x}

#container{width:958px; margin:0px auto; position:relative; height:100%;  min-height: 100%; height: auto; }
#header-container{background:url('../images/header-bg.jpg') no-repeat center top; height:166px}

html>body #container {height: auto;}

#header{height:166px; width:926px; margin:auto}

#logo{width:486px; height:122px; float:left; margin:12px 0 0 10px}
#slogan{background:url('../images/slogan.png') no-repeat; width:346px; height:22px}
#made-in-usa{background:url('../images/made-in-usa.png') no-repeat top right; width:230px; height:120px; float:left; margin-top:10px; text-align:right}
#lang-divider{background:url('../images/header-separator.png') no-repeat; height:69px; width:2px; float:left; margin:10px 12px 0px 10px}
#header-right{float:left; width:165px}
#phones{background:url('../images/we-ship-worldwide.png') no-repeat; height:62px; width:165px; margin-top:10px}

#languages{width:165px; height:27px; margin:50px 0px 0px 46px}
#languages a, #languages span{font-size:14px; color:#FFF; text-shadow:0px 2px 1px #333; text-decoration:none; font-weight:bold}


#top-menu{ height:70px; width:1136px; background: url('../images/menu_back.jpg') no-repeat; margin:0px auto}


ul#sprite-menu {width: 896px; list-style: none; padding:0px 0px 0px 32px; margin:0px auto}
ul#sprite-menu li { display: inline; }
	
ul#sprite-menu li a {display: block; float: left; height: 30px; background-image: url(../images/menu.png); text-indent: -9999px}

ul#sprite-menu li a#home 	{width:  55px; background-position: -17px 0}
ul#sprite-menu li a#products{width:  87px; background-position: -97px 0; margin-left:24px}
ul#sprite-menu li a#specials{width:  82px; background-position: -210px 0; margin-left:24px}
ul#sprite-menu li a#catalog {width: 130px; background-position: -316px 0; margin-left:24px}
ul#sprite-menu li a#news 	{width: 164px; background-position: -470px 0; margin-left:24px}
ul#sprite-menu li a#about 	{width: 90px; background-position: -658px 0; margin-left:24px}
ul#sprite-menu li a#contacts{width: 106px; background-position: -774px 0; margin-left:24px}

ul#sprite-menu li a#home:hover, ul#sprite-menu li a#home:focus,  ul#sprite-menu li a#home.active {background-position: -17px -27px}
ul#sprite-menu li a#products:hover, ul#sprite-menu li a#products:focus,  ul#sprite-menu li a#products.active {background-position: -97px -27px}
ul#sprite-menu li a#specials:hover, ul#sprite-menu li a#specials:focus,  ul#sprite-menu li a#specials.active {background-position: -210px -27px}
ul#sprite-menu li a#catalog:hover, ul#sprite-menu li a#catalog:focus,  ul#sprite-menu li a#catalog.active {background-position: -316px -27px;	}
ul#sprite-menu li a#news:hover, ul#sprite-menu li a#news:focus,  ul#sprite-menu li a#news.active  {background-position: -470px -27px;	}
ul#sprite-menu li a#about:hover, ul#sprite-menu li a#about:focus,  ul#sprite-menu li a#about.active  {background-position: -658px -27px}
ul#sprite-menu li a#contacts:hover, ul#sprite-menu li a#contacts:focus,  ul#sprite-menu li a#contacts.active {background-position: -774px -27px;	}	


#site-left{float:left; width:194px; min-height:600px; margin:-20px 8px 0px 28px}
#site-right{float:left; width:690px; min-height:600px; margin-top:-20px}

#site-body-top		{height:12px; width:700px; background:url('../images/site_body_top.png') no-repeat}
#site-body-center	{width:700px; min-height:832px; background:#FFF}
#site-body-bottom	{height:8px; width:700px; background:url('../images/site_body_bottom.png') no-repeat}


#left-menu			{width:192px; min-height:202px}
.left-menu-top		{height:6px; width:192px; background:url('../images/vertical_menu_top.png') no-repeat}
.left-menu-center	{width:192px; min-height:200px; background:url('../images/vertical_menu_center.png') repeat-y; padding:0px 5px}
.left-menu-bottom	{height:8px; width:192px; background:url('../images/vertical_menu_bottom.png') no-repeat}

#left-menu ul{list-style-type:none; }
#left-menu li{line-height:20px;  padding:0; margin:4px 0px 0px 0px;  background: url('../images/vertical_menu_item.png') no-repeat}
#left-menu li a{font-size:14px; color:#010101; text-decoration:none; padding-left:14px; width:172px; display:block; font-weight:bold; line-height:27px}
#left-menu li a:hover{text-decoration:underline}
#left-menu-header{color:#145e8c;  font-size:16px; font-weight:bold; height:27px; width:182px; background:url('../images/vertical_menu_header.png') no-repeat; padding:2px 0px 0px 8px}
.banner{width:196px; padding-bottom:16px; text-align:center}

#footer{height:123px; clear:both; text-align:center; width:700px}
#footer ul{list-style:none; margin:20px 0 0 0; width:700px; text-align:center}
#footer li {display:inline; padding:6px 4px 6px 6px}
#footer li a{font-size:13px; font-weight:bold; text-decoration:none; color:#b9e9ff; background:url('../images/footer_divider.png') no-repeat left; padding-left:12px;}
#footer p, #footer p a{font-size:12px; color:#b9e9ff; font-weight:normal; margin-top:10px;text-decoration:none}
#footer  a:hover {text-decoration:underline}




#popular-products{width:690px; padding:4px 0px 0px 4px; text-align:center}
.popular-product{width:156px; height:140px; margin-left:14px; margin-bottom:20px; background:url('../images/product_back.png') no-repeat; float:left; position:relative}
.popular-product h3 {text-align:center}
.popular-product h3 a{ color:#3b3b3b; font-size:14px; font-weight:bold; text-decoration:none}
.popular-product img{width:142px; height:110px; margin:7px; outline:none; }

h3.product-title{margin:10px 30px 10px 30px; font-size:14px; color:#D66E12}
#product-description{clear:both; }
#product-description p{margin:0px; padding-bottom:20px;  color:#3b3b3b}
#category-description{width:660px; margin:0px auto 20px auto}
#category-description p{color:#3b3b3b; font-family:Arial, Helvetica, sans-serif}



#characteristics-container table{width:240px; margin-left:10px}
#characteristics-container table td{padding:4px; line-height:16px; border-collapse:collapse; border-bottom:dotted 1px #2B7CAF;  color:#3b3b3b}
#characteristics-container table td strong{font-family:Arial, Helvetica, sans-serif}


.galleria{list-style:none;width:420px; position:relative}
#product-number{ color:#f00000; font-size:28px; position:absolute; right: 18px; top:-316px; font-weight:bold; display:block; line-height:28px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0; }
.galleria li a{display:none}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto; }
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container{width:420px; height:320px; background:url('../images/product_view_back.png') no-repeat; margin-bottom:10px}

.gallery_demo li{width:89px;height:60px;border:2px solid #2B7CAF;margin: 0 2px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:3px; margin:0 6px 6px 0px; }
.gallery_demo li img{  }
.galleria li.active{border-color:#f3b900}

#main_image img{margin:10px; width:400px; height:300px; }


#product-quote-container{clear:both; float:right; margin:30px 10px 20px 0px; width:240px; padding-bottom:20px}
#quote-form-top{ background:url('../images/quote_form_top.png') no-repeat; width:240px; height:38px}
#quote-form-center{ background:url('../images/quote_form_center.png') repeat-y; width:240px; padding:10px}
#quote-form-bottom{ background:url('../images/quote_form_bottom.png') no-repeat; width:240px; height:12px}
/* *************** CONTACTS FORM **************** */
#contact-form{width:320px}
#contact-form label{font-size:14px; color:#3b3b3b; padding:4px 0px 2px 0px; display:block;  margin-top:10px}
#contact-form label.error{color:red; padding: 0px 2px 0px 2px; font-style:italic;  font-weight:bold; font-size:12px; clear:left}
#contact-form  input.txt{ border: solid 1px #c7c7c7; width:300px; height:23px; padding:0px 4px 0px 4px; background:url(../images/input_back.png) repeat-x; line-height:14px;  font-size:12px; color:#333}
#contact-form input#submit{background:url('../images/submit.png') no-repeat; width:82px; height:26px; cursor:pointer; border:none; margin:10px 0px 25px 0px; }
#contact-form textarea{border: solid 1px #CCC;  width:300px; height:100px; padding:4px; line-height:20px; overflow:visible; background:url(../images/textarea_back.png) repeat-x; }


#quote-form{display:inline}
#quote-form label{font-size:12px; color:#3b3b3b; padding:2px 0px 0px 0px; display:block;   margin:0}
#quote-form label.error{line-height:14px; float:left; display:block; color:red; padding: 0; font-style:italic;  font-weight:bold; font-size:12px; clear:left}
#quote-form  input.txt{ border: solid 1px #c7c7c7; width:100px; height:20px; padding:0; background:url(../images/input_back.png) repeat-x; line-height:14px;  font-size:12px; color:#333; display:block; margin-bottom:6px}
#quote-form input#submit{background:url('../images/submit_quote.png') no-repeat; width:84px; height:28px; cursor:pointer; border:none; margin:20px 0px 4px 0px; }



#contacts-leftside{width:320px; float:left; margin:10px 30px 20px 20px}
#contacts-rightside{float:left; width:310px; margin-top:40px}
#contacts-rightside p, #about p{color:#3b3b3b; font-size:14px;  margin-top:4px}
#contacts-rightside span{font-weight:normal; margin-left:10px; font-size:11px; display:block; line-height:16px}


#catalog-form{}
#catalog-form div.floated{width:210px;float:left}
#catalog-form div.inline-labels label{display:inline; width:180px; float:left}
#catalog-form div input{float:left}
#catalog-form table input{margin-top:0; float:none; margin-right:6px}
#catalog-form table td.right{text-align:right; width:120px;}
#catalog-form table td.left{width:250px; text-align:left; }

#catalog-form label{font-size:14px; color:#3b3b3b; padding:4px 0px 4px 4px; display:block; font-family:Arial, Helvetica, sans-serif}
#catalog-form label.error{color:red; padding: 0px 2px 0px 2px; font-style:italic;  font-weight:bold; font-size:12px; clear:left}
#catalog-form input.txt{ border: solid 1px #c7c7c7; width:172px; height:23px; padding:0px 4px 0px 4px; background:url(../images/input_back.png) repeat-x; line-height:14px;  font-size:12px; color:#333}
#catalog-form input.error, #catalog-form textarea.error, #contact-form input.error, #contact-form textarea.error {border-color:red}
#catalog-form textarea{border: solid 1px #CCC;  width:382px; height:100px; padding:4px; line-height:20px; overflow:visible; background:url(../images/textarea_back.png) repeat-x; }
#catalog-form  img{width:8px; height:10px;}
#catalog-form input#submit{background:url('../images/submit.png') no-repeat; width:82px; height:26px; cursor:pointer; border:none; margin:40px 0px 25px 0px; }


/* *********************************************** */

/* ---------------------------- MESSAGES FOR VARIOUS EVENTS --------------------------------- */
.info, .successes, .warning, .errors, .validation {border: 1px solid; width:630px; margin-left:20px; font-size:11px; padding:5px 0px 5px 30px;background-repeat: no-repeat;background-position: 10px center;font-weight:bold; text-shadow:none; font-family:Arial, Helvetica, sans-serif}
.info {color: #026da5;background-color: #ddeafa; border-color:#a3d8fd; background-image: url('../images/messages/info.png');}
.successes{color: #FFF;background-color: #35a502; border-color:#FFF; background-image:url('../images/messages/success.png');}
.warning {color: #fd6002;background-color: #fbf0b3; border-color:#fbbb95;background-image: url('../images/messages/warn.png');}
.errors {color: #FFF;background-color: #c80305;border-color:#FFF; background-image: url('../images/messages/error1.png');}
/* ------------------------------------------------------------------------- */


/****************** PAGINATION ********************/
.pagination{float: left;font-size:11px;color:#3d3d3d;margin-top: 20px;padding-left:20px;margin-left:auto;margin-right:auto;width:100%;}
.pagination ul{margin: 0;padding: 0;}
.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}
.pagination a, .pagination a:visited{padding: 5px 8px;text-decoration: none; background-color: inherit;color: #0191D0;font-weight: bold;}
.pagination a:hover, .pagination a:active{color: #ffffff; background: url(../images/pagination_bg.png) no-repeat top center;text-decoration: none; }
.pagination li.currentpage{font-weight: bold;padding: 5px 9px;color: #ffffff;background:inherit url(../images/pagination_bg.png) no-repeat top center}
.pagination li.disablepage{padding: 0 5px;border: 1px solid #929292;color: #929292;}
.pagination li.nextpage{font-weight: bold;}
* html .pagination li.currentpage, * html .pagination li.disablepage{padding-right: 9px;padding-left: 9px;}
/* *********************************************** */


#login-form input, textarea{border: 1px solid #cecece;}
#login-form input.txt{width: 300px;padding: 6px 6px 6px 0px;color: #666; font-size: 12px; height:18px; font-size:14px}
#login-form input.txt:focus{border-width: 2px}

#login-form textarea{float:left;width: 300px; height:200px; padding: 4px;color: #666; font-size: 14px; height:18px; font-size:14px}
#login-form textarea:focus{border-width: 2px}

#login-form label {margin:6px 0px 2px 4px;font-weight:bold; display:block; text-shadow:none; font-size:14px}
#login-form label.error {background:url("../images/messages/delete.png") no-repeat 0px 0px;padding-bottom: 2px;font-weight: bold;color: #EA5200; display:inline}
#login-form  div{padding:16px 0px; clear:both}

#login-form input#submit-button{background: url(../images/admin/submit.png);width:110px; text-align:center; height:31px; margin-top:10px; border:none; cursor:pointer}

h2.title{color:#32446e; font-size:14px; font-weight:bold; margin-left:30px}


.news-block{width:670px; min-height:120px; margin:auto}
.news-date{float:left; margin-right:14px; width:46px; height:48px; background:url("../images/news_back.png") no-repeat; text-align:center; color:#FFF; font-weight:bold; }
.news-content{float:left; width:600px}
.news-date h4.month, .news-date h4.day{color:#265003; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.news-date h4.day{color:#FFF; margin-top:4px}
.news-block h3{color:#2B7CAF; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.news-block p{color:#3b3b3b; font-size:14px;  margin-top:4px}

.multiSelectOptions {margin-top: -1px;overflow-y: auto;overflow-x: hidden;border: solid 1px #B2B2B2;background: #FFF}
.multiSelectOptions LABEL {padding: 0px 4px;display: block;white-space: nowrap; margin-left:2px}
.multiSelectOptions LABEL.optGroup{font-weight: bold}
.multiSelectOptions .optGroupContainer LABEL{padding-left: 10px;}
.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL{padding-left: 18px;}
.multiSelectOptions input{vertical-align: middle;}
.multiSelectOptions LABEL.checked {background-color: #dce5f8}
.multiSelectOptions LABEL.selectAll {border-bottom: dotted 1px #CCC;}
.multiSelectOptions LABEL.hover {background-color: #2B7CAF;color: #FFF;}

a.multiSelect {width:114px; overflow:hidden; background: #FFF url(../images/dropdown.blue.png) right center no-repeat;border: solid 1px #BBB;position: relative;cursor: default;text-decoration: none;color: black;display: -moz-inline-stack;display: inline-block;vertical-align: top;}
a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {color: black;text-decoration: none;}
a.multiSelect span{margin: 1px 0px 1px 3px;overflow: hidden;display: -moz-inline-stack;display: inline-block;white-space: nowrap; padding-right:24px}
a.multiSelect.hover {background-image: url(../images/dropdown.blue.hover.png);}
a.multiSelect.active, a.multiSelect.focus {border: inset 1px #000;}
a.multiSelect.active {background-image: url(../images/dropdown.blue.hover.png);}


.stylish-select ul.newList {left:-9999px;}

.state .newListSelected {background: url(../images/dropdown.blue.png) no-repeat scroll 157px 0px; border:1px solid #c7c7c7; color:#333; height:22px; margin-bottom:10px; padding:0; width:180px;}
.state .newListSelected div, .borst .newListSelected div {display:block; font-size:0.85em; padding:2px 21px 2px 4px; text-align:left !important; width:149px; color:#333;  font-size:12px}
.state ul.newList {list-style:none; color:#000; width:180px; background:#fff; border:1px solid #C7C7C7; top:22px; left:0; height:auto; overflow:auto; font-size: 0.85em; text-align:left!important; position:absolute; z-index:9999;}
.state ul.newList li, .borst ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
.state ul.newList li a, .borst ul.newList li a{text-decoration:none; color:#333; font-size:12px;  cursor:pointer}
.state ul.newList li a:hover, .borst ul.newList li a:hover{text-decoration:underline; font-weight:bold}
.state .hiLite, .borst .hiLite {background:#2B7CAF!important; color:#fff!important;}
.state .newListHover, .borst .newListHover {text-decoration:underline}
.state .newListSelHover, .borst .newListSelHover {cursor:default;}
.state .newListSelHover, .state .newListSelFocus, .borst .newListSelHover, .borst .newListSelFocus {background-position:auto;}


.borst .newListSelected {background: url(../images/dropdown.blue.png) no-repeat scroll 91px 0px; border:1px solid #c7c7c7; color:#333; height:22px; margin-bottom:10px; padding:0; width:114px;}
.borst .newListSelected div {width:90px}
.borst ul.newList {list-style:none; color:#000; width:114px; background:#fff; border:1px solid #C7C7C7; top:22px; left:0; height:auto; overflow:auto; font-size: 0.85em; text-align:left!important; position:absolute; z-index:9999;}


#home-left {width:326px; float:left; margin-left:10px}
#home-right{width:340px; float:right; margin-right:20px}
h2.title-image{margin-bottom:12px}
h2.title-text, h2.title-text a, h2.title-text span{color:#1F4203; font-size:16px; font-weight:bold; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif}
h2.title-text span{background:url('../images/arrow.png') no-repeat left; padding-left:20px}
.featured-package{margin-bottom:10px}