/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://www.helldesign.net

Description : This is the main stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/****************************************************************
	RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/****************************************************************
	BASIC
****************************************************************/
body.home {
	background:#000 url('../images/body_bg_home.jpg') 0 0 repeat-x;
}
body.sub {
	background:#000 url('../images/body_bg_category.jpg') 0 0 repeat-x;
}
body,input,textarea,select,td,th {
	color:#dde7ed;
	font: 12px Verdana, Tahoma, sans-serif;
}
a {
	
}
a:visited {

}
a:hover {

}
hr {
	display:none;
}
a#skip {
	display:none;
}
#root {
	margin:0 auto;
	width:999px;
}
#root:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

/****************************************************************
	HEADER
****************************************************************/
.home #header {
	height:106px;
	position:relative;
}
#header {
	height:79px;
	position:relative;
}
	#header h1 {
		left:17px;
		height:68px;
		position:absolute;
		top:24px; 
		width:262px;
		z-index:100;
	}
	#header h1 span {
		background:url("../images/logo.jpg") 0 0 no-repeat;
		height:68px;
		left:0;
		position:absolute;
		top:0;
		width:262px;
		z-index:10;
	}
	#header h1 a {
		height:68px;
		left:0;
		position:absolute;
		text-indent:-1000em;
		top:0;
		width:262px;
		z-index:20;
	}

/****************************************************************
	MENU AREA
****************************************************************/
.menu-area {
	background:#dde7ed url('../images/menu_area_bg.jpg') 0 0 no-repeat;
	float:left;
	padding:105px 0 0;
	width:333px;
}
.home .menu-area {
	background:url("../images/menu_area_home_bg.jpg") 0 55px no-repeat;
	padding:479px 0 0;
}
.menu-area h2 {
	display:none;
}

.home #menu {
	background:#dde7ed url('../images/menu_bottom.gif') 0 100% no-repeat;
	padding:0 15px 10px;
}
#menu {
	background:url('../images/menu_bottom.gif') 0 100% no-repeat;
	padding:8px 15px 10px;
}
	#menu li:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	
	#menu li.new
	{
		position:relative;
	}
	#menu li.new h2
	{
		background:url('../images/new_badge.png') 0 0 no-repeat;
		display:block;
		height:65px;
		position:absolute;
		right:0;
		text-indent:-10000em;
		top:-10px;
		width:62px;
	}
	
	#menu li {
		background:url('../images/menu_item_bg.gif') 50% 100% no-repeat;
	}
	#menu li a,
	#menu li span {
		color:#384e5c;
		display:block;
		font-size:11px;
		padding:6px 16px 8px;
		text-decoration:none;
	}
	#menu li.last {
		background:none;
	}
	#menu li a strong {
		color:#1970ae;
		display:block;
		font-size:16px;
	}
	#menu li span strong {
		color:#373737;
		display:block;
		font-size:16px;
	}
	#menu li a:hover strong {
		color:#df0000;
	}
	
	#menu li ul {
		float:left;
		padding:0 0 25px;
		width:49%;
	}
	#menu li li {
		background:none;
		margin:0 15px;
	}
	#menu li li a {
		background:url('../images/bullet_1.gif') 0 6px no-repeat;
		color:#1a70ae;
		display:block;
		padding:0 0 0 7px;
	}
	#menu li li strong {
		background:url('../images/bullet_1.gif') 0 6px no-repeat;
		color:#373737;
		display:block;
		font-size:11px;
		/*font-weight:bold;*/
		margin:0;
		padding:0 0 0 7px;
	}
	#menu li li a:hover {
		color:#df0000;
	}
	


/****************************************************************
	CONTENT
****************************************************************/

.main-area {
	float:left;
	width:666px;
}

/* ----- home ----- */
.home #banner {
	background:url("../images/banner_bg_home.jpg") 0 0 no-repeat;
	height:320px;
	he\ight:298px;
	padding:22px 0 0 ;
	position:relative;
}
	.home #banner .o_l {
		background:url("../images/banner_overlay_l.png") 0 0 no-repeat;
		height:276px;
		left:0;
		position:absolute;
		top:22px;
		width:67px;
		z-index:20;
	}
	.home #banner .o_r {
		background:url("../images/banner_overlay_r.png") 100% 0 no-repeat;
		height:276px;
		position:absolute;
		right:0;
		top:22px;
		width:67px;
		z-index:20;
	}
	.home #banner a#btn_l {
		background:url("../images/btn_left.gif") 0 0 no-repeat;
		height:93px;
		left:0;
		position:absolute;
		top:120px;
		width:25px;
		z-index:200;
	}
	.home #banner a#btn_r {
		background:url("../images/btn_right.gif") 0 0 no-repeat;
		height:93px;
		right:0;
		position:absolute;
		top:120px;
		width:25px;
		z-index:200;
	}
	.home #banner a span {
		display:none;
	}
	
	.home #banner #scroller-wrapper {
		height:276px;
		overflow:auto;
		padding:0 0 0 27px;
		width:666px;
		w\idth:639px;
	}
		.home #banner #scroller-wrapper dl {
			border-right:1px solid #0e7ebd;
			float:left;
			margin:0 0 0 27px;
		}
		.home #banner #scroller-wrapper dl dt {
			color:#5bc3f1;
			font-size:10px;
		}
		.home #banner #scroller-wrapper dl dt strong {
			color:#fff;
			display:block;
			font-size:16px;
		}
		.home #banner #scroller-wrapper dl dd {
			padding:15px 0 0;
		}
		
		.home #banner #scroller-wrapper dl ul li {
			float:left;
			padding:0 27px 27px 0;
		}
		
.home #content {
	font-size:14px;
	line-height:1.5em;
	margin:35px 0 0;
}
.home #content .en {
	border-right:1px solid #1a1d1e;
	color:#dde7ed;
	float:left;
	padding:0 31px 0 25px;
	width:333px;
	w\idth:277px;
}
.home #content .pl {
	color:#b8c7d0;
	float:left;
	padding:0 0 0 34px;
	width:315px;
	w\idth:281px;
}


/* ----- subpages - common ----- */

#banner {
	height:162px;
}
	#banner h2 {
		display:none;
	}

	.main-area .spinners {
		background:url('../images/banners/c_spinners.jpg') 0 0 no-repeat;
	}
	.main-area .pilks {
		background:url('../images/banners/c_pilks.jpg') 0 0 no-repeat;
	}
	.main-area .holographic_spinners {
		background:url('../images/banners/c_holographic_spinners.jpg') 0 0 no-repeat;
	}
	.main-area .spoons {
		background:url('../images/banners/c_spoons.jpg') 0 0 no-repeat;
	}
	.main-area .holographic_spoons {
		background:url('../images/banners/c_holographic_spoons.jpg') 0 0 no-repeat;
	}
	.main-area .ice_spinners {
		background:url('../images/banners/c_ice_spinners.jpg') 0 0 no-repeat;
	}
	.main-area .ice_pilkers {
		background:url('../images/banners/c_ice_pilkers.jpg') 0 0 no-repeat;
	}
	.main-area .feeders {
		background:url('../images/banners/c_feeders.jpg') 0 0 no-repeat;
	}


#category-products,
#other-photos 
{
	padding:39px 0 0 17px;
}
#other-photos
{
	clear:both;
	margin:0;
	padding-top:0;
}
#category-products:after,
#other-photos:after 
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	#category-products li,
	#other-photos li
	{
		float:left;
		padding:0 30px 40px 0;
	}
	#category-products li a,
	#other-photos li a
	{
		color:#fff;
		display:block;
		text-decoration:none;
	}
	#category-products li a strong,
	#other-photos li a strong 
	{
		display:block;
		padding:5px 0 0;
		text-align:center;
	}
	#category-products li a:hover strong,
	#other-photos li a:hover strong
	{
		color:#df0000;
	}
	#category-products li a img,
	#other-photos li a img 
	{
		display:block;
	}


.sub #root #content {
	padding-bottom:20px;
}
.sub #content .red {
	color:#df0000;
	font-weight:bold;
}

.sub #content.product {
	padding:0 17px;
}

.sub #content h2 {
	border-bottom:1px solid #23282a;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	margin:0 0 16px 0;
	padding:30px 0 7px;
}

.sub #content .data {
	border-bottom:1px solid #23282a;
}
.sub #content .data:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	.sub #content .data img {
		display:block;
	}
	.sub #content .data .code {
		float:left;
		padding:20px 0;
		width:49%;
	}
	.sub #content .data .code.full {
		float:none;
		width:auto;
	}
		.sub #content .data .code img {
			margin:0 auto;
		}
	
	.sub #content .data .table {
		float:left;
		padding:15px 0;
		width:49%;
	}
	.sub #content .data .table.full {
		float:none;
		width:auto;
	}
		.sub #content .data .table table {
			margin:0 0 0 15px;
			width:100%;
		}
		.sub #content .data .table.full table {
			margin:0 auto;
			width:auto;
		}
		.sub #content .data .table table th {
			color:#96a8b3;
			font-size:11px;
			padding:5px;
			width:60px;
		}
		.sub #content .data .table.full th {
			width:auto;
		}
		.sub #content .data .table table th.unit {
			width:80px;
		}
		.sub #content .data .table.types table td strong {
			display:block;
			margin:0 0 5px;
		}
		.sub #content .data .table table strong {
			color:#dde7ed;
			display:block;
		}
		
		.sub #content .data .table table tr.r2 td {
			border-bottom:none;
		}
		.sub #content .data .table table td {
			border-right:1px solid #4d4d4d;
			border-bottom:1px solid #4d4d4d;
			font-size:14px;	
			padding:5px;
			text-align:center;
		}
		.sub #content .data .table.types table td {
			color:#96a8b3;
			font-size:11px;
			text-align:left;
		}
		.sub #content .data .table table td.l {
			border-right:none;
		}
		.sub #content .data .table table td span {
			font-size:11px;
		}
		
.sub #content .desc {
	line-height:1.5em;
	padding:20px 0 0;
}
.sub #content .desc.cat {
	padding-right:17px;
}
.sub #content .desc:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	.sub #content .desc .en {
		float:left;
		width:50%;
	}
	.sub #content .desc .en p {
		margin:0 15px 10px 18px;
	}
	.sub #content .desc .pl {
		color:#b8c7d0;
		float:left;
		width:50%;
	}
	.sub #content .desc .pl p {
		margin:0 0 10px 15px;
	}
	
	
.sub #content .colors
{
	line-height:1.5em;
	margin:0 0 10px;
	padding:20px 0 0;
}

.sub #content .colors:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	.sub #content .colors h3 ,
	.sub #content .other-photos h3,
	.sub #content .data-tables h3 
	{
		border-bottom:1px solid #23282a;
		color:#fff;
		font:bold 18px Arial, Helvetica, sans-serif;
		margin:0 0 20px;
		padding-bottom:8px;
	}
	.sub #content .colors .en,
	.sub #content .other-photos .en,
	.sub #content .data-tables .en
	{
		float:left;
		width:50%;
	}
	.sub #content .colors .en p {
		margin:0 15px 10px 18px;
	}
	.sub #content .colors .en a {
		color:#dde7ed;
	}
	.sub #content .colors .en h4 {
		font-size:13px;
		font-weight:bold;
		margin:0 0 5px 15px;
	}
	.sub #content .colors .pl ,
	.sub #content .other-photos .pl,
	.sub #content .data-tables .pl 
	{
		color:#b8c7d0;
		float:left;
		width:50%;
	}
	.sub #content .colors .pl h3,
	.sub #content .other-photos .pl h3,
	.sub #content .data-tables .pl h3 
	{
		padding-left:15px;
	}
	.sub #content .colors .pl p {
		margin:0 0 10px 15px;
	}
	.sub #content .colors .pl a {
		color:#b8c7d0;
	}
	.sub #content .colors .pl h4 {
		font-size:13px;
		font-weight:bold;
		margin:0 0 5px 15px;
	}
	
	.sub #content .colors .image {
		clear:both;
		padding:15px 0 0;
	}
	.sub #content .colors .image img {
		display:block;
		margin:0 auto;
	}
	
.sub #content .colors .en ul {
	margin:0 15px 10px 18px;
}
.sub #content .colors .pl ul {
	margin:0 0 10px 15px;
}

.sub #content .colors strong {
	font-weight:bold;
}

.sub #content .other-photos,
.sub #content .data-tables
{
	line-height:1.5em;
	padding:20px 0 0;
}
.sub #content .data-tables
{
	margin-bottom:10px;
}


.sub #content .data-tables:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.sub #content .data-tables table.datatable
{
	clear:left;
	width:100%;
}
.sub #content .data-tables .col-1
{
	float:left;
	width:48%;
}
.sub #content .data-tables .col-2
{
	clear:none;
	float:right;
	width:48%;
}
.sub #content .data-tables .col-1 table.datatable ,
.sub #content .data-tables .col-2 table.datatable
{
	margin-bottom:20px;
} 


.sub #content .data-tables table.datatable th {
	border-right:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	color:#96a8b3;
	font-size:14px;
	padding:5px;
}
.sub #content .data-tables table.datatable th,
.sub #content .data-tables table.datatable th strong
{
	font-weight:bold;
}
.sub #content .data-tables .col-1 table.datatable th,
.sub #content .data-tables .col-2 table.datatable th 
{
	font-size:12px;
}
.sub #content .data-tables table.datatable th.l {
	border-right:0;
}
.sub #content .data-tables table.datatable td strong {
	display:block;
	margin:0 0 5px;
}
.sub #content .data-tables table.datatable strong {
	color:#dde7ed;
	display:block;
}

.sub #content .data-tables table.datatable tr.l td {
	border-bottom:none;
}
.sub #content .data-tables table.datatable td {
	border-right:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	font-size:14px;
	padding:5px;
	text-align:left;
}
.sub #content .data-tables .col-1 table.datatable td ,
.sub #content .data-tables .col-2 table.datatable td 
{
	font-size:12px;
}

.sub #content .data-tables table.datatable td.l {
	border-right:none;
}




		
.sub #content .see-also {
	line-height:1.5em;
	padding:20px 0 0;
}
.sub #content .see-also:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	.sub #content .see-also h3 {
		border-bottom:1px solid #23282a;
		color:#fff;
		font:bold 18px Arial, Helvetica, sans-serif;
		margin:0 0 20px;
		padding-bottom:8px;
	}
	.sub #content .see-also .en {
		float:left;
		width:50%;
	}
	.sub #content .see-also .en p {
		margin:0 15px 10px 18px;
	}
	.sub #content .see-also .en a {
		color:#dde7ed;
	}
	.sub #content .see-also .pl {
		color:#b8c7d0;
		float:left;
		width:50%;
	}
	.sub #content .see-also .pl h3 {
		padding-left:15px;
	}
	.sub #content .see-also .pl p {
		margin:0 0 10px 15px;
	}
	.sub #content .see-also .pl ul {
		padding:0 0 0 15px;
	}
	.sub #content .see-also .pl a {
		color:#b8c7d0;
	}
	
	.sub #content .see-also a:hover {
		text-decoration:none;
	}

/****************************************************************
	FOOTER
****************************************************************/

#footer {
	background:#a9c907 url('../images/footer_bg.gif') 0 0 repeat-x;
	color:#fff;
	margin:30px 0 0;
}
#footer:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	#footer .wrapper {
		margin:0 auto;
		width:999px;
	}
	
	#footer .address {
		float:left;
		width:666px;
	}
	
	#footer .address h2 {
		background:url('../images/h_contact_us.png') 50% 0 no-repeat;
		height:63px;
		margin:-20px auto 0;
		width:381px;
	}
	#footer .address h2 span {
		display:none;
	}
	
	#footer .address h3 {
		font-size:18px;
		padding:20px 0 0;
		text-align:center;
	}
	#footer .address .add-part {
		display:block;
		float:left;
		font-size:12px;
		line-height:1.5em;
		padding:15px 0 25px 0;
		text-align:left;
		width:222px;
	}
	#footer .address .add-part.last {
		padding-left:32px;
		w\idth:190px;
	}
		#footer .address .add-part p {
			margin:0 0 10px;
		}
		#footer .address .add-part img {
			vertical-align:middle;
		}
		#footer .address .add-part h4 {
			font-size:13px;
			font-weight:bold;
		}
	
		#footer .address a {
			color:#2a4200;
			text-decoration:none;
		}
		#footer .address a:hover {
			color:#fff;
			text-decoration:none;
		}
		#footer .address strong {
			font-weight:bold;
		}
	
	
	#footer .partners {
		float:left;
		padding:21px 15px 0;
		width:333px;
		w\idth:303px;
	}
	#footer .partners h2 {
		background:url('../images/h_our_partners.gif') 15px 0 no-repeat;
		border-bottom:1px solid #9bbb5b;
		height:21px;
	}
	#footer .partners h2 span {
		display:none;
	}
	
	#footer .partners ul {
		padding:20px 0 0;
	}
	#footer .partners ul li {
		float:left;
		text-align:center;
		width:50%;
	}
	#footer .partners ul li.zlotarybka 
	{
		float:none;
		margin:0 auto;
	}
	
	#footer .copyright {
		background:#000;
		color:#4f5b62;
		clear:both;
	}
	#footer .copyright .wrapper {
		font-size:10px;
		padding:20px 333px 20px 0;
		text-align:center;
		w\idth:666px;
	}