/* New Styles */

.form.checkout .txt-fld {width:50%; float:left;}
.form.checkout input[type="checkbox"] {float:left;}

.loginn .button {float:left; margin:10px 10px 10px 0px;}


.txt-fld-check2 input {float:left; margin:5px 5px 0px 0px;}

.copy a {color:#fea546}





/*  ------------------------------------------------------------------------------------------------------------------------



                                                          Old / Modified Water Junkie Styles 
                                                          
                                                          
                                                          
----------------------------------------------------------------------------------------------------------------------------- */


html {}
body {margin:0; padding: 0px;}

.contentwrap {position: relative; background: url(/images/body-top.jpg) repeat top center;}


.cont {padding: 0 0 150px 0;}
.text .nav {background:none;}

a {color: #b70704; outline: none; border: none;}
a:hover {text-decoration: none;}
img {border: none;}
hr {background-color: #fea03c; color: #fea03c; border: none; outline: none; margin: 10px 0 10px 0; padding: 0; width: 100%; height: 1px;}
hr.carthr {background-color: #96dbf9; color: #96dbf9; border: none; outline: none; margin: 10px 0 25px 0; padding: 0; width: 100%; height: 1px;}
hr.chek {background-color: #96dbf9; color: #96dbf9; border: none; outline: none; margin: 0 0 10px 0; padding: 0; width: 100%; height: 1px;}
.cclear {clear: both;}
#flash, .flash {
    color: #fff !important; height: auto; padding: 13px 0; margin: 10px 0 10px 0; display: block; text-transform: none; font-family: "TradeGothic"; font-weight: 400; font-style: normal; font-size: 14px; text-align: center; text-decoration:none; background: #7bc142; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#flash, .flash.error {
	background: #C14242;
}
header {position: relative;}
.logo {margin: 25px 0 0 0; float: left;}
.special {position: absolute; top: 10px; left: 10px; width:40px;}

#minwrap { position: relative; float: right; width: 530px; margin-bottom:0px;}

#minicart {background: #0e9bc9; float: right; width: 530px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#minicart.logged {width: 570px;}
#minicart ul {margin: 0px; padding: 0px; display: block; position: relative;}
#minicart ul li {width: 33%; text-align: center; margin: 0px; padding: 0px; display: block; padding: 13px 0 12px 0; float: left;}
#minicart.logged ul li {width: 20%;}
#minicart a {font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2px;}
#minicart a:hover {color: #00527a;}
#minicart a span {color: #00527a;}

header nav.main {width: 100%; height: 39px; background: #1f1f1f; z-index: 9999999; border-bottom: 2px #0190ae solid;}
header nav.main ul {width: 480px; float: right; margin: 0px; padding: 0px; display: block; position: relative; width/*\**/: 530px\9;}
header nav.main ul li {margin: 0px; padding: 0px; display: block; float: left;}
header nav.main a {font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 13px; color: #fff; text-decoration: none; display: block; float: left; padding: 13px 15px 12px 15px; margin: 0 8px 0 0; text-transform: uppercase; letter-spacing: 0.2px; word-wrap: none;}
header nav.main a:hover {color: #0082c8;}

section.banner {width: 100%; margin: 45px 0 46px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

.bannerheading {width: 482px; height: 92px; padding: 0px; position:absolute; top: 30px; left: 57px; background: url(/images/slide-text-bg.png) top left no-repeat; font-family: "TradeGothic"; font-weight: 900; font-style: normal; font-size: 60px; text-transform: uppercase; color: #fff; line-height: 1em;}

.descr {width: 750px; height: 92px; padding: 0px; position:absolute; top: 100px; left: 57px; color: #fff; font-family: "TradeGothic"; font-weight: 900; font-size: 30px; line-height: 1.3em; text-transform: uppercase;}

.bannerlink {color: #fff; background: #7ac142; display: block; position:absolute; top: 160px; left: 57px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; font-family: "TradeGothic"; font-weight: 500; font-size: 15px;}

section.col1 {width: 17%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;background:#0e9bc9}
section.col2 {width: 58%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.col3 {width: 42%; float: left; background: url(/images/fbg.png) repeat-y top left #f7f7f7; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;}
section.col4 {width: 100%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

section.col1 ul {list-style: none; padding: 10px 0px 10px 20px; margin: 0px;}
section.col1 li {list-style: none; padding: 2px 0px; margin: 0px; position: relative; float:none;}
section.col1 li a {
	color: #ffffff;
	font-family: "TradeGothic"; font-weight: 700; font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 3px 5px 3px 0px;
	}
section.col1 li a:hover {color: #1a1a1a; background: url(/images/leftnav-white-3.png) repeat top left;}

section.col1 li.heading {
	color: #fff;
  padding-bottom:5px;
  border-bottom:2px solid #fea546;
	font-family: "diavlo"; font-weight: 900; font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	padding: 20px 5px 8px 0px;
	margin: 0 0 3px 0;
	width: 89%;
	}
section.col1 li .dropcontent ul li {padding: 0px; position: relative; height: auto; margin: 0 0 0 0;}

section.col1 li .dropcontent ul li.heading {
	background: none;
	color: #007ABB;
	font-family: "TradeGothic"; font-weight: 900; font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: #eee 1px solid;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 5px 0 5px 0;
	}
section.col1 li .dropcontent ul li.heading.twenty {width: 24%; margin: 5px 1% 5px 0;}
section.col1 li .dropcontent ul li.heading a {color: #666;}
section.col1 li .dropcontent ul li a {
	color: #666;
	font-family: "diavlo"; font-weight: 400; font-style: normal;
	font-size: 15px;
	display: block;
	text-decoration: one;
	text-align: left;
	padding: 3px;
	margin: 0;
	}
section.col1 li .dropcontent ul li a:hover {text-decoration: none; color: #13abdb; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}


hgroup {background: #0e9bc9; position: relative; height: 56px; padding: 30px 41px 10px 41px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; clear:both;}
section.text {padding: 40px 41px 0 41px; position: relative;}

article.internal {width: 100%; background: #fff; float: left; margin: 0px; -webkit-border-radius: 6px 6px 0 6px; -moz-border-radius: 6px 6px 0 6px; border-radius: 6px 6px 0 6px;}
article.internal hgroup {height: 45px; position: relative; padding: 28px 41px 10px 41px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}

section.col3 article {background: none; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; margin: 0px;}
section.col3 hgroup {background: url(/images/heading-3.png) repeat-x top left; height: 56px; padding: 33px 41px 7px 41px; position: relative; -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;}
section.col3 hgroup.specialhome {background: url(/images/heading-3.png) repeat-x top left; height: 45px; padding: 15px 41px 0px 41px; position: relative; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
section.col3 section.text {padding: 13px 41px 0 41px; position: relative;}
div.fimg {max-width: 80%; float: left; margin: 0 0 5px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
div.fimg img {width: 100%;}
div.fdetails {float: right; position: relative;}
div.fprice {width: 79px; height: 47px; padding: 32px 0 0 0; background: url(/images/buttons.png) top left no-repeat; position: absolute; top: -55px; right: -20px; font-family: "TradeGothic"; font-weight: 900; font-style: normal; font-size: 14px; color: #fff; text-align: center;}
a.fcart {width: 79px; height: 79px; position: absolute; background: url(/images/buttons.png) 0px -81px no-repeat; top: 35px; right: -20px; text-indent: -999em;}
a.ffacebook {width: 79px; height: 79px; position: absolute; background: url(/images/buttons.png) 0px -161px no-repeat; top: 125px; right: -20px; text-indent: -999em;}




a.facebook {width: 27px; height: 26px; background:#0E9BC9; float: left; border-radius:4px; text-decoration:none; margin-top:8px;}
a.facebook::after {content:'\f09a'; display:block; font-family:'FontAwesome'; color:#fff; font-size:20px; margin: 2px 9px;}
a.twitter {width: 27px; height: 26px; background:#0E9BC9; float: left; margin: 0 0 0 5px; border-radius:4px; text-decoration:none; margin-top:8px;}
a.twitter::after {content:'\f099'; display:block; font-family:'FontAwesome'; color:#fff; font-size:20px; margin: 2px 4px;}
a.linkedin {width: 27px; height: 26px; background:#0E9BC9; float: left; margin: 0 0 0 5px; border-radius:4px; text-decoration:none; margin-top:8px;}
a.linkedin::after {content:'\f0e1'; display:block; font-family:'FontAwesome'; color:#fff; font-size:20px; margin: 1px 5px;}

section.product {float: left; width: 99%; position: relative; border: 2px #0e9bc9 solid; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.product.package{float: left; width: 99%; padding: 0 0 20px 0; min-height: 556px; position: relative; border: 1px #007dc1 solid; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.product .ppc {padding: 6px 17px 6px 17px; position: absolute; top: 10px; right: 0px; background: #0e9bc9; color: #fff; webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; text-decoration: none; font-family: "TradeGothic"; font-weight: 900; font-style: normal; font-size: 18px; text-align: center;}
section.product .rrp {font-size: 13px;}
section.product div {width: 100%; background: url(/images/placeholder.jpg) center center; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.product div.attrContainer, section.product div.attrSelect {width: 100%; height: auto !important; background: none; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.product a.plink{
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "TradeGothic";
	font-weight: 900;
	font-style: normal;
	font-size: 14px;
	color: #007dc1;
	margin: 0 0 15px 0;
	margin-top: -10px;
	background:#fff;
}
section.product a.plink span{
	font-weight:normal;
	font-size:80%;
}
.select-style, .attrSelect select {
    padding: 0;
    margin: 0 auto;
	height: auto !important;
    border: 1px solid #ccc;
    width: 95% !important;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("/images/arrowdown.gif") no-repeat 90% 50% !important;
}

.qtyInput{
    padding: 4px 0;
    margin: 0 auto;
	height: auto !important;
    border: 1px solid #ccc;
    width: 95% !important;
    border-radius: 3px;
    overflow: hidden;
	display: block;
	text-align: center;
    background-color: #fff;
    background: #fff;
}

.select-style select {
    padding: 5px 8px;
    padding-right:30px;
   width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.attrSelect select {
    padding: 5px 8px;
    margin: 0 auto;
    width: 95% !important;
	display: block;
    border: 1px solid #ccc;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.attrSelect label, .package label {
    padding: 4px 0;
	font-size: 13px;
	text-align: center !important;
	display: block;
	color: #007dc1;
	}

.select-style select:focus {
    outline: none;
}

section.product div img {width: 100%; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.product h3 {
	font-family: "TradeGothic"; font-weight: 900; font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #007dc1;
	text-align: center;
	margin: 0 0 15px 0;
	}
section.product h3 a {text-transform: uppercase; text-decoration: none; color: #0e9bc9; font-size:16px;}

div.mainprice {float: right; width: 220px; font-family: "TradeGothic"; font-weight: 900; font-style: normal; font-size: 18px; color: #fff; padding-top:5px;}
div.mainprice span {color: #1F1F1F; text-decoration: line-through; padding: 0 15px 0 0;}
div.mainprice.cartp {color: #1F1F1F;}

.size select {width:100%; padding:9px 10px 7px 10px; border-radius:50px; outline:none; display:block; line-height:14px; font-family:'diavlo'; font-weight:900; font-size:14px; border:3px solid #0e9bc9; color:#0e9bc9; font-size:15px; text-transform:uppercase;}

#productslist p img {width:auto;}

h4 {font-size: 22px; color: #0e9bc9; padding-top: 5px; font-family: "diavlo",sans-serif; font-style: normal; font-weight: 700;}

section.productop {float:left; width:100%;}
section.productop div {margin: 40px 1% 1% 0;}
section.productop div.clearfix {float:none;}
section.productop div.stock {width:auto;}
section.productop div.free {width: 27%;}
section.productop div.shipping {width: 25%; float:right;}
section.productop div .button {clear:both; margin-top:0px;}
section.productop div label {padding: 0 0 10px 0;float: left; font-size:16px;}
section.productop div.shipping label {font-size: 16px; float:right; text-align:right;}
section.cart div {width: 14%; margin: 0 1% 1% 0; float: left;}
section.cart div.checkout {width:auto; float:right; margin-top:10px;}
section.cart div.conti {width: 24%;}
section.cart div h2 {font-size: 12px; margin: 0px;}
section.cart div h2 a {color: #0082c8;}
section.cart div h3 {font-size: 12px; color: #0082c8; margin: 0 0 9px 0;}
section.cart div.sml {width: 10%; margin: 0 2% 1% 0;}
section.cart div.sml p {padding:0px; margin:0px;}
section.cart div.sml input {width: 60%; margin: 0 2% 1% 0; border: none; font-family:"proxima-nova",sans-serif; font-size:15px; font-weight:300;}
section.cart div.cimage {width: 10%;}
section.cart div.cimage img {width: 100%;}
section.cart div.productname {width: 18%;}
section.cart div.att {width: 18%;}
.rmve {margin: 23px 0 0 0;}

section.text.ltl {padding:20px 0px 0px;}

.button.lg {margin-top:40px; padding: 22px 35px !important; font-size: 16px !important; float:right;}

button#createpackage {
	background: #7ac142; color: white; text-align: center; border: 0; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 0 2% 0 2%; text-transform: uppercase; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 0 0 !important; float: none;
	width: 200px;
	height: 40px;
	margin-right: 18px !important;
	float:right;
	}



.mtop {margin-top: 24px;}

/*a.updatedetails {background: #7ac142; color: white; text-align: center; border: 0; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 7px 15px 7px 15px; text-transform: uppercase; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
a.updatedetails:hover {background-color: #1F1F1F; }*/

section.second {background: #fff; position: relative; float: right; width: 80%; padding: 0px; margin: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

section.leftcol {position: relative; float: left; width: 35%; margin: 0 5% 0 0;}
section.rightcol {float: left; width: 60%; position: relative;}

section.leftcol div.mainimg {width: 100%; display: block; position: relative; background: url(/images/placeholder.jpg) center center;}
section.leftcol div.mainimg img {width: 100%; border: none; margin: 0px; padding: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.leftcol div.mainimg img.enlarge {width: 132px; height: 57px; position: absolute; bottom: -30px; right: 5px;}

section.leftcol div.brand {width: 62%; text-align: center; display: block; position: relative; float: left; margin: 0 1% 0 0; clear:both;}
section.leftcol div.brand img {width: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
section.leftcol div.social {width: 100%; display: block; position: relative; float: left; padding: 10px 0 0 0; margin: 0px; clear:both;}
section.leftcol div.social .button {margin:0px 0px 0px 20px;}

section.col3 hgroup.specialhome h3 {
	margin: 0 0 0 0;
	}




footer {background: #151515; position: relative; height: 40px; padding: 0 0 0 0; margin: 0px; z-index: 0;}

footer nav.fnav {float: left; width: 28%; margin: 0px;}
footer section.copy {float: left; width: 43%; text-align: right;}
footer section.copy p {font-family: "TradeGothic", "Arial Black", Gadget, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #6a6a6a; padding: 13px 15px 0 15px; margin: 0px;}
footer section.copy p span {font-family: "TradeGothic", "Arial Black", Gadget, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #6a6a6a; padding: 13px 15px 0 15px; margin: 0px;}
footer section.copy p a {color: #6a6a6a; text-decoration: none;}
footer nav.fnav ul {margin: 0px; padding: 0px; display: block; position: relative;}
footer nav.fnav ul li {margin: 0px; padding: 0px; display: block; float: left;}
footer nav.fnav a {font-family: "TradeGothic", "Arial Black", Gadget, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #6a6a6a; text-decoration: underline; display: block; float: left; padding: 13px 15px 8px 15px; margin: 0 3px 0 0;}
footer nav.fnav span {font-family: "TradeGothic", "Arial Black", Gadget, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #6a6a6a; display: block; float: left; padding: 13px 5px 8px 5px;}
footer a:hover {color: #ffffff; text-decoration: underline;}

/* * * * * * * * * * * * * * * * * * * * *
* Paging
* * * * * * * * * * * * * * * * * * * * */
.list {padding: 10px 0 0 0; margin: 0px;}
.list li {width: 32%; padding:0px; position: relative; margin: 0 1% 1% 0; display: block; float: left;}

article.internal hgroup section.sorting {float: right; padding: 0px; margin: 0px 0 0 0;}
article.internal hgroup section.sorting ul {padding: 0px; margin: 0px;}
.sort-by {float: left; display: block;}
span.brand {display: none;}

.paging {
    padding: 0px; margin: 0px; clear:both;
}
.paging li {display: block; float:left !important; padding: 5px 5px 0 0;}
.paging li a {
   line-height:initial; color: #232323; width: 26px; height: 21px; padding: 4px 0 0 0; display: block; text-transform:uppercase; font-family: "TradeGothic"; font-weight: 900; font-style: normal; font-size: 14px; text-align: center; text-decoration:none; background: #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.paging li a.active {
    color:#fff; background: #0e9bc9;
}
.paging li a:hover {
    color:#fff; background: #0e9bc9;
}

.button.wishlist {
	float:right;
	margin-right:10px;
}

input#terms {
  font-family: "TradeGothic"; font-weight: 400;
	font-size: 10px;
  padding: 10px 20px;
  border-radius: 50px;
  border: solid 3px #0e9bc9;
  margin:10px 10px 10px 0px;
	float:right;
}
input#terms:focus {
    border: none;
    outline: none;
    background-color: #eee;
    border-top: solid 1px #aaa;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #aaa;}

.mainsearch {width: 150px; height: 17px; font-size: 13px !important;}

.btn {
    color: #fff;
	font-family: "TradeGothic", "Arial Black", Gadget, sans-serif; font-weight: 400;
	font-size: 14px;
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 25px;
    border: solid 2px #fea546;
    display: block;
    float: left;
	-webkit-appearance: none;
    cursor: pointer;
	cursor: hand;
}
select.btn {padding: 4px 8px;
	color: #fff !important;
  background:none;}
.btn:hover {
    background-color:rgba(255,255,255,.05);
    color:#fafafa;
}

/* Specific Product Infomation */
.hide { position: absolute; top: -9999px; left: -9999px; }
#prodinfo {padding: 10px; margin: 0 0 20px 0;}

#prodinfo .nav { overflow: hidden; margin: 0 0 10px 0; }
#prodinfo .nav li { float: left; margin: 0 10px 0 0; }
#prodinfo .nav li.last { margin-right: 0; }
#prodinfo .nav li a { border-radius:20px; background: #fea546; color: white; text-align: center; border: 0; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 13px 15px 12px 15px; text-transform: uppercase; }
#prodinfo .nav li a:hover { background-color: #0082c8; }

#prodinfo ul { list-style: none; margin: 0px; padding: 0px;}
#prodinfo ul li a { display: block; padding: 4px; color: #666; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#prodinfo ul li a:hover { background: #0082c8; color: white; }
#prodinfo ul li:last-child a { border: none; }

#prodinfo ul li a.current, #prodinfo ul li a:hover { background-color: #0e9bc9; color: white; }


#prodinfo .list-wrap a { display: inline; padding: 0px; color: #0082c8; text-decoration: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;}
#prodinfo .list-wrap a:hover {background: none; text-decoration: underline; color: #0082c8;}

#prodinfo .list-wrap ul {background: #f0f0f0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#prodinfo .list-wrap ul li {padding: 20px;}

#prodinfo .list-wrap ul li ul {margin: 15px 15px 20px 35px; list-style: disc;}
#prodinfo .list-wrap ul li li {color: #555252; font-family: "proxima-nova",sans-serif; font-weight: 400; font-style: normal; font-size: 15px; margin:0; -webkit-font-smoothing: antialiased; padding: 3px;}

.account-details, .card-details {overflow: hidden; display:block;}
.account {list-style:none; padding:0px; margin:0; display:block;}


.card-details .account .txt-fld {display: block; float: left; width: 23%; overflow: hidden; margin: 0 1%;}

.contactform {width: 250px; background: #7ac142; color: white; text-align: center; border: 0; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 7px 0 7px 0; text-transform: uppercase; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 0 1%; -webkit-box-shadow: none; box-shadow: none;}
.contactform:hover { background-color: #1F1F1F; }

.card-details .account .txt-fld span {float: left; padding: 8px 10px 0 0;}

.cart-main h2 {text-transform: uppercase; color:#fff; font-size:14px; background: #222; margin-bottom:20px; padding:5px 20px;}

.paymenttypes {list-style:none; margin:0px 0px 20px 0px; padding:0px;display:block; height: 45px; background:#f2f2f2; padding-left: 20px;}
.paymenttypes .title {margin-top: 5px;}
.paymenttypes li {padding: 12px 0px 11px 0px; float:left; display:block; margin-left: 20px; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 16px;}

.checkbox {
	width: 25px;
	height: 26px;
	padding: 0 0px 0px 0;
	background: url(../img/check.png) no-repeat;
	display: block;
	margin-top: 5px;
	float: left;
}

.radio {
	width: 25px;
	height: 27px;
	padding: 0 5px 0px 0;
	background: url(../img/radio.png) no-repeat; 
	display: block;
	margin-top: 0px;
	float: left;
	
}
	
.item-row.clist {display:table-row;}
.item-row.clist > div {display:table-cell; float:none; margin:0px; vertical-align:middle;}


label.validation {border:none !important; background:none !important; color:#FF2D87;}
input.validation, textarea.validation, .attrSelect select.validation {background: #f8e4e4 !important;}

nav.accountnav {float: right; width: 530px; padding: 0px; margin: 0px 0 0 0;}
nav.accountnav ul {margin: 0px; float: left;}
nav.accountnav li { float: left; margin: 0 3px 0 0; }
nav.accountnav li a { background: #fea546; color: white; text-align: center; border: 0; font-family: "TradeGothic"; font-weight: 700; font-style: normal; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 5px 10px 4px 10px; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 20px;}
nav.accountnav li a:hover { background-color: #fea546; }

.login {float: left; width: 50%; margin-top:20px;}
.loginn {float: none; margin-top:30px; clear:both;}

.login input {margin-bottom:20px !important;}

.guest {float: left; width: 32%; margin: -42px 0 0;}
.loginn input.log {
	width: 50%;
	height: 45px;
	background: #7AC142;
	color: white;
	text-align: center;
	border: 0;
	font-family: "TradeGothic";
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	color: white;
	text-decoration: none;
	display: block;
	padding: 11px 15px 11px 15px;
	text-transform: uppercase;
	webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 34px 0 0 0;
	}

.invo {float: left; width: 50%;}

.cart-table p {margin-bottom: 10px;}

.fieldd {
	background: url(/images/input_bg.png) repeat-x #FDFDFD;
	border: 1px solid #D9D9D9;
	border-top: 1px solid #CCC;
	border-radius: 2px;
	box-shadow: 0 1px 0 white;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	height: 25px;
	outline: none;
	padding: 3px 10px;
	resize: none;
	width: 80%;
	margin-bottom: 0px;
	}
	
.bcrumbs {position: absolute; left:37px; top: 7px; padding: 0px; margin: 0px; list-style: none; color: #051522; z-index: 99; font-family:"TradeGothic"}
.bcrumbs li a {color: #051522; font-size: 12px; text-transform: lowercase;}
.bcrumbs li {float: left; font-size: 12px; text-transform: lowercase; padding: 5px; color: #051522;}

section.col1 li.new_product {background: #eee url(/images/new-product.png) center right no-repeat;}

.credits {float: left; margin: 15px 0 0 0;}

.thumbnails ul {padding: 0px; margin: 0px; position: relative; list-style: none;}
.thumbnails ul li {padding: 0px; margin: 0px; float: left; width: 48%; text-align: center; padding: 1%;}
.thumbnails ul li img {width: 90%;}


.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
 font-family: "TradeGothic"; font-weight: 900; font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background: url(/images/col1-bg.png) repeat-y top left;
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}



/* Homepage Blog */

div#blogentry {
    clear: both; 
}
#blogentry figure {
    width: 42%;
    float: left;
    margin-right: 20px;
}
#blogentry figure img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}



@media only screen and (max-width: 1100px) {
	h1 {font-size: 22px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	p {font-size: 11px;}
	section.col3 section.text {padding: 13px 41px 45px 41px;}
	div.fimg {margin: 0 0 40px 0;}
	
.logo { width: 300px;}
	}

@media only screen and (max-width: 1000px) {
	header nav.main a {font-size: 11px;}
	}



























@media screen and (max-width:800px) {
  
  .list li {width:48%;}
  
  section.col1 li.heading {box-sizing:border-box;}
  
  section.product div img {width:auto; margin:0 auto; max-width:100%;}
  
  article.internal hgroup section.sorting {width:60%;}
  
  #sortBrand {float:right;}
  .sort-by {float:right;}
  
}  
  
  
@media screen and (max-width:700px) {
  
  nav:not(.mm-menu) {display:none;}
  .mobmenu {display:block;}
  
  .wrapper {width:90%;}
  .cont .wrapper {width:100%;}
  
  body {display:block; width:100%;}
  
  header nav.main {display:none;}
  
  input#terms {position:relative; top: auto; right:auto; margin-bottom:20px; width:100%; box-sizing: border-box; padding:20px 20px; float:none;}
  
  .logo {float:none; width:90%; margin:0 auto; display:block;}
  
  .cont {padding:0px;}
  
  .megamenu_container_vertical {float:none !important; display:none;}
  .megamenu_container_vertical .megamenu li {float:none !important}
  
  #minwrap, #minicart, #minicart.logged {float:none; width:100%;}
  #minicart a {font-size:11px;}
	#minicart ul li, #minicart.logged ul li {float:none; display:inline-block; width:31%; box-sizing:border-box; padding:13px;}
  
  .bannerheading {font-size:30px; left:20px; width:90%; height:auto;}
  .descr {font-size:18px; left:20px; top:70px; width:90%; height:auto;}
  .bannerlink {left:20px; top:110px;}
  
  .flexslider {overflow:hidden; border-radius:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important;}
  .flexslider .slides > li {border-radius:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important;}
  .flexslider .slides img {max-width:350% !important; border-radius:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important;}
  .flex-control-nav {width:100px !important;}
  
  article {float:none; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  
  hgroup {background:#007CBF; padding:20px; height:auto; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  
  #sortBrand {float:none;}
  
  section.banner {margin:45px 0px 0px; overflow:hidden; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  section.second {width:100%; float:none; clear:both; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  section.leftcol{width:100%; float:none; clear:both;}
  section.rightcol {width:100%; float:none; clear:both;}
  section.text {padding:40px 0px; width:100%; margin:0 auto;}
  section.col1 {width:100%; float:none; clear:both; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-size:100%;}
  section.col2 {width:100%; float:none; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  section.col3 {width:100%; float:none; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
  section.col4 {width:100%; float:none; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
	section.productop,section.cart div.checkout, .invo, .form.checkout .txt-fld {float:none; width:100%;}
  
  section.col3 section.text {box-sizing:border-box; padding:20px 10px;}
  
  div.fdetails {float:none; margin-top:1em !important}
  div.fimg {float:none;}
  div.fprice {top:-5px;}
  
  a.ffacebook, a.fcart, div.fprice {right:-10px;}
  a.fcart {top:85px;}
  a.ffacebook {top:175px;}
  
  #blogentry figure {width:30%;}
  #blogentry figure img {margin-bottom:0px;}
  
  section.product {float:none;}
  section.product div {width:80%; height:auto; margin:0 auto; text-align:center;}
  
  article.internal {float:none; position:relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
  article.internal hgroup {background:url(/images/heading-1.png) repeat-x bottom left #0079BA; padding:20px 20px 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px; height:auto;}
  article.internal hgroup h1 {margin-top:0px;}
  article.internal hgroup div.mainprice {float:none; text-align: left; clear: both; width:auto;}
  article.internal hgroup section.sorting {float:none; width:100%; clear:both;}
  article.internal hgroup section.sorting .sort-by {float:none;}
  article.internal hgroup section.sorting .btn {float:none; color:#fff !important; width: 100%; box-sizing: border-box; margin-bottom: 10px;}
  
  .lbutton {float:none !important;}
  .lbutton.printpage {position:relative; top:auto; right:auto; margin:0 auto; width: 100%; box-sizing: border-box; border-radius:0px;}
  
  section.leftcol div.brand {width:90%; margin:0 auto; float:none;}
  section.leftcol div.social {width:90%; margin:0 auto; float:none;}
  
  section.productop div {width:100%; float:none; margin:0px 0px 2%}
  section.productop div .button {width:auto; margin:0px auto; float:none; font-size:22px; padding:10px 15px 9px 15px;}
  section.productop div.shipping {width:100%; }
  
  section.cart div .button.rmve  {width:auto; padding:5px 5px 4px;}
  section.cart div.cimage {width:100%; float:none;}
  section.cart div.cimage img {width:60%;}
  section.cart div.productname {width:100%; float:none; margin:0px 0px 1%;}
  section.cart div.att {widtH:100%; float:none; margin:0px 0px 1%;}
  section.cart div.sml {width:100%; float:none; margin:0px 0px 1%;}
  section.cart div.sml.delete {width:10%; float:right; margin:-65px 0px 1%;}
  section.cart div.conti {width:100%;}
  section.cart div:not(.conti) a.checkout {font-size:20px; padding:14px 0px 12px; background:#ee2e6d;}
	
	section.product.package {float:none;}
  
  a.checkout, input.checkout {width:100%;}
  
  .list li {width:90%; margin:0 auto 10px; float:none;}
	.list.pack li {width:100%;}
  
  .bcrumbs {position:relative; top:auto; left:auto;}

  .paging {width:90%; margin:0 auto;}
  
  .login {float:none; width:100%; margin:0 auto;}
  .login label {padding:10px 0px;}
  .login input {box-sizing:border-box;}
  .loginn {float:none; width:100%;}
  
  .account .txt-fld {float:none; width:100%; margin:0 auto;}
  .account .txt-fld input {width:85%; padding:8px 1.5%;}
  .account .txt-fld-check {float:none; width:100% !important; margin:0 auto;}
  .account label.validation {background:none !important; color:#b70704;}
	
	.item-row.clist, .item-row.clist > div {display:block;}
  
	button#createpackage {float:none; width:100%; box-sizing:border-box; font-size:20px; line-height:1;}
	
  footer nav.fnav {float:none; width:100%;}
  footer section.copy {float:none; width:100%;}
  footer section.copy p {text-align:center;}
  footer section.copy p span {display:none;}
  footer .credits {float:none;}
  
  br.cclear {display:none;}
  
  #termspop {width:100% !important;}
  
}