@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'function_pro';
	src: url('fonts/FunctionPro-Light-webfont.eot');
	src: url('fonts/FunctionPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/FunctionPro-Light-webfont.woff2') format('woff2'),
		url('fonts/FunctionPro-Light-webfont.woff') format('woff'),
		url('fonts/FunctionPro-Light-webfont.ttf') format('truetype'),
		url('fonts/FunctionPro-Light-webfont.svg#function_prolight') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	font-family: 'function_pro_book';
	src: url('fonts/FunctionPro-Book-webfont.eot');
	src: url('fonts/FunctionPro-Book-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/FunctionPro-Book-webfont.woff2') format('woff2'),
		url('fonts/FunctionPro-Book-webfont.woff') format('woff'),
		url('fonts/FunctionPro-Book-webfont.ttf') format('truetype'),
		url('fonts/FunctionPro-Book-webfont.svg#function_probook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'function_pro_bold';
	src: url('fonts/FunctionPro-Bold-webfont.eot');
	src: url('fonts/FunctionPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/FunctionPro-Bold-webfont.woff2') format('woff2'),
		url('fonts/FunctionPro-Bold-webfont.woff') format('woff'),
		url('fonts/FunctionPro-Bold-webfont.ttf') format('truetype'),
		url('fonts/FunctionPro-Bold-webfont.svg#function_pro_bookbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
  background:#F0F0F0;
  color:#555;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0px 0px 50px;}

h1{
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:21px;
  font-weight:normal;
  margin:3px 0px 0px;
  padding-bottom:10px;}
  
h2{
	border-bottom:1px dotted #ccc;
	color:#555;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 10px;
	padding:10px 0px 5px;}
	
h3{
	font-size:15px;
	font-weight:bold;}

ul.account-links{
	list-style-image:url(../images/bullet-orange.gif);
	margin-bottom:25px;}
	
ul.account-links li{
	margin:6px 0px;}

.account-links a{
	color:#666;
	font-size:13px;
	padding:4px;
	text-decoration:none;}
	
.account-links a:hover{
	color:#ee880b;}

.alignleft{
  float:left;
  margin:4px 15px 5px 0px;}
  
.alignright{
  float:right;
  margin:4px 0px 5px 15px;}

.archivetitle{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:20px;
  font-weight:normal;
  margin:0px 0px 20px 15px;}

.banner-footer{
  padding-top:40px;
  text-align:center;}

.browser-dialog a.dialog-link{
	color:#0D5CAB !important;}
	
.browser-dialog a.dialog-link:hover{
	color:#ee880b !important;
	text-decoration:none;}

.column_center{
  margin:0 auto;
  width:465px;}
  
.column_center-wider{
  float:right;
  margin-right:5px;
  width:745px;}

.column_left{
  float:left;
  width:280px;}
  
.column_right{
  float:right;
  width:280px;}

.column_news_left{
  float:left;
  width:280px;}

.column-left-video{
	float:none !important;
	margin:20px auto !important;}
	
.column-video{
	float:none !important;
	margin-left: 75px !important;
	overflow:hidden;
	width:905px !important;}
	
.column-video .video_player{
	height:500px !important;
	margin:20px auto !important;
	width:900px !important;}

.consumerlandingpage-content{
	line-height:1.6em;
	margin-bottom:50px;}

.consumerlandingpage-header{
	background:#0D5CAB;
	color:#fff;
	font-size:16px;
	margin-bottom:15px;
	padding:6px 0px;
	text-align:center;}
	
.consumerlandingpage-bluebolded{
	color:#0D5CAB;}
	
.consumerlandingpage-footercontent{
	border-top:2px solid #0D5CAB;
	line-height:1.5em;
	padding-top:15px;}

.clear{
  clear:both;}
  
.eventlist{
  line-height:1.5em;
  padding:0px;}
  
.eventlist ul{
  list-style:none;
  margin:0;
  padding:0;}
  
.eventlist ul li{
  margin:0;}
  
.eventlist h2{
	border-bottom:0;
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:18px;
  font-weight:normal;
  margin:0px;}
  
.eventlist h2 a{
  color:#EE880B;
  text-decoration:none;}
  
.eventlist h2 a:hover{
  color:#444;
  text-decoration:none;}
  
.eventlist .date{
  color:#888;
  font-size:11px;
  margin:4px 0px 0px;}
  
.eventlist .location{
  color:#888;
  font-size:11px;
  font-weight:bold;
  margin-bottom:8px;}
  
.eventlist .box_events-description{
  background:url(../images/dottedline.gif) bottom left repeat-x;
  margin-bottom:20px;
  padding-bottom:30px;}

.floatleft{
	float:left;}
	
.floatright{
	float:right;}

.footer-shadow{
  background:url('/images/footer-shadow.jpg') top center no-repeat;
  height:8px;
  margin:0 auto;
  width:1090px;}

.footerbar{
  background:#366BA1;
  padding:27px 22px 25px;}
    
.footerbar .copyright{
  color:#fff;
  float:right;
  font-size:10px;
	margin-top:4px;}
	
.footerbar .copyright a{
	color:#fff;
	text-decoration:none;}
	
.footerbar .copyright a:hover{
	text-decoration:underline;}
  
.footerbar .contactinfo{
	background:url('/images/footer-divider.gif') top right no-repeat;
  color:#fff;
  float:left;
  font-size:17px;
  font-weight:bold;
	margin-right:24px;
	padding-right:25px;}
	
.footerbar .contactinfo .country{
	color:#BACEE3;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	margin-right:6px;}
	
.footerbar .canada{
	background:none;
	margin-right:0;
	padding-right:0;}

.footer-social{
	margin:25px 0px 40px;
	text-align:center;}
	
.footer-social img{
	margin:0px 2px;}

.form-narrow{
  padding:12px 0px 8px;}

.form-narrow .row{
  margin:0px 0px 7px;
  overflow:hidden;}
  
.form-narrow .row .label{
  font-size:12px;
  float:left;
  margin-top:5px;
  width:150px;}
  
.form-narrow .row .field{
  float:left;
  margin-left:5px;
  width:270px;}
  
.form-narrow .row .field .input-long{
  padding:7px;
  width:256px;}

.form-narrow .row .field .input-long-wide{
  padding:7px;
  width:400px;}

.form-narrow .row .field .input-short{
  padding:7px;
  width:150px;}
  
.form-narrow .submitbutton-padding{
	padding:5px;}

.header{
	background:#fff;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 70%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e8e8e8), color-stop(70%, #ffffff));
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #ffffff 70%);
	background: -o-linear-gradient(top, #e8e8e8 0%, #ffffff 70%);
	background: -ms-linear-gradient(top, #e8e8e8 0%, #ffffff 70%);
	background: linear-gradient(to bottom, #e8e8e8 0%, #ffffff 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 );
  padding:10px 22px 30px;
  position:relative;}
	
.header .banner-horiz{
	padding:15px 0px 0px;
	text-align:center;}

.magazinetoggle-div{
	background:#6190BE url(../images/magazine-dropdown-back.jpg) top repeat-x;
	color:#fff;
	display:none;
	float:left;
	font-size:13px;
	margin-left:295px;
	padding:13px 12px;
	position:absolute;
	text-align:center;
	width:200px;
	z-index:2000;}
	
.magazinetoggle-div a{
	color:#fff;
	text-decoration:none;}
	
.magazinetoggle-div a:hover{
	text-decoration:underline;}
	
.logintoggle-div{
	background:#6190BE url(../images/magazine-dropdown-back.jpg) top repeat-x;
	color:#fff;
	display:none;
	float:left;
	font-size:13px;
	margin-left:835px;
	padding:13px 12px;
	position:absolute;
	text-align:center;
	width:200px;
	z-index:2000;}
	
.logintoggle-div form{
	margin:0;}
	
.logintoggle-div input{
	background:#fff;
	border:0;
	color:#333;
	font-size:13px;
	padding:6px;
	width:180px;}

.logintoggle-div input.submit-button{
	background:#45709D;
	color:#fff;
	cursor:pointer;
	padding:8px;
	width:120px;}

.logintoggle-div input.submit-button:hover{
	background:#385E85;}
	
.logintoggle-div .links{
	font-size:12px;
	margin-top:8px;}

.logintoggle-div .links a{
	color:#fff;
	line-height:1.4em;
	text-decoration:none;}
	
.logintoggle-div .links a:hover{
	text-decoration:underline;}

.logintoggle-div .message{
	color:#900;
  display:none;
	font-style:italic;
	margin-top:8px;}

.logintoggle-div .row{
	margin:6px 0px;}



.menu{
	background: url(../images/menubar-back.jpg) top repeat-x;
	position: relative;
	text-align: center;
	margin: 10px auto 15px;
	min-height:46px;}

.menu a{
  color:#CBDBEC;
  display:inline-block;
  zoom:1;
  *display:inline; /*IE7 and below */
  font-size:13px;
  font-weight:normal;
  padding:15px 15px;
  text-decoration:none;
  cursor:pointer;
  text-shadow: 1px 1px 0 #42678D;}
  
.menu a:hover{
  background:#6F99C4;
  color:#fff;}
 
.menu a.current_page_nav_link{
	background:#3F6A96;
	color:#fff;
	font-weight:bold;}

.local_menu{
	margin: 5px auto;}

.local_menu a{
	background:#6291C7 url(../images/member-traininglinkback.jpg) top repeat-x;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#E3ECF4;
	font-size:14px;
	display:inline-block;
	*display:inline;
	padding:9px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #216BB5;
	zoom:1;}

.local_menu a:hover{
	background:#588ABF;
	color:#fff;}

.local_menu a.current_page_nav_link{
	background:#3F6A96;
	color:#fff;
	font-weight:bold;}

.header .logo{
  margin:0px auto;
  width:500px;}
	
.header .logo-salons{
	text-align:center;}
  
.header .smallad_left{
  float:left;
  margin-top:20px;
  min-height:100px;
  text-align:center;
  width:210px;}
  
.header .smallad_right{
  float:right;
  margin-top:20px;
  min-height:100px;
  text-align:center;
  width:210px;}

.headerbar{
  background:#366BA1;
  padding:12px 22px;}

.headerbar .right{
	float:right;
	width:225px;}

.headerbar .right .cart_link{
	background:url(../images/shopping_cart.png) left no-repeat;
	float:right;
	padding:1px 0px 0px 25px;
	text-align:right;}
	
.headerbar .right .cart_link a{
	color:#CBDBEC;
	text-decoration:none;
	text-shadow:#42678D 1px 1px 0px;}
	
.headerbar .right .cart_link a:hover{
	color:#fff;}
	
.headerbar .right .logged_in_as{
	color:#ffffff;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	right:22px;
	text-shadow:1px 1px 0 #42678D;
	top:10px;}

.headerbar .links{
  margin:8px auto 0px;
  text-align:center;
  width:600px;}
  
.headerbar .links a{
  background:url('/images/headerbar-divider.gif') top right repeat-y;
  color:#CBDBEC;
  display:inline-block;
  padding:2px 18px 2px 15px;
  text-decoration:none;
  text-shadow:#42678D 1px 1px 0px;}
  
.headerbar .links a:hover{
  color:#fff;}
  
.headerbar .consumerlandingpage-fullsitelink{
	float:right;
	margin-top:18px;}
	
.headerbar .consumerlandingpage-fullsitelink a{
	color:#CBDBEC;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 1px 0 #42678D;}
	
.headerbar .consumerlandingpage-fullsitelink a:hover{
	color:#fff;}

.indexbox{
  background:url('/images/dottedline.gif') bottom left repeat-x;
  margin-bottom:20px;
  overflow:hidden;
  padding-bottom:20px;}

.indexbox .photo{
  float:left;
  margin-left:10px;
  width:128px;}
  
.indexbox .photo img{
  border:4px solid #C2C2C2;}
  
.indexbox .right{
  float:right;
  margin-right:10px;
  width:290px;}

.indexbox .right .text{
  line-height:1.5em;
  min-height:110px;}

.indexbox .right .link{
  margin-top:10px;
  text-align:right;}

.indexbox .right .link a{
  border-right:2px solid #EFAE62;
  color:#444;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  font-style:italic;
  padding-right:8px;
  text-align:right;
  text-decoration:none;}
  
.indexbox .right .link a:hover{
  color:#EE880B;}

.indexbox .right .magazine-issuedate{
  color:#777;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:15px;
  margin-bottom:8px;}
  
.indexbox .right .magazine-maintitle{
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:21px;
  margin-bottom:3px;}
  
.indexbox .right .magazine-maintitle a{
  color:#EE880B;
  display:block;
  text-decoration:none;}
  
.indexbox .right .magazine-maintitle a:hover{
  color:#444;
  text-decoration:none;}

.indexbox .right .magazine-text{
  line-height:1.5em;
  min-height:85px;}
  
.indexbox .right .magazine-text p{
  margin:0px 0px 5px;}
  
.indexbox .right .magazine-title{
  color:#555;
  font-size:13px;
  font-weight:bold;
  margin-bottom:3px;}
  
.indexbox .right .magazine-title a{
  color:#666;
  text-decoration:none;}

.indexbox .right .magazine-title a:hover{
  color:#EE880B;
  text-decoration:none;}
  
.indexbox .right .title{
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:21px;
  margin-bottom:10px;}
  
.indexbox .right .title a{
  color:#EE880B;
  display:block;
  text-decoration:none;}
  
.indexbox .right .title a:hover{
  color:#444;
  text-decoration:none;}

.industry-link{
	line-height:1.5em;
	padding-bottom:30px;}
	
.industry-link h2 a{
	color:#555;
	text-decoration:none;}
	
.industry-link h2 a:hover{
	color:#ee880b;
	text-decoration:none;}
	
.industry-link .logo{
	margin:2px 0px 10px;}

.mailing-addresses{
	margin:15px 0px;}
	
.mailing-addresses h2{
	font-size:14px;}
	
.mailing-addresses a{
	color:#444;
	text-decoration:none;}
	
.mailing-addresses a:hover{
	color:#ee880b;
	text-decoration:none;}
	
.mailing-addresses .left{
	float:left;
	width:245px;}
	
.mailing-addresses .right{
	float:left;
	width:170px;}

.member_area{}

.member_area .dashboard{}

.member_area .dashboard .full{
	background:url(../images/member-dashboard-fullback.jpg) top center repeat-y;
	padding:15px 0px;}

.member_area .dashboard .top{
	margin-bottom:15px;}
	
.member_area .dashboard .bottom{}

.member_area .dashboard .shadow-top{
	background:url(../images/member-dashboard-top.jpg) bottom center no-repeat;
	height:12px;
	margin:20px 0px 15px;}

.member_area .dashboard .shadow-bottom{
	background:url(../images/member-dashboard-bottom.jpg) top center no-repeat;
	height:12px;
	margin-top:20px;}

.member_area .dashboardtitle{
	background:#6392C8 url(../images/background-listTableHeader.jpg) bottom repeat-x;
	color:#FFEC66;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	padding:10px 6px;}

.member_area .links-marketing{
	margin-top:15px;
	text-align:center;}
	
.member_area .links-marketing a{
	background:#F8A53F url(../images/member-marketinglinkback.jpg) top repeat-x;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#FDECD6;
	display:inline-block;
	margin:5px 3px;
	padding:20px 22px;
	text-decoration:none;
  font-size:14px;
	text-shadow:1px 1px 0px #ED9725;}
	
.member_area .links-marketing a:hover{
	background:#F8A53F;
	color:#fff;}

.member_area .links-marketing a.disabled,
.member_area .links-training a.disabled,
.member_area .links-marketing a.disabled:hover,
.member_area .links-training a.disabled:hover {
  background:#CCCCCC url(../images/member-disabledlinkback.jpg) top repeat-x;
  text-shadow: none;
  color: #F0F0F0;
  cursor: pointer;
  min-width: 70;
  font-size:14px;}
  
.member_area .links-training{
	margin:15px 0px 8px;
	text-align:center;}

.member_area .links-training a{
	background:#6291C7 url(../images/member-traininglinkback.jpg) top repeat-x;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#E3ECF4;
	font-size:14px;
	display:inline-block;
	margin:5px 3px;
	padding:20px 22px;
	text-decoration:none;
	text-shadow:1px 1px 0px #216BB5;}
	
.member_area .links-training a:hover{
	background:#588ABF;
	color:#fff;}

.navigationbar{
  border-bottom:4px solid #2163A6;
  font-family:'Arial Narrow', sans-serif;
  font-size:16px;
  padding:5px 0px 15px;
  text-align:center;}
  
.navigationbar ul{
  list-style:none;
  padding:0;
  margin:0;}
  
.navigationbar ul li{
  display:inline;}
  
.navigationbar ul li a{
  background:url('/images/line-vertical_dotted.gif') top right repeat-y;
  color:#353535;
  display:inline-block;
  margin:0;
  padding:1px 20px 3px 16px;
  text-decoration:none;}
  
.navigationbar ul li a:hover{
  color:#EE880B;}
  
.navigationbar li.mobile{
  display:none;}

.newslist{
  line-height:1.5em;
  padding:0px 15px;}
  
.newslist h2{
	border-bottom:0;
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:18px;
  font-weight:normal;
  margin:0px;}
  
.newslist h2 a{
  color:#EE880B;
  text-decoration:none;}
  
.newslist h2 a:hover{
  color:#444;
  text-decoration:none;}

.newslist .content{
  background:url(../images/dottedline.gif) bottom repeat-x;
  margin-bottom:20px;
  padding-bottom:15px;}
  
.newslist .content p{
  margin:0px 0px 10px;}

.newslist .date{
  color:#888;
  font-size:11px;
  margin:2px 0px 10px;}

.newslist .link{
  margin:10px 0px 5px;
  text-align:right;}

.newslist .link a{
  border-right:2px solid #EFAE62;
  color:#444;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  font-style:italic;
  padding-right:8px;
  text-align:right;
  text-decoration:none;}
  
.newslist .link a:hover{
  color:#EE880B;}

.newslist .tagline{
  color:#666;
  font-size:13px;
  font-style:italic;
  font-weight:bold;
  margin:4px 0px 0px;}

.newspost{
  line-height:1.5em;
  padding:0px 15px;}

.newspost h2{
	border-bottom:0;
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:21px;
  font-weight:normal;
  margin:0px;}

.newspost .content{
  background:url(../images/dottedline.gif) bottom repeat-x;
  margin-bottom:10px;
  padding-bottom:5px;}

.newspost .date{
  background:url(../images/dottedline.gif) bottom left repeat-x;
  color:#888;
  font-size:11px;
  margin:5px 0px 10px;
  padding-bottom:8px;}
  
.newspost .navigation{
  padding-top:5px;
  line-height:1.2em;}

.newspost .navigation a{
  color:#444;
  font-size:11px;
  font-style:italic;
  text-decoration:none;}
  
.newspost .navigation a:hover{
  color:#EE880B;
  font-size:11px;
  font-style:italic;
  text-decoration:none;}

.newspost .navigation .left{
  background:url(../images/arrow-left.gif) top left no-repeat;
  float:left;
  padding-left:15px;
  width:195px;}
  
.newspost .navigation .right{
  background:url(../images/arrow-right.gif) top right no-repeat;
  float:right;
  padding-right:15px;
  text-align:right;
  width:195px;}
  
.newspost .tagline{
  color:#666;
  font-size:15px;
  font-style:italic;
  font-weight:bold;
  margin:5px 0px 0px;}

.pagecontent{
  margin-bottom:3px;
  min-height:150px;
  padding:20px 10px 40px;}
 
.salonlocator{
	width:90%;
  height:475px;
  overflow-y:scroll;}

.salonlocator .listing{
	background: url("/images/listing-line.jpg") repeat-x scroll center bottom transparent;
    padding: 16px 0;}
	
.salonlocator .listing .listing-company{
	background: url("../images/listing-building.png") no-repeat scroll 3% 50% transparent;
    color: #595959;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px;
    padding-left: 28px;}
	
.salonlocator .listing .listing-company a{
	color: #595959;
    text-decoration: none;}

.salonlocator .listing .distance{
	color: #9D9D9D;
    font-size: 10px;}
	
.salonlocator .listing .listing-address{
    color: #595959;
    font-size: 11px;
    padding-left: 28px;}
    
.salonlocator .listing .listing-phone{
  background: url("/images/listing-phone.png") no-repeat scroll 4% 50% transparent;
    color: #595959;
    font-size: 11px;
    padding-left: 28px;}

.salonlocator-search{
	background: url("/images/search.jpg") no-repeat scroll left top transparent;
    margin: 25px 0 5px;
	width:263px;}
	
.salonlocator-search .search-field {
    float: left;
    margin-left: 1px;
    margin-top: 4px;
    width: 210px;}

.salonlocator-search .search-field input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #666666;
    font-size: 11px;
    padding: 5px 2px;
    width: 100%;}
	
.salonlocator-search .search-button {
    float: right;
    margin-right: 10px;
    width: 31px;}

.salonlocator-sidebarnotice{
	color:#666;
	padding:5px 5px 20px 5px;}
	
.salonlocator-whatis{
	padding:25px 0px 15px;
	text-align:center;}

.sidebarbanner{
  margin-bottom:15px;}

.sidebarbox{
  background:url('/images/dottedline.gif') bottom left repeat-x;
  margin-bottom:15px;
  padding-bottom:15px;}
  
.sidebarbox .archive_dropdown{
  padding:5px;}
  
.sidebarbox .blueheader{
  background:#366ba1;
  color:#fff;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:19px;
  margin-bottom:15px;
  padding:7px 10px;}

.sidebarbox .content{
  padding:0px 10px;}
  
.sidebarbox .content ul{
  line-height:1.4em;
  list-style-image:url('/images/bullet-orange.gif');
  padding:0px 0px 1px 17px;}
  
.sidebarbox .content ul li{
  margin-bottom:15px;}
  
.sidebarbox .content ul li a{
  color:#666;
  text-decoration:none;}
  
.sidebarbox .content ul li a:hover{
  color:#EE880B;}

.sidebarbox .link{
  margin:10px 10px 0px 0px;
  text-align:right;}

.sidebarbox .link a{
  border-right:2px solid #EFAE62;
  color:#444;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  font-style:italic;
  padding-right:8px;
  text-align:right;
  text-decoration:none;}
  
.sidebarbox .link a:hover{
  color:#EE880B;}
  
.sidebarbox .news-link a{
  color:#444;
  text-decoration:none;}
  
.sidebarbox .news-link a:hover{
  color:#EE880B;
  text-decoration:none;}

.search-div{
	float:right;}
	
.search-div input{
	padding:4px;}
	
.search-div .submitbutton{
	padding:2px;}
	
.supplier_featured{
	background:#F8F8F8;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	margin:20px 0px;
	padding:10px 0px;
	width:740px;}
	
.supplier_featured h3{
	color:#F4880B;
	font-size:17px;
	margin:0px 0px 18px 10px;}
	
.supplier_profile_blurb{
	line-height:1.5em;
	padding-bottom:15px;}
	
.supplier_profile_image{
	float:left;
	width:310px;}
	
.supplier_profile_products{}

.supplier_profile_products h3{
	color:#F4880B;
	font-size:14px;}
	
.supplier_profile_products h4{
	font-size:13px;
	padding:0;
	margin-bottom:10px;}
	
.supplier_profile_products .product_link{
	padding-bottom:2px;}
	
.supplier_profile_products .product_link a{
	color:#666;
	text-decoration:none;}

.supplier_profile_products .product_link a:hover{
	color:#ee880b;
	text-decoration:none;}
	
.supplier_profile_right{
	float:right;
	font-size:13px;
	line-height:1.3em;
	width:425px;}

.supplier_profile_topcontainer{
	padding:10px 0px 15px;}
	
.supplier_profile_topcontainer h2{
	padding-top:0;}

.training-help-video{
	float:left;
	margin:0px 32px 30px 12px;
	width:320px;}

.training-help-video .desc{
	color:#666;
	line-height:1.5em;
	margin-top:8px;}

.training-help-video .length{
	background:url(/images/training-help-clock.png) 0% 50% no-repeat;
	color:#818181;
	float:right;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:11px;
	text-align:right;
	width:45px;}

.training-help-video .screenshot{
	border:10px solid #0D5CAB;
	margin-bottom:12px;}

.training-help-video .title{
	color:#0B4A8A;
	float:left;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:16px;
	width:240px;}

.training-help-video .title a{
	color:#0B4A8A;
	text-decoration:none;}

.wordpress_page{
  line-height:1.5em;
  padding:0px 15px;}
  
.wordpress_page h1{
  color:#EE880B;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:21px;
  font-weight:normal;
  margin:3px 0px 0px;
  padding-bottom:10px;}

.wrapper{
	background:#fff;
	box-shadow:0px 0px 4px #777;
	margin:0 auto;
	width:1075px;}


/*////////////////////////////////////////////////////////////////////

HOMEPAGE Styles

////////////////////////////////////////////////////////////////////*/

.featurednews{
  border:13px solid #fff;
	box-shadow:0px 0px 4px #777;
	margin-bottom:25px;}

.index-column-left{
	float:left;
	margin:5px 0px 0px 20px;
	width:280px;}

.index-column-left .sidebarbanner{
	margin-bottom:25px;}

.index-column-left .sidebarbox{
	background:none;
	margin-bottom:25px;}

.index-column-right a.newsletter{
	background:#E78F23;
	color:#fff;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	margin-top:25px;
	padding:12px 0px;
	text-align:center;
	text-decoration:none;}
	
.index-column-right a.newsletter:hover{
	background:#E86222;}

.index-column-right .left{
	float:left;
	width:400px;}

.index-column-right .sidebarbanner{
	float:right;
	margin:0;}
	
.index-maincolumn{
	float:right;
	margin:5px 20px 0px 0px;
	width:705px;}

.temp-smarttan-banner{
	background:#eee !important;
	height:160px;}
	


/******** MODAL WINDOW STYLES ********/

/* Z-index of #mask must lower than #boxes .window */
#mask{
  background:url(/images/modal_login/mask.png) top center repeat;
  display:none;
  position:absolute;
  z-index:9000;}

#boxes .window{
  display:none;
  height:140px;
  padding:0px;
  position:absolute;
  width:304px;
  z-index:9999;}
 
 /* Customize your modal window here, you can add background image too */
#boxes #login_dialog{
  margin-left:770px;
  top:185px;
  height:140px;
  width:304px;}
  
#boxes #login_dialog .bottom{
  background:url(/images/modal_login/bottom.png) bottom center no-repeat;
  height:10px;}

#boxes #login_dialog .middle{
  background:url(/images/modal_login/middle.png) top center repeat-y;
  padding:0px 12px;}

#boxes #login_dialog .middle .form{
  padding:0px 10px 5px;}

#boxes #login_dialog .middle .form .row{
  margin-bottom:5px;}

#boxes #login_dialog .middle .form .row .button{
  float:left;
  padding-top:1px;}

#boxes #login_dialog .middle .form .row .field-div{
  background:url(/images/modal_login/field-back.gif) top left no-repeat;
  float:left;
  height:18px;
  margin-right:6px;
  padding:4px 4px 2px;
  width:145px;}
  
#boxes #login_dialog .middle .form .row .field-div input{
  background:#fff;
  border:0px;
  color:#444;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:145px;}
  
#boxes #login_dialog .middle .form .row .links{
  float:left;
  font-size:10px;
  line-height:1.2em;}
  
#boxes #login_dialog .middle .form .row .links a{
  color:#7F7F7F;
  text-decoration:none;}
  
#boxes #login_dialog .middle .form .row .links a:hover{
  color:#EE880B;
  text-decoration:none;}
  
#boxes #login_dialog .middle .close{
  padding-top:1px;
  text-align:right;}
  
#boxes #login_dialog .middle .message{
  color:#900;
  display:none;
  font-size:11px;
  padding:3px 0px 6px;}

#boxes #login_dialog .top{
  background:url(/images/modal_login/top.png) top center no-repeat;
  height:24px;}

#boxes #terms_dialog{
  height:140px;
  width:304px;}
  
#boxes #terms_dialog .bottom{
  background:url(/images/modal_login/bottom.png) bottom center no-repeat;
  height:10px;}

#boxes #terms_dialog .middle{
  background:url(/images/modal_login/middle.png) top center repeat-y;
  padding:0px 12px;}

#boxes #terms_dialog .top{
  background:url(/images/modal_login/top-no-arrow.png) top center no-repeat;
  height:24px;}


/* * * * * * * * * * *
   -- FORM TABLE -- 
 * * * * * * * * * * */

.formTable{
  color:#444;
  font-size:12px;
  margin:0px auto;
  border:1px solid #e8e8e8;
  width:100%;}
  
.formTable .tableheader{
  background:#6292C8 url(../images/background-listTableHeader.jpg) bottom repeat-x;
  border-bottom:1px solid #76A0CF;
  color:#FFEC66;
  font-family:Tahoma, Geneva, sans-serif;
  font-weight:normal;
  font-size:19px;
  padding:13px 10px;
  text-align:left;}

.formTable .instructions{
  font-size:12px;
  border-bottom:1px solid #9FAFBF;
  padding:10px;}
  
.formTable .instructions_bottom{
	color:#666;
	font-size:11px;
	line-height:1.5em;
	padding:10px;}
	
.formTable .instructions_bottom a{
	color:#666;
	text-decoration:none;}
	
.formTable .instructions_bottom a:hover{
	color:#ee880b;
	text-decoration:none;}
 
.formTable .section{
	background-color: #43709F;
    border-bottom: 1px solid #3A6DA7;
    color: #FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	padding: 8px 5px 7px;
	text-align:left;}
  
.formTable div > label:first-child{
  display:inline-block;
  text-align:right;
  padding:5px;
  width:130px;}
.formTable div > label.top:first-child{
  vertical-align: top;}

.formTable input[type="text"],
.formTable input[type="password"],
.formTable input[type="file"],
.formTable textarea{
	margin:3px 0px;
	padding:7px;
	width:550px;}
	
.formTable select{
	margin:3px 0px;
	padding:7px;}

.formTable .captcha{}

.formTable .captcha label{}

.formTable .buttons{
  border-top:1px solid #9FAFBF;
  background:#588BC4;
  padding:10px 8px;
  text-align:left;}


/* * * * * * * * * * *
   -- LIST TABLE -- 
 * * * * * * * * * * */

.listTable{
  border:2px solid #9FAFBF;
  border-collapse:collapse;
  color:#444;
  font-size:12px;
  margin:0px auto;
  width:100%;
	-moz-border-radius:4px;
  border-radius:4px;}
  
.listTable .tableheader{
  background:#6292C8 url(../images/background-listTableHeader.jpg) bottom repeat-x;
  border-bottom:1px solid #76A0CF;
  color:#FFEC66;
  font-family:Tahoma, Geneva, sans-serif;
  font-weight:normal;
  font-size:19px;
  padding:13px 10px;
  text-align:left;}
  
.listTable .tableheader input{
	  padding:4px;}
   
.listTable .instructions{
  border-bottom:1px solid #9FAFBF;
  font-size:12px;
  padding:10px;}
	
.listTable .overview-instructions div{
	border-bottom:1px dotted #ccc;
	margin:3px 0px;
	padding:3px 0px 5px;}

.listTable .overview-instructions	.contains{
	background:#EBF1F8 url(../images/back-trans-diag.png) top left repeat;
	border-bottom:0;
	margin-top:10px;
	text-align:center;}

.listTable .overview-instructions	.contains-inner{
	border-bottom:0;
	color:#3A6CA7;
	display:inline-block;
	font-size:14px;
	margin:0 auto;
	padding:10px 0px 6px !important;}
	
.listTable .overview-instructions	.contains img{
	margin-right:3px;
	vertical-align:middle;}
	
.overview-button{
	background: -moz-linear-gradient(center top , #F8F8F8 5%, #DFDFDF 100%) repeat scroll 0 0 #F8F8F8;
  border: 1px solid #9E9E9E;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 0 0 #FFFFFF inset, 1px 1px 0 0 #EDF2FA;
	color: #333333;
	cursor:pointer;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin:0 auto 10px;
	padding: 15px 12px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFFFFF;
	width: 720px;}
	
.overview-button:hover {
  background: -moz-linear-gradient(center top , #CACACA 5%, #E5E5E5 100%) repeat scroll 0 0 #CACACA;
  box-shadow: 0 0 0 1px #FFFFFF inset, 1px 1px 0 0 #EDF2FA;
  color: #111111;}	

 
.listTable .search{
  color:#666;
  text-shadow:none;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  float:right;}

.listTable td a{
  color:#777;
  cursor:pointer;
  font-size:10px;
  padding:0px 3px;
  text-decoration:none;}
  
.listTable td a:hover{
  color:#111;}
  
.listTable td.sortablerow{
  background:url(../images/background-sortable_row.jpg) top left repeat;}

.listTable th{
  border-bottom:1px solid #3A6DA7;
  background-color:#43709F;
  color:#fff;
  text-align:left;
  padding:8px 5px 7px;}
  
.listTable th.sortable{
  background-color:#43709F;
  background-image:url(../images/sortable.gif);
  background-repeat:no-repeat;
  background-position:5px 9px;
  padding:8px 5px 7px 20px;
  color:#fff;
  cursor:pointer;}
  
.listTable th.unsortable{
  background-color:#43709F;
  padding:8px 5px 7px 7px;
  color:#fff;}
  
.listTable th.asc{
  background-color:#43709F;
  background-image:url(../images/sort_asc.gif);
  background-repeat:no-repeat;
  background-position:5px 9px;
  padding:8px 5px 7px 20px;
  color:#fff;
  cursor:pointer;}

.listTable th.desc{
  background-color:#43709F;
  background-image:url(../images/sort_desc.gif);
  background-repeat:no-repeat;
  background-position:5px 9px;
  padding:8px 5px 7px 20px;
  color:#fff;
  cursor:pointer;}

.listTable td{
  padding:3px 5px;}

.listTable .even{
  background-color:#E3E9ED;}
  
.listTable .even td{
  padding:8px 5px;}

.listTable .odd{
  background-color:#F6F6F6;}
  
.listTable .odd td{
  padding:8px 5px;}

.listTable .new{
  background-color:#C2CFDA;}
  
.listTable .new input{
  width:90%;}
  
.listTable tfoot tr {
  border-top:1px solid #3A6DA7;
  background:#6292C8 url(../images/background-listTableButtons.jpg) top repeat-x;
  text-align:left;
  height: 20px;}
 
.listTable tfoot tr td{
  padding: 5px;}
  
.listTable tfoot tr select{
  padding: 4px;}
  
.listTable tfoot tr a{
	color:#fff;
	font-size: 12px;
	font-weight: bold;}

.listTable tfoot tr input{
	 padding:4px;}
  
.listTable.inlineEdits .editLink {
  display: inline-block;
  margin: 6px 0 3px;}

.pagination{
  text-align:center;}

.pagination .pageheading{
  color:#777;
  font-size:13px;
  padding:0px 3px;
  text-decoration:none;
  vertical-align:text-bottom;
  cursor:default;
  font-weight:bold;}

.pagination .current{
  color:#777;
  font-size:15px;
  padding:0px 3px;
  text-decoration:none;
  vertical-align:text-bottom;
  cursor:default;
  font-weight:bold;}
  
.pagination .page{
  color:#777;
  cursor:pointer;
  font-size:13px;
  padding:0px 3px;
  text-decoration:none;
  vertical-align:text-bottom;}
  

/* * * * * * * * * * *
   -- GRID TABLE -- 
 * * * * * * * * * * */

.gridTable{
  color:#444;
  font-size:12px;
  margin:0px auto;
  width:100%;
  padding:20px;}

.gridTable .item{
  margin:10px 15px;
  width:165px;
  height:175px;
  padding-top:15px;
  float:left;}
  
.gridTable .item .image{
  text-align:center;
  padding:5px 0px;}
  
.gridTable .item .link{
  color:#777;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  overflow:hidden;
  padding:2px 0px 5px;}
  

/* * * * * * * * *
   -- NOTICES -- 
 * * * * * * * * */

.noticeBox{
  background-color:#DDE7F2;
  padding:10px;
  font-weight:bold;}

.noticeBox .error{
  color:maroon;}

.noticeBox .message{
  color:black;}


/* * * * * * * * * * * * * * 
   -- TEST-TRACK SORTER -- 
 * * * * * * * * * * * * * */
 
.testItemSorter{
  border:1px solid #9FAFBF;
  margin:10px;
  display:inline-block;
  padding:0 10px 10px 10px;
  width:300px;
  vertical-align:top;}
  
.testItemSorter ul{
  margin:0;
  padding:0;
  min-height:30px;
  list-style-type:none;}
  
.testItemSorter ul li{
  cursor:pointer;
  border:1px solid #9FAFBF;
  padding:5px;
  margin:5px;
  width:275px;}
  
  
/* * * * * * * * * * * * * * 
   -- MY TRAINING LIST -- 
 * * * * * * * * * * * * * */

.trainingList{
  width:525px;
  padding:0px;}

.trainingList a{
	background-color:#F6F6F6;
	border:1px solid #ccc;
	color:#0D5CAB;
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	width:505px;
	overflow: auto;}
  
.trainingList a.active{
  cursor:pointer;}
  
.trainingList a.active:hover{
  background-color:#E3E9ED;}

.trainingList a.inactive{
  cursor:default;}
  
.trainingList span.testStatus{
	color:#555;
	float: right;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	text-align: right;
	vertical-align: top;}
 
.trainingKey > div { margin-bottom: 3px; }
.trainingKey .incomplete, .incomplete { color: blue; }
.trainingKey .passed, .passed { color: green; }
.trainingKey .failed, .failed { color: red; }

.history_track{
  background:#FFFFAA}

.history_passed{
  background:#AAFFAA}

.history_failed{
  background:#FFAAAA;}

.history_notes{
  background:#FFAAFF;}

.trainingKey{
  float:right;
  width:180px;
  background-color:#E3E9ED;
  padding:10px;
  -moz-border-radius:5px;
	border-radius:5px;}
  
.trackSteps{
  float:left;
  background-color:#fff;
  padding:0px;}
  
.trackSteps a{
  display:block;
  min-height:40px;
  text-decoration:none;
  width:255px;}
  
.trackSteps a.opaque:hover{
  background-color:#DBDBDB;}
  
.trackSteps .translucent{
  opacity:0.5;
  filter:Alpha(opacity=50);}

.trackSteps .overview{
  background-image: url(../images/icon-compass.jpg);
  background-position: 4px 4px;
  background-repeat: no-repeat;}
  
.trackSteps .test{
  background-image: url(../images/track-test.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;}
  
.trackSteps .file-on{
  background-image: url(../images/track-file-on.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;}
  
.trackSteps .file-off{
  background-image: url(../images/track-file-off.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;}
  
.trackSteps .score{
  display: inline-block;
  width: 32px;
  margin: 13px 0 0 5px;
  text-align: center;
  vertical-align: top;
  color: #a4d410;
  text-shadow: #759d2a -1px 1px;
  font-size: 14px;
  font-weight: bold;}

.trackSteps .name{
  display: inline-block;
  width: 130px;
  margin: 10px 0 0 8px;
  color: black;
  font-weight: bold;}
  
.trackStepView .timer-div{
  padding: 8px 15px;
  bottom: 0px;
  right: 0px;
  position: fixed;
  border: 1px solid #9FAFBF;
  border-bottom:0px;
  background:#EFF3F8;
  color:#555;
  font-size:11px;
  text-align:center;}
  
.trackStepView .timer-div #timer{
	color:#333;
	font-size:15px;
	font-weight:bold;}
  
.trackStepView .timer-div .remaining{
	padding-bottom:3px;}

.testQuestion{
  background-color:#F6F6F6;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;}

.testQuestion .question{
  font-size: 15px;
  color:#333;
  margin-bottom:8px;
  padding:2px;}
  
  
/* * * * * * * * * * * * * 
   -- FILTERING LIST -- 
 * * * * * * * * * * * * */

.filtering_list {
  list-style-type: none;
  margin: 0;
  padding: 0;}

.filtering_list .item {
	background:#F8F8F8;
	border:1px solid #ccc;
	margin: 10px;
	padding: 8px;
	width: 575px;}

.filtering_list .item h4 {
  display: inline;}

.filtering_list .item h3,
.filtering_list .item h4 {
  margin: 0;}
  
.filtering_list .item h3 a{
	color:#444;
	margin-bottom:10px;
	text-decoration:none;}
	
.filtering_list .item h3 a:hover{
	color:#ee880b;
	text-decoration:none;}

.filtering_list_controller{
	color:#CCC;
	font-size:14px;
	margin:20px 0px 25px;
	text-align:center;}

.filtering_list_controller a {
  cursor: pointer;
  font-weight: bold;
  color:#ee880b;}

.filtering_list_controller a:hover{
	color:#444;}

.filtering_list_controller a.disabled {
  cursor: default;
  color: #999;}
  
.employeeactionlink a{
	color:#666;
	font-size:13px;
	text-decoration:none;}
	
.employeeactionlink a:hover{
	color:#ee880b;}


/* * * * * * * * * * * * 
   -- HOT PRODUCTS -- 
 * * * * * * * * * * * */

.logo_4_quicklinks, .logo_3_quicklinks{
	overflow:hidden;
	padding:10px 0px;
	width:740px;}

.logo_4_quicklinks h3{}
  
.logo_4_quicklinks .quicklink, .logo_3_quicklinks .quicklink{
	float:left;
	min-height:175px;
	padding:10px;
	text-align:center;
	width:160px;}
  
.logo_3_quicklinks .quicklink a img, .logo_4_quicklinks .quicklink a img {
  margin-bottom:5px;
  width:110px;}
  
.logo_3_quicklinks .quicklink a, .logo_4_quicklinks .quicklink a{
	color:#333;
	text-decoration:none;}


/* * * * * * * * * * *
   -- VALIDATION -- 
 * * * * * * * * * * */

input.invalid, select.invalid, textarea.invalid, div.invalid{
  background-color:#E2C2C2;}
  
input.watermark{
  color:grey;}
  
#tooltip {
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:99999;
  padding-left:5px;
  font-size:11px;
  color:#fff;
  text-shadow:0 0 2px #000;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,0.25);
  background-color:rgb(25,25,25);
  background-color:rgba(25,25,25,0.92);
  border-radius:3px;
  box-shadow:0 0 3px #555;}
  
#descriptionDialog {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:300px;
  z-index:99999;
  padding:8px;
  border:1px solid rgba(255,255,255,0.2);
  background-color:rgb(240,240,240);
  background-color:rgba(240,240,240,0.90);
  border-radius:3px;
  box-shadow:0 0 3px #555;}

#descriptionTitle {
  border-bottom: 1px solid #AAAAAA;
  color: #EE880B;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 14px;
  padding-bottom: 5px;}

#descriptionText {
  font-size:11px;
  color:#000;
  padding-bottom: 10px;}
  
#validationDialog{
  display: none;}

.formError .ui-dialog-titlebar {
  background: #FA5757;
  color: white;}

.validationError {
  display: none;
  padding:10px;
  font-weight:bold;
  -moz-border-radius:5px;
	border-radius:5px;
  color: maroon;
  background-color: pink;
  border: 1px solid maroon;
  margin: 5px 0;
}

/* * * * * * * * * * *
   -- VIDEO PLAYER -- 
 * * * * * * * * * * */

.video_player {
  display: block;
  width: 550px;
  height: 400px;
  margin: 0px auto;
}


/* * * * * * * * * * *
   -- CONSUMER LANDING PAGE -- 
 * * * * * * * * * * */


.consumer-landing-page-logos{
	padding:20px 0px;}
	
.consumer-landing-page-logos .logo{
	text-align:center;}
	
.consumer-landing-page-logos .logotext{
	color:#777;
	font-size:11px;
	padding:3px 0px 15px;
	text-align:center;}
	
.consumer-landing-page-logos .logotext a{
	color:#777;
	text-decoration:none;}

#locator_left{
	background:url(../images/consumer-landing-page-sidebarback01.jpg) top right repeat-y;
	padding-top:0px;}
	
#locator_left .home-button a{
	background:#3677b9;
	color:#fff;
	display:block;
	font-size:15px;
	margin:0px auto 10px;
	padding:12px 10px;
	text-align:center;
	text-decoration:none;
	width:230px}
	
#locator_left .home-button a:hover{
	background:#0d5cab;}
	
.locator_left_top{
	background:url(../images/consumer-landing-page-sidebarback-top.jpg) top right no-repeat;}
	
.locator_left_bottom{
	background:url(../images/consumer-landing-page-sidebarback-bottom.jpg) bottom right no-repeat;}

.store-category-threewide{
	width:540px !important ;}

.store-featured-floatright{
	float:right !important ;
	width:175px !important ;}


/* * * * * * * * * * *
   -- HOMEPAGE SALON LOCATOR POPUP -- 
 * * * * * * * * * * */
 
.salonpopup{
	border:0px !important;
	border-radius:0px !important;
	box-shadow:1px 1px 5px #444;
	text-align:center;}

.salonpopup a.link{
	background:#3677B9;
	color:#fff !important;
	display:inline-block;
	font-size:15px;
	outline:none;
	padding:8px 15px;
	text-decoration:none;}
	
.salonpopup a.link:hover{
	background:#0D5CAB;}
	
.salonpopup a.link-close{
	background:#999;
	color:#fff !important;
	display:inline-block;
	font-size:14px;
	margin-top:8px;
	outline:none;
	padding:8px 15px;
	text-decoration:none;}
	
.salonpopup a.link-close:hover{
	background:#888;}
	
.salonpopup h3{
	color:#ee880b;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0px 0px 12px;}

.salonpopup .jqDialog{
	padding:0px 10px 10px !important;}

.salonpopup .ui-dialog-titlebar{
	background:none;
	border:0;}

.ui-widget-overlay{
	background:#000 !important;
	background-image:none !important;
	opacity:.6 !important;
	position: fixed !important;}


/*///////////////////////////////////////////////////////////////////////////

UV TANNING TRAINING PAGE Styles

///////////////////////////////////////////////////////////////////////////*/

.uv-tanning{
	color:#333;
	font-family: 'function_pro', sans-serif;
	font-size:21px;}
	
.uv-tanning h2{
	border-bottom:none;
	font-family:'function_pro_book', sans-serif;
	font-size:30px;
	font-weight:bold;
	margin:0px 0px 20px;
	padding:0;
	text-align:center;}

.uv-tanning ul.training-topics{
	margin-top:25px;
	padding-left:25px;
	width:55%;}

.uv-tanning ul.training-topics li{
	color:#555;
	margin:10px 0px;}
	
.uv-tanning ul.training-topics li span{
	position:relative;
	left:.7em;}

.uv-tanning a.started{
	background:#EFAE19;
	color:#fff;
	display:inline-block;
	font-family:'function_pro_book', sans-serif;
	font-size:19px;
	padding:17px 30px;
	text-decoration:none;}

.uv-tanning a.started:hover{
	background:#555;}

.uv-tanning .get-started{
	margin:30px 0px 0px;
	text-align:center;}

.uv-tanning .grey{
	background:#EDEDEE;}

.uv-tanning .have-questions{
	color:#2163a6;
	font-family:'function_pro_book', sans-serif;
	font-size:24px;
	text-align:center;}
	
.uv-tanning .have-questions .phone{
	margin:20px 0px 0px;}

.uv-tanning .joe img{
	float:left;
	margin-top:20px;}

.uv-tanning .joe .quote{
	float:right;
	width:600px;}

.uv-tanning .map{
	background:url(../images/uv-tanning/us-canada.png) 50% 50% no-repeat;
	min-height:300px;}

.uv-tanning .map .left{
	color:#555;
	float:left;
	font-family:'function_pro_book', sans-serif;
	font-size:28px;
	line-height:1.3em;
	margin-top:70px;
	width:400px;}
	
.uv-tanning .map .right{
	float:right;
	margin-top:10px;
	text-align:center;
	width:300px;}
	
.uv-tanning .map .right .larger{
	font-family:'function_pro_book', sans-serif;
	font-size:1.2em;
	margin:10px 0px 8px;}
	
.uv-tanning .map .right .states{
	font-size:.9em;
	margin-top:12px;}

.uv-tanning .screenshots{
	margin:20px;
	text-align:center;}
	
.uv-tanning .screenshots img{
	border:1px solid #ddd;
	margin:0px 5px;}

.uv-tanning .section{
	padding:30px 90px 40px;}

.uv-tanning .top{
	border-bottom:4px solid #2163a6;
	font-size:20px;}
	
.uv-tanning .top a.started{
	margin-top:18px;}

.uv-tanning .top .announcement{
	float:left;
	font-family:'function_pro_book', sans-serif;
	padding:15px 0px 30px 50px;
	width:350px;}
	
.uv-tanning .top .announcement h1{
	color:#2163a6;
	font-family:'function_pro_bold', sans-serif;
	font-size:53px;
	font-weight:normal;
	line-height:.95em;}

.uv-tanning .top .announcement h2{
	color:#2163a6;
	font-family:'function_pro_bold', sans-serif;
	font-size:25px;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:12px;
	text-align:left;}

.uv-tanning .top .video-promo{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
	cursor:pointer;
	float:right;
	text-align:center;
	width:620px;}

.uv-tanning .top-graphics{
	text-align:center;
	vertical-align:top;}

.uv-tanning .top-graphics .box{
	display:inline-block;
	margin:0px 5px;
	width:30%;}
	
.uv-tanning .top-graphics .box .box-title{
	font-family:'function_pro_book', sans-serif;
	font-size:1.2em;
	margin:10px 0px 4px;}
	
.uv-tanning .top-graphics .box .graphic{
	text-align:center;}
	
.uv-tanning .training-videos{
	float:right;
	margin-top:10px;
	text-align:right;
	width:37%;}

.uv-tanning .training-videos .video{
	cursor:pointer;
	margin-bottom:15px;}
	
/* flexible width for the fancybox wrapper */
.fancybox-video-wrap {
	width: 70% !important;}