/*====================================================================
BAINS FIREPLACES
Copyright 2009 Bains Fireplaces
Author: Neil Thorne (www.neilthorne.net)
======================================================================*/

/*====================================================================
CHECKOUT
======================================================================*/

#checkNav {width: 930px; height: 52px; margin: 8px 0;}
.checkOne {background: url(../images/menu/checkout_st1.gif) no-repeat;}
.checkTwo {background: url(../images/menu/checkout_st2.gif) no-repeat;}
.checkThree {background: url(../images/menu/checkout_st3.gif) no-repeat;}
.checkFour {background: url(../images/menu/checkout_st4.gif) no-repeat;}
.checkFive {background: url(../images/menu/checkout_st5.gif) no-repeat;}
.checkSix {background: url(../images/menu/checkout_st6.gif) no-repeat;}

/* Basket */
.checkout h2 {font-size: 2.4em; background: url(../images/base/h2trolly.gif) no-repeat 10px 10px; text-indent: 50px; margin: 5px 0 4px 0; font-weight: normal;}
.checkout h3 {font-size: 1.8em; margin: 5px 0 4px 0; font-weight: normal;}
.checkout h3.alt {border-top: 1px solid #ccc; padding: 12px 0 10px 0; margin: 0 15px;}

.checkout form#dyn {margin: 0;}

/* Basket Table */
table#basket {background: #fff; color: #333; font-weight: normal; font-size: 1.1em; line-height: 1.8em; margin: 0 10px; text-align: left;}
table#basket td.header { background: url(../images/modules/basketheading_bg.gif) repeat-x; border-bottom: 1px solid #333; padding: 0; }
table#basket h3 {padding: 0 15px; font-weight: bold; font-size: 1.1em; line-height: 28px; color: #333; margin: 0;}

table#basket td {padding: 10px 15px; vertical-align: top;}

table#basket td.item {padding-bottom: 8px; border-top: 2px solid #efefef; border-bottom: 1px solid #ccc;}
table#basket td.item img {float: left; margin-right: 15px;}
table#basket td.item h2 {background: none; font-size: 1.2em; line-height: 1.2em; padding: 0 0 4px 0; margin: 0; text-indent: 0; color: #444; font-weight: bold;}
table#basket td.item h2 a {color: #990000;}
table#basket td.item p {font-size: 1em; padding: 0; line-height: 1.1em; color: #333;}
table#basket td.item p strong {font-size: .9em;}

table#basket td.sub {background: #efefef; border: none; font-size: 1.1em; font-weight: bold; vertical-align: middle;}
table#basket td.center {text-align: center;}
table#basket td.right {text-align: right;}
table#basket td.left {text-align: left;}
table#basket td.update {padding: 10px 0;}

table#basket td strong {font-size: 1.1em; font-weight: bold;}
table#basket tr td {border-top: 2px solid #efefef; border-bottom: 1px solid #ccc;}

table#basketTotal {margin: 20px 10px 10px 10px; background: none; border: none; text-align: right;}
table#basketTotal h3 {padding: 0 15px; font-weight: normal; font-size: 2.4em; line-height: 28px; color: #333; }
table#basketTotal h3 strong {color: #990000; margin: 0 5px;  }
table#basketTotal h3 em {font-size: .6em; color: #666; letter-spacing: normal;}

/* Basket Table Form */
form table#basket input {height: auto; width: 30px; border: 1px solid #ccc; padding: 2px; margin: 0;}
form table#basket label {margin: 0 10px 0 0; text-align: left; width: auto; padding: 0;}
form table#basket select {float: left; padding: 0; margin: 0;}

form table#basket input.update {width: 71px; height: 29px; border: none; padding: 0; }
form table#basketTotal input.proceed {width: 224px; height: 29px; border: none; padding: 0; margin: 0;}

form table#basket br {clear: none;}