/*	CSS by VHGRAPHIX dot com
 *	(C) copyright Vaclav Hradec 2003-2008
 *	file: 	gstyle.css 
 *	email: 	vh@vhgraphix.com
 * 	web:	http://vhgraphix.com
 */
   
html {margin: 0; padding: 0;}
body
{
	background: #fff url('./images/body-bgr.png') top left repeat-x;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0; padding: 0;
}

img {border: none;}
a:active, a:link
{ 
	color: #005f8f;
  	font-size: 1em;
  	font-style: normal;
  	font-weight: normal;
  	text-decoration: none;
}
a:visited {color: #005884;text-decoration:underline;}
a:hover {color: #0015ff;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em 0;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}

strong {font-weight: 900;}
em {color:#78db13;}
hr {visibility:hidden; display:none;}

.invisible {visibility:hidden;}
.center {text-align: center;}
.underline {border-bottom: 1px dotted #000;}
.cleaner {clear:both;}

.left, .right {display:block;float:left;}
.right {float:right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.full-width {width:100%; clear:both;}
.half-width {width:50%;}

.red {color:red;}

/******************************************* D O C **************************************/
#doc {width:1000px; margin:0 auto;}
/******************************************* H E A D E R **************************************/

#header {width:100%; height: 335px; margin: 0; padding: 0;
	background: url('./images/light.jpg') 0px 0px no-repeat;	}
#header h1 
{
	position: relative;
	top: 0;
	left: 38px;
	display: block;
	background: url('./images/logo-title.png') top left no-repeat;	
	width: 185px;
	height: 116px;
	margin: 0; padding: 0;
	z-index:20;
}

#header h1 a { display: block; width: 100%; height: 100%;}
#header h1 span { position: absolute; top: -1000px; left: -1000px;}

#titlebar {background: url('./images/titlebar-bgr.png') top left no-repeat;
	display:block; width:1002px; height:247px; position:relative; top:-27px;
	z-index:5;}

#titlebar-content {display:block; float:left; width:776px; height:213px; margin: 17px 0 0 16px;}
.quality {background: url('./images/content-quality.jpg') top left no-repeat;}
.radio {background: url('./images/content-radio.jpg') top left no-repeat;}
.battery {background: url('./images/content-battery.jpg') top left no-repeat;}
.hurry {background: url('./images/content-hurry.jpg') top left no-repeat;}

#titlebar-content h2, #titlebar-content p,
#titlebar-content ul li a span {visibility:hidden;}
#titlebar-content ul {margin:85px 0 0 26px; padding:0;}
#titlebar-content ul li {display:block; float:left; margin:0 15px 0 0;}
#titlebar-content ul li a {display:block; height:35px; text-decoration:none;}
#titlebar-content ul li a.catalogue {background: url('./images/tb-butt-cat.png') top left no-repeat; width:130px;}
#titlebar-content ul li a.news {background: url('./images/tb-butt-news.png') top left no-repeat; width:83px;}

#main-menu
{
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	float:right;
	height: 39px;
	margin: -66px 0 0 0; padding: 0;
	z-index:20;
}
#main-menu ul {list-style-type:none;}
#main-menu li.top
{
	display: block;
	text-align: center;
	float: left;
	height: 39px;
	margin: 0; padding: 0;
}
#main-menu li.top > a
{
	color: #6f6f6f;
	text-transform:uppercase;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height:30px;
	height: 39px;
	margin: 0 1px 0 0; padding: 0;
}

#main-menu .fake-hover {display:block; height:39px;}

#main-menu li.top > a.home {width:81px; background: url('./images/mm-home.png') top left no-repeat;}
#main-menu li.top > a.catalogue {width:102px; background: url('./images/mm-catalogue.png') top left no-repeat;}
#main-menu li.top > a.brands {width:99px; background: url('./images/mm-brands.png') top left no-repeat;}
#main-menu li.top > a.conditions {width:123px; background: url('./images/mm-conditions.png') top left no-repeat;}
#main-menu li.top > a.faq {width:69px; background: url('./images/mm-faq.png') top left no-repeat;}
#main-menu li.top > a.contacts {width:105px; background: url('./images/mm-contacts.png') top left no-repeat;}

#main-menu li.top > a.home .fake-hover {background:url('./images/mm-home.png') -81px 0; width:81px;}
#main-menu li.top > a.catalogue .fake-hover {width:102px; background: url('./images/mm-catalogue.png') -102px 0 no-repeat;}
#main-menu li.top > a.brands .fake-hover {width:99px; background: url('./images/mm-brands.png') -99px 0 no-repeat;}
#main-menu li.top > a.conditions .fake-hover {width:123px; background: url('./images/mm-conditions.png') -123px 0 no-repeat;}
#main-menu li.top > a.faq .fake-hover {width:69px; background: url('./images/mm-faq.png') -69px 0 no-repeat;}
#main-menu li.top > a.contacts .fake-hover {width:105px; background: url('./images/mm-contacts.png') -105px 0 no-repeat;}

/** ------------ Drop down ------------ **/
#nav {
	padding: 0;
  	margin: 0;
	cursor:pointer;
}
#nav li ul {
  	display: none;
  	position: absolute;
	left: 0;
	margin:0;
}
#nav li > ul {
	top: auto;
	left: auto;
}
/*#nav li:hover ul { display: block; }*/
#nav li ul {border:solid 1px #000; border-top:none; background:#191717; padding:2px 2px 0 2px;}
#nav li ul li {height:20px; line-height:20px; min-width:100px; border:solid 1px #566b41; padding:0 5px; margin: 0 0 2px 0;}
#nav li ul li:hover {border:solid 1px #fff;}
#nav li ul li a {color:#e8e8e8; text-transform:uppercase; text-decoration:none; font-size:0.8em;}
#nav li ul li a:hover {color:#8a8d87;}
/** ------------ Drop down END ------------ **/

#header .panel {width:988px;height:45px;display:block;clear:both;position:relative;top:0px;
	background:url('./images/head-panel.png') top left no-repeat;}
/********************* CART *************************/
#cart-ref {
	font-family: calibri, arial; 
	display:block;
	float:left;
	background: #000 url('./images/cart-bgr.png') center left no-repeat;
	width: 190px;
	height: 213px;
	z-index:20;
	margin-top:17px;
}
#cart-ref h2 a {background:url('./images/cart-h2.png') top center no-repeat; width:100%; height:102px;
	margin-top:5px;}
#cart-ref h2 a span {visibility:hidden;}
#cart-ref h3 a {color:#c5ff8a; text-align:left; text-decoration:underline; font-weight:normal; font-size:0.9em;
	margin:0 0 0 10px; padding:0;}
#cart-ref h3 a:hover {color:#6f9944;}
#cart-ref h3 {margin:0; padding:0; height:1.5em;}
#cart-ref table {color:#fff; font-size:0.8em; display:table; width:170px; margin:0 auto; border-collapse:collapse;}
#cart-ref table td {overflow:hidden; min-height:1.4em;}
#cart-ref table tfoot td {font-size:1.4em; border-top:solid 1px #666666; height:20px; vertical-align:bottom;}
#cart-ref a {color: #000; text-decoration:none; width:160px;
	height: 30px; display:block; text-align:right;}
#cart-ref span {font-size: 0.9em; color: #fff; font-weight:bold; text-transform:uppercase;}


input.text {border: solid 1px #c6c9cb;
	border-top-color: #717376;
	font-size: 1.1em;
	margin: 0.1em 0 0.5em 0;}
input.text:hover {border: solid 1px #5ccbf9;
	border-top-color: #006b96;
	font-size: 1.1em;
	margin: 0.1em 0 0.5em 0;}

.fancy-tab {color: #fff; margin:1em 0; padding:0; border-collapse:collapse;}
.fancy-tab .left, .fancy-tab .right {display:table-cell; float:inherit;}
.fancy-tab thead {font-size: 1em; margin: 0; padding: 0;}
.fancy-tab thead tr {height: 28px;}
.fancy-tab th {text-align:center; margin:0; padding:0;
	background: url('./images/table-head.png') top left repeat-x;}
.fancy-tab th.left {background: url('./images/table-head-left.png') top left no-repeat;}
.fancy-tab th.right {background: url('./images/table-head-left.png') top right no-repeat;}
.fancy-tab td {margin: 0; line-height:25px; padding: 0 20px 0 20px;}
.fancy-tab tr {height: 25px; margin: 0; padding: 0; border: 0px none;}
.fancy-tab tr.even td {background: url('./images/table-even.png');}
.fancy-tab tr.even .left {background: url('./images/table-even-left.png') top left repeat-y;}
.fancy-tab tr.even .right {background: url('./images/table-even-left.png') top right repeat-y;}
.fancy-tab tr.odd td {background: url('./images/table-odd.png');}
.fancy-tab tr.odd .left {background: url('./images/table-odd-left.png') top left repeat-y;}
.fancy-tab tr.odd .right {background: url('./images/table-odd-left.png') top right repeat-y;}
.fancy-tab form input.del-comm-button {
	background: url(./images/icon-cart-remove.png) top left no-repeat;
	border: none;
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 0 auto;
}	
.fancy-tab tfoot {font-size: 1em; margin: 0; padding: 0;}
.fancy-tab tfoot tr {height: 35px;}
.fancy-tab tfoot td {background: url('./images/table-foot.png') top left repeat-x;}
.fancy-tab tfoot td.left {background: url('./images/table-foot-left.png') top left no-repeat;}
.fancy-tab tfoot td.right {background: url('./images/table-foot-left.png') top right no-repeat;}
.fancy-tab a:link, .fancy-tab a:visited , .fancy-tab a {color: #fff;}
.fancy-tab a:hover {text-decoration: none;}
.fancy-tab a:visited {color: #efe;}

.foottab {border-collapse:collapse; margin:15px 0; position:relative; top:15px;}
.foottab td, .foottab th {padding:5px;}
.foottab thead tr {font-size:1.3em; background:#f1f1f1;}
.foottab tfoot tr {background:#e3e3e3;}
/***************************************** C O N T E N T ***************************************/
#content { position:relative; display:block; float:left; top:0px; min-height:400px; width:570px;
	margin:0; padding:10px 15px; }

#navigation {display:block; margin:0;font-size:0.7em; color:#585858;}
#navigation p {margin:0 0 4px 0;}
#navigation a {text-decoration:underline; color:#585858;}
#navigation a:hover {color:#6e6e6e;}

#content h2 {font-size:1.7em; text-transform:uppercase; border-bottom:solid 1px #7f7f7f; padding-bottom:7px; margin-bottom:5px;}
#content h2 em {font-style:normal;}
#content h3 {color:#7c7b7c; margin-bottom:5px;}

#content dt {margin-top:10px;}

#content ul {}
#content ul li {line-height:20px; padding-left:10px;}

#content ul.cat-inferiors {list-style-position:inside; border-bottom:solid 1px #e4e4e4; list-style-image:url('./images/cat-icon.png'); display:block; float: left; padding:0 0 15px 0; margin:0; width:100%;}
#content ul.cat-inferiors li {padding-left:8px; float: left; width:185px; margin-top:5px;}
#content ul.cat-inferiors li a {overflow:hidden;}

.comm-detail {width:100%; margin:0 auto;}
.comm-detail .left {width:140px;}
.comm-detail .right {width:430px;}
.comm-detail img {float:left; border:none; margin:10px 0;}
.comm-detail ul {list-style-image:url('./images/cat-icon.png'); list-style-position:inside; display:block;margin:0 0 8px 0;
	border-bottom:1px dotted #7c7b7c;}
.comm-detail ul li {margin:10px 0;}
.comm-detail ul li a {font-size:1.4em; color:#000; text-decoration:underline;}
.comm-detail ul.tags {list-style-image:none; list-style:none; display:block; float:left; border:none;margin:0; padding:0;}
.comm-detail ul.tags li {display:block; float:left; margin:0;}
.comm-detail ul.tags li a {font-size:0.8em; text-decoration:none; width:35px; height:36px; line-height:normal; display:block;}
.comm-detail ul.tags li a span {visibility:hidden;}
.tipy {background:url('./images/tag-tip.png') top left no-repeat;}
.novinky {background:url('./images/tag-new.png') top left no-repeat;}
#content h2.novinky, #content h2.tipy  {padding-left:45px;}

.imgthumbs {width:100%; display:block; clear:both; padding-top:20px;}
.imgthumbs img {float:left; border:none; margin:10px 5px;}

#content ul.cat-listing {list-style-image:url('./images/catpage-icon.gif'); list-style-position:outside; display:block;}
#content ul.page-listing {list-style-image:url('./images/page-icon.png'); list-style-position:outside; display:block;}

#content input[type=submit] {padding:5px;}

#content .add-cart {background:#e7f3f7; padding:5px 5px 5px 0px; margin:15px 0 0 0; float:left; width:100%;}
#content .add-cart .positioner {margin-left:140px;}
#content .add-cart h3 {text-transform:uppercase; font-weight:normal; padding:0; line-height:normal;
	background:none; height:auto;clear:none;}
#content .add-cart h4 {margin:0;}
#content .add-cart h4 strong {color:#ff0072; font-size:1.2em;}
#content .add-cart .add-cart-but {background:url('./images/but-add-cart.png') top left no-repeat; width:128px; height:35px; display:block; margin:10px 0;}

#content .item {border-bottom:solid 1px #eee; display:block;
	height:80px; font-size:0.8em; width:100%; margin:5px auto;}
#content .item .left {width:43px; margin-top:8px; }
#content .item .right {width:500px;margin-top:8px; }
#content .item h3 {margin:0;}
#content .item p {margin:3px 0 0 0;}
#content .item a:hover {text-decoration:none;}
#content .item h3 a {color:#1598bf; font-weight:normal; text-decoration:underline;}
#content .item p a {background:url('./images/r-arrow-pink.gif') center left no-repeat; color:#000;
	padding-left:7px; font-weight:normal; text-decoration:underline;}
#content .item img {padding:0; background:none; margin:8px 0 0 10px;}
#content .item .price {color:#585858; margin:0;}
#content .item .price strong {color:#ff0072; font-size:1.1em;}


.subpanel {display:block; clear:both; height:25px; width:100%;margin-bottom:10px;
	border-bottom:solid 1px #7f7f7f;}
.sorting {display:block; float:right; margin:0;}
.sorting p {display:block; float:left; margin:0; line-height:22px;}
.sorting ul {list-style-type: none;margin:0; padding:0; float:left;display:block;}
.sorting li {display: block;
	height:20px;
	float:left;
	margin: 0; padding: 0;}
.sorting li a {height:20px; display:block; text-decoration:none;}
.sorting li a span {visibility:hidden;}
.sort-price a {background:url('./images/sort-price.png') top left no-repeat; width:20px;}
.sort-name a {background:url('./images/sort-name.png') top left no-repeat;width:30px;}

/***************************************** R I G H T P A N E L *************************************/
#rightpanel {
	display:block;
	float:right;
	position:relative;
	top:0px;
	width:190px;
	min-height:95px;
	padding:0 2px 0 0;
	margin:0;
}
#rightpanel hr {background:url('./images/tiny-item-bgr.png') bottom center no-repeat; display:block; clear:both;
	width:160px; height:2px; border:none; margin:0;}

/***************************************** L E F T P A N E L *************************************/
#leftpanel {
	display:block;
	float:left;
	position:relative;
	top:0px;
	width:205px;
	min-height:95px;
	padding:0 0 0 3px;
	margin:0;
}

.panelwin {background:url('./images/panelwin-body.png') top left repeat-y; display:block;
	min-height:50px; margin-bottom:25px;}
.panelwin .head {height:39px; background:url('./images/panelwin-head.png') top left no-repeat;
	font-size:0.8em;padding:0;margin:0;}
.panelwin .head a {text-decoration:none; line-height:39px; margin-left:12px; width:100%;}
.panelwin .head .catalogue {background: url('./images/panelwin-catalogue.png') 12px center no-repeat;
	height:39px;}
.panelwin .head .tips, .panelwin .head .news {background: url('./images/panelwin-tips.png') 12px center no-repeat;
	height:39px; position:relative; top:-4px;}
.panelwin .head .news {background-image: url('./images/panelwin-news.png');}
.panelwin .head h2 span {visibility:hidden;}
.panelwin .foot {background:url('./images/panelwin-foot.png') top left no-repeat; display:block;
	height:5px;}

.panelwin .item {background:url('./images/panelwin-item-bgr.png') center center no-repeat; display:block;
	height:80px; font-size:0.8em; width:195px; margin:5px auto;}
.panelwin .item .left {width:43px; margin-top:8px; }
.panelwin .item .right {width:130px;margin-top:8px; }
.panelwin .item h3 {margin:0;}
.panelwin .item p {margin:3px 0 0 0;}
.panelwin .item a:hover {text-decoration:none;}
.panelwin .item h3 a {color:#1598bf; font-weight:normal; text-decoration:underline;}
.panelwin .item p a {background:url('./images/r-arrow-pink.gif') center left no-repeat; color:#000;
	padding-left:7px; font-weight:normal; text-decoration:underline;}
.panelwin .item img {padding:0; background:none; margin:8px 0 0 10px;}
.panelwin .item .price {color:#585858; margin:0;}
.panelwin .item .price strong {color:#ff0072; font-size:1.1em;}

	
.panelwin ul {list-style-type:none; margin:5px 0 0 5px;padding:0;}
.panelwin li {margin:0 0 2px 0;padding:0; overflow:hidden;}
.panelwin ul li a {background:url('./images/panelwin-li.png') top left no-repeat; display:block;
	width:189px; height:23px; margin:0 auto; padding-left:0px; line-height:23px;text-transform:uppercase; 
	color:#26afd9; text-decoration:none;}
.panelwin ul li a:hover {background-position:-189px 0;}
.panelwin ul li a span {padding-left:19px;}
.panelwin ul ul {margin:2px 0 0 0;padding-left:19px;}
.panelwin li li a {background:url('./images/panelwin-li-li.png') top left no-repeat; display:block;
	width:169px; height:23px; margin:0 auto; line-height:23px;text-transform:capitalize; 
	color:#1f1a17; text-decoration:none;}
.panelwin ul li li a:hover {background-position:-169px 0;}
.panelwin ul a:hover {text-decoration:underline;}
.panelwin .last {background:none; padding:0;}
/********************* SEARCH ***********************/
#search-ref { background: url('./images/search-ref-bgr.jpg') top left no-repeat; 
	width: 184px; height: 65px; }

#search-ref input.text {border:none;
	font-size: 0.8em;
	margin:15px 0 0 15px;
	height:17px;
	padding:2px;
	width:130px;
	color:#46aecd;}
#search-ref input.button {cursor: pointer; background: url('./images/search-but.gif') top left no-repeat; width:11px; height:11px; border: none; margin:0 0 0 10px;}
/******************* commodity **********************/
.commodities-set {width:100%; margin:10px auto 0 auto; padding-bottom:35px; display:block; float:left;
	background: url('./images/comm-set-bgr.jpg') bottom center no-repeat; }

.commodity {
	float: left;
	display:block;
	width: 180px;
	min-height:240px;
	margin:0 13px 0 0;
	border-right:solid 1px #e5e5e5;
}

.commodities-set .last {border:none; margin:0;}

.commodity h3 {text-align:left;margin:0;padding:0;}
.commodity h3 a {font-size:1.1em; font-weight:normal; color:#000; text-decoration:underline; margin:0; width:100%;}
.commodity h3 a:hover {text-decoration: none;}
.commodity p {margin:2px 0 0 0;}
.commodity p a {color:#585858; text-decoration:none;}
.commodity .cat {color:#585858; font-size:0.8em;}
.commodity img {width:130px; height:150px; border:none; margin:10px auto; display:block;}
.commodity .price strong {color:#ff0072;}
.commodity .current-price {font-size:0.8em;}
.commodity .current-price strong {color:#66c604;}
.commodity form {margin-top:8px;}
.commodity form .add-cart-but {cursor: pointer; background: url('./images/to-cart-butt-sm.png') top left no-repeat; width:87px; height:21px; border: none; margin: 0;}
.commodity-sum {background-color:#eee; padding:5px;}
form .add-cart-but {cursor: pointer; background: url('./images/add-cart-butt.png') top left no-repeat; width:65px; height: 37px; border: none; margin: 0;}

.paging {text-align:center; margin:0; display:block; float:left; line-height:17px;}
.paging a, .paging span {text-align:center; margin-left:5px; min-width:17px;height:17px; display:block; float:left; border:solid 2px #838383;
	color:#585858; text-decoration:none;}
.paging a:hover {border-color:#30c9fa;}
.paging span {font-weight:bold; border-color:#bfbfbf;}
.paging a.first, .paging a.prev, .paging a.last, .paging a.next
	{width:21px;height:21px; border:none; background: url('./images/paging-first.png') center left no-repeat;display:block;}
.paging a.prev {background: url('./images/paging-prev.png') center left no-repeat;}
.paging a.last {background: url('./images/paging-last.png') center left no-repeat;}
.paging a.next {background: url('./images/paging-next.png') center left no-repeat;}
.paging a span {visibility:hidden;font-size:0;}

/************************** LOADING BOXES *************************/
#loading-cart
{
	color: #585858;
	text-align: left;
	font-size: 0.9em;
	position: fixed;
	top: 200px;
	left: 38%;
	z-index:100;
	background: #fff url('./images/cart-win-title.png') top left no-repeat;
	border: solid 5px #78db13;
	padding: 0.2em 1.5em 1.5em 0.5em;
}
#loading-cart p {background: url('./images/ajax-loader.gif') top left no-repeat; padding-left:20px;}
#loading-cart h3 {padding-left:1.7em; font-size:1.5em; text-decoration:none; font-weight:bold;}
/***************************************** F O O T E R *****************************************/

#footer 
{
	background: url('./images/footer-bgr.jpg') bottom left repeat-x;
	font-size: 0.8em;
	color: #aaa;
	clear: both;
	margin:0;
	width: 100%;
	padding:20px 0 0 0;
	text-align:center;
	display:block;
}
#footer p {width:800px; margin:10px auto;}

#footer-content
{
	width: 1000px;
	height:94px;
	color: #cfcfcf;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
}

#footer .left {text-align: left; margin:15px 0 0 15px; width:100%;}
#footer .right {position:relative; top:-43px;}
#footer .logo {background: url('./images/footer-logo.png') center left no-repeat;
	text-align:left; float:right; padding: 0 10px 0 30px; margin:5px 0 0 0;}
#footer .sections {margin-bottom:10px;}
#footer a, #footer a:visited {color: #cfcfcf; text-decoration:none;}
#footer a:hover {color: #a8e8fb;}

#footer .left a {color:#79e905; text-decoration:underline;}
#footer .left a:hover {color:#a6c981;}
#footer .logo span {color: #c7f2ff; text-decoration:underline;}
#footer .logo em {color:#5e6163;}

#footer .sections a,#footer .sections a:visited {color:#c7f2ff;}
#footer .sections a:hover {color:#fff;}