/* This is the body of the page. Do this because FCKEditor uses */ * { margin: 0px; padding: 0px; font-family: Verdana; } img { border: 0px; } a:active { outline: none; } a:focus { -moz-outline-style: none; } input:active { outline: none; } input:focus { -moz-outline-style: none; } body.website { background-color: #EEEEEE; } /* Both the website and FCKEditor share this style */ body { /* background-image: url(images/background-print.gif); */ background-color: #FFFFFF; } /* This is the box of the main website */ #container { margin: auto; width : 970px; padding: 0px; background-color: #FFFFFF; overflow: auto; } div#header { margin: auto; height: 90px; width: 970px; } div#header_logo { position: relative; float: left; } div#header_search h1.toph1 { float: right; font-family: Verdana; font-size: 10px; color: #CCCCCC; width: 740px; text-align: right; margin-right: 0px; padding-right: 0px; padding-bottom: 25px; } div#header_search { float: right; margin-top: 0px; width: 260px; } div#header_search input#search { border: solid 1px #AAAAAA; color: #AAAAAA; font-size: 10px; padding: 2px 5px 2px 5px; float: left; width: 175px; } div#header_search input#searchsubmit { float: left; } div#navigation_wrapper { border-bottom: solid 10px #9e1648; width: 100%; overflow: auto; } div#navigation { margin: auto; position: relative; width: 970px; } div#navigation ul { display: inline; list-style: none; } div#navigation ul li { display: inline; } div#navigation ul li a { font-family: Futura Light, Arial; display: inline; color: #999999; text-decoration: none; font-size: 13px; } div#navigation ul li a:hover, div#navigation ul li a.live { color: #9e1648; } div#navigation_right { float: right; width: 260px; } div#navigation_right input { float: left; margin-top: 0px; } p.grey_background a { clear: none; margin-left: 5px; padding: 2px 6px 2px 6px; background-color: #AAAAAA; color: #FFFFFF; float: left; font-size: 10px; } p.grey_background { margin-bottom: 0px; line-height: 1em; } p.grey_background a:hover { background-color: #9e1648; } div#navigation_right p.grey_background a { margin-top: 3px; } div#pagecontent { margin-left: 5px; width: 965px; clear: left; float: left; overflow: auto; } div#pagecontent ul, ol { margin-left: 15px; } div#pagecontent a:hover { text-decoration: underline; } div#footer { position: relative; float: left; margin-top: 30px; background-color: #FFFFFF; overflow: auto; width: 965px; margin-bottom: 50px; margin-left: 5px; } div#footer_awards { position: relative; float: right; width: 260px; margin-top: 5px; margin-right: 0px; } div#footer_awards img { float: right; margin-left: 20px; } div#footer_navigation { position: relative; float: left; width: 680px; height: 58px; border-top: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; margin-top: 5px; } #webicon { position: relative; float: left; margin-right: 5px; } div#footer_navigation ul { position: relative; float: left; list-style: none; display: inline; padding-top: 10px; width: 600px; } div#footer_navigation ul li { display: inline; color: #AAAAAA; } div#footer_navigation ul li a { font-size: 11px; color: #AAAAAA; } div#footer_navigation ul li a:hover { text-decoration: underline; } div#footer_navigation p, div#footer_navigation p a { color: #AAAAAA; font-size: 11px; margin-top: 2px; margin-bottom: 0px; } div#footer_navigation p { position: relative; float: left; } div#admin { position: relative; float: left; margin-top: 10px; background-color: #FFFFFF; overflow: auto; width: 965px; margin-left: 5px; } h1 { font-family: Verdana, Arial; font-weight: normal; font-size: 24px; color: #9e1648; margin: 10px; } h2 { font-family: Verdana, Trebuchet MS, Arial; font-weight: bold; font-size: 14px; color: #666666; margin-bottom: 15px; } h3 { font-family: Verdana, Trebuchet MS, Arial; font-weight: bold; font-size: 12px; color: #9e1648; margin-top: 8px; margin-bottom: 8px; } h3 a { color: #9E1648; } p, ul li { font-family: Verdana, Lucida Sans Unicode, Trebuchet MS; margin-bottom: 10px; line-height: 15px; color: #666666; font-size: 11px; } input, select, textarea { font-family: Verdana, Lucida Sans Unicode, Trebuchet MS; color: #666666; font-size: 11px; } ul li { line-height: 15px; margin-bottom: 5px; } ul { margin-bottom: 5px; } td p { margin-bottom: 2px; } a { text-decoration: none; color: #666666; } div.outputmessage { position: relative; padding: 10px; padding-left: 60px; background-repeat: no-repeat; margin-bottom: 20px; clear: both; } div.outputmessage p { color: #000000; } div.outputmessage#success { border: solid 1px #00FF00; background-color: #CCFF99; background-image: url('images/success.png'); } div.outputmessage#fail { border: solid 1px #FF0000; background-color: #FF9966; background-image: url('images/fail.png'); } div.outputmessage#warning { border: solid 1px #FF6600; background-color: #FFCC66; background-image: url('images/warning.png'); } div#pagecontent div#stockist_list { position: relative; float: left; margin-top: 10px; margin-bottom: 20px; width: 110px; } div#pagecontent ul.stockists { list-style: none; margin-left: 0px; } div#pagecontent ul.stockists li { list-style: none; margin-top: 15px; font-family: Verdana; color: #999999; font-size: 12px; line-height: 15px; letter-spacing: 0.1em; } div#pagecontent ul.stockists li ul { margin-left: 0px; margin-top: 1px; } div#pagecontent ul.stockists li ul li { margin: 2px; margin-left: 0px; letter-spacing: 0em; } div#pagecontent ul.stockists li ul li a { font-family: Verdana; color: #333333; font-size: 11px; line-height: 15px; } div#pagecontent ul.stockists li ul li a.live, div#pagecontent ul.stockists li ul li a:hover { color: #9e1648; } div#pagecontent ul.stockists li ul li ul { margin-left: 10px; margin-top: 3px; } div#pagecontent ul.stockists li ul li ul li { margin-top: 0px; letter-spacing: 0em; } div#pagecontent ul.stockists li ul li ul li a { font-family: Verdana; color: #666666; font-size: 11px; line-height: 15px; } div#pagecontent ul.stockists li ul li ul li a.live, div#pagecontent ul.stockists li ul li ul li a:hover { color: #9e1648; } div#pagecontent div#stockist_content { position: relative; float: left; width: 560px; margin-left: 30px; } div.stockistdiv { position: relative; width: 260px; float: left; margin-right: 20px; } div.stockistdiv h3 { margin-bottom: 0px; } div.stockistdiv p { line-height: 15px; margin: 0px; } div#bracalculator { float: right; margin-top: 90px; background-color: #EEEEEE; width: 240px; padding: 10px; } div#bracalculator h2 { color: #9e1648; font-size: 14px; margin-bottom: 15px; margin-top: 5px; } div.pressdiv { position: relative; width: 540px; float: left; border-top: solid 1px #CCCCCC; padding-top: 20px; margin-top: 20px; } div.pressdiv img { float: left; } div.pressdiv p.press_date { color: #9e1648; margin-bottom: 20px; } div.pressdiv div.pressdiv_text h3 { margin: 0px; line-height: 12px; margin-top: -2px; } div.pressdiv div.pressdiv_text { float: right; width: 270px; } hr { clear: both; text-align: left; width: 540px; border: solid 1px #CCCCCC; margin-top: 20px; margin-bottom: 20px; } div#press_archive { float: right; clear: right; width: 260px; margin-top: 60px; } div#press_archive h2 { margin-bottom: 15px; margin-top: 15px; } div#press_archive p { font-weight: bold; margin-bottom: 5px; } div#press_archive p a.live { color: #9e1648; } div.reviewdiv { position: relative; width: 540px; float: left; border-top: solid 1px #CCCCCC; padding-top: 20px; margin-top: 20px; } div.reviewdiv div.reviewdiv_date { float: left; width: 130px; } div.reviewdiv div.reviewdiv_text { float: left; width: 410px; } div#pagecontent ul.shopnav { list-style: none; margin-left: 0px; } div#pagecontent ul.shopnav li { list-style: none; margin-top: 15px; font-family: Verdana; color: #999999; font-size: 12px; line-height: 15px; letter-spacing: 0.1em; } div#pagecontent ul.shopnav li ul { margin-left: 0px; } div#pagecontent ul.shopnav li ul li { margin: 2px; margin-left: 0px; letter-spacing: 0em; } div#pagecontent ul.shopnav li ul li:hover a { color: #9e1648; } div#pagecontent ul.shopnav li ul li a { font-family: Verdana; color: #333333; font-size: 11px; line-height: 15px; } div#pagecontent ul.shopnav li ul li.live a { color: #9e1648; } div#pagecontent ul.shopnav li ul li ul { margin-left: 10px; margin-top: 2px; display: none; } div#pagecontent ul.shopnav li ul li.live ul { display: block } div#pagecontent ul.shopnav li ul li ul li { margin-top: 0px; letter-spacing: 0em; } div#pagecontent ul.shopnav li ul li ul li a, div#pagecontent ul.shopnav li ul li.live ul li a { color: #666666; } div#pagecontent ul.shopnav li ul li ul li.live a, div#pagecontent ul.shopnav li ul li ul li a:hover { color: #9e1648; } div#pagecontent div#shop_content { position: relative; float: left; width: 830px; margin-left: 25px; overflow: auto; } div#pagecontent div#shop_content hr { width: 825px; margin-left: 0px; margin-right: 0px; } div#pagecontent div#shop_content img.heading { position: relative; float: left; } div.product { position: relative; float: left; width: 270px; margin-left: 10px; margin-bottom: 10px; overflow: auto; } div.product_first { position: relative; float: left; width: 270px; clear: left; overflow: auto; } div.product_image { border: solid 1px #EEEEEE; width: 260px; margin-top: 10px; height: 260px; overflow: auto; } div.product_image img { display: block; } div.product div.product_colors, div.product_first div.product_colors { float: right; clear: both; margin-top: 5px; width: 120px; margin-right: 8px; } div.color_swatch { width: 20px; height: 20px; float: right; margin-left: 5px; border: solid 1px #DDDDDD; } div.product_label { position: absolute; margin-left: 177px; overflow: auto; } div.product_brief { margin-top: 0px; overflow: auto; width: 270px; } div.product_brief h2 { color: #666666; font-size: 14px; margin-top: 13px; margin-bottom: 0px; font-weight: normal; width: 150px; } div.product_brief p { color: #AAAAAA; margin-top: 2px; margin-bottom: 2px; width: 260px; } div.product_brief p.price { color: #AAAAAA; margin-bottom: 2px; font-weight: bold; font-size: 11px; } div.product_intro { position: relative; float: left; clear: left; width: 400px; } div.product_main_shots { position: relative; float: right; width: 400px; padding-left: 5px; padding-top: 5px; } div.product_main_shots div.product_label { position: absolute; margin-left: 313px; margin-top: -5px; } div.product_main_shots img.main_shot_thumb { position: relative; float: right; margin-left: 0px; margin-right: 10px; margin-top: 10px; border: solid 1px #DDDDDD; } div.product_main_shots img.main_shot_thumb#first { margin-right: 0px; } div.product_label_main { position: absolute; margin-left: -5px; overflow: auto; margin-top: -5px; } div.product_color_shot { position: relative; float: left; clear: left; width: 410px; } img.color_shot_magnifyer { position: absolute; margin-top: 0px; margin-left: 372px; } div.product_colors { position: relative; float: left; clear: left; width: 400px; margin-top: 20px; } div.color_swatch_large { width: 30px; height: 30px; float: left; margin-right: 8px; border: solid 1px #DDDDDD; } div.product_description { position: relative; float: left; clear: left; width: 400px; margin-top: 20px; } div.product_description ul { margin-left: 0px; } div.product_order { position: relative; float: left; clear: left; width: 380px; padding: 10px; background-color: #F5F5F5; margin-bottom: 50px; margin-top: 30px; } div.product_order h3 { font-size: 12px; } div.product_order table { border-collapse: collapse; } div.product_order th, div.product_order td { font-family: Verdana; font-size: 11px; color: #555555; font-weight: bold; text-align: left; padding: 5px 5px 5px 0px; } div.product_order select { width: 100px; } div.product_order p a { text-decoration: underline; font-weight: normal; font-size: 11px; } div.matching_products { position: relative; float: left; clear: left; width: 800px; } div.product_matching { float: left; margin-right: 10px; overflow: auto; width: 150px; margin-bottom: 20px; } div.product_matching h2 { color: #666666; font-size: 11px; margin-bottom: 2px; font-weight: normal; margin-top: 10px; } div.product_matching p { color: #666666; margin-bottom: 2px; } input#addtobasket { float: right; margin-right: 20px; } table#basket { margin-top: 10px; margin-bottom: 10px; border-top: solid 10px #DDDDDD; border-bottom: solid 10px #DDDDDD; width: 680px; border-collapse: collapse; } table#checkout { width: 680px; border-collapse: collapse; } table#basket tr { border-bottom: solid 1px #DDDDDD; } table#basket th, table#checkout th { color: #555555; font-size: 11px; font-weight: bold; text-align: left; padding-top: 15px; padding-bottom: 5px; padding-left: 0px; font-family: Verdana; } table#checkout th { width: 340px; color: #555555; font-size: 11px; font-weight: bold; text-align: left; padding-top: 5px; padding-bottom: 15px; padding-left: 0px; font-family: Verdana; } table#basket td { vertical-align: top; color: #555555; padding: 10px; padding-left: 0px; font-family: Verdana; font-size: 11px; text-align: left; } table#checkout td { vertical-align: top; color: #555555; padding: 2px; padding-left: 0px; font-family: Verdana; font-size: 11px; text-align: left; } table#basket td a { font-weight: normal; text-decoration: underline; color: #555555; } table#basket tr.total td { color: #9e1648; font-size: 11px; font-weight: bold; text-align: left; padding-top: 5px; padding-bottom: 20px; font-family: Verdana; } table#checkout input { width: 200px; } table#checkout select { width: 205px; } table#checkout input.checkbox, table#checkout input.image { width: auto; } table#checkout select#where_hear { width: 325px; } table#checkout tr.border { border-bottom: solid 10px #DDDDDD; } table#checkout tr.border td { padding-bottom: 15px; } table#checkout tr.pad-top td { padding-top: 15px; } span.discounted-old, span.discounted-new { font-family: Verdana; font-size: 11px; color: #555555; font-weight: bold; text-align: left; } span.discounted-old { text-decoration: line-through; } span.discounted-new { color: #FF0000; } img#checkout_steps { float: right; clear: right; margin-top: 85px; } input#calculate { margin-top: 10px; } input.outofstock { color: #FF0000; border: solid 1px #FF0000; } table.formatted { width: 780px; border-collapse: collapse; } table.formatted tr { border-bottom: solid 1px #DDDDDD; } table.formatted th { color: #555555; font-size: 12px; font-weight: bold; text-align: left; padding: 5px; font-family: Verdana; border-top: 1px solid #FB7A31; border-bottom: 1px solid #FB7A31; border-left: 1px solid #CCC; background: #FFFFCC; } table.formatted td { vertical-align: top; color: #555555; padding: 10px; padding-left: 0px; font-family: Verdana; font-size: 12px; text-align: left; } #blog img { float: right; margin: 10px; margin-right: 32px; margin-top: 40px; } #blog dt { margin-bottom: 5px; } #blog dd { margin-bottom: 20px; }