@bwidth: 950px; #cart-template{ section.confirmation, section.details, section.overview{ table{ width: @bwidth - ( 12px * 2 ); } } section.payment{ width: 100%; margin: auto; } table.common td{ font-size: 12px; } section.body{ &.reReg{ section.content{ font-family: "pragmatica-web"; line-height: 15px; header{ color: #003663; margin: 0; padding: 0; margin-bottom: 20px; font-size: 28px; font-family: "franklin-gothic-urw-cond"; font-weight: bold; } p{ margin-bottom: 05px; } .payment-container{ width: 455px; margin-top: 20px; .form-payment{ background-color: #e7e7e7; td{ padding: 20px; } } } .thanks{ display: none; } } } .emptyCart{ color: #003663; text-align: center; margin: 0; padding: 0; margin-top: -08px; font-size: 22px; .red{ color: red; } p{ width: 800px; margin: auto; font-size: 14px; text-align: left; margin-bottom: 10px; } > .social{ margin-left: 60px; margin-top: 20px; text-align: left; width: 100%; } } > header{ padding-top: 27px; padding-left: 88px; padding-bottom: 08px; color: #bebebe; font-family: "franklin-gothic-urw-cond"; text-transform: uppercase; font-weight: bold; h1{ color: #003663; float: left; margin: 0; padding: 0; margin-top: -08px; font-size: 28px; } ol{ li{ float: left; margin-left:60px; font-size: 15px; &.selected{ color: #003663; } } } } > section{ padding: 12px; padding-top: 25px; padding-bottom: 16px; > section.content{ > section.buttons{ text-align: center; padding-top: 16px; } } } table.common{ > tbody{ > tr.group{ > td{ border-top: 03px double black; } &:first-child{ > td{ border-top: none; } } } } } } > section{ td.subtotal{ .price{ font-weight: bold; margin-bottom: 10px; } .paynow{ color: #339bad; font-weight: bold; margin-bottom: 10px; } } table { margin-bottom:30px; } table.register{ margin-bottom:30px; box-shadow: 0 23px 25px -25px #000000; thead{ tr{ background-color:#e7e7e7; th{ padding: 05px; text-transform: uppercase; color: white; text-align: center; border-top: solid 01px #e7e7e7; border-bottom: solid 01px #787878; font-style: italic; font-size: 12px; header{ color: #282828; padding: 05px; text-align: left; font-style: normal; font-size: 14px; } } } } tbody{ tr{ td{ background-color:#e7e7e7; padding: 10px; } } } } form.register, section.register{ text-align:right; padding-right:20px; label{ margin-right:10px; font-size:12px; } input{ width:330px; margin:04px 0; } input[type='checkbox'] { width:15px; } input[type='tel'], [type='email'], [type='number'] { border-color: #010202 #3d3e3e #676767 #101111; border-style: solid; border-width:01px; box-shadow: 01px 01px 00px #b1b1b1; } input[type='radio']{ width: 20px; } select{ width:333px; margin:04px 0; border-color: #010202 #3d3e3e #676767 #101111; border-style: solid; border-width:01px; box-shadow: 01px 01px 00px #b1b1b1; } } .buttons{ text-align:center; } } > section{ table.payment-container { margin-bottom:30px; form.selectForm{ > section{ width: 423px; height: 40px; padding: 10px; float: left; } input{ margin: 01px 0 07px; } label{ text-transform: uppercase; color: #282828; padding:10px; text-align: left; font-style: normal; font-size: 20px; cursor: pointer; font-weight: bold; &:hover, &.hover{ text-decoration: underline; } } } form.payment{ float: left; width: 423px; text-align:right; padding: 10px; &.selected{ background-color: #CCC; box-shadow: 0 30px 15px -25px black; } .text{ text-align: center; margin-bottom: 10px; } label{ margin-right:10px; font-size:12px; } input{ width:280px; margin:04px 0; } input[type='checkbox'] { width:15px; } input[type='tel'], [type='email'], [type='number'] { border-color: #010202 #3d3e3e #676767 #101111; border-style: solid; border-width:01px; box-shadow: 01px 01px 00px #b1b1b1; } select{ width:283px; margin:04px 0; border-color: #010202 #3d3e3e #676767 #101111; border-style: solid; border-width:01px; box-shadow: 01px 01px 00px #b1b1b1; } select.expire{ width:140px; } .inputs{ height: 130px; } .buttons{ margin-top:15px; text-align:center; } .errors{ color: red; font-size: 16px; } } } } > section{ table { margin-bottom:30px; } table.confirm{ margin-bottom:30px; box-shadow: 0 23px 25px -25px #000000; thead{ tr{ background-color:#bebebe; th{ padding: 05px; text-transform: uppercase; color: white; text-align: center; border-top: solid 01px #e7e7e7; border-bottom: solid 01px #787878; font-style: italic; font-size: 12px; header{ color: #282828; padding: 05px; text-align: left; font-style: normal; font-size: 14px; } } } } tbody{ tr{ .r0{ background-color:#e7e7e7; } .r1{ background-color:#bebebe; } td{ background-color:#e7e7e7; padding: 10px; .subtotal{ font-weight:bold; } } } } } } .company-address { margin-top: 10px; p { font-size: 12px; text-align: center; } } } .waitList{ font-weight: bold; } #cartErrors{ text-align: center; font-size: 14px; color: red; font-weight: bold; margin-bottom: 10px; display: none; }