/* Special CSS style for Shopio theme */

/*######################################
Project: wine-bar.cz

Colors:
	text: #dcdcdc
	link: #ae2518
	alt-link: 
	heading:
	background: #0a0905
	border:
	
######################################*/

body { background: #0a0905; color: #dcdcdc; font-family: Tahoma, Geneva, Verdana, sans-serif; }

a, a:hover, a:focus, a:active { color: #ae2518; }

.head, .formhead { background: url('img/header-bcgr.gif') no-repeat 0 0; border: none; }
/*
.formhead { color: #fff !important; }
*/

.box .head h1, .box .head h2, .box .head h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.1em; background: none; padding: 3px 10px 4px; min-height: 1px; }

.more { float: left; background: #4a070e url('img/corner-red-topleft.gif') no-repeat 0 0; padding: 0; }
.more a { color: #fff; padding: 4px 10px 5px; position: relative; display: block; float: left; background: url('img/corner-red-bottomleft.gif') no-repeat 0 100%; }
.more a .tr, .more a .br { position: absolute; width: 9px; height: 9px; right: 0; }
.more a .tr { top: 0; background: url('img/corner-red-topright.gif') no-repeat 0 0; }
.more a .br { bottom: 0; background: url('img/corner-red-bottomright.gif') no-repeat 0 0; }


ul.cutelist a:hover, ul.cutelist a:active, ul.cutelist a:focus, .cutelist ul a:hover, .cutelist ul a:active, .cutelist ul a:focus {
	background: url('img/single-arr.gif') no-repeat left center;
}

ul.form-error a:hover, ul.form-error a:active, ul.form-error a:focus { color:#f00; text-decoration: none; }
input.text.error, label.error input.text { border: 2px solid #f00; }


table.temptable { border-bottom: 1px solid #222; border-left: 1px solid #222; }
table.temptable thead th { background: #e16821; border-bottom: 1px solid #222; border-top: 1px solid #222; color: #000; }
table.temptable th, table.temptable td { border-right: 1px solid #222; }
table.temptable th.last, table.temptable td.last { border-color: #222; }

table#order-cart tbody th a, 
table#order-cart tbody th a:hover, table#order-cart tbody th a:focus, table#order-cart tbody th a:active { color: #ae2518; }
table#order-cart tfoot th, table#order-cart tfoot td { border-top: 1px solid #222; }
table#order-cart td.summary div, #discount-percent-from-order { color: #e16821; }
table.temptable tr.even th, table.temptable tr.even td { background: none; border: 1px solid #222; }
table.temptable tr.even th.last, table.temptable tr.even td.last { border-color: #222; } 

#order-proceed { background: none; border-top:1px solid #222; color: #e16821; }

form.tempform { position: relative; padding-top: 40px; }
#article form h2.formhead, form#order-login h3.formhead { border: none; color: #fff !important; margin: 0; padding: 5px 15px; position: absolute; top: 15px; left: -20px; width: 751px; }
.tempsubmit { background: none; border: none; }
form.tempform label em { color: #fff; font-weight: bold; }

.paging a { color: #969696; }
.paging a:hover, .paging a:focus, .paging a:active { font-weight: normal; }
.paging a.active { background: #eee; border-color: #ccc; color: #000; }
.paging a:hover.active, .paging a:focus.active, .paging a:active.active { color: #000; font-weight: bold; }
.paging a.ctrl { padding: 2px; }
.paging.nd { padding-top: 10px; }

.message.ok { background: #0B1f05; }

#container { background: /*#2a2925*/ none; width: 982px; }

#header { background: url('img/bcgr-header.jpg') no-repeat 0 3.2em; }
#header #logo, #header #logo a { height: 97px; width: 255px; }
#header #logo .ir { background: url('img/logo.jpg') no-repeat 0 0; }
#header #logo-sect { margin-left: -616px; margin-top: 34px; }
#header #userbox { background: none; width: 982px; }
#header #userbox .inner { padding: 8px 10px; }
#header #userbox h3, #header #userbox label, #header #userbox input { margin-top: 3px; }
#header #userbox input.submit { margin-top: 0; }
#header #userbox ul { float: right; margin-top: 2px; }
#shoppingbox { background: none; border: none; margin-left: -185px; text-align: right; }
#shoppingbox h3 a { color: #993014; padding-left: 24px; font-weight: normal; }
#shoppingbox #cart { margin-top: 15px; margin-bottom: 10px; }
#shoppingbox #cart a:link, #shoppingbox #cart a:visited { background: url('img/header-cart.gif') no-repeat 0 0; }
#shoppingbox #cart a:hover, #shoppingbox #cart a:focus, #shoppingbox #cart a:active { background-position: 0 -35px; }


#navigation { background: url('img/primary-nav-bg.png') no-repeat 0 0; border: none; top: 210px; }
#primary-nav ul li { float: left; padding-left: 1px; background: url('img/primary-nav-spacer.png') no-repeat 0 50%; }
#primary-nav ul li.first { padding-left: 0; background: none; }
#primary-nav ul a { background: #000 url('img/primary-nav-bg.png') no-repeat -20px 0; color: #c4c4c4; border: none; height: 40px; line-height: 40px; }
#primary-nav ul .first a { background: #000 url('img/primary-nav-bg.png') no-repeat 0 0; }
#primary-nav ul a:hover, #primary-nav ul a:active, #primary-nav ul a:focus { background: #000 url('img/primary-nav-bg.png') no-repeat -20px -80px; }
#primary-nav ul .first a:hover, #primary-nav ul .first a:active, #primary-nav ul .first a:focus { 
	background: #000 url('img/primary-nav-bg.png') no-repeat 0 -80px; }

#searchbox input.text { margin-top: 10px; }
#searchbox input.submit { margin-top: 12px; }


#main { margin-top: 252px; }
#actions .inner-box, #sect-catalog .inner-box { padding-left: 10px; }
#actions .item, #sect-catalog .item { margin: 5px 11px 20px 0; background: none; width: 240px; text-align: left; display: inline; }
#actions .item .thumb, #sect-catalog .item .thumb { text-align: center; display: block; width: 220px; margin: 10px auto 5px; background: #fff; border: 1px solid #cb1907; }
#actions .item .thumb a, #sect-catalog .item .thumb, #sect-catalog .item .thumb a { display: block; }
#actions .item .thumb img, #sect-catalog .item .thumb img { vertical-align: bottom; }
#actions .item h2, #sect-catalog .item h2 { font-weight: 600; text-shadow: 0 0 0 #000; height: 4.5em; text-align: center; margin-top: 10px; padding: 0; background: #4d070d url('img/bg-item-heading-bottom.png') no-repeat 0 100%; border: none; }
#actions .item h2 span, #sect-catalog .item h2 span { height: 4.5em; display:table-cell; vertical-align:middle; width: 222px; color: #fff; background: url('img/bg-item-heading-middle.png') no-repeat 50%; }
#actions .item h2 a, #sect-catalog .item h2 a { height: 4.5em; display: block; line-height: 1.1; background: none; background: url('img/bg-item-heading-top.png') no-repeat 0 0; color: #fff; padding: 0 0 0 9px; zoom: 1; }
#actions .item .signs, #sect-catalog .item .signs { position: static; margin: 0 10px; }
#actions .item .signs img, #sect-catalog .item .signs img { float: none; }
#actions .item p { font-size: 0.9em; margin: 5px 10px; }
#actions .item p, #sect-catalog .item p { margin-top: 0; }
#actions .item .price { float:left; padding:0 0 0 8px; }
#actions .item .foot, #sect-catalog .item .foot { background: none; width: 238px; border: none; }
#actions .item strong, #sect-catalog .item strong { color: #ce281a; }
#actions .item strong { font-size: 1.2em; }
#actions .item span, #sect-catalog .item span { color: #969696; }
#actions .item .act a, #sect-catalog .item .act a { *max-width: 23px; }
#actions .item .act a { float:right; }
#actions .item .act, #sect-catalog .item .act { font-size: 1.2em; padding-top: 0.5em; margin-right: 10px; width: auto; }
#actions .item .act img, #sect-catalog .item .act img { float: right; margin-top: 0.4em; margin-left: 3px; padding: 0 0 0 3px; }
#actions .item .act img.icart, #sect-catalog .item .act img.icart { margin-top: 0; /**margin-top: 6px;IE7-only - req '*' */ }

#article h2, #article h3, #article h4, #article h5, #article h6 { color: #cf2919; }

#article li { background: url('img/single-arr.gif') no-repeat 0 5px; }

#sect-desc { clear: both; }
#sect-catalog .item h2 a:link, #sect-catalog .item h2 a:visited { text-decoration: none; }
#sect-catalog .item h2 a:hover, #sect-catalog .item h2 a:focus, #sect-catalog .item h2 a:active { text-decoration: underline; }

#switch { position: relative; padding: 0 0 4px; }
#switch .switch-inner { float: right; padding-bottom: 3px; }
#switch .switch-inner form#sect-view, #switch .switch-inner form#sect-sort, #switch .switch-inner .paging { width: auto; float: left; }
#switch h2, #switch h3 { background: none; border: none; height: auto; line-height: 22px; margin: 0; position: absolute; bottom: 0; padding: 0; }
#switch h2.active, #switch h3.active { color: #000; background: #e16821 url('img/button-ltgrey-bg-left.gif') no-repeat left top; border: none; padding: 0 0 0 8px; }
#switch h2#switch-catalog { left: 0; }
#switch h2#switch-list { left: 6.3em; }
#switch h2.active strong, #switch h3.active strong { /*line-height: 1.6*/ padding: 0 8px 0 0; background: url('img/button-ltgrey-bg-right.gif') no-repeat right top; }
#switch span { background-position: left 0.6em; padding-left: 12px; }
#switch .switch-inner span { display: inline; font-weight: normal; padding-left: 0; color: #666; }
#switch .switch-inner .paging { padding-top: 1px; padding-bottom: 0; }
#switch h2#switch-catalog span { padding-left: 14px; }
#switch h2 a:link, #switch h2 a:visited, #switch h2 a:hover, #switch h2 a:active, #switch h2 a:focus,
#switch h3 a:link, #switch h3 a:visited, #switch h3 a:hover, #switch h3 a:active, #switch h3 a:focus { color: #fff; }

.product #switch { height: 1.8em; }
.product #switch a { padding-left: 0; }
#switch h2#show-comm { left: 8.3em; }
.product #switch h2 { background: #464646 url('img/button-unfocused-bg-left.gif') no-repeat left top; padding-left: 8px; bottom: 1px; } 
.product #switch h2 a { background: url('img/button-unfocused-bg-right.gif') no-repeat right top; padding-right: 8px; }
.product #switch h2.active { background: #9e9e9e url('img/button-ltgrey-bg-left.gif') no-repeat left top; bottom: 0; }
.product #switch h2.active a { background: url('img/button-ltgrey-bg-right.gif') no-repeat right top; color: #000; text-decoration: none; }

.box.serp #sect-catalog { padding-left: 10px; }

#det-gallery { width: 320px; }
#det-gallery .product-image { text-align: center; background-color: #fff; padding: 5px 0; }
.product #det-signs { margin-top: 5px; }
#det-info { width: 380px; }
#det-info #det-product-details { border: 1px solid #646464; padding: 10px 0; }
#det-info table.info, #det-product-details table#det-params { width: 100%; margin: 0; }
#det-info table.info th, #det-info table.info td,
#det-product-details table#det-params th, #det-product-details table#det-params td { padding: 4px 8px; background: none; border: none; vertical-align: top; }
#det-info table.info .odd th, #det-info table.info .odd td, 
#det-product-details table#det-params .odd th, #det-product-details table#det-params .odd td { background: none; }
#det-info table.info th, #det-product-details table#det-params th { border: none; color: #aaa; text-align: right; width: 50%; }
#det-info table.info .stock { font-weight: normal; color: #fff; }
#det-info h4 { border:none; margin: 10px 10px 0; color: #fff; font-size: 1.3em; text-align: center; text-indent: -100px; }

#det-more h4, #det-cross h4 { color: #ddd; }
#det-cross .item .inner { width: 98px; }

#det-buy { background: none; border-color: #646464; margin-top: 10px; padding: 15px 0; overflow: hidden; }
#det-buy fieldset { float: left; margin-left: 5px; }
#det-buy #price_box { float: left; width: 11em; }
#det-buy strong { color: #e16821; display: block; font-size: 1.8em; }

#det-act { background: none; border: 1px solid #646464; padding: 10px 9px; }
#det-act a { padding-left: 30px; }
#det-act li { margin-left: 40%; }

#det-post { position: relative; padding-top: 55px; }
#det-post h4.formhead { border: none; color: #fff !important; margin: 0; padding: 5px 15px; position: absolute; top: 15px; left: -20px; width: 751px; }

#det-comms h4 { color: #cf2919; }

#det-more { padding-left: 10px; }
#det-desc h1, #det-desc h2, #det-desc h3, #det-desc h4 { color: #b2b2b4; }


.comment .head { background: #4A070e url('img/comment-meta-top.gif') no-repeat 0 0; width: 149px; margin-bottom: 3px; }
.comment .head span { background: url('img/comment-meta-bottom.gif') no-repeat 0 100%; margin-bottom: 0; padding: 0 7px 3px; }
.comment .head strong { padding: 7px; }
.comment.admin { background: none; border-color: #822; }
.comment.admin .user-area { background: #1f1818; padding: 3px 5px; }


#registration .formhead { border-top: none; color: #fff !important; }
.user form.tempform  { padding-top: 0; }
.user .tempform fieldset, .basket .tempform fieldset { position: relative; padding-top: 40px; }
#registration .tempform h2.formhead, .basket .tempform h3.formhead { border: none; color: #fff !important; margin: 0; padding: 5px 15px; position: absolute; top: -30px; left: -20px; width: 751px; }
#registration form.tempform fieldset.info, .basket form.tempform fieldset.info { padding-top: 0; background: none; color: #dcdcdc; }
.user .tempform h1.formhead { border: none; color: #fff !important; margin: 0; padding: 5px 15px; position: absolute; top: -30px; left: -20px; width: 751px; }

.sep-act { border: none; }
.sep-act .head { background: none; }
.sep-act .inner-box { padding: 0 0 15px; }
.sep-act h3 { background: url('img/subheader-bcgr.gif') no-repeat 0 0; font-size: 1.3em; }
.sep-act .inner-box h3, .sep-act .inner-box p { padding: 1px 12px; }
.sep-act .inner-box h3 a { color: #e16622; }
.sep-act p.date em { font-style: normal; color: #969696; }

table#sect-table tbody tr.even th, table#sect-table tbody tr.even td { border-color: #111; background: #111; }
table#sect-table img { vertical-align: text-bottom; }
.stock { color: #e16821; }
table#sect-table .stock { white-space: nowrap; }

#parametric-search table th, #parametric-search table td { border: none; }
#parametric-search table th { color: #aaa; vertical-align: top; background: none;  }

#order-login fieldset { border-bottom: none; }

form#order-transfer { padding-top: 0; }
form#order-transfer h2.formhead { border: none; color: #fff !important; margin: 0; padding: 5px 15px; position: absolute; top: -30px; left: -20px; width: 751px; }

h2.general-form-heading { margin: 25px 0 -10px -5px; }
form#personal-data { padding-top: 0; }

#order-overview div.edit { background: none; margin-bottom: 30px; }
#order-overview table.overview th, #order-overview table.overview td { border-bottom: 1px solid #222; }
#order-overview table.temptable tfoot td { border-top: 1px solid #222; }
#order-overview table.temptable tfoot td strong { color: #e16821; }


table#t-comparing col.heading, table#t-comparing col.even, 
table#t-comparing th.heading, table#t-comparing th.heading.even { background: none; }
table#t-comparing th,
table#t-comparing td { border: 1px solid #222; }


#sidebar-left .head { background: url('img/header-sidebar-bcgr.gif') no-repeat 0 0; }
#sidebar-left .head h3 { font-weight: normal; background: none; padding: 6px 10px; }

#currencybox .inner { padding-top: 5px; padding-bottom: 15px; }
#currencybox label { color: #888; }

#sellingout-products { margin: 15px 0 10px; font-size: 1.1em; }
#categoriesbox #sellingout-products a { color: #fff; display: block; background: #780d0b url('img/categories-by-button.gif') repeat-x 0 0; }
#categoriesbox #sellingout-products a:link, #categoriesbox #sellingout-products a:visited { text-decoration: none; }
#categoriesbox #sellingout-products a:hover, #categoriesbox #sellingout-products a:focus,
#categoriesbox #sellingout-products a:active { text-decoration: underline; }
#categoriesbox #sellingout-products span { background: none; }

#categoriesbox { margin-bottom: 10px; }
#categoriesbox .inner { background-color: #b8b8b8; margin-bottom: 20px; }
#categoriesbox .nohead { padding-top: 0 !important; }
#categoriesbox .head { margin-bottom: 10px; }
#categoriesbox .head h3 { padding-top: 5px; }
#categoriesbox .categories-by { padding-top: 10px; }
#categoriesbox .categories-by strong { color: #222; background-color: #e16821; }
#categoriesbox .categories-by a { background: none; }
#categoriesbox .categories-by a:hover, ul.categories-by a:active, ul.categories-by a:focus {
background: none; color:#fff; }
#categoriesbox a.hlighted { background: #cb1907 url(img/bcgr-button.gif) repeat-x 0 100%; margin: 0; border-bottom: 1px solid #0a0905; }
#categoriesbox .panel-categories a:hover.hlighted, #categoriesbox .panel-categories a:active.hlighted, 
#categoriesbox .panel-categories a:focus.hlighted { color: #FFFFFF; background: #780d0b; }
#sidebar-left #categoriesbox .panel-categories a span { background: none; }
#categoriesbox a.hlighted span { padding: 2px 0 2px 10px; }
#categoriesbox .inner ul { margin-bottom: 0; }
#categoriesbox .inner ul a { background: #b4b4b4 url('img/bcgr-cats-li.gif') repeat-x 0 0; margin: 0; border-top: none; border-bottom: 1px solid #0a0905; }
#categoriesbox .inner ul ul a { background: #21211f; color: #dcdcdc; border-bottom: 1px solid #555; }
#categoriesbox .inner a:hover, #categoriesbox .inner a:active, #categoriesbox .inner a:focus {
background: #ececec; text-decoration: underline; }
#categoriesbox .inner ul ul a:hover, #categoriesbox .inner ul ul a:active, #categoriesbox .inner ul ul a:focus {
background: #32322f; text-decoration: underline; color: #fff; }


#categoriesbox .categories-by {
	width: 100%; padding: 6px 0 0 0; overflow: hidden;
	background: url("img/categories-by-bottom.gif") left bottom repeat-x;
}
#categoriesbox .categories-by li { display: inline;}
#categoriesbox .categories-by a,
#categoriesbox .categories-by strong {
	float: left;
	width: 82px; height: 1.8em; line-height: 1.8em;
	background: url("img/categories-by.gif") no-repeat; 
	vertical-align: middle; text-align: center; 
}
#categoriesbox .categories-by a { color: #FFFFFF; background-color: #989898; }
#categoriesbox .categories-by a:hover, ul.categories-by a:active, ul.categories-by a:focus { 
	color: #000000; background: url("img/categories-by-hover.gif");
}
#categoriesbox .categories-by .first { margin-left: 5px; }
#categoriesbox .categories-by strong { background: #EEEEEE url("img/categories-by-active.gif") no-repeat; }



#tipsbox h4 { color: #cf2919; }

#newsletterbox input { width: auto; margin-top: 5px; }

#footer { background: none; border-top: 1px solid #505050; padding: 15px 0; color: #969696; }
#footer span { border-left-color: #e16622; }
#footer a { color: #969696; }