html {background:url(img/bg-body.png) top center repeat-y;}
body {background:url(img/bg-body.png) top center repeat-y;}

#header {color:#878882;}
#header #name {background:url(img/icon.png) top left no-repeat; margin:5px 5px 0 5px; padding:45px 0 5px 100px; font-size:1.2em; width:60%;}
#header #name h1{margin:0; font-family: 'Ubuntu', arial, Georgia, "Times New Roman", Times, serif;}
#header #name h1 a{color:#878882; text-decoration:none;}
#header #shopbasket { width:25%; float:right; font-size:1em; margin-top:15px;}
#header #shopbasket a{display:block; background:url(img/basket.png) left 50% no-repeat; padding:0px 32px; text-decoration:none; color:#878882;}
#header #shopbasket a span{color:#DC5605; font-size:1.2em;}
#header #shopbasket a:hover{text-decoration:underline;}
#header #shopbasket img{padding-right:12px;}

/* .row{background:#2C2C2A none repeat scroll 0 0; border-bottom:1px solid #171717; border-top:1px solid #171717; width:100%; margin-bottom:17px;} */
.footer-row{background:#030303 none repeat scroll 0 0; border-bottom:1px solid #171717; border-top:1px solid #171717; width:100%; margin-bottom:0px;}

#header-menu {width:100%; top left repeat-x; height:47px;}
#header-menu #search { float:right; }
#header-menu #header-items {float:left; border-bottom:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-left:1px solid #C0C0C0; width:100%; 


/* background: url("img/header-box.png") repeat-x scroll left top transparent; */
background:#E6E6E6;}
#header-menu #header-items ul{padding:0;}
#header-menu #header-items li {float:left; list-style:none; }
#header-menu #header-items li { height: 31px;
    padding: 0px 0px; font-family: 'Ubuntu Condensed', arial, serif;}
#header-menu #header-items li a{display:block; padding:0px; text-decoration:none; color:#9e9e9e; font-size:1.5em; }
#header-menu #header-items li a:hover{color:#000066; background:url(img/bg-menu-active.gif) repeat-x top left; color:#DEDEDE; }


#search {
	background:transparent url(img/search.gif) no-repeat scroll 0 0;
	height:30px;
	width:124px;
	margin:9px 3px 0 0;
}

#search fieldset {
	border: 0px;
	padding:6px 3px 0 8px;
	overflow: hidden;border-bottom:1px solid #D5D5D5;
}

#search fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

#search fieldset input#search-field {
	width:142px;
	font-size: 13px;
	color: #000;
	float: left;
}

#search fieldset input#search-button {
	cursor:pointer;
	float:left;
	margin-left:4px;
	margin-top:-5px;
	padding-bottom:11px;
	text-indent:-9999px;
	width:61px;
}


#frames { width:100%; background:url(img/frame-blue.jpg) 50% 50% no-repeat; border:1px solid #d5d5d5; border-top:none; }
#frames .prev,#frames .next{ color:#FFFFFF; height:100px; cursor:pointer; background:url(img/left-arrow-trans.png) left 58% no-repeat; }
#frames .next{text-align:right; background:url(img/right-arrow-trans2.png) right 58% no-repeat;}
#frames #frame-wrapper{float:left;}
#frames #slide {color:#B2CEDF;;padding:8px; font-size:1.4em;}
#frames #slide p{margin:0;}
#frames #slide a{color:#FFF;}
#frames #slide span{color:#FFFFFF;}
#frames #slide p.left{margin-left:133px;}
#frames #frames-controller{text-align:center;color:#FFFFFF;cursor:pointer;}

/*

#content .box {margin:10px 8px 4px 0px; padding:0;font-family:Geneva, Arial, Helvetica, sans-serif; background-color:transparent;}
#content .box .box-title { text-decoration:none; color:#6e6e6e; padding:3px 4px;}
#content .box .box-title h1{margin:4px; font-size:2.5em; color:#DC5605;}
#content .box .box-title h2{margin:0px; font-size:1.4em; color:#DC5605;}
#content .box .box-title a{text-decoration:none; color:#111; color:#DC5605;}
#content .box .box-body, #content .box .box-content{font-sfamily:Georgia, "Times New Roman", Times, serif;}
#content .box .box-body ul{list-style:none; margin:2px; padding-left:0px;}
#content .box .box-body ul ul{list-style:none; margin:2px 2px 2px 12px;}
#content .box .box-body ul ul a{color:#999999; font-size:0.85em;}
#content .box .box-body li {background:transparent url(img/list-item.gif) no-repeat scroll 0 8px; padding:0 0 0 15px; margin:2px 0px;}
#content .box .box-body li li {font-size:0.90em;}

#content .box .box-body h2,#content .box .box-content h2{margin-bottom:0; font-size:2.5em;  padding:2px 3px; color:#FF476A;}
#content .box .box-body a,#content .box .box-content a{color:#DC5605; display:block; text-decoration:none;}
#content .box .box-body a:hover{}
#content .box .box-content a{display:inline;}

h4{color:#666666;}

#content .product-list {width:100%;}
#content .product-list .product-item {border:1px solid #d5d5d5; background:#FFF; padding:0;font-family:Geneva, Arial, Helvetica, sans-serif;}
#content .product-list .product-item .product-title {background:#005f9b url(img/title.png) no-repeat top left; color:#FFF; padding:6px 8px; margin-bottom:2px;}
#content .product-list .product-item .product-title a{text-decoration:none;}
#content .product-list .product-item .product-title h1 {font-size:1.6em; margin-bottom:0; color:#FFF;}
#content .product-list .product-item .product-text{ text-align:center; padding:5px;}
#content .product-list .product-item .product-text img{margin:0; text-align:center;}
#content .product-list .product-item .product-text a{ color:#005f9b; background:#FFFFFF;}
#content .product-list .product-item .product-text p{ text-align:left;}
#content .product-list .product-item .product-text h2{margin:0; text-align:left;}

#content .product-list .box .box-title h2{font-weight:bold;}

#content .product-info .box-body img{border:none !important;}

#product-info .box-title h2{}
*/

/* Old footer
#footer {background:#030303 none repeat scroll 0 0; border-bottom:1px solid #171717; border-top:0px solid #171717; width:100%; color:#FFF; font-size:0.8em;}
#footer #page-border {height:14px;}
#footer #page-info a{color:#B5A689;}
#footer a{color:#B5A689;}
*/

    
#main {margin-top:10px;}
.foto {float:left; padding:5px 32px; }
.box-title .date {font-size:14px; font-style:italic;}




.product-info{}
.product-info img{border:2px solid #CFCFCF; float:left; margin:2px 8px;}

#content .basket .actions a{cursor:pointer;}
#content .basket .actions a:hover{text-decoration:underline;}

.checkout-center{margin-bottom:1em; padding:0.8em; text-align:center; color:#6E6E6E;}
.checkout{background:#FFFBE5; border:1px solid #d5d5d5; margin-bottom:1em; padding:0.8em; text-align:center; color:#6E6E6E;}
.checkout #checkout-amount{border-left:1px solid #FFEB80;}
.checkout #checkout-amount h1{margin:0;}
.checkout #checkout-amount img{border:1px solid #FFEB80;}


.checkout #checkout-amount h1{color:#6FB305; display:block;}
.checkout h5{color:#741C1C; margin:0;}
.checkout span{color:#6E6E6E;}
.checkout a{display:inline;}

.checkout-table {background:#F7F7F7 none repeat scroll 0 0; border:1px solid #CCCCCC;}
.checkout-table input[type="text"]{margin:0; }
.checkout-table h3 {padding:8px; margin:0px;}
.checkout-table h4 {margin-bottom:0.3em;}
.checkout-table span{color:#666666;}

#customer-data {padding:13px;}{background:#222221 url(img/background.jpg) top 50% no-repeat;}
#customer-data .label{text-align:right;}

.payment-item {padding:13px;}
.payment-item h4{margin-bottom:0.5em;}
.payment-item p{color:#666666;}
.payment-item .payment-icon {float:right; width:110px; height:110px;}
.payment-item .payment-text {float:left; width:75%;}


/* Grid Table */ 
.grid table {border:#D9DBDC 1px solid; border-bottom:none; border-top:none; color:#2D444F;}
.grid tr td{border-color:#D9DBDC; border-style:solid; border-width:0 1px 1px 0px; padding:4px 10px !important; cursor:default;}

/* Grid Headers */
.grid tr.headers { background: url(img/grid_hd_bg.gif) repeat-x scroll 0 50%; }
.grid tr.headers th {background:#999999;
border-color:#F9F9F9 #D1CFCF #F9F9F9 #F9F9F9;
border-style:solid;
border-width:1px;
color:#2D444F;
}

/* Grid Filter */
.grid .grid-menu { border:1px solid #CDDDDD; background:#E7EFEF; color:#2D444F; line-height:1; margin:0; padding:0;}
.grid .grid-menu .grid-filter { width:25%; float:left; }
.grid .grid-menu .grid-massaction {width:25%; float:left; }
.grid .grid-menu .grid-search {width:25%; float:left;}
.grid .grid-menu .grid-buttons{margin:0.5em;}
.grid .grid-menu .last{text-align:right;}

.grid .grid-menu label{padding:0px 6px; font-weight:normal;}
.grid .grid-menu input{margin:0.5em 0; border:1px solid #BBBBBB; padding:2px;}
.grid .grid-menu input:focus{border:1px solid #000; }


.grid .grid-menu .grid-filter-adv{margin:3px 8px; padding:6px; background:#E2E1E1; border-top:1px dotted #999; border-bottom:1px dotted #999; color:#333;}

/* Grid Rows */
.grid tr.even td{  background:#F0F0F0;}
.grid tr.odd td{background:#FFFFFF;}
.grid tr.even:hover td, .grid tr.odd:hover td{background:#FCF5DD;}
.grid td.right {text-align:right;}
.grid td.last, .grid tr.headers th.last{border-right:none;}
.grid td.empty{ padding:8px 5px !important; text-align:center; font-size:1.2em;}


.payment-option {padding-left:30px;}


.body-img {border:none !important;}


.btnProduct .bntInfo {margin-top:3px;  margin-left:14px;}
.btnProduct .btnRight{text-align:right; margin-right:14px;}

button.styleBtn{background:none; border:0; padding:0; margin:0; cursor:pointer;}

input.product-input{text-align:right; width:40px;}



#news label{color:#DC5605;}
#news input{width:110px;}
#news input.error,#contact-news input.error{margin:0; padding:0;}
#news label.error,#contact-news label.error{color:#990000; display:block; margin:3px 0px; padding:2px; width:100px;}
#news td{padding:2px;}
#news p {margin:0;}

#content .box .product-box h2{font-size:2em;}
#content .box .product-box a{color:#FFF;}
#content .box .product-box a:hover{text-decoration:underline;}
#content .box .product-box img{width:120px; height:120px; border:0px solid #FFF;}

#content .box .description{font-size:1.2em; min-height:60px; clear:both;}
#content .box .order{font-size:1.2em;}
#content .box .order form{background:#333; border:2px dotted #FFF;}
#content .box .order form h3{border-bottom:2px dotted #fff; text-align:center; color:#FFF; font-size:2.5em; padding:4px;}
#content .box .order form .amount{text-align:right; font-size:1.5em;}



/* #content .price-image{width:20px; float:left;}
#content .price-banner {left:380px; z-level:10; float:left; background:url(img/bannerprijs.png) top left no-repeat; width:150px; height:150px; text-align:center; color:#FFF; font-size:1.0em; font-weight:bold; padding-top:8px; font-style:italic;}
#content .box .price-banner h4 {color:#FFF; font-size:1.8em; padding:0; margin:0;  text-decoration:line-through;}
#content .box .price-banner h2 {color:#FFF; font-size:2.4em; padding:0; margin:0; }
*/

.price-banner {padding:12px 0px; width:230px; text-align:right;}
.price-banner h1{font-size:2.5em; text-align:right; }
.price-banner h1.title {font-family: 'Quicksand';}
.price-banner h1.price-voor{text-align:right;}
.price-banner h4{margin-bottom:0;}
.price-banner .price-voor{font-size:2em;}
.price-banner .price-van{}

.product-order {text-align:right; font-size:1.2em;}
.product-order .sub{font-size:0.8em; font-style:italic;}
.product-social {text-align:right;}
.product-social .sub{font-size:0.8em; font-style:italic;}
.product-social .addthis_toolbox {padding-left:110px;}

.center {text-align:center;}

.box {border:1px solid #005F9B; background-color:#FFFFFF !important; margin:0 0 15px 0 !important; padding:0;}
.box .box-head{border-bottom:1px solid #000; padding:6px 8px; background:#DC5605 url('img/headerbg.jpg'); color:#FFF; font-family: 'Ubuntu', arial, serif;}
.box .box-head h3{color:#FFF; margin:0; font-family:Arial; margin:0; font-size:1.5em; line-height:1;}
.box .box-head h2{color:#FFF; margin:0; font-family:Arial; margin:0; font-size:1.5em; line-height:1;}
.box .box-head h1{color:#FFF; margin:0; font-family:Arial; margin:0; font-size:1.5em; line-height:1;}
.box .box-body{padding:4px; background-color:#FFFFFF; color:#222;}
.box-index{background-color:#FFFFFF;}

me{#c4bea5 #F3F1E9}

p.clear{margin:0;padding:0;width:0;height:1px;}
.product-info{text-align:center; margin:8px 8px 64px 8px; border:0px solid #c4bea5;}
.product-info h1{margin-bottom:0.15em;  color:#222; font-size:2.5em; height:70px;}
.product-info h2{margin-bottom:0.15em;  color:#222;}
.product-info h2 a, .product-info h1 a{color:#222;text-decoration:none; font-family:'Quicksand', sans-serif;}
.product-info h2 a:hover,  .product-info h1 a:hover;{text-decoration:underline;}
.product-info p{text-align: justify; margin:0;}


.product-info .product-desc {height:40px;}
.product-bar .product-btns{width:100%; float:left; margin-bottom:10px;}
.product-bar .product-priceold{width:45%; float:left; margin-top:10px;}
.product-bar .product-priceold h4{}
.product-bar .product-price{width:45%; float:left;}
.product-image {width:250px; display:block; height:250px; border:2px solid #CFCFCF; background-color:#FFF;}
.product-image img{border:none; float:none; padding:0; margin:0;}

#nav-box a{color:#222; text-decoration:none;}
#nav-box a:hover{text-decoration:underline;}
#nav-box ul{margin:0 0 8px 0; padding-left:16px;}
#nav-box li{list-style:disc; padding:0;}
#nav-box li li{list-style:circle;}
#nav-box h2{font-size:1.2em; margin:0;}
#nav-box h3{font-size:1.0em; margin:0;}

.product-box .product-icon{overflow:hidden; padding:12px;}
.product-box .product-icon img{background:#FFF; text-align:center;}
.product-box .product-desc{padding:8px 12px;}

.product-box .product-icon-main img{border:2px solid #CFCFCF; padding:1px;}
.product-box .product-icon-list ul{margin:0; padding:0;}
.product-box .product-icon-list li{list-style:none; padding:0; float:left; margin:2px 5px 2px 0px; width:80px; cursor:pointer;}
.product-box .product-icon-list li img{border:2px solid #CFCFCF; padding:1px;}

.product-box .product-order-bottom{font-size:1.2em; width:95%; margin-bottom:12px;}
.product-box .product-order-bottom form{background:#333; border:2px dotted #FFF; text-align:center; }
.product-box .product-order-bottom form h3{border-bottom:2px dotted #fff; text-align:center; color:#FFF; font-size:2.0em; padding:4px; margin:0;}
.product-box .product-order-bottom .order {padding:1em;}
.product-box .product-order-bottom form .amount{text-align:right; font-size:2.0em; width:50px;}



/* NEW STYLE */
/* Top */
#row-top {
    background: url("img/bg-grey.gif") repeat-x scroll center top transparent;
    border-bottom: 1px solid #CCCCCC;
    height: 32px;
}
#page-top {
    background: url("img/bg-grey.gif") repeat-x scroll center top transparent;
}
#top ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#top li {
    float: left;
    margin-right: 8px;
    padding: 6px;
}
#top li a {
    color: #FFFFFF;
    display: block;
}
#top h4 {
    color: #FFFFFF;
    margin: 0;
    text-decoration: none;
}

/* Footer */
#footer-row{
   
}

#page-footer{
	background:url('img/bg-footer.gif') top left;
}

#footer {

}

#footer{
    margin-bottom:3px;
	margin-top: 24px;
	color: #999999;
    text-shadow: 1px 1px #000000;
}

#footer h3{
	border-bottom: 1px solid #383838;
	color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 6px;font-family: 'Quattrocento',arial,serif;
    position: relative;
    text-shadow: 1px 1px #000000;
}

#footer a{
	color: #999999;
	text-decoration:none;
}
#footer a:hover{
	color: #cccccc;
	text-decoration:underline;
	
}

#footer ul{
	list-style:none;
}

/* Header */
#row-header{
     /* background:#e3e3e3; */
}

#page-header{
    background:url('img/main.jpeg') top lebox-bodyft;
}

#header{
    background:url('img/banner1.png') top left no-repeat;
    height:200px;
    
}

#banner {
    background: url("img/banner-bg.png") no-repeat scroll left top transparent;
    height: 232px;
}

#banner img {
    padding-left: 24px;
    padding-top: 12px;
}

#banner #banner-product-text {
    margin-top: 20px;
}

#header-name{
	width:60%;
	padding:14px 0 6px 0;
}

#header-name h1{
	margin-bottom:0px;
}

#header-name h1 a{
	color:#dedede;
	font-family: Georgia, "Times New Roman", serif;
	font-size:45px;
	text-decoration:none;
}

#header-name h1 a{color:#878882;}
#header-name h1 a span{color:#005F9B; }
#header-name h1 a span.second {font-size:1.3em;}

#basket {
	width:30%;
	float:right;
	margin-top:12px;
	text-align:right;
	border:none;
	background-color:transparent;
	background-image:url('img/basket-icon.png');
	background-position:center right; 
	background-repeat:no-repeat;
	padding-right:42px;
}

#nav{
    color:#333;
}

#nav h2 {
	margin-bottom:0;
}

#nav h2 a{
	font-size:14px;
	margin:0;
	color:#333;
}
#nav h3 {
	font-size:13px;
	margin:0;
	padding:2px 0px;
}


#nav a{
	color:#333;
	text-decoration:none;
}
#nav a:hover{
	text-decoration:underline;
	
	}

#banner-product-text{
	color:#000;
	width:250px;
}

#header-menu{
	/* background: url("img/header-box.png") repeat-x scroll left top transparent; */
}

#header-menu #header-items li a{
	margin:0px;	
	padding:4px 7px;
	color:#333;
	text-shadow: 1px 1px 1px #EEE;
	font-size:17px;
	border-right:1px solid #D5D5D5;
}

#header-menu #header-items li a:hover{
	color:#FFF;
	text-shadow: 1px 1px 1px #333;
	background:#444;
}

/* Boxes */
.basket .box-title h2, .box .box-title {
    /* background: url("img/header-box.png") repeat-x scroll left top transparent; */
	background: #D0D0D0;
    color: #333;
    font-size: 14px;
    margin: 0;
    padding-left: 8px;
    border-bottom:1px solid #D5D5D5;
}
.box .box-title h4, .box .box-title h2, .basket .box-title h2 {
    color: #333;
    font-family: 'Ubuntu Condensed';
    font-size: 16px;
	/*font-weight:bold; */
    margin: 0;
    padding: 4px;
	text-shadow:none;    
	/* text-shadow: 1px 1px 1px #EEE; */
}
.box .box-title a {
    color: #333;
    text-decoration: none;
}





/* Btn's */
.btn, .btn:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border:none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.btn:hover							{ background-color: #111; color: #fff; }
	.btn:active							{ top: 1px; }
	.small.btn, .small.btn:visited 			{ font-size: 11px; padding: ; }
	.btn, .btn:visited,
	.medium.btn, .medium.btn:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.btn, .large.btn:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.btn, .green.btn:visited		{ background-color: #91bd09; }
	.green.btn:hover						{ background-color: #749a02; }
	.blue.btn, .blue.btn:visited		{ background-color: #2daebf; }
	.blue.btn:hover							{ background-color: #007d9a; }
	.red.btn, .red.btn:visited			{ background-color: #e33100; }
	.red.btn:hover							{ background-color: #872300; }
	.magenta.btn, .magenta.btn:visited		{ background-color: #a9014b; }
	.magenta.btn:hover							{ background-color: #630030; }
	.orange.btn, .orange.btn:visited		{ background-color: #ff5c00; }
	.orange.btn:hover							{ background-color: #d45500; }
	.yellow.btn, .yellow.btn:visited		{ background-product-actioncolor: #ffb515; }
	.yellow.btn:hover							{ background-color: #fc9200; }


.product-action .box-body a{text-decoration:none;}
.product-action .box-body h2{
	margin-bottom:0.15em;  color:#222; font-size:1.5em;
	font-family: 'Quicksand';
}

.image-box {border:1px solid #999; padding:2px; margin:15px; background:#FFF;}

#nav-box li a{font-family: 'Ubuntu Condensed'; font-size:15px;}


