/* ******* globals ******* */
body {
	background:#FFF url(/public/gfx/head-bg.gif) repeat-x top left;
	font:12px Tahoma;
	color:#1f1a17;
}
.cl, cl-right, cl-left {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
	outline:none;
	border:none;
}
.cl-right { clear:right; }
.cl-left { clear:left; }
.right { float:right; }
.left { float:left; }
p { text-align:justify; }
a { color:#184588; }
a:hover { color:#0093dd; }
li {
	list-style:none;
	margin:15px 0px;
}
h1 { }
h2 { }
h3 {
	color:#006baa;
	font:normal 20px Tahoma;
	letter-spacing:0px;
	word-spacing:6px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:10px;
}
/* *end of global ******* */
#bg { background:transparent url(/public/gfx/bg-img.gif) no-repeat scroll top left; }
.main {
	display:block;
	width:960px;
	margin:0px auto;
	padding:0px 10px;
	position:relative;
}
/* *** header **** */
#header {
	display:block;
	height:110px;
}
#logo {
	display:block;
	background:transparent url(/public/gfx/logo.png) no-repeat scroll top left;
	width:202px;
	height:141px;
	position:absolute;
	top:0px;
	left:5px;
	border:none;
	text-decoration:none;
	z-index:99;
}
#headr-main-htext {
	display:block;
	background:transparent url(/public/gfx/headr-htext.jpg) no-repeat scroll top left;
	position:absolute;
	bottom:0px;
	left:215px;
	height:71px;
	width:406px;
	margin:0px;
	padding:0px;
}
#headr-main-htext.cat { background-image:url(/public/gfx/headr-htext-cat.jpg); }
#headr-tel {
	display:block;
	background:transparent url(/public/gfx/headr-tel.jpg) no-repeat scroll top left;
	position:absolute;
	bottom:0px;
	right:15px;
	height:71px;
	width:295px;
	margin:0px;
	padding:0px;
}
#nav {
	display:block;
	height:24px;
	width:440px;
	position:absolute;
	top:8px;
	right:0px;
}
#nav > li {
	float:left;
	display:block;
	margin:0px 15px 0px 0px;
	padding:0px;
	border:none;
	height:24px;
	background:transparent url(/public/gfx/nav.png) no-repeat scroll top left;
}
#nav > li.main {
	width:82px;
	background-position:0px 0px;
}
#nav > li.main:hover, #nav > li.main.act { background-position:0px -24px; }
#nav > li.cat {
	width:82px;
	background-position:-82px 0px;
}
#nav > li.cat:hover, #nav > li.cat.act { background-position:-82px -24px; }
#nav > li.tech {
	width:107px;
	background-position:-164px 0px;
}
#nav > li.tech:hover, #nav > li.tech.act { background-position:-164px -24px; }
#nav > li.about {
	width:107px;
	background-position:-271px 0px;
}
#nav > li.about:hover, #nav > li.about.act { background-position:-271px -24px; }
#nav a {
	display:block;
	width:100%;
	height:24px;
	font:10px Verdana;
	line-height:10px;
	color:#000;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
#nav a:hover { color:#F00; }
/* end of head *** * */

/* *** banner * */
#ban-bg {
	margin-top:10px;
	background:transparent url(/public/gfx/ban-bg.jpg) no-repeat scroll center center;
	height:433px;
}
#ban {
	background:transparent url(/public/gfx/ban-coolers.png) no-repeat scroll bottom right;
	height:433px;
}
#ban h2 {
	font:normal 24px Tahoma;
	color:#004382;
	text-transform:uppercase;
	letter-spacing:0px;
	word-spacing:7px;
	padding-top:30px;
}
#ban ul {
	display:block;
	background:transparent url(/public/gfx/ban-text-box.png) no-repeat scroll top left;
	position:absolute;
	border:none;
	bottom:30px;
	left:10px;
	width:448px;
	height:264px;
	padding:10px 0px 0px 15px;
}
#ban ul li {
	color:#293234;
	list-style:inside url(/public/gfx/lead-bull.png);
	font:normal 16px "Trebuchet MS";
	margin:6px;
}
#ban ul li.butt {
	list-style:none;
	float:left;
	display:block;
	width:178px;
	height:25px;
	border:none;
	padding:0px;
	line-height:0px;
	font-size:0px;
	background:transparent url(/public/gfx/bann-butt-spray.png) no-repeat scroll;
}
#ban ul li.cat { background-position:0px 0px; }
#ban ul li.cat:hover { background-position:0px -25px; }
#ban ul li.price { background-position:-178px 0px; }
#ban ul li.price:hover { background-position:-178px -25px; }
#ban ul li.butt a {
	display:block;
	height:25px;
	width:178px;
	text-decoration:none;
	line-height:0px;
	font-size:0px;
}
/* end of ban * */

/* *** certifed ** */
#certifed {
	height:50px;
	background:transparent url(/public/gfx/certifed-gay.gif) no-repeat scroll center bottom;
}
#certifed:hover { background:transparent url(/public/gfx/certifed.jpg) no-repeat scroll center bottom; }
#certifed h2 {
	padding:0px;
	margin:0px;
	color:#006baa;
	font:normal 20px Tahoma;
	letter-spacing:0px;
	word-spacing:6px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	position:absolute;
	top:0px;
	left:20px;
}
/* end of certifed */

/* *** areas *** */
ul.areas {
	margin:20px 0px 10px -10px;
	padding-left:10px;
	display:block;
	min-height:350px;
	width:640px;
	padding-top:10px;
}
ul.areas li {
	display:block;
	min-height:130px;
	width:295px;
	height:145px;
	margin:0px;
	padding:10px;
	float:left;
	position:relative;
}
ul.areas li:hover { background:transparent url(/public/gfx/areas-hover.gif) no-repeat scroll top left; }
ul.areas li span.icon {
	display:block;
	width:105px;
	height:105px;
	background:transparent url(/public/gfx/areas-icons.png) no-repeat scroll top left;
	font-size:0px;
	line-height:0px;
	text-decoration:none;
	margin:-10px 0px 40px -10px;
	float:left;
}
ul.areas li span.comp { background-position:0px 0px; }
ul.areas li span.comf { background-position:-105px 0px; }
ul.areas li span.green { background-position:0px -105px; }
ul.areas li span.save { background-position:-105px -105px; }
ul.areas h3 {
	padding:0px;
	margin:0px 0px 5px;
	color:#006baa;
	font:normal 19px Tahoma;
	letter-spacing:0px;
	word-spacing:3px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}
ul.areas a { color:#0580e3; }
ul.areas a.read {
	display:block;
	margin-top:5px;
	float:left;
}
/* end of areas **/
a.read {
	padding-right:15px;
	background:transparent url(/public/gfx/read.png) no-repeat scroll center right;
}
#cat-lead-bg { background:transparent url(/public/gfx/ban-bg.jpg) no-repeat scroll center center; }
#cat-lead {
	display:block;
	min-height:530px;
	position:relative;
}
#cat-lead h1 {
	font:bold 60px Calibri;
	color:#008cd2;
	text-shadow:1px 1px #4fc4ff;
	text-transform:uppercase;
	margin-top:40px;
}
#cat-lead h2 {
	font:normal 24px Tahoma;
	color:#004382;
	text-transform:uppercase;
	word-spacing:3px;
	letter-spacing:-1px;
}
#cat-lead img {
	display:block;
	border:none;
	outline:none;
	margin:0px 20px 10px 0px;
	float:left;
}
#cat-lead-txtbox {
	display:block;
	width:680px;
	height:276px;
	padding:15px;
	margin:0px;
	position:absolute;
	bottom:20px;
	right:20px;
	background:transparent url(/public/gfx/cat-lead-textbox.png) no-repeat scroll top left;
}
#cat-lead-txtbox ul { margin-left:20px; }
#cat-lead-txtbox ul > li {
	color:#293234;
	list-style:outside url(/public/gfx/lead-bull.png);
	font:normal 14px "Trebuchet MS";
	margin:3px 0px;
}
ul#func-descript {
	display:block;
	position:absolute;
	bottom:45px;
	right:18px;
}
ul#func-descript > li {
	list-style:none;
	font:normal 13px Tahoma;
	text-decoration:none;
	text-transform:uppercase;
	color:#006baa;
	width:80px;
	display:block;
	float:left;
	margin:0px 6px 0px 0px;
	text-align:center;
	height:230px;
	position:relative;
}
ul#func-descript > li > span {
	display:block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	position:absolute;
	bottom:0px;
	padding:2px 3px;
	margin:0px;
	left:0px;
	background:#FFF;
	border:1px solid #b5def2;
}
#cat-lead ul.butt li {
	margin:15px 10px 0px 0px;
	list-style:none;
	float:left;
	display:block;
	width:119px;
	height:25px;
	border:none;
	padding:0px;
	line-height:0px;
	font-size:0px;
	background:transparent url(/public/gfx/cat-lead-sprite.png) no-repeat scroll;
}
#cat-lead ul li.learn-more { background-position:0px 0px; }
#cat-lead ul li.learn-more:hover { background-position:0px -25px; }
#cat-lead ul li.order-pres {
	background-position:-119px 0px;
	width:219px;
}
#cat-lead ul li.order-pres:hover { background-position:-119px -25px; }
#cat-lead ul.butt li a {
	display:block;
	height:25px;
	width:178px;
	text-decoration:none;
}
/* content */
#content {
	display:block;
	border-top:5px solid #b5def2;
	min-height:400px;
	background:#ebebeb;
	padding:0px 10px;
	width:620px;
}
#content img {
	border:5px solid #b5def2;
}
#content h3 {
	letter-spacing:0px;
	margin:10px 0px 5px;
}
#content h4 {
	letter-spacing:0px;
	margin:10px 0px 5px;
	font-size:16px;
}
#content p {
	margin:10px 0px 10px;
	font:normal 13px Verdana;
}
#content ul { margin:10px 0px 10px 20px; }
#content ul > li {
	color:#293234;
	list-style:outside url(/public/gfx/lead-bull.png);
	font:normal 13px Verdana;
	margin:5px 0px;
}
#content ol { margin:10px 0px 10px 25px; }
#content ol > li {
	color:#293234;
	list-style:outside decimal;
	font:normal 13px Verdana;
	margin:6px 0px;
}
#content table {
	margin:10px 0px;
	width:100%;
	background:#FFF;
}
#content table th {
	background:#b5def2;
	border:2px solid #FFF;
	outline:none;
	padding:0px 10px;
}
#content table th p{
	font-weight:bold;
}
#content table td {
	border:2px solid #FFF;
	outline:none;
	padding:5px 10px;
	background:#EEE;
}
/* sidebar */
#sidebar {
	display:block;
	width:320px;
	position:absolute;
	top:10px;
	right:0px;
	min-height:300px;
}
.sidebar-top {
	display:block;
	width:320px;
	height:8px;
	position:absolute;
	top:0px;
	left:0px;
	background:#FFF url(/public/gfx/sidebar-top.gif) no-repeat scroll top left;
	font-size:0px;
	line-height:0px;
}
.sidebar-bot {
	display:block;
	width:320px;
	height:8px;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#FFF url(/public/gfx/sidebar-bot.gif) no-repeat scroll top left;
	font-size:0px;
	line-height:0px;
}
.sidebar {
	position:relative;
	margin-bottom:10px;
	padding:5px;
	display:block;
	width:310px;
	min-height:150px;
	float:left;
	background:#FFF url(/public/gfx/sidebar-bg.gif) repeat-y scroll top left;
}
.sidebar > h2 {
	display:block;
	height:55px;
	background:#C7ECF3 url(/public/gfx/sidebar-headr-bg.gif) repeat-x scroll top right;
	font:normal 19px Tahoma;
	padding:4px 0px 0px 10px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0px;
	word-spacing:4px;
	color:#184588;
}
.sidebar > h2.special { color:#e45f00; }
.sidebar > h2 span.coins {
	display:block;
	width:33px;
	height:33px;
	background:transparent url(/public/gfx/sidebar-coins.jpg) no-repeat scroll top left;
	position:absolute;
	top:13px;
	right:8px;
}
.sidebar > img.bottle {
	border:none;
	display:block;
	position:absolute;
	top:40px;
	right:10px;
}
.sidebar p.water {
	margin:10px;
	font:bold 14px Tahoma;
	text-align:left;
	width:160px;
}
.sidebar p {
	font:normal 12px Verdana;
	text-align:justify;
	margin:10px;
}
.sidebar p a { color:#006baa; }
ul.side-nav {
	display:block;
	padding:5px 7px;
}
ul.side-nav > li {
	list-style:none;
	border:none;
	display:block;
	margin:3px 0px;
	position:relative;
}
ul.side-nav > li > a {
	display:block;
	padding:2px 5px;
	text-decoration:none;
	font:normal 20px Tahoma;
}
ul.side-nav > li > a:hover { background:#ebebeb; }
ul.side-nav-ico {
	display:block;
	width:93px;
	margin:0px;
	padding:0px;
	position:absolute;
	right:2px;
	top:2px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
ul.side-nav-ico > li {
	font-size:0px;
	line-height:0px;
	display:block;
	width:23px;
	height:23px;
	float:left;
	margin:0px;
	padding:0px;
	background:transparent url(/public/gfx/flat-small-icons-sprite.gif) no-repeat scroll top left;
}
ul.side-nav-ico > li.spark { background-position:-1px 0px; }
ul.side-nav-ico > li.cold { background-position:-24px 0px; }
ul.side-nav-ico > li.hot { background-position:-47px 0px; }
ul.side-nav-ico > li.ehot { background-position:-70px 0px; }
ul.side-nav-ico > li.spark-n { background-position:-1px -23px; }
ul.side-nav-ico > li.cold-n { background-position:-24px -23px; }
ul.side-nav-ico > li.hot-n { background-position:-47px -23px; }
ul.side-nav-ico > li.ehot-n { background-position:-70px -23px; }
/* catalog list of prod */
#cat-list-bg {
	display:block;
	border-top:5px solid #b5def2;
	min-height:400px;
	background:#ebebeb;
	padding:0px 10px;
}
ul#cat-list {
	display:block;
	margin:0px 0px 10px 0px;
}
ul#cat-list > li {
	position:relative;
	display:block;
	width:293px;
	height:218px;
	float:left;
	background:#FFF url(/public/gfx/cat-thumb-bg.gif) repeat-x scroll left top;
	border-top:5px solid #cacaca;
	margin-right:10px;
	padding:10px;
}
ul#cat-list > li:hover { border-top-color:#b5def2; }
ul#cat-list > li.r { margin-right:0px; }
ul#cat-list > li > h3 {
	letter-spacing:-1px;
	line-height:13px;
	margin:0px 0px 5px;
}
ul#cat-list > li > img { margin-top:10px; }
a.butt-read {
	display:block;
	font-size:0px;
	text-decoration:none;
	outline:none;
	margin:0px;
	padding:0px;
	line-height:0px;
	width:96px;
	height:20px;
	background:transparent url(/public/gfx/small-readmore-sprite.png) no-repeat scroll top left;
	position:absolute;
	bottom:10px;
	left:10px;
}
a.butt-read:hover { background-position:0px -20px; }
ul#cat-list > li ul {
	float:right;
	font:normal 13px Tahoma;
	color:#393939;
	width:165px;
}
ul#cat-list > li ul li {
	list-style:inside url(/public/gfx/cat-list-bull.gif);
	margin:2px;
}
ul#cat-list > li p {
	float:right;
	width:170px;
	margin:5px 0px;
}
ul#cat-list > li > ul.types {
	display:block;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	width:152px;
	height:104px;
	padding:17px 0px 0px 22px;
	background:transparent url(/public/gfx/cat-desc-ico-bg-fade.png) no-repeat scroll top left;
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:0px;
	line-height:0px;
}
ul#cat-list > li > ul.types > li {
	list-style:none;
	margin:0px;
	float:left;
	display:block;
	width:38px;
	height:104px;
	background:transparent url(/public/gfx/cat-desc-ico-sprite.png) no-repeat scroll top left;
}
ul#cat-list > li > ul.types > li.cold { background-position:0px 0px; }
ul#cat-list > li > ul.types > li.hot { background-position:-114px 0px; }
ul#cat-list > li > ul.types > li.ehot { background-position:-38px 0px; }
ul#cat-list > li > ul.types > li.spar { background-position:-76px 0px; }
/** footer **/
#footer {
	margin-top:15px;
	height:30px;
	color:#777;
}
#footer p { text-align:center; }