/**
 * 
 *  Alex toys 
 *  http://www.alextoys.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) Jednotlive stranky
 *
 *  media: print
 *
 **/ 
 /*
 * I. Zakladni CSS tridy
 *     ==================
 **/
html, body, div, p, li, ul, form, 
set, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: 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         { height: 100%; }

/* -- Theme -- */
body.themeWinter { background: url(../images/bgBody-winter.jpg) center top no-repeat !important; }
.themeWinter #logo a span {	background: url(../images/logoAlextoys-winter.jpg) 0 0 no-repeat !important; }

/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/
/* -- Links -- */
a, a:visited, a:active, a:link {  color: #0063a8; 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'); }
#column .facebook .ext { padding-right: 0; background: none; }
/* -- Nadpisy -- */
h1, h2, h3 { font-weight: normal; }
h1         { font-size: 1.6em; margin: 0 0 25px; }
h2         { font-size: 1.3em; margin: 0 0 15px; }
h3         { font-size: 1.2em; margin: 0 0 5px; } 
h4         { font-size: 1em; margin: 0 0 5px; }     
.title     { font-size: 1.4em; margin: 0 0 25px; }
html, body  {	height: 100%; }
body        { letter-spacing: 0em; background: #fff url(../images/bgBody.jpg) center top no-repeat; }
/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/
body, input, textarea { font: 0.9em/1.4em Arial, sans-serif; }
a { color: #000; text-decoration: underline;}
a span { cursor: pointer;}
a img { border: 0;}
h1, h2, h3 { color: #094b86; }
#tabPanel h2 { color: #fff; }
table { font-size: 1em;}
#content, input, textarea { color: #000;}
#footer { font-size: 0.8em; }
#content p {
  margin-bottom: 20px;
  font-size: 0.917em;
  line-height: 1.6em;
}
/*
 * 1) Layout
 *    ======
 **/
#main {
 	width: 100%;;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
 }
 
body>#main {
 	height: auto;
 }
 
#inner {
  margin: 0 auto;
  width: 980px;
 	padding: 25px 0 170px;
}
 
#footer {
	width: 100%;
 	height: 170px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #0b579b;
	text-align: center;
}
#header {
  position: relative;
  margin: 0 auto;
  width: 980px; height: 167px;
}
#content {
  padding-bottom: 20px;
  width: 730px; 
  float: right;
}
#column {
  padding-bottom: 20px;
  width: 215px;
  float: left;
}
/* Logo */
#logo   { float: left; }
#logo a {
	display: block; 
	position: relative;
	margin: 0px; padding: 45px 0 0 10px;
	width: 334px;	height: 85px; line-height: 75px;
	font-size: 0em; font-weight: bold; 
  color: #0b579b !important; text-decoration: none;
}
#logo a span {
	display: block;
	position: absolute;	left: 0px;	top: 25px;	z-index: 1;
	margin: 0;	padding: 0;
	width: 334px;	height: 96px;
	cursor: pointer;
	background: url(../images/logoAlextoys.jpg) 0 0 no-repeat;
}
/* zalozky - hlavni menu */
#mainMenu{
  float: right;
  padding: 3px 0 0 0; margin: 0 !important;
  height: 34px;
}
#mainMenu li, #mainMenu a, #mainMenu a span{
  display: block;
  height: 34px;
  float: left;
  position: relative;
  left: 0;
}
#mainMenu li{
  padding-left: 6px;
  background: url('../images/tab_fix.gif') 7px 28px no-repeat;
}
#mainMenu a{
  padding-left: 5px;
  background: url('../images/tab_l.gif') left -48px no-repeat;
  text-decoration: none;
  cursor: pointer;
}
#mainMenu span{
  line-height: 35px;
  font-weight: bold;
  font-size: 13px;
  padding: 0 15px 0 9px;
}
#mainMenu li a{
  background: url('../images/tab_l.gif') left top no-repeat;
}
#mainMenu li a span{
	color: #FFFFFF;
  background: url('../images/tab_r.gif')  right top no-repeat;
}
#mainMenu li a:hover{
  background-position: left -48px;
}
#mainMenu li a:hover span {
  color: #0b5ea8;
  background-position: right -48px;
}
#mainMenu li.active a{
  background-position: left -87px;
}
#mainMenu li.active a span{
  color: #0b5ea8;
  background-position: right -87px;
}
/* drobeckova navigace */
.breadcrumbs{
  margin: 0 0 25px 0px; padding-top: 0px;
  font-size: .9em;
}
.breadcrumbs li, .breadcrumbs a, .breadcrumbs p{
  display: block;
  float: left;
  color: #ff2805;
}
.breadcrumbs p {
  padding-top: 2px;
  color: #050505;
}
.breadcrumbs li{
  list-style-type: none;
  padding-left: 25px;
  color: #7b7b7b;
  background: url('../images/breadcrumb_arrow.gif') 10px 60% no-repeat;
}
.breadcrumbs li.home{
  padding-left: 10px;
  background: none;
}
/* submenu */
.submenu {
  position: relative;
  padding: 14px 0; margin-bottom: 20px;
  width: 221px;
  background: url(../images/submenu.gif) 0 0 repeat-y;
}
.submenuTop {
  position: absolute; top: 0; left: 0;
  width: 221px; height: 14px;
  background: url(../images/submenuTop.gif) 0 0 no-repeat;
}
.submenuBottom {
  position: absolute; bottom: 0; left: 0;
  width: 221px; height: 14px;
  background: url(../images/submenuBottom.gif) 0 0 no-repeat;
}
.submenu ul {
  margin: 0 5px;
  width: 211px;
}
.submenu li {
  /* height: 43px */ line-height: 43px;
}
.submenu li.active {
  border-bottom: 1px solid #348bbb;
  background: #d9eaf4 url(../images/submenuActive.gif) 0 17px no-repeat;
}
.submenu li a,
.submenu li span {
  display: block;
  padding-left: 55px;
  color: #0b5ea8; font-weight: bold;
  text-decoration: none !important;
  background-position: 7px 0px;
  background-repeat: no-repeat;
}
.submenu li a:hover {
  color: #ff2705;
}
.submenu li .sub { display: none;  margin: 0 0 5px 0; padding: 0; }
.submenu li.active .sub { display: block; }
.submenu li .sub li {
  height: 25px !important; line-height: 25px !important;
  font-size: .917em; display: block;
  background: url('../images/bg-sub-middle.gif') 35px 50% no-repeat !important;
}
.submenu li .sub li.last {
  background: url('../images/bg-sub-last.gif') 35px 50% no-repeat !important;
}
.submenu li .sub li a {
  display: block;
  padding: 0 10px 0 60px !important;
  color: #0b579b;
  background: none !important;
}
.submenu li .sub li.active {
  border: none;
  background: none; 
}
.submenu li .sub li.active a,
.submenu li .sub li a:hover {
  color: #ff2705;
}
/* icons submenu */
.submenu li.art a    {  background-image: url(../images/submenu/ico-art.gif); }
.submenu li.bath a   {  background-image: url(../images/submenu/ico-bath.gif); }
.submenu li.book a   {  background-image: url(../images/submenu/ico-book.gif); }
.submenu li.car a    {  background-image: url(../images/submenu/ico-car.gif); }
.submenu li.craft a  {  background-image: url(../images/submenu/ico-craft.gif); }
.submenu li.gecko a  {  background-image: url(../images/submenu/ico-gecko.gif); }
.submenu li.junior a {  background-image: url(../images/submenu/ico-junior.gif); }
.submenu li.play a   {  background-image: url(../images/submenu/ico-play.gif); }
.submenu li.hands a  {  background-image: url(../images/submenu/ico-hands.gif); }
.submenu li.style a  {  background-image: url(../images/submenu/ico-style.gif); }
.submenu li.teddy a  {  background-image: url(../images/submenu/ico-teddy.gif); }
.submenu li.music a  {  background-image: url(../images/submenu/ico-music.gif); }
.submenu li.ball a   {  background-image: url(../images/submenu/ico-ball.gif); }
.submenu li.noentry a   {  background-image: url(../images/submenu/ico-noentry.gif); }
.submenu li.cart a,
.submenu li.cart span {  background-image: url(../images/submenu/ico-cart.gif); }
.submenu li.user a,
.submenu li.user span {  background-image: url(../images/submenu/ico-user.gif); }
.submenu li.forwarding a,
.submenu li.forwarding span {  background-image: url(../images/submenu/ico-forwarding.gif); } 
.submenu li.lock a,
.submenu li.lock span {  background-image: url(../images/submenu/ico-lock.gif); }
.submenu li.rate a,
.submenu li.rate span {  background-image: url(../images/submenu/ico-rate.gif); }

.submenu li.cart.active a, .submenu li.cart.active span,
.submenu li.user.active a, .submenu li.user.active span,
.submenu li.forwarding.active a, .submenu li.forwarding.active span,
.submenu li.lock.active a, .submenu li.lock.active span,
.submenu li.rate.active a, .submenu li.rate.active span  { background-position: 7px -44px !important; }

/* tabPanel Homepage */
#tabPanel {
  position: relative;
  margin-bottom: 30px;
  width: 730px; height: 252px;
  background: #348bbb url(../images/tabPanel.jpg) 0 0 no-repeat;
}
#tabPanel .ui-tabs-panel {
  padding: 2em 0 2em 2em;
  color: #fff;
}
#tabPanel .tabContent {
  position: relative; z-index: 20;
}
#tabPanel .photo {
  position: absolute;
  display: block;
  z-index: 5;
}
#tabs-1 .photo {
  top: 35px; right: 0px;
  width: 213px; height: 246px;
  background: url(../images/tabPanelOne.jpg) 0 0 no-repeat;
}
#tabs-2 .photo {
  top: 29px; right: -20px;
  width: 215px; height: 255px;
  background: url(../images/tabPanelTwo.jpg) 0 0 no-repeat;
}
#tabs-3 .photo {
  top: 27px; right: -14px;
  width: 210px; height: 275px;
  background: url(../images/tabPanelThree.jpg) 0 0 no-repeat;
}
/* Tabs
----------------------------------*/
#tabPanel.ui-tabs { zoom: 1; }
#tabPanel.ui-tabs .ui-tabs-nav { float: left; width: 218px; list-style: none; position: relative; }
#tabPanel.ui-tabs .ui-tabs-nav li { position: relative; display: block; height: 84px; margin: 0 .2em 0 0; padding: 0; }
#tabPanel.ui-tabs .ui-tabs-nav li a { display: block; height: 84px; line-height: 84px; padding-left: 1em; color: #fff;  background: url(../images/borderTab.gif) left bottom repeat-x; font-weight: bold;}
#tabPanel.ui-tabs .ui-tabs-nav li.ui-tabs-selected a    { text-decoration: none; }
#tabPanel.ui-tabs .ui-tabs-nav li.ui-tabs-selected span {
	position: absolute;
	width: 215px;	height: 1px;
  left: 0; top: -1px;
	background: url(../images/borderTab.gif) left top repeat-x;
}
#tabPanel.ui-tabs .ui-tabs-nav li.first span { background: none; }
#tabPanel.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active        { background: #348bbb; }
#tabPanel.ui-tabs .ui-tabs-nav li.first.ui-tabs-selected.ui-state-active  { background: #348bbb url(../images/tabs_first.gif) 0 0 no-repeat; }
#tabPanel.ui-tabs .ui-tabs-nav li.last.ui-tabs-selected.ui-state-active   { background: #348bbb url(../images/tabs_last.gif) 0 100% no-repeat; }
#tabPanel.ui-tabs .ui-tabs-nav li.last a  { background: none; }
#tabPanel.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { text-decoration: none; }
#tabPanel.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#tabPanel.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabPanel.ui-tabs .ui-tabs-panel { float: left; width: 320px; margin-left: 20px; display: block; background: none; }
#tabPanel.ui-tabs .ui-tabs-hide  { display: none !important; }
/* --- Button --- */
a.btnFix {
  display: block; 
  width: 260px; height: 36px; line-height: 36px;
  text-align: center; 
  color: #fff !important; font-weight: bold; 
  text-decoration: none !important; text-transform: uppercase; 
  background: url('../images/btnRed.png') 0 0 no-repeat; }
}
a:hover.btnFix {
  color: #f2f2f2;
  text-decoration: underline !important;
}
a.btn {
	display: block; float: left;
	margin: 0 10px 0 0; padding-right: 10px;
	height: 36px;
	color: #fff !important; font-size: 1em; 
  text-transform: uppercase; text-decoration: none; 
  background: transparent no-repeat scroll top right;
}
a.btn span {
  display: block;
  padding: 4px 10px 5px 20px;
	line-height: 27px;
	font-weight: bold;
}
a:hover.btn {  text-decoration: none !important; }
a.addCart { background-image: url(../images/bgAddCart.gif);}
a.addCart span { 	background: transparent url(../images/bgAddCart.gif) no-repeat; }
a.bgBlue { background-image: url(../images/btnBlue.gif);}
a.bgBlue span { 	background: transparent url(../images/btnBlue.gif) no-repeat; }
.box a.bgBlue { background-image: url(../images/btnBlueBox.gif);}
.box a.bgBlue span { 	background: transparent url(../images/btnBlueBox.gif) no-repeat; }
a:hover.addCart, a:active.addCart, a:visited.addCart { color: #fff; }
a:hover.addCart {  color: #f1f1f1;	background: transparent url(../images/bgAddCart.gif) no-repeat scroll bottom right; }	
a:hover.addCart span {	background: transparent url(../images/bgAddCart.gif) no-repeat  bottom left; }
/* --- Nakupni kosik - krokovani  --- */
a:hover.btn {  text-decoration: none !important; }
a.bgCart { background-image: url(../images/btnCart.png);}
a.bgCart span {	background: transparent url(../images/btnCart.png) no-repeat;}
/* btn search */
a.btnSearch,
a.btnCartCross {
	display: block; float: right;
	margin: 0; padding-right: 10px;
	height: 29px;
	color: #fff !important; font-size: 1em; 
  text-transform: uppercase; text-decoration: none; 
  background: transparent no-repeat scroll top right;
}
a.btnSearch span,
a.btnCartCross span {
  display: block;
  padding: 4px 10px 5px 20px;
	line-height: 20px;
	font-weight: bold;
}
a:hover.btnSearch {  text-decoration: none !important; }
a.btnSearch { background-image: url(../images/btnSearch.gif);}
a.btnSearch span { 	background: transparent url(../images/btnSearch.gif) no-repeat; }
a.btnCartCross { background-image: url(../images/btnCartCross.gif);}
a.btnCartCross span {	background: transparent url(../images/btnCartCross.gif) no-repeat;}
a.btnCartCross {
  margin-left: 8px; padding-right: 5px;
  font-size: .8em; color: #fff !important; text-transform: none;
}
a.btnCartCross span {
  padding: 4px 5px 5px 10px; color: #fff !important;
}
a.btnRight { 
  float: right;
	margin: 0 0 10px; padding-right: 20px;
  background-position: right 0; 
}
a.btnRight span { 
  padding: 4px 10px 5px 20px;
  background-position: left 0;
}
a.btnLeft { 
  float: left;
	margin: 0 0 10px; padding-left: 20px; padding-right: 0; 
  background-position: left -36px; }
a.btnLeft span { 
  padding: 4px 20px 5px 10px;
  background-position: right -36px;
}
/* Výpis produktů */
#productList .product {
  position: relative;
  float: left;
  width: 242px; height: 290px;
  padding-top: 10px;
  border-right: 1px solid #348bbb;
  border-bottom: 1px solid #348bbb;
}
#productList.related .product {
  border-right: 1px solid #d9eaf4;
  border-bottom: none;  
}
#productList.related .product .thumb {
  float: none; 
  overflow: hidden; 
  width: auto;
}
#productList .product.last {  border-right: none; }
#productList .product .thumb {
  text-align: center;
  margin-bottom: 5px;
  height: 150px;
}
#productList .product h2 {
  margin: 0 10px;
  height: 45px; overflow: hidden;
  text-align: left;
  margin-bottom: 0; padding-right: 40px;
}
#productList .product h2 a {
  font-size: .7em;
  color: #ff2805; font-weight: bold;
}
#productList .product .price {
  float: right;
  margin: 0 10px 0 0;
  color: #5a5a5b; 
  font-size: .8em;
}
#productList .product .price strong {
  color: #0a0a0b;
  font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; 
  font-size: 1.2em;
}
#productList .product p {
  margin: 0 10px 5px 10px;
  font-size: 0.8em;
  text-align: left;
}
#productList .product .age  { color: #0a0a0b; }
#productList .product .spec { color: #0b579b; height: 37px; overflow: hidden; }
#productList .product .accessible,
#detailProduct .info .accessible,
.tab .accessible  { color: #1a7c03; font-weight: bold; }
#productList .product .inaccessible a,
#detailProduct .info .inaccessible a,
.tab .inaccessible { color: #ff2805; font-weight: bold; }
#productList .product .ontheway,
#detailProduct .info .ontheway { color: #ff2805; font-weight: bold; }
#productList .product .ico-award {
  position: absolute; left: 17px; top: 60px;
  width: 30px; height: 50px;
  background: url(../images/ico/ico-award.gif) 0 0 no-repeat;
}
/* Label produktu ve vypise */
#productList .product .label {
  position: absolute; top: 120px; left: -6px;
  width: 79px; height: 34px;
  z-index: 10;
}
.label .sale,
.label .news { margin: 0; padding: 0; display: block; width: 79px; height: 32px; }
.label .sale { background: transparent url(../images/label-sale.png) 0 0 no-repeat; }
.label .news { background: transparent url(../images/label-news.png) 0 0 no-repeat; }
/* Vypis kategorii */
#categoryList .category {
  position: relative;
  float: left;
  margin-bottom: 30px;
  width: 240px; height: 150px;
}
#categoryList .category h2 {
  margin-bottom: 5px;
  font-size: 1em; font-weight: bold;
}
#categoryList .category h2 a{
  color: #f9280a;
}
#categoryList .category a.thumb {
  position: relative;
  display: block;
}
#categoryList .category a.thumb span {
  display: block;
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(../images/category-corners.png) 0 0 no-repeat;
}
.catDescriptions {
  padding-top: 11px; margin-bottom: 20px;
  width: 730px;  height: 100%;
  overflow: hidden;
  background: #d9eaf4 url(../images/bgCatDescTop.gif) 0 0 no-repeat;
}
.catDescriptions span.bg {
  display: block;
  padding: 0 20px 10px;
  position: relative;
  background: #d9eaf4 url(../images/bgCatDesc.gif) left bottom no-repeat;
}

.catDescriptions a.drop     { font-size: .9em; padding: 2px 10px 2px 15px; color: #0B5EA8; background: url(../images/ico/ico-plus-minus.gif) 2px 1px no-repeat; font-weight: bold; text-decoration: none; }
.catDescriptions a.hideMore { background-position: 2px -16px;}

.catDescriptions .thumb {
  position: relative;
  margin: 5px 10px 0 0; padding: 0;
  float: left; 
}
.catDescriptions .thumb div {
  position: absolute; top: 0; left: 0; z-index:10;
  width: 100%; height: 100%;
  background: url(../images/category-corners-blue.png) 0 0 no-repeat;
}
.catDescriptions p, .catDescriptions ul{
  margin-bottom: 0 !important;
  color: #094b86;
}
.catDescriptions h2 {
  margin: 0 0 5px 30px; 
  font-size: .9em; font-weight: bold;
}
.catDescriptions ul li{
  margin-left: 30px; padding-left: 15px;
  font-size: .9em; line-height: 2em;
  background: url(../images/list-square.gif) 0 11px 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;
}
.catFilter, .catBestsellery {
  position: relative;
  padding-top: 11px; margin-bottom: 20px;
  width: 730px;
  font-size: .9em; color:#094b86;
  background: #fff url(../images/bgCatFilterTop.gif) 0 0 no-repeat;
}
.catFilter span, .catBestsellery span.bg {
  display: block;
  padding: 0 0 10px;
  background: #fff url(../images/bgCatFilter.gif) left bottom no-repeat;
}
.catFilter .title, .catBestsellery .title {
  margin: 0 0 5px 20px;
  font-size: 1.2em; font-weight: bold;
}
.catFilter .value {
  border: 0;  
  color: #094b86 !important; font-weight: bold;
  background: none;
}
.catFilter label,
.catFilter .ui-slider {
  margin-left: 20px;
}
.catFilter ul {
  margin: 0 20px;
  height: 100%; overflow: hidden; 
}
.catFilter ul li {
  float: left;
  margin-right: 10px;
  font-size: .9em;
}
.catFilter ul li.first {
  margin-right: 10px;
  font-weight: bold;
}
.catFilter ul li.last {
  float: right; margin-right: 0;
}
.catFilter ul li label {
  margin: 0; padding-top: 4px; padding-bottom: 4px;
}
.catFilter .sexFilter {
  margin-bottom: 5px;
}
.catFilter .btnFilter {
  position: absolute; bottom: 10px; right: 20px;
  margin: 0; padding:0 8px;
  height: 24px; line-height: 24px;
  color: #0063a8; font-size: 14px; font-weight: bold;
  text-shadow:1px 1px 1px #FFFFFF;
  vertical-align:middle;
  border-color: #D1D1D1 #C1C1C1 #A1A1A1; border-style: solid; border-width: 1px;
}

.catFilter  a.show-brand          { margin: 0 20px; padding-left: 15px; float: right; color: #094B86; font-size: .9em; font-weight: bold; text-decoration: none; background: url(../images/ico/ico-arrow-down.gif) 0 8px no-repeat; }
.catFilter  a.up                  { background: url(../images/ico/ico-arrow-up.gif) 0 8px no-repeat; }
.catFilter .brand                 { margin: 0 1px; }
.catFilter .brand .filter-cols    { display: none; overflow:hidden; position:relative; top:0; }
.catFilter .brand .filter-cols li { width: 22%; height: 20px; display: block; }                                              
.catFilter .brand .filter-cols li.check-all { float: none; width: 100%; margin: 2px 0 5px; }

/* Strankovani */
.paging {
  float: right;
  height: 22px; line-height: 30px;
  margin-bottom: 30px;
}
.paging a {
  float: left;
  margin: 0 6px;
}
.paging span {
  display: block;
  float: left;
}
.paging a {
  color: #ff2805; 
}
.paging a:hover {
  color: #094b86;
}
.numbers a {
  display: block;
  padding: 0 3px; margin: 0 3px;
  font-weight: bold;
}
.numbers span {
  padding: 0 3px; margin: 0 3px;
  font-weight: bold; color: #094b86; 
}
.arrow-left { padding: 0 0 0 20px; background: url(../images/arrow-left.gif) 0 8px no-repeat; }
.arrow-right { padding: 0 20px 0 0; background: url(../images/arrow-right.gif) 100% 8px no-repeat; }
/* Počet produktu na strance */
.howMuch {
	float:left;
}
.howMuch a {
	float:left;
 	margin: 0 15px 0 5px; padding: 0 0 0 15px;
  height: 22px; line-height: 30px;
	font-size: 12px;text-decoration:none;
	overflow:visible; color: #ff2805;
	background-image: url('../images/listings.gif');
	background-repeat: no-repeat;
}
.howMuch a:hover    { color: #094b86; }
.howMuch .active    { color: #094b86; }
.howMuch .perPage9 { background-position: 0px bottom; }
.howMuch a:hover.perPage9,
.howMuch .perPage9.active { background-position: -120px bottom !important; }
.howMuch .perPage18 { background-position: -40px bottom; }
.howMuch a:hover.perPage18,
.howMuch .perPage18.active { background-position: -160px bottom !important; }
.howMuch .perPage36 { background-position: -80px bottom; }
.howMuch a:hover.perPage36,
.howMuch .perPage36.active { background-position: -200px bottom !important; }
/* Paticka - obsah */
#footer .inner {
  margin: auto;
  width: 980px; height: 150px;
}
#footer .inner a {
  color: #fff;
}
/* copyright */
#footer .inner .copyright {
  position: relative;
  margin: 0; padding: 40px 75px 0 0;
  float: right;
  color: #fff; font-weight: bold;
  text-align: right;
}
#footer .inner .copyright span {
	position: absolute;	right: 0;	top: 40px;	z-index: 1;
  display: block; 
  width: 61px; height: 62px;
  background: url(../images/footAlexToys.gif) 0 0 no-repeat;
}
/* navigace */
#footer .inner ul {
  display: block;
  margin: 0 0 5px 5px;
  text-align: left;
}
#footer .inner ul li {
  display: inline;
  margin: 0 10px 0 0;
  color: #fff;
  line-height: 2em;
}
#footer .inner ul li a {
  color: #fff;
}
#footer .inner ul li a.facebook { padding-left: 22px; background: url(../images/ico/ico-facebook-16.png) 0 50% no-repeat; }
#footer .inner ul li a.youtube { padding-left: 22px; background: url(../images/ico/ico-youtube-16.png) 0 50% no-repeat; }
#footer .inner ul.ul-author { padding-top: 10px; }
#footer .ext    { padding: 0; background: none; }
#footer .author { padding: 0 0 5px 25px; background: url(../images/logoBreezy.gif) 2px 0px no-repeat; }
/* Formulare */
fieldset { margin: 0; padding: 0; border: none; }
/* Form newsletter */
#duck {
  padding: 40px 0 0 75px; 
  width: 420px; height: 150px;
  background: url(../images/duck.gif) 0 30px no-repeat;
}
/* search box */
#searchBox {
  padding: 10px; 
  position: absolute; top: 45px; left: 360px;
  height: 37px; 
  background: url(../images/bg-searchbox.gif) no-repeat;
}
#searchBox #search {
  margin: 0;
  height: 30px;
}
#searchBox #search .con {
  margin: 0 10px 0 0; padding: 0; float: right;
  width: 235px; height: 37px; line-height: 37px; 
  background: url(../images/bgTextInputSearch.png) 0 0 no-repeat;
  _background: url(../images/bgTextInputSearch.gif) 0 0 no-repeat;
}
#searchBox #search .con .input {
  margin: 0; padding: 9px;
  width: 217px;
  font-size: 1.133em; color: #275b92;
  border: none;
  background: none;
}
#searchBox a.btnSearch {
	height: 36px;
	font-size: 1em;  
}
#searchBox a.btnSearch span {
  padding: 9px 10px 7px 20px;
	line-height: 20px;
}

/* user */
#cart  { 
  float: right;
  margin: 0
}
#cart p {
  padding: 12px 0 0 10px;
  color: #fff;
	position: relative;
	font-size: .9em;
}
#cart p strong { display: block; text-transform: uppercase; }
#cart p span {
  display: block;
  font-weight: normal; 
  text-transform: none;
}
#cart p a {
  color: #fff;
}
#cart p a.icon span {
	display: block;
	position: absolute;	left: -50px; top: 5px;	z-index: 1;
	margin: 0;	padding: 0;
	width: 48px;	height: 48px;
	cursor: pointer;
	background: url(../images/ico/ico-cart.png) 0 5px no-repeat;
  behavior: url(http://www.alextoys.cz/public/js/iepngfix.htc);
}
#cart p a.full span {	background: transparent url(../images/ico/ico-cartFull.png) 0 -2px no-repeat !important;}

#headerBox {
  float: right;
  margin: 20px 0 0;
}
#headerBox ul {
  float: right;
}
#headerBox ul li {
	position: relative;
	display: block; float: left;
	margin-left: 10px; color: #fff;
	font-size: .9em;
}
#headerBox ul li a {
  color: #fff;
}

/* Box left column */
.box {
  position: relative;
  margin: 0 0 20px; padding: 21px 0 19px;
  width: 221px; min-height: 100px;
  text-align: center;
  border: 1px solid #459bc3;
  background: #e0eef6;
}
.boxTop {
  position: absolute; top: -1px; left: -1px;
  width: 223px; height: 21px;
  background: url(../images/boxTop.gif) 0 -22px no-repeat;
}
.boxBottom {
  position: absolute; bottom: -1px; left: -1px;
  width: 223px; height: 19px;
  background: url(../images/boxBottom.gif) 0 0 no-repeat;
}
.box h3 { font-size: 1.3em; margin: 0 10px 10px; }
.box h3 span { padding: 5px 5px 5px 28px; }
.box h3.light span { background: url(../images/ico/ico-light.png) 0 55% no-repeat; }
.box h3.support span { background: url(../images/ico/ico-support.png) 0 55% no-repeat; }
.box h3.ico-cart span { background: url(../images/ico/ico-cart-small.png) 0 55% no-repeat; }
.box h3.newsletter span { background: url(../images/ico/ico-newsletter.png) 0 55% no-repeat; }

.box p {
  margin: 0 15px 10px; text-align: left;
  font-size: .917em; color: #275b92;
}
.box .sticker{ 
  margin: -5px auto 5px; padding: 0; 
  display: block; 
  width: 80px; height: 80px; line-height: 80px;
  text-align: center; text-decoration: none;
  font-weight: bold; color: #fff; font-size: 1.2em;
  background: transparent url(../images/stickerBig.png) 0 0 no-repeat; 
}
.facebook {
  margin: 0;
  text-align: center;
}
/* icons conctact box */
.box ul.contact          { margin: 0 15px 10px; }
.box ul.contact li       { padding-left: 22px; text-align: left; font-size: .917em; line-height: 2em; color: #275b92; }
.box ul.contact li.skype { background: url(../images/ico/ico-skype.png) 0 6px no-repeat; }
.box ul.contact li.email { background: url(../images/ico/ico-email.png) 0 6px no-repeat; }
.box ul.contact li.phone { background: url(../images/ico/ico-phone.png) 0 6px no-repeat; }
/* Box cart */
.box .item { margin: 0 0 10px; padding: 0 5px 10px; text-align: left; border-bottom: 1px solid #CADCE6; }
.box .item  h3{ margin: 0 10px; padding: 0; font-size: 1em; font-weight: bold; }
.box .item  ul li { margin: 0 10px; padding: 0; height: 100%; overflow: hidden; color: #275b92; font-size: .8em; }
.box .item  ul li span   { float: left; }
.box .item  ul li .price { float: right; }
.box .item  ul li strong { float: right; font-size: 1.2em; }
.box .small { font-size: .8em !important; font-style: italic; }
/* Seznamy */
.ul-list, ol-list, .text-ul {
  margin: 0 0 20px 20px;
  font-size: 0.917em;
}
.ul-list li, .text-ul li {
  padding-left: 20px;
  line-height: 1.6em;
  background: url(../images/icoList.gif) 5px 8px no-repeat;
}
.ul-list li a,  .text-ul li a {
  color: #ff2705;
}
.ol-list li {
  padding-left: 10px; margin-bottom: 5px;
  line-height: 1.6em;
  list-style-type: decimal;
  font-size: .9em;
}
.noBull li{
  padding-left: 0;
  background: none !important;
}
ul.contactList { font-size: .9em; margin-top: -10px;  }
ul.sitemap { font-weight: bold; }
ul.sitemap li ul { margin-bottom: 0; padding-left: 1.25em }
ul.sitemap li ul li { font-weight: normal; } 

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

/* Obrazky v textu */
.img-right {
  display: block; float: right;
  margin: 0 0 20px 10px;
  border: 5px solid #efefef;
}
.img-left {
  display: block; float: left;
  margin: 0 10px 20px 0;
  border: 5px solid #efefef;
}
.img-clear {
  margin: 0 10px 0 0;
  border: 5px solid #efefef;
}
/* Tabulka */
.tab {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
}
.tab tr th {
  padding: 9px 15px 9px 15px;
  text-align: left;
  color: #fff;
  background: #0e599c;
}
.tab tr td {
  padding: 11px 15px;
  color: #0d4a89;
  border-bottom: 1px solid #0d4a89;
}  
.tab tr .r {
  text-align: right;
}
/* Tabulka - kosik */
.tabCart {
  width: 730px;
}
.tabCart tr.top {
  background: #0d4a89 url(../images/bg-tabCart-th.gif) 0 0 no-repeat;
}
.tabCart tr th {
  background: transparent;
}
.tabCart tr.total td {
  font-weight: bold;
  background: #d9eaf4; 
}
.tabCart tr.total td a {
  color: #0D4A89; font-size: .917em;
}
.tabCart .input {
  padding: 3px 6px; margin-right: 5px;
  width: 26px; height: 14px;
  color: #094b86; text-align: center;
  border: none; 
  background: url(../images/bgCountInput.gif) 0 0 no-repeat;
}

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

/* -- Icons -- */
.ico {
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	margin: 3px 5px 0;
	_margin: 2px 2px 0;
	overflow: hidden;
	text-indent: 25px;
}
.ico-delete {	background: url(../images/ico/ico-delete.gif) 0 0 no-repeat; }
/* -- cart animation -- */
#cartAnimation {
  position: relative;
  padding-top: 11px; margin-bottom: 20px;
  width: 730px; height: 100%; overflow: hidden;
  background: url(../images/bg-precart-top.gif) 0 0 no-repeat;
}
#cartAnimation span {
  display: block;
  padding: 0 20px 10px;
  height: 55px;
  background:  url(../images/bg-precart-bottom.gif) left bottom no-repeat;
}
#cartAnimation p {
  position: absolute; top: 65px; left: 20px;
  margin: 0 !important; padding-left: 60px;
  height: 55px; line-height: 55px !important;
  color: #0d4a89; font-size: 1em !important;
}
#cartAnimation .cartToys {
  margin: 0; padding: 0;
  position: absolute; top: 75px; left: 20px;
  width: 60px; height: 50px; overflow: hidden;
	background: url(../images/ico/ico-cartFull.png) 0 0 no-repeat;
}
/* Detail productu */
#detailProduct .descriptions {
  position: relative;
  float: right;
  width: 430px;
  border-left: 1px solid #d9eaf4;
}
#detailProduct .descriptions h2 {
  margin: 0 10px 5px; font-size: .917em; font-weight: bold;
}
#detailProduct .descriptions p {
  margin: 0 10px 10px;
  color: #094b86;
}
#detailProduct .descriptions .label {
  position: relative; top: 0px; left: -6px;
  display: block;
  width: 79px;
  z-index: 10;
}
#detailProduct .descriptions ul.info {
  margin: 0 0 0 10px; padding-top: 10px;
}
#detailProduct .descriptions ul.info li{
  line-height: 1.8em;
  font-size: 0.917em; color: #094b86;
}

#detailProduct .descriptions ul.priceList { margin: 0 0 5px 10px; padding-top: 10px; }
#detailProduct .descriptions ul.priceList li {   line-height: 1.8em; font-size: 0.917em; color: #094b86; }
#detailProduct .descriptions ul.priceList li .sale { color: #FF2805; }

#detailProduct  ul.share{
  margin: 0 20px 10px 0;
}
#detailProduct  ul.share li{
  display: inline;
  margin: 0 3px 0 10px; 
  line-height: 1.8em;
  font-size: 0.8em; 
}
#detailProduct  ul.share li a { padding-left: 20px; color: #094b86; background-repeat: no-repeat; background-position: 2px 65%; }
#detailProduct  ul.share li a.download  { background-image: url(../images/ico/ico-download.png); }
#detailProduct  ul.share li a.print     { background-image: url(../images/ico/ico-print.png); }
#detailProduct  ul.share li a.commend   { background-image: url(../images/ico/ico-commend.png); }
#detailProduct  ul.share li a.facebook  { background-image: url(../images/ico/ico-facebook.png); }
#detailProduct .descriptions .boxProduct {
  width: 439px; height: 53px; line-height: 53px;
  background: #d9eaf4 url(../images/bgBox.gif) 100% 0 no-repeat;
}
#detailProduct .descriptions .boxProduct .price {
  margin: 0 0 0 15px; font-size: 1em;
  height: 53px; line-height: 53px;
  font-weight: bold; color: #094b86;
}
#detailProduct .descriptions .boxProduct .price strong { font-size: 1.1em; color: #ff2805;  }
#detailProduct .descriptions .boxProduct a.btn {
  margin: 9px 10px 0;
  font-size: .8em;
}
.count {
  color: #094b86;
}
.count .input {
  padding: 3px 6px; margin-right: 5px;
  width: 26px; height: 14px;
  color: #094b86; text-align: center;
  border: none; 
  background: url(../images/bgCountInput.gif) 0 0 no-repeat;
}
#detailProduct .imageProduct {
  float: left;
  width: 290px;
  text-align: center;
}
#detailProduct .imageBig  {
  position: relative;
  height: 240px; overflow: hidden;
}
#detailProduct .imageBig a.ico-thumb {
  position: absolute; bottom: 5px; left: 30%;
  margin: 0; padding-left: 25px;
  color: #094b86 !important; font-size: 0.917em;
  background: url(../images/ico/ico-thumb.gif) 5px 53% no-repeat;
}

#detailProduct .sticker, 
#productList .sticker { 
  position:absolute;
  margin: 0; padding: 0; 
  display: block; 
  width: 65px; height: 65px; line-height: 65px;
  text-align: center; 
  font-weight: bold; color: #fff; font-size: 1.3em;
  background: transparent url(../images/sticker.png) 0 0 no-repeat; 
  z-index: 10;
}

#detailProduct .sticker { top: 0; left: 0; } 
#productList .sticker   { top: 55px; right: 10px; }
#detailProduct #productList .sticker { top: 55px; left: 170px !important; }

/* -- scroll thumb toys -- */
#detailProduct .thumb { position: relative; float: right; overflow: hidden; width: 285px; height: 100%; margin: 0; }
#detailProduct .thumb .in { position: relative; z-index: 10; width: 190px; height: 83px; overflow: hidden; margin-left: 45px; }
#detailProduct .thumb .in ul { width: 5000px; overflow: hidden; }
#detailProduct .thumb .in ul li { float: left; margin-right: 5px; }
#detailProduct .thumb .in ul li a { display: block; }
#detailProduct .thumb .navi { position: absolute; width: 285px; height: 91px; left: 0; top: 0; }
#detailProduct .thumb .navi li { position: absolute; top: 35px; width: 12px; height: 18px; overflow: hidden; text-indent: 20px; }
#detailProduct .thumb .navi li a { display: block; width: 100%; height: 100%; }
#detailProduct .thumb .navi li.prev { left: 16px; }
#detailProduct .thumb .navi li.prev a { background: url('../images/bg-submenu-prev.png') 0 0 no-repeat; }
#detailProduct .thumb .navi li.next { right: 16px; }
#detailProduct .thumb .navi li.next a { background: url('../images/bg-submenu-next.png') 0 0 no-repeat; }
#detailProduct .thumb .navi li a:hover { background-position: 0 -18px;}
/* -- ico sex toys -- */
.boy { padding: 4px 20px 4px 0; background: url(../images/ico/ico-male.png) right 2px no-repeat; }
.girl { padding: 4px 20px 4px 0; background: url(../images/ico/ico-female.png) right 2px no-repeat; }
.unisex { padding: 4px 23px 4px 0; background: url(../images/ico/ico-female-male.png) right 0 no-repeat; }
.titleBox {
  position: relative;
  margin-bottom: 20px;
  width: 730px; height: 40px; line-height: 40px;
  background: #d9eaf4 url(../images/titleBox.gif) 0 0 no-repeat;
  z-index: 20;
}
.titleBox h2 {
  margin: 0 20px;
}
.titleBox a {
  margin: 0 20px;
  font-size: .917em;
}
.noBg { background: none !important; }
/* -- moreInfo  -- */
#moreInfo {
  position: relative;
  padding-top: 30px;
}
#moreInfo .content {
  padding-top: 11px; margin-bottom: 20px;
  background: #fff url(../images/bgLinksTop.gif) 0 0 no-repeat;
}
#moreInfo .content span.bg {
  display: block;
  padding: 5px 20px 10px;
  background: #fff url(../images/bgLinks.gif) left bottom no-repeat;
}
#moreInfo .bookmarks{
  position: absolute;
  left: 10px;
  top: 1px;
}
#moreInfo .bookmarks li, #moreInfo .bookmarks a, #moreInfo .bookmarks a span{
  display: block;
  height: 30px;
  float: left;
  position: relative;
  left: 0;
}
#moreInfo .bookmarks li{
  padding-left: 6px;
  background: url('../images/tab_fix.gif') 7px 28px no-repeat;
}
#moreInfo .bookmarks a{
  padding-left: 5px;
  background: url('../images/bookmarks_l.gif') left -48px no-repeat;
  text-decoration: none;
  cursor: pointer;
}
#moreInfo .bookmarks span{
  line-height: 31px;
  font-weight: bold;
  font-size: 13px;
  padding: 0 15px 0 9px;
}
#moreInfo .bookmarks li a{
  background: url('../images/bookmarks_l.gif') left 0 no-repeat;
}
#moreInfo .bookmarks li a span{
	color: #0b5ea8;
  background: url('../images/bookmarks_r.gif')  right 0 no-repeat;
}
#moreInfo .bookmarks li a:hover span {
  color: #ff2805;
}
#moreInfo h2 { display: block; width: auto; height: 40px; line-height: 40px; margin-bottom: 5px; padding: 0 10px 0 35px; background-repeat: no-repeat; }
#moreInfo h2.spec { background-image: url(../images/ico/ico-spec.gif); background-position: 5px 50%; }
#moreInfo h2.video { background-image: url(../images/ico/ico-video.gif); background-position: 0px 50%; }
#moreInfo h2.pdf   { background-image: url(../images/ico/ico-pdf.gif); background-position: 5px 50%;}
#moreInfo h2.game  { background-image: url(../images/ico/ico-game.gif); background-position: 0px 50%; }
#moreInfo h2.award { background-image: url(../images/ico/ico-awards.gif); background-position: 8px 50%; }
#moreInfo h2.rate  { background-image: url(../images/ico/ico-rate.gif); background-position: 1px 55%; }
#moreInfo .btn     { margin: 0; }

/* Tabs - #moreInfo
----------------------------------*/
#moreInfo.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: left -39px;  }
#moreInfo.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { color: #0b5ea8; background-position: right -39px;  }
#moreInfo.ui-tabs .ui-tabs-panel { display: block; }
#moreInfo.ui-tabs .ui-tabs-hide  { display: none !important; }
/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !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; }

/* Oceneni */
.awards {
  margin: 0 0 30px;
  min-height: 55px;
  padding-left: 40px;
  background: url(../images/awards.gif) 0 0 no-repeat;
}
.awards h3 {
  margin-bottom: 2px;
  font-size: 1em; font-weight: strong;
}
.awards p {
  font-size: 0.917em;
}
/* -- Overlay vrstva -- */
#overlay { display: none;}
.lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 102;
  width: 400px; /* vychozi sirka */
  margin-left: -200px; /* vychozi sirka/2 */
}
.lightbox .lightbox_content { position: relative; }
.lightbox a.close { background: url(../images/fancybox/fancy_closebox.png) 0 0 no-repeat; display: block; width: 30px; height: 30px; position: absolute; right: -12px; top: -12px; }
.lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;}
.lightbox .bottom { background-position: 0 100%;}
.lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;}
.lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;}
.lightbox .inside { background: #fff; padding: 15px 30px 0; overflow: auto; position: relative; }
.lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;}
.lightbox_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
/* Formulare */
.formBox {}
#user_register fieldset,
#personal_data_form fieldset,
#user_edit fieldset,
#edit_user fieldset, 
#edit_pass_user fieldset { border-bottom: 1px solid #d9eaf4; padding-bottom: 10px; margin-bottom: 20px; }
.formBox .clearfix {
  margin-bottom: 10px;
}
.formBox  label {
  margin: 0 10px 0 0;
  line-height: 30px;
  font-size: .9em;
  color: #094b86;
}
.formBox .correct {
  background: none; border: none;
}
.formBox .error label,
.formBox label span {
  color: #e12300;
}
.formBox .help {
  height: 100%; overflow: hidden;
}
.formBox .help label {
  float: left;
}
.formBox .help em {
  float: right;
  text-align: right;
  margin: 0 15px 0 0;
  line-height: 30px;
  color: #7b7b7b; font-size: .8em;
}
.formBox .lab .forgot {
  float: right;
  margin-right: 15px;
  color: #094b86; font-size: .917em;
}
.formBox .con {
  margin: 0; padding: 0;
  width: 224px; height: 35px; line-height: 35px; 
  background: url(../images/bgInputShort.gif) 0 0 no-repeat;
}
.formBox .error .con { 
  border: none;
  background: url(../images/bgInputShort.gif) 0 -35px no-repeat;
}
.formBox .con .input {
  margin: 0 10px; padding: 0;
  width: 204px;
  border: none; color: #275b92;
  background: none;
}
.formBox .error .con .input {
  margin: 0 30px 0 10px; padding: 0;
  width: 204px;
  border: none; 
  background: none;
}
.formBox .con-long {
  width: 425px !important; 
  background-image: url(../images/bgInputLong.gif) !important; 
}
.formBox .con-long .input {
  width: 405px !important;
}
.formBox .con-textarea {
  position: relative;
  margin: 0 0 20px 0; padding: 0;
  width: 723px; height: 130px;
  background: url(../images/bgTextarea.gif) 0 0 no-repeat;
}
.formBox .error .con-textarea { 
  background: url(../images/bgTextarea.gif) 0 -130px no-repeat;
}
.formBox .con-textarea .textarea {
  margin: 10px; padding: 0;
  width: 703px; height: 110px;
  border: none;  color: #275b92;
  background: none;
}
.formBox .error .con-textarea .textarea {
  margin: 10px 30px 10px 10px;
  width: 703px; 
}
.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 label { font-size: .8em !important; font-weight: bold;}

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

/* Chybove hlasky */
#form-message { margin: 0 0 20px 0;  }
#form-message.error { color: #ff2805; background: url(../images/ico/ico-error.gif) 0 4px no-repeat; }
#form-message.correct { color: #33b200; background: url(../images/ico/ico-correct.gif) 0 4px no-repeat; }
#form-message p { padding-left: 20px; margin-bottom: 2px; font-weight: bold; font-size: .9em; }
#form-message ul { margin: 0 0 0 20px; }
#form-message ul li { line-height: 1.8em; font-size: .8em; }

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

/* Aktuality */
#newsListHP .col2 {
  border-left: 1px solid #d9eaf4;
  border-right: 1px solid #d9eaf4;  
}
#newsListHP h3, #newsListHP p {
  margin-left: 15px; margin-right: 15px;
}
#newsListHP        { }
#newsListHP h3 a   { }
#newsListHP p.date { margin-bottom: 0; font-weight: bold; }
#newsListHP p      { font-size: .8em;  margin-right: 15px; }
#newsList .news { height: 100%; overflow: hidden; margin: 0 0px 20px; border-bottom: 1px solid #d9eaf4; }
#newsList .news h2 {  margin: 0 0 5px 0; font-size: 1.2em; }
#newsList .news p.date { margin-bottom: 0 !important; font-weight: bold; }
.newsListing {
  padding-top: 10px;
  border-top: 1px solid #d9eaf4;
}
#newsList .news .thumb,
.annotation .thumb {
  width: 90px; height: 90px;
  float: left;
}
#newsList .news p,
.annotation p {
  margin-left: 90px;
}
.annotation { height: 100%; overflow: hidden; margin: 0 0px 20px; }
/* listovani mezi aktualitami */
.newsListing ul {
  margin-left: 0; 
}
.newsListing ul li {
  font-size: .917em;
}
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; margin: 10px 0 15px; width: 303px; height: 11px !important; background: transparent url(../images/bg-slider.gif) 0 0 no-repeat; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 15px; height: 15px; cursor: default; background: transparent url(../images/bg-slider-actual.gif) no-repeat !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: 9px; }
.ui-slider-horizontal .ui-slider-handle { top: -2px; margin-left: -3px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #80b6d5 !important; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0px; }
.benefits {
  margin-left: 20px; padding: 0 30px;
  clear: both; height: 100%; overflow: hidden;
  border-left: 1px solid #d9eaf4;
}
.benefits ul li{
  font-size: .917em;
}
#companyForm, #addressForm { display: none; }
#payList {
  margin-bottom: 20px;
}
#payList .item {
  margin-bottom: 10px; padding-bottom: 10px;
  border-bottom: 1px solid #d9eaf4;
}
#payList .item p {
  margin-bottom: 0;
}
#payList .item label {
  font-weight: bold;
}
.titleBox .print {
  display: block;
  margin: 0 20px 10px; padding-left: 30px;
  height: 40px; line-height: 40px;
  background: url(../images/ico/ico-print_22x22.png) 0 10px no-repeat;
}
.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;
}
/* PROMO */
#promo { position: relative; margin-bottom: 30px; z-index: 20; }
#promo .col2 { float: right; }

/* SEARCH RESULTS */
/*
#search-results ul { margin: 25px 0px 0 0; padding: 0; }
#search-results ul li { padding: 0 0 0 25px; margin: 0 0 30px; list-style: none; }
#search-results ul li .num { float: left; margin: 0 0 0 -30px; font-size: 1.333em; font-weight: bold; color: #7b7b7b; }
#search-results ul li h2 { margin: 0 0 2px 0; padding: 0; font-weight: bold; border: none; font-size: 1.2em; }
#search-results ul li .section,
#search-results ul li .code { display: inline; margin: 0 20px 0 0; color: #7b7b7b; font-size: .8em; }
#search-results ul li .desc { margin: 0 0 2px; padding-top: 5px;}
#search-results ul li .phrase  { background: #d9eaf4; padding: 0; }
#search-results ul li a .phrase { text-decoration: underline; }
#search-results ul li a:hover .phrase { text-decoration: none; }
*/


#search-results .search-message,
.message { height: 40px; line-height: 40px !important; display: block; padding-left: 35px; margin-bottom: 2px;  }
#search-results p.correct,
p.message.correct { color: #426407;  background:#E3FDB6 url(../images/ico/ico-correct.gif) 10px 12px no-repeat; border: 1px solid #a5d05a; }
#search-results p.error,
p.message.error   { color: #770d0d;  background:#fdb6b6 url(../images/ico/ico-error.png) 10px 12px no-repeat; border: 1px solid #d05a5a; }
.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;
}

/* awardsList .item */
#awardsList .item {
  position: relative;
  float: left;
  margin-bottom: 20px;
  width: 49%; height: 90px; overflow: hidden;
}
#awardsList .item .thumb {
  float: left;
  width: 55px; height: 70px;
  text-align: center;
}
#awardsList .item p,
#awardsList .item h3 {
  margin-left: 60px;
}
#awardsList .item p {
  line-height: 1.5em;
}

/* nadpis s ikonou */
.title-award {
  height: 30px; line-height: 35px;
}
.title-award img {
  display: block; float: left;
  margin: 0 10px 0 0;
}

/* load-page */
#traced   { 
  position: relative; 
  margin-bottom: 20px;
  width: 100%; height: 31px; line-height: 31px;  
  text-align: center;
}
#traced p { 
  position: absolute; top: 0px; left: 0px; 
  line-height: 31px; 
}

/* --- hodnoceni hracek --- */
.tabRate .item { margin-bottom: 20px; padding-bottom: 20px;  border-bottom: 1px solid #d9eaf4; }
.tabRate .item ul { margin-bottom: 5px; overflow: hidden; }
.tabRate .item ul li { margin-left: 20px; color: #094b8c; float: right; font-weight: bold; font-size: .9em; }
.tabRate .item ul li.name { margin: 0; float: left; }

.tabRate .item ul li.date, 
.tabRate .item ul li.time { padding-left: 20px; background-repeat: no-repeat; }
.tabRate .item ul li.time { background-image: url(../images/ico/time.gif); background-position: 0 2px; }
.tabRate .item ul li.date { background-image: url(../images/ico/date.gif); background-position: 0 1px; }

.tabRate .item p { margin-bottom: 0; }

.tabRate .last { border: none; padding-bottom: 0; }

.tabRate .item .rating div { float: left; }
.tabRate .item .star-ratings { margin-left: 5px; padding-top: 2px; float: left; }

.con-rate { background: none !important; }
.con-rate .ui-stars-star { margin-top: 10px; }
.con-rate span { color: #094b86; font-size: .9em; padding-left: 10px; }

.rateToys { overflow: hidden;  }
.rateToys .thumb{ margin-right: 20px; float: left; }

.tab .rate { width: 120px; }

/* tabCart dostupnost */
.tabCart .order-state { position: relative; cursor: pointer; padding: 4px 5px; margin-right: 5px; font-weight: bold; text-align: center; height: 20px; line-height: 20px; font-size: .8em; color: #000; }
.tabCart .order-state.ok { color: #57773B;  background: #cee8a7; }
.tabCart .order-state.error { color: #770007; background: #FFB1AC; }

/* tooltip */
.tooltip { width: 200px; position: absolute; top: 0; left: 0; z-index: 3; display: none; padding: 10px; text-align: left; background-color: #cee8a7; border: 2px solid #aadb66; }
.order-state.ok .tooltip { background-color: #cee8a7; border: 2px solid #aadb66; }
.order-state.error .tooltip { background-color: #FFB1AC; border: 2px solid #ce7070; }
.tooltip p { color: #000; margin: 0 !important; font-weight: normal; font-size: 1.1em !important; }

/* Bestsellery toys */
.catBestsellery ul           { margin: 0 25px 0; padding: 5px 0 0 0; }
.catBestsellery ul li        { padding: 0 0 0 20px; margin: 0 0 8px; list-style: none; overflow: hidden; }
.catBestsellery ul li .num   { float: left; margin: 0 0 0 -20px; font-size: 1em; font-weight: bold; color: #7b7b7b; }
.catBestsellery ul li p      { margin: 0 !important; padding: 0; color: #0a0a0b; }
.catBestsellery ul li .product    { float: left; display: inline; }
.catBestsellery ul li .product  a { font-size: 1.1em; }
.catBestsellery ul li .price      { float: right; display: inline; font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; font-weight: bold; }

#detailProduct .sticker, 
#productList .sticker { 
  position:absolute;
  margin: 0; padding: 0; 
  display: block; 
  width: 65px; height: 65px; line-height: 65px;
  text-align: center; 
  font-weight: bold; color: #fff; font-size: 1.3em;
  background: transparent url(../images/sticker.png) 0 0 no-repeat; 
}

#detailProduct .sticker { top: 0; left: 0; } 
#productList .sticker   { top: 55px; right: 10px; }

#search-results .catSearch .clearfix { padding-top: 10px; overflow: hidden; }
#search-results .catSearch .lab      { width: 120px; float: left; padding: 0; font-weight: bold; color: #1a2e4d; }
#search-results .catSearch .con      { width: 425px; float: left; position: relative; background: url(../images/bgInputLongBgBlue.gif) 0 0; }
#search-results .catSearch .btn      { float: right; background-image: url(../images/btnBlueBgBlue.gif); }
#search-results .catSearch .btn span { background-image: url(../images/btnBlueBgBlue.gif); }

#search-results .phrase  { background: #d9eaf4; padding: 0; }

#search-results .search-message,
.message { height: 40px; line-height: 40px !important; display: block; padding-left: 35px; margin-bottom: 20px;  }
#search-results p.correct,
p.message.correct { color: #426407;  background:#E3FDB6 url(../images/ico/ico-correct.gif) 10px 12px no-repeat; border: 1px solid #a5d05a; }
#search-results p.error,
p.message.error   { color: #770d0d;  background:#fdb6b6 url(../images/ico/ico-error.png) 10px 12px no-repeat; border: 1px solid #d05a5a; }

#search-results #productList { overflow: hidden; margin-bottom: 20px; }
#search-results .search-box  { margin-bottom: 20px; }

/* == Autocomplate == */
.ui-autocomplete{
  width: 364px;
  position: absolute;
  z-index: 1000 !important;
  padding-top: 21px;
  background: url(../images/autocomplete_top.png) 0 0 no-repeat;
}
.ui-autocomplete li{
  display: block;
  color: #094B86;
  list-style-type: none;
  position: relative;
  background: url(../images/autocomplete_middle.png) 0 0 repeat-y;
}
.ui-autocomplete li a{ 
  margin: 0 6px;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  display: block;
  color: #094B86;
  font-size: .8em;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid #becbd1;
}
.ui-autocomplete li a:hover {
  background: #FFFFFF;
  color: #da0909;
  text-decoration: underline;
}
.ui-autocomplete li.last{
  padding-bottom: 15px;
  background: url(../images/autocomplete_bottom.png) 0 100% no-repeat;
}
.ui-autocomplete li.last a{
  border-bottom: none;
} 
.ui-autocomplete .ui-autocomplete-category {
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #da0909; 
  border-bottom: 1px solid #becbd1;
}