body {margin:0px;padding:0px; background: #7CACEA url(graphics/winter_bg.jpg) no-repeat; background-position: center top;} td.menu_bar { /* CUSTOM menu bg colour */ background:#6699CC; background-image:url(images/menu_bg.gif); background-position:top; background-repeat:repeat-x} /* CUSTOM menu bg colour - background normally set the same as menu_bar above */ #pmenu li {float:left; background:#6699CC;} /* CUSTOM menu hover bg colour - background normally set the same as menu_bar above*/ #pmenu li.drop {background:#6699CC;} #pmenu li.fly {background:#6699CC;} /* CUSTOM menu bg colour when for hover */ #pmenu li:hover > a {background:#FEBF10; color:#ffffff;} /* CUSTOM menu bg colour, background normally set the same as pmenu li:hover above */ #pmenu li a:active, #pmenu li a:focus {background:#FEBF10; color:#FFFFFF;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #menu_container {margin:0 0 0 0; position:relative; width:681px; height:26px; z-index:100;} /* Get rid of the margin, padding and bullets in the unordered lists */ #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #pmenu a, #pmenu a:visited {display:block;width:80px; font-size:11px; color:#fff; text-decoration:none; text-indent:3px; border:1px solid #ffffff; border-width:1px 0 1px 1px;padding-top:6px;padding-bottom:7px;padding-left:2px;padding-right:2px;text-align:center} /* Set up the sub level borders */ #pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;} #pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;} /* Set up the list items */ /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative;} /* Make the hovered list color persist */ /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #pmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #pmenu li:hover > ul {display:block; position:absolute; top:-10px; left:65px; padding:10px 15px 15px 15px; background:transparent url(transparent.gif); width:80px;} /* Position the first sub level beneath the top level liinks */ #pmenu > li:hover > ul {left:-15px; top:17px;} /* get rid of the table */ #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #pmenu li a:hover {position:relative; background:#6699CC; color:#c00;} /* For accessibility of the top level menu when tabbing */ /* Set up the pointers for the sub level indication */ /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ /* change the drop down levels from display:none; to visibility:hidden; */ * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);} /* keep the third level+ hidden when you hover on first level link */ #pmenu li a:hover ul ul{ visibility:hidden; } /* keep the fourth level+ hidden when you hover on second level link */ #pmenu li a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the fifth level hidden when you hover on third level link */ #pmenu li a:hover ul a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the sixth level hidden when you hover on fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden; } /* make the second level visible when hover on first level link and position it */ #pmenu li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; } /* make the third level visible when you hover over second level link and position it and all further levels */ #pmenu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px; } /* make the fourth level visible when you hover over third level link */ #pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the fifth level visible when you hover over fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the sixth level visible when you hover over fifth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } /* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */ td { vertical-align: top; font-family:Tahoma; font-size:11px; color:#556C7A; } td.image_title { vertical-align: middle; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#3B6DCE; font-weight:bold; } .bullet { color:#FF6600; } .price { color:#FF6600; font-size:15px; font-weight:bold; } /* grayscale - all levels; text properties for states: normal, hover, click */ .TM0i0 { font-family: Arial, Helvetica, sans-serif;; color: #0033D1; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } /* grayscale - all levels; box properties for states: normal */ .TM0o0 { background: #78BEF9; border-top: 1px solid #5B85CD; border-bottom: 1px solid #5D86CC; border-left: 1px solid #5D86CC; border-right: 1px solid #5D86CC; padding-top: 7px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; text-align: left; vertical-align: middle; text-decoration: none; } /* grayscale - all levels; box properties for states: hover, click */ .TM0o1 { background: #FEBF10; border-top: 1px solid #5D86CC; border-bottom: 1px solid #5D86CC; border-left: 1px solid #5D86CC; border-right: 1px solid #5D86CC; padding-top: 7px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; text-align: left; vertical-align: middle; text-decoration: none; } DIV.container { Z-INDEX: 1004; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; POSITION: relative; HEIGHT: 0px; TEXT-ALIGN: left; left: -0px; top: -1px; } a.tab:active {FONT: 12px; COLOR: #666666; background-color:#DEDEED; text-decoration: none } a.tab:visited {FONT: 12px; COLOR: #666666; background-color:#DEDEED; text-decoration: none } a.tab:hover {FONT: 12px; COLOR: #FFFFFF; background-color:#ACACAC; text-decoration: none } a.tab:link {FONT: 12px; COLOR: #666666; background-color:#DEDEED; text-decoration: none } .tab {FONT: 12px; COLOR: #FFFFFF; background-color:#ACACAC} a:hover {font-weight:normal;text-decoration: none; font-family:Tahoma;font-size:11px;color:#FF6600} a:active {font-weight:normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a:visited {font-weight:normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a:link {font-weight:normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a.on_this_page:hover {font-weight:normal;text-decoration: underline; font-family:Tahoma;font-size:11px;color:#FF6600} a.on_this_page:active {font-weight:normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a.on_this_page:link {font-weight:normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a.htlink:hover {font-weight:bold;text-decoration: underline; font-family:Tahoma;font-size:11px;color:#FF6600} a.htlink:active {font-weight:bold;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a.htlink:link {font-weight:bold;text-decoration: none;font-family:Tahoma;font-size:11px;color:#FF6600} a.htlink:visited {font-weight:bold;font-family:Tahoma;font-size:11px;color:#FF6600} a.header_link:hover {font-weight: normal;text-decoration: underline;font-family:arial;font-size:10px;color:#ffffff} a.header_link:active {font-weight: normal;text-decoration: none;font-family:arial;font-size:10px;color:#ffffff} a.header_link:visited {font-weight: normal;text-decoration: none;font-family:arial;font-size:10px;color:#ffffff} a.header_link:link {font-weight: normal;text-decoration: none;font-family:arial;font-size:10px;color:#ffffff} .header_link {font-family:arial;font-size:10px;color:#ffffff} .winter_summer{font-family:Tahoma;font-size:11px;color:#556C7A;background: #FFFFFF;} a.winter_summer:hover {font-weight: normal;text-decoration: underline;font-family:Tahoma;font-size:11px;color:#556C7A;background: #FFFF66;} a.winter_summer:active {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#556C7A;background: #FFFFFF;} a.winter_summer:visited {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#556C7A;background: #FFFFFF;} a.winter_summer:link {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#556C7A;background: #FFFFFF;} a.style1:hover {font-weight: normal;text-decoration: underline;font-family:Tahoma;font-size:11px;color:#96ab9f;} a.style1:active {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#96ab9f;} a.style1:visited {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#96ab9f;} a.style1:link {font-weight: normal;text-decoration: none;font-family:Tahoma;font-size:11px;color:#96ab9f;} .t11 { font-family: Tahoma; font-size: 11px; font-style: normal; } .formfield { font-family: Tahoma; font-size: 11px; font-style: normal; } .style1 {color: #96ab9f} .page_title {font-family:arial;font-size:22px;color: #A3BF00} h1.h1_page_title {font-family:arial;font-size:22px;color: #A3BF00;font-weight: normal; margin-top:0px; margin-bottom:0px;} h1 {font-family:arial;font-size:22px;color: #A3BF00} .sub_title {font-weight: bold;font-family:arial;font-size:16px;color: #2495FF;padding-left:2px} h2.h2_sub_title {font-family:arial;font-size:16px;color: #2495FF;padding-left:2px;font-weight: bold; margin-top:0px; margin-bottom:0px;} .sub_title_2 {font-weight: bold;font-family:arial;font-size:16px;color: #2495FF;} h2.h2_sub_title_2 {font-family:arial;font-size:16px;color: #2495FF;font-weight: bold; margin-top:0px; margin-bottom:0px;} .listing_title {font-weight: bold;font-family:Tahoma,arial;font-size:13px;color: #A3BF00;} h3.h3_listing_title{font-family:Tahoma,arial;font-size:13px;color: #A3BF00;font-weight: bold; margin-top:0px; margin-bottom:0px;} td.side_menu{ text-align: center; vertical-align: middle; background: #FFE083; border-top: 1px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 1px solid #FFE083; border-right: 1px solid #FFE083; font-family: Arial, Helvetica, sans-serif; color: #0134CD; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } td.side_menu_over{ text-align: center; vertical-align: middle; background: #FFC813; border-top: 1px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 1px solid #FFC813; border-right: 1px solid #FFC813; font-family: Arial, Helvetica, sans-serif; color: #0134CD; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } .side_menu_link { font-family: Arial, Helvetica, sans-serif; color: #737373; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } .side_menu_link2 { font-family: Arial, Helvetica, sans-serif; color: #0134CD; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } a.side_menu2:active {color: #0134CD; } a.side_menu2:visited {color: #0134CD; } a.side_menu2:hover {color: #0134CD; } a.side_menu2:link {color: #0134CD; }