/* private: online_shop */ /* general styles through the shop */ .onlineShopMessage { text-align:center; } .topSpace { padding-top:30px; } .centered { display:block; text-align:center; } .tableHolder { color:#115372; border-bottom:1px solid #C1251C; margin-bottom:5px; padding-bottom:5px; margin-top:10px; } .tableHolder .tableHeader { font-weight:bold; padding:5px; background-color:#E3AEAF; } .tableHolder .tableRow { padding:5px; } .tableHolder .tableRow.evenRow { background-color:#F1D7D8; } .tableHolder .tableRow.oddRow { background-color:#E3AEAF; } .tableHolder .tableRow .largeTextarea { width:515px; height:100px; } /* shop buttons */ .shopButtons { background:#FFFFFF url(/images/site_structure/online_shop/shopbuttons_bg.gif) left top repeat-x; margin:0; padding:0; } .shopButtons .clear { padding-top:5px; background-color:#ffffff; margin-bottom:10px; } .shopButtons .shopButton { height:65px; width:24.9%; float:left; position:relative; display:block; border-right:1px solid #FFFFFF; text-align:center; background-position:50% 10px; background-repeat:no-repeat; } .shopButtons #basket { width:25%; } .shopButtons #items { width:25%; } .shopButtons #total { width:25%; } .shopButtons #checkout { width:23%; border:0;} .shopButtons .shopButton .shopButtonText { display:block; color:#115372; padding-top:40px; font-size:120%; font-weight:bold; } .shopButtons #items .shopButtonText { padding-top:9px; line-height:26px; } .shopButtons #total .shopButtonText { padding-top:9px; line-height:26px; } .shopButtons a.shopButton { text-decoration:none; } .shopButtons a:hover .shopButtonText { color:#C1251C; } .shopButtons a#login { background-image:url(/images/site_structure/online_shop/login_moff.gif); } .shopButtons a#login:hover { background-image:url(/images/site_structure/online_shop/login_mon.gif); } .shopButtons a#basket { background-image:url(/images/site_structure/online_shop/viewbasket_moff.gif); } .shopButtons a#basket:hover { background-image:url(/images/site_structure/online_shop/viewbasket_mon.gif); } .shopButtons a#checkout { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } .shopButtons a#checkout:hover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } .shopButtons a#items { background-image:url(/images/site_structure/online_shop/items_bg.gif); } .shopButtons a#items:hover { background-image:url(/images/site_structure/online_shop/items_bg.gif); } .shopButtons a#total { background-image:url(/images/site_structure/online_shop/totalamount_bg.gif); } .shopButtons a#total:hover { background-image:url(/images/site_structure/online_shop/totalamount_bg.gif); } /* product listings */ .productHolder { width:100%; padding-bottom:5px; margin-bottom:25px; border-bottom:1px solid #C1251C; color:#115372; } .productHolder .clear { } .productHolder .productBar { margin-right:0px;} .productHolder .productBar .leftSide { width:100%; *height:55px; display:block; float:left; position:relative; } .productHolder .productBar .leftSide .productTitle { padding-bottom:1em; font-weight:bold; color:#C1251C; font-size:120%; } /*.productHolder .productBar .leftSide .productTitle a.plus { background:url(/images/site_structure/product_plus.gif) 0px 2px no-repeat; padding-left:15px; }*/ .productHolder .productBar .leftSide .priceBar { font-weight:bold; } .productHolder .productBar .submitButton { background-color:#E5EEF3; width:130px; height:55px; position:relative; display:block; float:right; margin:0 -130px 0 0; padding:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } .productHolder .productBar .submitButton:hover, .productHolder .productBar .submitButton.ieHover { text-decoration:none; } .productHolder .productBar .addToBasket { float:right; background:url(/images/site_structure/online_shop/buynow_button.gif) left top no-repeat; border:0; color:white; font-size:90%; font-weight:bold; width:69px; height:21px; text-align:right; padding:0 5px 0 0; cursor:hand; vertical-align:middle; } /*.productHolder .productBar .submitButton.addToBasket { background-image:url(/images/site_structure/online_shop/addtobasket_moff.gif); }*/ /*.productHolder .productBar .submitButton.addToBasket { width:69px; height:21px; overflow:hidden; background-image:url(/images/site_structure/online_shop/buynow_button.gif) left top no-repeat; } .productHolder .productBar .submitButton.addToBasket:hover, .productHolder .productBar .submitButton.addToBasket.ieHover { background-image:url(/images/site_structure/online_shop/buynow_button.gif); color:#C1251C; } */ .productHolder .productDescription { display:block; padding-top:10px; } .productHolder .productDescription.hidden { display:none; } .productHolder .productDescription hr.top { width:90%; font-size:1px; height:1px; line-height:1px; margin:5px auto; border-top:1px solid #F1D7D8; background-color:#F1D7D8; color:#F1D7D8; } .productHolder .productDescription .productImageHolder { float:right; text-align:center; } .productHolder .productDescription .imagePadding { padding-right:150px; } /*.productHolder .productDescription .productImageHolder .plus { display:block; text-align:center; background:url(/images/site_structure/product_plus.gif) left top no-repeat; padding-left:15px; }*/ /* product popup */ #productPopUp .title { background-color:#F1D7D8; text-align:center; } #productPopUp .title #closePopup { height:30px; width:100px; display:block; border:1px solid #c4c3c4; text-align:center; background-color:#E5EEF3; } #productPopUp .title #closePopup .shopButtonText { display:block; padding-top:8px; } #productPopUp .title #closePopup:hover { background-color:#F1D7D8; text-decoration:none; } #productPopUp .image { text-align:center; } /* basket */ #basketForm table#basketTable { width:100%; border-collapse:collapse; } #basketForm table#basketTable tr th#productPriceHeader { width:75px; } #basketForm table#basketTable tr th#productDeliveryHeader { width:75px; } #basketForm table#basketTable tr th#productQuantityHeader { width:70px; } #basketForm table#basketTable tr th#productTotalHeader { width:75px; } #basketForm table#basketTable tr th#productDeleteHeader { width:52px; } #basketForm table#basketTable tr th#totalPriceHeader { background-color:transparent; text-align:right; } #basketForm table#basketTable tr th.productNameField { background-color:transparent; } #basketForm table#basketTable tr th, #basketForm table#basketTable tr td{ color:#115372; } #basketForm table#basketTable tr th { background-color:#E3AEAF; padding:5px 0 4px 5px; text-align:left; } #basketForm table#basketTable tr.oddRow td, #basketForm table#basketTable tr.oddRow th { background-color:#F1D7D8; } #basketForm table#basketTable tr.evenRow td, #basketForm table#basketTable tr.evenRow th { background-color:#fffced; } #basketForm table#basketTable tr td.productQuantityField, table#basketTable tr td.productDeleteField { text-align:center; margin-left:0; } #basketForm table#basketTable tr td.productQuantityField input { width:65px; margin:auto; padding-left:2px; border:1px solid #c5ba8b; } #basketForm #totalHolder { margin:5px 137px 10px 0; } #basketForm .totalLeft { display:inline; float:left; position:relative; width:100%; text-align:right; } #basketForm .totalRight { display:inline; float:right; position:relative; width:137px; margin-right:-137px; } #basketForm #subTitle, #deliveryTitle, #totalTitle { padding-right:15px; font-weight:bold; border-bottom:1px solid #efdfa6; } #basketForm #totalValue { font-weight:bold; border-bottom:1px solid #efdfa6; } #basketForm #basketButtons { background:#FFFFFF url(/images/site_structure/online_shop/shopbuttons_bg.gif) left top repeat-x; margin:0; padding:0; } #basketForm #basketButtons .submitButton { height:65px; display:block; float:left; width:25%; margin:0; padding:0; border:0; border-right:1px solid #FFFFFF; text-align:center; background-color:transparent; background-position:50% 10px; background-repeat:no-repeat; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } #basketForm #basketButtons .submitButton:hover, #basketForm #basketButtons .ieHover { text-decoration:none; color:#C1251C; } #basketForm #basketButtons #basket_continueShopping { width:28%; background-image:url(/images/site_structure/online_shop/continueshopping_moff.gif); } #basketForm #basketButtons #basket_continueShopping:hover, #basketForm #basketButtons #basket_continueShopping.ieHover { background-image:url(/images/site_structure/online_shop/continueshopping_mon.gif); } #basketForm #basketButtons #basket_clearBasket { width:20%; background-image:url(/images/site_structure/online_shop/clearbasket_moff.gif); } #basketForm #basketButtons #basket_clearBasket:hover, #basketForm #basketButtons #basket_clearBasket.ieHover { background-image:url(/images/site_structure/online_shop/clearbasket_mon.gif); } #basketForm #basketButtons #basket_updateBasket { background-image:url(/images/site_structure/online_shop/updatebasket_moff.gif); } #basketForm #basketButtons #basket_updateBasket:hover, #basketForm #basketButtons #basket_updateBasket.ieHover { background-image:url(/images/site_structure/online_shop/updatebasket_mon.gif); } #basketButtons .shopButton { height:55px; width:24.8%; float:left; position:relative; display:block; border-right:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; } #basketButtons .shopButton .shopButtonText { display:block; color:#115372; padding-top:38px; } #basketButtons a.shopButton { background-color:#transparent; text-decoration:none; font-weight:bold; font-size:110%; } #basketButtons a.shopButton:hover .shopButtonText { color:#C1251C; } #basketButtons a#basket_checkout { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #basketButtons a#basket_checkout:hover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } #basketButtons .clear { padding-top:5px; background-color:#ffffff; margin-bottom:10px; } /* login */ #customerLoginPage .tableHolder .tableHeader { background-color:transparent; } #customerLoginPage .tableHolder .submitRow .submitButton { width:100px; height:64px; display:block; margin:0; padding:0; border:0; background-color:#E5EEF3; padding-top:27px; color:#115372; font-weight:bold; font-size:80%; background-position:50% 30%; background-repeat:no-repeat; } #customerLoginPage .tableHolder .submitRow .submitButton:hover, #customerLoginPage .tableHolder .submitRow .submitButton.ieHover { text-decoration:none; } #customerLoginPage .tableHolder .rowHolder { width:395px; float:left; background:transparent; } #customerLoginPage .tableHolder .submitRow { width:100px; float:left; } #customerLoginForm .tableHolder .rowHolder .tableRow .rightColumn .textInput { width:200px; } #customerLoginForm .tableHolder .rowHolder .tableRow { width:390px; height:32px; padding:0; } #customerLoginForm .tableHolder .rowHolder .tableRow.evenRow { background-color:#F1D7D8; } #customerLoginForm .tableHolder .rowHolder .tableRow.oddRow { background-color:#E3AEAF; } #customerLoginForm .tableHolder .rowHolder .tableRow .leftColumn label { display:block; float:left; width:105px; margin-top:10px; padding-left:10px; font-weight:bold; } /* #customerLoginForm .tableHolder .rowHolder .tableRow .rightColumn input { width:250px; border:1px solid #C1251C; margin-top:6px; *margin-top:5px; margin-right:10px; } */ #customerLoginForm .tableHolder .submitRow #logInSubmit { background-image:url(/images/site_structure/online_shop/login_moff.gif); } #customerLoginForm .tableHolder .submitRow #logInSubmit:hover, #customerLoginForm .tableHolder .submitRow #logInSubmit.ieHover { background-color:#transparent; background-image:url(/images/site_structure/online_shop/login_mon.gif); color:#C1251C; } #customerLoginPage #loginForgotten { border-bottom:1px solid #C1251C; padding:0.4em 0 0.7em 0; } #customerSignupForm .tableHolder .submitRow #signUpSubmit { margin-top:50px; background-position:50% 20%; } #customerSignupForm .tableHolder .submitRow #signUpSubmit { background-image:url(/images/site_structure/online_shop/signup_moff.gif); } #customerSignupForm .tableHolder .submitRow #signUpSubmit:hover, #customerSignupForm .tableHolder .submitRow #signUpSubmit.ieHover { background-image:url(/images/site_structure/online_shop/signup_mon.gif); color:#C1251C; } /* sign up */ /* #newCustomerDetailsForm .tableHolder .submitRow .submitButton { width:94px; height:64px; display:block; margin:0; padding:0; border:0; background-color:#E5EEF3; padding-top:27px; color:#115372; font-weight:bold; font-size:80%; background-position:50% 30%; background-repeat:no-repeat; } #newCustomerDetailsForm .tableHolder .submitRow .submitButton:hover, #customerLoginPage .tableHolder .submitRow .submitButton.ieHover { background-color:#F1D7D8; text-decoration:none; } */ #newCustomerDetailsForm .tableHolder .tableRow .leftColumn { display:block; float:left; width:240px; } #newCustomerDetailsForm .tableHolder .tableRow .rightColumn { display:block; float:left; width:265px; } #newCustomerDetailsForm .tableHolder .tableRow .rightColumn input, #newCustomerDetailsForm .tableHolder .tableRow .rightColumn select { width:250px; padding-left:2px; border:1px solid #c5ba8b; } #newCustomerDetailsForm #submitRow .submitButton { width:130px; height:55px; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } #newCustomerDetailsForm #submitRow .submitButton:hover, #newCustomerDetailsForm #submitRow .submitButton.ieHover { text-decoration:none; color:#C1251C; } #newCustomerDetailsForm #submitRow .submitButton.createNewAccount { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #newCustomerDetailsForm #submitRow .submitButton.createNewAccount:hover, #newCustomerDetailsForm #submitRow .submitButton.createNewAccount.ieHover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } /* forgotten password */ #forgottenPasswordForm .tableHolder .tableRow { margin-top:5px; } #forgottenPasswordForm .tableHolder .tableRow .leftColumn { display:block; float:left; width:240px; } #forgottenPasswordForm .tableHolder .tableRow .rightColumn { display:block; float:left; width:265px; } #forgottenPasswordForm .tableHolder .tableRow .rightColumn input, #newCustomerDetailsForm .tableHolder .tableRow .rightColumn select { width:250px; padding-left:2px; border:1px solid #c5ba8b; } #forgottenPasswordForm .submitRow .submitButton { width:130px; height:55px; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } #forgottenPasswordForm .submitRow .submitButton:hover, #forgottenPasswordForm .submitRow .submitButton.ieHover { text-decoration:none; color:#C1251C; } #forgottenPasswordForm .submitRow #forgottenPasswordSubmit { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #forgottenPasswordForm .submitRow #forgottenPasswordSubmit:hover, #forgottenPasswordForm .submitRow #forgottenPasswordSubmit.ieHover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } /* accountPage */ #accountPage { } #accountPage .shopButton { width:130px; height:23px; display:block; float:left; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; padding-top:32px; margin-right:20px; text-decoration:none; } #accountPage .shopButton:hover { color:#C1251C; } #accountPage #orderHistory.shopButton { background-image:url(/images/site_structure/online_shop/orderhistory_moff.gif); } #accountPage #orderHistory.shopButton:hover { background-image:url(/images/site_structure/online_shop/orderhistory_mon.gif); } #accountPage #changeAddress.shopButton { background-image:url(/images/site_structure/online_shop/changeaddress_moff.gif); } #accountPage #changeAddress.shopButton:hover { background-image:url(/images/site_structure/online_shop/changeaddress_mon.gif); } #accountPage #login.shopButton { background-image:url(/images/site_structure/online_shop/login_moff.gif); } #accountPage #login.shopButton:hover { background-image:url(/images/site_structure/online_shop/login_mon.gif); } /* checkout summary */ #summaryProductList .tableRow .productQuantityCell { display:block; float:left; width:25px; } #summaryProductList .tableRow .productNameCell { display:block; float:left; width:440px; } #summaryProductList .tableRow .productPriceCell { display:block; float:left; width:50px; } #summaryTotalHolder .tableRow { padding:0 5px; } #summaryTotalHolder .totalLeft { display:block; float:left; width:455px; text-align:right; padding-right:10px; font-weight:bold; } #summaryTotalHolder .totalRight { display:block; float:left; width:50px; } #summaryAddressDetails #changeAddress { width:130px; height:23px; display:block; float:left; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; padding-top:32px; margin-right:20px; text-decoration:none; } #summaryAddressDetails #changeAddress:hover { color:#C1251C; } #summaryAddressDetails #changeAddress { background-image:url(/images/site_structure/online_shop/changeaddress_moff.gif); } #summaryAddressDetails #changeAddress:hover { background-image:url(/images/site_structure/online_shop/changeaddress_mon.gif); } #summaryExtraDetails, #summaryDelivery { margin-top:10px; } #cardDetailsHolder .tableRow .leftColumn { display:block; float:left; width:240px; } #cardDetailsHolder .tableRow .rightColumn { display:block; float:left; width:265px; } #cardDetailsHolder .tableRow .rightColumn input { width:250px; padding-left:2px; border:1px solid #c5ba8b; } #summaryAddressDetails .leftColumn { display:block; float:left; width:255px; } #summaryAddressDetails .rightColumn { display:block; float:left; width:255px; } #paymentForm #summarySendOrder { width:150px; height:55px; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } #paymentForm #summarySendOrder:hover, #paymentForm #summarySendOrder.ieHover { text-decoration:none; color:#C1251C; } #paymentForm #summarySendOrder { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #paymentForm #summarySendOrder:hover, #paymentForm #summarySendOrder.ieHover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } /* change address */ #customerDetailsForm .tableHolder .tableRow.addressReturn { width:30%; float:left; border:1px solid #c5ba8b; } #customerDetailsForm .submitButton { width:150px; height:55px; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; } #customerDetailsForm .submitButton:hover, #customerDetailsForm .submitButton.ieHover { background-color:#transparent; text-decoration:none; color:#C1251C; } #customerDetailsForm #changeBillingAddress { background-image:url(/images/site_structure/online_shop/changeaddress_moff.gif); } #customerDetailsForm #changeBillingAddress:hover, #customerDetailsForm #changeBillingAddress.ieHover { background-image:url(/images/site_structure/online_shop/changeaddress_mon.gif); } #customerDetailsForm #newShippingAddress { background-image:url(/images/site_structure/online_shop/addaddress_moff.gif); } #customerDetailsForm #newShippingAddress:hover, #customerDetailsForm #newShippingAddress.ieHover { background-image:url(/images/site_structure/online_shop/addaddress_mon.gif); } #customerDetailsForm #deleteShippingAddress { background-image:url(/images/site_structure/online_shop/deleteaddress_moff.gif); } #customerDetailsForm #deleteShippingAddress:hover, #customerDetailsForm #deleteShippingAddress.ieHover { background-image:url(/images/site_structure/online_shop/deleteaddress_mon.gif); } #customerDetailsForm #addShippingAddress {float:left; margin-right:10px;} #customerDetailsForm #deleteShippingAddress {float:left;} #customerDetailsForm #selectDetails { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #customerDetailsForm #selectDetails:hover, #customerDetailsForm #selectDetails.ieHover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } #customerDetailsForm .tableHolder .tableRow .leftColumn { display:block; float:left; width:240px; } #customerDetailsForm .tableHolder .tableRow .rightColumn { display:block; float:left; width:265px; } #customerDetailsForm .tableHolder .tableRow .rightColumn input { width:250px; padding-left:2px; border:1px solid #c5ba8b; } #newCustomerDetailsForm .tableHolder .submitRow .submitButton { width:94px; height:64px; display:block; margin:0; padding:0; border:0; background-color:#E5EEF3; padding-top:27px; color:#115372; font-weight:bold; font-size:80%; background-position:50% 30%; background-repeat:no-repeat; } #newCustomerDetailsForm .tableHolder .submitRow .submitButton:hover, #customerLoginPage .tableHolder .submitRow .submitButton.ieHover { background-color:#transparent; text-decoration:none; } #changeAddressForm .tableHolder .tableRow .leftColumn { display:block; float:left; width:240px; } #changeAddressForm .tableHolder .tableRow .rightColumn { display:block; float:left; width:265px; } #changeAddressForm .tableHolder .tableRow .rightColumn input, #changeAddressForm .tableHolder .tableRow .rightColumn select { width:250px; padding-left:2px; border:1px solid #c5ba8b; } #changeAddressForm .submitButton { width:130px; height:55px; float:left; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E5EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; margin-right:10px; } #changeAddressForm .submitButton:hover, #changeAddressForm .submitButton.ieHover { text-decoration:none; color:#C1251C; } #changeAddressForm #submitAddress .submitButton { background-image:url(/images/site_structure/online_shop/checkout_moff.gif); } #changeAddressForm #submitAddress .submitButton:hover, #changeAddressForm #submitAddress .submitButton.ieHover { background-image:url(/images/site_structure/online_shop/checkout_mon.gif); } #changeAddressForm #cancelAddress .submitButton { background-image:url(/images/site_structure/online_shop/cancel_moff.gif); } #changeAddressForm #cancelAddress .submitButton:hover, #changeAddressForm #cancelAddress .submitButton.ieHover { background-image:url(/images/site_structure/online_shop/cancel_mon.gif); } /* tandcsForm */ #tandcsForm { margin-top:20px; padding-top:5px; border-top:1px solid #C1251C; } #tandcsForm .submitButton { width:150px; height:55px; float:left; position:relative; display:block; padding:0; border:0; text-align:center; background-position:50% 10px; background-repeat:no-repeat; background-color:#E4EEF3; color:#115372; font-weight:bold; font-size:85%; padding-top:27px; margin-right:10px; } #tandcsForm .submitButton:hover, #tandcsForm .submitButton.ieHover { text-decoration:none; color:#C1251C; } #tandcsForm #disagreeTANDCs { background-image:url(/images/site_structure/online_shop/idisagree_moff.gif); } #tandcsForm #disagreeTANDCs:hover, #tandcsForm #disagreeTANDCs.ieHover { background-image:url(/images/site_structure/online_shop/idisagree_mon.gif); } #tandcsForm #agreeTANDCs { background-image:url(/images/site_structure/online_shop/iagree_moff.gif); } #tandcsForm #agreeTANDCs:hover, #tandcsForm #agreeTANDCs.ieHover { background-image:url(/images/site_structure/online_shop/iagree_mon.gif); } .error {border:0; padding:5px; background:#F1D7D8;} /*LOG IN*/