/**
 * *******************************************
 * Package: 	Magento Template 2-col Basic
 * Author:		Best4u Media B.V.
 * Editor:		Daniel Lefers
 * Modified:	29-12-2009
 * *******************************************
 */

/** Definitions **/
html { 
	height: 100%; 
	overflow-y: scroll; 
}

body, html, p, h1, h2, h3 { 
	margin: 0; 
	padding: 0; 
}

a img { 
	border: 0; 
}

body{
	height: 100%;	
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;	
}

div.clear{
	clear: both;
}

fieldset{
	border: 0px;
}

button{
	width: 110px;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	/*text-indent: -1000em;*/
	cursor: pointer; /* hand-shaped cursor */
}
	
	button span{
		font-size: 11px;
		display:block;
		margin-top:-3px;
	}
	
.float-right{
	float: right;
	display: inline;
}	

.float-left{
	float: left;
	display: inline;
}	

.spacer{
	height: 10px;
}

/** Messages **/
	ul.messages{
		list-style: none;
	}
	
	ul.messages li.succes-msg{
		border-width: 1px;
		border-style: solid;
	}
	
	ul.messages ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		padding-top: 4px;
	}
	
	.error-msg, .success-msg, .notice-msg, .note-msg {
		background-position:10px 10px !important;
		background-repeat:no-repeat !important;
		border-style:solid !important;
		border-width:1px !important;
		font-size:0.95em !important;
		font-weight:bold !important;
		margin-bottom:1em !important;
		min-height:23px !important;
		padding:8px 8px 8px 32px !important;
		margin-left: 0px;
	}
	
	
/** Main **/
div.main-wrapper{
	position: relative;
	height: auto !important;
	height: 100%;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
}

div.align-left{
	float: left;
	text-align: left;
	margin-left: 5px;
}

div.align-right{
	float: right;
	text-align: right;
	margin-right: 5px;
}

	/** Main page header **/
	div.main-header{
		position: relative;
		height: 130px;
		width: 100%;
	}
		/** Top menu links **/
		div.top-menu{
			float: right;
			height: 30px;
			font-weight: bold;
		}		
		div.top-menu ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		div.top-menu ul li{
			float: left;
		}
		
		div.top-menu ul li a{
			text-decoration: none;
			border-right-width: 1px;
			border-right-style: solid;
			padding: 0 10px;
			line-height: 30px;
		}

		div.top-menu ul li.last a{
			border-right-width: 0px;
		}		

	/** Wapper for main menu **/
	div.main-menu{
		position: absolute;
		bottom: 0;
		width: 100%;
	}

		/** Toplevel: Main menu UL **/
		div.main-menu ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		/** Toplevel: Main menu UL LI **/
		div.main-menu ul li{
			height: 30px;
			float: left;
			width: 140px;
			line-height: 30px;
			margin-right: 7px;
			text-align: center;
		}
		
		div.main-menu ul li a{
			display: block;
			text-decoration: none;
			font-weight: bold;
		}

	/** Top content bar **/
	div.top-content-bar ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		div.top-content-bar ul li{
			float: left;
		}

	/** Footer push **/
	div.footer-push{
		clear: both;
		height: 30px;
	}

	.social-media-footer{
		margin-left:20px;
	}
	
	.social-media-footer td{
		min-width: 40px;
		min-height: 40px;
	}
	
	.social-media-footer .twitter{
		width:40px; height:40px;
	}
	
	.social-media-footer .hyves{
		width:70px; height:40px;
	}
	
	/** Main content container **/
	div.main-content{
		margin: 20px 0;
		margin-top: 0px;
	}

/** Left column **/
div.left-col{
	display: inline;
	float: left;
	width: 220px;
	margin: 10px;	
	margin-top: 0px;
}
	/** BOX **/	
	div.left-col div.box{	
		margin-bottom: 10px;
		border-width: 1px;
		border-style: solid;	
		line-height: 15px;	
	}	
		
	div.left-col div.box div.head{	
		height: 25px; 	
		line-height: 25px;	
		padding: 0 3px;	
		font-weight: bold;	
	}
	
		
	/** mini cart **/
	div.mini-cart div.top{
		padding: 5px;
	}
	div.mini-cart h5{
		padding: 5px;
		margin: 0px;
	}
	div.mini-cart button{
		margin: 5px;
	}	
	
	div.left-col div.mini-cart ol{
		padding:7px 4px 7px 8px;
		list-style-type:none;
	}
	
	div.left-col div.mini-cart .product-images{
		float:left;
		height:52px;
		width:52px;
		margin:0;
		padding:0;
	}
	
	div.left-col div.mini-cart .product-details{
		height:auto;
		min-height:50px;
		margin:0 0 0 60px;
	}
	
	div.left-col div.mini-cart .widget-btn {
		float:right;
		font-size:11px;
		margin:0 3px 1px 5px;
	}		
	
	/** Left menu lists **/
	div.base-mini div.head h4{
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
	
	div.base-mini div.content{
		padding: 10px;
	}
	
	div.base-mini ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div.base-mini ul li{
		line-height: 15px;
	}
	
	div.base-mini ul li a{
		text-decoration: none;
	}
	
	div.base-mini ul li a:hover{
		text-decoration: underline;
	}
	
	ul.menu_closed{
		display:none;
	}
	
	span.menu_icon{
		cursor: pointer;
		margin-left: -15px;
	}
	
	span.menu_icon img{
		margin-bottom: -4px;
	}	
	
	/** Left category navigation **/
	ul#vertical-navigation{
		text-indent: 10px;
	}
	
	ul#vertical-navigation li.active a{
		font-weight: bold;
		color: #3f3f41;
	}
	
	ul#vertical-navigation li ul{
		margin-left: 20px;
	}
	
	ul#vertical-navigation li.active ul li a{
		font-weight: normal;
	}	
	
	/** Product attribute filter **/
	div.sorting-options dt{
		font-weight: bold;
		border-top-width: 1px;
		border-top-style: solid;
		padding: 5px 0;
	}
	
	div.sorting-options dt.first{
		border-top: none;
	}
	
	div.sorting-options dd{
		margin: 0;
		padding: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding-bottom: 5px;
	}
	
	div.sorting-options dd.last{
		border: none;
	}
	
	div.sorting-options dd ol{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div.sorting-options dd ol li{
		line-height: 15px;
	}
	
	div.sorting-options dd ol li a{
		text-decoration: none;
	}	
	
	/** Actieve sorting **/
	div.sorting-options ol.narrowed-category{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	/** Sorting options **/
	div.sorting-options div.actions{
		margin-top: 10px;
	}
	
	div.sorting-options div.actions a{
		display: block;
		width: 100px;
		height: 15px;
		padding: 0 3px;
		line-height: 15px;
		border-width: 1px;
		border-style: solid;
		text-decoration: none;
		text-align: center;
		font-size: 9px;
	}	

/** Right column **/
div.right-col{
	display: inline;
	float: right;
	width: 700px;
	margin: 10px 0;
	margin-right: 10px;	
	margin-top: 0px;
}

	div.right-col h1{
		font-size: 20px;
		font-weight: normal;
	}	

/** Search header **/
	div.top-content-bar{
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	/** mini search **/
	div.main-menu input{
		vertical-align:middle;
		margin-top: 4px;
	}
	
	div.main-menu div.mini-search{
		height: 30px;
		width: 213px;
		padding-left: 10px;
	}
	
	div.main-menu div.mini-search input#search{
		width: 100px;
	}
	
	/** breadcrumbs **/
	div.align-left{
		overflow: hidden;
	}
	
	ul.breadcrumbs li{
		padding: 0 2px;
	}

/** Product grid **/
	/** Categorie pager and sorter**/
	table.pager, table.view-by{
		width: 100%;
	}
	
	table.pager td.a-right, table.view-by td.sort-by{
		text-align: right;
	}
	
	table.pager td.pages ol{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	table.pager td.pages ol li{
		display: inline;
	}
	
	table.pager td.pages ol li span.on{
		font-weight: bold;
	}

	/* ------------------------- */	
	div.listing-type-list {
	}
	
	div.listing-item{
		border: 1px solid;
		border-color:#dadada;
		float:left;
		width:660px;
		padding: 20px;
		margin-bottom: 10px;
	}
	
	div.product-image {
		float:left;	
		margin-right: 20px;
	}
	
	div.listing-item div.product-shop {
		float:left;	
	}

	/** Categorie product listing **/
	div.catalog-listing{
		margin: 10px 0;
	} 
	
	div.catalog-listing ol{
		margin: 0;
		width: 100%;
		padding: 0;
		list-style: none;
	}
	
	div.catalog-listing ol li.item{
		width: 135px;
		float: left;
		display: inline;
		height: 285px;
		margin-right: 18px;
		margin-bottom: 20px;
		border-width: 1px;
		border-style: solid;
		padding: 12px;
	}
	
	div.catalog-listing ol li.last{
		margin-right: 0px;
	}
	
	div.catalog-listing ol li.item p.product-image img{
		border-width: 1px;
		border-style: solid;
		margin-left: -13px;
		margin-top: -13px;
	}
	
	div.catalog-listing ol li.item h5{
		margin-bottom: 15px;
		margin-top: 5px; 
	}
	
	div.catalog-listing ol li.item h5 a{
		text-decoration: none;
		font-size: 11px;
		width: 135px;
		height: 27px;
		display: block;
		font-weight: bold;
		overflow: hidden;
	}
	
	div.catalog-listing ol li.item button{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	div.catalog-listing ol li.item div.price-box{
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	div.catalog-listing ol li.item div.price-box span.special-price {
		text-decoration:line-through;
	}	
	
	div.catalog-listing ol li.item p.add-to a{
		text-decoration: none;
		font-size: 9px;
	}	
/** Product detail **/
	/* Product Images */
	.product-img-box { 
		float:left; 
		width:267px; 
	}
	.product-img-box .product-image-zoom { 
		position:relative; 
		overflow:hidden; 
		width:265px; 
		height:265px; 
		z-index:9; 
	}
	.product-img-box .product-image-zoom img { 
		position:absolute; 
		left:0; 
		top:0; 
		cursor:move; 
	}
	.image-zoom { 
		position:relative; 
		z-index:9; 
		height:18px; 
		margin:0 auto 13px auto; 
		padding:0 28px 0 28px; 
		cursor:pointer; 
	}
	.image-zoom #track { 
		position:relative; 
		height:18px; 
	}
	.image-zoom #handle { 
		position:absolute; 
		left:0; 
		top:-2px; 
		width:9px; 
		height:22px;
	}
	.image-zoom .btn-zoom-out { 
		position:absolute; 
		left:2px; 
		top:1px; 
	}
	.image-zoom .btn-zoom-in { 
		position:absolute; 
		right:2px; 
		top:1px; 
	}
	
	.product-img-box .more-views h4 { 
		border-bottom-width: 1px;
		border-bottom-style: solid; 
		margin-bottom:.8em; 
		font-size:.95em; 
	}
	.product-img-box .more-views ul { 
		margin: 0;
		padding: 0;
		list-style: none;
		margin-left:-9px; 
		
	}
	.product-img-box .more-views li { 
		float:left; 
		margin:0 0 9px 9px; 
	}
	
	.product-img-box .more-views li a { 
		float:left; 
		width:56px; 
		height:56px; 
		border-width:1px;
		border-style: solid; 
		overflow:hidden; 
	}
	
	/** Zoom button **/
	div.image-zoom {
		border-width: 1px;
		border-style: solid;
	}
	/** Product detail **/
	div.product-info-box div.product-shop ul.add-to-box{
		list-style: none;
	}
		
	div.product-shop{
		float: right;	
		width: 420px;
	}
	
	p.product-image-zoom{
		border-width: 1px;
		border-style: solid;
	}
	
	div.product-shop fieldset{
		border: 0;
	}
	
	div.product-shop legend{
		display: none;
	}
	
	div.product-shop a{
		text-decoration: none;
	}
	
	div.product-shop a:hover{
		text-decoration: underline;
	}
	
	div.product-shop h3.product-name{
		font-size: 20px;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: 20px;
	}
	
	div.product-shop div.price-box{
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 35px;
	}
	
	
	p.special-price  span.price, p.special-price span.price-label  {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -2px;
		
	}
	
	
	div.product-shop fieldset.add-to-cart-box{
		border-width: 1px;
		border-style: solid;
	}
	
	div.product-shop input.qty{
		width: 28px;
		border-width: 1px;
		border-style: solid;
	}
	
	div.product-shop div.short-description,
	div.product-collateral div.product-specs{
		line-height: 20px;
		font-size: 11px;
	}	
	
/** One Page Checkout **/
	ol.one-page-checkout{
		margin: 0;
		margin-top: 20px;
		padding: 0;
		list-style: none;
	}
	
dl#checkout-payment-method-load{
		font-size: 12px;
	}	
	
	ol.one-page-checkout li.section{
		margin: 10px 0;
		border-width: 1px;
		border-style: solid;
	}
	
	ol.one-page-checkout li.section div.box{
		padding: 10px;
	}
	
	ol.one-page-checkout li.section div.head{
		height: 30px;
		line-height: 30px;
	}
	
	ol.one-page-checkout li.section div.head h3{
		font-size: 12px;
		padding: 0 10px;
		font-weight: bold;
	}
	
	ol.one-page-checkout li.section div.head a{
		float: right;
	}
	
/** One page checkout **/
	div.right-col ol.one-page-checkout li.section{
		border-width: 1px;
		border-style: solid;
		padding: 5px;
		margin-bottom: 20px;
	}
	
	div.col2-set{
		clear: both;
	}
	
	div.col-1{
		float: left;
		display: inline;
		width: 340px;
		margin-right: 15px;
	}
	
	div.col-2{
		float: left;
		display: inline;
		width: 300px;
	}
	
	div.right-col ol.one-page-checkout li.section ul{
		list-style: none;
		padding: 5px;
		margin: 0px;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping li,
	div.right-col ol.one-page-checkout li#opc-billing li{
		clear: both;
		padding-bottom: 5px;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping div.name-firstname,
	div.right-col ol.one-page-checkout li#opc-billing div.name-firstname{
		float: left;
		display: inline;		
		padding-right: 5px;
		padding-bottom: 5px;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping div.name-lastname,
	div.right-col ol.one-page-checkout li#opc-billing div.name-lastname{
		display: inline;
		float: left;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping div.input-box,
	div.right-col ol.one-page-checkout li#opc-billing div.input-box{
		display: inline;
		float: left;
		padding-right: 5px;
		padding-bottom: 5px;	
		width: auto;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping input,
	div.right-col ol.one-page-checkout li#opc-billing input{
		padding-right: 5px;
		padding-bottom: 5px;
	}
	
	div.right-col ol.one-page-checkout li#opc-shipping p,
	div.right-col ol.one-page-checkout li#opc-billing p{
		clear: both;
		margin-top: 5px;
	}
	div.validation-advice{
		color: red;
	}
	div.right-col ol.one-page-checkout li#opc-payment div.payment-methods{
		padding: 5px;
	}
	
	div.right-col ol.one-page-checkout li#opc-payment input, div.right-col ol.one-page-checkout li#opc-payment label, div.right-col ol.one-page-checkout li#opc-payment select{
		margin: 5px;	
	}
	
	div.left-col div.one-page-checkout-progress{
		padding: 5px;
	}
	
	div.left-col div.one-page-checkout-progress h3{
		font-weight:bold;
		line-height:25px;
		padding-left: 5px;
		margin: -5px;
		font-size: 11px;	
	}
	
	div.right-col div#checkout-step-login ul.form-list{
		margin-bottom: 15px;
	}
	
	div.right-col table#checkout-review-table{
		width: 100%;
		margin-top: 20px;
		padding: 5px;
	}
	
	div.right-col table#checkout-review-table th{
		text-align: left;
		padding: 5px;
	}
	
	div.right-col table#checkout-review-table td.a-right{
		text-align: right;
	}
	
	div.right-col table#checkout-review-table td.a-center{
		text-align: center;
	}
	
	div.right-col div#checkout-step-review span#review-buttons-container{
		float:right;
		display: inline;
	}
	
	div.right-col ol.checkout-agreements{
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	div.right-col ol.checkout-agreements li div{
		height: 150px;
		padding: 5px;
		overflow: auto;
		border-style:solid;
		border-width:1px;
	}	

/** My Acccount **/
	div.account-nav ul{
		padding: 5px;
		padding-left: 20px;
		margin: 0px;
	}
	table.pager{
		width: 100%;
		clear: both;
	}

	/**Revieuws**/
	div.right-col ol.recent-reviews{
		list-style: none;
		clear: both;
	}
	
	div.right-col ol.recent-reviews li{
		clear: both;
	}
	
	div.right-col ol.recent-reviews li div{
		float: left;
		line-height: 13px;
		padding: 4px;
	}

	/** Accountgegevens bewerken **/
	div.right-col div.head h4{
		padding-bottom: 5px;
		border-width: 0px;
		border-bottom-width: 1px;
		border-style: solid;
	}
	
	div.right-col form#form-validate ul{
		clear: both;
		list-style: none;
	}
	
	div.right-col form#form-validate li{
		clear: both
	}
	
	div.right-col form#form-validate div.input-box{
		float: left;
		display: inline;
	}
	
	div.right-col form#form-validate input{
		margin: 5px;
	}
/** Verlanglijst **/
	table#wishlist-table{
		border-width: 1px;
		border-style: solid;
		border-bottom-width: 0px;
	}
	table#wishlist-table td{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		text-align: center;	
		padding: 5px;
	}
	table#wishlist-table th{
		color: #fff;
		padding: 5px;
	}
	
/** Category listing **/
	ul.afbeelding_lijst{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	ul.afbeelding_lijst li{
		float: left;
		border: 1px solid;
		width: 159px;
		height: 159px;
		margin: 9px;
	}
	
	ul.afbeelding_lijst li.first{
		margin-left: 0;
	}
	
	ul.afbeelding_lijst li.last{
		margin-right: 0;
	}
	
	ul.afbeelding_lijst li img{
		height: 159px;
		width: 159px;
		border: 0;
	}	
/** Send to friend **/
form#product_sendtofriend_form ul{
	padding: 5px;
	margin: 0px;
	list-style: none;
}

form#product_sendtofriend_form textarea{
	width: 300px;
}

form#product_sendtofriend_form .input-box{
	padding-bottom: 5px;
}