/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- PAGING */
.pagingbox
{
	width: 774px;
	height: 34px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/paging_bg.jpg);
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	text-align: left;
	clear: both;
	float: left;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- PAGING > IMAGES */
.pagingbox .firstpageimg
{
	clear: both;
	float: left;
	margin: 7px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.pagingbox .previouspageimg
{
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.pagingbox .pages
{
	float: left;
	margin: 9px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.pagingbox .pages a:link
{
	color: #9b9b9b;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.pagingbox .pages a:visited
{
	color: #9b9b9b;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.pagingbox .pages a:active
{
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.pagingbox .pages a:hover
{
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.pagingbox .nextpageimg
{
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.pagingbox .lastpageimg
{
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- PAGING > LINK */
.pagingbox a:link
{
	font-size: 12px;
	font-weight: bold;
	color: #9b9b9b;
	text-decoration: none;
}

.pagingbox a:visited
{
	font-size: 12px;
	font-weight: bold;
	color: #9b9b9b;
	text-decoration: none;
}

.pagingbox a:active
{
	font-size: 12px;
	font-weight: bold;
	color: #9b9b9b;
	text-decoration: none;
}

.pagingbox a:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
	text-decoration: none;
}





/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- PRODUCTLIST */
.productlistitem
{
	position: relative;
	width: 384px;
	height: 174px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productlistitem_bg.jpg);
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	float: left;
}

.productlistitem h1
{
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 8px 0px 0px 17px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}

.productlistitem .imagearea
{
	width: 150px;
	height: 127px;
	background: #ffffff;
	margin: 15px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #e0e1e1;
	clear: both;
	float: left;
	text-align: center;
	position: relative;
}

.productlistitem .textarea
{
	width: 211px;
	margin: 15px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: left;
	color: #000000;
	font-size: 11px;
}

.productlistitem .textarea a:link
{
	color: #ff6600;
	text-decoration: none;
	font-size: 11px;
}

.productlistitem .textarea a:visited
{
	color: #ff6600;
	text-decoration: none;
	font-size: 11px;
}

.productlistitem .textarea a:active
{
	color: #ff6600;
	text-decoration: none;
	font-size: 11px;
}

.productlistitem .textarea a:hover
{
	color: #ff6600;
	text-decoration: underline;
	font-size: 11px;
}

.productlistitem .basketarea
{
	width: 211px;
	height: 58px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productllistitem_addtocartarea_bg.jpg);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: right;
	float: right;
	text-align: left;
	position: absolute;
	bottom: 6px;
	right: 6px;
}

.productlistitem .basketarea .price
{
	width: 184px;
	margin: 8px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;
	color: #000000;
	overflow: hidden;
}

.productlistitem .basketarea .price .amoutandicon_wrapper
{
	clear: both;
	float: left;
	width: 185px;
}

.productlistitem .basketarea .addtobasketicon
{
	float: right;
/*clear: both;*/
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.productlistitem .basketarea .price .productamount
{
	width: 74px;
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	overflow: hidden;
}

.productlistitem .basketarea .price .productamount input
{
	width: 30px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productlistitem_amout_bg.jpg);
	text-align: center;
}

.productlistitem .basketarea .price .productamount .amountheader
{
	width: 30px;
	clear: both;
	float: left;
	margin: 9px 0px 0px 0px;
}

.productlistitem .basketarea .price .productamount .amount
{
	width: 32px;
	float: left;
	margin: 2px 0px 0px 3px;
}





/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- BASKET */
#contentarea .orderlineheaders
{
	width: 758px;
	height: 25px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/paging_bg.jpg);
	margin: 0px 0px 6px 0px;
	padding: 9px 8px 0px 8px;
	font-weight: bold;
	color: #000000;
	clear: both;
	float: left;
}

#contentarea #steps
{
	width: 774px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_steps_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	position: relative;
}

#contentarea #steps #step1_active
{
	width: 132px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step1_selected.png);
	clear: both;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	color: #ffffff;
}

#contentarea #steps #step1
{
	width: 132px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step1_notselected.png);
	clear: both;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	color: #999999;
}

#contentarea #steps #step2_active
{
	width: 201px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step2_selected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 113px;
	z-index: 3;
	color: #ffffff;
}

#contentarea #steps #step2
{
	width: 201px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step2_notselected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 113px;
	z-index: 3;
	color: #999999;
}


#contentarea #steps #step3_active
{
	width: 124px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step3_selected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 294px;
	z-index: 2;
	color: #ffffff;
}

#contentarea #steps #step3
{
	width: 124px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step3_notselected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 294px;
	z-index: 2;
	color: #999999;
}

#contentarea #steps #step4_active
{
	width: 163px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step4_selected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 399px;
	z-index: 1;
	color: #ffffff;
}

#contentarea #steps #step4
{
	width: 163px;
	height: 41px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/basket_step4_notselected.png);
	float: left;
	position: absolute;
	top: 0px;
	left: 399px;
	z-index: 1;
	color: #999999;
}

#contentarea #steps #step1 .text, #contentarea #steps #step2 .text, #contentarea #steps #step3 .text, #contentarea #steps #step4 .text, #contentarea #steps #step1_active .text, #contentarea #steps #step2_active .text, #contentarea #steps #step3_active .text, #contentarea #steps #step4_active .text
{
	margin: 14px 0px 0px 38px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	float: lefT;
}

#customerinfo
{
	width: 714px;
	margin: 20px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
}

#customerinfo h1, #customerinfo .h1
{
	color: #ff6600;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	clear: both;
	float: left;
}

.coluwrapper
{
	width: 714px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	clear: both;
	float: left;
	font-size: 12px;
	color: #000000;
}

.coluwrapper textarea
{
	width: 492px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #000000;
}

.colu
{
	width: 270px;
	float: left;
}

.colu h1, .colu .h1
{
	width: 270px;
	clear: both;
	float: left;
}

.colu .fieldheader
{
	clear: both;
	float: left;
	text-align: right;
	width: 66px;
	font-weight: bold;
}

.colu .fieldvalue
{
	float: right;
	text-align: left;
	width: 195px;
}

.colu input
{
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

.colu select
{
	width: 226px;
	margin: 1px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

.orderline
{
	width: 774px;
	height: 63px;
	background: #ffffff;
	background-repeat: repeat-x;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #d5d5ce;
	color: #000000;
	clear: both;
	float: left;
}

.orderlineheader_product_imagenameandnumber
{
	width: 332px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;
}

.orderline_product_imagenameandnumber
{
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;
}

.orderline_product_imagenameandnumber .text
{
	margin: 16px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.orderline_amount
{
	width: 75px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}

.orderline_unitprice
{
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.orderline_price
{
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.orderline_removeproduct
{
	width: 97px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: right;
}

.orderline_amount .text, .orderline_unitprice .text, .orderline_price .text, .orderline_removeproduct .text
{
	margin: 24px 0px 0px 0px;
}

.order_priceheader
{
	width: 516px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;
}

.order_price
{
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}





#productdetailsheader
{
	width: 757px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 15px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productdetailsheader_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #8ebace;
	clear: both;
	float: left;
}

#productdetailsheader h1, #productdetailsheader .h1
{
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#productdetailsimage
{
	width: 405px;
	margin: 0px 0px 0px 0px;
	padding: 47px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	clear: both;
	float: left;
	text-align: center;
}

#productdetailstextarea
{
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productdetailstextarea_bg.jpg) #f2f2ef;
	background-repeat: repeat-x;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 17px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #e0e1e1;
	color: #000000;
	font-size: 11px;
	float: right;
}

#productdetailstextarea #basketarea
{
	width: 309px;
	height: 98px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productdetails_basket_bg.png);
	margin: 23px 0px 0px 0px;
	padding: 15px 12px 0px 12px;
	clear: both;
	float: letf;
	font-size: 12px;
}

#productdetailstextarea #basketarea .pricetext
{
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: left;
	font-weight: bold;
	font-size: 12px;
}

#productdetailstextarea #basketarea .price
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
}

#productdetailstextarea #basketarea .productamount
{
	width: 75px;
	margin: 22px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	clear: both;
	float: left;
	overflow: hidden;
}

#productdetailstextarea #basketarea .amountheader
{
	margin: 9px 0px 0px 0px;
	width: 30px;
	float: left;
	clear: both;
}

#productdetailstextarea #basketarea .amount
{
	margin: 2px 0px 0px 3px;
	width: 32px;
	float: left;
}

#productdetailstextarea #basketarea input
{
	width: 30px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	background: url(/Files/Billeder/Glasbeslag/V1/eCom/productlistitem_amout_bg.jpg);
	text-align: center;
}

#productdetailstextarea h2, #productdetailstextarea .h2
{
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #66aecf;
}

#productdetailstextarea a:link
{
	color: #ff6600;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

#productdetailstextarea a:visited
{
	color: #ff6600;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

#productdetailstextarea a:active
{
	color: #ff6600;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

#productdetailstextarea a:hover
{
	color: #ff6600;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: underline;
}