@import url('ss.css');

/*
Theme Name:  
Theme Variation: 

Version:     1.0
Copyright:   All rights resevered.
*/

/* START reset.css */
/* END reset.css */

/* START base.css */
/* END base.css */

/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/

html {
	background-color: #ffffff;
	}

/* Type */
body {color:#4f4f4f;font-family:'Arial', sans-serif;font-size:15px;line-height:100%;}
h1,h2,h3{font-family:'Ubuntu', sans-serif;font-weight:300;line-height:100%;color:#93228a;margin-top:0;margin-bottom:18px;}
h4,h5,h6{line-height:18px}
h1{margin-top:0;padding:5px 0 10px;font-size:25px;font-weight:700;}
h2{padding:5px 0 10px;font-family:'Arial', serif;font-size:20px;font-weight:normal;}
h3{font-size:15px;}
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:10px}
pre,address{line-height:110%;}
small{font-size:11px}
abbr,code,kbd,samp,small,var{line-height:18px}
form,legend,label{line-height:18px;}
form{margin:0 0 10px;}
legend{position:relative;top:5px}
caption{font-size:14px;line-height:18px;position:relative}
/*hr{position:relative;height:4px;margin:18px 0 14px 0}*/
hr {border:0;height:1px;background-color:#c7c7c7;padding:0;margin:18px 0;}
p {margin: 10px 0;}
a small {color:#93228a;font-weight:normal;line-height:inherit;}

/* Lists */
li ul,li ol {margin:0 0 10px 15px;}
ul,ol {margin:0 0 10px 30px;list-style:disc outside none;padding:0;}
li {margin:0;padding:5px 0 5px 0;}
.ss_plugin li {margin:0;padding:0 !important;}
.ss_plugin li.hide {display:none;}

/* Links */
a {
	color: #93228a;
	text-decoration: none;
	}
a:hover {color:#4f4f4f;}

img {display:inline-block;}

.btn-purple {margin-top:10px;padding:5px 10px;font-family:'Ubuntu', sans-serif;font-size:13px !important;font-weight:normal !important;color:#ffffff !important;background-color:#92218a;border:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;}


/************************************************************************************
LAYOUTS
*************************************************************************************/

/* Defaults */
#wrapper {text-align:center;overflow:hidden;}
.columns {margin:0 auto;padding:0 10px;width:980px;text-align:left;overflow:hidden;}
#header {overflow:hidden;}
  #logo {float:left;}
  #logo a,#logo img {border:0;}
  #header .headerRHS {float:right;width:360px;font-size:13px;text-align:right;overflow:hidden;}
		#header .contact {margin:40px 0 10px;font-size:15px;color:#4f4f4f;}
      #header .contact a {font-size:15px;color:#4f4f4f;}
      #header .contact a.phone {padding-left:25px;padding-right:20px;padding-bottom:5px;background:url('icon-phone.png') no-repeat;}
      #header .contact a.email {padding-left:25px;padding-bottom:5px;background:url('icon-email.png') no-repeat;}
#banner {margin:5px auto;overflow:hidden;}
	#homePageBanner .cycle-slide { width: 100%; height: 400px; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; z-index: 100; }
	#homePageBanner .slideContent { width: 300px; height: auto; margin: 0px 40% 0px 60%; /*background: url(bg_trans_black.png) center top repeat;*/ padding: 15px 15px 5px 15px; color: #ffffff; /*top: 190px; */ top: 270px; position: relative; }
	#homePageBanner .slideContent h2 { font: normal 29px/1.2em Helvetica, Arial,sans-serif; color: #ffffff; margin: 0px 0px 5px 0px; }
	.bannerPager { width: 330px; height: 0px; margin: 0px auto; padding: 0px 0px; /*top: -230px;*/ top: -50px; position: relative; z-index: 999; }
	.bannerPager span { font: normal 40px/40px Helvetica, Arial, sans-serif; color: #ffffff; cursor: pointer; }
	.bannerPager span.cycle-pager-active { color: #349abd; }
#content {padding:10px 0;min-height:295px;background:#ffffff;/*overflow:hidden;*/}
  .content-lhs {float:left;padding-right:20px;width:690px;overflow:hidden;}
	.content-rhs {float:left;padding-left:20px;width:228px;background:url('dotted.gif') repeat-y;overflow:hidden;}
	  #login {
  	width:200px;
		padding:10px;
  	background:#cacaca;
  	-webkit-border-radius:5px;
  	-moz-border-radius:5px;
  	border-radius:5px;}
		#login input[type="email"],
		#login input[type="password"] {
  	width:170px;
		-webkit-border-radius:5px;
  	-moz-border-radius:5px;
  	border-radius:5px;}
		.register {font-size:11px;}
#services {padding:10px 0;}
  #services ul {margin:0;padding:0;list-style:none;}
  #services ul li {float:left;margin:0;padding:0 10px;width:217px;height:212px;display:block;overflow:hidden;}
  #services ul li a {padding:179px 40px 0px 16px;font-family:'Ubuntu',sans-serif;font-size:20px;color:#ffffff;display:block;}
  #services ul li a:hover {color:#92218a;}
  #services ul li.services {background:url('/images/services.png') no-repeat;}
  #services ul li.treatment {background:url('/images/treatment.png') no-repeat;}
  #services ul li.excercise {background:url('/images/excercise.png') no-repeat;}
  #services ul li.womens-health {background:url('/images/womens_health.png') no-repeat;}


/************************************************************************************
NAVIGATION
*************************************************************************************/

/* Top Navigation Dropdown */
#navigation {
	width:980px;
	min-height: 35px;
	margin:0 auto;
	background:#4f4f4f;
	position:relative;
	z-index:300;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#navigation .columns {overflow:visible;}

/* Superfish Menu */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 250;
	}
.sf-menu {float:left;line-height:1.0;}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 250px; /* left offset of submenus need to match (see below) */
	}
.sf-menu ul li {width:250px;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {line-height:35px;float:left;position:relative;}
.sf-menu a {display:block;position:relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	/* top: 1.5em; match top ul list item height */
	top: 35px;
	z-index: 99;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
	}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 250px; /* match ul width */
	top: 0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
	}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 250px; /* match ul width */
	top: 0;
	}

/*** SKIN ***/
.sf-menu a {
	font-family:'Ubuntu', sans-serif;
	font-size:15px;
	font-weight:300;
	color: #ffffff;
	padding: 0 20px;
	text-decoration: none;
	display:block;
	border-right:1px solid #ffffff;
	}
.sf-menu a:hover {color:#ffffff; /* visited pseudo selector so IE6 applies text colour */}
.sf-menu li li {border-top:1px solid #ffffff;text-transform:none;}
.sf-menu li li a {font-size:13px;line-height:30px;padding:0 15px;background:none;border:0;}
.sf-menu li li a:hover {color:#ffffff;}
.sf-menu li li.first {border-top:0;}

.sf-menu li ul,.sf-menu li li ul {
	background:#4f4f4f;
	}

.sf-menu li:hover,.sf-menu li.sfHover {
	color:#ffffff;
	background-color:#000000;
	}

.sf-menu li li:hover,.sf-menu li li.sfHover,
.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active {
	background-color:#000000;
	text-shadow: none;
	z-index: 251;
	}


/************************************************************************************
FOOTER
*************************************************************************************/

#footerwrapper {
	padding:20px;
	background:#cacaca;
	text-align:center;
	font-size:12px;
	color:#4f4f4f;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#footerwrapper h3{margin:0 0 10px;}
#footerwrapper p {margin:0;}
#footerwrapper a {color:#4f4f4f;}
#footerwrapper a:hover {color:#000000;}
#footer-1 {float:left;width:235px;padding:0 10px 25px 0;}
#footer-2 {float:left;width:235px;padding:0 10px 25px 0;}
#footer-3 {float:left;width:235px;padding:0 10px 25px 0;}
#footer-4 {float:left;width:235px;padding:0 10px 25px 0;}

#copyright {padding:5px 0;font-szie:12px;color:#4f4f4f;text-align:center;border-top:1px solid #4f4f4f;}
#copyright .columns {text-align:center !important;}
	#copyright a {color:#4f4f4f;}


/************************************************************************************
FIX LEGACY BROWSERS - Fixes for older browsers
*************************************************************************************/
    
/* IE7 */
.ie7 #header,
.ie7 #navigation,
.ie7 #section-main,
.ie7 #footer,
.ie7 .footerNav,
.ie7 #wrap {min-height:1px;}

/* IE6 - Fix Height bugs */

.ie6 #footer,
.ie6 ul,
.ie6 li {height:1%;}


/************************************************************************************
Mobile Styles
*************************************************************************************/

	/* Mobile menu */
	.mobile-menu-trigger {display:none;text-align:center;}
	.menu-btn {display:none;color:#fefefe;padding:0 25px;cursor:pointer;font-family:'Crimson Text', serif;display:inline-block;font-size:24px;line-height:34px;}
	.menu-btn i {padding-right:7px;}
	.rgba .site-overlay {background-color:rgba(0,0,0,0.3);}
	.mobile-menu {list-style-type:none;margin:0;padding:0;}
	.mobile-menu ul {list-style-type:none;margin:0;padding:0;}
	.mobile-menu li {padding:0;margin:0;}
	
	.pushy{
			position: fixed;
			width: 200px;
			height: 100%;
			top: 0;
			z-index: 9999;
			background: #333332;
			font-size: 0.9em;
			font-weight: bold;
			-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			overflow: auto;
			-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
	}
	
	.pushy a {
			display: block;
			color: #b3b3b1;
			border-bottom: 1px solid rgba(0, 0, 0, .1);
			border-top: 1px solid rgba(255, 255, 255, .1);
			text-decoration: none;
	}
	
	.pushy li a {padding: 15px 30px;}
	.pushy li li a:before {content:'- ';}
	.pushy li li li a:before {content:'-- ';}
	
	.pushy a:hover, .push .viewing > a {
			background: #787b7b;
			color: #FFF;
	}
	
	.pushy-left{
			-webkit-transform: translate3d(-200px,0,0);
			-moz-transform: translate3d(-200px,0,0);
			-ms-transform: translate3d(-200px,0,0);
			-o-transform: translate3d(-200px,0,0);
			transform: translate3d(-200px,0,0);
	}
	
	.pushy-open{
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	}
	
	.container-push, .push-push{
			-webkit-transform: translate3d(200px,0,0);
			-moz-transform: translate3d(200px,0,0);
			-ms-transform: translate3d(200px,0,0);
			-o-transform: translate3d(200px,0,0);
			transform: translate3d(200px,0,0);
	}
	
	.pushy, #container, .push{
			-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
			-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
			-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
			transition: transform .2s cubic-bezier(.16, .68, .43, .99);
			/* improves performance issues on mobile*/
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;
	}
	
	/* Site Overlay */
	
	.site-overlay{
			display: none;
	}
	
	.pushy-active .site-overlay{
			display: block;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 200px;
			z-index: 9999;
	}
	
	.gallery_grid_overlay {display:block;font-size:0;line-height:0;}
	.gallery_grid_overlay .item_wrapper {display:inline-block;width:217px;margin-right:20px;margin-bottom:20px;position:relative;}
	.gallery_grid_overlay .item_wrapper {*display:inline;*zoom:1;}
		.gallery_grid_overlay .item {display:inline-block;border:1px solid #912088;width:215px;border-radius:5px;overflow:hidden;}
		.gallery_grid_overlay .item {*display:inline;*zoom:1;}
			.gallery_grid_overlay .item .image {font-size:0;line-height:0;}
			.gallery_grid_overlay .item .text {background:#912088 url('arrow-purple.gif') 100% 50% no-repeat;font-family:'Ubuntu',sans-serif;font-size:18px;line-height:1.1em;color:#ffffff;padding:12px 40px 12px 18px;}
				.gallery_grid_overlay .item .text a {color:#ffffff;display:block;}
		.gallery_grid_overlay .item_wrapper .overlay {display:none;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;background:url('overlay-purple.png') 0 0 repeat;}
		.gallery_grid_overlay .item_wrapper:hover .overlay {display:block;}
	
	/* Mobile shop nav */
	#selectCategoryContainer {display:none;padding-bottom:15px;}
		#selectCategoryContainer label {margin-right:5px;vertical-align:middle;font-size:16px;line-height:normal;}
		#selectCategoryContainer select {vertical-align:middle;}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	img {max-width:100%;height:auto;}
	.columns {width:auto;}
    #header {height:auto;}
		.mobile-menu-trigger {display:block;}
		#navigation {width:auto;}
		.sf-menu {display:none !important;}
		.content-lhs {float:left;width:65%;}
		#content td {float:left;}
		  .content-rhs {float:left;width:25%;}
    		#login input[type="email"],
				#login input[type="password"] {width:150px !important;}
		#ss-product-description {float:left;width:400px;}
    #footer-1 {width:23%;padding-right:2%;padding-left:0;}
    #footer-2 {width:23%;padding-right:2%;padding-left:0;}
    #footer-3 {width:23%;padding-right:2%;padding-left:0;}
    #footer-4 {width:23%;padding-right:0;padding-left:0;}
			#footer-4 table {display:block;}
			#footer-4 td {width:100%;float:left;clear:both;}
			#footer-4 img {max-width:100%;width:auto;height:auto;}
	}


	/* Tablet Portrait size to standard 960 (devices and browsers) width = 680px*/
	@media only screen and (min-width: 501px) and (max-width: 650px) {
  .columns {width:auto;}
    #header {height:auto;}
		.content-lhs {float:left;width:60%;}
		.content-rhs {float:left;width:32%;}
    #footer-1 {width:45%;}
    #footer-2 {width:45%;padding:0 0 25px 0;}
    #footer-3 {width:45%;}
    #footer-4 {width:45%;padding:0 0 25px 0;}
	}


	/* Tablet Portrait size to standard 960 (devices and browsers) width = 500px*/
	@media only screen and (min-width: 320px) and (max-width: 500px) {
  .columns {min-width:300px;width:auto;}
    #header {height:auto;}
      #logo {float:none;padding-bottom:10px;}
      #header .headerRHS {float:none;padding-bottom:10px;}
		#homePageBanner .cycle-slide { height: 290px; }
		#homePageBanner .slideContent { width: 300px; margin: 0px 0px 0px auto; /*top: 130px;*/ top:200px; }
		#homePageBanner .slideContent h2 { font: normal 21px/21px Helvetica, Arial,sans-serif; }
		#content img {max-width:100%;width:100%;height:auto;}
		.content-lhs {float:none;width:100%;margin-right:0;}
	    .content-lhs > ul {display:none;}
			#selectCategoryContainer {display:block;}
		.content-rhs {float:none;width:100%;}
    #footer-1 {width:90%;padding:0 0 10px 0;}
    #footer-2 {width:90%;padding:0 0 10px 0;}
    #footer-3 {width:90%;padding:0 0 10px 0;}
    #footer-4 {width:90%;padding:0 0 10px 0;}
		#copyright {width:90%;}
	}