/* GENERAL */
div.webshop_container { width:600px; margin-top:20px; color:#7d7d7d; }
div.loading_panel { background-color:#ffffff; position:absolute; background:url(../images/loading.gif) 50% 50% no-repeat; }
div.webshop_container input.button { border:1px solid #7d7d7d; background-color:#d3d3d3; width:100%; padding:5px; width:auto; }


div.webshop_list { float:left; width:100%; margin-top:15px; margin-bottom:15px; }
div.webshop_list div.row { float:left; width:100%; padding-top:5px; padding-bottom:5px; background-color:#ffffff; }
div.webshop_list div.head { background-color:#7d7d7d; font-weight:bold; color:#ffffff; }
div.webshop_list div.total { background-color:#7d7d7d; font-weight:bold; color:#ffffff; }
div.webshop_list div.odd { }
div.webshop_list div.even { background-color:#d3d3d3; }
div.webshop_list div.col5 { width:5%; float:left; }
div.webshop_list div.col10 { width:10%; float:left; }
div.webshop_list div.col15 { width:15%; float:left; }
div.webshop_list div.col20 { width:20%; float:left; }
div.webshop_list div.col25 { width:25%; float:left; }
div.webshop_list div.col30 { width:30%; float:left; }
div.webshop_list div.col35 { width:35%; float:left; }
div.webshop_list div.col40 { width:40%; float:left; }
div.webshop_list div.col45 { width:45%; float:left; }
div.webshop_list div.col50 { width:50%; float:left; }
div.webshop_list div.col55 { width:55%; float:left; }
div.webshop_list div.col60 { width:60%; float:left; }
div.webshop_list div.col65 { width:65%; float:left; }
div.webshop_list div.col80 { width:80%; float:left; }
div.webshop_list div.col85 { width:85%; float:left; }
div.webshop_list div.label { font-weight:bold; }

div.webshop_form { float:left; width:95%; margin-top:15px; margin-bottom:15px; }
div.webshop_form div.field { float:left; width:90%; padding-top:8px; margin-right:32px; }
div.webshop_form div.field label { float:left; display:block; font-weight:bold; }
div.webshop_form div.field input { border:1px solid #7d7d7d; width:100%; padding:3px; }
div.webshop_form div.field_firstname { width:42%; }
div.webshop_form div.field_lastname { width:42%; }
div.webshop_form div.field_email { width:42%; }
div.webshop_form div.field_email2 { width:42%; }
div.webshop_form div.field_street { width:48%; }
div.webshop_form div.field_housenumber { width:15%; }
div.webshop_form div.field_housenumberaddition { width:15%; }
div.webshop_form div.field_postalcode { width:20%; }
div.webshop_form div.field_city { width:64%; }
div.webshop_form div.login_email { width:43%; }
div.webshop_form div.login_password { width:43%; margin-right:0px; }
div.webshop_form div.buttons { float:left; width:100%; padding-top:4px; }

div.webshop_messages { color:red; margin-top:15px;}
div.readonly_account_info { float:left; width:47%; }

/* STEPS */

div.webshop_steps { float:left; width:100%; margin-top:20px; margin-bottom:20px; }
div.webshop_steps div.step { width:19.8%; float:left; border-left:1px solid #7d7d7d; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; text-align:center; font-weight:bold; padding-top:5px; padding-bottom:5px; }
div.webshop_steps div.last { border-right:1px solid #7d7d7d; }
div.webshop_steps div.active { background-color:#7d7d7d; color:#ffffff; }
div.webshop_steps div.finished { background-color:#d3d3d3; }

/* BUTTONS */
div.webshop_button_bar { float:left; width:100%; margin-top:20px; margin-bottom:20px; }
div.webshop_button_bar input.button_right { float:right; padding:5px; border:1px solid #7d7d7d; font-weight:bold; }
div.webshop_button_bar input.button_left { float:left; padding:5px; border:1px solid #7d7d7d; font-weight:bold; }

/* BASKET */
div.basket_container { width:100%; }
select.webshop_action_basketupdate { float:left; border:1px solid #c0c0c0; font-size:10px; }
a.webshop_action_basketremove img { margin:0px; border:0px; float:left; margin-left:10px; }

/* CHECKOUT */
div.checkout_block { float:left; width:43%; min-height:150px; margin-right:20px; border:1px solid #7d7d7d; padding:10px; margin-bottom:20px; }
div.account_block { float:left; width:96%; min-height:200px; border:1px solid #7d7d7d; padding:10px; margin-bottom:20px; margin-top:15px; }
div.delivery_block { float:left; width:96%; min-height:200px; border:1px solid #7d7d7d; padding:10px; margin-bottom:20px; margin-top:15px; }
div.delivery_content { float:left; width:100%; margin-bottom:20px; }
div.delivery_content input { float:left; width:25px; margin-top:2px; }
div.delivery_content label { float:left; margin-left:10px; display:block; font-weight:bold; }
div.terms { float:left; width:100%; margin-bottom:20px; }
div.terms input { float:left; width:25px; margin-top:2px; }
div.terms label { float:left; margin-left:10px; display:block; font-weight:bold; }
div.terms a { width:100%; float:left; margin-left:35px; margin-top:5px; }
#terms_window { display:none; position:absolute; width:700px; height:400px; top:550px; left:50%; margin-left:-250px; z-index:9999; background-color:#ffffff; border:2px solid #7d7d7d; padding:10px; }
#terms_window a.close { position:absolute; left:630px; top:0px; display:block; float:right; font-weight:bold; }
#terms_container { width:700px; margin-top:20px; height:380px; overflow:auto; }

/* ORDER STATUS & HISTORY */
div.orderstatus_container { margin-top:15px; width:100%; }
div.orderhistory_container { margin-top:15px; width:100%; }

/* LOGIN */
div.login_widget { min-height:120px; }

/* OGONE */

div.online_payment_form { text-align: center; width: 100%; font-size:12px; }
div.online_payment_form input.NCOLINIM { height: auto; border: 0px none; background-color: white; font-size:12px; }
div.online_payment_form input { padding:2px; border:1px solid #7d7d7d; color:#000000; background: #d3d3d3; url(none) no-repeat left top; font-size:12px; }
div.online_payment_form input.ncol { margin:10px; padding:5px; border:1px solid #7d7d7d; font-weight:bold; color:#000000; margin-bottom:4px; background: #d3d3d3; url(none) no-repeat left top; font-size:12px; }
div.online_payment_form select { margin:10px; border:1px solid #7d7d7d; font-weight:bold; color:#000000; margin-bottom:4px; background: #ffffff; url(none) no-repeat left top; font-size:12px; }
td.ncolh1			{  }
td.ncoltxtl			{ text-align: left; font-weight: bold; font-size: 14px; }
td.ncoltxtl2		{ text-align: left; font-weight: bold; font-size: 14px; }
td.ncoltxtr			{ text-align: left; font-weight: bold; font-size: 14px; }
td.ncoltxtc			{ text-align: left; font-weight: bold; font-size: 14px; }
td.ncolinput		{ text-align: left; font-size: 14px; }
td.ncolline1		{ text-align: left; font-size: 14px; }
td.ncolline2		{ text-align: left; font-size: 14px; }
input.ncol			{ border:1px solid #7d7d7d; padding:4px; font-weight:bold; background-color:#d3d3d3; }
td.ncollogoc		{ text-align: center; font-weight: normal; }
table.ncoltable1	{ width: 90%; border: 1px solid #7d7d7d; margin-top: 20px; margin-bottom: 20px; }
table.ncoltable2	{ width: 90%; border: 1px solid #7d7d7d; margin-bottom: 50px; }
table.ncoltable3	{ width: 90%; }

table.ncoltable1 td, table.ncoltable2 td, table.ncoltable3 td { padding:4px; }