/* checkout Sign in */

/*resize page */
#contentLeft.wide {left:98px; width:769px;top:25px;}

.hidden { display:none!important; }
.pad10 { height:10px; }
.checkoutItem #contactAddress { margin-left:6px; }
#basket{ border-right:1px solid #ece9e8; border-bottom:1px solid #ece9e8; background-color:#f9f9f9 }
#basket table{ display:inline; width:541px; border-collapse:collapse; color:#706669; }
#basket table table{ display:inline; width:308px; border-collapse:collapse; color:#706669; }
#checkout #basket{ width:681px; }
#checkout #basket table{ width:681px; }

#basket table th{ text-align:center; color:#fff; height:28px; line-height:28px;  background:#f9f9f9 url(../img/basket/bgTH.gif) 0px 0px repeat-x; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; }

#basket table th.qty{width:37px; border-left:2px solid #dfdfdf; }
#basket table th.code{width:74px;}
#basket table th.description{width:227px;}
#basket table th.price{width:73px;}
#basket table th.total{width:74px;}

#basket th span{ display:block; height:29px; line-height:29px; font-size:10px; background:url(../img/basket/thDivide.gif) right no-repeat;}
#basket th.remove span{ background:none; }

#checkout #basket table th.qty{width:55px; }
#checkout #basket table th.code{width:74px;}
#checkout #basket table th.description{width:395px;}
#checkout #basket table th.total{width:84px;}

#checkout #basket th.total span{ display:block; height:29px; line-height:29px; font-size:10px; background:none; }

#basket table th.remove{width:52px; border-right:2px solid #dfdfdf; }
#basket table tr.basketProduct input{ text-align:center; margin:0; padding:2px; width:16px; border: 1px solid #cacaca;}
#basket table tr.basketProduct td{ padding:0px 0; border-right:1px solid #d4d4d4; height:66px; border-left:1px solid #fff; }
#basket table tr.basketProduct td.qty{ width:37px; text-align:center; background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; }
#basket table tr.basketProduct td.code{ text-align:center; background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; }
#basket table tr.basketProduct td.description{ width:227px; background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; }
#basket table tr.basketProduct td.description img{ float:left; display:inline; margin:8px 6px 4px 5px;}
#basket table tr.basketProduct td.description p{ padding-top:4px; padding-right:2px;}
#basket table tr.basketProduct td.description p span{ font-size:10px; }
#basket table tr.basketProduct td.description a{ text-decoration:none;}
#basket table tr.basketProduct td.description a:hover{text-decoration:underline;}
#basket table tr.basketProduct td.price{ background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; text-align:center; }
#basket table tr.basketProduct td.total{background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; text-align:center; color:#3b5e98; font-weight:bold; }
#basket table tr.basketProduct td.remove{background:url(../img/basket/basketRowBg.gif) bottom left repeat-x; text-align:center; border-right:0px;}

.tradeBasketMessage { color:#8d4259; text-align:center; font-weight:bold; margin-top:10px;}

/*#basket table tr.basketTotal td{ width:541px; height:37px; background:url(../img/basket/totalBg.gif) top left no-repeat; text-align:right; padding:0; }*/
#basket table table tr.basketTotal { width:308px; height:21px; text-align:right; padding:0px; }
#basket table table tr.basketTotal td.subTotal{color:#FFFFFF; text-align:right; font-size:11px; font-weight: bold; width:140px; background:url(../img/basket/totalRow.gif) top right;}
#basket table table tr.basketTotal td.subTotalLabel{color:#FFFFFF; text-align:right; font-size:11px; font-weight: bold; width:165px; background:url(../img/basket/totalRow.gif) top left;}
#basket table table tr.basketTotal td.subTotal span{font-size:11px; color:#FFFFFF; font-weight: bold; padding-right:60px; }
.deliveryImage { position:absolute; width:233px; height:85px; left:0px; top:0px; z-index:1;}
.deliveryImageLabel { position:absolute; width:233px; height:20px; left:0px; top:15px; font-size:11px; font-weight:bold; text-align:center; color:#586A7C; z-index:2; } 
.deliveryImageWrapper, .tradeImageWrapper, .tradeAddImageWrapper { position:relative; width:233px; height:85px; left:0px; top:0px; display:block; } 
.tradeImageWrapper { background-color:#2e3d4b; height:84px; display:none; }
.tradeImageLabel { position:absolute; width:160px; height:20px; right:0px; top:15px; text-align:left; }
.tradeImageLabel h2 { font-size:15px; font-weight:bold; color:#ffffff; text-decoration:underline; }
.tradeImageLabel p { color:#ffffff; margin-top:5px; }
.tradeImageLabel a { color:#ffffff; text-decoration:none; }
.tradeImageLabel a:hover { text-decoration:underline; }

.tradeAddImageWrapper { background-color:#cac3d1; height:84px; display:block; }
.tradeAddImageWrapper select { width:135px; margin-bottom:5px; }

#checkout #basket tr.basketSubTotals td { background:#e6e6e6 url(../img/checkout/backgrounds/totalsBg.gif) bottom right no-repeat; text-align:right; height:25px; padding-right:16px; border-right:1px solid #d4d4d4; }
#checkout #basket tr.first td{border-top:1px solid #fff;}
#checkout #basket table tr.basketSubTotals td.subTotal{padding-right:0px; text-align: center; }
#checkout #basket table tr.basketTotal2 td{ height:38px; border-top:1px solid #f9f9f9; text-align:right; padding-right:16px; font-weight: bold; font-size:12px; }
#checkout #basket table tr.basketTotal2 td.total{color:#3b5e98; text-align:right; font-size:12px; font-weight: bold;}

/* extra bits for collapsing basket */
#checkout #basket table.totals td.text{ width:605px; }
.collapseBasket{ display:block; position:absolute; width:128px; text-align:center; line-height:1.1; right:5px; top:-21px; font-size:11px; color:#89173b;
background:url(../img/buttons/colBasket.png) 3px 1px no-repeat; }
.collapseBasket:hover{ text-decoration:none; }
.collapse{ background-position:3px -12px; }
.expand{ background-position:3px 1px; }

.basketThawte{padding:10px 0;text-align:center; }

#signInCheckout{ position:relative; width:749px; background:url(../img/checkout/backgrounds/signInBg.gif) top left no-repeat; }
#signInCheckout #returnCust{ position:relative; margin-top:68px; float:left; left:21px; width:339px; background:url(../img/checkout/backgrounds/returnCustBg.jpg) top left no-repeat; height:233px; }
#signInCheckout #returnCust h2, #signInCheckout #newCust h2{ position: absolute; top:59px; left:14px; color:#873951; background:transparent;   }
#signInCheckout #returnCust p, #signInCheckout #newCust p{ position:absolute; top:77px; left:14px; width:209px; line-height:14px; }
#signInCheckout #returnCust #returnCustForm{position:absolute; top:139px; left:14px;}
#signInCheckout #returnCust #returnCustForm .errorMsg{left:0px; top:-15px; width:300px;}
#signInCheckout #returnCust #returnCustForm label{  font-weight:bold; color:#706669; display:block; position:relative; }
#signInCheckout #returnCust #returnCustForm label span{ font-weight:normal; color:#873951; }
#signInCheckout #returnCust #returnCustForm label span.hint{ position:absolute; left:0px; bottom:-7px; }
#signInCheckout #returnCust #returnCustForm label span.hint a{ color:#706669; font-size:9px; }
#signInCheckout #returnCust #returnCustForm input{ width:181px; border:1px solid #cacaca; padding:2px; margin-bottom:8px; }
#signInCheckout #newCust{ position:relative; margin:68px 0 25px; float:left; left:51px; width:339px; background:url(../img/checkout/backgrounds/newCustBg.jpg) top left no-repeat; height:233px; }
#signInCheckout #newCust h2{ color:#9daac4; background:transparent;   }
#signInCheckout #signInText{ left:0px; width:700px; margin:0 21px 0 28px; }
#signInCheckout #signInText h2{ color:#706669; background:#fff; margin-bottom:6px; }
#signInCheckout #signInText p{ line-height:16px; margin-bottom:21px; }
#signInCheckout #signInText p a{ color:#873951; background:#fff; }
#signInCheckout .errorMessages { position:absolute; right:0; top:0; }

#signInCheckout #thawteLogo{ position:relative; clear:both; left:78px; width:580px; height:96px; background:url(../img/checkout/backgrounds/thawteBg.jpg) top left no-repeat; margin-bottom:10px;}
#signInCheckout #thawteLogo img{ margin:24px 0 0 100px; }

/* account sign in */
#signInAccount{ position:relative; width:749px; height: 360px; background:url(../img/account/backgrounds/signInBg.gif) top left no-repeat; }
#signInAccount #returnCust{ position:absolute; top:68px; left:21px; width:339px; background:url(../img/checkout/backgrounds/returnCustBg.jpg) top left no-repeat; height:233px; }
#signInAccount #returnCust h2, #signInAccount #newCust h2{ position: absolute; top:59px; left:14px; color:#873951; background:transparent;   }
#signInAccount #returnCust p, #signInAccount #newCust p{ position:absolute; top:77px; left:14px; width:209px; line-height:14px; }
#signInAccount #returnCust #returnCustForm{position:absolute; top:139px; left:14px;}
#signInAccount #returnCust #returnCustForm .errorMsg{left:0px; top:-15px; width:300px;}
#signInAccount #returnCust #returnCustForm label, .tradeLogin label {  font-weight:bold; color:#706669; display:block; position:relative;}
#signInAccount #returnCust #returnCustForm label span, .tradeLogin label span { font-weight:normal; color:#873951; }
#signInAccount #returnCust #returnCustForm label span.hint, .tradeLogin label span.hint { padding-left:14px; }
#signInAccount #returnCust #returnCustForm label span.hint a, .tradeLogin label span.hint a { color:#706669; font-size:9px; }
#signInAccount #returnCust #returnCustForm input, .tradeLogin input { width:181px; border: 1px solid #cacaca; padding:2px; margin-bottom:8px; }
#signInAccount #newCust{ position:absolute; top:68px; left:393px; width:339px; background:url(../img/checkout/backgrounds/newCustBg.jpg) top left no-repeat; height:233px; }
#signInAccount #newCust h2{ color:#9daac4; background:transparent;   }
#signInAccount #newCust ul{ position:absolute; top:105px; left:21px; width:228px; } 
#signInAccount #newCust ul li{ display:block; height:23px; padding:6px 0 0 33px; font-weight:bold; color:#9daac4; background:url(../img/account/check.gif) top left no-repeat; }
#signInAccount #thawteLogo{ position:absolute; left:0px; top:339px; }
#signInAccount #signInText{ position:absolute; top:453px; left:0px; width:700px; margin:0 21px 0 28px; }
#signInAccount #signInText h2{ color:#706669; background:#fff; margin-bottom:6px; }
#signInAccount #signInText p{ line-height:16px; margin-bottom:21px; }
#signInAccount #signInText p a{ color:#873951; background:#fff; }

/* trade account panel */
.tradeAccountSignIn{ position:absolute;top:400px; width:749px; height: 180px; background:url(../img/account/backgrounds/signInBg.gif) top left no-repeat; }
#signInAccount #thawteLogo{ position:absolute; top:338px; left:78px; width:580px; height:25px; background:url(../img/checkout/backgrounds/thawteBg.jpg) top left no-repeat; }
#signInAccount #thawteLogo img{ margin:24px 0 0 100px; }
div.h1 { color:#fff; background: url(../img/headings/headingPurple.jpg) top right; height:22px; line-height:19px; margin-bottom:10px;  }
div.h1 span { padding:0 0 0 25px; background:url(../img/icons/arrows.gif) no-repeat 5px -22px; font-weight:bold; }

.tradeLogin { background:url(../img/account/trade/tradeLogin_bg.gif) repeat-x; width:712px; height:193px; clear:both; position:relative; margin:-31px auto 20px auto; }
.tradeLogin span.corner { width:15px; height:193px; position:absolute; top:0; }
.tradeLogin span.left { background:url(../img/account/trade/tradeLogin_left.gif) no-repeat; left:0; }
.tradeLogin span.right { background:url(../img/account/trade/tradeLogin_right.gif) no-repeat; right:0; width:16px; }
.tradeLogin span.text { background:url(../img/account/trade/headerText.gif) no-repeat; width:117px; height:14px; margin:0 auto; display:block; position:relative; top:6px; }
.tradeLogin div.left, .tradeLogin div.middle { width:174px; height:131px; float:left; margin-top:16px; padding:30px 0 0 30px; }
.tradeLogin div.left h2 { color:#4e425a; }
.tradeLogin div.left p { width:150px; }
.tradeLogin div.middle { padding-left:0; width:204px; }
.tradeLogin div.right { padding:10px 0 0 5px; width:299px; float:right; margin-top:16px; }
.tradeApply { display:block; padding:70px 0 0 29px; width:270px; height:60px; background:url(../img/account/trade/tradeApply.jpg) no-repeat; color:#ffffff; text-decoration:none; font-size:13px; font-weight:bold; }
.tradeApply:hover { text-decoration:none; }
.tradeApply span { text-decoration:underline; font-size:inherit; }
.tradeLogin div.checkoutReturnCust { top:155px; left:205px; cursor:pointer; }

#signInCheckout .tradeLogin { margin:0 auto 0; }

/* account and checkout delivery */
/*************************************************** SHARED CHECKOUT/ACC ***********************************************************/
.checkoutField{clear:both;float:left; display:inline; position:relative; width:673px;padding:3px 0; margin:0 0 4px 0; color:#666; font-size:10px; line-height:17px;}
.checkoutField label{display:block;float:left; display:inline; font-size:11px;color:#666;font-weight: bold; text-align:right;width:165px; padding:0px 0 0 0}
.checkoutField label span, .checkoutField label em{ color:#267ac3; font-weight:normal; }
.checkoutField input{display:block;float:left; display:inline; width:200px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666;}
.checkoutField select{display:block;float:left; display:inline; width:206px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px; color:#666;}
.checkoutField a{color:#666; text-decoration:none;}
.checkoutField a:hover{text-decoration:underline;}
.accountItem fieldset .checkoutField p{clear:both; font-size:10px;margin:0 0 0 180px; padding:0; width:320px;}
.checkoutItem fieldset .checkoutField p{clear:both; font-size:10px;margin:0 0 0 180px; padding:0; width:320px;}
.accountRadio {padding-left:170px;}
.accountRadio label{ color:#666 ;font-weight: bold; text-align:left;margin:0 0 0 5px; padding-right:5px;}
.accountRadio input{margin-left:15px; }

input.postcode{width:75px;}
input.cardCode{width:40px; margin:0 5px 0 15px;}
select.cardDate{width:45px; margin:0 5px 0 15px;}
select.cardType{ width:85px; }
select.cardType option{ color:#6580ad; }

.checkoutField .cardimg {display:inline;float:left;height:18px;margin-left:15px;width:28px;}

.accDivider{height:2px;background: url(../img/dotsHorizOrange.gif) repeat-x bottom; margin:0 0 15px 0;}

/**** ERROR ROW ****/
.fieldError{background:#ced7e5; font-size:11px;}
.fieldError input, .fieldError select{border:1px solid #3b5e98;}
.errorMsg{position:absolute; left:395px; top:5px;padding:0 0 0 20px; color:#3b5e98;font-weight: bold;background: url(../img/icons/iconError.gif) no-repeat left;}

.accCreditCards{text-align:center; padding:5px 0 0px 0;}
.checkoutButtons{ height:30px; width:680px; margin:0px; padding:0; }
.checkoutLast{ position:relative; }

/************ NEW ACCOUNT STYLES ************/
#accountPage { position:relative; padding-top:54px; background:url(../img/account/backgrounds/accountGenericBg.gif) no-repeat left top;}
.accountHeader {position:absolute; top:11px; left:27px; height:29px; display:block; background:url(../img/account/accountHeaderSprite.gif) no-repeat;}
.accountHeader.tab1 {background-position: left 0; width:182px;}
.accountHeader.tab2 {background-position: left -29px; width:194px;}
.accountHeader.tab3 {background-position: left -58px; width:86px;}
.accountHeader.tab4 {background-position: left -87px; width:158px;}
.accountHeader.tab5 {background-position: left -116px; width:244px;}

.navTabs {position: absolute; top:20px; right:23px; height:29px; z-index: 10;}
.navTabs ul {list-style: none;}
.navTabs ul li {float:right; display:block; height: 29px; margin-right: 2px;}
.navTabs ul li a {float:left; display:block; background: url(../img/account/tabsL.gif) no-repeat; font-size:11px; text-decoration: none; line-height:14px;}
.navTabs ul li a.tab1 {background-position: left 0;}
.navTabs ul li a.tab1:hover, .navTabs ul li.active a.tab1 {background-position: left -29px;}
.navTabs ul li a.tab2 {background-position: left -58px;}
.navTabs ul li a.tab2:hover, .navTabs ul li.active a.tab2 {background-position: left -87px;}
.navTabs ul li a.tab3 {background-position: left -116px;}
.navTabs ul li a.tab3:hover, .navTabs ul li.active a.tab3 {background-position: left -145px;}
.navTabs ul li a.tab4 {background-position: left -174px;}
.navTabs ul li a.tab4:hover, .navTabs ul li.active a.tab4 {background-position: left -203px;}
.navTabs ul li a strong {float: left; display:block; background: url(../img/account/tabsR.gif) no-repeat right top; color: #424242; font-size:11px; font-weight: normal; height: 21px; padding:8px 10px 0 15px; cursor:pointer; text-indent:12px;}
.navTabs ul li a:hover strong, .navTabs ul li.active a strong {background-position: right bottom; color: #fff; text-decoration: none; height: 23px; padding:6px 10px 0 15px;}

#accountPage .subNav {position:relative; width:750px; height:24px; margin-top:-5px; background: url(../img/account/subNavBg.gif) repeat-y left top;}
#accountPage .subNav ul {position: absolute; top:2px; right:5px; height:20px;list-style: none;}
#accountPage .subNav ul li {float: right; display:block; height: 20px; padding: 0 5px 0 7px; background: url(../img/account/subNavSep.gif) no-repeat left top;}
#accountPage .subNav ul li.noSep {background:none;}
#accountPage .subNav ul li a {float: left; display:block; color: #fff; font-size:11px; font-weight: bold; text-decoration: none; height: 20px; line-height:18px;}
#accountPage .subNav ul li a:hover, #accountPage .subNav ul li a.active {background: url(../img/account/subNavL.gif) no-repeat left top; text-decoration: none;}
#accountPage .subNav ul li a strong {float: left; display:block; color: #fff; height: 20px; line-height:18px; padding:0 9px 0 10px; cursor:pointer;}
#accountPage .subNav ul li a:hover strong, #accountPage .subNav ul li a.active strong {background: url(../img/account/subNavR.gif) no-repeat right top;}

#accountPage .infoBar { position:relative; width:746px; /*height:59px;*/ background:#e8e8e8 url(../img/account/infoBar.gif) no-repeat; margin:0 auto 15px auto; padding:10px 0 5px 0;}
#accountPage .infoBar .spacer {float:left; display:inline; width:40px; height:40px;}
#accountPage .infoBar p {float:right; display:inline; width:510px; font-size:10px; margin-bottom:5px; margin-right:160px;}
#accountPage .infoBar p strong {color:#666; font-size:10px;}
#accountPage .infoBar p span, #accountPage .infoBar p a {font-size:10px;}

.logoutButton {position: absolute; top: -29px; left: 700px;}
.logoutButton a {color:#ffffff;}
.welcomeBackUser {padding:0px 25px 10px;}

.accountContainer {position:relative; left:22px; width:726px;} 
.accountContainer h2, .accountContainer h3, .accountContainer h4{ color:#fff; background: url(../img/account/backgrounds/subHead.gif) top left no-repeat; height:27px; line-height:19px; margin-bottom:1px;  }
.accountContainer h2 span, .accountContainer h3 span, .accountContainer h4 span { padding:7px 0 0 15px; }

.accountItem{ position:relative; background:url(../img/account/backgrounds/contentBg.gif) top left repeat-x; border-right:1px solid #ece9e8; border-bottom:1px solid #ece9e8; width:699px; padding-top:10px;}
.tradeAccountItem { position:relative; background:none; background-color:#e8e8e8; width:699px; margin-top:1px; }
.accountItem p{ margin-bottom:8px; width:670px; padding:0 15px; }
.tradeAccountItem p { font-size:14px; font-weight:bold; display:block; background:url(../img/account/trade/createQuote.gif) no-repeat 0 0; height:38px; padding:20px 0 0 60px; font-size:14px; width:300px; margin:0 auto;}
.tradeAccountItem p a { font-size:14px; margin-right:5px; font-weight:bold; }
#accountCreated{ padding:69px 0 0 24px; background:url(../img/account/backgrounds/accountCreatedBg.gif) top left no-repeat; }

#accountThanks{ position:relative; width:700px; height:97px; background:url(../img/account/backgrounds/thankYouBg.gif) top left no-repeat; }
#accountThanks h2{position:absolute; top:78px; left:0px; width:100%; text-align:center; color:#fff;}

#accountCreated #productIdeas{ width:542px; margin:55px auto 0 auto; }

.fraudWarning{ border:1px solid #ced7e5; background: #fff; color:#287bc3; margin:0 16px 25px 0; }
.fraudWarning p{ width:90%; margin:7px 11px; color:#287bc3; background:#fff; }

.tradeAccountContainer h2 { text-indent:15px; }
.tradeAccountContainer p { width:510px; margin-bottom:10px; padding-left:20px; }
.tradeAccountContainer span.blue { color:#267ac3; font-weight:bold; background:none; margin-right:3px; height:inherit; }
.tradeAccountContainer .divider { background:url(../img/account/backgrounds/tradeDivider.gif) no-repeat; width:676px; height:3px; margin-bottom:20px; }
.tradeLabel { display:block; width:170px; text-align:right; color:#666666; font-weight:bold; float:left; margin-right:5px; }
#ctl00_ContentLeftPlaceHolder_CompanyName { width:200px; }
#ctl00_ContentLeftPlaceHolder_RegistrationNo, #ctl00_ContentLeftPlaceHolder_DateOfBirth { width:75px; }
#ctl00_ContentLeftPlaceHolder_TradingYears, #ctl00_ContentLeftPlaceHolder_AddressYears { width:25px; text-align:center; }
.tradeAccountContainer input { float:left; display:block; width:200px; }
.tradeAccountContainer textarea { width:200px; }
.tradeAccountContainer select { width:204px; }
.checkAccountField { width:680px; padding-left:20px; clear:both; margin-bottom:12px; }
.radioLabel { float:left; color:#666666; font-weight:bold; }
.radioLabel input { margin:0 10px 0 25px; width:13px;}
.tradeAccountContainer input.normalRadio { width:13px; margin:0 20px 0 40px; }
.radioField { margin-bottom:6px; }

/*** QUOTES ***/
.quoteStepsContainer {position:relative; width:700px; background:url(../img/account/quotes/stepsContainerTop.gif) repeat-x left top;}
.quoteStepsContainer .background {width:700px; background:url(../img/account/quotes/stepsContainerBottom.gif) repeat-x left bottom;}

.quoteStepsContainer .step {position:relative; width:700px; height:84px; background:url(../img/account/quotes/stepsSprite.gif) no-repeat;}
.quoteStepsContainer .step.one {background-position:left 0;}
.quoteStepsContainer .step.two {background-position:left -84px;}
.quoteStepsContainer .step.three {background-position:left -168px;}

.quoteStepsContainer .quoteForm {position:relative; width:645px; border: 1px solid #56697d; margin:0 auto 10px auto; background-color:#d2d4d7;}
.quoteStepsContainer .quoteForm fieldset {padding: 12px;}
.quoteStepsContainer .quoteForm legend {display:none;}
.quoteStepsContainer .quoteForm .leftSide {float:left; display:inline; width:358px; margin-right:15px;}
.quoteStepsContainer .quoteForm .rightSide {float:left; display:inline; width:245px;}
.quoteStepsContainer .quoteForm .inputField {position:relative; width:100%; margin-bottom:5px; clear:both; float:left; display:inline;}
.quoteStepsContainer .quoteForm .inputField label {float:left; display:inline; width:131px; color:#424242; font-size:12px; font-weight:bold; padding-top:2px;}
.quoteStepsContainer .quoteForm .inputField label em {color:#8d4259; font-style:normal;}
.quoteStepsContainer .quoteForm .inputField input {float:left; display:inline; width:200px; color:#424242; font-size:11px; font-weight:normal; border:1px solid #b2b6bc; padding:2px 2px 2px 4px;}
.quoteStepsContainer .quoteForm .inputField input {float:left; display:inline;}
.quoteStepsContainer .quoteForm .rightSide .inputField label {width:106px;}
.quoteStepsContainer .quoteForm .rightSide .inputField input {width:60px; margin-right:5px;}
.quoteStepsContainer .quoteForm .rightSide .inputField.rebate label {width:auto;}
.quoteStepsContainer .quoteForm .rightSide .inputField.rebate input {width:15px; height:15px; border:none; margin-left:10px; color:#21a121; padding:0;}
.quoteStepsContainer .quoteForm .inputField.fieldError {background:none;}
.quoteStepsContainer .quoteForm .inputField.fieldError label {color:#8d4259;}
.quoteStepsContainer .quoteForm .inputField .errorIcon {position:absolute; top:3px; right:0; width:14px; height:13px; display:block; background:url(../img/icons/iconErrorTrans.gif) no-repeat;}
.quoteStepsContainer p.required {color:#8d4259; float:right; display:inline; margin:0 26px 20px 0;}
.quoteStepsContainer .quoteStepsBottom {position:relative; width:700px; height:75px; background:url(../img/account/quotes/buttonContainerBg.gif) repeat-x left bottom; text-align:center;}

.quoteStepsContainer .addProducts {position:relative; width:700px; background:url(../img/account/quotes/horizDash.gif) repeat-x left top; margin-bottom:20px;}
.quoteStepsContainer .addProducts .top {width:700px; background:url(../img/account/quotes/horizDash.gif) repeat-x left bottom; padding:1px 0;}
.quoteStepsContainer .addProducts .bottom {width:700px; background:#5b6d7f url(../img/account/quotes/addProductsBg.gif) repeat-x left top; padding:25px 0;}
.quoteStepsContainer .addProducts .leftSide {float:left; display:inline; width:165px; margin:0 17px 0 25px; padding-top:5px;}
.quoteStepsContainer .addProducts .rightSide {float:left; display:inline; width:464px; background-color:#c2ccd6; border: 1px solid #56697d; padding:10px 0 4px 0;}
.quoteStepsContainer .addProducts h3 {color:#fff; font-size:16px; font-weight:bold; margin-bottom:13px; background:none; height:auto;}
.quoteStepsContainer .addProducts .infoIcon {background:url(../img/account/quotes/addProductsInfoIcon.gif) no-repeat; width:46px; height:41px; float:left; display:block; margin-right:8px;}
.quoteStepsContainer .addProducts p {color:#fff; font-size:11px; font-weight:normal; line-height:16px; margin:0;}
.quoteStepsContainer .addProducts ul {list-style:none; font-size:11px; margin-left:15px; padding-bottom:1px;}
.quoteStepsContainer .addProducts ul li {float:left; display:inline; width:209px; background:url(../img/account/quotes/addProductsSep.gif) no-repeat left bottom; padding-bottom:4px; margin:0 13px 2px 0;}
.quoteStepsContainer .addProducts ul li.noBg {background:none;}
.quoteStepsContainer .addProducts ul li a {width:209px; height:17px; background:url(../img/account/quotes/addProductsRollover.gif) no-repeat left 0; text-indent:25px; line-height:14px; color:#56697d; font-size:11px; font-weight:normal; text-decoration:none; display:block;}
.quoteStepsContainer .addProducts ul li a:hover {background:url(../img/account/quotes/addProductsRollover.gif) no-repeat left -17px; text-decoration:none; color:#fff;}

/*************** QUOTES TABLE ***************/
.quotesTableContainer {position:relative; width:699px; background:url(../img/account/quotes/horizDash.gif) repeat-x left top;}
.quotesTableContainer .top {width:700px; background:url(../img/account/quotes/horizDash.gif) repeat-x left bottom; padding:1px 0;}
.quotesTableContainer .bottom {width:700px; background-color:#e2e3e4; padding:25px 0 45px;}

#quotesTable {position: relative; width: 646px; margin: 0 auto; background:#fff url(../img/account/quotes/tableHeadBg.gif) repeat-x left top;}
#quotesTable table {color: #706669; width: 646px; border-collapse: collapse; font-family: Tahoma, Arial, Verdana;}
#quotesTable a, #quotesTable a:link, #quotesTable a:active, #quotesTable a:visited {text-decoration: none; font-family: Tahoma, Arial, Verdana; color:#706669; font-weight:normal; text-decoration:none;}
#quotesTable a:hover {text-decoration: underline;}

#quotesTable table th {font-size: 11px; font-weight: bold; height:32px; color:#fff; line-height:28px; vertical-align: top; text-align: center;}
#quotesTable table th div.headSep {background: url(../img/account/quotes/tableHeadSep.gif) no-repeat left top; height:32px; line-height:28px;}
#quotesTable table th div.headSep.double {line-height:12px; padding-top:1px; height:31px;}

/*** GENERAL ***/
#quotesTable table td {font-size: 11px; font-weight: normal; text-align: center; padding: 8px 0 15px 0; background: url(../img/account/quotes/tableCellBg.gif) no-repeat left bottom; vertical-align: middle;}
#quotesTable table td.qty {width: 38px; background-position: -2px bottom;}
#quotesTable table td.qty input {padding:2px; width:20px; border:1px solid #cacaca; text-align: center;}
#quotesTable table td.code {width: 74px;}
#quotesTable table td.image {width:56px;}
#quotesTable table td.description {text-align: left; padding-right: 10px; background-position: -2px bottom; font-size: 11px;}
#quotesTable table td.description a {color: #706669;}
#quotesTable table td.description p {font-weight:normal; font-size: 10px; margin-top:5px;}
#quotesTable table td.unitPrice {width: 62px;}
#quotesTable table td.discount {width: 64px; color:#89173b;}
#quotesTable table td.totalPrice {width:64px; color: #3b5e98; font-weight: bold;}
#quotesTable table td.rebate {width:56px; color: #3b5e98;}
#quotesTable table td.remove {width:56px;}

.quoteTableFooter { background:url(../img/account/trade/tableFooterSlice.gif) repeat-x; height:49px; width:699px; position:relative; }
.quoteTableFooter select { float:right; margin-top:14px; }
.quoteTableFooter select.last { margin-right:13px; }
.quoteTableFooter .filterLabel { float:right; color:#666666; margin:16px 10px;}


/*** TOTALS ***/
#quotesTable table.totals {color: #fff; width: 646px; border-collapse: collapse; background:#2e3d4b url(../img/account/quotes/tableFootBg.gif) repeat-x left top;}
#quotesTable table.totals td {font-size: 11px; font-weight: normal; background: url(../img/account/quotes/tableFootCellBg.gif) no-repeat left bottom; padding: 0; vertical-align: middle;}
#quotesTable table.totals td.tradeTotals {background:#4e1f31 url(../img/account/quotes/tableFootCellBgRed.gif) repeat-x left top; line-height:20px; padding:0 20px; text-align:right;}
#quotesTable table.totals td.tradeTotals p {color:#fff; font-size:12px; font-weight:bold;}
#quotesTable table.totals td.tradeTotals p strong {float:left; font-size:12px;}
#quotesTable table.totals td.text {width:180px; text-align: right; height: 24px; padding: 0 15px 0 0;}
#quotesTable table.totals td.value {width:176px; text-align: left; height: 24px; text-indent: 15px; font-weight: bold;}
#quotesTable table.totals tr.totalRow td {background-position: left top; font-size:12px;}

/* new quotes styles */
/*
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_DivQuoteList { background:none; }
.quoteListTopHeader, .historyListTopHeader { background:url(../img/account/trade/quoteFilterBG.gif) repeat-x; height:26px; padding:6px 0 0 12px; }
.historyListTopHeader { width:687px; position:relative; }
.quoteListTopHeader label, .historyListTopHeader label { color:#ffffff; font-size:14px; font-weight:bold; }
.navContainer { position:absolute; right:14px; top:7px; }
.navContainer label.navLabel, .quoteTableFooter .navContainer label{ font-size:11px; font-weight:normal; color:#ffffff; margin:0 10px 0 5px; }
.quoteTableFooter .navContainer label, .quoteTableFooter .navContainer select { float:left; margin-top:10px; }

#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes, .historyTableContainer table { width:699px; border-style:none; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes tr td, .historyTableContainer table { color:#666666; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteTitle, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteDate, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteValue, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_blbRebateValue, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblExpiryDays, .historyTableContainer table .header {padding:10px 0; color:#ffffff; font-weight:normal; border:0; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes { width:699px; border-style:none; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes tr td { color:#666666; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteTitle, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteDate, 	#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblQuoteValue, 	#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_blbRebateValue, 	#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblExpiryDays, #ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes_ctl01_lblSent { float:left; padding:10px 0px; color:#ffffff; font-weight:normal; border:0; }
*/
/*#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .header { background:url(../img/account/trade/tableHeader.gif) no-repeat; }*/
a.sortAsc { background:url(../img/account/trade/up.gif) no-repeat; width:11px; height:10px; display:block; float:left; margin:12px 1px; }
a.sortAsc:hover { background:url(../img/account/trade/up_over.gif) no-repeat; text-decoration:none; }
a.sortDesc { background:url(../img/account/trade/down.gif) no-repeat; width:11px; height:10px; display:block; float:left; margin-top:12px; }
a.sortDesc:hover { background:url(../img/account/trade/down_over.gif) no-repeat; text-decoration:none; }
.light { background-color:#ffffff; height:40px; }
.dark { background-color:#e8e8e8; height:40px; }
/*
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes tr th { padding:0 0 0 10px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes tr.header th { padding-bottom:10px; background:transparent url(../img/account/trade/headerTDbg.gif) no-repeat 100% 0}
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes tr.header th.noDiv { background:url(../img/account/trade/thNoDivider.gif) no-repeat 0 0; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .quoteTitle { width:104px; padding-left:10px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .quoteDate { width:80px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .quoteValue { width:86px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .rebateValue { width:93px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .quoteExpires { width:85px; }
#ctl00_ContentLeftPlaceHolder_quotesManage_quotelist_gvwQuotes .quoteSent { width:90px; }
*/
.historyTableContainer{margin-top:-10px;}
.historyListTopHeader {width:659px; height:26px; padding:6px 20px 0 20px; background:url(../img/account/trade/quoteFilterBG.gif) repeat-x; }
.historyListTopHeader fieldset.search {float:left;}
.historyListTopHeader fieldset.sortBy {float:right;}
.historyListTopHeader fieldset.sortBy label {margin-left:20px;}
.historyListTopHeader fieldset.sortBy select {width:40px;}
.historyListTopHeader fieldset label { color:#ffffff; font-size:11px; font-weight:bold; }

.orderHistoryTable {width:100%; margin-bottom:30px;}
.orderHistoryTable .header {background:url(../img/account/trade/historyTableHeader.gif) no-repeat;}
.orderHistoryTable td {text-align:center; padding-top:10px; }
.orderHistoryTable th {padding:5px; font-weight:normal; color:#ffffff; line-height:19px;}
.orderHistoryTable .header span, .orderHistoryTable .header a { float:left; }
.orderHistoryTable .header a { margin:3px 1px }
.orderHistoryTable .header .date span { width:60px; }

.orderHistoryTable .date { width:106px; text-align:left; padding-left:5px; }
.orderHistoryTable .number { width:115px; }
.orderHistoryTable .value {width:67px;}
.orderHistoryTable td.value {padding-right:30px; text-align:right; }
.orderHistoryTable .status { width:107px; }
.orderHistoryTable td.status { text-align:left; padding-left:45px; }


/***********************************/

.quoteStepsContainer.step3 .quoteStepsBottom { height:103px; text-align:center; width:100%; }
.quoteStepsContainer.step3 .quoteStepsBottom .button {position:relative; width:233px; height:100px; float:left; display:inline; background:url(../img/account/quotes/step3ButtonSprite.jpg) no-repeat; margin-right:1px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button a {position:absolute; top:0; left:0; width:233px; height:100px; display:block; background:url(../img/trans1x1.gif); z-index:100;}
.quoteStepsContainer.step3 .quoteStepsBottom .button h3 {position:absolute; top:16px; color:#fff; font-size:18px; font-weight:normal; background:none; height:auto;}
.quoteStepsContainer.step3 .quoteStepsBottom .button p {position:absolute; top:42px; color:#cfcfd1; font-size:11px; font-weight:normal; line-height:12px; width:142px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.save {background-position:left 0;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.save h3, .quoteStepsContainer.step3 .quoteStepsBottom .button.save p {left:78px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.delete {background-position:left -100px; width:232px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.delete h3, .quoteStepsContainer.step3 .quoteStepsBottom .button.delete p {left:62px; width:160px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button a {width:232px;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.send {background-position:left -200px; margin-right:0;}
.quoteStepsContainer.step3 .quoteStepsBottom .button.send h3, .quoteStepsContainer.step3 .quoteStepsBottom .button.send p {left:82px;}

.quoteStepsContainer.step3 .deleted { background:url(../img/account/quotes/deleteSlice.gif) repeat-x; }
.quoteStepsContainer.step3 .deleted h3 { color:#ffffff; font-size:16px; background:url(../img/account/quotes/smallCross.gif) no-repeat 0 0; padding:7px 0 5px 40px; width:240px; margin:0 auto; position:relative; top:10px; }
.quoteStepsContainer.step3 .saved { background:url(../img/account/quotes/savedSlice.gif) repeat-x; }
.quoteStepsContainer.step3 .saved h3 { color:#ffffff; font-size:16px; background:url(../img/account/quotes/discSmall.gif) no-repeat 0 0; padding:7px 0 5px 40px; width:240px; margin:0 auto; position:relative; top:10px; }
.quoteStepsContainer.step3 .sent { background:url(../img/account/quotes/sentSlice.gif) repeat-x; }
.quoteStepsContainer.step3 .sent h3 { color:#ffffff; font-size:16px; background:url(../img/account/quotes/envelopeSmall.gif) no-repeat 0 0; padding:10px 0 7px 45px; width:354px; margin:0 auto; position:relative; top:10px; }
.viewAllQuotes { position:relative; width:110px; margin:0 auto; top:5px; }

/************* ORDER DETAILS ***********/

#orderDetailsContainer {position:relative; width:650px; background: #ebebeb url(../img/account/backgrounds/orderDetails.gif) repeat-x left top; padding:15px 25px 25px 25px;}

#orderDetailsContainer dl {position:relative; width:250px; float:left; display: inline; color:#2f3e4c; font-size:11px; background-color:#dfdfdf; padding:15px;}
#orderDetailsContainer dl dt {width:120px; float:left; display: inline; font-weight:bold; text-align:left; padding:4px 0;}
#orderDetailsContainer dl dd {width:130px; float:left; display: inline; text-align:left; padding:4px 0;}
#orderDetailsContainer dl dd p {margin: 0; line-height: 1.5; margin-top: -4px;}
#orderDetailsContainer dl dt strong {font-size:12px;}
#orderDetailsContainer dl dd strong {font-size:12px; color:#8d4259;}
#orderDetailsContainer dl .blue {color:#3b5e98; background:none; height:auto;}
#orderDetailsContainer dl.address {margin-left:15px; width:255px; height:105px;}
#orderDetailsContainer dl.address dt {width:120px;}
#orderDetailsContainer dl.detailsSummary {width:320px;height:105px;}
#orderDetailsContainer dl.detailsSummary dt {font-weight:normal;}
#orderDetailsContainer dl.detailsSummary dd {width:200px;}
#orderDetailsContainer dl.totalsSummary {margin-left:20px; width:285px;}
#orderDetailsContainer dl.totalsSummary dt {text-align:right; padding-right:35px;}
#orderDetailsContainer .bottomDetails {position:relative; width:635px; background-color:#dfdfdf; padding-left:15px;}
#orderDetailsContainer .bottomDetails dl {background:none;}
#orderDetailsContainer .bottomDetails dl.address {width:250px;}
#orderDetailsContainer .bottomDetails dl.address dt {width:120px;}

.orderDetailsTable {position: relative; width: 650px; margin: 15px auto; background:#fff url(../img/account/quotes/tableHeadBg.gif) repeat-x left top;}
.orderDetailsTable table {color: #706669; width: 650px; border-collapse: collapse; font-family: Tahoma, Arial, Verdana;}
.orderDetailsTable a, .orderDetailsTable a:link, .orderDetailsTable a:active, .orderDetailsTable a:visited {text-decoration: none; font-family: Tahoma, Arial, Verdana; color:#706669; font-weight:normal; text-decoration:none;}
.orderDetailsTable a:hover {text-decoration: underline;}

.orderDetailsTable table th {font-size: 11px; font-weight: bold; height:32px; color:#fff; line-height:28px; vertical-align: top; text-align: center;}
.orderDetailsTable table th.description, .orderDetailsTable table th.status {text-align:left;width:189px;}
.orderDetailsTable table th div.headSep {background: url(../img/account/quotes/tableHeadSep.gif) no-repeat left top; height:32px; line-height:28px;}
.orderDetailsTable table th.description div.headSep, .orderDetailsTable table th.status div.headSep {padding-left:10px;}

/*** GENERAL ***/
.orderDetailsTable table td {font-size: 11px; font-weight: normal; text-align: center; padding: 8px 0 15px 0; background: url(../img/account/quotes/tableCellBg.gif) no-repeat left bottom; vertical-align: middle;}
.orderDetailsTable table td.qty {width:45px; background-position: -2px bottom;}
.orderDetailsTable table td.code {width:75px;}
.orderDetailsTable table td.description {text-align: left; padding-left:10px;}
.orderDetailsTable table td.status {width:125px; text-align: left; padding-left:10px;}
.orderDetailsTable table td.price {width:90px; font-weight:bold; color:#3b5e98;}

/*** TOTALS ***/
.orderDetailsTable table.totals {color: #fff; width: 650px; border-collapse: collapse; background:#4e1f31 url(../img/account/quotes/tableFootCellBgRed.gif) repeat-x left top;}
.orderDetailsTable table.totals td {font-size: 11px; font-weight: bold; background: url(../img/account/quotes/tableFootCellBg2.gif) no-repeat left bottom; padding: 0; vertical-align: middle; width:100px;}
.orderDetailsTable table.totals th {text-align:right; padding-right:15px; background: url(../img/account/quotes/tableFootCellBg2.gif) no-repeat -2px bottom;}
.orderDetailsTable table.totals tr.totalRow td {background-position: left top; font-size:12px;}
.orderDetailsTable table.totals tr.totalRow th {background: none; font-size:12px;}


/******************************* CHECKOUT *******************************/

/* DELIVERY */
#deliveryDetails{  }
#checkoutDelivery{ position:relative; padding:116px 0 0 18px; background:url(../img/checkout/backgrounds/deliveryBg.gif) top left no-repeat; }

#checkout h2{ color:#fff; background: url(../img/account/backgrounds/subHead.gif) top left no-repeat; height:27px; line-height:19px; margin:22px 0 1px 5px;  }
#checkout h2 span{ padding:7px 0 0 15px; }
.headInfoBar{ position:absolute; top:64px; left:77px; }
.headInfoBar p{ width:465px; }
.headInfoBar .OrderCode{ position:absolute; top:0px; left:522px; width:150px; color:#3b5e98; font-weight:bold; font-size:12px; }

#discounts{ clear:both; }

.checkoutItem{ position:relative; background:url(../img/account/backgrounds/contentBg.gif) top left repeat-x; border-right:1px solid #ece9e8; border-bottom:1px solid #ece9e8;
 width:690px; margin:1px 0 0px 5px ; padding:14px 0 9px 9px; }

.noBorder{ border:none; width:691px; }
.checkoutItem .detailsChange{ margin-bottom:16px; }
.checkoutItem .detailsChange img{ display:block; position:absolute; top:57px; left:44px; }
.checkoutItem .detailsChange h3{ color:#706669; margin:9px 0 0 174px; width:435px; }
.checkoutItem .detailsChange p{ color:#706669; margin:23px 0 0 174px; width:435px; }
.checkoutItem .detailsChange label{ color:#706669; display:block; margin:9px 0 0 174px; float:left; width:223px; 
background:url(../img/checkout/listItem.gif) no-repeat 0px 1px; padding-left:19px; }
.checkoutItem .detailsChange label span{ font-weight:bold; } 
.checkoutItem .detailsChange input{ margin:9px 0 0 0; }

.checkoutItem .createNewAccount{ margin-bottom:16px; }
.checkoutItem .createNewAccount h3, .checkoutItem .createNewAccount p, .checkoutItem .createNewAccount ul{ color:#706669; margin:9px 0 0 23px; width:435px; }
/*.checkoutItem .createNewAccount p{ line-height:px; }*/
 
.checkoutError{ position:relative; margin:0px 0 20px 0; height:61px; background: url(../img/checkout/backgrounds/bgErrorBox.gif) no-repeat left top; }
.checkoutError p{ color:#3b5e98; position:absolute; top:16px; left:75px; margin:0; padding:0; }

/* DISCOUNTS */

/*.discountItem .checkoutItem{ padding:0; margin:0;  }*/

/*
.discountField{ margin:0 0 4px 0; height:24px; color:#706669; font-size:10px; line-height:17px; position:relative; }
.discountField fieldset{ padding:0; margin:0; }
.discountField span.label{ display:block; position:absolute; top:11px; left:50px; font-size:11px; color:#706669; font-weight:bold; padding:0px 0 0 0; }
.discountField input{display:block; position:absolute; top:13px; left:30px; border:1px solid #b2b6bc;}
.discountField input.text{width:100px; padding:2px; color:#706669; top:10px; left:160px; }
*/
.discountField{ margin:0 0 4px 0; color:#706669; position:relative; }
.discountField fieldset{ padding:0; margin:0; }
.discountField span.label	{display:inline; float:left; font-size:11px; color:#706669; font-weight:bold; padding:0px 0 0 0; }
.discountField input		{display:inline; float:left; border:1px solid #b2b6bc;}
.discountField input.text{width:100px; padding:2px; color:#706669; top:10px; left:160px; }

.checkoutItem fieldset .discountList	{float:left; margin: 0 10px;}
.checkoutItem fieldset .discountList p	{width:auto; margin:0; font-size:11px; font-weight: bold;}

/** EXISTING USERS **/

.existingDelivery{padding-bottom:10px; margin-top:20px; background:url(../img/backgrounds/redSwish.gif) bottom center no-repeat; }
.existingDelivery p{ margin:9px 0 10px 27px; }
.existingDelivery fieldset{}
.existingDelivery .infoMessage{margin:10px 30px; padding:9px 0 10px 82px; border:1px solid #8d4259; background:url(../img/checkout/backgrounds/infoMessageBG.jpg) no-repeat 0 0;}
.existingDelivery .infoMessage p{margin:0 !important; color:#89173b !important;}

.existingCardNumber{ width:480px; padding:12px 0 23px 26px; }
.existingCardNumber p { float:left; font-weight:bold; color:#b5b5b5; margin:9px 0 0 0px; line-height:12px; width:145px; text-align:left;  padding-right:0px;}
.existingCardNumber p.cDetails{ float:left; font-weight: normal; text-align: left; width:335px; }
.addressMatch{ margin:9px 0 0 56px; width:504px; }
p.accNotRquired{ margin:0px 0 0px 14px; color:#706669; font-size:10px; padding-bottom:10px; background: url(../img/account/redSwish2.gif) bottom center no-repeat; }
#billingAddress .accNotRquired{ margin:0px; font-size:10px; padding:10px 0 10px 0; background:none;}
.accNotRquired span{ color:#287bc3; font-size:10px; font-weight: bold; }
.existingOn{margin:0 0 20px 30px; }
.existingOn label{color:#666;font-weight: bold; padding-left:10px; }
.accountItem fieldset .existingOn p{margin:5px 0 10px 28px; line-height:16px; color:#383838;}
fieldset.choices{ margin-top:0px; }
fieldset.choices fieldset{ padding-top:10px; }

.existingOff{margin:0 0 20px 30px;}
.existingOff label{color:#b8b8b8;font-weight: bold; padding-left:10px; }
.accountItem fieldset .existingOff p{margin:5px 0 10px 28px; line-height:16px; color:#b8b8b8;}
.accountItem fieldset .existingOn p span, .accountItem fieldset .existingOff p span{display:block; float:left; display:inline; width:90px;  padding:0 0;font-weight: bold; padding-right:10px;}

.footerButtons p#agreeTC	{text-align:right; margin:10px 27px 2px 0;}

/**** DELIVERY OPTIONS ****/

fieldset.deliveryOptions{position:relative; left:20px;width:300px; padding-bottom:60px;}
fieldset.deliveryOptions .deliveryOption{float:left; display:inline;margin-bottom:10px;}
fieldset.deliveryOptions label{float:left; display:inline; padding-left:10px;font-weight: normal; color:#666; width:210px; }
fieldset.deliveryOptions input{float:left; display:inline; vertical-align:middle; }
fieldset.deliveryOptions textarea{float:left;display:inline;border:1px solid #b9bcbf; width:200px; height:60px; overflow:auto; color:#666;}
fieldset.deliveryOptions .deliveryInstructions{float:left; display:inline; margin:10px 0 0 24px;}
fieldset.deliveryOptions .deliveryInstructions label{font-weight:normal; padding:0px 0 4px 0;}

.deliveryTbl{position:absolute; right:10px; top:50px;width:323px; height:86px; background:url(../img/checkout/backgrounds/deliveryTbl.gif) top left no-repeat; }
.deliveryTbl table{border-collapse:collapse;width:313px; margin-top:0px; }
.deliveryTbl tr{height:29px; line-height:29px;}
.deliveryTbl td{font-weight: bold; color:#666; }
.deliveryTbl td span{font-weight:bold;}
.deliveryTbl .deliveryTblL{text-align:right;padding-right:8px;font-weight: bold;}
.deliveryTbl .deliveryTblL span{ font-weight:normal }
.deliveryTbl .deliveryTblR{width:65px;}
.deliveryTbl th.deliveryTblL{width:228px; text-align:right;}
.deliveryTbl th.deliveryTblR{padding-right:2px;}
.deliveryTbl td.deliveryTblR{text-align:center; padding-right:2px;}

.deliveryTbl tr.deliveryTblM td.deliveryTblR{  }
.deliveryTbl .deliveryTblR{ }

p.deliveryContinue{position:absolute; bottom:10px; right:10px;color:#666;font-weight: normal;font-size:11px;}

/* BILLING */
#checkoutBilling{ position:relative; padding:116px 0 0 18px; background:url(../img/checkout/backgrounds/billingBg.gif) top left no-repeat; }

/* CONFIRM */
#checkoutConfirm{ position:relative; padding:116px 0 0 18px; background:url(../img/checkout/backgrounds/confirmBg.gif) top left no-repeat; }
/******************************* CONFIRM PAGE ****************************************/
.confirmDelAdd{float:left; display:inline;width:260px; margin:20px 0 10px 30px;}
.confirmDelAdd p{color:#666; line-height:14px;}
.confirmDelAdd p span{display:block; margin:0 0 5px 0;color:#666;font-weight: bold;}

.confirmDelOption{width:270px;}
.confirmDelOption p span{width:100px;}

.confirmBillCard{float:left; display:inline;width:280px; margin:20px 0 0 10px;}
.confirmBillCard p{display:block;float:left; display:inline; height:16px; line-height:16px;color:#666; padding:2px 0; width:260px;}
.confirmBillCard p span{display:block; float:left; display:inline; width:105px;  height:16px; line-height:16px;color:#666;font-weight: bold; text-align:right; padding-right:10px;}

p.confirmTxt{font-size:11px;border:0px; margin-top:10px; color:#666;font-weight: bold; text-align:right; margin-right:24px;}
p.confirmTxt a{color:#666;}

/* COMPLETE */
#checkoutComplete{ position:relative; padding:116px 0 0 18px; background:url(../img/checkout/backgrounds/completeBg.gif) top left no-repeat; }
#checkoutInvalid{ position:relative; padding:116px 0 0 18px; background:url(../img/checkout/backgrounds/invalidBg.gif) top left no-repeat; }
/************************************************ COMPLETE PAGE *****************************************************/
.createAccount{position:relative; background: url(../img/checkout/createAccount.gif) no-repeat 40px 50px;padding:20px 0 0px 0px;}
.createAccount h3{position:relative; left:172px; font-size:11px;font-weight: bold; color:#383838; margin:0 0 15px 0; width:440px;}
.createAccount p{position:relative; left:172px; font-size:11px;color:#383838; margin:0 0 2px 0; width:380px;}
.createAccount ul{position:relative; left:172px; list-style:none;width:380px; margin:0px; padding:0px;}
.createAccount ul li{background: url(../img/listOrange.gif) no-repeat left; color:#383838; padding:3px 0 3px 14px;}
.createAccount fieldset{position:relative; left:15px; padding:8px 0 0 0;}
.createAccount fieldset .checkoutField{width:669px;}

.createAccount fieldset label{float:left; display:inline; width:115px;padding:1px 0 0 0px; color:#7f7f7f; text-align:right;font-weight: bold;}
.createAccount fieldset input{float:left; display:inline; margin:0 0 0 10px; width:100px; border:1px solid #b2b6bc; padding:2px; color:#6580ad;}

/**** ANYTHING CHANGED IN ACCOUNT ****/
.createAccount fieldset .accountChanges{ position:relative;  clear:both; height:22px;}
.createAccount fieldset .accountChanges input{float:left; display:inline; margin:0px 0 0 10px; width:15px;border:0px;}
.createAccount fieldset .accountChanges label{float:left; display:inline; width:180px;padding:1px 0 0 15px; color:#383838; text-align:left; font-weight:normal; background: url(../img/listOrange.gif) no-repeat left;}
.createAccount fieldset .accountChanges label span{font-weight: bold;}

/**** CREATE ACCOUNT IF NEW USER ****/
.checkoutCreateAccount{margin:20px 0 0 0;}
.checkoutCreateAccount h3{margin:0 0 5px 0;}
.checkoutCreateAccount fieldset{left:0px; margin:2px;}
.checkoutCreateAccount fieldset label{padding-left:45px; }
.checkoutCreateAccount fieldset input{ width:150px; }
.checkoutCreateAccount fieldset .notifyMe{float:left; clear:both; margin:0 0 5px 100px;}
.checkoutCreateAccount fieldset .notifyMe label{float:left; display:inline; width:300px;padding:1px 0 0 5px; color:#706669; text-align:left; font-weight:normal;}
.checkoutCreateAccount fieldset .notifyMe input{float:left; display:inline; margin:0 0 0 125px; width:14px; border:0px;}

/**** CREATED ACCOUNT FOR NEW USER ****/
.createdAccount{height:230px;background: url(../img/checkout/bgAccount.gif) no-repeat left top;}
.createdAccount img{position:absolute; left:280px; top:120px}
.createdAccount p{position:absolute; left:5px;top: 160px;text-align:center; width:665px;font-weight: bold; color:#7f7f7f;}

.checkoutButtons{ width:100%; }
.checkoutLast{ margin-bottom:100px; }

.updateAccount{ text-align: center; margin-top:20px; }