@charset "UTF-8";
@import "../fonts/font-awesome.css";

/* CSS Document */


html {
    -webkit-text-size-adjust: 100%; 
     -moz-text-size-adjust: 100%; 
      text-size-adjust: 100%;
  	background: #1979ba;
	-webkit-background-size: 100% auto;
	 -moz-background-size: 100% auto;
	 -o-background-size: 100% auto;
	 background-size: 100% auto;
	max-width: 100%;
	min-height: 100%;
      
}
#payment-form {background-color:#fff;}
.ad {z-index:1;}

.shop-main .product-main ul {margin:10px 0 20px 0!important;padding:0 0 0 15px;}
.sharetext {display:block;}
.catProdAttributeItem input {width:30px;}
.listSlide {min-height:50px;}

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	-webkit-font-smoothing: antialiased;
  line-height:135%;
}
.center {text-align:center;}

a.popup-trigger{cursor: pointer;}
.popup {
  display:none;
  border:1px solid #ccc;
  width:95%!important;
  height:390px!important;
  background:#fff;
  overflow:auto!important;
  padding:10px;
  margin-bottom:8px;
}
.popup ul {list-style-type:disc;margin:5px 0 5px 15px;padding:0;}
.popup div {padding:0 0 0 15px;}
.popup h1 {
  color:#000!important;
  text-shadow:none!important;
  width:100%;
  font-size:1.75em!important;
  font-weight:bold;
}
.popup h2 {margin:5px 0!important;}

.wigWrap {
  padding:14px 10px 6px 10px;
  margin:5px 0;
  background-color:#ccc;
  border-radius:6px;
      -moz-border-radius: 6px;
  -webkit-border-radius:6px;
}

.dialog-popup-detail {
  padding:20px 20px 60px 20px;
  background-color:#fff;
  z-index:1000;
  height:400px!important;
  width:400px;
  box-shadow:0px 0px 20px 0px #000;
    -moz-box-shadow: 0px 0px 20px 0px #000;
  -webkit-box-shadow:0px 0px 20px 0px #000;
}
	.dialog-popup-detail .ui-dialog-titlebar{
		display:none;
	}
body.member	.dialog-popup-detail button.ui-button{
		background: url("/cssimg/btn-close.png") no-repeat!important;
		width: 157px!important;
		height: 40px!important;
		border: none!important;
  padding:6px 6px 6px 0!important;
  float:right!important;
	}

	.dialog-popup-detail .ui-button-text{
		display: none;
	}


.logo {
  position:absolute;
  width:554px;
  height:163px;
  top:0;
  z-index:1;
}

.last {margin-right:0!important;}

li.logoText a img {padding:50px 0 0 0;margin:0;}
.logo ul {margin:0;padding:0;}
.logo li {list-style:none;display:inline;float:left;}
.logo img {vertical-align:top;}

.join {position:relative;top:10px;text-align:right;color:#fff;z-index:999;}
.join table {float:right;}
.join a {color:#fff;text-decoration:none;cursor:pointer;cursor:hand;padding:0 6px;}
.join a:hover {color:#000;}

.btns1 {width:50%;float:left;background: url("/cssimg/trans-50.png") repeat scroll 0 0 transparent;}
.btns2 {width:48%;float:right;background: url("/cssimg/trans-50.png") repeat scroll 0 0 transparent;}

.memberContent span.blueL {font-size:1.2em;color:#3fc4ec;}

header {
  margin:0;
  padding:0;
  background:#000 url(/cssimg/headbg.jpg)no-repeat top right;
  height:120px;
}

.headerOuterWrap {
  background-color:#000;
  width:100%;
  padding:0;
  margin:0;
}
.toppageBanner {
  background-color:#8a8c8c;
  width:100%;
  padding:0;
  margin:0;
  height:36px;
}

body.member .contentOuterWrap {margin:-3px 0 0 0;}

.contentOuterWrap {
  background:#1975b5 url(/cssimg/ctbg.png)repeat-x bottom left;
  min-height:100%;
  padding:0 0 20px 0;
  margin:0;
  z-index:-1;
  overflow:hidden;
}
.sloganWrap {
  font-size:13px;
  background-color:#f5f5f5;
  width:100%;
  padding:0;
  margin:-4px 0 0 0;
  text-align:center;
  height:65px;
  color:#1979ba;
  overflow:hidden;
  z-index:1;
}
.slogan {padding:0;margin:0;}
.scroll-text {height:50px;overflow:hidden;margin:0;padding:0;}
#scrollquotes li {list-style:none;padding:0;margin:0;}
#scrollquotes ul {margin:0;padding:0;}

td.logotext {vertical-align:middle;}

body.member h1 {
    font-size: 30px;
    text-shadow: 1px 1px 3px #111;
    text-transform: uppercase;
  font-family: 'Eurostile',Arial;
    font-weight: normal;
  letter-spacing:1px;
}

.stButton {margin:0 1px!important;}

.HomeContentRow .left {float:right!important;}

body.about .ct {background:#fff url(/cssimg/gray.jpg)no-repeat bottom center;}

footer {
position:relative;
  background: #fff;
  min-height:50px;
  padding:20px 0;
  margin:0;
  clear:both;
  display:block;
  font-size:12px;
  color:#666;
  line-height:130%;
}
footer ul {margin:0;padding:0 10px 0 0;text-align:right;}
footer li {list-style:none;display:inline;padding:0;border-right:1px solid #ccc;margin:0;}
footer li.last {border:none;}
footer a {color:#666;padding:0 10px;}
.footershare {display:none;}

/* ---- Member sign up ------ */

.member-box-inner ul {margin:0 0 10px 0;padding:0;width:100%;display:block;clear:both;}
.member-box-inner li {list-style:none;}
.member-box-inner li.fL {float:left;width:51%;margin:0 5px 10px 0;}
.member-box-sub {font-size:16px;font-weight:bold;}

.member-box-inner .grid-100 {display:block;clear:both;width:100%;}

.member-box-blue a {color:#f19c17;font-weight:bold;}
.member-box-yellow a {color:#0e66ae;font-weight:bold;}
  
.member-box-price {
    display: block;
    font-family: 'Eurostile';
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 2px #222;
    width: 100%;
  color:#fff;
}

.member-box-blue {
   border: 4px solid #185b9e;
   background: #0e66ae;
   background: -webkit-gradient(linear, left top, left bottom, from(#00a8f6), to(#0e66ae));
   background: -webkit-linear-gradient(top, #00a8f6, #0e66ae);
   background: -moz-linear-gradient(top, #00a8f6, #0e66ae);
   background: -ms-linear-gradient(top, #00a8f6, #0e66ae);
   background: -o-linear-gradient(top, #00a8f6, #0e66ae);
   padding: 10px 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
  width:43%;
  float:left;
  margin:0 15px 15px 0;
  color:#fff;
}
.member-box-yellow {
   border: 4px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#f19c17));
   background: -webkit-linear-gradient(top, #ffcc00, #f19c17);
   background: -moz-linear-gradient(top, #ffcc00, #f19c17);
   background: -ms-linear-gradient(top, #ffcc00, #f19c17);
   background: -o-linear-gradient(top, #ffcc00, #f19c17);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   box-shadow: rgba(0,0,0,0.5) 2px 2px 3px;
   font-size: 14px;
  width:43%;
  float:left;
  padding: 10px 15px;
  margin:0 0 15px 0;
  color:#000!important;
}


li.sign-up-now-blue {
   border: 2px solid #185b9e;
   background: #0e66ae;
   background: -webkit-gradient(linear, left top, left bottom, from(#00a8f6), to(#0e66ae));
   background: -webkit-linear-gradient(top, #00a8f6, #0e66ae);
   background: -moz-linear-gradient(top, #00a8f6, #0e66ae);
   background: -ms-linear-gradient(top, #00a8f6, #0e66ae);
   background: -o-linear-gradient(top, #00a8f6, #0e66ae);
   padding: 10px 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
  float:right;
    text-align:center;
  width:40%;
    color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  vertical-align:middle;
   }

li.sign-up-now-yellow {
  float:right;
  width:40%;
   border: 2px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#f19c17));
   background: -webkit-linear-gradient(top, #ffcc00, #f19c17);
   background: -moz-linear-gradient(top, #ffcc00, #f19c17);
   background: -ms-linear-gradient(top, #ffcc00, #f19c17);
   background: -o-linear-gradient(top, #ffcc00, #f19c17);
   padding:10px 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
  text-align:center;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
  vertical-align:middle;
   }

.sign-up-now-yellow a {color:#000;vertical-align:middle;}
.sign-up-now-blue a {color:#fff;vertical-align:middle;}


.points {
    font-size: 28px;
    text-align: center;
  margin:5px 0;
  color:#000;
  line-height:120%;
}
.points span {
    color: #1979ba;
    font-size: 28px;
    font-weight: bold;
}

.highlight {width:100%;clear:both;margin:15px 0;}
.highlight h3 {font-size:18px;margin:0;text-align:center;}

.benefits {
    list-style: none outside none;
  margin:0 auto;
    padding: 0;
  width:44%;
}

.benefits li {
    background: url("/img/layout/tick.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    line-height: 140%;
    margin: 5px 0 5px 0;
    padding-left: 25px;
  font-size:16px;
}

/* ---- End Member sign up ------ */

/* ---- Member page display ------ */

.ad { color: #66ccff;font-size:18px;line-height:140%;width:90%;margin:0 auto;}
body.member h2 {font-size:1.35em;font-weight:normal;}
body.member h1 {color:#fff;margin:0;}
.fbBox {background-color:#fff;width:97%;min-height:280px;overflow:hidden;padding:10px 15px 10px 10px;margin:0 0 10px 0;}
.fb-like-box iframe {max-width:235px;}

/* ---- Member News ------ */

.newsListWrap {width:98%;margin:0 auto;}
.newsListWrap h3 {color:#fff;margin:0 0 0.83em 0;}
.newsList {
  clear:both;
  width:98%;
  padding:20px 0 5px 0;
  margin:10px 0;
  display:block;
  border-top:1px dotted #ddd;
  display:block;
  min-height:50px;
  color:#fff;
}
.newsListWrap ul {margin:0!important;padding:0!important;width:100%;display:block;clear:both;}
.newsList li {list-style:none;display:inline;float:left;margin:0 15px 0 0;}
.newsList h3 {margin:0 0 5px 0;padding:0;color:#fff;}
.newsList .date {color:#66ccff;}
.newsContent {width:100%;display:block;clear:both;}

/* ---- Member Video ------ */

.videoListWrap {color:#fff;margin:10px 0;padding:15px 0;border-bottom:1px solid #fff;}
.videoWrap {min-height:378px;}

.vBlogList {
  clear:both;
  width:100%;
  padding:0;
  margin:0 0 10px 0;
  background-color:#333;
  display:block;
    border:4px solid #333;
}
.vBlogWrap {
  width:96%;
  float:left;
  margin:0;
}
.vBlogWrap h3 {color:#fff;}
.vBody .btn a {color:#66ccff;font-weight:bold;float:right;}
.btn a:hover {color:#fff;}

.vTitle {margin:0 0 10px 0;padding:0;font-size:1.25em;color:#1975b5;font-weight:normal;}
.vBody p {margin:0 0 5px 0;padding:0;}
.vImg {width:80px;height:80px;padding-right:10px;}

/* ---- Member menu style ------ */

.members-btn {  
     border: 3px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#999999));
   background: -webkit-linear-gradient(top, #f2f2f2, #999999);
   background: -moz-linear-gradient(top, #f2f2f2, #999999);
   background: -ms-linear-gradient(top, #f2f2f2, #999999);
   background: -o-linear-gradient(top, #f2f2f2, #999999);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    width: 23.5%;
  margin:6px 10px 6px 0!important;
      padding: 10px!important;
  font-weight:bold;
  min-height:168px;
  text-align:center;
  float:left;
}
.members-btn .img {margin:0 auto 5px auto;}

.members-btn:hover {  
     border: 3px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#444444));
   background: -webkit-linear-gradient(top, #f2f2f2, #444444);
   background: -moz-linear-gradient(top, #f2f2f2, #444444);
   background: -ms-linear-gradient(top, #f2f2f2, #444444);
   background: -o-linear-gradient(top, #f2f2f2, #444444);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
}

.members-btn img {}
.members-btn a {color:#185b9e!important;}
.members-btn a:hover {color:#000;}

.menuWrap ul {margin:0;padding:0;}
.menuWrap li {list-style:none;}
.menuWrap li span {font-size:11px;font-weight:normal;}
.menuWrap .mtitle {line-height:15px;}

.members-btn .grid30 {padding:0;margin:0;width:30%;float:left;}
.members-btn .grid65 {padding:0;margin:0 0 0 5%;width:65%;float:left;}


/* ---- Member Diary page display ------ */

.diary-wrap {background-color:#0a9fb9;}
.diary-wrap .grid-100 {border-bottom:1px solid #000;}
.diary-wrap .grid-50 {padding:5px 10px;color: #fff;text-shadow: 1px 1px 1px #444;border-right:1px solid #000;}
.diary-wrap .sectionTitle {background-color:#185b9e;padding:5px 10px;text-align:center;color: #fff;text-shadow: 1px 1px 1px #444;text-transform:uppercase;}
.diary-wrap .col2 {padding:5px 10px;background-color:#66ccff;color:#444;}
.diary-wrap input.cat_button {width:40%;float:right;margin:8px;height:28px;font-size:14px;text-transform:uppercase;}
.diary-wrap input.cat_button:hover {background:#66ccff;}
.diary-wrap input.narrow {background:transparent;border:1px solid #fff;width:70%;display:inline;float:right;}
.diary-wrap select {width:85%;margin-top:4px;}
.diary-wrap img {vertical-align:middle;}

.diaryListwrap a {color:#ccc!important;}
.diaryListwrap ul {margin:0 0 10px 0;padding:0;}
.diaryListwrap li {list-style:none;line-height:160%;}
.diaryListwrap span.title {text-transform:uppercase;}
.diaryListwrap span.btn1 a {background-color:#666;color:#fff;padding:2px 10px;margin:0 5px 0 0;border-radius:6px;}
.diaryListwrap span.btn2 a {background-color:#333;color:#fff;padding:2px 10px;margin:0 5px 0 0;border-radius:6px;}
.diaryListwrap span.btn2 a:hover {background-color:#0a9fb9;}
.diaryListwrap span.btn1 a:hover {background-color:#0a9fb9;}

/* ---- End Member page display ------ */

.videoBox {background-color:#000;width:69%;height:378px;padding:0;margin:0 5px 0 0;float:left;}
.rWrap {width:30%;float:right;}

.heroWrap {
background:#000 url(/cssimg/heroBG.jpg)no-repeat bottom center;
  width:100%;
  padding:20px 0;
  margin:0;
  min-height:380px;
}
.HomeContentRow {
  background-color:#fff;
  padding:20px;
  margin:0 0 20px 0;
  border-radius:15px;
}

.HomeContentRow .grid-30 img {max-width:100%;}
.blue {color:#1979ba;}

.Row {min-height:64px;}
.right {width:100%;float:left;}
.ticks {margin:0 0 0 30px;padding:0;}
.ticks li {
  list-style:none;
  padding:2px 0 2px 35px;
  background:transparent url(/cssimg/tick.png)no-repeat top left;
  line-height:160%;
}
.fL {float:left;}
body.news .signupBox {display:none;}
.content {
  margin:0;
  padding:0;
  display:block;
  clear:both;
}
.ct {
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
   background: -webkit-linear-gradient(top, #ffffff, #dddddd);
   background: -moz-linear-gradient(top, #ffffff, #dddddd);
   background: -ms-linear-gradient(top, #ffffff, #dddddd);
   background: -o-linear-gradient(top, #ffffff, #dddddd);
 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;  
  padding:20px 30px;
  min-height:607px;
  margin:0 0 10px 0;
}
body.member .ct {
   background: #000 url(/cssimg/member-bg.jpg) no-repeat bottom left;
 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;  
  padding:20px;
  min-height:607px;
  margin:0 0 10px 0;
}
body.sub.cart .ct {
   background: #fff!important;
 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;  
  padding:20px 30px;
  min-height:607px;
  margin:0 0 10px 0;
}

.memberBox {width:100%;height:auto;clear:both;display:block;margin:0;}

.memberBox2 {width:100%;height:auto;clear:both;display:block;margin:10px 0 10px 0;}

.memberBtnWrap a {color:#000;text-transform:uppercase;font-style:italic;font-weight:bold;}
.memberBtnWrap a:hover {color:#fff;text-decoration:none;}

.memberBtnWrap {
   border: 4px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#f19c17));
   background: -webkit-linear-gradient(top, #ffcc00, #f19c17);
   background: -moz-linear-gradient(top, #ffcc00, #f19c17);
   background: -ms-linear-gradient(top, #ffcc00, #f19c17);
   background: -o-linear-gradient(top, #ffcc00, #f19c17);
   padding: 10px 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  width:87.5%;
  text-align:center;
   }
.memberBtnWrap:hover {
   border: 4px solid #185b9e;
   background: #0e66ae;
   background: -webkit-gradient(linear, left top, left bottom, from(#00a8f6), to(#0e66ae));
   background: -webkit-linear-gradient(top, #00a8f6, #0e66ae);
   background: -moz-linear-gradient(top, #00a8f6, #0e66ae);
   background: -ms-linear-gradient(top, #00a8f6, #0e66ae);
   background: -o-linear-gradient(top, #00a8f6, #0e66ae);
   }
.memberBtnWrap2 {
   border: 4px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#f19c17));
   background: -webkit-linear-gradient(top, #ffcc00, #f19c17);
   background: -moz-linear-gradient(top, #ffcc00, #f19c17);
   background: -ms-linear-gradient(top, #ffcc00, #f19c17);
   background: -o-linear-gradient(top, #ffcc00, #f19c17);
   padding: 20px 30px 15px 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
   font-size: 1.5em;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  width:87.5%;
  text-align:center;
  color:#000;
  font-weight:bold;
  font-style:italic;
  margin-top:20px;
  word-break:break-all;
   }
.memberBtnWrap2:hover {
   border: 4px solid #185b9e;
   background: #0e66ae;
   background: -webkit-gradient(linear, left top, left bottom, from(#00a8f6), to(#0e66ae));
   background: -webkit-linear-gradient(top, #00a8f6, #0e66ae);
   background: -moz-linear-gradient(top, #00a8f6, #0e66ae);
   background: -ms-linear-gradient(top, #00a8f6, #0e66ae);
   background: -o-linear-gradient(top, #00a8f6, #0e66ae);
   }
  
.noList {padding:0!important;margin:0!important;}
.noList li {list-style:none;padding:0;margin:0 0 20px 0;text-align:center;}
.grey {color:#666;}

img.profilepic {max-height:140px;margin:10px 10px 10px 0;}

.contactWrap p {font-size:15px;margin:10px 0 0 0!important;padding:0!important;}
.contactWrap a {color:#000;}
.contactWrap a:hover {color:#f0820d;}

.catalogueItemNotFound {display:none;}



/*----------- Welcome box --------------*/


.HomeContentRow1 {
  padding:0;
  margin:10px 0 0 0;
  min-height:150px;
  color:#fff;
  text-align:center;
  line-height:140%;
  display:block;
  clear:both;
}
.HomeContentRow1 h1 {color:#fff;margin:10px 0;padding:0;line-height:140%;font-size:2.85em}
.HomeContentRow1 p {margin:0 0 30px 0;}

.memberBtn {
  position:relative;
  float:right;
  width:200px;
  height:88px;
  margin:10px 0 0 0;
  z-index:20;
  clear:right;
    background:transparent url(/cssimg/btn-member-up.png)no-repeat top center;
      cursor:pointer;
  cursor:hand;
      overflow:hidden;
}

.memberBtn:hover {
  background:transparent url(/cssimg/btn-member-down.png)no-repeat top center;
  width:200px;
  height:88px;
  cursor:pointer;
  cursor:hand;
}

.welcome {
  color:#fff;
  line-height:180%;
  padding:10px 0 10px 0;
  width:60%;
  float:left;
  line-height:140%;
}
.welcome h3 {color:#fff;margin:0;padding:0;font-weight:normal;font-size:1.75em;}
.welcome p {margin:0;padding:0;font-size:1.2em;line-height:30px;}

.featured iframe {float:left;margin:0;}
.featured {width:77.5%;display:inline-block;}
/*.blake {float:right;position:relative;margin:-128px 0 0 0;width:407px;}*/
.blake {float:right;position:relative;margin:0;width:20.5%;bottom:0;}
.blake img {float:left;max-width:100%;vertical-align:bottom;max-height:280px;}
.quote {width:150px;height:120px;float:right;margin:23.5% 0 0 0;text-align:center;padding:10px;}

.btnWrap a {
  padding:5px 20px; 
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
  font-size:13px;
  margin-top:10px;
border: 1px solid #eee;
  background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* webkit */
  box-shadow: inset 0px 0px 4px #444;
-webkit-box-shadow: inset 0px 0px 4px #444;
}

.btnWrap a:hover {  
    box-shadow: inset 0px 0px 4px #cc6600;
-webkit-box-shadow: inset 0px 0px 4px #cc6600;
border: 1px solid #f0820d;
  color:#000;
  background: #f0820d; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ff9900 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ff9900)); /* webkit */
}

/*----------- Share this box --------------*/

.shareBox {
  width:100%;
  min-height:30px;
  background-color:#eee;
  margin-bottom:7px;
  padding:7px 0;
}
.shareWrap {width:auto;margin:0;padding:0 0 0 15px;font-size:12px;}
.shareWrap img {vertical-align:middle;}

/*----------- Special Offer box --------------*/

.offerWrap {float:left;width:35%;font-size:14px;color:#000;}
.offerWrap h3 {line-height:130%;color:#1979ba;margin:0 0 8px 0;text-transform:uppercase;font-size:15px;font-weight:bold;}
.offerImg {float:left;width:60%;margin:0 10px 0 0;}
.offerImg img {width:100%;}

.specialBox {
  width:100%;
  min-height:181px;
  margin-bottom:7px; 
  background:transparent url(/cssimg/trans-50.png)repeat 0 0;
  padding:0;
  text-align:center;
}
.specialBox h3 {
  margin:0;
  text-transform:uppercase;
  color:#fff;
  background-color:#1979ba;
  padding:6px 0 4px 0;
  text-align:center;
     -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
.specialBox2 {
  width:100%;
  min-height:180px;
  margin-bottom:7px; 
  background:#fff;
  padding:0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px; 
    text-align:center;

}
.specialBox2 .specialWrap {padding:15px 10px;}
.specialBox .specialWrap {padding:15px;}

/*----------- home contact box --------------*/

.contactBox {width:100%;height:68px;}
.contactBox ul.btn img {vertical-align:middle;}
.contactBox ul.btn {margin:0;padding:6px 10px;}
.contactBox ul.btn li {
  list-style:none;
  display:inline;
  padding:0;
  vertical-align:middle;
}
.contactBox ul.btn li a {color:#000;font-size:110%;text-transform:uppercase;}
.contactBox ul.btn li a:hover {color:#1979ba;}

.contactBox .grid-45, .contactBox .grid-50 {
  background:transparent url(/cssimg/trans-50.png)repeat 0 0;
}


/*----------- news signup box --------------*/

.newsBox {
  width:100%;
  min-height:24px;
  margin-bottom:7px;
  background:transparent url(/cssimg/trans-50.png)repeat 0 0;
  padding:10px 0;
  line-height:130%;
}
.newsBox ul {margin:0;padding:0 20px;}
.newsBox li {list-style:none;display:inline;padding:0;margin:0;}
.newsBox li.blue {width:60%;float:left;}

.signup {
  background:transparent url(/cssimg/btn-signup-up.png)no-repeat top center;
   width:86px;
  height:38px;
    cursor:pointer;
  cursor:hand;
  float:right;
      overflow:hidden;
}

.signup:hover {
  background:transparent url(/cssimg/btn-signup-down.png)no-repeat top center;
   width:86px;
  height:38px;
    cursor:pointer;
  cursor:hand;
}


/*----------- typography --------------*/

h1,h2,h3 {line-height:140%;}

h1              { font-size: 1.4em; margin: 0 0 1em 0;color:#000;}
h2              { font-size: 1.2em; margin: 0 0 1em 0;color:#1979ba;}
h3              { font-size: 1.1em; margin: .83em 0; color:#1979ba;}
h4              { font-size: 0.95em; margin: 1em 0;color:#000; }
h5              { font-size: .83em; margin: 1em 0;color:#000; }
h6              { font-size: .75em; margin: 1em 0;color:#000; }
h4,h5, h6, b,
strong          { font-weight: bold; }
h2.center {
  text-align:center;
  width:100%;
  margin:0 auto 10px auto;
  letter-spacing:1px;
  font-size: 1.5em;
}

body.about h2 {
  font-size: 1.3em!important;
}

a {
  color:#1979ba;
  text-decoration: none;
}
a:hover {
  color:#000;
    text-decoration: underline;
}
.breadcrumb {font-size:13px;color:#fff;clear:both;padding:8px 0; width:94%;margin:0 auto;}
.breadcrumb a {text-decoration:none;color:#fff!important;cursor:pointer;cursor:hand;}
.breadcrumb a:hover {color:#000;text-decoration:underline;cursor:hand;}
.rows {clear:both;width:100%;margin:0 0 20px 0;}

body.home .share {clear:both;display:block;width:100%;height:58px;margin:15px 0 10px 0;}
body.sub .share {clear:both;display:block;width:100%;height:50px;margin:5px 0 0 0;}

ul.sitemap a {color:#000;}

.catList li a {color:#f0820d;font-weight:bold;}
.catList li a:hover {color:#000;font-weight:bold;}
.catList li {padding:0 10px 5px 10px;width:94%;border-bottom:1px solid #eee;margin:2px 0;list-style:none;}
.catList li:hover {background:#f2f2f2;}
.call-sub li {list-style:none;}
.call-sub ul {margin:0;padding:0;}


#catwebformbutton {
   border: 1px solid #185b9e;
   background: #0e66ae;
   padding: 6px 20px;
   font-size: 1em;
   font-family: Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  text-align:center;
  cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
     -moz-border-radius: 5px;
color:#fff;
}
input#catwebformbutton:hover, .cart-opt a:hover {
   border: 1px solid #185b9e;
   background: #f19c17;
  color:#000;
  cursor:pointer;
   }
input.productSubmitInput {
   border: 1px solid #185b9e;
     background: #0e66ae;
   padding: 4px 10px;
   font-size: 14px;
   font-family: Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  text-align:center;
  cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
     -moz-border-radius: 5px;
  color:#fff;
}
input.productSubmitInput:hover {
   border: 1px solid #185b9e;
     background: #f19c17;
  color:#000;
  cursor:pointer;
   }

/*----------- Lightbox display ---------*/

#imageDataContainer {padding-bottom:10px;}
.photogalleryTable {background:none!important;}
.photogalleryItem img {height:85px;border:1px solid #fff;}
body.sub table.photogalleryTable td {padding:0 20px 20px 0!important;}

/*----------- Contact Form ----------*/

.webform {width:96%;padding:0;margin:0;}
/*.ct .mobile-grid-100 {padding:0;margin:0;}*/
.item {padding:3px 0;}
.item2 {padding: 5px 0;}

.item input {
  width:97%;
  background-color:#ddd;
  height:25px;
  padding:2px 5px;
  vertical-align:middle;
  border:1px solid #ddd;
  color:#666
}
.item textarea {
  border:1px solid #ddd;
  padding:2px;
  width:97%;
}

.newsletter-form .captchaimg img {width:100%;}
.newsletter-form input#CaptchaV2 {width:100%!important;}

.bold {font-weight:bold;}

.item2 input[type=submit] {
  font-family:arial,san-serif;
  padding:5px 20px; 
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
  font-size:13px;
  margin-top:10px;
border: 1px solid #eee;
  background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* webkit */
  box-shadow: inset 0px 0px 4px #444;
-webkit-box-shadow: inset 0px 0px 4px #444;
  width:60%;
}

.webform input[type="submit"]:hover {  
    box-shadow: inset 0px 0px 4px #cc6600;
-webkit-box-shadow: inset 0px 0px 4px #cc6600;
border: 1px solid #f0820d;
  color:#000;
  background: #f0820d; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ff9900 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ff9900)); /* webkit */
}

.newsletter-form {
  background:#fff;
    margin-bottom: 7px;
  padding: 20px 26px 20px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.newsletter-form p.blue {padding-top:0;margin:0 0 8px 0;font-size:16px;}


select.short,  {
    width: 117px !important;
    float:left;
}

input.cat_textbox.sm {
	width:70px !important;
}

/*----------- photo gallery ----------*/

.floatR .gallery {width:100%;clear:both;display:block;margin:0;}

.floatR .gallery img {
  height:120px;
  width:120px;
  padding:0;
  border:3px solid #BCBEC0;
  -webkit-border-top-left-radius: 100px;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;

  -moz-border-radius-topleft: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;

  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  }

.floatR .gallery li {
  list-style:none!important;
display:block;
  margin:8px;
  }

.photogalleryItem {float:left;margin:0 18px 20px 0;}

/* ----------- Web App display style ---------- */

ul.projectList {float:left;margin:0 18px 20px 0!important;padding:0;width:155px;min-height:168px;}
ul.projectList li {list-style:none;display:block;font-size:12px;line-height:140%;}
ul.projectList a {font-weight:bold;}
ul.projectList .image {margin-bottom:10px;height:90px;overflow:hidden;}
.projectDetail p {margin:0;}

/* ----------- Web App Recipes & Supplementation display style ---------- */

body.member .memberMenuList {margin:0;padding:0;}

body.member .ct a {color:#1979ba;text-decoration:none;}
body.member .ct a:hover {color:#999;}

.recipeMenu {margin-bottom:20px;border-bottom:1px solid #444;}

.recipeMenu ul {margin:0 10px;padding:0;}
.recipeMenu li {
  padding:0 0 10px 0;
  text-align:center;
  border-right:1px dotted #444;
  list-style:none;
  min-height:30px;
}
.recipeMenu li.last {border:none;}
.recipeMenu li a {color:#1979ba;padding:4px;}


ul.recipeList {margin:10px 30px 20px 0!important;padding:0!important;float:left;min-height:260px;width:200px;}
ul.recipeList li {display:block;color:#fff;font-size:1.05em;text-align:center;}
ul.recipeList li.title {width:90%;margin:0 auto;}

body.member .ct h2.blueTitle {
  background-color:#1979ba;
  color:#fff;
  padding: 3px 15px;
  margin:15px 0 20px 0;
  text-align:center;
}

body.member .ct h3.blueTitle {
  background-color:#1979ba;
  color:#fff;
  padding: 10px;
  margin:20px 0 20px 0;
  text-align:center;
     -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

body.member .grid-65 h2 {font-size:14px;text-transform:uppercase;text-align:left;}
/*body.member .ct ol, body.member .ct ul {margin:10px 0 10px 8px;padding:0 0 0 8px;}*/

.recipeDetail {color:#ccc;}
.recipeDetail h4 {font-size:1.05em;background-color:#444;padding:6px;margin:5px 0;}
.recipeDetail td {border-bottom:1px solid #fff;padding:5px 10px 5px 0;}
.recipeDetail table {padding-bottom:20px;}
.recipeBody ul li {list-style: disc outside none;}
.recipeDetail a {color:#185b9e;}

body.member .ct {color:#ccc;}
/*body.member .memberContent h1,h3,h4,h5,h6 {color:#eee;}*/

.recipeName {  
     border: 2px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#999999));
   background: -webkit-linear-gradient(top, #f2f2f2, #999999);
   background: -moz-linear-gradient(top, #f2f2f2, #999999);
   background: -ms-linear-gradient(top, #f2f2f2, #999999);
   background: -o-linear-gradient(top, #f2f2f2, #999999);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 15px;
    padding:5px 10px;
    text-decoration: none;
    vertical-align: middle;
  margin:4px 0;
  line-height:120%;
  color:#000;
  text-align:center;
}
.recipeName:hover {  
     border: 2px solid #185b9e;
   background: #f19c17;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#444444));
   background: -webkit-linear-gradient(top, #f2f2f2, #444444);
   background: -moz-linear-gradient(top, #f2f2f2, #444444);
   background: -ms-linear-gradient(top, #f2f2f2, #444444);
   background: -o-linear-gradient(top, #f2f2f2, #444444);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0 3px;
   -moz-box-shadow: rgba(0,0,0,1) 0 0 3px;
   box-shadow: rgba(0,0,0,1) 0 0 3px;
}
.recipeName a {color:#000!important;}

.prodImg img {max-width:100px;}
.prodWrap {margin:20px 0;}
.prodWrap h3 {background-color:#3399cc;padding:5px 10px;margin:0 0 10px 0;}
.prodDetail h3 a {color:#fff!important;}
.prodDetail a {color:#ccc!important;}

body.member .ct td {vertical-align:top;padding:4px;}

/*================================== RESPONSIVE Menu LAYOUTS ===============================================*/

/* Menu Styles */

/* Init Logic */

nav {margin:-36px 0 0 105px;z-index:9999;position:relative;text-align:left;}

.aw {font-family: 'FontAwesome';float:right;font-size:20px;}

.menu-toggle-button{
  padding:6px 5px 10px 5px;
  min-height:18px;
  color: #1979ba;
  font-weight:bold;
  cursor: pointer;
  width:95%;
  text-transform:uppercase;
  margin:0 auto;
  font-size:17px;
  text-align:left;
  z-index:99999;
  }

.menu-toggle-button:hover {color:#666;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{}


ul.menu-list {list-style:none;position:relative;display:inline-table;padding:0px;margin:0;height:100%}
ul.menu-list li {float:left;position:relative;list-style:none;}
ul.menu-list li a{display:inline-block;}
ul.menu-list li a{display:block;}

/* Handling Submenu */

ul.menu-list ul {
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 700;
  -webkit-box-shadow: rgba(0,102,204,1) 0 1px 5px;
   -moz-box-shadow: rgba(0,102,204,1) 0 1px 5px;
   box-shadow: rgba(0,102,204,1) 0 1px 5px;
}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;list-style:none;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}

/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#808285!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.80em;float:right;padding-left:5px;line-height:1.2em;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{line-height:1.7em;} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#fff;text-decoration:none;} /* All levels */
ul.menu-list li>a{
  font-size:14px;
  padding:10px;
  font-weight:normal;
    background-color:#1979ba;
border-top-left-radius:5px;
  border-top-right-radius:6px;
  margin:0 5px 0 0;
  color:#fff;
} /* Level 1 */

ul.menu-list li li>a{color:#fff;width:180px;text-transform:none;padding:10px 10px 10px 20px;margin:0;} /* Level 2 */
ul.menu-list li li li>a {text-transform:none;padding:10px 10px 10px 20px;margin:0;} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0;list-style:none;}
ul.menu-list>li.selected a {color:#1979ba;background-color:#f5f5f5;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{}
ul.menu-list>li:hover>a{color:#1979ba;background-color:#f5f5f5;}
ul.menu-list>li>a:hover{color:#1979ba;background-color:#f5f5f5;}
/* End First Level*/

/* Second Level*/
ul.menu-list>li.selected li a {background-color:#f5f5f5;color:#1979ba;border-top:1px solid #ddd;}
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{font-size:12px;line-height:120%!important;list-style:none;}
ul.menu-list>li>ul>li a{background-color:#808285;border:none;border-radius:0;}
ul.menu-list>li>ul>li>a{background-color:#808285;padding:10px 10px 10px 20px!important;border:none;border-radius:0;}
ul.menu-list>li>ul>li:hover{background-color:#555;border:none;border-radius:0;color:#fff;}
ul.menu-list>li>ul>li:hover>a{background-color:#555;border:none;border-radius:0;color:#fff;}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #555;}
ul.menu-list>li>ul>li>ul>li{list-style:none;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#f5f5f5;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */

/* Vertical Menu Styles */

#nav2 {margin:0 0 0 2px;}

#nav2 li.level1 {
    font-size: 14px;
    padding: 0;
  margin-bottom:10px;
}
#nav2 li.level1 a {color:#000;font-weight:bold;}

#nav2 li {
    display: block;
    list-style: none outside none;
    line-height:150%;
}

#nav2 li.level1 a:hover, #nav2 li.level2 a:hover {color:#1979ba;}


#nav2 li.level2 a {
    color: #666;
      text-decoration: none;
  font-weight:normal;
  font-size:13px;
}

#nav2 li.selected {
    color: #1979ba;
}

/*================================== RESPONSIVE MEDIA QUERIES =============================================*/

@media screen and (max-width: 767px){

/* Menu Styles */  
  
/* Init Logic */
  
p.section-check input {
    border:1px solid #ccc;
    display:inline-block;
    width:17px;height:17px;
    vertical-align:bottom;
  }
  body.sub.cart .ct {
    height: auto;
    padding: 15px;
}
  
nav {padding:0;margin:0;}
nav li {list-style:none;}
  
.menu-toggle-button{
    display:block; 
    z-index: 999999;
    position: relative;
  }
  
.show-for-devices {display:block!important;width:100%;}

ul.menu-list{
    display:none;
}
ul.menu-list li{clear:both;float:none;list-style:none;}
  
/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{list-style:none;}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#808285	!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.9em;padding:0.5em;line-height:0.5em;position:absolute;right:20%;z-index: 700}/* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#fff;padding:8px 10px;position:relative;text-align:center;} /* All levels */
ul.menu-list li>a{color:#fff;} /* Level 1 */
ul.menu-list li li>a{width:auto;color:#fff;} /* Level 2 */
ul.menu-list li li li>a{color:#fff;} /* Level 3 */

/* First Level*/
   
ul.menu-list>li{
    font-size:13px!important;
    margin:0px;
    list-style:none!important;
  }
ul.menu-list>li:hover{background-color:#808285;}
ul.menu-list>li>a{
    background-color:#808285;
    border-bottom:1px solid #f2f2f2;
    padding:8px 10px;
    text-align:center;
    border-radius:0;
    text-transform:uppercase;
    margin:0;
}
ul.menu-list>li:hover>a{color:#fff;background-color:#555;}
ul.menu-list>li>a:hover{background-color:#444;}
ul.menu-list > li.selected a {
    background-color: #1979ba;
    color: #fff;
    border:none;
    border-radius:none;
}
/* End First Level*/

/* Second Level*/
  ul.menu-list>li.selected li a {background-color:#555;color:#fff;}
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{
    background-color:#555;
    font-size:13px;
    line-height:120%!important;
    border:none;
  }
ul.menu-list>li>ul>li a{background-color:#555;color:#fff;}
ul.menu-list>li>ul>li>a{background-color:#555;padding:8px!important;}
ul.menu-list>li>ul>li:hover{background-color:#999;border:none;}
ul.menu-list>li>ul>li:hover>a{background-color:#555;}
ul.menu-list>li>ul>li>a:hover{background-color:#999;}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li{color:#fff;background-color:#808285;font-size:12px;line-height:120%!important;}
ul.menu-list>li>ul>li>ul>li>a{background-color:#999;padding:8px 10px!important;}
ul.menu-list>li>ul>li>ul>li:hover{background-color:#999;}
ul.menu-list>li>ul>li>ul>li:hover>a{background-color:#555;}
ul.menu-list>li>ul>li>ul>li>a:hover{background-color:#999;}
/* End Third Level*/

/* End Menu Styles */
.ct {padding:20px 15px;}
a#aa img {max-width: 90px;}
#eWAYBlock img {max-width: 90px;}
  
} 

/* End Menu Styles */

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
html, body {min-width:1024px;}
  .specialBox {min-height:120px!important;}
  .specialWrap img {max-width:190px;}
  .offerWrap {float:left;width:35%;font-size:13px;}
  .welcome h3 {font-size:21px;line-height: 160%;}
.welcome p {margin:0;padding:0;font-size:14px;line-height: 140%;width:90%;}
.welcome {width: 70%;}
 /* .featured {width:58%;}
  .blake {margin: -128px -10px 0 0;}*/
  .newsBox li.blue {width:70%!important;}
  .member-box-blue,.member-box-yellow {width:84%;}
  .points {font-size: 20px;}
.points span {font-size: 20px;}
.highlight {width:100%;margin:0 auto;}
  .benefits li {font-size:14px;}
body.member .sloganWrap {padding:0;min-height:1px!important;background-color:#1979ba;} 

.fb-like-box iframe {max-width:215px;}

.menu-toggle-button{margin:85px auto 0 auto!important;}
header {height:124px;}
  .videoBox {background-color:#000;width:58%;height:378px;padding:0;margin:0 10px 0 0;float:left;}
.rWrap {width:40%;float:right;}
}

@media screen and (max-width : 800px) {

  #payment-form input.long, #payment-form input.long {
    width: 96%;
}
  #payment-form input.cat_textbox, #payment-form input.cat_listbox {
    margin-right: 0;
    width: 96%;
}
.specialBox {height:auto;}
  .newsBox li.blue {width:60%;}
  .videoBox {height:365px;}
  .heroWrap {min-height:none;}
  
  .slogan {display:none!important;}
  .sloganWrap {display:none!important;}
  
  .mL {width:100%!important;}
  .ct .grid-70 {width:100%!important;float:none;}
.mR {width:100%!important;}
    .sharetext {display:none;}
    .welcome h3 {font-size:20px;line-height: 140%;}
.welcome p {margin:0;padding:0;font-size:13px;width:90%;}
.welcome {width: 55%;padding:10px 0 10px 0!important;}
  /*.featured {width:40%;}*/
  .featured iframe {width:100%!important;}
  /*.blake {margin: -128px -10px 0 0;}*/
  .offerWrap {float:left;width:36%;font-size:13px;line-height:130%;}
  .member-box-blue,.member-box-yellow {width:84%;}
  .member-box-inner li {display:block;}
.member-box-inner li.fL {width:90%;}
  li.sign-up-now-blue,li.sign-up-now-yellow {width:92%;}
  .points {font-size: 20px;}
.points span {font-size: 20px;}
.highlight {width:100%;margin:0 auto;}
  .benefits li {font-size:14px;}
    .benefits {width:100%;}
  .ct {min-height:none!important;}
  
  .fbBox {width:43.5%;float:left;margin:10px 20px 10px 0;}
}

  
@media screen and (max-width : 600px) {
  
/* most phones including Galaxy S4 */
  
  .memberContent span.blueL {display:block;}
  .memberBtnWrap2 {font-size:1.25em}
.logo {width:420px;}
li.logoIcon a img {max-width:85px;}
li.logoText a img {max-width:330px;}
.recipeMenu li {padding:5px 0;border-right:none;min-height:none;font-size:15px;}
  
  .members-btn {width:90%;}
  .recipeMenu li {padding:0;border-right:none;min-height:10px;}
  .prodImg img {max-width:100%;}
  .newsListWrap {float:none;margin:0 auto;}
  .vWrap iframe {height:140px!important;}
  .fbWrap iframe {width:280px!important;}
  .fbBox {width:90%;float:none;margin:10px 0 10px 0;}

  .contactBox {display:none;}
  .slogan {display:none!important;}
  .sloganWrap {display:none!important;}
    .videoBox {height:200px;padding:0;display:block;}
  .sharetext, .shareBox {display:none;}
  .toppageBanner {height:30px;}
  .join {top:8px;}
  
.member-box-blue,.member-box-yellow {width:84%;}
  .member-box-inner li {display:block;}
.member-box-inner li.fL {width:90%;}
  li.sign-up-now-blue,li.sign-up-now-yellow {width:92%;}
  .points {font-size: 20px;}
.points span {font-size: 20px;}
.highlight {width:100%;margin:0 auto;}
  .benefits li {font-size:14px;}
  
  .offerWrap {float:left;width:50%;font-size:12px;color:#000;line-height:135%;}
.offerWrap h3 {font-size:15px;margin-bottom:5px;}
.offerImg {float:left;width:45%;margin:0 10px 0 0;}
  .specialBox {margin-top:15px;min-height:110px;}
  
  .heroWrap {background:none;min-height:280px!important;padding:15px 0;}

.welcome h3 {font-size:15px;line-height: 130%;margin:0 0 10px 0;padding:0;}
.welcome p {margin:0;padding:0;font-size:12px;width:90%;}
.welcome {width: 56%;padding:15px 0 0 0!important;float:none;display:block;margin:-10px 0 0 10px;}
  .featured {width:100%;}
  .featured iframe {width:100%!important;}
  .blake {display:none;}
  .HomeContentRow1 {margin-bottom:20px;}
  .HomeContentRow1 h1 {margin-top:0;}
  
  .Row {
    clear:both;
    display:block;
    margin:0;
    padding:0;
    height:250px;
    background:transparent url(/cssimg/blake-sml.png)no-repeat top right;
  }
  
.memberBtn {
  width:170px;
  height:75px;
  margin:10px 0 0 0;
    background:transparent url(/cssimg/btn-member-sml-up.png)no-repeat top center;
    float:left;
        overflow:hidden;
}

.memberBtn:hover {
  background:transparent url(/cssimg/btn-member-sml-down.png)no-repeat top center;
  width:170px;
  height:75px;
}

.newsBox {margin:15px 0 0 0;}
.newsBox ul {padding:0 10px;margin:0;}
.newsBox li.blue {width:60%;float:left;padding:0;margin:0;font-size:12px;}

  img {max-width:100%;}
  
  footer {text-align:center;}
  footer ul {text-align:center;}
  
 .shareWrap {padding:0!important;}
  .footershare {display:block;margin-bottom:20px;}
  .ct {min-height:none!important;}
  .benefits {width:100%;}
  body.member h1 {font-size:24px;text-align:center;}
  .members-btn img {max-width:100%;}
  .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .one-third.column, .container .two-thirds.column {
    width: 220px!important;}
}

@media screen and (max-width : 415px) {
  
.logo {width:300px;}
li.logoIcon a img {max-width:80px;}
li.logoText a img {max-width:200px;}

	#recaptcha_area {
    -ms-transform: scale(0.7,1); /* IE 9 */
    -webkit-transform: scale(0.7,1); /* Chrome, Safari, Opera */
    transform: scale(0.7,1);
	} 
	
	#recaptcha_widget_div {
		position: relative;
		height: 121px;
	}
	
	#recaptcha_area {
		position: absolute;
		top: 0px;
		left: -48px;
	}
	
	.recaptchatable .recaptcha_r2_c1 {
		width: 11px !important;
	}
	
	.recaptchatable #recaptcha_response_field {
		margin-left: 7px !important;
		width: 140px !important;
	}
.recipeMenu li {padding:0;border-right:none;min-height:10px;}

body.member h1 {font-size:24px;text-align:center;}
.members-btn {width:90%;}

}

@media only screen and (max-width: 320px) {
  
body.member h1 {font-size:24px;text-align:center;}
.members-btn {width:90%;}
  
.logo {width:300px;}
li.logoIcon a img {max-width:80px;}
li.logoText a img {max-width:200px;}
 
header {height:102px;background:#000 url(/cssimg/headbg-m.jpg)no-repeat bottom right;}

.recipeMenu li {padding:5px 0;border-right:none;min-height:none;font-size:15px;}
  .prodImg img {max-width:100%;}
  .fbWrap {padding:10px!important;overflow:hidden;}
  .newsListWrap {float:none;margin:0 auto;}
  .vWrap iframe {height:140px!important;}
  .fbWrap iframe {width:280px!important;}
  .slogan {display:none!important;}
  .sloganWrap {display:none!important;}
  .join {top:8px;}
  .member-box-blue,.member-box-yellow {width:84%;}
  .member-box-inner li {display:block;}
.member-box-inner li.fL {width:90%;}
  li.sign-up-now-blue,li.sign-up-now-yellow {width:92%;}
  .points {font-size: 20px;}
.points span {font-size: 20px;}
.highlight {width:100%;margin:0 auto;}
  .benefits li {font-size:14px;}
  
  .newsBox {margin:15px 0 0 0;}
.newsBox ul {padding:0 10px;margin:0;}
.newsBox li.blue {width:60%;float:left;padding:0;margin:0;font-size:12px;}

  .newsBox li.blue {width:60%;}
  .specialBox,.specialBox2 {margin-top:15px;min-height:110px;}
  .videoBox {height:160px;padding:0;display:block;} 
  .sharetext, .shareBox {display:none;}  
  .heroWrap {background:none;min-height:280px!important;padding:15px 0;}
.welcome h3 {font-size:15px;line-height: 130%;margin:0 0 10px 0;padding:0;}
.welcome p {margin:0;padding:0;font-size:12px;line-height: 130%;width:90%;}
.welcome {width: 56%;padding:15px 0 0 0!important;float:none;display:block;margin:-30px 0 0 10px;}
  
  .featured {width:100%;}
  .featured iframe {width:100%!important;}
  .blake {display:none;}
  
  img {max-width:100%;}
  
  footer {text-align:center;}
  footer ul {text-align:center;}
  footer .grid-50 span {display:block;}
  footer a {padding: 0 5px;}
    
  .shareWrap {padding:0!important;}
  .footershare {display:block;}
  
  .Row {
    clear:both;
    display:block;
    margin:0;
    padding:0;
    height:250px;
    background:transparent url(/cssimg/blake-sml.png)no-repeat top right;
  }
  
  .memberBtn {
        float:left;
    overflow:hidden;
  width:170px;
  height:75px;
  margin:10px 0 0 0;
    background:transparent url(/cssimg/btn-member-sml-up.png)no-repeat top center;
}

.memberBtn:hover {
  background:transparent url(/cssimg/btn-member-sml-down.png)no-repeat top center;
  width:170px;
  height:75px;
        overflow:hidden;
}
  .featured iframe {float:none;width:100%;}
  .ct {min-height:none!important;}
  .benefits {width:100%;}
}

@media (pointer:coarse) {
    input[type="checkbox"], input[type="radio"] {
        min-width:30px;
        min-height:30px;
        background:transparent;
    }
}