/* CSS Document */
html, body, div, span, p, h1, h2, h3, a, em, font, img, ol, ul, li{ outline: 0;}
/* Common classes ----------------------------------------------------------------*/
a img {border: none;}
#column2 a:link, #column2 a:visited {color: #25628b; text-decoration: none;}
#column2 a:hover {text-decoration: underline;}
h1 {color: #003366; font-size: 1.8em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;}
h2 {color: #25628b; font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;}
h3 {color: #627e2a; font-size: 1.0em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;}
h3 a {color: #627e2a; text-decoration: none;}
input {font-size: 0.9em; font-family: Verdana, Geneva, sans-serif;}
p {line-height: 1.2em;}
h3 a:hover {text-decoration: underline;}
ul {margin: 0; padding: 0;}
ul.bullet li { padding: 5px 0px 5px 10px; background:url(../images/icoBlue.gif) no-repeat 5px 10px; list-style: none; line-height: 1.4em;}
ul.bulletred li { padding: 5px 0px 5px 20px; background:url(../images/icoRed.gif) no-repeat 10px 10px; list-style: none; line-height: 1.4em;}
ul.bulletvunc li { padding: 5px 0px 5px 20px; background:url(../images/vunc.gif) no-repeat 10px 4px; list-style: none; line-height: 1.4em;}
.clear {clear: both;}
hr {border: none; border-top: 1px solid #ccc; margin-top: 20px;}
.button, .textbox {border-width:0px;}
.textbox {float:left; width:200px; border: 1px solid #bdbdbd; position: relative; top: 5px; margin-bottom:10px;}
/* SiteMaster classes ----------------------------------------------------------------*/
body {background:url('../images/bgBody.gif') repeat top #fff; margin: 0; padding: 10px 10px; color: #666666; font: 76% Verdana, Arial, Helvetica, sans-serif;}
.container {margin: 0 auto; width: 960px; padding: 0; overflow: hidden;}
.header { background-color:#ffffff; height:128px; position:absolute; top:0; width:960px;}
.topmenu_bg {height:30px;width:960px; background:url('../images/topmenu_bg.jpg') no-repeat; top:0; position:absolute; }
.topmenu {float:right; width:554px; height:30px; }
.topmenu ul {padding: 0px; margin:0px; height:30px;}
.topmenu ul li {display:block; float:left; text-indent:-5000px;}
.topmenu ul li a {padding:0; background:url('../images/topmenu.jpg') 0 0 no-repeat ; display:block; height:30px; }
.topmenu a.home {background-position:0 0; width:68px;}
.topmenu a.home:hover {background-position:0 -30px;}
.topmenu a.cart {background-position:-68px 0; width:92px;}
.topmenu a.cart:hover {background-position:-68px -30px;}
.topmenu a.login {background-position:-160px 0; width:68px;}
.topmenu a.login:hover {background-position:-160px -30px;}
.topmenu a.track {background-position:-228px 0; width:140px;}
.topmenu a.track:hover {background-position:-228px -30px;}
.topmenu a.account {background-position:-368px 0; width:94px;}
.topmenu a.account:hover {background-position:-368px -30px;}
.topmenu a.contact {background-position:-462px 0; width:92px;}
.topmenu a.contact:hover {background-position:-462px -30px;}
.topmenu a.logout {background-position:-553px 0; width:68px;}
.topmenu a.logout:hover {background-position:-553px -30px;}
.logosearch {border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:958px; height:138px;}
.logohome {width:201px; height:71px; float:left; margin:37px 125px 0 10px;}
.tollfree {width:492px; height:18px; float:left; margin-top:35px;}
.searchboxes {float:right; width:325px; height:15px; padding:10px; background-color:#e1e1e1; margin-top:20px;}
.btn_go {background:url('../images/btnGo.gif') no-repeat; width:25px; height:18px; float:left; border-width:0px;}
.content {margin-top:128px; overflow:hidden; padding:0px 10px 10px 10px; position:relative; width:938px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#fff;}
.contentL {float:right; width:200px; padding:10px 0;}
.driver-boxes {margin-bottom:20px; float:left;}
.leftnavbar {width:167px; background:url('../images/bg-Left-Nav-Top1.gif') repeat-y; float:left; height:175px;}
.leftnavbar ul li a {color:#36386A; text-decoration:none;}
.leftnavbar ul li a:hover {color:#E50112;}
.leftnavbar-bottom {width:166px; background-image:url('../images/bgLeft-Col-Bottom.gif'); float:left; height:25px; margin-top:-24px; }
.contentR {float:right; width:738px; margin-bottom:10px;}
.shoppingoptions {float:left; background:url('../images/imgStart.gif') no-repeat; width:738px; height:109px;}
.shoppingoptions a {color:#666666; text-decoration:underline;}
.shoppingoptions a:hover {color:#E50112;}
.hdr-welcome {background:url('../images/hdgWelcome.gif') no-repeat; width:497px; height:40px; text-indent:-5000px; float:left;}
.Points_box {float:left; width:364px;}
.S-points_top {background:url('../images/imgBox-Tl-1.gif') no-repeat; float:left; width:364px; height:20px; }
.S-points {float:left; width:314px; background-color:#F3F3F3; padding:0 25px;}
.S-points_bottom {background:url('../images/imgBox-BL-1.gif') no-repeat; float:left; width:364px; height:20px; }
.E-points_top {background:url('../images/imgBox-TR-1.gif') no-repeat; float:left; width:364px; height:20px; }
.E-points {float:left; width:314px;background-color:#F3F3F3; padding:0 25px;}
.E-points_bottom {background:url('../images/imgBox-BR-1.gif') no-repeat; float:left; width:364px; height:20px;}
.pharmacyinfo {width:736px; height:117px; margin:10px 0; background:url('../images/pharmacyinfo.gif') no-repeat;}
.footer {width:938px;border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#fff; padding:10px; font-size: 10px; text-align:center;}
.footer a {text-decoration:none; color:#36386A;}
.footer a:hover {color:#E50112;}
.driver-newsletter {background-image:url('../images/driver-newsletterbg.jpg'); width:155px; height:166px; margin-top:15px; text-indent:-5000px; float:left;}
.btn_subscribe {background-image:url('../images/btn_subscribe.gif'); width:105px; height:29px; float:left; margin-left:20px; border-width:0;}
/*----Our Products Page --------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-ourproducts {background:url('../images/imgProducts.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
.productsearch {background-color:#006EA4; width:513px; padding:15px; float:left; margin-left:25px; text-align:center; height:135px}
.locate-prescription-drugs {float:left; margin-left:25px;}
.search-textbox {border-width:0px; width:222px; height:22px; font-size:12px; padding:5px 0 0 5px; border:1px solid #e4e4e4; color:#222222; margin-top:15px;}
.search-byname {float:left; width:256px;}
.search-alpha {float:left; width:256px; background:url('../images/bg_searchalpha.gif') no-repeat; height:146px;}
.namesearch{background:url('../images/search-byname.gif') no-repeat; width:174px; height:36px; text-indent:-5000px;}
.alphasearch {background:url('../images/search-alpha.gif') no-repeat; width:223px; height:36px; text-indent:-5000px;}
.search-button_red {background:url('../images/btnsearch.gif') no-repeat; width:150px; height:37px; border-width:0px; margin-top:10px; cursor:pointer;}
.search-button_blue {background:url('../images/btnSearch-blue.gif') no-repeat; width:100px; height:25px; border-width:0px; float:right; margin-left:5px; cursor:pointer;}
/*----Search-index.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-oursearch {background:url('../images/imgSearch.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
/*----How-To-Order-index.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-ourproducts {background:url('../images/imgHow.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
.bg-howtoorder {background:url('../images/imgHow-To1.gif') no-repeat; width:670px; height:189px; padding:15px; margin-top:15px;}
.bg-howtoorder a {text-decoration:none; color:#3f3f3f;}
.bg-howtoorder a:hover {color:#9d9d9d;}
.bg-howtoorder p {line-height:18px; margin-top:5px; margin-bottom:5px;}
.bg-howtoorder h2 {margin:0px; padding:0px;}
.btn_moreinfo {background:url('../images/btn_moreinfo.gif') no-repeat; width:90px; height:25px; float:left; margin-top:50px;}
/*----Who-We-Are-index.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-whoweare {background:url('../images/imgWho.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
/*----Contact-Us-index.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-contactus {background:url('../images/imgContact.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
/*----Affiliate-index.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-affiliate {background:url('../images/imgAffiliate.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
.affiliate-contact-box {width:400px; margin-left:20px;}
label {width: 150px; font-weight: bold; color: #2e2e2e; float: left; position: relative; top: 5px; font-size: 0.9em; margin-bottom:10px;}
.btn_submit {background: url('../images/btnSubmit.gif') no-repeat; width:90px; height:25px; margin-left:155px; border-width:0px; cursor:pointer;}
/*----misc-faq.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-faq {background:url('../images/imgFAQ.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
/*----prescription_price_list.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-search {background:url('../images/imgSearch.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
.legend {width:270px; height:20px; float:right; padding:15px;}
.prescription_price_list-hdr{width:700px; background-color:#e1e1e1; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; float:left; height:20px;}
.prescription_price_list-hdr2{width:935px; background-color:#e1e1e1; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; float:left; height:20px;}
.prescription_price_list-hdr3{width:575px; background-color:#e1e1e1; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; float:left; height:20px;}
.prescription_price_list {width:700px; border: 1px solid #cccccc; float:left; border-bottom:none;}
.prescription_price_list2 {width:935px; border: 1px solid #cccccc; float:left;border-bottom:none;}
.prescription_price_list3 {width:575px; border: 1px solid #cccccc; float:left; border-bottom:none;}
.prescription_price_list-type {width:45px; float:left; margin:15px 15px 0px 15px;}
.prescription_price_list-type2 {width:75px; float:left; margin:5px 5px 0px 5px;}
.prescription_price_list-type3 {width:60px; float:left; margin:2px 0 0px 5px;}
.prescription_price_list-type4 {width:60px; float:left; margin:5px 0 0px 5px;}
.prescription_price_list-name {width:350px; float:left; margin-top:15px;}
.prescription_price_list-name2 {width:300px; float:left; margin-top:5px;}
.prescription_price_list-name3 {width:345px; float:left; margin-top:5px; padding-left:5px}
.prescription_price_list-name4 {width:580px; float:left; margin-top:5px; padding-left:5px}
.prescription_price_list-name5 {width:580px; float:left; margin-top:5px; padding-left:5px}
.prescription_price_list-view {width:150px; float:left; margin-top:15px;}
.prescription_price_list-view2 {width:165px; float:left; margin-top:5px;}
.prescription_price_list-view3 {width:125px; float:left; margin-top:15px;}
.prescription_price_list-pic {width:150px; float:left; margin-top:5px;}
.prescription_price_list-pic2 {width:85px; float:left; margin-top:5px; text-align:right;}
.prescription_price_list-pic3 {width:110px; float:left; margin-top:5px; text-align:right;}
.p1 {float:left; border-bottom:1px solid #cccccc; padding-bottom:5px;}
.p2 {padding-bottom:5px; float:left; width:935px;border-bottom:1px solid #cccccc;}
.p3 {padding-bottom:5px; float:left;border-top:1px solid #CCCCCC;border-bottom:1px solid #cccccc;}
.p4 {padding-bottom:5px;float:left; background-color:#f3f3f3; border-top:1px solid #CCCCCC;border-bottom:1px solid #cccccc;}
.p5 {float:left; width:700px;border-bottom:1px solid #cccccc;}
.p6 {float:left; background-color:#f3f3f3; width:700px; border-top:1px solid #CCCCCC;border-bottom:1px solid #cccccc;}
.p7 {float:left; width:935px;border-bottom:1px solid #cccccc;}
/*----referal.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-referal {background:url('../images/imgTell-A-Friend.gif') no-repeat; text-indent:-5000px; width:430px; height:30px;}
.referafriendform label {color:#CC0000; width:100px;}
/*----privacy-policy.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hdr-privacy {background:url('../images/hdgPrivacy-Policy.gif') no-repeat; text-indent:-5000px; width:430px; height:50px;}
.hdr-terms {background:url('../images/hdgTerms-Of-Use.gif') no-repeat; text-indent:-5000px; width:430px; height:50px;}
.hdr-sale { background:url('../images/hdgTerms-Of-Sale.gif') no-repeat; text-indent:-5000px; width:430px; height:50px;}
.hdr-drug { background:url('../images/imgDrug-Details.gif') no-repeat; text-indent:-5000px; width:430px; height:50px;}
.hdr-cart { background:url('../images/imgCart.gif') no-repeat; text-indent:-5000px; width:430px; height:50px;}
.hdr-login { background:url('../images/imgLogin.gif') no-repeat; text-indent:-5000px; width:430px; height:30px;}
.hdr-safety {background:url('../images/imgSafety.gif') no-repeat; text-indent:-5000px; width:430px; height:40px;}
/*----prescription_info_list.aspx---------------------------------------------------------------------------------------------------------------------------------------------------*/
.image {float:left; margin-bottom:10px;}
.productinfo {width:425px; float:left; margin-left:10px;}
.fieldname {width:100px; float:left; font-weight:bold; text-align:left; margin-right:5px; margin-bottom:10px;}
.fieldinfo {width:320px; float:left; margin-bottom:10px; text-align:left;}
.prescription-symbol {width:200px; height:20px; margin:5px 0;}
.productname {width:440px; float:left;}
.productpic2 {width:100px; height:150px; float:right; margin-top:-30px; margin-right:30px;}
.btn_btnBuy {width:75px; height:19px; background: url('../images/btnBuy.gif') no-repeat;}
/*-------CartPage.aspx--------------------------------------------------------------------------------------------------------------------------------------------*/
.subtotal {width:300px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; float:right; margin-right:36px; margin-bottom:10px;}
.subtotal2 {width:300px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; float:right; margin-right:1px; margin-bottom:10px;}
.subtotal-1 {float:right; width:189px;border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc; padding:5px; text-align:right; }
.subtotal-2 {float:right; width:88px;padding:5px; text-align:right; border-bottom: 1px solid #cccccc;}
.shopmore {float:right; margin-right:15px; background:url('../images/btnShoptMore.gif') no-repeat; width:100px; height:25px; margin-bottom:10px;}
.btn_checkout {float:right; background:url('../images/btnCheckout.gif') no-repeat; width:100px; height:25px; margin-right:65px; margin-bottom:10px; border-width:0px;}
.btn_checkout2 {float:right; background:url('../images/btnCheckout.gif') no-repeat; width:100px; height:25px; margin-right:40px; margin-bottom:10px;}
.btn_x {background:url('../images/remove-from-cart.gif') no-repeat; width:19px; height:21px; border-width:0;}
/*---------------------------------------------------------------------------------------------------------------------------------Login Page Classes----------*/
.loginleft{float:left; width:445px; height:475px;}
.signupbox {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:450px; height:500px; padding:10px;color:#666666; margin:0 20px 10px 0;}
.loginbox {background-color:#ffffff; border:1px solid #cfcfcf; float:left; width:425px; height:200px; padding:10px;color:#666666; }
.btn_login{width:100px; height:25px; margin:5px 0 10px 165px; border-width:0; background-image:url('../images/btnLogin.gif');}
.login-labels {width:130px; float:left; margin-bottom:10px;}
.login-labels2 {width:280px; float:left; margin-bottom:10px;}
.btn_continuecheckout { width:163px; height:30px; margin-left:116px; background:url('../IMAGES/btn_continuecheckout.gif') no-repeat; border-width:0; float:left;}
.createaccount {width:150px; height:25px; background-image:url('../images/btn_createaccount.gif'); margin-left:112px; border-width:0; float:left;}
.paymentshipping {width:425px; float:left; height:250px;}
.contact-fields {width:194px; float:left; margin-bottom:10px;}
.contact-fields4 {width:174px; float:left; margin-bottom:10px;}
.validationerror2 {margin-left:90px; float:left; margin-top:-10px;}
.validationerror {float:left; color:red; margin-left:5px; width:100px;}
.contact-labels2 {width:120px; float:left; margin-bottom:10px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Account Page Classes--*/
.userinfo {width:315px; float:right; height:125px; margin-top:10px; text-align:right;}
.userinfo2 {text-align:left; width:315px; float:left; height:125px; margin-top:10px; font-size:16px;}
.userinfo2 a {color:#555555; text-decoration:none; font-size:13px;}
.userinfo2 a:hover {color:#902929; text-decoration:none;}
.userinfo3 {width:210px; float:left; height:100px; margin-top:10px;}
.userinfo4 {text-align:right; width:210px; float:left; height:100px; margin-top:10px; font-size:16px; font-weight:bold;}
.userinfo4 a {color:#555555; text-decoration:none; font-size:13px;}
.userinfo4 a:hover {color:#902929; text-decoration:none;}
.account_price {width:75px; float:left; text-align:right; margin-top:10px;}
.account_productinfo {width:100px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;}
.account_productinfo4 {width:60px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;}
.account_productinfo2 {width:110px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;}
.account_productinfo3 {width:160px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;}
.account_orderdate {width:360px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;}
.account_status {width:100px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;}
.acct_totalbox {width:638px; height:100px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fffcf3; float:left;}
.acct_total {width:318px; float:left;}
.acct_total2 {width:298px; float:left; padding:10px;}
.acct_subtotal {width:138px; float:left; text-align: right; font-weight:bold; font-size:14px; padding:10px; height:10px;}
.acct_subtotal2 {width:138px; float:left; text-align:left; padding:10px; font-size:14px; height:10px;}
.login_captcha {float:left; margin-bottom:10px;}
.searchresult_product {width:620px; height:100px; padding:10px;float:left;}
.searchresult_img {width:90px; height:90px; float:left; margin-right:10px;}
.searchresult_productinfo {width:400px;float:left; margin-right:10px; height:100px;}
.searchresult_productinfo a { text-decoration:none;}
.searchresult_productinfo a:hover {text-decoration:underline;}
.btn_moreinfo {background:url('../IMAGES/btn_moreinfo.gif') no-repeat; width:100px; height:30px; float:left; margin-top:35px; border-width:0;}
.recentsearches {width:618px; height:100px; padding:10px; float:left; background-color:#ffffff; border:1px solid #c0c0c0;}
.btn_clearsearch {background:url('../IMAGES/btn_clearsearch.gif') no-repeat; width:125px; height:30px; float:left; margin-right:10px; margin-top:35px; border-width:0;}
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
LAYOUT INFORMATION: describes box model, positioning, z-order
*******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {margin: 0;padding: 0;list-style-type: none;font-size: 85%;font-weight:bold;cursor: default;width: 960px;float:left; height:30px;}
/* 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 a fixed width */
ul.MenuBarHorizontal li {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; position: absolute; left: -1000em;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto; width:165px;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {padding:5px; width:165px; font-size:10px;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {position: absolute; margin: -5% 0 0 95%;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto; top: 0;}
/*******************************************************************************
DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {border: 1px solid #CCC;padding:10px;background-color:#f8f8f8;}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {display: block; cursor: pointer;text-decoration: none;color: #36386A;}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {color: #E73C42; }
/*******************************************************************************
SUBMENU INDICATION: styles if there is a submenu under a given menu item
*******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuProducts { background-image:url('../images/btnProducts.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuAffiliate { background-image:url('../images/btnAffiliate.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:190px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuOrder {background-image:url('../images/btnHow-To-Order.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuWho {background-image:url('../images/btnWho-We-Are.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuContact {background-image:url('../images/btnContact-Us1.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background-color: #f8f8f8; width:192px; height:30px;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuProductsHover { background-image:url('../images/btnProducts.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuAffiliateHover { background-image:url('../images/btnAffiliate.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuOrderHover { background-image:url('../images/btnHow-To-Order.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuWhoHover { background-image:url('../images/btnWho-We-Are.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuContactHover{ background-image:url('../images/btnContact-Us1.jpg'); background-repeat: no-repeat; text-indent:-5000px; width:192px; height:30px;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image:url('../images/btnProducts.jpg'); width:192px; height:30px;}
/*******************************************************************************
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.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1);}
/* 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.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
float: left;
background: #f8f8f8;
}
}
@charset "UTF-8";
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/
/* This is the selector for the main TabbedPanels container. For our
* default style, this container does not contribute anything visually,
* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container, to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
*
* If you want to constrain the width of the TabbedPanels widget, set a
* width on the TabbedPanels container. By default, the TabbedPanels widget
* expands horizontally to fill up available space.
*
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
*/
.TabbedPanels {
margin: 20px 0 0 0;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* This is the selector for the TabGroup. The TabGroup container houses
* all of the tab buttons for each tabbed panel in the widget. This container
* does not contribute anything visually to the look of the widget for our
* default style.
*
* The name of the class ("TabbedPanelsTabGroup") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabGroup container.
*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
* the title for the panel. This is also the tab "button" that the user clicks
* on to activate the corresponding content panel so that it appears on top
* of the other tabbed panels contained in the widget.
*
* For our default style, each tab is positioned relatively 1 pixel down from
* where it wold normally render. This allows each tab to overlap the content
* panel that renders below it. Each tab is rendered with a 1 pixel bottom
* border that has a color that matches the top border of the current content
* panel. This gives the appearance that the tab is being drawn behind the
* content panel.
*
* The name of the class ("TabbedPanelsTab") used in this selector is not
* necessary to make the widget function. You can use any class name you want
* to style this tab container.
*/
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding:5px 10px;
margin: 0px 1px 0px 0px;
font: bold 1em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #CCC;
border-right: solid 1px #CCC;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
width:130px;
height:15px;
}
/* This selector is an example of how to change the appearnce of a tab button
* container as the mouse enters it. The class "TabbedPanelsTabHover" is
* programatically added and removed from the tab element as the mouse enters
* and exits the container.
*/
.TabbedPanelsTabHover {
background-color: #CCC;
}
/* This selector is an example of how to change the appearance of a tab button
* container after the user has clicked on it to activate a content panel.
* The class "TabbedPanelsTabSelected" is programatically added and removed
* from the tab element as the user clicks on the tab button containers in
* the widget.
*
* As mentioned above, for our default style, tab buttons are positioned
* 1 pixel down from where it would normally render. When the tab button is
* selected, we change its bottom border to match the background color of the
* content panel so that it looks like the tab is part of the content panel.
*/
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
/* This selector is an example of how to make a link inside of a tab button
* look like normal text. Users may want to use links inside of a tab button
* so that when it gets focus, the text *inside* the tab button gets a focus
* ring around it, instead of the focus ring around the entire tab.
*/
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
*
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
*/
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #CCC;
border-right: solid 1px #CCC;
background-color: #EEE;
width:700px;
margin-bottom:10px;
font-size:24px;
}
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
*
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
*/
.TabbedPanelsContent {
padding: 10px;
font-size:12px;
}
/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}