﻿body {border-top: 5px solid #231f20; background:#FFFFFF; text-align: center; font-family: Arial, Tahoma, Helvetica, Sans-Serif; font-size: 12px;}
a {color: #cc3300; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 23px 0px; font-size: 12px; font-weight: bold;}
#pagewrapper {text-align: left;}
.content {width:925px; margin: 0 auto 0 auto;}
.left {float: left;}
.right {float: right;}
.clear {clear: both; overflow: hidden; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; background: none; border: 0px;}
.textbox,
.textarea,
.dropdown {border: 0px; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; color: #999999; font-weight: bold;}
.linkButton a,
#RichText .linkButton a {color: #cc3300; font-size: 10px; font-weight: bold; background: url(Images/imgLinkArrow.gif) right center no-repeat; padding: 6px 25px 6px 0px;}
.textbox {background: url(Images/bgTextbox.gif) no-repeat; padding: 5px; width: 180px;}
.checkbox label {margin-left: 5px;}
.textarea {background: url(Images/bgTextarea.gif) no-repeat; padding: 5px; width: 220px; height: 140px;}

.form td {font-size: 10px;}
.form .formItemLabel {color: #999999; width: 70px; text-align: right; padding:3px;}
.form .formItemValue {width: 310px; text-align: left; padding:3px;}
.form .countryStateDropDown,
.form .productDropDown {padding: 0px;}

.pageNav {margin-top: 30px; padding-top: 10px; border-top: 1px dotted #3f8dbb;}
.pageNav a {margin-right: 10px;}
.pageNav .btnPrev {float: left; background: url(Images/btnArrowLeft.gif) left no-repeat; padding-left: 15px; padding-right: 0px;}
.pageNav .btnNext {float: right; background: url(Images/btnButtonSmall.gif) right no-repeat; padding-right: 15px;}

/* Start Highslide Styles */
a.highslide {cursor: pointer;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-html {background-color: white;}
.highslide-html-content {display: none;width: 650px;padding: 0 5px 5px 5px;font-size: 11px;}
.highslide-header {font-size: 11px; font-weight: bold; padding-bottom: 5px;}
.highslide-header a {font-weight: bold;	color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-header .title {float: left; text-align: left;}
.highslide-header .title h2 {margin-bottom: 5px; font-size: 14px; color: #004B8D;}
.highslide-header .highslide-close {float: right;margin-top: 3px;}
.highslide-header a:hover {color: black;}
.highslide-body {text-align: left;}
.highslide-body ul {list-style-type: disc; margin-left: 20px;}
.highslide-body ol {list-style-type: decimal; margin-left: 20px;}
.highslide-body ul li,
.highslide-body ol li {margin-bottom: 10px;}
/* End Highslide Styles */

#MainContent ul {list-style-type: disc;}
#MainContent ol {list-style-type: decimal;}
#MainContent ul, #MainContent ol {margin-left: 15px;}
#MainContent ul li, #MainContent ol li {margin-bottom: 10px;}

#Header .top {height: 108px; border-bottom: 1px solid #ef935d; background: url(Images/bgSiteHeader.gif) repeat-x;}
#Header .top .content .left div,
#Header .top .content .right div {float: left;}
#Header .top .content .left .logo {position: relative; z-index: 300; margin-right: 15px;}
#Header .top .content .left .tag {margin-top: 65px;}
#Header .top .content .right .searchbox {margin-top: 10px;}
#Header .top .content .right .searchbox .textbox {background: url(Images/bgSearch.gif) no-repeat; padding: 3px 3px 3px 18px; margin-top: 1px; margin-right: 6px; width: 175px;}
#Header .top .content .right .searchbox .divReqSearch {float: none; margin-top: 5px; font-size: 11px;}
#Header .top .content .right .searchbox .divReqSearch .reqSearch {color: #FFFF00;}
#Header .top .content .right .language a {color: #ffffff;}
#Header .nav {_margin-top: -34px; height: 34px; border-bottom: 5px solid #ffffff; background: url(Images/bgMainNav.gif) repeat-x;}
#Header .nav .content {position: relative;}
#Header .nav .links {position: absolute; left: 180px; z-index: 10;}
#Header .nav .links ul li {height: 33px; border-left: 1px solid #d3411d; border-right: 1px solid #b83415; text-indent: -999999px; margin-top: 1px; float: left;}
#Header .nav .links ul li a {display: block; height: 33px;}
#Header .nav .links ul li.hover li,
#Header .nav .links ul li.hover a {background-image: none;}
#Header .nav .links li.flyout {position: relative; z-index: 1000;}
#Header .nav .links li.flyout .flyoutWrapper {position: absolute; top: 100%; left: 0px; background: url(Images/shadowAlpha.png) right bottom no-repeat; width: 305px; padding: 0px 6px 6px 0px; display: none;}
#Header .nav .links li.flyout.hover .flyoutWrapper {display: block;}
#Header .nav .links li.flyout .flyoutWrapper ul {background-color: #e36b34; border: 2px solid #ffffff;}
#Header .nav .links li.flyout .flyoutWrapper ul li {width: auto; height: auto; border: 0px; text-indent: 0px; margin-top: 0px; float: none;}
#Header .nav .links li.flyout .flyoutWrapper ul li a {display: inline-block; width: auto; height: auto; padding: 6px 0px 6px 8px; font-size: 11px; font-weight: bold; color: #ffffff;}
#Header .nav .links li.flyout .flyoutWrapper ul ul {background-color: #d0e4eb; padding: 5px 0px; border: 0px;}
#Header .nav .links li.flyout .flyoutWrapper ul ul li a {padding: 0px 0px 4px 16px; color: #2264b0;}
#Header .nav .links .liHome a,
#Header .nav .links .liHomeSelected a {width: 76px; background: url('Images/imgNavHome_off.jpg') no-repeat;}
#Header .nav .links .liProducts a,
#Header .nav .links .liProductsSelected a {width: 98px; background: url('Images/imgNavProducts_off.jpg') no-repeat;}
#Header .nav .links .liProductsSelected ul li a {background-image: none;}
#Header .nav .links .liProducts ul li a,
#Header .nav .links .liProducts ul li a:hover,
#Header .nav .links .liProductsSelected ul li a,
#Header .nav .links .liProductsSelected ul li a:hover {background-image: none !important;}
#Header .nav .links .liCoupons a,
#Header .nav .links .liCouponsSelected a {width: 97px; background: url('Images/imgNavCoupons_off.jpg') no-repeat;}
#Header .nav .links .liWhereToBuy a,
#Header .nav .links .liWhereToBuySelected a {width: 124px; background: url('Images/imgNavWhereToBuy_off.jpg') no-repeat;}
#Header .nav .links .liTips a,
#Header .nav .links .liTipsSelected a {width: 139px; background: url('Images/imgNavTips_off.jpg') no-repeat;}
#Header .nav .links .liFAQs a,
#Header .nav .links .liFAQsSelected a {width: 82px; background: url('Images/imgNavFAQs_off.jpg') no-repeat;}

#Header .nav .links .liHome a:hover,
#Header .nav .links .liHomeSelected a {background: url('Images/imgNavHome_on.jpg') no-repeat !important;}
#Header .nav .links .liProducts.hover,
#Header .nav .links .liProducts a:hover,
#Header .nav .links .liProductsSelected a {background: url('Images/imgNavProducts_on.jpg') no-repeat !important;}
#Header .nav .links .liProducts.hover ul li.hover,
#Header .nav .links .liProductsSelected ul li a {background-image: none !important;}
#Header .nav .links .liCoupons a:hover,
#Header .nav .links .liCouponsSelected a {background: url('Images/imgNavCoupons_on.jpg') no-repeat !important;}
#Header .nav .links .liWhereToBuy a:hover,
#Header .nav .links .liWhereToBuySelected a {background: url('Images/imgNavWhereToBuy_on.jpg') no-repeat !important;}
#Header .nav .links .liTips a:hover, 
#Header .nav .links .liTipsSelected a {background: url('Images/imgNavTips_on.jpg') no-repeat !important;}
#Header .nav .links .liFAQs a:hover, 
#Header .nav .links .liFAQsSelected a {background: url('Images/imgNavFAQs_on.jpg') no-repeat !important;}

#MainContentArea {background: #ffcc99 url(Images/bgSiteMainContent.gif) repeat-x;}
#Footer {padding-top: 97px; background: url(Images/bgFooterTop.gif) repeat-x;}
#Footer .footerContainer {border-top: 1px solid #231f20; background: url(Images/bgFooterMain.gif) repeat-x;}
#Footer .footerContainer .left {padding: 10px 0px;}
#Footer .footerContainer .right {padding: 8px 0px;}
#Footer .footerContainer,
#Footer .footerContainer a {font-size: 10px; color: #000000;}
#Footer .footerContainer a {padding: 0px 4px;}
#Footer .footerContainer .right a {padding: 1px 5px 5px 22px}

#MainContent, #SideBar {margin-bottom: 50px; border: 5px solid #fad093; margin-top: 37px;}
#MainContent {background-color: #ffffff; width: 665px; margin-right: 24px;}
#SideBar {width: 232px;}

#SideBar .sidebarArea {*display: inline-block; background-color: #eeeeee;}
#SideBar .sidebarArea .sideBarHeader {height: 17px; padding: 6px 15px; color: #ffffff; font-weight: bold; font-size: 13px; border-top: 5px solid #cccccc; border-bottom: 1px solid #000000; background: url(Images/bgHeaderSideBar.gif) repeat-x;}
#SideBar .sidebarArea .sideBarTips .imgTipsHeader {margin-top: -21px;}
#SideBar .sidebarArea .sideBarTips .divTip {padding: 10px 15px;}
#SideBar .sidebarArea .sideBarTips .divTip h2 {margin: 3px 0px 0px 8px; width: 140px; font-size: 12px; font-weight: bold; color: #000000;}
#SideBar .sidebarArea .sideBarTips .divTip .info {margin-top: 10px; margin-bottom: 17px; font-size: 10px;color: #666667;}
#SideBar .sidebarArea .sideBarBuy div {float: left; width: 50%; text-align: center; padding: 35px 0px;}
#SideBar .sidebarArea .sideBarBuy div img {margin-bottom: 10px;}
#SideBar .sidebarArea .sideBarBuy div a {font-size: 11px; font-weight: bold; color: #cc3300;}
#SideBar .sidebarArea .sideBarBuy div.clear {float: none; margin: 0px; padding: 0px;}
#SideBar .sidebarArea .sideBarFeaturedItem .featuredItem {margin-bottom: 62px; padding: 10px 15px;}
#SideBar .sidebarArea .sideBarFeaturedItem .featuredItem .left {width: 128px;}
#SideBar .sidebarArea .sideBarFeaturedItem .featuredItem .left h2 {margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #000000;}
#SideBar .sidebarArea .sideBarFeaturedItem .featuredItem .left .info {font-size: 10px; color: #666667;}
#SideBar .sidebarArea .sideBarFeaturedItem .featuredItem .linkButton {margin-top: 15px;}

.areaTitleBar {height: 20px; padding: 15px; _padding: 13px 15px; border-bottom: 1px solid #000000; background: url(Images/bgHeaderMain.gif) repeat-x;}
.areaTitleBar h1 {font-size: 14px; font-weight: bold; color: #ffffff;}
.areaTitleBar .left {margin-top: 3px;}
.areaTitleBar .right a {margin-left: 5px;}

.productCategories {_display: inline-block; background: #eeeeee url(Images/home_products_bg.gif) no-repeat;}
.productCategories .category {padding: 17px 20px; float: left; width: 290px;}
.productCategories .category div.clear {margin: 0px;}
.productCategories .category div,
.productCategories .category img {margin-bottom: 10px;}
.productCategories .categoryLeft {border-right: 1px solid #cccccc;}
.productCategories .category h2 {margin-bottom: 5px; font-size: 13px; font-weight: bold; color: #000000;}
.productCategories .category .info {font-size: 11px; color: #666667;}
.productCategories .category .linkButton {margin-bottom: 0px;}
#HomePage .productCategories .category .info {width: 180px;}
#HomePage .divPromos {border-top: 5px solid #cccccc;}

.divPromos {border-top: 5px solid #fad093; background: #F2F5F6 url(Images/bgPromo.gif) bottom left repeat-x;}
.divPromos .promo .left {padding: 15px 0px 0px 15px;}
.divPromos .promo .left div {margin-bottom: 10px;}
.divPromos .promo .left h2 {margin-bottom: 5px; font-size: 13px; font-weight: bold; color: #000000;}
.divPromos .promo .info {font-size: 11px; color: #666667;}
.divPromos .promoLeft {border-right: 1px solid #d5d6d7; padding-right: 5px; float: left; width: 398px;}
.divPromos .promoLeft .left {width: 95px;}
.divPromos .promoRight {padding-right: 15px; float: left; width: 246px;}
.divPromos .promoRight .left {width: 146px;}
.divPromos .promoRight .right {padding-top: 15px;}

.pageHeader {float: left; width: 100%;}
.pageHeader h1 {font-size: 18px; font-weight: bold; color: #ffffff;}
.hlTopLinks .linksWrapper,
.pageHeader .categories {float: right;}
.hlTopLinks .linksWrapper {margin-top: 10px;}
.hlTopLinks .linksWrapper a {font-size: 10px; font-weight: bold; color: #cc3300;}
.hlTopLinks .linksWrapper .print,
.hlTopLinks .linksWrapper .shareit {float: left;}
.hlTopLinks .linksWrapper .print {cursor: pointer; margin-top: 5px; *margin-top: 0px; margin-right: 20px;}
.hlTopLinks .linksWrapper .print a {background: url(Images/imgPrint.gif) left no-repeat; padding-top: 3px; padding-left: 25px;}
.hlTopLinks .linksWrapper .shareit {margin-top: 1px; *margin-top: -2px;}
.hlTopLinks .linksWrapper .shareit a.stbutton {padding: 2px 5px 5px 22px;}

.topSection, .bodySection {padding: 12px 15px; background-color: #ffffff;}
.topSection h1, .bodySection h1 {color: #CC3300;}
.topSection .categoryInfo .featuredProduct .image {margin-right: 35px; width: 290px; background: url(Images/bgFeaturedProduct.png) bottom left no-repeat; text-align: center;}
.topSection .categoryInfo .featuredProduct .info {line-height: 15px; width: 300px; font-size: 11px; color: #666667;}
.topSection .categoryInfo .featuredProduct .info h2 {margin-top: 40px; margin-bottom: 17px; font-size: 13px; font-weight: bold; color: #000000;}
.topSection .categoryInfo .featuredProduct .info .linkButton {margin-top: 20px; padding: 10px 0px; border-top: 1px solid #d9dcdd; border-bottom: 1px solid #d9dcdd;}
.bodySection .pageHeader {padding-bottom: 12px;}

#tblProductList {background-color: #ffffff;}
#tblProductList h3 {line-height: 20px; font-size: 14px; font-weight: bold; color: #ffffff; height: 20px; padding: 15px; _padding: 13px 15px; border-bottom: 1px solid #000000; background: url(Images/bgHeaderMain.gif) repeat-x;}
#tblProductList table td {width: 130px;}
.product {padding: 20px 17px;}
.product .image {text-align: center;}
.product div {margin-bottom: 7px;}
.product .description .title {font-size: 12px; font-weight: bold; color: #000000;}
.product .description .info {font-size: 11px; color: #666667;}

#CategoryLanding .topSection, #ProductDetails .topSection {background: #f2f5f6 url(Images/bgMainContent.gif) top left repeat-x;}
#CategoryLanding .topSection h1, #ProductDetails .topSection h1 {color: #ffffff;}
#CategoryLanding .topSection .hlTopLinks .linksWrapper a, #ProductDetails .topSection .hlTopLinks .linksWrapper a {color: #ffffff;}
#ProductDetails .topSection .categoryInfo .featuredProduct .image {width: 155px; background: none;}
#ProductDetails .topSection .categoryInfo .featuredProduct .info {width: 440px;}
#ProductDetails .relatedProducts .tdLeft {border-right: 1px solid #d5d6d7;} 
#ProductDetails .relatedProducts .divPromos {border-top: 0px;}
#ProductDetails .relatedProducts .product {width: 282px; margin: 0px auto; padding: 20px 25px;}
#ProductDetails .relatedProducts .product .image {float: left; margin-right: 20px;}
#ProductDetails .relatedProducts .product .description .title {margin-bottom: 15px;}
#ProductDetails .relatedProducts .product .description .title a {color: #000000;}
#ProductDetails .relatedProducts .product .description .info {display: none;}

#FAQ, #ArticleList, #ArticleDetails, #ThankYou, #Error {margin: 0px -15px;}
#FAQ h2 {font-weight: bold;}
#RichText #FAQ p {margin: 22px 0px;}

#CouponRegistration {color: #999999; background-color: #ffffff;}
#CouponRegistration .couponFormContainer {margin: 40px 15px;}
#CouponRegistration .couponForm {float: left; width: 345px;}
#CouponRegistration .couponForm h2 {font-size: 13px;}
#CouponRegistration .couponRichText {float: right; width: 250px;}
#CouponRegistration .couponFormContainer .couponForm .container .form .divSubmit {margin-top: 5px; margin-left: 66px; font-size: 10px;}
#CouponRegistration .couponFormContainer .couponForm .container .form .divSubmit .divTermsCheck {margin: 10px 0px;}
#CouponRegistration .couponFormContainer .couponForm .container .form .divSubmit div {margin-bottom: 2px;}
#CouponRegistration .couponFormContainer .couponForm .container .form .divSubmit a {color: #4075F5;}

#overlay {background-color: #000000; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 300;}
#CouponHasCoupons .modalContainer {position: fixed; z-index: 400; border: 1px solid #000000; width: 295px; height: auto;}
#CouponHasCoupons .modalContainer .areaTitleBar {padding: 10px; height: 30px;}
#CouponHasCoupons .modalContainer .areaTitleBar .left h1 {font-size: 20px; text-transform: uppercase;}
#CouponHasCoupons .modalContainer .form {background-color: #ffffff; padding: 10px;}
#CouponHasCoupons .modalContainer .form .textbox {margin-bottom: 15px;}
#CouponHasCoupons .modalContainer .form #RichText {color: #999999; font-size: 11px;}

#WhereToBuy .wtbForm {margin: 30px 15px;}
#WhereToBuy .wtbForm p {margin: 0px 0px 12px 0px;}
#WhereToBuy .inputDiv {float: left;}
#WhereToBuy .inputDiv .ComboBoxInput_Default {margin: 0px;}
#WhereToBuy .wtbForm .btnSubmit {margin: 12px 0px 12px 0px; text-align: right;}
#WhereToBuy .storeDiv .storeName {color: #066caa; font-weight: bold; font-size: 12px;}
#WhereToBuy .wtbResults {margin: 0px 15px 15px 15px;}
#WhereToBuy .wtbResults iframe {width: 100%;}

#ContactUs {font-size: 11px; color: #999999;}
#ContactUs .formType td,
#ContactUs .generatedForm td {padding-bottom: 15px;}
#ContactUs table .countryStateDropDown,
#ContactUs table .productDropDown {padding-bottom: 0px;}
#ContactUs a {color: #4075F5;}

#SearchResults ul {list-style-type: none; margin: 0px;}
#SearchResults ol {list-style-type: decimal; margin-left: 15px;}
#SearchResults li {padding: 10px 0px; border-bottom: 1px dotted #cedbe9;}
#SearchResults .title {font-size: 11px; font-weight: bold;}
#SearchResults .title a {color: #066CAA;}
#SearchResults .description {padding: 3px 0px;}
#SearchResults .hlUrl a {color: #066CAA;}

#RichText {background-color: #ffffff;}
#RichText .rtContainer {margin: 0px 15px 15px 15px;}
#RichText h2 {color: #fb4d04; font-size: 13px;}
#RichText p {margin: 12px 0px; color: #666667;}
#RichText a {color: #4075f5;}

#ComparisonChart table {background-color: #cccccc;}
#ComparisonChart table td {text-align: center; background-color: #D0E4EB; color: #2264B0; font-weight: bold; padding: 3px;}
#ComparisonChart table .headerRow td {color: #066CAA;}
#ComparisonChart table .title {font-size: 13px; font-weight: bold; background-color: #E36B34; color: #ffffff;}
#ComparisonChart table .headerRow td,
#ComparisonChart table .firstCell {text-align: left;}
#ComparisonChart table .firstCell {padding-left: 16px;}
#ComparisonChart table .title {padding-left: 3px;}

#ArticleList .articleLandingWrapper {margin: 30px 15px;}
#ArticleList .articleLandingWrapper .articleLandingImage {width: 290px; margin-right: 35px;}
#ArticleList .articleLandingWrapper .articleLandingInfo {width: 300px;}

.articleBody {margin: 30px 15px;}

#SiteMap h2 {*display: inline-block; margin-bottom: 10px;}
#SiteMap .sitemap-ul {float: left; width: 100%; margin: 0px 0px 20px 15px; padding: 0px;}
#SiteMap .sitemap-li {float: left; width: 270px; margin-right: 30px; margin-bottom: 5px; padding: 0px;}

#Error p {margin: 30px 15px;}
