/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * - Red:    #D50028;
 * - Blue:   #279BAC;
 * - Sand:   #EFDEBA;
 */

/* General */

body {
	margin: 39px 0;
	padding: 0;
	background: #4F4138 url(../img/body-bg.png) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #30221A;
}

a, a:link, a:visited {
	color: #D50028;
}

a:hover, a:active {
	color: #2C1E16;
}

h1, h2, h3, h4, h5, h6 {
	color: #D50028;
}

h1, h2 {
	margin: 20px 0 10px;
	font-size: 22px;
}

h3 {
	margin: 20px 0 8px;
	font-size: 18px;
}

h4 {
	margin: 20px 0 6px;
	font-size: 16px;
}

h5 {
	margin: 20px 0 4px;
	font-size: 14px;
}

h6 {
	margin: 20px 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

p {
	margin: 0 0 20px;
	line-height: 140%;
}

p.intro {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #634C39;
}

p.label {
	position: absolute;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	top: 110px;
	right: 0;
	width: 75px;
	height: 45px;
	text-indent: -9999px;
}

#home p.label {
	top: 150px;
}

p.label.aktie {
	background: url(../img/aktie-label.png) no-repeat !important;
	background: url(../img/aktie-label.gif) no-repeat;
}

p.label.nieuw {
	background: url(../img/nieuw-label.png) no-repeat !important;
	background: url(../img/nieuw-label.gif) no-repeat;
}

p.price {
	float: left;
	margin: 0 5px 0 0;
	background: url(../img/product-price-sprite.gif) no-repeat;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	/*color: #CC9966;*/
	color: #30221A;
}

p.price span {
	display: block;
	margin-left: 10px;
	padding-right: 10px;
	background: url(../img/product-price-sprite.gif) no-repeat;
	font-size: 16px;	
}

p.important-select {
	display: inline;
	float: right;
	margin: 10px 4px 0 0;
	padding-right: 20px;
	background: url(../img/arrow-important.gif) no-repeat 100% 0;
	font-weight: bold;
	line-height: 22px;
}

span.currency {
	font-size: 80%;
	font-weight: normal !important;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 10px;
	border-bottom: 1px solid #EFDEBA;
}

thead td {
	background-color: #EFDEBA;
	border-bottom: 1px solid #CC9966;
	font-weight: bold;
}


/* Layout */

#wrapper {
	margin: 0 auto;
	padding: 10px;
	width: 940px;
	background-color: #EFDEBA;
}

#sidebar {
	float: left;
	margin-right: 10px;
	width: 230px;
}

#main {
	overflow: hidden;
	clear: both;
}

#content {
	float: left;
	width: 700px;
	overflow: hidden;
}

#inner-content {
	margin-bottom: 5px;
	width: 705px;
	overflow: hidden;
}

#content .page {
	padding: 10px 15px;
	width: 670px;
	background-color: white;
}

#content .details {
	padding: 10px 5px 10px 15px;
	width: 680px;
	background-color: white;
}


/* Header */

#header {
	position: relative;
	padding: 15px 0 0 20px;
	height: 95px;
	background: white url(../img/header-bg.jpg) no-repeat;
}

#header h1,
#header h2 {
	margin: 0;
	width: 328px;
	height: 80px;
	overflow: hidden;
}

#header h1 a,
#header h2 a {
	display: block;
	width: 328px;
	height: 80px;
	background: url(../img/pss-logo.jpg) no-repeat;
	text-indent: -9999px;
}


/* Cart */

#cart {
	position: absolute;
	padding: 10px 25px;
	width: 190px;
	height: 45px;
	top: -35px;
	right: 0;
	background: url(../img/cart-bg.gif) no-repeat;
}

#cart p {
	margin: 2px 0;
}

#cart strong {
	font-size: 14px;
	color: #D50028;
}

#cart .button {
	position: absolute;
	right: 25px;
	bottom: -16px;
}

#cart-product-count {
	font-weight: bold;
}


/* Navigation */

#navigation {
	margin-bottom: 10px;
	width: 100%;
	height: 75px;
}


/* Slaaptest block */

#slaaptest-block {
	position: relative;
	float: left;
	padding: 10px 20px 20px;
	width: 190px;
	height: 45px;
	background: url(../img/test-box-bg.gif) no-repeat;
}

#slaaptest-block strong {
	font-size: 14px;
	font-weight: bold;
	color: #279BAC;
}

#slaaptest-block p {
	margin: 2px 0;
}

#slaaptest-block .button {
	position: absolute;
	right: 20px;
	bottom: -6px;
}


/* Breadcrumbs */

#breadcrumbs {
	float: left;
	margin: 0 0 0 10px;
	padding: 8px 0 3px 10px;
	width: 690px;
	background: url(../img/arrow-right-sand.gif) no-repeat 0 11px;
	list-style: none;
	color: #CC9966;
}

#breadcrumbs li {
	display: inline;
}

#breadcrumbs li a {
	text-decoration: none;
	color: #CC9966;
}

#breadcrumbs li a:hover {
	color: #D50028;
}


/* Buttons */

.button {
	display: inline-block;
	padding-left: 10px;
	height: 32px;
	background: url(../img/button-sprite.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	clear:both;
}

.button span {
	display: inline-block;
	padding-right: 40px;
	height: 32px;
	background: url(../img/button-sprite.gif) no-repeat 100% 0;
	cursor: pointer;
	color: white;
}

.button:hover { background-position: 0 -32px; }
.button:hover span { background-position: 100% -32px; }

.button.blue { background-position: 0 -64px; }
.button.blue span { background-position: 100% -64px; }
.button.blue:hover { background-position: 0 -96px; }
.button.blue:hover span { background-position: 100% -96px; }

.button.red { background-position: 0 -128px; }
.button.red span { background-position: 100% -128px; }
.button.red:hover { background-position: 0 -160px; }
.button.red:hover span { background-position: 100% -160px; }


/* Voordelen */

#pros {
	margin: 0 0 10px;
	padding: 0;
	width: 230px;
	height: 125px;
	background: url(../img/voordelen.gif) no-repeat;
}

#pros li {
	line-height: 30px;
	visibility: hidden;
}


/* Banners */

a.banner {
	display: block;
	margin-bottom: 10px;
	border: 5px solid white;
}

a.banner img {
	display: block;
}


/* Partners */

#partners {
	padding: 15px 0 12px 15px;
	border: 5px solid white;
}

#partners a {
	margin: 0 25px 5px 0;
	text-decoration: none;
}


/* Blocks */

.block {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	width: 220px;
	background-color: white;
	border: 5px solid white;
}

#home .block {
	height: 300px;
}

.block.product,
.block.category {
	padding-bottom: 32px;
}

.block h2,
.block h1 {
	margin: 10px 0;
	padding: 0 10px;
}

.block h3 {
	margin: 10px 0;
	padding: 0 10px;
	font-size: 16px;
	color: #30221A;
}

.block.category h3 {
	height: 16px;
	font-size: 14px;
	overflow: hidden;
}

.block.blue h3 {
	color: #279BAC;
}

.block.red h3 {
	color: #D50028;
}

.block p {
	margin: 0 0 10px;
	padding: 0 10px;
}

.block .product-thumb {
	margin-bottom: 15px;
	width: 220px;
	height: 145px;
	background: #EFDEBA url(../img/no-image.gif) no-repeat;
}

.block .product-thumb img {
	display: block;
}

.block .description {
	font-size: 12px;
}

.block.product .description {
	height: 34px;
	overflow: hidden;
}

.block .block-price {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #CC9966;
}

.block .block-price sub {
	font-size: 10px;
	vertical-align: baseline;
}

.block .block-price .discount-price {
	margin-left: 5px;
	color: #D50028;
}

.block .toolbar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 220px;
	height: 32px;
}

.block .toolbar .button,
.block .toolbar .button span {
	display: block;
}


/* Visual block */

#visual {
	width: 455px;
	height: 240px;
}

#home #visual {
	height: 300px;
}

#visual img {
	display: block;
}


/* Visual info */


.aktie-block {
	text-decoration: none;
}

#visual .info {
	position: absolute;
	width: 150px;
	top: 0;
	left: 15px;
	background-color: white;
}

#visual .aktie,
.aktie-block .aktie {
	border-bottom: 5px solid #D50028;
}

#visual .nieuw,
.aktie-block .nieuw {
	border-bottom: 5px solid #F44C01;
}

#visual .info p ,
.aktie-block .info p{
	margin: 10px 0 0;
	padding: 0 10px;
	font-weight: bold;
	line-height: normal;
}

#visual .aktie p,
.aktie-block .aktie p {
	color: #D50028;
}

#visual .nieuw p,
.aktie-block .nieuw p {
	color: #F44C01;
}

#visual .info .product-name,
.aktie-block .info .product-name {
	margin: 0 0 10px;
	padding: 0 10px 10px;
	border-bottom: 1px solid #EFDEBA;
	font-size: 20px;
}

#visual .info .product-name a,
.aktie-block .info .product-name a {
	text-decoration: none;
	color: #30221A;
}

#visual .aktie .product-name a:hover,
.aktie-block .aktie .product-name a:hover {
	color: #D50028;
}

#visual .nieuw .product-name a:hover,
.aktie-block .nieuw .product-name a:hover {
	color: #F44C01;
}

#visual .info .special-currency,
.aktie-block .info .special-currency {
	margin: 0 0 10px;
	font-size: 32px;
}

#visual .info .label {
	position: relative;
	top: auto;
	left: -20px;
	width: 140px;
	height: 84px;
	text-indent: -9999px;
}

#home .aktie-block .info .label {
	position: relative;
	top: 0;
	left: -5px;
	width: 140px;
	height: 84px;
	text-indent: -9999px;
}

#visual .aktie .label,
.aktie-block .aktie .label {
	background: url(../img/aktie-label-groot.png) no-repeat !important;
	background: url(../img/aktie-label-groot.gif) no-repeat;
}

#visual .nieuw .label,
.aktie-block .nieuw .label {
	background: url(../img/nieuw-label-groot.png) no-repeat !important;
	background: url(../img/nieuw-label-groot.gif) no-repeat;
}


/* Visual caption */

#visual-caption {
	position: relative;
	margin-top: -60px;
	width: 100%;
	height: 60px;
	background: url(../img/white-80.png) repeat !important;
	background: white;
}

#visual h2,
#visual h1 {
	position: relative;
	margin: -44px 0 0 0;
	font-size: 24px;
}


/* Page text block */

#page-text {
	height: 240px;
}

#home #page-text {
	height: 300px;
}

#page-text h3 {
	color: #D50028;
}


/* Fliters bar */

#filters {
	padding: 10px 10px;
	width: 670px;
	height: 20px;
}

#filters div {
	float: right;
}


/* Product page */

#product-details {
	float: left;
	margin: 5px 5px 0 0;
	width: 415px;
}

#product-details .short-description {
	font-size: 12px;
}

#product-options {
	float: left;
	width: 260px;
	background: url(../img/product-options-bg.gif) no-repeat;
}

#product-options .accordion-toggle {
	color: #30221A !important;
}

#product-options a.return {
	background-image: url(../img/arrow-left-black.gif);
}

#product-options a.return:hover {
	background-image: url(../img/arrow-left-sand.gif);
}

#product-options a.return span {
	color: #30221A;
}

#product-options a.return:hover span {
	color: #CC9966;
}


/* Product gallery */

#product-gallery {
	margin-bottom: 20px;
	height: 240px;
	background: #EFDEBA url(../img/no-image-gallery.gif) no-repeat;
}

#gallery-thumbs {
	float: left;
	padding-right: 10px;
	width: 50px;
	height: 240px;
	background-color: white;
}

#gallery-thumbs .control {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#gallery-thumbs #prev {
	background: url(../img/arrow-up-sand.gif) no-repeat 50% 50%;
}

#gallery-thumbs #next {
	background: url(../img/arrow-down-sand.gif) no-repeat 50% 50%;
}

#thumb-wrap {
	width: 50px;
	height: 209px;
	overflow: hidden;
}

#thumb-wrap a {
	display: block;
	margin-bottom: 3px;
	width: 50px;
	height: 50px;
}

#thumb-wrap a img {
	display: block;
}

#gallery-image {
	display: block;
	float: left;
	width: 355px;
	height: 240px;
	background-color: white;
}

#gallery-image img {
	display: block;
}


/* Product price */

#product-price {
	margin-bottom: 20px;
	padding-left: 65px;
	width: 350px;
	overflow: hidden;
}

#product-price select {
	margin-bottom: 10px;
	width: 100%;
}

#product-price #shop-price,
#product-price #recommended-price {
	height: 70px;
	background-position: 0 -50px;
}

#product-price #shop-price span,
#product-price #recommended-price span {
	width: 80px;
	height: 50px;
	background-position: 100% -70px;
	line-height: 50px;
}

#product-price #our-price {
	margin: 0;
	height: 70px;
	background-position: 0 -120px;
	color: #D50028;
}

#product-price #our-price span {
	width: 120px;
	height: 50px;
	background-position: 100% -140px;
	font-size: 22px;
	line-height: 50px;
	color: white;
}


/* Product options accordion */

.accordion-toggle {
	display: block;
	padding: 12px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #CC9966 !important;
}

.accordion-toggle:hover {
	color: #D50028 !important;
}

.accordion-content {
	padding: 0 15px 15px;
	width: 230px;
	background: url(../img/product-options-bg.gif) no-repeat bottom left;
	overflow: hidden;
}

.accordion-content.static {
	padding-top: 8px;
}

.accordion-content select {
	width: 100%;
}

.accordion-content .button,
.accordion-content .button span {
	display: block;
}


/* Product options list */

.options {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	overflow: hidden;
}

.options li {
	float: left;
	margin: 0 1px 5px 0;
}

.options li a {
	display: block;
	border: 0;
	text-align: center;
	color: #CC9966 !important;
}

.options li a:hover {
	color: #D50028 !important;
}

.options li a:hover img,
.options li.selected a img {
	margin: 0;
	border: 2px solid #D50028;
}

.options li a img {
	display: block;
	margin: 2px;
}


/* Accordion price */

.accordion-content #price-wrap {
	float: left;
	margin-right: 10px;
	width: 95px;
}

.accordion-content #shop-price,
.accordion-content #recommended-price {
	margin: 0;
	height: 50px;
}

.accordion-content #shop-price span,
.accordion-content #recommended-price span {
	width: 75px;
	height: 30px;
	background-position: 100% -20px;
	line-height: 30px;
}

.accordion-content #our-price {
	margin: 0;
	height: 100px;
	/*background-position: 0 -190px;*/
	background: none;
	color: #D50028;
}

.accordion-content #our-price span {
	width: 105px;
	height: 80px;
	/*background-position: 100% -210px;*/
	background: none;
	font-size: 22px;
	line-height: 80px;
	/*color: white;*/
}


/* Tabs */

#product-tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #EFDEBA;
	list-style: none;
}

#product-tabs li {
	float: left;
	margin-right: 2px;
}

#product-tabs li a {
	display: block;
	float: left;
	padding: 0 8px;
	height: 29px;
	border-top: 1px solid #F7EFDD;
	border-right: 1px solid #F7EFDD;
	border-left: 1px solid #F7EFDD;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	color: #30221A;
	outline: none;
}

#product-tabs li a:hover,
#product-tabs li.selected a {
	height: 30px;
	background: white url(../img/tab-bg.gif) repeat-x;
	border-top: 1px solid #EFDEBA;
	border-right: 1px solid #EFDEBA;
	border-left: 1px solid #EFDEBA;
	color: #D50028;
}

.tab-container {
	padding: 15px 0;
}

.tab-container h3,
.tab-container h4,
.tab-container h5,
.tab-container h6 {
	margin: 0 0 10px;
}


/* Footer */

#footer {
	margin-top: 5px;
	width: 670px;
	float: left;
	padding: 0 15px;
	height: 40px;
	background-color: white;
	color: #CC9966;
	overflow: hidden;
}

#footer p {
	float: left;
	margin: 0;
	line-height: 40px;
}

/* GJ */ 
#home .block {
	height: 300px;
}

#home .block h3 {
	height: 19px;
	overflow:hidden;
}

div.maincategory a.button {
margin-left:0px;
margin-top:38px;
}

div.maincategory p {
float:left;
width: 120px;
margin-left:10px;
margin-bottom: 0px;
}

div.maincategory {
width:347px;
position:relative;
border:0px;
}

div.maincategory a{
padding-bottom:10px;
float:left;
border:1px solid white;
text-decoration:none;
width:345px;
}

div.maincategory p.button {
width:auto;
margin:0px;
padding-right:0px;
position:absolute;
right:10px;
bottom:10px;
}

div.maincategory a:hover{
padding-bottom:10px;
float:left;
text-decoration:none;
}

div.maincategory p span.aantal {
color:#CC9966;
font-weight:bold;
}
div.maincategory h4{
float:left;
font-size:14px;
font-weight:bold;
margin-left: 10px;
margin-top: 10px;
margin-bottom:5px;
}

p {
line-height: 160%;
}

div.maincategory div.product-thumb {
float:left;
margin-bottom:0px;
margin-left:10px;
width: 170px;
height:110px;
}

a#contact-form-button {
margin-left: 180px;
}

a.return {
background: url("../img/arrow-left-sand.gif") 0px 1px no-repeat;
padding-left: 15px;
text-decoration: none;
}

a.return span {
color: #CC9966;
font-size:12px;
font-weight:bold;
}

a.return:hover {
background: url("../img/arrow-left-black.gif") 0px 1px no-repeat;
}
a.return:hover span {
color:#211812;
}

a.detail {
	margin-left:1px;
	display:block;
	margin-top: 10px;
}

div#info,
div#benefits,
div#sideproducts {
padding-left:10px;
}

div#inner-content li {
padding-bottom:4px;
}

div#content div.first {
	height: 237px;
}

table.norule {
	width:300px;
}

table.norule td {
	border: 0px;
}

.actioncode-header {
	margin:0px;
}

.actioncode {
	margin:0px;
	text-align:left;
	float:left;
	margin-bottom:15px;
}

.actioncode td {
	padding:0px;
	padding-bottom: 10px;
}


/* Intro block */

#home .intro-block {
	width: 700px;
	height: auto;
}