/* This is the body of the page. Do this because FCKEditor uses */ body.website { background-color: ; } /* Both the website and FCKEditor share this style */ div { border: solid 0px #000000; } body { /* background-image: url(images/background-print.gif); */ background-color: #FFFFFF; font-family: Tahoma, Arial; font-size: 10px; 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 : 950px; padding: 0px; overflow: auto; } /* Header */ #header { background-color: #FFFFFF; overflow: auto; height: 95px; } #header_image { position: relative; float: left; width: 235px; } #header_center { position: relative; float: left; width: 350px; margin-left: 75px; margin-top: 20px; } #header_right { position: relative; float: right; width: 250px; text-align: right; } #header_right p { font-size: 1.6em; margin-bottom: 5px; color: #F8981C; } #header_right p a { color: #F8981C; } #header_right p.basket { font-size: 1.1em; } #header_right p.basket a { font-size: 1em; color: #000000; } #header_right p.basket a:hover { color: #F8981C; } #header_right p.basket_total { font-size: 1em; color: #888888; } #header_right p.basket_total a { color: #888888; } #header_ticker { float: right; height: 40px; } span.ticker { color: #F8981C; background-color: #FFFFFF; font-size: 16px; text-align: right; } /* Navigation */ #shop_navigation { position: relative; z-index: 0; float: left; width: 160px; font-size: 1.3em; padding: 5px; padding-top: 10px; padding-bottom: 5px; background-color: #DDDDDD; font-family: Arial; } #shop_navigation ul { margin: 0px; padding: 0px; list-style: none; } #shop_navigation ul li { margin-top: 5px; } #shop_navigation ul li a, #shop_navigation ul li a:visited { display: block; width: 100%; color: #000000; margin-top: 1px; margin-bottom: 4px; text-decoration: underline; } #shop_navigation ul li a:hover { color: #F8981C; background-color: #FFFFFF; } #shop_navigation ul li ul { margin: 0px; margin-left: 0px; padding: 0px; } #shop_navigation ul li ul li { font-family: Arial; font-size: 1em; margin-top: 1px; margin-bottom: 1px; } #shop_navigation ul li ul li a, #shop_navigation ul li ul li a:visited { color: #000000; text-decoration: none; margin-bottom: 1px; } #shop_navigation ul li ul li a:hover { color: #F8981C; } #navigation1 { position: relative; margin: 0px; padding: 0px; background-image: url(images/nav1.gif); background-repeat: repeat-x; clear: both; float: left; width: 100%; color: #000000; font-family: Arial; font-weight: bold; z-index: 20; } #navigation1 ul { list-style: none; margin: 0px; padding: 0px; float: left; } #navigation1 ul li { margin: 0px; padding: 0px; } #navigation1 ul li a { font-size: 1.2em; text-align: center; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; color: #000000; text-align: center; } #navigation1 ul li a.live { background-color: #CCCCCC; color: #F8981C; } #navigation1 ul li a:hover { color: #F8981C; background-color: #CCCCCC; } #navigation1 li { position: relative; } #navigation1 ul ul { border: solid 5px #CCCCCC; background-color: #FFFFFF; position: absolute; } #navigation1 ul ul li { width: 12em; } #navigation1 ul ul li a { text-align: left; color: #000000; font-weight: normal; background-color: #EEEEEE; } #navigation1 ul ul li a:hover { text-align: left; color: #F8981C; background-color: #FFFFFF; } div#navigation1 ul li:hover ul { display: block; } div#navigation1 ul ul { display: none; } body { behavior: url(csshover.htc); } #navigation1 input { font-size: 0.9em; } #navigation1 form { padding: 0px; padding-top: 3px; margin: 0px; } #navigation2 { position: relative; background-image: url(images/nav1.gif); background-repeat: repeat-x; clear: both; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; z-index: 1; } #navigation2 ul { list-tyle: none; margin: 0px; padding: 0px; margin-left: 10px; float: left; } #navigation2 ul li { display: inline; padding: 5px; padding-right: 20px; font-size: 1.2em; } #navigation2 ul li a { color: #000000; } #navigation2 ul li a:hover { color: #F8981C; } #navigation2 ul li a.live { color: #F8981C; } #quote { font-size: 1.6em; } #currencies { position: relative; float: right; width: 90px; top: 5px; } #contentwrapper { position: relative; clear: both; overflow: hidden; background-color: #DDDDDD; border: solid 0px #0000FF; width: 950px; } #content { position: relative; float: right; margin: 0px; vertical-align: top; background-color: #FFFFFF; padding: 0px; width: 770px; min-height: 330px; z-index: 19; border: 0px solid #FF0000; } #content_box_narrow { float: left; /*width: 387px;*/ height: 325px; margin-left: 5px; padding: 0px; padding-right: 20px; border-style: none; overflow: scroll; 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; z-index: 19; } html>body #content_box_narrow { /*width: 392px;*/ } #content_box_wide { position: relative; float: left; width: 760px; min-height: 320px; margin: 0px; padding: 5px; 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; z-index: 19; border: solid 0px #00FF00; } #content #content_box_narrow { overflow-x: hidden; overflow-y: auto; overflow: auto; z-index: 19; } 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; z-index: 10; } #content img { display: block; } p { margin: 0px; padding: 0px; font-family: Arial, Tahoma; font-size: 1.2em; font-weight: normal; color: #000000; } a { color: #666666; text-decoration: none; } a:hover { color: #F8981C; } h1, h1 a { font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: medium; font-weight: bold; color: #F8981C; 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; } h4 { background-image: url(images/nav1.gif); padding: 3px; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: bold; color: #444444; margin: 0px; } h4 img { float: left; display: inline; padding-right: 3px; } img { border-style: none; padding: 0px; margin: 0px; } input, select { font-size: ; padding: 0px; margin: 0px; } #footer { position: relative; clear: both; float: left; text-align: left; margin: auto; height: 60px; padding: 10px; background-image: url(images/bgFooter.gif); background-repeat: repeat-x; width: 930px; } html>body footer { width: 950px; } #footer p, #footer a { padding-bottom: 7px; padding-left: 2px; font-family: ; font-size: ; color: ; text-align: right; } #copyright { float: left; font-size: 1em; text-align: left; width: 550px; } #copyright ul { list-style: none; margin: 0px; padding: 0px; float: left } #copyright ul li { display: inline; padding-right: 10px; } #copyright ul li a, #copyright ul li a:visited, #copyright a, #copyright a:visited { font-size: 1.1em; color: #000000; } #copyright ul li a:hover { color: #F8981C; } #subscribe { float: right; width: 370px; } #supporters { position: relative; clear: both; float: left; width: 100%; margin: auto; text-align: right; background-color: #FFFFFF; } #supporters img { margin: 5px; float: right; } #supporters p { font-size: 1.8em; margin-top: 20px; float: right; margin-right: 20px; } #bottom { position: relative; clear: both; float: left; text-align: left; margin: auto; height: 60px; padding: 10px; width: 930px; } html>body bottom { width: 950px; } #bottom p { padding-bottom: 7px; padding-left: 2px; font-family: ; font-size: ; color: ; text-align: center; } p.breadcrumb { text-decoration: none; font-family: Arial; font-size: 1.3em; font-weight: normal; color: #000000; margin-left: 10px; } p.breadcrumb a:hover { color: #F8981C; } #product_images_div { float: left; width: 200px; padding-right: 10px; display: inline; } #product_desc_div { margin-left: 20px; float: left; width: 320px; display: inline; } #product_options_div { float: left; margin-left: 10px; width: 170px; display: inline; } #matching_products { float: left; width: 210px; display: inline; } div.matching_product { float: left; margin-left: 10px; margin-top: 10px; width: 104px; text-align: center; } img.matching_product_image { border-style: solid; border-width: 2px; border-color: #666666; padding-bottom: 5px; } #matching_product p { float: left; } #matching_product img { float: left; padding-left: 5px; } input.purchase { background-color: #000000; color: #FFFFFF; padding: 3px; font-size: 0.9em; clear: both; border: none; } select.shop { font-size: 0.9em; width: 60%; margin-top: 10px; } 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: ; } #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 1.2em; color: #000000; border-bottom: solid 1px #FFFFFF; } p.product_view_title { width: 100%; font-size: 1.8em; font-weight: bold; color: #000000; border-bottom: solid 1px #FFFFFF; } p.product_price { font-weight: bold; } font.sale_price { color: #FF0000; font-weight: bold; } td.product_div { width: 175px; text-align: center; } div.product_div { position: relative; z-index: 20; float: left; width: 175px; height: 210px; margin-left: 10px; text-align: center; margin-bottom: 10px; border: solid 1px #BBBBBB; padding-top: 5px; padding-bottom: 5px; } div.product_div p { font-size: 1.2em; } div.product_div img { margin: auto; } div.page_numbers { float: right; text-align: right; margin-right: 15px; } div.page_numbers_bottom { position: relative; float: right; clear: both; text-align: right; margin-right: 15px; } div.search_product_div { position: relative; z-index: 20; float: left; width: 100px; height: 120px; margin-left: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px; border: solid 1px #BBBBBB; padding-top: 5px; padding-bottom: 5px; } div.page_numbers p { font-size: 1.2em; font-family: Arial; color: #888888; } div.page_numbers a.selected { color: #F8981C; } .orange { color: #F8981C; } div.blackback { background-color: #000000; } tr.basket_header { font-weight: normal; background-color: #EEEEEE; } table { border-collapse: collapse; } label { vertical-align: top; display:block; margin-bottom: 2px; clear: both; } label span { float: left; display: block; width: 100px; } label.customise span { width: 250px; font-size: 1.2em; } div#infoboxcontainer { margin-top: 15px; margin-bottom: 20px; overflow: auto; } div#infoboxcontainer a.tab { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; margin-right: 3px; background-color: #AAAAAA; color: #000000; } div#infoboxcontainer a.tab:hover { background-color: #000000; color: #FFFFFF; } div#infoboxcontainer a.tab#live { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; margin-right: 3px; background-color: #000000; color: #FFFFFF; } div#infoboxtitles { float: left; padding-bottom: 2px; padding-top: 2px; } div#infoboxcontent { float: left; padding: 5px; border: solid 1px #AAAAAA; width: 278px; height: 150px; } div#infoboxcontent p { font-size: 0.9em; } .subscribebutton:hover { background-color: #F8981C; } ul.share { margin: 0px; padding: 0px; margin-top: 10px; } ul.share li { display: inline; list-style: none; padding: 2px; } ul.share li.delicious { background-image: url("images/delicious.gif"); background-repeat: no-repeat; padding-left: 18px; } ul.share li.digg { background-image: url("images/digg.gif"); background-repeat: no-repeat; padding-left: 18px; } ul.share li.reddit { background-image: url("images/reddit.gif"); background-repeat: no-repeat; padding-left: 18px; } ul.share li.facebook { background-image: url("images/facebook.gif"); background-repeat: no-repeat; padding-left: 18px; } ul.share li.stumbleupon { background-image: url("images/stumbleupon.gif"); background-repeat: no-repeat; padding-left: 18px; } #bookmarks { display: none; overflow: auto; } input.subscribebox { background-color: #ffcc99; }