/* GLOBAL: fieldsets
--------------------------------------------------------------------------- */

fieldset {
width:360px !important;
margin-bottom:15px;
border:1px solid #74B4D6;
background:url(../../images/assets/accountFieldsetBG.gif) repeat-x bottom;
}

legend {
margin-left:10px;
padding:2px 10px;
font-size:1.25em;
font-weight:bold;
border:1px solid #74B4D6;
background-color:#fff;
color:#74B4D6;
}

fieldset .inner {
margin:15px;
}

fieldset .details {
margin:15px;
}

fieldset li {
margin-top:5px;
text-transform:lowercase;
}

fieldset table {
font-size:12px;
}

fieldset a {
text-decoration:underline;
color:#000;
}
fieldset .left, fieldset .right {
min-height:120px;
font-size:.9em;
}
* html fieldset .left {
height:120px;
}
* html fieldset .right {
height:120px;
}

fieldset .left {
clear:left;
padding-left:25px;
text-transform:uppercase;
}

fieldset .right {
text-align:left;
}

fieldset .right img {
margin-top:25px;
}

fieldset textarea {
padding:5px;
width:700px;
height:50px;
border:1px solid #ccc;
}

#myaccount {
width:75% !important;
margin:10px 0px;
}

#myaccount td {
padding:2px 4px;
}

#myaccount td.heading {
font-weight:bold;
background-color:#74B4D6;
color:#fff;
}

#myaccount td.date {
}

#myaccount td.number {
text-align:center;
}

#myaccount td.status {
text-align:center;
}

#myaccount td.total {
text-align:right;
}

#myaccount td.button {
text-align:right;
}

#myaccount td.button a {
text-align:right;
}

#myaccount input {
width:200px;
}

#myaccount span input {
width:auto;
}

#myaccount select {
font-size:.9em;
}


/* GLOBAL: checkout trail
--------------------------------------------------------------------------- */

#arrows {
width:740px !important;
margin:20px 0px;
}

.checkoutBarFrom, 
.checkoutBarTo,
.checkoutBarCurrent {
padding:5px 0px;
width:25%;
height:20px;
font-size:20px;
background-color:#74B4D6;
color:#fff;
text-align:center;
}

.checkoutBarFrom {
font-weight:bold;
color:#fff;
}

.checkoutBarTo {
color:#9CCAE2;
}

.checkoutBarCurrent {
font-weight:bold;

}


/* GLOBAL: products table heading
--------------------------------------------------------------------------- */

#productListing, .productListing {
width:705px !important;
font-size:13px;
}

#productListing {
border-bottom:1px dashed #ccc;
}

#productListing .vat {
font-size:.9em;
font-weight:normal;
color:#999;
}

#productListing .productListing-heading-remove {
padding:5px 2px;
font-weight:bold;
color:#000;
border-bottom:1px dashed #ccc;
}

#productListing .productListing-heading-qty {
padding:5px 2px;
font-weight:bold;
color:#000;
border-bottom:1px dashed #ccc;
text-align:center;
}

#productListing .productListing-heading-product {
padding:5px 2px 5px 10px;
font-weight:bold;
color:#000;
border-bottom:1px dashed #ccc;
}

#productListing .productListing-heading-total-each {
padding:5px 2px;
font-weight:bold;
color:#000;
border-bottom:1px dashed #ccc;
}

#productListing .productListing-heading-total {
padding:5px 10px 5px 2px;
font-weight:bold;
color:#000;
border-bottom:1px dashed #ccc;
}


/* GLOBAL: products table items
--------------------------------------------------------------------------- */

.productListing .productListing-remove {
padding:5px 2px;
width:75px;
border-bottom:1px dashed #ccc;
}

.productListing .productListing-qty {
padding:5px 2px;
border-bottom:1px dashed #ccc;
text-align:center;
}

.productListing .productListing-qty input {
width:25px;
text-align:center;
}

.productListing .productListing-name {
padding:5px 2px 5px 10px;
border-bottom:1px dashed #ccc;
}

.productListing .productListing-price-grey {
padding:5px 2px;
color:#999;
border-bottom:1px dashed #ccc;
}

.productListing .productListing-price {
padding:5px 10px 5px 2px;
color:#cc0000;
border-bottom:1px dashed #ccc;
}

.productListing a {
color:#000;
}

.productListing a:hover {
color:#cc0000;
}


/* GLOBAL: checkout totals
--------------------------------------------------------------------------- */

#subTotal {
margin:10px 10px;
font-size:1.1em;
color:#cc0000;
text-align:right;
}

#subTotal span {
margin-left:20px;
}


/* GLOBAL: checkout buttons
--------------------------------------------------------------------------- */

.basket #updateButtons, 
.basket #checkoutButtons {
float:left; 
margin:10px 0px;
width:70px;
}

.basket #checkoutButtons {
float:right;
float:right;
width:380px;
text-align:right;
}

#checkoutButtons {
float:right;
width:380px;
text-align:right;
}

#checkoutButtons img {
margin-left:10px;
}


/* CHECKOUT: basket 
--------------------------------------------------------------------------- */

.basket {
}

.basket fieldset {
width:auto !important;
}

.basket .empty {
float:none !important;
text-align:left !important;
}

.basket .empty img {
margin-left:0px !important;
}


/* CHECKOUT: shipping
--------------------------------------------------------------------------- */

.shipping {
}

.shippingchange fieldset {
width:auto !important;
}


/* ACCOUNT: address books
--------------------------------------------------------------------------- */

#myaccount .label {
width:200px;
font-weight:bold;
}
.shipping #comments {
clear:both;
width:auto !important;
padding:10px 0px;
}

.shipping #shipping {

}

.shipping #shipping td {
padding:2px 0px;
}

.shipping #shipping .option {
width:100px;
}

.shipping #shipping .cost {
width:50px;
text-align:right;
}

.shipping #shipping .select {
width:50px;
text-align:center;
}


/* CHECKOUT: payment
--------------------------------------------------------------------------- */

.payment {
}

.payment .left, .payment .right {
width:360px !important;
}

.paymentchange fieldset {
width:auto !important;
}

.payment #checkoutButtons {
clear:both;
}


/* CHECKOUT: confirm
--------------------------------------------------------------------------- */

.confirm {
}

.confirm fieldset {
width:auto !important;
}

.confirm #subTotal {
width:695px !important;
margin:10px 0px !important;
color:#cc0000;
}

.confirm #subTotal .title {
padding:2px 0px;
text-align:right;
}

.confirm #subTotal .text {
width:75px;
padding:2px 0px;
text-align:right;
}

.confirm .left {
padding-left:0px !important;
}

.confirm .orderEdit {
color:#000;
text-transform:lowercase;
}

.confirm #comments {
clear:both;
padding:10px 0px;
}

.confirm #comments .uppercase {
border-bottom:1px dashed #ccc;
padding-bottom:10px;
margin-bottom:10px;
}

.confirm #checkoutButtons a {
color:#000;
}


/* CHECKOUT: complete
--------------------------------------------------------------------------- */

.success {
}

.success h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.success p {
margin:8px 0px;
font-size:14px;
}

.success p a {
font-weight:bold;
color:#000;
}