/* Special CSS style for Shopio theme */

/*######################################
Project: philips-levne.cz

Colors:
	text: #383838
	link: #25578c 
	alt-link: #000000
	heading: 
	background: #fff
	background-dark: 
	light-background:  (orders, pricebox etc)


	border:
	
######################################*/

html { background: #fff url('/img/horiz-shadow.png') repeat-x 0 125px !important; }
body {
	background: url('img/main_bg.png') no-repeat 50% 135px;
	_background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 55%;
}

a {color: #2A3E7B;}

input.text, textarea.text { background: none; }

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

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

#soc-facebook { margin-top: 15px }

/* override main.css + _columns.css ---------- */
.box .head h1, .box .head h2, .box .head h3 {
	background: none;
	color: #383838;
}

#main #content .head h1, #main #content .hp .head h2 {
/*
	border-bottom: 3px solid #aaa;
	padding: 5px 0;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1.5em;
*/
	border-bottom: 3px solid #aaa;
	padding: 5px 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 1.5em;
}

#container {
	background: none;
	margin-top: -120px;
}

#top-banner {
    margin: auto;
    width: 1020px;
    height: 120px;
    background: #FFFFFF url("/img/header-bcgr.png") no-repeat;
}

#header {
	height: 85px; padding: 0;
	background: none;
    }
	#header #logo-sect {margin-left: -980px; margin-top: 15px; width: 386px;}
	#header #logo,
	#header #logo a {width: 210px; height: 31px; overflow:hidden;}
	#header #logo { 
	   margin-top: 15px;
	   margin-left: -10px; 
	}
	#header #logo .ir {
	   background: url('/img/logo.gif') no-repeat 0 0;
	}
	#header #sitename {
		display: block;
		position: absolute;
		bottom: 23px;
		width: 15em;
		color: #0b54bd;
		font-weight: bold;
		right: 10px;
		text-align: right;
	}
	#header a#sitename { text-decoration: none; }
	
	#shoppingbox {
		margin-top: 0;
	    background: none;
		margin-left: 0;
		text-align: right;
	}
	#main #shoppingbox .inner { padding: 10px 0; }
	#shoppingbox h3 {
	    margin: 0; 
	    font-weight: bold; 
		font-size: 1em;
		display: inline;
	}
	#shoppingbox a {}
	#shoppingbox h3 a {  }
	#shoppingbox h3 a:hover,
	#shoppingbox h3 a:active,
	#shoppingbox h3 a:focus { /*color: #000000;*/ }
	#shoppingbox a { color: #25578c; }
	#shoppingbox a:link, #shoppingbox a:visited {
		text-decoration: none;
	}
	#shoppingbox a:hover, #shoppingbox a:focus, #shoppingbox a:active {
		text-decoration: underline;
	}
	#shoppingbox span {
		padding: 0;
		white-space: nowrap;
		color: #5b5b5b;
	}

	/* kosik */
	#shoppingbox #cart { padding-top: 4px; }
	#cart h3 a {
	    background: url("/img/header-ico-cart.png") no-repeat 0 50%;
		padding-left: 16px;
		line-height: 20px;
	}


	/* oblibene */
	#favs h3 {}
	#favs h3 a {
	    background: none;
	}
	/* 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: 85px;
	border-bottom: none;
	background: #fff url('/img/primary-nav-bg.png') repeat-x 0 0;
}
#primary-nav {
	width: 980px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
}
#primary-nav .inner { border: 1px solid #CCC; }
#primary-nav ul { border-right: 1px solid #ccc; _height:36px; margin-right: -1px; float: left; }
#primary-nav ul a { 
	padding: 0 12px; 
	/*width: 106px;*/ 
	display: inline; 
	border: none; 
	border-right: 1px solid #ccc;
}

/*#primary-nav ul #nav-o-nas a { width: 75px; _width: 76px; }
#primary-nav ul #nav-svitidla-zdroje-philips a { width: 194px; _width: 2196px; }
#primary-nav ul #nav-philips-zdroje-svitidla a { width: 219px; _width: 221px; }
#primary-nav ul #nav-philips-historie-a-soucasnost a { width: 219px; _width: 221px; }
#primary-nav ul #nav-jak-nakupovat a { width: 136px; _width: 138px; }
#primary-nav ul #nav-obchodni-podminky a { width: 158px; }
#primary-nav ul #nav-zajimave-odkazy a { width: 146px; }
#primary-nav ul #nav-dum-byt-zahrada a { width: 157px; }*/


#primary-nav ul a.last { border-right: none; }
#primary-nav ul a:link, #primary-nav ul a:visited {
	background: #fff url('/img/primary-nav-bg.png') repeat-x 0 0;
	color: #707070;
}
#primary-nav ul a:hover, #primary-nav ul a:focus, #primary-nav ul a:active {
	background: #fff url('/img/primary-nav-bg.png') repeat-x 0 100%;
	color: #000;
	text-decoration: none;
}

/*
#main {
	margin-top: 125px; /* height of header + 37px height of navigation /
	background: url('/img/horiz-shadow.png') repeat-x 0 0;
} 
	#main #maincontent #breadcrumbs {
		font-size: 1.5em;
	}

	#main #maincontent #breadcrumbs h1 {
		display: inline;
		font-size: 1.1em;
	}

	#main #maincontent #content,
	#main #maincontent #breadcrumbs .inner {
		padding: 0 185px 0px 185px;
	}
*/
#main {
	margin-top: 140px;
} 
	#main #maincontent {
		padding-top: 15px;
	}
	
	#main #maincontent #breadcrumbs {
	}
	#main #maincontent #breadcrumbs .inner {
		font-size: 1.5em;
		border-bottom: 3px solid #aaa;
		margin:0 195px 0;
		padding: 4px 10px 6px;
		font-weight: normal;
	}

	#main #maincontent #breadcrumbs h1 {
		display: inline;
		font-size: 1em;
		font-weight:normal;
		font-weight: bold;
	}

	#main #maincontent #content {
		padding: 0 185px 0px 185px;
	}

#content .content-inner {
	position: relative;
	background: url(../img/bcgr-mainfooter.png) bottom left no-repeat;
	padding-bottom: 15px;
}

	#content #head-intro .head h1 { margin-bottom: 0; color: #0b61da; }
	#content #head-intro .inner p { font-weight: bold; margin: 0 10px 1em; }

#main #listofproducts {
	font-size: 1.3em;
}

#main #listofproducts li { overflow:hidden; margin-bottom: 20px; }

#main #listofproducts h2 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
	float: left;
	clear: both;
	padding-top: 0;
	width: 200px;
	border: none;
	background: none;
}

#main #listofproducts h2 img { display: block; margin: 10px auto; }

#main #listofproducts ul ul {
	text-transform: uppercase;
	padding-bottom: 20px;
	width: 360px;
	float: right;
}
#main #listofproducts li li {
	margin-bottom: 3px;
}

#main table.itemstable {
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
/*	margin-top: 10px;*/
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
	*top:-1px;
}

#main table.itemstable h2, #main table.itemstable h3 { margin: 0; }
#main table.itemstable h2 { font-size: 1.2em; }
#main table.itemstable h3,
#main table.itemstable h4,
#main table.itemstable h5,
#main table.itemstable h6 { font-size: 1.2em; color: #000; background: #EEE; padding-left: 15px; _padding:2px 15px; border-bottom: 1px solid #AAAAAA; }
#main table.itemstable h4 { padding-left: 20px; _padding:2px 20px; }
#main table.itemstable h5 { padding-left: 25px; _padding:2px 25px; }
#main table.itemstable h6 { padding-left: 30px; _padding:2px 30px; }
#main table.itemstable h4,
#main table.itemstable h5,
#main table.itemstable h6  { border-bottom: 0px;}
#main table.itemstable p { margin: 10px 15px; }


#main table.itemstable td {
	text-align: left;
	vertical-align: middle;
	padding: 2px 3px;
}
#main table.itemstable td.heading { padding: 0; }
#main table.itemstable td.heading h2 a { color: #FFFFFF; }
#main table.itemstable td.heading h3 a,
#main table.itemstable td.heading h4 a,
#main table.itemstable td.heading h5 a,
#main table.itemstable td.heading h6 a { color: #000000; }

#main table.itemstable td.item-image { vertical-align: top; }
#main table.itemstable td.item-image img {
	display: block;
	margin: 8px auto 0;
}
#main table.itemstable td.item-priceincdph, #main table.itemstable td.item-priceexcdph {
	white-space: nowrap;
}
#main table.itemstable td.item-priceexcdph {
	font-weight: normal;
}
#main table.itemstable td.item-addtocart, #main table.itemstable td.item-addtocompare {
	width: 30px;
}

#actions .inner-box {
	padding: 0 10px 20px;
}

#actions .inner-box h1, #actions .inner-box h2 {
	background: #008ac9 url("../img/bcgr-lightbluegradient.png") repeat-x; 
	padding: 10px 15px; 
	border: 1px solid #005893; 
	color: #fff;
}
#actions .inner-box h1 { font-size: 1.3em; }
#actions .inner-box h2 {
	background: #716f72;
	border: none;
	padding: 5px 15px;
}

#actions .inner-box .item h2 { padding: 0 10px 7px; }

#category-description { margin: 0 15px; }


	#main #sidebar-left {width: 185px;}
		#main #sidebar-left .sidebar-inner {padding: 0 10px 10px 0;}

		#searchbox {
			background: none;
			margin: 0 0 5px 0;
			height: auto;
			width: 100%;
			color: #0b54bd;
		}
		#searchbox .inner {
		    padding: 6px 0 10px;
		}
		#searchbox h3 {
			margin: 0 0 2px 0; 
			padding: 0;
			font-weight: bold; 
			font-size: 1.2em;
		}
		#searchbox input.text {
			margin-top: 1px;
		    width: 75%;
		    vertical-align: top;
		}
		#searchbox input.submit {
			margin-top: 1px;
			color: #000;
			font-weight: bold; 
		}
		#categoriesbox {
			background: #f2f1f1;
		}
		
		#categoriesbox .space {
		    height: 10px;
		    background: white;
		}
		
		#categoriesbox .head h3 {
			background: #236ca3 url('/img/bcgr-darkbluegradient.png') 0 0 repeat-x;
			text-align: center;
			padding: 10px;
			text-transform: uppercase;
			font-size: 110%;
			border: 1px solid #37526f;
		}
		#categoriesbox .head h3 a {
			text-decoration: none;
		}
		#categoriesbox a { _height: 1%; }
		#categoriesbox a.hlighted { 
			background: #2A3E7B url("img/bcgr-button.gif") 0 center repeat-x;
		}
		#categoriesbox a:hover.hlighted, #categoriesbox a:active.hlighted, 
		#categoriesbox a:focus.hlighted {
			background: #2A3E7B;
		}
		
		#categoriesbox em, #categoriesbox ul ul em, #categoriesbox ul ul ul em { _height: 1%; min-height: 1%; }

		/* styling of main cats - icons */
		#categoriesbox .inner { padding-top: 0 !important; }
		#categoriesbox .inner ul { margin-bottom: 0; }
		#categoriesbox .inner ul a { font-weight: normal; border-bottom: 1px solid #fff; background: #eee url('/img/bcgr-maincategory.png') repeat-x 0 0; *cursor: pointer; }
		#categoriesbox .inner ul a span { padding: 8px 4px 8px 35px; background: none; *height: 1%; }

		#categoriesbox .inner ul ul a { background: none; }
		#categoriesbox .inner ul ul a:hover, #categoriesbox .inner ul ul a:active, #categoriesbox .inner ul ul a:focus { background: none; }
		#categoriesbox .inner ul ul {background: none; margin: 0; padding: 0 0 5px; font-size: 1em; }
		#categoriesbox .inner ul ul ul {}

		#categoriesbox .inner ul ul ul a span { padding-left: 43px; background-position: 36px 0.9em; padding-top: 0.2em; padding-bottom: 0.2em; }

		#categoriesbox .inner ul ul a span { background: url('/img/bullet_round_matte_eee.gif') no-repeat 21px 5px; padding: 3px 2px 3px 38px;}
		#categoriesbox .inner ul ul a:link, #categoriesbox .inner ul ul a:visited { color: #666; }
		#categoriesbox .inner ul ul a:hover, #categoriesbox .inner ul ul a:focus, #categoriesbox .inner ul ul a:active { color: #444; }

		#categoriesbox .inner ul a#cat-25-a span {background: url("img/cat-ico_kompaktni_zarivky.gif") 4px 6px no-repeat; }
		#categoriesbox .inner ul a#cat-29-a span {background: url("img/cat-ico_zarovky.gif") 8px 6px no-repeat; }
		#categoriesbox .inner ul a#cat-27-a span {background: url("img/cat-ico_zarovky.gif") 8px 6px no-repeat; }
		#categoriesbox .inner ul a#cat-26-a span {background: url("img/cat-ico_linearni_zarivky.gif") -5px 10px no-repeat; }
		#categoriesbox .inner ul a#cat-28-a span {background: url("img/cat-ico-vybojky.gif") 13px 5px no-repeat; }

		/*#categoriesbox .inner ul a#cat-8-a span {background: url("img/cat-ico-linearnizarivky.gif") 1px 9px no-repeat; }
    #categoriesbox .inner ul a#cat-XX-a span {background: url("img/cat-ico-halogenove.gif") 15px 4px no-repeat; }
    #categoriesbox .inner ul a#cat-51-a span {background: url("img/cat-ico_led_diody.gif") 8px 7px no-repeat; }
		#categoriesbox .inner ul a#cat-9-a span {background: url("img/cat-ico-vybojky.gif") 19px 5px no-repeat; }
		#categoriesbox .inner ul a#cat-10-a span {background: url("img/cat-ico-leddiody.gif") 15px 5px no-repeat; }
		#categoriesbox .inner ul a#cat-11-a span {background: url("img/cat-ico-zarovky.gif") 16px 7px no-repeat; }
		#categoriesbox .inner ul a#cat-12-a span { }
		#categoriesbox .inner ul a#cat-13-a span { }*/

		#newsletterbox {
			background: #f8f7f7;
		}
		#newsletterbox .head h3 {
			background: #5c5c5c url('/img/bcgr-darkgreygradient.png') 0 0 repeat-x;
			color: #fff;
			text-align: center;
			padding: 10px;
			text-transform: uppercase;
			font-size: 110%;
			border: 1px solid #4d4d4d;
		}
		#newsletterbox input { border: 1px solid #999; margin-bottom: 5px; }
		#newsletterbox input#submit_newsletter { border: none; width: auto; }

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

		#sidebar-right #userbox .inner { 
			background: #eee;
			padding: 0 0 10px 0;
		}
		#userbox .inner h3 {
			margin-bottom: 2px; 
			background: #236ca3 url('/img/bcgr-darkbluegradient.png') 0 0 repeat-x;
			text-align: center;
			padding: 10px;
			text-transform: uppercase;
			font-size: 110%;
			border: 1px solid #37526f;
			color: #fff;
		}
		
		#userbox form {
			width: auto;
			margin: 10px 5px 0;
		}

		#userbox label { 
			font-size: 1em; 
			text-transform: lowercase; 
			color: #707070;
		}
		#userbox input.text { 
			background-color: #fff;
			width: 115px;
		}
		
		#userbox li {
			margin: 5px 10px;
		}
		#userbox ul a {
			background: url('/img/bullet_round_matte_eee.gif') no-repeat 0 0;
			padding-left: 15px;
		}
		
		#userbox a:link, #userbox a:visited {
			color: #3a80cb;
		}

		#news-items .head h2 {
			background:url("/img/bcgr-darkgreygradient.png") repeat-x scroll 0 0 #5C5C5C;
			border:1px solid #4D4D4D;
			color:#FFFFFF;
			font-size:110%;
			padding:10px;
			text-align:center;
			text-transform:uppercase;
		}
		#news-items .head h2 img { vertical-align: text-bottom; }
		#news-items li.post { margin-bottom: 0.8em; border-bottom: 1px solid #e2e2e2; }
		#news-items h3 { font-size: 1em; }
		#news-items p { line-height: 1.4; }
		#news-items p.date { margin-bottom: 0.1em; }
		#news-items p.date em {  }
		#news-items .more { text-align: right;  }
		#news-items .more::after { content: '\00BB'; }
		
		#productactions .head h3, #productsellingout .head h3 {
			background: #5c5c5c url('/img/bcgr-darkgreygradient.png') 0 0 repeat-x;
			text-align: center;
			padding: 10px;
			text-transform: uppercase;
			font-size: 110%;
			border: 1px solid #4d4d4d;
			color: #fff;
		}

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

#det-cross .item { float: left; width: 260px; text-align: left; margin-right: 20px; margin-bottom: 25px; position: relative; }
#det-cross .item h5 { font-size: 1.3em; margin-bottom: 2px; }
#det-cross .item .inner { padding-top: 2px; text-align: left; }
#det-cross .item .inner p { position: absolute; width: 120px; left: 145px; top: 2em; line-height: 1.1; }
#det-cross .item .inner p span { font-weight: normal; font-size: 0.9em; white-space: nowrap; display: block; }
#det-cross .item .inner p span.price { font-size: 1.2em; font-weight: bold; float: left; }
#det-cross .item .inner .cart { float: left; margin-left: 5px; }
#det-cross .item .inner .cart img {  }


.box.serp #sect-catalog { padding: 0 10px 0; }
.serp #sect-catalog .item { margin: 15px 6px; width: 184px; }
.serp #sect-catalog .item h2 { padding: 0 10px 7px; background: url("img/actions-item.gif") no-repeat center bottom #F0F0F0; border: none; }
.serp #sect-catalog .item h2 a { text-decoration: none; }



#footer {
	background: #ededed url('/img/bcgr-lightgreygrad_large.png') 0 0 repeat-x;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
	height: auto;
	float: none;
	width: auto;
	_height: 1%;
}
#footer a:link, #footer a:visited, 
#partners a:link, #partners a:visited  {
	color: #888;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active,
#partners a:hover, #partners a:focus, #partners a:active {
	text-decoration: underline;
}

#footer #foot-nav {
	margin-left: 0;
	width: auto;
	text-align: right;
}
#footer #foot-nav .inner {
	padding: 20px 10px 0 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}
#footer #foot-nav li {
	display: inline;
}
#footer #foot-nav a {
	border-right: 1px solid #999;
	padding-right: 8px;
	margin-right: 5px;
}
#footer #foot-nav a.last {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

#footer #paymentopts {
	display:inline;
	float: left;
	height: 60px;
	line-height: 60px;
	margin-left: 10px;
	_padding-top: 10px;
}
#footer #paymentopts li {
	display: inline;
}
#footer #paymentopts img {
	border: 1px solid #333;
	margin-right: 0;
}
#footer #copyright {
	margin-left: 0;
	width: auto;
	color: #707070;
	text-align: right;
}
#footer #copyright .inner {
	padding-top: 5px;
}
#footer #copyright a.shopio {
	background: url('img/f-shopio.gif') no-repeat 100% 3px;
	padding:5px 18px 5px 0;
}
#footer #copyright a.shopio:hover, #footer #copyright a.shopio:focus,
#footer #copyright a.shopio:active {
	background-position: 100% -42px;
}

#partners { clear: both; margin: 0 15px; padding-top: 5px; color: #ccc; font-size: 0.9em; }
#partners strong, #partners b { color: #888; }
#partners a { text-decoration: underline; }


.column .box.bordered .inner {
	border-bottom: 4px solid #efefef;
}


/* override _temporary.css */

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

#maincontent #content #actions .head h2,
.col-act .head h3 {background: #008ac9 url("/img/bcgr-lightbluegradient.png") repeat-x; padding-left: 15px; border: 1px solid #005893; color: #fff; }
#actions .item {width: 184px;}
#actions .item h2 {background: #F0F0F0 url("img/actions-item.gif") center bottom no-repeat;}

#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 .item {margin: 15px 6px;}
#sect-catalog .item .foot { width: 184px; background-position: -6px bottom; }
#sect-catalog .item strong {color: #2A3E7B;}
#order-proceed {
    background: #FFFFFF url("img/det-buy.png") left bottom repeat-x;
    border-top: 1px solid #2A3E7B;
    color: #2A3E7B;
}
table#order-cart tth a:hover,
table#order-cart tth a:active,
table#order-cart tth a:focus {color: #2A3E7B;}
table#order-cart td.summary div {color: #2A3E7B;}
#order-overview h3.strong {color: #2A3E7B;}
#order-overview table.temptable tfoot td strong {color: #2A3E7B;}
#order-overview table.summary strong { color: #2A3E7B; }
#article h2,
#article h3,
#article h4,
#article h5,
#article h6 {color: #2A3E7B;}
#salesbox h3 a {color: #2A3E7B;}

#det-gallery {width: 220px;}

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

.sitemap .cutelist .head a { color: #2A3E7B; font-weight: normal; }
.sitemap .cutelist .head a:hover, .sitemap .cutelist .head a:focus, .sitemap .cutelist .head a:active { color: #000; }


.skyscraper { margin: 5px 0; width: 173px; overflow: hidden;}
.skyscraper .inner { padding: 3px !important; border-bottom: 0px !important;}
.skyscraper p { margin: 0; text-align: center; }
.skyscraper img { border: none; }

#content_banner_block {
    margin: 0 10px;
}