/*-----------------------------------------------------*/
/*--[ CSS Autosleutels 2006, copyright Robarov ]--*/
/*-----------------------------------------------------*/

* {
	font-size:100%;
	margin:0;
	padding:0;
	}

body {
	background: #d2dadc url(../i/layout/bg-body.gif);
	color: #666;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.8em;
	}
#login address {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
#container {
	position: relative;
	background: #fff;
	width: 760px;
	margin: 20px auto 0 auto; /* Center it pls, thx */
	text-align: left;
	border: 1px solid #a4bbc2;
	padding: 20px 0;
	overflow:auto;
	}


#left {
	width: 240px;
	float: left;
	}

#content {
	background: url(../i/layout/bg-content.jpg) 0 0 no-repeat;
	width: 500px;
	float: left;
	}
#crumb {
	font-size: 0.9em;
	color: #abacac;
	border-top: 1px solid #ebebeb;
	margin-bottom: 30px;
}

/*--[ common ]----------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-weight: normal;
	}
h1 {
	margin: 20px 20px 15px 50px;
	height: 34px;
	color: #e03138;
	font-size: 2.4em;
	}

h2 {
	margin: 0 20px 10px;
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #2e9aca;
	}
h3 {
	}
p {
	margin: 0 20px 15px;
	}
address {
	margin: 0 20px 15px;
	font-style: normal;
	float: left;
	width: 250px;
}

#login address {
	margin: 10px 20px 15px;
	float: none;
	width: auto;
}

ol {
	margin: 0 30px 15px;
	}

 ul {
	margin: 0 20px 15px;
	}
ul li{
	background: url(../i/layout/bullet.gif) 0 0.35em no-repeat;
	list-style-type: none;
	padding:0 0 0 20px;
}
.links li{
	list-style-type: none;
	background: none;
	padding:0 0 0 0;
	margin-bottom: 10px;
}
.links img{
	margin: 0;
}
a {
	color: #329dcd;
	outline: none;
	}
a:hover {
	color: #1883b2;
	text-decoration: none;
	}

fieldset {
	border: none;
}
fieldset#Delivery, fieldset#Billing {
	width: 230px;
	float: left;
	margin-bottom: 20px;
}
fieldset#Order {
	clear: both;
	}
label {cursor: pointer;}
.home {
	border: 2px solid #ddd;
	margin: 0;
	}
img {
	border: none;
	margin: 0 0 0 20px;
	}
.alignleft {
	margin: 0 15px 5px 30px;
	float: left;
	}
.alignright {
	margin: 0 30px 5px 15px;
	float: right;
	}
.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide{ /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
/*--[ shop ]----------------------------------------------------------------*/
#content .mini {
	display:block;
	clear:both;
	float: right;
	margin: 10px 0;
}
#content a.top, #content a.back{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -3000px;
	text-decoration:none;
}
#content a.top{background: url(../i/layout/bg-top.gif) 0 0 no-repeat;}
#content a.top:hover{background: url(../i/layout/bg-top.gif) -16px 0 no-repeat;}

#content a.back{background: url(../i/layout/bg-back.gif) 0 0 no-repeat;}
#content a.back:hover{background: url(../i/layout/bg-back.gif) -16px 0 no-repeat;}

/*--[ left ]----------------------------------------------------------------*/
#logo {
	background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
	width: 198px;
	height: 101px;
	margin: 0 0 20px 20px;
	}
	#logo a {
		background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
		text-indent: -9000em;
		overflow: hidden;
		width: 198px;
		height: 101px;
		display: block;
		text-decoration: none;
		float:left;
		border: 1px solid #98070c;
	}
	#logo a:hover {border: 1px solid #f5353b;}

#nav , #login, #basket {
	width: 198px;
	margin: 0 0 20px 20px;
}
	#nav {
		background: #a8da33 url(../i/layout/bg-nav.jpg) 0 0 repeat-y;
		border: 1px solid #87b222;
	}

#login {
	background: #59bae5 url(../i/layout/bg-login.jpg) 0 0 repeat-y;
	border: 1px solid #2e92bf;
}
div#basket {
	background: #dd2026 url(../i/layout/bg-basket.jpg) 0 0 repeat-y;
	border: 1px solid #98070c;
}
#basket li {
	background: transparent;
	padding: 0px;
	}
#basket strong {color: #ffe87a}

#nav h2, #login h2, #basket h2 {
	padding-top: 45px;
	width: 198px;
	overflow: hidden;
	height: 0px !important;
	margin: 0px;
}
#nav h2{background: url(../i/layout/navigation.jpg) 0 0 no-repeat;}
#login h2{background: url(../i/layout/login.jpg) 0 0 no-repeat;}
#basket h2{background: url(../i/layout/basket.jpg) 0 0 no-repeat;}

#nav ul {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccff55;
}
#nav ul ul {
	margin: 0px;
	background: #ccff55;
}
#nav li{
	background: url(../i/layout/bg-li.gif) 12px 0.5em no-repeat;
	padding: 0px;
	width: 198px;
	line-height: 2em;
	border-bottom: 1px solid #87b222;
	border-top: 1px solid #ccff55;
	}
#nav li a{
	line-height: 2em;
	color: #597517;
	padding: 0 0 0 36px;
	display: block;
	line-height: 2em;
	text-decoration: none;
}

#nav li a:hover, #nav li.active a {
	background: #9dcc2e url(../i/layout/bg-li.gif) 12px 0.5em no-repeat;
	color: #fff;
}
#nav li li {
	background: #d9ff7f url(../i/layout/bg-li-li.gif) 12px 0.5em no-repeat;
	border-bottom: none;
	border-top-color: #b2e738;
}
#nav li li a, #nav li.active li a{
	background: #d9ff7f url(../i/layout/bg-li-li.gif) 12px 0.5em no-repeat;
	color: #597517;
}
#nav li li a:hover, #nav li li.active a{
	background: #eaffb7 url(../i/layout/bg-li-li.gif) 12px 0.5em no-repeat;
	color: #435a0d;
}
#nav li li.locked, #nav li li.locked a{
	background: #d9ff7f url(../i/layout/bg-li-lock.gif) 12px 0.5em no-repeat;
}
#nav li li.locked a:hover {
	background: #eaffb7 url(../i/layout/bg-li-lock.gif) 12px 0.5em no-repeat;
}

#login form {
	padding: 10px 0 0 20px;
	border-top: 1px solid #67cdfa;
}
#login div {
	margin: .3em 0;
}
#login label {
	color: #fff;
	display: block;
	line-height: 1.6em;
}
#login input {
	background: #fff;
	border: 1px solid #329dcd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 0;
	width: 155px;
}
#login #submit {
	background: #1b7198;
	color: #fff;
	width: 100px;
	padding: 0px;
	height: 24px;
}
#login p {
	text-align: right;
	background: url(../i/layout/more.gif) 100% 50% no-repeat;
	padding: 0 15px 0 0;
	margin: 0 10px 2px 0;
}
#login p a, div#basket, div#basket a{color: #fff;}

/*--[ form ]----------------------------------------------------------------*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
	border: 1px solid #D2DADC;
	border-left-width: 3px;
	background: #F8F9FB;
	width: 200px;
}
textarea {width: 460px;}
select.amount {
	width: 50px;
}
legend {
	margin: 0 20px 10px 0;
	color: #2e9aca;
}
legend span{
	color: #333;
}
#content form {
	margin: 0 0 15px 20px;
}

form div {
	margin: 0 0 .3em 0;
}
span.error {color: red;}
#content ul.error, div.error ul {
	border-top: 1px solid #eb897d;
	border-bottom: 1px solid #eb897d;
	background: #ffddd8;
	padding: 5px 10px;
	color:#c42d1b;
}
#content ul.error li, div.error li {
	background:url(../i/layout/error.gif) 0 0.2em no-repeat;
	padding:0 0 0 20px;
}
p.thanks {
	color:#58be33;
	background:#cfffb6 url(../i/layout/thanks.gif) 2% 50% no-repeat;
	padding:10px 10px 10px 30px;
	font-weight: bold;
}
.buttons input, #submit1 {
	clear: both;
	width: 120px;
	height: 24px;
	border: 1px solid #2E92BF;
	background: #4DB2DE;
	color: #fff;
	text-align: center;
	padding: 0px;
	float: left;
}
#submit1 {
	clear: none;
	float:none;
	margin: 10px 0 20px 90px;
	}

fieldset br{display:none;}
fieldset address br{display:block;}
fieldset address{
	margin:0;
	padding:2px 0;
}
fieldset.radio input {
	width:auto;
	display:inline;
}

legend span{
	color:#e03138;
}

#content fieldset label {
	float : left;
	display: inline;
	width : 220px;
	margin : 8px 0;
}
#content fieldset.radio input {
	border:none;
	background:transparent;
}
#content .button input {
	border: 1px solid #2E92BF;
	background: #4DB2DE;
	color: #fff;
	text-align: center;
	padding: 5px;
	margin: 0 20px 0 0;
	width: auto;
	float: left;
}
#content #DeliveryMethods label, #content #PaymentMethods label {
	width:auto;
	float:none;
}
#content fieldset p, #content fieldset p{
	font-style:normal;
	color:#888;
	margin: 0 0 10px 0;
}

#content #DeliveryMethods strong, #content #PaymentMethods strong {
	color:#c00;
	font-weight:normal;
}

.basket-checkout {
	text-align : right;
	margin:10px 0;
	border:1px solid #ddd;
	border-collapse:collapse;
}
.basket-checkout td, .basket-checkout th {
	text-align : left;
	border:1px solid #ddd;
	padding:4px;
}

th.name {width : 220px;}
th.money, td.money, th.remove, td.CheckoutLineQuantity, td.CheckoutLineUnitPrice, td.CheckoutLineLineTotal {text-align : right;}

th.remove {
	width : 55px;
	text-align : left;
}
td.CheckoutLineQuantity {text-align : center;}

.help {
	border-bottom: dotted 1px #c00;
	cursor: help;
}


/*--[ products ]----------------------------------------------------------------*/
.product {
	margin-bottom: 30px;
	float: left;
	border: 1px solid #ccc;
	padding-bottom: 15px;
}
.product h2 {
	font-size: 1.2em;
	background: #2E9ACA;
	color: #fff;
	padding: 5px;
	letter-spacing: 0px;
	margin: 0;
	min-width: 490px;
}
.product img {
	float: left;
	border: 1px solid #dee5e7;
	margin: 4px 20px 0 20px;
	padding: 4px;
}
.product .small{
	color: #aaa;
}
.product .price {
	color: #e03138;
	font-size: 2em;
}
.product .price .currency {
	vertical-align:middle;
}
.product .price span {
	font-size: 0.6em;
	vertical-align:super;
}
#content .product fieldset {margin: 0px;}
#content .product label {
	width: 40px;
	text-align: left;
}
.product form div {float: left;}
.btn {
	width: 135px;
	height: 25px;
	border: 0px;
	padding: 2px 0;
	float: left;
	margin-left: 20px;
}


#help-contact {
	background: #ecf9fe;
	border: 1px solid #c9eaf9;
	padding-top: 10px;
	margin: 0 20px 10px;

}

#gallery {
	margin: 0 20px;
	width: 460px;
}
#gallery ul {
	margin: 0px;
	width: 460px;
}
#gallery li {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
	background: #fff;
	padding: 0px;
}

#gallery img {margin: 0px;}

/*--[ basket ]----------------------------------------------------------------*/
table {
	margin: 0 20px 10px;
	width: 460px;
	vertical-align: middle;
}
th {	padding: 2px;
}
td {
	border-bottom: 1px solid #D2DADC;
	border-left: 1px solid #D2DADC;
	padding: 2px;
}
td img {
	margin: 0px;
}
td.del {	border-right: 1px solid #D2DADC;}
td.price, td.quantity {
	text-align:center;

}
.odd {	background: #F8F9FB;}
thead tr {
	border: 1px solid #2E92BF;
	background: #4DB2DE;
	color: #fff;
}
tfoot tr{
	text-align:right;
	border-left:none;
	background:#CBD2D4;
}
.basket-checkout th {
	color: #fff;
	background: #CF1E24;
}
/*--[ sIFR ]----------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	height: 34px;
}
.auth{
	background: #FFF8BC url(../i/layout/authorisatie.gif) 10px 10px no-repeat;
	border: 2px solid #FF9E36;
	padding: 10px 10px 10px 50px;
	color: #B05728;
	font-weight: bold
}
/*--[ footer ]----------------------------------------------------------------*/
#footer {
	clear:both;
	text-align: center;
	font-size: 0.9em;
	}
	#footer a {
	}
	#footer a:hover{
	}
#content p.pagenav{clear:both;color:#333;}
#content p.pagenav a{color:#C00;text-decoration:none;}
#content p.pagenav a:hover{color:#C00;text-decoration:underline;}
#kracht p{
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 0;
}
#kracht li{
	font-weight: bold;
	text-transform: uppercase;
	background: url(../i/layout/bulletok.gif) 0 0.35em no-repeat;
}
#category{
	background: #D9FF7F;
	float: left;
	display: inline;
	margin: 20px;
	padding-bottom: 20px;
}
#category h2{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #9DCC2E;
	padding: 3px;
	margin: 0 0 20px 0;
}
#category ul{
	margin-top: 0;
	padding: 0;
}
#category li{
	font-weight: bold;
	text-transform: uppercase;
	background: transparent;
	padding: 0;
	margin: 0;
	float: left;
	width: 50%;
}
p.request{
	color: #ccc;
	font-weight: bold;
	font-size: 11px;
}
#home img {
	background: #F0F5F8;
	padding: 2px;
	border: 1px solid #DADFE2;
	margin: 0 0 0 20px;
}
/*--[ language ]----------------------------------------------------------------*/
#lng {
	position: absolute;
	top: 0px;
	right: 10px;
	margin: 0px;
}
#lng li {
	background: #D01F25;
	float: left;
	display: inline;
	text-align: center;
	width: 25px;
	line-height: 18px;
	font-size: 0.9em;
	margin-left: 5px;
	padding: 0px;
}
#lng a {
	display: block;
	width: 25px;
	line-height: 18px;
	text-decoration: none;
	color: #fff;
}
#lng a:hover, #lng .active a {
	color: #f5821f;
}