* {
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    
}
button {
    cursor: pointer;
}

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

body {
    background-image: url(//i.imgur.com/GxUoAQX.png);
    background-position: top;
    min-width: 1000px;
}
a {
    text-decoration: none;
    color: #7AA329;
}
input, textarea, select, button {
    border: 1px solid #bbb;
    padding: 3px;
    border-radius: 5px;
}

button, input[type=submit] {
    background: -moz-linear-gradient(center top , #6BDFF9, #34C1E1) repeat scroll 0 0 #34C1E1;
    background-image: -moz-linear-gradient(top,#6BDFF9,#34C1E1);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6BDFF9),color-stop(1,#34C1E1));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6BDFF9', EndColorStr='#34C1E1)')";
    color: #fff;
    font-weight: bold;
    padding: 9px 18px;
    text-shadow: 0.1em 0.1em 0.05em #333333;
    border-color: none;
}

input[type=image]{
    padding:0px;
    border:none;
    border-radius: none;
}

.product-description ul, .product-description ol {
    padding-left: 30px;
}
.no_style {
    padding:0px;
    border:none;
    border-radius: none;
    background: none;
    background-image:none;
}
button:hover, input[type=submit]:hover {
    
    text-shadow: 0.1em 0.1em 0.05em #000;
}

.greenButton {
    background: -moz-linear-gradient(center top , #AAC82F, #A2C22D) repeat scroll 0 0 #34C1E1;
    background-image: -moz-linear-gradient(top,#AAC82F,#A2C22D);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#AAC82F),color-stop(1,#A2C22D));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AAC82F', EndColorStr='#A2C22D)')";
    color: #4B5B10;
    font-weight: bold;
    padding: 9px 18px;
    text-shadow: none;
    border: 1px solid #4B5B10;
}
.greenButton:hover {
    color: #333;
    text-shadow: none;
}

.wrapper {
    width: 988px;
    margin: 0 auto;
    position: relative;
    z-index: 0;

}
.after_header {
    margin-top: 40px;
    min-height: 100%;
    padding-bottom: 521px; /* footer height */
}
.clear {
    clear:both;
}
#tplContainer { 
    min-height:100%;
    position:absolute;
    top: 0;
    width: 100%;
}

/*

Header


*/
#tplHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 36px;
    line-height: 35px;
    background-image: url(../images/custom/bg_header.jpg);
    background-repeat: repeat-x;
    background-position: top;
        width:inherit;
}
#tplHeader div.rightMenu {
    position: absolute;
    width: auto;
    right: 0px;
    float: right;
    top: 0;
}
#tplHeader div.rightMenu div {
    width: auto;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    
}
#tplHeader div.rightMenu div.padding {
    padding-right: 15px;
}
#tplHeader div.rightMenu .line {
    border-right: 1px dashed #fff;
}
#tplHeader div.rightMenu a {
    color: #1e5663;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 10px;
}
#tplHeader div.rightMenu a:hover {
    color: #fff;
}
#tplHeader div.rightMenu a.visit {
    color: red;
}
.bg_clouds {

}



/*

SubHeader


*/
#tplSubHeader {
    height: 88px;
}
#tplSubHeader a.logo {
    float: left;
    width: 300px;
    height: 93px;
    background-image: url(../images/custom/logo.png);
    background-repeat: no-repeat;
}
#tplSubHeader a.testimonial_w {
    position:absolute;
    margin: 0px auto;
    width: 217px;
    height: 80px;
    left: 350px;
    background-image: url(../images/custom/supportNav2.png);
    background-repeat: no-repeat;
}
#tplSubHeader div.checkout {
    float: right;
    width: 370px;
    height: inherit;
}
#tplSubHeader div.checkout div.cart {
    clear:both;
}
#tplSubHeader div.checkout div.cart div.button {
    float: left;
    height: 67px;
    width: 120px;
    background-image: url(../images/custom/checkout.png);
    background-repeat: no-repeat;
}
#tplSubHeader div.checkout div.cart div.items {
    float: right;
    height: 50px;
    background-image: url(../images/custom/cart_icon.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 50px;
    padding-top: 10px;
}
#tplSubHeader div.checkout div.cart div.items div.text {
    padding-top: 0px;
    padding-left: 10px;
    width: 170px;
    font-size: 12px;
    font-weight:bold;
}
#tplSubHeader div.checkout div.language {
    width: 150px;
    float: right;
    top: -5px;
    position: relative;
    
}


#tplContent {
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 5px;
    padding:20px;
    margin: 10px 3px;
}
/*


Navigation


*/

#tplNavigation div.search {
    position:  absolute;
    right: 15px;
}
#tplNavigation div.search table {
    position: relative;
    top: 15px;
}
#tplNavigation div.search .search_input {
    background-image: url(../images/custom/input.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    height: 16px;
    width: 159px;
    padding: 5px;
    font-size: 11px;
    

}
#tplNavigation div.search .search_button {
    
    background-image: url(../images/custom/btn_search.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    width: 53px;
    height:30px;
    margin-bottom: -2px;

}

#tplNavigation {
    height: 60px;
    line-height: 60px;
    background-image: url(../images/custom/bg_navbar.png);
    background-repeat:  no-repeat;
    width: 988px;
    position:relative;
    z-index: 1000;
}
#tplNavigation .menu_container {
    width: 725px;
    left:15px;
    position:absolute;
    
}
#tplNavigation ul.menu {
	list-style: none;
	display: inline-table;
    position:  absolute;
    height: 50px;
    line-height: 50px;
    width: 800px;
    
}
#tplNavigation ul.menu > li {
    float: left;
    padding: 0px 12px;
    height: inherit;
    border-right: 1px solid #627f20;
    margin-top: 5px;
    width: auto;
}
#tplNavigation ul.menu ul {
	display: none;
    width: inherit;
    position: absolute;
    z-index: 900;
    border: 1px solid #627F20;
    border-top: none;
    padding: 3px 10px;
    background-color: #A0C023;
    margin-top: -1px;
    margin-left: -13px;
    box-shadow: inset 1px 4px 9px -6px;
    
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    padding-bottom: 5px;
}
#tplNavigation ul.menu ul li {
    
    float: none;
    position: relative;
    list-style-type: none;
    
    background: url("../images/custom/bullet.png") no-repeat scroll left center transparent;
    line-height: 25px;
    min-height:25px;
    padding-left:10px;
    
}

#tplNavigation ul.menu > li:hover, #tplNavigation ul.menu > li.active {
    background-color: #00e7ef;
    color: #3b7684;
    text-shadow: 0.1em 0.1em 0.05em #fff;
    background-image: url(../images/custom/bg_navbar_a.png);
}

#tplNavigation ul.menu  > li a {
    font-family: "Myriad Pro";
    font-size: 16px;
    color: #fff;
    text-shadow: 0.1em 0.1em 0.05em #333;
    padding: 0px 0px;
}

#tplNavigation ul.menu > li.no_line {
    border-right: none;
}

#tplNavigation ul.menu ul li a {
    font-size: 14px;
    font-weight: lighter;
}
#tplNavigation ul.menu ul li:hover a {
    color: #00E7EF;
}

/*


Banner


*/
#tplBanner {
    left: 0px;
    right: 0px;
}
#tplBanner div.left {
    margin-left: 5px;
    width: 650px;
    height: 416px;
    background-image: url(../images/custom/banner.png);
    float: left;
}

#tplBanner div.right {
    float: right;
    width: 396px;
    height: 416px;
    position: absolute;
    right: 2px;
    background-image: url(../images/custom/bg_form.png);
    background-position:  top left;
}
#tplBanner div.right table {
    margin-top: 50px;
    margin-left: 70px;
    width: 300px;
}
#tplBanner div.right table td {
    height: 30px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #ccc;
}
#tplBanner div.right table td input {
    padding: 3px;
    border-radius: 5px;
    border: none;
    width: 180px;
}
#tplBanner div.right table td.tos * {
    font-size: 11px;
    color: #fff;
    text-shadow: none;
}
#tplBanner div.right table td.tos input {
    width: auto;
}
/*


Calculate


*/
#tplCalculate {
    width: 981px;
    height: 99px;
    background-image: url(../images/custom/bg_calculate.jpg);  
    position:relative;
    left: 5px;
    top: -2px;
}
#tplCalculate input[type=text] {
    width: 105px;
    height: 30px;
    border: none;
    position:absolute;
    left: 585px;
    top: 40px;
    font-size: 25px;
    text-align: center;
}
#tplCalculate input[type=submit] {
    width: 172px;
    height: 41px;
    border: none;
    position:absolute;
    left: 760px;
    top: 33px;
    background-image: url(../images/custom/btn_calculate.png);
    background-color: transparent;
}



/*


Dashboard


*/
#tplDashboard {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #5a5c5c;
    font-size: 13px;
    position: relative;
    height: 260px;
}
#tplDashboard h2 {
    font-size: 19px;
    text-transform: uppercase;
    color: #1b464b;
    font-family: Helvetica;
    text-align:center;
}
#tplDashboard a {
    color: #7aa329;
    font-size: 13px;
    margin-top: 10px;
}
#tplDashboard div.box {
    width: 230px;
    height: 245px;
    background-color: #f6f6f6;
    border: 1px solid #e9e9e9;
    padding:10px;
    margin-right: 10px;
    float: left; 
}
#tplDashboard div.whoweare div.image {
    margin: 5px auto;
    background: url(../images/custom/whoweare.jpg);
    width: 207px;
    height: 89px;
}

#tplDashboard div.whoweare p {
    padding: 10px;
    font-size: 13px;
}
#tplDashboard div.testimonial {
    margin-top: 0px;
}
#tplDashboard div.testimonial p {
    margin-top: 5px;
    padding: 10px;
    font-size: 13px;
}

#tplDashboard div.testimonial  blockquote {
    padding-top: 30px;
    padding-left: 20px;
	background: transparent url(../images/custom/quote.gif) no-repeat 0px 10px;
    margin-top: -20px;
}

#tplDashboard div.doublebox {
    width: 455px;
    float: right;
    position: absolute;
    right: 0px;
    height: 245px;
}
#tplDashboard div.video_box {
    background: url(../images/custom/video.gif);
    width: 453px;
    height: 244px;
}

/*


Products


*/
#tplProducts {
    margin-top: 10px;
}

h1.category {
    font-family: "Myriad Pro";
    font-size: 19px;
    background-image: url(../images/custom/bg_category.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    height: 41px;
    line-height: 25px;
    font-weight: normal;
}
h1.category * {
    color: #000;
}
h1.category small {
    font-size: 11px;
}
#tplProducts div.product {
    width: 214px;
    height: 288px;
    background-image: url(../images/custom/bg_product.png);
    background-repeat: no-repeat;
    position:relative;
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    

}

#tplProducts .tpl_category_view div.product {
    margin-left: 0px;
    margin-right: 17px;
    margin-bottom: 17px;
}
#tplProducts div.product div.content {
    background-color: white;
    position:absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border-radius: 8px;
}
#tplProducts div.product div.content {
    text-align:center;
}
#tplProducts div.product div.content a.thumbnail img {
    margin-top: 10px;
    max-height: 170px;
}
#tplProducts div.product div.content div.data {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
} 
#tplProducts div.product div.content div.title {
    font-size: 14px;
    color: #98a4ae;
    /*text-transform: uppercase;*/
    font-weight:bold;
}
#tplProducts div.product div.content div.price {
    font-size: 27px;
    color: #134d8d;
    text-transform: uppercase;
    font-weight:bolder;
}
#tplProducts div.product div.content div.actions {

}
/*


Footer


*/
#tplFooter {
   position:absolute;
   bottom:0 !important;
   width:inherit;
   height:521px;   /* Height of the footer */
   clear:both;
}
#tplFooter .padding {
    padding: 30px 0px;
}
#tplFooter .margin {
    margin: 30px 0px;
}

#tplFooter #tplSiteMap .bottom_line {
    border-bottom: 1px solid #2F4547;
}
#tplFooter .bottom_line {
    border-bottom: 1px solid #a6b5b8;
}

#tplSiteMap {
    background-color: #152E30;
}
#tplSiteMap div.col {
    float: left;
    width: 230px;
    
    margin-right: 10px;
}
#tplSiteMap a {
    color: #516F71;
    font-size: 11px;
}#tplSiteMap a:hover {
    color: #fff;
}
#tplSiteMap h3 {
    color: #fff;
    font-family: "Myriad Pro";
    font-size:17px;
    font-weight:normal;
    
}

#tplSiteMap ul {
    margin-top: 10px;
    margin-left: 10px;
    list-style-type: none;
}
#tplSiteMap ul li { 
    line-height: 12px;
    margin: .25em 0;
    padding: 0 0 0 15px;
    background: url(../images/custom/bullet.png) left center no-repeat }

#tplFoot {
    background-color: #8FA6A7;
    background-image: url(../images/custom/bg_footer.jpg);
}
#tplFoot div.left {
    float: left;
    width: 550px;
}
#tplFoot div.right {
    float: right;
    width: 320px;
}
#tplFoot div.left div.payments {
    width:471px;
    height:53px;
    background-image: url(../images/custom/logos.png);
    background-repeat: no-repeat;
    background-position: center left;
}
#tplFoot div.left div.menu a {
    padding: 0px 8px;
    color: #fff;
    font-size: 12px;
    border-right: 1px solid white;
}
#tplFoot div.left div.menu a:hover {
    color: #152E30;
}
#tplFoot div.left div.menu a.no_line {
    border-right: none;
}
#tplFoot div.left div.text {
    color: #fff;
    font-size: 12px;
    padding-left: 8px;
}

#tplFoot div.right div.subscribe {
    position:relative;
}
#tplFoot div.right div.subscribe span {
    color: #fff;
    font-size:11px;
}
#tplFoot div.right div.subscribe h4 {
    font-size: 18px;
    color: #000;
}
#tplFoot div.right div.subscribe input.input {
    width:193px;
    height:20px;
    background-image: url(../images/custom/subscribe_input.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: none;
    background-color:transparent;
    padding: 10px;
    line-height: 16px;
    border-radius:none;
    margin-right:-3px;
}
#tplFoot div.right div.subscribe input.button {
    width:67px;
    height:30px;
    background-image: url(../images/custom/subscribe_button.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: none;
    background-color:transparent;

    position:relative;
}
#tplFoot div.right div.subscribe div {
    margin: 10px 0px;
}
#tplFoot div.right div.socialmedia a div {
    height: 42px;
    width: 42px;
    float: left;
    position: relative;
    margin-right: 5px;
}
#tplFoot div.right div.socialmedia a.facebook div {
    background-image: url(../images/custom/fb.png);
}
#tplFoot div.right div.socialmedia a.twitter div {
    background-image: url(../images/custom/t.png);
}
#tplFoot div.right div.socialmedia a.rss div {
    background-image: url(../images/custom/rss.png);
}
#tplFoot div.right div.socialmedia a.logo div {
    margin-left: 15px;
    background-image: url(../images/custom/media_logo.png);
    background-repeat: no-repeat;
    width: 181px;
    height: 53px;
    margin-top: -11px;
}

#tplFoot p.disclaimer {
    font-size: 11px;
    color: #455152;
}
#tplFoot p.disclaimer strong {
    color: #152e30;
    font-size: 12px;
}

.row {
    padding: 30px;
}




/* slider container */
.iosSlider {
	/* required */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 988px;
	height: 320px;
}

/* slider */
.iosSlider .slider {
	/* required */
	width: 100%;
	height: 100%;
}

/* slide */
.iosSlider .slider .slide {
	/* required */
	float: left;

	width: 250px;
	height: 288px;
}

#tplBannerAd {
    background-image: url(../images/custom/bg_banner.jpg);
    height: 68px;
    width: 980px;
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 3px;
    position: relative;
}
#tplBannerAd div {
    line-height: 68px;
    font-size: 30px;
    font-family: "Myriad Pro";
    font-weight: lighter;
    color: #fff;
    text-align:center;
    
}
#tplFeatured {
    background-image: url(../images/custom/bg_featured.jpg);
    height: 313px;
    width: 980px;
    margin-left: 3px;
    text-align:center;
    overflow:hidden;

}
#tplFeatured > div.right {
    float:  right;
    height: inherit;
    width:330px;
}
#tplFeatured > div.right h2 {
    font-size: 25px;
    text-align: center;
    color: #FFFFFF;
    font-family: "Myriad Pro";
    text-shadow: 0.1em 0.1em 0.05em #333333;
}
#tplFeatured > div.right div#carousel {
    width: inherit;
    overflow: scroll;
    height: 220px;
    text-align: center;
}
#tplFeatured > div.right div#carousel img {
    /*margin-top: 30px;*/
}
#tplFeatured .left {
    float:left;
    width:648px;
    height:inherit;
}
#tplFeatured .iosSlider {
    
}
#tplFeatured .slideSelector {
    position:relative;
    z-index:9999;
    text-align:left;
    padding-left: 15px;
    margin-top:-30px;
}
#tplFeatured .slideSelector button {
    border: 1px solid #333;
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 4px;
    opacity:0.4;
}
#tplFeatured .slideSelector button.selected {
    background-color: #000;
}

#tplFeatured div.iosSlider .slide {
    width: 648px;
    height: inherit;
}
#tplFeatured div.iosSlider .slide * {
    position: relative;
    z-index: 1000;
    margin: 0;
    padding:0;
}
.category_container {
    position: relative;
}
.category_container div.prev, .category_container div.next {
    height: 31px;
    width: 31px;
    position:absolute;
    top: 120px;
}
.category_container div.prev {
    left: -35px;
    background: url("../images/custom/icon_arrow_left.png") no-repeat scroll 0 -31px transparent;
}
.category_container div.prev:hover {
    background-position: 0 0;
}

.category_container div.next {
    right: -35px;
    background: url("../images/custom/icon_arrow_right.png") no-repeat scroll 0 -31px transparent;
}
.category_container div.next:hover {
    background-position: 0 0;
}



.nav_prev {
    background: url("../images/custom/icon_arrow_left.png") no-repeat scroll 0 -31px transparent;
}
.nav_next {
    background: url("../images/custom/icon_arrow_right.png") no-repeat scroll 0 -31px transparent;
}
.nav_next, .nav_prev {
    height: 31px;
    width: 31px;
    cursor: pointer;
    border: none;
}
.nav_next:hover, .nav_prev:hover {
    background-position: 0 0;
}



.nav_prevL {
    background: url("../images/custom/icon_arrow_left_light.png") no-repeat scroll 0 -31px transparent;
}
.nav_nextL {
    background: url("../images/custom/icon_arrow_right_light.png") no-repeat scroll 0 -31px transparent;
}
.nav_nextL, .nav_prevL {
    height: 31px;
    width: 31px;
    cursor: pointer;
    border: none;
}
.nav_nextL:hover, .nav_prevL:hover {
    background-position: 0 0;
}

#tplBannerAd div.iosSlider div.slide {
    width: 980px;
    /*border:1px solid red;*/
}
#tplBannerAd div.iosSlider div.text {
    text-align: center;
}



table.fieldset tr.field td div select.select-expiration-month {
    width: auto;
}


#tplNavigation ul.menu li a.mainNavLink {
    padding: 0px;
}


div.product2 {
    margin: 0 auto;
    width: 290px;
    height: 310px;
    background-color: #f7fef4;
    border: 1px solid #d2d2d2;
    position: relative;
}
div.product2 .thumbnail img {
    height: 175px;
    width: 290px;
}
div.product2 .data {
    padding: 10px;
}
div.product2 .overview {
    font-size: 12px;
    color: #7c7c7c;
}
div.product2 .actions {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 45px;
}
div.product2 .price {
    width: 77px;
    height: 31px;
    line-height: 29px;
    font-size:15px;
    color: #fff;
    padding-left: 5px;
    font-weight: bold;
    background-image: url(/content/skins/GoodHealth/images/custom/pricetag.png);
    background-repeat: no-repeat;
}