/*------------ PURCHASE PATH ALL PAGES ------------*/ /*The help menu at the top of the page*/ ul.tophelp{display:block; float:left; list-style:none; margin-top:4px; font-weight:bold;} ul.tophelp li{display:inline; float:left; margin-right:5px;} ul.tophelp li, ul.tophelp li a{color:#666;} ul.tophelp .need-help{text-transform:uppercase;padding-top:3px;} /* progress image, all pages except shopping bag*/ .purchase-path-progress-img{padding:18px 0 10px;} #top_left_purchase_path_progress{width:73%;} #top_right_purchase_path_progress{width:26.4%;} /*margin for all purchase path headers with progress image*/ #shopping_bag_top, #signin_top, #shipping_info_top, #payment_page_top, #order_confirmation_top, #add_edit_address_top, #bank_page_top{margin:20px 0; padding-left:5px;} /* margin for all purchase path headers without progress image*/ #signin_top2, #forgot-password-top, #create-account-top{margin:20px 0; height:50px; padding-left:5px;} /*header items */ h2.purchase_path{font-size:1.4em;} h3.purchase_path_subs{font-size:1.3em; font-weight:bold;} #shipping_method h3.purchase_path_subs{font-size:1.3em; font-weight:bold; margin-top:20px;} /*CONTINUE SHOPPING BUTTON on 'shopping bag' & 'confirmation' page*/ img#continue_shopping{margin-bottom:40px; clear:both;} #order_conformation_middle #continue_shopping{clear:none;} #shopping_bag_top #continue_shopping{margin-bottom:0;} /*PROCEED TO PURCHASE BUTTON on 'shopping bag' (x2) & 'shipping page'*/ #proceed_to_purchase{margin-top:10px;} /*the cost totals*/ /*table is the same for shopping bag, confirmation page & payment page (within div: #order_confirmation_bottom, #payment_page_bottom, #shopping_bag_bottom*/ .totals_table{display:block; float:right; margin:20px 25px 0px 0px; color:#999999;} .totals_table tr td{text-align: right;} .totals_table tr#subtotal_row{color:#000000; font-weight:bold; height:45px;} .totals_table .total-description{font-weight:bold;} /*--------------- EMPTY SHOPPING BAG --------------*/ #empty_shopping_bag_middle{margin:50px 0 0;} #empty_shopping_bag_middle #empty_bag{height:100px; line-height:100px; text-align:center; margin-bottom:20px;} #empty_shopping_bag_middle #continue_shopping{text-align:right; margin-bottom:200px;} /*------------------ SHOPPING BAG -----------------*/ #shopping_bag_middle #remove-item{color:#999999; margin-bottom:10px; text-transform:none;} #shopping_bag_middle table.shopping_bag_items #item-header{padding-left:8px} #shopping_bag_top .halfsection{vertical-align:top;} #below_shopping_bag div {float:right;} #below_shopping_bag img {clear:none; float:none; display:block} #below_shopping_bag #price_message {width:500px; margin:10px 20px 0px 0px; color:#333; background-color:#efefef; padding:5px 5px 5px 20px;} /*The items in the shopping bag*/ table.shopping_bag_items{margin-top: 20px;} table.shopping_bag_items th{color:#999999; font-size:1.1em;} table.shopping_bag_items th, td{text-align: left;} table.shopping_bag_items tbody tr td{background-color: #ececec; padding-top: 15px; text-transform:uppercase;} table.shopping_bag_items tbody tr td.special_order_radio{padding-top:0; padding-right:5px;} table.shopping_bag_items tbody tr.prodrow img{margin-left:15px;} table.shopping_bag_items tbody tr td h2{font-weight:bold; font-size:1em; clear:right;} table.shopping_bag_items tbody tr td h3{font-size:1em; clear:right; text-transform:uppercase;} table.shopping_bag_items tbody tr td h4{font-size:1em; clear:right; text-transform:none; color:#990000;padding-top:4px;} table tr.shoppingbag-bottom-row td{border-bottom: #FFFFFF solid 5px; text-align:right; padding-right:44px;} table tr.shoppingbag-bottom-row td a{padding:0 5px; font-size:1em; color:#999999; font-weight:bold;} .zvezda{margin:8px;} table.shopping_bag_items .basket-image {padding:8px 0 0px;} .remove-from-basket{padding-bottom: 5px; padding-right: 26px; text-align: right;} .basket-item-border-bottom{border-bottom:5px solid #FFFFFF;} #move-to-wishlist{text-transform: none; color: #999999;} #save-to-wishlist{text-transform: none; color: #999999;} .out-of-stock{padding:0;} /*special orders*/ #special-order-middle input.button-proceed{margin-bottom:20px;} .special-order-description{width:35%;} .special-order-delete-description{width:30%;} .special-order-radio{text-align:left;padding:0px;width:100px} /* clear shopping bag */ #below_shopping_bag div#empty-basket-button-container {margin-top:42px; float:left;} /*-------------------- SHIPPING -------------------*/ #shipping_info_top input {padding-top:10px;} #shipping_info_body{margin-bottom:35px;} /*notification messages under header*/ #shipping_info_body #purchase-notification-sub{font-weight:bold;} #shipping_info_body #purchase-notification-main{font-weight:bold; font-size:1.1em;} #message_remove_card_details{margin: 0 0 10px; float:left;} /*shipping address (shipping page)*/ #shipping_address_header_shippingpage{display:inline; float:left; width:400px; padding-left:15px; margin:20px 0 4px;} #shipping_info_body #shipping_address{float:left; width:368px; border:none;} #shipping_info_body #shipping_address select{display:block; float:left; width:190px;} #shipping_info_body #shipping_address #shippingadd{margin-bottom:5px;} #shipping_info_body #shipping_address address{display:block; float:left; width:360px; margin-bottom:10px; font-style:normal;} #shipping_info_body #shipping_address a{display:block; float:left; color:#666666;} #shipping_info_body #shipping_address #add-shipping{ clear:both;} /*shipping method (shipping page)*/ #shipping_method_header{display:inline; float:left; width:50%; padding-left:5px; margin:0 0 4px;} #shipping_info_body #shipping_method{float:left; width:410px; margin-left:40px;} #shipping_info_body #shipping_method #shipmethod{margin-bottom:5px;} #shipping_info_body #shipping_method a{color:#666666;} #shipping_info_body #shipping_method ul{list-style:none;} #shipping_info_body #shipping_method ul li{margin-bottom:7px;} #shipping_info_body #shipping_method ul ul{margin-left:30px; font-size:90%; font-style:italic;} #shipping_info_body #shipping_method #more_delivery_information{display:block; margin-top:20px;} #proceed-shipping{margin-top:20px;} .premier-message{margin-bottom:10px;} /*packaging options*/ #packaging_options_header{display:inline; float:left; width:50%; padding-left:15px; margin-bottom:4px; margin-top:10px;} #packaging_options_info label{display:block; clear:both;} #packaging_options_info label input{display:block; float:left; margin:20px;} #packaging_options_info label img{display:block; float:left; margin:15px 5px 5px 5px;} #packaging_options_info label span{display:block; float:left; width:450px; margin:5px;} #packaging_options_info label h5{font-size:100%; font-weight:bold; margin:15px 5px 5px 5px;} #packaging_options_info label p{margin:10px 10px 10px 5px;} #packaging_options_info a{color:#666666;} #packaging_options_info label a{margin:10px 10px 10px 5px;} #include_gift_card{clear:both; padding:20px;} #include_gift_card input{vertical-align:middle;} #include_gift_card img{vertical-align:middle;} #include_gift_card div{float:left;} #include_gift_card div div{margin:5px 0px 0px 35px; float:none;} #include_gift_card a {color:#666666;} #include_gift_card textarea {height:2.5em; width:25em;} #gift_message_text_area{display:block; float:left; margin-left:10px} /*include gift card pop up*/ .popContent{margin:0 20px;} .popContent img{margin:10px 0;} .popContent form div input{margin-left:1px;} .popContent form div p input{margin-top:20px; margin-left:0;} div.alignR{text-align:right; padding-right:3px; padding-top:5px;} #shipping-option-notes01{margin-top:10px;} /*--------------------- PAYMENT -------------------*/ /*###### HACK ########*/ /* min-height hack for #shipping_address, #billing address, #shipping method /* why? =need height set for right border, need height to be variable when special notes will be added occasionly /* how? =set height for body #payment_page_body #shipping_address, html>body #payment_page_body #billing_address, html>body #payment_page_body #shipping_method{height:auto;} /*purchase now button*/ #payment_page_top #purchasenow{padding-top:10px;} /*shipping address (payment page)*/ #shipping_address_header{display:inline; float:left; width:265px; padding-left:15px; padding-bottom:4px;} #payment_page_body #shipping_method_header{display: inline; float: left; width: 265px; padding-left: 15px; padding-bottom: 4px; margin-left:34px;} #payment_page_body #shipping_address{display:inline; float:left; width:264px; border-right:1px dotted #ccc; clear:both;} #payment_page_body #shipping_address address{display:block; float:left; width:100%; margin-bottom:10px; font-style:normal;} #payment_page_body #shipping_address a{display:block; float:left; color:#666666; clear:both;} #secure_logos{height:53px;} /*Height for when the logos are not shown (space is still filled)*/ #secure_logos img{float:right;} #cybertrust_logo{margin-top:6px;} #payment_page_body address .addr_descr{font-weight:bold; display:none; margin-bottom:3px;} /*billing address*/ #billing_address_header{display:inline; float:left; width:270px; padding-left:30px;} #payment_page_body #billing_address{display:inline; float:left; width:288px; padding-left:30px; border-right:1px dotted #ccc;} #payment_page_body #billing_address a{color:#666666;} #payment_page_body #billing_address address{display:block; font-style:normal; clear:both;} .shipping_select{display:inline; float:left; width:190px;} /*shipping method (payment page)*/ #shipping_info_body #shipping_method_header {display: inline; float: left; width: 50%; padding-left: 5px; margin: 20px 0 4px;} #payment_page_body #shipping_method{display:inline; float:left; width:280px; padding-left:30px;} #payment_page_body #shipping_method a{color:#666666;} #payment_page_body #shipping_method h3{margin-bottom:10px;} #payment_page_body #shipping_method a.more-link{display:block;} #shipping_method_info{display:block; float:left; margin-top:0; width:200px; font-weight:bold;} #payment_page_body #shipping_method select{display:block; float: left; width:190px; margin-bottom:10px;} .margin_top_5{margin-top:5px;} /*promotional code*/ #payment_page_body #promotional_code{margin-top:20px;} #promo_submit_btn{vertical-align:middle; margin-bottom: 4px;} /*credit card details*/ #enter_payment_details_heading{margin-top:20px; margin-left:15px; margin-bottom:4px;} #ccard_form #ccfield_icons{margin-bottom:10px; line-height:39px; height:39px;} #ccard_form #ccfield_icons select{margin:4px 5px 0 0; vertical-align:middle;} #ccard_form #ccfield_icons img{margin-top:1px; vertical-align:middle;} #ccard_form p{padding:5px 0;} #ccard_form p#change_card a{font-weight:bold;} #ccard_form #ccfield_labels{display:inline; float:left; width:150px; margin-top:16px;} #ccard_form #ccfield_labels label{display:block; float:left; width:100%; height:30px; margin-top:1px;} #ccard_form #ccfield_labels .card_type{margin-top:16px; height:34px;} #ccard_form #ccfield_fields{display:inline; float:left; width:600px; margin-top:16px;} #ccard_form .field_row{width:700px;} #ccard_form input.text{padding:0; float:left; margin-left:0;} #ccard_form input{margin-right:5px;} #ccard_form select.date{width:70px; margin-right:10px; float:left;} #ccard_form input.date{margin:0 10px 0 0 !important; padding:0;} #ccard_form select#card_type{width:190px; height:20px;} .pad_description{vertical-align: middle; padding:10px; padding-left:15px;} #cc_errors{margin-left:20px;} #cc_errors_ul{list-style-position:inside;} #cc_errors #error_prompt{margin:5px;} #ccard_form a{color: #666666;} /*order summary*/ #order_summary_header{display:inline; float:left; width:50%; padding-left:15px; margin-bottom:4px; margin-top:10px;} #order_summary_section table.shopping_bag_items{margin-top:0;} #order_summary_section table.shopping_bag_items td{border-bottom:5px solid #FFFFFF;} #order_summary_section #item-header{padding-left:15px} /*purchase now button*/ #payment_page_bottom #purchasenow{margin-bottom:20px;} /*------------------- CONFIRMATION ----------------*/ #order_conformation_middle table.shopping_bag_items td{border-bottom:5px solid #FFFFFF;} #order-confirmation-body #purchase-notification-sub{margin-bottom:20px;} #order-confirmation-body #purchase-notification-main{font-size:125%; font-weight:bold;} #order-confirmation-body #tracking_your_order{margin-bottom:20px; padding:0 15px;} #order-conf-any-questions{margin-top:10px;} #order-confirmation-body #print_page{margin-right:15px;} #order-confirmation-body #item-header{padding-left:8px;} #order-confirmation-body h2{font-size:1.4em; margin-bottom:10px;} #order-confirmation-body #order-confirmation-address{margin-bottom:20px;} #order-confirmation-body #confirmation-create-account{margin:10px 0 20px;} #order-confirmation-body form p{margin:5px 0 15px;} #order-confirmation-body form p input{margin:0 5px 0 0; width:auto;} #order-confirmation-body form label{width:350px; display:block; float:left;} #order-confirmation-body form input{width:200px; margin:0 0 10px;} #order-confirmation-body form input{width:200px;} #order-confirmation-body form #submit{margin-right:15px; width:auto;} #confirmation_shipping_address{display:inline; float:left; width:40%;} #confirmation_shipping_address address{display:block; float:left; width:100%; margin-top:10px; font-style:normal;} #confirmation_billing_address{display:inline; float:left; width:40%;} #confirmation_billing_address address{display:block; float:left; width:100%; margin-top:10px; font-style:normal;} p.order_tracking{display:block; float:left; width:87%; margin-top:10px;} #order_summary_section h2{font-size:100%;} #quick-reg-submit{float:right; padding-top:25px;} #quick-reg-password{float:left; width:600px;} .confirm-password{ margin-top:10px;} /*ftbc*/ #ftbc-find{float:left; width:39%; margin-top:10px; text-transform:uppercase;} #ftbc-find .ftbc-photo{float:left; width:120px; height:88px;} #ftbc-find p{float:right; width:245px; margin-left:5px;} #ftbc-find .find-more{margin-top:30px; margin-left:120px; width:128px; height:27px;} #donate-ftbc{ margin-bottom:50px;} #donate-ftbc img{ float:right;} #donate-ftbc p{ width:660px} #donate-ftbc img{ width:109px; height:27px;} #donate-ftbc input{ width:auto !important; float:right;} /*------ CONFIRMATION 3DS authorisation page ------*/ #bank_page_top #purchasenow{margin-bottom:10px; clear:both;} div#bankpage-one{display:inline; float:left; width:100%; background-color:#ECECEC; margin-bottom:50px;} div#bankpage-one #bankpage-one-text{margin:25px; display:inline; float:left; width:460px;} div#bankpage-one #bankpage-one-text p{margin:10px 0;} div#bankpage-one #bankpage-one-text p span{font-weight:bold;} div#bankpage-iframe{margin:5px; display:inline; float:right; width:390px;} /*no script iframe*/ #payment-noscript{text-align:left;background-color:#f6f6f6; padding:10px;} #payment-noscript p{font-size: 100%; margin:10px 0;} .noscript-submit{text-align:right;} /*forgot password*/ #forgot-password-top h1{margin-bottom:15px;} #fp-instrucions{ margin-bottom:10px;} #forgot-password p{ margin-bottom:10px;} /*email sent for setting password*/ #sp-instructions{ margin-bottom:10px; background:url("/nap/build/8.19/images/purchase_path/email-sent-bg.jpg") no-repeat right; height:500px;} #sp-instructions * {width:480px;} #sp-instructions h2 {margin:20px;} #sp-instructions p {margin:20px;} #sp-instructions li {margin:10px 0 0 80px; width:auto;} /*----------POLICY MESSAGE-----------*/ .delivery {font-weight:bold; padding-top:10px; display:block;}