/* GRID */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}
.col-md-12 {
  width: 100%;
}
.col-md-11 {
  width: 91.66666667%;
}
.col-md-10 {
  width: 83.33333333%;
}
.col-md-9 {
  width: 75%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-7 {
  width: 58.33333333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-5 {
  width: 41.66666667%;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-3 {
  width: 25%;
}
.col-md-2 {
  width: 16.66666667%;
}
.col-md-1 {
  width: 8.33333333%;
}

/* HEADINGS*/
body{
  background: #aaaaaa;
  color: #555555;
  padding: 0px;
  margin: 0px;
  margin-bottom: 80px;
  font: 15px 'Roboto', Arial;
  font-weight: 300;
  font-size: 15px;
}
p, ul li, ol li {
  font: 15px 'Roboto', Arial;
  font-weight: 300;
  color: #555555;
}
.terms li {
  list-style-type: none;
}
p {
  margin: 0.5em 0 0 0;
}
p strong {
  font-weight: bold !important;
}
h1, h2, h3, h4 {
  font-family: 'Roboto', Arial;
  color: #333333;
  line-height: 140%;
  font-weight: 300;
}
h1, .h1 {
  font-size: 1.5em;
}
h2, .h2 {
  font-size: 1.4em;
}
h3, .h3 {
  font-size: 1.2em;
}

/* TYPEFACE */
.roboto100{
  font-family: 'Roboto', Arial;
  font-weight: 100;
}
.roboto300{
  font-family: 'Roboto', Arial;
  font-weight: 300;
}
.roboto400{
  font-family: 'Roboto', Arial;
  font-weight: 400;
}
.roboto500{
  font-family: 'Roboto', Arial;
  font-weight: 500;
}
.roboto700{
  font-family: 'Roboto', Arial;
  font-weight: 700;
}
a:link,
a:visited{
  text-decoration: none;
  color: #E72D9E;
}
a:hover{
  text-decoration: none;
}
.px12{
  font-size: 12px;
}
.px22{
  font-size: 22px;
  line-height: 36px;
}
.px30{
  font-size: 30px;
}
.grayDk,
.grayDk a:link,
.grayDk a:visited{
  color: #555555;
}

.grayDk a:hover{
  color: #d13193;
  text-decoration: none;
}
.carrotMore{
  padding: 0px 0px 1px 8px;
}
.px18,
.px18 a:link,
.px18 a:visited{
  font-size: 18px;
}
.px14,
.px14 a:link,
.px14 a:visited{
  font-size: 14px;
}
.strike{
  text-decoration: line-through;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.note {
  font-size: 90%;
  color: #E72D9E;
}

/* COLORS */
.white {
  color: #ffffff;
}
.pinkLt{
  color: #fdc9e5;
}
.pink{
  color: #E72D9E;
}
.pinkMd{
  color: #f246b4;
}
.pinkDk {
  color: #ad2277 ;
}
.white,
a.white{
  color: #FFFFFF;
}
.grayLt{
  color: #aaaaaa;
}
.grayLt2{
  color: #dddddd;
}
.grayMd{
  color: #555555;
}
.grayDk{
  color: #333333;
}

/* BACKGROUNDS */
.bgPinkLt{
  background-color: #fdc9e5;
}
.bgPink{
  background-color: #E72D9E;
}
.bgGrayLt{
  background-color: #e2e2e2;
}
.bgGrayMd{
  background-color: #555555;
}
.bgGrayDk{
  background-color: #333333;
}


/* LAYOUT */
img{
	border: 0px none;
}
.hidden {
  overflow: hidden;
}
.display-none {
  display: none;
}
.clear {
  clear: both ;
}
.left {
  position: relative;
  float: left ;
}
.right {
  position: relative;
  float: right ;
}
.align-left {
  text-align: left ;
}
.align-right {
  text-align: right ;
}
.align-center {
  text-align: center ;
}
.bannerLeft, 
.bannerRight {
  display: inline-block;
}
.bannerLeft {
  position: relative;
  float: left;
  margin-right: 30px;
}
.bannerRight {
  position: relative;
  float: right;
  margin-left: 0px ;
}
.bannerLeft .photo,
.bannerRight .photo {
  position: relative;
  display: block;
  width: 460px;
  margin: 40px auto 0 auto;
}

a .bannerLeft:hover,
a .bannerRight:hover {
  cursor: pointer;
}
.margin-top {
  margin-top: 30px;
}
.margin-top-sm {
  margin-top: 15px;
}
.margin-right {
  margin-right: 30px;
}
.margin-bottom {
  margin-bottom: 30px;
}
.margin-left {
  margin-left: 30px;
}
.margin-v {
  margin-top: 30px;
  margin-bottom: 30px;
}
.padding-v-sm {
  padding-top: 15px;
  padding-bottom: 15px;
}
.margin-h {
  margin-right: 30px;
  margin-left: 30px;
}
.padding-top {
  padding-top: 30px;
}
.padding-top-sm {
  padding-top: 15px;
}
.padding-bot-sm {
  padding-bottom: 15px;
}
.padding-right {
  padding-right: 30px;
}
.padding-bot {
  padding-bottom: 30px;
}
.padding-left {
  padding-left: 30px;
}
.padding-v {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-h {
  padding-right: 30px;
  padding-left: 30px;
}
.v3Layout{
	width: 100%;
	background-color: #dddddd;
}
.header{
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
  height: 95px;
  border-bottom: 3px solid #fff;
}
.stickyBanner{
  background: #f246b4;
  color: #ffffff;
  height: 66px;
  font-family: 'Roboto', Arial;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #282828;
}
.stickyBanner a {
  position: relative;
  top: 18px;
}
.stickyBanner .carrotMore {
  position: relative;
  top: 0;
}
.pageContainer{
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding: 0px;
	background: #ffffff;
}
.pageContainer.landing{
  height: 420px; 
  background-color: transparent;
}
.box960{
	width: 960px;
  height: auto;
	overflow: hidden;
	background: #ffffff;
	margin: 0;
}
.box960.border-top {
  border-top: 1px solid #ddd;
}
.contentWrapper {
  position: relative; 
  left: 10px;
  padding: 0 30px 30px 30px;
}
.contentWrapper .firstCol {
  float:left;
  width:280px;
}
.contentWrapper .secondCol {
  float:left;
  width:280px;
  margin-left:20px;
}
.contentWrapper .thirdCol {
  float:left;
  width:280px;
  margin-left:20px;
}
.borderSeparator{
  clear: both;
  width: 960px;
  display: block;
  margin: 30px auto !important;
  border-bottom: 1px solid #ddd;
}
.btn{
  width: 180px;
  margin-top: 25px !important;
  padding: 18px 50px;
  overflow: hidden;
  background-color: #d13393;
  border-radius: 3px 3px;
  text-align: center !important;
	font-family: 'Roboto';
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
}
.btn:hover {
  background-color: #ad2277;
  text-decoration: none !important;
  cursor: pointer;
}
.btnDisabled{
  cursor:default!important;
  background-color:#ccc!important;
  color:#fff!important
}
.btnDisabled:hover{
  cursor:default!important
}
.blue{
  background-color: #49bfdc;
  border-bottom: 2px solid #2a7182;
}

/* NAVIGATION */
.logo-splash {
  display: block;
  margin: 0 auto !important;
  padding-top: 30px;
}
.nav{
	width: 960px;
	margin: 0 auto;
	margin-top: -5px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.nav li{
	list-style: none;
	margin: 0px!important;
	padding: 0px;
	float: left;
	height: 96px;
	overflow: hidden;
  background: #ffffff;
  cursor: pointer;
}
.nav li.item{
  position: relative;
  text-align: left;
	height: auto;
  position: relative;
  top: 38px;
	overflow: hidden;
  background: #ffffff;
  width: auto;
  padding-right: 35px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 1em;
  color: #282a2c;
  text-transform: uppercase;
  margin: 0px;
}
.nav li.item:hover{
  color: #d13393;
}
.nav .item.active{
  color: #d13393;
}
.nav li.logo {
  background: none;
}
.nav li.logo img {
  width: 220px;
  margin-top: 15px;
}
.nav .cityBox {
  display: inline-block;
  /*padding-right: 20px;*/
  position: relative;
  top: 2px;
}
/* legacy code starts */
.nav .cityBox .ca {
  padding: 0 25px 0 15px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nav .cityBox .nyc {
  padding: 0 25px 0 10px;
  position: relative;
  margin: -1px;
} 
/* legacy code ends */
.nav .cityBox .left-icon {
  padding: 0 25px 0 15px;
  border-right: 1px solid #ddd;
}
.nav .cityBox .right-icon {
  padding: 0 25px 0 10px;
  position: relative;
  margin: -1px;
  border-right: 1px solid #ddd;
}
.nav .cityBox img {
  height: 60px;
  position: relative;
  top: 20px;
}
.nav .cityBox img.bgGrayMd {
  background-color: #bbb;
}
.nav .cityBox span {
  position: relative;
  color: #bbb;
  top: -7px;
}
.nav .cityBox span.active {
  color: #E72D9E;
}


/* CONTENT */
.banner{
	position: relative;
	z-index: 1000;
	width: 960px;
	height: 300px;
	margin: 0px !important;
	background: #ffffff;
  border-top: 1px solid #ddd;
}
.contentLeft{
	margin: 30px 30px 35px 45px;
	float: left;
	width: 545px;
}
.contentRight{
	float: right;
	width: 280px;
	overflow: hidden;
  margin-top: 0 !important;
	padding: 30px 48px 0 0;
}
.contentCenter{
  float: none;
  width: 820px;
  display: block;
  margin: 30px auto;
  overflow: hidden;
}
.title{
	margin-bottom: 20px;
}
.hotel{
  clear: both;
  background: #f9f9f9;
  height: 100px;
  margin-top: 30px;
  overflow: hidden;
}
.hotel .logo{
  float: left;
  height: 100px;
  width: 100px;
}
.hotel .info{
  float: left;
  padding: 10px 0px 0px 20px;
  font-size: 14px;
  font-family: 'Roboto', Arial;
  font-weight: 300;
}
.hotel .map{
  margin-top: 5px;
}
.hotel .rate{
  float: right;
  font-family: 'Roboto', Arial;
  font-weight: 300;
  font-size: 14px;
  padding: 10px 20px 0px 0px;
  text-align: right;
}


/* FOOTER */
.v3footer{
	width: 100%;
	height: 130px;
	margin-top: 30px;
	background-color: #aaaaaa;
}
.v3footer .topContainer{
	width: 100%;
	background: #ffffff;
	height: 60px;
	text-align: center;
}
.v3footer .topContent{
	width: 960px;
	margin: auto;
}
.v3footer .bottomContent{
	clear: both;
	width: 960px;
	margin: auto;
	margin-top: 50px;
}
.v3footer .logo{
	color: #555555;
	font: 11px 'Roboto', Arial;
	float: left;
}
.v3footer .logo img{
	margin-bottom: 5px;
}
.v3footer .links{
	float: left;
	margin: 20px 0px 0px 0px;
}
.v3footer .links li{
	float: left;
	line-height: 20px;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.v3footer .links span {
  color: #E72D9E;
}
.v3footer h1{
	color: #f0a3cb;
	font: 17px 'Roboto', Arial;
	padding: 0px;
	margin:0px;
}
.v3footer a,
.v3footer a:link,
.v3footer a:visited{
	text-decoration: none;
	font: 14px 'Roboto', Arial;
	font-weight: 300;
  color: #E72D9E;
}
.v3footer a:hover{
	text-decoration: underline;
}
.v3footer span{
	margin: 0px 18px 0px 18px;
	color: #555555;
}


/* TOOLTIPS */
.tooltipNew li{
	list-style: none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}
.tooltipNew{
  text-align: left;
  outline: none;
  cursor: pointer;
  position: relative;
  float: left;
}
.tooltipContent{
  display: none;
  position: absolute;
	margin-top: -18px;
}
.tooltipContent .loveLook img{
	margin: 0px 0px 0px 14px;
}
.tooltipContent .lookStats img{
  margin: 0px 0px 0px 0px;
}
.tooltipContent .content{
	background: #333333;
	padding: 6px 10px 7px 10px;
	color: #ffffff;
	font: 10px 'Roboto';
	white-space: nowrap;
	margin-left: -13px;
}
.tooltipNew:hover .tooltipContent{
  display: block;
}
.tooltipNew .share{
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 20px 20px;
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center center;
  background-color: #333333;
}

/* LINEUP */
.mainStylists {
  margin: 30px auto !important;
}
.mainStylists td{
  width: 290px;
  height: 290px;
  overflow: hidden;
  color: #555555;
  background-repeat: no-repeat;
  background-size: 290px auto;
  background-position: center center;
  vertical-align: bottom;
}
.mainStylists td:hover {
  cursor: pointer;
}
.mainStylists td .label{
  background: rgb(255, 255, 255, .9);
  background: rgba(255, 255, 255, .9);
  padding: 8px;
  margin-bottom: 0;
  width: 180px;
  overflow: hidden;
}
.mainStylists .title{
  width: auto;
  height: auto;
  padding: 15px;
  background: #555555;
  border: 0px;
  color: #ffffff;
  overflow: hidden;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 22px;
}

.otherStylists{
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  overflow: hidden;
  width: 724px;
}
.otherStylists li{
  float: left;
  list-style: none;
  margin: 0px;
  width: 150px;
  padding: 5px 15px 10px 15px;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
  color: #555555;
}
.otherStylists h1{
  font-family: 'Roboto';
  font-weight: 300;
  margin: 0px;
  font-size: 16px;
}
.otherStylists h2{
  font-family: 'Roboto';
  font-weight: 400;
  margin: 0px;
  font-size: 14px;
}

/* BRANDS */
.brandsList .row {
  clear: both;
  height: 120px;
}
.brandsList .row div {
  height: 120px;
  white-space: nowrap;
  text-align: center;
}
.brandsList .row .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin: auto !important;
}
.brandsList .row div img {
  margin: 0 auto !important;
  vertical-align: middle;
  height: 90px;
  width: auto;
}
.sponsors {
  width: 600px; 
  margin-left: 30px; 
  top: -15px;
}
.sponsors .title {
  top: 8px
}
img.sponsor-1{
  display: inline-block; 
  padding-left: 10px; 
  position: relative; 
  top: -15px;
}
img.sponsor-2 {
  display: inline-block; 
  position: relative; 
  top: -5px;
}