* {
  margin: 0px;
  padding: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

dl {list-style:none;display:block;position:relative;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:white; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.xb1 {margin:0 5px; background:#bbb;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:white; border:0 solid #bbb; border-width:0 1px;padding:10px}
    
a {text-decoration:underline;color:#4180be}
a:hover {background-color:#4180be;color:white}

h1 {color:#a41a1a;margin-bottom:3px;font-size:1.2em}
h1 span {font-weight:normal}
h2 {font-size:105%;color:#bd3d20;margin-bottom:4px}	

.ydlg-bd {background-color:white;border:1px solid #a2c2eb;padding:7px}

#pwd-dlg-bd p {margin-bottom:15px}
#pwd-dlg-bd div {width:200px;margin:0 auto}
#pwd-dlg-bd label {float:left;margin-right:5px}

#newsletter-dlg-bd p {margin-bottom:15px}
#newsletter-dlg-bd div {width:200px;margin:0 auto}
#newsletter-dlg-bd label {float:left;margin-right:5px}

/*-----------------| FORM STUFF |-------------------------*/

form {display:block;}

.form-box {padding:15px;margin:20px auto;border:1px solid #cbb945;background:#fffadb url(../imgs/form-back.gif) repeat-x top;font-family:tahoma, sans-serif;position:relative}

label {color:#4e4944;display:block;margin-bottom:3px}
input {border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;color:#333;background:#fff url(../imgs/fieldbg.gif) repeat-x top;}
select {border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;color:#333;background:#fff url(../imgs/fieldbg.gif) repeat-x top;}
textarea {width:250px;height:50px;border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;color:#333;background:#fff url(../imgs/fieldbg.gif) repeat-x top;}
input.imgButton {border:none}

.checkbox {border:none;background:none}

fieldset {display:block;position:relative;}
fieldset legend {display:none}

.field {margin-bottom:10px}
.first-field {margin-top:0}
.last-field {margin-bottom:0}
.field label {display:block}
.field span.error {display:none;} 
label.required {font-weight:bold}

div.has-error label {color:red}

.btn {text-decoration:none;color: #FFFFFF; background: #0063DC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #7CBAFF; border-right-color: #2854A7; border-bottom-color: #2854A7; border-left-color: #7CBAFF; padding:0 2px;cursor:default}
.cancel-btn {color:#000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7;cursor:default;}
.delete-btn { color:#fff;  padding: 0px 6px; background:#E21107;  border-top-width: 1px;   border-right-width: 1px;   border-bottom-width: 1px;   border-left-width: 1px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: #F78F8B;   border-right-color: #890903;   border-bottom-color: #890903;   border-left-color: #F78F8B;cursor:default }

.field-set {padding:0;border:none;margin:0;}
.field-set div {float:left;margin-right:25px}
div.lastInGroup {margin-right:0}

/*---------------------|ADDRESSBOOK|------------------*/

.empty-addressbook #address-add-form {display:block}

#addressbook {width:450px;position:relative;margin:20px auto}
#addressbook h1 {color:#0b112b;}
#addressbook h1 span {float:right;}

#addressbook #addressbook-bd {margin-top:0;margin-bottom:0}

.address {margin-top:10px;position:relative;}

#addressbook .first {margin-top:0}

#addressbook-bd {height:1%}

.address-hd {float:left;margin-right:5px;padding-top:30px}
.address-bd {display:block;cursor:pointer;margin-left:20px;border:1px solid #cdd0db;padding:5px;color:#bebfc7;background:#fff url(../imgs/bg_address.png) 1px 1px no-repeat;position:relative}

.address dl {position:relative;}
.address dt {font-weight:bold;width:80px;float:left;}
.address dd {display:block;overflow:hidden} 

#addressbook .selected .address-bd {border:2px solid #0b112b;color:#0b112b}

.address-btns {visibility:hidden;cursor:default;position:absolute;bottom:2px;right:2px;list-style:none;text-align:center;background-color:#eef1f6;padding:2px;width:103px;z-index:8}
.address-btns li {display:inline;padding-left:5px}
.address-btns span {color:#0061de;border-bottom:1px dotted #0061de;cursor:pointer}
.address-btns span:hover {border-bottom: 1px solid #0061de}

#address-add-btn {float:right;margin-bottom:10px;color:#0061de;border-bottom:1px dotted #0061de;cursor:pointer}
#address-add-btn:hover {border-bottom: 1px solid #0061de}

.addressbook-msg {position:absolute;right:15px;bottom:15px;font-size:11px;color:#666;}
.dlg-msg {margin-top:4px;float:left;font-size:11px;color:#183873;}

#address-add-form {display:none}
#login-error-msg {color:red;display:none}

/*--------------------| order |---------------------*/

.orderSection {margin:0 auto 15px auto;position:relative;zoom:1}
.order h2 {margin-bottom:10px;border-bottom:1px solid #a41a1a;clear:left}
.order h3 {margin-bottom:5px;font-size:1em;text-align:left;font-weight:bold}

.order .address dt {width:auto;float:none;display:block}

.order {margin:20px auto;position:relative}
.order th {padding:2px;text-align:left;}
.order td {padding:2px;}
.order td.price {color:#f60;font-weight:normal}
.order td.total {font-weight:bold}
.order td.vat {color:#888;}
.order th.vat {color:#888;font-weight:normal}
.order th span {color:#888;font-weight:normal}
.orderOverview {text-align:right}

.orderItems th.name {width:430px}
.orderItems th.price {width:90px;}
.orderItems th.number {width:52px;}
.orderItems th.totalPrice {width:94px;}

.orderRoundup {margin-left:436px;width:260px;border-top:1px solid #0b112b;padding:0}
.orderRoundup th.subtotal {width:151px;}
.orderRoundup td {width:101px;padding:0}

.order #contactInfo {width:200px;float:left;margin-right:25px;margin-left:5px;margin-bottom:20px;margin-top:3px;zoom:1}
.order #shippingAddress {float:left;margin-right:15px;width:200px;border-left:1px solid #ccc;padding-left:20px;margin-top:3px;zoom:1}
.order #billingAddress {float:left;width:200px;border-left:1px solid #ccc;padding-left:20px;margin-top:3px;zoom:1}
.order #comments p {padding:0 5px}

.order dt {color:#818181;font-style:italic;}
.order dd {color:#0b112b;margin-bottom:8px}

#paymentMethodInfo dl {padding:0 5px}
#paymentMethodInfo dt {font-weight:bold;font-style:normal;color:#000}

.orderHeader {margin-top:20px}
.orderHeader h1 {display:inline}
.orderHeader h1 span {float:right}
.orderHeader h1 b {font-weight:normal}

#invoice-header {padding:0 10px;margin-bottom:10px}
#invoice-header p {float:right;color:#888;font-size:0.9em;width:270px;text-align:center}
#invoice-header p img {display:block;margin-bottom:5px}
#invoice-header address {float:left;color:#000;text-align:left;font-size:1.2em;font-weight:normal}

.print-btn {padding-left:20px;background:url(../imgs/print.png) left center no-repeat;margin-right:10px;cursor:default}

/*--------------------| login account |---------------------*/

#noAccount {float:left;width:260px;margin-left:50px;display:inline;position:relative}
#loginAccount {float:left;margin-left:40px;width:250px;position:relative;}
#loginAccount #loginEmail {width:215px}
#loginAccount fieldset {margin-top:10px}

input#middlename {width:100px}

input#email {width:325px}
#contactInfo {float:left;margin-right:25px;width:250px}

#signup-form-bd h1 {margin-bottom:10px;font-weight:bold;}
.signup-msg {position:absolute;right:15px;bottom:15px;font-size:11px;color:#666;}

#lost-pwd-btn {cursor:pointer;font-family:arial;color:#a9a381;float:right;font-size:11px;margin-top:4px}
#lost-pwd-btn:hover {color:#ceba42}

.btns {text-align:center}
.error-msg b {color:red;}