/**
 * 
 *  Specialized Peksport 
 *  http://www.peksport.cz
 *  
 *  Hlavni CSS styl.
 *  
 *  Autor: Martin Hakl, Breezy New Media (www.breezy.cz)
 *
 * 
 *    I.   Zakladni CSS tridy
 *    II.  Nadpisy & zakladni tagy 
 *  
 *    1) Pisma & barvy pisma
 *    2) Layout
 *    3) Navigace
 *    4) Spolecne prvky
 *    5) Jednotlive stranky
 *      a) Uvodni stranka
 *      b) Vypis produktu
 *      c) Vypis kategorii
 *      d) Detail produktu
 *      e) Vypis aktualit
 *      f) Obsah kosiku
 *      g) Vypis oceneni
 *      h) Hodnoceni produktu      
 *    6) Formuláře
 *     
 *  media: screen
 *
 *
 **/ 

/*
 *  Font size
 *  =============
 *  9px  - .750em          
 *  10px - .833em
 *  11px - .917em
 *  12px - 1em
 *  13px - 1.083em
 *  14px - 1.167em
 *  15px - 1.250em
 *  16px - 1.333em
 *  17px - 1.417em
 *  18px - 1.500em
 *  19px - 1.583em
 *  20px - 1.667em
 *  21px - 1.750em
 *  22px - 1.833em
 *  23px - 1.917em
 *  24px - 2.000em
 *  30px - 2.500em
 *  36px - 2.750em
 */


    
 /*
 * I. Zakladni CSS tridy
 *     ==================
 **/
 
html, body, div, p, li, ul, form, 
set, h1, h2, h3, h4, h5, h6, fieldset   { margin: 0; padding: 0; list-style: none; border: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center !important;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }
.red      { color: #ff2805 !important;}
.clear        { display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear1px     { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear5px     { clear: both; height: 5px; font-size: 5px; line-height: 5px; /* for IE */ }
.clear20px    { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */ }
.clear30px    { clear: both; height: 30px; font-size: 30px; line-height: 30px; /* for IE */ }
.borderRight  {  border-right: 1px solid #d9eaf4; }
html, body    { font-size:100.01%; height:100%; }
body          { letter-spacing: 0em; background: #1a1a1a url(../images/bgs/body.gif) left top repeat; }


/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/
 
/* -- Odkazy -- */
a, a:visited, a:active, a:link {  color: #E30918; text-decoration: underline; }
a:hover                        {  text-decoration: none; }
a.ext { padding-right:12px; background:url('../images/ico/ico-ext-blue.gif') 100% 0 no-repeat; }
.ul-list a.ext,
.text-ul a.ext { background-image: url('../images/ico/ico-ext-red.gif'); }

/* -- Obrazky -- */
.img-left, .imgLeft   { position: relative; float: left; margin: 2px 20px 5px 0; }
.img-right, .imgRight { position: relative; float: right; margin: 2px 0 5px 20px; }


/* -- Nadpisy -- */
h1, h2, h3   { font-weight: normal; }
h1           { font-size: 2.5em; margin: 0 0 15px; }
h2           { font-size: 1.75em; margin: 0 0 15px; }
h3           { font-size: 1.667em; margin: 0 0 5px; } 
h4           { font-size: 1.333em; margin: 0 0 5px; }     
.title       { font-size: 1.4em; margin: 0 0 25px; }
.padding-top { padding-top: 5px; }

.step-color     { padding: 5px 0 10px; font-size: 1.5em; text-align: left; background: url(../images/ico/arrow-color.gif) 100% 50% no-repeat; }
.step-size      { overflow: hidden; margin-bottom: 15px; font-size: 1.5em; text-align: left; }
.step-size span { display: block; float: left; padding: 5px 65px 10px 0; background: url(../images/ico/arrow-size.gif) 100% 100% no-repeat; }

/*
 * 1) PISMO & BARVY
 *    =============
 **/
 
body, input, textarea { font: .750em Arial, sans-serif; }
a span { cursor: pointer;}
a img { border: 0;}
h1, h2, h3, h4 { color: #363636; }
table { font-size: 1em;}
#content, input, textarea { color: #000; }
#content p { margin: 0 0 20px; line-height: 1.6em; }
#footer p  { line-height: 1.6em; }

/* -- dostupnost produktu -- */
.store 	  	{ color: #3a7f0b; font-weight: bold; }
.on-request { color: #E30918; font-weight: bold; }

.tab .store   { background: none repeat scroll 0pt 0pt rgb(206, 232, 167); color: rgb(87, 119, 59); font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin-right: 5px; padding: 4px 5px; text-align: center; }
.tab .request { background: none repeat scroll 0pt 0pt rgb(255, 177, 172); color: rgb(119, 0, 7); font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin-right: 5px; padding: 4px 5px; text-align: center; }

/*
 * 2) LAYOUT
 *    ======
 **/
#container { 
  width: 100%;
  padding-top: 15px;
  margin: 50px 0;
  background: url(../images/bgs/container.png) center top no-repeat;
}
#container .in {
  background: url(../images/bgs/in.png) center top repeat-y;
}
#main {
 	width: 974px;
	margin: auto;
	padding-bottom: 30px;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}
 
body>#main {
 	height: auto;
} 
#header {
  position: relative;
  padding-top: 6px;
  margin: 0 auto 10px;
  width: 974px; height: 269px;
}
.inner {
  margin: 0 auto;
  width: 974px;
}
#footer {
  width: 100%;
 	height: 58px;
  margin: 0 0 20px;
  padding-top: 25px;
	overflow: hidden;
  background: url(../images/bgs/footer.png) center top no-repeat;
}
#content {
  width: 740px;
  margin: 0 15px; 
  float: right;
}
#column {
  position: relative;
  top: -53px;
  padding-bottom: 20px;
  width: 195px;
  float: left;
}

/*
 * 3) Navigace
 *    ========
 **/

/* == HLAVNI MENU == */

#main-menu{
  position: absolute;
  bottom: 52px;  
  width: 100%;
  padding: 0; margin: 0;
  height: 49px;
  overflow: hidden;
}
#main-menu ul{
  margin: 0 5px;
  padding: 0 1px;
  overflow: hidden;
}
#main-menu li, #main-menu a, #main-menu a span{
  display: block;
  height: 49px;
  float: left;
  position: relative;
  left: 0;
}
#main-menu li{
  margin-left: -1px;
}
#main-menu a{
  padding: 0 3px 0 0;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  border-right: 1px solid #1b1b1b;
}
#main-menu span{
  line-height: 49px;
  font-size: 1.167em;
  padding: 0 7px 0 10px;
}
#main-menu li.last a {
	background: none;
}
#main-menu li a span{
	color: #fff;
}
#main-menu li a:hover span {
  color: #E30918;
}

/* == DROBECKOVA NAVIGACE == */
.breadcrumbs{
  margin: 10px 0 20px -8px;
  overflow: hidden;
}
.breadcrumbs li, .breadcrumbs a {
  display: block;
  float: left;
  color: #ff2805;
  text-transform: lowercase;
}
.breadcrumbs li{
  list-style-type: none;
  padding: 0 15px 0 5px;
  color: #7b7b7b;
  background: url('../images/ico/list_item.gif') 100% 55% no-repeat;
}
.breadcrumbs li.last{
  background: none;
}

/* == SUBMENU == */
.submenu {
  position: relative;
  margin: 0 0 20px; 
  padding: 0;
  width: 195px;

}
.submenu ul {
  padding: 0;
  background: transparent url(../images/submenu/middle.gif) 0 0 repeat;
}
.submenu li {
  padding: 0;
  line-height: 31px;
  border-bottom: 1px solid #cdcdcd;
  overflow: hidden;
}
.submenu li.first {
  background: #f5f5f5 url(../images/submenu/top.gif) 0 0 no-repeat;
}
.submenu li.first a:hover {
  background: url(../images/submenu/top.gif) 100% 0 no-repeat;
}
.submenu li.last {
  background: #f5f5f5 url(../images/submenu/bottom.gif) 0 0 no-repeat;
}
.submenu li.last a:hover {
  background: #f5f5f5 url(../images/submenu/bottom.gif) 100% 0 no-repeat;
}
.submenu li.active.last { 
  background: url(../images/submenu/bottom.gif) 0 100% no-repeat;
}
.submenu li a {
  display: block;
  padding: 0 9px;
  font-size: 1.167em;
  text-transform: uppercase;
  text-decoration: none;
}
.submenu li a:hover {
  color: #fff;
  background: url(../images/submenu/hover.gif) 0 0 repeat-x;
}
.submenu li.active a {
  color: #000;
}
.submenu li.active a:hover {
  color: #000;
  background: none;
}
.submenu li.last { 
  border: none;
}
.submenu li .sub {
  margin: 0 0 5px 0; padding: 0;
  display: none;
  border: none; 
  background: none;
}
.submenu li.active .sub { 
  display: block;
}
.submenu li .sub li {
  line-height: 18px;
	padding: 0 0 5px 15px; margin: 0;
  font-size: .917em; display: block;
  border: none;
	background: url("../images/submenu/sub-middle.gif") no-repeat scroll 14px -12px transparent !important;
}
.submenu li .sub li.last {
	background: url("../images/submenu/sub-last.gif") no-repeat scroll 14px -12px transparent !important;
}
.submenu li .sub li a {
  display: block;
  padding: 0 0 0 20px !important;
  color: #ed1c24;
  text-transform: none; 
}
.submenu li .sub li a:hover { 
  background: none;
}
.submenu li .sub li.active {
  border: none;
  background: none; 
}
.submenu li .sub li.active a {
  color: #000;
}
.submenu li .sub li a:hover {
  color: #000;`
}
.submenu li .sub .sub li {
	padding-left: 24px;
	font-size: 1em; 
	background: url("../images/submenu/sub-middle.gif") no-repeat scroll 24px 50% transparent !important;
}
.submenu li .sub .sub li.last {
	background: url("../images/submenu/sub-last.gif") no-repeat scroll 24px 50% transparent !important;
}
.submenu li .sub .sub li a {
	background: none;
}
.submenu li .sub .sub li.active a {
	font-weight: bold;
}

/* == LISTOVANI NAKUPNIM PROCESEM == */
.order-step {
	width: 739px;
	height: 49px;
	margin: 5px 0 20px;
	border: 1px solid #c9c9c9;
	border-width: 0 1px 1px 0;
	background: #e6e6e6;
}
.order-step ul {
  overflow: hidden;	
}
.order-step ul li {
	float: left;
	width: 246px;
	height: 49px;
	line-height: 49px;
}
.order-step ul li.third a,
.order-step ul li.third div {
	background: none;
}
.order-step ul li a,
.order-step ul li div {
	display: block;
	padding-left: 30px;
	font-size: 1.333em;
	color: #403f3f;
	text-decoration: none;
	background: url(../images/order-step/arrow.png) 100% 0 no-repeat;	
}
.order-step ul li.prev {
	background: url(../images/order-step/active.png) 0 0 repeat-x;
}
.order-step ul li.prev a {
	color: #fff;
	background: url(../images/order-step/arrow-prev-prev.png) 100% 0 no-repeat;		
}
.order-step ul li.active {
	background: url(../images/order-step/active.png) 0 0 repeat-x;	
}
.order-step ul li.active a {
	color: #fff;
	background: url(../images/order-step/arrow-active.png) 100% 0 no-repeat;		
}
.order-step ul li.third.active a {
	color: #fff;
	background: url(../images/order-step/step-active.png) 0 0 repeat-x;		
}

.order-step ul li a span {
  padding: 5px 30px 0 0;
  background: url(../images/ico/check.gif) 100% 65%  no-repeat;
}

/*
 * 4) Spolecne prvky
 *    ==============
 **/


/* == LOGO == */
#logo   { float: left; padding: 0 0 15px; width: 195px;	height: 216px; overflow: hidden; }
#logo a {
	display: block; 
	position: relative;
	margin: 0; padding 0;
	width: 195px;	height: 216px; line-height: 30px;
	font-size: 1.333em; 
  color: #005a00; text-decoration: none;
}
#logo a span {
	display: block;
	position: absolute;	left: 0px;	top: 0px;	z-index: 1;
	margin: 0;	padding: 0;
	width: 195px;	height: 216px;
	cursor: pointer;
	background: url(../images/logo-specialized.gif) 0 0 no-repeat;
}

/* == OBRAZEK v hlavicce == */
#header-right {
  position: relative; 
  float: right;
  width: 770px;
  height: 268px;
  background: url(../images/bgs/header-right.gif) 0 100% no-repeat;  
}
#header-right #slider { 
  width: 770px;
  height: 166px;
  overflow: hidden;
  background: url(../images/banner/03.jpg) 0 0 no-repeat;  
}

/* == KOSIK v hlavicce == */
#cart  { 
  position: absolute;
  bottom: 14px; 
  right: 10px;
  width: auto;
  margin: 0;
}
#cart p a { 
  display: block;
  padding: 7px 0 7px 35px;
  font-size: 1.083em;
  background: url(../images/ico/cart.gif) 0 50% no-repeat;
}

/* == VYHLEDAVANI v hlavicce == */
#search { 
  position: absolute;
  bottom: 3px; 
  left: 0px;
  width: 316px;
  height: 32px;
  margin: 0;
  padding: 7px;
}

#search .formBox fieldset {
	margin: 0;
}

#search .formBox .con {
	float: left;
	width: 230px;
	height: 33px;
  background: url(../images/search/input.png) 0 0 no-repeat !important;
}

#search .formBox .submit {
	display: block;
	float: right;
	width: 78px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.167em;
	cursor: pointer;
	border: none;
  background: url(../images/search/button.png) 0 0 no-repeat !important;
}

/* == NADPIS titleBox == */
.titleBox {
  position: relative;
  margin-bottom: 20px;
  width: 740px; height: 30px; line-height: 30px;
  z-index: 30;
  overflow: hidden;
}
.titleBox h2 {
  float: left;
  margin: 0 1px 0 0;
  padding: 0 8px;
  height: 30px;
  line-height: 32px;
  color: #fff;
  font-size: 1.333em;
  text-transform: uppercase;
  background: #E30918;
}
.titleBox a {
  margin: 0 20px;
}

.product-list .titleBox { position: absolute; top: -14px; margin: 0; }
                                       
.ico-list { 
  margin: 0 !important;
  float: left;
  display: block;
  width: 27px;
  height: 30px;
  overflow: hidden;
  background: url(../images/ico/list-products.gif) no-repeat;
}

a.prev { background-position: 0 0; }
a.next { background-position: 0 -30px; }
a:hover.prev { background-position: 0 -60px; }
a:hover.next { background-position: 0 -90px; }

/*  == SEZNAMY == */
.ul-list, .ol-list, .text-ul {
  margin: 0 0 20px 10px;
}
.ul-list li, .text-ul li {
  padding-left: 20px;
  line-height: 1.6em;
  background: url(../images/ico/dash.gif) 2px 8px no-repeat;
}
.ol-list li {
  line-height: 1.6em;
  list-style-type: decimal;
}
.noBull li{
  padding-left: 0;
  background: none !important;
}
ul.sitemap { font-weight: bold; }
ul.sitemap li ul { margin-bottom: 0; padding-left: 1.25em }
ul.sitemap li ul li { font-weight: normal; } 

/* == Tabulka == */
.tab {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
}
.tab tr th {
  padding: 10px 10px 9px;
  text-align: left;
  color: #000;
  background: #eaeaea;
}
.tab tr td {
  padding: 11px 10px;
  color: #403f3f;
  border-bottom: 1px solid #ccc;
}  
.tab tr .r {
  text-align: right;
}

/* == STRANKOVANI == */
.paging-top {
	position: absolute;
	top: -35px;
	right: 0;
}

.paging {
	margin-bottom: 10px;
  float: right;
  height: 22px; line-height: 30px;
}
.paging a {
  margin: 0 3px;
  color: #ff2805;
}
.paging a:hover {
  color: #005a00;
}
.numbers a {
  padding: 0 1px; margin: 0 2px;
  font-weight: bold;
}
.numbers span {
  padding: 0 1px; margin: 0 2px;
  font-weight: bold; color: #000; 
}
.arrow-left  { padding: 0;}
.arrow-right { padding: 0; }

/* == COLS LAYOUT == */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 48% !important; }
.cols50 .col2 { float: right; width: 48% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }
.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 25%; }
.cols1v2 .col1 { width: 33%; }
.cols1v2 .col2 { width: 66%; }
.cols2v1 .col1 { width: 66%; }
.cols2v1 .col2 { width: 33%; }

.formBox .cols2v1 .col1 { width: 64%; }
.formBox .cols2v1 .col2 { width: 33%; float: right; }

/* == FANCY == */
.noBg     { padding: 15px; background: #fff; }
.noBg p   { margin: 0 0 20px; line-height: 1.6em; }

/* ==¨FOOTER obsah  == */
#footer a {
  color: #9a9a9a;
}
#footer p {
  float: left; 
  margin: 0 0 5px; padding: 0;
  color: #9a9a9a;
}

#footer ul.menu {
  float: left;
  overflow: hidden;
}
#footer ul.menu li { 
  float: left; 
  margin-right: 10px;
}
          
#footer .copy       { clear: both; width: 100%; }
#footer .author     { float: right; margin-right: 5px; height: 20px; line-height: 20px; }
#footer .ext        { padding: 0; background: none; }
#footer .ico-author { display: inline-block; line-height: 20px; padding: 0 0 0 30px; background: url(../images/logo-breezy.png) 3px 0px no-repeat; }

/* == BOX v levem sloupku  == */
#column .box {
  position: relative;
  margin: 0 0 20px; padding: 0 0 15px;
  width: 195px; min-height: 100px;
  background: url(../images/bgs/box-bottom.gif) 0 100% no-repeat;
}

#column .box img { display: block; margin-bottom: 10px; }

#column .box h2,
#column .box h3, 
#column .box h4,
#column .box p,
#column .box ul { margin: 0 10px 10px; }

#column .box h2,
#column .box h3 { padding: 0 20px; margin-bottom: 15px; height: 54px; line-height: 54px; font-size: 2em; }
#column .box h2 { background: #e6f5d8; }
#column .box h3 { color: #403f3f; background: #e6e6e6; }

#column .box p { 
  line-height: 1.6em;
  text-align: left;
}

#column .box .help,
#column .box .cart {
  padding: 15px;
  margin: 0 0 10px !important;
  height: 41px;
  color: #252525;
  font-size: 1.087em;
  line-height: 1.6em;
  text-transform: uppercase;
  background: url(../images/bgs/box-help.png) 0 0 no-repeat;
}

#column .box .cart {
  background: url(../images/bgs/box-cart.png) 0 0 no-repeat;
}

/* == BOX OBSAH KOSIKU  == */
#column .box .item { margin: 0 0 5px !important; padding: 0 10px 5px; text-align: left; border-bottom: 1px solid #E7E7E7; }
#column .box .item strong  { display: block; font-size: 1em; }
#column .box .item .inline { display: inline; }

#column .box .total { padding-top: 5px; margin-bottom: 0 !important; }
#column .box .total strong { display: block; font-size: 1.250em; font-style: normal; }
#column .box .total span { font-size: .917em; font-style: italic; }

/* == BOX V OBSAHU  == */
#content .boxes               { overflow: hidden; clear: both; }
#content .boxes .box          { float: left; overflow: hidden; margin: 0 20px 10px 0; width: 220px; height: 285px; }
#content .boxes .box  h3      { font-size: 1.167em; }
#content .boxes .box .text-ul { margin: 0 0 10px 10px; }
#content .boxes .box a img    { border: 5px solid #dbdbdb; }

/* == GALLERY == */
.gallery a {  
  display: block; float: left;
  margin: 0 12px 20px 0;
}
.gallery a img {
  border: 5px solid #efefef;
}
.gallery a:hover img {
  border-color: #ddd;
}
.gallery a.last img {
  margin-right: 0;
}
.gallery .hide { margin: 0; }

/* == ICONS == */
.ico {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 3px 5px 0;
	_margin: 2px 2px 0;
	overflow: hidden;
	text-indent: 25px;
}
.ico-delete {	background: url(../images/ico/ico-delete.png) 0 0 no-repeat; }

/*
 * 5.a) UVODNI STRANKA
 *      ==============
 **/
 
/* == BANNER == */
#banner { width: 731px; height: 257px; overflow: hidden; margin: 20px 0; }

/* == SEZNAM KATEGORII == */
.category-list .img    { float: left; margin-right: 5px; }
.category-list .item   { overflow: hidden; }
.category-list h2      { margin-bottom: 5px; font-weight: bold; }
.category-list ul      { margin-bottom: 40px; overflow: hidden; }  
.category-list ul li   { float: left; margin-right: 8px; line-height: 1.6em; } 
.category-list a       { color: #383838; }
.category-list a:hover { color: #E30918; }

/*
 * 5.b) VYPIS PRODUKTU
 *      ==============
 **/

/* == CROSSROAD - rozcestnik kategorii == */
#crossroad {
	margin-bottom: 20px;
	overflow: hidden;
}

#crossroad li {
	float: left;
	margin-right: 20px;
}
#crossroad li a {
	display: block;
	float: left;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
	background: url(../images/ico/ico-folder.gif) 0 0 no-repeat;
}

/* == CONTROL-BAR == */
.control-bar {
	position: relative;
}

/* == VYPIS PRODUKTU == */
.product-list {
	position: relative;
	width: 740px;
	padding: 9px 0 0;
	margin-bottom: 10px;
	background: url(../images/product-list/middle.gif) 0 0 repeat-y;
	z-index: 1;
}
.product-list .top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 9px;
	background: url(../images/product-list/top.gif) 0 0 no-repeat;
	z-index: 1;
}
.product-list .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 740px;
	height: 9px;
	background: url(../images/product-list/bottom.gif) 0 0 no-repeat;
	z-index: 1;
}
.product-list .product {
  position: relative;
  float: left;
  width: 246px; height: 290px;
  padding-top: 20px;
  margin-top: -9px;
  border: 1px solid #e7e7e7;
  border-width: 0 1px 1px 0;
	z-index: 2;
}
.product-list .product.last {
	border-right: 0;
}
.product-list .product.last-row {
	border-bottom: 0;
}
.product-list .product .thumb{
  text-align: center;
  margin-bottom: 5px;
  height: 150px; 
}
.product-list .product h2 {
  margin: 0 10px;
  height: 49px; overflow: hidden;
  text-align: left;
  margin-bottom: 0;
  line-height: 1.2em;
  font-size: 1.167em;  
  text-transform: uppercase;
} 
.product-list .product h2 a {
  color: #E30918; font-weight: bold;
}
.product-list .product .old-price {
  position: absolute; 
  top: 208px;
  left: 10px;
	display: block;
  color: #141414; 
  font-size: 1em;
}
.product-list .product .price {
	display: block;
  margin: 0 10px;
  color: #141414; 
  font-size: 1.5em;
  font-weight: bold;
}
.product-list .product .store,
.product-list .product .on-request {
	float: left;
	display: block;
	font-size: 1.250em;
	margin: 0 10px 0 10px;
}
.product-list .product p {
  margin: 0 10px 5px 10px !important;
  text-align: left;
}

.product-list .product .spec { clear: both; padding-top: 5px; color: #3c3c3c; height: 37px; overflow: hidden; }

.product-list-sale {
  padding-top: 0; 
}

.product-list-sale .product,
.product-list-similar .product {
  padding-top: 30px;
  height: 260px !important;
  border-width: 0 1px 0 0;  
}

.product-list .warning {
	margin: 5px 20px 20px !important;
	font-weight: bold;
	height: 30px;
}

/* == Priznak produktu ve vypise == */
.product-list .product .label {
  position: absolute; top: 225px; right: 0px;
  height: 30px;
  z-index: 10;
}
#product-detail .imageProduct .label {
  position: absolute; top: 175px; right: 0px;
  height: 30px;
  z-index: 10;
}
.label .sale,
.label .news {
	float: left; 
  display: block; 
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
	text-transform: uppercase;
	font-size: 1.167em;
	font-weight: bold;
	color: #fff;
}
.label .sale { background: #E30918; }
.label .news { background: #282828; }

/* == VYPIS PODOBNYCH PRODUKTU */
.jcarousel .jcarousel-container {
    width: 740px;
    height: 280px;
    margin: 0;
}

.jcarousel .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel .jcarousel-clip {
    position: relative;
    width: 740px;
    height: 280px;
    margin: 0;
    overflow: hidden;
}

.jcarousel .jcarousel-clip ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    height: 280px;
    overflow: hidden;
    width: 10000px !important;
}

.jcarousel li,
.jcarousel .jcarousel-item {
    width: 247px;
    height: 280px;
    float: left;
} 

.jcarousel .jcarousel-item {
    margin-right: 0;
}

/**
 *  Horizontal Buttons
 */
.jcarousel .jcarousel-next-horizontal {
    height: 30px;
    width: 27px;
    overflow: hidden;
    cursor: pointer;
    background: transparent url("../images/ico/list-products.gif") 0 -30px no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
}

.jcarousel .jcarousel-prev-horizontal {
    height: 30px;
    width: 28px;
    overflow: hidden;
    cursor: pointer;
    background: transparent url("../images/ico/list-products.gif") 0 -0px no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
}

.jcarousel .jcarousel-next:hover {
    cursor: default;
    background-position: 0 -90px;
}

.jcarousel .jcarousel-prev:hover {
    cursor: default;
    background-position: 0 -60px;
}

/*
 * 5.c) Vypis kategorii
 *      ===============
 **/

#categoryList .category {
  position: relative;
  float: left;
  margin-bottom: 30px;
  width: 240px;
}
#categoryList .category h2 {
  margin-bottom: 5px;
  font-size: 1em; font-weight: bold;
}
#categoryList .category h2 a{
  color: #f9280a;
}
.category-desc {
  margin-bottom: 20px;
  width: 730px;
}

.category-desc p {
  margin-bottom: 0px !important;
  color: #3c3c3c;
}
.category-desc h2 {
  margin: 0 0 5px 30px; 
  font-size: .9em; font-weight: bold;
}
.category-desc ul li{
  margin-left: 30px; padding-left: 15px;
  font-size: .9em; line-height: 1.7em;
  background: url(../images/list-square.gif) 0 9px no-repeat;
}
#categoryList .boxProduct {
  margin-bottom: 20px;
  width: 730px; height: 53px; line-height: 53px;
  background: #d9eaf4 url(../images/bgBox.gif) 0 0 no-repeat;
}
#categoryList a.ico-thumb {
  margin-left: 10px; padding-left: 25px;
  color: #094b86 !important; font-size: 0.917em;
  background: url(../images/ico/ico-thumb.gif) 5px 53% no-repeat;
}

.catSearch {
  padding-top: 11px; margin-bottom: 20px;
  width: 730px;
  background: #d9eaf4 url(../images/bgCatDescTop.gif) 0 0 no-repeat;
}

.catSearch span {
  position: relative;
  display: block;
  padding: 0 20px 10px;
  background: #d9eaf4 url(../images/bgCatDesc.gif) left bottom no-repeat;
}


/* == Filtr kategorie == */
.form-filter {
  position: relative;
}

.box-filter {
  position: relative;
  padding: 14px 10px; margin-bottom: 42px;
  width: 720px;
  color:#094b86;
  background: #eaeaea;
}

.box-filter .price-slider {
	float: left;
}

.box-filter .value {
  border: 0;  
	font-weight: bold;
  background: none;
}
.box-filter label,
.box-filter select {
	color: #3c3c3c;
  margin-right: 15px;
}

.box-filter .convert {
  position: absolute; top: 10px; right: 10px;
}

.order-list {
	position: absolute;
	top: 62px;
} 

/*
 * 5.c) DETAIL PRODUKTU
 *      ===============
 **/

#product-detail h1 {
  font-size: 2em;
  text-transform: uppercase;
}
 
#product-detail .descriptions {
  position: relative;
  float: right;
  width: 410px;
}
#product-detail .descriptions h4 {
  margin: 0 10px 5px; font-size: 1.087em; font-weight: bold; color: #3C3C3C;
}
#product-detail .descriptions p {
  margin: 0 15px 20px 10px;
}
#product-detail .descriptions ul.info {
  margin: 0 0 20px 10px; 
}
#product-detail .descriptions ul.info li { 
	font-size: 1.083em;
	line-height: 1.8em; 
	color: #3c3c3c;
	overflow: hidden;
}
#product-detail .descriptions ul.info li strong {
	width: 100px;
	display: block;
	float: left;
}
#product-detail .descriptions ul.info li.price {
	margin-top: 10px;
  clear: both;
}
#product-detail .descriptions ul.info li.price span {
	font-size: 1.417em;
	font-weight: bold;
}

#product-detail  ul.share{
	width: 150px;
	height: 22px;
  margin: 0;
  float: right;
  overflow: hidden;
}
#product-detail  ul.share li{
  display: inline;
  margin-left: 10px; 
  line-height: 1.8em;
}

#product-detail .action-box  {
  float: left;
	margin-left: 10px;
  width: 400px; height: 43px;
}

#product-detail .action-box .count {
  margin-right: 16px;
	height: 43px;
	line-height: 43px;
  font-size: 1.5em;
}
#product-detail .action-box .count label {
	margin-right: 10px;
}
#product-detail .action-box .count .input {
  padding: 10px 2px; margin-right: 5px;
  width: 37px; height: 23px;
  font-size: 1em;
  text-align: center;
  border: none; 
  background: url(../images/forms/input-count.png) 0 0 no-repeat;
}

#product-detail .imageProduct {
	position: relative;
  float: left;
  width: 300px;
  text-align: center;  
}
#product-detail .image-big  {
  position: relative;
  height: 260px; overflow: hidden;
  margin-bottom: 35px;
}
#product-detail .image-big li {
	width: 300px;
	height: 260px !important;
}
#product-detail .image-big a.ico-thumb {
  position: absolute; bottom: 0px; left: 15px;
  margin: 0; padding-left: 25px;
  height: 18px; line-height: 18px;
  background: url(../images/ico/ico-zoom.png) 5px 53% no-repeat;
}

#product-detail #pager               { position: absolute; bottom: 40px; right: 0; margin:0;	z-index: 10; }
#product-detail #pager a             { display: block; float: left; margin-left: 5px; width: 12px;height: 12px; overflow: hidden; text-indent: 12px;	background: transparent url("../images/ico/pager/pager.gif") no-repeat; } 
#product-detail #pager a:hover,
#product-detail #pager a.activeSlide {	background-position: 0 -12px; }

/* -- Scroll nahledu produktu -- */
.colors-jcarousel .jcarousel-container {
    width: 248px;
    height: 280px;
    margin: 0;
}

.colors-jcarousel .jcarousel-direction-rtl {
	direction: rtl;
}

.colors-jcarousel .jcarousel-clip {
    width: 248px;
    height: 100px;
    margin: 0;
    overflow: hidden;
}

.colors-jcarousel .jcarousel-clip ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    height: 100px;
    overflow: hidden;
    width: 10000px !important;
}

.colors-jcarousel .jcarousel-item {
    width: 72px;
    height: 100px;
    float: left;
} 

.colors-jcarousel .jcarousel-item {
    margin-right: 13px;
}

/**
 *  Horizontal Buttons
 */
.colors-jcarousel .jcarousel-next-horizontal {
    height: 30px;
    width: 27px;
    overflow: hidden;
    cursor: pointer;
    background: transparent url("../images/ico/list-colors.gif") 0 -30px no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 22px;
    right: -25px;
}

.colors-jcarousel .jcarousel-prev-horizontal {
    height: 30px;
    width: 28px;
    overflow: hidden;
    cursor: pointer;
    background: transparent url("../images/ico/list-colors.gif") 0 -0px no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 22px;
    left: -30px;
}

.colors-jcarousel .jcarousel-next:hover {
    cursor: default;
    background-position: 0 -90px;
}

.colors-jcarousel .jcarousel-prev:hover {
    cursor: default;
    background-position: 0 -60px;
}

.colors-jcarousel .jcarousel-prev-disabled, .colors-jcarousel .jcarousel-next-disabled {
  display: none !important;
}

#product-detail #gallerySlider { position: relative; float: left; overflow: hidden; width: 290px; height: 145px; margin: 0; padding: 0 20px; }
/*
#product-detail #gallerySlider .in { position: relative; z-index: 10; width: 248px; height: 100px; overflow: hidden; margin-left: 0px; }
#product-detail #gallerySlider .in ul { width: 5000px; overflow: hidden; }
*/
.colors-jcarousel li { float: left; margin-right: 13px; }
.colors-jcarousel li a { display: block; width: 72px; color: #3c3c3c; text-decoration: none; text-transform: lowercase; }
.colors-jcarousel li a img { display: block; margin-bottom: 5px; width: 72px; height: 72px; border: 1px solid #d0d0d0; }
.colors-jcarousel li.active a img,
.colors-jcarousel li a:hover img { border-color: #ed1c24; }


#content-tab img {
	margin: -11px 0 0 0;
	border: 0;
}

/* == ZALOZKY - content-tab == */
#content-tab {
  position: relative;
  padding-top: 37px;
  margin-bottom: 50px;
}
#content-tab .content {
	position: relative;
  padding-top: 11px; margin-bottom: 20px;
  background: url(../images/product-list/middle.gif) 0 0 repeat-y;
}
#content-tab .content .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 740px;
	height: 9px;
	background: url(../images/product-list/top-bookmarks.gif) 0 0 no-repeat;
	z-index: 1;
}
#content-tab .content .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 740px;
	height: 9px;
	background: url(../images/product-list/bottom.gif) 0 0 no-repeat;
	z-index: 1;
}

#content-tab .bookmarks{
  position: absolute;
  left: 0;
  top: 0;
	height: 37px;
}
#content-tab .bookmarks li, #content-tab .bookmarks a, #content-tab .bookmarks a span{
  display: block;
  float: left;
  position: relative;
  left: 0;
}
#content-tab .bookmarks li {
	margin: 0 5px 0 0;
	padding: 7px 0 0 0;
}
#content-tab .bookmarks a{
  text-decoration: none;
  cursor: pointer;
	height: 30px;
}
#content-tab .bookmarks span{
  padding: 7px 17px 5px;
  font-size: 1.250em;
}
#content-tab .bookmarks li a{
  background: #6a6a6a;
}
#content-tab .bookmarks li a span{
	color: #fff;
}
#content-tab .bookmarks li a:hover {
  color: #fff;
  background: #E30918;
}

#content-tab .bookmarks li.active		{	padding-top: 1px; position: relative;	height: 37px;}
#content-tab .bookmarks li.active a { height: 37px; background: #fff; border-bottom-color: #454545 ; }
#content-tab .bookmarks li.active a span { padding: 8px 17px 8px; font-size: 1.417em; color: #fff; background: #454545;   }

#content-tab .content-item			   { display: none; }
#content-tab .content-item-visible { display: block; overflow: hidden; }

#content-tab .content-inner {
	position: relative;
	margin: 10px 20px 20px;
	padding-bottom: 1px;
	z-index: 2;
}

/*
 * 6) Formulare
 *    =========
 **/

#add_to_basket_form { float: left; position: relative; }

.formBox fieldset { padding-bottom: 10px; margin-bottom: 10px; }
#personal_data_users_login_form fieldset,
#personal_data_form fieldset { border-bottom: 1px solid #eaeaea; }

.formBox .clearfix {
  margin-bottom: 10px;
}
.formBox  label {
  margin: 0 10px 0 0;
  line-height: 30px;
}
.formBox .correct {
  background: none; border: none;
}
.formBox .error label,
.formBox label span {
  font-weight: bold;
  color: #e12300;
}
.formBox .help {
  height: 100%; overflow: hidden;
}
.formBox .help label {
  float: left;
}
.formBox .help em {
  display: none;
  float: right;
  text-align: right;
  margin: 0;
  line-height: 30px;
  color: #474F47; font-size: .917em;
}
.formBox .help a {
	float: right;
	text-align: right;
	margin: 0;
	line-height: 30px;
}
.formBox .show-help em {
  display: block;
}
.formBox .lab .forgot {
  float: right;
  margin-right: 15px;
  color: #094b86; font-size: .917em;
}
.formBox .con {
  margin: 0; padding: 0;
  width: 233px; height: 38px; line-height: 38px; 
  background: url(../images/forms/input.gif) 0 0 no-repeat;
}
.formBox .col2 .con, .formBox .col3 .con {
	float: right;
}
.formBox .col2 .lab, .formBox .col3 .lab {
	margin-left: 10px;
}
.formBox .con.focus {
  background-position: 0 -38px;
}
.formBox .error .con { 
  border: none;
  background-position: 0 -76px;
}
.formBox .con .input {
  margin: 0 2px; padding: 7px 8px;
  width: 213px;
  font-size: 1em;
  border: none;
  background: none;
}
.formBox .con-textarea {
  position: relative;
  margin: 0 0 20px 0; padding: 0;
  width: 740px; height: 152px;
  background: url(../images/forms/textarea.gif) 0 0 no-repeat;
}
.formBox .con-textarea.focus {
  background-position 0 -152px;
}
.formBox .error .con-textarea { 
  background-position: 0 -304px;
}
.formBox .con-textarea .textarea {
  margin: 10px; padding: 0;
  width: 720px; height: 130px;
  border: none;   font-size: 1em;
  background: none;
}
.formBox .error .con-textarea .textarea {
  position: relative; 
}
.formBox .con-textarea-short {
  width: 690px !important; 
  background-image: url(../images/bgTextareaShort.gif) !important; 
}
.formBox .con-textarea-short .textarea {
  width: 670px !important;
}
.formBox .btn {
  margin-right: 15px; 
}
.formBox p.icoUser { padding: 25px 0 0 30px; color: #0e487a; background: url(../images/ico/ico-user.gif) 5px 38px no-repeat;}
.formBox h2        { margin-bottom: 0; color: #474f47; } 
.formBox h2 label  { font-size: .833em !important; }

.formBox .inline-check { margin: 0 15px 10px; }

/* == SELECT == */		
div.selector {
  background-image: url(../images/forms/select.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector,  
.selector *{
  margin: 0;
  padding: 0;
}

/* Select */
div.selector {
  position: relative;
  overflow: hidden;
  line-height: 42px;
  width: 66px;
  height: 42px;
}

div.selector span {
  background-position: right 0px;
  width: 41px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  padding: 0 40px 0 2px;
  cursor: pointer;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
  min-width: 66px;
  &width: 66px; /* fix bug in IE7 */
  border: solid 1px #fff;
}

div.selector:active, 
div.selector.active {
  background-position: 0 0;
}

div.selector:active span, 
div.selector.active span {
  background-position: 0 0;
}

div.selector.disabled span {
  color: #bbb;
}

.selector {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selector select:focus {
  outline: 0;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 42px;
  border: none;
  background: none;
}

div.selector select option {
	padding: 3px 5px;
}

/* == Chybove hlasky == */
#form-message 				{ margin: 0 0 10px 0;  }
#form-message.error	  { color: #ff2805; background: url(../images/ico/ico-error.gif) 0 2px no-repeat; }
#form-message.correct { color: #33b200; background: url(../images/ico/ico-correct.gif) 0 2px no-repeat; }
#form-message p 			{ padding-left: 25px; margin-bottom: 2px; font-weight: bold;  }
#form-message ul 			{ margin: 0 0 0 50px; }
#form-message ul li	  { line-height: 1.8em; list-style: decimal; }

/* == Newsletter == */
#newsletter { margin: 0 15px 10px; }
#newsletter p.note{ margin-left: 0; font-size: .8em; }
#newsletter .conSmall { margin: 0; padding: 0; width: 188px; height: 35px; line-height: 35px;  background: url(../images/bgTextInputNewsletter.gif) no-repeat; }
#newsletter .conSmall .input { margin: 0 10px; padding: 0; width: 168px; border: none;  background: none; }
#newsletter .btn { margin-right: 5px !important; }

/* == BUTTON == */
button {
  font-family: Arial, sans-serif;
  font-size: 1em;
	border: none;
	background: none;
}

.btn {
	display: block; 
	float: left;
	height: 43px;
  text-decoration: none; 
  cursor: pointer;
  background: transparent no-repeat scroll top left;
}

.btn span {
  display: block;
	height: 43px;
	line-height: 42px;
	font-weight: bold;
	color: #fff; 
	font-size: 1.167em; 
}

a.btn, a.btn span { text-decoration: none; }
	
.bg-left 			 { padding-left: 40px; }
.bg-left span  { padding-right: 10px; background-position: top left; }
.bg-right 		 { padding-right: 50px; background-position: top right; }
.bg-right span { float: left; padding-left: 20px; background-position: top left; }

.bg-next		   		{ float: right; background-image: url(../images/button/next.png); } 
.bg-next span  		{ background-image: url(../images/button/next.png); }
.bg-prev				  { float: left; background-image: url(../images/button/prev.png); }
.bg-prev span 	  { background-image: url(../images/button/prev.png); }

a.btn.fl          { margin-left: 0 !important; }

/* add cart */
.bg-add-cart   			{ position: absolute; left: 170px; top: 0; width: 148px; background-image: url(../images/button/add-cart.png); } 
.bg-add-cart span	  { padding-right: 25px; text-transform: uppercase; }


/* login */
.login      { margin: 30px 0 0 10px; width: 110px; height: 36px; text-align: center; background: transparent url(../images/button/login.png) no-repeat; }
.login span { color: #646464; line-height: 36px; }

/* -- Prepocitat obsah kosiku -- */
.convert      { width: 79px; line-height: 30px; height: 30px; text-align: center; background: url(../images/button/convert.gif) 0 0 no-repeat; }
.convert span { line-height: 30px; }

/* float button */ 
.float-button {
  width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: right;
	overflow: hidden;
}
.float-button a {
  padding-right: 10px;
	font-weight: bold;
  float: right;
}

.float-button .or {
  float: right;
}

.float-button .bg-right {
	margin-left: 15px;
	margin-right: 0;
  padding-right: 50px;
  text-transform: uppercase;
}
/*
 * 5.e) Vypis aktaulit
 *      ==============
 **/

#news-list .item           { overflow: hidden; }
#news-list .item h2         { margin: 0 0 5px 0; font-size: 1.333em; }
#news-list .item h2 span    { font-size: .75em; }
#news-list .item .thumb     { float: left; width: 70px; height: 80px;  }
#news-list .item .text      { margin-left: 90px; }
#news-list .item .thumb img { margin-top: -8px; }

#news-detail h1    { margin-bottom: 5px; }
#news-detail .date { margin-bottom: 20px; }


/* == listovani mezi aktualitami == */
.news-listing ul {
  margin-left: 0; 
}
.news-listing ul li {
  font-size: .917em;
}

.transport {
  padding-left: 55px;
  height: 45px; line-height: 45px !important;
  font-size: 1em !important; color: #0b5ea8;
  background: url(../images/ico/ico-transport.gif) 0 8px no-repeat;
}


.note {
  margin-bottom: 10px;
  font-size: .9em;
}
.precart {
  padding-top: 11px; margin-bottom: 20px;
  width: 730px;
  background: url(../images/bg-precart-top.gif) 0 0 no-repeat;
}
.precart span {
  display: block;
  padding: 0 20px 10px;
  background:  url(../images/bg-precart-bottom.gif) left bottom no-repeat;
}
.precart .toys {
  display: none;
  margin: 0 !important; padding-left: 60px;
  height: 55px; line-height: 55px !important;
  color: #0d4a89; font-size: 1.1em !important;
	background: url(../images/ico/ico-cartFull.png) 0 0 no-repeat;
}

/*
 * 5.f) Obsah kosiku
 *      ============
 **/

/* == OBSAH KOSIKU TABULKA == */
.tabCart {
  width: 738px;
  border: 1px solid #d0d0d0;
}
.tabCart tr.top th {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #403f3f;
	border-bottom: 1px solid #d0d0d0;
  background: #e6e6e6;
}
.tabCart tr td {
	border-bottom: none;
}
.tabCart tr.total td {
	padding-top: 15px;
	padding-bottom: 15px;
  font-weight: bold;
  background: #f0f0f0; 
}
.tabCart tr.total td button {
  color: #403f3f;
  border: none;
}
.tabCart tr.total td span.no_vat { 
  display: block;
  padding-top: 3px;
  font-weight: normal;
  font-style: italic;
}

.tabCart .input {
  padding: 6px; margin-right: 5px;
  width: 20px; height: 17px;
  color: #403f3f; text-align: center;
  border: none;  font-size: 1em;
  background: url(../images/forms/input-count.gif) 0 0 no-repeat;
}

/* == FREE TRANSPORT == */
#content .free-transport {
	width: 738px;
	height: 44px;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	background: #fdffee;
}
#content .free-transport p {
	margin: 0 15px 0;
	height: 44px;
	line-height: 44px;
}

.history tr td {
  text-decoration: underline;
  cursor: pointer;  
}
.history tr:hover td {
  text-decoration: none;  
}

/*
 * 5.e) DOPRAVA A PLATBA
 *      ================
 **/

#content .list-of-options {
  margin-bottom: 20px;
}
#content .list-of-options .item {
  padding: 10px;
  border: 1px solid #fff;
  border-bottom-color: #d0d0d0;
}
#content .list-of-options .item p {
	padding-top: 5px;
  margin-bottom: 0;
  color: #403f3f;
}
#content .list-of-options .item label {
 	padding-left: 5px;
  font-weight: bold;
  color: #E30918;
}

#content .list-of-options .active {
  border-color: #d0d0d0;
  background: #fafafa;
}


/*
 * 5.f) SHRNUTÍ OBJEDNAVKY
 *      ==================
 **/

.formPay {
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px; 
  border-bottom: 1px solid #ecffdf;
}

table.card th {
  padding-right: 25px;
  font-weight: normal;
}
table.card th img {
  margin-bottom: 4px;
  display: block;
}
table.card td {
  vertical-align: top;
  padding: 2px 5px 0 0;
}