/*
Template:	GT-FREE
File:		custom.css - Use this file to add any custom styles you need

If you add styles to this template, be sure to include it in your template files.
*/
.bold 	{ 	font-weight: bold; }
.red 	{ 	color: red; }
.green 	{	color: green; }

#shopWrapper { 
	font-family: arial, helvetica, sans serif;
	background: #DDECFB; 
	width: 430px; padding: 25px 15px; clear: both;
	padding-bottom: 10px;
}

#shopWrapper h3.productTitle { 
	margin-bottom: 28px;
}

#shopWrapper #slideShowWrapper {
	position: relative;
	float: right; 
	margin: 0 0 0 30px;
	width: 165px; height: 157px;
}

#shopWrapper hr {
	clear: both;
	margin: 15px 0 11px 0;
	* margin: 0 0 2px 0;
	border: none; 
	border-bottom: 1px solid #C6D4E1; 
	height: 0;
}

.priceWrapper {
	width: 430px; 
	height: 120px;
	float: right;
}
.priceWrapper .productPrice,
.priceWrapper .amountAndShipping { float: left; border-bottom: 1px solid #C6D4E1; margin-bottom: 10px; }

.priceWrapper .productPrice { width: 130px; height: 45px; padding: 5px 0 0 10px; }
.priceWrapper .productPrice span { font-size: 175%; }

.priceWrapper .amountAndShipping { width: 290px; height: 50px;  }
input.productAmount { width: 20px; }

.priceWrapper ul { float: right; margin: 0; padding: 0; }
.priceWrapper ul li { list-style-type: none; text-align: right; height: 22px; padding: 0; margin: 0;}

ul li { float: left; display: inline; }
ul li.rechts { width: 60px; }
ul li.links { width: 230px; }

a.wijzig-product {
    display: block; width: 317px; float: left;
}

#amountMultipliedByProductPrice { 
	float: left;
}

a.but-bestelnu,
a.but-bestel-verder,
a.but-wijzig-gegevens,
a.but-betalen  { 
	display: block;
	height: 34px;
	cursor: pointer;
}

p.bestelnuWrapper { 	clear: both; float: right; padding-top: 12px; }
a.but-bestelnu { 		width: 162px; 
						background: url('../images/bestel_nu.jpg') no-repeat 0 0; }
a:hover.but-bestelnu {	background: url('../images/bestel_nu.jpg') no-repeat 0 -35px; }


p.bestel-verderWrapper { 	clear: both;  padding: 12px 0 0 110px; }
a.but-bestel-verder { 		width: 208px; 
							background: url('../images/bestel_verder.jpg') no-repeat 0 0; }
a:hover.but-bestel-verder { background: url('../images/bestel_verder.jpg') no-repeat 0 -35px; }

p.wijzig-gegevensWrapper { 		padding: 26px 0 0 70px; float: left;}
a.but-wijzig-gegevens { 		width: 176px; 
								background: url('../images/wijzig-gegevens.jpg') no-repeat 0 0; }
a:hover.but-wijzig-gegevens { 	background: url('../images/wijzig-gegevens.jpg') no-repeat 0 -35px; }

p.betalenWrapper { 		padding: 26px 0 0 3px; float: left;}
a.but-betalen { 		width: 105px; 
						background: url('../images/betalen.jpg') no-repeat 0 0; }
a:hover.but-betalen { 	background: url('../images/betalen.jpg') no-repeat 0 -35px; }



/* BESTELLEN */
#shopWrapper h3.orderTitle { 
	margin-bottom: 16px;
}

#shopWrapper .fieldgroup {
	margin-bottom: 0.1em; 
	width: 100%; height: 24px;
	display: block; clear: both;
}



#shopWrapper label,
#shopWrapper span.left, 
#shopWrapper span.right {
	display: block;
	float: left;
	line-height: 22px;
	padding: 2px 7px 0 0;
	* padding: 3px 7px 0 0;
	text-align: right;
	width: 100px;
}
#shopWrapper label, 
#shopWrapper span.right {
	clear: both;
}
#shopWrapper span.left { 	
	float: left;
	text-align: left;
	width: 316px;
}

#shopWrapper label abbr {
	color: #0074E5;
	font-size: 120%;
	vertical-align: middle;
}
#shopWrapper .fieldVarious span.abbr { 
	color: #0074E5;
	font-size: 120%;
}
#shopWrapper .fieldVarious span { font-size: 85%; }


#shopWrapper .field,
#shopWrapper .fieldVarious {
	float: left;
	width: 190px;
}
#shopWrapper .error {
	float: left;
	width: 130px; color: red; padding: 6px 0 0 0;
}
#shopWrapper .okay {
	color: green; padding: 6px 0 0 0;
	background: url('../images/vinkje001.gif') no-repeat 0 5px; height: 20px;
}

#shopWrapper .field .smallfield { 	width: 45px; }
#shopWrapper .field .middlefield { 	width: 100px; }
#shopWrapper .field .longfield { 	width: 180px; }

#shopWrapper .field input { 
	margin: 3px 0; 
	padding: 2px 0 2px 2px; 
	border: 1px solid #C6D4E1; 
	line-height: 1; 
}
#shopWrapper .field input.inputFocussed { 	background: #FEFCBB; border: 1px solid #7F9DB9;}
#shopWrapper .field input.inputBlurred { 	background: #ffffff; border: 1px solid #C6D4E1; }
#shopWrapper .field input.inputOk { 		background: #ffffff; border: 1px solid #00CC00; }
#shopWrapper .field input.inputError { 		background: #ffffff; border: 1px solid red; }

#shopWrapper .field select.inputFocussed { 	background: #FEFCBB; border: 1px solid #7F9DB9;}
#shopWrapper .field select.inputBlurred { 	background: #ffffff; border: 1px solid #C6D4E1; }
#shopWrapper .field select.inputOk { 		background: #ffffff; border: 1px solid #00CC00; }
#shopWrapper .field select.inputError { 	background: #ffffff; border: 1px solid red; }

#shopWrapper .field textarea.inputFocussed {background: #FEFCBB; border: 1px solid #7F9DB9;}
#shopWrapper .field textarea.inputBlurred { background: #ffffff; border: 1px solid #C6D4E1; }
#shopWrapper .field textarea.inputOk { 		background: #ffffff; border: 1px solid #00CC00; }
#shopWrapper .field textarea.inputError { 	background: #ffffff; border: 1px solid red; }

#shopWrapper .fieldVarious input.checkbox { margin: 4px 0 0 0; height: 20px; }
#shopWrapper .fieldVarious input.submit { padding: 0 10px; margin-top: 16px; }

#shopWrapper .field select { 
	margin: 2px 0 0 0; 
	width: 103px; 
	* margin: 4px 0 0 0; 
	* width: 104px;
	height: 22px; 
	padding: 1px 1px 1px 0; }

/* Product overview admin */
.gt-content-product-overview {
	width: 966px;
	float: left;
	display: inline;
}
#code-explanation-container {
	display: none;z-index: 100; 
	position: absolute;
	font-size: 108%; font-weight: normal; line-height: 175%;
	background: #FFE59F; border: 3px solid orange;
	margin: -125px 0 0 -200px; padding: 10px 10px 40px 10px; height: 70px; width: 554px; 
}

#product-overview table.tablesorter { width: 958px; margin: 0; padding: 0;  }

#product-overview table.tablesorter th,
#product-overview table.tablesorter td {
	padding: 0; margin: 0; font-size: 100%;
}

#product-overview table.tablesorter thead th { 
	font-weight: bold; height: 30px;  
	padding: 0 0 0 7px;
}
#product-overview table.tablesorter tbody td {
	padding: 6px 0 5px 7px;
	* padding: 7px 0 4px 7px;
}

#product-overview table.tablesorter tbody td.product-id {			width: 20px; text-align: right; padding-right: 7px; }
#product-overview table.tablesorter tbody td.product-name { 		width: 148px; }
#product-overview table.tablesorter tbody td.product-description { 	width: 290px; }
#product-overview table.tablesorter tbody td.product-code {			width: 300px; padding: 3px 0 1px 7px; }
#product-overview table.tablesorter tbody td.product-price {		width: 52px; text-align: right; padding-right: 7px; }

#product-overview table.tablesorter th.icon,
#product-overview table.tablesorter td.icon { 
	width: 30px; 
	text-align: center; 
	padding: 5px 0 0 0;
}

#product-overview table.tablesorter input.embedcode { 
	width: 280px; font-size: 85%; 
	background: #FFE59F; border: 1px solid #FF0000; padding: 2px 4px; margin: 0;
}

#code-help { display: inline; margin-left: 5px; padding: 1px 9px; cursor: help;
	background: url('/assets/images/icons/help-icon.gif') no-repeat; 
}
a#close-me { float: right; }

ul.divided li { padding: 10px 0px; }
ul.divided-total li { padding: 3px 0px; }

#searchform { margin: 20px 0px; padding: 5px 10px; background: #ebebeb; }
#searchform select, #searchform input { padding: 2px; }