/*************************** General *************************/

* {	margin: 0; font-family: Arial, Helvetica, sans-serif;}
html, body { height: 100%; margin: 0; padding: 0; vertical-align: baseline; font-size: 13px; color: #fff; background: #6e6e71; min-width:1000px;} /*#777*/
img { border:none; }
p { margin-top: 0px; padding: 5px 0px 5px 0px;  text-align:justify;}
a { text-decoration: none; color: #aaa; cursor: pointer; }
a:hover { color: #fff;  text-shadow: #fff 0px 0px 10px;}
ul  {display:block; padding-left: 25px;}
input, textarea, select {	margin: 3px 0px; }
input[type="text"], input[type="password"], textarea, select {background: #221f20; border: 1px solid #bbb; color: #eee;}
form { padding: 0; margin: 0; display: inline; }

h1, h2, h3, h4, h5, h6 {display: block;	color: #aaa; padding: 0px;	margin: 5px 0px 5px 0px; line-height: 100%; font-weight: normal; font-family:Arial;}
h1 { font-size: 220%; }
h2 { font-size: 160%; padding-bottom:5px; margin:15px 0px 10px 0px; font-style: italic; border-bottom: 1px dotted #aaa; }
h3 { font-size: 150%; margin:5px 0px; font-style: italic;}
h4 { font-size: 120%; font-weight: bold; }
h5 { font-size: 100%; font-weight: bold; }

.tbl { margin: 0px; padding: 0px; border-collapse:collapse;}
.tbl td { padding: 0px; vertical-align: top;}

/*************************** layout *************************/
.body      { background: url(../image/symbol/bg2.png) top repeat-x; display: block; height: 100%; } /*!!!*/
.container { background: transparent url(../image/symbol/bg_left.png) bottom left no-repeat; position:relative; display: block; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px;}
.push      { height:40px; clear: both;}
.footer    { height:27px; padding-top: 13px; position:relative;}
.left_content  { float:left;  width: 194px; }
.right_content { float:right; width: 180px; padding-left: 10px;}
.main_content  { width: auto; margin-left: 195px; margin-right: 191px;}
.clearingfix:after { content: "."; display: block; line-height: 0px; clear: both; visibility: hidden; }
.clearingfix       { display: block; }
.floatbox          { overflow: hidden; }
.bg_right          { background: url(../image/symbol/bg_right.png) bottom right no-repeat; position:absolute; bottom: 0px; right: 0px; width: 300px; height:200px;}
.input_black  {display:inline-block; border: 1px solid #bbbbbb; margin: 0px; padding: 3px 6px; height:15px; background:#221F20; color: white;}
.select_black  {display:inline-block; border: 1px solid #bbbbbb; vertical-align:top;margin: 0px; padding: 3px 3px 3px 6px;  background:#221F20; color: white;}

/*************************** header *************************/

.header   { height: 63px; background: url(../image/symbol/header2.png) top right no-repeat; //position: relative; //z-index: 2; }
.light    { position: absolute; top: 62px; right: 50px; width: 280px; height: 50px; z-index:999; background: url(../image/symbol/light.png) top right no-repeat; }
.logo     { display: block; position: absolute; top: -7px; left: -5px; height: 150px; width: 290px;z-index:999; background: url(../image/symbol/logo.png) no-repeat;}
.top_menu { position: absolute; top: 0px; right: 0px; text-align: right;}
.top_menu div { display:inline-block; font-weight:bold; _overflow:hidden; zoom:1; *display:inline;}
.top_menu a { display:inline-block; width: auto; padding: 20px 22px 30px 22px; background: url(../image/symbol/menu_bord.png) top right no-repeat; }
.top_menu a.active, .top_menu a:hover { color: white; text-decoration:none;}
.top_menu .parent { position: relative;}
.top_menu .parent  a{ padding-left:20px; padding-right:20px; }
.top_menu .parent .submenu { display:none; width:245px; position: absolute; top: 57px; left: -5px; z-index: 1000; background: #252525; border: 1px solid #797979; opacity: 0.95; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95)}
.top_menu .parent:hover .submenu{ display:block; }
.top_menu .parent:hover a { color: #fff;}
.top_menu .parent .submenu a { display:block; background: none; padding: 10px 0px 10px 20px; text-align: left;}
.top_menu .parent .submenu a:hover { background: #1a1a1a;} 

a.offsite { color: #858585; display:block; padding-left:10px; position: absolute; top: 20px; left: 250px; font-size: 0.9em; }
a.offsite:hover {color: white; text-decoration: none;}

/*************************** modules *************************/

.right_content { min-height: 560px; padding-bottom:60px; text-align: center; background: url(../image/symbol/right.png) left top no-repeat;}
.left_content  { min-height: 460px; padding-top: 80px; background: url(../image/symbol/left.png) right top no-repeat;}

.categories { padding: 0px 0px 0px 20px;}
.categories ul { list-style: none; margin:0px; padding: 0px; font-size: 1em;}
.categories ul ul { padding: 5px 8px 5px 0px;}
.categories ul ul ul{ padding-left: 12px;}
.categories a { color: #ccc; text-shadow: #000 2px 2px 3px; font-family: Verdana; display: inline-block;}
.categories a:hover { color: #fff; text-shadow: #eee 0px 0px 8px;}
.categories a.active { color: #fff; }
.categories a.last  { text-shadow: #eee 0px 0px 8px; }
.categories ul ul a { padding: 2px 0px 2px 15px; text-transform: lowercase; background: url(../image/symbol/arr.png) 0px 9px no-repeat;}
.categories ul ul a:hover, .categories ul ul a.active { background-position: 0px -31px;}
.categories ul ul ul a { padding-left: 20px; background-position: 0px -73px;}
.categories ul ul ul a:hover, .categories ul ul ul a.active { background-position: 0px -113px;}
.categories a.level0 { font-size: 1.1em; padding: 13px 0px 0px 0px; text-transform: uppercase;}
.categories a.level1 { font-size: 1.1em; }
.categories a.level2 { font-size: 1em; }
.categories a.level3 { font-size: 0.9em; }

.search { padding: 35px 0px 0px 20px; color:#bbbbbb;}
.search input  {  color: #bbbbbb; font-size:11px; width: 110px;vertical-align:top; }
.search .search_btn { display:inline-block; height: 23px; width: 23px; cursor: pointer; background: url(../image/symbol/search_btn.png) no-repeat;}

.brands { padding: 20px 0px 20px 20px;}
.brands .status_title { font-size: 0.85em; color: #ccc; padding: 4px 0px 4px 0px;}
.brands a { display: block; color:#e1e1e1; font-size: 1.1em; font-family: Verdana; text-align: center; padding: 4px 0px; margin: 0px 20px 4px 0px; border: 1px solid #333; background: #333; opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)}
.brands a:hover { color: #fff; border-color: #999}

.right_cart  { color: #ddd; font-size: 12px; font-weight: bold; }
.paket       { display:block; margin: 5px 45px 10px 50px; padding-top: 185px; color:#ddd;} /*!!!*/
.cart_list a { display:block; margin: 8px; color:#ddd; }
.cart_list a img, .cart_img{ margin-bottom: 3px;border: 2px solid #fff;}

/*************************** content *************************/

.breadcrumb   { display:block; height: 22px; padding: 60px 0px 2px 15px; color: #797979; font-weight: bold; font-size:12px; background: url(../image/symbol/heading.png) top repeat-x; }
.breadcrumb a { color: #888; }
.breadcrumb a:hover { color: #fff; }
.content { //position:relative; //z-index: 1; }
.content .top { position: absolute; top: 80px; right: 0px; width:58%; margin: 0px 20%; height: 40px; z-index: 888; text-align: left; //top: -67px; //width:85%; //margin: 0px 6%; -top:-20px; }
.content .top h1 { color: #9A9A9A; font-size: 28px; font-family: Arial; position: absolute; z-index: 889;width: 100%; text-align: center; bottom: 0px; line-height: 0.9em; text-shadow: #000 1px 1px 5px;} /*"Times New Roman",Times,sans-serif font-size: 33px;*/
.content .middle { padding: 20px 7% 20px 7%; max-width: 900px; margin: 0 auto; }
.content .subtext{ font-size: 14px; line-height: 1.4em;/*background: url(../image/symbol/subtext.png); -background: #404040; !!!*/ }
.content .subtext a { color: #33FFFF; }
.content .subtext a:hover { color: #fff; text-decoration:underline;}
.content ul { padding: 10px 0px 10px 0px; list-style: none;}
.content ul li { padding: 1px 0px 1px 15px; list-style: none; background: url(../image/symbol/li.png) 0px 7px no-repeat; }
.content ol { padding: 10px 0px 10px 20px; list-style: decimal;}
.content ol li {  padding:2px 0px;}
.content i { color: #aaa; }

.sb              { border: 1px solid #888; padding: 10px; background: #191919; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)}
.sb2              { border: 1px solid #888; padding: 10px; background: #333; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)}
.b               { border: 1px solid #bbbbbb; padding: 10px;}
.bg              { background: #343434;}
.m               { margin-bottom: 10px;}

a.button      { color: #FFFFFF !important; display: inline-block; font-size: 12px; margin-right: 6px; text-decoration: none !important; padding-right: 13px; text-decoration: none; cursor: pointer;
	background: transparent url('../image/button_right.png') no-repeat scroll top right; }
a.button span { display: inline-block; height: 16px; padding: 4px 0 6px 15px;
  background: transparent url('../image/button_left.png') no-repeat; text-decoration: none !important; }

/*-------- HOME --------*/
/*
#gallery { 	position:relative; width: 550px; height:410px; border: 1px solid #999; padding: 2px; margin: 0 auto;}
#gallery a {	float:left;	position:absolute; cursor: default;}
#gallery a.hidden { display:none; }
#gallery a img { border:none;}
#gallery a.show { z-index:500	}
*/

/*** category list ***/
.category_list { text-align: center;}
.category_list .item  { display:inline-block; width:200px; vertical-align: top; _overflow:hidden; zoom:1; *display:inline;}
.category_list .item  .name { display:block; color: #fff; background: #171717; border: 1px solid #444; font-size: 1.2em;  font-family: Verdana; padding: 6px 6px; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)}
.category_list .item  img    { display:block;}
.category_list .item:hover .name { border-color: #777; }
.category_list .cols2 { width: 100%; max-width: 700px; margin: 0 auto; }
.item_margin .item { margin: 2%; }
.category_description { max-width: 690px; margin: 0 auto;}
.home .category_list .item { width: auto;}

/*** product list***/
.product_list { text-align: center; }
.product_list .item    { margin: 2%; position: relative; width:200px;  background: #fff; padding:2px 2px 0px 2px; text-align:center; font-weight: bold; color:#262626; vertical-align: top; display:-moz-inline-stack; display:inline-block; _overflow:hidden; zoom:1; *display:inline; }
.product_list .item:hover { text-decoration: none; color:#000000; background: #fff;}
.product_list .item img { margin-bottom:5px;}
.product_list .item .name { max-width: 200px; height: 37px; }
.type { display: block; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background: url(../image/icon_product.png) 50px 50px no-repeat;}
.t_discount { background-position: 0px 0px;}
.t_new { background-position: 0px -50px;}
.t_stock{ background-position: 0px -100px;}
.t_reklama { background-position: 0px -150px;}

.prod_price      {  color:#c50000; font-size: 1.1em; font-weight: bold; padding: 0px 0px 5px 0px; font-family: Verdana;}
.old_price      {  text-decoration: line-through; font-size: 0.85em; color: #999; }
.product_list .item:hover .prod_price {  color:#dd0000; }

.product_filter { color: #999; background: #111; border: 1px solid #333; padding: 6px 10px; opacity: 0.8; max-width:670px; margin: 0 auto; margin-bottom:10px; margin-top:5px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)}
.product_filter b { font-weight:normal; display: inline-block; width:100px;}
.product_filter a { color: #fff; }
.product_filter a:hover { text-decoration:underline; }
.product_filter span { color: #33FFFF; }
.product_filter .button span { color: #fff; }
.product_filter .order { display: inline; padding-left: 5px;}
.product_filter .order a, .product_filter .order span { display: inline-block; width: 10px; height: 11px; background: url(../image/sort_arrow.png) 0px 0px no-repeat;}
.product_filter .order a.ASC { background-position: -20px 0px; }
.product_filter .order a.DESC { background-position: 0px 0px; }
.product_filter .order span.ASC { background-position: -20px -20px; }
.product_filter .order span.DESC { background-position: 0px -20px; }
.product_filter .brand { padding-top:5px;}
.product_filter .brand_list { display: inline-block; max-width:75%; vertical-align:top; _overflow:hidden;  zoom:1;  *display:inline;}
.brand_page h2 , .search_page h2 { margin-bottom: 0px;}

.pagination  { text-align:center; margin-top: 10px; color:#eee;}
.pagination .links, .pagination .results {	padding: 7px;}
.pagination .links a { 	border: 1px solid #CCCCCC;	padding: 4px 7px;	text-decoration: none;	color: #000000;}
.pagination .links a:hover { background: #aaa;}
.pagination .links b {	border: 1px solid #CCCCCC;	padding: 4px 7px;	text-decoration: none;	color: #000000;	background: #ccc;}

/*** product page ***/
.prod .hidden {display: none;}
.prod     { border-collapse: collapse; margin: 0px;	width: 100%; //width:99%;}
.prod td  { vertical-align:top; }
.prod h2 { font-size: 1.4em;}
.prod .description { padding: 5px 0px 5px 0px; line-height: 1.3em; //padding-right:10px;}
.prod .price_head { padding-top: 15px; margin-bottom: 20px;}
.prod .price  { position: relative; font-family: Verdana; color: #fff; }
.prod .price .old_price {position: absolute; right: 0px; bottom:18px; color: #777; font-family: Verdana; font-size: 0.7em;  // bottom: 25px;}
.prod .brand_name  { line-height: 1.6em;}
.prod .brand_name  a { color: #33FFFF;}
.prod .brand_name  a:hover { color: #fff; text-decoration:underline;}
.prod .attr_name { display: inline-block; color: #bbb; width:60px;}
.prod form {display: block;}
.prod .size_list  { display: block; padding-left: 60px; width: 85%; position: relative; top: -17px; }
.prod .size_list .size_item { white-space: nowrap; display: inline-block}
.prod .size_list input { vertical-align: middle;}
.prod .size_list label { display: inline-block; padding-right: 5px; vertical-align: middle;}

.td_img    { width: 333px; padding: 10px 20px 10px 0px;}
.td_img img{ border: 3px solid #fff; cursor:pointer;}
.big_img   { display: block; width: auto; margin: 2px; }
.big_img img{ border: 4px solid #fff;}
.add_img   { width: 100%; padding: 0px; margin: 0px; }
.add_img a{ width: auto; margin: 2px 2px 2px 2px; padding: 0px; float:left;}
.prod .img_block {position:relative;}
.prod .type {top:0px; left:2px;}

.color_img  { padding-bottom: 10px; }
.color_img .attr_name { display:block; width: 100%;}
.color_img a { width: auto; margin: 2px; float:left; }
.color_img img { border: 3px solid #fff; cursor:pointer;}

.order_info { padding:3px 8px; border: 1px solid #777; background: #333; opacity:0.9; position: relative; top: -8px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)}
.order_tbl { width: 99%; }
.order_tbl td { vertical-align: middle; }
.order_info .attr_name { padding:2px 0px;}
.order_info .attr_value { font-weight: bold;}
.order_info .button span { padding-left: 9px;}
.order_info .button i { display: inline-block; width: 25px; height:16px; float: left; background: url(../image/icon_cart.png) no-repeat;}
/*
.add_form { display:block; position: relative; }
.add_form  .button  { margin-top: 9px;}
.add_form  .button  span { width:100px; text-align: center; }
.related {padding: 20px;	text-align:center; color: #fff; font-weight: bold; background: transparent url('../image/symbol/related.png') top no-repeat;}
*/
.sizes_head { margin-bottom: 5px; color: #bbb;}
.sizes_tbl { width: 99%; }
.sizes_tbl td { vertical-align: top; padding: 10px 10px; }
.sizes_tbl td  div{ text-align: center; padding: 2x 0px;}
.sizes_tbl td  .store_name { font-weight: bold;  padding-bottom: 5px; margin-bottom: 5px;  background: url(../image/symbol/dot.png) bottom repeat-x;}
.nopad {padding: 0px;}

/*** cart ***/
.cart    { border-collapse: collapse; margin-bottom: 10px;	width: 100%; border: 1px solid #777777; border-top: none;}
.cart th { padding: 5px;	color: #A8A8A8; font-weight: normal; background: transparent url('../image/symbol/th_bg.png') top repeat-x;}
.cart td { padding: 5px;  border-bottom: 1px solid #555555;}

a#checkout { opacity: 0.4; cursor: default;}
a#checkout:hover { cursor: default; }
a.checkout_active { opacity: 1 !important; cursor: pointer !important;}
a.checkout_active:hover { cursor: pointer !important; }
/*************************** footer *************************/

.footer        { color: #eee; font-size:12px; } /*!!!*/
.footer_left   { float: left; text-align: center; width: 190px; }
.footer_center { text-align: center; margin: 0px 300px;  }
.footer a      { color: #eee;}
.footer .payment { position: absolute; top:-60px; right: 50px;}


/*************************** notifications *************************/
.inline {  display:-moz-inline-stack;
  display:inline-block;
  _overflow:hidden;
  zoom:1;
  *display:inline; }

.success, .warning, .wait {
	padding: 5px 0px;	margin-bottom: 10px;
	background: url(../image/symbol/subtext.png); border: 1px solid #999999;
	-background: #404040;
	font-size: 11px; text-align: center;
	color: #FFFF66;
}
.required {	color: #ffff66;	font-weight: bold;}
.error { color: #ffff66; font-size: 11px; display: block; }
.help {	cursor: pointer;}

.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
	clear:both;
}

.heading {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
  border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.buttons {
	margin-bottom: 10px;
	/*clear: both;*/
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	width: 100%;
	margin-bottom: 10px;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}

.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}