/* basic configuration */
label,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,tr,td,thead,tbody,tfoot,div {margin: 0; padding: 0}
label,li,pre,body,p,blockquote,input,select,textarea,td,div {font-family: verdana; font-size: 12px}

table {border-spacing: 0px}
a img,:link img,:visited img {border: none}
a {color: #000; text-decoration: none}
a:hover {text-decoration: underline}

body {background-color: white}

/* utils */
.clear {clear:both; font-size:1px; line-height:0px}
.center {text-align:center; 	display:table; 	margin-left:auto; 	margin-right:auto}
.max-height {height: 100%}
.left {float:left}
.right {float:right}
.txt-l {text-align: left}
.txt-r {text-align: right}
.txt-c {text-align: center}
.txt-j {text-align: justify}


/* cursor */
.cursor-rolloff{cursor: default}
.cursor-rollon{cursor:hand; cursor:pointer}
.cursor-hand{cursor:hand; cursor:pointer}
.cursor-cross{cursor:crosshair}
.cursor-draggable{cursor:move}
  
/* default width an heights */
.w-xxs {width: 10px}
.w-xs {width: 30px}
.w-s {width: 80px}
.w-m {width: 150px}
.w-l {width: 350px}
.w-xl {width: 500px}
.w-xxl {width: 650px}
.w-all {width: 100%}
.h-xxs {height: 12px}
.h-xs {height: 30px}
.h-s {height: 70px}
.h-m {height: 150px}
.h-l {height: 300px}
.h-l {height: 450px}
.h-xl {height: 600}
.h-all {height: 100%}


/* page styles */

#content {width: 740px}

h1 {margin: 20px 0px 30px 0px; font-weight: bold; font-size: 18px; font-family: arial; color: #999999}

ul.form-errors  {margin: 20px 10px 10px 10px; list-style-position: inside}
ul.form-errors  li{list-style-type: none; margin-left: 30px; color: #B71A94; font-size: 12px}

/* checkout common styles */
#checkout h3 {background:transparent url(/images/stars.gif) no-repeat scroll 0 3px; color:#999999; font-size:14px; margin:13px 0px; padding-left:30px}
#checkout h3 a {color:#999999; font-size:14px}


#checkout a.button {display: inline-block; background-color:white; border:1px solid #53413D; padding: 5px 7px; text-decoration:none; font-size: 11px; font-weight: bold; color: #53413D}

#checkout p {margin: 10px 0}
#checkout ul {margin: 0}


/* checkout/display styles */
#checkout .undeliverable {margin-top: 15px; font-size: 12px; color: #53413D}

#checkout table.basket {width: 100%; margin-top: 20px; border-collapse: collapse}
#checkout table.basket thead tr td {border: 1px solid #999}
#checkout table.basket thead tr td {font-weight:bold; background-color: #eee; white-space: nowrap; text-align: center; font-size: 11px}
#checkout table.basket thead tr td.small {width: 130px}
#checkout table.basket thead tr td.medium {width: 100px}
#checkout table.basket td {height: 30px; vertical-align: middle; padding: 3px; font-size: 11px}

#checkout table.basket tbody.products {background-color: white}
#checkout table.basket tbody.products td {border: 1px solid #999; text-align: center}
#checkout table.basket tbody.products td.name {text-align: left}
#checkout table.basket tbody.products input.checkout-quantity {width: 20px}

#checkout table.basket tbody.total {background-color: #eee; border: 1px solid #eee}
#checkout table.basket tbody.total td {text-align: center}
#checkout table.basket tbody.total td.label {text-align: right}
#checkout table.basket tbody.total select {width: 110px; font-size: 10px}
#checkout table.basket tbody.total input.checkout-update {font-size: 10px}

#checkout div.basket-actions {margin: 25px 0px; text-align: center}
#checkout div.basket-actions a {margin: 0px 15px}
#checkout div.basket-actions a.checkout-continue-shopping {}


#checkout div.logo-cb {text-align: center}


/* checkout/client styles */
table.checkout-client {width: 100%}
table.checkout-client td {vertical-align: top; width: 50%;}

table.checkout-client fieldset, table.checkout-client fieldset ol, table.checkout-client fieldset ul, table.checkout-client fieldset, li
  {margin: 0; padding: 0; border: none}

  table.checkout-client td fieldset {width: 80%; margin: 0 auto}
table.checkout-client fieldset ol li {list-style-type: none; margin-bottom: 10px}
table.checkout-client fieldset ol li label {display: inline-block; vertical-align: top; width: 100px; font-size: 12px; font-weight: bold}

table.checkout-client input,
table.checkout-client textarea,
table.checkout-client select
 {width: 170px; border: 1px solid #A5B880; font-size: 12px}

table.checkout-client fieldset ol li textarea {height: 50px}

table.checkout-client p textarea {width: 80%; height: 50px;}

table.checkout-client input.gift-packing,
table.checkout-client input.different-delivery-address,
table.checkout-client input.newsletter {width: auto}
table.checkout-client input.terms-and-conditions {width: auto}

table.checkout-client .terms-and-conditions a {text-decoration: underline}


table.checkout-client p.different-delivery-address {display: block; width: 80%; margin: 0 auto 20px; text-align: center}
table.checkout-client p.different-delivery-address input {width: auto}
table.checkout-client p.different-delivery-address label {font-size: 12px}


/* checkout/payment */
.checkout-payment table.addresses {width: 100%; margin-top: 20px}
.checkout-payment table.addresses td {width: 50%; vertical-align: top}
.checkout-payment table.addresses td p {font-size: bold}

.checkout-payment .payment-methods {margin-top: 20px}
.checkout-payment .payment-methods .method {margin-bottom: 40px; text-align: center}
.checkout-payment .payment-methods .method img.logo {display: block; margin: 0 auto; margin-top: 20px}


.checkout-payment .payment-methods .method form input {background-color:white; border:1px solid #53413D; color:#53413D; font-family:arial; font-size:12px; font-weight:bold; padding:3px}
.checkout-payment .payment-methods .method form input:hover {cursor: pointer}

/* basket footer */
.basket-footer a {color:  #999; text-decoration: underline}