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

/*********** GLOBAL ELEMENT CSS ***********/
body { 
	font: 14px 'OpenSans', Arial, Helvetica, sans-serif; 
	-webkit-text-size-adjust: none;
	background-color:#2885ad;
}

h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 24px; }
h2 { font-size: 21px;  }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 15px;  }

a, a:visited { color: #2885ad; text-decoration: none; }
a:hover, a:active { color: #2c91bc; text-decoration: underline; }
/*	webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #fcd700; } 

p { margin: 0 0 20px 0; }

/*** 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; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/************* FRONTEND LAYOUT ************/
#page {
	background: #fff url('../images/mPageBg.png') repeat-x top center;
	padding: 0px 0px 20px;
}

#wrapper {
	width:100%;
	margin: 0px auto;
}

#content {
	width:320px;
	margin: 0px auto;
	padding: 10px 0px;
	min-height: 300px;
	background: #fff;
}

/*** Header ***/
#header {
	width:100%;
	height: 170px;
	margin: 0px auto 19px;
	padding: 0px;
	background: none;
}

#logo {
	display: block;
	float: none;
	width:100%;
	height: 75px;
	background: #fff url('../images/logo.png') no-repeat top center;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#lang-dropdown {
    left:63%;
}

/*** Main Menu ***/
#mainmenu {
	background: none;
	float: none;
	width:100%;
	height: auto;
	margin: 0px auto;
	position: relative;
}

#mainmenu #navSelect { 
	display: block; 
	width: 280px;
	height: 18px;
	margin: 0px auto;
	padding: 11px 20px;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	cursor: pointer;
	color: #2885ad;
	background: #e0e0e0 url('../images/mMenuArrow.png') no-repeat 290px 0px;
}
#mainmenu #navSelect.open { 
	background: #e0e0e0 url('../images/mMenuArrow.png') no-repeat 290px -40px; 
}

#mainmenu ul {
	width:100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 40px;
	left:0px;
	float: none;
	list-style-type: none;
	font-family: 'OpenSansConLt', Arial, sans-serif;
}

/*** Mobile Nav 1 ***/
#mainmenu ul#nav1 {
	display: none;
	width:320px;
	left:50%;
	margin-left:-160px;
	z-index: 9999;
}

#mainmenu ul#nav1 li {
	margin: 0px;
	float: none;
	position: static;
	background-color: #2c91bc; /* for IE8 */
	background-color: rgba(44, 145, 188, 0.9);
}
#mainmenu ul#nav1 li:hover, #mainmenu ul#nav1 li:active, #mainmenu ul#nav1 li.active {
	background-color: #2885ad; /* for IE8 */
	background-color: rgba(40, 133, 173, 0.9);
}
#mainmenu ul#nav1 li a {
	display: block;
	color: #fff;
	background: none;
	height: 18px;
	font-size: 17px;
	line-height: 18px;
	text-decoration: none;
	padding: 7px 20px;
}
#mainmenu ul#nav1 li:hover > a, #mainmenu ul#nav1 li:active > a, #mainmenu ul#nav1 li.active a {
	color: #fff;
	background: none;
}

#mainmenu #navHome a {
	text-indent: 0px;
	width: auto;
	background: none;
}
#mainmenu #navHome a:hover, #mainmenu #navHome a:active { background: none; }

#mainmenu ul#nav1 li.dd { background: none; }

#mainmenu ul#nav1 li.dd > a {
	background: url('../images/ddArrow.png') no-repeat 80px 14px;
	background-color: #2c91bc;
    /* for IE8 */
    background-color: rgba(44, 145, 188, 0.9);
}
#mainmenu ul#nav1 li.dd:hover > a, #mainmenu ul li.dd:active > a {
	background: url('../images/ddArrow.png') no-repeat 80px 14px;
	background-color: #2885ad;
    /* for IE8 */
    background-color: rgba(40, 133, 173, 0.9);
}

/*** Dropdown Menus ***/
#mainmenu ul#nav1 li ul { 
	display: block; 
	list-style-type: none; 
	background: none;
	position: static; 
	padding: 0px; 
	text-align: left; 
	top: 0px;
	left: 0px;
	
}
#mainmenu ul#nav1 li ul li { 
	width: auto;
	float: none;
	margin: 0px;
	background: none;
}
#mainmenu ul#nav1 li ul li:hover, #mainmenu ul li ul li:active {
	background: none;
}
#mainmenu ul#nav1 li ul li a { 
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	font-size: 14px;
	width: auto;
	padding: 6px 40px;
	background-color: #2c91bc;
    /* for IE8 */
    background-color: rgba(44, 145, 188, 0.9);
}
#mainmenu ul#nav1 li ul li a:hover, #mainmenu ul li ul li a:active {
	background-color: #2885ad;
    /* for IE8 */
    background-color: rgba(40, 133, 173, 0.9);
}

/*** Mobile Nav 2 ***/
#mainmenu ul#nav2 { 
	display: block; 
	background: #2885ad;
	width:320px;
	left:50%;
	margin-left:-160px;
}

#mainmenu ul#nav2 li a { 
	display: block;
	height: 31px;
	font-size: 17px;
	line-height: 31px;
	text-decoration: none;
	padding: 12px 30px;
}

#mainmenu ul#nav2 #navLogin a,
#mainmenu ul#nav2 #navAccount a,
#mainmenu ul#nav2 #navCart a {
	font-size: 16px;
	font-family: 'OpenSansConBd', Arial, sans-serif;
	color: #fff;
	background-color: #2c91bc;
}
#mainmenu ul#nav2 #navCart { width:38%; }
#mainmenu ul#nav2 #navLogin a:hover, #mainmenu ul#nav2 #navLogin a:active,
#mainmenu ul#nav2 #navAccount a:hover, #mainmenu ul#nav2 #navAccount a:active,
#mainmenu ul#nav2 #navCart a:hover, #mainmenu ul#nav2 #navCart a:active {
	background-color: #2885ad;
}
#mainmenu ul#nav2 #navCart a {
	position: relative;
	padding-right: 69px;
	background: #2c91bc url('../images/navCart.png') no-repeat right -10px;
}
#mainmenu #navCart a span {
	display: block;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 18px;
	color: #f8db19;
	font-size: 16px;
	text-align: center;
}
#mainmenu ul#nav2 #navAccount { 
	padding:0px;
	height:55px;
	background-color:#2885ad; 
}
#mainmenu ul#nav2 #navAccount a {
	font-size: 16px;
	height: 19px;
	line-height: 19px;
	padding: 4px 22px;
}

/*** Nav Search ***/
#mainmenu ul#nav2 #navSearch {
	float: right;
}

#mainmenu ul#nav2 #navSearch a {
	text-indent: -9999px;
	width: 44px;
	background: #e0e0e0 url('../images/navSearch.png') no-repeat 28px -10px;
}

#mainmenu ul#nav2 #navSearch.open a {
	background: #e0e0e0 url('../images/navSearch.png') no-repeat 56px -85px;
}

#mainmenu ul#nav2 #searchBox { 
	display: none;
	width: 280px;
	height: 55px;
	position: absolute; 
	top: 0px; 
	right: 40px; 
	background-color: #e0e0e0;
	overflow: hidden;
}

#mainmenu ul#nav2 #searchBox form {
	display: block;
	float: right;
	width: 254px;
	margin: 0px;
	height: 20px;
	padding: 8px 0px;
	border-bottom: 1px solid #959595;
}

#mainmenu ul#nav2 #searchBox input {
	margin: 0px;
	padding: 0px 0px;
	border: 0px;
	height: 20px;
	background: none;
	font-family: 'OpenSansSemi', Arial, sans-serif;
	-webkit-appearance: none;
}

#mainmenu ul#nav2 #searchBox input:focus {
    outline: none;
}

#mainmenu ul#nav2 #searchBox input[type=text] {
	color: #999;
	font-size: 11px;
	width: 194px;
}

#mainmenu ul#nav2 #searchBox input[type=submit] {
	color: #333;
	font-size: 14px;
}

/*** Footer ***/
#breadcrumbs { 
	padding:0px;
	height: 50px;
	margin: 0px 0px 50px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	font-size: 16px;
	line-height: 17px;
	color: #fff;
}

#breadcrumbs #bcInner {
	display:block;
	width:320px;
	padding:0px;
	height:auto;
	min-height:50px;
	margin:0px auto;
}
#breadcrumbs #bcInner .breadcrumbs { padding:16px 10px; }

#breadcrumbs a { text-decoration:underline; }
#breadcrumbs a:hover, #breadcrumbs a:active { color: #fff; }

/*** Footer ***/
#footer {
	width: 320px;
	min-height: 380px;
	margin: 0px auto;
	padding: 20px 0px 75px;
	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: 10px; 
	margin-bottom: 25px;
}

#footer .footSection h3 { 
	font-family: 'OpenSans', Arial, sans-serif;
	padding-bottom: 10px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

/* Instagram Widget */
#footer #footInstagram { 
	width: 148px;
	height: 264px;
	margin-left: 0px; 
}

#footer #footInstagram #instafeed {
	display: block;
	width: 148px;
	height: 222px;
	overflow: hidden;
	background: none;
}

#footer #footInstagram #instafeed img {
	width: 72px;
	height: 72px;
	float: left;
	margin: 1px;
} 

#footer #footTwitter { 
	width: 162px; 
}

/* Twitter Widget */
#footer #footTwitter { 
	width: 162px; 
	height: 264px;
	overflow: hidden;
}

#footer #footTwitter #twitterFeed { 
	display: block;
	padding: 10px 10px 50px;
	width: 142px; 
	font-family: 'OpenSansSemi', Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	background: #7bc2c8 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: #fff;
	font-size: 12px;
	font-family: 'OpenSansConBd', Arial, sans-serif;
	background: url('../images/twitterLink.png') no-repeat 0px 0px;
}

/* Footer Nav */
#footer #footNav, 
#footer #footEtc { 
	width: 155px; 
	text-align: left;
	text-transform: uppercase;
}
#footer #footNav { margin-left: 0px; }

#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: 270px;
	height: 75px;
	position: absolute; 
	bottom: 20px; 
	right: 0px; 
	border-left: 30px solid #7bc2c8;
	padding-right: 20px;
	background-color: #0c5c7e;
}

#footer #footSearch form {
	display: block;
	float: right;
	width: 260px;
	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: 180px;
}

#footer #footSearch input[type=submit] {
	color: #f1e4d6;
	font-size: 14px;
}

/*** Buttons ***/
.btnMore {
	display: block;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	color: #2885ad;
	width: 90px;
	height: 20px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	padding: 5px 30px 5px 0px;
	background: #e0e0e0 url('../images/btnMoreMd.png') no-repeat 0px 0px;
}

.btnMore:hover, .btnMore:active {
	background: #2885ad url('../images/btnMoreMd.png') no-repeat 0px -30px;
}

/********************** 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:320px;
	height: 666px;
	margin: 0px auto;
}

#bannerArea { 
	height: 390px;
	position: relative;
}

#bannerArea #bannerLinks {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#bannerArea #bannerLinks a {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: none;
	padding:0px;
}
#bannerArea #bannerLinks a.hide { display: none; }
#bannerArea #bannerPager {
	display: none;
}

/*** Home Links ***/
#homeLinks {
	width: 320px;
	height: 380px;
	background: #fff;
	margin: 0px;
	padding-bottom:0px;
}

#homeLinks #homeOfferings,
#homeLinks .homeLink {
	float: left;
	width: 160px;
	height: 190px;
}

#homeLinks .homeLink {
	text-align: center;
	font-size: 14px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 1em;
}

#homeLinks .homeLink h2 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}

#homeLinks #homeOfferings { position: relative; }
#homeLinks #homeOfferings h1 { 
	font-size: 24px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	font-weight: normal;
	color: #333;
	padding: 20px;
}
#homeLinks #homeOfferings .btnMore {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size:18px;
}

#homeLinks #homeOfferings .btnMore:hover, #homeLinks #homeOfferings .btnMore:active {
	background: #2885ad url('../images/btnMoreMd.png') no-repeat 0px -30px;
}
#homeLinks #homePR { background-size:90px; }
#homeLinks #homeHV { background-size:118px; }
#homeLinks #homeBP { background-size:60px; }
/*#homeLinks #homePR { background: #00c4b0 url('../images/mHomeLinks.png') no-repeat 0px 0px; }*/
/*#homeLinks #homePR:hover, #homeLinks #homePR:active { background: #00c4b0 url('../images/mHomeLinks.png') no-repeat 0px -190px; }*/

/*#homeLinks #homeHV { background: #01a490 url('../images/mHomeLinks.png') no-repeat -160px 0px; }*/
/*#homeLinks #homeHV:hover, #homeLinks #homeHV:active { background: #01a490 url('../images/mHomeLinks.png') no-repeat -160px -190px; }*/

/*#homeLinks #homeBP { background: #2885ad url('../images/mHomeLinks.png') no-repeat -320px 0px; }*/
/*#homeLinks #homeBP:hover, #homeLinks #homeBP:active { background: #2885ad url('../images/mHomeLinks.png') no-repeat -320px -190px; }*/
#homeLinks #homeBP h3 { margin-top:70px; }
#homeLinks #homeBP p { font-size:14px; }
#homeLinks #homeBP span { color: #fffea9; text-decoration: underline; }
#homeLinks #homeBP:hover span, #homeLinks #homeBP:active span { color: #f8db19; }

/*** Product Showcase ***/
h2#topProducts {
	font-weight: bold;
	font-size:26px;
	line-height:1em;
	text-align:center;
	text-transform: uppercase;
	padding: 20px 0px;
	margin: 0px;
}

h2#topProducts span {
	text-transform: none;
	color: #3ab3a5;
}

#showcase { margin: 0px 0px 40px; }

#showcase #topImages { 
	width:100%;
	height:390px;
	float: none;
	margin: 0px 0px 10px;
}

#showcase #topImages .topImg {
	width:49.3%;
	height:33%;
	float:left; 
	margin:1px;
	position: relative;
	overflow: hidden;
}
#showcase #topImages .topImg img { 
	position: absolute;
	max-width: 198px;
	width:100%;
	top: 0px;
	left:0px;
}
#showcase #topImages .topImg div {
	display: none;
	width:80%;
	height:80%;
	padding:10%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	color: #fff;
	font-size:10px;
}
#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: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 8px;
}
#showcase #topLinks {
	width: 320px;
	height: auto;
	float: none;
}
#showcase #topLinks .topLink {
	display: block;
	float: left;
	width: 118px;
	height: 12px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding: 14px 40px 14px 0px;
	margin: 0px 2px 2px 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	color: #2885ad;
	background: #e0e0e0 url('../images/btnProduct.png') no-repeat -62px 0px;
}
#showcase #topLinks .topLink:hover, #showcase #topLinks .topLink:active {
	text-decoration: none;
	color: #fff;
	background: #2885ad url('../images/btnProduct.png') no-repeat -62px -40px;
}
#showcase #topLinks .btnMore {
	margin: 0px 2px 0px 0px;
	height: 25px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	line-height: 25px;
	padding: 7px 40px 8px 0px;
	width: 118px;
	float: right;
	font-size:18px;
	background: #e0e0e0 url('../images/btnMore.png') no-repeat -2px 0px;
}
#showcase #topLinks .btnMore:hover, 
#showcase #topLinks .btnMore:active {
	background: #2885ad url('../images/btnMore.png') no-repeat -2px -40px;
}


/***** PREMIER PAGE *****/
#page.premier { background: #ebebeb; }
#page.premier #content {
	margin: 0px;
	width:320px;
	background: none; 
	padding: 0px 0px 20px;
	margin:0px auto;
}
#page.premier #content h1 {
	height: 1px;
	overflow: hidden;
	margin: 0px;
}
#page.premier #content img.premierFull { display: none; }
#page.premier #content img.premierMobile { display: block; }


/***** CONTACT / FAQ *****/
#page.contact #main {
	float: none;
	width: 320px;
	margin: 0px;
}

#page.contact #sidebar {
	float: none;
	width: 320px;
	margin: 0px;
	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;
}

#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 #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;
}

/***** FORMS *****/
div.form p { 
	font-size: 12px; 
	margin: 0px 0px 10px;
}
div.form label { 
	display: none;
	font-weight: normal; 
	font-size: 12px;
}
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;
	-webkit-appearance: none;
}
div.form textarea { border: 1px solid #999; }
div.form .row { margin: 0px 0px 10px; }
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] { 
	padding:10px 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:#2885ad; 
}
div.form input[type=submit]:hover,
div.form input[type=submit]:active {
	background-color: #7bc2c8;
}

/*** Custom Select Box ***/
.customSelect {
	height:40px;
	padding: 0px 40px 0px 0px;
	background: #2885ad url('../images/selectArrow.png') no-repeat right top;
	cursor: pointer;
}
.customSelect.customSelectHover { background-color: #7bc2c8; }
.customSelect.customSelectOpen { background-color: #7bc2c8; }
.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: 14px;
	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;
} */
#sidebar .customSelect { padding:0px 40px 0px 0px; }

/****** PAGER / PAGINATION ******/
.pager {
	font-family: 'OpenSansConLt', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}
.pager ul.yiiPager  { margin: 0px 0px 0px 5px; padding: 0px; }
.pager ul.yiiPager li {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}
.pager ul.yiiPager li a {
	display: inline-block;
	width: 24px;
	height: 24px;
	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/mArrowSprite.png') no-repeat 0px 0px; }
.pager ul.yiiPager li.previous a:hover,
.pager ul.yiiPager li.previous a:active { background: #3ab3a5 url('../images/mArrowSprite.png') no-repeat 0px -24px; }
.pager ul.yiiPager li.next a { background: #ebebeb url('../images/mArrowSprite.png') no-repeat -24px 0px; }
.pager ul.yiiPager li.next a:hover,
.pager ul.yiiPager li.next a:active { background: #3ab3a5 url('../images/mArrowSprite.png') no-repeat -24px -24px; }


/****** MODAL LAYOUT PAGES ******/
.modal { 
	background: #ebebeb; 
	margin: 0px; 
	padding: 0px;
}

.modal #page { 
	background: none;
	width: 400px;
	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: 300px;
	height: 56px;
}
.adBanner img {
	width: 300px;
	height: 56px;
}
.adLarge { width: 300px; }
.adSmall { width: 300px; }


/***** SEACH RESULTS PAGE *****/
.searchResultsHeader .form input { float: left; }
.searchResultsHeader .form input[type=text] { width: 155px; }
.searchResultsHeader .form input[type=submit] {
	margin: 0px;
	padding: 0px 20px;
	height: 40px;
}

.resultSet { 
	margin: 20px 0px 0px;
	padding: 20px 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/mHvBg.png') repeat-x top center; }

#hvHeader {
	margin: 0px;
	padding: 5px 50px;
	height: 36px;
	font-family: 'OpenSansSemi', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
}
#hvHeader a {
	display: block;
	float: right;
	margin: 6px -20px 6px 5px;
	width: 72px;
	height: 14px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 4px 18px 4px 0px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	overflow: hidden;
	color: #333;
	background: #fff url('../images/mShopNow.png') no-repeat 0px 0px;
}
#hvHeader a:hover, #hvHeader a:active {
	text-decoration: none;
	background: #ebebeb url('../images/mShopNow.png') no-repeat 0px -22px;
}

/*** Main/Index Page ***/
/* Featured Articles */
#featuredArticles { 
	width: auto;
	height: 664px; 
	position: relative; 
}
#featuredArticles .featuredArticle { 
	position: absolute; 
	overflow: hidden; 
}
#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: 10px;
	text-shadow: 1px 1px 1px #333;
	top: 30%;
	width: 80%;
}
#featuredArticles .featuredArticle h2 {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	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: 200px; height: 282px; }
#featuredArticles #featured2 { top: 0px; left: 200px; width: 120px; height: 282px; }
#featuredArticles #featured3 { top: 282px; left: 0px; width: 200px; height: 127px; }
#featuredArticles #featured4 { top: 408px; left: 0px; width: 200px; height: 127px; }
#featuredArticles #featured5 { top: 282px; left: 200px; width: 120px; height: 252px; }
#featuredArticles #featured6 { top: 534px; left: 0px; width: 160px; height: 130px; }
#featuredArticles #featured7 { top: 534px; left: 160px; width: 160px; height: 130px; }

/* Staff Picks Slider */
#staffPicks { 
	margin: 10px 0px 20px;
}
#staffPicks h2 { 
	float: left;
	width: 48px;
	height: 40px; 
	padding: 8px 4px 8px 0px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}
#staffPicks h2 hr {
	margin: 4px 0px;
	height: 1px;
	border-top: 1px solid#c2c2c2;
}
.picksPrev, 
.picksNext {
	float: left;
	width: 20px;
	height: 56px;
	font-size: 32px;
	line-height: 52px;
	text-align: center;
	color: #333;
	background-color: #ebebeb;
}
.picksPrev:hover, .picksPrev:active,
.picksNext:hover, .picksNext:active { 
	color: #fff; 
	background-color: #2885ad; 
	text-decoration: none;
}
.picksCarousel { 
	float: left;
	width: 220px;
	margin: 0px 4px;
	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 4px 0px 0px; 
}
.picksCarousel ul li a { 
	display: block; 
	width: 82px; 
	height: 90px; 
	font-family: 'OpenSansSemi', Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 11px;
	color: #333; 
	text-decoration: none; 
	background-color: #ebebeb; 
	overflow: hidden; 
}
.picksCarousel ul li a:hover, #staffPicks li a:active { color: #fff; background-color: #2885ad; }
.picksCarousel ul li img { 
	display: block; 
	width: 82px; 
	height: 56px; 
	border-bottom: 2px solid #fff; 
}
.picksCarousel ul li span { 
	display: inline-block; 
	padding: 2px 3px; 
}

/* Newsletter Signup */
#nlSignup { 
	height: auto;
	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: 146px;
	height: 52px;
	margin: 0px;
	padding: 15px 6px 5px;
	text-align: center; 
	font-family: 'OpenSans', Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 18px; 
}

#nlSignup form {
	display: block;
	float: right;
	width: 298px;
	margin: 10px 10px 20px;
	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: 218px;
}

#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: none;
	width: 318px;
	margin: 0px 0px 20px;
	border: 1px solid #ebebeb;
}

/*** Health Vault Sidebar ***/
#hvSidebar {
	float: none;
	width: 300px;
	margin: 0px;
	padding: 9px;
	border: 1px solid #ebebeb;
}

#hvSidebar h2 {
	margin: 10px 0px 0px;
	padding: 7px 10px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	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: 12px;
	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: 60px;
	margin: 0px 10px 0px 0px;
}
#hvSidebar .popArticles a, 
#hvSidebar .popArticles a:hover, 
#hvSidebar .popArticles a:active { 
	width: 185px;
	float: left; 
	color: #fff;
	text-decoration: none; 
}
#hvSidebar .popArticles span { font-size: 12px; }

#hvSidebar .fb-like-box { 
	width: 300px;
	height: 300px;
	overflow: hidden;
	margin: 0px 0px 10px;
}

/*** Health Vault Detail Page ***/
.postHeader {
	padding: 9px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
}
.postHeader h1 {
	margin: 0px 0px 5px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}
.postHeader .postAuthor,
.listingBody .articleAuthor{
	margin: 0px 0px 5px;
	font-family: 'OpenSansSemi', Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
.postHeader .postMeta,
.listingBody .articleMeta {
	margin: 0px;
	font-family: 'OpenSansSemi', Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	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: 9px; font-size: 12px;}
.postBody .postImg { width: 300px; margin: 0px 0px 10px; }
.postBody .postTags { font-size: 11px; }
.postBody .adBanner { margin: 20px 0px; }
.postBody .fb-comments { margin: 0px; }

/*** Health Vault Cat/Tag Listing Pages ***/
.listingHeader {
	padding: 19px;
	border-bottom: 1px solid #ebebeb;
}
.listingHeader h1 {
	margin: 0px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 16px;
	line-height: 16px;
}
.listingBody { padding: 9px; }
.listingBody .listingArticle { 
	display: block; 
	padding: 0px 0px 35px;
	background-color: #f1f1f1;
	margin: 0px 0px 19px;
	position: relative;
	font-size: 12px;
}
.listingBody .listingArticle .articleImg {
	float: left;
	width: 300px;
	margin: 0px 0px 10px;
}
.listingBody .listingArticle h2 {
	margin: 0px 10px 5px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #000;
}
.listingBody .listingArticle .btnMore {
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #fff;
	background: #2885ad url('../images/btnMoreMd.png') no-repeat 0px -30px;
}
.listingBody .listingArticle .btnMore:hover, 
.listingBody .listingArticle .btnMore:active {
	color: #2885ad;
	background: #e0e0e0 url('../images/btnMoreMd.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 p, 
.listingBody .listingArticle div { margin: 0px 10px 10px; }
.listingBody .listingArticle .articleAuthor { margin: 0px 10px 5px; }
.listingBody .listingArticle .articleMeta { margin: 0px 10px 10px; }


/****** STORE MODULE ******/
#page.storeModule.productList,
#page.storeModule.category { background: #ebebeb; }

.storeModule #content { clear: both; }

.storeModule.productList #content,
.storeModule.category #content { 
	background: none;
	padding: 20px 0px 0px; 
}
.storeModule .pager {
	padding: 10px 2px;
	background: #ebebeb;
	text-align: right;
}
.storeModule .pager ul.yiiPager { margin: 0px; }
.storeModule .pager ul.yiiPager li { margin: 0px 0px 0px 5px; }
.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: #78c1c7; }
.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: #2885ad; }
.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: #78c1c7; }
.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: #78c1c7; }

/*** Change Currency Selection ***/
#currency {
	position:absolute;
	padding:12px 20px;
	line-height:26px;
	min-width:130px;
	margin-right:-160px;
	height:26px;
	right:50%;
}

#currency #currencyChange,
#currency #currencySelect .close {
	display: block;
	float: right;
	margin: 0px 0px 0px 5px;
	padding:2px 10px;
	font-family: 'OpenSansConBd', Arial, sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
#currency #currencyChange:hover,
#currency #currencySelect .close:hover { background-color:#78c1c7; }

#currency #currencySelect { visibility: hidden; }
#currency #currencySelect .customSelect { 
	height: 24px;
	padding:0px 24px 0px 0px;
	background: #24769A url('../images/selectArrowSm.png') no-repeat right top;
	cursor: pointer;
}
#currency #currencySelect .customSelect.customSelectHover {
	background-color: #78c1c7;
}
#currency #currencySelect .customSelect.customSelectOpen {
	background-color: #78c1c7;
}
#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: 90px;
	height: 20px;
	font-family: 'OpenSansConLt', Arial, sans-serif;
	font-size:18px !important;
	line-height: 20px;
	padding: 5px 30px 5px 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
	background: #2885ad url('../images/mBtnCart.png') no-repeat 0px 0px;
}
.btnCart:hover, .btnCart:active {
	text-decoration: none;
	color: #2885ad;
	background: #ebebeb url('../images/mBtnCart.png') no-repeat 0px -30px;
}

/*** Products Listing & Categories Pages ***/
.product { 
	margin: 0px;	
	float: left;
	width: 138px; 
	height: 360px;
	padding: 10px 10px 40px 10px;
	position: relative;
	border-bottom: 2px solid #ebebeb; 
	border-right: 2px solid #ebebeb; 
	background: #fff;
}
.product div:nth-of-type(1) { height:65px; }
.product img { 
	float: none;
	display: block;
	margin: 0px auto 10px;
	width: 86px;	
	height: 180px;
}
.product h3 { 
	font-family: 'OpenSansConBd', Arial, sans-serif;
	font-size: 16px;
	margin: 0px 0px 10px; 
}
.product h3 a, .product h3 a:visited  { color: #333; }
.product h3 a:hover, .product h3 a:active { color: #2885ad; text-decoration: none; }
.product p, .product div { 
	font-size: 12px;
	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 ***/
#page.storeModule.productDetail { background: #fff; }
.productDetail #content { padding: 0px; }
.productDetail #content p a { 
	color: #00a3e9; 
	font-weight: bold;
	font-family: 'OpenSans', Arial, sans-serif;
	text-decoration: underline;
}

.productDetail #productLeft { 
	float: left;
	width: 120px;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 0px 10px;
	font-size: 11px;
}
.productDetail #productLeft h4 {
	width: 300px;
	margin: 0px 0px 5px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.productDetail #productLeft #productDiscount {
	width: 80%;
	margin: 0px 0px 10px;
	padding: 10px;
	border: 2px dashed #ebebeb;
}
.productDetail #productLeft h5 {
	width:auto;
	margin: 0px 0px 10px;
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.productDetail #productLeft p { }
	
.productDetail #productDetails { 
	float: none;
	width: 300px;
	margin: 0px; 
	padding: 20px 10px 0px 10px; 
	font-size: 11px;
}
.productDetail #productDetails p,
.productDetail #productDetails div { margin: 0px 0px 15px; }
.productDetail #productDetails h3 { font-size: 21px; }
.productDetail #productDetails h3 { 
	clear: both; 
	font-size: 16px;
	margin: 0px 0px 15px;
}
.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: none;
	width: 320px;
	margin: 0px 0px 0px 0px;
}
#productRight .adLarge { width: 240px; margin: 0px auto; }
#productRight #upsells { 
	width: 320px;
	margin: 20px 0px 10px;	
}
#productRight #upsells h2 { 
	margin: 0px -50px 10px; 
	width: 280px;
	padding: 6px 70px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}
#productRight #upsells .product { 
	margin: 0px 2px 0px 0px;	
	float: left;
	width: 138px; 
	height: 345px;
	padding: 10px 10px 20px;
	position: relative;
	border: none;
	font-size: 12px;
	background: #f1f1f1 url('../images/upsellBg.png') no-repeat 0px 0px;
}
#productRight #upsells .product img { 
	float: none; 
	display: block;
	margin: 0px auto 10px;
	width: 86px;	
	height: 180px;
}
#productRight #upsells .product h3 { 
	font-family: 'OpenSansConBd', Arial, sans-serif;
	font-size: 18px;
	margin: 0px 0px 10px; 
}
#productRight #upsells .product h3 a, .product h3 a:visited  { color: #333; }
#productRight #upsells .product h3 a:hover, .product h3 a:active { color: #2885ad; text-decoration: none; }
#productRight #upsells .product p,
#productRight #upsells .product div { 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 !important;
	line-height: 13px;
	padding: 3px 20px 4px 0px;
	background: #2885ad 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 -50px;
	width:420px;
}
#cart th, td { padding: 5px 10px; }
#cart th { font-weight: bold; }
#cart td { background: #ebebeb; font-size: 12px; }

#cart thead { margin: 0px; padding: 0px; }
#cart thead tr { 
	margin: 0px; 
	padding: 0px;
	color: #fff;
	text-align: left;
	border-bottom: 5px solid #fff;
}
#cart thead tr th { 
	padding: 10px 20px;
	background-color: #86c6cb;
	line-height: 14px;
	vertical-align: top; 
}

#cart tr.item { 
	border-bottom: 1px solid #fff; 
	font-family: 'OpenSansSemi', Arial, sans-serif;
}
#cart tr.item td { 
	padding: 10px 10px;
	height: 84px;
	vertical-align: middle;
	 
}
#cart tr.item td.image {  width: 37px; }
#cart tr.item td.image img {
	width: 37px;
	height: 74px;
}
#cart tr.item td.desc a { color:#2885ad; }
#cart tr.item td.qty { 
	text-align: left; 
	width: 90px; 
}
#cart tr.item td.qty input[type=text] {
	padding: 1px;
	width: 30px;
	height: 30px;
	text-align: center;
	border: none;
	background-color:#fff;
	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: 11px; 
	text-decoration: underline;
	border: none;
	background: none;
	-webkit-appearance: none;
	padding: 0px;
}
#cart #updateQty { color: #fff; }
#cart tr.item td.price { 
	text-align: right; 
	padding-right: 50px;
}
#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 th.cartRight { padding-right: 50px; }
#cart tfoot tr.subTotal { 
	background: #d7d7d7; 
	border-bottom: none; 
	
}
#cart tfoot tr.vipSavings { display: none; }
#cart tfoot tr.mobileSavings { 
	display: table-row; 
}
#cart tfoot tr.mobileSavings td {
	font-size: 12px;
	background: #fff;
	text-align: center;
	padding: 8px 50px;
}
#cart tfoot tr.mobileSavings td span {
	color: #ff0000;
	font-weight: bold;
}
#cart tfoot tr.mobileSavings th {
	font-size: 14px;
	background: #f8db19; 
}
#cart tfoot tr.mobileSavings th br { display: none; }
#cart tfoot tr.total { font-size: 16px; }

a.btnCheckout { 
	float: none;
	display:block;
	width:60%;
	margin:20px auto;
	padding: 15px 20px; 
	border: none; 
	background: #2885ad; 
	color: #fff; 
	font-size: 14px;
	font-weight: bold; 
	text-align:center;
	text-transform: uppercase;
}

.cartAd1,
.cartAd2 {
	width: 320px;
	height: 98px;
	float: none;
	margin: 30px 0px 0px;
	background: #d7d7d7;
	text-align: center;
}
.cartAd1 { margin-right: 0px; }
.cartAd2 {display: none; }
.cartAd1 img,
.cartAd2 img {
	width: 320px;
	height: 98px;
}

/*** Checkout Page ***/
#page.checkout #content { 
	width:100%;
	padding: 20px 0px 0px; 
}
#page.checkout h1,
#page.checkout h2 { font-size: 24px; margin: 0px 50px 20px; }
#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 50px 20px; 
	margin: 0px 0px 20px; 
	border-bottom: 2px dashed #ebebeb;
}

#page.checkout .form input[type=text],
#page.checkout .form select { 
	width: 300px; 
}

/* Checkout Login */
#page.checkout #checkoutLogin .form div { float: left; margin: 0px 0px 10px; }
#page.checkout #checkoutLogin .form input[type=text] { margin-right: 0px; }
#page.checkout #checkoutLogin .form input[type=password] { width: 260px; }
#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: #2885ad; 
}
#page.checkout #checkoutLogin .form input[type=submit]:hover,
#page.checkout #checkoutLogin .form input[type=submit]:active {
	background-color: #7bc2c8;
}

/* Order Summary */
#cart.summary { 
	border: none; 
	margin: 0px -50px; 
}
#cart.summary thead tr th.qty { text-align: center; }
#cart.summary tr.item td { 
	padding: 5px 20px;
	height: auto;
}
#cart.summary tr.item td.desc { padding-left: 50px; }
#cart.summary tr.item td.price { padding-right: 50px; }
#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 */
#page.checkout .form { 
	width: 320px; 
	margin: 0px auto;
}
.busy_indicator {
	width: 32px;
	height: 32px;
	background-image: url('../images/busy-indicator.gif');
	display:none;
}
#page.checkout .left,
#page.checkout .right {
	width: 320px;
	float: none;
	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: none; 
	width: 320px; 
	margin: 0px 0px 20px 0px; 
}
#page.checkout #billing { margin-right: 20px; }
#page.checkout #shipping .same { opacity: 0.5; }

#page.checkout .form .twoFields input[type=text] {
	width:43%;
	margin:0px;
}
#page.checkout .form .twoFields select { width: 128px; }
#page.checkout .form .twoFields .customSelect { margin: 0px 5px 0px 0px; }

/* 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: none; 
	width: auto; 
}

#page.thankyou h2 { margin: 0px 0px 5px; }

/****** ACCOUNT/MEMBERS MODULE ******/
/*** Account Login ***/
#page.login div.form div { float: left; margin: 0px 0px 10px; }
#page.login div.form input[type=text] { width: 300px; margin-right: 0px; }
#page.login div.form input[type=password] { width: 260px; }
#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], #page.login div.form input[type=submit] { background-color:#2885ad; }
#page.login div.form input[type=submit]:hover,
#page.login div.form input[type=submit]:active { background-color: #78C1C7; }


/*** My Account ***/
#page.account #name_email, 
#page.account #password, 
#page.account #billing, 
#page.account #shipping { 
	float: none; 
	width: 320px; 
	margin: 0px 0px 30px 0px; 
} 
#page.account h3 { 
	font-size: 16px; 
	font-family: 'OpenSans', Arial, sans-serif;
	font-weight: bold;
	color: #2885ad;
	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: 120px;
	height: 20px;
	line-height: 20px;
	font-family: 'OpenSansSemi', Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-align: right;
	background-color:#7bc2c8;
}
#page.account div.form label span.required { display: none; }
#page.account div.form input[type=text],
#page.account div.form input[type=password],
#page.account div.form select { 
	float: left; 
	font-size: 13px;
	width: 160px;
}
#page.account div.form span.customSelectInner { 
	font-size: 13px;
	overflow: hidden;
	width:118px !important;
	white-space:nowrap;
}

/* forgotpassword */
#page.forgotpassword div.form input[type=text] { width:260px; }
div.form input[type=submit], div.form input[type=button] { padding:10px 30px; }