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

/* Wide Screen layout - minimum 600 px wide */


@media(min-width: 600px) {
  html {font-size:10px;}
}
@media(min-width: 700px) {
  html {font-size:11px;}
}
@media(min-width: 900px) {
  html {font-size:12.5px;}
}
@media(min-width: 1200px) {
  html {font-size:17px;}
}
@media(min-width: 1500px) {
  html {font-size:21px;}
}

/*body{background:url("images/100pxgrid.gif");}*/

#Page{margin:.4em auto; position:relative; width:100%;}

#Container{width:70em; margin:0 auto;}

#HeaderArea{display:table; width:100%;}
#LogoArea{display:table-cell; text-align:left; vertical-align:middle;}
#LogoArea a img{width:19em; border:none; height:auto; margin-right:1em;}
#SearchArea{display:table-cell; text-align:center; vertical-align:middle;}
#Login{color:#000; width:30em; display:block; text-align:center; }
#Login span{}
#Login span a{color:#000; font-weight:bold; text-decoration:none; margin-bottom:1em; display:inline-block;}
#HackerSafe{padding:0; max-height:40px; height:2.5em; margin:0 1em .5em 0;}
#SocialMedia{text-align:right;}
#SocialMedia img{padding-left:0.3em; height:2em; max-height:37px; width:auto; border:none;}
#SearchForm{display:table; text-align:center; margin:0; border:1px solid #676565; padding:.2em .2em .1em .2em; }
#SearchForm #KeywordContainer{display:table-cell; text-align:right; vertical-align:middle; position:relative;}
#SearchForm #KeywordContainer #Keywords{width:20em; height:1.5em; border:none; margin:0; padding:0; font-size:1.25em; box-sizing:border-box; background-color:transparent;}
#SearchForm #KeywordContainer #Keywords:focus{border:none !important; background-color:#DDDDDD !important;}
#SearchForm #KeywordContainer label{position:absolute; z-index:-1; color:#555555; }
#SearchForm #SearchButtonContainer{display:table-cell; text-align:left; vertical-align:middle;}
#SearchForm #SearchButtonContainer #SearchButton{width:auto; height:2.0em; margin:0; padding:0; box-sizing:border-box;}
#ContactArea{display:table-cell; text-align:right; vertical-align:middle;}
#MobileMenuIcon{display:none;}
#ContactArea #Icons a img{height:2.5em; width:auto; border:none; margin-left:.25em;}
#ContactArea div{margin:.25em 0 0 0; padding:0; text-align:right;}
#ContactArea div a{text-decoration:none; font-weight:bold; color:#000;}
#MobileSearchArea{display:none;}


#Navigation{margin:.25em auto 0 auto; width:100%; background-color:#000000; display:block; height:2.6em; position:static;}
#Navigation ul{padding:0; margin:0;}
#Navigation ul li{display:block; float:left; margin:0; padding:0;}
#Navigation ul li a{display:block; padding:.3em .85em .4em .85em; font-weight:400; font-size:1.235em; color:#fff; border-style:solid; border-color:#000; border-width:1px 1px 0 1px; margin:0; text-decoration:none;}
#Navigation ul li button{display:none;}
#Navigation ul li a:hover{color:#000; background-color:#fff;}
#Navigation ul li:hover{background-color:#fff;}
#Navigation ul li:hover a{color:#000;}
#Navigation ul li:hover div{display:block;}
#Navigation ul li div{background-color:#fff; display:none; width:auto; position:absolute; border-style:solid; border-color:#000; border-width:0 1px 1px 1px; z-index:1000;}
#Navigation ul li div div{float:left; margin:.5em; display:block; position:relative; border:none; padding:0;}
#Navigation ul li div div ul{margin:0 auto;}
#Navigation ul li div div p a{padding:0; border:none;}
#Navigation ul li div div ul li{background-color:transparent; display:block; float:none;}
#Navigation ul li div div ul li a{padding:.2em; margin:0; display:block; text-decoration:none; font:normal 0.75em Arial, Helvetica, sans-serif; color:#000; white-space:nowrap; border:none;}
#Navigation ul li div div ul li a:hover{color:#c00;}
#Navigation ul li div div ul li:hover{}
#Brands div{left:18em;}
#Brands div div{left:auto !important;}
#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 #ShowAllBrands{display:none;}
#ShowAllBrands a{font-weight:bold; color:#000;}

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

#BrandLogos{clear:both; margin:0; padding:0; position:relative;}
#BrandLogos p{float:left; margin:0 !important; padding:0 !important;}
#BrandLogos p a img{margin:0 .5em; max-height:45px; width:auto; border:none; height:2.15em;}

#ShowAllBrands{display:none; clear:both;}

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

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

#MainContent{float:right; width:80%; margin:0; padding:0; display:block; position:relative;}
#MainContent #HeadImage img{width:100%; height:auto; border:none;}
#MainContent #HeadVendorLogo{position:absolute; top:1.5em; left:1.5em;}
#MainContent #HeadVendorLogo a img{height:auto; width:13em; max-width:200px; border:0;}
#MainContent #Content{padding:.85em; text-align:left; font-size:1.0em;}
#MainContent #Content p.ImportantMessage{ font-weight:bold; color:#900;}
#MainContent #ShowCategories{display:none;}
#CategoryTree{text-align:left; position:relative;}
#CategoryTree .CategoryItem{display:inline-block; text-align:center; width:11em; margin:.5em; vertical-align:top;}
#CategoryTree .CategoryItem p{padding:0; margin:0; display:table; width:100%;}
#CategoryTree .CategoryItem .CategoryItemImage a {display:table-cell; height:150px; vertical-align: bottom; width:100%; text-align:center;}
#CategoryTree .CategoryItem .CategoryItemImage a img{width:150px; border:0; height:auto;}
#CategoryTree .CategoryItem .CategoryItemName a{text-decoration:none; padding:0; margin:.1em 0 0 0;}
#CategoryTree .CategoryItem .CategoryItemPriceNow{color:#D3273E; font-weight:bold; margin:.2em 0 0 0;}
#CategoryTree .CategoryItem .CategoryItemPriceWas{color:#767676; margin:0;}
#CategoryTree .CategoryItem .CategoryItemGWP{color:#D3273E; background-color:#FFC;}
/* Images embedded in content */
.ContentImage{width:40%; height:auto; border:none;}
.FloatRight{float:right; margin-left:.25em;}
.FloatLeft{float:left; margin-right:.25em;}
.FloatRightOnWide{float:right; margin-left:.25em; width:49%;}
.FloatLeftOnWide{float:left; margin-right:.25em; width:49%;}
.Border1{border:.1em solid #000 !important;}


#DropShipMsg,#Free2DayMsg{background-color:rgba(0,0,0,.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none; }
#DropShipMsg div,#Free2DayMsg div{padding:2em; background-color:#fff; border: 1px solid #000; -moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em; box-shadow: 1em 1em .5em #000; width:20em; height:10em; margin:auto; position: fixed; top: 50%; left: 50%; margin-top: -5em; margin-left: -10em; font-size:1em;}

#MainContent #Content .CurrentLocation{font-size:.75em;}
#MainContent #Content h1{font:normal Verdana, Geneva, sans-serif; font-size:1.75em;}
#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 #ProdImgWrapper{position:relative; float:left; text-align:center; margin-right:.5em; width:50%; background:#ffffff;}
#MainContent #Content #ProdImgWrapper a img#ProdImg{max-width:500px; width:100%; height:auto; border:none;}
#MainContent #Content #ProdImgWrapper #ProdImgThumbnails a img{margin:.2em; width:3em; height:auto;}
#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:.65em; display:block;}
#ProdInfo #ProdInfoBullets ul{display:block; width:45%; margin-left:2em; float:left;}
#ProdInfo #ProdInfoBullets ul li{list-style-type: square; padding-left:1em;}
#ProdInfo #WarehouseLocation{font-size:.75em; margin-top:2em; text-align:center; color:#666;}
#MainContent #Content #ProdMainOptions ul.ProdMessages{margin:0; padding:0;}
#MainContent #Content #ProdMainOptions ul.ProdMessages a img{border:none; width:40%; height:auto; float:none; max-width:250px;}
#MainContent #Content #ProdMainOptions ul.ProdMessages li{display:block; margin:.2em; padding:0;}
#MainContent #Content #ProdMainOptions #ControlPanel label{ font-weight:bold; color:#0472A9;}
#MainContent #Content #ProdMainOptions #ControlPanel input[type=text]{border:.1em solid #0472A9; padding:.2em; width:2em; margin:0 .7em 0 0; font-weight:bold; font-size:1em; color:#0472A9;}
#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:1em; border:.1em solid #0472A9;  color:#0472A9; padding:.15em;}
#MainContent #Content #ProdMainOptions #ControlPanel .ProdSelectOptions{color:#0472A9; 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;}
#ProdGwp{width:15em;}
#ProdGwp tr td{text-align:left; vertical-align:middle; 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; padding-left:1em; font-weight:bold;}
td.SpecValue{padding:.25em .35em; border-left:1px solid #767676;}

div#VendorMsg, div#ProdMsg{color:#0472A9; margin-top:.1em;}
div#VendorMsg a, div#ProdMsg a{text-decoration:underline;}

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

div.VideoMp4{position: relative; padding-top:1em; padding-bottom:1em;} /* 16:9 ratio only*/
div.VideoMp4 video {width: 100%; height: auto; max-width:900px;}

#GlobalAnnouncement{position:absolute; top:0px; left:330px; display:none;}
#GlobalAnnouncement img{width:230px; height:75px; border:none;}

div.SplitPageLeft{width:48%; float:left;}
div.SplitPageRight{width:48%; float:right;}

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

.CartItems{}
.CartItems tr td{padding:.5em;}
.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:1em; width:2em; padding:.25em; color:#036;}
.CartItems tr.CartItemRow td a.RemoveLink{font-size:.75em; color:#D3273E;}
.CartItems tr.CartItemRow td a.CartItemName{font-weight:bold;}
.CartItems tr.CartItemRow td p.CartItemDetail{font-size:.85em;}
.CartItems tr.CartItemRow td.CartItemCurrency{text-align:right; font-weight:bold;}
.CartItems tr.CartItemRow td.CartItemCurrency strike{font-weight:normal !important; color:#4a7162;}
.CartItems tr.CartItemRow td.CartItemRowHeader{font-weight:bold; color:#000; text-align:right; vertical-align:middle; background-color:#c7d8ce}
div#GetShippingOptions input{margin-top:.5em; margin-bottom:.5em;}
textarea#Comments{font-size:1em; width:20em; height:3em; color:#036;}
img.CartItemThumbnail{width:6em; float:right; height:auto; max-width:150px; margin-left:.25em;}
input[type=submit],input[type=button] {-webkit-appearance: none; padding:.35em; color:#fff; font-size:1.2em; font-weight:bold; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em; border:none; background-color:#4a7162; cursor:pointer; margin:.45em;}
input[type=submit].SmallBtn,input[type=button].SmallBtn {-webkit-appearance: none; padding:.25em; color:#fff; font-size:1em; font-weight:normal; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em; border:none; background-color:#4a7162; cursor:pointer; margin:.35em;}
.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);
}
.GrayButton{-webkit-appearance: none; 
	background:#767676;
	background:-moz-linear-gradient(top,#5CCD00 0%,#767676 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#767676));
	background:-webkit-linear-gradient(top,#333333 0%,#767676 100%);
	background:-o-linear-gradient(top,#333333 0%,#767676 100%);
	background:-ms-linear-gradient(top,#333333 0%,#767676 100%);
	background:linear-gradient(top,#333333 0%,#767676 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
}
div#ReduceReuse p img{float:right; margin-left:.5em; margin-bottom:.25em;}

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

.FormRow{margin:.4em auto; color:#4a7162; }
.FormRow label{font-size:1em;}
.FormRow input, .FormRow select, .FormRow textarea{font-size:1.1em; color:#4a7162; border:1px solid #767676; padding:.25em;}
.CartItemRow input, .CartItemRow select, .CartItemRow textarea{font-size:1.1em; color:#4a7162; border:1px solid #767676; padding:.25em;}
.Required label{font-weight:bold;}
p#CheckoutButtons{text-align:center;}
div.DataNotes1{font-size:.85em !important; color:#455249;}
div.DataError1{font-size:1.0em; color:#D3273E; background-color:#ff9;}
fieldset.HalfLeft{float:left; width:48%; margin-right:0;}
fieldset.HalfRight{float:right; width:48%; margin-left:0;}

#SideBar{float:left; width:20%; margin:0; padding:0; border-right:.15em solid #ccc; font:normal Verdana, Geneva, sans-serif; display:block; position:relative; border-bottom:.15em solid #ccc;}
#SideBar div{padding:.75em .5em 1.5em .5em; margin:0; text-align:left;} /*border-bottom:.15em solid #ccc; */
#SideBar .Features{display:none; padding:.75em .5em .75em .5em; margin:0; text-align:left;} /*hide for now */
#SideBar div div{border:none; padding:0;}
#CloseSecondaryNavigation{display:none;}
#SideBar div h3, #SideBar .Features h3{font-size:1.15em; font-weight:bolder; margin:0; padding:0; color:#333;}
#SideBar div ul{ margin:.6em 0 0 .75em; list-style:none; padding:0;}
#SideBar div ul li{margin-top:.4em; font-size:1.0em;}
#SideBar div ul li a{color:#4d6479; text-decoration:none;}
#SideBar div ul li a:hover{color:#D3273E}
#SideBar h3{font-size:1.15em; font-weight:bolder; color:#333; text-align:left;}
#SideBar ul{ margin:.6em 0 0 .75em; list-style:none; padding:0; text-align:left;}
#SideBar ul li{margin-top:.4em; font-size:1.0em;}
#SideBar ul li a{color:#4d6479; text-decoration:none;}
#SideBar ul li a:hover{color:#D3273E}
#SideBar div.SideBarFeature p{margin:.5em;}
#SideBar div div.Features{text-align:center;}
div.FeatureItem{text-align:center; padding:.75em .5em 1em .5em; font-size:1.0em;}
div.FeatureItem .FeatureItemImage{padding:0; margin:0;}
div.FeatureItem .FeatureItemImage a img{width:8em; border:none; height:auto;}
div.FeatureItem .FeatureItemName{padding:0; margin:0;}
div.FeatureItem .FeatureItemName a{text-decoration:none; color:#4d6479;}
div.FeatureItem .FeatureItemPriceNow a{color:#c00; font-weight:bold; margin:.2em 0 0 0; text-decoration:none;}
div.FeatureItem .FeatureItemPriceWas a{color:#767676; margin:0; text-decoration:none;}
div.FeatureItem .FeatureItemGWP{color:#c00; background-color:#FFC;}

div.ThirdFloat{width:33%; padding:.5em; float:left;}

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:0.9em;}
#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;}


/*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:.5em; -webkit-border-radius:.5em; border-radius:.5em; 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:500px; 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:1em; text-align:center; vertical-align:middle;}
table.SizeChart tr.Heading{border-bottom:2px 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: 25%; float: left;}
div.Columns3{width:100%;}
div.Columns3 div{width: 33%; float: left;}
div.Columns2{width:100%;}
div.Columns2 div{width: 50%; float: left;}

@media(max-width: 1699px) {
#Brands div{left:12em !important;}
}

@media(max-width: 1499px) {
#MainContent #HeadVendorLogo a img{width:10em !important;}
#Brands div{left:10em !important;}
#ContentContainer{font-size:1.15em;}
#Footer{font-size:85%;}
}

@media(max-width: 1399px) {
#Brands div{left:9em !important;}
#BrandLogos p.LogoBrandTertiary{display:none !important;}
#ContentContainer{font-size:1.25em;}
}
@media(max-width: 1199px) {
#Brands div{left:16em !important;}
#SearchArea #Login span{font-size:1.15em;}
#ContentContainer{font-size:1.5em;}
}
@media(max-width: 1099px) {
#Brands div{left:9em !important;}
#SearchArea #Login span{font-size:1.15em;}
}
@media(max-width: 999px) {
#Brands div{left:5em !important;}
}

@media(max-width: 899px) {
#Container{width:60em !important;}
#Navigation ul li a{font-size:1.3em !important; padding:.3em .35em .4em .35em !important;}
#Navigation ul li div div ul li a{font-size:0.9em !important; padding:.15em .1em !important;}
#Brands div{left:14em !important;}
#MainContent{width:78% !important;}
#SideBar{width:22% !important; border-right-width:.2em !important;}
#SideBar div ul li{margin-top:.4em !important; font-size:1.15em !important;}
#SideBar .Features .FeatureItem{font-size:1.15em !important;}
#BrandLogos p.LogoBrandTertiary{display:none !important;}
#ShowAllBrands{width:95% !important; display:block !important;}
#BrandsCol7, #BrandsCol8{display:none !important;}
#MainContent #Content{font-size:1.15em !important;}
#CategoryTree .CategoryItem{margin:0.3em !important;}
#MainContent #HeadVendorLogo{top:1em !important; left:.75em !important;}
#MainContent #Content #ProdImgWrapper{margin-right:.25em;}
#MainContent #Content #ProdMainOptions #ControlPanel .ProdSelectOptions #ItemId{font-size:.75em;}
#SearchArea #Login span{font-size:1.25em;}
#SearchArea #Login a img#HackerSafe{height:2.5em;}
/*#MainContent #Content .fluid-display{position: relative; float: left; width: 251px; height: 344px;} Fluid Display Old  -- height:370 for long*/

}

@media(max-width: 799px) {
#Brands div{left:10em !important;}
#hcIcon{display:none;}
#MainContent #Content #ProdImgWrapper #ProdImg{width:20em !important;}
#BrandLogos p.LogoBrandTertiary,#BrandLogos p.LogoBrandSecondary{display:none !important;}
div.Columns4 div{width: 50%;}
}

/*
@media(max-width: 799px) {
#HeaderArea{width:100% !important;}
#Navigation{height:2.74em !important; width:100% !important;}
#Navigation ul li a{font-size:1.35em !important; padding:.2em .5em .3em .6em !important; }
#Navigation ul li div div ul li a{font-size:1em !important; padding:.2em .1em;}
#Brands div{left:2em !important;}
#MainContent{width:78% !important;}
#MainContent #HeadVendorLogo a img{height:4em !important;}
#MainContent #Content{font-size:1.25em;}
#MainContent #Content #CategoryTree .CategoryItem{width:11.5em; margin:.1em; vertical-align:top;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemImage a img{width:9.5em;}
#SideBar{width:22%; border-right-width:1px;}
#SideBar div h3, #SideBar .Features h3{font-size:1.25em;}
#SideBar div ul li{margin-top:.2em; font-size:1.25em !important;}
#SideBar .Features .FeatureItem{font-size:1.25em;}
#SideBar .Features .FeatureItem .FeatureItemPriceNow{margin-top:0 !important;}
#BrandLogos p.LogoBrandTertiary{display:none !important;}
#BrandsCol7, #BrandsCol8{display:none !important;}
#Navigation ul li div #ShowAllBrands{display:block !important; clear:both; text-align:right; width:98%; margin:0; padding:0;}
}
@media(max-width: 899px) {
#Brands div{left:1em !important;}
#Navigation ul li div div ul li a{font-size:.9em !important; padding:.2em .1em !important;}
#MainContent #Content{font-size:1.25em;}
#MainContent #Content #CategoryTree .CategoryItem{width:11.5em; margin:.1em; vertical-align:top;}
#MainContent #Content #CategoryTree .CategoryItem .CategoryItemImage a img{width:9.5em;}
#SideBar div h3, #SideBar .Features h3{font-size:1.25em;}
#SideBar div ul li{margin-top:.2em; font-size:1.25em !important;}
#SideBar .Features .FeatureItem{font-size:1.25em;}
#SideBar .Features .FeatureItem .FeatureItemPriceNow{margin-top:0 !important;}
#BrandLogos p a img{margin:0 .5em; max-height:45px; width:auto; border:none; height:2.25em !important;}
}
@media(max-width: 999px) {
#Brands div{left:3em !important;}
#Navigation ul li div div ul li a{font-size:.75em; padding:.2em;}
}
@media(max-width: 1099px) {
#Brands div{left:4em;}
}
@media(max-width: 1299px) {
#Brands div{left:4em;}
#BrandLogos p a img{height:2em;}

}
@media(max-width: 1499px) {
#Brands div{left:6em;}
}
@media(min-width: 1500px) {
#Brands div{left:20em;}
}
*/