body { 
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 75%;
	/* edit colours */
	color: #000;
	background-color:#FFFFFF;
}
* { margin: 0; padding: 0; }

h1 { margin-top: .2em; font-size: 150%;
	/* edit colours */
	color: #626262;
}
h2 {color:#393939;font-size: 120%;}
h3 {color:#FFFFFF;font-size: 130%;}
h4 {color:#393939;font-size: 120%; margin: 0 0 0px 0;}
#topstuff {text-align: central;width:780px; color:#323232;padding: 0px 0 0px 0px;background: #F5E8B7;font-size: 120%; }

a { text-decoration: underline; font-weight: normal; color: #000000; }
a:visited { color: #000000; }
a:hover, a:active { text-decoration: underline; color: #039; }

img { border: none; }

p { margin: .2em 0 .3em 0; }
legend {color: #626262; }
.display-none, hr { display: none; }

#page { margin: 0 auto; width: 975px; }
#site {
	margin: 0 auto; 
	position: relative;
	width: 975px;
	padding: 1px;
	/* edit colours */
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	
}

#box-ab { float: right; width: 784px; margin-top: 30px; }
#box-a { width: 780px; float: left; margin: 2x 5px 0 0; _margin-right: 0;}

#box-a-welcome { width: 782px; float: left; margin: 2x 5px 0 0; }
#box-a-catalog { width: 776px; float: left; margin: 2x 5px 0 0;}
#box-b { width: 210px; _width: 211px; float: right; margin-top: 1px; }

#box-c { width: 190px; float: left; margin-top: 30px; }

/* -=-=-=- Hlavika -=-=-=- */
#logo { height: 110px; position: relative; z-index: 3; background: url("../../images/design/hlavicka-pruh.png") no-repeat; }
.logo { display: block; position: absolute; top: 9px; left: 20px; max-height: 100px; overflow: hidden; }


#logo-add-on { position: absolute; z-index: 1; width: 100%; top: 25px; }
#logo-add-on div { position: relative; height: 72px; width: 975px;
	/* edit colours */
	background: #BF1112;
}

#accesslink { position: absolute; z-index: -1; top: 100%; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* -=-=-=- Hlavn obsah -=-=-=- */
#box-a h3 { padding: 4px; font-size: 1em; text-transform: uppercase; text-align: center;
	/* edit colours */
	color: #fff;
	background: #F5E8B7 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
	border: 1px solid #393939;
	margin-top: 4px;

}
#box-a-catalog h1 {
	color: #626262;
	
}
#box-a-catalog h2 { padding: 4px; font-size: 120%; text-align: left;
	/* edit colours */
	color: #8B8B8B;
	background: #efefef url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
	border: 1px solid #8B8B8B;
	margin-top: 4px;

}

#catalog-name  {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding:2px 0 6px 5px;
		background:#F5E8B7;
		color: #323232;
		width: 775px;
		margin:5px 0 0 0;
		
}
#catalog-name h1 {
		color: #990000;
}
#catalog-name h2 {
		color: #E8E8E7;
		font-size:12px;
		font-weight:normal;
}
#catalog-name a   {
		color: #323232;
}
#welcometext {
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 5px;
	border: 1px solid #ccc;
}
#welcometext img { border: 1px solid #FFFFFF; margin:8px 4px 8px 0;float: right; vertical-align:text-top;}
#related-items {
	margin-top: 5px;	
}
#related-items .item { background: #F8F5EA; width: 158px;  padding: 2px 0 2px ; float: left; text-align: center;
	/* edit colours */
	font-size: 95%;
}
#related-items .photo { background: #ffffff;border: 4px solid #F8F5EA; min-height: 122px;_height: 122px; }

p { margin: 5px; color:#626262; }

/* ITEMS */
.items {margin: 0 auto; text-align: center; width: 564px; border: 1px solid #ccc;}
.items-catalog {margin: 0 auto; text-align: center; width: 780px; border: 1px solid #ccc;}
.item { background: #F8F5EA; width: 193px;_width: 191px;  padding: 5px 0 5px ; float: left; text-align: center;
		border-bottom: 1px solid #ccc;
		margin-right: 1px;
		margin-left: 1px;
		margin-bottom: 2px;
		margin-top: 2px;
}

.photo { background: #ffffff;border: 4px solid #F8F5EA;min-height: 124px; _height: 124px; }

.item p { margin-bottom: .6em; padding: 0 10px; text-align: center; }
.item p.name {min-height: 4.9em; _height: 4.9em;overflow: hidden; font-size: .9em; text-align: center;}
.item p.name  a:hover{text-decoration: none;}
.item p.description {background: #F8F5EA; min-height: 6.5em; _height: 6.5em; overflow: hidden; text-align: center;}
.item p.parameters {border: 1px solid #ffffff; background: #e4e4e4; font-size: 90%; min-height: 5em; overflow: hidden; text-align: left;}
.item p a { font-size: 1.3em; font-weight: bolder; letter-spacing: -1px;
	/* edit colours */
	color: #323232 !important;
}


.first { border-top: none; }
.clear { clear: both; }
.original-price { text-decoration: line-through; color: #323232;}
.new-price { font-weight: bolder; font-size: 1.0em; 
	/* edit colours */
	color: #000000;
}
.price { font-size: 1.1em; 
	/* edit colours */
	color: #000000;
}
.detail img {
	margin-left: 5px;
	width:54px;
	height: 21px;
	background: #CA3C3D;
}

/* -=-=-=-Detail -=-=-=- */
#parameters-detail {
	width: 380px;
	font-size: 105%;
}


#images-detail {
	background:#FFFFFF;
	border: 1px solid #8B8B8B;
	width: 350px;
	float: right;
	margin-top: 15px
}
.photodetail {
	text-align: center;
	
}
#formdetail {
	background:#efefef;
	border: 1px solid #FFFFFF;
	padding: 5px;
	text-align: center;
}
.submit {
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	background-color: #8B8B8B;
	font-weight: bold;
	color: #FFF;
}
.buyOnLine {
	background:#e4e4e4;
	border: 1px solid #8B8B8B;
	width: 266px;
	padding: 5px;
	font-size: 105%;
	text-align:center;
}
.buyOnLine H4{
	color: #000000;
}
.quantity	{
	width: 40px;
	height: 18px;
	border: 1px solid #000;
	text-align: center;
	margin: 5px 2px -2px 2px;
}
.buyOnLine .button	{
	margin: 5px 2px -6px 2px;
}
#bookmark-box	{
	background:#F8F5EA;
	margin-top: 5px;
	padding: 2px;
	border: 1px solid #8B8B8B;
	font-size: 1.1em;
	color: #000000;
	width: 272px;
	text-align:center;
}
#bookmark-box p	{
	color: #626262;
}
#back-category	{
	 margin-top: 5px; padding: 3px 0 0 20px; width: 760px;
	/* edit colours */
	background: #F8F5EA url("../../images/design/svetlo-stred.png") top repeat-x;
	border: 1px solid #ccc;
}
#back-category .right	{ float:right; margin-right: 20px; width:200px; text-align: right;}
#back-category .left	{ float:left; width:200px;}
#back-category .center	{ float:left; width:300px;text-align: center; margin-bottom: 4px; _margin-bottom: -1px;}

/*--------------------------------------- Manufakturers ---------------------------------------*/
#manufakturer {		
	width: 782px; 	
}

#manufakturer h3 {		
	color: #888;
	font-size: 1.1em;	
}
#producer {
	background: #F8F5EA;
	border: 1px solid #F8E5C8;
	margin: 5px 0 5px 0;
}

#producer span {
	display:block;float:left;
	white-space: nowrap;	
}
#pr-select {
	padding:2px;
	line-height: 150%;
	color: #626262;
}

#pr-select input {
	margin: 0 5px;
	width: 1.1em; 
}
#pr-select  strong {
	font-weight: bold;
	color: #000000;
}

		 
#pr-select label {color:#888888}


/*--------------------------------------- Catalog select ---------------------------------------*/

#sort {		
	width: 782px;
	
}

#sort  strong {
	font-weight: bold;
	color: #000000;
}
#test{		
	background: #F8F5EA;
	border: 1px solid #F8E5C8;
	padding: 5px;
	color: #626262;
}
#sort input, #sort select {
	margin: 0 5px; vertical-align: middle;
	
}
#sort{margin-bottom:10px}


#box-b h3 { padding: 4px; font-size: 1em; text-transform: uppercase; text-align: center;
	/* edit colours */
	color: #fff;
	background: #F5E8B7 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
	border: 1px solid #393939;
}

#box-b-welcome h3 { font-size: 1em; text-transform: uppercase;
	/* edit colours */
	color: #fff;
	background: #C3C3C3 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
	border: 1px solid #393939;
	margin-top: 0;
}

#action .item-row {
	/* edit colours */
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background: #F8F5EA;
}
#action p a { font-size: 1.1em; text-transform: uppercase; letter-spacing: -1px;
	/* edit colours */
	color: #000000; !important;
}

#recommended {
padding-bottom: 5px;
background: #F8F5EA;
margin: 0 2px 0 0;
width: 180px;
font-size: 0.95em;

}
#recommended p {

margin: 3px 0 0 2px 

}
#recommended .item-row {
	text-align:left;
	padding: 1px;
	/* edit colours */
}

#visitedpages {
padding-bottom: 5px;
background: #F8F5EA;
margin: 0 2px 0 0;
width: 180px;
font-size: 0.95em;

}
#visitedpages p {

margin: 3px 0 0 2px 

}

.listing { text-align: right; padding: .2em; margin: 5px 0;
	/* edit colours */
	color: #000;
	font-size: 105%;
	border-bottom: 1px dotted #F8E5C8;
	border-top: 1px dotted #F8E5C8;
}
.listing a {text-decoration: none; }

/* -=-=-=- Lev sloupec -=-=-=- */
#email, #currency, #styles, #visitedpages, #rotator, #recommended { 
	width: 180px;padding-bottom: 5px;background: #F8F5EA;margin-bottom: 5px
}
#categories { 
	width: 166px; padding: 4px 7px 5px 7px; border: 1px solid #F8E5C8; margin: 4px 0 10px 0;background: #FFFFFF;
}

#box-c h3 { padding: 4px; font-size: 1em; text-transform: uppercase; text-align: center; width: 170px;
	/* edit colours */
	color: #990000;
	background: #F5E8B7 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
	border: 1px solid #ccc;
}

#categories ul li { position: relative; display: block; list-style: none; font-size: 12px;_margin-bottom: -15px;
}

#categories ul li .selected a {  display: block; 
	/* edit colours */
	background: #F5E8B7 url("../../images/design/dot5.png") 2px no-repeat;
	_background: #F5E8B7 url("../../images/design/dot5ie.gif") center left no-repeat;
	font-weight: bold;
	margin-bottom: 0px;
	
}
#categories ul li a { display: block; padding: 5px 14px;  text-decoration: none;
	/* edit colours */
	background: #F5E8B7 url("../../images/design/dot5.png") 2px no-repeat;
	_background: #F5E8B7 url("../../images/design/dot5ie.gif") center left no-repeat;
	color: #000000;
	font-weight:bold;
	margin-bottom: 1px;
	margin-top: 3px;
	
}
#categories ul li a:hover {
	/* edit colours */
	background: #F5E8B7 url("../../images/design/dot5.png") 2px no-repeat;
	_background: #F5E8B7 url("../../images/design/dot5ie.gif") center left no-repeat;
	font-weight: bold;
	border: none;
}

#categories ul li ul li a {
margin-top: 1px;
margin-bottom: 0px;
font-weight: normal;
padding-left: 1.9em;
font-size: 90%;
background: #e4e4e4 url("../../images/design/dot4.png") 10px 50% no-repeat;
_background: #e4e4e4 url("../../images/design/dot4ie.gif") 8px 50% no-repeat;
}
#categories ul li ul li ul li a {
padding-left: 2.6em;
background: #e4e4e4 url("../../images/design/dot4.png") 18px 50% no-repeat;
_background: #e4e4e4 url("../../images/design/dot4ie.gif") 16px 50% no-repeat;
}
#categories ul li ul li ul li ul li a {
padding-left: 3.5em;
background: #e4e4e4  url("../../images/design/dot4.png") 26px 50% no-repeat;
_background: #e4e4e4 url("../../images/design/dot4ie.gif") 24px 50% no-repeat;
}
#categories ul li ul li strong , #categories ul li ul li a:hover, #categories ul li ul li .selected a {
padding-left: 1.9em;
background: #c3c3c3 url("../../images/design/dot5.png") 9px 50% no-repeat;
_background: #c3c3c3 url("../../images/design/dot5ie.gif") 8px 50% no-repeat;
}
#categories ul li ul li ul li strong , #categories ul li ul li ul li a:hover, #categories ul li ul li ul li .selected a {
padding-left: 2.6em;
background: #c3c3c3 url("../../images/design/dot5.png") 17px 50% no-repeat;
_background: #c3c3c3 url("../../images/design/dot5ie.gif") 16px 50% no-repeat;
}
#categories ul li ul li ul li ul li strong , #categories ul li ul li ul li ul li a:hover, #categories ul li ul li ul li ul li .selected a {
padding-left: 3.5em;
background: #c3c3c3 url("../../images/design/dot5.png") 25px 50% no-repeat;
_background: #c3c3c3 url("../../images/design/dot5ie.gif") 24px 50% no-repeat;
}


#rotator p a { font-size: 1.1em; text-transform: uppercase; letter-spacing: -1px;
	/* edit colours */
	color: #000000; !important;
}

.item-row { text-align: center; padding: 10px 0 10px 0; padding-bottom: 10px; }

#rotator .item-row { border: none; width: 180px; }

#email form, #currency form, #styles form { margin: 0 auto; padding: 5px 11px; margin: 0 0 2px 0; }
#currency-in { text-align: center; }
#currency-in .form-input { padding: 0; background-image: none; }
#email { text-align: center; margin-top: 0px; }
#email form input { margin: 3px auto; }

#news {}



/* -=-=-=- Hlavn menu -=-=-=- */
#menu { position: absolute; width: 974px; _width: 975px; top: 110px; left: 2px; padding: 4px 0; _padding: 0; font-size: 1.0em; 
	border-bottom: 2px solid #393939; background: #666666;
	
}

#menu li { float: left; list-style-type: none; }
#menu span { display: none; }
#menu a, #menu strong { padding: 4px 8px; margin-right: 3px;
	color: #FFFFFF;
	background: #BF1112 url("../../images/design/svetlo-stred.png") top repeat-x;
	border: 1px solid #393939;
	_display: block;
	_padding-right: 0;
	border-bottom: none;
	text-decoration: none;
}
.menu { padding: 4px 8px; margin: -5px 3px -5px 0; _margin: 0 0 0 0;
	color: #FFFFFF;
	background: #BF1112 url("../../images/design/svetlo-stred.png") top repeat-x;
	border: 1px solid #393939;
	_display: block;
	_padding-right: 0;
	border-bottom: none;
	text-decoration: none;
}



#menu a:hover { padding: 4px 8px; _padding: 3px 3px 5px 5px;
	/* edit colours */
	color: #FFFFFF;
	background: #4F4F4F url("../../images/design/svetlo-stred.png") top repeat-x;
}

/* -=-=-=- Drobekov navigace -=-=-=- */
#navigation {padding: 3px 0 0 0; width: 778px;
	/* edit colours */
	font-size: 90%;
}

#attention{ margin-top: 1px; padding: 4px 10px;  width: 762px;
	/* edit colours */
	color: #FFFFFF;
	background: #BF1112 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
}

/* -=-=-=- Vyhledvn -=-=-=- */
#search {
	position: absolute;
	z-index: 3;
	top: 25px; left:240px; height: 62px; width: 420px; overflow: hidden;
	padding: 10px 5px 0 50px;
	
	font-size:12px;
	color:#F5E8B7;
}
.search-img {
	float: left;
	margin: 8px 8px 0 0;
	
}
#search, #search a {
	
	color:#FFFFFF;
}
.search-button { margin-bottom: -5px; _margin-bottom: -4px; }

#search-in { }

#results { position: absolute; z-index: 3; left:92px;margin-top: 6px; }

.form-input { padding: 2px 0 1px 0; background: #fff url("../../images/design/stin-hore.png") top repeat-x; border: 1px solid #000; }

/* -=-=-=- Pihlen/registrace -=-=-=- */
#login { position: absolute; z-index: 3; top: 97px; right: 1px; /*width: 250px; text-align: right;*/ padding: 4px 5px 0 0; font-size: .95em; }

/* -=-=-=- Patika -=-=-=- */
#footer, #footer a { _width: 955px; margin-top: 10px; padding: 5px 10px; text-align: center; font-size: .9em;
	/* edit colours */
	color: #323232;
	background: #F5E8B7 url("../../images/design/svetlo-stred.png") 0 -3px repeat-x;
}
#sub-footer, #sub-footer a{ text-align: right; padding: 5px 10px; font-size: .9em;
	/* edit colours */
	color: #323232;
}

#backlink, #backlink a { text-align: center; font-size: .9em; padding-bottom: 5px;
	/* edit colours */
	color: #323232;
}

/* -=-=-=- Basket -=-=-=- */

.basket-h2 {width:773px;color:#323232;padding: 5px 0 5px 5px;margin-bottom: 5px;background:#F5E8B7;font-size: 130%;}
.basketstep {
	margin-bottom: 20px;
	border: 1px solid #8B8B8B;
	padding: 0px 0 10px 0;
	background:#efefef;
}
.basketstepleft {	
	width: 575px;
	
}
.basketstep4 {
	margin-bottom: 20px;
	background:#efefef;
	padding: 0 0 10px 0;
	border: 1px solid #8B8B8B;
	
}

.baskethelp {
	width: 180px;
	float: right;
	
}


table tr th {text-align:left;}

.basket tr td, .basket tr th {background: #efefef; border-bottom: 1px solid #8B8B8B;}

.basket {width:97%}
.basket td {margin: 1px;}
.pricealign {
	text-align: right;
	width: 60px;
}
.customeralign {
	text-align: right;
	width: 267px;
}
input.customer  {
	background:#efefef;
	width: 200px;
}
input.customerwhite {
	background:#FFFFFF;
	width: 200px;
}

/* -=-=-=- Kok -=-=-=- */
#shopping-cart { position: absolute; z-index: 3; top: 24px; right: 1px; width: 240px; height: 72px; padding-left: 7px; border-left: 1px solid #8B8B8B; }

.cart-img{
	float: left;
	margin-top: 17px;
	width: 50px;
}
#shopping-cart-in {
	/* edit colours */
	float: left;
	margin-right: 20px;
	text-align: left;
	
}
#shopping-cart-in a {
	/* edit colours */
	color: #FFFFFF;
}
#shopping-cart h3 { padding-top: 17px; margin-bottom: 3px; font-size: 1em; 
}
#shopping-cart form { margin-top: 5px; text-transform: lowercase; }

#payment {}


table {border-collapse: collapse;font-size:95%; color: #626262;margin:10px 10px 10px 10px }

table tr td{padding:2px 5px;}
.nopad {padding:5px 0}
#clientpage span{display:block;float:left; color:#626262;}


.tableLogin{border:0px; width:200px}
.tdLogin{width:56px;text-align: right;border:0px}
.tdLogin2{text-align: left;border: 0px}
/* Site Map */
.center {text-align:left;margin:0 auto}
.center table {margin:0}
/* Pneu Search */
.pneuSearch {
	background: #000000;
	border: 1px solid #8B8B8B;
	padding:10px ;
	margin: 5px 0 5px 0;
	line-height: 120%;
	color: #FFFFFF;
	width: 758px;
}
.pneuSearch h2 {
	color: #FFFFFF;
	margin-top: -10px;
}

span.formEntryHeader {width:120px;
	float: left;
	
}
.space{padding:3px 0;}
.welcome-dot{background: url("../../images/design/dot4.png")left no-repeat; padding-left:15px;
}
/* basket new item */
#basketItem{
      font-size: 110%;
      width:400px;
      _width:435px;
      text-align: center;
      position:absolute; 
      left:365px; 
      top:510px; 
      background: #F5E8B7; 
      padding: 15px;
	  border: solid 1px #606060;
	  color:  #990000;
}
#basketItem a{
      color: #000000;
}
/*search suggestions */
#search-result-suggestions{
	float: left;
	margin-left:-10px;
	margin-top:24px;
	_margin-left:-26px;
	_margin-top:16px;
	overflow:auto;
	max-height: 250px;
	_height: 250px;
	width: 300px;
	_width: 300px;
	 background: #BF1112;
	_background: none;
	
}

.suggest {   
	width: 275px;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	background:#BF1112;
}
#search-result-suggestions a {   
	color: #FFFFFF;
}
.suggest-header {   
	 font-size: 110%;
	font-weight: bold;
}
.suggest-header-right {   
	 font-size: 110%;
	font-weight: bold;
	text-align:right;
}