/* This is the body of the page. Do this because FCKEditor uses */ body.website { background-color: #FFFFEE; } /* 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: #000000; } /* This is the box of the main website */ #container { margin: auto; margin-top: 20px; width : 802px; padding: 0px; border-style: solid; 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: 83px; } /* 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: Tahoma, Arial, 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 { float: left; clear: left; width: 700px; } #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: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 13px 2px; margin: 0px; color: #000000; font-size: 11px; } #navbar2 ul li a:hover { text-decoration: underline; color: #000000; } #navbar2 ul a.live { color: #FF0099; background-color: #990033; } #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: Tahoma, Arial, 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; } #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: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-weight: normal; padding: 2px 5px 2px; margin: 0px; color: #000000; 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; width: 90px; top: 88px; } #content { border-style: none; vertical-align: top; background-color: #FFFFFF; padding-top: 10px; overflow: auto; width: 800px; } #shopmenu { width: 145px; padding-left: 5px; float: left; } html>body #shopmenu { width: 140px; } #shopmenu ul { margin: 0; padding: 0; list-style: none; width: 130px; /* Width of Menu Items */ border-bottom: 1px solid #990033; color: #990033; z-index: 200; } #shopmenu ul li { position: relative; } #shopmenu li ul { position: absolute; left: 129px; /* Set 1px less than menu width */ top: 0; display: none; z-index: 2; } /* Styles for Menu Items */ #shopmenu ul li a { display: block; text-decoration: none; color: #990033; background: #fff; /* IE6 Bug */ padding: 5px; border: 1px solid #990033; border-bottom: 0; font-size: 11px; } #shopmenu ul li a.highlighted { background-color: #FFCCCC; } /* 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: #E2144A; background: #f9f9f9; } /* Hover Styles */ #shopmenu li ul li a { padding: 2px 5px; width: 100%; } /* Sub Menu Styles */ #shopmenu li:hover ul, li.over ul { display: block; z-index: 2; } /* The magic */ #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: #000000; } a { text-decoration: underline; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; color: #000000; } h1, h1 a { font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; color: #990033; padding: 0px; margin: 0px; } h2, h2 a { font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; color: #990033; padding: 0px; margin: 0px; } h3, h3 a, p h3, p h3 a { padding-top: 3px; padding-bottom: 3px; width: 100%; background-color: #990033; 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; } #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; } #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: #990033; } #product_images_div { float: left; width: 280px; padding-right: 10px; } html>body #product_images_div { width: 270px; } #product_desc_options_div { float: left; width: 350px; } #product_desc_div { float: left; width: 100%; } #product_options_div { clear: left; } #product_options { width: 350px; 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-left: 10px; width: 100px; } #matching_products { clear: left; } #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; }