/**
 * 
 *  Breezy Eshop 
 *  http://www.breezy.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
 *      a) Fluid     
 *    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: #F72602 !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: #937b56 url(../images/body.png) 0 0 repeat; }


/*
 * II. Nadpisy & zakladni tagy
 *     =======================
 **/
 
/* -- Odkazy -- */
a, a:visited, a:active, a:link {  color: #f72602; 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  { position: relative; float: left; margin: 2px 20px 5px 0; }
.img-right { position: relative; float: right; margin: 2px 0 5px 20px; }


/* -- Nadpisy -- */
h1, h2, h3 { font-weight: normal; }
h1         { font-size: 2.5em; margin: 0 0 20px; }
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; }

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

/* -- dostupnost produktu -- */
.store 	  	{ color: #052453; font-weight: bold; }
.on-request { color: #f72602; font-weight: bold; }


/*
 * 2) LAYOUT
 *    ======
 **/
#container { 
  width: 100%;
  margin: 50px 0;
  overflow: hidden;
  background: url(../images/bg-container.gif) center top repeat-y;
}
#main {
 	width: 980px;
	margin: auto;
	padding: 30px 0 0;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}
 
body>#main {
 	height: auto;
} 
#inner {
  margin: 0 auto;
  width: 980px;
 	padding: 20px 0 20px;
}
#footer {
  width: 980px;
 	margin: 0 auto 30px;
	background: #eaeaea;
}
#footer .in { 
 	margin: 0 auto;
	width: 980px;
 	height: 100px;
	overflow: hidden;
}
#header {
  position: relative;
  margin: 0 auto;
  width: 980px; height: 190px;
  background: url(../images/bgs/header.jpg) 0 0 no-repeat;
}
#content {
  width: 730px; 
  float: right;
}
#column {
  padding-bottom: 20px;
  width: 215px;
  float: left;
}

/*
 * 2.a) Fluid
 *      ======
 **/

#fluid #container { 
  margin: 0;
  background: #fff url(../images/bgs/container-fluid.png) 0 -1px repeat-x !important;
}

#fluid #main { 
  padding-top: 0;
}

#fluid #footer {
  margin: 0;
  width: 100%;
}

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

/* == HLAVNI MENU == */

#main-menu{
  width: 100%;
  padding: 18px 0 0; margin: 0;
  height: 36px;
  background: url(../images/bgs/main-menu.gif) 0 0 repeat-x;
}
#main-menu ul{
  margin: 0 20px 0 250px;
  padding: 0 1px;
  overflow: hidden;
}
#main-menu ul.blog{
  float: right;
  margin: 0px !important;
}
#main-menu li, #main-menu a, #main-menu a span{
  display: block;
  height: 36px;
  float: left;
  position: relative;
  left: 0;
}
#main-menu li{
  margin-right: 5px;
}
#main-menu a{
  padding: 0 3px 0 0;
  text-decoration: none;
  cursor: pointer;
  background: #215308 url(../images/bgs/main-menu-item.png) 100% -72px no-repeat;
}
#main-menu span{
  line-height: 36px;
  font-size: 1.167em;
  padding: 0 13px 0 16px;
  color: #fff; font-weight: bold;
  background: #3692b9 url(../images/bgs/main-menu-item.png) 0 -72px no-repeat;
}
#main-menu li a:hover, #main-menu ul.blog li a  {
  background: #3692b9 url(../images/bgs/main-menu-item.png) 100% -36px no-repeat;
}
#main-menu li a:hover span, #main-menu ul.blog li a span {
  color: #fff;
  background: #3692b9 url(../images/bgs/main-menu-item.png) 0 -36px no-repeat;
}
#main-menu li.active a{
  background: #3692b9 url(../images/bgs/main-menu-item.png) 100% 0 no-repeat;
}
#main-menu li.active a span{
  color: #666666;
  background: #3692b9 url(../images/bgs/main-menu-item.png) 0 0 no-repeat;
}

/* == DROBECKOVA NAVIGACE == */
.breadcrumbs{
  margin: 20px 0;
  overflow: hidden;
}
.breadcrumbs li, .breadcrumbs a {
  display: block;
  float: left;
}
.breadcrumbs li{
  list-style-type: none;
  padding: 0 20px 0 9px;
  color: #7b7b7b;
  background: url('../images/ico/breadcrumb_arrow.gif') 100% 55% no-repeat;
}
.breadcrumbs li:first-child{
  padding-left: 0;
}
.breadcrumbs li.last{
  padding-right: 0;
  background: none;
}

/* == SUBMENU == */
.submenu {
  position: relative;
  padding: 0; margin: 0;
  width: 213px;
}
.submenu ul {
  margin: 0;
  width: 100%;
}
.submenu li {
  line-height: 26px;
  margin: 0 20px;
}
.submenu li a {
  display: block;
  font-size: 1.417em;
  text-decoration: none;
}
.submenu li.active a,
.submenu li a:hover {
  color: #000;
}
.submenu li .sub {
  margin: 0 0 5px 0; padding: 0;
}
.submenu li .sub li {
  line-height: 24px;
  margin: 0;
  font-size: .705em; display: block;
}
.submenu li .sub li a {
  display: block;
  padding: 0 0 0 20px !important;
  color: #f72602;
}
.submenu li .sub li.active {
  border: none;
  background: none; 
}
.submenu li .sub li.active a {
  color: #000;
  background: url('../images/ico/sub-active.gif') 0 45% no-repeat;
}
.submenu li .sub li a:hover {
  color: #000;
}
.submenu li .sub .sub li {
	padding-left: 28px;
	font-size: 1em; 
	background: url("../images/bg-sub-middle.gif") no-repeat scroll 22px 50% transparent !important;
}
.submenu li .sub .sub li.last {
	background: url("../images/bg-sub-last.gif") no-repeat scroll 22px 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: 729px;
	height: 49px;
	margin-bottom: 30px;
	border: 1px solid #c9c9c9;
	border-width: 0 1px 1px 0;
	background: #e6e6e6;
}
.order-step ul {
	
}
.order-step ul li {
	float: left;
	width: 243px;
	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.gif) 100% 0 no-repeat;	
}
.order-step ul li.prev {
	background: url(../images/bg-order-step-active.gif) 0 0 repeat-x;
}
.order-step ul li.prev a {
	color: #fff;
	background: url(../images/order-step-arrow-prev-prev.gif) 100% 0 no-repeat;		
}
.order-step ul li.active {
	background: url(../images/bg-order-step-active.gif) 0 0 repeat-x;	
}
.order-step ul li.active a {
	color: #fff;
	background: url(../images/order-step-arrow-active.gif) 100% 0 no-repeat;		
}
.order-step ul li.third.active a {
	color: #fff;
	background: url(../images/bg-order-step-active.gif) 0 0 repeat-x;		
}

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

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

/* == LOGO == */
#logo   { padding: 25px 0 15px 50px; width: 315px;	height: 85px; overflow: hidden; }
#logo a {
	display: block; 
	position: relative;
	margin: 0; padding: 0;
	width: 310px;	height: 80px; 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: 310px;	height: 80px;
	cursor: pointer;
	background: url(../images/logo-hydroponie.gif) 0 0 no-repeat;
}

#logo-text     	  { padding: 45px 0 5px 50px; width: 315px;	height: 85px; overflow: hidden; }
#logo-text a			{ font-size: 2em; color: #0b3c83; text-decoration: none; font-weight: bold; }
#logo-text a span { display: block; font-size: .833em; font-weight: normal; }

/* == KOSIK v hlavicce == */
#cart  { 
  position: absolute;
  top: 60px; 
  right: 25px;
  width: auto;
  margin: 0;
}
#cart p {
  padding: 0;
  color: #000;
	position: relative;
	font-weight: bold;
}
#cart p span,
#cart p a {
  display: block;
}
#cart p a.icon {
	position: absolute;	left: -65px; top: -10px;	z-index: 1;
	margin: 0;	padding: 0;
	width: 62px;	height: 41px;
	cursor: pointer;
	text-decoration: none !important;
	background: url(../images/ico/cart.png) 0 0 no-repeat;
}
#cart p a.full {	background: transparent url(../images/ico/ico-cartFull.png) 0 -2px no-repeat !important;}

#cart p a.icon span {
	position: absolute;	top: 0; right: 0;
	width: 22px;
	height: 22px;	line-height: 22px;
	color: #fff; text-align: center;

}

/* == VYHLEDAVANI v hlavicce == */
#search { 
  position: absolute;
  top: 55px; 
  left: 330px;
  width: 347px;
  height: 37px;
  margin: 0;
  padding: 6px 7px;
  background: url(../images/search/bg.png) 0 0 no-repeat;
}

#search .formBox fieldset {
	margin: 0;
}

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

#search .formBox .con .input {
  padding: 5px; 
	width: 264px;
	height: 28px;
  color: #888;
  font-size: 1.083em;
}

#search .formBox .submit {
	display: block;
	float: right;
	width: 65px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	font-size: 1.083em;
	font-weight: bold;
	cursor: pointer;
	border: none;
  background: url(../images/search/button.png) 0 0 no-repeat !important;
}

/* == NASEPTAVAC == */
.ui-autocomplete{
  position: absolute;
  top: 190px !important;
  width: 367px;
  z-index: 1000 !important;
  padding-top: 7px;
  background: url(../images/autocomplete/top.png) 0 0 no-repeat;
}
.ui-autocomplete li{
  position: relative;
  display: block;
  color: #05285b;
  list-style-type: none;
  background: url(../images/autocomplete/middle.png) 0 0 repeat-y;
}
.ui-autocomplete li a{ 
  margin: 0 4px;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  display: block;
  color: #6d6d6d;
  font-size: .971em;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid #eaebec;
  background: #fff;
}
.ui-autocomplete li a:hover {
  background: #ffffeb url(../images/autocomplete/hover.gif) 96% 50% no-repeat;
  color: #000;
}
.ui-autocomplete li.last{
  padding-bottom: 7px;
  background: url(../images/autocomplete/bottom.png) 0 100% no-repeat;
}
.ui-autocomplete li.last a{
  border-bottom: none;
} 
.ui-autocomplete .ui-autocomplete-category {
  margin: 0;
  padding: 0 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  font-size: 1.167em;
  color: #052453; 
  border-bottom: 1px solid #eaebec;
  background: url(../images/autocomplete/category.png) 0 0 repeat-y;
}

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

/* == NADPIS titleBox == */
.titleBox {
  position: relative;
  margin-bottom: 20px;
  width: 730px; height: 40px; line-height: 40px;
  background: #eaeaea;
  z-index: 20;
}
.titleBox h2 {
  margin: 0 20px;
  color: #3a423a;
  font-size: 1.333em;
}
.titleBox a {
  margin: 0 20px;
}
.noBg { background: none !important; }


/*  == SEZNAMY == */
.ul-list, ol-list, .text-ul {
  margin: 0 0 20px 0;
}
.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 {
  padding-left: 10px; margin-bottom: 5px;
  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 20px 9px 20px;
  text-align: left;
  color: #000;
  background: #eaeaea;
}
.tab tr td {
  padding: 11px 20px;
  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 {
  float: left;
  margin: 0 6px;
}
.paging span {
  display: block;
  float: left;
}
.paging a {
  color: #F72602; 
}
.paging a:hover {
  color: #000000;
}
.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: #000000; 
}
.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; }

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

/* ==¨FOOTER obsah  == */
#footer a {
  color: #565656;
}
#footer h4 {
  font-size: 1em;
  margin: 0 20px 5px; padding: 20px 0 0 0;
}
#footer p {
  float: left; 
  margin: 0 20px; padding: 0;
  color: #555;
}

#footer .author     { float: right; padding-top: 20px; height: 20px; line-height: 20px; }
#footer .ext        { padding: 0; background: none; }
#footer .ico-author { display: inline-block; line-height: 20px; padding: 0 0 0 27px; background: url(../images/logo-breezy.png) 3px 0px no-repeat; }


/* == BOX v levem sloupku  == */
.box {
  position: relative;
  margin: 0 0 20px; padding: 0 0 19px;
  width: 213px; min-height: 100px;
  border: 1px solid #d0d0d0;
}

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

.box p {
  margin: 0 15px 10px; 
  line-height: 1.6em;
  text-align: left;
}

.box p.help {
  padding-left: 50px;
  background: url(../images/ico/help.gif) 0 5px no-repeat;
}


/* == BOX OBSAH KOSIKU  == */
.box .item { margin: 0 0 5px; padding: 0 20px 5px; text-align: left; border-bottom: 1px solid #CADCE6; }
.box .item strong  { display: block; font-size: 1em; }
.box .item .inline { display: inline; }
.box .total { padding: 10px 0 0 35px; margin-bottom: 0; background: url(../images/ico/total.gif) 5px 13px no-repeat;  }
.box .total strong { display: block; font-size: 1.250em; font-style: normal; }
.box .total span { font-size: .917em; font-style: italic; }

/* == 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
 *      ==============
 **/

/* == SLIDER OBRAZKU == */
#slider         { position: relative; width: 727px; height: 191px; overflow: hidden; margin-bottom: 30px; border: 1px solid #eaeaea; }
#slider .img    { width: 727px; height: 151px; }
#slider .desc   { height: 45px; line-height: 45px; background: #eaeaea; }
#slider .desc p { line-height: 45px; margin-bottom: 0; padding: 0 20px; }

#pager                        { position: absolute;	bottom: 12px; right: 12px; margin:0; z-index: 20; }
#pager a, #pager a:visited    { display: block; float: left; margin-right: 8px; width: 12px; height: 12px; overflow: hidden; text-indent: -12px; line-height: 12px; color: #fff; background-color: #aaa; } 
#pager a:hover,
#pager a.activeSlide          { background-color: #565656; }


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


.jcarousel {
	position: relative;
	overflow: visible !important;
}

.jcarousel .jcarousel-container {
    width: 728px;
    height: 291px;
    margin: 0;
}

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

.jcarousel .jcarousel-clip {
    width:  728px;
    height: 291px;
    margin: 0;
    overflow: hidden;
}

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

.jcarousel .jcarousel-item {
		width: 244px;
    height: 291px;
    float: left;
} 

/**
 *  Horizontal Buttons
 */
.jcarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 49%;
    right: -11px;
    height: 22px;
    width: 23px;
    cursor: pointer;
    background: url(../images/ico/slider-arrow.png) 0 0 no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
}

.jcarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 49%;
    left: -11px;
		height: 22px;
		width: 23px;
    cursor: pointer;
    background: url(../images/ico/slider-arrow.png) 0 -22px no-repeat;
    float: left;
    font-size: 0;
    line-height: 0;
}


.jcarousel .jcarousel-next-disabled-horizontal,
.jcarousel .jcarousel-next-disabled-horizontal:hover,
.jcarousel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel .jcarousel-prev-disabled-horizontal,
.jcarousel .jcarousel-prev-disabled-horizontal:hover,
.jcarousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}


/*
 * 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.png) 0 0 no-repeat;
}

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

/* == VYPIS PRODUKTU == */
.product-list {
	width: 728px;
	overflow: hidden;
	margin-bottom: 10px;
  border: 1px solid #eaeaea;
}
.product-list .product {
  position: relative;
  float: left;
  width: 243px; height: 280px;
  padding-top: 10px;
  margin-right: -1px;
  border: 1px solid #eaeaea;
  border-width: 0 1px 1px 0;
}
.product-list .product.last {
	border-right: 0;
}
.product-list .product .thumb{
  text-align: center;
  margin-bottom: 5px;
  height: 150px; 
}
.product-list .product h2 {
  margin: 0 10px;
  height: 45px; overflow: hidden;
  text-align: left;
  margin-bottom: 0; padding-right: 40px;
  line-height: 1.2em;
  font-size: 1.167em;  
} 
.product-list .product h2 a {
  color: #F72602; font-weight: bold;
}
.product-list .product .price {
	display: block;
  margin: 0 10px 5px 10px;
  color: #0a0a0b;
  font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; 
  font-size: 1.333em;
  font-weight: bold;
}
.product-list .product .store,
.product-list .product .on-request {
	float: left;
	display: block;
	margin: 0 10px 0 10px;
}
.product-list .product p {
  margin: 0 10px 5px 10px;
  text-align: left;
}
.product-list .product .btn {
	margin-right: 10px;
}
.product-list .product .age  { color: #0a0a0b; }
.product-list .product .spec { color: #3c3c3c; height: 37px; overflow: hidden; }
.product-list .product .accessible,
#product-detail .info .accessible,
.tab .accessible,
.catBestsellery .product .accessible  { color: #1a7c03; font-weight: bold; }
.product-list .product .inaccessible a,
#product-detail .info .inaccessible a,
.tab .inaccessible,
.catBestsellery .product .inaccessible a { color: #ff2805; font-weight: bold; }


.product-list .warning {
  padding: 12px 0 13px 42px;
  font-weight: bold;
  background: #ffffcb url(../images/ico/ico-error.gif) 15px 13px no-repeat;
  margin-bottom: 0px !important;
}

/* == Priznak produktu ve vypise == */
.product-list .product .label {
  position: absolute; top: 180px; right: 10px;
  height: 30px;
  z-index: 10;
}
#product-detail .image-product .label {
  position: absolute; top: 230px; right: 10px;
  height: 30px;
  z-index: 10;
}
.label .sale,
.label .news {
  position: relative;
	float: left; 
  display: block; 
  height: 30px;
  margin-left: 10px; 
  padding: 0 5px 0 9px;
  line-height: 26px;
	text-transform: uppercase;
	font-size: 1em;
	color: #fff;
	background: 0 0 no-repeat;
}
.label .sale span,
.label .news span {
		position: absolute;
		top: 0px;
		right: -4px;
		display: block; 
		height: 30px;
		width: 4px;
		background: 100% 100% no-repeat;
}
.label .sale { background-image: url(../images/label-sale-left.png); }
.label .news { background-image: url(../images/label-news-left.png); }
.label .sale span { background-image: url(../images/label-sale-right.png); }
.label .news span { background-image: url(../images/label-news-right.png); }

del {font-size: 0.8em !important; font-weight: normal; color: #5A5A5B; float: right;}
/* == VYPIS BAREVNYCH VARIACI PRODUKTU */
#colors .product-list {
	margin: -11px 0 0 0;
	border: none;
}



/*
 * 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: 710px;
  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-left: 15px;
}

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

.order-list {
	position: absolute;
	bottom: 10px;
}

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


/*
 * 5.c) DETAIL PRODUKTU
 *      ===============
 **/
 
#product-detail .descriptions {
  position: relative;
  float: right;
  width: 430px;
}
#product-detail .descriptions h4 {
  margin: 0 10px 5px; font-size: 1em; font-weight: bold;
}
#product-detail .descriptions p {
  margin: 0 10px 10px;
}
#product-detail .descriptions ul.info {
  margin: 0 0 20px 10px; 
  padding-top: 10px;
}
#product-detail .descriptions ul.info li { 
	font-size: 1.083em;
	line-height: 1.8em; 
	color: #3c3c3c;
}
#product-detail .descriptions ul.info li strong {
	width: 100px;
	display: block;
	float: left;
}
#product-detail .descriptions ul.info li.price {
	margin-top: 10px;
}
#product-detail .descriptions ul.info li.price span {
	font-family: Georgia;
	font-size: 1.5em;
}
#product-detail .descriptions ul.info li.price strong {
	height: 50px;
}

#product-detail  ul.share{
  margin: 0 20px 10px 0;
}
#product-detail  ul.share li{
  display: inline;
  margin-left: 10px; 
  line-height: 1.8em;
}
#product-detail  ul.share li a { padding-left: 23px; color: #094b86; background-repeat: no-repeat; background-position: 5px 65%; }
#product-detail  ul.share li a.facebook  { background-image: url(../images/ico/ico-facebook.png); }

#product-detail .descriptions .action-box {
	margin-left: 10px;
  width: 439px; height: 55px;
}
#product-detail .descriptions .action-box .count {
	padding: 0 0 10px 5px;
	margin-right: 16px;
	height: 43px;
	line-height: 55px;
  font-size: 1.5em;
}
#product-detail .descriptions .action-box .count .input {
  padding: 11px 2px; margin-right: 5px;
  width: 49px; height: 21px;
  font-size: 1em;
  text-align: center;
  border: none; 
  background: url(../images/bg-input-count.gif) 0 0 no-repeat;
}
#add_to_basket_form fieldset{
  background: #D1EDFF;
  height: 55px;
  width: 263px;
}
#product-detail .image-product {
	position: relative;
  float: left;
  width: 290px;
  text-align: center;  
}
#product-detail .image-big  {
  position: relative;
  height: 250px; overflow: hidden;
  margin-bottom: 35px;
}
#product-detail .image-big li {
  display: none;
  position: absolute;
  top: 0; left: 0;
  width: 290px; height: 250px;
  text-align: center;
}

#product-detail .image-big li.active {
  display: block;
}

#product-detail .image-big a.ico-thumb {
  position: absolute; bottom: 0; left: 0;
  margin: 0; padding-left: 25px;
  background: url(../images/ico/ico-zoom.png) 5px 53% no-repeat;
}

/* -- Scroll nahledu produktu -- */
#product-detail .image-product .thumbs { position: relative; float: left; overflow: hidden; width: 285px; height: 100%; margin: 0; }
/*#product-detail .image-product .thumbs { position: relative; z-index: 10; width: 248px; height: 83px; overflow: hidden; margin-left: 0px; }*/
#product-detail .image-product .thumbs ul { width: 5000px; overflow: hidden; }
#product-detail .image-product .thumbs ul li { float: left; margin-right: 13px; }
#product-detail .image-product .thumbs ul li a { display: block; width: 72px; height: 72px; border: 1px solid #d0d0d0; }
#product-detail .image-product .thumbs ul li a:hover { border-color: #565656; }
#product-detail .image-product .thumbs .navi { position: absolute; width: 285px; height: 91px; left: 0; top: 0; display: none; }
#product-detail .image-product .thumbs .navi li { position: absolute; top: 35px; width: 12px; height: 18px; overflow: hidden; text-indent: 20px; }
#product-detail .image-product .thumbs .navi li a { display: block; width: 100%; height: 100%; }
#product-detail .image-product .thumbs .navi li.prev { left: 16px; }
#product-detail .image-product .thumbs .navi li.prev a { background: url('../images/bg-submenu-prev.png') 0 0 no-repeat; }
#product-detail .image-product .thumbs .navi li.next { right: 16px; }
#product-detail .image-product .thumbs .navi li.next a { background: url('../images/bg-submenu-next.png') 0 0 no-repeat; }
#product-detail .image-product .thumbs .navi li a:hover { background-position: 0 -18px;}


#product-detail .facebook-like { border:none; overflow:hidden; width:130px; height:21px; }

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

/* == ZALOZKY - content-tab  === */
#content-tab {
  position: relative;
  padding-top: 48px;
}
#content-tab .content {
	border: 1px solid #565656;
  padding-top: 11px; margin-bottom: 20px;
  background: #fff;
}
#content-tab .bookmarks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
	height: 48px;
	background: #eaeaea;
}
.bookmarks a.fr{
  margin: 16px 20px 0 0;
}
#content-tab .bookmarks ul {
	margin: 0 15px;
	overflow: hidden;
}
#content-tab .bookmarks ul li, #content-tab .bookmarks ul a, #content-tab .bookmarks ul a span{
  display: block;
  float: left;
  position: relative;
  left: 0;
}
#content-tab .bookmarks li {
	margin: 0 5px 0 0;
	padding: 11px 0 0 0;
}
#content-tab .bookmarks ul a{
  text-decoration: none;
  cursor: pointer;
	height: 37px;
	padding-left: 5px;
}
#content-tab .bookmarks span{
  padding: 10px 17px 8px;
  font-size: 1.250em;
}
#content-tab .bookmarks li a{
  background: url(../images/bgs/bookmarks.png) 0 -37px no-repeat;
}
#content-tab .bookmarks li a span{
	color: #3c3c3c;
  background: url(../images/bgs/bookmarks.png) 100% -37px no-repeat;
}
#content-tab .bookmarks li a:hover span {
  color: #063a7c;
}

#content-tab .bookmarks li.active		{	position: relative;	}
#content-tab .bookmarks li.active a { background-position: 0 0 !important; }
#content-tab .bookmarks li.active a span { color: #063a7c; background-position: 100% 0 !important; }

#content-tab .content-item			    { display: none; padding-top: 20px; }
#content-tab .content-item-visible { display: block; }

#content-tab .content-item .inner {
	margin: 0 20px 20px;
}

#content-tab .action-link { 
  display: block;
  position: absolute;
  top: 17px; 
  right: 15px;
}

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

/* == Filtr kategorie == */
.form-filter {
  height: 90px;
  position: relative;
  overflow: hidden;
}

.box-filter {
  position: relative;
  padding: 14px 10px; 
  margin-bottom: 42px;
  width: 710px;
  height: 20px;
  overflow: hidden;
  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-left: 13px;
}

.box-filter .check input {
  position: relative;
  top: 2px;
  margin-left: 0;
}

.box-filter .convert {
  margin-top: -6px;
}

.order-list {
	position: absolute;
	top: 60px;
	left: 0;
}

/* == ostatní == */
.formBox fieldset { padding-bottom: 10px; margin-bottom: 10px; }
#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 10px 0 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: 230px; height: 36px; line-height: 36px; 
  background: url(../images/bgInputShort.gif) 0 0 no-repeat;
}
.formBox .con.short {
  width: 134px; height: 34px; line-height: 34px; 
  background: url(../images/forms/text-input.png) 0 0 no-repeat;
}
.formBox .con.short .input {
  width: 118px;
}
/*
.formBox .col2 .con, .formBox .col3 .con {
	float: right;
}
.formBox .col2 .lab, .formBox .col3 .lab {
	margin-left: 10px;
}
*/
.formBox .con.focus {
  background: url(../images/bgInputShort.gif) 0 -36px no-repeat;
}
.formBox .error .con { 
  border: none;
  background: url(../images/bgInputShort.gif) 0 -72px no-repeat;
}
.formBox .con .input {
  margin: 0 2px; padding: 7px 8px;
  width: 210px;
  font-size: 1em;
  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: 730px; height: 187px;
  background: url(../images/forms/textarea.gif) 0 0 no-repeat;
}
.formBox .con-textarea.focus {
  background: url(../images/forms/textarea.gif) 0 -186px no-repeat;
}
.formBox .error .con-textarea { 
  background: url(../images/forms/textarea.gif) 0 -372px no-repeat;
}
.formBox .con-textarea .textarea {
  margin: 10px; padding: 0;
  width: 710px; height: 167px;
  border: none;   font-size: 1em;
  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        { margin-bottom: 0; color: #474f47; } 
.formBox h2 label  { font-size: .833em !important; }

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

/* == 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, .newsletter { margin: 0 15px 10px; }
#newsletter p.note { margin-left: 0; font-size: .8em; }
#newsletter .btn { margin-right: 5px !important; }
#newsletter .con { float: left; }

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

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

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

a.btn, a.btn span { text-decoration: none; }
	
.bg-left 			 { padding: 0 10px; background-position: top left; }
.bg-left span  { padding-right: 10px; }
.bg-right 		 { padding: 0 60px 0 10px; background-position: top right; }
.bg-right span { padding-left: 10px; }

.bg-add-cart-big {
	height: 55px;
	padding-left: 60px;
	margin-top: 6px;
}
.bg-add-cart-big span {
	font-size: 1.25em;
	line-height: 29px;
}

.bg-add-cart span {
	line-height: 35px;
}

.bg-envelope   		{ padding: 0 55px 0 0px; background-image: url(../images/button/envelope.png); } 
.bg-add-cart   		{ padding-left: 45px; background-image: url(../images/button/add-cart.gif); } 
.bg-add-cart-big  { background-image: url(../images/button/add-cart-big.png); }
.bg-next		   		{ float: right; background-image: url(../images/button/next.png); } 
.bg-prev				  { float: left; background-image: url(../images/button/prev.png); padding-left: 55px; }

/* -- submit small -- */
.submit-small {
	float: left;
	padding: 0;
	background: none;
}
.submit-small span {
	display: block;
	width: 42px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;	
	font-weight: bold;
	background: url(../images/button/button-small.gif) 0 0 no-repeat;
}


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

.btn-default { padding: 0 10px; background: #888; }

/*
 * 5.e) Vypis aktaulit
 *      ==============
 **/

#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; margin-right: 10px; text-align: left; width: 171px; height: 20px !important; background: transparent url(../images/slider/bg-slider.gif) 0 0 no-repeat; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 18px; cursor: default; background: transparent url(../images/slider/bg-handle.png) 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: 8px; margin-left: -5px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: url(../images/slider/bg-range.gif) 0 5px repeat-x !important; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

#slider-range {
	float: left;
}

#price-max-val, #price-min-val {
  display: none;
}

#price-max-label, #price-min-label {
	float: left;
	width: 75px;
	height: 22px;
	line-height: 22px;
	color: #3C3C3C;
  font-size: 1.167em;
	border: none;
	background: none;
}

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


.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: 730px;
  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 .input {
  padding: 3px 6px; margin-right: 5px;
  width: 20px; height: 23px;
  color: #403f3f; text-align: center;
  border: none;  font-size: 1em;
  background: url(../images/tabCart-count-input.gif) 0 0 no-repeat;
}

/* == FREE TRANSPORT == */
#content .free-transport {
	width: 729px;
	height: 44px;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	background: #fdffee;
}
#content .free-transport p {
	margin: 0 15px 0;
	padding-left: 25px;
	height: 44px;
	line-height: 44px;
	background: url(../images/ico/bulb.gif) 0 50% no-repeat;
}

.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: #052453;
}

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