/* Special CSS style for Shopio theme */

/*######################################
Project: basketstore.cz

Colors:
	text: #444;
	link:  #004ba9
	alt-link: #e98302
	heading: 
	background: 
	background-dark: 
	light-background: 

	
######################################*/

body { background: #fff url('img/body-bcgr.jpg') repeat-x 50% 0; color: #444; }

p.more { margin-right: 5px;  margin-left: 5px; }

a:link, a:visited {color: #004ba9;}
a:hover, a:focus, a:active { color: #e98302; }

/* override _universal.css ---------- */

#det-main .admin-edit {margin-top: 0;}

/* override main.css + _columns.css ---------- */
#container { background: none; }
#container.empty-right-col #main #maincontent { background: transparent url('img/bcgr-container-no-r-col.png') repeat-y 0 0; }

#content .box.b { background: transparent url('img/bcgr-box-border.png') repeat-y 0 0; }
#content .box.b .inner-box { background: transparent url('img/bcgr-box-border-bottom.png') no-repeat left bottom; padding-bottom: 20px; }

#content .box .head { background: transparent url('img/bcgr-box-border-top.png') no-repeat 0 0; padding-top: 0; }
#content .box .head h1, #content .box .head h2 { background: #183773 url('img/bcgr-box-header.jpg') no-repeat 0 0; color:white; margin:0; padding: 6px 13px; }
#content .box .head div { background: url('img/bcgr-box-header-bottom.gif') no-repeat 0 0; height:4px; overflow:hidden; }

#content .box.red .head h1 { background: #8a4408 url('img/bcgr-box-header-r.jpg') no-repeat 0 0; }
#content .box.red .head div { background-image: url('img/bcgr-box-header-r-bottom.gif'); }

.sep-act { border: none; }
#content .sep-act .head { background: none; }

.column .box .head { background: transparent url('img/bcgr-box-col-h-top.jpg') no-repeat 0 0; padding:4px 0 0; position:relative; }
.column .box .head h3 { background: #3c67cd url('img/bcgr-box-col-head.jpg') no-repeat left bottom; color:white; padding-bottom: 10px; }

.formhead { background: url(img/legend.jpg) no-repeat 0 0; border: none; }
.tempsubmit { background: url(img/tempsubmit.png) no-repeat 0 0; height:31px; padding:9px 20px 0; border: none; }
.formtip { margin-right: 10px; }


#header {
	height: 136px; padding: 0; 
	background: none;
    }
	#header #logo-sect {margin-left: -964px; margin-top: 0; width: 449px;}
	#header #logo,
	#header #logo a {width: 449px; height: 135px;}
	
	#header #logo .ir { background: url('img/logo.jpg') no-repeat 0 0;
}
	
	#shoppingbox {
		position: absolute; right: 53px; left: auto; margin-top: 0; bottom: 0;
	    background: #2A3E7B url("img/bcgr-shoppingbox.jpg") 0 0 no-repeat;
	    width: 232px; height: 103px;
	}
	#shoppingbox .inner {padding: 4px 12px;}
	#shoppingbox h3 {
	    margin: 0; padding: 5px 0 7px 0;
	    font-weight: bold; font-size: 1.1em;
	}
	#shoppingbox a {color: #FFFFFF;}
	#shoppingbox h3 a { padding: 5px 0 7px 33px; }
	#shoppingbox h3 a:hover,
	#shoppingbox h3 a:active,
	#shoppingbox h3 a:focus { /*color: #000000;*/ }

	/* kosik */
	#shoppingbox #cart { padding-top: 4px; }
	#cart h3 a {
	    background: url("img/header-ico-cart.gif") no-repeat;
	    color: #e98302;
	}
	#cart h3 a:hover,
	#cart h3 a:active,
	#cart h3 a:focus { color: #000; }
	#cart span {
	    display: block;
	    margin-left: 45px; padding: 0px 5px 0px 0px;
	    color: #FFFFFF;
	    white-space: nowrap;
	}
	
	#cart span { color: #315396; display:block; margin-left:23px; padding:3px 5px 2px 9px; }
	#cart span strong { color: #315396; }
	/* oblibene */
	#favs h3 {font-weight: bold; color: #444; margin-top: 5px; }
	#favs h3 a {
	    background: url("img/header-ico-fav.gif") no-repeat;
	}
	/* spolecne */
	#shoppingbox {border: none;}
	#shoppingbox a.rm {
	    background: none;
	    position: relative; top: 2px;
	    margin: 0 0 0 3px; padding: 0;
	    vertical-align: baseline;
	    color: #FFFFFF;
	}
	#shoppingbox a.rm:hover,
	#shoppingbox a.rm:active,
	#shoppingbox a.rm:focus { color: #FFFFFF; }

#navigation {top: 136px; background: #fb970e url('img/bcgr-menu.jpg') repeat-x 0 0; border: none; min-height: 50px; _height: 50px; }
#primary-nav {width: 805px;}
#primary-nav .inner { margin-left: 175px; }
#primary-nav ul a { color: #fff; background: url('img/bcgr-menu.jpg') repeat-x 100% 0; border: none; height: 50px; line-height: 50px; white-space: nowrap; padding: 0 14px 0 11px; }
#primary-nav ul a:hover, #primary-nav ul a:focus, #primary-nav ul a:active { background: url('img/bcgr-menu.jpg') repeat-x 0 0; }


#searchbox, #userbox { background: #E88701 url('img/bcgr-search.jpg') no-repeat 0 0; }
#searchbox input.text, #userbox input.text { border-color: #f1cfd2; width: 125px; }

#searchbox {
	margin: 0 0 5px 0;
	height: auto;
	width: 100%;
	color: #FFFFFF;
	position: absolute;
	top: 136px;
	left: 0;
	width: 175px;
}
#searchbox .inner {
    padding: 17px 0 20px 13px;
	background: transparent url('img/bcgr-search-bottom.jpg') no-repeat left bottom;
}
#searchbox h3 {
	margin: 0 0 2px 0; padding: 0;
	font-weight: bold; font-size: 1em;
}
#searchbox input.text {
	margin-top: 5px;
    width: 125px;
    vertical-align: top;
}
#searchbox input.submit {
	margin-top: 5px;
	color: #ffffff;
	font-weight: bold; 
}

#userbox { position: absolute; top: 136px; right: 0; width: 175px; background-image: url('img/bcgr-userbox.jpg'); }
#userbox .inner { padding: 17px 10px 20px 13px; color: #ffffff; background: transparent url('img/bcgr-userbox-bottom.jpg') no-repeat left bottom; }
#userbox .inner h3 {margin-bottom: 7px; font-size: 1em;}
#userbox form { width: auto; }
#userbox label { color: #fcc; }
#userbox input.text { width: 108px; }
#userbox ul a { background-image: url('img/reg-arr.gif'); }

#main {margin-top: 182px;} /* height of header + 37px height of navigation */
	#main #maincontent { background: #fff; }
	#main #maincontent #content,
	#main #maincontent #breadcrumbs .inner {
		padding: 0 180px 0;
	}
#content .content-inner {position: relative;}

	#main #sidebar-left {width: 185px; margin-top: 40px; }
	#sidebar-left ul.cat { background: transparent url('img/bcgr-col-sep.png') no-repeat center top; margin:0 0 10px 0; padding:10px 0 0; }
	#sidebar-left .inner { padding: 9px 5px 1px 4px !important; }
		#main #sidebar-left .sidebar-inner {padding: 0 10px 10px 0;}
		
		#categoriesbox .inner ul a { font-weight: normal; color: #004ba9; background: #e3e8f9 url('img/bcgr-cats-li.gif') repeat-x 0 0; border: 1px solid #d3d9ef; margin-bottom:1px; }
		#categoriesbox .inner ul a:hover, #categoriesbox .inner ul a:focus, #categoriesbox .inner ul a:active { color: #e98302; background: #e3e8f9 url('img/bcgr-cats-li.gif') repeat-x 0 0; }
		#categoriesbox .inner ul ul a { background: #e9e9e9 url('img/bcgr-cats-sub.gif') repeat-x 0 0; border:1px solid #e0e0e0; color:#555; }
		#categoriesbox .inner ul ul a:hover, #categoriesbox .inner ul ul a:focus, #categoriesbox .inner ul ul a:active { color: #e98302; background: #e9e9e9 url('img/bcgr-cats-sub.gif') repeat-x 0 0; }

		#tipsbox .inner, #newsletterbox .inner { padding: 0 11px !important; }
		#tipsbox .inner h3, #tipsbox .inner h4, #tipsbox .inner h5 { color: #e98302; font-size:1.1em; margin:6px 0 0; text-transform: uppercase; }
		#tipsbox p { background: transparent url('img/bcgr-col-sep.png') no-repeat center bottom; padding-bottom: 12px; }


	#main #sidebar-right {width: 175px; margin-left: -175px; margin-top: 10.5em; }
		#main #sidebar-right .sidebar-inner {padding: 0 0 10px 0;}

		.col-act .advert { margin: 10px 0 0 0; }
		.col-act .inner { padding: 10px 8px 0 8px; }
		.col-act .item {
		    background: url("img/col-sep.png") bottom center no-repeat;
		    overflow: hidden; width: 159px;
		    margin: 0 0 8px 0; padding: 0 0 7px 0;
		}
		.col-act .item.last { background: none; }
		.col-act .item a {color: #000000 !important;}
		.col-act .item a img { border: 1px solid #bababa; float: left; }
		.col-act .item h2,
		.col-act .item strong {
		    margin: 0 0 0 49px;
		    font-size: .9em;
		}
		.col-act .item h2 {font-weight: normal;}
		.col-act .item strong {
		    display: block;
		    text-align: right;
		    color: #2A3E7B;
		}

#footer { background: #1e3d7e url('img/bcgr-footer-no-r-col.jpg') no-repeat 0 0; clear: both; color: #8eb0ff; height: 92px; }
#footer #copyright, #footer #foot-nav { padding-top: 50px; }
#footer #foot-nav { margin-left: -75%; }
#footer a:link, #footer a:visited { color: #8EB0FF;  }
#footer a:hover, #footer a:focus, #footer a:active { color: #fff; }
#footer span { border-color: #2061FB; }

/* override _temporary.css */

.head {width: 100% !important; overflow: hidden !important;}

#actions .head h2,
.col-act .head h3 {background: #2a3e7b url("img/bcgr-button.gif") repeat-x;}

#actions .item { width: 185px; }
#actions .item .thumb { text-align: center; }
#actions .item .thumb a { display: table-cell; height: 155px; width: 185px; vertical-align: middle; }
#actions .item .thumb img { vertical-align: top; }
#actions .item h2 {background: #F0F0F0 url("img/actions-item.gif") center bottom no-repeat; padding: 0 10px 10px; }
#actions .item h2 a { position: relative; width: 183px; display: table-cell; vertical-align: middle; height: 4em; padding: 0; overflow: hidden; }
#actions .item a { color: #004ba9; text-decoration: underline; }
#actions .item a:hover, #actions .item a:focus, #actions .item a:active { color: #e98302; }
#det-gallery {width: 280px !important;}
#det-info {width: 270px;}
#det-info #det-buy {background: #FFF2DF;}
#det-info #det-buy input.text {border-color: #b6cc80;}
#sets-products .item {width: 31%;}
#contact-form {width: 590px; overflow: hidden;}
#contact-form h2 {margin: -15px 0 15px 0; position: relative; z-index: 50;}

form.tempform label em {color: #2A3E7B;}

#det-info h3 {color: #2A3E7B;}
#det-buy {background: #FFF2DF; border: 1px solid #2A3E7B;}
#det-buy p {color: #2A3E7B;}

table#det-params {width: 570px;}
table#det-params tr th, 
table#det-params tr td { background: #F2F2F2 !important;}
table#det-params tr.odd th,
table#det-params tr.odd td { background: #E6ECEF !important; width: auto;}
.comment.admin .head strong {color: #2A3E7B;}
#sets-products .item .price {color: #2A3E7B;}
.paging a.active:hover,
.paging a.active:active,
.paging a.active:focus {color: #2A3E7B;}

#switch form#sect-sort {width: 40%;}
#sect-catalog { padding-left: 10px; }

#sect-catalog .item { margin: 0 6px 15px 6px; }
#sect-catalog .item .inner { background: url('img/ctlg-item-f.png') no-repeat left bottom; }
#sect-catalog .item h2 { background: #003bb0 url('img/ctlg-item-h.jpg') no-repeat 0 0; border: none; }
#sect-catalog .item h2 a { background: url('img/ctlg-item-hb.png') no-repeat left bottom; color:#fff; position: relative; width: 188px; display: table-cell; vertical-align: middle; height: 4em; padding: 0 8px; overflow: hidden; }
#sect-catalog .item .thumb { text-align: center; }
#sect-catalog .item .thumb a { display: table-cell; height: 164px; width: 190px; padding-top: 10px; vertical-align: middle; }
#sect-catalog .item .thumb img { vertical-align: top; }
#sect-catalog .item strong {color: #004ba9;}
#sect-catalog .item .signs { margin:0; position: absolute; top: 0; left: 5px; width: 180px; }
#sect-catalog .item .signs img { margin: 2px 5px 0 0; clear: none; float: none; }
#sect-catalog .item p { clear: both; margin: 5px 10px; padding-top: 5px; height: 3.2em; overflow: hidden; }
#sect-catalog .item .foot { background: none; border: none; height: 65px; }
#sect-catalog .item .price { padding-top: 8px; padding-left: 10px; }
#sect-catalog .item .act { width: 27px; margin-top: 3px; margin-right: 10px; }

table#sect-table thead th { background: #1f458e url('img/stbl-head.png') no-repeat -90px 0; color:white; font-weight:bold; text-align:center; border-top: none; }
table#sect-table thead th.first { background-position:0 0; }
table#sect-table .small { font-size:0.9em; font-weight:normal; }
table#sect-table thead th.last { background-position:right top; }
table#sect-table thead td { background:transparent url(img/stbl-sort.png) repeat-x 0 0; border: 1px solid #fff; border-width:1px 1px 0; text-align:center; white-space:nowrap; }
table#sect-table thead td.first { border-left: none; }
table#sect-table tbody tr.even th, table#sect-table tbody tr.even td { background: #edf3fa; border: 1px solid #c2d5ef; border-width: 1px 0; }


#det-info table.info { border-collapse: separate; border-spacing: 2px; }
#det-info table.info th { background: #e3e8f9 url('img/cats-li.gif') repeat-x 0 0; border: 1px solid #d7ddf2; color: #143679; font-weight:bold; padding:1px 6px; text-align:left; }

#det-info table#variants { border: 1px solid #FCBD6E; border-collapse:collapse; margin-bottom:15px; }
#det-info table#variants th, #det-info table#variants td { padding:5px; }
#det-info table#variants span { color:#E98302; }
#det-info table#variants tr.even th, #det-info table#variants tr.even td { background:#fff3e3; }

#det-info #det-buy { background:#FFF3E3; border:1px solid #FCBD6E; margin-bottom:15px; padding:5px 8px 8px; text-align: left; }
#det-buy strong { color:#E98302; font-size:1.4em; margin:0 5px 0 0; }
#det-buy input.text { border-color:#E7C1C1; text-align:right; width:2.5em; }

#switch h2.active a { background: url('img/swba-r.png') no-repeat right top; color:#1D4083;font-weight:bold;text-decoration:none;}

#det-more h4, #det-cross h4 { color: #1D4083; }

.ordercrumbs {
	background: #7ca6eb no-repeat;
	overflow: hidden;
	height: 66px; margin: 20px 0;
	line-height: 66px; vertical-align: middle;
	text-align: center; font-size: 1.3em; font-weight: bold;
}
#orcr-1 { background-image: url("img/orcr-1.jpg"); }
#orcr-2 { background-image: url("img/orcr-2.jpg"); }
#orcr-3 { background-image: url("img/orcr-3.jpg"); }
#orcr-4 { background-image: url("img/orcr-4.jpg"); }
.ordercrumbs .s1 { width: 148px; }
.ordercrumbs .s2 { width: 177px; }
.ordercrumbs .s3 { width: 171px; }
.ordercrumbs .s4 { width: 124px; }
.ordercrumbs span,
.ordercrumbs h1 { float: left; background: none; }
.ordercrumbs h1 { margin: 0; font-size: 1em; }
.ordercrumbs h1 { color: white; }
.ordercrumbs strong { color: white; }
.ordercrumbs a { color: #004ba9; }
.ordercrumbs a:hover,
.ordercrumbs a:active,
.ordercrumbs a:focus { color: #e98302; }



#order-proceed { background:#FFF3E3; border:1px solid #FCBD6E; color:#E98302; overflow:hidden; padding:8px; }
table#order-cart tbody th a { color:#E98302; }
table#order-cart tbody th a:hover,
table#order-cart tbody th a:active,
table#order-cart tbody th a:focus {color: #2A3E7B;}
table#order-cart td.summary div {color: #E98302;}
#order-overview h3.strong {color: #2A3E7B;}
table.temptable { border-left: none; }
table.temptable thead th { background:#D1D1D1 url('img/legend.jpg') repeat-x -5px 0; padding:8px 5px; text-align:center; border-top: none; font-size: 0.95em; }
table.temptable th.first, table.temptable td.first { border-left:1px solid #D1D1D1; }
table.temptable td.first, table.temptable tbody th.first { border-left:1px solid #D1D1D1 !important; }
table.temptable thead th.first { background-position:left top; border-left:none; }
table.temptable th.last, table.temptable td.last { border-color:#D1D1D1; }
table.temptable thead th.last { background-position:right top; border:none; }

#order-overview table.temptable tfoot td strong {color: #2A3E7B;}
#order-overview table.summary strong { color: #2A3E7B4; }
#article h2,
#article h3,
#article h4,
#article h5,
#article h6 {color: #2A3E7B;}
#salesbox h3 a {color: #2A3E7B;}

#det-gallery {width: 220px;}

form#sect-selection, form#sect-category-selection { border: none; background: transparent url('img/bcgr-sect-selection.png') no-repeat 0 0; padding: 15px 20px 8px; }
#switch { width: 600px; padding: 0 0 0 20px; }
#switch h2, #switch h3 { background: #e3e3e3 url('img/swb-l.png') no-repeat left top; border: none; margin: 0; }

#switch h2.active, #switch h3.active { background: #a4b7e7 url(img/swba-l.png) no-repeat left top; border:none; }

#switch h2.active strong, #switch h3.active strong { background:transparent url(img/swba-r.png) no-repeat right top;
color:#1D4083;
}
#switch h2 a, #switch h3 a { background: url('img/swb-r.png') no-repeat right top; color:#333333; }


/* override other */
#parametric-search table th,#parametric-search table td {border-color: #ffffff;}
ul.form-error a {color: #cc0000;}

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