﻿/************** 
	MASTER FRAMEWORK 
***************/
html, body { margin: 0; padding: 0; height: 100%;
}
body {  background: transparent url("/Image%20Library/TemplateImages/bg.gif") repeat-x 0 0; 
       font-family: "Century Gothic", Verdana; }
img { border: none; }
h1, h2, h3, h4 { margin: 0; padding: 0}
.right { float: right; }
.left {	float: left; }
.green { color: #5d9732; }
.coal { color: #494949; }
.bold { font-weight: bold }
.round { -moz-border-radius: 4px;
         -webkit-border-top-left-radius: 4px;
         -webkit-border-top-right-radius: 4px;
         -webkit-border-bottom-left-radius: 4px;
         -webkit-border-bottom-right-radius: 4px;}
         
.roundtop { -moz-border-radius: 4px 4px 0 0;
            -webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;}
.text18 { font-size: 18px; }			
/* Generic Green Box */
.greenBoxContent { float: left; padding-top: 20px; }    
.boxContent { float: left; width: 258px; background-color: #dde9d4; padding: 3px }
.boxContent p { margin-left: 5px; margin-right: 5px; }
.boxContentHeader { background: transparent url("/Image%20Library/TemplateImages/homeheadergreen.png") repeat-x 0 0; height: 34px; width: 264px;
                   position: relative; top: 3px; }
.boxContentHeaderTxt { float: left; font-size: 18px; font-weight: bold; color: #ffffff; padding: 3px 0 0 15px;}

/* Generic Info Box */
.infoBox { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x 0 0;
           width: 186px; margin-bottom: 20px;  }
           
#mainContainer { margin: 0 auto; width: 920px;  }
a { 
	text-decoration: none; 
	color: #5D9732; 
}

.moreContent {
	float: left;
	clear: left;
	padding: 20px 20px 20px 20px;
	width: 825px;
}

.rightRailForm { padding-top: 20px; }

/************** 
	HEADER 
***************/
#header { background: transparent url("/Image%20Library/TemplateImages/mainnavflag.gif") no-repeat 120px 60px;  float: left; width: 100% }
#logo { padding-top: 20px; float: left; }
#tagline { float: right; clear: right; margin-top: 7px; width: 600px; display: inline; }
#phone { padding-left: 90px;} 

/* Top Nav */
#topnav { padding-top: 7px; float: right; }
#topnav ul { padding: 0pt; margin: 0pt; display: inline; }
#topnav li { display: inline; text-decoration: none; padding-left: 14px; }
#topnav li a { color: #5D9732;}
.last { padding-right: 14px; }
#topnavbody { background: transparent url("/Image%20Library/TemplateImages/topnavbg.gif") repeat-x 0 0; 
              font-weight: bold; font-size: 13px; float: left; padding-top: 3px; }
    
/* Main Nav */   
#mainnav { float: right; clear: right;  padding: 11px 0 0 20px; width: 700px}
#mainnav ul { padding: 0pt; margin: 0pt; display: inline; }
#mainnav li { display: inline; text-decoration: none; padding-left: 15px; }  
#mainnav a { color: #ffffff; font-size: 14px; font-weight: bold; text-decoration:none;}     

/* footer nav */
#footer  a { text-decoration: none; color: #000000; }

/* Message */
#slideShowContainer {float: right;}
.message { float: right; clear: right; width: 700px; padding-top: 25px; }

/************** 
	MAIN CONTENT 
***************/
#mainContent { width: 900px; padding: 10px; margin-top: 5px; 
				background: #dde9d4 url("/Image%20Library/TemplateImages/mainctnbg.gif") repeat-x 0 0; float: left; 
                font-size: 13px;}
                
/**************** 
	MAIN HOME CONTENT 
***************/
/* Your Business */
.fybContentListMoreLink { float: right; position: relative; top: -16px; }
.fybContentListMoreLink a {text-decoration:underline;}
#yourBusinessCtn { width: 290px; background-color: #ffffff; float: left; display: inline; }
#ybHeader { position: relative; left: -10px; top: 3px; } 
#ybContentCtn { margin: 15px 0 0 20px; width: 248px; padding-bottom: 10px; } 
.ybContent { margin: 15px 0 0 0px; border-bottom: 4px solid #f2f6ef;  padding: 0 0 15px 15px; }
.ybContent p { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; }
.ybContent ul { margin: 0; padding: 0 0 0 15px; width: 210px; }
.ybContent li { padding: 0; line-height: 15px; }
.yblast { border: none; }

/* In The News */
#inTheNewsCtn { width: 290px; background-color: #ffffff; float: left; clear: left; 
                margin-top: 10px ; }
#newsHeader { position: relative; left: -10px; top: 3px; } 
#newsContentCtn { padding: 20px 0; float: left; }
.newsContent { float: left; padding: 10px 10px 10px 20px; }
.newsTitle { font-weight: bold; }
.newsContent p { float: left; margin: 0; padding: 0 10px; width: 150px; }
.newsContent img { float: left; }

/* Home Content */
#homeCtn { float: right; width: 590px; background: #ffffff url("/Image%20Library/TemplateImages/hometabbg.gif") no-repeat 290px 0; }
#homeHeader { position: relative; left: -10px; top: 10px; }       
#fyhContentCtn { }  
.fyhContent { float: left; padding: 20px 0 0 20px; }    
.yhContent { float: left; width: 258px; background-color: #dde9d4; padding: 3px }
.yhContent ul { float: left; background-color: #ffffff; margin: 0; padding: 10px 30px; width: 198px; margin-top: 3px; }
.yhContentHeader { background: transparent url("/Image%20Library/TemplateImages/homeheadergreen.png") repeat-x 0 0; height: 34px; width: 264px;
                   position: relative; top: 3px; }
.yhContentHeaderTxt { float: left; font-size: 18px; font-weight: bold; color: #ffffff; padding: 3px 0 0 15px;}
.homeMore { float: left; width: 60px; margin: 20px 0 0 20px; width: 60px; }
.homeMore img { margin-left: 10px; }
.fyhTextBox { float: left; clear:left; padding: 20px; width: 550px; }
             
/**************** 
	FOOTER
***************/
#footer { clear: both; width:100%; padding: 10px 0; border-top: 3px solid #5d9732; background-color: #f3f6e0; float: left; display: inline; }
#footer div { float: left; padding-left: 20px }
#footer ul { font-weight: bold; list-style-type: none; padding:0; width: 160px; float: left; display: inline; margin:0 }
#footer h4, #footer h4 a { color: #5d9732; font-size: 14px; padding-bottom: 10px; }
#footer li { font-weight: normal; font-family: Arial; padding: 0 }

/**************** 
	CONTENT
***************/
#ContentCtn { float: left; width: 100%; background: #ffffff url("/Image%20Library/TemplateImages/advancedtabbg.gif") no-repeat 721px 0; display: inline;}
#CSubNavHeader { position: relative; left: -11px; top: 10px; width: 293px; height: 44px; float: left;  display: inline;}
#CSubNavHeader h1 { position: relative; left: 20px; top: -38px; color: #ffffff; font-size: 30px; }
#CTitle { padding-top: 15px; float: left; display: inline;}
#CTitle h1 { color: #5d9732; font-size: 30px; float: left; display: inline;}

#CleftCtn { float: left; clear: left; margin-left: 20px; width:245px; }
#CInfoCtn { float:left; clear: left}

#CContent { float: left; display: inline; width: 610px; line-height: 15px; margin: 40px 0 20px 20px; }
#CRight { float: left; width: 270px; padding: 20px 0 20px 30px}
#CRight img { padding-top: 20px; }
#CVideo { float: left; padding: 20px 0; }
#CContent .SLInfoBox { background: url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x scroll 0 0 transparent;
                                border: 5px solid #C2D4B4; float: left; margin: 0 10px 0 0; padding: 15px; width: 152px; }

#CContent .SLInfoBoxChat { background: url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x scroll 0 0 transparent;
                                border: 5px solid #C2D4B4; float: left; margin: 0 10px 0 0; padding: 15px; width: 152px; }

/**************** 
	ADVANCED CONTENT
***************/
#advancedContentCtn { float: left; width: 100%; background: #ffffff url("/Image%20Library/TemplateImages/advancedtabbg.gif") no-repeat 721px 0; display: inline;}
#ACSubNavHeader { position: relative; left: -11px; top: 10px; width: 293px; height: 44px; float: left;  display: inline;}
#ACSubNavHeader h1 { position: relative; left: 20px; top: -38px; color: #ffffff; font-size: 30px; }
#ACTitle { padding-top: 15px; float: left; display: inline;}
#ACTitle h1 { color: #5d9732; font-size: 30px; float: left; display: inline;}
#ACSubNav { float: left; display: inline; clear: left; width: 194px; background: #ffffff url("/Image%20Library/TemplateImages/subnavbg.gif") repeat-x 0 0; margin-left: 20px;  
            min-height: 400px; }
#ACSubNav ul { list-style: none; padding: 25px 0 0 0; }
#ACSubNav li { padding: 5px 0; border-bottom: 1px solid #ffffff; } 
#ACSubNav a { color: #5d9732; font-size: 13px; font-weight: bold; padding-left: 30px;}
#ACSubNav .selected { background: transparent url("/Image%20Library/TemplateImages/pennantgreen.png") no-repeat 5px 2px; }

#ACContent { float: left; display: inline; width: 340px; line-height: 15px; margin: 40px 0 20px 30px; }
#ACRight { padding-bottom: 20px; float: left; width: 270px; padding-left: 30px; }
#ACVideo { float: left; padding: 20px 0; }
#hunkSearch { background-color: #ffffff; padding: 15px; }
#hunkSearch #gobtn { float: right; }

/**************** 
	BOOKING FLOW
***************/
.errorText { color:red; }
#BookingCtn { float: left;  width: 100%; background: #ffffff url("/Image%20Library/TemplateImages/advancedtabbg.gif") no-repeat 721px 0; display: inline;}
#BookingHeader { position: relative; left: -11px; top: 10px; width: 293px; height: 44px; float: left;  display: inline;}
#BookingHeader h1 { position: relative; left: 20px; top: -38px; color: #ffffff; font-size: 30px; }

#BookingWidget { float: left; display: inline; clear: left; line-height: 15px; margin-top: 40px; padding: 0 60px;  }
#BookingContent p { margin: 0; }

#BInfoCtn { float: left; display: inline; clear: left; margin: 20px 0 0px 100px; border-top: 3px solid #f2f6ef; padding: 20px 0; 
            width: 700px}
.BInfoBox { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x 0 0; height: 220px; 
           width: 190px; float: left; display: inline; margin: 0 30px 0px 0; padding: 10px 0 0 10px; }
.BInfoBox p { font-size: 14px; font-weight: bold; width: 178px; text-align: center; }
.BInfoLast { margin-right: 0; }

/**************** 
	SEGMENT LANDING
***************/
#SegmentLandingCtn { float: left; width: 100%; background: #ffffff url("/Image%20Library/TemplateImages/tabbg261px.gif") no-repeat 639px 0; display: inline;}
#SLSubNavHeader { position: relative; left: -11px; top: 10px; width: 293px; height: 44px; float: left;  display: inline;}
#SLSubNavHeader h1 { position: relative; left: 20px; top: -38px; color: #ffffff; font-size: 30px; }
#SLTitle { padding-top: 15px; float: left; display: inline;}
#SLTitle h1 { color: #5d9732; font-size: 30px; float: left; display: inline; }

/* left container removed and width added to SLContent */
/* #SLleftCtn { float: left; clear: left; margin: 40px 0 0 20px; width: 180px; } */

#SLContentCtn { float: left; display: inline; margin: 40px 0 0 20px; width: 880px; } 
#SLContent { float: left; display: inline; width: 540px; line-height: 15px;  }
#SLContent h2,h3 { margin-bottom: 20px; }
#SLStepCtn { float: left; clear: left; padding: 20px 0 20px 110px; width: 680px;  }
.SLInfoBox { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x 0 0; 
           width: 174px; margin: 0 10px 0px 0; float: left; padding: 15px; }
.SLBoxContent { float: left; padding-left: 37px; }
.stepTitle { font-size: 24px; color:#5d9732; font-weight: bold; margin-right: 10px; }
.stepImgPad { padding-top: 10px; }
.SLInfoBox ul { padding: 0 0 0 15px; }

.SLInfoBoxChat { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x 0 0; 
           width: 174px; margin: 0 10px 0px 0; float: left; padding: 15px; }
.SLInfoBoxChat ul { padding: 0 0 0 15px; }
.stepImgPadChat { padding-top: 10px; }

/**************** 
	Partner Landing
***************/
#PartnerCtn { float: left; width: 100%; background: #ffffff url("/Image%20Library/TemplateImages/tabbg261px.gif") no-repeat 639px 0; display: inline;}
#PartnerSubNavHeader { position: relative; left: -11px; top: 10px; width: 293px; height: 44px; float: left;  display: inline;}
#PartnerSubNavHeader h1 { position: relative; left: 20px; top: -38px; color: #ffffff; font-size: 30px; }
#PartnerTitle { padding-top: 15px; float: left; display: inline;}
#PartnerTitle h1 { color: #5d9732; font-size: 30px; float: left; display: inline; }

#PartnerleftCtn { float: left; clear: left; margin: 40px 0 0 20px; width: 180px; border: 5px solid #c2d4b4; min-height: 200px}

#PartnerContentCtn { float: left; display: inline; margin: 40px 0 0 17px; width: 370px; } 
#PartnerContent { float: left; display: inline; width: 360px; line-height: 15px;  }

#PartnerRightCtn { float: left; margin: 37px 0 0 20px; width:260px; }
#PartnerStepCtn { float: left; clear: left; padding: 20px 0; width: 680px;  }
.PartnerInfoBox { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxbg.gif") repeat-x 0 0; 
           width: 224px; margin: 20px 0px 0px 0; float: left; padding: 0 15px 15px 15px; }
.PartnerInfoBox2 { border: 5px solid #c2d4b4; background: transparent url("/Image%20Library/TemplateImages/infoboxpeachbg.gif") repeat-x 0 0; 
           width: 224px; margin: 20px 0px 0px 0; float: left; padding: 0 15px 15px 15px; }
.PartnerInfoBox2 ul { padding-left: 15px;}
.PartnerBoxContent { float: left; }

/**************** 
	Affiliate Landing (Variation of Partner without LeftNav)
***************/
#AffiliateContentCtn { float: left; display: inline; margin: 40px 0 0 17px; width: 570px; } 
#AffiliateContent { float: left; display: inline; width: 560px; line-height: 15px;  }

/* forms */
.CLFormContainer { width: 264px; }
.CLFormContainer input { width: 201px; float:left; margin: 3px 0 3px 15px; }
.formRow { float: left; padding-bottom: 5px; }
.formBody { float: left; width: 264px; background-color: #dde9d4;}
.formText { background: transparent url("/Image%20Library/TemplateImages/homeheadergreen.png") repeat-x 0 0; height: 34px; width: 249px; position: relative; top: 3px; }
.formText { float: left; font-size: 18px; font-weight: bold; color: #ffffff; padding: 3px 0 0 15px; margin-top:-20px;}
.formFooter { background-color: #dde9d4; float: left; width: 264px;}
.labelItems { font-weight: bold; padding-left:15px; float:left; width: 209px}
.formSubmit a { background-color: #df822e; color: #FFFFFF; font-weight: bold; padding:5px; margin: 0 0 10px 199px; float: left; }
.formSubmit { padding-bottom: 15px;}
#dropDown { float: left; width: 209px; margin: 3px 0 3px 15px; }
#datePicker_txt { width: 201px; }
#datePicker img { margin-top: 3px; margin-left: 7px; }
#ui-datepicker-div { background-color: #ffffff; border: 1px solid #cccccc; }
.formDropdown { margin: 3px 0 3px 15px; float: left; width: 209px; }
#fileField_img { margin: 3px 0 3px 15px; }

.formTextarea { margin-left: 15px; margin-top: 3px; width: 227px;  }
.formRowLast {  float: left; padding-bottom: 5px; }
.formRowLast input { width: 227px; float:left; margin: 3px 0 3px 15px; }
.formCheckBox { float: left; padding: 10px; }
.formCheckBox span { float: left; }
.formCheckBox input { width: 15px; }
.formCheckBox label { float: left; width: 200px; }

.formRadioButton input { width: 20px; float: none; }
.formRadioButton span { display:block; padding-left:15px;}
.manyRadioButtons { padding: 8px; float:left; }
.manyRadioButtons input { width: 20px; float: none; }
.manyRadioButtons span { display: block; }

/************** 
	CLEARFIX 
***************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

