/******************************************* 
				BIOTRIM LABS
*******************************************/

/**************** WEBFONTS ****************/

/*** STANDARD FONTS ***/

/* Open Sans Regular */

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Open Sans Italic */

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* Open Sans Bold */

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* Open Sans Bold Italic */

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
/*** SPECIAL FONTS ***/

/* Open Sans SemiBold */

@font-face {
    font-family: 'OpenSansSemi';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Open Sans SemiBold Italic */

@font-face {
    font-family: 'OpenSansSemi';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* Open Sans Condensed Light */

@font-face {
    font-family: 'OpenSansConLt';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Open Sans Condensed Light Italic */

@font-face {
    font-family: 'OpenSansConLt';
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* Open Sans Condensed Bold */

@font-face {
    font-family: 'OpenSansConBd';
    src: url('fonts/OpenSans-CondBold-webfont.eot');
    src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondBold-webfont.woff') format('woff'), url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*********** GLOBAL ELEMENT CSS ***********/

body {
    font: 14px'OpenSans', Arial, Helvetica, sans-serif;
    background: #017567;
}
body,
select,
input,
textarea {
    color: #333;
}
ins {
    background-color: #fcd700;
    color: #333;
    text-decoration: none;
}
mark {
    background-color: #fcd700;
    color: #333;
    font-style: italic;
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSansConBd', Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0px 0px 20px;
    font-weight: normal;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 21px;
}
h3 {
    font-size: 18px;
}
h4,
h5,
h6 {
    font-size: 15px;
}
a,
a:visited {
    color: #017567;
    text-decoration: none;
}
a:hover,
a:active {
    color: #00c4b0;
    text-decoration: underline;
}
/*	webkit-tap-highlight-color */

a:link {
    -webkit-tap-highlight-color: #fcd700;
}
p {
    margin: 0 0 20px 0;
}
img {
    border: 0;
}
b,
strong {
    font-weight: bold;
}
i,
em {
    font-style: italic;
}
del,
strike {
    color: inherit;
    text-decoration: line-through;
}
.semiBold {
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
.nosho {
    display: none;
}
.clear {
    clear: both;
}
/*** Basic List Styling ***/

ul {
    margin: 0 0 20px 15px;
    list-style-type: disc;
}
ul li {
    margin-bottom: 10px;
}
ul li ul {
    margin: 0 0 20px 30px;
    list-style-type: circle;
}
ul li ul li {
    margin-top: 5px;
}
ol {
    margin: 0 0 20px 15px;
}
ol li {
    margin-bottom: 10px;
}
ol li ol {
    margin: 0 0 20px 30px;
}
ol li ol li {
    margin-top: 5px;
}
/************* FRONTEND LAYOUT ************/

#page {
    background: #fff url('../images/pageBg.png') repeat-x top center;
    padding: 0px 0px 20px;
}
#wrapper {
    width: 940px;
    margin: 0px auto;
}
#content {
    margin: 0px auto;
    padding: 30px 0px;
    min-height: 300px;
    background: #fff;
}
/*** Header ***/

#header {
    height: 75px;
    margin: 0px auto 19px;
    padding: 0px;
    background: #fff;
}
#logo {
    display: block;
    float: left;
    width: 292px;
    height: 75px;
    background: #fff url('../images/logo.png') no-repeat 0px 0px;
    margin: 0px;
    padding: 0px;
    text-indent: -9999px;
}
#lang-dropdown    {
    font-family:    'OpenSansConLt',    Arial,    sans-serif;
    font-size:    14px;
    line-height:    18px;
    display:    inline-block;
    left:    835px;
    color:    #000000;
    width:    105px;
    position:    relative;
    top:    0;
    margin-bottom:    20px;
    overflow:    hidden;
    background:    #ffffff    url('../images/selectLangArrow.png')    no-repeat    right;
}
#lang-dropdown    select    {
    background:    transparent;
    width:    150px;
    padding:    2px;
    font-size:    14px;
    line-height:    18px;
    border:    0;
    color:    #000000;
    border-radius:    0;
    height:    25px;
    -webkit-appearance:    none;
    font-family:    'OpenSansConLt',    Arial,    sans-serif;
}
#lang-dropdown    select    option    {
    font-family:    'OpenSansConLt',    Arial,    sans-serif;
    background:    #ffffff;
    text-transform:uppercase;
}
#lang-dropdown    select    option:hover    {
    background:    #3AB3A5;
}
/*** Main Menu ***/

#mainmenu {
    background: #fff;
    float: right;
}
#mainmenu #navSelect {
    display: none;
}
#mainmenu ul {
    float: left;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-family: 'OpenSansConLt', Arial, sans-serif;
}
#mainmenu ul li {
    margin: 0px;
    float: left;
    position: relative;
}
#mainmenu ul li a {
    display: block;
    color: #333;
    background-color: #fff;
    height: 19px;
    font-size: 17px;
    line-height: 19px;
    text-decoration: none;
    padding: 28px 15px;
}
#mainmenu ul li:hover > a,
#mainmenu ul li:active > a,
#mainmenu ul li.active a {
    color: #fff;
    background-color: #017567;
}
#mainmenu ul li.dd:hover > a,
#mainmenu ul li.dd:active > a {
    background: #017567 url('../images/ddArrow.png') no-repeat center 55px;
}
#mainmenu #navHome a {
    text-indent: -9999px;
    width: 15px;
    background: #199687 url('../images/navHome.png') no-repeat 0px 0px;
}
#mainmenu #navLogin a,
#mainmenu #navAccount a,
#mainmenu #navCart a {
    font-size: 16px;
    font-family: 'OpenSansConBd', Arial, sans-serif;
    color: #fff;
    background-color: #199687;
}
#mainmenu #navHome a:hover,
#mainmenu #navHome a:active,
#mainmenu #navLogin a:hover,
#mainmenu #navLogin a:active,
#mainmenu #navAccount a:hover,
#mainmenu #navAccount a:active,
#mainmenu #navCart a:hover,
#mainmenu #navCart a:active {
    background-color: #19cab8;
}
#mainmenu #navCart a {
    position: relative;
    padding-right: 60px;
    background: #199687 url('../images/navCart.png') no-repeat top right;
}
#mainmenu #navCart a span {
    display: block;
    width: 25px;
    height: 20px;
    position: absolute;
    top: 25px;
    right: 18px;
    color: #f8db19;
    font-size: 16px;
    text-align: center;
}
#mainmenu #navAccount {
    padding: 5px 0px 4px;
    height: 66px;
    background-color: #199687;
}
#mainmenu #navAccount a {
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    padding: 7px 15px;
}
/*** Dropdown Menus ***/

#mainmenu ul li ul {
    display: none;
    list-style-type: none;
    background: none;
    position: absolute;
    padding: 0px;
    text-align: left;
    top: 74px;
    left: 0px;
    z-index: 9999;
}
#mainmenu ul li:hover ul,
#mainmenu ul li:active ul {
    display: block;
}
#mainmenu ul li ul li {
    width: auto;
    float: none;
    margin: 0px;
}
#mainmenu ul li ul li a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    width: 160px;
    padding: 18px;
    background-color: #199687;
    /* for IE8 */
    background-color: rgba(25, 150, 135, 0.9);
}
#mainmenu ul li ul li a:hover,
#mainmenu ul li ul li a:active {
    background-color: #017567;
    /* for IE8 */
    background-color: rgba(1, 117, 103, 0.9);
}
/*** Nav Search ***/

#mainmenu #navSearch a {
    text-indent: -9999px;
    width: 14px;
    background: #e2e2e2 url('../images/navSearch.png') no-repeat 0px 0px;
}
#mainmenu #navSearch.open a {
    background: #e2e2e2 url('../images/navSearch.png') no-repeat 0px -75px;
}
#mainmenu #searchBox {
    display: none;
    width: 256px;
    height: 75px;
    position: absolute;
    top: 0px;
    right: 44px;
    background-color: #e2e2e2;
    overflow: hidden;
}
#mainmenu #searchBox form {
    display: block;
    float: right;
    width: 230px;
    margin: 16px 0px 0px;
    height: 20px;
    padding: 8px 0px;
    border-bottom: 1px solid #959595;
}
#mainmenu #searchBox input {
    margin: 0px;
    padding: 0px 0px;
    border: 0px;
    height: 20px;
    background: none;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    -webkit-appearance: none;
}
#mainmenu #searchBox input:focus {
    outline: none;
}
#mainmenu #searchBox input[type=text] {
    color: #999;
    font-size: 11px;
    width: 170px;
}
#mainmenu #searchBox input[type=submit] {
    color: #333;
    font-size: 14px;
}
/*** Footer ***/

#breadcrumbs {
    padding: 0px 45px;
    height: 50px;
    background-color: #17c8b6;
    margin: 0px 0px 20px;
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    color: #fff;
}
#breadcrumbs #bcInner {
    display: inline-block;
    padding: 15px 20px;
    height: 20px;
    background-color: #1b9889;
}
#breadcrumbs a {
    color: #c1e5b5;
    text-decoration: underline;
}
#breadcrumbs a:hover,
#breadcrumbs a:active {
    color: #fff;
}
/*** Footer ***/

#footer {
    width: 940px;
    min-height: 380px;
    margin: 0px auto;
    padding: 20px 0px;
    font-size: 11px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    color: #fff;
    position: relative;
}
#footer a {
    color: #fff;
}
#footer a:hover,
#footer a:active {
    color: #f8db19;
    text-decoration: none;
}
#footer .footSection {
    float: left;
    margin-left: 20px;
}
#footer .footSection h3 {
    font-family: 'OpenSans', Arial, sans-serif;
    padding-bottom: 10px;
    border-bottom: 3px solid #00c4b0;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
/* Instagram Widget */

#footer #footInstagram {
    width: 340px;
    height: 340px;
    margin-left: 0px;
}
#footer #footInstagram #instafeed {
    display: block;
    width: 340px;
    height: 340px;
    background: url('../images/instagramMore.png') no-repeat 227px 227px;
}
#footer #footInstagram #instafeed img {
    width: 111px;
    height: 111px;
    float: left;
    margin: 1px;
}
/* Twitter Widget */

#footer #footTwitter {
    width: 220px;
}
#footer #footTwitter #twitterFeed {
    display: block;
    padding: 20px 15px 50px;
    width: 190px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    background: #3ab3a5 url('../images/twitterBg.png') no-repeat left bottom;
}
#footer #footTwitter #twitterFeed #tweetDate {
    color: #f5e1be;
    margin: 0px;
    font-style: italic;
    font-weight: normal;
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
#footer #footTwitter #twitterLink {
    display: block;
    padding: 10px 0px 10px 50px;
    height: 20px;
    color: #00ffe5;
    font-size: 14px;
    font-family: 'OpenSansConBd', Arial, sans-serif;
    background: url('../images/twitterLink.png') no-repeat 0px 0px;
}
/* Footer Nav */

#footer #footNav,
#footer #footEtc {
    width: 160px;
    text-align: right;
    text-transform: uppercase;
}
#footer #footNav ul,
#footer #footEtc ul {
    list-style-type: none;
    margin: 0px 0px 20px;
    padding: 0px;
}
#footer #footNav ul li,
#footer #footEtc ul li {
    margin: 0px 0px 5px;
}
#footer #footEtc #wsd {
    font-size: 9px;
    color: #00c4b0;
}
/*** Footer Search ***/

#footer #footSearch {
    width: 290px;
    height: 75px;
    position: absolute;
    right: 0px;
    border-left: 30px solid #00c4b0;
    padding-right: 20px;
    background-color: #015a4f;
}
#footer #footSearch form {
    display: block;
    float: right;
    width: 280px;
    margin: 16px 0px 0px;
    height: 20px;
    padding: 8px 0px;
}
#footer #footSearch input {
    margin: 0px;
    padding: 0px 0px;
    border: 0px;
    height: 20px;
    background: none;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    -webkit-appearance: none;
}
#footer #footSearch input:focus {
    outline: none;
}
#footer #footSearch input[type=text] {
    color: #fff;
    font-size: 11px;
    width: 220px;
    border-bottom: 1px solid #f1e4d6;
}
#footer #footSearch input[type=submit] {
    color: #f1e4d6;
    font-size: 14px;
}
/*** Buttons ***/

.btnMore {
    display: block;
    width: 120px;
    height: 25px;
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-size: 25px;
    line-height: 25px;
    padding: 7px 40px 8px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    color: #017567;
    background: #e0e0e0 url('../images/btnMore.png') no-repeat 0px 0px;
}
.btnMore:hover,
.btnMore:active {
    text-decoration: none;
    color: #fff;
    background: #017567 url('../images/btnMore.png') no-repeat 0px -40px;
}
/********************** PAGE-SPECIFIC STYLES ***********************/

/***** HOMEPAGE *****/

#page.homepage {
    background: #fff url('../images/homeBg.png') repeat-x top center;
    position: relative;
}
#page.homepage #wrapper {
    padding-top: 30px;
    position: relative;
    z-index: 999;
}
#page.homepage #content {
    background: none;
    padding: 0px;
}
/*** Slideshow Banners ***/

#banners {
    position: absolute;
    width: 100%;
    margin: 0px auto;
}
#banners .slide {
    display: none;
    width: 100%;
    min-width: 960px;
    height: 666px;
    margin: 0px auto;
}
#bannerArea {
    height: 465px;
    position: relative;
}
#bannerArea #bannerLinks {
    width: 160px;
    height: 40px;
    position: absolute;
    bottom: 40px;
    right: 100px;
}
#bannerArea #bannerLinks .hide {
    display: none;
}
#bannerArea #bannerPager {
    position: absolute;
    bottom: 0px;
    right: 15px;
    color: #017567;
    font-family: Arial, sans-serif;
    font-size: 36px;
}
#bannerArea #bannerPager span {
    cursor: pointer;
}
#bannerArea #bannerPager span.cycle-pager-active {
    color: #fff;
}
/*** Home Links ***/

#homeLinks {
    height: 250px;
    background: #fff;
    margin: 0px 0px 40px;
}
#homeLinks #homeOfferings,
#homeLinks .homeLink {
    float: left;
    width: 235px;
    height: 250px;
}
#homeLinks .homeLink {
    text-align: center;
    font-size: 18px;
    font-family: 'OpenSansConLt', Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
}
#homeLinks .homeLink h2 {
    font-size: 34px;
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    margin: 135px 0px 20px;
}
#homeLinks #homeOfferings {
    position: relative;
}
#homeLinks #homeOfferings h1 {
    font-size: 36px;
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-weight: normal;
    color: #333;
    padding: 20px;
}
#homeLinks #homeOfferings .btnMore {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#homeLinks #homePR {
    background: #00c4b0 url('../images/homeLinks.png') no-repeat 0px 0px;
}
#homeLinks #homePR:hover,
#homeLinks #homePR:active {
    background: #00c4b0 url('../images/homeLinks.png') no-repeat 0px -250px;
}
#homeLinks #homeHV {
    background: #01a490 url('../images/homeLinks.png') no-repeat -235px 0px;
}
#homeLinks #homeHV:hover,
#homeLinks #homeHV:active {
    background: #01a490 url('../images/homeLinks.png') no-repeat -235px -250px;
}
#homeLinks #homeBP {
    background: #017567 url('../images/homeLinks.png') no-repeat -470px 0px;
}
#homeLinks #homeBP:hover,
#homeLinks #homeBP:active {
    background: #017567 url('../images/homeLinks.png') no-repeat -470px -250px;
}
#homeLinks #homeBP h4 {
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin: 110px 0px 10px;
}
#homeLinks #homeBP h2 {
    font-family: 'OpenSansConLt', Arial, sans-serif;
    color: #decd8c;
    margin: 0px 0px 20px;
}
#homeLinks #homeBP span {
    color: #fffea9;
    text-decoration: underline;
}
#homeLinks #homeBP:hover span,
#homeLinks #homeBP:active span {
    color: #f8db19;
}
/*** Product Showcase ***/

h2#topProducts {
    color: #017567;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    padding: 20px 0px;
    margin: 0px;
}
h2#topProducts span {
    text-transform: none;
    color: #3ab3a5;
}
#showcase {
    margin: 0px 0px 40px;
}
#showcase #topImages {
    width: 710px;
    height: 382px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#showcase #topImages .topImg {
    width: 235px;
    height: 190px;
    float: left;
    margin: 0px 1px 1px 0px;
    position: relative;
    overflow: hidden;
}
#showcase #topImages .topImg div {
    display: none;
    width: 195px;
    height: 100px;
    padding: 45px 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    color: #fff;
    background-color: #199687;
    /* for IE8 */
    background-color: rgba(25, 150, 135, 0.9);
}
#showcase #topImages .topImg:hover div,
#showcase #topImages .topImg:active div {
    display: block;
}
#showcase #topImages .topImg div h3 {
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    margin: 0px 0px 10px;
}
#showcase #topLinks {
    width: 220px;
    height: 382px;
    float: left;
}
#showcase #topLinks .topLink {
    display: block;
    width: 180px;
    height: 14px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 40px 13px 0px;
    margin: 0px 0px 2px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    color: #fff;
    background: #e0e0e0 url('../images/btnProduct.png') no-repeat 0px 0px;
}
#showcase #topLinks .topLink:hover,
#showcase #topLinks .topLink:active {
    text-decoration: none;
    color: #fff;
    background: #017567 url('../images/btnProduct.png') no-repeat 0px -40px;
}
#showcase #topLinks .btnMore {
    margin: 6px 0px 0px;
    font-size: 20px;
}
/***** PREMIER PAGE *****/

#page.premier {
    background: #ebebeb;
}
#page.premier #content {
    margin: 0px -30px;
    width: 1000px;
    background: none;
    padding: 0px 0px 20px;
}
#page.premier #content h1 {
    height: 1px;
    overflow: hidden;
    margin: 0px;
}
#page.premier #content img.premierFull {
    display: block;
}
#page.premier #content img.premierMobile {
    display: none;
}
/***** CONTACT / FAQ *****/

#page.contact #main {
    float: left;
    width: 660px;
    margin: 0px 20px;
}
#page.contact #sidebar {
    float: right;
    width: 240px;
    margin: 0px 0px 20px 0;
    font-size: 12px;
}
#page.contact #sidebar h2 {
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-size: 21px;
}
#page.contact #faq {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#page.contact #faq li {
    margin: 0px 0px 20px;
}
#page.contact #faq li .question {
    min-height: 20px;
    margin: 0px;
    padding: 10px 10px 10px 50px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    background: #fff url('../images/faq.png') no-repeat 0px 0px;
}
#page.contact #faq li .answer {
    min-height: 20px;
    padding: 10px 20px 10px 50px;
    font-size: 12px;
    background: #dff9ed url('../images/faq.png') no-repeat 0px -80px;
}
#page.contact .contactEmail {
    display: block;
    height: 20px;
    padding: 15px 0px 15px 65px;
    color: #333;
    margin: 0px 0px 20px;
    background: url('../images/contact.png') no-repeat 0px 0px;
}
#page.contact p.semiBold {
    margin: 0px 0px 5px;
}
#page.contact #regionSelect {
    width: 219px;
    margin: 0px 0px 0px;
    cursor: pointer;
}
#page.contact #emailSelect {
    width: 219px;
    margin: 0px 0px 0px;
    cursor: pointer;
}
#page.contact #regionInfo {
    list-style-type: none;
    margin: 20px 0px 0px;
    padding: 0px;
}
#page.contact #regionInfo li {
    display: none;
    padding: 0px 0px 0px 65px;
    margin: 0px 0px 20px;
    background: url('../images/contact.png') no-repeat 0px -50px;
}
#page.contact #regionInfo li.shown {
    display: block;
}
#page.contact #regionInfo li span {
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
#page.contact #emailSelect {
    width: 219px;
    margin: 0px 0px 0px;
    cursor: pointer;
}
#page.contact #emailInfo {
    list-style-type: none;
    margin: 20px 0px 0px;
    padding: 0px;
}
#page.contact #emailInfo li {
    display: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px;
}
#page.contact #emailInfo li.shown {
    display: block;
}
#page.contact #emailInfo li span {
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
/***** FORMS *****/

div.form p {
    font-size: 12px;
    margin: 0px 0px 10px;
}

div.form label {
    display: none;
    font-weight: normal;
    font-size: 12px;
}
.address-form div label, #credit_card_form_container div label {
    font-size: 14px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    padding: 10px;
    display: inline;
    float: left;
}
.address-form div label span, #credit_card_form_container div label span {
    display: none;
}

div.form label.show {
    display: inline;
}
div.form input[type=text],
div.form input[type=password] {
    margin: 0px;
    padding: 10px;
    height: 20px;
    font-size: 14px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    border: none;
    background: #ebebeb;
    border-radius: 0px;
    -webkit-appearance: none;
}
.address-form div input[type=text], .address-form div input[type=password], #credit_card_form_container div input[type=text], #credit_card_form_container div input[type=password] {
    float: right;
}
div.form textarea {
    border: 1px solid #999;
    border-radius: 0px;
}
div.form .row {
    margin: 0px 0px 10px;
}
.address-form .row, #credit_card_form_container .row {
    margin: 0px 0px 10px;
    height: 50px;
}
div.form .row.captcha {} div.form .row.captcha a {
    font-size: 12px;
}
div.form .row.buttons {} div.form .chbx label {
    display: inline;
}
div.form input[type=checkbox] {
    margin: 0px 2px 0px 0px;
}
div.form input[type=submit],
div.form input[type=button] {
    padding: 20px 30px;
    border: none;
    color: #fff;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-appearance: none;
    background-color: #19cab8;
    border-radius: 0px;
}
div.form input[type=submit]:hover,
div.form input[type=submit]:active,
div.form input[type=button]:hover,
div.form input[type=button]:active {
    background-color: #02a085;
}
/*** Custom Select Box ***/

.customSelect {
    height: 40px;
    padding: 0px 40px 0px 0px;
    background: #19cab8 url('../images/selectArrow.png') no-repeat right top;
    cursor: pointer;
}
.address-form .customSelect, #credit_card_form_container .customSelect {
   float: right;
   margin-top: -50px;
}
.customSelect.customSelectHover {
    background-color: #02a085;
}
.customSelect.customSelectOpen {
    background-color: #02a085;
}
.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
}
.customSelect.customSelectDisabledOption {
    /* Styles for when the selected item is a disabled one */
}
.customSelect.customSelectDisabled {
    /* Styles for when the select box itself is disabled */
}
.customSelectInner {
    height: 18px;
    padding: 11px;
    font-size: 16px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    border-right: none;
    background: #ebebeb;
}
/* .customSelectInner {
	height: 18px;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-right: none;
	background: #fff;
} */

/****** PAGER / PAGINATION ******/

.pager {
    font-family: 'OpenSansConLt', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 40px;
    text-align: right;
}
.pager ul.yiiPager {
    margin: 0px;
    padding: 0px;
}
.pager ul.yiiPager li {
    font-weight: normal;
    font-size: 25px;
    line-height: 40px;
}
.pager ul.yiiPager li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    border: none;
    color: #333;
    background-color: #ebebeb;
}
.pager ul.yiiPager li a:hover,
.pager ul.yiiPager li a:active {
    color: #fff;
    background-color: #3ab3a5;
}
.pager ul.yiiPager li.selected a,
.pager ul.yiiPager li.selected a:hover,
.pager ul.yiiPager li.selected a:active {
    font-weight: normal;
    color: #fff;
    background-color: #028d7c;
    cursor: default;
}
.pager ul.yiiPager li.previous a {
    background: #ebebeb url('../images/arrowSprite.png') no-repeat 0px 0px;
}
.pager ul.yiiPager li.previous a:hover,
.pager ul.yiiPager li.previous a:active {
    background: #3ab3a5 url('../images/arrowSprite.png') no-repeat 0px -40px;
}
.pager ul.yiiPager li.next a {
    background: #ebebeb url('../images/arrowSprite.png') no-repeat -40px 0px;
}
.pager ul.yiiPager li.next a:hover,
.pager ul.yiiPager li.next a:active {
    background: #3ab3a5 url('../images/arrowSprite.png') no-repeat -40px -40px;
}
/****** MODAL LAYOUT PAGES ******/

.modal {
    background: #ebebeb;
    margin: 0px;
    padding: 0px;
}
.modal #page {
    background: none;
    width: 600px;
    margin: 0px;
    padding: 0px;
}
.modal #page #modalTitle {
    background: #3ab3a5 url('../images/modalHeader.png') no-repeat 20px 0px;
    margin: 20px 0px;
    padding: 25px 50px 25px 115px;
    color: #fff;
    font-family: 'OpenSansConBd', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    height: 25px;
}
.modal #page #content {
    background: #fff;
    margin: 0px;
    padding: 20px 40px 20px 20px;
}
/****** ADVERTISEMENTS ******/

.adBanner {
    width: 540px;
    height: 100px;
}
.adLarge {
    width: 330px;
}
.adSmall {
    width: 330px;
}
/***** SEACH RESULTS PAGE *****/

.searchResultsHeader .form input {
    float: left;
}
.searchResultsHeader .form input[type=text] {
    width: 280px;
}
.searchResultsHeader .form input[type=submit] {
    margin: 0px;
    padding: 0px 20px;
    height: 40px;
}
.resultSet {
    margin: 30px 0px 0px;
    padding: 30px 0px 0px;
    border-top: 1px solid #ebebeb;
}
.resultSet ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.resultSet ul li {
    margin: 0px 0px 20px;
}
.resultSet ul li h3 {
    margin: 0px 0px 10px;
}
.resultSet ul li img {
    float: left;
    margin: 0px 20px 0px 0px;
}
.resultSet ul li.searchProduct img {
    width: 50px;
}
.resultSet ul li.searchPost img {
    width: 100px;
}
/****** HEALTH VAULT (NEWS MODULE) ******/

/*** Health Vault Header Link ***/

#page.newsModule {
    background: #fff url('../images/hvBg.png') repeat-x top center;
}
#hvHeader {
    margin: 0px;
    padding: 5px;
    height: 36px;
    font-family: 'OpenSansSemi', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #00c4b0;
}
#hvHeader a {
    display: block;
    float: right;
    width: 120px;
    height: 24px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 30px 6px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    color: #333;
    background: #fff url('../images/shopNow.png') no-repeat 0px 0px;
}
#hvHeader a:hover,
#hvHeader a:active {
    text-decoration: none;
    background: #ebebeb url('../images/shopNow.png') no-repeat 0px -36px;
}
/*** Main/Index Page ***/

/* Featured Articles */

#featuredArticles {
    width: auto;
    height: 844px;
    position: relative;
}
#featuredArticles .featuredArticle {
    position: absolute;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#featuredArticles .featuredArticle a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    background-color: none;
    position: relative;
}
#featuredArticles .featuredArticle a:hover,
#featuredArticles .featuredArticle a:active {
    background-color: #199687;
    /* for IE8 */
    background-color: rgba(25, 150, 135, 0.7);
}
#featuredArticles .featuredArticle .featuredText {
    position: absolute;
    padding: 20px;
    text-shadow: 1px 1px 1px #333;
    top: 40%;
    width: 70%;
}
#featuredArticles .featuredArticle h2 {
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #fff;
    margin: 0px;
}
#featuredArticles .featuredArticle p {
    font-family: 'OpenSansSemi', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    margin: 0px;
}
#featuredArticles #featured1 {
    top: 0px;
    left: 0px;
    width: 623px;
    height: 422px;
}
#featuredArticles #featured2 {
    top: 0px;
    left: 623px;
    width: 317px;
    height: 422px;
}
#featuredArticles #featured3 {
    top: 422px;
    left: 0px;
    width: 317px;
    height: 211px;
}
#featuredArticles #featured4 {
    top: 633px;
    left: 0px;
    width: 317px;
    height: 211px;
}
#featuredArticles #featured5 {
    top: 422px;
    left: 317px;
    width: 306px;
    height: 422px;
}
#featuredArticles #featured6 {
    top: 422px;
    left: 623px;
    width: 317px;
    height: 211px;
}
#featuredArticles #featured7 {
    top: 633px;
    left: 623px;
    width: 317px;
    height: 211px;
}
/* Staff Picks Slider */

#staffPicks {
    margin: 10px 0px 20px;
}
#staffPicks h2 {
    float: left;
    width: 120px;
    height: 81px;
    padding: 20px 10px 20px 0px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
#staffPicks h2 hr {
    margin: 5px 0px;
    height: 1px;
    border-top: 1px solid#c2c2c2;
}
.picksPrev,
.picksNext {
    float: left;
    width: 30px;
    height: 121px;
    font-size: 36px;
    line-height: 111px;
    text-align: center;
    color: #333;
    background-color: #ebebeb;
}
.picksPrev:hover,
.picksPrev:active,
.picksNext:hover,
.picksNext:active {
    color: #fff;
    background-color: #017567;
    text-decoration: none;
}
.picksCarousel {
    float: left;
    width: 730px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
}
.picksCarousel ul {
    width: 20000em;
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.picksCarousel ul li {
    float: left;
    margin: 0px 10px 0px 0px;
}
.picksCarousel ul li a {
    display: block;
    width: 175px;
    height: 145px;
    font-family: 'OpenSansSemi', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    background-color: #ebebeb;
    overflow: hidden;
}
.picksCarousel ul li a:hover,
#staffPicks li a:active {
    color: #fff;
    background-color: #017567;
}
.picksCarousel ul li img {
    display: block;
    width: 175px;
    height: 121px;
    border-bottom: 2px solid #fff;
}
.picksCarousel ul li span {
    display: inline-block;
    padding: 2px 5px;
}
/* Newsletter Signup */

#nlSignup {
    height: 94px;
    border: 1px solid #c2c2c2;
}
#nlSignup .nlBorder {
    width: 100%;
    height: 8px;
    margin: 0px;
    padding: 0px;
    clear: both;
    background: url('../images/nlBorder.png') no-repeat top center;
}
#nlSignup img {
    float: left;
    width: 140px;
    height: 78px;
    margin: 0px 10px;
}
#nlSignup h2 {
    float: left;
    width: 300px;
    height: 58px;
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 28px;
}
#nlSignup form {
    display: block;
    float: right;
    width: 440px;
    margin: 16px 10px 0px 0px;
    height: 20px;
    padding: 8px 0px;
    border-bottom: 1px solid #959595;
}
#nlSignup form input {
    margin: 0px;
    padding: 0px 0px;
    border: 0px;
    height: 20px;
    background: none;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    -webkit-appearance: none;
}
#nlSignup form input:focus {
    outline: none;
}
#nlSignup form input[type=text] {
    color: #333;
    font-size: 11px;
    width: 360px;
}
#nlSignup form input[type=submit] {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}
#nlSignup form input[type=text]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #959595;
}
#nlSignup form input[type=text]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #959595;
}
#nlSignup form input[type=text]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #959595;
}
#nlSignup form input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #959595;
}
/*** Health Vault Main Section ***/

#hvMain {
    float: left;
    width: 578px;
    margin: 0px 10px 0px 0px;
    border: 1px solid #ebebeb;
}
/*** Health Vault Sidebar ***/

#hvSidebar {
    float: left;
    width: 330px;
    margin: 0px;
    padding: 9px;
    border: 1px solid #ebebeb;
}
#hvSidebar h2 {
    margin: 10px 0px 0px;
    padding: 7px 10px;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 21px;
    color: #fff;
    background: #c24837;
}
#hvSidebar .popArticles {
    margin: 0px 0px 10px;
    padding: 0px;
    list-style-type: none;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background: #c24837;
}
#hvSidebar .popArticles li {
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-top: 1px solid #fff;
}
#hvSidebar .popArticles img {
    float: left;
    width: 80px;
    margin: 0px 15px 0px 0px;
}
#hvSidebar .popArticles a,
#hvSidebar .popArticles a:hover,
#hvSidebar .popArticles a:active {
    width: 205px;
    float: left;
    color: #fff;
    text-decoration: none;
}
#hvSidebar .popArticles span {
    font-size: 12px;
}
#hvSidebar .fb-like-box {
    width: 330px;
    height: 300px;
    margin: 0px 0px 10px;
}
/*** Health Vault Detail Page ***/

.postHeader {
    padding: 19px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.postHeader h1 {
    margin: 0px 0px 5px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
}
.postHeader .postAuthor,
.listingBody .articleAuthor {
    margin: 0px 0px 5px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.postHeader .postMeta,
.listingBody .articleMeta {
    margin: 0px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #959595;
}
.postHeader .postLinks {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.postHeader .postLinks .shareIt,
.postHeader .postLinks .saveIt {
    display: block;
    float: right;
    margin: 0px 0px 0px 1px;
    width: 110px;
    height: 40px;
    cursor: pointer;
    text-indent: -9999px;
}
.postHeader .postLinks .shareIt {
    background: url('../images/shareSprite.png') no-repeat 0px 0px;
}
.postHeader .postLinks .shareIt:hover,
.postHeader .postLinks .shareIt:active {
    background: url('../images/shareSprite.png') no-repeat 0px -40px;
}
.postHeader .postLinks .saveIt {
    background: url('../images/shareSprite.png') no-repeat -110px 0px;
}
.postHeader .postLinks .saveIt:hover,
.postHeader .postLinks .saveIt:active {
    background: url('../images/shareSprite.png') no-repeat -110px -40px;
}
.postBody {
    padding: 19px;
}
.postBody .postImg {
    width: 540px;
    margin: 0px 0px 19px;
}
.postBody .postTags {
    font-size: 12px;
}
.postBody .adBanner {
    margin: 30px 0px;
}
.postBody .fb-comments {
    margin: 0px;
}
/*** Health Vault Cat/Tag Listing Pages ***/

.listingHeader {
    padding: 19px;
    border-bottom: 1px solid #ebebeb;
}
.listingHeader h1 {
    margin: 10px 0px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 24px;
    line-height: 24px;
}
.listingHeader h1 span {
    color: #19cab8;
}
.listingBody {
    padding: 19px;
}
.listingBody .listingArticle {
    display: block;
    padding: 20px 15px 30px;
    background-color: #f1f1f1;
    margin: 0px 0px 19px;
    position: relative;
}
.listingBody .listingArticle .articleImg {
    float: left;
    width: 212px;
    margin: -20px 15px 15px -15px;
}
.listingBody .listingArticle h2 {
    margin: 0px 0px 5px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    color: #000;
}
.listingBody .listingArticle .btnMore {
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #fff;
    background: #017567 url('../images/btnMore.png') no-repeat 0px -40px;
}
.listingBody .listingArticle .btnMore:hover,
.listingBody .listingArticle .btnMore:active {
    color: #017567;
    background: #e0e0e0 url('../images/btnMore.png') no-repeat 0px 0px;
}
.listingBody .listingArticle h2 a {
    color: #000;
}
.listingBody .listingArticle h2 a:hover,
.listingBody .listingArticle h2 a:active {
    color: #1b9889;
    text-decoration: none;
}
.listingBody .listingArticle .articleMeta {
    margin: 0px 0px 20px;
}
/****** STORE MODULE ******/

#page.storeModule.productList,
#page.storeModule.productDetail,
#page.storeModule.category {
    background: #ebebeb;
}
.storeModule.productList #content,
.storeModule.category #content {
    background: none;
    padding: 0px;
}
.storeModule .pager {
    padding: 10px 0px;
    background: #ebebeb;
}
.storeModule .pager ul.yiiPager li {
    margin: 0px 0px 0px 10px;
}
.storeModule .pager ul.yiiPager li a {
    background-color: #fff;
}
.storeModule .pager ul.yiiPager li a:hover,
.storeModule .pager ul.yiiPager li a:active {
    background-color: #3ab3a5;
}
.storeModule .pager ul.yiiPager li.selected a,
.storeModule .pager ul.yiiPager li.selected a:hover,
.storeModule .pager ul.yiiPager li.selected a:active {
    background-color: #028d7c;
}
.storeModule .pager ul.yiiPager li.previous a {
    background-color: #fff;
}
.storeModule .pager ul.yiiPager li.previous a:hover,
.storeModule .pager ul.yiiPager li.previous a:active {
    background-color: #3ab3a5;
}
.storeModule .pager ul.yiiPager li.next a {
    background-color: #fff
}
.storeModule .pager ul.yiiPager li.next a:hover,
.storeModule .pager ul.yiiPager li.next a:active {
    background-color: #3ab3a5;
}
/*** Change Currency Selection ***/

#currency {
    float: right;
    padding: 12px 20px;
    min-width: 130px;
    height: 26px;
    line-height: 26px;
    background-color: #1b9889;
}
#currency #currencyChange,
#currency #currencySelect .close {
    display: block;
    float: right;
    margin: 0px 0px 0px 5px;
    padding: 2px 4px;
    background: #017567;
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
#currency #currencySelect {
    visibility: hidden;
}
#currency #currencySelect .customSelect {
    height: 24px;
    padding: 0px 24px 0px 0px;
    background: #19cab8 url('../images/selectArrowSm.png') no-repeat right top;
    cursor: pointer;
}
#currency #currencySelect .customSelect.customSelectHover {
    background-color: #017567;
}
#currency #currencySelect .customSelect.customSelectOpen {
    background-color: #017567;
}
#currency #currencySelect .customSelectInner {
    height: 20px;
    padding: 1px 2px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc;
    border-right: none;
    background: #fff;
}
/*** Add to Cart Buttons ***/

.btnCart,
.btnCart:visited {
    display: block;
    width: 120px;
    height: 25px;
    font-family: 'OpenSansConLt', Arial, sans-serif;
    font-size: 25px;
    line-height: 25px;
    padding: 7px 40px 8px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    color: #fff;
    background: #017567 url('../images/btnCart.png') no-repeat 0px 0px;
}
.btnCart:hover,
.btnCart:active {
    text-decoration: none;
    color: #017567;
    background: #ebebeb url('../images/btnCart.png') no-repeat 0px -40px;
}
/*** Products Listing & Categories Pages ***/

.product {
    margin: 0px;
    float: left;
    width: 252px;
    height: 230px;
    padding: 30px 30px 52px 30px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: #fff;
}
.product img {
    float: left;
    margin: 0px 13px 0px 0px;
    width: 112px;
    height: 230px;
}
.product h3 {
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-size: 18px;
    margin: 20px 0px 10px;
}
.product h3 a,
.product h3 a:visited {
    color: #333;
}
.product h3 a:hover,
.product h3 a:active {
    color: #017567;
    text-decoration: none;
}
.product p {
    margin: 0px 0px 10px;
}
.product .price {
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-size: 18px;
}
.product .btnCart {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/*** Product Detail Pages ***/

.productDetail #content {
    padding: 20px;
}
.productDetail #content p a {
    color: #00a3e9;
    font-weight: bold;
    font-family: 'OpenSans', Arial, sans-serif;
    text-decoration: underline;
}
.productDetail #productLeft {
    float: left;
    width: 210px;
    text-align: center;
    margin: 20px 20px 0px 0px;
    font-size: 12px;
}
.productDetail #productLeft h4 {
    margin: 0px 0px 5px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.productDetail #productLeft #productDiscount {
    width: 70%;
    margin: 0px auto;
    padding: 10px;
    border: 2px dashed #ebebeb;
}
.productDetail #productLeft h5 {
    margin: 0px 0px 10px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.productDetail #productLeft h5 span {
    color: red;
}
.productDetail #productLeft p {
    margin: 0px;
}
.productDetail #productDetails {
    float: left;
    width: 410px;
    margin: 20px 20px 0px 0px;
    font-size: 12px;
}
.productDetail #productDetails p,
.productDetail #productDetails div {
    margin: 0px 0px 20px;
}
.productDetail #productDetails h4,
.productDetail #productDetails label {
    margin: 0px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.productDetail #productDetails #productQty {
    margin: 10px 0px 20px;
}
.productDetail #productDetails input {
    width: 30px;
    height: 20px;
    margin: 0px 5px;
    padding: 10px 5px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    background: #ebebeb;
}
.productDetail #productDetails #productShipping {
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
.productDetail #productDetails .btnCart {
    margin: 0px 0px 25px;
}
.productDetail #productRight {
    float: left;
    width: 240px;
    margin: 0px 0px 0px 0px;
}
#productRight .adLarge {
    width: 240px;
}
#productRight #upsells {
    margin: 10px 0px 0px;
}
#productRight #upsells h2 {
    margin: 0px;
    padding: 6px 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    background: #017567;
}
#productRight #upsells .product {
    margin: 0px 0px 10px;
    float: none;
    width: 220px;
    height: 220px;
    padding: 10px;
    position: relative;
    border: none;
    font-size: 12px;
    background: #f1f1f1 url('../images/upsellBg.png') no-repeat 0px 0px;
}
#productRight #upsells .product img {
    float: left;
    margin: 0px 10px 0px 0px;
    max-width: 100%;
}
#productRight #upsells .product h3 {
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-size: 14px;
    margin: 10px 0px 10px;
}
#productRight #upsells .product h3 a,
.product h3 a:visited {
    color: #333;
}
#productRight #upsells .product h3 a:hover,
.product h3 a:active {
    color: #017567;
    text-decoration: none;
}
#productRight #upsells .product p {
    margin: 0px 0px 10px;
    font-size: 12px;
}
#productRight #upsells .product .price {
    font-family: 'OpenSansConBd', Arial, sans-serif;
    font-size: 18px;
}
#productRight #upsells .product .btnCart,
#productRight #upsells .product .btnCart:visited {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60px;
    height: 13px;
    font-size: 13px;
    line-height: 13px;
    padding: 3px 20px 4px 0px;
    background: #017567 url('../images/btnCartSm.png') no-repeat 0px 0px;
}
#productRight #upsells .product .btnCart:hover,
#productRight #upsells .product .btnCart:active {
    background: #ebebeb url('../images/btnCartSm.png') no-repeat 0px -20px;
}
/*** Shopping Cart ***/

.storeModule.cart #content {
    padding: 10px 0px;
}
#cart {
    border: none;
    margin: 10px 0px;
}
#cart th,
td {
    padding: 5px 20px;
}
#cart th {
    font-weight: bold;
}
#cart td {
    background: #ebebeb;
}
#cart thead {
    margin: 0px;
    padding: 0px;
}
#cart thead tr {
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-align: left;
}
#cart thead tr th {
    padding: 10px 20px;
    background: #19cab8;
}
#cart tr.item {
    border-bottom: 1px solid #fff;
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
#cart tr.item td {
    padding: 10px 20px;
    height: 84px;
    vertical-align: middle;
}
#cart tr.item td.image {
    width: 42px;
    padding: 10px 0px 10px 20px;
}
#cart tr.item td.image img {
    width: 42px;
    height: 84px;
}
#cart tr.item td.desc a {
    color: #333
}
#cart tr.item td.qty {
    width: 120px;
    text-align: left;
}
#cart tr.item td.qty input[type=text] {
    padding: 1px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: none;
    background: #d7d7d7;
    cursor: pointer;
    -webkit-appearance: none;
}
#cart tr.item td.qty span {
    display: inline-block;
    padding: 1px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: none;
    background: none;
}
#cart tr.item td.qty input[type=text]:focus {
    outline: none;
    background: #fff;
}
#cart tr.item td.qty input[type=button],
#cart #updateQty {
    color: #333;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    border: none;
    background: none;
    -webkit-appearance: none;
    padding: 0px;
}
#cart #updateQty {
    color: #fff;
}
#cart tr.item td.price {
    width: 80px;
    text-align: right;
}
#cart tr.item td.price .cartPremierPrice {
    color: red;
    margin: 0px;
}
#cart tr.item td.price .cartPremierPrice span {
    font-size: 11px;
}
#cart tfoot {
    font-style: normal;
    text-align: right;
    background: #fff;
}
#cart tfoot tr {
    text-align: right;
}
#cart tfoot th {
    text-align: right;
    vertical-align: middle;
}
#cart tfoot tr.subTotal {
    background: #d7d7d7;
    border-bottom: 10px solid #fff;
}
#cart tfoot tr.vipSavings td {
    font-size: 11px;
    background: #fff;
}
#cart tfoot tr.vipSavings span {
    color: #ff0000;
    font-weight: bold;
}
#cart tfoot tr.vipSavings th {
    font-size: 14px;
    background: #f8db19;
}
#cart tfoot tr.mobileSavings {
    display: none;
}
#cart tfoot tr.total {
    font-size: 16px;
}
a.btnCheckout {
    float: right;
    padding: 15px 10px;
    border: none;
    background: #19cab8;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
a.btnCheckout:hover,
a.btnCheckout:active {
    text-decoration: none;
    background: #199687;
}
.cartAd1,
.cartAd2 {
    width: 460px;
    height: 135px;
    float: left;
    margin: 40px 0px 0px;
    background: #d7d7d7;
    text-align: center;
}
.cartAd1 {
    margin-right: 20px;
}
.cartAd1 img,
.cartAd2 img {
    width: 460px;
    height: 135px;
}
/*** Checkout Page ***/

#page.checkout h2 {
    font-size: 24px;
}
#page.checkout h3 {
    font-size: 16px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: bold;
    color: #028d7c;
    margin: 0px 0px 5px;
}
#page.checkout #checkoutLogin,
#page.checkout #orderSummary {
    padding: 0px 0px 30px;
    margin: 0px 0px 25px;
    border-bottom: 2px dashed #ebebeb;
}
#page.checkout .form input[type=text],
#page.checkout .form select {
    width: 440px;
}
.address-form div input[type=text],
.address-form div select,
#credit_card_form_container div input[type=text],
#credit_card_form_container div select {
    width: 300px !important;
}
#ShipAddressForm_country, #PaymentForm_cc_exp_mm, #PaymentForm_cc_exp_yyyy, #PaymentForm_payment_method {
    position: static !important;
    float: right;
}
/* Checkout Login */

#page.checkout #checkoutLogin .form div {
    float: left;
}
#page.checkout #checkoutLogin .form input[type=text] {
    margin-right: 20px;
}
#page.checkout #checkoutLogin .form input[type=password] {
    width: 400px;
}
#page.checkout #checkoutLogin .form input[type=submit] {
    padding: 0px;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url('../images/arrowSprite.png') no-repeat -40px -40px;
    background-color: #19cab8;
}
#page.checkout #checkoutLogin .form input[type=submit]:hover,
#page.checkout #checkoutLogin .form input[type=submit]:active {
    background-color: #02a085;
}
/* Order Summary */

#cart.summary {
    border: none;
    margin: 0px;
}
#cart.summary thead tr th.qty {
    text-align: center;
}
#cart.summary tr.item td {
    padding: 5px 20px;
    height: auto;
}
#cart.summary tr.item td.qty {
    text-align: center;
}
#cart.summary tfoot {
    font-style: normal;
    text-align: right;
    background: #d7d7d7;
}
#cart.summary tfoot tr.total {
    font-size: 16px;
}
/* Checkout Payment Form */

.busy_indicator {
    width: 32px;
    height: 32px;
    background-image: url('../images/busy-indicator.gif');
    display: none;
}
#page.checkout .left,
#page.checkout .right {
    width: 460px;
    float: left;
    height: 100%;
}
#page.checkout #credit_add_forms,
#page.checkout #payment_select {
    display: none;
}
#page.checkout #payment_select ul {
    list-style: none;
}
#page.checkout #payment_select ul li label {
    display: inline;
}
#page.checkout #billing,
#page.checkout #shipping,
#page.checkout #payment {
    float: left;
    width: 460px;
    margin: 0px 0px 20px 0px;
}
#page.checkout #billing {
    margin-right: 20px;
}
.same {
    opacity: 0.5;
}
#processing .busy_indicator {
    display: block;
    float: left;
}
#processing div.text {
    margin-left: 8px;
    float: left;
}
#page.checkout .form .twoFields input[type=text] {
    width: 200px;
    margin: 0px 5px 0px 0px;
}
#page.checkout .form .twoFields select {
    width: 198px;
}
#page.checkout .form .twoFields .customSelect {
    margin: 0px 5px 0px 0px;
}
#page.checkout #cartSecure {
    margin: 20px 0px 0px;
    text-align: center;
    font-size: 12px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
}
/* Alternate Payment Form */

#alternateform {
    position: relative;
}
#alternateform ul.altPaymentList {
    list-style: none;
    margin: 0;
    padding: 0;
}
#alternateform ul.altPaymentList li {
    float: left;
    margin-right: 20px;
}
#alternateform .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ffffff;
    top: 0;
    left: 0;
}
#alternateform .errors {
    border: 1px solid red;
    padding: 4px;
    color: red;
}
/*** Order Confirmation Page ***/

#page.thankyou #orderSummary {
    margin: 0px 0px 30px;
}
#page.thankyou #billing,
#page.thankyou #shipping,
#page.thankyou #payment {
    float: left;
    width: 360px;
    margin: 0px;
}
#page.thankyou h2 {
    margin: 0px 0px 5px;
}
/****** ACCOUNT/MEMBERS MODULE ******/

/*** Member Login ***/

#page.login div.form div {
    float: left;
}
#page.login div.form input[type=text] {
    width: 440px;
    margin-right: 20px;
}
#page.login div.form input[type=password] {
    width: 400px;
}
#page.login div.form input[type=submit] {
    padding: 0px;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url('../images/arrowSprite.png') no-repeat -40px -40px;
    background-color: #19cab8;
}
#page.login div.form input[type=submit]:hover,
#page.login div.form input[type=submit]:active {
    background-color: #02a085;
}
#page.login div.errors {
    margin: 20px 0px;
    color: red;
}
#page.login div.errors p {
    margin: 0px 0px 10px;
}

/***  Member  Forgot  Password  ***/

#page.forgotpassword  div.form  div  {
        float:  left;
}
#page.forgotpassword  div.form  input[type=text]  {
        width:  440px;
        margin-right:  0;
}

#page.forgotpassword  div.form  input[type=submit]  {
        padding:  0px;
        margin:  0px;
        width:  40px;
        height:  40px;
        text-indent:  -9999px;
        background:  url('../images/arrowSprite.png')  no-repeat  -40px  -40px;
        background-color:  #19cab8;
}
#page.forgotpassword  div.form  input[type=submit]:hover,
#page.forgotpassword  div.form  input[type=submit]:active  {
        background-color:  #02a085;
}
#page.forgotpassword  div.errors  {
        margin:  20px  0px;
        color:  red;
}
#page.forgotpassword  div.errors  p  {
        margin:  0px  0px  10px;
}

/*** My Account ***/

#page.account .flashmessage {
    margin: 0px 0px 10px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-style: italic;
}
#page.account #name_email,
#page.account #password,
#page.account #billing,
#page.account #shipping {
    float: left;
    width: 460px;
    margin: 0px 0px 20px 0px;
}
#page.account #password,
#page.account #shipping {
    margin: 0px 0px 20px 20px;
}
#page.account h3 {
    font-size: 16px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: bold;
    color: #028d7c;
    margin: 0px 0px 10px;
}
#page.account hr {
    clear: both;
    height: 0px;
    margin: 20px 0px;
    border: none;
    border-bottom: 2px dashed #ebebeb;
}
#page.account div.form div.row {
    height: 40px;
    clear: both;
    margin: 0px 0px 10px;
}
#page.account div.form label {
    display: block;
    float: left;
    margin: 0px;
    padding: 10px 5px;
    width: 140px;
    height: 20px;
    line-height: 20px;
    font-family: 'OpenSansSemi', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: right;
    background-color: #19cab8;
}
#page.account div.form label span.required {
    display: none;
}
#page.account div.form input[type=text],
#page.account div.form input[type=password] {
    float: left;
    width: 290px;
}
#page.account div.form div.row select {
    float: left;
    width: 288px;
}
/********************************************* 
	RESPONSIVE LAYOUTS - TABLET & MOBILE
**********************************************/
#maxquant {
width: 30px;
}