/*************************** 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: #777; ;min-width:1000px;}
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 { text-decoration: underline; color: #fff; }
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: 180%; 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; }

/*************************** 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; display: block; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px;  position: relative;}
.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; position: relative; z-index:1000; background: url(../image/symbol/header2.png) top right no-repeat; }
.light    { position: absolute; top: 62px; right: 50px; width: 280px; height: 50px; z-index:1000; background: url(../image/symbol/light.png) top right no-repeat; }
.logo     { display: block; position: absolute; top: -7px; left: 0px; height: 150px; width: 290px;background: url(../image/symbol/logo.png) no-repeat;}
.top_menu { position: absolute; top: 0px; right: 0px; text-align: right;}
.top_menu a { display:inline-block; font-weight:bold;}
.top_menu a.active, .top_menu a:hover { color: white; text-decoration:none;}
.top_menu span { display:inline-block; width: auto; padding: 25px 35px 25px 35px; background: url(../image/symbol/menu_bord.png) top right no-repeat; }

/*************************** 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;}

.information            {	margin: 0px 0px 0px 15px; }
.information ul         {	margin: 20px 0px 5px 0px; padding: 0px; list-style: none;}
.information ul li      { margin: 0px; padding: 0px; }
.information ul li a    {	color: #ddd; display:block; padding: 20px 0px 20px 10px; margin-top: -20px;}
.information ul li a:hover,
.information ul li a.active{	color: white; text-decoration: none; background: url(../image/symbol/menu_left_hover.png) left center no-repeat;}
a.offsite { color: #ddd; display:block; padding-left:10px; }
a.offsite:hover {color: white; text-decoration: none;}

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

.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;}

.left_content .brands { margin: 15px 0 0 23px;}
.left_content .brands img { border: 1px solid #888; margin: 2px;}
.left_content .brands a:hover img { border-color: #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; }
.content      { position: relative; }
.content .top {  position: absolute; top: -67px; right: 0px; width:80%; margin: 0px 10%; height: 40px; text-align: left;}
.content .top h1 { color: #9A9A9A; font-size: 28px; font-family: Arial; position: absolute; width: 100%; text-align: center; bottom: 0px; line-height: 0.9em;} /*"Times New Roman",Times,sans-serif font-size: 33px;*/
.content .middle { padding: 20px 7% 20px 7%;}
.content .subtext{ font-size: 14px; line-height: 1.4em;/*background: url(../image/symbol/subtext.png); -background: #404040; !!!*/ }
.content .subtext a {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              { background: url(../image/symbol/subtext.png); border: 1px solid #999999; padding: 10px; -background: #404040;}
.b               { border: 1px solid #bbbbbb; padding: 10px;}
.bg              { background: #343434;}
.m               { margin-bottom: 10px;}

a.button      { color: #FFFFFF; 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; }

/*** category and product list***/
.category_description { color: #f5f5f5; font-size: 1.1em; line-height: 1.45; padding-bottom: 20px;}
.cat         { text-align:center; color: #696969;}
.cat_item    { margin: 5px 20px 20px 20px; background: #f2f2f2; /*border: 1px solid #bbbbbb; !!!*/ 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;
}
.home_item    { padding: 0px; }
.home_item img   { padding: 0px; border: 1px solid #eee;}
a.cat_item:hover {  text-decoration: none; background:#ffffff; color:#000000;}
.prod_price      {  color:#c50000; font-size: 1.1em; font-weight: bold; padding-bottom: 3px;}
.old_price      {  text-decoration: line-through; font-size: 0.85em; color: #822; display:none;}
a.cat_item:hover .prod_price {  color:#dd0000; }
.item_name { max-width: 200px; height: 32px; }
.item_name_cat { height: 16px; padding-bottom: 5px;}

/* simple category*/
.cat_item_simple { background: none !important;}
.item_name_simple { max-width: 250px; height: 32px; color: #ddd; font-weight: normal;text-transform: uppercase;}
.item_name_simple:hover { text-decoration: underline; color: #fff; }

.sort        { color: #bbbbbb; height: 30px; text-align: center; font-size: 12px; }
.sort select { font-size: 11px; margin: 0; padding: 1px; }
.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%;}
.prod td  { vertical-align:top;}
.prod h2 { font-size: 1.4em;}
.prod .price_head { padding-top: 15px;}
.prod .price  { position: relative; }
.prod .price .old_price {position: absolute; right: 0px; bottom:18px; color: #777; // bottom: 25px;}

.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;}

.color_img a { width: auto; margin: 2px; float:left; }
.color_img img { border: 3px solid #fff; cursor:pointer;}

.opt_tbl { width: 99%; }
.opt_tbl td { vertical-align: middle; }
.add_form { display:block; position: relative; }
.add_form  .button  { margin-top: 9px;}
.add_form  .button  span { width:100px; text-align: center; }
.opt_select, .opt_input  {min-width: 55px; border: 1px solid #dddddd; }
.opt_input  {min-width: 52px; }

.related {padding: 20px;	text-align:center; color: #fff; font-weight: bold; background: transparent url('../image/symbol/related.png') top no-repeat;}

.sizes_head { border: none; 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: 2px 0px; font-size: 1.1em;}
.sizes_tbl td  .store_name { font-weight: bold;  padding-bottom: 5px; font-size: 1em; 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;}

/*************************** 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;
}

#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}