/* RESETS */
body {  font-size: 12px; background:#1f9b51 url(images/bg-body.gif) repeat-x; }
.container_12 { width: 100%!important; margin: 0!important; }
.header, .section, .footer { margin: 0 auto; width: 960px; }
.sectionWrap { background:#fff url(images/bg-main.gif) repeat-x; padding:42px 0 0; }
.footerWrap { background: #32b567 url(images/bg-footerRepeat.png) repeat-x center top; }
.subFooter { background: none; border: none; }
.headerRow2 { width: 960px; padding: 0 10px; margin-left: -10px;  }

/* LOGO */
.Logo { background:url(images/logo.png) no-repeat left top; width: 255px; height: 140px; padding: 20px 40px 20px 20px; margin:0 0 20px; }
.logo { display: table-cell; vertical-align: middle; text-align: center; width: 260px; height: 120px; padding:0; }
.logo a { display: inline-block; font-size: 24px; font-weight: bold; line-height: 1em; }
img[id$="imgLogoLnk"] { width: 243px !important; height: 101px !important; }

/* LINKS */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color:#009145; }
a:hover { text-decoration: underline; }
.styledtxt { color: #009145; }

/* HEADERS */
h3, h4, h5, h6 { margin-bottom: 5px; }
.header { background:url(images/bg-header.jpg) no-repeat 50% 0; }

/* TOP MENU */
.header .menuWrap { padding-left: 14px;  height: 38px; }
.header .menu { font-size: 1.0em; color: #FFF; height: 36px; margin: 0; background:none; text-align:center; }
.header .menu>ul {  list-style-type: none; height: 34px; padding:0; margin: 0; }
.header .menu .tabs>li>a { float:left; line-height: 16px; font-size:15px;  }
.header .menu>ul li { display:inline-block; margin: 0; position: relative; line-height: 32px; padding: 0;margin:0 5px 0 0; }
.header .menu>ul li a  { color: #02471e; font-weight: bold; padding: 4px 8px;  }
.header .menu>ul li a.divider { padding: 0; }
.header .menu>ul li a:hover, .header .menu>ul li a.current { background: none; border: none; text-decoration: none;
    color: #fff; 
    background:#057a35;
    border:2px solid #95d8b0;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    margin:-2px;
}
.header .menu > ul li a[id$="lnkCreateAccount"]:hover,li #signin:hover { border:none; text-decoration: underline; }

/* HEADER DROP MENU */
.header .menu ul.dropdown { display: none; position: absolute; left: 0; top: 100%; min-width: 100%; background: #FFF; border: 1px solid #B3B3B3; -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; white-space: nowrap !important; z-index: 999; }
.header .menu ul.dropdown li { display: block; float: none; margin:0; font-size: 12px; clear: left; text-align: left; }
.header .menu ul.dropdown li a { display: block; font-weight: normal; color: #4D4D4D; line-height: normal; padding: 5px; margin:0; border-radius: 0; text-shadow: none; float:none; }
.header .menu ul.dropdown li a:hover, ul.dropdown li a:hover { background: #F2F2F2; display:block; cursor:pointer; border: none; color: #009145; }
.header .menu ul.dropdown ul { left: 95%; top: 0; width: auto; }

/* SECTION MENU */
.section .menu, .section .menu ul { margin: 0; background: none; width: auto; }
.section .menu a.current, .section .menu a:hover { text-shadow: none; }
.section .menu ul.dropdown { left: 100%; top: 0; z-index: 100000; background: #FFF; }
.section .menu ul.dropdown li { padding: 0; }

/* VERT MENU */
.menu.vertical { height: auto; }
.menu.vertical>ul li { clear: left; display: block; }
.header .menu.vertical ul.dropdown, .section .menu.vertical ul.dropdown { left: 100%; top: 0; }

ul.tabs li{ float:none; }
.prodSet ul.tabs li, .prodSetCollections ul.tabs li { float: left; }
.prodSet li .prodName { line-height: normal; font-size: 14px; line-height:2; }

/* END USER STATUS */
.EndUserStatus, .Menu { }
.EndUserStatus { margin-right: -10px; }
.EndUserStatus .menuWrap { background:none; padding-right: 14px; padding-left: 0px; }
.EndUserStatus .menu ul { border-right: none; padding: 0; }

/* LOGIN MODULE */
.loginModule .menu{ background:none; padding:10px 0 15px;}
.loginModule .menu ul li a,
.loginModule .menu ul li a.current{ color:#fff; font-size:12px; border:0; }
.loginModule .menu ul li a:hover{ background:none; margin:0; }
.loginModule .menu ul li a.noLink:hover { border:0; }

/* FORMS */
a.btnLink { display: inline-block; margin-right:4px; padding: 0.25em 0 0.16em; text-decoration: none; font-weight: bold; line-height: 1.0em; position: relative; cursor: pointer; }
a.btnLink:hover .btnTxt {text-decoration:underline;}
.buttons { padding: 0.3em 8px; border: 0 none; }
a.btn { font-size: 16px; vertical-align: middle; color: #FFFFFF; font-weight: bold; text-decoration: none; display: inline-block; padding:6px 8px; margin-top:1px; line-height: 15px; 
    position: relative;
    border: 3px solid #95d8b0;
    background:#057a35;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}
a.btn:hover, a.btn:active { 
    color: #FFF;
    text-decoration: none;
    background-color: #5BBB00; 
    background-position: 0 -15px; 
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear; 
}
a.btn:hover .btnTxt { text-decoration: none; }

/* INLINE FORM */
.formLayout.inline { overflow: hidden; zoom: 1; }
.formLayout.inline .flGrp{ float: left; display: inline-block; clear: none; overflow: hidden; padding: 10px 0 0 6px; }
.formLayout.inline label.lblTitle { float: left; margin: 0.2em 0.5em 0 0;}
.formLayout.inline .flGrp.buttons{ padding: 0.3em 8px; border: 0 none; }
.formLayout.inlineTitle { padding: 0; }
.formLayout.inlineTitle .info { display: inline-block; float: left; margin: 0; padding: 10px 0; border-bottom: 0 none; }
.formLayout.inlineTitle .info h2 { font-size: 2em; line-height: 1.0em; margin: 0; clear: left; }

/* ADDRESS | Header */
.header .Address { float: right; padding: 12px 20px 8px 0; font-size: 1em; text-align:right; }
.address.inline h3,
.address.inline div { display:none; text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #FFFFFF; font-style:italic; }
.address.inline .phone,
.address.inline .email, 
.address.inline .phone span,
.address.inline .email a { color: #FFFFFF; text-decoration: none; padding-left: 3px; }
.address.inline .phone,
.address.inline .email { display: block; }
.address.inline .email a:hover { text-decoration: underline; }
.footer .address.inline .phone,
.footer .address.inline .email, 
.footer .address.inline .phone span,
.footer .address.inline .email a { color:#02471e }

/* ADDRESS | Body */
.section .Address {  padding: 15px 10px;  }
.section .address .map { background-color: #FFFFFF; border: 1px solid #B3B3B3; overflow: hidden; padding: 8px 0 0 8px; float:left; margin-right: 10px;  margin-bottom: 5px;-moz-box-shadow: 1px 1px 5px #CCC; -webkit-box-shadow: 1px 1px 5px #CCC; box-shadow: 1px 1px 5px #CCC }
.section .address:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.section .address h3 {font-size: 16px; margin-bottom: 2px;}

/* SOCIAL LINKS */
.social li a { vertical-align: middle; }
.social li a:after { content: ' >'; }

/* FOOTER */
.footer { color: #035293; background: url(images/bg-footer.png) no-repeat 50% 0; height:349px; }
.footer .innerWrapper { padding: 75px 0 20px; }
.footer .asiModule .email a { white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; white-space: -o-pre-wrap; white-space: -pre-wrap; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
.footer h3, .footer p, .footer span, .footer .contentModule { margin: 0px; color: #02471e; }
.footer h3 { line-height: 1em; padding-bottom: 7px; font-size: 19px; }
.footer p { font-weight: normal; margin-bottom: 10px; line-height: 18px;}
.footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #02471e; }
.footer .buttons a, .footer .buttons a:link, .footer .buttons a:visited, .footer .buttons a:hover, .footer .buttons a:active,
.footer a.btn, .footer a.btn:link, .footer a.btn:visited, .footer a.btn:hover, .footer a.btn:active { color: #FFF; }
.footer .txt { clear: both; display: block; }
.footer .newsletter .formLayout input.text { padding: 3px; width:250px; height: 22px;
    border: 3px solid #95d8b0; 
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
}
.footer .grid_4 .newsletter .formLayout input.text {width: 195px!important; }
.footer .newsletter .formLayout, .newsletter .formLayout .flGrp { margin: 0; padding: 4px 0 0 0; }
.footer .newsletter .formLayout.inline .flGrp.buttons { padding-right: 0pt; }
.footer .NewsletterSignup { margin-bottom: 10px; }
.footer .socialLinks .social { list-style: none outside none !important; margin: 0; padding: 0; }
.footer .socialLinks li { margin-left: 0px; margin-bottom: 4px; }
.footer .socialLinks .social li a {color: #02471e; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: middle;}
.footer .address .map { background-color: #FFF; height: 100px; margin-bottom: 8px; overflow: hidden; padding: 8px 0 0 8px; width: 183px; border: 1px solid #95d8b0; }
.footer .errorMessage, .footer .successMessage { background: #a2eaff; border: none; padding: 5px; color: #0189dd; }

/* SOCIAL FEED */
.fbConnectWidgetTopmost { border-top: none!important; }
.footer .socialFeed ul.ui-tabs-nav { margin-bottom: 0!important; }
.section ul.ui-tabs-nav li.ui-state-default a { color:#009145; }
ul.ui-tabs-nav li.ui-tabs-selected a, .socialFeed ul.ui-tabs-nav li.ui-tabs-selected { color:#4d4d4d!important; }
.socialFeed ul.ui-tabs-nav { margin-bottom: 0!important; }
.socialFeed ul.ui-tabs-nav li.ui-tabs-selected { border-top: 1px solid #ccc; }
.socialFeed .ui-tabs .ui-tabs-panel { padding: 5px; border: 1px solid #ccc; border-top: 0; background: #fff; }
/*.footer .socialFeed .ui-tabs .ui-tabs-panel { height: 195px; }*/
.footer .twtr-timeline { height: 105px!important; }
.footer #facebook iframe { height: 196px!important; }

/* FOOTER SOCIAL FEED */
.footer .SocialFeed p, .footer .SocialFeed span, .footer .SocialFeed div { text-shadow: none; }
.footer .socialFeed ul.ui-tabs-nav li.ui-tabs-selected { border-top: 0; border-radius: 2px 2px 0 0; }
.footer .socialFeed ul.ui-tabs-nav { margin-left: -1px; border-bottom: 1px solid #95d8b0!important; }
.footer ul.ui-tabs-nav li a { color: #FFF; }
.footer .socialFeed ul li { border-color: #95d8b0; }
.footer .socialFeed { border-radius: 5px 5px 0 0; background: #057a35; border: 3px solid #95d8b0; }
.footer .socialFeed .ui-tabs .ui-tabs-panel { border: none; }

/* COPYRIGHT */
div[id$="FullWidthSubFooterZone"] {background: #32b567; }
div[id$="FullWidthSubFooterZone"] .asiModule.Content { color: #b5eaca; font-size: 11px; width: 940px; margin: 10px auto; padding-bottom: 10px; }
div[id$="FullWidthSubFooterZone"] a { color: #b5eaca; font-size: 11px; }

/* CONTENT */
.section .asiModule { margin-bottom: 20px; }
.section .FeaturedVideos,
.section .Video,
.section .ProductSetAutoUpdate,
.section .ProductOfTheDay,
.section .grid_3 .Content { padding:10px; border: 1px solid #CCCCCC; } 
.section .grid_12 .asiModule { padding: 0; border: none; }
.section h2 { border-bottom: 1px solid #CCC; font-size: 18px; margin: 0 0 10px 0; line-height: 1; padding-bottom: 10px;}

/* SHOPPING CART | Header */
.shoppingCart-container { clear: both; float: right;  }
.Cart { padding: 15px 0 0 0; position:relative; z-index:999; }
.Cart .btnLink { font-weight: bold; display: inline-block; line-height: 1em; font-size: 1.2em; padding: 4px;  border:0; float:left; opacity:1; 
    background:#95d8b0;
    border-radius: 15px;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
}
.Cart .btnLink.scTrigger { margin-right: 8px; position: relative; padding-left:45px; background:#95d8b0 url(images/ico-cart.png) no-repeat; }
.Cart .btnLink:hover {background-color:#027CBF;}
.Cart .btnLink:hover .btnTxt {text-decoration: none;}
.Cart .btnLink .btnTxt{
    background:#fff;
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    padding:3px 15px;
    float:left;
    color:#057a35;
}

/* SHOPPING CART Menu | Header */
#shoppingCart { -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; }
#shoppingCart { position: absolute; right: -1px; top: 100%; }
#shoppingCart .scTop {border-bottom: 1px solid #CCCCCC; height: 35px; }
#shoppingCart-empty td {padding: 2px 0 5px 10px;}
#shoppingCart .menu ul.tabs li a  {color: #5d5d5d; font-weight: normal; border-left: 1px solid #CCCCCC;}
#shoppingCart .menu ul.dropdown li a  {color: #4d4d4d; font-weight: normal; border-left: none;}
#shoppingCart .menu ul.tabs .divider span {display: none;}
#shoppingCart .menu ul.tabs li a:hover {background: #E6E6E6; color: #0085DB; cursor: pointer;}

/* QUICK SEARCH / Product Search */
.QuickSearchBasic { margin: 0 -20px; position:relative; clear: right; }
.QuickSearchBasic .quickSearch { padding: 0 0 20px; text-align: right; }
.quickSearch .formLayout { float: right; margin: 5px 10px 0 0; }
.quickSearch .formLayout.inline .info,
.quickSearch .formLayout.inline .flGrp.price { background: url(images/search-bg-left.png) left top no-repeat; border: none; padding-left: 20px; }
.quickSearch .formLayout.inline .flGrp { padding: 8px 0px 15px 6px;  }
.quickSearch .formLayout.inline .flGrp.buttons { padding-top: 0; }
.quickSearch .formLayout.inline .flGrp.Xxxx { padding-right: 10px; }
.quickSearch .formLayout.inline .flGrp.Xxxx { background: url(images/search-bg-right.png) top right no-repeat; display:inline-block; }
.quickSearch .formLayout.inline .flGrp.price span + span + span { background: url(images/search-bg-right.png) top right no-repeat; display:inline-block; padding: 8px 10px; margin-top: -8px; }
.quickSearch .formLayout.inline .info h2 { color: #FFF; font-size: 14px; font-weight: bold; line-height: 1.9; margin:0; padding: 0 0 2px; border: none;}
.quickSearch .formLayout input.text { padding: 3px 10px; height: 18px; margin-left: 0; border: 3px solid #95d8b0;
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
}
.quickSearch .formLayout.inline .flGrp.Xxxx input { width: 125px; }
.quickSearch .formLayout.inline .flGrp span { float: left; display: inline-block; line-height:1; }
.quickSearch .formLayout.inline .flGrp label { display: none; }
.quickSearch .formLayout.inline .flGrp.price span:before { content: "Price "; color: #FFF; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle; }
.quickSearch .formLayout.inline .flGrp.price input { width: 65px; }
.quickSearch .formLayout.inline .flGrp.price span + span:before  { content: " "; }
.quickSearch .formLayout.inline .flGrp.price .symbol { display: none; }
.quickSearch .formLayout.inline a.btn { margin:0 10px 0 0; padding:0; width:45px; height:45px; border:0; text-indent:-9999px; background: url(images/btn-go.png) no-repeat; }
.quickSearch .errorMessage { display: inline; float: right; margin-right: 10px; text-align: left; width: 150px; }

/* BANNER */
.ad, .Banner { position: relative; }
.adSlider { background:url(images/bg-slider.png) no-repeat; padding: 10px 20px 30px; margin:0 -8px; position:relative; }
.adSlider.SMAL { background: url(images/bg-slider-sm.png) no-repeat; }
.adSlider .inner { margin: 7px 0 20px; border: 2px solid #95d8b0; }
.adSlider .icoBox,
.adSlider a:hover .icoBox { background:url(images/btn-prev-next.png) no-repeat; width:33px; height:55px; }
.adSlider .icoBox.iArrowLeft,
.adSlider a:hover .icoBox.iArrowLeft{ background-position: 0 -55px; }
.adSlider .pagerBtn { float: left; clear: both; overflow: hidden; margin: 10px 0 0 20px; position: absolute; left:50%; bottom: 0; margin:0 0 0 -35px; }
.adSlider .pagerBtn ul, ol { list-style: none outside none; margin: 0; padding: 0; }
.adSlider .pagerBtn .pagination li { float: left; margin: 0 7px 0 0; }
.adSlider .pagerBtn .pagination li a { background:url(images/bg-switcher.png) no-repeat; float: left; font-size: 0; height: 14px; width: 15px; line-height: 0; overflow: hidden; }
.adSlider .pagerBtn .pagination li a:hover,
.adSlider .pagerBtn .pagination li.active a { background-position: 0 -14px; }
.adSlider .btns a { position: absolute; top: 50%; margin-top: -40px; }
.adSlider .btns .next{ left:17px; }
.adSlider .btns .previous{ right: 17px; }

/* PRODUCT SET AUTO */
#productset-content.carousel { padding:0; margin-top: 35px; }
#productset-content.carousel .dataTables_info { position: absolute; top: -42px; right: 10px; text-align: right; width: 300px; }
#productset-content.carousel .fg-toolbar.ui-widget-header { border: 0; background: none; position: absolute; top: -27px; right: 0; padding: 0 4px;}
#productset-content.carousel .pagination-links { display: none; }
#productset-content.carousel a.previous { margin-right: 10px; }
#productset-content.carousel li { padding: 0; }
#productset-content.carousel .mask { margin-top: -8px; }
#productset-content.carousel .big { font-size: 13px; }
#productset-content.carousel .allLinks { position: absolute; left: 5px; top: -27px; font-size: 10px; }
#productset-content.carousel .allLinks a { padding: 0 5px 0 0; margin-right: 3px; }

/* POTD */
.PODay { position: relative; }
.PODay .prodInfo { float: right; margin: 8px 0 0; width: 60%; }
.PODay .prodNum { font-size:14px; }
.PODay .prodImg { float: left; margin: 15px 0 0; width: 35%; }
.PODay .prodLink { font-weight: bold; font-size: 15px; }
.PODay img { float: left; width: 100%; }
.PODay h4 { margin: 0; font-size: 15px;}
.PODay p { margin: 0 0 10px 0; }
.PODay btn { border: none; background: none; }
.PODay .socialLinks { position: absolute; right: 0px; top: 2px; }
.grid_3 .PODay .socialLinks { top: 40px; }

/* PROD DETAILS */
.configOptions { position: absolute; left: -42px; top: 100px; z-index: 200; width: 27px; }
.configOptions .configHandle { position: absolute; width: 200px; height: 24px; line-height: 24px; color: #FFF; text-align: center; z-index: 199;
	font-weight: bold;
	font-size: 16px; 
    border: 1px solid #A8A8A8;
    left: -82px; top: 100px; 
	background: #767676;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}
@media \0screen {
.configOptions .configHandle { position: absolute; width: 200px; height: 24px; line-height: 24px; color: #FFF; text-align: center; z-index: 199;
	font-weight: bold;
	font-size: 16px; 
    border: 1px solid #A8A8A8;
    left: -82px; top: 100px; 
	background: #767676;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
	top: 0px;
	left: 0px; }
}
.configOptions .configHandle:hover { cursor:pointer; }
.configOptions .configHolder { overflow: hidden; position: relative; margin-left: 32px; height: auto; width: auto; }
.configOptions .config { position: relative; background: #FFF; padding: 10px 10px 10px 10px; left:-241px; width: 211px; border: 1px solid #A8A8A8; }

/* PROD TILE */
.prodTile .prodName a { color: #4D4D4D; }
.prodTile .prodName a:hover { text-decoration: underline; }
 
/* FEATURED VIDS */
.featureVideo h6 { margin-bottom: 5px; margin-top: -6px; font-weight: normal; }
.featureVideoSet ul { margin: 0 -5px; }
.featureVideoSet ul li { float: left; padding:0; }
.featureVideoSet .tile { padding: 5px; border: 1px solid #CCC; margin: 5px; }
.featureVideoSet .title { margin: 5px; text-align: center; font-size: 11px; }
.featureVideoSet ul li:first-child { width: 100%; display: block; }
.featureVideoSet ul li:first-child .tile { border: none; margin: 0; }
.featureVideoSet ul li:first-child .title { text-align: left; float: none; font-size: 14px; font-weight: bold; }

/* ARTICLES */
.article { float: left; display: inline-block; margin: 0 20px 20px 0; line-height: inherit; }
.article:last-child { margin-right: 0px; }
.article h3 { margin-bottom: 8px; line-height: normal; font-size: 16px;}
.article .readmore { padding: 8px 0 0 0; width: inherit; font-weight: bold; }
.article .readmore a:after { content:">";}
.article, .article img { max-width:100%; }

/* OVERRIDES */
.fg-button.ui-button.ui-state-default { color: #3780D4; }
body{font-family:Verdana, Arial, Helvetica, sans-serif;}

