/*---- sIFR ---*/
.sIFR-flash {  visibility: visible !important;  margin: 0;  padding: 0;}
.sIFR-replaced, .sIFR-ignore {  visibility: visible !important;}
.sIFR-alternate {  position: absolute;  left: 0;  top: 0;  width: 0;  height: 0;  display: block;  overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {  margin: 0pt;  padding: 0pt;   overflow: auto;   letter-spacing: 0px;   float: none;}

body {margin:0; padding:0; line-height:0; font-family:Arial, Helvetica, sans-serif;background-color:black; font-size: 13px; color: #afafaf;}
#container {width:895px; text-align:left; margin: 0; background-color:black;}

#title {width:895px; height:218px; background:transparent url(../_images/title.jpg) top left no-repeat;}
#topmenu {padding:30px 0 0 0; float:left; }
#topmenu span {font-size:17px; height:20px; width: 200px; display:block;  font-weight:bold; cursor:pointer, hand; text-transform: uppercase;}
#topmenu span a {color: #cc3300;}
#topmenu span.wineclub a {color: white;}

/*pro IE6
#topmenu {float:left; margin-top:15px; }
#topmenu span {font-size:17px; height:5px; width: 200px; display:block;  font-weight:bold; cursor:pointer, hand; text-transform: uppercase; padding-top:10px;}
h1 {font-size: 12px; padding: 188px 0 0 20px; margin:0; width:448px; float:left; color:white; letter-spacing:4px; height:20px;}
*/

#middlemenu {color: #afafaf; font-size:11px; padding:22px 0; float:left;}
#middlemenu a {color: #afafaf; text-decoration:none; padding:0 3px;}
#middlemenu a.active {color: white; font-weight:bold;}

h1 {font-size: 12px; padding: 185px 0 0 20px; margin:0; width:448px; float:left; color:white; letter-spacing:4px;}
h2 {font-size: 20px; padding:10px 0 0 8px; line-height:22px;}
h2.sub {font-size: 26px; float:left; color:white; width:450px; text-transform: uppercase; margin-left: 10px; }
h3 {font-size: 20px; padding:10px 0 0 8px; line-height: 22px;}
h3.sub {padding-top:100px;}
h4 {font-size: 21px;margin: -3px 0 0 0; padding: 0 0 6px 20px; line-height: 22px;}
h5 {font-size: 12px;margin:0; padding:0; line-height: 14px;}
p {font-size: 12px; margin:0 0 -5px 0; padding:0;  line-height: 16px; color: #afafaf;}
p strong {font-size: 14px; padding:20px 0 0 0;}
.biggertext {font-size: 13px;  padding:0;line-height: 17px;}
.biggertext p {font-size: 13px; margin:0 0 15px 0;}
.biggertext li { margin:0 0 15px 0; }
a {text-decoration:none; color:white;}
h5, h5 a {color: #cc3300;}
a img{border: none;}

.space {height:10px; }

.link h5 {font-size: 13px; margin: 7px 0 0 0; padding:0; font-weight:bold;}
.link p {font-size: 11px; margin:0; padding:0 0 -10px 0;}
.clanek h5 {font-size: 14px; font-weight:bold; color:white;}
.clanek p {color:#666;}
.clanek p.small {font-size:10px; margin: 20px 0 1px 0;}
.clanek p.small .white {margin-right:5px;  text-transform: uppercase;}

.number {white-space: nowrap; text-align: right;}

p, h5 { font-family:"Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;}

.white {color: #ffffff;}
.white p {color: #ffffff;}
.whiteW {color: #fdffd1;}
.black {color: #000000;}
.red {color:#cc3300;}
.grey {color:#afafaf;}
.darkgrey{color:#666;}

#left, #right, #left-wide, #right-slim  {width:446px; float:left;}

/*#left.border {border-right:1px dashed #444444;}*/

#left-wide{width:646px;}
#right-slim{width:246px;}

.winetable td{ vertical-align: top;}

.image_long, .image_short, .image_short2 {width:200px; float:left;background-color:#330000;}

.image_long {margin:0 0 20px 23px; }
.image_short {margin:0 0 20px 23px;}
.image_short2 {margin:0 0 20px 23px;}

/*pro IE6
.image_long {margin:0 0 20px 23px; }
.image_short {margin:0 0 20px 23px;}
.image_short2 {margin:0 0 20px 23px;}
*/

.img_long {background:transparent  top left no-repeat; height: 411px; }
.img_short {background:transparent  top left no-repeat; height: 203px;}
.img_short2 {background:transparent  top left no-repeat; height: 144px;}

.sloupec_clanky .image_long, .sloupec_clanky .image_short, .sloupec_clanky .image_short2 {margin:0 0 12px 0;}
.sloupec_clanky h4 {padding-left:0;}

.link { background-color:#330000; padding:0 0 7px 8px; margin:0;}
/*
#img1_long {background:transparent url(../_images/img1_long.jpg) top left no-repeat; height: 411px; }
#img2_long {background:transparent url(../_images/img2_long.jpg) top left no-repeat; height: 411px;}

#img1_short {background:transparent url(../_images/img1_short.jpg) top left no-repeat; height: 203px;}
#img2_short {background:transparent url(../_images/img2_short.jpg) top left no-repeat; height: 203px;}

#img1_short2 {background:transparent url(../_images/img1_short2.jpg) top left no-repeat; height: 141px;}
#img2_short2 {background:transparent url(../_images/img2_short2.jpg) top left no-repeat; height: 141px;}
#img3_short2 {background:transparent url(../_images/img3_short2.jpg) top left no-repeat; height: 141px;}
#img4_short2 {background:transparent url(../_images/img4_short2.jpg) top left no-repeat; height: 141px;}
#img5_short2 {background:transparent url(../_images/img5_short2.jpg) top left no-repeat; height: 141px;}
*/



.sloupec_clanky {width:200px; float:left; margin:0 0 0 10px; border-left:1px dashed #444444; border-right:1px dashed #444444;  padding:0 10px;}
.biggertext {margin:10px 0 10px 20px; padding:0; border-bottom:1px dashed #444444;}
.clanek {margin-bottom:15px;}
.clanek .nadpis {font-size:10px;}
.clanek .nadpis strong {color:white; font-weight:bold; margin-right:20px;}
.icons {text-align:right;}
.icons img {border:none; margin:5px;}
.sipka {border:none;}

.img_border {border-top:2px solid white; border-bottom:2px solid white; margin:20px 0 10px 0; }
#buy_wine {text-align:right;}
#buy_wine img {border:none; }

#how_logo {position: absolute; top:0; left: 0; z-index: 0}
#how_logo img {border:none; }

#paticka {border-top:1px dashed #444444;}
#paticka p {font-size:9px; padding:10px 20px; margin:0;}

.clear {clear:both;}


.sIFR-active h1, .sIFR-active #topmenu, .sIFR-active #topmenu span, 
.sIFR-active h2, .sIFR-active h3, .sIFR-active h4, #middlemenu,  .sIFR-active h2.sub, 
.sIFR-active #topmenu span.wineclub, .sIFR-active #topmenu span  { /*visibility: hidden;*/ font-family: Verdana; line-height: 1em;}

.sIFR-active #topmenu span  { visibility: hidden;}

.sIFR-active h1 {font-size: 12px; }
.sIFR-active #topmenu {padding:14px 0 0 0;}
.sIFR-active #topmenu span {font-size:20px; height:20px; display:block; cursor:pointer, hand;}
.sIFR-active #middlemenu {font-size:11px;}
.sIFR-active h2 {font-size: 29px; padding:2px 0 0 8px; margin:0;}
.sIFR-active h2.sub {font-size: 26px; float:left; width:450px; margin:10px 0 0 10px;}
.sIFR-active h3 {font-size: 26px; padding:6px 0 0 10px; margin:0;}
.sIFR-active h3.sub {padding-top:100px;}
.sIFR-active h4 {font-size: 21px;margin: -4px 0 0 0; padding: 0 0 3px 20px;}
.sIFR-active .sloupec_clanky h4 {padding-left:0;}
.sIFR-active #topmenu span.wineclub {font-size:23px;}
/*.sIFR-active .link h5 {font-size: 13px; margin: 10px 0 -5px 0px ; padding:0; font-weight:bold;}
.sIFR-active .link p {font-size: 12px;margin:0 0 0 0px ;}
.sIFR-active .clanek h5 {font-size: 13px; font-weight:bold;}
.sIFR-active .clanek h5 .white {font-size: 10px; font-weight:bold;}
.sIFR-active .clanek h5 .grey {font-size: 10px; font-weight:normal;}
.sIFR-active p {font-size: 11px; margin:0 0 -5px 0; padding:0;}
.sIFR-active p strong {font-size: 14px; padding:20px 0 0 0;}
.sIFR-active .biggertext p {font-size: 12px; margin:0 0 15px 0; padding:0;}*/


/* ----- wine ------------- */
img.wine {margin: 0 0 5px 20px ;}

/* ----- expert ----------- */

.expert {margin:0 10px 10px 20px; padding:0 0 5px 0; border-bottom:2px solid white; border-top:2px solid #444444;}
.expert h5 {color:white; margin: .5em 0 ; }
.expert img {float: left; margin: 0 1em .5em 0; }

.expert1 .trigger, .expert1 .close {cursor: pointer;}
.expert1 p {font-size: 13px; margin:0 0 15px 0; padding:0;line-height: 17px;}
.expert1 .close {display: block; float: right; margin: 0 0 5px 5px; padding: 2px 5px;  border: 1px solid #444444; line-height: normal;}

.expert1 .popup .img_border  {margin-top: 0;}

#expert-detail {width: 448px; background: black;}

.expert1 {
    position: relative;
}

.expert1 .popup {
    position: absolute;
    border:2px solid #444444;
    padding: 1em;
    display: none; /* keeps the popup hidden if no JS available */
    height: 400px;
    overflow: auto;
}


/* ----- form ----------- */
form.form{margin-left: 20px;}
form.form label {color:white; font-size: 11px; line-height: 16px;}
form.form input { font-size: 11px; line-height: 18px;}
form.form button {line-height: 12px;}
form.form p {float:left; margin: 0 5px 2px 0;}
form.form th, form.form td { font-size: 11px; line-height: 16px; font-weight: normal;}
form.form fieldset {margin-top: 15px; margin-bottom: 5px; border: 1px dashed #444444;  }
form.form .disabled {text-decoration: line-through;}
form.form label.required {padding-right: 12px; background: url("../_images/star.png") top right no-repeat; }
form.form .bigPrice {color: white; font-size: 20px; line-height: normal; padding: .1em}

/* ----- misc ----------- */
.error {color: red;}
#messageList {  margin: 0 20px 5px 0px; font-weight: bold;}
#messageList .error {color: red;}
#messageList .warning {color:orange;}
#messageList .info {color:green;}

/* === menu ================================================================== */

.shop-menu {border: 1px dashed #444444; margin: 0 0 1em 20px; padding: 0; line-height: 10px;}
.shop-menu .user-info {float: right; padding: .2em 0; }
.shop-menu ul {list-style: none; margin: 0; padding: 0; }

.shop-menu ul li{ padding: .2em 1px .2em 10px;	margin: 0px 2px; float: left;}
.shop-menu ul li a{ color: #cc3300;}
.shop-menu ul li#bookMSel{	color: white;}
.shop-menu ul li#bookMSel a{color: white;	font-weight: bold;}

.resetr {clear: right;}

#left-wide p span.big{font-size: 200%; line-height: normal;}