﻿/* main customizable properties */
#errorBlock{ display: none; padding: 2px 10px 2px 10px; margin-bottom:10px; background: #e70f1a; color: #FFFFFF; font-weight: bold; border: 1px solid #000000; clear:both; width: 46em;}
#errorBlockCoupon{display: none; background: #e70f1a; color: #FFFFFF; font-weight: bold;font-size:18px; border: 2px ridge #000000; width:500px; height:50px;margin-left:auto;margin-right:auto; text-align:center;vertical-align:middle;margin-top:100px;padding-top:25px;}
#errorBlockCoupon a:link {color:#ffffff;}
.labelError{font-weight:bold; color:#e70f1a;}
.labelNoError{color:#333333;}
input, select, textarea {border: 1px solid #000000; font-size: 95%; }
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 95%; }
label {font-size: 95%; }
#submit input, #selRadius input, #btnSearch, #btnGetDirections  {border:0;}

/* basic layout */
.requiredFields{padding-top:5px; padding-bottom:10px; font-weight:bold; clear:left;}
.componentContainer{ position:relative; clear:both;}
.componentContainer label {clear:both; display:block; float:left; text-align:left;}
.componentContainer input, .componentContainer select, .componentContainer textarea {float:left; clear:both; margin-bottom:5px; }
.componentContainer textarea { width:35em;}
#componentRightCol{position:absolute; right: 0; width: 26em; padding-top:5px;}
#componentRightCol .loc_searchResults { float: left;}
.loginCopy{padding-top:5px; padding-bottom:15px; clear:left;}
#cuRightColSub{display:none;}
#locatorLbl{font-size:12px; text-transform: uppercase; font-weight:bold; }
#cuWrapper {position:relative; width:100%;}
#cuPhoneBox, #jobAppPhoneBox, #profileBdayCombo, #profileZipBox {clear:left;}
#cuPhoneBox input, #jobAppPhoneBox input, #profileBdayCombo select, #profileZipBox input {clear:none; margin-right:3px;}
#profileReminderBlock{display:none;}
#profileReminderOptions select, #profileReminderOn select {clear:none; margin-left:3px;}
#profileReminderOptions{margin-top:5px; margin-left:24px;}
#profileReminderOn{margin-top:8px;	margin-left:24px;}
#profileChangePassword {float: left; clear: both; padding-bottom: 0.5em;}
.multipleOptions { line-height: 1.5; vertical-align: middle; clear: both; }
.noParticipate {clear: both; margin-bottom:10px;}
.multipleOptions input, .multipleOptions label { clear:none; margin-right:2px; height: 1.5em; }

/*Coupon*/
body.coupon {font-family:Arial, Helvetica, sans-serif; margin-top:5px; margin-left:10px; width:490px;}
#couponHeader {width:488px; height:268px; border: 1px solid #afafaf; position:relative;}
#couponImage {margin-top:6px;}
#couponDetail {margin-top:10px; margin-bottom:0px; font-size:12px; color:#000000; text-align:center;}
#couponData{position:absolute; top:0px; left:25px; z-index:2;}
#couponWelcome {width:208px; position:absolute; left:20px; top:15px; z-index:10;}
#couponDeal1 {position:relative; border: 1px solid #afafaf; float:left;}
#couponDeal2 {position:relative; border: 1px solid #afafaf; float:left; margin-left:2px;}
.code {font-size:12px; color:#ffffff; text-align:right; font-weight:bold; margin-top:-17px; margin-right:7px;}
#couponFooter {clear: both; width:490px; font-size:10px; color:#afafaf; text-align:center; padding-top:6px;}
#couponFirstName {margin-top:5px;}
#couponExpiration{margin-top:5px;}
#couponSalonName{margin-top:10px;}
#couponAddress{margin-top:-1px;}
#couponLocation{margin-top:-1px;}
#couponPhone{margin-top:-1px;}
