#hintbox {position: absolute; top: 0; background-color: lightyellow; width: 150px; padding: 3px; border: 1px solid #000; font: normal 11px Verdana; line-height: 18px; z-index: 100; border-right: 3px solid #000; border-bottom: 3px solid #000; visibility: hidden;}

/* CHECKOUT HEADER */
#httpsheader {background-color: #FFFFFF; overflow: hidden; width: 856px; margin: 0 auto; padding: 1px; height: 89px; border: 1px solid #ffffff;}
#httpsheader a img {float: left;}
#httpsheader #nav {width: 684px; float: right;}
#httpsheader #nav ul.checkoutlabel li {margin: 56px 2px 0 2px; font-weight: bold; text-transform: uppercase; float: left; font-size: 10px; width: 122px; text-align: center; background-color: #747474; color: #fff; padding: 3px 0;}
#httpsheader #nav ul.checkoutlabel li.page {margin: 46px 22px 0 0; line-height: 25px; font-size: 31px; width: 236px; background-color: #fff; color: #000; padding: 0px;}
#httpsheader #nav ul.checkoutlabel li.active {background-color: #000;}

/* FORMS */
#dvCheckout {width: 860px; overflow: hidden; background-color: #c0c0c0;}
#dvCheckout .checkoutform {width: 587px; overflow: hidden; background-color: #fff; margin: 4px 7px 4px 16px; float: left;}
#dvCheckout .checkoutform .orderSubtotal {border: 1px solid #C0C0C0; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; width: 848px; margin: 0 4px;}
#dvCheckout .checkoutform p.emailaddy {margin: 3px 3px 3px 7px; font-weight: bold;}
#dvCheckout .checkoutform p.emailaddy input {width: 200px;}
#dvCheckout .checkoutform h1 {width: 587px; color: #fff; background-color: #000; text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 8px 0 8px 4px; line-height: 14px;}
.checkoutsect {width: 587px; overflow: hidden; border-bottom: 1px solid #C0C0C0; margin: 18px 6px 0 5px; padding-bottom: 10px;}
.checkoutsect .title {float: left; width: 544px; color: #000; font-size: 18px; padding: 2px; margin-bottom: 12px;}
.checkoutsect .title span.standout {color: #ff0000; font-size: 11px; margin-left: 13px;}
.checkoutsect .number {float: left; width: 7px; padding: 2px 6px; font-size: 12px; font-weight: bold; color: #fff; background-color: #424242; margin: 0 5px 0 15px;}
.checkoutsect #shippinginfo {margin-top: 8px;}
.checkoutsect p.shiptimes {margin: 7px 0 3px 193px; width: 273px;}
.checkoutsect a {color: #4572FF;}
.checkoutsect .datagroup {padding: 2px 0 3px; overflow: hidden; clear: both; font-weight: bold; font-size: 11px;}
.checkoutsect .datagroup label {float: left; width: 157px; text-align: right; margin-right: 37px; font-size: 10px;}
.checkoutsect .datagroup input {float: left; border: 1px solid #000; width: 223px;}
.checkoutsect .datagroup input[type=radio] {border: 0px;}
.checkoutsect .datagroup input[type=checkbox] {border: 0px;}
.checkoutsect .datagroup input.tinytxt {width: 14px; margin-right: 5px;}
.checkoutsect .datagroup select {float: left; border: 1px solid #000; width: 223px;}
.checkoutsect .payment {padding: 3px 0 3px; overflow: hidden; clear: both; font-weight: bold; font-size: 11px;}
.checkoutsect .payment label {margin: 0 0 2px 195px; text-align: left; font-size: 11px; font-weight: bold;}
.checkoutsect .payment input {margin-left: 195px; border: 1px solid #000; width: 223px;}
.checkoutsect .payment input[type=radio] {border: 0px;}
.checkoutsect .payment input[type=checkbox] {border: 0px;}
.checkoutsect .payment input.smalltxt {width: 130px; margin-right: 5px;}
.checkoutsect .payment select {margin-left: 195px; border: 1px solid #000; width: 130px;}
.checkoutsect .payment select.smalltxt {width: 65px;}
.checkoutsect .payment select.secondsel {margin-left: 2px;}
.checkoutsect .payment a {float: left; text-decoration: underline;}
.checkoutsect .payment img {float: left; padding-right: 3px;}
.checkoutsect .payment img.apply {margin-bottom: 2px;}
.checkoutsect .payment .toppad {padding-top: 3px;}
.checkoutsect p.coupon {margin: 0 0 0 193px; width: 300px; color: #ff0000;}
.loginform {float: left; overflow: hidden; background-color: #fff; width: 227px; margin: 4px 0 12px; padding: 8px;}
.loginform h2 {color: #424242; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; width: 227px; border-bottom: 1px solid #000; padding: 2px 0 10px; margin-bottom: 7px;}
.loginform .datagroup {padding: 2px 0 7px;}
.loginform .datagroup label {padding-bottom: 3px; font-size: 10px;}
.loginform .datagroup label a {color: #4572FF; text-decoration: none;}
.loginform .datagroup input {border: 1px solid #000; clear: both; width: 225px;}
.loginform .datagroup input[type=radio] {border: 0px;}
.loginform .datagroup input[type=checkbox] {border: 0px;}
.loginform .datagroup input.tinytxt {width: 14px; margin-right: 5px;}
.loginform .datagroup a {text-decoration: underline; color: #4572FF;}
.loginform .datagroup img {padding-left: 15px;}
#ordersummary {overflow: hidden; background-color: #fff; width: 237px; margin: 4px 0; padding: 3px;}
#ordersummary h2 {color: #424242; font-weight: bold; font-size: 15px; text-transform: uppercase; text-align: center; width: 237px; border-bottom: 1px solid #000; padding: 5px 0 10px; margin-bottom: 7px;}
#ordersummary .datagroup {padding: 1px 0; clear: both; overflow: hidden; font-size: 10px;}
#ordersummary .last {border-bottom: 1px solid #000; padding-bottom: 5px;}
#ordersummary .datagroup label {float: left; text-align: right; width: 130px;}
#ordersummary .datagroup span.money {float: left; text-align: right; width: 55px;}
#ordersummary .ordertotal {clear: both; overflow: hidden; margin: 3px auto 8px auto; background-color: #8d8d8d; color: #fff; font-size: 21px; font-weight: bold; padding: 14px 0; text-align: center;}
#dvCheckout p.assistance {font-size: 12px; margin: 20px 0 13px; font-weight: bold;}
#dvCheckout p.calltollfree {font-size: 17px; font-weight: bold;}
#ccwarn {display: none;}

/* ORDER REVIEW */
#dvCheckout {width: 860px; overflow: hidden; background-color: #c0c0c0;}
#dvCheckout #orderreview {width: 828px; overflow: hidden; background-color: #fff; margin: 4px 16px; float: left;}
#dvCheckout #orderreview h1 {width: 828px; color: #fff; background-color: #000; text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 8px 0 8px 4px; line-height: 14px;}
#dvCheckout #orderreview .reviewsect {clear: both; overflow: hidden; margin: 20px 50px 0 75px; border: 5px solid #ccc;}
#dvCheckout #orderreview .reviewsect .infoblock {float: left; overflow: hidden; width: 230px; border-right: 1px solid #ccc; height: 220px; margin: 0; padding: 0;}
#dvCheckout #orderreview .reviewsect .last {border-right: 0px;}
#dvCheckout #orderreview .reviewsect h2 {margin-bottom: 21px; background: #f9f9f9 url('/images/review_grad.gif') repeat-x top left; height: 24px; width: 220px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 12px; padding: 12px 0 0 10px;}
#dvCheckout #orderreview .reviewsect h2.large {width: 683px;}
#dvCheckout #orderreview .reviewsect h2 span.change {font-size: 11px;}
#dvCheckout #orderreview .reviewsect h2 span.change a {text-decoration: underline;}
#dvCheckout #orderreview .reviewsect h2 span.nonbold {font-weight: normal;}
#dvCheckout #orderreview .reviewsect label {clear: both; width: 120px; text-align: right; float: left; padding-bottom: 5px;}
#dvCheckout #orderreview .reviewsect span.money {width: 96px; text-align: right; float: left; padding-bottom: 5px;}
#dvCheckout #orderreview .reviewsect p {padding: 0 0 5px 10px; margin: 0px;}
#dvCheckout #orderreview .reviewsect .ordertotals {clear: both; overflow: hidden; padding-top: 10px;}
#dvCheckout #orderreview .reviewsect .ordertotals label {width: 140px;}
#dvCheckout #orderreview .reviewsect .ordertotals span.money {font-size: 15px; font-weight: bold; width: 76px;}
#dvCheckout #orderreview .shippingblock {width: 190px; clear: both; overflow: hidden; float: left;}
#dvCheckout #orderreview .shippingblock h3 {font-weight: bold; font-size: 11px; padding: 0 0 7px 10px;}
#dvCheckout #orderreview .shippingblock p {padding: 0 0 3px 20px; margin: 0px;}
#dvCheckout #orderreview .shippingblock p.last {padding-bottom: 15px;}
#dvCheckout #orderreview p.submit {width: 778px; text-align: right; padding: 7px 0;}

#dvCheckout #orderreview #checkoutcart {overflow: hidden; width: 490px; float: left; border: 1px solid #ccc; padding-bottom: 20px;}
#dvCheckout #orderreview #checkoutcart ul.cartheader {background: #f9f9f9 url('/images/review_grad.gif') repeat-x top left; height: 30px; border-bottom: 1px solid #ccc;}
#dvCheckout #orderreview #checkoutcart ul.cartheader li {float: left; margin-right: 19px; padding: 8px 0;}
#dvCheckout #orderreview #checkoutcart ul.cartheader li.desc {padding-left: 7px; width: 239px;}
#dvCheckout #orderreview #checkoutcart ul.cartheader li.price {text-align: right; width: 50px;}
#dvCheckout #orderreview #checkoutcart ul.cartheader li.qty {text-align: center; width: 55px;}
#dvCheckout #orderreview #checkoutcart ul.cartheader li.total {text-align: right; width: 60px;}
#dvCheckout #orderreview #checkoutcart ul.row {padding: 8px 0; clear: both; overflow: hidden;}
#dvCheckout #orderreview #checkoutcart ul.row li {float: left; font-size: 11px; margin-right: 19px;}
#dvCheckout #orderreview #checkoutcart ul.row li.desc {padding-left: 7px; width: 239px;}
#dvCheckout #orderreview #checkoutcart ul.row li.price {text-align: right; width: 50px;}
#dvCheckout #orderreview #checkoutcart ul.row li.qty {text-align: center; width: 55px;}
#dvCheckout #orderreview #checkoutcart ul.row li.total {text-align: right; width: 60px;}
#dvCheckout #orderreview .carttotals {overflow: hidden; float: right; width: 224px; margin: 0 11px 15px 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#dvCheckout #orderreview .carttotals label {width: 110px; padding-right: 15px; border-right: 1px solid #ccc;}
#dvCheckout #orderreview .carttotals label.top {padding-top: 7px;}
#dvCheckout #orderreview .carttotals label.bottom {padding-bottom: 7px;}
#dvCheckout #orderreview .carttotals label.final {border-right: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 16px 10px 0; background: #f9f9f9 url('/images/review_grad.gif') repeat-x top left;}
#dvCheckout #orderreview .carttotals span.money {width: 76px; padding-right: 22px;}
#dvCheckout #orderreview .carttotals span.top {padding-top: 7px;}
#dvCheckout #orderreview .carttotals span.bottom {padding-bottom: 7px;}
#dvCheckout #orderreview .carttotals span.final {font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 22px 10px 0; background: #f9f9f9 url('/images/review_grad.gif') repeat-x top left;}

#checkoutconfirm {text-align: center; height: 500px; width: 860px;}
#checkoutconfirm h1 {color: gray; font-size: 20px; font-weight: bold; margin: 30px 0 20px 0;}
#checkoutconfirm p {margin: 20px 0;}
#checkoutconfirm p a {color: #4572FF; text-decoration: underline;}