/**
 * Layout.css - Navigation styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors Partnerslaapsystemen.nl:			Colors NasaMatrassen.nl
 * - Red:    #D!50028;						Red:				#900
 * - Blue:   #2!79BAC;						Green:				#B3C631
 * - Sand:   #E!FDEBA;						Light blue:			#D1EAEB
 * 											Dark blue/green:	#1A969C
 */

/* Added style for return button */

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;
}

/* General */

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

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

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

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

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: #1A969C;
}

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 #D1EAEB;
}

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


/* Layout */

#wrapper {
	margin: 0 auto;
	padding: 10px;
	width: 940px;
	background: #D1EAEB url(../img/wrapper-bg.jpg) repeat-x top left;
}

#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 10px;
	height: 95px;
	background: white url(../img/header-bg.jpg) no-repeat;
}

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

#header h1 a {
	display: block;
	width: 268px;
	height: 75px;
	background: url(../img/nasa-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: #900;
}

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

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


/* Navigation */

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


/* 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: #B3C631;
}

#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: #76C0C4;
}

#breadcrumbs li {
	display: inline;
}

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

#breadcrumbs li a:hover {
	color: #1A969C;
}


/* 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;
}

.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 h1 {
	margin: 10px 0;
	padding: 0 10px;
}

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

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

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

.block.blue h3 {
	color: #B3C631;
}

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

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

.block .product-thumb {
	margin-bottom: 15px;
	width: 220px;
	height: 145px;
	background: #D1EAEB 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: #E0B2B2;
}

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

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

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

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


/* Visual block */

#visual {
	position: relative;
	width: 455px;
	height: 240px;
	z-index: 5;
}

#home #visual {
	height: 300px;
}

#visual img {
	display: block;
}


/* Visual info */

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

#visual .aktie {
	border-bottom: 5px solid #900;
}

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

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

#visual .aktie p {
	color: #900;
}

#visual .nieuw p {
	color: #F44C01;
}

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

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

#visual .aktie .product-name a:hover {
	color: #900;
}

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

#visual .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;
}

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

#visual .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 {
	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: #900;
}


/* Fliters bar */

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

#filters div {
	float: right;
}

/* Hoofdcategorie */

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;
}

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


/* 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 gallery */

#product-gallery {
	margin-bottom: 20px;
	height: 240px;
	background: #D1EAEB 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: #900;
}

#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: #900 !important;
}

.accordion-toggle:hover {
	color: #900 !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: #900 !important;
}

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

.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;
	color: #900;
}

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


/* Tabs */

#product-tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #D1EAEB;
	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 #D1EAEB;
	border-right: 1px solid #D1EAEB;
	border-left: 1px solid #D1EAEB;
	color: #1A969C;
}

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

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

/* New 08-10-2009 */
/* Photo gallery */

#photo-gallery {
	position: relative;
	margin: 0 0 10px 0;
	width: 660px;
	height: 390px;
	background-color: #D1EAEB;
	border: 5px solid #1A969C;
	overflow: hidden;
}

#loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 660px;
	height: 390px;
	background: white url(../img/loading.gif) no-repeat 50% 50%;
}

#photo-gallery img {
	display: block;
}

#gallery-images {
	display: none;
}

#gallery-footer {
	position: relative;
	margin-top: -40px;
	padding: 5px;
	width: 650px;
	height: 30px;
	background: url(../img/white-80.png) repeat !important;
	background: white;
}

#photo-title {
	float: left;
	padding: 5px 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #30221A;
}

#gallery-controls {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#gallery-controls li {
	float: left;
	margin-left: 5px;
}

#gallery-controls a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/gallery-controls-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a#gallery-prev { background-position: 0 0; }
a#gallery-prev:hover { background-position: 0 -30px; }
a#gallery-slideshow { background-position: -30px 0; }
a#gallery-slideshow:hover { background-position: -30px -30px; }
.playing a#gallery-slideshow { background-position: -60px 0; }
.playing a#gallery-slideshow:hover { background-position: -60px -30px; }
a#gallery-next { background-position: -90px 0; }
a#gallery-next:hover { background-position: -90px -30px; }

/* Footer */

#footer {
	padding: 0 15px;
	height: 40px;
	background-color: white;
	color: #1A969C;
}

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