/***********************************************/ /*Main Body Area */ /***********************************************/ body {padding:0px;margin:0px; margin-top:15px;font-size:11px;font-family:Arial;color:#777777;text-align:left; background-color:#E6F0C6;line-height:14px;} #maintable {position: relative; margin-left:auto;margin-right:auto; width:800px; background-image:url(images/bg2.gif); background-repeat:repeat-y;} #wrapper { } .clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} /***********************************************/ /*Content Styles */ /***********************************************/ #left-content { float:left; width:300px;} #left-content-others{ float:left; width:385px;} #right-content{ float:right; width:170px;} #right-content img { padding-bottom:10px;} #row { float:left; width:155px; } #padding { padding-top:0px; padding-bottom:0px;} #hd img{ margin-bottom:15px;} .bold { color:#108B9D; font-weight:bold; font-size:11px;} .bold-orange { color:#E88342; font-weight:bold;} .grey{ color:#777777;} a:link, a:visited {color: #108B9D; text-decoration:none;} a:hover {color: #E88342; text-decoration:none;} ul { margin:0px; padding:0px; padding-left:11px;} ul li {list-style-image:none;margin:0; } #dotted-line { border-top:#999999 dotted 1px; margin-bottom:10px; margin-top:5px;} .required { color:#E88342} .submit {} .submit a{ background-image:url(images/bt-submit.gif); width:141px; height:43px; background-repeat:no-repeat; display:block;} .submit a:hover { background-image:url(images/bt-submist-over.gif); background-repeat:no-repeat} /***********************************************/ /*Header */ /***********************************************/ #header{ background-image:url(images/bg-header.gif); height:32px; width:560px; background-repeat:no-repeat; text-transform:uppercase; font-size:9px; color:#FFFFFF; padding-left:240px; padding-top:24px;} /***********************************************/ /*Left Column */ /***********************************************/ /*cart code for left column
*/ #left-column{ background-image:url(images/left-column.gif); background-repeat:no-repeat;width:90px; height:406px; float:left;padding-top:98px; padding-left:100px; line-height:15px; } #left-column a:link, a:visited {color: #777777; text-decoration:none;} #left-column a:hover {color: #328B6D; text-decoration:underline;} #easy-order { background-image:url(images/easy-ordering.gif); width:90px; height:24px; background-repeat:no-repeat; margin-bottom:3px;} /***********************************************/ /*Right Column */ /***********************************************/ #main-content-area{ float:left; width:514px; padding-left:40px; padding-top:20px; padding-bottom:20px;} #main-content-flash{ float:left; width:595px; padding-left:15px; padding-top:20px; padding-bottom:20px;} /***********************************************/ /*Main Navigation */ /***********************************************/ #spacer { float:left; height:18px;} #home{ float:left;} #home a{color: #FFFFFF; text-decoration:none; background-image:url(images/nav-home.gif); background-repeat:no-repeat;width:38px; padding-left:18px;height:18px; padding-top:7px;display:block;} #home a:hover {text-decoration:none; background-image:url(images/nav-home_over.gif); background-repeat:no-repeat;} #home-onstate {text-decoration:none; background-image:url(images/nav-home_over.gif); background-repeat:no-repeat;background-repeat:no-repeat;width:38px; padding-left:18px;height:18px; padding-top:7px; color: #FFFFFF; float:left;} #about{ float:left; } #about a {color: #FFFFFF; text-decoration:none; background-image:url(images/nav-about.gif); background-repeat:no-repeat; width:113px; padding-left:10px;height:18px; padding-top:7px; display:block;} #about a:hover {text-decoration:none; background-image:url(images/nav-about_over.gif); background-repeat:no-repeat} #about-onstate {float:left; text-decoration:none; background-image:url(images/nav-about_over.gif); background-repeat:no-repeat; color:#FFFFFF; width:113px; padding-left:10px; height:18px; padding-top:7px;} #offers{ float:left; } #offers a {color: #FFFFFF; text-decoration:none; background-image:url(images/nav-exclusive-offers.gif); background-repeat:no-repeat; width:97px; padding-left:10px;height:18px; padding-top:7px; display:block;} #offers a:hover {text-decoration:none; background-image:url(images/nav-exclusive-offers_over.gif);background-repeat:no-repeat;} #offers-onstate { float:left; color:#ffffff; background-image:url(images/nav-exclusive-offers_over.gif);background-repeat:no-repeat;width:97px; padding-left:10px;height:18px; padding-top:7px;} #buy{ float:left; } #buy a{color: #FFFFFF; text-decoration:none; background-image:url(images/nav-buy.gif); background-repeat:no-repeat; width:79px; padding-left:10px;height:18px; padding-top:7px; display:block;} #buy a:hover {text-decoration:none; background-image:url(images/nav-buy_over.gif); background-repeat:no-repeat} #buy-onstate { float:left; color:#ffffff;background-image:url(images/nav-buy_over.gif); background-repeat:no-repeat;width:79px; padding-left:10px;height:18px; padding-top:7px;} #contact{ float:left; } #contact a{color: #FFFFFF; text-decoration:none; background-image:url(images/nav-contact.gif); background-repeat:no-repeat; width:54px; padding-left:10px;height:18px; padding-top:7px; display:block;} #contact a:hover {text-decoration:none; background-image:url(images/nav-contact_over.gif); background-repeat:no-repeat} #contact-onstate { float:left; color:#ffffff;background-image:url(images/nav-contact_over.gif); background-repeat:no-repeat;width:54px; padding-left:10px;height:18px; padding-top:7px;} #faq{ float:left; } #faq a{color: #FFFFFF; text-decoration:none; background-image:url(images/nav-faq.gif); background-repeat:no-repeat;width:37px; padding-left:12px;height:18px; padding-top:7px; display:block;} #faq a:hover {text-decoration:none; background-image:url(images/nav-faq_over.gif); background-repeat:no-repeat;} #faq-onstate{ float:left; color:#FFFFFF; background-image:url(images/nav-faq_over.gif); background-repeat:no-repeat;width:37px; padding-left:12px;height:18px; padding-top:7px; } /***********************************************/ /*Footer Area */ /***********************************************/ #footer{background-image:url(images/bottom.gif); background-repeat:no-repeat; height:34px; width:564px; padding-left:236px; padding-top:6px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#328B6D;font-size:10px;} #footer a:link, a:visited {color: #328B6D; text-decoration:none; } #footer a:hover {color: #777777; text-decoration:underline;} .footer-onstate { text-transform:uppercase; color:#FFFFFF;} /***********************************************/ /*About */ /***********************************************/ #about-image{position:relative; margin-top:50px; background-image:url(images/HC-Pain-Spray-AboutUs2.jpg); width:500px; height:250px; background-repeat:no-repeat;} /***********************************************/ /*FAQ */ /***********************************************/ #faq-left-content{ float:left; width:200px; font-weight:bold; } #faq-right-content{ float:right; width:300px;} #faq ul { margin:0px; padding:0px; padding-left:11px; line-height:11px; color:#108B9D;} #faq ul li { list-style-image:none;margin:0; border-bottom:#E88342 1px solid; margin-bottom:5px; padding-bottom:5px;color:#108B9D;} #faqs{ position:absolute; left:430px; width:300px; } #faqlist ul { margin:0px; padding:0px; padding-left:11px; line-height:11px; color:#108B9D;} #faqlist ul li { position: relative; list-style-image:none;margin:0; border-bottom:#E88342 1px solid; margin-bottom:5px; padding-bottom:5px;color:#108B9D;} #faqlist{ float:left; } li a {display:block;position:relative;} li a:hover{background-color:transparent;} li a #answer {display:block; visibility: hidden; text-decoration:none; position:absolute; } li a:hover #answer{display:block; visibility: visible; text-decoration:none; position:absolute; left:100px; top: -20px; width:300px; padding-left:100px; color:#777777; z-index:99;} /***********************************************/ /*Contact */ /***********************************************/ #contact-left-content{ float:left; width:205px; } #conttact-right-content{ float:right; width:275px;} input {margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777777; background:#eeeeee;} textarea {margin-bottom:10px; color:#777777; width:270px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#eeeeee;} /***********************************************/ /*Offers */ /***********************************************/ #offer-left-content { float:left; width:272px; border:#CCCCCC 1px solid; padding:15px; margin-bottom:15px;} #checkbox-row { float:left; width:89px; } #checkbox { float:left; width:auto; padding-right:3px;} #checkbox-text { float:left; width:auto; padding-top:4px;} /***********************************************/ /*buttons */ /***********************************************/ #bt-add {height:33px; width:122px; display:block;} #bt-add a{ background-image:url(images/bt-addbag.gif); background-repeat:no-repeat; } #bt-add a:hover { background-image:url(images/bt-addbag-over.gif); background-repeat:no-repeat;}