/* GENERAL */
fieldset {border: 0;}
fieldset h4 {margin-top: 10px;}

/* LANGUAGE FLAGS */
div.flags a {margin-right: 5px;}

/* PAYMENTCARDS */
div.cards img,
div.paymentlogo img {margin-right: 5px; margin-bottom: 5px;}


/* PAGER */
ul.pager {float: right; clear: left; margin: 15px 0 0 !important; list-style: none;}
ul.pager li {float: left;}
ul.pager li a {float: left; margin: 0 0 4px 4px; padding: 4px 7px; border: 1px solid #dfdfdf;}
ul.pager li a.active,
ul.pager li a:hover {font-weight: bold; border-color: #999;}

/* SEARCH RESULTS */
div.keyword-search fieldset div.input.search div.keyword {margin-bottom: 3px;}
div.keyword-search fieldset div.input.search div.keyword label, fieldset div.search div.category label {display: block; float: left; clear: left; padding-right: 5px; width: 80px; line-height: 20px; text-align: right;}
div.keyword-search fieldset div.input.search div.keyword input {padding: 1px; width: 290px;}
div.keyword-search fieldset div.input.search div.category select {width: 296px;}
div.keyword-search fieldset div.input.search div.cbstockonly, fieldset div.input.search div.cbofferonly {margin: 5px 0 0 84px;}
div.keyword-search fieldset div.input.search div.cbstockonly input, fieldset div.input.search div.cbofferonly input {margin-right: 5px;}
div.keyword-search fieldset div.buttons {margin: 5px 0 15px 84px;}
div.keyword-search fieldset div.buttons input {padding: 0 8px;}

/* CART - GENERAL */
.cart .price {margin-left: 5px;}
.cart div.billingshipment > div, .cart .payment, div.input.search {margin-top: 15px;}

.cart.delivery .shipment dt, .cart.shipment .shipment dt, .cart.payment .payment dt {float: left; clear: both; width: 20px;}
.cart.delivery .shipment dd, .cart.shipment .shipment dd, .cart.payment .payment dd {margin-left: 25px;}

.cart.shipment div.shipment dl, .cart.payment div.payment dl {padding: 10px;}
.cart.shipment div.shipment dl dd p, .cart.payment div.payment dl dd p {margin-bottom: 5px;}
.cart.shipment div.shipment dl.active, .cart.payment div.payment dl.active {background-color: #eee; border: 1px dotted #999;}
.cart.shipment div.shipment dl.active div.parcel label, .cart.payment div.payment dl.active div.parcel label {float: left; clear: right; padding-top: 2px; width: 100px; vertical-align: middle;}
.cart.payment div.payment div.logo img {margin: 5px 5px 0 0;}

.parcel > div {clear: left;}
.parcel input[type=text], .parcel select { margin-bottom: 5px; }
.parcel select {width: 100%;}

/* CART - DELIVERY */
.cart.delivery .billingshipment dt {width: auto; margin: 0; padding: 0;}
.cart.delivery .billingshipment label {padding-left: 5px;}


/* USER */
div.profile fieldset div.account, div.profile fieldset div.address, div.profile fieldset div.user .username, div.profile fieldset div.user .nickname, div.profile fieldset div.password {margin-bottom: 15px;}
div.profile fieldset div.user .username, div.profile fieldset div.user .password {margin-bottom: 0; padding: 15px;}
div.profile fieldset div.user .username {border-bottom: 1px dotted #999;}
div.profile fieldset div.user br, div.profile div.login br {display: none;}
div.profile h5 {margin: 0;}
div.profile fieldset div input[type="text"], div.profile fieldset div input[type="password"], div.profile select {vertical-align: top; width: 290px;}
div.profile select {width: 298px;}

div.profile fieldset dl, div.cart fieldset dl {margin-bottom: 3px; min-height: 19px; clear: both;}
div.profile fieldset dl dt, div.cart fieldset dt, div.customFields dt {margin-bottom: 1px; float: left; padding-right: 5px; width: 150px;}
div.profile fieldset dl dd, div.cart fieldset dd, div.customFields dd {margin-left: 155px;}
div.cart fieldset div.coupon dl dt {width: auto;}
#ctl00_bc_btnSearchKrak {margin-left: 155px;}

div.profile table.login {width: 100%;}
div.profile table.login td div.input {height: 120px;}
div.profile table.login td div.input span.checkbox {display: block; margin-top: 7px;}
span.checkbox input,
div.profile .address dl.dropdownlist input {margin-right: 4px;}
div.profile td.login, div.profile td.register {vertical-align: top;}
div.profile table.login td.login dl dt, div.profile table.login td.register dl dt {float: none; height: auto; width: auto; text-align: left;}
div.profile table.login td.login dl dd, div.profile table.login td.register dl dd {margin-left: 0;}
div.profile div.address > .radio {margin-top: 15px; margin-bottom: 10px;}

/* CREATE USER */
div.profile p {margin: 0 0 15px 0; padding: 0;}
div.profile .address br {display: none;}
div.profile .address .radio > input,
div.profile .address .checkbox > input{margin-right: 4px; vertical-align: middle;}
div.profile .address .radio > label,
div.profile .address .checkbox > label{margin-right: 10px;}
div.profile .address .radio,
div.profile .address .checkbox {display: block; margin: 0 0 3px 155px;}
div.profile .address dl.dropdownlist label {margin-right: 10px;}

/* PROFILE PAGE */
div.profile div.orders ul, div.profile .settings ul {list-style: none; margin: 0;}
div.profile div.orders, div.profile div.settings, div.profile .input {margin-bottom: 10px; background-color: #fff;}
div.profile .delivery, div.profile .invoiceaddress {margin-bottom: 15px;}
div.profile .delivery select, div.profile .invoiceaddress select {width: 100%;}
div.profile table .even {background-color: #f5f5f5;}

/* SYSTEM TABLES */
table.basket, table.ordertable, table.addresstable, table.status, table.datatable {border-collapse: collapse; width: 100%;}
table.ordertable th, table.ordertable td, table.addresstable th, table.addresstable td, table.basket th, table.basket td, table.status th, table.status td, table.datatable th, table.datatable td {text-align: left; padding: 2px 5px 1px 5px;}
table th.price-right, table td.price-right {text-align: right; white-space: nowrap;}
table.ordertable th, table.addresstable th, table.basket th, table.status th, table.datatable th {padding: 5px;}

/* SYSTEM TABLES - Basket */
table.basket {margin-top: 10px;}
table.basket input {vertical-align: baseline; text-align: right; margin-right: 7px;}
table.basket tr div.hr hr {display: none;}
table.basket tr div.hr {border-top: 1px dotted #999;}
table.basket tr.data td {padding-top: 4px; padding-bottom: 4px; line-height: normal;}
table.basket tr.even td {background-color: #f5f5f5;}
table.basket div.comment textarea {margin-bottom: 15px; text-align: left; width: 100%;}
div.cart div.coupon {margin-top: 15px;}
div.cart .accept-term {margin-top: 10px; text-align: right;}
div.cart .accept-term span.checkbox {margin-right: 6px;}

div.cart .accept-term span.checkbox input {height: auto;}

div.cart.confirm table.basket td.billing, div.cart.confirm table.basket td.shipping, 
div.cart.complete table.basket td.billing, div.cart.complete table.basket td.shipping,
div.cart.complete div.print {margin-bottom: 1.2em;}
div.profile table.basket td.billing, div.profile table.basket td.shipping {padding: 0;}

div.cart.confirm table.basket tr.data td, div.cart.complete table.basket tr.data td {padding-top: 6px; padding-bottom: 6px;}

/* SYSTEM TABLES - Profile */
div.profile table.order-info {margin-bottom: 15px; text-align: left;}
div.profile table.order-info th {padding-right: 15px;}
div.profile table.status {margin-top: 15px;}
div.profile table.basket tr.data td {padding-top: 5px; padding-bottom: 4px;}

/* VALIDATION */
.validation {color: red;}

/* ALERT-ERR */
.alert-err,
.alert-ok {margin-bottom: 15px; padding: 15px; text-align: center;}

.alert-err {color: #89393f; background-color: #ffd7da; border: 1px dotted #db8990;}
.alert-ok {color: #5b8250; background-color: #d4f5b8; border: 1px dotted #8ebf73;}

.alert-err .desc,
.alert-ok .desc {font-size: 14px; font-weight: bold; text-transform: uppercase;}
.alert-err ul,
.alert-ok ul {margin: 0 !important; list-style-position: inside;}
.alert-err ul li, 
.alert-ok ul li {padding: 2px 0;}


/* AUTO COMPLETE - Dropdown when using WebPack */
.ac_results {
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A; color: white;}

/* MAILLIST FORM */
div.maillist {margin-top: 10px;}
div.maillist dl.dropdownlist {margin: 10px 0; line-height: 1.4em;}
div.maillist dl dt {margin-bottom: 3px; font-weight: bold;}
div.maillist dl.dropdownlist dd input,
div.maillist dl.dropdownlist dd label {margin-right: 4px; vertical-align: middle;}
div.maillist dl.dropdownlist dd br {display: block;}
div.maillist div.clearfix {clear: both;}

/* TELL A FRIEND */
body.tell-a-friend {margin: 20px 20px 0 20px; font-size: 11px; background-color: #fff; color: #000;}
body.tell-a-friend h1 {margin-bottom: 10px; font-size: 24px;}
body.tell-a-friend p {margin: 0 0 0.7em;}
body.tell-a-friend table {width: 480px;}
body.tell-a-friend table label {float: left; line-height: 17px;}
body.tell-a-friend table td {padding: 1px 20px 1px 0;}
body.tell-a-friend table tr.from input,
body.tell-a-friend table tr.to input {float: right; width: 53%;}
body.tell-a-friend table tr.comment label {display: block;}
body.tell-a-friend table tr.comment textarea {clear: both; float: left; width: 100%; height: 45px; font-size: 1em ;}
body.tell-a-friend table tr.link span#lblLink {margin-right: 5px;}
body.tell-a-friend table tr.link span#panelLink {color: #999;}
body.tell-a-friend div.buttons input {margin-right: 5px;}

body.tell-a-friend .alert-err {padding: 0; text-align: left; background-color: transparent; border: 0; }
body.tell-a-friend .alert-err .desc {font-size: 12px; text-transform: none;}
body.tell-a-friend fieldset {clear: both;}
body.tell-a-friend .alert-err ul {float: left; padding-bottom: 10px;}
body.tell-a-friend .alert-err ul li {padding-right: 10px; float: left;}


/* QUICK SEARCH */
div.quicksearch {margin-bottom: 15px;}
div.quicksearch div.filters > div {clear: left; margin-top: 2px;}
div.quicksearch div.filters dl {float: left; margin: 0 2% 8px 0; min-width: 110px;} 
div.quicksearch div.filters dl select {min-width: 110px;}
div.quicksearch div.filters div.price-range dl input {width: 70px;} 
div.quicksearch div.filters div.price-range dl .currency {padding-left: 2px; font-size: 0.8em;vertical-align: bottom;} 
div.quicksearch div.filters div.stock {margin: 4px 0 12px;} 

div.quicksearch:after,
div.quicksearch div.filters > div:after{
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both; 
}


/* ONE PAGE CHECKOUT*/
#onePageCheckout table {width: 100%;}
#opcLogin .inputCheckbox {margin-top: 5px;}
#onePageCheckout select,
#onePageCheckout textarea {width: 99%;}
#onePageCheckout .inputSelect select {width: 100%;}
#onePageCheckout div.inputText,
#onePageCheckout div.inputPassword,
#onePageCheckout div.inputCheckbox,
#onePageCheckout div.inputRadio,
#onePageCheckout div.inputSelect {margin-bottom: 5px;}
#onePageCheckout div.selectionOption .selectionContent label,
#onePageCheckout div.selectionOptions span.comment {font-style: italic;} 

#onePageCheckout table.selection tr {vertical-align: top;}
#onePageCheckout table.selection th {text-align: left;}
#onePageCheckout table.selection th.inputRadio {width: 16px;}
#onePageCheckout .selectionOption {margin-bottom: 5px;}
#onePageCheckout div.description {font-weight: normal;}


#onePageCheckout .maillist {margin: 2px 0 0 17px;}
#onePageCheckout .maillist dl {margin: 0;}
#onePageCheckout .maillist dd table td {padding-bottom: 2px;}

#onePageCheckout .inputCheckbox input {float: left; margin-right: 4px;}
#onePageCheckout .inputCheckbox label {display: block; margin-left: 18px;}

#onePageCheckout #opcRegister fieldset.address div.addresstype {margin-bottom: 5px; }
#onePageCheckout #opcRegister fieldset.address div.addresstype label {padding: 0 15px 0 5px;}

#opcRequisitionNumber,
#opcComment,
#opcTerms,
#opcButtonNext {margin: 4px 0;}


/* ONE PAGE CHECKOUT - 3 row w. basket */
#opcTemplateRows #opcRegister #shipmentAddress {margin-top: 20px;}
#opcTemplateRows .opcClm {margin-bottom: 5px;}
#opcTemplateRows  .opcCheckoutFields fieldset.address dl {height: 45px;}
#opcTemplateRows  .opcCheckoutFields fieldset.krak {margin: 15px 0 15px;}
#opcTemplateRows  .opcCheckoutFields fieldset.krak dl {height: auto;}
#opcTemplateRows .opcCheckoutFields dl {float: left; margin-right: 4%; width: 46%; }
#opcTemplateRows .opcCheckoutFields dl input[type="text"],
#opcTemplateRows .opcCheckoutFields dl input[type="password"] {width: 98%;}
#opcTemplateRows .opcCheckoutFields dl select {width: 100%;}
#opcTemplateRows .opcCheckoutFields fieldset.krak dl {margin-right: 7px; width: 30%;} 
#opcTemplateRows .opcCheckoutFields .inputCheckbox {clear: left;}

#opcTemplateRows .opcCustomFields {clear: both; float: left; margin: 15px 0; padding-top: 10px; width: 96%; border: 1px solid silver; border-right: 0; border-left: 0;}
#opcTemplateRows .opcCustomFields dl {float: none; margin-bottom: 10px; height: auto !important;}
#opcTemplateRows .opcCustomFields dl {width: 48%;}


/* ONE PAGE CHECKOUT - 3 clm w. basket */
#opcTemplate3clm #opcData {width: 28%; padding-right: 2%; border-right: 1px dotted silver;}
#opcTemplate3clm #opcOptions {width: 27%; padding: 0 2%; border-right: 1px dotted silver;}
#opcTemplate3clm #opcBasketClm {width: 36%; padding-left: 2%;}

#opcTemplate3clm #opcShipment {margin-bottom: 25px;}
#opcTemplate3clm fieldset h4 {margin-top: 0;}
#opcTemplate3clm fieldset.address h4,
#opcTemplate3clm #opcShipment h4,
#opcTemplate3clm #opcPayment h4 {margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px dotted gray;}

#opcTemplate3clm #opcRegister {margin-top: 10px;}
#opcTemplate3clm #opcRegister fieldset.krak {margin: 20px 0 10px;}
#opcTemplate3clm fieldset.krak dl {width:  50%;} 
#opcTemplate3clm #opcRegister fieldset.krak dl,
#opcTemplate3clm #opcRegister fieldset.address dl {margin-bottom: 5px;} 
#opcTemplate3clm #opcRegister fieldset.address dl input[type=text],
#opcTemplate3clm #opcRegister fieldset.address dl input[type=password] {width: 97%;}

#opcTemplate3clm #opcRegister #shipmentAddress {margin-top: 20px;}
#opcTemplate3clm table.selection {width: auto;} 
#opcTemplate3clm #opcBasketClm table.basket {margin-bottom: 25px;}
#opcTemplate3clm #opcBasketClm > div {margin-bottom: 10px;}