/* Hector Russell - BASKET / CHECKOUT - CSS */

#maincol div.basket {border-bottom: 3px solid #062A5E; padding-bottom:30px;}
#maincol div.basket h1 {text-transform: uppercase; font-size: 1.8em; font-weight: bold; color: #062A5E; margin: 0; padding: 0;}
#maincol div.basket p {line-height: 15px; padding-left: 1px; color: #062A5E; margin-top: 13px;}

div.basket div.baskettitle {width:558px; padding: 8px; background: #CDD4DF; height:16px; color:#062A5E; font-weight:bold; text-transform:uppercase; font-size:1.1em;}
div.confirmtitle {width:558px; padding: 8px; background: #CDD4DF; height:16px; color:#062A5E; font-weight:bold; text-transform:uppercase; font-size:1.1em;}

/* position indicator */
#checkoutposition {background: #062A5E; padding: 10px; overflow: hidden; width: 554px; margin-bottom: 16px; height:16px;}
#checkoutposition p {float: left; display: inline; font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin: 0 18px 0 3px; padding: 0; text-transform: uppercase;}
#checkoutposition ul {list-style-type: none;}
#checkoutposition ul li {display: inline; float: left; padding: 0 18px 0 7px; color: #90A0B7; text-transform: uppercase; font-size: 1.1em; font-weight: bold;}
#checkoutposition ul li.active {background: url(../../images/basket/arrow_bullet.gif) left center no-repeat scroll; color: #FFFFFF;}

/* fieldset */
fieldset.currency {padding: 8px; background: #CDD4DF;}
fieldset.currency label {color: #062A5E; margin-right:10px;}
fieldset.currency select {width: 105px; margin: 0 10px 0 0;}
fieldset.currency p {margin:0;}
fieldset.currency input.update {width:95px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer;}

/* basket items */
table.basket {width:574px; border:0; margin-top:20px;}
table.basket th {font-weight:bold; color:#062A5E; padding:5px; border-bottom:1px solid #062A5E; text-align:left;}
table.basket th.quantity {width:86px;}
table.basket th.description {width:294px;}
table.basket th.unitprice {width:60px;}
table.basket th.subtotal {width:94px;}
table.basket th.confirmsubtotal {width:154px;}
table.basket input {width:30px; vertical-align: middle; padding: 2px; margin-bottom:2px;}
table.basket td {font-weight:normal; color:#062A5E; padding:20px 5px 10px 5px; vertical-align:top; border-bottom:1px dotted #062A5E;}
table.basket td.last {border-bottom:0;}
table.basket td fieldset {margin:0;}
table.basket td span.product {display:block; padding:5px 0;}
table.basket td a {color: #062A5E; text-decoration: underline;}
table.basket td a:hover {text-decoration: none;}
table.basket td a.quantity {font-weight:normal; font-size:0.9em;}
table.basket td.totalprice {padding:10px 5px;}
table.basket td.discount {border:0; background-color:#F2CDD4; padding:5px; color:#BF0626; font-weight:normal; text-transform:uppercase;}
table.basket td.ordertotal {border:0;; padding:5px}
table.basket td.pandp {border:0;; padding:5px 5px 10px 5px;}

div.basket input.empty {float:left; width:95px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin-right:15px; cursor: pointer;}
div.basket input.continue {float:left; width:120px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin-right:15px; cursor: pointer;}
div.basket input.checkout {float:right; width:106px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer;}
div.basket input.amend {float:left; width:106px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer; margin:10px 0 0 5px;}

div.basket .buttonContainer {margin-top:20px}
.note {color:#062A5E;}
.note p {margin:10px 0; float:left;}
.note ul {clear:left; margin: 0; list-style-type:none;} 
.note ul li {background: url(../../images/global/bullet_transparent.gif) 0em 0.2em no-repeat scroll; display:block; margin:0; padding: 0 0 0 14px;}


/* Delivery details */
div.basket fieldset {margin:20px 0;}
div.basket fieldset.delivery label {float:left; width:150px; margin:0 10px 2px 10px; color:#062A5E; margin-top:4px;}
div.basket fieldset.delivery label.checkbox {float:left; width:350px; margin:10px 10px 2px 3px; color:#062A5E;}
div.basket fieldset.delivery input {float:left; width:180px; vertical-align: middle; padding: 2px; margin-bottom:4px;}
div.basket fieldset.delivery select.title {float:left; width: 110px; margin-bottom:4px;}
div.basket fieldset.delivery select.country {float:left; margin-bottom:4px;}
div.basket fieldset.delivery select#cCountry_ddCountry {float:left; margin-bottom:4px;}
div.basket fieldset.delivery input.alternative_address {float:left; width:auto; border:0; margin:10px 0 0 170px;}
div.basket input.back {float:left; width:55px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin:0 15px 0 10px; cursor: pointer;}
div.basket input.tnc {float:left; width:auto; border:0; margin-left:90px;}
div.basket label.tnc {float:left; margin:0px 0px 2px 3px; color:#062A5E;}
div.basket label.tnc a {font-weight:normal; color:#062A5E; text-decoration: underline;}
div.basket label.tnc a:hover {text-decoration: none;}
div.basket input.confirm {float:right; width:100px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin-right:5px; cursor: pointer;}

div.confirmdetails input.back {float:left; width:55px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin:20px 15px 0 10px; cursor: pointer;}
div.confirmdetails input.confirmproceed {float:right; width:230px; color: #FFFFFF; background: #062A5E; font-weight: bold; text-decoration: none; text-align: center; margin:20px 5px 0 0; cursor: pointer;}

div.confirmdetails div {color:#062A5E; vertical-align:top;}
div.confirmdetails div.row {width:574px; border-bottom:1px dotted #062A5E;}
div.confirmdetails div.nametitle {float:left; width:92px; padding:8px; margin-top:20px; font-weight:bold;}
div.confirmdetails div.name {float:left; width:444px; padding:8px 20px 8px 0; margin-top:20px;}
div.confirmdetails div.invoicetitle {float:left; width:92px; padding:8px; float:left; font-weight:bold;}
div.confirmdetails div.invoice {float:left; width:161px; padding:8px 10px 8px 0;}
div.confirmdetails div.deliverytitle {float:left; width:106px; padding:8px; font-weight:bold;}
div.confirmdetails div.delivery {float:left; width:161px; padding:8px 0px 8px 0;}

img.worldpaybasket {float:left; margin:0 29px 0 7px;}