/* LAYOUT STYLE RULES */
body#page, body#main{
	color: #52666b;
	width: 100%;
	height: 100%;
	background: #fbfdfe;
	text-align: center;
	}

#container {
	width: 957px; margin: 0 auto; 
	padding-bottom: 21px;
	text-align: left;
	position: relative; z-index: 30;
	}

/* head *********/
#head { width: auto; height: 63px; margin: 21px 0 0 25px;}
#logo {float: left; width: 190px; height: 55px;}
.logo_haccp {float: left; margin-top: -6px; margin-right: 7px;}

ul#nav-main {list-style-type: none; display: block; margin: 0; padding: 0; margin-left: 10px; margin-right: 30px;margin-top: 27px; float: right;}
ul#nav-main li {                                                                        
        display: block;
        padding: 0;
	margin: 0;
	float: left;
	padding-left: 8px;
	padding-right: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	white-space: nowrap;
	background: url(../nav_main_bullet.gif) no-repeat right center;
}
ul#nav-main li.last {                                                                        
	background: none;
	padding-right: 0px;
	}

ul#nav-main li a, ul#nav-main li span{
	display: block;
	color: #48bef6;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	}
ul#nav-main li a:hover, ul#nav-main li a.current, ul#nav-main li span.current{
	color: #9adbf9;
	}

#central {
	width: auto; height: 455px; padding-top: 61px; position: relative; z-index: 10;
	}

#div_scroll {width: 957px; }

div#slideshow {width: 762px; height: 455px;float: left; overflow:hidden; position: relative;}
div#slideshow ul{
	margin:0;
	padding:0;
	width:4000px;
	list-style-type: none;
} 
div#slideshow li{
	float:left;
	margin:0px;
	width: 762px;
	height: 455px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#slideshow li a {position: relative; width: 560px; height: 303px; top: 23px; left: 100px; display: block;}


a.prev {
	background: url(../arrow_left.png) no-repeat top left; width: 25px; height: 51px; display: block; float:left;  top: 190px; margin-right: 72px;text-indent: -9999px; position: relative; z-index: 20;
}
a.next {
	background: url(../arrow.png) no-repeat top left; width: 25px; height: 51px; display: block; float: right;  top: 190px; margin-left: 72px; text-indent: -9999px; position: relative; z-index: 20;
}


#page #footer {top: -29px; position: relative;z-index: 40; clear: both; width: auto;}
#copyright {float: left; width: 533px; padding-top: 40px; font-size: 0.9em;}
*html #copyright {position: relative;z-index: 40;}

#copyright-inner {padding: 0 5px 0 49px}
#copyright a, #copyright a:hover {color: #52666b; text-decoration: none;}

#action_content {float: right; width: 280px;padding-top: 4px;padding-bottom: 20px;position: relative; z-index: 90;}

#action {background: url(../action.png) no-repeat top left;}
#action-inner {padding-left: 90px; }
#action h2{color: #52666b; font-size: 1.8em; margin-bottom: 0.5em; font-weight: bold;}
#action h2 a, #action h2 a:hover{color: #52666b; font-size: 1em; font-weight: bold; text-decoration: none; display: block; position: relative; height: 73px;}

#content {
	background: url(../central_second.png) no-repeat 0 0;
	width: 957px; height: 545px;
	position: relative; z-index: 30;
	font-style: italic; 
	}
#content-inner {
	width: 900px; height: 492px;
	padding: 6px 28px 0 28px;
}


#nav-sub {position: absolute; left: 0; top: 339px; height: 30px;  text-align: center; width: 900px}
#nav-sub table {height: 30px; display: table; margin: 0 auto;background: url(../nav_sub_bg.png) bottom left repeat-x;}
#nav-sub table tr td {                                                                        
	padding: 5px 2px 0px 2px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	white-space: nowrap;
}

#nav-sub table tr td a, #nav-sub table tr td span{
	color: #48bef6;
	text-decoration: none;
	display: block; float: left; 
	padding: 5px 20px;
	}
#nav-sub table tr td a:hover{
	color: #48bef6;
	}

#nav-sub table tr td.current{
	color: #FFF;
	background: #74d6fc;
	font-size: 1.2em;
	padding-top: 4px;
	}
.assortment #nav-sub table tr td {                                                                        
	font-size: 1em;
}

.assortment #nav-sub table tr td.current{
	background: #9dde82;
	}

.assortment #nav-sub table tr td a, .assortment #nav-sub table tr td span{
	padding: 5px 9px;
	}


#nav-sub table tr td.current a, #nav-sub table tr td.current span{
	color: #FFF;
}

#anons-block {display: block; 	background-repeat: no-repeat;background-position: top left; width: 900px; height: 492px; position: relative; top: 0; left: 0; }
#content-block {display: none;width: 900px; height: 492px; line-height: 130%; position: relative; }

#anons-plate {position: absolute; display: block; z-index: 10; top: 369px; left: 0; background: url(../anons_plate_blue.jpg) repeat-x top left #01adf6; width: 900px; height: 123px;line-height: 130%;}
.assortment #anons-plate {background: url(../anons_plate_green.jpg) repeat-x top left #39c92b;}

#anons-part1 {width: 202px; float: left; height: 123px; position: relative;}
#anons-part2 {width: 577px; float: left; padding-top: 20px; color: #FFF; }
#anons-part3 {width: 113px; float: right;}
#more {width: 25px; height: 51px; background: url(../arrow.png) no-repeat top left; display: block; text-decoration: none; text-indent: -9999px; margin: 37px 0px 0 0px; right: 28px;float: right; position: relative;}
#more_left {width: 25px; height: 51px; background: url(../arrow_left.png) no-repeat top left; display: block; text-decoration: none; text-indent: -9999px; margin: 37px 0 0 0px; left: 28px; float: left; position: relative;}

a.more_info, a.more_info:hover {display: block; margin-top: 53px; right: 31px; position: relative; color: #FFF; text-decoration: underline; float: right;}

#content-col1 {width: 177px; float: left; margin-top: 53px; height: 439px; background: url(../page_bg.gif) no-repeat left bottom; text-align: right; padding-right: 45px;}
*html #content-col1 {width: 222px;}

.content-col1-nobg {background: none !important;}

#content-col2 {width: 650px; float: left; margin-top: 53px;height: 358px;}
#content-col2-wide {width: 678px; float: left; margin-top: 53px;height: 348px;}
#content-col2-search {width: 650px; float: left; margin-top: 53px;height: 348px;}
#content-col2-wide .scroll-pane {height: 320px; }
#content-col2-search .scroll-pane {height: 230px; }

.scroll-pane {	width: 650px; height: 358px; overflow: auto; }
#pane { height: 358px; }
.holder .jScrollPaneTrack, .h-scroll-wrap .jScrollPaneTrack { background: url(../scroll-track.gif) repeat-y 7px 0; }
.holder .jScrollPaneDrag, .h-scroll-wrap .jScrollPaneDrag { background: url(../scroll-flyer.gif) no-repeat 50% 0; height: 71px; }
.holder .jScrollPaneContainer {padding-right: 0px;}


a#back_link, a#back_link:hover, a.link, a.link:hover {clear: both; display: block; float: right; color: #1b9fe0; margin-bottom: 15px; } 

.img-link {padding-left: 74px; clear: both; display: block;}
.img-link img{display: block; border: 1px solid #b4b4b4;}

#where-top {
	width: 900px; height: 369px;
	/*background: url(../where_to_buy_bg.jpg) top left no-repeat;*/
	display: block;
	}
#where-top-inner {
	margin: 11px 0 0 0px;
	}

#where-bot {
	background: url(../anons_plate_blue.jpg) repeat-x top left #01adf6; width: 900px; height: 123px;line-height: 130%;
}
#where-bot #anons-part2 {padding-top: 40px; }
.wtb_block {width: 300px; float: left; text-align: center;}
.wtb_col1 {margin-right1: 20px; margin-top: 20px;}
.wtb_col2 {margin-right1: 20px;margin-top: 20px;}
.wtb_col3 {margin-top: 20px;}
.bot_margin20 {display: block; margin: 0 auto;margin-bottom: 5px; }

.wtb_col1 .bot_margin20 {margin-bottom: 21px; }
.wtb_col3 .bot_margin20 {margin-bottom: 15px; }

.rel_img {position: absolute; top: 0; left: 0; z-index: 5}

.rel_block {position: absolute; top: 36px; width: 177px;  z-index: 20; text-align: right;}

.rel_link {color: #1b9fe0; position: relative; }
a.rel_link, a.rel_link:hover {color: #1b9fe0; }

.rel_link2 {top: 200px;  float: right; position: relative; z-index: 20; color: #1b9fe0; }
a.rel_link2, a.rel_link2:hover {color: #1b9fe0; }

.rel_link3 {top: 210px;  float: right; clear: both; position: relative; z-index: 20; color: #1b9fe0;}
a.rel_link3, a.rel_link3:hover {color: #1b9fe0; }

.our_contacts { 
	background: url(../our_contacts_bg.gif) right bottom  no-repeat;
}

.address_col1 {width: 318px; float: left;}
.address_col1 p{margin-bottom: 5px;}
.address_col2 {width: 318px; float: left}
.address_text {color: #1b9fe0}
.big_phone {color: #1b9fe0; font-size: 1.7em; font-weight: bold; line-height: 140%}

.address_col2 table td{ padding: 0 24px 10px 0}


#main-page {width: 412px; margin: 228px auto 0 auto;}
#main-page #logo{margin-left: 108px; width: 190px; margin-bottom: 57px;}
#main-page #col-flash {width: 184px; margin-right: 44px; float: left; text-align: left;}
#main-page #col-html {width: 184px;  float: left;  text-align: left;}

#main-page #col-flash .text {margin-top: 25px; background: url(../text_flash_ver.gif) top left no-repeat; text-indent: -9999px; display: block; width: 184px; height: 32px;}
#main-page #col-html .text {margin-top: 25px; background: url(../text_html_ver.gif) top left no-repeat; text-indent: -9999px; display: block; width: 184px; height: 32px;}


ul#nav-footer {list-style-type: none;  width: auto; clear: both; display: block; margin: 0; margin-top: -30px; padding: 0; margin-left: 49px; margin-bottom: 15px;}
ul#nav-footer li {                                                                        
        display: inline;
	font-size: 1em;
	margin: 0;
	padding: 0 10px 0 0;
}
ul#nav-footer li a, ul#nav-footer li a:hover {
	color: #52666b;
	text-decoration: underline;
	display: inline;
	}
ul#nav-sub2 {clear: both; display: block; margin: 0; padding:0;}
ul#nav-sub2 li {padding: 0 !important;}
ul#nav-sub2 li a{padding: 0;margin: 0; color: #1b9fe0}
ul#nav-sub2 li a.current, ul#nav-sub2 li span.current{font-weight: bold; color: #1b9fe0}

.choose-region { position: absolute; top: 3px; left: 49px; }
.choose-region h4 { font-weight: normal; font-size: 100%; margin: 0 3px 0 0; float: left; color: #8b8a8a; }
.ch-link { float: left; font-style: italic; color: #373737; text-decoration: none; border-bottom: 1px dotted #373737; }
.reg-popup {width: 108px; height: 70px; position: absolute; top: -14px; left: 30px;}
.reg-popup ul { margin: 0; padding: 14px 12px 0 18px; list-style: none; }
.reg-popup li { margin: 0 0 3px; font-style: italic; }
.reg-popup a { color: #8b8a8a; text-decoration: none; }
.reg-popup a:hover { color: #8b8a8a; text-decoration: none; border-bottom: 1px dotted #8b8a8a; }
.reg-popup li.active a, .reg-popup li.active span { color: #56ade1; }
.reg-popup li.active a:hover { color: #56ade1; text-decoration: none; border-bottom: 1px dotted #56ade1; }

.b-upc {
    width: 215px;
    padding: 5px 35px 6px 85px;
    min-height: 27px;
    position: absolute;
    top: -21px; $top: 0; right: 0;
    background: url(../upc.png) 32px 7px no-repeat #efefef;
    font-style: italic;
}

.b-upc a {
    text-decoration: none;
}