/****** CSS Document ******/ /***** www.chocolatinkl.co.uk *****/ /**** 2007-10 Off The Hook Design www.offthehookdesign.co.uk ****/ /** Colours used in this document: Red #660000 Dark Red #470000 Cream #e3d377 Dark Cream #c8b45a Gold #b39100 **/ /****** Core Styling ******/ html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; } html {font-size: 62.5%;} body { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background:#f4edc9; } a:link, a:visited { color:#b39100; text-decoration:underline; } a:hover, a:active { color:#660000; text-decoration:underline; } a:link img, a:visited img { text-decoration:none; border: none; } a:hover img, a:active img { text-decoration:none; border: none; } /****** General Layout Styling ******/ #page_wrapper { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_page.gif) repeat-y center; } #page_container { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } .clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } /****** Header Layout Styling ******/ #header_wrapper { width: 980px; height: 121px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #accessibility_controls { display: none; } * html #accessibility_controls { visibility: hidden; } #header_logo { width: 210px; height: 92px; margin: 0px; padding: 0px; float: left; background: url(images/logo_chocolat.gif) no-repeat 0px 0px; } #header_logo a { width: 210px; height: 92px; margin: 0px; padding: 0px; display: block; cursor: pointer; float: left; } #header_image { width: 738px; height: 92px; border-left: 1px solid #e3d377; border-right: 1px solid #e3d377; background: url(images/bground_header_image.jpg) no-repeat 0px 0px; float: left; } /* Search Box Styling */ #header_searchbox { width: 190px; height: 17px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-top: 1px solid #e3d377; border-bottom: 1px solid #e3d377; background: url(images/bground_header_searchbox.gif) no-repeat top left; float: left; clear: left; } #label_searchbox { display: none; } * html #label_searchbox label { visibility: hidden; } #input_searchbox { width: 134px; height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1em; line-height: 1em; border: 1px solid #e3d377; background-color: #E7E5CA; float: left; } #button_searchbox { width: 54px; height: 16px; margin: 0px; padding: 0px 0px 0px 10px; font-size: 0.05em; text-indent: -9999px; color: #660000; border: none; background: url(images/button_searchbox.gif) no-repeat 10px 0px; float: left; cursor: pointer; } #button_searchbox:hover { width: 54px; height: 16px; background: url(images/button_searchbox.gif) no-repeat 10px -16px; } /* Info Box */ #header_infobox { width: 738px; height: 27px; border: 1px solid #e3d377; background: url(images/bground_header_infobox.gif) no-repeat 0px 0px; float: left; } /****** Site Navigation ******/ #navigation { width: 210px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #navigation h4 { font-size: 0.01em; text-indent: -9999px; display: none; } #navigation_shopcategories ul { width: 210px; height: 75px; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_nav_shopcats.gif) no-repeat -210px 0px; } #navigation_services ul { width: 210px; height: 75px; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_nav_services.gif) no-repeat -210px 0px; } #navigation_information ul { width: 210px; height: 100px; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_nav_information.gif) no-repeat -210px 0px; } #navigation ul li { margin: 0px; padding: 0px; list-style: none; top: 0px; } #navigation li a { width: 100%; height: 25px; text-indent: -9999px; text-decoration: none; font-size: 1px; display: block; } #chocolategifts {width: 210px; height: 25px; } #chocolateminesouvenirs { width: 210px; height: 25px; } #leafteas { width: 210px; height: 25px; } #corporategifts { width: 210px; height: 25px; } #hotels { width: 210px; height: 25px; } #weddinggifts { width: 210px; height: 25px; } #storyofchocolate { width: 210px; height: 25px; } #aboutus { width: 210px; height: 25px; } #termsandconditions { width: 210px; height: 25px; } #home { width: 210px; height: 25px; } #chocolategifts a:hover { background: url(images/bground_nav_shopcats.gif) no-repeat 0px -40px; } #chocolateminesouvenirs a:hover { background: url(images/bground_nav_shopcats.gif) no-repeat 0px -65px; } #leafteas a:hover { background: url(images/bground_nav_shopcats.gif) no-repeat 0px -90px; } #corporategifts a:hover { background: url(images/bground_nav_services.gif) no-repeat 0px -40px; } #hotels a:hover { background: url(images/bground_nav_services.gif) no-repeat 0px -65px; } #weddinggifts a:hover { background: url(images/bground_nav_services.gif) no-repeat 0px -90px; } #storyofchocolate a:hover { background: url(images/bground_nav_information.gif) no-repeat 0px -40px; } #aboutus a:hover { background: url(images/bground_nav_information.gif) no-repeat 0px -65px; } #termsandconditions a:hover { background: url(images/bground_nav_information.gif) no-repeat 0px -90px; } #home a:hover { background: url(images/bground_nav_information.gif) no-repeat 0px -115px; } #mine_advert { width: 210px; height: 180px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; text-indent: -9999px; background: url(images/bground_mine_advert.gif) no-repeat 0px 0px; float: left; } #mine_advert a { width: 170px; height: 150px; margin: 15px 20px 15px 20px; padding: 0px 0px 0px 0px; display: block; } #delivery_charges { width: 170px; margin: 20px 20px 5px 20px; padding: 0px 0px 0px 0px; float: left; } #delivery_charges p { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.1em; line-height: 1.1em; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; } #facebook_advert { width: 170px; height: 35px; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; float: left; } /****** Content Layout Styling ******/ #content_wrapper { width: 740px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; float: left; } * html #content_wrapper { display: inline; } #content { width: 710px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; float: left; } #navigation_breadcrumb { width: 710px; margin: 0px 15px 0px 15px; padding: 0.5em 0px 0.5em 0px; font-size: 1.1em; line-height: 1em; color: #c8b46e; border-bottom: 1px solid #c8b46e; float: left; } * html #navigation_breadcrumb { display: inline; } /* Shopping Basket Box Styling */ #box_shoppingbasket { width: 380px; margin: 0px 15px 0px 323px; padding: 0px 10px 0px 10px; background: url(images/bground_box_shoppingbasket.gif) repeat-x #470000; float: left; } * html #box_shoppingbasket { display: inline; } #box_shoppingbasket_text { width: 280px; margin: 6px 0px 7px 0px; padding: 0px; font-size: 11px; line-height: 11px; font-weight: normal; text-align: left; color: #ffffff; float: left; } #box_shoppingbasket_text_empty { width: 380px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 11px; line-height: 11px; font-weight: normal; text-align: left; color: #ffffff; float: left; } #box_shoppingbasket_button { width: 100px; height: 16px; margin: 4px 0px 5px 0px; padding: 0px 0px 0px 0px; float: left; } #button_box_shoppingbasket { width: 100px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; font-size: 0.05em; background: url(images/button_shoppingbasket_checkout.gif) no-repeat 10px 0px; display: block; cursor: pointer; } #button_box_shoppingbasket:hover { background: url(images/button_shoppingbasket_checkout.gif) no-repeat 10px -16px; } /****** General Text Formatting ******/ p { margin: 0px 0px 1.286em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; font-style: normal; font-weight: normal; color: #444444; text-decoration: none; } .sIFR-active h1 { margin: 2em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 2.1em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #b39100; text-decoration: none; text-transform: capitalize; } h2 { margin: 0px 0px 3px 0px; font-size: 1.6em; line-height: 1.125em; font-style: normal; font-weight: bold; color: #660000; } h3 { margin: 20px 0px 3px 0px; padding: 0px 0px 3px 0px; font-size: 1.4em; line-height: 1.143em; font-style: normal; font-weight: bold; color: #660000; border-bottom: #E9DC92 solid 1px; float: left; } span.footer_p_divider {color: #C2A996; } p.cart { margin: 0px 20px 1.286em 20px; } /****** Viewcat Formatting ******/ #viewcat_container { width: 708px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; } .viewcat_pagination { width: 708px; margin: 0px 0px 0px 0px; padding: 0px 0px 1em 0px; font-size: 1.4em; color: #660000; text-align: right; border-bottom: #E9DC92 solid 1px; clear: both; } .viewcat_item { width: 708px; margin: 0px 0px 0px 0px; padding: 1em 0px 1em 0px; border-bottom: #E9DC92 solid 1px; float: left; clear: both; } * html .viewcat_item { display: inline; } .viewcat_item_image { width: 150px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .viewcat_item_information { width: 428px; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; float: left; } .viewcat_item_information h2 { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; line-height: 1em; font-style: normal; font-weight: bold; color: #660000; } .viewcat_item_information h2 a:link, .viewcat_item_information h2 a:visited, .viewcat_item_information h2 a:hover, .viewcat_item_information h2 a:active { text-decoration: none; } .viewcat_item_information p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; } .viewcat_item_information p.viewcat_item_moredetails { margin: 0.5em 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1em; text-transform: uppercase; } .viewcat_item_information p.viewcat_item_moredetails a:link, .viewcat_item_information p.viewcat_item_moredetails a:visited, .viewcat_item_information p.viewcat_item_moredetails a:hover, .viewcat_item_information p.viewcat_item_moredetails a:active { text-decoration: none; } .viewcat_item_buyoptions { width: 100px; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-top: 1px solid #F1E9BB; border-bottom: 1px solid #F1E9BB; background: #F7F2D6; text-align: right; float: left; } * html .viewcat_item_buyoptions { display: inline; } .viewcat_item_price { width: 100px; margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; font-style: normal; font-weight: bold; color: #660000; } .viewcat_item_quantity { width: 100px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; } .label_viewcat_quantity { width: 80px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; color: #660000; } .input_viewcat_quantity { width: 20px; height: 1.2em; font-size: 1.2em; border: 1px solid #660000; text-align: center; } .viewcat_item_addtobasket { width: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .button_viewcat_addtobasket { width: 100px; height: 20px; margin: 0px 0px 0px 0px; height: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; text-align: left; border: none; background: url(images/button_viewcat_addtobasket.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .button_viewcat_addtobasket:hover { background: url(images/button_viewcat_addtobasket.gif) no-repeat 0px -20px; } /****** Viewprod Page Formatting ******/ #viewprod_container { width: 708px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; } #viewprod_description { width: 533px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #viewprod_description p { } #viewprod_description_image {} #viewprod_buyoptions { width: 140px; margin: 0px 0px 0px 15px; padding: 1em 10px 1em 10px; border-top: 1px solid #F1E9BB; border-bottom: 1px solid #F1E9BB; background: #F7F2D6; text-align: center; float: left; } #viewprod_buyoptions #price { width: 140px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 2.1em; line-height: 1em; font-weight: bold; color: #660000; } #viewprod_buyoptions #productoptions { width: 140px; margin: 0px 0px 2em 0px; padding: 0px 0px 0px 0px; } #label_viewprod_productoptions { width: 140px; margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; line-height: 1em; color: #660000; } #select_viewprod_productoptions { width: 138px; margin: 0.5em 0px 0px 0px; font-size: 1.1em; line-height: 1em; font-style: normal; border: 1px solid #c8b45a; background-color: #ffffff; } #viewprod_buyoptions #quantity { width: 140px; margin: 0px 0px 2em 0px; padding: 0px 0px 0px 0px; } #label_viewprod_quantity { width: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; color: #660000; } #input_viewprod_quantity { width: 20px; height: 1.2em; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; font-size: 1.2em; border: 1px solid #c8b45a; text-align: center; } #viewprod_buyoptions #addtobasket { width: 140px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #button_viewprod_addtobasket { width: 140px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; text-align: left; color: #e3d377; border: none; background: url(images/button_viewprod_addtobasket.gif) no-repeat 0px 0px; display: block; cursor: pointer; } * html #button_viewprod_addtobasket { line-height: 5; } #button_viewprod_addtobasket:hover { background: url(images/button_viewprod_addtobasket.gif) no-repeat 0px -25px; } /* View Document (Site Docs) Formatting */ #viewdoc_container { width: 708px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; } #viewdoc_container blockquote { width: 300px; margin: 0px 0px 20px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.1em; line-height: 1.143em; font-style:italic; font-weight: normal; text-align: center; color: #660000; float: right; } #viewdoc_container blockquote span { font-style: normal; color: #e3d377; } form.specialoccasions { width: 500px; } form.specialoccasions div.submit_button { width: 500px; margin: 10px 0px 20px 0px; text-align: right; } /* Home Page Formatting */ #content_home { } #content_home_categories { width: 708px; margin: 0px 1px 14px 1px; padding: 0px 0px 0px 0px; background: url(images/bground_home_categories.gif) repeat-y center; float: left; } * html #content_home_categories { display: inline; } #content_home_categories h2 { width: 710px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; border-bottom: 14px solid #ffffff; background: url(images/bground_h2_home.gif) no-repeat; float: left; display: block; } #content_home_categories_flash { width: 708px; height: 140px; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; float: left; } * html #content_home_categories_flash { display: inline; } #content_home_categories_menu { width: 708px; height: 50px; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 0px; } #content_home_categories_menu ul { width: 708px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #content_home_categories_menu li { width: 230px; height: 50px; margin: 0px 3px 0px 3px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; float: left; } #content_home_categories_menu li a { width: 230px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #content_home_categories_menu li a:hover, #content_home_categories_menu li a:active { display: block; } #content_home_categories_menu li#content_home_categories_menu_chocolategifts { background: url(images/bground_li_home_chocolategifts.gif) no-repeat 0px 0px; } #content_home_categories_menu li#content_home_categories_menu_minesouvenirs { background: url(images/bground_li_home_minesouvenirs.gif) no-repeat 0px 0px; } #content_home_categories_menu li#content_home_categories_menu_leafteas { background: url(images/bground_li_home_leafteas.gif) no-repeat 0px 0px; } #content_home_products { width: 708px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; background: url(images/bground_home_products.gif) repeat-y center; float: left; } * html #content_home_products { display: inline; } #content_home_products h3 { width: 710px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; background: url(images/bground_h3_home.gif) no-repeat; float: left; display: block; } .content_home_products_item { width: 150px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 14px 14px 13px; border-top: 14px solid #ffffff; background: url(images/bground_home_products_item.gif) no-repeat center bottom; float: left; overflow: hidden; position: relative; } * html .content_home_products_item { display: inline; } .content_home_products_item h4 { width: 150px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1.143em; border: none; float: left; } .content_home_products_item h4 a, .content_home_products_item h4 a:link, .content_home_products_item h4 a:visited, #content_home h4 a:hover, .content_home_products_item h4 a:active { text-decoration: none; } .content_home_products_item img { margin: 10px 0px 20px 0px; } .content_home_products_item p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; float: left; } .content_home_products_item_price { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.286em; font-style: normal; font-weight: normal; color: #660000; position: absolute; bottom: 14px; float: left; } #content_home_information { width: 708px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; float: left; } * html #content_home_information { display: inline; } .homepage_container_adverts { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; } .homepage_advert_special_occasions { width: 160px; height: 220px; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_specialoccasions.gif) no-repeat 0px 0px; } .homepage_advert_special_occasions a { width: 160px; height: 220px; margin: 0px; padding: 0px; display: block; cursor: pointer; float: left; } .homepage_advert_gardengifts { width: 160px; height: 220px; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_gardengifts.gif) no-repeat 0px 0px; } .homepage_advert_gardengifts a { width: 160px; height: 220px; margin: 0px; padding: 0px; display: block; cursor: pointer; float: left; } /* Image Formatting */ .image_right { margin: 0px 0px 10px 20px; float: right; } .image_left { margin: 0px 20px 10px 0px; float: left; } div.image_right img { border: none; } /****** Form Styling ******/ span.required { color: red; } fieldset { width: 708px; margin: 2em 0px 0.5em 0px; padding: 0px 0px 0px 0px; border: none; } * html fieldset { margin: 0px 0px 0px 0px; padding: 20px 0px 10px 0px; } *:first-child+html fieldset { margin: 0px 0px 0px 0px; padding: 20px 0px 10px 0px; } fieldset legend { margin: 0em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; font-style: normal; line-height: 1em; font-weight: bold; color: #660000; text-decoration: none; } * html legend { margin: 0px 0px 0px -8px; padding: 0px 0px 0px 0px; } *:first-child+html legend { margin: 0px 0px 0px -8px; padding: 0px 0px 0px 0px; } fieldset div { width: 708px; margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; } /* Input Styling */ .input { margin: 0em 0px 0em 0px; padding: 0.3em 0.3em 0.3em 0.3em; font-size: 1.3em; line-height: 1em; border: 1px solid #c8b45a; background: #ffffff; } .select { margin: 0em 0px 0em 0px; padding: 0em 0em 0em 0em; font-size: 1.3em; border: 1px solid #c8b45a; background: #ffffff; } .checkbox { width: auto; margin: 0em 0px 0em 0px; padding: 0px 0px 0px 0px; border: none; } .quantity { width: 20px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; font-size: 1em; text-align: center; border: 1px solid #c8b45a; background-color: #ffffff; } .textarea { width: 696px; margin: 0em 0px 1em 0px; padding: 0.3em 5px 0.3em 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1em; border: 1px solid #c8b45a; background: #ffffff; } .radio { margin: 0.5em 20px 0px 0px; padding: 0px 0px 0px 0px; float: left; } /* Button Styling */ .button { width: auto; margin: 0px 0px 0px 0px; padding: 0.2em 1em 0.2em 1em; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; color: #660000; border: 1px solid #c8b45a; background: url(images/bground_button.gif) repeat-x top; cursor: pointer; } .button:link, .button:visited, .button a:link, .button a:visited { text-decoration: none; color: #660000; } .button:hover, .button:active, .button a:hover, .button a:active { text-decoration: none; color: #660000; background: url(images/bground_button.gif) repeat-x 0px -100px; } /* Other Styling */ form.specialoccasions textarea { width: 248px; margin: 10px 0px 0px 0px; padding: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; border: 1px solid #e3d377; background-color: #FCFBF1; text-align: left; } * html form.specialoccasions textarea { width: 244px; } .cart_buttons_right textarea { width: 518px; float: right; } form.specialoccasions .form_label { width: 250px; margin: 10px 0px 0px 0px; font-size: 1.3em; font-style: normal; font-weight: bold; color: #444444; float: left; } form.specialoccasions .input_text-wide { width: 248px; margin: 10px 0px 0px 0px; font-size: 1.3em; } * html form.specialoccasions .input_text-wide { width: 242px; display: inline; } /****** Cart Styling ******/ #cart_container { width: 710px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cart_progress { width: 708px; margin: 1em 0px 2em 0px; padding: 0.1em 0px 0.1em 0px; font-size: 1.4em;line-height: 1.5em; color: #e3d377; } /* Cart Progress */ .cart_progress strong { color: #660000; } .cart_progress-1 { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-1.gif) no-repeat center left; } .cart_progress-1-alt { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-1-alt.gif) no-repeat center left; } .cart_progress-2 { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-2.gif) no-repeat center left; } .cart_progress-2-alt { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-2-alt.gif) no-repeat center left; } .cart_progress-3 { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-3.gif) no-repeat center left; } .cart_progress-3-alt { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-3-alt.gif) no-repeat center left; } .cart_progress-4 { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-4.gif) no-repeat center left; } .cart_progress-4-alt { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-4-alt.gif) no-repeat center left; } .cart_progress-5 { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-5.gif) no-repeat center left; } .cart_progress-5-alt { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 25px; background: url(images/cartprogress-5-alt.gif) no-repeat center left; } /* Order Information */ #order_information { width: 170px; margin: 0px 0px 20px 15px; padding: 0px 5px 20px 5px; border-top: 1px solid #F1E9BB; border-bottom: 1px solid #F1E9BB; background: #F7F2D6; float: right; } * html #order_information { display: inline; } #order_information h2 { margin: 0px 0px 1em 0px; padding: 3px 6px 3px 6px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #6B0012; text-decoration: none; font-size: 1.2em; line-height: 1.167em; } #order_information p { padding: 0px 6px 0px 6px; font-size: 1.1em; line-height: 1.091em; } /* Basket Formatting */ #cart_basket { width: 513px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #cart_basket { display: inline; } #form_cart { width: 513px; margin: 0em 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } #basket h2 { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; clear: both; } #cart_invoicedeliveryaddresses { width: 513px; margin: 1em 0px 2em 0px; padding: 0px 0px 0px 0px; float: left; } #cart_invoiceaddress { width: 250px; margin: 0px 13px 0px 0px; float: left; clear: none; } #cart_invoiceaddress h3, #cart_deliveryaddress h3 { width: 250px; margin: 0px 0px 0.5em 0px; font-size: 1.4em; color: #660000; } #cart_invoiceaddress p, #cart_deliveryaddress p {} #cart_deliveryaddress { width: 250px; margin: 0px 0px 0px 0px; float: left; clear: none; } #cart_deliveryaddress label {} #cart_deliveryaddress input {} #cart_deliveryaddress select {} #cart_button_edit { margin: 0em 0px 0em 0px; font-size: 1.2em; } #cart_basket table { width: 100%; margin: 0px 0px 1em 0px; padding: 0.2em 0.2em 0.2em 0.2em; color: #323232; text-decoration: none; font-size: 1em; font-weight: normal; text-decoration: none; text-align: left; border-collapse: collapse; } #cart_basket table th { margin: 0px 0px 0px 0px; padding: 0.3em 0em 0.3em 0em; color: #B39100; font-size: 1.1em; font-weight: bold; text-align: left; background: none; } #cart_basket table th.cart_table_th_delete {} #cart_basket table th.cart_table_th_quantity {} #cart_basket table th.cart_table_th_code {} #cart_basket table th.cart_table_th_product {} #cart_basket table th.cart_table_th_stock {} #cart_basket table th.cart_table_th_price { padding: 0.5em 0.5em 0.5em 0px; text-align: right; } #cart_basket table th.cart_table_th_lineprice { padding: 0.5em 0.5em 0.5em 0px; text-align: right; } #cart_basket table td { margin: 0px 0px 0px 0px; padding: 0.5em 0px 0.5em 0px; text-align: left; font-size: 1.4em; line-height: 1em; vertical-align: baseline; } #cart_basket table td.cart_table_td_delete { padding: 0.5em 0px 0.5em 5px; border-top: 1px solid #e3d377; vertical-align: middle; } #cart_basket table td.cart_table_td_quantity { border-top: 1px solid #e3d377; vertical-align: middle; } #cart_basket table td.cart_table_td_quantity .input_cart_quantity {} #cart_basket table td.cart_table_td_code { border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_product { border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_stock { border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_price { padding: 0.5em 0.5em 0.5em 0px; text-align: right; border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_lineprice { padding: 0.5em 0.5em 0.5em 0px; text-align: right; border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_information { font-size: 1.1em; border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_subtotal_label { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #660000; border-top: 1px solid #e3d377; } #cart_basket table td.cart_table_td_subtotal { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #e3d377; border-top: 1px solid #e3d377; background: #660000; } #cart_basket table td.cart_table_td_vat_label { } #cart_basket table td.cart_table_td_vat { } #cart_basket table td.cart_table_td_shipping_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #B39100; } #cart_basket table td.cart_table_td_shipping { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #660000; background: #e3d377; } #cart_basket table td.cart_table_td_total_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #660000; } #cart_basket table td.cart_table_td_total { padding: 0.5em 0.5em 0.5em 0px; text-align: right; color: #ffffff; font-weight: bold; background: #660000; } #cart_comments { width: 513px; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } #cart_comments label { width: 513px; margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; } #cart_comments textarea { width: 507px; margin: 0px 0px 10px 0px; padding: 0.2em 2px 0.2em 2px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-style: normal; font-weight: normal; text-decoration: none; border: 1px solid #e3d377; background-color: #FCFBF1; text-align: left; } #cart_submitbuttons { width: 513px; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; text-align: right; float: left; } #cart_submitbuttons div { width: 513px; margin: 0em 0px 0.5em 0px; padding: 0px 0px 0px 0px; text-align: right; float: left; } #cart_submitbuttons div a#cart_button_update { float: right; } #cart_submitbuttons div a#cart_button_checkout { font-size: 1.8em; float: right; } /****** Confirmed Page Formatting ******/ #confirmed_container { width: 708px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; } /****** Expressreg Page Formatting ******/ #expressreg_container { width: 708px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; } #form_register { width: 708px; margin: 1em 0px 0px 0px; padding: 0px 0px 0px 0px; } #form_register div { width: 708px; margin: 0.5em 0px 1em 0px; padding: 0px 0px 0px 0px; clear: both; } #form_register div.register_button { width: 708px; margin: 3em 0px 5em 0px; padding: 0px 0px 0px 0px; } #form_register label { width: 120px; margin: 0px 0px 0px 0px; padding: 0.5em 0px 0px 0px; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #660000; display: block; float: left; }\ #form_register .input { width: 100px; } #form_register #title { width: 300px; } #form_register #country { width: 150px;} /****** Gateway Page Formatting ******/ #gateway_container { width: 708px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; } /****** Profile Page Formatting ******/ #gateway_container { width: 708px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; } #form_profile { width: 708px; margin: 1em 0px 0px 0px; padding: 0px 0px 0px 0px; } #form_profile div { width: 708px; margin: 0.5em 0px 1em 0px; padding: 0px 0px 0px 0px; clear: both; } #form_profile label { width: 120px; margin: 0px 0px 0px 0px; padding: 0.5em 0px 0px 0px; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #660000; display: block; float: left; } #form_profile .input { width: 100px; } #form_profile #title { width: 300px; } #form_profile #country { width: 150px; } /****** Footer Layout Styling ******/ #footer_wrapper { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; background: url(images/bground_footer.gif) no-repeat center top; clear: both; } #footer_container { width: 980px; margin: 0px auto 0px auto; padding: 0px; } #footer { width: 980px; margin: 0px 0px 0px 0px; padding: 4px 0px 14px 0px; text-align: center; clear: both; } #footer_content { width: 950px; margin: 0px 0px 0px 0px; padding: 1em 15px 1.167em 15px; } #footer_content p { font-size: 1.2em; line-height: 1.167em; font-weight: bold; color: #660000; } #footer_content p.copyright { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1em; font-weight: normal; } div.txtCopyright { width: 980px; font-size: 1px; color: #FFFFFF; margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; clear: both; display: none; } .clear { width: 100%; clear: both; } /****** sIFR ******/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }