/* div markup */ #wrapper_top {position:relative; height:232px;} #logo {padding:0px 0px 0px 0px; margin:px 0px 0px 0px;} #themed_image {clear:both; position:absolute; left:45px; top:85px; height:145px; width:321px;} #special_1 {position:absolute; left:310px; top:110px; color: #ffeebb; font-family:Times ;font-size:2em; font-style:oblique; font-weight: normal;} #special_1 p {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} #special_1 h1 {color:#ffeebb; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:14pt; font-weight: normal; font-style:oblique; } #icons {position:absolute; float:left; right :25px; top:52px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:middle; text-align:left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;} #icons a:link {text-decoration: none; color: #ffcc33;} #icons a:visited {text-decoration: none; color: #ffcc33;} #icons a:hover {color: #fff; text-decoration:none;} #icons a:active {color: #ffcc33;} #index_flash {position:absolute; left:10px; top:76px; height:153px; width:760px; overflow:hidden;} #index_full_flash {position:absolute; left:10px; top:76px; height:153px; width:1605px overflow:hidden;} #template_flash {position:absolute; right:0px; top:84px; height:145px; width:277px; overflow:hidden;} #top_links {padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px; width:490px; vertical-align: middle; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;} #top_links a {padding: 0px 10px 0px 5px; border-right-width:1px; border-right-color:#95DB77; border-right-style:dashed; } #top_links a:link {text-decoration: none; color: #000; } #top_links a:visited {text-decoration: none; color: #000; } #top_links a:hover {color: #fff;text-decoration:none;} #top_links a:active {color: #000; } #bottom_links {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;} #bottom_links a:link {text-decoration: none; color: #ffcc33;} #bottom_links a:visited {text-decoration: none; color: #ffcc33;} #bottom_links a:hover {color: #ffffff;text-decoration:none;} #bottom_links a:active {color: #ffcc33;} #vertical_menu {padding: 0px 0px 0px 0px; margin: 0px 0px 30px 30px;} #site_info {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; vertical-align: top; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #ffcc33;} #wrapper_favcontact {height: 130px; width: 270px;} #favorites {float:left; height:130px; width:135px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0;} .favorites_button {border-width: 0;} #contact {float:right; height:130px; width:135px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0;} .contact_button {border-width: 0;} /* special wrapper classes */ #body1 {padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} #body1 p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} #body1 h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; background-image: url('../graphics/h1.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:14pt; font-weight: normal; font-style:oblique; color:#5C5C5C;} #body1 h2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; background-image: url('../graphics/h2.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:11pt; font-weight: bold; font-style:italic; color:#5C5C5C;} #body1_link {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} #body1 hr {height:1px; width: 50%; color: #c0c0c0;} .redfont {color: #FF0000; font-weight:bold;} #body2 {padding: 0px 0px 0px 0px; margin: 15px 25px 15px 30px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;} #body2 p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;} #body2 h1 {padding: 0px 0px 0px 0px; margin: 5px 0px 5px 10px; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10pt; font-weight: bold; font-style:oblique; color:#5C5C5C;} #body2 h2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:9pt; font-weight: bold; font-style:italic; color:#5C5C5C;} #body2_link {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} #body3 {padding: 0px 0px 0px 0px; margin: 0px 45px 0px 25px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;} #body3 p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;} #body3 h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 35px; background-image: url('../graphics/h1.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10pt; font-weight: bold; font-style:oblique; color:#5C5C5C;} #body3 h2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; background-image: url('../graphics/h2.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:9pt; font-weight: bold; font-style:italic; color:#5C5C5C;} #body3_link {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;} /* common page styles */ /*a:link {text-decoration: none; color: #111111;} a:visited {text-decoration: none; color: #111111;} */ a:link {text-decoration: underline; color: #111111;} a:visited {text-decoration: underline; color: #111111;} a:hover {text-decoration: underline; color: #111111;} a:active {text-decoration: none; color: #111111;} a:focus {text-decoration: underline; color: #111111;} h6 {color: #cccccc; font-weight: normal; font-size:9pt;} h5 {color: #cccccc; font-weight: normal; font-size:9pt;} h4 {color: #333333; font-weight: bold; font-size:10pt; color:maroon;} h3 {color: #333333; font-weight: bold; font-size:12pt; color: blue;} h2 {color: #333333; font-weight: normal; font-size:10pt;} h1 {color: #cccccc; font-weight: normal; font-size:9pt;} td {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; scrollbar-base-color: #4E4E4E;} textarea {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; scrollbar-base-color: #4E4E4E;} table {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; scrollbar-base-color: #4E4E4E;} p {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; scrollbar-base-color: #4E4E4E;} body {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; scrollbar-base-color: #4E4E4E;} /* horizontal rule */ .hr {color: #F2D87B; width: 50%} /* CSSMenubar */ .menuAlignment { padding: 0px 0px 0px 0px; } ul.myVerticalMenu { list-style: none; margin: 0; padding: 0; } img { border: none; } /* change width this controls the width of the buttons*/ #CSSMenubar { width: 220px; margin: 0px; } /* change height: this controls the height of the buttons */ #CSSMenubar li a { height: 42px; voice-family: "\"}\""; voice-family: inherit; height: 42px; text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; } /* change padding: (controls the placment of the button name :top-right-bottom-left) */ #CSSMenubar li a:visited { padding:5px 0px 0px 50px; display: block; background: url('../graphics/menubutton.gif'); font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#000000; } #CSSMenubar li a:link { padding:5px 0px 0px 50px; display: block; background: url('../graphics/menubutton.gif'); font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#000000; } /* change padding: (top-right-bottom-left) change -position use 50% of button height*/ #CSSMenubar li a:hover { padding:5px 0px 0px 50px; background: url('../graphics/menubutton.gif') 0 -47px; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#ffcc33; } .wrapper_catalog {margin: 10px 0px 20px 0px; border-style:dotted; border-width:thin; background-color:#EBEBEB; padding: 5px 5px 5px 5px;} .catalog_image {width:150px; vertical-align:top; background-color:#ffffff;} .catalog_description1 {width:150px; vertical-align:top; background-color:#ffffff;} .catalog_backtotop {width:150px; vertical-align:top;} .catalog_learnmore {width:150px; vertical-align:top; background-color:#ffffff;} .catalog_description2 {width:100%; vertical-align:top; background-color:#ffffff;} .catalog_price {width:100%; vertical-align:middle; background-color:#F7F7F7} .catalog_divider hr {width:100%; height:1px; color:#C0C0C0; vertical-align:top; background-color:#ffffff;} .catalog_addtocart {width:100%; vertical-align:top; background-color:#ffffff;} .w3c {text-align:center;} #CSSMenubar2 { width: 220px; margin: 0px; } #CSSMenubar2 ul,li { display: block; margin: 0; padding: 0; border: 0; } #CSSMenubar2 ul { width: 220px; list-style-type: none; } #CSSMenubar2 li { position: relative; padding: 0px; z-index: 9; height: 42px; padding:5px 0px 0px 50px; background: url('../graphics/menubutton.gif'); font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#ffcc33; } #CSSMenubar2 li:hover { position: relative; z-index: 9; background: url('../graphics/menubutton.gif') 0 -47px; padding:5px 0px 0px 50px; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#ffcc33; } #CSSMenubar2 li.folder { padding:5px 0px 0px 50px; display: block; background: url('../graphics/menubutton.gif'); font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#ffcc33; } #CSSMenubar2 li.folder:hover { z-index: 10; background-color: #EFEFEF; padding:5px 0px 0px 50px; background: url('../graphics/menubutton.gif') 0 -47px; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;font-size: medium; color:#ffcc33; } #CSSMenubar2 li.folder ul { position: absolute; display: none; left: 200px; /* IE */ top: 5px; } #CSSMenubar2 li.folder>ul { left: 200px; } #CSSMenubar2 ul.level1 li.folder:hover ul.level2 { display: block; width: 220px; } #CSSMenubar2 a { padding: 2px; text-decoration: none; width: 100%; /* IE */ } #CSSMenubar2 li>a { width: auto; } #CSSMenubar2 li a.submenu { font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica; display: block; } #CSSMenubar2 a:link, a:visited { color: #000000; } #CSSMenubar2 a:hover { color: #FFCC33; } /* We have to turn bullets back on after the menu stuff */ li { display: list-item; }