/*color for the textfield select and fields comes from basic not defined here*/ /*general*/ .informationBlock1 h3 {font-weight: bold; color: #666; padding-bottom: 10px; font-size: 1em;} #checkOutLeftBanner {width: 160px; margin-right:20px;float:left;} /*checkout Process*/ #contentCheckout {clear: right; width: 932px; text-align:left; padding:0px 0px 20px; background: #fff; height: auto;} #contentCheckout #blockRightWide {width: 300px; float: left;font-size: 1em;margin:0 0 10px 50px;} #contentCheckout #blockRightWide .fieldLabel, #contentCheckout #blockRightWide .fieldLabelBold {width: 140px;} #contentCheckout #blockRightWide .formRow .textfield { width: 130px; margin: 0 0 5px 0; } #contentCheckout #blockRightWide .formRow .note {display:block;margin:0 0 10px 140px; padding:0px; border:1px solid #fff;} #contentCheckout #blockRightWide .formRow .shorttextfield { color:#666; width: 100px; margin: 0 0 5px 0; } #checkoutStepseng, #checkoutStepsfre {float:left; width: 752px; /*height: 40px;*/ text-align:left; margin:10px auto; padding:5px 0px 10px;} #checkoutStepsfre {} #checkoutStepseng ul, #checkoutStepsfre ul {margin:0px; padding:0px;} /*the spacing for the steps is on fre/eng css because of the different spacing*/ /*#checkoutSteps li {margin:0px 3px 0px 0px; padding:10px 20px 10px 10px;font-size:0.9em;}*/ #checkoutStepseng li, #checkoutStepsfre li {color: #999;} #checkoutStepseng li span, #checkoutStepsfre li span {margin-right: 3px;} #checkoutStepseng li.active, #checkoutStepsfre li.active {font-weight: bold; color: #333;} #checkoutBottom {width: 752px; float:left; padding:0; margin: 0px auto; min-height:150px; height:auto !important; height:150px;} #checkoutBottom h3 {/*width:100%;*/ color:#333; background-color:#eaeaea; font-weight: bold; font-size: 11px; margin:0px 0px 10px; padding:1px 5px 1px 6px; text-transform:uppercase; text-align:left;} #checkoutBottom #signInBlock h3 {display: none;} #checkoutBottom h4 {font-weight: normal; color: #666; padding: 10px 0;} #checkoutBottom .note {padding-top: 15px;} /*General Styles for all forms overwritten by the above*/ /*.title {clear: both; width: 100%; height: 20px; color: #fff; text-indent: 5px; background:#B7B5B3; font-weight: bold; margin-bottom: 10px; padding-top: 4px; font-size: 1em;}*/ .formRowError {padding: 0;} .formRow span.textfield, .formRowError span.textfield { float: left; padding:0; font-size: 1em;} .formRow input.textfield, .formRowError input.textfield, .formRow .textAreaLarge, .formRowError .textAreaLarge { width: 160px; margin: 0 0 10px 0; padding:0; font-size: 1em;} /*.formRow .shorttextfield{ font-size: .9em; padding: 0;}*/ .formRow { clear: both; overflow: hidden; margin:0; color: #666;} .formRowLongButton { /* text-align:right; overflow: hidden; */ float: right; } .formRowColor { clear: both; padding: 2px; margin:0; background:#efeae6; color: #333;} .formRowError { clear: both; padding: 2px; margin:0; } .formRow .introText {height:30px; } .formRowColor select{ /*text-transform: lowercase;*/ margin: 0 0 0 5px; padding: 0;} .formRow .fieldLabel, .formRow .fieldLabelBold, .formRowError .fieldLabel, .formRow .fieldLabelBold { color: #333; float: left; font-weight: bold; margin:0; padding:0; width: 140px; text-transform: uppercase; } .fieldDisplayBold {font-weight: bold; margin-right: 20px; margin: 0 0 5px 0; } .fieldDisplay{color: #444; font-weight:normal; margin-right: 20px; margin: 0 0 5px 0; } .fieldLabel {width: 150px;} .formRowFF .fieldLabelFF, .formRow .fieldLabelBold, .formRowError .fieldLabelFF, .formRow .fieldLabelBold { float: left; margin:0; padding:0; width: 140px;} .fieldLabelFF {width: 150px; font-weight: normal;color: #444;} .fieldLabelBold {width: 150px; font-weight:bold;} .gst {font-weight:bold; padding-right:2px;} #newsLetterSignup #introText {} #newsLetterSignup #introText p {padding:10px 5px 0 5px; } #newsLetterSignup img {margin-bottom: 10px;} #signupLeft {width:300px; float:left; margin-left:90px; margin-top:40px;} #signupRight {width:300px; float:left; margin-left:0px; margin-right: -3px; margin-top:40px;} #signupLeft2 {width:277px; float:left; margin-left:50px; margin-top:40px;} #signupRight2 {width:330px; float:left; margin-left:0px; margin-right: -3px; margin-top:40px;} #signupLeft2 .formRow, #signupRight2 .formRow {width:300px; overflow:hidden;} #signupLeft .formRow, #signupRight .formRow {width:400px; overflow:hidden;} #newsLetterSignup label {clear:left; width:100px; float:left; margin:7px 0 4px 0;} #newsLetterSignup input {width:136px; float:left; margin:7px 0 3px 0;} #newsLetterSignup input.radioButton {width:13px; height:13px; float:left; margin:7px 5px 0 5px;} #newsLetterSignup .radioText {width:50px; float:left; margin:7px 0 0 0; text-align:left } #newsLetterSignup select {width:140px; float:left; margin:7px 0 3px 0; } #newsLetterSignup .formRowError {height:30px; background:#eaeaea;} #newsLetterSignup .formRowRightShort {width:630px; clear:both; float:left; margin-top:30px;} #newsLetterSignup .formRowRightShort2 {width:550px; clear:both; float:left; margin-top:30px; font-size:16px; text-align:left} #newsLetterSignup .formRowRightShort3 {width:299px; clear:both; float:left; margin-top:0px; font-size:16px; text-align:left} #tienda a {text-decoration:none;} #newsLetterSignup .mainButton {float:right;} #newsLetterSignup #thankYouHeader {text-align:left; font-weight:bold;margin-top:0px;} #newsLetterSignup #thankYouHeader #thankYouHeaderImg {text-align: center;} #newsLetterSignup #thankYouHeader strong, #newsLetterSignup .vipThankYouText strong {color:#37a5b4;} #newsLetterSignup .vipThankYouText a, #newsLetterSignup .vipThankYouText a:hover, #newsLetterSignup .vipThankYouText a:visited {color:#2a5225;} #newsLetterSignup #promoCode {width:200px; height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:center; background:#E4EACC; margin:30px auto 0;} #newsLetterSignup .vipThankYouText {margin:10px 0; text-align:left-justify;} #newsLetterSignup .vipThankYouDisclaimer {margin:20px 0; text-align:justify;} /*interact*/ .mandatory {margin-bottom: 10px; color: #999; } .formRow .mandatory { color: #333; } .formRow .zipNote{ font-weight: normal; text-transform: none; padding-left:1px; } #hideShowCC, .interactbox {clear: both; padding-left:20px;} .interactbox p {margin:10px 0px;} label.subtitle {color: #333; width:275px; font-weight: bold;height: 20px;font-size: 1em; margin-top: 2px;float: left; margin-bottom: 0; text-transform: uppercase; } .radio {float: left;} .interacOnline {float:left; width:75px; margin:0; padding:0;} .interacNote {float:left; width:210px; padding-left:5px; font-size:10px; line-height:12px;} .interacTrademark {clear:both; margin:5px 0;} .nospaces {font-weight: normal; text-transform: lowercase; } /*for firefox*/ .tax {width:180px;font-weight:normal; border-collapse:collapse;} .tax td.tag {width:140px;padding-right:5px;text-align:right;} .tax td.price {width:40px;} /*for IE*/ .tax { width:110px;font-weight:normal; border-collapse:collapse;} .tax td.tag {width:70px;padding-right:5px;text-align:left;} .tax td.tag strong {font-weight: normal !important;} .tax td.price {width:40px; font-size:1em;} /* Sign-in ----------------------------------------------- */ #checkoutBottom #signInBlock {} #signInBlock { margin: 20px 20px 30px 0; /**IE6 hack to get the min height going**/ min-height:200px; height:auto !important; height:200px; /****/ } #signInBlock h2 {margin-left: 0px;margin-bottom: 20px;} #signInForm{ clear: both;float:left; padding:0; width: 400px; } #signInForm#signIn {display:block;margin:0;padding:5px 0 0 0;} #signInForm .formRow .textfield {width: 150px; margin: 0 0 5px 5px; padding:0 0 0 0px; } #signInForm .formRow { clear: both; padding: 3px 0 0 0; margin:0;} #signInForm .formRow .fieldLabel { margin:0 5px; padding:0; width: 200px;} .fieldboth {float: left; margin:0; padding:0; width: 310px; text-align:right;} .fieldbothNote {width:155px; float: right;margin:0 5px;padding:0; padding-bottom: 10px; color: #666;} #signIn .formRow .formfield {float: right;} #signIn #signInForm h4 {font-weight: bold; color: #999999;margin:0 5px;} #signIn .fieldLabel { margin:0 5px; padding:0; width: 150px;} #bannerBottomCustomerService {clear: both; height: 80px; align:center; border-top:solid 20px #fff; border-bottom:solid 20px #fff;} #bannerBottomCustomerService td {padding:0;} #bannerBottomCustomerService td a {display:block; text-decoration:none;} #bannerBottomCustomerService td.VerifiedByVisa {width:130px; padding-top:5px;} #bannerBottomCustomerService td.MasterCard {width:130px; padding-top:5px;} #bannerBottomCustomerService td.McAfeeSecure {width:70px; padding-top:5px;} #bannerBottomCustomerService td.VeriSign {padding-left:30px; width:75px; text-align:right;} div.CustServUKeng td.VeriSign {} #bannerBottomCheckout {clear:both; height: 80px; border-top:solid 20px #fff;} #bannerBottomCheckout td {padding:0} #bannerBottomCheckout td a {display:block; text-decoration:none;} #bannerBottomCheckout td.VerifiedByVisa {width:110px; padding-top:5px;} div.checkoutCAeng td.VerifiedByVisa {width:120px !important;} div.checkoutCAfre td.VerifiedByVisa {width:120px !important;} #bannerBottomCheckout td.MasterCard {width:110px; padding-top:5px;} #bannerBottomCheckout td.McAfeeSecure {width:70px; padding-top:5px;} #bannerBottomCheckout td.VeriSign {padding-left:25px; width:75px; text-align:right; } div.checkoutCAfre td.VeriSign a {margin-right:25px;} div.checkoutUKeng td.VeriSign a {} #bannerBottomCheckout td.VeriSign .note {width:75px; } /*.customerServiceLogos {width:370px;}*/ .noHassleReturn { float: left; height: 70px; width: 209px;} .hackerSafe {float: left; height: 70px; width: 100px; padding-left:40px;} .Verisign { float: left; height: 70px; width: 100px; background-image:url(/_static/images/www/Shared/checkoutVeriSign.png); background-repeat:no-repeat; padding: 0 10px; } .Privacy { float: right; height: 70px; width: 209px; background-image:url(../banners/checkoutPrivacy.gif); background-repeat:no-repeat; } .InteracRight {float: right; height: 35px; width: 85px; padding-left:40px ;} .verifyByVisaRight {float: right; height: 55px; width: 85px; display:inline; margin-top:5px;} .masterCardRight {float: right; height: 35px; width: 81px; display:inline; margin-top:5px; margin-left:63px;} .hackerSafeRight {float:right; height: 70px; width: 65px; margin-top:5px;margin-left:63px;} .VerisignRight {float: right; height: 110px; width: 88px; background-image:url(/_static/images/www/Shared/checkoutVeriSign.png); background-repeat:no-repeat; padding:0; margin:0; background-position:top right; margin-left:43px;} .checkoutProcess .masterCardRight {margin-left:20px;} .checkoutProcess .hackerSafeRight {margin-left:20px;} .checkoutProcess .VerisignRight {margin-left:5px;} .payPalRight {float:right; height: 40px; width: 150px;margin-right: 7px;margin-top: 5px;} .padding {width:80px; height:37px;} .VerisignRight a:hover {color: #f37421;} div.note {margin-top:10px; padding-left:0; text-align:right; } .payPalBox { height: 34px; } .payPalBox input.radio {margin:10px 5px 0 0; width:14px; height:14px;} .payPalBox img {float: left;} .payPalBox .payPalTxtBox { height: 34px; line-height: 34px; float:left; padding-left: 5px; color: #333; font-weight: bold; text-transform: uppercase; } .payPalBox .payPalTxtBox a { font-weight: normal; text-transform: none; } .signInLeftbox {padding:0px 20px 0px 90px; float:left;} #customerBox, #signInBox {margin:0; padding:0; font-size:15px; } #hideShowNew, #hideShowLogin {display:none;} #customerForm {margin:10px 0px 10px 25px; padding:0px;} #userLogin div.right { float: right; } #customerForm fieldset, #signInForm fieldset {margin-top:10px;} #customerForm label, #signInForm label {margin:5px 0px; font-weight:bold; display:block; color: #666;} #customerForm input, #signInForm input {margin:2px 0px 3px;font-family:helvetica,sans-serif; color: #666; font-size: 11px; } .right {margin-top:5px; text-align:right; } .left {text-align:left;} .center {text-align:center;} .isize {width:200px;} .clear {clear:both;} .signInRightbox {margin:0px 0px 0px 70px; float:left;} #signInForm {padding:15px 0px 0px 25px; width:206px;} .signInLeftbox, .signInRightbox {width: 230px;} .margRight {margin-right:25px;} .padLeft {padding-left:25px;} .printbtn {float:right;} #shippingBlock .title, #paymentBlock .title {width: 100%; height: 16px; color: #fff; background-color:#416a87; font-weight: bold; margin-bottom: 10px; padding-top: 4px;font-size:1em; text-transform:lowercase;} #shippingBlock, #orderSummaryBlock, #orderConfirmationBlock { width:100%; height: auto; padding-bottom: 20px; overflow:hidden;} /*-CHECK OUT STYLES-*/ #shippingForm {width: 350px; padding-right:20px;padding-left:0px;} #shippingForm, #leftForm{float:left;} #shippingForm#shipping, #billingForm#billing {display:block; margin:0; padding:0; } #shippingForm .formRow .note, #billingForm .formRow .note { margin:0px 0px 0px 140px; padding:0px; } #shippingForm .formRow label, #billingForm .formRow label {font-weight:bold;color:#333;} #billingForm {float:left; width: 350px;} #billingForm .mainButton { float: right; } /*#shippingForm h3, #billingForm h3, #summaryBlock h3, #rightForm h3, #shippingpayment h3 { color:#fff; background-color:#518fb1; font-weight: bold; font-size:1.2em; margin:0px 0px 10px; padding:1px 5px 1px 6px; text-transform:lowercase; text-align:left;}*/ .ShippingError {margin:0px 0px 10px; color:#c33; padding:0px 30px; line-height:210%; background-image:url(/_static/images/www/Shared/error.gif); background-repeat:no-repeat; background-position:0px 0px;} .PaymentError {margin:0px 0px 10px; color:#c33; padding:0px 0px 0px 30px; background-image:url(/_static/images/www/Shared/error.gif); background-repeat:no-repeat; background-position:0px 0px;} #paymentBlock {/*width:100%; height: auto;*/ margin:0px; padding:0px; } /*#leftForm h3 {text-transform:uppercase; color:#518fb1;}*/ #hideShowCC { padding-left:20px; color: #666;} .interactbox {padding-top:10px; padding-left:20px; padding-bottom: 10px; color: #666;} .interactbox {} .interactbox p {margin:10px 0px;} .taxConfirm {margin:0px 0px 0px 20px; float:left; width:80px; text-align:left;} .taxConfirmB {margin:0px 0px 10px 20px; float:left; width:80px; text-align:left;} .taxConfirmValue {float:right;} /*- --CHECK OUT STYLES-*/ #leftForm {margin:0px; padding:0px 30px 0px 0px; width: 300px;float: left;} #rightForm {float:right; width:300px; margin:0px; padding:0px 0px 0px 30px; background-image:url(/_static/images/www/Shared/signIndivider.gif); background-repeat:repeat-y; background-position:left;} #differentAddress {margin-left:10px;} #PandS {margin-top:20px; padding:10px; text-align:center; color:#518fb1; border:2px solid #518fb1;} #PandS h6 {margin:0px 0px 3px; text-transform:uppercase; font-weight:bold;} #PandS a:link, #PandS a:visited, #PandS a:hover, #PandS a:active {text-decoration:none;} .inctoppad {padding-top:10px;} .toppad {padding-top:5px;} .padright {padding-right:20px;} .topbottompad {padding:10px 0px; margin-bottom:20px;} #shippingBlock .formRow .textfield, #paymentBlock .formRow .textfield {width: 130px; margin: 0 0 5px 0; } #shippingBlock .formRow .shorttextfield { width: 130px; margin: 0 0 5px 0; color: #666; } #shippingBlock .formRow .shortertextfield { width: 86px; margin: 0 0 5px 0; color: #666; } #shippingBlock .formRow, #paymentBlock .formRow { clear: both; padding:0px 3px 2px; margin:0;} #shippingBlock .fieldboth {float: left; margin:0; padding:0; width: 310px; text-align:left;} #paymentBlock .shorttextfield { width: 50px; margin: 0 0 5px 0; } .fieldbothNote {float:left; margin:5px 0px 0px 145px; padding-bottom: 10px;} div.pobox{display:inline; float:right; margin:0 70px 5px 0;padding:0;width:134px;color:#666;} /*this is the summary block for the Order Summary in the Checkout Process*/ #blockRightWide #summaryBlock {float:left; width: 239px; margin:0px; /*background:#F3F1ED;*/ padding:0px; margin-left:230px} #myaccountBlock #blockRightWide #summaryBlock {float: none;} #summaryBlock {float:left; width: 300px; margin:0px; /*background:#F3F1ED;*/ padding:0px; margin-left:70px;} .noMargin {margin-left:0 !important;} .formRowRight {/*width: 100%;*/ text-align: right; float: right; margin:5px 0;} .formRowRight a.mainButton { float: right; } .formRowRightTotal {width: 100px; text-align: right; float: right; color:#333;} #summaryBlock .fieldLabel {float:left; padding:0px; width:100px; margin:0px 0px 5px 0px;} #summaryBlock .fieldLabelBold { text-transform: uppercase; float:left; padding:0px; margin:0; width:auto; } #summaryBlock .formRow {clear: both; padding: 5px 0px; margin:0;} #summaryBlock .formRowTotal {clear: both; padding: 3px 0px; margin:0; text-transform:lowercase; color:#444;} #summaryBlock .formRow .textfield { float:right; width: 217px; margin: 16px 1px 0px -13px; } #summaryBlock .formRow .textfield option{ width:190px; } #summaryBlock select.textfield {float: right; padding: 0;} #summaryBlock .fieldDisplayBold {float: right;} #summaryBlock .fieldDisplay{float: right; text-align:right;} #summaryBlock .separator {width: 99%; height: 1px; line-height: 1; border-top: 1px solid #eaeaea;margin:0px; padding:0px;} #summaryBlock .fieldLabelBoldburgundy {float: left; margin:0; padding:5px 0 0; width: 100px; font-weight: bold; color: #444; margin: 0 0 5px 0; } #summaryBlock .mainButton {margin-right: 0; margin-bottom: 20px; float:right;} #summaryBlock .formRowRight img.mainButtonSpinner {float:right;} #summaryBlock .note {clear:both; display: block; margin-top: 0;padding: 0; margin-left: 0;} #summaryBlock .note .paymentnote {font-weight: bold; color: #333; display: block; margin-bottom: 10px; padding-top: 10px; text-transform: uppercase; } .burgundy {color:#333;} .caps {text-transform:uppercase;} .rightpos {width:60px; float:left; text-align:right;} .taxtypepos {margin-left:85px; width:50px; float:left; font-weight:bold; margin-bottom: 4px;} .carttaxpos {float:left; text-align:left; } .carttaxposval {float:right;} /*styles for the shopping bag table --------------------------------------*/ #shoppingBagTable {width: 100%;} #shoppingBagTable table {padding: 0; margin:10px 0 0;margin-bottom: 20px; width: 100%; } #shoppingBagTable table img {margin-left: 15px;} #shoppingBagTable table thead {background: #eaeaea; height: 20px; color: #333; font-size: 11px; text-transform: uppercase; font-weight: bold; text-align:center;} #shoppingBagTable table tbody td{border-bottom: 1px solid #eaeaea; height: 50px;text-align: center; vertical-align:middle;} #shoppingBagTable table tbody td.last{border-right: 0; height: 50px;} #shoppingBagTable table td.img {text-align: left; width: 100px; padding: 0; margin: 0;} #shoppingBagTable .textfield{ width:80px; margin: 0 0 5px 0; padding:0; } #shippingpayment {width:300px; float:left; margin:0px; padding:0 70px 0 0; background-image:url(/_static/images/www/Shared/signIndivider.gif); background-repeat:repeat-y; background-position:right;} #shippingpayment .formRow { clear: both; padding: 1px; margin:0; height: 16px;} #processCreditCard #shippingpayment .formRow {height: auto;} #shippingpayment .formRow .textfield{ width: 120px; margin: 0; padding: 0px; } #shippingpayment .subtitle{ float: left; padding:5px 0px 15px; text-transform:lowercase;} #shippingpayment .blockleft {width:150px; float: left; margin:0px;} #shippingpayment .blockright {width:145px; float: left;margin-left: 5px;} #shippingpayment .blockrightUK {margin:0 0;} #shippingpayment .title {clear: both; margin: 0;} #shippingpayment .interacOnline span.subtitle {text-transform: none;} #shippingpayment .fieldDisplay {line-height:185%; color:#444;} /*Shopping Bag Dynamic Banner*/ #sbBanner {margin:0px 0px 5px 5px; color:#666; overflow: hidden;} #sbBanner h4 {margin:10px 0px 0px 5px;} #sbBanner p {margin:5px 5px 0px; float:left; width: 140px;} .sbbutton { clear: both; width: 100%; overflow: hidden; } .sbbutton .mainButton {float: right;} .sbBannerbox {margin:20px 0px 0px; padding:10px; border:1px solid #eaeaea;} /*--Shopping Bag Dynamic Banner*/ /*banner right column*/ #bannerRightColumnCheckout {float: right; width: 210px; height: 100px; margin-top: 20px; padding: 0;} /*my account styles ---- shopping bag styles*/ #shoppingbagBlock {width:752px; float:left; height: auto; padding-bottom: 20px; margin: 0px; } #shoppingCartLeftBanner {float:left; width: 160px; margin-right: 20px;} a.liveChat { display: block; float: left; padding-bottom: 10px; } a.liveChat img { display: block; } #myaccountBlock {width:932px; height: auto; padding-bottom: 20px; margin: 0px auto;} .titlemyaccount {padding: 5px; background:#000; color: #fff; margin-bottom: 10px; ytext-transform: uppercase;} #myaccountMsgBlock {float:right; width: 270px; height: auto; margin: 0; background:#F3F1ED; padding: 10px; margin-bottom: 20px;} #myaccountBlock p {color: #999;padding: 10px;} #myaccountBlock ul {padding: 10px;} #myaccountBlock li {color: #999; list-style: disc; padding-left: 5px; margin-left: 20px;} #myaccountBlock #blockLeftNarrow li {margin-left: 0px;} #myaccountBlock .blockleft { clear: both;float:left; padding:0; width: 350px; } #myaccountBlock .blockright {float:right; width: 350px; margin: 0; padding:0} #myaccountBlock #secondaryNavRight {float:right; margin: 5px 0;} #myaccountBlock .wishListButtons {float:right; margin: 5px 0; clear: right;} #myaccountBlock div#newsLetterBox h3 {margin-top: 25px; text-transform: uppercase; color:#333; } .formRow2{ width:615px; float:right; margin-bottom:4px; } .formRow2 .radioButton{ margin-left:-2px; margin-right:3px; } #shoppingbagLeftBanners {clear: both; float: left;width: 335px; height: auto;} #shoppingbagLeftBanners .banner {width: 335px; margin: 10px 0; /*border: 1px solid #ccc;*/} #shoppingBagTable {float:left; width:752px;} #shoppingbagBlock #summaryBlock {float:right; width: 350px; margin: 10px 0; padding: 10px 0 ;overflow: hidden;} #shoppingbagBlock .formRow {clear: both; padding: 2px 0; margin:0;} #shoppingbagBlock .shoppingSelect label, #shoppingbagBlock .shoppingSelect select {width:auto !important;} #shoppingbagBlock .formRowLeft {clear: left;padding: 2px 0; margin:0; float: left; width: 55%;} #shoppingbagBlock .formRowRight {clear: right;padding: 2px 0; margin:0; float: right; width: 40%; } #shoppingbagBlock .buttons {clear: right;padding: 2px 0; margin:0; float: right; } .codenote {margin:0px; padding:0px; clear:both;} #shoppingbagBlock #summaryBlock .fieldLabelBold { width: 200px; color:#333; text-transform: uppercase; margin-bottom:3px; } #shoppingbagBlock #summaryBlock .formRowTotal {width: 50px; padding-top: 5px;font-size: 11px;float: left;} #shoppingbagBlock #summaryBlock .formRowRightTotal {float: right; width: 50px;padding-top: 5px; margin-right: 2px;} #shoppingbagBlock #summaryBlock .fieldLabel {width: 150px;} #shoppingbagBlock #summaryBlock .shorttextfield {width: 70px; margin: 0; float: left; } #shoppingbagBlock #summaryBlock .mainButton {margin: 0 0 0 5px; float: left; } #shoppingbagBlock #summaryBlock .formRowRight .mainButton { float: right; } .loginName { margin: 0 0 20px 0; } .Total {color: #333;} #shoppingbagBlock .formRowLeft button.secondaryButton {margin-left: 10px;} /*summary block for the PAYMENT STEP3*/ #paymentBlock #summaryBlock .formRowRight {clear: right;padding:0; margin:0; float: right; width: 100px; margin-top: 0; } #paymentBlock #summaryBlock {padding-left: 20px; padding-right: 0; margin: 0;} #paymentBlock #leftForm {margin:0px; padding:0px; width: 300px;float: left;} #paymentBlock #rightForm {float:right; width:300px; margin:0px; padding:0px 0px 0px 40px; background-image:url(/_static/images/www/Shared/signIndivider.gif); background-repeat:repeat-y; background-position:left;} #paymentBlock #summaryBlock .formRowRight {clear: right;padding:0; margin:0; float: right; width: 100px; margin-top: 0; } #paymentBlock #summaryBlock {padding-left: 0px; padding-right: 70px; margin: 0; width: 300px; float: left;} #paymentBlock #paymentInformationBlock {overflow:visible; float:left; width:300px; margin:0px;} #paymentBlock #paymentInformationBlock .mandatory { padding: 0; margin: 0;height: 15px; text-transform: lowercase;} #paymentBlock .formRow .fieldbothNote {width:280px; float: none;margin:0 5px 0 0;padding:0; padding-bottom: 10px;} #paymentBlock .formRowRight .mainButton { float: right; } #paymentBlock #paymentInformationBlock .formRowRight {margin-bottom: 10px; } #paymentBlock #paymentInformationBlock .fieldLabelBold {width: 120px;} /*step 5 Order Confirmation special styles*/ #orderConfirmationBlock {float:left;} #orderConfirmationBlock h3{font-weight: bold; color:#333;background: #fff; text-transform: uppercase;padding: 0; margin: 20px 0 30px 0;} #orderConfirmationBlock h4{font-weight: bold; color: #333;padding: 0; margin: 0; text-transform: uppercase;} #orderConfirmationBlock h5{ font-weight: normal; color: #333; margin-top: 10px; } #orderConfirmationBlock h5 .note1 { font-weight: bold; color: #333; } #createAccountBlock {float: left;width:330px;padding:0 ; margin-bottom: 20px; } #createAccountBlock label {width:160px;font-weight: bold; color: #444;} .rightFormConfirm {float:left; width:330px; margin:0px 0px 20px 30px; padding:0px 0px 0px 50px; background-image:url(/_static/images/www/Shared/signIndivider.gif); background-repeat:repeat-y;background-position:left; } #orderConfirmationBlock #summaryBlock {border:1px solid #eaeaea; width: 328px; margin-bottom: 20px;margin-left:0px;} .left {float:left;} .ocvip {margin:0px 0px 0px 25px;} .ocsumm {margin:0px 0px 13px; padding:10px 30px 15px; } .octotal {margin:5px 0px; padding:5px 0px; clear:both; border-top:1px solid #eaeaea;} /*buttons for the confirmation page*/ .cBtnLeft {float:left;} .cBtnRight {float:right;} /*US Students Confrmation Button*/ #usStudents { background: #dff3fe url(/_static/images/www/eng/usStudents.png); width: 331px; height: 59px; clear: all; float:right; margin: 40px 15px; } #usStudents a { display:block; height: 52px; width: 315px; }