@import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i,900,900i';

html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #3a404a;
}

/* Basis Styles */
#container		{ }
#top			{ display: block; width: 100%; height: 70px; margin-bottom: 30px; border-bottom: 1px solid #CCC; }
img#logoScreen	{ display: none; }
img#logoPrint	{ }
#globalcart		{ }
#languages		{ }
#login			{ }
#content		{ }
#selling-points	{ display: block; width: 100%; height: 44px; margin-top: 30px; padding: 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; clear: both; }
#footerWrap		{ }
#footer			{ display: none; }
#fbottom		{ }

#vervolg 	 #contentLeft	{ display: none; }
#vervolg 	 #contentRight	{ }

#fullwidth #contentLeft		{ }
#fullwidth #contentRight	{ }

.nojs			{ display: none; }
.fleft			{ clear: both; float: left;}
.fright			{ clear: both; float: right;}

/* Account Templates */
#fullwidth div#wrap5050		{ }
#fullwidth div#wrap5050 h1	{ }
#fullwidth div#left50		{ display: none; }
#fullwidth div#right50		{ }

#fullwidth div#wrap2080		{ }
#fullwidth div#wrap2080 #subnavHead,
#fullwidth div#wrap2080 h1	{ }
#fullwidth div#left20		{ display: none; }
#fullwidth div#right80		{ }

#fullwidth div.contleft50	{ float: left; width: 44%; padding: 4px 14px 14px; margin-top: 10px; border: 1px solid #525252; }
#fullwidth div.contright50	{ float: right; width: 44%; padding: 4px 14px 14px; margin-top: 10px; border: 1px solid #525252; }
#fullwidth div.cont100		{ padding: 4px 14px 14px; margin-top: 10px; border: 1px solid #525252;}

.clear						{ clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}

/* Typografie Styles, gelden voor de gehele website */
h1, h2, h3					{ font-weight: 900; margin: 0; padding: 0; line-height: 1.4; font-style: normal; }
p, address					{ font-weight: normal; margin: 0; padding: 0; line-height: 1.6; font-style: normal; }
img							{ margin: 0; padding: 0; border: 0; }
ul, ol, li					{ margin: 0; padding: 0; line-height: 165%; }
table						{ margin: 0 0 14px 0; padding: 0; border-collapse: collapse; }
table td					{ vertical-align: top; padding: 0; line-height: 160%; }

h1							{ font-size: 2em; color: #3a404a; margin: 0 0 15px 0; line-height: 1.2; }
h2							{ font-size: 1.45em; color: #3a404a; margin: 0 0 10px 0; padding: 15px 0 0 0; }
h3							{ font-size: 1.1em; color: #3a404a; margin: 0 0 10px 0; padding: 15px 0 0 0; }

p							{ margin: 0 0 15px 0;}

a							{ color: #e63331; text-decoration: underline; }
a:hover						{ color: #e63331; text-decoration: underline; }
a:focus 					{ outline: none;}

a.more						{ display: none; }
a.back						{ display: none; }

img							{ margin: 0; padding: 0; border: 0; }
img.left					{ float: left; margin: 4px 30px 20px 0px; }
img.right					{ float: right; margin: 4px 0px 20px 30px; }

ul							{ margin: 0px 0px 12px 20px;}
ul ul						{ margin: 0px 0px 0px 20px;}
ul li						{ list-style-type: circle;}
ul ul li					{ list-style-type: square;}

ol							{ margin: 0px 0px 12px 25px;}
ol ol						{ margin: 0px 0px 0px 25px;}

hr							{ border: 0px none; border-top: 1px solid #000; border-bottom: 1px solid #666; }

span.white					{ color: #FFF; font-weight: bold; }
span.yellow					{ color: #f5e326; }

/* Top Styles */
#languages img				{ display: none; }
#login						{ display: none; }
#globalcart					{ display: none; }

/* Crumbs */
#crumbs						{ display: none; }

/* Home Banners Styles */
#homeBanner-large			{ }
#homeSlideshow				{ display: none; }
#homeIntro					{ }
div.homeBanner-small-wrap	{ display: none; }

/* home reel */
div#homeReel				{ display: none; }

/* Leftbanner */
ul#bannerleft				{ margin: 15px 0 0 0; padding: 0; list-style: none; background: none; line-height: 100%; width: 220px; height: 270px; overflow: hidden;}
ul#bannerleft li			{ margin: 0; padding: 0; list-style: none; background: none; line-height: 100%; width: 220px; height: 270px;}
ul#bannerleft li img		{ margin: 0; padding: 0; border: 0px none; text-decoration: none; width: 220px; height: 270px;}

/* Toolbox TOP EN BOTTOM styles */
div.toolbox					{ display: none; }

/* Item overzicht */
a.item						{ display: block; text-decoration: none; height: 110px; margin-bottom: 20px; padding: 14px; border: 1px solid #CCC; }
a.item img					{ margin: 0 0 0 30px; }
a.item span					{ display: block; text-decoration: none; }
a.item span.h2				{ line-height: 120%; font-weight: normal; text-transform: uppercase; font-size: 16px; color: #FFF; padding: 0 0 14px; }
a.item span.datum			{ color: #9c9c9c; text-transform: uppercase; padding: 0 0 4px; }
a.item span.content			{ margin: 0; padding: 0; line-height: 165%; text-align: justify; color: #fff; }

div.item-wrap				{ }
div.item-overflow			{ }
div.item					{ position: relative; float: left; display: inline; width: 290px; height: 304px; overflow: hidden; margin: 0 20px 20px 0; padding: 4px; border: 1px solid #525252; }
div.item h2					{ padding: 0; font-weight: bold; margin: 0 0 7px; }
div.item-inside				{ padding: 10px; }
div.item-bottom				{ position: absolute; bottom: 0; width: 270px; padding: 14px 10px; text-align: right; background: url(/media/img/border_dashed_525252_horizontal.png) repeat-x top; }

/* Collections Overview Styles */
#collectionsContent			{ }
#collectionsOverview		{ }
#collectionsOverflow		{ }

div.collectionsItem			{ float: left; display: inline; width: 290px; height: 172px; padding: 4px 4px 0 4px; border: 1px solid #505050; margin: 0 20px 10px 0; }
div.collectionsItem a.more	{ width: 270px; height: 26px; line-height: 26px; display: block; text-align: right; text-decoration: none; text-transform: uppercase; }

/* Product Overview Styles */
#prodContainer					{ width: 700px; }
a.prodSmall						{ float: left; width: 191px; height: 249px; margin: 0 20px 20px 0; padding: 10px; line-height: 18px; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #CCC; overflow: hidden; }
a.prodSmall img					{ display: block; margin-bottom: 16px; }
a.prodSmall	span.prodSmallPrice	{ display: block; font-weight: bold; }
div.catexpander span.read-more	{ display: none; }
div.catexpander span.read-less	{ display: none; }

/* Product Detail Styles */
#prodBigLeft						{ float: left; width: 300px; }
#prodBigRight						{ float: right; width: 50%; overflow: hidden; }
#prodBigTop							{ display: block; margin-bottom: 20px; }
#prodBigTop h1						{ float: left; }
#prodBigTop div.addthis_toolbox		{ display: none; }
#prodBigBottom						{ display: none; }
#prodBigBottom div.addthis_toolbox	{ display: none; }
#prodBigLeft img					{ width: 300px; height: auto; margin-bottom: 10px; }
a.prodBigThumb						{ float: left; width: 94px; height: 94px; margin: 0 6px 6px 0; border: 1px solid #000; }
a.prodBigThumbActive				{ border: 1px solid #505050; }
a.prodBigThumb:hover				{ border: 1px solid #505050; }
.crossprodcontent					{ display: none; }

/* Google Maps Shoplocator */
#gmap-wrap								{ }
#gmap-data								{ }
#gmap-map								{ display: none; }
#gmap									{ }
#gmap-form								{ display: none; }
#gmapresults							{ }
#gmapresults.loading					{ }
#gmapresults .shops-list-scroll			{ }
#gmapresults .shops-list-overflow		{ }
#gmapresults .shops-list-melding		{ padding: 20px 0; }
#gmapresults .shop						{ float: left; width: 224px; height: 89px; margin: 0 20px 10px 0; padding: 20px; border: 1px solid #CCC; text-decoration: none; }
#gmapresults .shop span					{ display: block; text-decoration: none; color: #fff; }
#gmapresults .shop .shop-address		{ width: 224px; overflow: hidden; line-height: 160%; white-space: nowrap; margin-bottom: 14px; }
#gmapresults .shop .shop-distance		{ float: left; font-weight: bold; }
#gmapresults .shop .shop-buttons		{ float: right; }
#gmapresults a.shop-more				{ display: none; }
#WsPager								{ display: none; }
.shop-content							{ float: right; display: inline; width: 52%; }
.shop-content img.btn-right				{ float: right; margin: 10px 0;}
.shop-detail							{ float: left; width: 43%; padding: 4px; border: 1px solid #CCC; }
.shop-detail-foto						{ }
.shop-detail-adres						{ padding: 14px 10px; }
.shop-detail-adres .icondetail			{ width: 100%; margin: 14px 0 0; }
.shop-detail-adres .icondetail th		{ width: 20px; background-position: 6px 4px; background-repeat: no-repeat; }
.shop-detail-adres .icondetail td		{ padding-left: 10px; line-height: 165%; background: url(/media/img/border_dashed_525252_vertical.png) repeat-y left; }
.shop-detail-openingstijden				{ padding: 14px 0 10px; margin: 0 10px; background: transparent url(/media/img/border_dashed_525252_horizontal.png) repeat-x top; }
.shop-detail-openingstijden	p			{ margin: 0; padding: 0; }
.shop-detail-openingstijden	ul			{ margin: 0; padding: 0; }
.shop-detail-openingstijden	li			{ margin: 0; padding: 0; background: none; list-style-image: none; }
.shop-detail-openingstijden	span		{ display: inline-block; }
.shop-detail-openingstijden	span.dag	{ width: 75px; text-transform: lowercase; }
.shop-detail-openingstijden	span.sep1	{ display: none; }
.shop-detail-openingstijden	span.tijd1	{ width: 90px;  }
.shop-detail-openingstijden	span.sep2	{ width: 10px;  }
.shop-detail-openingstijden	span.tijd2	{ width: 90px;  }

/* Account Algemeen */
#new-account				{ position: relative; background-color: #EFE20A; margin: 5px 0px 10px; padding: 5px; color: #000; }
#new-account p				{ margin: 0; padding: 0;}
#new-account .close			{ position: absolute; right: 7px; top: 4px; color: #000; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#right80 address			{ height: 140px; padding: 14px; background-color: #414141; margin: 0 0 12px 0;}

/* Account Datagrids */
table.datagrid				{ width: 100%; margin: 0; padding: 0; border: 0px none; border-collapse: collapse;}
table.datagrid thead		{ background-color: #000;}
table.datagrid tbody		{ background-color: #414141; border-top: 6px solid #414141; border-bottom: 6px solid #414141;}
table.datagrid th			{ padding: 3px 0 10px 0; margin: 0; font-weight: normal; text-transform: uppercase; }
table.datagrid td			{ padding: 3px 0 3px 14px; margin: 0; }

table.datagrid tbody tr:hover		{ }
table.datagrid tbody td				{ border-right: 1px solid #6E6E6E; }
table.datagrid tbody td.last		{ border-right: none; }

table.orderdatagrid					{ width: 100%; margin: 0; padding: 0; border: 0px none; border-collapse: collapse;}
table.orderdatagrid thead			{ background-color: #000;}
table.orderdatagrid tbody			{ background-color: #414141; border-top: 6px solid #414141; border-bottom: 6px solid #414141;} 				
table.orderdatagrid th				{ padding: 3px 5px 10px 4px; margin: 0; font-weight: normal; text-transform: uppercase;}
table.orderdatagrid td				{ padding: 3px 5px 3px 4px; margin: 0; vertical-align: top; }
table.orderdatagrid td.borderbottom	{ padding-bottom: 8px; }
table.orderdatagrid td.bordertop	{ padding-top: 8px; border-top: 1px solid #6E6E6E;}
table.orderdatagrid td.first		{ padding-left: 14px; }
table.orderdatagrid td.last			{ padding-right: 14px; }

/* Klantenservice Styles */
div.borderblocksmall			{ float: left; width: 210px; margin: 8px 8px 8px 0; padding: 4px; border: 1px solid #525252; }
div.borderblocksmall h2			{ padding-left: 8px; font-size: 13px; }
div.borderblocksmalllast		{ float: left; width: 210px; margin: 8px 0 8px 0; padding: 4px; border: 1px solid #525252; }
div.borderblocksmalllast h2		{ padding-left: 8px; font-size: 13px; }

div.borderblock					{ margin: 16px 0 10px 0; padding: 4px; border: 1px solid #525252; clear: both; }
div.borderblock h2				{ padding-left: 8px; font-size: 13px; }
div.borderblock a.up			{ padding-left: 14px; background: url(../img/arrow_up_b8b8b8.gif) no-repeat left 50%; }
div.borderblock img.right		{ padding: 3px; background-color:#FFF; border: 1px solid #CCC; }
div.borderblock img.leftborder	{ background-color:#FFF; }

.tableborder					{ background-color: #414141; width: 100%; margin: 0; }
.tableborder td					{ padding: 12px 8px; vertical-align: top; }
.tableborder .formulier td		{ padding: 4px 6px 4px 0; }
.tablebezorgdagen				{ margin-bottom: 10px; background-color: #525252; }
.tablebezorgdagen td			{ padding: 10px 10px 0px 10px; vertical-align: top; }

/* Selling Points Styles */
#selling-points			{ text-transform: uppercase; text-align: center; line-height: 22px; }
#selling-points span	{ width: 1px; height: 12px; margin: 0 4px; font-size: 10px; line-height: 1px; }

/* Footer Styles */
#footer					{ color: #9f9f9f; }
#footer a				{ color: #9f9f9f; text-decoration: none; }
#footer a:hover			{ color: #FFF; text-decoration: underline; }
#footer h3				{ color: #CCC; }

#fcenter ul				{ margin: 0; padding: 0; list-style: none; background: none; float: left; margin: 0 30px 20px 0; }
#fcenter ul li			{ margin: 0; padding: 0; list-style: none; background: none; }

#fright a				{ text-decoration: underline; }

#fbottom				{ text-align: right; line-height: 25px; }
#fbottom img			{ float: left; margin-right: 6px; }

/* Navigatie styles */
ul#nav					{ display: none; }

/* Subnavigatie styles */
span#subnavHead 		{ display: none; }
ul#subnav li 			{ display: none; }

/* Formulieren */
#formBestel #submit		{ display: none; }
#FormAccount			{ display: none; }
#FormAddress			{ display: none; }

/* Account Datagrids */
table.datagrid			{ width: 100%; margin: 0; padding: 0; border: 0px none; border-collapse: collapse;}
table.datagrid thead	{ }
table.datagrid tbody	{ border: none; }
table.datagrid th		{ padding: 3px 0 10px 0; margin: 0; font-weight: normal; text-transform: uppercase; }
table.datagrid td		{ padding: 3px 0 3px 14px; margin: 0; }

table.datagrid tbody tr:hover		{ }
table.datagrid tbody td				{ border-right: 1px solid #6E6E6E; }
table.datagrid tbody td.last		{ display: none; }

table.orderdatagrid					{ width: 100%; margin: 0; padding: 0; border: 0px none; border-collapse: collapse;}
table.orderdatagrid thead			{ }
table.orderdatagrid tbody			{ border: none; } 				
table.orderdatagrid th				{ padding: 3px 5px 10px 4px; margin: 0; font-weight: normal; text-transform: uppercase;}
table.orderdatagrid td				{ padding: 3px 5px 3px 4px; margin: 0; vertical-align: top; }
table.orderdatagrid td.borderbottom	{ padding-bottom: 8px; }
table.orderdatagrid td.bordertop	{ padding-top: 8px; border-top: 1px solid #6E6E6E;}
table.orderdatagrid td.first		{ padding-left: 14px; }
table.orderdatagrid td.last			{ display: none; }

/* Checkout */
#checkout 	 #contentLeft			{ float: left; width: 76%; }
#checkout 	 #contentRight			{ float: right; width: 20%; overflow: hidden; }
#checkout 	 #checkoutcontent		{ padding: 10px; border: 1px solid #525252; }
#checkout h1						{ padding: 0; font-weight: bold; }
#status								{ display: none; }

/* Rechterkolom Styles */
#checkout #right 						{ padding-top: 10px;}
#checkout #right h2						{ margin: 0 0 10px 0; padding: 5px 0; line-height: 16px; font-size: 14px; color: #666666; font-weight: bold; border-bottom: 1px solid #CCC;}
#checkout #right p						{ color: #666;}
#checkout ul.paymentlist				{ margin: 0 0 12px 0; padding: 0; list-style: none;}
#checkout ul.paymentlist li				{ margin: 0; padding: 0; list-style: none; background: none; height: 30px; line-height: 30px; }
#checkout ul.paymentlist li.ideal		{ }
#checkout ul.paymentlist li.mistercash	{ }
#checkout ul.paymentlist li.visa		{ }
#checkout ul.paymentlist li.mastercard	{ }

/* Algemene Tabel Styles */
#checkout table				{ }
#checkout table th			{ vertical-align: top; padding: 4px 8px;}
#checkout table td			{ vertical-align: top; padding: 4px 8px;}

form 						{ margin: 0; padding: 0; }
input, select, textarea		{ font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; }

/* Tooltips */
div.tooltip_content     	{ display: none; }
div.tooltip_content h1  	{ display: none; }
a.tooltip					{ display: none; }
a.tooltip span				{ display: none;}

/* Worden o.a. gebruikt bij uitlijning euroteken en prijs in 1 cel */
#checkout form span			{ color: #fff;}
span.left					{ float: left;}
span.right					{ float: right;}
span.groot					{ font-size: 15px; font-weight: bold;}
span.extragroot				{ font-size: 16px; font-weight: bold;}
span.payment_price			{ float: right;}
span.delivery_price			{ float: right;}

#error						{ position: relative; line-height: 170%; margin: 5px 0px 10px; padding: 5px; }
#error a					{ color: #000; text-transform: uppercase; font-weight: bold; }

/* Algemene Button Styles */
div.buttons					{ display: none; }
div.buttons.right			{ display: none; }
div.buttons 		.button	{ display: none; }
div.buttons.right	.button	{ display: none; }
#checkout a.more			{ display: none; }

/* Localcart positionering */
.localcartcontent			{ margin: 10px 0 0 0; border: 1px solid #525252; }
.localcarttotals			{ float: right; padding: 20px 0;}
.localcartextras			{ display: none; } /* Niet tonen op Kyboe!, geen  datum of actoe codes */
.finalchecktotals			{ float: right; padding: 10px 0;}

/* Tabel Localcart */
#checkout table.cart-items					{ width: auto; margin: 0; padding: 0; border-collapse: collapse; border: 0px none; }
#checkout table.cart-items thead			{ border: none; }
#checkout table.cart-items tbody			{ border: none; }
#checkout table.cart-items tr.rowalt		{ vertical-align: top;}
#checkout table.cart-items th				{ vertical-align: top; padding: 4px 8px; }
#checkout table.cart-items td				{ vertical-align: top; padding: 6px 8px 0; }
#checkout table.cart-items th.product		{ border-right: none; }
#checkout table.cart-items th.subtotaal		{ border-right: none; }

/* Maatvoering Winkelmandje tabellen */
th.product,
td.product		{ text-align: left;}
th.verwijderen	{ display: none; }
td.verwijderen	{ display: none; }
th.aantal,
td.aantal		{ text-align: left;}
th.stukprijs	{ text-align: left;}
td.stukprijs	{ text-align: right;}
th.subtotaal	{ text-align: left;}
td.subtotaal	{ text-align: right;}

table.cart-items a.lnk_remove		{ display: block; float: right; width: 12px; height: 25px; line-height: 25px; background: url(../img/checkout/bg_lnk_remove.gif) no-repeat 0 5px;}
table.cart-items a.lnk_remove:hover	{ }
table.cart-items a.lnk_remove span	{ display: none;}

table.cart-items a					{ color: #fff; text-decoration: none;}
table.cart-items a:hover			{ color: #fff; text-decoration: underline;}
table.cart-items .variation			{ color: #fff; background-color: #000; padding: 0; border: 1px solid #525252; }
table.cart-items .quantity			{ width: 75px; }

/* Totals Block */
#checkout .localcart_block_totals				{ padding: 5px; border: 1px solid #525252; }
#checkout .localcart_block_totals td			{ padding: 6px 0; }
#checkout .localcart_block_totals td.border		{ margin: 5px 0; padding: 0; line-height: 1px; font-size: 1px; border: 0px none; border-bottom: 1px solid #525252;}
#checkout .localcart_block_totals tr.delivery td{ color: #ccc; }
#checkout .finalchecktotals						{ padding: 5px; border: 1px solid #525252; margin: 20px 0 6px 0; }
#checkout .finalchecktotals td.border			{ margin: 5px 0; padding: 0; line-height: 1px; font-size: 1px; border: 0px none; border-bottom: 1px solid #525252;}
#checkout .finalchecktotals tr.delivery td		{ color: #ccc; }

/* STAP 2 en 3 */
div.left2col		{ float: left; display: inline; width: 230px; }
div.right2col		{ float: right; display: inline; width: 230px; }
div.background_grey	{ }
div.left3col		{ float: left; display: inline; width: 230px;}
div.center3col		{ float: left; display: inline; width: 230px; margin-left: 14px;}
div.right3col		{ float: left; display: inline; width: 230px; clear: both; }

div.invoiceaddress	{ }
div.deliveryaddress	{ }
div.paymenttype		{ margin-top: 6px; }
div.deliverytype	{ margin-top: 6px; }
div.remarks			{ margin-top: 6px; }

div.invoiceaddress div.background_grey	{ height: 145px; }
div.deliveryaddress div.background_grey { height: 145px; }
div.paymenttype div.background_grey 	{ }
div.deliverytype div.background_grey 	{ }
div.remarks div.background_grey 		{ }

/* Checkout -> Login Formulier */
form#FormLoginCheckout 						{ display: none; }

/* Checkout -> Pers. gegevens zonder account */
#formCheckoutNoAccount div.left2col			{ margin-bottom: 10px;} /* Drukt de buttons naar beneden.. */
#formCheckoutNoAccount div.right2col		{ margin-bottom: 10px;} /* Drukt de buttons naar beneden.. */

form#formCheckoutNoAccount 					{ display: none; }

/* Checkout -> Ingelogd: Selecteer Bezorgadres */
#formCheckoutLoggedin div.left3col		{ margin-bottom: 10px;} /* Drukt de buttons naar beneden.. */
#formCheckoutLoggedin div.right3col		{ margin-bottom: 10px;} /* Drukt de buttons naar beneden.. */

#formCheckoutLoggedin select#ua_id		{ width: 100%;}

/* STAP 3 */
#formBetaalWijze div.background_grey		{ margin-bottom: 10px;} /* Drukt de buttons naar beneden.. */

#formBetaalWijze td.radio			{ width: 10px;}
#formBetaalWijze label				{ float: left; display: inline; font-weight: bold; padding: 0 0 5px 0; color: #fff; line-height: 18px; }
#formBetaalWijze label span			{ display: block; font-weight: normal; color: #ccc; line-height: 14px;}
#formBetaalWijze span.payment_price	{ font-weight: bold; color: #ccc;}

/* STAP 4 */
textarea#opmerkingen		{ margin: 0; padding: 3px; width: 500px; height: 50px; }
div.finalcheck_leeftijd		{ padding: 15px 0 0 0; clear: both;}
div.finalcheck_voorwaarden	{ padding: 10px 0 15px 0; clear: both;}

/* Products styles */
.productsOrderform                                                  { border-bottom: 1px solid #dcdcdc; margin-top: -2px; }
.productsOrderform h2                                               { margin: 0 -15px; padding: 12px 15px; position: relative; bottom: -1px; cursor: pointer; font-size: 1em; font-weight: 700; user-select: none; -webkit-user-select: none; }
.productsOrderform h2 .subtotal                                     { float: right; white-space: nowrap; }
.productsOrderform h2:before                                        { content: '+'; display: inline-block; width: 16px; height: 16px; margin-right: 10px; border: 1px solid #3a404a; line-height: 16px; border-radius: 50%; text-align: center; font-weight: 900; text-align: center; }
.productsOrderform h2:hover                                         { background-color: #dcdcdc; }
.productsOrderform.open h2                                          { background-color: #dcdcdc; margin-bottom: 15px; }
.productsOrderform.open h2:before                                   { content: '-'; }
.productsOrderform span                              				{ color: #3a404a; }
.productsOrderform span.subtotallabel                               { float: left; display: inline-block; width: 62%; line-height: 24px; font-weight: 700; }
.productsOrderform input.subtotal                                   { float: left; width: 8%; margin-left: 2px; background-color: #ebebeb; font-weight: 700; }
.productsOrderform span.subtotalsuffix                              { float: left; margin-left: 3px; line-height: 24px; font-weight: 700; }

.productsOrderformInner                                             { display: none; }
.productsOrderform.open .productsOrderformInner                     { display: block; margin-bottom: 15px; }

.productsOrderformLeft                                              { float: left; padding: 0; margin: 0; width: 49%; margin-right: 2%; }
.productsOrderformRight                                             { float: left; padding: 0; margin: 0; width: 49%; }

.productsOrderform .product                                         { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc;  }
.productsOrderform .product:last-child                              { border: 0 none; }
.productsOrderform .productLeft                                     { float: left; padding-right: 30px; box-sizing: border-box; margin: 0; width: 16%; }
.productsOrderform .productLeft img                                 { max-width: 100%; }
.productsOrderform .productRight                                    { float: left; padding: 0; margin: 0; width: 84%; }

/*.productsOrderform .productLeft img                               { width: 100%; }*/

.productsOrderform .productRight span              					{ float: left; display: inline-block; box-sizing: border-box;; overflow: hidden; line-height: 24px; }
.productsOrderform .productRight i.clear                            { display: block; height: 0px; }

.productsOrderform .productRight .variationrow                      { display: block; width: 100%; clear: left; margin-bottom: 6px; padding: 0; }
.productsOrderform .productRight .variationrow:last-child           { border: 0 none; }

.productsOrderform .productRight .productname                       { margin-bottom: 7px; line-height: 24px; }
.productsOrderform .productRight .productname,
.productsOrderform .productRight span.variationname                 { width: 35%; padding-right: 20px; }
.productsOrderform .productRight span.variationartnr                { width: 20%; padding-right: 20px; font-weight: bold; }
.productsOrderform .productRight span.variationfield                { width: 10%; padding-right: 5px; }
.productsOrderform .productRight span.variationprice                { width: 15%; padding-right: 20px; }
.productsOrderform .productRight span.variationstock                { width: 20%; padding-right: 0; }
.productsOrderform .productRight span.variationstock:after			{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.productsOrderform .productRight span.variationstock.instock:after	{ content: "\f0e0"; color: #969696; font-size: 13px; display: inline-block; position: absolute; left: 18px; top: 17px; }
.productsOrderform .productRight span.variationfield input          { width: 100%; }

.productsOrderform .productRight .tooltip                           { float: none; display: inline-block; margin-left: 2px; width: 16px; height: 16px; line-height: 16px; font-size: 14px; color: #FFF; position: relative; text-align: center; font-weight: 900; }
.productsOrderform .productRight .tooltip                           { background-color: #246398; border-radius: 50%; cursor: help; overflow: visible; }

span.grandtotallabel                                                { float: left; font-size: 1.45em; color: #3a404a; line-height: 40px; margin: 48px 0 10px 0; }
input.grandtotal                                                    { float: left; font-size: 1.45em; color: #3a404a; line-height: 40px; height: 40px!important; margin: 48px 10px 10px 10px!important; width: 60px!important; background-color: #ebebeb!important; }
span.grandtotalsuffix                                               { float: left; font-size: 1.45em; color: #3a404a; line-height: 40px; margin: 48px 0 10px 0; }

#orderform #submit													{ font-weight: 900; cursor: pointer; line-height: 1.6; margin-top: 40px; padding: 15px 60px; border-radius: 4px; color: #FFF; background: #e63331;}
#orderform .variationfield input									{ height: 26px; }
#orderform input.subtotal											{ height: 26px; }