body {padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: -1px; width: 100%; padding-top: 0px; height: 100%; background-color:#CCCCCC} img {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px} *{font-size: 11px; color:#505050; font-family: verdana, arial, sans-serif} p{margin-top:0px; margin-bottom:20px; margin-left:13px} ul{padding:0; margin:0; padding-left:16px; padding-bottom:12px} li{list-style-image: url('images/li.gif'); margin-top:2px} a{text-decoration: underline; color: #037cd9} a:hover {text-decoration: none} h1{font-family:arial,sans-serif; color:#037cd9; font-size: 21px; margin-bottom:10px; margin-top:0px; border-left:6px solid #edb642; padding-left:6px} h1.h1_cat{width:350px; font-family:arial,sans-serif; color:#037cd9; font-size: 21px; margin-bottom:10px; margin-top:0px; border-left:6px solid #edb642; padding-left:6px; float:left} h2{font-family:arial,sans-serif; color:black; font-size: 13px; margin-bottom:5px; margin-top:15px} h3{font-family:verdana, Arial,sans-serif; color:black; font-size:15px; font-weight:normal; margin-top:8px; margin-bottom:2px} .form_left{width:170px; float:left; margin-top:3px; font-size:10px} .form_left b{font-size:10px} .form_right{width:330px; float:right} .form_1{width:330px} .form_2{width:60px} .date{color:#EDB642; font-size:10px} #block_00{width:800px; background-color:white; border: 1px solid #999999} #desc {padding-left:13px; width:350px; float:left} #img {float:right; border:1px solid #999999; margin-left:20px} #table{margin-left:13px; clear:both} #table div.line{height:21px; clear:both} #table span.header{display:block; height:20px; float:left; background-color:#a7a7a7; color:#FFFFFF; line-height:20px; font-weight:bold; margin-right:1px; margin-bottom:1px} #table span.item1{display:block; height:20px; float:left; background-color:#f2f2f2; line-height:20px; margin-right:1px; margin-bottom:1px} #table span.item1_order{display:block; height:20px; float:left; background-color:#fff1d4; line-height:20px; margin-right:1px; margin-bottom:1px} #table span.item2{display:block; height:20px; float:left; background-color:#f6f6f6; line-height:20px; margin-right:1px; margin-bottom:1px} #block_10{width:800px; height:190px; background-color:#ededed} #block_11{float:left; width:235px; height:190px; background-image:url('images/bg_11.gif'); background-repeat:no-repeat;} #block_11a{width:235px; height:110px; text-align:center} #block_11a img{margin-top:10px} #block_11b{width:235px; height:80px; text-align:center} #block_12{text-align:right; float:right; width:565px; height:190px; background-image:url('images/bg_12.gif'); background-repeat:no-repeat;} #block_12a{text-align:right; width:565px; height:162px} #block_12a img{margin-right:25px} #block_12b{text-align:left; width:565px; height:28px} #block_12b a{float:left; margin-right:2px; display:block; text-align:center; line-height:28px; text-decoration:none; color:#333333; width:101px; height:28px; background-image:url('images/bg_menu.gif')} #block_12b a:hover{color:#999999} #block_20{width:800px; height:12px; background-color:#ffbb2a; background-image:url('images/bg_20.gif'); background-repeat:repeat-x} #block_30{width:800px; background-image:url('images/bg_31.gif'); background-repeat:repeat-y; background-position:left} #block_31{text-align:left; float:left; width:236px} #block_31a{text-align:left; margin-left:20px; margin-top:25px} #block_32{text-align:left; float:right; width:564px} .content{padding:25px; margin-top:5px} #cut_in{width:564px; height:130px; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; clear:both} #cut_in p{margin-bottom:5px} #cut_in_1{float:left; width:282px; height:130px; background-color:#fff8e9} #cut_in_2{float:right; width:281px; height:130px; border-left:1px solid #a4a4a4; background-color:#edf6fc; background-image:url('images/bg_cut_in.gif'); background-repeat:no-repeat; background-position:right bottom} a.cutin_a{font-size:10px; font-weight:bold} #block_33{clear:both; width:800px; height:12px; background-color:#ffbb2a; background-image:url('images/bg_20.gif'); background-repeat:repeat-x} #block_40{width:800px; height:50px; background-color:#f1f1f1} #block_41{font-size:9px; color:#737373; text-align:left; float:left; width:350px; height:50px; padding-left:25px; background-image:url('images/bg_41.gif'); background-repeat:no-repeat; background-position:left} #block_41 div{margin-top:6px} #block_41 a{font-size:9px; text-decoration:none; color:#737373} #block_42{text-align:right; float:right; width:400px; height:50px; padding-right:25px; background-image:url('images/bg_42.gif'); background-repeat:no-repeat; background-position:right} #block_41 b{font-size:9px; color:#737373} #block_42 img{margin-top:10px} #search_field{width:564px; height:44px; background-color:#F9F9F9; border-bottom:1px solid #cccccc; clear:both} #search_block {width:460px; height:21px; position:relative; top:10px; left:25px} #field {border:1px solid #cccccc; width:195px; height:21px; color:#999999; padding:3px} #under li{text-decoration:underline; color:#037cd9} ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; font-size: 11px; cursor: default; width: 230px; list-style-type: none; list-style-image: none; background-color:#F1F1F1; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are same fixed width as parent */ ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 100%; position: relative; text-align: left; cursor: default; width: 230px; background-color:#F1F1F1; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarVertical ul { margin: -80px 0 0 95%; padding: 0; list-style-type: none; list-style-image: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 230px; left: -1000em; top: 0; background-color:#EEE; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li { width: 230px; list-style-type: none; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarVertical ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarVertical a { color: #666; text-decoration: none; display:block; background-color:#F1F1F1; } ul.MenuBarVertical ul a, ul.MenuBarVertical ul b { display: block; cursor: pointer; padding: 3px 5px 3px 5px; border: 1px solid white; border-top: 0px solid white; color: #333; background-color:#EEE; font-size:11px; text-decoration: none; } ul.MenuBarVertical ul b { border-top: 1px solid white; cursor: text; padding: 3px 5px 3px 5px; color: #333; background-color:#CCC; } ul.MenuBarVertical ul a:hover { background-color: #CCC; color: #333; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarVertical iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } }