/* Custom Layout Styles ****************/
* { margin: 0px; padding: 0px; }
body { background-image: url(../images/bg_body.jpg); background-repeat: repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #4e4e4e; margin: 0px; padding: 0px; }

a:active { outline: none; }

:-moz-any-link:focus { outline: none; }

img, a { padding: 0px; border: none; outline: none; }

ul { list-style-position: inside; }

.outertable01 {
/*  Here you can change the color of the
    border for the checkout pages.  */		
	background: #FFF;
	border: 1px solid #000;
}


/***********************************************************/
/* MAIN WRAPPERS */

.mainWrap { width: 970px; margin: 0px auto; padding: 0px; clear: both; }

.mainLeft { width: 623px; margin: 0px; padding: 0px; float: left; }
.mainRight { width: 347px; margin: 0px; padding: 0px; float: left; }
.contentWrap { width: 960px; text-align: left; margin: 0px auto; padding: 0px; font-size: 14px; clear: both; }

.workshopInfo { width: 433px; margin: 0px; padding: 0px; float: left;}

.landingtxt { width: 527px; margin: 0px; padding: 0px; font-size: 12px; float: left; }
.landingtxt p { padding: 2px 6px 2px 6px; }

.subPG_contentWrap { width: 970px; height: 739px; overflow: auto; margin: 0px; padding: 0px; clear:both; }


/***********************************************************/
/* HEADERS */
.headerWrap { width: 970px; margin: 0px; padding: 0px; clear:both; }
.headerWrapBack { width:970px; margin:0px; padding: 0px; clear: both; }
.nav { height: 38px; margin: 0px auto; padding: 10px 0px 0px 15px; color:#747474; font-weight: bold; text-transform: uppercase; font-size: 18px; font-stretch:extra-condensed; clear: both; }
.nav a { color:#747474; text-decoration: none; }
.nav a:hover { text-decoration:underline;}
.nav ul { margin: 0px; padding: 0px; list-style-position: inside; }
.nav ul li { display: inline; list-style-type: none; }

/***********************************************************/
/* MARKET SECTIONS */

.marketWrap { background-image: url(../images/bg_market.jpg); background-repeat: no-repeat; font-weight: bold; width: 623px; height: 109px; clear: both; }
.marketInfo { width: 400px;	padding: 10px 15px 0px 15px; text-align: left; }

.marketintro { color: #8a8a8a; font-size: 20px; }

.markettxt { color: #525252; font-size: 28px; }
.markettxt a { text-decoration: none; color: #525252; }
.markettxt a:hover { text-decoration: underline; color: #525252; }

.marketdate { color: #46004e; font-size: 20px; font-style: italic; }

/***********************************************************/
/* MAIN CONTENT - only found on index */

.landingHds { font-size: 19px; font-weight: bold; }

.offerTxt { height: 587px; margin: 0px; padding: 0px; background: url(../images/bg_mainoffer.jpg) no-repeat; clear: both; }
.purpleQuote { margin: 0px; padding: 45px 0px 0px 146px; color: #46004e; font-size: 15px; }

.offer_hd1 { padding: 135px 0px 0px 190px; font-size: 16px; font-weight: bold; font-stretch: condensed; }
.offer_hd2 { padding: 25px 0px 0px 190px; font-size: 18px; font-weight: bold; font-stretch: condensed; }
.offer_hd3 { padding: 0px 0px 5px 0px; font-size: 14px; font-weight: bold; font-stretch: condensed; }
.offer_p1 { padding: 10px 0px 0px 190px; font-size: 14px; }
.offerTxt ul { padding: 10px 0px 0px 190px; }
.offerTxt ul li { font-size: 14px; }
.freeGift { height: 250px; margin: 0px; padding: 0px; background: url(../images/bg_gift.jpg) no-repeat; clear: both; }
.freeGiftTxt { margin: 0px; padding: 166px 5px 0px 52px; line-height: 14px; }

.formBreak { margin:0px; padding: 0px; clear:both; }

.videoWrap { height: 342px; margin: 0px; padding: 0px; clear: both; }

/***********************************************************/
/* SUBPAGE CONTENT */
.subPG_content { margin: 0px; padding: 20px; font-size: 14px; text-align: left; }
.subPG_Hd { font-size: 24px; font-weight: bold; color: #60116a; }
.subPG_content h2 { font-size: 18px; font-weight: bold; }
.subPG_content h4 { font-size: 14px; font-weight: bold; }
.subPG_content p { padding: 5px 10px 10px 5px; }
.subPG_content ul li { margin: 0px 0px 0px 20px; padding: 2px 0px 2px 3px; }

.disclaimer_sub { font-size: 11px; text-align: left; }

/***********************************************************/
/* FOOTERS */
.footerWrap { font-size: 12px; width: 100%; display: table; margin: 0px; padding: 0px; background: url(../images/bg_footerWrap.jpg) repeat-x; text-align: center; clear: both; }

.nonIndexfooterWrap { color: #000; background:#FFFFFF; font-size: 11px; width: 875px; margin: 0px auto; padding: 10px 0px 0px 0px; clear:both; }

.footerLinks { margin: 0px auto; width: 970px; height: 109px; background: url(../images/bg_footer.jpg) no-repeat; }
.footerLinks p { text-align:center; padding: 15px 20px 10px 500px; }

.footerLinks a { color:#4e4e4e; text-decoration: none; }
.footerLinks a:hover { color:#4e4e4e; text-decoration: underline; }

/***********************************************************/
/* POPUP */

.popWrap { margin: 0px; padding: 20px; background: #fff; font-size: 11px; height: 100%; }

.popWrap 1 { color: #666; background-color: #f4f4f4; }

.popWrap h1 { font-size: 18px; }
.popColor { padding: 7px; background: #4e4e4e; text-align: right; }
.popColor a { color: #fff; }
.popWrap p { padding: 5px 5px 5px 5px; }

/***********************************************************/
/* BACKEND STYLES */

/* This matches the front-end mainWrap style */
.summaryWrap { width: 970px; margin: 0px auto; padding: 0px; background-color: #FFFFFF; }
.summary_contentWrap { width: 970px; background-color: #fff; margin: 0px auto; padding: 0px; }
.summaryContent { padding: 20px; }

/***********************************************************/
/* UTILITIES */

.floatLeft { float: left; }
.floatRight { float: right;	}
.block { display: block; }
.inline { display: inline; }
.hide { display: none; }
.pointer{ cursor: pointer; }
.clear { clear: both; margin: 0px auto; padding: 0px; }
.inline { display: inline; }
.comodo { height: 70px; padding: 0px 0px 0px 25px; margin: 0; color: #7f9cba; }
.bold { font-weight: bold; }
.boldCaps { font-weight: bold; text-transform: uppercase; }
.blue { color: #00457a; }
.red { color: #b9121b; }




/*  Template CSS Clases ***************/

.popup03 {
	width: 100%;
}

.popup04 {
	text-align: right; vertical-align: top;
	padding: 0px 10px 10px 0px;
}

.popup04 p {
	margin: 0px;
}

.popup05 {
	vertical-align: top;
	padding: 0px 0px 10px 0px;	
}	


/*  Livermercial Form CSS Properties ******************/

form {
	
}

input {
	
}

select {
	
}

textarea {
	
}

.Button1 {
	
}

.Button2 {
	
}	

.DefaultTable hr {
	
}

.DefaultTable hr {
	
}	

.PageHead {
	
}

.PageTitle02 {
	
}

.WrapHead {
	
}	

.MainTitle {
	
}

/*  Here you can change the border color for the seminar
	inputs. */
	
.TableEvent {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}

#IDEventDateTitle {
	padding-left: 5px;
	width: 25%; 
}

#IDEventLocationTitle {
	padding-left: 5px;
	width: 50%;
}

#IDEventTimeTitle {
	padding-left: 5px;
	width: 35%;
}

.EventRowDate {
	padding-left: 5px;
}

.EventRowDate div {
	
}

.EventRowLocation {
	padding: 5px;
}

.EventRowLocation div {
	
}

.EventRowTime {
	padding: 5px;
}

/*  Here you can change the border color of the inputs. It 
	also contains the original background for Firefox. */
	
div.FormRow input, .formInput { 
	width: 125px; height: 18px; 
	padding: 2px 0px 2px 3px;
}

textarea {
	width: 125px; height: 36px;
	padding: 2px 0px 2px 3px;
}

/*  Here you can change the hover border color of the inputs 
	(for Firefox). It also contains the hover background.  */

div.FormRow input:focus, .formInput:focus { 
	border: 1px solid #666;
	width: 125px; height: 18px; 
	padding: 2px 0px 2px 3px; 
}

textarea:focus {
	border: 1px solid #666;
	width: 125px; height: 36px;
	padding: 2px 0px 2px 3px;
}

/*  Here you can change the border color of the drop down input  */

div.form-container select { 
	width: 125px; height: 19px; 
}

.Button1 {
	padding: 3px;
}

.Button2 {
	padding: 3px;
}

.WrapHead {
/*  Here you can change the checkout
    bar colors in the #WrapHead ID 
	(normally if you do a find and replace 
	with the link color as I stated above, 
	you won't need to unless you want 
	different colors). */
	padding-left: 4px;
}

.PageHead {
	height: 25px;
}

.PageTitle02 {
	height: 25px;
}

.expired {
	padding: 20px;
	text-align: center;
	border: dashed 1px #07046e;
}

/*  Email Styles *****************/
   
table.main {
	top:230px;
	left:30px;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

.MainBorder {
	width: 100%;
	border-collapse: collapse;
}

.MainTitle {
	padding: 4px;
	text-transform: capitalize;
	border-bottom: 1px solid #000;
}
	
.EmailOrder {
	padding: 6px;
	text-transform: capitalize;
}

.orderrow {
	padding-left: 6px;
}	

.orderrowright {
	padding-right: 5px;
}	

.orderrowright hr {	
	margin: 0px;
}

/* Form Layout Styles ****************/
/* custom START */
.formWrap { width: 970px; clear: both; }

.formContent { width: 500px; margin: 0px auto; padding: 25px 0px 10px 0px; float: left; }
.formOffer { width: 469px; margin: 0px; padding: 0px; float: left; }
.formOfferTxt { margin: 0px; padding: 0px; background: url(../images/bg_formOffer.jpg) no-repeat; clear: both; }

.formOffer_p1 { margin: 0px; padding: 195px 248px 1px 25px; line-height: 14px; }
.formofferHd { font-size: 18px; font-weight: bold; line-height: 20px; }
.formOffer_p2 { margin: 0px; padding: 0px 150px 0px 25px; line-height: 14px; }
.formOffer_p3 { margin: 0px; padding: 10px 125px 0px 25px; }

.disclaimerp1 { font-size: 11px; padding: 30px 5px 0px 15px; text-align: left; }
.disclaimerp2 { font-size: 11px; padding: 10px 5px 0px 15px; text-align: left; }

/* custom END */

div.form-container {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

/* ----- DO NOT EDIT BETWEEN HERE ------ */

.form-container { 
	margin: 0px auto; 
	padding: 0px; 
	width: 500px; 
}

div.form-container form fieldset { 
	margin: 0px; padding: 0px; border: none; 
}

div.form-container form legend { 
	font-size: 10px; font-weight: bold; color: #333; 
	margin: 0px;
}

div.form-container form fieldset div { 
	padding: 0px; 
}

div.form-container label, div.form-container span.label { 
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	float: left; 
	text-align: right;
	position: relative;
}

div.form-container div.buttonrow input { 
	
}

div.form-container div.buttonrow { 
	text-align: center;	
}

/* ------------- AND HERE ---------------- */

/* Form Class Layout Styles ****************/

.FormFieldSet {
	
}

.FormRow {
	width: 50%;
	margin: 0px 0px 0px 0px;
}

.FormRow100 {
	width: 100%;
}

.FormLabel {
	width: 35%;
	margin: 0px 0px 0px 0px;
	line-height: 12px;
}

.FormDropDown {
	margin: 0px 0px 4px 4px;
}

.FormInput {
	margin: 0px 0px 2px 2px;	
}

.BoxRadio {
	
}

.BoxCheck {
	float: left;
}

.BoxLabel {
	float: left; display: block;
}

.FormBoxWrap1 {
	width: 224px;
	margin-left: 132px;
	overflow: hidden;
}

.FormBoxWrap2 {
	width: 358px; 
	overflow: hidden;
}

.RadioBtnWrap {
	font-size: 0.9em;
	width: 355px; height: 25px;
}

.RadioBtn1 {
	font-size: 0.8em;
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 3px;
} 

.RadioBtn2 {
	font-size: 0.8em;
	width: 205px;
	float: left;
}

.FormBox1 {
	font-size: 0.8em;
	float: left;
	width: 130px;
	margin-right: 2px;
	text-align: right;
}

.FormBox2 {
	font-size: 0.8em;
	float: left;
	width: 20px;
	margin-bottom: 2px;
}

.FormBox3 {
	font-size: 0.8em;
	float: left;
	width: 198px;
	margin-left: 4px;
}

.errorMessage {
	font-size: 11px; color: #CC0000; font-weight: bold;
	margin: 0px 0px 3px 0px;
	height: 14px;
}

.errorBlank {
	height: 14px;
}


/* Form ID Layout Styles ****************/

#IDFieldSet1 {
	
}

#IDFieldSet2 {
	
}

#IDFieldSet3 {
	
}

#IDFieldSet4 {
	
}

#IDCardTypeRow {
	
}

#IDCardTypeLabel {
	
}

#IDCardTypeInput {
	
}

#IDCreditNumberRow {
	
}

#IDCreditNumberLabel {
	
}

#IDCreditNumberInput {
	
}

#IDExpirationRow {
	
}

#IDExpiration1Label {
	
}

#IDExpiration1Input {
	
}

#IDExpiration2Input {
	
}

#IDFirstNameRow {
	float: left;
}

#IDFirstNameLabel {
	
}

#IDFirstNameInput {
	
}

#IDLastNameRow {
	float: right;
}

#IDLastNameLabel {
	
}

#IDLastNameInput {
	
}

#IDAddress1Row {
	float: left;
}

#IDAddress1Label {
	
}

#IDAddress1Input {
	
}

#IDAddress2Row {
	float: right;
}

#IDAddress2Label {
	
}

#IDAddress2Input {
	
}

#IDCityRow {
	float: left;
}

#IDCityLabel {
	
}

#IDCityInput {
	
}

#IDStateRow {
	float: right;
}

#IDStateLabel {
	
}

#IDStateInput {
	
}

#IDZipRow {
	float: left;
	clear: both;
}

#IDZipLabel {
}

#IDZipInput {
	
}

#IDCountryRow {
	float: right;
}

#IDCountryLabel {
	
}

#IDCountryInput {
	
}

#IDEmailRow {
	float: left;
	clear: both;
}

#IDEmailLabel {
	
}

#IDEmailInput {
	
}

#IDConfirmEmailRow {
	float: right;
}

#IDConfirmEmailLabel {
	
}

#IDConfirmEmailInput {
	
}

#IDPhoneRow {
	float: left;
}

#IDPhoneLabel {
	
}

#IDPhoneInput {
	
}

#IDCellPhoneRow {
	float: right;
}

#IDCellPhoneLabel {
	
}

#IDCellPhoneInput {
	
}

#IDEmailRow {
	
}

#IDEmailLabel {
	
}

#IDEmailInput {
	
}

#IDEmailReminderGroup {
	margin-top: 10px;
}

#IDEmailContactReminderRow {
	text-align: center;
	font-weight: bold;
}

#IDEmailReminderRow {
	text-align: center;
}

#IDEmailReminderLabel {
	
}

#IDEmailReminderYesInput {
	background: none;
	width: 20px;
	border: none;
	text-align: center;
}

#IDEmailReminderYesLabel {
	vertical-align: top
}

#IDEmailReminderNoInput {
	background: none;
	width: 20px;
	border: none;
}

#IDEmailReminderNoLabel {
	vertical-align: top;
}

#IDGuestCageGroupInviteRow {
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#IDInviteGuestInput {
	width: 55px;
}

#IDGuestCageGroupRow {
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#IDGuestCageGroupFirstNameRow {
	float: left;
}

#IDGuestCageGroupFirstNameLabel {
	
}

#IDGuestCageGroupFirstNameInput {
	
}

#IDGuestCageGroupLastNameRow {
	float: right;
}

#IDGuestCageGroupLastNameLabel {
	
}

#IDGuestCageGroupLastNameInput {
	
}

#IDGuestCageGroupEmailRow {
	
}

#IDGuestCageGroupEmailLabel {
	
}

#IDGuestCageGroupEmailInput {
	
}

#IDGuestButtonCageGroupRow {
	text-align: center;
}

#IDGuestButtonCageGroupRow input {
	width: 125px;
}

#IDMakeReservationButtonRow {
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 10px 0px;
	width: 100%;
}

#ButtonRow1 {
	text-align: center;
	width: 100%;
}

#IDGuestCageGroupFowardRow {
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

#IDFowardGuestInput {
     width: 55px;
}





.border01, div.FormRow input, .formInput, textarea, div.FormRow input:focus, div.form-container select {
	border: 1px solid #ba9dc2;
}

/*  Main CSS Colors */ 
.bglblue01, #IDEventDateTitle, #IDEventLocationTitle, #IDEventTimeTitle {
	background: #ba9dc2;
}

.borderblack01, .outertable01, .WrapHead, #WrapHead, table.main, .MainBorder {
	border: 1px solid #000;
}

.bordergrey01, .TableEvent {
	border: 1px solid #4e4e4e;	
}

.bordergrey02, #IDEventTimeTitle, .EventRowDate, .EventRowTime, .EventRowLocation {
	border-right: 1px solid #4e4e4e;	
}

.bordergrey03, #IDEventDateTitle, #IDEventLocationTitle, #IDEventTimeTitle, .EventRowDate, .EventRowTime, .EventRowLocation {
	border-bottom: 1px solid #4e4e4e;	
}

.bordergrey04, #IDEventLocationTitle, #IDEventTimeTitle {
	border-left: 1px solid #4e4e4e;	
}

.bgform01, div.FormRow input, .formInput, textarea, div.FormRow input:focus, .formInput:focus, textarea:focus {
	background: #FFF url(../images/bg_input.gif) repeat-x;
}

.Button1, .Button2 {
	border-left: 2px solid #eff3f5; border-bottom: 2px solid #89a7b6; border-right: 2px solid #89a7b6; border-top: 2px solid #eff3f5;
}

/*  General CSS Related Styles **************/

.ttl_main01, .ttl_main01 h1, h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;
	margin: 0px 0px 10px 0px;
}

.ttl_main02, h2, .expired {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.txt03, .FormMsg, #IDEventDateTitle, #IDEventLocationTitle, #IDEventTimeTitle, div.FormRow input, .formInput, textarea, div.FormRow input:focus, .formInput:focus, textarea:focus, textarea:focus, div.form-container select {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
}
.txtbold01, .txt01, .Button1, .Button2, #IDEventDateTitle, #IDEventLocationTitle, #IDEventTimeTitle, .PageHead, .PageTitle, .MainTitle, .popup04 {
	font-weight: bold;
}

/*  Do not edit the .pad01, .pad02 or .pad03 class.  */
	
.pad01 {
	padding: 10px;
}

.pad02 {
	padding: 0px 10px 0px 10px;
}

.pad03 {
	padding: 10px 0px 10px 0px;
}

.form01 {
	padding: 10px 10px 0px 10px;
}

.popup01 {
	font-size: 12px;
}

.popup02 {
	line-height: 15px;
	padding: 12px;
}

.popup02 p {
	line-height: 17px;
}