/**
 * FARNAM Website
 * $Id$
 *
 * (c) 2007 Vitek Pliska, creatiWeb.cz ~ <support@creatiweb.cz>
 * Layout styles
 */

#bg { background:url(img/bg-bottom.jpg) 50% 100% no-repeat; }
#cover {
    background:url(img/bg-cover.jpg) no-repeat;
    width: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

/* header */
#header { overflow: hidden; height: 174px; position: relative; }
#header h2 {
    background: transparent url(img/logo.png) 0 0 no-repeat;
    width: 160px; height: 120px; margin: 0;
    position: absolute; top:0; left:28px;
}
body.farnam-de #header h2, body.farnam-fr #header h2 {
    background: transparent url(img/logo-new.png) 0 25px no-repeat;
}
#header h2 a { display: block; width: 160px; height: 120px; }
#header h2 span { position: absolute; top: -1000px; }
#header .site-slogan {
    color:#0066b3;
    font: bold 1.4em/1.3em "Arial Black"; text-transform: uppercase;
    position: absolute; top:38px; left:214px; width:435px;
    text-shadow: 0 0 5px #fff;
}
#header .site-slogan span { padding-left:215px; display: block; }

/* footer */
#footer {
    background: url(img/bg-footer.gif) 50% 0 no-repeat;
    text-align: center;
    clear:both;
    padding: 10px;
}
#footer .author_copyright a {
    color: #666;
    text-decoration: none;
}


/* search-box in header */
.search { position:absolute; top:134px; left:10px; width:270px; height:30px; background:url(img/search.gif) no-repeat; }
.search .inp-text { background:none; border:0; position:absolute; top:8px; left:10px; padding:0; margin:0; width:218px; color:#515151; }
.search .inp-text:focus, .search .inp-text:active { color:#000; }
.search-btn { background:url(img/search-ico.png) 100px 0 no-repeat; border:none; cursor: pointer; height:30px; padding:0; margin:0; width:34px; position:absolute; right:0; top:0; overflow:hidden; z-index: 5; }
.search-btn:hover, .search-btn:focus { background-position:0; }

/* top navigation */
#topnavi {
    text-align: right;
    position: absolute; right: 0; top: 137px;
    font-weight: bold; font-size: 110%; color: #666;
}
#topmenu { float: right; list-style: none; margin: 0; }
#topmenu li { float: left; margin: 0; }
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu span {
    color: #666; display: block; padding: 5px 15px;
    border-left: 1px solid #fff; text-decoration: none;
}
#topmenu a:hover { text-decoration: underline; color: #0066b3; }

/* breadcrumb navigation */
#crumbs { margin: 10px 10px 0 10px; color: #666; height: 1em; }
#crumbs a { color: #333; }

/* body */
/* TODO: tady se nejak budou delit sablony, podle layoutu - 3 sloupce, jen levy, jen pravy... */

#body { background: url(img/bg-body.gif) 50% 500px repeat-y; }
#body-in { float: left; width: 100%; }
#body-in.col_3 { width: 776px; }
#body .col { width: 204px; float: left; }
#body .col.right { float:right; }

#content { float:right; width:750px; background: url(img/bg-cover.jpg) 50% -175px no-repeat; }
#content-in { padding: 3px 10px; background: #fff; }
#content-in h1 { margin: 20px 0 .6em 0; font-weight: normal; }
img.left { border: 1px solid #dd9; float: left; margin: 0 5px 0 0; }
img.right { border: 1px solid #dd9; float: right; margin: 0 0 0 5px; }
#body-in.col_3 #content { width: 572px; }

/* mission box on HP */
#mission-box { width:244px; background:#00aeef url(img/farnam-box.jpg) 0 100% no-repeat; min-height:214px; height:auto!important; height:214px; margin:0; position:relative; display:block; padding:16px 292px 0 16px; }
.mission-box-top { width:552px; height:3px; font-size:0; overflow:hidden; position:absolute; top:0; left:0; background:url(img/farnam-box-top.gif) no-repeat; }
#mission-box p { margin:0; padding:0; color:#fff; }
#mission-box .farnam { text-shadow: 0 0 5px #666; color:#fff200; font-size:1.5em; font-weight:bold; text-transform:uppercase; font-family:"Arial Black"; }
#mission-box .farnampece { text-shadow: 0 0 5px #666; color:#fff; font-size:1.2em; font-weight:bold; font-family:"Arial Black"; padding:0 0 10px 60px; display:block; }
#mission-box .slogan { font-weight:bold; font-size:1.1em; padding:10px 0 15px 0; }
#mission-box .slogan span { padding-left:120px; }


/* blocks in columns */
.col .block, .col .multiblock {
    margin-bottom: 1em;
}
.col .block h4 {
    margin: 0; padding: 6px 5px 6px 15px;
    font-size: 115%; font-weight: bold; color: #fff;
    background: url(img/bg-col-block-header.gif) 0 50% no-repeat;
}
.col.right .block h4 { background-position: 100% 50%; }
.col .block h4 a { color: #fff; }
.col .block .content {
    background: url(img/bg-block.png);
    padding: 5px 10px;
}
.block .decor-top { background: url(img/bg-block-top.png) 0 0 no-repeat; height: 3px; margin-top: 5px; font-size: 1px;}
.block .decor-bottom { background: url(img/bg-block-bottom.png) 0 0 no-repeat; height: 3px; margin-bottom: 5px; font-size: 1px;}
.col.right .decor-bottom, .col.right .decor-top { background-position: 100% 0; }

/* block news */
.block.news p.date { font-size: 95%; color: #f29400; }
.block.news div.news-item { border-bottom: 1px solid #fbe2a2; }
.block.news div.news-item h5 { text-transform: none; }

/* block history */
.block.history .content { font-size: 95%; line-height: 1.3; }

/* block inner UL/OL lists */
.block .inner-list, .block .inner-list li { list-style: none; margin: 0; }
.block .inner-list li { border-bottom: 1px solid #fbe2a2; }
.block .inner-list li.last { border-bottom: none; }
.block .inner-list a { padding: 4px 0 4px 10px; background: url(img/inner-li.gif) 0 50% no-repeat; padding-left: 15px; display: block; }
.block .inner-list a:hover { background-position: 1px 50%; }

/* block why-register */
.block.why-register .content ul { margin-left: .5em; }

/* block customer */
.block.customer h4 { background: none; }
/* login form in customer block */
.block.customer fieldset { padding: 0; }
.block.customer fieldset.inputs { margin: 0; padding: 0; }
.block.customer fieldset.inputs input.txt {
    background: url(img/inp-login.gif) no-repeat;
    margin-bottom: 5px; padding: 8px;
    border: none;
}
.block.customer .remember input { width: auto; border: none; }
.block.customer a { color: #666; font-weight: bold; }

/* authenticated customer */
ul.customer-ext, ul.customer-ext li {
    list-style: none; margin: 0; padding: 0;
}
ul.customer-ext a {
    display: block;
    font-weight: normal !important;
    border: 1px solid #fce7a8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3px 3px 3px 25px;
    margin-bottom: 2px;
    background: #fff7e1 url(../../ico/16/identity.png) 2px 50% no-repeat;
}
ul.customer-ext li.favs a { background-image: url(../../ico/16/bookmark.png); }
ul.customer-ext li.orders a { background-image: url(../../ico/16/kmultiple.png); }
ul.customer-ext li.logout a { background-image: url(../../ico/16/logout.png); }
.block.customer .discount-info { text-align: center; border: 1px solid #fce7a8; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; }
.block.customer .discount-info strong { color: #f29400; }


/* BLOK S KATEGORIEMI */
.col .block.categories ul, .block.categories li { list-style: none; margin: 0; padding: 0; }
.col .block.categories .content { background: transparent; padding: 0; }
.col .block.categories a {
    font: bold 104%/160% Arial, Helvetica, sans-serif;
    padding: 5px 15px;
    background: #006fc2; color: #cfe2f1;
    border-bottom:1px solid #2a85c9;
    text-decoration: none;
    display: block;
}
.col .block.categories a:hover, .col .block.categories a.active {
    background: #1488e0; color: #fff;
    text-decoration: underline;
}

.col .block.categories .decor-top {
    background: transparent url(img/menu-top.gif) 0 0 no-repeat;
    height: 2px;
}
.col .block.categories .decor-bottom {
    background: transparent url(img/menu-bottom.gif) 0 0 no-repeat;
    height: 3px;
}

/* PAGINATOR */
.paginator {
	  position: relative;
    font-size: 95%;
    clear:both;
    text-align: center;
    margin: 1em 0;
}
.paginator a, .paginator .paginate-current {
    text-decoration: none;
    padding: 2px 5px;
    margin: 0 0 0 3px;
    background: #fff7da; color: #000;
    border: 1px solid #ffe9bc;
}
.paginator a:hover, .paginator .paginate-current {
    background: #00aeef; color: #fff; border-color: #0066b3;
}
.paginate-next-disabled a, .paginate-previous-disabled a,
.paginate-next-disabled a:hover, .paginate-previous-disabled a:hover {
    background: #eee; border-color: #ddd; color: #999;
}
.paginate-previous, .paginate-previous-disabled { position: absolute; top: 0; left: 0; }
.paginate-next, .paginate-next-disabled { position: absolute; top: 0; right: 0; }

div.help, p.help, div.err, p.err {
    background: #fff7e1 url('../../ico/22/help.png') 5px 50% no-repeat;
    border: 1px solid #fee8ac;
    padding: .5em .5em .5em 30px;
    margin: .5em 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
div.err, p.err {
    background-image: url('../../ico/22/messagebox_warning.png');
    color: #c00000;
    border-color: #c00000;
    font-weight: bold;
}

.comment-form {
  display: none;
}

/* COMMENTS
.comment-odd, .comment-even, .comment-removed {
  padding: .5em;
  margin: .5em 0;
}
.comment-odd {
  background: transparent url(../img/bg-prodlist.png) 0 0 repeat-x;
}
.comment-even {
  background: transparent url(../img/bg-prodlist-hl.png) 0 0 repeat-x;
}
.comment-removed {
  background: #eee;
  color: #ccc;
}
h3#add-comment a {
  background: transparent url(../ico/16/edit_add.png) 0 50% no-repeat;
  padding-left: 20px;
}
*/


/* FORMS */
input, textarea, select {
    border: 1px solid #ddd;
    padding: 3px;
    font: normal 100% Verdana, sans-serif;
}
button {
    padding: 2px;
    =padding: 1px 0;
}

/* button icons */
button.icn span { background: url(../../ico/16/apply.png) 0 50% no-repeat; padding-left: 20px; }
button.icn.cancel span { background-image: url(../../ico/16/cancel.png); }
button.icn.clear span { background-image: url(../../ico/16/editclear.png); }
button.icn.cart span { background-image: url(../../ico/16/basket.png); font-weight: bold; }

form {
    margin: 5px 0;
}
fieldset {
    margin: 5px 0;
    padding: 10px;
    border: none;
}
fieldset input, fieldset textarea {
    margin: 0;
    width: 99%;
}
fieldset p {
    margin: 0;
}
fieldset.submit-row * {
    vertical-align: middle;
}
fieldset.submit-row {
    padding: 5px;
    text-align: right;
}
fieldset.submit-row input, fieldset.submit-row button {
    padding: 1px 2px;
    =padding: 0;
    width: auto;
    margin: 0 0 0 5px;
}
label {
    display: block;
    margin-top: 5px;
}
label.required, span.required {
    font-weight: bold;
    color: #e77817;
}
fieldset div p.err, div.error {
    background: #f9efef url(../../ico/16/messagebox_warning.png) 3px 50% no-repeat;
    color: #c5171d;
    border: 1px solid #f9efef;
    width: 99%;
    padding: 2px 3px;
}
fieldset div p.err span, div.error p {
    margin-left: 20px;
}
fieldset .field-errors input, fieldset .field-errors textarea {
    border-color: #f9efef;
}

/* SHOP forms ??? */
#addform * {
    vertical-align: middle;
}

/* cart box */
#cart-box { width:304px; height:96px; margin:0; padding:0; top:13px; right:10px; position:absolute; color:#7e797a; }
#cart-box a { background: url(img/bg-cart-box.png) no-repeat; font-size:1.1em; color:#fff; text-decoration:none; display:block; padding:20px 10px 0 154px; height:76px; width:145px; text-align:center; font-weight:bold; line-height:1.8em; cursor:pointer; }
#cart-box a:hover { background:url(img/bg-cart-box.png) 0 100% no-repeat; text-decoration:none; }
#cart-box a:hover { text-decoration:none; }

#cart-box a span.your-cart { position:absolute; top:57px; left:2px; width:130px; font-family:"Arial Black"; font-size:1em; text-transform:uppercase; color:#fff; font-weight:bold; }
#cart-box a span { color:#fff200; font-size:1.5em;}
#cart-box a span.cart-count { color:#fff200; font-size:1.4em;}

#cart-box a:hover { color:#fff200; }
#cart-box a:hover span { color:#fff; }
#cart-box a:hover span.cart-count { color:#fff; }
#cart-box a:hover span.your-cart { color:#fff200; }

/* SKLADEM, NOVINKA, DOPORUCUJEME .... */
span.icn-status {
    border-radius: 2px;
    -moz-border-radius: 2px;
    text-transform: uppercase;
    font: normal 70%/120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 2px 3px;
    margin-right: 3px;
}
span.icn-status.newie { background: #86bb15; }
span.icn-status.recommend { background: #01aeee; }
span.icn-status.in-stock { background: #86bb15; }

/* CATEGORY etc */
/* vypis produktu v kategorii a na HP */
.product-box {
    width: 271px; float: left;
    background: #fff url(img/bg-product-box.png) 0 0 no-repeat;
    margin-bottom: 10px;
    height: 178px;
    position: relative;
}
.product-box:hover { background-position: 0 -178px; cursor: pointer; }
.product-box.even { float: right; }

.product-box h4 { margin: 5px 10px; text-transform: none; }
.product-box h4 a { text-decoration: none; color: #666; }
.product-box h4 a:hover, .product-box:hover a { text-decoration: underline; color: #01aeee; }
.product-box .box-img:hover { border-color: #01aeee; }

.product-box .box-img {
    margin: 5px 10px;
    border: 2px solid #ccc;
    float: left;
    width: 90px; height: 90px; text-align: center;
}
.product-box .headline { font-size: 95%; margin-right: 10px; }
.product-box .statuses { position: absolute; top: 115px; left: 115px; }
.product-box .price, .prices-box { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 120%; color: #999; position: absolute; bottom: 15px; left: 10px; }
.product-box .price strong, .prices-box .current { color: #0066b3; font-size: 125%; }

.related .product-box {
  width: 265px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.related .product-box:hover { border-color: #00AFEF; }

.prices-box { position: static; }

.cat_desc { border-bottom: 1px dotted #ccc; margin-bottom: 1em; }
.cat_desc p { margin: 10px 0; }

/* ARTICLE */
.article-related-products { border-top: 1px dotted #000; margin-top: 1em; }


/* PRODUCT */
.product-image { float: right; border: 2px solid #ccc; margin-left: 10px; }
p.product-headline, a.manufacturer, p.perex { font-weight: bold; }
.product-description { margin: 1em 0; }
.product-description ul, .product-description ol, .package-detail ul { list-style-image: url(img/inner-li.gif); margin-left: 0; }
.packages { margin: 5px 0; }
.package-detail { margin-bottom: 10px; }
.package-detail h3 { margin: 0; padding: 4px 5px; background: #fee8ac; color: #0066b3; text-transform: none; }
.package-detail .fl { width: 357px; padding-left: 5px; }
.package-detail .fr {
    padding: 0 5px;
    background: #fee8ac;
    border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
}
.prices-box del { margin-right: 10px; color: #999; }
.prices-box del span { color: #333; }

.product-tabs, .product-tabs li {
    margin: 0; padding: 0; list-style: none;
}
.product-tabs { margin-top: 20px; }
.product-tabs li { float: left; margin-right: 2px; }
.product-tabs a { text-decoration: none; display: block; float: left; background: #00aeef; color: #fff; padding: 5px 8px; font-weight: bold; }
.product-tabs a:hover, .product-tabs a.current { background: #fee8ac; color: #000; }
.tab-content { clear: both; background: #fee8ac; }
.tab-content .content-in { padding: 5px; }

.tab-content .ingredients table {
    border-collapse: collapse;
    width: 100%;
}
.tab-content .ingredients table td, .tab-content .ingredients table th {
    border-bottom: 1px dotted #ccc;
    padding: 4px 2px;
}
.tab-content .ingredients table tr:hover td { background: #fff8df; }
.tab-content .comments { font-size: 95%; line-height: 1.3 }
.tab-content .comments h5 { text-transform: none; color: #333; }
.tab-content .comments div div { margin-left: 20px; }

#comment-form .pot { position: absolute; top: -1000px; }
#comment-form input, #comment-form textarea { width: 100%; padding: 2px 0; }
#comment-form .submit-row { margin-top: 10px; }
#comment-form .submit-row button { margin-left: 5px; }

/* SHOP SELECTOR DIALOG */

#shop-selector { position: absolute; top: 0; left: 214px; background: #FEE8AC;
		border: 2px solid #2A85C9; border-top: none; width: 552px;
	    -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
	    -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	    font: normal 120% "Trebuchet MS", Arial, sans-serif;
	    display: none;
}
#shop-selector button { font: normal 100% "Trebuchet MS", Arial, sans-serif; }
#shop-selector .inner { margin: 15px; }