/* 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: #604A7B; padding: 0px; margin: 0px; } /* This is the box of the main website */ #container { margin: auto; margin-top: 0px; width : 1002px; padding: 0px; border: solid 0px #FFFF00; } html>body #container { width: 1000px; } /* Header */ #header { width: 100%; position: relative; padding: 0px; border: 0px; background-color: #23042A; float: left; clear: both; } #header_image { margin: auto; width: 1000px; height: 120px; } #header_image img { float: left; margin-top: 10px; } #header_image h1 { float: right; margin-top: 10px; font-size: 12px; color: #FFFFFF; font-weight: normal; } /* Navigation */ #navbar2 { margin: auto; margin-left: 50px; clear: both; width: 950px; padding-top: 6px; padding-bottom: 6px; text-align: center; background-color: #23042A; bottom: 0; position: absolute; } #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: Georgia; font-weight: bold; padding: 2px 13px 2px; margin: 0px; color: #FFFFFF; font-size: 16px; } #navbar2 ul li a:hover { text-decoration: underline; color: #FFFFFF; } #navbar2 ul a.live { color: #FFFFFF; text-decoration: underline; } #navbar5 { clear: left; width: 100%; margin-top: 10px; margin-bottom: 5px; background-color: #23042A; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } #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: #FFFFFF; font-size: 11px; } #navbar5 ul li a:hover { text-decoration: underline; color: #FFFFFF; } #navbar5 ul li a.live { font-weight: bold; } #currencies { position: relative; text-align: right; padding-top: 15px; font-size: small; color: #FFFFFF; border: solid 0px #FFFFFF; clear: right; } #currencies a { font-size: small; color: #FFFFFF; } #currencies span.basketcontents, #currencies span.basketcontents a { color: #FFFFFF; font-size: x-small; font-weight: bold; } #freereturns { position: absolute; width: 1000px; text-align: center; margin-top: 34px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; } #content { border-style: none; vertical-align: top; background-color: #CCC1DA; overflow: auto; width: 1000px; clear: both; margin-top: 5px; } #shopmenu { width: 130px; float: left; } #shopmenu p { font-family: Georgia; font-size: 16px; margin-left: 5px; color: #000000; padding-top: 20px; clear: both; } #shopmenu ul { position: relative; margin: 0; padding: 0; list-style: none; width: 130px; /* Width of Menu Items */ color: #000000; } #shopmenu li ul.hover { position: absolute; left: 130px; top: 0px; display: none; z-index: 2; } /* Styles for Menu Items */ #shopmenu ul li a { float: left; display: block; text-decoration: none; color: #000000; background: #CCC1DA; /* IE6 Bug */ padding: 5px; border-bottom: 1px solid #d99694; font-size: 16px; width: 120px; font-family: Georgia; font-weight: bold; } html>body #shopmenu ul li a { width: 120px; } #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: #FFFFFF; background: #23042A; } /* Hover Styles */ #shopmenu li ul.hover li a { /* Sub Menu Styles */ padding: 5px; width: 100%; background-color: #23042A; color: #FFFFFF; } #shopmenu li ul.hover li a:hover { /* Sub Menu Styles */ padding: 5px; width: 100%; background-color: #CCC1DA; color: #000000; } #shopmenu li ul.inline li a { /* Sub Menu Styles */ margin-left: 0px; padding: 5px; padding-left: 20px; width: 105px; background-color: #E6E0EC; color: #000000; } #shopmenu li ul.inline li a:hover { /* Sub Menu Styles */ background-color: #E6E0EC; } html>body li ul.inline li a { width: 100px; } #shopmenu li:hover ul, li.over ul { display: block; z-index: 2; } /* The magic */ #right_col { float: left; border-style: none; width: 860px; background-color: #E6E0EC; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 10px; z-index: 0; overflow: auto; } p { margin: 0px; padding: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #604A7B; } a { text-decoration: underline; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #604A7B; } h1, h1 a { font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-size: x-large; font-weight: normal; color: #7030A0; padding: 0px; margin: 0px; } h2, h2 a { font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, Sans-serif; font-size: small; font-weight: normal; color: #403152; padding: 0px; margin: 0px; } h3, h3 a, p h3, p h3 a { padding-top: 3px; padding-bottom: 3px; width: 100%; background-color: #7030A0; 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: 1000px; clear: both; margin: auto; background-color: #FFFFFF; } #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: #7030A0; } #product_images_div { float: left; width: 230px; padding-right: 10px; } html>body #product_images_div { width: 220px; } #product_desc_options_div { float: left; width: 400px; } #product_desc_div { float: left; width: 100%; } #product_options_div { clear: left; } #product_options { width: 400px; border-collapse: collapse; } #product_options tr th p { font-weight: bold; font-size: x-small; text-align: left; } .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: #604A7B } #matching_products hr { clear: both; } #matching_products { float: left; width: 170px; margin-left: 20px; } html>body #matching_products { width: 160px; } input.addtobasket { font-family:Arial; font-size:12px; background:#9E6E9C none; color: #FFFFFF; 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: #604A7B; 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 #604A7B; 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; } #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; } .cycle { position: relative; z-index: 0; }