﻿/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Morgen32
 *  Email                : info @ morgen32.nl
 *	
 *  
 *  Disclaimer:
 *	Niets uit dit script mag zonder toestemming van de maker van deze
 *	scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze
 *	scripting blijft ten alle tijden copyright op dit product houden. De 
 *	scripting is ter beschikking gesteld door Morgen32.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/

/*////////////////////////////////////////////
				CSS RESET
////////////////////////////////////////////*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style: none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section 	{ display:block; }
body 																	{ line-height:1.5; font-family: CenturyGothic, 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 13px; }
table 																	{ border-collapse:separate; border-spacing:0; }
caption, th, td 														{ text-align:left;font-weight:normal; }
table, td, th 															{ vertical-align:middle; }
a img 																	{ border:none; }

h1																		{ font-family: CenturyGothic, 'Century Gothic'; font-size: 18px; color: #c84b88; margin: 0px 0px 30px 0px; }
h1 strong																{ color: #7b7565; }
h2																		{ font-family: CenturyGothic, 'Century Gothic'; font-size: 14px; color: #c84b88; }
h3																		{ font-family: CenturyGothic, 'Century Gothic'; font-size: 14px; color: #c84b88; font-weight: bold; }
strong																	{ color: #c84b88; font-weight: normal; }
p																		{ margin: 0px 0px 1.2em 0px; }
a																		{ color: #3784c0; }
td																		{ vertical-align: top; }
form td																	{ padding: 0px 20px 5px 0px; }
form td.low																{ padding-bottom: 0px; }
.large input															{ width: 300px; }
.large textarea															{ width: 448px; height: 95px; }
.small span																{ font-size: 11px; }
.small input															{ width: 230px; }
.small textarea															{ width: 448px; height: 95px; }
.small label img														{ height: 20px; position: absolute; margin: 0px 0px 0px 5px;  }
input.radio																{ width: 15px;}

body																	{ background: #7b7565; }
#container																{ width: 940px; margin: 0px auto 0px auto; }

#header																	{ background: #ffffff; text-align: center; padding: 60px 0px 50px 0px; }
#header img																{ width: 551px; height: 73px; }

#menu																	{ background: #c84b88; height: 28px; font-size: 14px; margin: 6px 0px 6px 0px; border-top: 5px solid #ffffff; }
#menu li																{ float: left; margin: 0px 0px 0px 45px; padding: 3px 0px 0px 0px; height: 25px; }
#menu li a																{ color: #ffffff; text-decoration: none; display: block; }
#menu li a:hover														{ color: #584d4d; }
#menu li.active a														{ color: #584d4d; }
#menu li ul																{ display: none; z-index: 100; position: absolute; margin: 3px 0px 0px -27px; background: #ffffff; border-left: 1px solid #c84b88; border-right: 1px solid #c84b88; border-bottom: 1px solid #c84b88; }
#menu li li																{ float: none; margin: 0px 10px 5px 10px; }
#menu li li a															{ color: #584d4d; }
#menu li li a:hover														{ color: #c84b88; }

.stripe																	{ height: 4px; background: #ffffff; margin: 0px 0px 3px 0px; font-size: 1px; }
.stripecolor															{ height: 14px; background: #c84b88; margin: 0px 0px 8px 0px; }

#follower																{ width: 56px; height: 4px; background: #c84b88; margin-left: 40px; z-index: 99; }

#content																{ background: url(../images/strik.jpg) 730px bottom no-repeat #ffffff; clear: both;  position: relative; }
#content ul li															{ margin: 0px 0px 0px 20px; list-style: disc; }
#content_text															{ padding: 65px 65px 65px 80px; color: #635f53 }

#footer																	{ background: #c84b88; height: 28px; font-size: 12px; padding: 0px 0px 0px 40px; }
#footer .left li														{ float: left; margin: 0px 10px 0px 10px; padding: 7px 0px 0px 0px; }
#footer .right															{ margin: 2px 0px 0px 0px; }
#footer .right li														{ line-height: 1.2em; padding: 0px 10px 0px 0px; font-size: 10px; }
#footer a																{ color: #ffffff; text-decoration: none; }
#footer a:hover															{ color: #000000; }
#footer .right a														{ color: #f2acce; }

#product_list															{ height: 20px; margin: -30px 0px 45px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#content #product_list li												{ float: left; margin: 0px; padding: 0px 10px 0px 0px; list-style: none; }
#content #product_list li a												{ color: #e1a7c7; text-decoration: none; }
#content #product_list li a:hover										{ color: #c84b88; }
#content #product_list li.active a										{ color: #c84b88; }

#product_info															{ margin: 0px 0px 0px 300px; width: 380px; color: #584d4d; position: relative; }
#product_info h1														{ font-weight: bold; }
#product_info .order													{ position: absolute; top: -20px; right: -30px; }
#product_info .top														{ height: 7px; background: url(../images/canvas.gif) no-repeat; }
#product_info .middle													{ padding: 18px 25px; background: #cdccc5; }
#product_info .bottom													{ height: 7px; background: url(../images/canvas.gif) no-repeat 0px -8px; }
#product_slideshow														{ position: absolute; }
#content #product_slideshow ul											{ margin: 0px; padding: 0px; }
#content #product_slideshow li											{ margin: 0px; padding: 0px; list-style: none; }
#product_slideshow														{ position: absolute; left: 60px; width: 265px; height: 300px; overflow: hidden; }
#product_slideshow img													{ width: 265px; height: 300px; }

#product_carousel														{ width: 510px; height: 160px; margin: 30px 0px 0px 100px; overflow: hidden; }
#product_carousel ul													{ width: 510px; overflow: hidden; }
#product_carousel ul li													{ float: left; width: 160px; height: 160px; list-style: none; margin: 0px 20px 0px 0px; padding: 0px; }
#product_carousel ul li img												{ width: 160px; height: 160px; }

#prevnext																{ position: absolute; left: 20px; right: 20px; }

.left																	{ float: left; }
.right																	{ float: right; }
.clear																	{ clear: both; }

.warning																{ font-weight: bold; color: #990000;}
.message																{ font-weight: bold; color: #c84b88;}


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
