html, body { padding:0; margin:0; border: 0; width:100%; height:100%; -webkit-font-smoothing: antialiased; }
body { background:#d4e6fc url('../../images/common/background.png') repeat-x; }

BODY, INPUT, SELECT, TEXTAREA { font-size: 11px; font-family: arial, verdana, helvetica, "helvetica neue", sans-serif; font-weight:400; }
SELECT {padding:1px; } 
TEXTAREA { width: 500px; height: 100px; overflow:auto; margin:0 0 10px 0; }

.form SELECT, .form INPUT { border:1px solid #cecfce; vertical-align:middle; }
INPUT.focused { border: none; outline: none; }
INPUT.button { color: #FFFFFF; border: none !important; background: url('../../images/common/button_overlay_gradient.png'); padding:6px 8px; border-radius: 5px; border-radius: 5px; box-shadow: 2px 2px 4px #D0D0D0; text-shadow: 1px 1px 1.5px #9E9E9E; font-weight: bolder; cursor: pointer; }
INPUT.ghost{
	border-width:2px;
	color:#999;
	font-style: italic;
}

DIV.header-wrapper {
	min-height:125px;
	height:auto;
	position:relative; 
	overflow:hidden;
}	

div .custom-content p {margin:0 0 10px 0; padding:0; color:#737373 !important;}

#aspnetForm { height: 100%; }

UL, LI { list-style: none; margin:0; padding:0; }

A { border:0; color: #336699; text-decoration: none; }
A:hover { text-decoration: underline; }
A.styleAltA ,.styleAltA, A.login-button  { color:#ec9a5e !important;  }  /* orange */
A.styleAltB ,.styleAltB { color:#8bc136 !important;  }  /* green */
A.login-button { font-weight:800; }
DIV.login-button-container { margin: 0 5px 0 10px; }

.bolded { font-weight:800; }
.padding_left{padding-left:25px;}
.recaptchaVisibleChallenge {
  margin-left: 140px;
  margin-bottom: 20px;
  float: left;
}
.recaptchaVisibleChallengeInfo {
  margin-left: 15px;
  margin-bottom: 20px;
  width:fit-content;
}
.required-recaptcha-challenge{
    border:solid 1px red;
}
.buttonDiv {
  float: right;
  margin: 10px 0 25px 0;
}
.buttonDivConfirm { border-top:1px solid #DFDFDF; width:96%; padding:10px 5px 0 0; margin: 20px 15px; }
.buttonDivConfirm span a { margin: 10px 15px 5px 0; }

.header { width: 100%; height: 75px; margin-bottom:8px; background: transparent; }

.innerContainer { width: 944px; margin:0 auto; background-color: #FFFFFF; box-shadow: 0 0 6px #ABABAB; }

.logoImage {
	float:left; margin: 15px 0 0 25px; font-size: 17px; font-weight:bold; color:#336699; min-width: 200px; max-width:520px;

}

.logo {
	float:left;
}

.tagLine { float:left; margin-top:18px; margin-left:10px; }

.headerLinks { font-size: 12px; font-weight: bold; margin-right: 20px; float:right; padding: 10px 10px 4px 0; width: auto; background: rgba(0, 0, 0, 0.35); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c8B8B8B', endColorstr='#4c8B8B8B'); border-bottom: 3px solid rgba(255, 255, 255, 0.4); border-left: 3px solid rgba(255, 255, 255, 0.4); border-right: 3px solid rgba(255, 255, 255, 0.4); border-radius: 0 0 6px 6px; }

.footer-logo-mb {
  display: inline-block;
  width: 147px;
  height: auto;
  padding-right: 3px;
}

/* header links */
.headerLinks ul { line-height: .5; margin: 5px 3px 0 0; padding: 1px 0 2px 0; text-align: right; }
.headerLinks ul li { display: inline-block; /* padding: 0 5px 0 5px; */ }

.headerLinks SPAN.last { background: url('../../images/common/help-icon.png') no-repeat 5% 45% transparent; padding: 2px 0 3px 20px; }
.headerLinks SELECT { display: inline-block; margin-left: 8px; float: left; clear: both; }

.welcomeUser, .home{ padding: 5px 4px 0 23px; }

.welcomeUser { background: url('../../images/common/top_icons.png') no-repeat 1% -10% transparent; }

.home { background: url('../../images/common/top_icons.png') no-repeat 1% 45% transparent; margin-left: 5px; }

.logout { background: url('../../images/common/top_icons.png') no-repeat 1% 99% transparent; padding: 5px 0 4px 21px; margin: 0 9px 0 5px; }
.logout a { margin-right: 10px; }

.languageLocation { margin: 10px 0 -1px 0 !important; }

.breadCrumbs { text-decoration:none; font-size: 11px; }
.breadCrumbs A { text-decoration:none; font-weight: normal; }
.breadCrumbs SPAN { font-weight:800; } 
.breadCrumbs A , .breadCrumbs SPAN { margin:0px 5px; }
.breadCrumbs SPAN.sep { margin:0px 1px 0px 0px; width:1px; border-right:1px dotted #000000; }

.sectionLinks { margin-top:5px; }

#bookOnline { height: 100%; }

.mainContainer { height: 100%; }

.footer { width: 915px; background: url('../../images/common/bg_pattern_footer.png') repeat #FFF; padding: 20px 15px 5px; height: 30px; clear: both; border-top: 1px solid #E3E3E3; box-shadow: 0 -2px 2px #CECECE; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=55, Color='#CDCDCD')"; }

#product { float: left; }
#product a:first-child  { color: #757575 !important; }
#product a:first-child:hover { text-decoration: none; }
#product span { color: #757575; display: inline-block;vertical-align: middle; }
#product a:first-child img { margin-bottom: -2px; border: 0; }

#social { float: right; }
#social A { padding: 2px 10px 3px 25px; }

.social-links { padding-top: 9px !important;margin-right: 2px !important;float: right;}

#privacy { padding: 4px 0px 0px 0px; }
#privacy A { padding: 4px 0px 0px 0px; }


.facebookLink { background: url('/assets/images/common/fb_icon.png') no-repeat 3% 50% transparent; }
.twitterLink { background: url('/assets/images/common/tw_icon.png') no-repeat 3% 50% transparent; }

.camera-icon {background: url("/assets/images/common/camera_icon.png") no-repeat scroll right 1px transparent; padding-right: 16px;}

DIV.search_filters A.instant-gc { background: transparent url('../../images/common/icn_gift.png') no-repeat 1px 50%; padding-left:15px; }

.aptTypeLinks { margin:7px 0 10px 9px; padding: 0 0 15px 0; border-bottom: 1px solid #DDDDDD; }
.aptTypeLinks A { color: #000; text-decoration:none; font-size: 11px; }
.aptTypeLinks SPAN, .sectionLinks SPAN { padding:0 10px 0 5px; }
.aptTypeLinks SPAN.last, .headerLinks SPAN.last, .sectionLinks SPAN.last { border-right: 0; }
.aptTypeLinks SPAN { margin: 0 -6px 0 6px; float:left; height:18px; }
.aptTypeLinks SPAN.localize-img { margin:0; border:0; }
.aptTypeLinks SPAN A { margin: 0; border:0; padding:0; float:left; overflow:visible; background-color: #EFEFEF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform:uppercase; } 
.aptTypeLinks SPAN A SPAN { margin:0; padding: 6px 6px 0 6px; border:0; }
.aptTypeLinks SPAN A SPAN.txt { color:#336699; }
.aptTypeLinks SPAN A.selected { float:left; text-decoration:none; font-weight: bold; color:#e96205; padding-left:4px; margin-top:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } 
.aptTypeLinks SPAN A.selected SPAN.txt { height:18px; text-decoration:none; color:#e96205; padding:5px 17px 0 0;} 
.aptTypeLinks SPAN A.selected, .aptTypeLinks SPAN A.selected SPAN.txt { color: #FFFFFF; }
.aptTypeLinks span:hover { color: #FFFFFF !important; }

.shortMenu .icon{ background:none !important; display:none !important;}

.aptTypeLinks SPAN A SPAN.icon { display: none; }

.messageBar { background-color: #F1FEE0; border:1px solid #C2E794; margin:5px 0 0 8px; padding:8px 10px; font-size: 12px; }
.messageBar span { color: #737373; }
.messageBar span.bold { font-weight: bold; }

.messageBarError {background-color: #FAEBED; color:#DB0015; margin:5px 0 0 8px; padding:8px 10px; font-size: 12px;}

.messageBarAppointment { line-height: 1.6; }

.sectionMain { }
.messageBlock { }

.closeControl { float:right; margin:-14px 0 0 0; }
.closeControl img { height: 10px;width:10px; }

.mainContent { margin:0; background:#fff; padding:3px 0 0 0; overflow:hidden; }
.mainWorkSpace { float:left; width: 645px !important; padding:0; overflow:hidden; margin:0 0 0 2px; }
.mainWorkSpaceSingleCol { width:99%; clear:left; position:relative; float:left;  padding:0 5px; overflow:hidden; margin:0; }

.rightNav .first { margin-top:-5px; position: relative; }
.rightNav .sectionTitle { background-color: #DADADA; margin: 0 5px 5px; }
.sectionTitle { color:#333; padding:8px 0 8px 3px; }

.singleTitle { margin:0 0 3px 0;padding:5px 0 5px 5px; width: 625px; float: left; }
.sectionTitle div { font-weight:bold; font-size: 12px; color: #000000; padding: 3px 0 2px 27px; }
.sectionTitle div.title { float:left;}

.singleTitle div { padding: 10px 0 10px 6px; margin: 1px 0px 0px 5px; }
.sectionTitle div.links { float:right;font-weight:normal; margin-right:3px; }

.completeTitle div { margin: 1px 0 1px -3px; padding: 9px 0 9px 7px; }

.accountTitle { width: 930px; padding: 5px 0 5px 5px; margin: 0 0 3px 0; }
.accountTitle div a { padding: 5px 9px; margin: 0 4px 0 3px; background-color: #EFEFEF; border-radius: 6px; }

.myAccountNav { margin-top: 5px; font-weight: bold; }
.myAccountNav span { padding: 5px 9px; border-radius: 6px; color: #FFFFFF; }

.rightNav .first div { background: url('../../images/common/sidebar_icons.png') no-repeat 1% -2% transparent; }

.rightNavSection .sectionRow span a { background: url('../../images/common/sidebar_questionmark.png') no-repeat 0% 50% transparent; padding: 0 0 0 15px; }

.specialPackageSection { background: url('../../images/common/sidebar_icons.png') no-repeat 1% 18% transparent; }
.myAppointmentsSection { background: url('../../images/common/sidebar_icons.png') no-repeat 1% 38% transparent; }
.contactUsSection { background: url('../../images/common/sidebar_icons.png') no-repeat 1% 98% transparent; }

.contactUsContent { color: #757575;}

.showAll a { margin-right: 10px; }

.workSection .sectionEnd { padding: 4px 1px 0 0; }
.workSection .apptSectionEnd { border-top: 1px solid #DFDFDF; margin: 0 10px 0 10px; }

.sectionEnd { border:0;}
.sectionEnd strong{color:#000;}

.infoSectionHeader { padding:3px 5px; font-size: 13px; font-weight:lighter; padding: 7px 8px; color:#666; }
.infoSectionHeader strong { font-weight: bold; }
.accountHighlight { font-weight: bold; color: #000; }
.membership-name { font-weight: bold; min-width: 400px; }
.cancel-membership { text-align: center }
.cancel-membership * { font-weight: bold; color:#DA4555; margin: 5px; }
.frozen-membership { font-weight: bold; color: #AE7B32; }

.infoSection { margin:5px 0 0 0;}
.infoSection table td { padding:5px;}
.infoSection table td .label { color:#666; font-size: 12px;}
.infoSection table td .label span { font-weight:normal; color:#000;}
.infoSection table td .label span.subLabel { color:#666; font-style: italic; font-size: 11px;}

.infoSection .passwordRules
{
	max-width: 180px; 
	padding: 0px; 
	margin-left: 2px;
}

.bookingForm .infoSectionHeader { font-weight: bold; margin: 0 0 5px 9px; } 
.bookingForm .infoSectionHeader span { font-style: italic; font-weight: lighter; font-size: 11px; }

.specialReqs{ padding:10px; }

.policyConfirm { text-align: center; }
.policyConfirm a.agreement{ text-decoration: underline; }
.apptDate { padding: 0; }

TABLE.packageSelectAppointment { margin-top:15px; }
TABLE.packageSelectAppointment TD { vertical-align:top; padding:3px;}
TABLE.packageSelectAppointment .label {font-weight:bold;}

.packageSelectSection { clear:both; margin:0 0 10px 0; }
.packageSelectSection .pHeader { padding:5px; border-bottom:1px solid #999; }
.packageSelectSection .title { float:left; font-weight:bold; }
.packageSelectSection .subTitle { color:#666; font-weight:normal; }
.packageSelectSection .links {float:right; }

.moreDiv { padding:10px; }
.moreDiv .copy{ float:left; width:45%; }
.moreDiv .times{float:right; width:40%;}
.moreDiv .times table{ width:100%; }
.moreDiv .times table td{ padding:4px 0; text-align:center; }
.moreDiv .times table td.pTitle{ background:#ccc; padding:3px; text-align:center; }
.moreDiv .times table td.altRow{ background:#eee; }

/*** My Account ***/
.myAccount { float: left; width: 630px; }
.myAccount.full { width: 98%; }

.myAccount p { padding: 7px 0 7px 8px; font-size: 13px; margin: 10px 0px 10px 7px; font-size: 12px; }
.myAccount input.btn { width: 85px; }

.rewardPoints { position: relative; top: 20px; margin: 0 0 20px 0; float: right; background-color: #F2F2F2; width: 285px; height: 425px; }
.rewardPoints div span {background: url('../../images/common/sidebar_icons.png') no-repeat 1% 78% transparent; padding: 4px 0 4px 25px; font-size: 14px; font-weight: bold; background-color: #D8D8D8; display: block; }
.points { background-color: #FFF; border: 1px solid #CCC; margin: 10px 5px 15px 10px; padding: 10px; font-size: 15px; font-weight: bold; color: #666; }

.bookingNumber { font-weight: bold; color: #000; }
.seriesNumber { font-weight: bold; color: #000; padding: 0 0 0 3px; }

.myAccount { color: #777; font-size: 11.5px; }
.apptHeader { font-size: 13px; padding: 8px 0 8px 10px; margin: 6px 0 0 8px; font-weight: bold; color: #000; }
.myAccount .infoSectionHeader { margin: 7px -5px 5px 9px; }
.myAccount table { margin: 3px 0 18px 7px; }
.myAccount b { color: #000; }
.myAccount .sectionEnd { border-top: 1px solid #ccc; margin-left: 10px; }
.myAccount .sectionEnd .btn { width: 75px; margin-right: 6px; }
.accountDetails table:last-child { margin: 0; }

.accountUsername { width: 620px; }

.childDetails .dynamic-form-table .label { width: 75px;}
.childDetails .dynamic-form-table .crm-dateselector-control td { padding: 0;}
.childDetails .dynamic-form-table .crm-dateselector-control .has-elapsed-time table { margin: 0; }
.childDetails .dynamic-form-table .crm-dateselector-control .elapsed-counter { clear: both; }

/*** table form styles ***/
.form table { width:100%; }
.form table .label {width:5%; white-space:nowrap; }
.form table .data { width: 60%; }
.form table img { vertical-align:middle; cursor: pointer; }
.form table td select { margin:2px 0 0 0; }
/*** table form styles ***/

.noAppointmentContainer .box { background:#ffffce; padding:8px 10px; }
.noAppointmentContainer .helpCopy { text-align:center; font-weight:bold; margin:10px 0; }
.noAppointmentContainer .options .left, .noAppointmentContainer .options .right{ float:left; width:48%; }
.noAppointmentContainer .title { font-weight:bold; }
.noAppointmentContainer .right div, .noAppointmentContainer .left div { margin:10px 0;  }
.noAppointmentContainer span { color:#999; }
.noAppointmentContainer div a { font-weight:bold; }

/** form styles ***/
.formRow { 	clear:both;	display:block; padding:15px 0 15px 10px; }
.formRow img { vertical-align:middle; }
.formRowSmall { padding:0 0 0 10px; }
.addRow { margin:10px 0 0; padding:0; }

.innerFormRow { }
.innerFormRow .formLabel { }

.formModSingle, .formMod { float:left; margin:0 20px 0 0; }
.formModSingle .formElement, .formModSingle .formLabel { float:left; }
.formModSingle .formLabel { width:90px; }

.formMod_2col_1 { width:55%; margin-right: 40px; }
.formMod_2col_2 { margin-left: 15px; }
.formMod_2col_3 { }

.formLabel { font-size: 13px; padding: 6px 10px 6px 5px; }
.formSubLabel { font-weight:normal; margin:4px 0 0 0; height:10px; }

.noLabel { height: 25px; }

.formSelect { white-space: nowrap; padding:3px 20px 3px 5px; overflow: hidden; border:1px solid #cecfce; background:url('../../images/common/selectArrow2.png') no-repeat 99.5% 50%; }
.formSelect:hover { background: url('../../images/common/selectArrow2_hover.png') no-repeat 99.5% 50% #EFF5FD; }

.formSelect span { overflow: hidden;  display:inline-block; }
.treatment-select span{width:339px;}

.formElement { margin-top: 5px; }
.formElement span { font-style: italic; color: #8A8A8A; font-size: 11px; }

.dateForm img { margin-right: 20px; cursor: pointer; }

/* ???  */

.addAnother { clear:both; }
.addAnother a { padding: 0 0 0 16px; background: url('../../images/common/new-service-icon.png') no-repeat 2% 50% transparent; }

.serviceRemove { position: relative; bottom: 9px; margin-left: -7px; }

.rightNav { float:right; width: 285px; background-color:#F2F2F2; padding: 5px 0 0 0; margin: 0 0 3px 0; }
.rightNav H3 { font-size: 12px; background-color: #D8D8D8; padding:10px 0 10px 8px; margin:3px 5px 5px 5px; }
.rightNav H3 SPAN { color: #666; font-size: 11px; }
.rightNav TABLE A { text-decoration:none; }
.rightNav TABLE td { padding:8px 3px; }
.rightNav .bookAgain { background: url('../../images/common/again_icon.png') no-repeat 50% 50% transparent; padding: 0 12px; }

.alternatingRow { background: #eff5fd; }

.col2 { width: 70px; }

.lLink { width: 140px; margin-left:10px; font-size: 11.5px; }
.rLink { margin-right:10px; font-weight: bold; }

div.specialPackages { padding:0; margin-bottom:10px; }

.sectionRowAlternate, .sectionRow{ padding:8px 3px;  }
.sectionRowAlternate { /* background: #eff5fd; */ }
.sectionRowAlternate img, .sectionRow img { vertical-align:middle; }

.rightNavSection { margin:6px; }
.rightNavSection DIV.helpLinks, DIV.helpLinksBooking { font-size: 12px; padding: 0 0 8px 15px; background: url('../../images/common/sidebar_questionmark.png') no-repeat 0% 20% transparent; }
.rightNavSection DIV.helpLinksBooking { font-size: 12px; text-align: center; padding: 0 0 8px 15px; background: url('../../images/common/sidebar_questionmark.png') no-repeat 10% 20% transparent; }
.rightNavSection P { color: #757575; padding:8px 3px; }
.rightNavSection,.sectionRowAlternate, .sectionRow { clear:both; }

.apptBookHeader { font-weight:bold; border-bottom:1px solid #666; padding:0 10px 5px 0; margin:5px 0 0 0; }
.bookingDay { background:#ccc; padding:3px; margin:5px 0 0 0; }

.rightNav TABLE.bookingTable { width:100%; }
.rightNav TABLE.bookingTable TD { padding:3px 0; vertical-align:top; }
.rightNav TABLE.bookingTable TD.time { width:60px; }

.rightNav TABLE.bookingTable2 { width: 240px; margin: 2px 8px 5px 12px; }
.rightNav TABLE.bookingTable2 TD { padding:5px 5px 5px 0;	vertical-align:top; }
.rightNav TABLE.bookingTable2 TD.time { width:25%; }
.rightNav TABLE.bookingTable2 TD.action { text-align:right; padding:5px 0; }

.chooseDifferent { text-align: center; /* background: url('../../images/common/undo_icon.png') no-repeat 9% 50% transparent; */ margin: 10px 0 2px -9px; padding: 0 0 0 17px; }
.chooseDifferent a { background: url('../../images/common/undo_icon.png') no-repeat -1% 50% transparent; padding: 0 0 0 18px; }

.with-warning { background:#ffffce url('../../images/common/alert_icon.png') no-repeat 1% 15%; padding-left:22px; }

.ccNote { background-color:#ffffce; padding:8px 6px; margin:3px 0 0 9px;	 }
.ccNote IMG, .ccNote SPAN { vertical-align:middle; font-weight: bold; }
.ccNote span { margin-left: 5px; }

DIV.subnav { border-bottom:1px solid #ccc;padding:3px 0 6px 0; }
DIV.subnav SPAN A.selected { color:#e96205 !important; font-weight:bold;  background:url('../../images/common/myAppts-Nav/bg-selected-left.png') no-repeat left top; padding:0; padding-left:6px; text-decoration:none; }
DIV.subnav SPAN A.selected SPAN { color:#FFFFFF !important; background:#fcece1 url('../../images/common/myAppts-Nav/bg-selected-right.gif') no-repeat right top; height:15px; margin:0; padding:1px 6px 0 0; padding-right:6px; text-decoration:none;}
DIV.subnav SPAN A SPAN { border:0; padding:0px; display:block; } 
DIV.subnav SPAN A { color:#336699; white-space:nowrap; display:block;}
DIV.subnav SPAN {padding:0 12px; border:0; height:15px; border-right:1px dotted #000000; }
DIV.subnav SPAN.last { border:0; }
DIV.subnav SPAN.localize-img {  margin:0; padding:0; border:0;}

.rightNavInfo { padding: 5px; margin: 5px; box-shadow: 2px 2px 2px #CCCCCC; background-color: #FFFFFF; }

.dateHeader { border-bottom: 1px solid #CCC; padding: 5px 6px 2px 3px; width: 240px; margin: 3px 0 0 4px; font-size: 12px; } 

.required, .required-marker { color: #E71108 !important; padding-right: 1px; }

.discountCode { text-align: center; padding: 5px 5px 10px 5px; margin-right: 10px; background-color: #CDCDCD; color: #444; width: 145px; border-radius: 6px; }
.discountCode INPUT { margin: 6px 0 1px; }

.checkOutBtn { margin: 2px 7px 3px 0; }
.checkOutBtn > SPAN { text-transform: uppercase; }

.bookingForm table { margin-left: 8px; }
.bookingForm .label { color: #666; font-size: 12px; }

/******* popup treatment browser styles **********/
.popupOuterContainer { position: absolute; width: 662px; height:282px; }
.popupContainer { width: 650px; height:275px; border:1px solid #bdbebd; background:#fff; box-shadow: -1px 1px 10px #A1A1A1; }

.popupOuterContainerSmall { position: absolute; width: 470px; height:282px; }
.popupContainerSmall { width: 460px; height:275px; border:1px solid #bdbebd; background:#fff; box-shadow: -1px 1px 10px #A1A1A1; }

.inactive { display:none; }
.active{ display:block; }

DIV.popupContainer .end, DIV.popupContainerSmall .end { border-right:0 !important;}
DIV.popupContainer .end, DIV.popupContainerSmall .end { width: 265px; }

DIV.popupCol { width:189px; height:270px; float:left; border-right:1px solid #bdbebd; overflow:auto; overflow-x:hidden; }
DIV.popupCol UL.inactive { display:none; }
DIV.popupCol UL, .popupCol LI { width:100%; padding:0; margin:0; font-size: 14px; }
DIV.popupCol LI A DIV { color:#999; font-size: 11px; }
DIV.popupCol LI A { display:block; padding:5px; text-decoration:none; }
DIV.popupCol LI A.selected { color: #000000 !important; background: #F2F2F2 url(' ../../images/common/listArrow.png') no-repeat 95% 50%; }
DIV.popupCol LI A:hover { background: #EFF5FD; }

.actionDiv { text-align:right; }
.actionDiv A { padding: 7px 3px; line-height: 2; }

.popSectionHeader { margin:10px auto 0px auto; text-align:center; font-size: 15px; font-weight:bold; }
.popSectionHeaderTitle {font-weight:bold; }
.popSectionHeaderSubtitle { color:#666; margin-top: 3px; }
.popupCopy { background:#fff; padding:10px; margin: -5px 0 5px 0; }
.popupCopy .treatmentPhoto { float: left; padding-right: 10px; }
.popupButton { text-align:center; }

#selectedTreatmentOptionDescription1 p { color: #747474 !important; font-size: 11.5px !important; line-height: 1.2 !important; }

.treatmentDialog { display:none; position:absolute; z-index: 10; }
.treatmentDialog LI  { list-style: none; }

/**** single appointment *****/

.singleAppointment { width: 380px !important; padding: 3px 10px 0 4px;  }
.singleAppointment .service, .employee { display: table-cell; }
.singleAppointment .label { display: inline-block; }
.singleAppointment .service .data { font-size: 12px; width: 200px; }
.singleAppointment td.label { font-size: 13px; }

.whenDateBox { width: 240px; }

.modifySearch { position: relative; top: 1px; right: 8px; padding: 0 0 3px 20px; background: url('../../images/common/navArrow_left.png') no-repeat 5% 50% transparent; }

#selectedTreatmentOptionDescription1 UL LI { padding: 3px 0 3px 2px; color: #606060; }

.extend { width: 100%; }

.custom-scrollbar::-webkit-scrollbar-track { border-radius: 10px; background: rgba(170, 170, 170, 0.45); }
.custom-scrollbar::-webkit-scrollbar-thumb {  border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(94, 94, 94, 0.45); }
.custom-scrollbar::-webkit-scrollbar { height: 9px; width: 9px; }
.custom-scrollbar::-webkit-scrollbar-button { display: block; height: 4px; width: 4px; }

/**** calendar week styles *****/
.appointmentWeek { margin: 20px 3px 30px 5px; padding: 15px 10px; border: 1px solid #E3E3E3; box-shadow: 1px 1.5px 10px #C5C5C5; }

.dateNavigator { margin:0px auto; width: 560px; position:relative; }

.navArrowLeft { background: url('../../images/common/navArrow_left.png') no-repeat; width:22px; height:21px; position:absolute; top:10px; left:-22px; cursor: pointer; }
.navArrowRight { background: url('../../images/common/navArrow_right.png') no-repeat; width:16px; height:21px; position:absolute; top:10px; left:565px; cursor: pointer; }

UL.tabs{ list-style-type:none; padding:0px; margin:0px auto; width: 560px; }
UL.tabs LI{ border-radius: 9px; background-color: #D2D2D2; float:left; width:70px; height:35px; padding:0px 3px 0 0; margin:0px 3px 0px 4px; color:#336699; text-align:center; }
UL.tabs LI.standard:hover { }
UL.tabs LI A { padding:4px 0px 0px; float:left; width:70px; text-decoration:none; }
UL.tabs LI A.standard:hover { }
UL.tabs LI.selected { border-radius: 9px; float:left; padding:0px 5px 0 0; margin:0; color:#336699; text-align:center; }
UL.tabs LI A.selected { height:40px; padding:4px 0 0; float:left; color:#FFFFFF; text-decoration:none; font-weight:bold; width:70px; }
UL.tabs .unavailable { color: #FFFFFF; }
UL.tabs LI.unavailable { background-color: #CCCCCC; border-radius: 9px; }

.xOut { width:30px; height:30px; position:absolute; background:url('../../images/common/x.png') no-repeat 50% 50%; top:8px; left:165px; z-index:100; }

.treatmentSubtitle { color:#999; } 

.appointmentContainer { clear:both; margin:18px 0 0 5px; padding:0 5px; font-size: 12px; }
.appointmentContainer TABLE { width:90%; margin:0 auto; }
.appointmentContainer TABLE TD INPUT { padding:6px 10px; }
.appointmentContainer TABLE TR:first-child { height: 25px; background: linear-gradient(gainsboro, #9B9B9B); background: -webkit-linear-gradient(gainsboro, #9B9B9B); background: -moz-linear-gradient(gainsboro, #9B9B9B); }
.appointmentContainer TABLE tbody tr td.first-column { border-left: 1px solid #ddd; }
.appointmentContainer TABLE tbody tr td.last-column { border-right: 1px solid #ddd; }
.appointmentContainer TABLE tbody tr.last-row td { border-bottom: 1px solid #ddd; }

.dayAppointments { border:2px solid #ccc; padding:10px; } 

.apptHeaderRow { padding:5px; background:#ccc; margin:0 0 5px 0; } 
.apptRow { background:#EEEEEE; padding:10px 5px; }
.apptRowAlternate { background:#fff; padding:10px 5px; } 

.headerCell { padding: 3px; color: #FFFFFF; font-weight: bold; text-align: left; }

.tdWhen2 { display: none; }

.sortIcon { margin:2px; }

.apptDataHeader { font-size: 1.3em; color:#666; margin:3px 33px 2px 15px; padding-bottom:2px; } 

TABLE.multipleTreatments { margin:5px 0px 10px 10px; }
.multipleTreatments .headerCell { color:#000; font-weight:bold; background:transparent; }
.multipleTreatments .headerCell strong {  }
.multipleTreatments TD { padding:3px 1px; vertical-align: top; }
.multipleTreatments .styleAltA {  }

.multiApptDetail .apptRowAlternate, .multiApptDetail .apptRow { padding:5px; }

.noAppointmentContainer { width: 100%; margin:0 auto; }

.employeeList a { padding: 0 3px; }

/*** rounded buttons ****/

.roundedButton { width:50px; background:url('../../images/common/button.png') no-repeat; border:1px solid #000; }
.roundedButtonLong DIV, .roundedButton DIV { text-align:center; }
.roundedButtonLong { width:100px; background:url('../../images/common/button.png') no-repeat; border:1px solid #000; }

A.squarebutton{ background: transparent url('../../images/common/calButton_right.png') no-repeat right; display: block; font: normal 12px Arial; height: 30px; text-decoration: none; }
A:link.squarebutton, A:visited.squarebutton, A:active.squarebutton{ color: #494949; }
A.squarebutton div { background: transparent url('../../images/common/calButton_left.png') no-repeat left; display: block; }
A.squarebutton:hover{ background: transparent url('../../images/common/calButtonOver_right.png') no-repeat right; }
A.squarebutton:hover div{  background: transparent url('../../images/common/calButtonOver_left.png') no-repeat left; }

DIV.completeBookingButton { width: 160px; margin: 0 auto; }

DIV.completeBookingButton .buttonDiv a span { padding: 4px 4px 12px 9px; }

.buttonwrapper{ text-align:center;  width:100px; }

/**** confirmation styles *****/
.completeTitle { width: 919px; margin: 0 0 0 6px; }
.thankyouMessage { font-weight:bold; font-size: 17px !important; color: #8AC63C !important; }
.share-social{ float: right; margin: 5px 7px 0 0; }
.confirmationWelcome { padding:5px; border:1px solid #ccc; border-radius: 2px; box-shadow: 2px 2px 4px #EAEAEA; background:#F2F2F2; margin:5px 5px 0 6px; }
.confirmationWelcome TABLE { width: 915px; }
.confirmationWelcome P { margin:10px 0; color: #666; font-size: 12px; } 
.confirmationWelcome span { font-weight:bold; color: #000; }

.confirmDetails { margin:10px 0 3px 7px; padding:8px 5px 8px 8px; }
.confirmDetails .title { float:left; font-weight:bold; } 
.confirmDetails .links { float:right; } 
.confirmDetails .links A { color:#336699; text-decoration:none; }

.bookingComplete .infoSectionHeader { width: 909px; margin: 0 4px 0 5px; }

.classbookingComplete { width: 932px; }

.bookingDetailSection{ clear:both; }

.bookingNotes, .bookingDetails { float:left; width:50%; }

.bookingNotes { background-color: #F1FEE0; border: 1px solid #C6E898; margin:10px 0 0; width: 45%; padding:10px; }
.bookingNotes P { margin: -5px 0 6px -6px !important; padding-bottom:2px; font-weight:bold; }
.bookingNotes DIV { margin-bottom:15px; }
.bookingNotes SPAN { }

.bookingDetails { }
.bookingDetails TABLE { width:100%; }
.bookingDetails TABLE DIV { font-size: 12px; }
.bookingDetails TABLE TD { vertical-align:top; padding:10px; }
.bookingDetails TABLE TD SPAN { font-weight:bold; color:#666; } 
.bookingDetails TABLE span span{font-weight:normal; color:#000;}
.detailEmphasis { font-weight:bold; color: #6D6D6D; }
.detailDate { margin-bottom:5px; }
.detailTime { width: 65px; float:left; }

.apptDetail { margin-top:10px; }
.bookingDetails .apptDetail SPAN { color:#666; font-weight:normal; }

.treatment { float:left; }
.bookMoreBtn { margin: 10px 6px 15px 2px; width: 920px; }
.bookMoreBtn .bookAgain { background: url('../../images/common/again_icon.png') no-repeat 2% 50% #FFF; box-shadow: none; padding-left: 20px; }
.bookMoreBtn .bookAgain span { width: 150px; }

#additionalPaymentAlert .alert-container { padding: 0 0 10px 0; }
#additionalPaymentAlert .alert-container .title-bar { background-color: #FFFFDA; height: 35px; margin: 0 0 7px; }
#additionalPaymentAlert .alert-container .payment-inner-top { width: 415px; margin: 0 auto; padding: 10px 1px; font-size: 14px; }
#additionalPaymentAlert .alert-container .payment-inner { width: 440px; margin: 0 auto; padding: 10px 1px; font-size: 14px; }
#additionalPaymentAlert .remove_button a { margin-top: 2px; }
#additionalPaymentAlert .alert-container p { width: 320px; font-weight: bold; padding: 0 0 0 47px; margin: 0 0 0 25px; text-transform: uppercase; color: #666; background: url('../../images/common/alert_icon_large.png') no-repeat 0% 50%; }
#additionalPaymentAlert .alert-container .payment-inner div { width: 175px; margin: 15px auto -10px auto; }
#additionalPaymentAlert .green-text { font-weight: bold; }
.prepaid-payment div.green-text { padding-right: 5px;  }
.prepaid-payment .remove_button a {  margin-left: 5px!important; margin-top: -13px !important}

.green-text { color: #8AC63C; font-size: 12px;}

/************* login ************/
.loginContainer { position:relative; width:400px; height:300px; } 
.loginBackground { width:400px; height:300px; position:absolute; top:0; left:0; background:#000; opacity:0.35; filter:alpha(opacity=35); }
.loginBox { margin:0 auto; background:#fff; position:relative; top:40px; width:290px; height:200px; text-align:center; padding:5px; }

.loginBox .label { font-weight:bold; }
.loginBox TABLE { text-align:left; width:100%; margin-top:50px; }
.loginBox TABLE TD { padding:5px 0; }
#dlgLogin table{margin:10px 0;}
#dlgLogin .btn{float:none; display:inline-block;}

/*** overlay ****/
.loadingOverlayContainer { width:100%; height:100%; border:1px solid #000; position:relative; }
.loadingOverlay { width:100%; height:100%; background:#000; opacity:0.15; filter:alpha(opacity=15); position:absolute; top:0; left:0; }
.loadingImage { width:50px; height:50px; background: url('../../images/common/x.png') no-repeat;  position:relative; top: 50%; left:50%; border:1px solid #000;  }
.loadingImage SPAN { position:absolute; top:50px; left:0; font-weight:bold; color:#336699; }

.error_noAvailability { padding:5px; background:#fffe97; border:1px solid #ff0000; margin-top:5px; }

/* Start Page Main Content refactor */
DIV.primary { width: 650px; float: left;  margin:0; padding:0 5px 10px 0; }
DIV.primary label { font-weight: bold;  display: block; color:#666; }
DIV.primary-override LABEL{  display:inline; }
DIV.primary H2 { font-size: 13px; font-weight: bold; padding:10px; margin:5px 0 8px 9px; }
DIV.primary H2 SPAN.remaining-time { font-size: 11px; font-weight:400; }
DIV.primary H2 SPAN.remaining-time SPAN.minutes { font-weight:bold; color:#ff0000; }

DIV.primary H3 { font-weight: bold; font-size: 11px; margin:0 0 5px 0; color: #666; } 
DIV.primary SELECT { border: 1px solid #cecfce; } 

.validationError, .product_description .validationError, .xError { color:#ff0000; }

.callToBookPopup { width: 200px; background-color:#ffffff; padding:8px 0px 8px 8px; border:2px outset #d1d1d1; } 

/*** Order Details ***/
.orderDetails .sectionSeparator { color:#DCCDCC; background-color:#DFDFDF; border: 0; height:1px;  }

/*** Grid View ****/
.gridHeaderRow { padding:5px; color:#FFF; margin:0 0 5px 0; font-size:12px; background: linear-gradient(gainsboro, #9B9B9B); background: -webkit-linear-gradient(gainsboro, #9B9B9B); background: linear-gradient(gainsboro, #9B9B9B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#9B9B9B'); }
.gridHeaderRow th img { padding-left: 4px; }
.gridRow { background:#EEE; padding:10px 5px; } 
.gridRowAlternate { padding:10px 5px; }
.gridRowHover { color: #949494; background-color: #F3F3F3; } 
.gridRow TD, .gridRowAlternate TD, .gridRowHover TD{ padding:6px 3px; }
.xGridViewPagerStats { color: #999999; }
.xGridViewPagerLink { margin: 0 2px; }

/*** Multi-Treatment select button ***/
div.button_box_left { float: left; width: 10px; height: 43px; background: url('../../images/common/button_left.gif') no-repeat; }
div.button_box_right { float: left; width: 10px; height: 43px; background: url('../../images/common/button_right.png') no-repeat; }
div.button_box_center { float: left; height: 43px; background: url('../../images/common/button_middle.png') repeat-x; text-align: center; }
div.button_box_center A { display: block; } 

.remove_button A { background: url('../../images/common/delete_icon.png') no-repeat; width: 16px; height: 16px; display: block; margin-top: 2px; }
.payment-method-message div.green-text { padding-right: 5px;  }
.payment-method-message .remove_button a {  margin-left: 5px; margin-top: -13px }
/*** Popup styles -  used in PopupBase ***/

.popupInfoContainer { height: 100%; padding:0px 20px 10px; margin:20px; }
.popupInfoContainer .popupContent { background-color: #fff; margin: 10px; padding: 3px 15px; border: 1px solid #ccc; }

/*** Popup Help styles ***/

.helpQuestion { margin-top:25px; font-weight: bold; }

/*** Generic helpers ***/
.right{  float:right; }
.left{  float:left; }

/*** myappts links ***/
A.common-iconic { font-size:10px; margin:0px 3px; }
A.view { background: transparent url('../../images/common/search_icon.png') no-repeat 0 50%; padding: 4px 0 0 21px; }
A.confirm { background: transparent url('../../images/common/check_icon.png') no-repeat 0 50%; padding: 4px 0 0 20px; }
A.book-again { background: transparent url('../../images/common/again_icon.png') no-repeat 0 50%; padding: 4px 0 0 17px; }
A.cancel { background: transparent url('../../images/common/delete_icon.png') no-repeat 0 50%; padding: 4px 0 0 17px; }


DIV.orderDetailSection{ padding:15px; }

DIV.margin-five { margin:5px; }
DIV.margin-ten { margin:10px; }

SPAN.image IMG.wmax-onefifty { max-width:153px; }

DIV.login-area-value { border:dashed 1px #999999; height:17px; }

#imgBusy { margin-right: 13px; }

.lblStatus { color: #8AC63C; margin-left: 15px; font-weight: bold; }

/* Shop Online */
.shopOnlineHeader { color: #6F6F6F; font-size: 11px; margin: 10px 0 10px 4px; display: inline-block; }

/* from customer2.css  START */
.clearing, .clear { clear: both; }

.product_thumb_small { width: 50px; height: 50px; border: none; }
.product_thumb_medium { width: 100px; height: 100px; border: none; padding: 0 0 10px 14px; }

/*  Tabbed Navigation */
DIV.main-tabs-wrapper { position:relative; bottom:0px; }
DIV.tabbed_navigation { clear:both; border-bottom: 1px solid transparent; padding:5px 15px 0 15px; height: 33px; }
UL.nav_tabs { list-style-image:none; list-style-position:outside;	list-style-type:none;  margin:0; padding:0;}
UL.nav_tabs LI { display:inline-block; margin-left:5px; padding:0; font-weight:bold; color:#336699; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; text-align:center;}
UL.nav_tabs LI A {font-size: 12px;font-weight: lighter;margin:0;float: left; padding: 0 21px 0 21px;}
UL.nav_tabs LI A SPAN { display:inline-block; _display: inline-block! important; float:none; cursor:pointer;height:15px;  padding:8px 0 10px 0;}
UL.nav_tabs LI.active A {color: #000; position:relative; top:1px; }
UL.nav_tabs LI.active A SPAN {  }
UL.nav_tabs LI.account { float: right; height:31px; margin-right:40px; }
UL.nav_tabs LI.account A{ padding-left:8px; }
UL.nav_tabs LI.account A SPAN { }
UL.nav_tabs LI.account A { color: #fff; }
DIV.tabbed_navigation DIV.login-button-container { float:right; margin-right:40px; } 

/* Secondary Navigation */
UL#product_navigation { display: block; border-bottom: solid 1px #ccc; height: 25px; margin-bottom:5px; }
UL#product_navigation LI { background:transparent url('../../images/common/product_cart.gif') no-repeat; padding:3px 10px 0px 25px; border-right: solid 1px #ccc; float: left; height: 18px; }
UL#product_navigation LI.last { background:transparent url('../../images/common/computer_icon.gif') no-repeat; border-right: none; padding-left:30px; }
UL#product_navigation LI A { display: inline; color: #000; }
UL#product_navigation LI A.active { font-weight: bold; } 

/* Product Filmstrip */
UL.product_filmstrip LI, UL.product_filmstrip { display: inline; list-style: none; margin:0; padding:0; }
UL.product_filmstrip LI { margin:8px; } 

DIV.filmstrip DIV.pan_left { float: left; background:transparent url('../../images/common/filmstrip_arrow_left.gif') no-repeat 50%; width: 10px; height: 75px; border-right: dotted 1px #ccc;  cursor: pointer; }
DIV.filmstrip DIV.strip { float: left; width: 570px; } 
DIV.filmstrip DIV.pan_right { float: left; background: url('../../images/common/filmstrip_arrow_right.gif') no-repeat 50%; width: 10px; height: 75px; border-left: dotted 1px #ccc;  cursor: pointer; }

DIV.strip IMG.product_thumb_small { width: 75px; height: 75px; }

/* Search Forms */
DIV.simple_search, DIV.advanced_search { padding:10px 8px 10px 8px; margin:0 0 0 7px; }
DIV.simple_search INPUT.search { width: 203px; }

DIV.advanced_search INPUT.search { margin-top:2px; width: 380px; }
DIV.advanced_search .btn { margin: 0 7px 0 0; }

/* Search Filters */
DIV.search_filters { width: 140px; float: left; padding: 1px 0 0 10px; }
DIV.search_filters H4 { color: #666666; margin:10px 0 -2px 7px; font-size: 11px; } 
DIV.search_filters UL.primary { margin-left:15px; }
DIV.search_filters UL.secondary { display: none; margin-left:15px; }
DIV.search_filters UL LI { margin:4px 0; text-overflow: ellipsis; overflow: hidden;}
DIV.search_filters A.active { color: #666666; box-shadow: none; }

/* Search Results - Product Grid */
DIV.search_results { float: left; width: 470px; margin-left: 12px; }
DIV.search_results UL { padding:10px 0; }
DIV.search_results UL LI { border-radius: 2px; margin: 1px 5px 10px 3px; float: left; width: 145px; overflow:hidden; height: 225px; text-align: center; border: solid 1px #CECECE !important; box-shadow: 0 0 5px #A6A6A6; padding-bottom:20px; }
DIV.search_results UL LI.top_left, DIV.search_results UL LI.top_center { border-top: none; }
DIV.search_results UL LI.top_right { border-top: none; border-right: none; }
DIV.search_results UL LI.bottom_right { border-right: none; }
DIV.search_results UL LI IMG { display: block; margin:10px auto; }

DIV.search_results UL LI P.product_title {  height: 48px;  }
DIV.search_results UL LI P.product_title SPAN { display: inline-block; width: 145px; margin:0 auto; font-size: 12px; font-weight: bold; }
DIV.search_results UL LI P.price {  height: 22px; color: #8A8A8A; font-size: 12px; font-weight: bold; }
DIV.search_results UL LI P { padding:0px; margin:0px;  overflow:hidden;}
DIV.search_results .breadcrumb { color: #6F6F6F; width: 99%; height: 30px; margin-left: 0; }

/* universal   Cart style Component */
DIV#mini_cart, DIV#checkout_summary , DIV#cart{ margin-bottom:10px; padding-bottom:10px; }
DIV#mini_cart H2, DIV#checkout_summary H2, DIV#cart H2  { color: #000; font-size: 13px; font-weight: bold; margin:0 5px 5px 5px; padding:3px 5px 4px 5px; background-color:#D8D8D8; height: 25px; }
DIV#mini_cart H2 SPAN, DIV#cart H2 SPAN { background: url('../../images/common/sidebar_icons.png') no-repeat 0% 58% transparent; padding: 4px 0 4px 23px; margin: 1px 0 0 4px; display: inline-block; }
DIV#mini_cart H2 SPAN SPAN { font-size: 11px; }

/* Mini Cart Component */
DIV#mini_cart H2 IMG, DIV#cart H2 IMG{ margin-right:5px; }
DIV#mini_cart SPAN.cart { margin:6px 0 0 10px; float: left; } 
DIV#mini_cart SPAN.item_count { margin-right:30px; }

DIV#mini_cart { padding-bottom:0; }
DIV#mini_cart DIV.no-items { margin:0.5em; font-weight: bold; text-align: center; } 
DIV#mini_cart DIV.cart-item { margin-bottom:1em; border-bottom: 1px solid #DCDCDC; padding: 4px 0 10px 0;}
DIV#mini_cart DIV.cart-item IMG { width:40px; height: 40px; float:left; margin:0 0.5em; }
DIV#mini_cart DIV.cart-item DIV.txt { width:170px; float:left; }
DIV#mini_cart DIV.cart-item DIV.txt DIV.name { color:#666666; font-weight: bold; font-size: 12px; width: 165px;} 

.editRemove { float: right; margin-right: 2px; }
.editRemove A.change, A.remove { padding: 0; }
A.change, A.remove { float: right; width: 20px; height: 16px; padding: 1px 4px 0 0; }
A.change { background: url('../../images/common/edit_icons.png') no-repeat 84% 0% transparent; }
A.remove { background: url('../../images/common/edit_icons.png') no-repeat 54% 120% transparent; }
.qtyPrice { font-size: 12px; }
.qtyPrice span { font-weight: bold; }

/* Checkout Summary Sidebar Component */
DIV#checkout_summary { margin-bottom:10px; padding-bottom:10px; }
DIV#checkout_summary H2 { padding:8px 2px 0 8px; margin: 0 5px 5px 5px; }
DIV#checkout_summary LI { clear: both; margin:0 0 5px 0; padding:0 5px 7px 0; }
DIV#checkout_summary SPAN.description { float: left; width: 180px; }
DIV#checkout_summary SPAN.price { float: right; width: 80px; text-align: right; }
DIV#checkout_summary LI.total { clear: both; font-size: 14px; font-weight: bold; border-top: 1px solid #ccc; padding: 7px 0 0 0; } 
DIV#checkout_summary LI.total SPAN.price { color: #E34849; }

/* Checkout Summary Sidebar Component for Appointment Booking*/
DIV#checkout_summary_appt H2  {  background-color: #D8D8D8;  color: #000000; font-size: 13px; font-weight: bold; margin: 0 5px 5px; padding: 10px 5px;}
DIV#checkout_summary_appt { margin-bottom:10px; padding-bottom:10px; }
DIV#checkout_summary_appt LI { clear: both; margin:0 0 5px 0; padding:0 5px 7px 0; }
DIV#checkout_summary_appt SPAN.description { float: left; width: 180px; }
DIV#checkout_summary_appt SPAN.price { float: right; width: 80px; text-align: right; }
DIV#checkout_summary_appt LI.balance { clear: both; border-top: 1px solid #ccc; padding-top: 7px;} 
DIV#checkout_summary_appt LI.paymentApplied { font-size: 11px;} 
DIV#checkout_summary_appt LI.paymentApplied span.description span.remove_button a {margin-left: 5px; margin-bottom: -5px; display: inline-block;} 
DIV#checkout_summary_appt LI SPAN.depositAmount { color: #E34849; font-weight: bold; }

/* Cart Sidebar Component */
DIV#cart LI { clear: both; padding:8px 0; }
DIV#cart SPAN.image { float: left; padding-left:10px; min-height:46px; }
DIV#cart SPAN.image IMG { width: 40px; }
DIV#cart DIV.details { float: left; padding-left:10px;  width: 210px; }
DIV#cart DIV.details P, DIV#cart DIV.shopOnlineDetails P { margin:0; padding:0; }
DIV#cart DIV.details P.product A, DIV#cart DIV.details P.product { color: #666; font-size: 12.5px; width: 240px; }
DIV#cart DIV.details P.actions A { text-decoration: underline; }
DIV#cart DIV.details P.actions SPAN.total { float: right; }
DIV#cart DIV.shopOnlineDetails { float: left; padding-left: 5px; width: 165px; }

DIV#cart_items { background-color: #FFF; box-shadow: 2px 2px 2px #CCCCCC; color: #7E7E7E; margin: 10px 5px 10px 5px; padding: 5px 4px; }

/*  Product Details Lightbox */
DIV.product_details, DIV.membership_details { width:auto; min-width:600px; font-size: 12px; }
*html .product_details, *html .membership_details {width:expression(document.body.clientWidth < 600? "600px": "auto" );}

DIV.product_details H2 { background-color: #F2F2F2; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 11px 0 10px 10px; color: #666; text-transform: uppercase; }
DIV.product_details H2 SPAN { display: inline-block; background: url('../../images/common/cart_icon.png') no-repeat 1% 47% transparent; padding: 1px 0 0 25px; margin: 1px 0 0 5px; }
DIV.product_details P.view_more { background: url('../../images/common/rightArrow.png') no-repeat 98% 50%; height: 14px; padding: 10px 25px 10px 5px; }
DIV.product_details P.quantity, DIV.product_details P.price, DIV.product_details P.size, UL.sizes, DIV.product_details BUTTON { margin-left:15px; clear: both; }
DIV.product_details P.quantity { padding-top:8px; }
DIV.product_details DIV.product_thumb img { max-height:400px; max-width:400px;}
DIV.product_details DIV.product_thumb P { border-bottom: dotted 1px #000; margin:50px 8px 0 0; text-align: right; } 
DIV.product_details DIV.product_description { max-width: 395px;  padding:0 10px; }
DIV.product_details DIV.product { display: table; }
DIV.product_details DIV.autoRenewTerms { margin: 0 25px; }
#loginAlert h2 { font-size: 13px; }
DIV.membership_details H2 { background-color: #F2F2F2; font-size: 14px; font-weight: bold; margin: 0 0 15px; padding: 11px 0 10px 20px; color: #666; }
DIV.membership_info { font-size: 14px; margin: 20px; color: #666; font-weight: bold; }
DIV.benefit_info {  color: #666; font-style: italic; font-size: 14px; margin: 20px; }
DIV.cancel_reasons { margin: 0 20px; }
DIV.cancel_reasons DIV { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #666; }
a.dont_cancel { font-weight: bold; margin: 7px 15px; float: right; font-size: 12px; }
DIV.button_area { padding: 10px 0; margin: 15px 20px; border-top: 1px solid #CCC; }
DIV.button_area a.btn { margin-right: 0; }
DIV.button_area a.btn span { text-transform: none; font-size: 12px; }
DIV.frozen_info { font-weight: bold; color: #59564C; background-color: #FFFAEC; padding: 8px 12px;
  border-radius: 4px; border: 1px solid #A07C1973; width: fit-content; margin: 0 20px; padding: 5px; }
#alert-msg { margin-bottom:20px; font-size:13px; color:#666;}
#alert-msg p { margin: 5px 10px; }

UL.sizes LI { float: left; }
UL.sizes LI A { padding:3px 0px; margin:0px 3px; text-align: center; width: 28px; display: block; } 
UL.sizes LI A.unavailable { border: dotted 1px #ccc; background: #fff; }
UL.sizes LI A.available { border: solid 1px #ccc; background: #ced7e6; }
UL.sizes LI A.selected { background: #ced7e6; border: solid 2px #3f6d9c; margin-top:-1px; }

/* Cart Confirmation */
SPAN.confirmation_product_thumb { float: left; }

SPAN.product_description { float: left; }
SPAN.product_description P { color: #737373; width: 385px; margin-left:25px; font-weight: bold; font-size: 13px; }

SPAN.total { color: #737373; font-size: 12px; font-weight: bold; float: right; margin: 14px 35px 0 0; } 

P.subtotal { clear: both; text-align: right; border-top: 1px solid #CCC; margin: 5px 15px 25px 15px; padding: 15px 15px 0 10px; }
P.subtotal SPAN { font-weight: bold; }

/* My Cart Popup */
DIV#my_cart DIV.product { clear: both; border-top: dotted 1px #000; }
DIV#my_cart SPAN.total { margin-top:10px; float: right; }
DIV#my_cart P.title A { margin-right:10px; }

/* Checkout */
DIV#checkout { color: #555; }
DIV#checkout INPUT { border: solid 1px #7f9db9; }
DIV#checkout FIELDSET { border: none; }
DIV#checkout FIELDSET#credit_card_payment LEGEND { display: none; }
DIV#checkout legend { font-weight: bold; width: 100%; border-bottom:solid 1px #ccc; padding-top:8px; } 
DIV#checkout LABEL { padding-top:8px; margin-right:8px; font-weight: bold; }
DIV#checkout LABEL SPAN { font-weight: normal; }
DIV#checkout INPUT.phone_input { width: 30px; text-align: center; } 
DIV#checkout DIV.form_group { float: left; margin-right:15px; }
DIV#checkout LABEL.radio { float: left; }
DIV#checkout .alignleft { float:left; clear: left; margin-top:8px;}
DIV#checkout SELECT#shipping_method, DIV#checkout SPAN.help_text { float: left; margin:6px 10px 0 0; }

DIV#checkout FIELDSET#credit_card_payment { clear: left; margin-left:15px; }

DIV.form_footer { border-top: solid 1px #ccc; padding-top:20px; margin:10px 10px; }

DIV.notification { font-weight: bold; font-size: 12px; float: left; width: 540px; margin:10px 0 15px 50px; padding:10px 5px; background-color: #ffffce; position: relative; } 
DIV.notification P { color: #666; margin:0; padding:0; background: url('../../images/common/info.png') no-repeat left 50%; padding-left:22px; }
DIV.notification DIV#right_triangle { background: url('../../images/common/right-triangle.png') no-repeat; width: 12px; height: 13px; position: absolute; top: 12px; right: -12px; }

.bookingForm .buttonDiv { width: 145px; margin: 20px auto; float: none; }
.bookingForm .buttonDivTwo { float: right; }

/* messages */
div.success-ui { background:#ffffcc url('../../images/loginorsignup/icon-success.png') no-repeat 5px 5px; padding:5px 5px 5px 26px; border:solid 1px #66cc33;  margin:10px 35px; line-height:1.3; }
div.info-ui { background:#ffffcc url('../../images/loginorsignup/icon-info-i.png') no-repeat 5px 5px; padding:5px 5px 5px 26px; border:solid 1px #7ba6d6;  margin:10px 35px; line-height:1.3; }
.error-ui a, .warning-ui a, .info-ui a, .success-ui a { }

.termsContainer{ height: auto; width: 99.7%; }
.termsContainer p { padding: 0 10px; font-size: 13px; line-height: 1.5; }
#termsOfUse h3 { margin: 0; background-color: #F2F2F2; padding: 10px 0 12px 11px; }
#agreeToTermsAlert { padding: 10px 8px; }
#agreeToTermsAlert DIV { font-weight: bold; margin: 16px 0 0 auto; width: 575px; }
#agreeToTermsAlert DIV IMG { margin-top: -9px; }
#agreeToTermsAlert A { margin: 20px auto 10px auto; }

/* cart checkout error */

#cartCheckoutError { font-size: 13px; margin: 15px auto; background: url('../../images/common/alert_icon_large.png') no-repeat 3% 10% #FFFFFF; width: 405px; padding: 0 0 0 60px; }
#cartCheckoutError SPAN { line-height: 1.5; }
#cartCheckoutError DIV { margin: 0 0 0 3px; font-weight: bold; line-height: 1.6; }

/* products */

DIV.shopOnlineDetails { font-size: 12px; }
DIV.shopOnlineDetails .product { font-size: 11.5px !important; width: 165px; }

.product_single { margin: 30px 0 15px 5px; padding: 7px 5px 10px 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #A6A6A6; }
.product_single .product_description { position: relative; bottom: 5px; }
.product_single h2 { background-color: #FFF !important; margin: 0px 0px 2px -10px !important; }
.product_single p.quantity, p.price { }
.product_single .btn { margin: 0 0 10px 8px; }

.breadcrumb { margin-left: 14px; }
.breadcrumb strong span { color: #666666; }

.pagination { width: 617px; margin: 5px 0 10px 10px; }

.paginationNext { float: right; }
.paginationPrev { float: left; }

.quantity span, .price span { font-weight: bold; color: #666; }

/* gift card */

#modifiedGiftCardItem .confirmation_product_thumb { background: url('../../images/common/giftcard_icon_large.png') no-repeat 95% 40%; }
#modifiedGiftCardItem .product SPAN IMG { z-index: 10; }

/* memberships */
#membershipList { margin: 0 0 0 10px; }

/* from customer2.css  END */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}

.right { float:right; } 
.hide { display:none; } 
pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera 4 - 6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}
.noWrap{ white-space:nowrap;}

/*common validation style*/
input.error{border:1px solid red !important;}

/*memberships*/
#membershipList li{ list-style:none; padding:0 5px; margin:10px 0 20px 0;}
#membershipList .thumbnail { width:110px; float:left; margin-right:10px;}
#membershipList .item-detail { float:left; width:490px;}


#membershipList h3{ display:block; font-size: 13px; padding:7px 0 7px 7px; color:#000; margin-bottom:10px;}
#membershipList .field{margin-bottom:7px; font-size: 12px;}
#membershipList .field span{display:inline-block; width:180px; color: #7E7E7E;}
#membershipList .btnHolder{ text-align:center; margin: 0 7px 0px 0px; float: right;}
#membershipList .btn{ display:inline-block; float:none; }
#membershipList p{padding:0; margin:10px 0; color: #606060; line-height: 1.5;}
#membershipTerms p{padding:4px 7px; margin:0;}
#membershipTerms .infoSectionHeader{margin-bottom:3px;}

.membershipItem .confirmation_product_thumb  { background:url(../../images/common/membership_icon_large.png) 75% 5% no-repeat; }
.membershipItem .confirmation_product_thumb img { display: none; }

/* page not found*/
#page-not-found{ font-size:13px; background:#fff; width:815px; border:3px solid #FFA200; padding:22px; margin:35px auto; border-radius: 8px; }
#page-not-found h1{margin-left:10px; font-family:Verdana; padding:5px 0 10px 50px; background:url('../../images/common/alert_icon_large.png') no-repeat; font-size:18px; display:inline-block;}	
#page-not-found p{margin:10px 0 40px 0; padding:0;}
#related-link{margin:15px 0;}
#related-link li{margin-bottom:10px; font-size:11px;}
#related-link a{ text-decoration:underline;}

/* default UI dialog overlay color*/
.customerScheduleDialog .ui-dialog-content{ padding: 0 !important; }

/* book appt form */
#ucAddress td{ white-space:nowrap;}

/* about us*/
#about-us{padding:25px; margin-bottom:50px;}
#about-us .cols{float:left; margin-right:50px;}
#about-us h3{color:#000; font-size:14px; margin-bottom:5px; padding: 7px 0 7px 5px; font-weight: lighter;}
#spa-schedule{ border-collapse:collapse; border: 1px solid #CCCCCC;}
#spa-schedule td{padding:5px 10px; font-size:12px; }
#spa-schedule .tbl-header td{ color: #FFFFFF; background: linear-gradient(gainsboro, #9B9B9B); background: -webkit-linear-gradient(gainsboro, #9B9B9B); background: -moz-linear-gradient(gainsboro, #9B9B9B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#9B9B9B'); font-weight:bold; font-size:12px;  padding:10px;  }
#spa-schedule .day { line-height: 2; }
#spa-schedule tr:nth-child(odd) { background-color: #EEEEEE; }
#spa-address{padding:0;}
#spa-address td{ vertical-align:top; }
#spa-map{margin:0 10px 0 0; overflow:hidden;  padding:0; border:1px solid #CCC; width:250px; height:208px;}
#address{ font-size: 13px; color: #7A7A7A; }

/* home */
#home-text { padding: 20px 0 0 15px; }

.gridHeaderRow TH{
	padding-bottom:3px;
	overflow:hidden;
	height:16px;
	padding: 10px 4px 1px 4px; 
	color: #FFFFFF;
	background: linear-gradient(gainsboro, #9B9B9B);
	background: -webkit-linear-gradient(gainsboro, #9B9B9B); 
	background: -moz-linear-gradient(gainsboro, #9B9B9B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#9B9B9B');
}
.gridHeaderRow TH A {
	color: #FFFFFF !important; 
}

/* jquery datepicker */
DIV.g1DatePicker {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 2px 4px rgba(32,32,32,0.5);
	-webkit-box-shadow: 0px 2px 4px rgba(32,32,32,0.5);
	box-shadow: 0px 2px 4px rgba(32,32,32,0.5);
    padding: 8px;
	z-index:200000 !important;
}

.ui-datepicker-trigger { 
	margin-left: 5px;
	cursor: pointer;
	vertical-align: text-bottom;
}

.g1DatePicker * {
    border: 0 none;
    font-size: 11px;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.g1DatePicker {
    background: none repeat scroll 0 0 #eee;
    display: none;
	white-space:nowrap;
}
.g1DatePicker .ui-datepicker-header {
	font-size:12px;
    padding: 0.2em 0;
    position: relative;
	height:20px;
}
.g1DatePicker .ui-datepicker-group-last .ui-datepicker-header {
	padding-top:2px;
}
.g1DatePicker .ui-datepicker-group,
.g1DatePicker.ui-datepicker-multi-2 .ui-datepicker-group {
	width:46%;
	margin:1%;
	padding:1%;
}

.g1DatePicker .ui-datepicker-group {
	background:#fff;
}

.g1DatePicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 18px;
    position: absolute;
    top: 2px;
}
.g1DatePicker  .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    cursor: pointer;
	color:red;
    display: block;
    height: 10px;
    left: 50%;
    margin-top: -5px;
    position: absolute;
    text-indent: -99999px;
    top: 50%;
    width: 10px;
}
.g1DatePicker .ui-datepicker-title {
    height: 16px;
    line-height: 16px;
    margin: 0 2em;
    text-align: center;
}
.g1DatePicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.g1DatePicker select.ui-datepicker-month-year {
    width: 100%;
}
.g1DatePicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
	border: 1px solid #D6D6D6;
}
.g1DatePicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}
.g1DatePicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.7em 0.3em;
    text-align: center;
}
.g1DatePicker td {
    border: 0 none;
    padding: 1px;
    width: 14%;
}
.g1DatePicker td span, .ui-datepicker td a {
    border: 1px solid #DEDEDE;
    color: #333333;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

.g1DatePicker .ui-state-default,
.g1DatePicker .ui-widget-content .ui-state-default,
.g1DatePicker .ui-widget-header .ui-state-default {
	background-image:none;
	background-color:#fff;
}

.g1DatePicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.g1DatePicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 4px 7px;
    width: auto;
	border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.42);
	-webkit-box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.42);
	-moz-box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.42);
	-ms-box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.42);
}
.g1DatePicker .ui-datepicker-buttonpane button:last-child {
	color: #FFFFFF;
	background: linear-gradient(#CCCCCC, #686868);
	background: -webkit-linear-gradient(#CCCCCC, #686868);
	background: -moz-linear-gradient(#CCCCCC, #686868);
	background: -ms-linear-gradient(#CCCCCC, #686868);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#686868')";
	border: none;
}
.g1DatePicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	color: #FFFFFF;
    float: left;
	background: -moz-linear-gradient(center top , #FFCD51 0%, #DDA701 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFCD51), color-stop(100%, #DDA701));
	background: -ms-linear-gradient(#FFCD51, #DDA701);
	background: linear-gradient(#FFCD51, #DDA701);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCD51', endColorstr='#DDA701')";
	box-shadow: 1px 1px 1px #CCCCCC;
}
.g1DatePicker .ui-state-highlight,
.g1DatePicker.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-highlight {
    background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
    color: #FFFFFF !important;
    font-weight: bold;
}

.g1DatePicker .ui-datepicker-prev {
    left: 1px;
}
.g1DatePicker .ui-datepicker-next {
    right: 2px;
}

.g1DatePicker .ui-datepicker-prev span {
    background: url("/assets/images/common/monthArrows.png") no-repeat scroll 0 -13px transparent;
}
.g1DatePicker .ui-datepicker-next span {
    background: url("/assets/images/common/monthArrows.png") no-repeat scroll 0 0px transparent;
}

.g1DatePicker .ui-state-hover,
.g1DatePicker .ui-state-focus,
.g1DatePicker .ui-widget-content .ui-state-focus,
.g1DatePicker.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-focus,
.g1DatePicker.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-hover {
 /* background-color: #B7B7B7;
	border: 1px solid #B7B7B7; */
}

.ui-datepicker-calendar .ui-state-hover {
	background-color: #B7B7B7;
	border: #B7B7B7;
}

.g1DatePicker .ui-widget-header .ui-state-hover,
.g1DatePicker .ui-widget-header .ui-state-focus {
	border: none;
	background: none;
	font-weight: normal;
	color: #000 !important;
}

.g1DatePicker .ui-widget-content .ui-state-hover {
  text-shadow: 0 0 10px #FFFFFF;
}

.g1DatePicker .ui-state-hover a,
.g1DatePicker .ui-state-hover a:hover {
	color: #000;
}

.g1DatePicker-current-week a {
    border-color: #A1DCF0 !important;
}

.g1DatePicker .datepickerDays a {
    border: 1px solid #DEDEDE;
    color: #333333;
    cursor: pointer;
    font-family: Verdana;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    text-align: center;
    width: 21px;
}
.g1DatePicker .datepickerDays a:hover {
    background-color: #EEEEEE;
    color: #00AEEF;
}
.g1DatePicker .datepickerYears a, .datepickerMonths a {
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 44px;
}
 
.g1DatePicker-group {
	background:#fff;
}
.g1DatePicker .ui-state-default a,
.g1DatePicker .ui-state-default a:link,
.g1DatePicker .ui-state-default a:visited,
.g1DatePicker .ui-state-default,
.g1DatePicker .ui-widget-content .ui-state-default,
.g1DatePicker .ui-widget-header .ui-state-default,
.g1DatePicker.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-default {
	color:#333;
}

.g1DatePicker .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
	padding: 0.7em;
}
.expiration-date table {
	margin: 0px;
}
.expiration-date table td {
	padding: 0px;
}

.purchases-actions {
	padding-left: 6px !important;
}

.limitedWidthMenu {
	max-width:200px;
}

.long-text-wrap{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 500px;
}

.password-strength
{
	padding: 0px !important;
	margin-left: 0px;
	margin-top: 3px;
}

.password-strength .indicator-container
{
	display: none;
	width: 124px;
	height: 8px;
	padding: 1px !important;
	margin: 0px;
	border: 1px solid gray;
}

.password-strength .indicator-container .indicator-progress
{
	padding: 0px !important;
	height: 8px;
	width: 0px;
	background-color: red;
}

.password-strength .indicator-label
{
	padding: 0px !important;
	margin-top: 2px;
	max-width: 500px;
}

.password-strength .indicator-chars
{
	white-space: pre;
	display: none;
	color: gray;
}


/* CRM */
.crm-dateselector-control .elapsed-counter,
.crm-datepicker-control .elapsed-counter {
    padding-top: 4px;
    padding-left: 4px;
    color: #666;
}
.linked-memberships {
    color: rgb(159, 2, 2);
    padding-left:20px;
}
.linked-memberships ul {
    list-style:circle;
    padding-left:40px;
}
.linked-memberships ul li {
    list-style:inherit;
}
.linked-memberships {
    color: rgb(159, 2, 2);
    padding-left:20px;
}
.linked-memberships ul {
    list-style:circle;
    padding-left:40px;
}
.crm-dateselector-control select[id$='ddlMonth'] {
	width: 78px;
}
.linked-memberships ul li {
    list-style:inherit;
}
.crm-dateselector-control select[id$='ddlDay'] {
	width: 39px;
}
.crm-dateselector-control select[id$='ddlYear'] {
	width: 53px;
}
.crm-dateselector-control .has-elapsed-time {
	float: left;
}

.crm-dateselector-control select[id$='ddlMonth'].shortFormat {
	width: 42px;
}

.crm-dateselector-control select[id$='ddlDay'].shortFormat {
	width: 42px;
}

.crm-dateselector-control select[id$='ddlYear'].shortFormat {
	width: 59px;
}

.infoSection table td label.crm-control-label { color:#666; font-size: 12px;font-weight: normal; }

.infoSection .ft-first-name input, .infoSection .ft-last-name input { width: 210px;}

.infoSection .ft-email input { width: 300px }

.infoSection .ft-receive-sms { width: 270px; }

.infoSection .crm-email-control .eitherGroupLine {
    color: #999;
    font-style: italic;
}

.infoSection .crm-phone-control table { margin-left: 0;}
.infoSection .crm-phone-control table td { padding: 0; }
.infoSection .crm-phone-control .maskedInputField { width: 150px;}

.infoSection .phone-addition { margin-left: 5px;}
.infoSection .phone-addition.extension input {
    width: 70px;
}

.infoSection .phoneComboControl .phone-selector {
    float: left;
    margin-top: 14px;
}

.infoSection .crm-address-control .address-table .label {
    width: 80px;
}
.infoSection .crm-address-control .address-table .label label {
    font-weight: normal;
}
.infoSection .crm-address-control .address-table .validationError {
    display: block;
    clear: both;
    padding-left: 80px;
}
.bookingDetails .addons {
	margin-left: 10px;
	line-height: 20px;
}