/* This is the body of the page. Do this because FCKEditor uses */ body.website { background-color: #FFFFFF; } /* 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: 11px; font-weight: normal; color: #632523; } /* This is the box of the main website */ #container { margin: auto; margin-top: 0px; width : 802px; padding: 0px; border-style: none; border-width: 1px; border-color: #000000; background-color: #FFFFFF; overflow: none; } html>body #container { width: 800px; } /* Header */ #header_image { position: relative; padding: 0px; border: 0px; background-image: url(images/header_img.jpg); background-repeat: no-repeat; float: left; width: 800px; height: 90px; clear: both; } /* Navigation */ #navbar1 { position: relative; float: left; width: 700px; margin-bottom: 3px; clear: left; } #navbar1 ul { margin-left: 10px; padding-left: 0px; display: inline; } #navbar1 ul li { display: inline; } #navbar1 ul li a { font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 5px 2px; margin: 0px; color: #000000; font-size: 11px; } #navbar1 ul li a:hover { text-decoration: underline; color: #000000; } #navbar1 ul li a.live { font-weight: bold; color: #000000; } #navbar2 { margin-top: 10px; float: left; clear: both; width: 100%; background-color: #f2dcdb; padding-top: 6px; padding-bottom: 6px; } #navbar2 ul { margin-left: 0px; padding-left: 0px; display: inline; } #navbar2 ul li { margin: 0px; padding: 0px; list-style: none; display: inline; } #navbar2 ul li a { font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 13px 2px; margin: 0px; color: #632523; font-size: 11px; } #navbar2 ul li a:hover { text-decoration: underline; color: #000000; } #navbar2 ul a.live { color: #000000; text-decoration: underline; } #navbar3 { clear: left; width: 100%; background-color: #990033; border-top: solid 1px #990033; } #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: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 15px 2px; margin: 0px; color: #FFFFFF; font-size: 11px; } #navbar3 ul li a:hover { text-decoration: underline; color: #FF0099; } #navbar3 ul li a.live { color: #FF0099; } #navbar5 { clear: left; width: 100%; margin-top: 10px; margin-bottom: 10px; background-color: #f2dcdb; padding-top: 10px; padding-bottom: 10px; color: #632523; } #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: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 5px 2px; margin: 0px; color: #632523; font-size: 11px; } #navbar5 ul li a:hover { text-decoration: underline; color: #000000; } #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; text-align: right; margin-top: 30px; font-size: small; color: #632523; } #currencies a { font-size: small; color: #632523; } #currencies span.basketcontents, #currencies span.basketcontents a { color: #000000; font-size: x-small; font-weight: bold; } #content { border-style: none; vertical-align: top; background-color: #FFFFFF; padding-top: 10px; overflow: auto; width: 800px; clear: both; } #shopmenu { width: 145px; float: left; } #shopmenu ul { margin: 0; padding: 0; list-style: none; width: 130px; /* Width of Menu Items */ color: #990033; } #shopmenu ul li { position: relative; } #shopmenu li ul.hover { position: absolute; left: 130px; top: 0; display: none; z-index: 2; } /* Styles for Menu Items */ #shopmenu ul li a { float: left; display: block; text-decoration: none; color: #000000; background: #f2dcdb; /* IE6 Bug */ padding: 5px; border-bottom: 1px solid #d99694; font-size: 11px; width: 100px; } html>body #shopmenu ul li a { width: 90px; } #shopmenu ul li a.highlighted { background-color: #FFCCCC; } #shopmenu ul li span.plus { float: left; display: block; background-color: #e6b9b8; color: #FFFFFF; width: 10px; padding: 5px; border-bottom: 1px solid #d99694; text-align: center; } html>body #shopmenu ul li span.plus { width: 20px; } /* Fix IE. Hide from IE Mac \*/ * html #shopmenu ul li { float: left; height: 1%; } * html #shopmenu ul li a { height: 1%; } /* End */ #shopmenu ul li a:hover { color: #000000; background: #f9f9f9; } /* Hover Styles */ #shopmenu li ul.hover li a { /* Sub Menu Styles */ padding: 5px; width: 100%; background-color: #f7eae9; } #shopmenu li ul.inline li a { /* Sub Menu Styles */ margin-left: 30px; padding: 5px; padding-left: 10px; width: 85px; background-color: #f7eae9; } #shopmenu li ul.inline li a:hover { /* Sub Menu Styles */ background-color: #e6b9b8; } html>body li ul.inline li a { width: 100px; } #shopmenu li:hover ul, li.over ul { display: block; z-index: 2; } /* The magic */ #shopmenu ul li a.saleshop { color: #FF0000; } #right_col { float: left; border-style: none; width: 635px; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; z-index: 0; overflow-y: hidden; } html>body #right_col { width: 645px; } p { margin: 0px; padding: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #632523; } a { text-decoration: underline; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #632523; } h1, h1 a { font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-size: large; font-weight: normal; color: #d99694; padding: 0px; margin: 0px; } h2, h2 a { font-family: Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: bold; color: #632523; padding: 0px; margin: 0px; } h3, h3 a, p h3, p h3 a { padding-top: 3px; padding-bottom: 3px; width: 100%; background-color: #d99694; color: #FFFFFF; font-weight: normal; font-size: 11px; margin: 0px; text-align: center; text-decoration: none; } img { border-style: none; } input, select { font-size: x-small; } div.product_div { text-align: center; float: left; margin-right: 8px; margin-bottom: 8px; width: 150px; border: solid 1px #CCCCCC; padding-top: 5px; padding-bottom: 5px; } label { vertical-align: top; display:block; margin-bottom: 2px; } label span { float: left; display: block; width: 100px; } #footer { width: 800px; clear: both; margin: auto; } #footer p, #footer a { padding-bottom: 7px; padding-left: 2px; font-family: Arial, Verdana, Helvetica, Sans-serif, Tahoma; font-size: x-small; color: #000000; } #copyright { width: 100%; font-size: x-small; } #breadcrumb p, a { text-decoration: none; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #d99694; } #product_images_div { float: left; width: 230px; padding-right: 10px; } html>body #product_images_div { width: 220px; } #product_desc_options_div { float: left; width: 250px; } #product_desc_div { float: left; width: 100%; } #product_options_div { clear: left; } #product_options { width: 250px; border-collapse: collapse; } #product_options tr th p { font-weight: bold; font-size: x-small; text-align: left; } #product_options tr th { background-color: #FFFFFF; } .matching_product { float: left; text-align: center; padding-right: 5px; width: 75px; margin-bottom: 10px; } #matching_products h1 { font-size: medium; } #matching_products a { color: #632523} #matching_products hr { clear: both; } #matching_products { float: left; width: 170px; } html>body #matching_products { width: 160px; } input.addtobasket { font-family:Arial; font-size:12px; background:#e6b9b8 none; color:#632523; width:12em;" } #infobox div.infoboxcontainer { margin-top: 15px; margin-bottom: 20px; overflow: auto; } div.infoboxcontainer a { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; margin-right: 3px; background-color: #632523; color: #FFFFFF; } div.infoboxcontainer a:hover { background-color: #e6b9b8; color: #000000; } div.infoboxcontainer a.live { background-color: #e6b9b8; color: #000000; } div.infoboxtitles { float: left; padding-bottom: 2px; padding-top: 2px; } div.infoboxcontent { float: left; padding: 5px; border: solid 1px #632523; width: 200px; height: 100px; } div.infoboxcontent p { font-size: 0.9em; } #left_col ul { list-style-image: url(images/bullet.gif); list-style-type: disc; list-style-position: outside; margin-left: 1em; padding-left: 1em; } #left_col li { padding-left: 5px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #left_col hr { color: #ED1C24; height: 1px; width: 90%; margin-top: 0px; } #left_col p { margin-top: 5px; margin-bottom: 5px; margin-left: 10px; } #left_col form { margin-left: 10px; } #search_button { float: right; margin: 5px; } #form { text-align: left; background-color: #ffff99; border-style: solid; border-color: #444444; border-width: 1px; padding: 20px; } #form input, select{ font-size: 11px; } #admin_menu { float: right; } p.error_label { color: #FF0000; } a.selected { font-weight: bold; text-decoration: underline; } #message { width: 90%; background-color: #FFFF99; border: solid 1px #00FF00; padding-top: 10px; padding-bottom: 10px; } form { padding: 0px; margin: 0px; } #bookmarks { position: relative; width: 80%; margin-left: 10%; top: 10px; margin-bottom: 10px; clear: both; border: solid 1px #EEEEEE; }