/****** CSS Document ******/ /***** www.dreamdrams.co.uk *****/ /**** 2008 Off The Hook Design www.offthehookdesign.co.uk ****/ /** Colours used in this document: Dark Brown #3c0a00 Brown #6d1a00 Light Brown #a87866 Used for dividers (60% brown) Orange #e69600 Dark Orange #b25400 Light Orange #f4e8b9 Used for backgrounds **/ /****** Overall Styling ******/ html, body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } html { font-size: 62.5%; line-height: 100%; } body { font-family: Verdana, arial, helvetica, sans-serif; background: url(images/bground_page.gif) repeat-y center #5A1400; } a:link, a:visited { color:#b25400; text-decoration:underline; } a:hover, a:active { color:#e69600; 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; } .txtCopyright { display: none; } /****** Layout Styling ******/ #container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_container.jpg) repeat-x top; } .clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } /* Header */ #header_wrapper { width: 100%; height: 110px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_header_wrapper.jpg) no-repeat center top; } #header { width: 980px; height: 110px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #header_logo { width: 605px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #header_logo a { width: 605px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/logo_header.gif) no-repeat 0px 0px; display: block; cursor: pointer; float: left; } #header_logo img { width: 605px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #header_logo a:link img, #header_logo a:visited img { border: none; text-decoration:none; } #header_logo a:hover img, #header_logo a:active img { border: none; text-decoration:none; } /* Content */ #content_wrapper { width: 100%; min-height: 400px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; background: url(images/bground_content_wrapper.gif) no-repeat center top; } * html content_wrapper { height: 400px; } #content_inner { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #content { width: 950px; margin: 20px auto 0px auto; padding: 0px 0px 0px 0px; } #content_left { width: 210px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_right { width: 720px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; } /* Footer */ #footer_wrapper { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1em; text-align: center; clear: both; } #footer { width: 720px; margin: 2em auto 2em auto; padding: 1em 0px 1em 0px; text-align: left; background: #f4e8b9; float: left; } /****** Site Navigation ******/ #navigation { width: 210px; margin: 0px 0px 0px 0px; padding: 0.5em 0px 0.5em 0px; background: #f4e8b9; } #navigation h2 { margin: 0px 0px 0.5em 0px; padding: 0.5em 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #6d1a00; } #navigation h3 { margin: 1em 0px 0px 0px; padding: 0.2em 10px 0em 10px; font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #b25400; } #navigation ul { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.1em; line-height: 1em; font-weight: normal; list-style: none; } * html #navigation ul { margin: 0.5em 0px 0.5em 0px; } #navigation li { margin: 0px 0px 0px 0px; padding: 0em 0px 0em 0px; vertical-align: bottom; } #navigation li a { margin: 0px 0px 0px 0px; padding: 0.5em 10px 0.5em 10px; display: block; } * html #navigation li a { margin: -0.5em 0px -0.5em 0px; padding: 0.5em 10px 0.5em 10px; } #navigation li a:link, #navigation li a:visited { color: #000000; text-decoration:none; } #navigation li a:hover, #navigation li a:active { color: #b25400; text-decoration:none; background: #F0DE9C; } /****** Site Credits ******/ #site_credits { width: 210px; margin: 2em 0px 0px 0px; padding: 5px 0px 1em 0px; background: #f4e8b9; } #site_credits h2 { margin: 0px 0px 0.5em 0px; padding: 0.5em 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #6d1a00; } #site_credits p { margin: 0px 0px 0px 0px; padding: 0.2em 10px 0.3em 10px; font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #6d1a00; } /****** Shopping Basket Box Styling ******/ #box_shoppingbasket { width: 580px; height: 30px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } * html #box_shoppingbasket { display: inline; } #box_shoppingbasket_text { width: 440px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1em; text-align: right; color: #3c0a00; float: left; } * html #box_shoppingbasket_text { height: 2px; padding: 0px 0px 0px 0px; line-height: 28px; display: inline; } *:first-child+html #box_shoppingbasket_text { height: 28px; padding: 1px 0px 1px 0px; display: inline; } #box_shoppingbasket_text span { width: 440px; height: 30px; margin: 0px 0px 0px 0px; padding: 0.01em 0px 0.01em 0px; display: table-cell; vertical-align: middle; } * html #box_shoppingbasket_text span { width: 440px; height: 28px; margin: 0px 0px 0px 0px; padding: 0.01em 0px 0.01em 0px; display: block; float: none; } *:first-child+html #box_shoppingbasket_text span { width: 440px; height: 25px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.2em; display: block; float: none; } #box_shoppingbasket_button { width: 110px; height: 18px; margin: 0px 15px 0px 15px; padding: 6px 0px 6px 0px; float: left; } * html #box_shoppingbasket_button { display: inline; } #box_shoppingbasket_button a { width: 110px; height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_box_shoppingbasket.gif) no-repeat 0px 0px; float: left; cursor: pointer; display: block; } #box_shoppingbasket_button a:hover { background: url(images/button_box_shoppingbasket.gif) no-repeat -110px 0px; } /****** Session Box Styling ******/ #box_session { width: 370px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; font-size: 1.2em; line-height: 1em; text-align: left; color: #3c0a00; float: left; overflow: hidden; } * html #box_session { display: inline; } #box_session span { width: 480px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: table-cell; vertical-align: middle; } * html #box_session span { width: 460px; height: 20px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; display: block; float: none; } *:first-child+html #box_session span { width: 460px; height: 20px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; line-height: 1.2em; display: block; float: none; } #box_session a:link, #box_session a:visited { color:#ffffff; text-decoration:none; } #box_session a:hover, #box_session a:active { color: #3c0a00;; text-decoration:underline; } /****** Newsletter Signup Box Styling ******/ #box_newsletter { width: 715px; height: 35px; margin: 0px 0px 2em 0px; padding: 10px 0px 10px 0px; background: url(images/bground_box_newsletter.gif) no-repeat 0px 0px; float: right; } * html #box_newsletter { display: inline; } #box_newsletter_details { width: 280px; height: 35px; margin: 0px 0px 0px 70px; padding: 0px 0px 0px 0px; font-size: 1em; font-weight: bold; color: #ffffff; float: left; overflow: hidden; } * html #box_newsletter_details { display: inline; } #box_newsletter_details span { width: 280px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: table-cell; vertical-align: middle; } * html #box_newsletter_details span { width: 280px; height: 30px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } *:first-child+html #box_newsletter_details span { width: 280px; height: 30px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1em; display: block; } #box_newsletter_email { width: 235px; height: 19px; margin: 0px 10px 0px 0px; padding: 8px 0px 8px 0px; float: left; clear: none; } * html #box_newsletter_email { display: inline; } #label_newsletter_email { width: 0px; display: none; } #input_newsletter_email { width: 225px; height: 17px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; } * html #input_newsletter_email { display: inline; } #box_newsletter_button { width: 110px; height: 19px; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; float: left; clear: none; } #button_newsletter_subscribe { width: 110px; height: 19px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; border: none; background: url(images/button_box_newsletter.gif) no-repeat 0px 0px; cursor: pointer; float: left; clear: none; } * html #button_newsletter_subscribe { display: inline; } #button_newsletter_subscribe:hover { width: 110px; height: 19px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/button_box_newsletter.gif) no-repeat -110px 0px; } /****** Content Text Formatting ******/ /* Paragraph (p) Styling */ 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: #3c0a00; text-decoration: none; } #credits_wrapper p { margin: 0px 0px 0em 0px; padding: 0px 0px 0px 0px; font-size: 1em; font-style: normal; font-weight: normal; color: #464646; text-decoration: none; } #credits_wrapper p a:link, #credits_wrapper p a:visited { color:#464646; text-decoration:none; } #credits_wrapper p a:hover, #credits_wrapper p a:active { color:#323232; text-decoration:none; } /* Header Styling */ h1 { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; font-style: bold; line-height: 1.167em; font-weight: bold; color: #6d1a00; text-decoration: none; } h2 { margin: 2em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; font-style: bold; line-height: 1.125em; font-weight: bold; color: #b25400; text-decoration: none; } .viewcat_details h2 { margin: 0em 0px 0.2em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #64bee6; text-decoration: none; } h3 { margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #323232; text-decoration: none; } h4 { margin: 0px 0px 3px 0px; font-size: 1.6em; line-height: 1.125em; font-style: normal; font-weight: bold; color: #647064; } .box_wrapper h4 { margin: 0em 0px 0.5em 0px; padding: 0px 0px 0.5em 0px; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #643c1e; background: url(images/divider_item_horizontal.gif) repeat-x bottom left; } .viewcat_container h4 a:link, .viewcat_container h4 a:visited, .viewcat_container h4 a:hover, .viewcat_container h4 a:active { text-decoration: none; } /* List Styling */ #box_popularproducts ol { margin: 1em 0px 1em 0px; padding: 0px 0px 0px 20px; font-size: 1.2em; line-height: 1em; color: #643c1e;list-style: decimal; } #box_popularproducts li { margin: 0.4em 0px 0.4em 0px; padding: 0px 0px 0px 10px; } #box_cartnavigation .box_content ul { margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; text-align: center; font-size: 1.1em; line-height: 1em; color: #ffffff; list-style: none; } #box_cartnavigation .box_content li { margin: 0.4em 0px 0.4em 0px; padding: 0px 0px 0px 0px; } .list_content_centre_ordered { margin: 1em 0px 1em 0px; padding: 0px 0px 0px 20px; font-size: 1.2em; line-height: 1em; color: #464646;list-style: decimal; } #content_centre_footer ul li.first { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; float: left; list-style: none; float: left; border-left: none; } /* Other Text Styling */ strong { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } /****** Home Page Formatting ******/ #content_left_homepage { width: 210px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_left_homepage p { margin: 0px 0px 1.167em 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.167em; font-style: normal; font-weight: normal; color: #3c0a00; text-decoration: none; } #content_left_homepage #site_credits p { margin: 0px 0px 0px 0px; padding: 0.2em 10px 0.3em 10px; font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #6d1a00; } #content_right_homepage { width: 735px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; float: left; } #homepage_products_wrapper { width: 735px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .homepage_products_item { width: 225px; margin: 0px 0px 20px 20px; padding: 0px 0px 0px 0px; float: left; } * html .homepage_products_item { display: inline; } .homepage_products_item h3 { margin: 0em 0px 0em 0px; padding: 0.6em 10px 0.6em 10px; font-size: 1.3em; font-style: normal; line-height: 1.1em; font-weight: bold; text-align: center; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; background: url(/images/bground_h3_homepage.gif) repeat-x bottom #6E1E00; } .homepage_products_item h3 a:link, .homepage_products_item h3 a:visited { color: #ffffff; text-decoration: none; } .homepage_products_item h3 a:hover, .homepage_products_item h3 a:active { color:#e69600; text-decoration:underline; } .homepage_products_image { width: 195px; height: 100px; margin: 0px 0px 0px 0px; padding: 1em 0px 0.5em 0px; float: left; border-right: 15px solid #f4e8b9; border-left: 15px solid #f4e8b9; border-top: 10px solid #f4e8b9; border-bottom: 5px solid #f4e8b9;background: #f4e8b9; display: block; } .homepage_products_image a { width: 195px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .homepage_products_image a img { width: 195px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .homepage_products_price { width: 95px; margin: 0px 0px 0px 0px; padding: 0.2em 5px 0.2em 15px ; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #e69600; text-decoration: none; background: #f4e8b9; float: left; } * html .homepage_products_price { display: inline; } .homepage_products_region { width: 95px; margin: 0px 0px 0px 0px; padding: 0.2em 15px 0.2em 0px; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: normal; text-align: right; color: #3c0a00; text-decoration: none; background: #f4e8b9; float: left; } .homepage_products_size { width: 95px; margin: 0px 0px 0px 0px; padding: 0.2em 5px 0.2em 15px; font-size: 1.3em; font-style: normal; line-height: 1.143em; font-weight: normal; color: #3c0a00; text-decoration: none; background: #f4e8b9; float: left; clear: both; } .homepage_products_abv { width: 95px; margin: 0px 0px 0px 0px; padding: 0.2em 15px 0.2em 0px; font-size: 1.3em; font-style: normal; line-height: 1.143em; font-weight: normal; text-align: right; color: #3c0a00; text-decoration: none; background: #f4e8b9; float: left; } .homepage_products_more { width: 195px; margin: 0px 0px 0px 0px; padding: 0.3em 0px 0em 0px; font-size: 1.2em; font-style: normal; line-height: 1.143em; font-weight: normal; text-align: center; color: #3c0a00; text-decoration: none; text-transform: uppercase; border-left: 15px solid #f4e8b9; border-right: 15px solid #f4e8b9; background: #f4e8b9; float: left; } .homepage_products_more a { width: 195px; margin: 0px 0px 0px 0px; padding: 0.3em 0px 0.3em 0px; border-top: 1px solid #a87866; border-bottom: 1px solid #a87866; display: block;} .homepage_products_more a:link, .homepage_products_more a:visited { text-decoration: none; } .homepage_products_outofstock { width: 195px; margin: 0px 0px 0px 0px; padding: 0.3em 0px 0em 0px; font-size: 1.4em; font-style: normal; line-height: 1.143em; font-weight: bold; text-align: center; color: #3c0a00; text-decoration: none; text-transform: uppercase; } .homepage_products_buyoptions { width: 185px; margin: 0px 0px 0px 0px; padding: 1em 20px 15px 20px; background: #f4e8b9; float: left; } .homepage_products_quantity { width: 25px; margin: 0em 20px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.38em; color: #003264; float: left; clear: none; } .homepage_products_quantity .label_homepage_quantity { width: 1px; height: 1px; font-size: 1px; visibility: hidden; display: none; } .homepage_products_quantity .input_homepage_quantity { width: 23px; height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; border: 1px solid #3c0a00; background-color: #ffffff; } .homepage_products_addtobasket { width: 140px; height: 20px; margin: 0em 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; color: #003264; float: left; clear: none; } .homepage_products_addtobasket a.button_homepage_addtobasket { width: 140px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_homepage_addtobasket.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .homepage_products_addtobasket a.button_homepage_addtobasket:hover, .homepage_products_addtobasket a.button_homepage_addtobasket:active { background: url(images/button_homepage_addtobasket.gif) no-repeat -140px 0px; } /****** View Category Formatting ******/ #content_right_viewcat {width: 720px; margin: 1em 15px 2em 15px; padding: 0px 0px 0px 0px; float: left; } * html .viewcat_container { display: inline; } .viewcat_subcat { width: 730px; margin: 2em 0px 0px 0px; padding: 10px 10px 0px 10px; background: url(images/bground_viewcat_item.gif) repeat-x #f7e398; float: left; clear: both; } .viewcat_subcat_image { width: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1.167em; font-weight: bold; color: #3c0a00; float: left; } .viewcat_subcat_details { width: 520px; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1.167em; color: #003264; float: left; } .viewcat_subcat_details h2 { margin: 0px 0px 0.2em 0px; padding: 0px 0px 0px 0px; font-size: 1em; line-height: 1em; font-style: normal; font-weight: bold; color: #003264; } .viewcat_subcat_details p { margin: 0.2em 0px 0px 0px; padding: 4px 0px 4px 0px; color: #333333; font-size: 0.8em; font-style: normal; line-height: 1.1em; font-weight: normal; } .viewcat_subcat_button { width: 110px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .viewcat_subcat_button a.button_viewcat_viewdetails { width: 110px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_viewcat_viewdetails.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .viewcat_subcat_button a.button_viewcat_viewdetails:hover, .viewcat_subcat_button a.button_viewcat_viewdetails:active { background: url(images/button_viewcat_viewdetails.gif) no-repeat -0px -20px; } .viewcat_item { width: 730px; margin: 2em 0px 0px 0px; padding: 10px 10px 0px 10px; background: url(images/bground_viewcat_item.gif) repeat-x #f7e398; float: left; clear: both; } * html .viewcat_item { display: inline; } .viewcat_item_productcode { width: 60px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1.167em; font-weight: bold; color: #3c0a00; float: left; } .viewcat_item .item_image img { width: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #CAD2AD; } .viewcat_item_details { width: 380px; margin: 0px 20px 0px 10px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1.167em; color: #003264; float: left; } .viewcat_item_details h2 { margin: 0px 0px 0.2em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.125em; font-style: normal; font-weight: bold; color: #8a1c12; } .viewcat_item_details p { margin: 0.5em 0px 0px 0px; padding: 4px 0px 4px 0px; color: #333333; font-size: 1.2em; font-style: normal; line-height: 1.5em; font-weight: normal; border-top: 1px solid #CAD2AD; border-bottom: 1px solid #CAD2AD; } .viewcat_item_price { width: 100px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1.167em; text-align: right; color: #000000; float: left; } .viewcat_item_buyoptions { width: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .viewcat_item_quantity { width: 20px; margin: 0em 10px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; color: #003264; float: left; } .viewcat_item_quantity .label_viewcat_quantity { width: 1px; height: 1px; font-size: 1px; visibility: hidden; display: none; } .viewcat_item_quantity .input_viewcat_quantity {width: 18px; height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; border: 1px solid #3c0a00; background-color: #ffffff; } .viewcat_item_addtobasket { width: 110px; height: 30px; margin: 0em 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; color: #003264; float: left; } .viewcat_item_addtobasket a.button_viewcat_addtobasket { width: 110px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; background: url(images/button_viewcat_addtobasket.gif) no-repeat 0px 0px; display: block; cursor: pointer; } .viewcat_item_addtobasket a.button_viewcat_addtobasket:hover, .viewcat_item_addtobasket a.button_viewcat_addtobasket:active { background: url(images/button_viewcat_addtobasket.gif) no-repeat -0px -20px; } /****** Viewprod Formatting ******/ #viewprod_container { width: 720px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #viewprod_details { width: 320px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #viewprod_details { width: 315px; display: inline; } #viewprod_details h1 { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; } #viewprod_buying_options { width: 140px; margin: 0px 20px 0px 0px; padding: 10px 10px 10px 10px; text-align: center; font-size: 1em; line-height: 1em; background: url(images/bground_viewprod_buying.gif) repeat-x 0px 0px #e69600; float: left; } * html #viewprod_buying_options { display: inline; } #viewprod_price { width: 140px; margin: 0px 0px 0.5em 0px; padding: 0.01em 0px 0.01em 0px; font-size: 1.8em; font-style: normal; line-height: 1.143em; font-weight: bold; color: #ffffff; text-decoration: none; } #viewprod_region { width: 140px; margin: 0em 0px 0.5em 0px; padding: 0.5em 0px 0.01em 0px; font-size: 1.3em; line-height: 1.3em; color: #3c0a00; border-top: 1px solid #f4e8b9; } #viewprod_size { width: 140px; margin: 0px 0px 0.5em 0px; padding: 0.2em 0px 0.01em 0px; font-size: 1.3em; line-height: 1.3em; color: #3c0a00; } #viewprod_abv { width: 140px; margin: 0px 0px 0.5em 0px; padding: 0.2em 0px 0.5em 0px; font-size: 1.3em; line-height: 1.3em; color: #3c0a00; border-bottom: 1px solid #f4e8b9; } #viewprod_quantity { width: 140px; margin: 0px 0px 0.5em 0px; padding: 0em 0px 0.2em 0px; font-size: 1em; text-align: center; } #viewprod_quantity label { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1.3em; font-weight: bold; color: #3c0a00; float: none; display: inline; } #input_viewprod_quantity { width: 14px; margin: 0px 0px 0px 10px; padding: 0.2em; text-align: center; border: 1px solid #3c0a00; background-color: #ffffff; } #viewprod_addtobasket { width: 140px; height: 26px; margin: 0px 0px 0px 0px; padding: 0.01em 0px 0.01em 0px; float: left; } #viewprod_addtobasket a { width: 140px; height: 26px; font-size: 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; cursor: pointer; border: none; display: block; } #button_viewprod_addtobasket { width: 140px; height: 26px; background: url(images/button_viewprod_addtobasket.gif) no-repeat 0px 0px; } #button_viewprod_addtobasket:hover { width: 140px; height: 26px; background: url(images/button_viewprod_addtobasket.gif) no-repeat -140px 0px; } #viewprod_image { width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #viewprod_image { display: inline; } #viewprod_image img { width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; } /* Account Homepage */ .account_menu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .account_menu li { margin: 0.5em 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; font-weight: bold; list-style: none; } /****** Cart Formatting ******/ #content_left_cart { width: 720px; margin: 0px 0px 2em 0px; padding: 0px 0px 0px 0px; float: left; } .cart_progress { width: 720px; margin: 1em 0px 2em 0px; padding: 0.1em 0px 0.1em 0px; font-size: 1.6em;line-height: 1.6em; color: #a87866; } .cart_progress .current { font-size: 1.125em; font-weight: bold; color: #b25400; } #form_cart { width: 720px; margin: 0em 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } #content_left_cart h2 { margin: 0px 0px 0.5em 0px; padding: 2em 0px 0px 0px; clear: both; } #cart_invoicedeliveryaddresses { width: 720px; margin: 1em 0px 2em 0px; padding: 0px 0px 0px 0px; float: left; } #cart_invoiceaddress { width: 350px; margin: 0px 20px 0px 0px; float: left; clear: none; } #cart_invoiceaddress h3, #cart_deliveryaddress h3 { margin: 0px 0px 0.5em 0px; font-size: 1.4em; color: #6d1a00; } #cart_invoiceaddress p, #cart_deliveryaddress p {} #cart_deliveryaddress { width: 350px; 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; } #content_left_cart 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; } #content_left_cart table th { margin: 0px 0px 0px 0px; padding: 0.3em 0em 0.3em 0em; color: #b25400; font-size: 1.1em; font-weight: bold; text-align: left; background: none; } #content_left_cart table th.cart_table_th_delete {} #content_left_cart table th.cart_table_th_quantity {} #content_left_cart table th.cart_table_th_code {} #content_left_cart table th.cart_table_th_product {} #content_left_cart table th.cart_table_th_stock {} #content_left_cart table th.cart_table_th_price { padding: 0.5em 0.5em 0.5em 0px; text-align: right; } #content_left_cart table th.cart_table_th_lineprice { padding: 0.5em 0.5em 0.5em 0px; text-align: right; } #content_left_cart 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; } #content_left_cart table td.cart_table_td_delete { padding: 0.5em 0px 0.5em 5px; border-top: 1px solid #a87866; vertical-align: middle; } #content_left_cart table td.cart_table_td_quantity { border-top: 1px solid #a87866; vertical-align: middle; } #content_left_cart table td.cart_table_td_code { border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_product { border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_stock { border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_price { padding: 0.5em 0.5em 0.5em 0px; text-align: right; border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_lineprice { padding: 0.5em 0.5em 0.5em 0px; text-align: right; border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_information { font-size: 1.1em; border-top: 1px solid #a87866; } #content_left_cart table td.cart_table_td_subtotal_label { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #6d1a00; border-top: 1px solid #c8a000; } #content_left_cart table td.cart_table_td_subtotal { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #e69600; border-top: 1px solid #c8a000; background: #6d1a00; } #content_left_cart table td.cart_table_td_vat_label { } #content_left_cart table td.cart_table_td_vat { } #content_left_cart table td.cart_table_td_shipping_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #e69600; } #content_left_cart table td.cart_table_td_shipping { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #6d1a00; background: #e69600; } #content_left_cart table td.cart_table_td_total_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #6d1a00; } #content_left_cart table td.cart_table_td_total { padding: 0.5em 0.5em 0.5em 0px; text-align: right; color: #ffffff; font-weight: bold; background: #6d1a00; } #cart_submitbuttons { width: 720px; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; text-align: right; float: left; } #cart_submitbuttons div { width: 720px; 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; } /****** Gateway Formatting ******/ #form_gateway div { width: 720px; margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; } #form_gateway label { width: 160px; } #form_gateway #label_customer_comments {width: 720px; margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; } /****** Step 1 Formatting ******/ #form_step1 div { width: 720px; margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; } #form_step1 div.step1_forgotpass { margin: 0em 0px 0em 0px; padding: 0px 0px 0px 0px; } /****** Registration Formatting ******/ #form_register div.register_button { width: 720px; margin: 3em 0px 5em 0px; padding: 0px 0px 0px 0px; } /****** Forgot Password Formatting ******/ #form_forgotpassword div { width: 720px; margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; } #form_forgotpassword div img { margin: 0em 0px 0em 0px; padding: 0px 0px 0px 0px; border: none; float: left; } /****** View Orders Formatting ******/ #content_left_vieworders { width: 720px; margin: 1em 0px 2em 0px; padding: 0px 0px 0px 0px; float: left; } #content_left_vieworders 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; } #content_left_vieworders table th { margin: 0px 0px 0px 0px; padding: 0.3em 0em 0.3em 0em; color: #b2b2b2; font-size: 1.1em; font-weight: bold; text-align: left; border-bottom: 1px solid #a87866; background: none; } #content_left_vieworders table td { margin: 0px 0px 0px 0px; padding: 0.5em 0px 0.5em 0px; text-align: left; font-size: 1.4em; vertical-align: baseline; border-bottom: 1px solid #a87866; } /****** View Order Formatting ******/ #content_left_vieworder { width: 720px; margin: 1em 0px 2em 0px; padding: 0px 0px 0px 0px; float: left; } #vieworder_invoicedeliveryaddresses { width: 720px; margin: 1em 0px 1em 0px; padding: 0px 0px 0px 0px; float: left; } #vieworder_invoiceaddress { width: 350px; margin: 0px 20px 0px 0px; float: left; } #vieworder_invoiceaddress div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #vieworder_invoiceaddress h3, #vieworder_deliveryaddress h3 { margin: 0px 0px 0.5em 0px; font-size: 1.4em; color: #6d1a00; } #vieworder_invoiceaddress p, #cart_deliveryaddress p {} #vieworder_deliveryaddress { width: 350px; margin: 0px 0px 0px 0px; float: left; } #content_left_vieworder 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; } #content_left_vieworder table th { margin: 0px 0px 0px 0px; padding: 0.3em 0em 0.3em 0em; color: #b2b2b2; font-size: 1.1em; font-weight: bold; text-align: left; background: none; } #content_left_vieworder table th.vieworder_table_th_quantity { } #content_left_vieworder table th.vieworder_table_th_code { } #content_left_vieworder table th.vieworder_table_th_product { } #content_left_vieworder table th.vieworder_table_th_price { padding: 0.5em 0.5em 0.5em 0px; text-align: right; } #content_left_vieworder table td { margin: 0px 0px 0px 0px; padding: 0.5em 0px 0.5em 0px; text-align: left; font-size: 1.4em; vertical-align: baseline; } #content_left_vieworder table td.vieworder_table_td_quantity { width: 8%; border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_code { width: 12%; border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_product { border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_price { width: 10%; padding: 0.5em 0.5em 0.5em 0px; text-align: right; border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_information { font-size: 1.1em; border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_subtotal_label { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #6d1a00; border-top: 1px solid #a87866; } #content_left_vieworder table td.vieworder_table_td_subtotal { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #e69600; border-top: 1px solid #c8a000; background: #6d1a00; } #content_left_vieworder table td.vieworder_table_td_vat { } #content_left_vieworder table td.vieworder_table_td_shipping_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #e69600; } #content_left_vieworder table td.vieworder_table_td_shipping { padding: 0.5em 0.5em 0.5em 0px; font-weight: bold; text-align: right; color: #6d1a00; background: #e69600; } #content_left_vieworder table td.vieworder_table_td_total_label { padding: 0.5em 0.5em 0.5em 0px; text-align:right; font-weight: bold; color: #6d1a00; } #content_left_vieworder table td.vieworder_table_td_total { padding: 0.5em 0.5em 0.5em 0px; text-align: right; color: #ffffff; font-weight: bold; background: #6d1a00; } /* Image Formatting */ .boxContent img { margin: 0px 0px 20px 20px; padding: 0px 0px 0px 0px; border: 2px solid #c8ccc2; float: right;} .image_right { margin: 0px 0px 10px 20px; float: right; border: 1px solid #969b96; } .image_left { margin: 0px 20px 10px 0px; float: left; } div.image_right img { border: none; } /****** Form Styling ******/ form div { width: 720px; margin: 0.5em 0px 1em 0px; padding: 0px 0px 0px 0px; clear: both; } span.required { color: red; } .textarea_medium { width: 188px; margin: 0px 0px 0.5em 0px; padding: 0.1em 5px 0.1em 5px; text-align: left; border: 1px solid #e0c299; background-color: #ffffff; float: left; } fieldset { width: 720px; 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: #b25400; 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: 720px; margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px; } /* Label Styling */ 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: #6d1a00; display: block; float: left; } /* 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 #6d1a00; background: #ffffff; } select { margin: 0em 0px 0em 0px; padding: 0em 0em 0em 0em; font-size: 1.3em; border: 1px solid #6d1a00; 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 #3c0a00; background-color: #ffffff; } .textarea { width: 710px; 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 #3c0a00; background: #ffffff; } .radio { margin: 0.5em 20px 0px 0px; padding: 0px 0px 0px 0px; float: left; } /* Button Styling */ .button { width: auto; margin: 1em 0px 0px 0px; padding: 0.3em 0.6em 0.3em 0.6em; font-family: "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.8em; letter-spacing: 0.07em; text-transform: uppercase; color: #ffffff; border-top: 1px solid #3c0a00; border-left: 1px solid #3c0a00; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background: url(images/bground_button.gif) repeat-x 0px 0px; cursor: pointer; } .button:link, .button:visited, .button a:link, .button a:visited { text-decoration: none; color: #ffffff; } .button:hover, .button:active, .button a:hover, .button a:active { text-decoration: none; color: #e69600; border-top: 1px solid #3c0a00; border-left: 1px solid #3c0a00; border-bottom: 1px solid #3c0a00; border-right: 1px solid #3c0a00; background: url(images/bground_button.gif) repeat-x 0px -100px; }