@charset "utf-8";
/* CSS Document */

/*Mobile layout - up to 320px wide */

html {font-size:4.0vw;}

#Page{width:100%; padding:.5em; margin:0;}

#Container{width:100%; margin:0; border:0;}

#HeaderArea{display:table; margin:0 auto; width:100%; text-align:right;}
#LogoArea{display:table-cell; text-align:left; vertical-align:middle;}
#LogoArea a img{width:14em; max-width:295px; border:none; height:auto; margin-right:.25em;}

#Login{color:#000; text-align:right; margin-bottom:.5em !important;}
#Login a{color:#000; font-weight:bold; text-decoration:none;}

#SocialMedia{display:none;}
#SocialMedia img{margin-left:0.3em; height:1.75em; max-height:37px; width:auto; border:none;}

#HackerSafe{padding-left:1em; display:none;}

#SearchArea{text-align:center; font-size:1em;}
#SearchArea #SearchForm{margin:.5em auto; width:90%;}
/*#SearchArea #SearchForm{display:table; margin:.25em auto; padding:.25em .2em 0 .2em; text-align:right;}*/ /*old style search form */
#SearchArea #SearchForm #KeywordContainer{display:table-cell; text-align:right; vertical-align:middle; }
#SearchArea #SearchForm #KeywordContainer #Keywords{width:17em; height:1.5em; max-height:42px; border:none; margin:0; padding:0; font-size:1.1em; box-sizing:border-box;}
#SearchArea #SearchForm #KeywordContainer #Keywords:focus{border:none important;}
#SearchArea #SearchForm #SearchButtonContainer{display:table-cell; text-align:left; vertical-align:middle;}
#SearchArea #SearchForm #SearchButtonContainer #SearchButton{width:auto; height:2.3em; max-height:46px; margin:0; padding:0; box-sizing:border-box;}

#ContactArea{display:table-cell; text-align:right; vertical-align:bottom;}
#ContactArea #Icons a img{height:2em; width:auto; border:none; margin-left:.75em; margin-bottom:.5em;}
#MobileMenuIcon{ background:none;}
#MobileMenuIcon img{height:1.35em !important; margin-bottom:.85em !important; display:block; cursor:pointer;}
#ContactArea div{margin:0; padding:0;}
#ContactArea div a{text-decoration:none; font-weight:bold; color:#000;}
#ContactArea #Phone{display:none;}



#Navigation{margin:0; display:none; position:absolute; top:5em; left:0; z-index:100; background-color:#fff; padding:0; width:100%;}
#Navigation ul{padding:0; margin:0;}
#Navigation ul li{display:block; margin:0; background-color:#000; margin-bottom:3px; padding:0;}
#Navigation ul li a{display:inline-block; padding:.25em; font-weight:400; font-size:1.5em; color:#fff; border-style:solid; border-color:#000; border-width:1px 1px 0 1px; margin:0; text-decoration:none;}
#Navigation ul li button{background-color:#000000; border:none; cursor:pointer; color:#ffffff !important; font-weight:400; font-size:1.5em; padding:.25em; margin-left:.25em;}
#Navigation ul xli a:hover{color:#000; background-color:#fff; font-weight:bold;}
#Navigation ul xli:hover{background-color:#fff;}
#Navigation ul xli:hover a{color:#000;}
#Navigation ul xli:hover div{display:inline-block;}
#Navigation ul li div{background-color:#fff; display:none; border-style:solid; border-color:#000; border-width:0 1px 1px 1px; margin:0; padding:0; margin-bottom:1px; width:100%;}
#Navigation ul li div div{display:block; border:none; float:left; margin-left:0; padding:0; width:33.3%;}
#Navigation ul li.TwoColumn div div{width:50% !important;}
#Navigation ul li.OneColumn div div{width:100% !important;}
#Navigation ul li div div h3{margin:0 auto .5em auto;}
#Navigation ul li div div p a{padding:0; border:none;}
#Navigation ul li div div p a img{width:4.75em; height:auto; border:0; max-width:119px;}
#Navigation ul li div div ul{margin:0; padding:0;}
#Navigation ul li div div ul li{background-color:transparent; display:block; float:none;}
#Navigation ul li div div ul li a{padding:.25em .5em .1em .15em; margin:0; display:block; text-decoration:none; font:normal .9em Arial, Helvetica, sans-serif; color:#000; border:none;}
#Navigation ul li div div ul li a:hover{color:#c00; font-weight:normal;}
#Navigation ul li div div ul li:hover{}
#Brands div div a{margin:0; padding:0; border:0;}
#Navigation ul li #Blog a{border-bottom:1px;}
#Navigation ul li #Home a{border-bottom:1px;}
#Navigation ul li div div ul li.ShowAllBrands a{font-weight:bold; color:#000;}

#Navigation ul li div div.AllBrands{display:none;}

#ShowAllBrands{clear:both; width:95% !important;}

#BrandLogos{clear:both; margin:0; padding:0; diaplsy:table;}
#BrandLogos p{display:table-cell; text-align:center; margin:0; padding:0; vertical-align:middle;}
#BrandLogos p a img{margin:0 .2em !important; width:auto !important; border:none; height:1.9em !important; max-height:45px;}
#BrandLogos p.LogoBrandSecondary, #BrandLogos p.LogoBrandTertiary{display:none !important;}

div.ClearBoth{clear:both; margin:0; padding:0;}

#ContentContainer{width:100%; margin:0; padding:0; text-align:center; position:relative; z-index:5;}

#MainContent{width:100%; margin:0; padding:0;}
#MainContent #HeadImage img{width:100%; height:auto; position:relative;}
#MainContent #HeadVendorLogo{ position:absolute; top:0.5em; left:0.25em;}
#MainContent #HeadVendorLogo a img{height:auto; width:4.5em; border:0; z-index:10;}
#MainContent #HeadImage #ShowCategories{position:absolute; right:0; top:0; font-size:1em; background-color:#fff;}
#MainContent #ShowCategories a{display:block; padding:.15em; text-decoration:none; color:#000; border:1px solid #000; }
#MainContent #Content{padding:0; margin:0; text-align:left; font-size:1em; width:100%;}
#MainContent #Content h1{padding:0; margin:.25em 0 .75em 0; text-align:left !important;}
#MainContent #Content h3{margin:.25em 0; font-size:1.25em;}
#MainContent #Content h2{margin:.35em 0; color:#f60; font-size:1.5em;}
#MainContent #Content ul{margin-left:2em; margin-top:.5em;}
#MainContent #Content ul li{list-style-type: square; padding-left:1em; margin-bottom:.5em;}
#MainContent #Content ol{margin-left:2.5em; margin-top:.5em;}
#MainContent #Content ol li{list-style-type: square; padding-left:1.5em; margin-bottom:.5em;}
#MainContent #Content p.ImportantMessage{ font-weight:bold; color:#900;}
#MainContent #Content #CategoryTree{text-align:left; position:relative;}
#MainContent #Content #CategoryTree .CategoryItem{display:inline-block; text-align:center; width:10em; margin:.5em; vertical-align:top;}
#MainContent #Content #CategoryTree .CategoryItem p{padding:0; margin:0;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemImage a img{width:9em; border:0; height:auto;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemName a{text-decoration:none; padding:0; margin:.1em 0 0 0;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemPriceNow{color:#D3273E; font-weight:bold; margin:.2em 0 0 0;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemPriceWas{color:#767676; margin:0;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemGWP{color:#D3273E; background-color:#FFC;}

/* Images embedded in content */
.ContentImage{width:40%; height:auto; border:none;}
.FloatRight{float:right; margin-left:.5em;}
.FloatLeft{float:left; margin-right:.5em;}
.FloatRightOnWide, .FloatLeftOnWide{float:none; padding:.5em; width:100%;}
.Border1{border:.1em solid #000 !important;}

.CurrentLocation{display:none;}
#MainContent #Content h1{font:normal Verdana, Geneva, sans-serif; font-size:1.75em; text-align:center;}
#MainContent #Content p{}
#MainContent #Content ul{}
#MainContent #Content table{}

#MainContent #Content #ProdImgWrapper{width: 100%; text-align:center; clear:both; float:none}
#MainContent #Content #ProdImgWrapper #ProdImg{width:100%; height:auto; border:none;}
#MainContent #Content #ProdImgWrapper a img#ProdImg{width:100%; height:auto; border:none;}
#MainContent #Content #ProdImgWrapper #ProdImgThumbnails a img{margin:.2em; width:50px; height:auto;}

#MainContent #Content #ProdMainOptions{width:100%t; float:none; text-align:center; clear:both;}
#MainContent #Content #ProdMainOptions #ProdPrice{color:#D3273E; font-weight:bold; font-size:1.5em;}
#MainContent #Content #ProdMainOptions #ProdPrice span{color:#000; font-weight:normal; font-size:1em; display:block;}
#MainContent #Content #ProdMainOptions ul.ProdMessages{margin:0; padding:0;}
#MainContent #Content #ProdMainOptions ul.ProdMessages a img{border:none; float:none;}
#MainContent #Content #ProdMainOptions ul.ProdMessages li{display:block; margin:.2em; text-align:center; padding:0;}
#MainContent #Content #ProdMainOptions #ControlPanel label{ font-weight:bold; color:#ec7409;}
#MainContent #Content #ProdMainOptions #ControlPanel input[type=text]{border:.1em solid #ec7409; padding:.2em; width:2em; margin:0 .7em 0 0; font-weight:bold; font-size:1em; color:#ec7409;}
#MainContent #Content #ProdMainOptions #ControlPanel input[type=button]{border:none; width:154px; height:35px; overflow:hidden; cursor:pointer; background:transparent url(images/ProdBuyBtn.gif) no-repeat;}
#MainContent #Content #ProdMainOptions #ControlPanel input[type=button]:hover{background:transparent url(images/ProdBuyBtn.gif) no-repeat 0 -35px; overflow:hidden;}
#MainContent #Content #ProdMainOptions #ControlPanel select{font-size:.85em; border:.1em solid #ec7409;  color:#ec7409; }
#MainContent #Content #ProdMainOptions #ControlPanel .ProdSelectOptions{color:#ec7409; font-weight:bold;} /*when only a single option */
#MainContent #Content #ProdMainOptions #ControlPanel p{padding:.4em 0;}
#MainContent #Content #ProdMainOptions #ControlPanel .ProdOtherData{font-size:.75em; color:#384654;}
#MainContent #Content #ProdMainOptions #ControlPanel .ProdShipDate{font-weight:bold; font-size:.75em; color:#000;}


div#VendorMsg, div#ProdMsg{color:#ec7409; margin-top:.2em;}
div#VendorMsg a, div#ProdMsg a{text-decoration:underline;}

div.VideoYouTube{position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;} /* 16:9 */
div.VideoYouTube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top:1em;}

div.VideoMp4{position: relative; padding-top:1em; padding-bottom:1em;}
div.VideoMp4 video {width: 100%; height: auto;}

.VideoMp4{text-align:center; margin-top:1em;}
.VideoMp4 video{ cursor:pointer; width:100%; height:auto; max-width:1024px;}

#ProdGwp{width:15em;}
#ProdGwp tr td{text-align:left; vertical-align:bottom; font:bold 10pt; color:#D3273E;}
#ProdGwp tr td a{font-weight:bold; color:#D3273E;}
p#AdditionalInfo{ text-align:left;}
div#ProdInfoSpecs, div#ProdInfoBullets{margin-top:1em;}
td.SpecName{padding:.5em; font-weight:bold;}
td.SpecValue{padding:.25em .35em; border-left:1px solid #767676;}

#SideBar{display:none; position:absolute; top:0; right:0; margin:0; padding:.5em; border:.15em solid #ccc; font:normal Verdana, Geneva, sans-serif; background-color:#fff; width:100%; z-index:100;}
#SideBar div, #SideBar .Features{padding:0; margin:0; text-align:left;}
#SideBar div #CloseSecondaryNavigation{display:block; float:right; padding:0; margin:0 0 .15em .25em;}
#SideBar div #CloseSecondaryNavigation a img{width:1em; border:none;}
#SideBar div h3, #SideBar .Features h3{font-size:1em; font-weight:bold; margin:0; padding:0; color:#333;}
#SideBar div ul{ margin:0; margin-left:.2em; padding:0; list-style:none;}
#SideBar div ul li{margin-top:.8em; font-size:1em;}
#SideBar div ul li a{color:#4d6479; text-decoration:none; padding:.4em;}
#SideBar div ul li a:hover{color:#D3273E}
#SideBar .Features{text-align:center; display:none;}
#SideBar .Features .FeatureItem{text-align:center; padding:.75em .5em 1.5em .5em; font-size:.9em;;}
#SideBar .Features .FeatureItem .FeatureImage a img{width:8.5em; border:0; height:auto;}
#SideBar .Features .FeatureItem .FeatureItemName a{text-decoration:none; padding:0; margin:.1em 0 0 0; color:#4d6479;}
#SideBar .Features .FeatureItem .FeatureItemPriceNow{color:#c00; font-weight:bold; margin:.2em 0 0 0;}
#SideBar .Features .FeatureItem .FeatureItemPriceWas{color:#767676; margin:0;}
#SideBar .Features .FeatureItem .FeatureItemGWP{color:#c00; background-color:#FFC;}

table.AccountData tr td, table.AccountData tr th{padding:.5em; border:.1em solid #fff;}
table.PackageItems tr td, table.PackageItems tr th{padding:.25em; border-bottom:1px solid #E1EEF0;}

div.AccountEmailContent{width:95%;}
div.AccountEmailContent pre{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word;}

#Footer{text-align:center; font-size:.7em;}
#Footer ul li{display:inline-block; color:#4d6479;}
#Footer ul li:before{content:'\00a0\2022\00a0\00a0';}
#Footer ul li:first-child:before{content:'';}
#Footer ul li a{color:#4d6479; margin:.5em .15em;}

div.MobileClearBoth{clear:both;}


/*POLL TEASER */
#PollTeaser{background-color:rgba(0,0,0,.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none;}
#PollTeaser div{background-color:#fff; border: 1px solid #000; box-shadow: 1em 1em .5em #000; width:300px; height:auto; margin:0; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px; font-size:1em; -moz-border-radius: .5em; border-radius: .5em; overflow:hidden;}
#PollTeaser div p, #PollTeaser div h2{padding-left:0 !important; margin:auto .5em;}
#PollTeaser div h2{text-align:center;}
#PollTeaser div p.Smaller{font-size:.5em; text-align:center !important;}
#PollTeaser p.Button{text-align:center; margin:.75em auto;}
#PollTeaser p.Button a{margin:0 .5em; -webkit-appearance: none; padding:.35em; color:#fff; font-size:1em; font-weight:bold; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em; border:none; background-color:#D3273E; cursor:pointer;}


div.PopUpMsg{background-color:rgba(0,0,0,.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none;}
div.PopUpMsg div{background-color:#fff; border: 1px solid #000; box-shadow: 1em 1em .5em #000; width:300px; height:auto; margin:0; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px; font-size:.75em; }

div.SizeChart{position:relative; overflow-x:auto;}
table.SizeChart{margin-top:1em;}
table.SizeChart tr{border-bottom:1px solid #767676;}
table.SizeChart tr td{padding:0.5em; text-align:center; vertical-align:middle;}
table.SizeChart tr.Heading{border-bottom:1px solid #000000;}
table.SizeChart tr.Heading td{font-weight:bold; background-color:#ddd;}
table.SizeChart tr td.Heading{font-weight:bold; position: -webkit-sticky; position: sticky; left:0px; background:#ffffff;}

div.Columns4{width:100%;}
div.Columns4 div{width: 100%;}
div.Columns3{width:100%;}
div.Columns3 div{width: 100%;}
div.Columns2{width:100%;}
div.Columns2 div{width: 100%;}

/*forms & checkout pages*/
.FormErrHeading {color:#D3273E;}
fieldset {border:1pt solid #89a892; padding:.5em 1em; margin:.5em; color:#4a7162;}
legend {font:bold 1.5em; color:#89a892;}
form input[type=radio] {width:1em; height:1em;}
label{display:block; margin-top:.5em;}
div.RadioContainer{margin-bottom:.2em;}
form input[type=checkbox] {width:1em; height:1em;}

.CartItems{}
.CartItems tr td{padding:.25em;}
.CartItems tr.CartItemsHeader{}
.CartItems tr.CartItemsHeader td{ color:#036; text-align:left; vertical-align:bottom; border-bottom:1px solid #baccbf;}
.CartItems tr.CartItemRow td{color:#036; text-align:left; vertical-align:top;}
.CartItems tr.CartTotalRow td{color:#036; text-align:right; vertical-align:middle; font-weight:bold;}
.CartItems tr.CartTotalRow td.TopRow{border-top:1px solid #baccbf;}
.CartItems tr.CartTotalRow td.CartTotal{vertical-align:middle; background-color:#c7d8ce}
.CartItems tr.CartItemRow td input[type=text].ItemQty{font-size:.75em; width:1.5em; padding:.1em; color:#036;}
.CartItems tr.CartItemRow td a.RemoveLink{font-size:.5em; color:#D3273E;}
.CartItems tr.CartItemRow td a.CartItemName{font-weight:bold;}
.CartItems tr.CartItemRow td p.CartItemDetail{font-size:.65em;}
.CartItems tr.CartItemRow td.CartItemCurrency{text-align:right; font-weight:bold;}
.CartItems tr.CartItemRow td.CartItemCurrency strike{font-weight:normal !important; color:#699;}
.CartItems tr.CartItemRow td.CartItemRowHeader{font-weight:bold; color:#000; text-align:right; vertical-align:middle; background-color:#c7d8ce}
div#GetShippingOptions input{margin-top:.3em; margin-bottom:.3em;}
textarea#Comments{font-size:.65em; width:85%; height:2em; color:#036;}
img.CartItemThumbnail{float:none; height:auto; width:85%;}
input[type=submit],input[type=button] {-webkit-appearance: none; padding:.5em; color:#fff; font-size:1em; font-weight:bold; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; border:none; background-color:#699; cursor:pointer; margin:.5em;}
input[type=submit].SmallBtn,input[type=button].SmallBtn {-webkit-appearance: none; padding:.5em; color:#fff; font-size:.75em; font-weight:normal; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; border:none; background-color:#699; cursor:pointer; margin:.5em;}
.GreenButton{ -webkit-appearance: none;
	background:#5CCD00;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
}

.FormRow{margin:.25em auto; color:#4a7162; }
.FormRow label{font-size:1.25em;}
.FormRow input{font-size:1.25em; color:#4a7162; padding:.15em; border:1px solid #767676;}
.FormRow select, .FormRow textarea{font-size:.9em; color:#4a7162; border: 1px solid #767676;}
.Required label{font-weight:bold;}
p#CheckoutButtons{text-align:center;}
div.DataNotes1{font-size:.75em !important; color:#455249;}
div.DataError1{font-size:1em; color:#D3273E; background-color:#ff9;}
fieldset.HalfLeft{float:none;}
fieldset.HalfRight{float:none;}

div#ReduceReuse p img{float:right; margin-left:.3em; margin-bottom:.15em;}

#SelectShipping input[type=text]{font-size:1.25em; width:4em; padding:.2em; margin:.2em; border-color:#090; background-color:#9C6; border:1px solid #767676;}
#EnterPromotionCode input[type=text]{font-size:1.25em; padding:.15em; margin:.2em; border:1px solid #767676;}
#SelectShipping input[type=radio]{font-size:1.25em; margin:.2em auto;}
form#ItemsInCartForm input[type=text]#GiftCardId{font-size:1.25em; padding:.15em; margin:.2em; border:1px solid #767676;}
form#ItemsInCartForm input[type=text]#GiftCardPin{font-size:1.25em; padding:.15em; margin:.2em; border:1px solid #767676;}
input#ApplyShipping{display:none;}


div.BlogEntry{}
div.BlogEntry p img{max-width:40%; float:right; margin-left:.5em; height:auto;}
div.BlogAuthor{}
div.BlogAuthor p img{max-width:40%; float:right; margin-left:.5em; height:auto;}