@media screen {
html {background:url(../../content/images/bg-repeat.jpg) repeat;}
body {margin:0; padding:0; background:none !important;}
h1, h2, h3, h4, h5, h6, h7 {font-family:'Open Sans', sans-serif, arial; margin:0; color:#222; padding-bottom:0 !important;}
p, span, a, ul, ol, li {font-family:'Open Sans', sans-serif, arial; margin:0; color:#222;}
a, a:link, a:visited {text-decoration:none;}
sup {font-size:12px !important;}

img {max-width:100%; height:auto;}

/********FIXES FOR BIGCOMMERCE********/
.page {background:none !important;}
.Content {overflow:visible !important;}
.product-nav  {display:none;}
.ShopByPrice {display:none;}
.ProductList {margin:0 !important;}
.ProductList li {padding:0 !important;}
.mainproduct .ProductPriceRating {display:none;}
.Rating img {border:none !important;}
#CategoryContent .ProductList .ProductActionAdd .btn {background-color:transparent !important; padding:0 !important; display:block !important; }
#ProductReviews, #ProductByCategory {display:none !important;}
.product-heading h1 {margin-left:-9999px; float:left;}
.hidelabel {display:none;}
#ProductDetails {margin-top:40px;}
.product-desc .subtitle {display:none;}
.product-desc p {margin:0 0 10px 0;}

#SideProductAddToWishList {display:none !important;}
.header {border-bottom:none !important;}

#SideProductRelated .ProductDetails a.pname, #SimilarProductsByCustomerViews a.pname {color:#05aded; transition:color:0.25s ease-in-out;}
#SideProductRelated .ProductDetails a.pname:hover, #SimilarProductsByCustomerViews a.pname:hover {color:#007095; transition:color:0.25s ease-in-out;}


.SearchContainer .btn {background:#05aded !important; transition:background 0.25s ease-in-out;}
.SearchContainer .btn:hover {background:#007095 !important; transition:background 0.25s ease-in-out;}

.CheckoutButton a.btn, .actionLink a.btn, .actionLink a.btn.alt  {background:#05aded; color:#fff; border:none; transition:background 0.25s ease-in-out;}
.CheckoutButton a.btn:hover, .actionLink a.btn:hover, .actionLink a.btn.alt:hover {background:#007095; transition:background 0.25s ease-in-out;}

#fastCartSuggestive span {padding:0; margin:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#fastCartSuggestive span:hover {padding:0; margin:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

#fastCartSuggestive a.btn {background:#05aded; transition:background 0.25s ease-in-out;}
#fastCartSuggestive a.btn:hover {background:#007095; transition:background 0.25s ease-in-out;}

.img-center {display:block; margin:0 auto 10px auto;}

/********SAFARI FONT PROBLEM FIX, FOOTER JQUERY ADDING CLASS********/
.safari h1, .safari h2, .safari h3, .safari h4, .safari h5, .safari h6, .safari h7, .safari p, .safari span, .safari a, .safari ul, .safari ol, .safari li {font-family:Arial !important;}


p {line-height:20px; margin-bottom:14px;}
address {font-size:14px;}

.hide {display:none;}

/********HOME PAGE STYLING********/
.clear {clear:both;}
.floatl {float:left; margin-right:10px;}
.floatr {float:right; margin-left:10px;}
.centerimg {display:block; margin:0 auto;}

#page-wrap {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    background:url(../../content/images/page-bg.jpg)repeat;
}

  header {background:#fff;}
  
#logo {
  position:absolute;
  z-index:1000;
  margin-left:20px;
  padding:15px;
  background:#fff;
  float:left;
  border-bottom-left-radius:50px;
  -webkit-border-bottom-left-radius:30px;
  -moz-border-bottom-left-radius:50px;
  border-bottom-right-radius:50px;
  -webkit-border-bottom-right-radius:30px;
  -moz-border-bottom-right-radius:50px;
  box-shadow:2px 2px 8px #222;
}

#logo img {width:100%; height:auto;}
#mainphone {color:#114b7d; float:left; margin:10px 0 0 38%; /*margin:27px 0 0 38%;*/}
#mainphone a, #mainphone a:link, #mainphone a:visited {width:100%; display:block; color:#114b7d; text-decoration:none; transition:all 0.25s ease-in-out;}
#mainphone a:hover {color:#05aded; transition:all 0.25s ease-in-out;}
#mainphone p {margin:0; font-size:28px; font-weight:bold; min-width:230px; text-align:center;}
#utilitybar {float:right; margin:10px 25px 0 0;}
#utilitybar img {display:inline-block; margin-top:-5px;}
#utilitybar p {color:#114b7d; display:inline-block; margin:0 25px 0 5px;}
#utilitybar a {color:#114b7d;}

#menuwrap {
display:block;
position:relative;
height:45px !important;
margin-top:10px;
width:100%;
background: #0d3b63; /* Old browsers */
background: -moz-linear-gradient(top,  #0d3b63 0%, #114b7d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3b63), color-stop(100%,#114b7d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0d3b63 0%,#114b7d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0d3b63 0%,#114b7d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0d3b63 0%,#114b7d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0d3b63 0%,#114b7d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b63', endColorstr='#114b7d',GradientType=0 ); /* IE6-9 */
}

#mainmenu {width:80%; position:relative; margin:0 0 0 20%; font-size:14px;}
#mainmenu ul {list-style:none; padding:0; margin:0;}
#mainmenu li {font-size:16px !important; float:left;}

/*#mainmenu .firstnav {width:22%;}
#mainmenu .secondnav {width:23%;}
#mainmenu .thirdnav {width:22%;}
#mainmenu .fourthnav {width:17%;}
#mainmenu .lastnav {width:16%;}*/

/*#mainmenu .firstnav {width:16%;}
#mainmenu .secondnav {width:18%;}
#mainmenu .thirdnav {width:24%;}
#mainmenu .fourthnav {width:18%;}
#mainmenu .fifthnav {width:10%;}
#mainmenu .lastnav {width:13%;}*/

#mainmenu .firstnav {width:16.5%;}
#mainmenu .secondnav {width:19.125%;}
#mainmenu .thirdnav {width:21.75%;}
#mainmenu .fourthnav {width:18.25%;}
#mainmenu .fifthnav {width:9.125%;}
#mainmenu .lastnav {width:15.125%;}



#mainmenu ul li a, #mainmenu ul li a:link, #mainmenu ul li a:visited {
position:relative;
z-index:999;
color:#fff;
text-decoration:none;
line-height:45px;
display:block;
text-align:center;
background: #0d3b63;
background: -moz-linear-gradient(top,  #0d3b63 0%, #114b7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3b63), color-stop(100%,#114b7d));
background: -webkit-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: -o-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: -ms-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: linear-gradient(to bottom,  #0d3b63 0%,#114b7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b63', endColorstr='#114b7d',GradientType=0 );
transition:all 0.25s ease-in-out;
}

/*#mainmenu ul li a:hover {background: linear-gradient(#114b7d,#0d3b63);}*/


/********MOBILE MENU*******/
#mobilemenu p {margin:0; color:#fff; line-height:45px; text-align:center; cursor:pointer;}
#mobilemenu ul {list-style:none; padding:0; margin:0;}
#mobilemenu ul li {width:100%; float:left; border-bottom:1px solid #0d3b63;}

#mobilemenu ul li a, #mobilemenu ul li a:link, #mobilemenu ul li a:visited {
color:#fff;
text-decoration:none;
line-height:45px;
display:block;
text-align:center;
background: #0d3b63;
background: -moz-linear-gradient(top,  #0d3b63 0%, #114b7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3b63), color-stop(100%,#114b7d));
background: -webkit-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: -o-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: -ms-linear-gradient(top,  #0d3b63 0%,#114b7d 100%);
background: linear-gradient(to bottom,  #0d3b63 0%,#114b7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b63', endColorstr='#114b7d',GradientType=0 );
}

#mobilemenu {display:none;}
#mobilemenu ul {display:none;}


/********CHECKOUT MOBILE MENU********/
#checkoutmobilemenu {display:none;}
#checkoutmobilemenu li a, #checkoutmobilemenu li a:link, #checkoutmobilemenu li a:visited {
  display:block; 
  float:left; 
  width:25%;
  line-height: 45px;
  text-align:center;
  color:#fff;
}


.form_search {display:inline-block; position:relative; margin-top:8px;}
.form_search ul {height:28px;}
#field_search {border:1px solid #ccc !important;}

.searchform {float:right; height:35px; margin-right:5%; width:100%; max-width:219px;}

#searchbar {display:inline-block; width:100%; position:relative;}

header #form_element_1 {float:left;}
header #form_element_1 input, #s {
display:inline-block;
width:100%;
max-width:160px;
height:28px;
background:#fff;
border:0;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-bottom-left-radius:5px;
margin:0 50px 0 0;
}

#s-icon {
cursor:pointer;
display:inline-block;
width:30%;
height:28px;
border:0;
background:url(../../content/images/search-icon.png) no-repeat center center, #05aded;
text-indent:-9999px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-bottom-right-radius:5px;
float:right;
margin-top:-49px;
margin-left:20px;
-webkit-margin-before:-46px;
}

#herowrap {width:100%; height:554px; background:url(../../content/images/pet-home.jpg) no-repeat center center; margin-top:-15px;}
#herowrap p {color:#fff; margin:0; text-align:center; text-shadow:1px 1px 2px #000;}
#herotxtwrap {width:45%; position:relative; float:right; margin:142px 25px 0 0;}
.herotxt1 {text-transform:uppercase; font-size:26px; line-height:40px;}
.herotxt2 {font-size:38px; text-transform:uppercase; font-weight:bold; line-height:40px; color:#fff; letter-spacing:-2px; text-shadow:none;}
.herolast {font-size:85px !important; line-height:60px;}
.herotxt3 {font-weight:600; text-transform:uppercase; font-size:75px; line-height:60px;}
.herotxt4 {font-family:PT Serif; padding:0 45px; font-size:24px;}

.herosep {background:#fff; height:2px; margin:10px auto; max-width:275px;}

.buynow {
position:relative;
left:50%;
margin:20px 0 20px -108px;
z-index:999;
cursor:pointer;
background:url(../../content/images/minilogobutton.png) no-repeat, #05aded;
color:#fff;
font-size:25px;
font-weight:bold;
padding:10px 15px;
background-position:10px;
text-indent:65px;
text-transform:uppercase;
display:block;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-webkit-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-moz-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
transition:all 0.25 ease-in-out;
}

.buynow a, .buynow a:link, .buynow a:visited {color:#fff; text-decoration:none;}
.buynow:hover {box-shadow:inset 2px 2px 2px rgba(35,35,35,0.8); transition:all 0.25 ease-in-out;}


.buynow1 {
position:relative;
left:50%;
margin:20px 0 20px -101px;
z-index:999;
cursor:pointer;
background:url(../../content/images/minilogobutton.png) no-repeat, #05aded;
background-position:10px;
color:#fff;
font-size:25px;
font-weight:bold;
padding:10px 15px 10px 80px;
display:block;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-webkit-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-moz-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
transition:all 0.25 ease-in-out;
}

button.buynow1:hover {background:url(../../content/images/minilogobutton.png) no-repeat, #007095; background-position:10px; transition:all 0.25s ease-in-out;}

.buynow1 a, .buynow1 a:link, .buynow1 a:visited {color:#fff; text-decoration:none;}
.buynow1:hover {box-shadow:inset 2px 2px 2px rgba(35,35,35,0.8); transition:all 0.25 ease-in-out;}

.buynow1 span {font-size:12px; color:#fff; display:block;}
.buynow span {font-size:12px; color:#fff; display:block;}

#productwrap {width:90%; margin:-100px auto 0 auto;}
.product-pack {
text-align:center;
background:#fff;
border-top:10px solid #fff;
border-bottom:10px solid #fff;
width:26.88888889%;
float:left;
margin-top:20px;
padding:0 1%;
box-shadow:0 5px 20px rgba(204,204,204,0.5);
-webkit-box-shadow:0 5px 20px rgba(204,204,204,0.5);
-moz-box-shadow:0 5px 20px rgba(204,204,204,0.5);
}

.product-pack h2 {text-transform:uppercase; font-size:20px; margin:10px 0;}
.product-pack p {color:#a1a1a1; margin:15px 0;}
.product-pack img {width:100%; height:auto; opacity:1; transition:all 0.25s ease-in-out; max-width:235px;}
.product-pack img:hover {opacity:0.5; transition:all 0.25s ease-in-out;}

.product-pack button {
cursor:pointer;
color:#fff;
border:none;
padding:5px;
font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(34,34,34,0.8);
-webkit-box-shadow:2px 2px 2px rgba(34,34,34,0.8);
-moz-box-shadow:2px 2px 2px rgba(34,34,34,0.8);
margin-bottom:15px;
}

.product-pack a, .product-pack a:link, .product-pack a:visited {color:#fff; text-decoration:none; display:block;}
.product-pack button:hover {margin:2px 0 13px 2px; box-shadow:inset 2px 2px 2px rgba(34,34,34,0.8);}

.mid-prod {width:30.88888889% !important; margin:0 4.666667%;}
.mid-prod h2 {font-size:24px !important;}

.red {border-color:#b92424 !important;}
.red h2, .red h2 a, .red h2 a:link, .red h2 a:visited {color:#b92424; text-decoration:none;}
.red button {background:#b92424;}

.green {border-color:#1e6e37 !important;}
.green h2, .green h2 a, .green h2 a:link, .green h2 a:visited {color:#1e6e37; text-decoration:none;}
.green button {background:#1e6e37;}
.green h3 {color:#1e6e37; font-weight:bold; text-align:center;}

.blue {border-color:#05aded !important;}
.blue h2, .blue h2 a, .blue h2 a:link, .blue h2 a:visited {color:#05aded; text-decoration:none;}
.blue button {background:#05aded;}

.orange {border-color:#fc8703 !important;}
.orange h2, .orange h2 a, .orange h2 a:link, .orange h2 a:visited {color:#fc8703; text-decoration:none;}
.orange button {background:#fc8703;}

#wispbenefits {
background:url(../../content/images/features-bg.png);
background-repeat:no-repeat;
background-position:center 0;
width:100%;
height:600px;
margin:50px 0 100px 0;
}

#wispbenefits h2 {color:#545454; margin:0; padding-top:15px; text-align:center;}
#wispbenefits h3 {color:#545454; margin:0; padding:0; font-size:16px; font-weight:bold;}
#wispbenefits p {color:#a1a1a1; margin:0; padding:0; font-size:13px;}
#wispbenefits span {color:#00a5df; margin:0; padding:0;}

#wispbenefits img {position:relative; z-index:100; width:100%; max-width:190px; height:auto; transition:all 0.25s ease-in-out;}
#wispbenefits img:hover {max-width:250px; margin-bottom:-70px; transition:all 0.25s ease-in-out;}


.benefit1 {width:280px; text-align:center; float:left;}
.benefit2 {width:280px; text-align:center; float:right;}
.benefit3 {width:280px; text-align:center; float:left; margin:40px 0 0 75px;}
.benefit4 {width:280px; text-align:center; float:right; margin:40px 75px 0 0;}
.benefit5 {width:280px; text-align:center; margin:150px auto 0 auto;}


#inaction {
background:#212121;
width:100%;
margin-top:50px;
}

#inactiontxt {width:48.9%; float:right; margin:8% 10% 3% 0;}
#inaction h2 {color:#fff; font-size:28px; padding-bottom:0;}
#inactiontxt h3 {color:#fff; font-size:25px; padding-bottom:0;}
#inaction h3 span {color:#ff0000; font-weight:bold; font-size:30px;}
#inaction p {color:#a1a1a1; font-family:PT Serif; font-style:italic;}
#inaction ul {margin:1rem 1rem;}
#inaction li {color:#a1a1a1; font-family:PT Serif; font-style:italic; }
#inactionimg {float:left; width:26.1%; margin:5% 5% 5% 10%; transition:all 0.25s ease-in-out;}
#inactionimg:hover {width:30%; margin:3.85% 2.5% 3.5% 5%; transition:all 0.25s ease-in-out;}
#inactionimg img {width:100%; height:auto; cursor:pointer; opacity:1; transition:all 0.25s ease-in-out;}

#homefoot {text-align:center; padding-top:5px; padding-bottom:30px; background:#fff;}
#homefoot h2 {color:#545454; margin:20px 0; font-size:37px;}
#homefoot p {color:#a1a1a1; font-size:14px; margin-bottom:14px;}
#homefoot img {margin:0 auto; width:100%; height:auto; max-width:527px;}
#homefoot .buynow {margin-top:-25px;}
.cta {color:#00a5df !important; margin:20px 0 10px 0; font-weight:bold; font-size:30px !important; text-transform:uppercase; line-height:24px;}

#woman {float:right; position:relative; z-index:999; margin:-160px -130px -300px -372px;}

footer {width:100%; max-width:1000px; margin:20px auto 0 auto; padding-bottom:10px;}
footer p, footer h4 {color:#a1a1a1;}
footer a, footer a:link, footer a:visited {color:#a1a1a1; text-decoration:none; transition:color 0.25s ease-in-out;}
footer a:hover {color:#05aded; transition:color 0.25s ease-in-out;}

#footer-top {color:#a1a1a1; padding-bottom:50px; position:relative; z-index:999;}
.foot-col {width:20%; margin:0 2.5%; float:left;}
.foot-col h4 {font-weight:normal; font-size:22px;}
.foot-col ul {margin:0; padding:0; list-style:none;}
.foot-col li {font-size:14px; line-height:20px;}
.foot-col span {color:#a1a1a1;}
.foot-col abbr {color:#a1a1a1;}

.foot-col:nth-child(3) li {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;}

#footer-bot {text-align:center; color:#a1a1a1;}
#footer-bot span {padding:0 10px;}
#footer-bot p {font-size:14px; margin-bottom:10px;}
#socialfooter {margin:0 auto; display:block;}
#socialfooter img {margin:5px;}
  
/********LIMITED TIME OFFER********/
.limitedoffer {border:2px solid #05aded; padding:10px; background:rgba(5,173,237,0.25);}
.limitedoffer span {color:#ff0000; font-weight:bold;}
.limitedoffer a, .limitedoffer a:link, .limitedoffer a:visited {text-decoration:underline;}


/********GOLF PAGE STYLE********/
#herocategory {width:100%; height:370px;}
#herocategory h1 {
font-size:20px;
color:#222 !important;
text-transform:lowercase;
position:relative;
top:175px;
left:180px;
width:195px;
text-align:center;
font-weight:bold;
}

.hero-border-top {
width:150px;
height:3px;
background:#000;
margin:270px 0 0 180px;
position:absolute;
}

.hero-border-bot {
width:150px;
height:3px;
background:#000;
margin:5px 0 0 180px;
position:absolute;
}

#category-page {
  padding:10px 0 25px 0;
  background:url(../../content/images/page-bg.jpg)repeat;
}

.mainproduct {
text-align:center;
background:#fff;
border-top:10px solid #fff;
border-bottom:10px solid #fff;
width:30% !important;
margin:0 1.5% !important;
padding:1%;
float:left;
margin-top:20px !important;
box-shadow:0 5px 20px rgba(204,204,204,0.5);
-webkit-box-shadow:0 5px 20px rgba(204,204,204,0.5);
-moz-box-shadow:0 5px 20px rgba(204,204,204,0.5);
}

.mainproduct img {
width:100%;
max-width:200px !important;
height:auto;
display:block;
margin:0 auto 5% auto;
opacity:1;
transition:all 0.25s ease-in-out;
}

.mainproduct img:hover {opacity:0.5; transition:all 0.25s ease-in-out;}


.mainproduct span, .mainproduct a span {
font-family:'Open Sans' !important;
font-size:16px;
letter-spacing:0;
text-transform:none;
line-height:28px !important;
display:block;
float:right;
margin:0 2px 20px 0 !important;
padding:5px 10px !important;
border:none;
color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(34,34,34,0.8);
-webkit-box-shadow:2px 2px 2px rgba(34,34,34,0.8);
-moz-box-shadow:2px 2px 2px rgba(34,34,34,0.8);
}

.mainproduct span:hover {
margin:0 0 20px 0 !important;
box-shadow:inset 2px 2px 2px rgba(34,34,34,0.8);
-webkit-box-shadow:inset 2px 2px 2px rgba(34,34,34,0.8);
-moz-box-shadow:inset 2px 2px 2px rgba(34,34,34,0.8);
}

.category-price {
float:left;
color:#008cba !important;
font-size:20px;
margin:5px 0 0 0;
}

/********CATEGORY COLOR CODING********/
#herocategory h1.green {color:#1e6e37;}
#herocategory .green span {color:#1e6e37;}
.mainproduct.green img {border:2px solid #1e6e37;}
.mainproduct.green span {
background:url(../../content/images/wisp-logo-small.png)no-repeat, #1e6e37;
background-position:5px;
text-indent:30px;
}
.green .VariationProductPrice {color:#1e6e37 !important;}
.green .add-to-cart {background:url(../../content/images/wisp-logo-small.png)no-repeat, #1e6e37 !important; background-position:5px !important;}

#herocategory h1.blue {color:#05aded;}
#herocategory .blue span {color:#05aded;}
.mainproduct.blue img {border:2px solid #05aded;}
.mainproduct.blue span {
background:url(../../content/images/wisp-logo-small.png)no-repeat, #05aded;
background-position:5px;
text-indent:30px;
transition:all 0.25s ease-in-out;
}
.blue .VariationProductPrice {color:#05aded !important;}
.blue .add-to-cart {background:url(../../content/images/wisp-logo-small.png)no-repeat, #05aded !important; background-position:5px !important;}

.mainproduct sup {font-size:12px;}

#herocategory h1.red {color:#b92424;}
#herocategory .red span {color:#b92424;}
.mainproduct.red img {border:2px solid #b92424;}
.mainproduct.red span {
background:url(../../content/images/wisp-logo-small.png)no-repeat, #b92424;
background-position:5px;
text-indent:30px;
}
.red .VariationProductPrice {color:#b92424 !important;}
.red .add-to-cart {background:url(../../content/images/wisp-logo-small.png)no-repeat, #b92424 !important; background-position:5px !important;}

#herocategory h1.orange {color:#fc8703;}
#herocategory .orange span {color:#fc8703;}
.mainproduct.orange img {border:2px solid #fc8703;}
.mainproduct.orange span {
background:url(../../content/images/wisp-logo-small.png)no-repeat, #fc8703;
background-position:5px;
text-indent:30px;
}
.orange .VariationProductPrice {color:#fc8703 !important;}
.orange .add-to-cart {background:url(../../content/images/wisp-logo-small.png)no-repeat, #fc8703 !important; background-position:5px !important;}

.ProductMain {border-color:#ebebeb !important;}

.category-description {
width:90%;
color:#222;
font-family:'Open Sans', sans-serif;
padding:2%;
margin:3% auto 0 auto;
background:#fff;
border: 5px solid #ebebeb;
box-shadow:2px 2px 5px #aaa;
}

.product-quick-description {}
.product-quick-description p {font-weight:bold;}

.category-description h2 {font-size:24px; margin-bottom;10px;}
.category-description p {line-height:24px;}


.list-categ {margin-top:15px; list-style:disc !important; padding-left:25px;}
.list-categ li {margin-bottom:10px;}


.category-reviews {width:90%; background:#212121; padding:5%; margin:25px 0 0 0;}
.category-reviews p {color:#fff; font-size:24px; line-height:40px;}
.category-reviews span {font-family: 'Abril' !important; font-size:50px; color:#fff; line-height:30px; vertical-align:bottom; font-weight:bold;}


.product-reviews {width:111%; background:#212121; margin:25px 0 25px -5.5%;}
.product-reviews p {padding:5%; color:#fff; font-size:24px; line-height:40px;}
.product-reviews span {font-family: 'Abril' !important; font-size:50px; color:#fff; line-height:30px; vertical-align:bottom; font-weight:bold;}

#rmaltbie {padding:2%;}
#rmaltbie p {font-size:18px; line-height:30px; margin-bottom:0;}
#rmaltbie span {font-family: 'Abril' !important; font-size:30px; color:#222; line-height:30px; vertical-align:bottom;}
.sig {float:right;}
#rmaltbie .sig span {font-size:18px; font-family:'Open Sans', sans-serif, arial !important; text-align:right; display:block;}
#rmaltbie .floatr {max-width:310px; margin-top:20px;}


/********PRODUCT PAGE STYLING*********/
.product-image {width:50%; max-width:400px; float:left;}
.product-img-slider {border:3px solid #ebebeb;}
.product-image span {color:#fff;}

div.radio input {opacity:1 !important;}
div.checker input {opacity:1 !important;}

.product-main {width:40%; padding:2%; float:right; background:#f7f7f7; border:3px solid #ebebeb; margin-bottom:25px;}
.product-title {
  color:#05aded;
  text-shadow:2px 1px 0 #222;
  -webkit-text-shadow:2px 1px 0 #222;
  -moz-text-shadow:2px 1px 0 #222;
  line-height:51px;
  text-indent:-9999px;
}

.quick-description {margin:15px 0;}
.quick-description p {font-size:14px; margin:10px 0 0 0;}
.quick-description ul {font-size:14px; padding-left:25px; list-style:disc !important;}

.product-price {color:#05aded; margin-bottom:15px; font-size:24px;}

#quantity {width:15%; float:left;}

input#add-cart-button {
position:relative;
z-index:999;
cursor:pointer;
background:url(../../content/images/wisp-logo-small.png) no-repeat, #05aded;
color:#fff;
font-size:16px;
font-weight:bold;
margin:0 auto;
padding:10px 15px;
background-position:10px;
text-indent:35px;
text-transform:uppercase;
display:block;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-webkit-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
-moz-box-shadow:2px 2px 2px rgba(35,35,35,0.8);
transition:all 0.15s ease-in-out;
}

input#add-cart-button:hover {box-shadow:inset 2px 2px 2px rgba(35,35,35,0.8); transition:all 0.15s ease-in-out;}

.green input#add-cart-button {
background:url(../../content/images/wisp-logo-small.png) no-repeat, #1e6e37;
background-position:10px;
}

.red input#add-cart-button {
background:url(../../content/images/wisp-logo-small.png) no-repeat, #b92424;
background-position:10px;
}
  
.orange input#add-cart-button {
background:url(../../content/images/wisp-logo-small.png) no-repeat, #fc8703;
background-position:10px;
}

.product-desc {
width:96%;
position:relative;
font-family:Open Sans;
font-size:14px;
padding:2% !important;
background:#f7f7f7;
border:3px solid #ebebeb;
margin-top:20px;
margin-bottom:20px;
}

.product-desc h3, .product-desc h4, .product-desc h5 {font-size:20px; font-weight:bold;}
.product-desc p {font-size:14px;}
.product-desc ul {list-style:disc !important; padding-left:40px; font-size:14px; margin-bottom:20px;}

.center {text-align:center; display:block;}

.dettab {
cursor:pointer;
color:#333;
position:absolute;
top:-35px;
left:0;
padding:5px 20px;
font-size:16px;
background:#f7f7f7;
border:3px solid #ebebeb;
border-bottom:none;
box-shadow:inset 0 -2px 5px #eaeaea;
border-top-left-radius:10px;
}

.vidtab {
cursor:pointer;
color:#333;
position:absolute;
top:-35px;
left:88px;
padding:5px 20px;
font-size:16px;
background:#f7f7f7;
border:3px solid #ebebeb;
border-bottom:none;
box-shadow:inset 0 -2px 5px #eaeaea;
border-top-right-radius:10px;
}

.active-tab {
background:#b92424;
color:#fff;
box-shadow:none;
}

.video-tab {
display:none;
width:100%;
font-family:Open Sans;
font-size:14px;
padding:2%;
background:#f7f7f7;
border:3px solid #ebebeb;
margin-top:20px;
margin-bottom:20px;
}

.video-tab iframe {width:100%; max-width:560px; margin:0 auto; display:block;}

.tabwrap {position:relative; font-family:'Open Sans', sans-serif, Arial;}


/********PAGE STYLING********/

#page {width:100%; margin-top:20px; padding:2%;}
.pagetitle {text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:30px; font-weight:bold; margin-bottom:20px;}

.content-wrap-contact {font-family:Open Sans; font-size:14px; color:#222; position:relative; width:50%; float:right;}
.content-wrap-contact p {font-size:14px;}

.content-wrap {font-family:Open Sans; font-size:14px; color:#222; position:relative;}
.content-wrap p {font-size:14px;}
.header-light-blue {color:#44BADA; text-align:center;}
.ebon-img {width:100%; max-width:178px; float:left; margin-right:25px; padding:5px; border:1px solid #ccc;}
.ebon-img img {width:100%; height:auto;}

.page-content-wrap {font-family:Open Sans; font-size:14px; color:#222; position:relative;}

.feature-section {
display:block;
clear:both;
}

.feature-section h5 {padding-top:50px; color:#44BADA;}

.feature-image-left {
display:block;
width:100%;
max-width:225px;
float:left;
margin-right:20px;
border:1px solid #ccc;
padding:5px;
}

.feature-image-left img {width:100%; height:auto; display:block;}

.feature-image-right {
display:block;
width:100%;
max-width:225px;
float:right;
margin-right:20px;
border:1px solid #ccc;
padding:5px;
}

.feature-image-right img {width:100%; height:auto; display:block;}


.form_register_customer li {
width: 225px;
display: inline-block;
padding: 0 5px;
}

label {
font-size: 0.875rem;
color: #4d4d4d;
cursor: pointer;
display: inline-block;
font-weight: normal;
margin-bottom: 0.5rem;
}

.map-wrap {margin-bottom:20px;}
.map-wrap iframe {width:100%;}

.clabel {width:16px;}

.cdata {padding-left:25px;}


  
/*********TECHNOLOGY PAGE STYLING*********/
.features-hero {
background:url(../../content/images/wisp-features1.png) no-repeat center center;
max-width:900px;
width:100%;
height:462px;
margin:20px auto 150px auto;
position:relative;
}
  
.featured {width:300px; position:absolute; text-align:center;}
.featured p {margin:0;}
.fpos1 {top:175px; left:0;}
.fpos2 {top:175px; right:0;}
.fpos3 {top:425px; left:75px;}
.fpos4 {top:445px; right:75px;}

.patent {text-align:center;}

.technology .content-wrap {float:none; width:100%;}

.technology h1.TitleHeading {text-align:center;}

.TitleHeading {padding:10px 0 !important; text-align:center;}

.block1, .block2, .block3, .warranty-return {margin:0; padding:0; list-style:none;}

/********CONTACT PAGE STYLING********/
.contactform {/*width:50%; float:right;*/}
.contactform address {display:block; width:100%; clear:both; margin-bottom:5px;}
.icon-map-marker {padding-right:25px;}
.icon-phone {padding-right:25px;}
.icon-envelope-alt {padding-right:22px;}


/********BLOG PAGE STYLING*********/
.blogtitlewrap {
  text-align:center;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
}

.blogpost {width:65%; float:right;}

.blogtitlewrap h1, .blogtitlewrap h2 {  font-size:30px; font-weight:bold;}


.blogimg {margin-bottom:20px;}

section.blog-content {width:60%; float:right;}
.blog-content h3 {font-size:20px;}
.blog_list_layout {margin-bottom:20px; padding-bottom:20px;border-bottom:1px solid #ccc;}

.readmore a, .readmore a:link, .readmore a:visited {
font-size:14px;
color:#fff;
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
padding: 5px 15px;
border: 1px solid #2f96b4;
}

.readmore a:hover {background-image:linear-gradient(to bottom, #2f96b4, #5bc0de);}

aside.blognav {width:31%; padding:0 2%; float:left;}
aside.blognav li {line-height:18px;}
aside.blognav a {font-size:14px;}
aside.blognav small {margin-top:3px;}

aside.blognav h4 {
font-size:16px;
background: url(../../content/images/rss-icon.png) top left no-repeat;
padding-left: 17px;
font-weight:bold;
}

span.postdate {
width: 100%;
background: none;
text-align: center;
font-size: 14px;
padding-bottom: 20px;
}

.postdate img {margin-right:15px; vertical-align:top; margin-top:3px;}


/********LOGIN PAGE STYLING********/
/*.login-form {width:30%; margin:0 auto;}*/



/********REGISTER PAGE STYLING********/
.register-form {width:50%; margin:0 auto;}

.loginreturn {
  display:inline-block;
  margin:0 auto;
  color:#fff;
  cursor:pointer;
}

.loginreturn a, .loginreturn a:link, .loginreturn a:visited {
  padding:10px;
  display:block;
  margin:0 auto;
  color:#fff;
  transition:background-color 300ms ease-out;
  background:#008cba;
  border-radius:2px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

.loginreturn a:hover {background:#007095; transition:background-color 300ms ease-out;}


/********CHECKOUT PAGE STYLING********/
#checkout-page {}
#checkout-page#s {margin:0 !important}
.checkout #mainphone a {font-size:30px;}
  
  
/********LIGHTBOX FOR VIDEO********/
.lightbox {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:1000; top:0; left:0;}

.videobox {
width:90%;
max-width:600px;
padding:20px;
border-radius:10px;
background:#fff;
position:fixed;
top:50%;
left:0;
right:0;
margin:-187px auto 0 auto;
}

.videobox iframe {width:100%;}

.videobox p {
position:absolute;
z-index:999;
top:-5px;
right:-5px;
display:inline-block;
width:23px;
height:23px;
line-height:21px;
color:#ff0000;
font-weight:bold;
background:#efefef;
border:2px solid #ff0000;
text-align:center;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
cursor:pointer;
}



/********CART PAGE STYLING********/
.cprodimg {float:left; width:15%; padding:2%;}
.cprodname {float:left; width:40%; padding:2%;}
.cprodqnt {float:left; width:15%; padding:2%;}
.cprodprice {float:left; width:30%; padding:2%;}

.cprodhead {float:left; width:55%; padding:2%;}
.cqnthead {float:left; width:15%; padding:2%;}
.cpricehead {float:left; width:30%; padding:2%;}


.topmarg {margin:20px 0;}

.checkout #menuwrap a, .checkout #menuwrap a:link, .checkout #menuwrap a:visited {font-size:16px;}
.checkout #utilitybar a, .checkout #utilitybar a:link, .checkout #utilitybar a:visited {font-size:16px;}

.centerbutton {display:block; margin:0 auto;}

.guestnote {
position:absolute;
top:80px;
right:0;
max-width:200px;
width:20%;
background:#efefef;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.guestnote p {font-size:12px !important; margin:0;}

#label_user {font-weight:bold;}

.register-form {max-width:480px; width:80%;}
.form_register_customer li {max-width:225px; width:48%;}


.videowrap {max-width:560px; width:100%; margin:0 auto;}
.videowrap iframe {width:100%;}
  

.blog-section {border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px;}
.blog-section:nth-child(2) {border-top:1px solid #ccc; padding-top:20px;}

.blog-section a {color:#05aded; font-weight:bold; transition:all 0.15s ease-in-out;}
.blog-section a:hover {color:#fc8703; transition:all 0.15s ease-in-out;}


/********FIREFOX SPECIFIC CODING********/
@-moz-document url-prefix() {
#s-icon {margin-top:-48px; margin-left:-4px;}

}


/********BIGCOMMERCE SPECIFIC STYLING********/
#ProductOtherDetails {}
#ProductOtherDetails .subtitle {display:none;}
#ProductOtherDetails .DetailRow .Label {display:none;}

#ContactForm .FormContainer {width:45%; float:left; margin-top:-45px;}
#ContactForm .cf dt, .cf dd {padding-bottom:5px;}
#ContactForm .FormContainer input.btn {background:#008cba; border-radius:5px; transition:0.25s ease-in-out;}
#ContactForm .FormContainer input.btn:hover {background:#007095; transition:0.25s ease-in-out;}*/

.productOptionPickListSwatch label {float:left !important;}

label.active-color {background:#05aded !important;}
label.active-color span {color:#fff !important;}

.add-to-cart {
background: url(../../content/images/wisp-logo-small.png)no-repeat, #05aded !important;
background-position: 5px !important;
text-indent: 30px;
transition: all 0.25s ease-in-out;
border-radius:5px !important;
box-shadow:2px 2px 2px rgba(35,35,35,0.8);
transition:0.25s ease-in-out;
}

.add-to-cart:hover {
background: url(../../content/images/wisp-logo-small.png)no-repeat, #007095 !important;
background-position: 5px !important;
box-shadow:inset 2px 2px 2px rgba(35,35,35,0.8);
transition:0.25s ease-in-out;
}

#SearchForm {width:20%; margin-right:30px !important;}

#SearchForm .Button, #SearchForm input.Textbox, #SearchForm {
width:70%;
height:30px;
line-height:30px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#SearchForm .Button {
background: url(../../content/images/search-icon.png) no-repeat center center, #05aded !important;
width:30% !important;
height:30px !important;
line-height:30px !important;
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-webkit-border-top-right-radius:5px !important;
-webkit-border-bottom-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
-moz-border-bottom-right-radius:5px !important;
}

a.EstimateShippingLink.btn.alt, .EstimateShippingButtons input.btn.alt, .ShippingMethodList input.btn.alt {background:#05aded; color:#fff; padding:3px 10px; border:none; border-radius:5px; transition:background 0.25s ease-in-out;}
a.EstimateShippingLink.btn.alt:hover, .EstimateShippingButtons input.btn.alt:hover, .ShippingMethodList input.btn.alt:hover {background:#007095; color:#fff; transition:background 0.25s ease-in-out;}

.KeepShopping a.btn.alt, .CreateAccount a.btn.alt,.FormContainer input.btn.alt, .BlockContent a.btn  {background:#05aded; color:#fff; padding:3px 10px; border:none; border-radius:5px; transition:background 0.25s ease-in-out;}

.KeepShopping a.btn.alt:hover, .CreateAccount a.btn.alt:hover, .FormContainer input.btn.alt:hover, .BlockContent a.btn:hover {background:#007095; color:#fff; transition:background 0.25s ease-in-out;}

.CouponCode .CouponCode {width:80% !important;}
.CouponCode .Textbox {}
.CouponCode .btn {background:#05aded; transition:background 0.25s ease-in-out;}
.CouponCode .btn:hover {background:#007095; transition:background 0.25s ease-in-out;}

.GiftCertificateCode .Textbox {}
.GiftCertificateCode .btn {background:#05aded; transition:background 0.25s ease-in-out;}
.GiftCertificateCode .btn:hover {background:#007095; transition:background 0.25s ease-in-out;}

#account h4 a {color:#007095 !important; transition:color:0.25s ease-in-out;}
#account h4 a:hover {color:#05aded !important; transition:color:0.25s ease-in-out;}

#checkout a.btn, #checkout input.btn, .txtR a.btn {background:#05aded; color:#fff; border:none; border-radius:5px; transition:background 0.25s ease-in-out;}
#checkout a.btn:hover, #checkout input.btn:hover, .txtR a.btn:hover {background:#007095; color:#fff; border:none; transition:background 0.25s ease-in-out;}

.Breadcrumb {display:none !important;}

a.CartRemoveLink {background:#ccc; color:#fff; font-weight:bold; border-radius:5px; transition:background 0.25s ease-in-out; text-align:center;}
a.CartRemoveLink:hover {background:#b00000; color:#fff; transition:background: 0.25s ease-in-out;}

div#fancy_overlay {z-index:1000 !important;}
div#fancy_outer {z-index:1001 !important;}

.promo-desc {
width: 96%;
position: relative;
font-family: Open Sans;
font-size: 14px;
padding: 2% !important;
background: #f7f7f7;
border: 3px solid rgba(240,0,0,0.75);
margin-top: 20px;
margin-bottom: 20px;
}
.promo-desc h2 {margin:0 0 5px 0; padding:0;}
.promo-desc p {margin:0;}
.promo-desc ul {margin:0 0 0 20px;}

.promo-top{
width: 90%;
position: relative;
font-family: Open Sans;
font-size: 14px;
padding: 2% !important;
background: #f7f7f7;
border: 3px solid rgba(240,0,0,0.75);
margin-top: 20px;
margin-bottom: 20px;
}
.promo-top h2 {margin:0 0 5px 0; padding:0;}
.promo-top p {margin:0;}
.promo-top ul {margin:0 0 0 20px;}


#ProductDescription h2.subtitle {display:none;}

.ProductDetails h3 {font-size:27px; font-weight:normal;}

.ProductTinyImageList {float:left !important;}

.blogmain #LayoutColumn2 {width:75%; float:right;}
.blogmain #LayoutColumn2 a:hover {color:#0078a0;}
.blogmain #LayoutColumn1 a {/*color:#05aded;*/}
.blogmain #LayoutColumn1 a:hover{color:#0078a0;}
.blogmain .Left #SideCategoryList li a:hover {color:#0078a0 !important;}
.blogmain span.blogmore a {
font-size:14px;
color:#fff !important;
padding:5px 15px;
border:1px solid #2f96b4;
background: #5bc0de;
background: -moz-linear-gradient(top,  #5bc0de 0%, #2f96b4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bc0de), color-stop(100%,#2f96b4));
background: -webkit-linear-gradient(top,  #5bc0de 0%,#2f96b4 100%);
background: -o-linear-gradient(top,  #5bc0de 0%,#2f96b4 100%);
background: -ms-linear-gradient(top,  #5bc0de 0%,#2f96b4 100%);
background: linear-gradient(to bottom,  #5bc0de 0%,#2f96b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc0de', endColorstr='#2f96b4',GradientType=0 );
}

.blogmain span.blogmore a:hover {
color:#fff;
background: #2f96b4;
background: -moz-linear-gradient(top,  #2f96b4 0%, #5bc0de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f96b4), color-stop(100%,#5bc0de));
background: -webkit-linear-gradient(top,  #2f96b4 0%,#5bc0de 100%);
background: -o-linear-gradient(top,  #2f96b4 0%,#5bc0de 100%);
background: -ms-linear-gradient(top,  #2f96b4 0%,#5bc0de 100%);
background: linear-gradient(to bottom,  #2f96b4 0%,#5bc0de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f96b4', endColorstr='#5bc0de',GradientType=0 );
}

.blogmain #LayoutColumn1 #BlogRecentPosts h4 {
background: url(../../content/images/rss-icon.png) top left no-repeat;
padding-left: 17px;
font-weight: bold;
}

.PageContent iframe {width:100%; max-width:100%; max-height:100%;}

.blogsingle .main {padding-top:25px;}

.blogmain .e-content ul li {margin:0 0 10px 0;}

.blogmain .bfc {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}

.ProductDetailsGrid {display:block !important;}

.product-detail-snippets {}
.product-detail-snippets p {padding:0; margin-bottom:5px;}
.promo {background:#b92424; color:#fff; padding:5px 10px; box-shadow:2px 2px 2px #222; transition:background 0.25s ease-in-out;}
.promo:hover {color:#fff; background:#f00000; transition:background 0.25s ease-in-out;}


#ProductVideos #videos {color:#007095; transition:color 0.25s ease-in-out;}
#ProductVideos #videos:hover {color:#05aded; transition:color 0.25s ease-in-out;}

.contactmap {margin-bottom:20px;}

#account #LayoutColumn1 {width:25%; max-width:220px; float:left;}
#account #LayoutColumn2 {width:70%; float:right;}

#ModalContainer .ProductList .pname {line-height:24px;}

}


/********RESPONSIVE CODING STARTS HERE********/
@media only screen and (max-width:1320px){
#woman {margin:-150px 0 0 0; position:absolute; right:0; width:70%; max-width:300px;}
#woman img {width:100%; height:auto;}
}

@media only screen and (max-width:1000px){
.blogmain #LayoutColumn2 {width:70%;}
.content-wrap-contact {}
#ContactForm .FormContainer {}
.HorizontalFormContainer dt {width:50% !important;}
#ContactForm dt {text-align:left;}
#ContactForm dd {width:50% !important; margin-left:50% !important;}
#ContactForm dd input {width:100%;}
}

@media only screen and (max-width:985px){
#inactionimg {margin:5%;}
#inactionimg:hover {float:left; width:26.1%; margin:5%;}
/*#inactiontxt {width:58.9%; margin:4% 5% 3% 0;}*/
#inactiontxt {width:58.9%; float:right; margin:7% 5% 3% 0;}
}

@media only screen and (max-width:940px){
#woman {display:none;}
}

@media only screen and (max-width:925px){
#logo {width:12%; margin:0; padding:0; position:relative; box-shadow:none;}
#mainphone {position:relative; margin-left:18%;}
#mainphone p {display:block; min-width:215px;}
#menuwrap {margin-top:5px;}
#mainmenu {width:100%; margin:0;}
/*#herotxtwrap {margin:25px 25px 0 0;}
.herotxt1, .herotxt2 {font-size:38px;}
.herotxt4 {font-size:16px;}*/
.mid-prod {margin-top:20px;}
.o-container {width:100%; max-width:925px !important; min-width:200px !important;}
.o-header {width:100%; max-width:925px !important; min-width:200px !important;}
.customer-portal-menu {width:100%; max-width:925px !important; min-width:200px !important;}
.features-hero {display:none;}
.benefit3 {margin-left:0;}
.benefit4 {margin-right:0;}
.benefit5 {position:absolute; left:0; right:0;}
.register-form {max-width:300px;}
.form_register_customer li {width:100%; max-width:300px;}
.guestnote {position:relative; top:0; width:80%; max-width:480px; display:block; margin:0 auto 10px auto;}
}

@media only screen and (max-width:835px){
.blogmain #LayoutColumn2 {width:65%;}
}

@media only screen and (max-width:820px){
#inactiontxt h2 {font-size:24px;}
#inactiontxt h3 {font-size:20px;}
/*.login-form {width:50%;}*/
#herotxtwrap {width:55%;}
}

@media only screen and (max-width:767px){
#logo {width:20%; min-width:105px; margin:0; padding:0; position:relative; box-shadow:none;}
#mainphone {float:right; margin:15px 5% 0 0;}
#mainphone p {font-size:24px; line-height:24px;}
#utilitybar {clear:right; margin:15px 25px 0 0;}
#searchbar {display:none;}
.form_search {display:none;}
#mainmenu {display:none;}
#mobilemenu {display:block;}
#herotxtwrap {width:60%; margin:0 auto; padding-top:142px; float:none;}
#productwrap {margin:0; width:100%;}
#wispbenefits {background:none; height:800px;}
.benefit1, .benefit2, .benefit3, .benefit4, .benefit5 {position:relative; margin:10px auto;}
.category-reviews p {font-size:18px; line-height:22px;}
.category-reviews span {font-size:22px; line-height:22px;}
.product-reviews p {font-size:18px; line-height:22px;}
.product-reviews span {font-size:22px; line-height:22px;}
.searchform, .header-secondary {display:none;}
.checkout #mainphone a {font-size:20px !important;}
.product-main {width:96% !important; padding:2% !important;}
.productAttributeList .productAttributeLabel label {margin-left:12px;}

.blogmain #LayoutColumn1 {display:none;}
.blogmain #LayoutColumn2 {width:96%; padding:2%;}

#ContactForm .Submit {margin:0 0 20px 50% !important;}
}

@media only screen and (max-width:730px){
#rmaltbie .floatr {float:none; margin:10px auto;}
}

@media only screen and (max-width:680px){
#mainmenu li {font-size:14px !important;}
.mainproduct {width:80% !important; margin:20px auto !important; display:block !important; float:none; clear:both;}
.ProductList li {margin:0 auto;}
.use_address_group {width:100% !important;}
#formnotice {width:100% !important;}
#formnotice span {width:100% !important;}
#container-right {width:100% !important; max-width:100%;}
#container-right h4 {width:100% !important;}
.method-pick-dropdown {min-width:200px;}
.o-review-page #container-left {width:100%;}
#address_group {width:100% !important;}
.review_address_group {width:100% !important;}
.payment-cards {width:50%; max-width:200px;}
.payment-cards img {width:15%; height:auto;}
.feature-section {padding:2% 0;}
.feature-section h5 {padding-top:0;}
.feature-image-left, .feature-image-right {width:40%;}
#inactiontxt h2 {font-size:20px;}
.form_customer_address {width:100% !important; float:left;}
#formnotice {float:right; position:relative; top:0;}
}

@media only screen and (max-width:640px){
.contactform {float:none; width:100%;}
}

@media only screen and (max-width:600px){
.checkout #checkoutmobilemenu {display:block;}
#herowrap {height:400px; background-position:-400px 0;}
#herotxtwrap {width:70%;}
.product-pack {width:80% !important; margin:10px auto; float:none;}
.mid-prod {width:80%; margin:10px auto;}
#inaction {padding:20px 0;}
#inactionimg, #inactionimg:hover {float:none; width:80%; max-width:261px; margin:20px auto;}
#inactiontxt {float:none; width:95%; margin:20px auto; text-align:center;}
#footer-top {display:none;}
.footnav {display:none;}
.product-image {float:none; width:90%; margin:10px auto;}
.product-main {float:none; width:90%; margin:10px auto;}
.product-desc {width:90%; margin:20px auto;}
aside.blognav {display:none;}
.blogpost {width:100%;}
/*.login-form {width:70%;}*/
.contactform {width:100%; float:none;}
#account #LayoutColumn1 {display:none;}
#account #LayoutColumn2 {width:96%; padding:2%;}
}

@media only screen and (max-width:580px){
#wispbenefits {height:100%;}
.benefit1, .benefit2, .benefit3, .benefit4, .benefit5 {float:none !important;  width:100%; max-width:280px;}
.benefit1 img, .benefit2 img, .benefit3 img, .benefit4 img, .benefit5 img {width:100%; max-width:190px; height:auto;}
.videowrap {max-width:480px;}
.videowrap iframe {max-height:270px;}
}

@media only screen and (max-width:480px){
#herowrap {height:400px; background-position:-475px 0;}
#herotxtwrap {width:90%; margin:0 auto; padding-top:100px; float:none;}
.herotxt1 {font-size:20px; line-height:24px;}
.herotxt2 {font-size:24px; line-height:28px;}
.herotxt4 {font-size:18px; line-height:22px;}
#homefoot .buynow {margin-top:-35px;}
#herocategory {background-repeat:no-repeat !important; background-position:-150px !important;}
#herocategory h1 {left:30px;}
#homefoot .buynow {margin-top:-25px;}
/*.login-form {width:90%;}*/
#utilitybar {margin:15px 10px 0 0;}
#utilitybar p {margin:0 10px 0 5px;}
#footer-bot {width:90%; margin:0 auto;}
#checkout-page h1 {font-size:30px;}
.videowrap {max-width:360px;}
.videowrap iframe {max-height:203px;}
.orbit-container {margin-bottom:20px;}
.videobox {}
.videobox iframe {width:275; height:225px;}
.header-secondary {display:none !important;}
/*.mainproduct .ProductActionAdd  span {line-height:28px !important;}*/

#ContactForm .FormContainer  {display:block; width:96%; padding:2%; float:none;}
.content-wrap-contact {display:block; width:96%; padding:2%; float:none;}
#ContactForm .cf dt, .cf dd {float:left;}

#ContactForm .Submit {margin:0 !important;}
}

@media only screen and (max-width:415px){
table.CartContents tbody tr td {display:block;}
table.General tbody tr.First td table {width:100%;}
table.General tbody tr.First td table tbody tr td {margin:5px 0;}
.CartRemoveLink {margin-top:-20px !important;}
.CartContents .CartThumb {display:block !important;}
}

@media only screen and (max-width:400px){
#socialfooter {width:200px;}
}

@media only screen and (max-width:354px){
.checkout #mainphone {margin-left:0;}
#utilitybar img {display:none;}
#logo {margin:0 auto; float:none;}
#mainphone {margin:10px auto; float:none; text-align:center;}
#utilitybar {margin:5px auto; width:180px; float:none;}
.checkout #utilitybar {width:152px;}
}

@media only screen and (max-width:315px){
/*#logo {margin:0 auto; float:none;}
#mainphone {margin:10px auto; float:none; text-align:center;}
#utilitybar {margin:5px auto; width:180px; float:none;}
.checkout #utilitybar {width:152px;}*/
}