/* This is the body of the page. Do this because FCKEditor uses */ body.website { background-color: #000000; } /* Both the website and FCKEditor share this style */ body { /* background-image: url(images/background-print.gif); */ background-color: #FFFFFF; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: normal; color: #000000; padding: 0px; margin: 0px; } /* This is the box of the main website */ #container { margin: auto; margin-top: 5px; margin-bottom: 20px; width : 850px; padding: 0px; border-style: none; border-width: 1px; border-color: #000000; background-color: #000000; overflow: none; } /* Header */ #header_image { position: relative; background-image: url(images/header_img.jpg); background-repeat: no-repeat; background-color: #000000; float: left; width: 850px; height: 52px; text-align: right; } #header_image p { margin-top: 10px; font-size: 120%; font-family: Arial; } /* Navigation */ #navbar1 { position: relative; float: right; width: 200px; text-align: right; display: inline; } #navbar1 ul { margin-left: 10px; padding-left: 0px; list-style: none; } #navbar1 ul li a { font-family: Helvetica, Helvetica, Sans-serif, Tahoma; font-weight: bold; padding: 2px 5px 2px; margin: 0px; color: #FFFFFF; font-size: large; } #navbar1 ul li a:hover { color: #F8981C; } #navbar1 ul li a.live { font-weight: bold; color: #F8981C; } #navbar2 { margin-left: 78px; float: left; clear: left; width: 550px; display: inline; } #navbar2 ul { margin: 0px; padding: 0px; } #navbar2 ul li { margin: 0px; padding: 0px; list-style: none; } #navbar2 ul li a { font-family: Helvetica, Sans-serif, Arial, Verdana; font-weight: bold; margin: 0px; color: #FFFFFF; font-size: large; } #navbar2 ul li a:hover { color: #F8981C; } #navbar2 ul a.live { color: #FFFFFF; background-color: #990033; } #navbar3 { float: left; margin-left: 78px; width: 772px; display: inline; } #navbar3 ul { margin-left: 0px; padding-left: 0px; display: inline; } #navbar3 ul li { margin: 0px; padding: 0px; list-style: none; display: inline; } #navbar3 ul li a { font-family: Helvetica, Tahoma, Arial, Verdana, Sans-serif; font-weight: bold; margin: 0px; color: #FFFFFF; font-size: large; } #navbar3 ul li a:hover { color: #FFFFFF; } #navbar3 ul li a.live { color: #FFFFFF; } #navbar4 { float: right; width: 300px; text-align: right; color: #FFFFFF; margin-bottom: 5px; display: inline; } #navbar4 p, #navbar4 a { color: #FFFFFF; } #navbar5 { clear: left; width: 772px; margin-top: 10px; margin-bottom: 10px; margin-left: 78px; display: inline; } #navbar5 ul { margin-left: 0px; padding-left: 0px; display: inline; } #navbar5 ul li { margin: 0px; padding: 0px; list-style: none; display: inline; } #navbar5 ul li a { font-family: Helvetica, Tahoma, Arial, Verdana, Sans-serif; font-weight: normal; padding: 2px 2px 2px; margin: 0px; color: #FFFFFF; font-size: x-small; } #navbar5 ul li a:hover { text-decoration: underline; color: #FFFFFF; } #navbar5 ul li a.live { font-weight: bold; } #quote { position: absolute; text-align: right; top: 20px; right: 20px; width: 200px; font-size: x-small; } #currencies { position: relative; float: right; width: 90px; top: 57px; } #content { clear: left; margin: 0px; margin-left: 78px; border-style: none; vertical-align: top; background-color: #FFFFFF; padding: 0px; overflow: hidden; width: 770px; min-height: 330px; } #content_box_narrow { float: left; width: 387px; height: 325px; margin-top: 5px; margin-left: 5px; padding: 0px; border-style: none; overflow: scroll; overflow-x: hidden; scrollbar-3dlight-color:#BBBBBB; scrollbar-arrow-color:#BBBBBB; scrollbar-base-color:#BBBBBB; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#000000; scrollbar-highlight-color:#DDDDDD; scrollbar-shadow-color:#000000; } html>body #content_box_narrow { width: 392px; } #content_box_wide { float: left; width: 760px; min-height: 320px; margin: 0px; padding: 5px; border-style: none; scrollbar-3dlight-color:#BBBBBB; scrollbar-arrow-color:#BBBBBB; scrollbar-base-color:#BBBBBB; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#000000; scrollbar-highlight-color:#DDDDDD; scrollbar-shadow-color:#000000; } #content #content_box_narrow { overflow-x: hidden; overflow-y: auto; overflow: auto; } #content #content_box_wide { overflow-x: hidden; overflow-y: auto; overflow: auto; } div.products_scroll { overflow-x: auto; overflow-y: hidden; padding-bottom: 20px; width: 760px; } #content #content_box_home { overflow-x: hidden; overflow-y: hidden; overflow: hidden; } #content img { display: block; } p { margin: 0px; padding: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: normal; color: #000000; } a { text-decoration: underline; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: normal; color: #000000; } a:hover { color: #F8981C; } h1, h1 a { font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: medium; font-weight: bold; color: #666666; padding: 0px; margin: 0px; } h2, h2 a { font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: bold; color: #666666; padding: 0px; margin: 0px; } h3, h3 a, p h3, p h3 a { padding-top: 3px; padding-bottom: 3px; width: 100%; background-color: #666666; color: #FFFFFF; font-weight: normal; font-size: small; margin: 0px; text-align: center; text-decoration: none; } img { border-style: none; padding: 0px; margin: 0px; } input, select { font-size: small; } #footer { clear: left; float: left; text-align: right; padding-left: 78px; width: 772px; margin: auto; display: inline; } #footer p, #footer a { padding-bottom: 7px; padding-left: 2px; font-family: Arial, Verdana, Helvetica, Sans-serif, Tahoma; font-size: x-small; color: #FFFFFF; text-align: right; } #copyright { float: right; width: 300px; font-size: x-small; text-align: right; } #left_footer_nav { margin-left: 76px; float: left; width: 450px; font-size: x-small; text-align: left; } #copyright p, #copyright p a { font-family: Helvetica, Tahoma, Arial, Verdana, Sans-serif; font-weight: normal; margin: 0px; color: #FFFFFF; font-size: x-small; align: right; } #strapline { float: left; margin-left: 78px; display: inline; } #subscribe { vertical-align: top; text-align: right; float: right; width: 300px; font-size: x-small; display: inline; } #breadcrumb p, a { text-decoration: none; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: normal; color: #666666; } #product_images_div { float: left; width: 200px; padding-right: 10px; display: inline; } #product_desc_div { float: left; width: 170px; display: inline; } #product_options_div { float: left; margin-left: 10px; width: 170px; display: inline; } #matching_products { float: left; width: 170px; display: inline; } div.matching_product { margin-top: 10px; clear: left; } img.matching_product_image { float: left; padding-right: 5px; border-style: solid; border-width: 2px; border-color: #666666; margin-right: 5px; } #matching_product p { float: left; } #matching_product img { float: left; padding-left: 5px; } img.homepage { display: block; } #form { text-align: left; background-color: #ffff99; border-style: solid; border-color: #444444; border-width: 1px; padding: 20px; } #form input, select{ font-size: small; } #admin_menu { float: right; } p.error_label { color: #FF0000; } #message { width: 90%; background-color: #FFFF99; border: solid 1px #00FF00; padding-top: 10px; padding-bottom: 10px; } #message img { display: inline; } form { padding: 0px; margin: 0px; } a.product_title:hover p { border-bottom: solid 1px #F8981C; } p.product_title, a.product_title p { width: 100%; font-size: 120%; color: #000000; border-bottom: solid 1px #FFFFFF; } p.product_price { font-size: 120%; color: #666666; font-weight: bold; } font.sale_price { color: #F8981C; font-weight: bold; } td.product_div { width: 175px; height: 250px; text-align: center; } div.product_div { position: relative; float: left; width: 175px; height: 250px; margin-left: 10px; text-align: center; margin-bottom: 20px; } div.page_numbers { float: left; width: 100%; text-align: right; } div.page_numbers p { font-size: 170%; font-family: Arial; color: #AAAAAA; } div.page_numbers a.selected { color: #F8981C; } .orange { color: #F8981C; } .detailed_view { font-size: 80%; } div.blackback { background-color: #000000; } tr.basket_header { font-weight: normal; background-color: #EEEEEE; } table { border-collapse: collapse; }