﻿		.clear
		{
			clear: both !important;
			float: none !important;
		}

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;vertical-align: baseline; background: transparent;}
body {line-height: 1; font-size:62.5%}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
a {text-decoration: none;}


/* ----------------------- General ----------------------- */

body {background: #fff /*url(../img/bg2.jpg) no-repeat top*/; padding: 0; margin: 0;}

* {
	font-family: lucida Grande,tahoma; 
	font-size: 13px;
	color: #333;/*#928f81;*/
	line-height: 1.5;
}

#content {width: 770px; margin: 0 auto; padding: 0;}

#info {width: 770px; float: left; padding: 0 0 10px 0;}

.logo {
	text-indent:-9999px;
	display:block;
	background:url(../img/logo.png) no-repeat;
	width:150px;
	height:83px;
}


h1, h2, h3, h4, .deals-listing .title, legend{ font-family: lucida Grande,tahoma; } 


/* ----------------------- helper ----------------------- */

.l-align{ text-align:left;}
.c-align{ text-align:center;}
.r-align{ text-align:right;}
.group{ overflow:hidden;}
.hide{ display:none;}
.left{float:left;}
.right{float:right;}
.block{ display:block;}
.divider{border-top:1px dotted #ececec; margin-top:15px;}



/* ----------------------- Top ----------------------- */

#top {float: left; width: 770px; margin: 0; padding: 0;}

#top .top-guide {float: left; width: 800px; margin: 0; padding: 0; background: url(../img/bg-guide.png) no-repeat bottom left;}

#top .top-listing {float: left; width: 800px; margin: 0; padding: 0; background: url(../img/bg-listing.png) no-repeat bottom left; padding-top:30px; margin-top:-50px;}

#top .top-deals {float: left; width: 800px; margin: 0; padding: 0; background: url(../img/details.png) no-repeat bottom left;}

#top #logo {float: left; width: 150px; padding: 0 0 0 4px; margin: 16px 0 18px;}



/* Menu */

#menu {float: right; width: 400px; margin: 0; padding:0; background: url(../img/bg-menu.png) no-repeat top left; height: 42px;}

#menu ul li {float: left; padding: 0 21px; border-right: 1px dotted #c0d094; margin: 10px 0 0 0;}

#menu ul li.final {border: none;}

#menu ul li a {display: block; float: left; padding: 2px 0; color: #c0d094; text-transform: uppercase; font-size: 13px; line-height: 17px;}

#menu ul li a:hover, #menu ul li a.select {color: #FFF;}



/* Search Home */

.search-top {width: 788px; float: left; background: url(../img/bg-search.png) no-repeat top left; height: 210px; padding: 7px 6px 6px 25px;}

.search-top .image {float: left; width: 206px;}

.search-top h2, h2.search-top-h2 {text-shadow: 1px 1px 0 #EEEEEE; font-size:27px;}

.search-top h1, h1.search-top-h1 {text-shadow: 1px 1px 0 #EEEEEE; font-size:27px;line-height: 22px; margin: 0 0 15px;}

.search-top .form {float: left;  margin: 20px 0 0;}

.search-top .form .row {float: left; width: 480px; margin: 0 0 15px;}

.search-top .form .row .input {float: left; width: 235px;}

.search-top .form .row .input select {float: left; width: 220px; border: 1px solid #FFF; outline: none; color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 1px 0;}

.search-top .form .row .input select option {color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.search-top .form .row .input input {float: left; width: 210px; border: 1px solid #FFF; outline: none; color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 2px 5px;}

.search-top .form .row .input .btn {float: right; text-align: center; border: none; outline: none; background: url(../img/btn-search.gif) no-repeat 0 -1px; width: 111px; height: 28px; font-size: 13px; line-height: 15px; color: #d5cead; margin: 0 15px 0 0;}

.search-top .form .row .input .btn:hover { background-position: 0 -31px;}

.search-top .form-fields td{padding-right:10px;}



/* Search Guide SPA */

.search-guide {width: 754px; float: left; height: 73px; padding: 53px 17px 0;}

.search-guide .row {float: left; width: 237px; margin: 0;}

.search-guide .row input{float: left; width: 204px; margin: 0; border: none; outline: none; background: url(../img/input-spa.gif) no-repeat top left; color: #8b8254; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 5px 10px;}

.search-guide .button-rounded {
	float: left; 
	text-align: center; 
	border: none; 
	outline: none; 
	background: url(../img/btn-search.gif) no-repeat 0 -1px; 
	width: 111px; 
	height: 24px; 
	font-size: 13px; 
	line-height: 15px; 
	color: #d5cead; 
	margin: 0 15px 0 0;
	font-weight: bold;
	padding-top: 4px;
	overflow: hidden;
}

.search-guide .button-rounded:hover{ background-position: 0 -31px;}



/* Menu Listing */

.menu-listing{float: left; width: 679px; height: 105px; padding: 20px 97px 0 24px;}

.menu-listing .title{float: left; width: 390px; margin: 0 0 30px;}

.menu-listing .title h1{margin: 0; padding: 0;}

.menu-listing .buttons{float: right; width: 270px; margin: 5px 0 0 0; text-transform: uppercase; color: #545e3a; font-size: 12px;}

.menu-listing .buttons a{text-transform: uppercase; color: #545e3a; font-size: 12px; padding: 0 2px;}

.menu-listing .city{float: left; width: 679px; padding: 0; color: #FFF; font-size: 14px; line-height: 18px;}

.menu-listing .city a{padding: 0 2px; color: #FFF; font-size: 14px; line-height: 18px;}



/* Menu Details */

.menu-deals{float: left; width: 679px; height: 103px; padding: 27px 97px 0 24px;}

.menu-deals .title{float: left; width: 680px; margin: 0;}



/* ----------------------- Paginas ----------------------- */

/* --- Homepage --- */

/* Column Left */

#column-left{width: 520px; float: left;}

#column-left .homepage{width: 520px; float: left;}

#column-left .homepage .row{width: 520px; float: left; padding: 0 0 20px;}

#column-left .homepage .row .image{width: 180px; float: left; margin: 0;}

#column-left .homepage .row .image img{border: 3px solid #e3e0d1;}

#column-left .homepage .row .text{width: 340px; float: left;}

#column-left .homepage .row .text .title{width: 340px; margin: 2px 0 11px; font-size: 21px; color: #545e3a; line-height: 30px;}

#column-left .homepage .row .text .title span{ display: block; float: left; background: url(../img/bg-title.jpg) no-repeat top left; padding: 0; font-weight: bold; font-size: 17px; line-height: 30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e3e0d1; text-align: center; width: 31px; margin: 0 8px 0 0;}



/* Column Right */

#column-right{width: 228px; float: right; padding: 0 35px 0 0;}

#column-right .specials{width: 228px; float: left; background: url(../img/bg-specials-middle.jpg) repeat-y top left; margin: 0 0 25px;}

#column-right .specials .top{width: 228px; float: left; background: url(../img/bg-specials-top.jpg) no-repeat top left; margin: 0;}

#column-right .specials .top .down{width: 228px; float: left; background: url(../img/bg-specials-down.jpg) no-repeat bottom left; margin: 0; min-height: 260px; padding: 0 0 7px;}

#column-right .specials .top .down .title{width: 207px; margin: 9px 2px 6px; border-bottom: 1px dashed #bbbba0; padding: 0 0 3px 17px; font-size: 19px; line-height: 23px; color: #545e3a;}

#column-right .specials .top .down .offer{width: 207px; margin: 9px 2px 6px; border-bottom: 1px dashed #bbbba0; padding: 0 0 10px 17px; font-size: 24px; line-height: 28px; color: #9d9d3d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#column-right .specials .top .down .offer span{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #686859; font-size: 12px; line-height: 16px;}

#column-right .specials .top .down .offer strong{ font-size: 104px; line-height: 90px; color: #a29b79; font-weight: normal; letter-spacing: -2px;}

#column-right .specials .top .down .offer strong em{ font-size: 70px; line-height: 90px; color: #a29b79; font-weight: normal; font-style: normal;}

#column-right .specials .top .down .options{width: 228px; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #686859; line-height: 14px; float: left;}



#column-right .join{width: 228px; float: left; background: url(../img/bg-join-middle.jpg) repeat-y top left; margin: 0 0 25px;}

#column-right .join .top{width: 228px; float: left; background: url(../img/bg-join-top.jpg) no-repeat top left; margin: 0;}

#column-right .join .top .down{width: 202px; float: left; background: url(../img/bg-join-down.jpg) no-repeat bottom left; margin: 0; padding: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 14px; line-height: 16px;}

#column-right .join .top .down strong{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 14px; line-height: 16px;}

#column-right .join .top .down span{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 11px; line-height: 15px;}

#column-right .join .top .down .input{ border: none; outline: none; background: url(../img/input.gif) no-repeat top left; width: 183px; height: 17px; padding: 2px 5px;color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 6px 0;}

#column-right .join .top .down.form{width: 202px; float: left; margin: 0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 14px; line-height: 16px;}

#column-right .join .top .down .mail{ border: none; outline: none; background: url(../img/mail.jpg) no-repeat top left; width: 113px; height: 17px; padding: 2px 5px;color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 6px 5px 6px 0;}

#column-right .join .top .down .zip{ border: none; outline: none; background: url(../img/zip.jpg) no-repeat top left; width: 64px; height: 17px; padding: 2px 5px;color: #8b8254; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 6px 0;}

#column-right .join .top .down .btn{ background: url(../img/btn-suscribe.jpg) no-repeat 0 0; width: 68px; height: 24px; font-size: 12px; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; outline: none; cursor: pointer; }

#column-right .join .top .down .btn:hover{ background-position: 0 -24px;}



/* --- Spa Guide --- */

.guide{width: 800px; float: left; padding: 0;}



/* - Column Left - */

.guide #column-left{width: 170px; float: left;}



/*Filters */

.guide #column-left .filters{width: 170px; float: left; margin: 0 0 7px; background: #9dab77 url(../img/filters-top.gif) no-repeat top left;}

.guide #column-left .filters .down{width: 170px; float: left; margin: 0; background: url(../img/filters-down.gif) no-repeat bottom left;}

.guide #column-left .filters .down .title{width: 138px; float: left; padding: 12px 16px 0; height: 20px; color: #FFF; font-weight: bold; font-size: 14px; line-height: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.guide #column-left .filters .down .row{float: left; border: 1px solid #c0cd9e; border-bottom: none; padding: 3px 15px 1px; width: 138px;}

.guide #column-left .filters .down .row .text{float: left; width: 125px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #FFF; font-weight: bold;}

.guide #column-left .filters .down .row .check{float: left; width: 13px;}

.guide #column-left .filters .down .row .check input{float: left; width: 10px; padding: 0; margin: 0;}

.guide #column-left .filters .down .clear{width: 138px; float: left; padding: 7px 16px 0; height: 26px;}

.guide #column-left .filters .down .clear a{ text-decoration: underline; color: #545e3a; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}



/* Country */

.guide #column-left .country{width: 170px; float: left; margin: 0 0 7px; background: #e4ebd2 url(../img/bg-paises.gif) no-repeat top left; padding: 4px 0 0 0;}

.guide #column-left .country .row{width: 170px; float: left; margin: 0 0 5px;}

.guide #column-left .country .row .title{width: 142px; margin: 0 0 6px; padding: 7px 14px 4px; background: #d7dec4; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #202511; line-height: 16px; text-transform: uppercase;}

.guide #column-left .country .row ul li{width: 142px; margin: 0 0 3px; padding: 0 14px;}

.guide #column-left .country .row ul li a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #545e3a;}

.guide #column-left .country .row a.more{display: block; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; font-size: 12px; line-height: 16px; background: url(../img/btn-more.gif) no-repeat top right; width: 53px; height: 18px; padding: 0 0 0 10px; margin: 3px 0;}



/* - Column Middle - */
/* - Extended to right column. Original width:345px- */
.guide #column-middle{width: 573px; float: left; padding: 0 10px;}

.guide #column-middle .title{width: 573px; float: left; padding: 0; margin: 0 0 25px;}

.guide #column-middle .title .txt{float: left; width: 180px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 16px; color: #545e3a; margin: 3px 0 0;}

.guide #column-middle .title .sort{float: left; width: 165px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #545e3a; text-align: right;}

.guide #column-middle .title .sort select{ margin: 0 0 0 5px; width: 100px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #545e3a;}



/* List */

.guide #column-middle .list{width: 573px; float: left; padding: 0 0 15px;}

.guide #column-middle .list .row{width: 573px; float: left; margin: 0 0 30px;}

.guide #column-middle .list .row .image{float: left; width: 115px;}

.guide #column-middle .list .row .image img{ border: 3px solid #e3e0d1;}

/* - Width changed from 230px to 458px - */
.guide #column-middle .list .row .text{float: left; width: 458px;}

.guide #column-middle .list .row .text .title{width: 458px; margin: 2px 0 8px; font-size: 18px; color: #545e3a; line-height: 22px;}

.guide #column-middle .list .row .text .title a{width: 458px; margin: 2px 0 8px; font-size: 18px; color: #545e3a; line-height: 22px;}

.guide #column-middle .list .row .text .title span{ display: block; float: left; background: url(../img/bg-guide.gif) no-repeat top left; padding: 0; font-weight: bold; font-size: 12px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e3e0d1; text-align: center; width: 22px; margin: 0 8px 0 0;}

.guide #column-middle .list .row .text .txt{float: left; width: 458px; border-bottom: 1px dotted #545e3a; padding: 0 0 5px; margin: 0 0 5px; font-size: 11px; line-height: 15px; color: #928f81;}

.guide #column-middle .list .row .text .reviews{float: left; width: 458px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 11px; line-height: 13px;}

.guide #column-middle .list .row .text .reviews a{display: block; width: 14px; float: left; height: 11px; background: url(../img/star.gif) no-repeat 0 -11px; margin: 0;}

.guide #column-middle .list .row .text .reviews a:hover{ text-decoration: none;}

.guide #column-middle .list .row .text .reviews a.select{ text-decoration: none; background-position: 0 0;}

.guide #column-middle .list .row .text .reviews a span{display: none;}

.guide #column-middle .list .row .text .reviews a.link{ width: 458px;background: none;}

/* - Column Right - */

.guide #column-right{width: 228px; float: left; padding: 0;}

.guide #column-right .google-maps{width: 222px; float: left; padding: 0; margin: 0 0 20px; border: 3px solid #e3e0d1;}

.guide #column-right .publicity{width: 228px; float: left; padding: 0; margin: 0 0 15px;}



/* --- Deals Listing --- */

.deals-listing{width: 800px; float: left; padding: 0;}

.deals-listing h1,h1.dark-green-18,.search-form h1 {
	font-size: 18px;
	line-height: 22px;
	color: #545E3A;
	font-weight: normal;
	padding: 0;
	margin: 0 0 15px;
}

.deals-listing .row{width: 765px; float: left; border-bottom: 1px dotted #afa98b; margin: 0 0 15px 0; padding: 0 0 15px 0;}

.deals-listing .row .image{float: left; width: 184px;}

.deals-listing .row .image img{float: left; border: 3px solid #e3e0d1;}

.deals-listing .row .text{float: left; width: 334px; padding: 0 10px 0 0;}

.deals-listing .row .text .title{width: 350px; font-size: 18px; line-height: 22px; color: #545e3a; margin: 0 0 8px;}

.deals-listing .row .text .title a {color: #545e3a;}

.deals-listing .row .text .tags{width: 350px; margin: 0 0 8px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #474747;}

.deals-listing .row .text .tags a{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #474747;}

.deals-listing .row .buttons{float: left; width: 200px; padding: 0 0 0 20px; border-left: 1px solid #c7d4a5;}

.deals-listing .row .buttons .block{float: left; width: 200px; padding: 0; margin: 0 0 5px;}

.deals-listing .row .buttons .block .price{float: left; width: 90px; padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 40px; line-height: 45px;}

.deals-listing .row .buttons .block .price strong{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 27px; line-height: 31px; position:relative; top:-4px;}

.deals-listing .row .buttons .block .grab, .gradient-green,
.deals-details .col-right .buttons .block .grab {
	display: block; 
	float: right; 
	background: url(../img/lightgreen-gradient-background.png) repeat-x 0 0; 
	width: 104px; 
	height: 28px; 
	text-align: center; 
	color: #FFF; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 15px; 
	line-height: 17px; 
	padding: 10px 0 0 0;
	margin-top: 0px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

.deals-listing .row .buttons .block .grab:hover, .gradient-green:hover,
.deals-details .col-right .buttons .block .grab:hover { background: #6B9E00;color: #fff;}

.deals-listing .row .buttons .block .offer{ background: url(../img/bg-offer.gif) no-repeat top left; width: 64px; height: 33px; padding: 6px 0 0 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-listing .row .buttons .block .offer-middle{ background: url(../img/bg-offer.gif) no-repeat top; width: 64px; height: 33px; padding: 6px 4px 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-listing .row .buttons .block img{float: left; padding: 0 5px 0 0;}

.deals-listing .row .buttons .block span{display: block; float: left; padding: 0 11px 0 0; margin: 4px 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 16px; line-height: 20px;}

.deals-listing .row .buttons .block span strong{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #545e3a; font-size: 13px; line-height: 17px;}



/* --- Deals Details --- */

#map{
	width: 500px; 
	height: 300px;
	display:none; 
}

.deals-details{width: 800px; float: left; padding: 0;}

.deals-details .row{width: 765px; float: left; margin: 0 0 15px 0; padding: 0;}

.deals-details .row .image-gral{width: 510px; float: left; padding: 0 0 0 5px;}

.deals-details .col-right .map{float: left; width: 221px; border: 3px solid #e3e0d1; margin-left: 20px; margin-top: 20px;}

.deals-details .col-right .map img{float: left;}

.deals-details .col-left{float: left;width: 510px;}

.deals-details .col-left .reviews{float: left;}

.deals-details .col-left .fine-print{}

.deals-details .col-right{}

.deals-details .col-right .locations{margin-left: 20px; margin-top: 20px; float: left;}

.deals-details .col-right .buttons{float: left; width: 200px; padding: 0 10px 0 35px;}

.deals-details .col-right .buttons .block{float: left; width: 200px; padding: 0; margin: 0 0 5px;}

.deals-details .col-right .buttons .block .price{float: left; width: 90px; padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 45px; line-height: 45px;}

.deals-details .col-right .buttons .block .price strong{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 27px; line-height: 31px;}

/*.deals-details .col-right .buttons .block .grab{display: block; float: right; background: url(../img/btn-grab.gif) no-repeat 0 0; width: 84px; height: 22px; text-align: center; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 17px; margin: 10px 0 0; padding: 5px 0 0 0;}

.deals-details .col-right .buttons .block .grab:hover{ background-position: 0 -27px;}

.deals-details .col-right .buttons .block .grab-bigger {
	display: block; float: right; background: url(../img/btn-grab.gif) no-repeat 0 0; 
	width: 100px; height: 27px; 
	text-align: center; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; 
	line-height: 18px; 
	margin: 7px 0 0; padding: 5px 0 0 0;
	background-size: 100%;
}

.deals-details .col-right .buttons .block .grab-bigger:hover{ background-position: 0 -32px;background-size: 100%;}
*/

.deals-details .col-right .buttons .block .offer{ background: url(../img/bg-offer.gif) no-repeat top left; width: 64px; height: 33px; padding: 6px 0 0 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-details .col-right .buttons .block .offer-middle{ background: url(../img/bg-offer.gif) no-repeat top; width: 64px; height: 33px; padding: 6px 4px 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-details .col-right .buttons .block .gift{display: block; float: left; width: 143px; padding: 7px 0 10px 57px; background: url(../img/gift.jpg) no-repeat 19px 0; color: #545e3a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px;}




.deals-details .row .buttons{float: left; width: 200px; padding: 0 10px 0 35px;}

.deals-details .row .buttons .block{float: left; width: 200px; padding: 0; margin: 0 0 5px;}

.deals-details .row .buttons .block .price{float: left; width: 110px; padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 45px; line-height: 45px;}

.deals-details .row .buttons .block .price strong{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; font-size: 27px; line-height: 31px;}

.deals-details .row .buttons .block .grab{display: block; float: right; background: url(../img/btn-grab.gif) no-repeat 0 0; width: 84px; height: 22px; text-align: center; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 17px; margin: 10px 0 0; padding: 5px 0 0 0;}

.deals-details .row .buttons .block .grab:hover{ background-position: 0 -27px;}

.deals-details .row .buttons .block .offer{ background: url(../img/bg-offer.gif) no-repeat top left; width: 64px; height: 33px; padding: 6px 0 0 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-details .row .buttons .block .offer-middle{ background: url(../img/bg-offer.gif) no-repeat top; width: 64px; height: 33px; padding: 6px 4px 0; text-align: center; font-size: 11px; line-height: 13px; color: #545e3a; float: left;}

.deals-details .row .buttons .block .gift{display: block; float: left; width: 143px; padding: 7px 0 10px 57px; background: url(../img/gift.jpg) no-repeat 19px 0; color: #545e3a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px;}

.deals-details .row .text{float: left; width: 272px; padding: 0 10px 0 12px; border-right: 1px solid #c7d4a5; border-left: 1px solid #c7d4a5;}

.deals-details .row .text h2, .deals-details .row .list h2{margin: 0 0 8px;}

.deals-details .row .text a{color: #7c9f1d;}

.deals-details .row .list{width: 135px; float: left; padding: 0 0 0 10px;}

.deals-details .row .list ul{margin: 0 0 2px;}

.deals-details .row .list ul li{ padding: 0 0 10px 10px; background: url(../img/icon-detail.jpg) no-repeat 0 5px;}

.deals-details .row .list a.more{ text-decoration: underline; padding: 0 0 0 10px; font-style: italic;}



.deals-details .col-left .text2{ float: left;}

.deals-details .col-left .text2 ul.review li{ font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #90a067; margin: 0 0 23px; background: url(../img/icon.gif) no-repeat 0 5px; padding: 0 0 0 32px;}

.deals-details .col-left .text2 ul.review li strong{font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #4f5935; font-weight: normal;}

.deals-details .row .text3{width: 200px; float: left;}

/* Box */

.box {background: #dedbc9 url(../img/box-top.gif) no-repeat top left; width: 761px; float: left;}

.box .down {background: url(../img/box-down.gif) no-repeat bottom left; width: 735px; float: left; padding: 24px 13px 13px 13px;}

.box .down .select-time {width: 735px; float: left; margin: 0 0 24px;}

.box .down .select-time .left {width: 450px; float: left; margin: 0; padding: 0 0 0 17px; font-size: 16px; line-height: 20px; color: #545e3a;}

.box .down .select-time .left strong {margin: 0; padding: 0 7px 0 0; font-size: 16px; line-height: 20px; color: #545e3a;}

.box .down .select-time .right {width: 240px; float: right; margin: 0; padding: 0 18px 0 0;}

.box .down .select-time .right a {line-height: 20px; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #545e3a; background: url(../img/icon-search.gif) no-repeat right; padding: 0 25px 0 0;}



.box .down .filters {width: 735px; float: left; margin: 0 0 13px;}

.box .down .filters .left {width: 450px; float: left; margin: 3px 0 0; padding: 0 0 0 17px; font-size: 13px; line-height: 17px; color: #635e46;}

.box .down .filters .left a {padding: 0 3px; font-size: 13px; line-height: 17px; color: #635e46;}

.box .down .filters .left strong {margin: 0; padding: 0 7px 0 0; font-size: 16px; line-height: 20px; color: #545e3a;}

.box .down .filters .right {width: 240px; float: right; margin: 0; padding: 0;}

.box .down .filters .right a.ear {display: block; float: left; width: 94px; line-height: 17px; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../img/btn-later.gif) no-repeat 0 0; padding: 4px 0 4px 20px;}

.box .down .filters .right a.last {display: block; float: right; width: 94px; line-height: 17px; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: url(../img/btn-next.gif) no-repeat 0 0; padding: 4px 20px 4px 0; text-align: right;}

.box .down .filters .right a.ear:hover, .box .down .filters .right a.last:hover {background-position: 0 -25px;}



.box .down .box-hours {background: #ebe8da url(../img/box-inner-down.gif) no-repeat bottom left; width: 734px; float: left; margin: 0 0 12px;}

.box .down .box-hours .hour {width: 734px; float: left; background: #FFF; height: 40px; margin: 0 0 18px;}

.box .down .box-hours .hour span.tit {background: #ebe8da url(../img/terapy-left.gif) no-repeat top left; display: block; float: left; padding: 0; border: none;}

.box .down .box-hours .hour span.tit strong {display: block; float: left; background: url(../img/terapy-right.gif) no-repeat top right; padding: 0 22px; line-height: 40px; font-size: 13px; color: #545e3a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.box .down .box-hours .hour span {display: block; float: left; border-right: 1px solid #d7d7d7; padding: 0 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8b8773; font-size: 13px; line-height: 40px;}

.box .down .box-hours .txt {width: 690px; float: left; padding: 0 22px;}

.box .down .box-hours .txt p {line-height: 18px;}



/* ----------------------- Text ----------------------- */

p {margin: 0 0 14px 0; padding :0; text-align: left;}

a {
	text-decoration: none; 
	font-size: inherit;
	color: #0054A6;
}

a:hover { color:#999;}

strong {font-size: inherit;}

h1 {font-size: 24px; line-height: 28px; color: #545e3a; font-weight: normal; padding: 0; margin: 0 0 20px;}

h2 {font-size: 18px; line-height: 22px; color: #545e3a; font-weight: normal; padding: 0; margin: 0 0 15px;}



/* ----------------------- Footer ----------------------- */

#footer{width: 100%; background: url(../img/bg-footer.gif) repeat-x top left; height: 300px;} /* 192 with cities */

#footer-middle{padding: 0; width: 800px; margin: 0 auto;}

#footer .row{width: 820px; float: left; height: 53px; }

#footer .row .left{ float: left; margin: 6px 0 0; font-size: 11px; line-height: 15px; color: #889762;}

#footer .row .left a{font-size: 11px; line-height: 15px; color: #889762; text-transform: uppercase; padding: 0 5px;}

#footer .row .left a:hover {color: #FFF;}

#footer .row .right { width: 225px; float: right; margin: 0; padding: 0 35px 0 0;}

#footer .row2 {width: 800px; float: left; height: 97px; }

#footer .row2 ul {float: left; border-right: 1px solid #41492c; width: 100px; padding: 0 6px 0 0; margin: 0 17px 0 0;}

#footer .row2 ul li { margin: 0 0 1px;}

#footer .row2 ul li a { text-decoration: none; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; line-height: 14px;}

#footer .row2 ul li a:hover { text-decoration: underline;}

#footer .copy {width: 765px; float: left; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #b1b99b; line-height: 14px;}



/* ----------------------- Clearfix ----------------------- */ 

/* slightly enhanced, universal clearfix hack */

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }

.clearfix {display: inline-block;}



/* start commented backslash hack \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* close commented backslash hack */



/* -----------------------------Order -----------------*/
table.appointment-tables {
	margin: 5px 0;
	border: solid 1px #B1B99B;
}

.na-table-header {
	background-color: #B1B99B;
	color: #464646;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

span.field-validation-error span {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
	margin: 1em 0 0 0;
}

.display-field,
.editor-field {
	margin:0.5em 0 0 0;
}

.text-box {
	width: 20em;
}

.text-box.multi-line {
	height: 6.5em;
}


/* jQuery pagination plugin */
.pagination1 {
		  font-size: 80%;
	   }
		
.pagination a {
	text-decoration: none;
	border: solid 1px #999;
	color: #545E3A;
}

.pagination a, .pagination span {
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
	background: #545E3A;
	color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next {
	color:#999;
	border-color:#999;
	background:#fff;
}


.security-code-field input {
	width:5em;
}


/*Create Deal Page Styles (from beta.spadia.com)*/
h4 {
	color: #819F35;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
}

.na-input input, select {    
	color: #814A21;
	padding: 6px;
	border: 1px solid #C8C8C8;
	background: url("../img/text-shadow.png") repeat-x scroll left top #FFFFFF;
}

.na-input input[type=text] {
	height:19px;
}

.form-fields select {
	width:210px;
	max-width:210px;
}

.form-fields label {
	font-weight:bold;    
}


.btn {
	font-size: 15px !important;
	color: white;
	padding: 10px 50px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid white;
	height: auto;
	background: #545E3A;
	font-weight: bold;
	-moz-box-shadow: -2px 2px 2px #CCC;
	-webkit-box-shadow: -2px 2px 2px #CCC;
	box-shadow: -2px 2px 2px #CCC;
	cursor: pointer;    
}

btn:hover {
	background: #545E3A;
}

/*Search Deals Menu*/
.menu-listing {float: left; width: 679px; height: 40px; padding: 0px 97px 0 24px;}

.selected-filter {
	font-weight:bold;
}

.twitter-share-icon {
	background: url("../img/share_sprite.png") no-repeat scroll 0 0 transparent;
	display: block;
	height:18px;
	width:17px;
	margin: 1px 0 0;
	text-indent: -9999em;
}


/* Availibilitystyles */

.spa-header-info{ overflow:hidden;}
.spa-image{ float:left; }
.spa-image img{ border:1px solid #efefef;}
.spa-header-info .detail  {
	float:left;
	text-align: left;
	word-wrap:break-word;    
}

.spa-header-info .detail .post {
	width: 190px; 
}

.rating {
	float: left;
	min-width: 190px;;
}

.rating a {
	text-decoration: none;
}

.rating span {
	color: #0054A6;
	float: left;
}

.rating ul {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
}

.rating ul li {
	float: left;
	list-style: none outside none;
	padding: 0 1px 0 0;
}

.rating ul li a {
	background: url("../img/star.gif") no-repeat scroll 0 0 transparent;
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
}

.rating ul li a:hover, .rating ul li a.active {
	background-position: 0 -12px;
}

.old-box {
	border: 1px dotted #D7D7D7;
	border-width: 0 0 1px;
	height: 1%;
	margin: 20px 14px 11px 0px;
	padding-bottom: 25px;
}

.old-box h3, .old-box h3 a, .spa-details h3, .spa-details h3 span, .spa-details h1 span,.spacol-item h4 {
	color: #5C7D02;
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	margin: 0 0 10px 0;
}

.old-box h3 span {
	background: url("../img/bg-guide.gif") no-repeat scroll left top transparent;
	color: #E3E0D1;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin: 3px 8px 0 0;
	padding: 0;
	text-align: center;
	width: 22px;
}

.spa-address {
	font-size:13px;
	color:#666;
	text-align: left;
}

.post a /*,  .rating a*/ {
	color: #0054A6;
	font-family: Arial,sans-serif;
}

.post a {
	text-decoration: underline;
}

.post p {
	margin: 0;
}

ul.post-info {
	height: 1%;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.post-info li {
	background: url("../img/post-info-separator.gif") no-repeat scroll 0 4px transparent;
	float: left;
	list-style: none outside none;
	margin: 0 0 0 -8px;
	padding: 0 15px 0 8px;
}

table.table-name {
	border-collapse: collapse;
	color: #34343E;
	margin: 0 0 30px 0;
	width: 100%;
}

table.treatment-result-width {
	width: 250px;
}

table.table-name td, table.table-name th {
	margin: 0;
	padding: 5px 5px 10px 5px;
	text-align: left;
	vertical-align: top;
	font-size:110%;
}

.table-name .btn {
	background:#8BBE00;
	font-size: 15px !important;
	border:0;
	color:#fff;    
	cursor:pointer;
	border-radius:3px;
	padding:4px 10px;
	font-weight:bold;
}

.table-name .btn:hover {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(79,107,2)),
		color-stop(0.55, rgb(139,190,0))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(79,107,2) 0%,
		rgb(139,190,0) 55%
	);    
}


.table-name td, .table-name .basic, .table-name span {
	color: #666;
	font-size:12px;
}

.table-name p {
	color:#666;   
	font-size:11px; 
}

table.table-name tr.alt td {
	background: none repeat scroll 0 0 #E4EBD2;
	color: #666;
}

table.table-name tr.alt-services td {
	background: none repeat scroll 0 0 #E4EBD2;
}

table.table-name tr.alt td.blue {
	background: none repeat scroll 0 0 #D3EBF5;
	color: #323A3C;
}

table.table-name tr.alt td.t-col-3 {
	background: none repeat scroll 0 0 #E4EBD2;
	color: #0054A6;
}

.time-schedule a, .table-name .t-col-5 a {
	background: none repeat scroll 0 0 #7E8C58;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	color: #fff;
	margin-right: 5px;
	padding: 2px 5px;
	text-align: center;
	width:70px;
	zoom:1;
	display:inline-block;
}

.time-schedule .time-slot, 
.table-name .more-time a {
	padding:8px 0 8px 0px;
	margin-bottom:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background:#EDEEE9;
	background: rgba(239, 239, 239, 0.8);
}

.time-schedule .time-slot span {
	background:transparent url(../img/icon-sprite.png) no-repeat 2px -11px;     
	width:16px;
	height:10px;
	text-indent:-99999px;
	display:inline-block;
	padding:0 0 0 5px;
	height:16px;     
	position:relative;
}

div .time-schedule .afternoon
{
	background:transparent url(../img/icon-sprite.png) no-repeat 2px -28px;
	height:10px;     
	top:2px;
}

div .time-schedule .evening {
	background:transparent url(../img/icon-sprite.png) no-repeat 4px 0px;     
	height:10px;     
	top:2px;
}

div .table-name .more-time a {
	display:block;
	font-weight:bold;
	text-align:center;
	background:#fff;
	margin-top:5px;
	color:#7E8C58;
	cursor:pointer;
	width:100%;
}

.time-schedule.full
{
	padding:0 8px;    
}

.full .time-slot
{
	padding-left:10px;    
}

.full .time-slot a
{
	margin-bottom:5px;
}


table.table-name .t-col-1 {
	width: 340px;
}

table.table-name .services {
	color: #928F81;
	text-decoration: underline;
	font-weight:bold;
	cursor: help;
}

table.table-name .t-col-1-services a.service-treatment-name:hover {
	cursor: pointer;
}

table.table-name .t-col-2 {
	width: 90px;
}

table.table-name .t-col-3 {
	width: 65px;
}

table.table-name tr.alt {
	background: none repeat scroll 0 0 #E4EBD2;
	color: #0054A6;
}


div.print-div {
	float:right;
	width: 75px;
}

div.booking-info-section {

	height: 90px;
	margin-bottom:10px;	
	margin-top:10px;
}

div.booking-info-section-title {
	float:left;
	width: 110px;
	font-weight:bold;	
}

div.booking-info-section-details {
	float:left;
	width: 200px;
}

div.booking-info-section-cancellation {
	float:left;
	width:270px;
	background-color:#D7F3F4;
	padding-bottom:2px;
	padding-top:2px;
}


.spa-image {
	position: relative;  
	width: 168px;  
	padding:10px 10px 7px 10px;
	margin:0px 10px 10px 0;
	background-color: #fff;  
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);  
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);  
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);
}

.spa-image:before, .spa-image:after {
	position: absolute;
	width: 50%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 8px rgba(0, 0, 0, 1);
	z-index: -1;
}

.spa-image:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}


/* WATERMARK */

.watermark {
	position: relative;
	display:inline;
}

.watermark label {
	position:absolute;
	top:0px;
	left:5px;
	color: #C0C0C0;
}

.watermark-spa-guide{
	color: #C0C0C0;
	top: -21px;
	left: 15px;
	position: relative;
}




/*Icons and Sprite*/

.icon-lock {
	background: url(../img/icon-lock.png) no-repeat -10px 0;
	padding-left:20px;   
}

.icon-credit-cards {
	background: url(../img/icon-sprite.png) no-repeat 0 -52px;
	width:148px;
	height:35px;
	display:block;
	text-indent:-99999px;
	margin-top:18px;
}

/*Subscribe Modal*/
#subscribe-form {
	width:600px;
	color:#333;
	padding:10px 0 50px 0;
}

#subscribe-form h1 {
	margin-bottom: 15px;
}


#subscribe-form a {
	color:#3B5998;
	text-decoration:underline;
}


#subscribe-form strong {
	color:#5C5740;
	display:block;
	margin-bottom:20px; 
	font-size:15px;
}

#subscribe-email {
	border:1px solid #ccc;
	padding:12px 5px;
	font-size:13px;
	margin:0 0 5px 0;    
}

#subscribe-zip {
	border:1px solid #ccc;
	padding:12px 5px;
	font-size:13px;
	margin:0 0 5px 0;
}

#subscribe-form .actions {
	float:left;
	margin-left:20px;
	margin-top: 20px;
}

#subscribe-form .btn {
	font-size:130%;
	margin-right:10px;
	width:180px;
	padding:10px 0; 
}
 



/* Spa Details page */

div.spa-info-heading {
	margin:auto;
}

.tabs-container {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.tabs-content {
	padding:10px 0;
}

div.spa-services-headers h4 { color:#545E3A; font-size:18px; font-weight:normal; line-height:28px; display:block; border-bottom:1px dotted #ccc; margin-bottom:5px;}

div.spa-details {
	margin-bottom:15px;
	overflow:hidden;
}

.spa-details .spa-header-info {
	width:398px;
	float:left;
}

 
div.spa-details a {
	text-decoration:underline;
	color:#0054A6;
	font-family:Arial,serif;
}

span.spa-name {
	color:#10676A;
}

div.spa-schedule {
	float:right;
	margin-bottom:5px;
}

.spa-schedule table {
	border-spacing:1px;
}

.spa-schedule td {
	padding:3px 5px; 
	text-align:center;
	background:#dedede;
	color:#333;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
	font-size:11px;

}

.spa-schedule thead td {
	background:#616E3F; 
	color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-size:12px;
}

.spa-schedule span {
	display: block;
	height: 7px;
	line-height: 5px;
	margin: 0;
	padding: 0;    
}



.search-form form table td {
	vertical-align:bottom;
	padding: 5px 10px 5px 0px;
}

.search-form #GetResults {
	padding:6px 50px;
	font-size:13px;
	position:relative;
	top:3px;
}

.search-form .ui-datepicker-trigger
{
	position:relative;
	top:8px;
	margin-left:5px;  
	height:24px; 
}

div.spa-specials {
	font-size:small;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
}

div.spa-tabs {
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
}


div.spa-cancellation-policy {
	font-family:Arial,serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	
}

div.spa-accepted-credit-cards {
	font-family:Arial,serif;
	font-size:12px;
}

/*photo gallery*/

.image-showcase {
	text-align:center;
	margin:20px auto;    
	/*width:510px; 
	height:311px;*/
}

.image-showcase img {
	border:1px solid #ccc;
	padding:10px 12px 12px 10px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);  
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);  
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.1) inset;
}

.gallery-list {
	overflow:hidden;    
}

.gallery-list li {
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}

.gallery-list .thumbnail {
	width:50px;
	height:50px;
	padding:5px;
	border:1px solid #ccc;
}

.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}

.image_carousel a.prev, .image_carousel a.next {
	background: url(../packages/carouFredSel-4.3.1/caroufredsel_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 25px;
}

.image_carousel a.prev {
	left: -22px;
	background-position: 0 0; 
}

.image_carousel a.prev:hover{
	background-position: 0 -50px; 
}

.image_carousel a.next {
	right: -22px;
	background-position: -50px 0; 
}

.image_carousel a.next:hover{
	background-position: -50px -50px; 
}

.image_carousel a.prev span, .image_carousel a.next span {
	display: none;
}

#gallery-pagination {
	text-align: center;
	margin-left:-35px;
}

#gallery-pagination a {
	background: url(../packages/carouFredSel-4.3.1/caroufredsel_sprite.png) 0 -157px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}

#gallery-pagination a.selected {
	background-position: -26px -157px;
	cursor: default;
}

#gallery-pagination a span {
	display: none;
}




/*booking page*/

.book-treatment-headers strong {
	color:#819F35;
	font-family:Arial;
	font-size:20px;
	line-height:24px;
	
}

.book-treatment-headers h2 {
	margin:15px 0 5px;
	font-size:20px;
 }

.book-treatment-headers .spa-name {
	font-size:14px;
	display:block;
	color:#819F35;
	font-weight:normal;
}


.book-treatment-tables {
	border:solid 1px #E3E0D1; 
	width: 100%;
	margin:20px 0 40px;
}

.appointment-form fieldset {
	padding:5px 0px 30px;
	margin:0 0 10px;
	border:1px dotted #ccc;
	border-width:0 0 1px 0;
}

.appointment-form .field {
	padding-top:10px;    
}

.book-treatment-tables thead {
	background:#B1B99B;
}

.book-treatment-tables thead th,
.book-treatment-tables td {
	padding: 12px 6px 12px 6px;
	color:#000;
}

.book-treatment-tables tfoot {
	background:#E8E8DA;  
}


.book-treatment-tables tbody td {
	color:#928F81;
}

.book-treatment-tables tfoot td {
	color:#464646;
	font-weight:bold;
}

.book-treatment-tables .total {
	color:#814A21;
}


.appointment-form h3 {
	font-size:150%;
	padding:10px 0;
	color:#819F35;
	
}

.appointment-form .icon-lock {
	padding-left:40px;
	line-height:30px;
}


.order-form h3 {
	font-size:150%;
	padding:10px 0;
	color:#819F35;
	
}

.order-form .icon-lock {
	padding-left:40px;
	line-height:30px;
}


.col-gap {
	padding-right:40px;
}

.payment-info table {
	margin-bottom:20px;
}

.payment-info em {
	color:#999;   
	padding-bottom:10px; 
	display:block;
}

.payment-info td {
	vertical-align:top;
	padding-right:5px;
}

.payment-info .col-gap {
	padding-right:25px;    
}

.payment-info .card-type select {
	width:140px;
}

.payment-info .state select {
	width:198px;    
}

.payment-info .credit-card-num input {
	width:190px;
	margin-right:20px;
}

.payment-info .zip input,
.payment-info .month {
	width:10em;  
}

.payment-info .year {
	width: 80px;
}

.action-row {
	text-align:right;
	margin: 10px 0;
}






/*overide jquery ui*/

#dialog-modal {
	display: none; overflow: hidden;
}


div.ui-widget-overlay {
	background:#222;
	opacity:0.7 
}

.ui-datepicker-trigger {
	cursor:pointer;
}

.search-top .ui-datepicker-trigger {
	margin-left:5px;
	position:absolute;
}

div .ui-widget-content, div .ui-widget-header {
	border: none;
	background: none;
}

#tabs .ui-state-active, #tabs .ui-state-hover {
	background: #616E3F;
	color: #fff;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	color: #1C94C4;
}

#tabs .ui-tabs .ui-tabs-nav li a {
	padding: 0.6em 1.3em;
}

#tabs .ui-state-default a{
	color: #616E3F;
}

#tabs .ui-state-active a, #tabs .ui-state-hover a{
	color: #fff;
}

#tabs {
	left: -2px;
	padding: 0;
	position: relative;
}
 

 #cluetip * {
	color:#666 !important;
}

.dk_container {
	margin-bottom:0;    
}

.small-font {
	font-size: 8pt;
	color: #5C7D02;
}

.rounded-corners {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

#ui-datepicker-div {
	width:174px;
}

a.ui-datepicker-prev, a.ui-datepicker-next {
	background: none repeat scroll 0 0 #333333
}

.review-avatar {
	float:left;
	padding:5px;
}

.review-placeholder-avatar {
	width: 70px;
	height: 70px;
}

#user-postedby-div {
	margin-top:-10px;
}

.hreview {
	margin-bottom:10px;
}

.review-link {
	color: Blue;
	font-size: 14px;
}

.review-link-selected {
	font-weight: bold;
}

.review-date {
	padding:5px;
}

.selected-filter {
	font-weight: bold;
}

.spa-icon-checkins
{
	padding: 5px;
	vertical-align:middle;
}

.spa-text-checkins
{
	vertical-align:middle;
}

.yelpReviews {
	text-decoration: none;
	color: #928F81;;
}

.spa-quick-links {
	float: left;
	min-width: 64%;
	padding-top: 10px;
	padding-bottom: 20px;
}

.spa-quick-links a {
	background-color: #e4ebd2;
	border-color:#e2dfd0;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 17px;
	color: #545e3a;
	
}

.deals-categories a{
	color: #545e3a;
}

.deals-listing .row .buttons .block .offer *, .deals-details .col-right .buttons .block .offer * {
	color: #545e3a;
	line-height: 1.2;
}



.deals-listing .row .buttons .block .offer-middle *, .deals-details .col-right .buttons .block .offer-middle * {
	color: #545e3a;
	line-height: 1.2;
}

.table-name td {
	font-size: 12px !important;
}
.table-name td *{
	font-size: 12px !important;
}

.deal-image {
	max-width: 510px;
	height: 311px;
}

p.summary {
	padding-top: 5px;
	margin-bottom: 5px;
}

.order-info h5 {
	margin-bottom: -15px;;
}

.spa-item {
	margin-bottom: 10px;
}

.order-info .spa-item h5 {
	margin-bottom: -22px;;
}

.owner-link {
	float:right;
}

.owner-link a {
	color: #0054A6 !important;
}

.facebook-layout {
	position: absolute; margin-top: 70px; margin-left: 180px; width: 10px;
}

.twitter-layout {
	position: absolute; margin-top: 70px; margin-left: 280px; width: 100px;
}

.flash-deal {
	margin-top: 35px;
}

.FBConnectButton_Simple
{
	background-image: url("../img/facebook-share.png") !important;

}

#info .FBConnectButton_Text_Simple.FBConnectButton_Text_Simple
{
	padding-left:20px;
	margin:0;
}

.line-through {
	text-decoration: line-through;
}

#time-results {
	width:300px;
	float: left;
	left: 250px;
	display: block;
}

.times-block {
	float: left;	
	width:320px;
	margin-left:20px;
}

#datepicker 
{
	width:250px;
	float: left;
}
			
.times-col 
{
	width: 100px;
	float: left;
	text-align: center;
}
			
.popup-container 
{
	min-width: 600px;
}
			
.time-item 
{
	width: 75px;
	height: 20px;
	margin: auto;
	background-color: #CFF;
	text-align: center;
	border-radius: 7px;
	color: #55F;
	margin-bottom:5px;
	cursor:pointer;
}
			
.times-list 
{
	margin-top: 5px;
}
			
#times-header 
{
	width: 100%;
	text-align: center;
	background-color: #DDD;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
}
			
.ui-dialog {
	box-shadow: black 2px 2px 7px;
	-moz-box-shadow: black 2px 2px 7px;
	-webkit-box-shadow: black 2px 2px 7px;
}

.popup-container strong {
	color: #333 !important;
}

.ui-dialog-titlebar {
	background: #545E3A !important;
}

#ui-dialog-title-dialog-container {
	color: white;
}

#dialog-container {
	background: white !important;
}

.dialog-progress-div {
	background: url(../img/progress.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin: auto;
	margin-top: 45px;
}

.special-price {
	font-weight: bold;
	color:#0054A6 !important;
}

.off-label 
{
margin-right: 10px;
min-width: 100px;
float: right;
font-family: Arial, Helvetica, sans-serif;
}

.off-label sub {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAApCAMAAABnXgszAAABAlBMVEX///8AlOsAg9EAfccAd70AZ6MAAAAAlOsAg9EAd70AcbMAQGYAPmIAAAAAlOsAjuEAbKsAYZkAN1cAKUEAAAAAlOsAjeAAfskAaqgAY50ATnwARm8AlOsAi90Ae8MAVogAUH8APmIAk+kAkecAi90AidkAh9cAgs8AeL4Abq8AlOsAkeUAfMUAecEAdLgAdLsAaKUAlOsAj+QAjuEAjeAAitsAfccAd70Abq8AlOsAkecAjuEAidkAg9EAgc0AfMUAkecAkeUAi90AitsAidkAhtYAhdMAgs8Ak+kAg9EAlOsAk+kAkeUAj+MAj+QAi90AlOsAkecAkeUAjuEAk+kAlOsqVoG+AAAAVXRSTlMAERERERERIiIiIiIiIjMzMzMzMzNEREREREREVVVVVVVVZmZmZmZmZmZ3d3d3d3d3iIiIiIiIiIiZmZmZmZmZqqqqqqqqqqq7u8zMzMzMzN3d3d3u49MkNgAAAS1JREFUOBF9wYdCE0EUBdAr4KX5lDIiCEiVpqJU6QSQDoZN5v7/r6Cws9nAS87Bs471/QG0V5F0/wVtdEX9ly28RSsbysXNHvgyNZyMwPFV0qHxTM+u5vBKTaoZQSW3HWj2SVJGgFHJPJrwVP98J7dUuEOTQT3JMpX0ooQHcuyjpD/KkaGBP+SaRIGZXCcoUC10IuEf+b6hsCTfLQrM5PuAhEfyVZDws3wRBVblm0XCn/JdIaFF+bqR2IV8a0g4Jd8DElpdvgnkaL/l20Viw2rhDXK0a/lWkKP9ku8GiYWafO+RYziW7yNytBl54h4SWqjqlerqOzRY2FGz2uW4GdFAC1El58tmJMpo4VpJfXuIJF6ghWk9iWejJDwMoS7pfpFECzQb+7vVh3ZIwvcItvT6kFM9qFgAAAAASUVORK5CYII=') 0 0 no-repeat;
display: block;
height: 41px;
float: right;
right: 0;
width: 34px;
}

.off-label span {
background-color: #0094EB;
color: white;
display: block;
font-size: 16px;
font-weight: bolder;
line-height: 27px;
margin: 9px 22px 0 0;
padding: 0 20px 0 15px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 4px 4px 0 4px;
-moz-border-radius: 4px 4px 0 4px;
-o-border-radius: 4px 4px 0 4px;
border-radius: 4px 4px 0 4px;
}

.off-label sup {
font-size: 14px;
vertical-align: top;
color: white;
font-size: 16px;
font-weight: bolder;
line-height: 27px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}


#subscribe-header {
	background: #DEDBC9;
	padding: 10px 10px 0px 10px;
	border:1px solid #DEDBC9;
	border: 1px solid #E2DFD0;
	margin-left: 5px;
	margin-right: 4px;
}

#subscribe-header .text {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	margin-left: 20px;
	padding-top: 3px;
}
#subscribe-header .actions {
	display:inline;
	float:right;
	margin-right: 50px;
	margin-top: -4px;
}

#subscribe-header .close-link {
	margin-top: 9px;
	position: absolute;
	margin-left: 115px;
}

#subscribe-header .fields {
	display: inline;
	float: right;
	margin-right: 11px;
	margin-top: 2px;
}

#subscribe-header .watermark {
	position: absolute;
	z-index: 1;
	left: 10px;
	top: -1px;
	display: inline;
	color: #888;
	font-size: 13px;
}

#subscribe-header input[type=text] {
	height: 19px;
}

#subscribe-header-bottom {
	margin-top: -8px; 
	z-index: -10;
	background: url(../img/box-down.gif);
	height: 25px;
	width: 761px;
	margin-left: 5px;
	background-size: 100%;
}

button.action.facebook,
.button.action.facebook {
	border: 1px solid #627FB4 !important;
	
	background: #728FC4;
	background: -webkit-linear-gradient(top, #829FD4, #728FC4);
	background: -moz-linear-gradient(top, #829FD4, #728FC4);
	background: -ms-linear-gradient(top, #829FD4, #728FC4);
	background: -o-linear-gradient(top, #829FD4, #728FC4);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;

	padding: 7px 0px 7px 0px;
}

button.action.facebook .label, 
.button.action.facebook .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2F5BB7 !important;
	float: right;
}

button.action.facebook:hover, 
.button.action.facebook:hover {
	border: 1px solid #2F5BB7 !important;
	
	background: #3866B0;
	background: -webkit-linear-gradient(top, #4876C0, #3866B0);
	background: -moz-linear-gradient(top, #4876C0, #3866B0);
	background: -ms-linear-gradient(top, #4876C0, #3866B0);
	background: -o-linear-gradient(top, #4876C0, #3866B0);
}

.account-icon {
	background: url(../img/connected-accounts-sprite.png);
	float:left;
	display: block;
	width: 26px;
	height: 26px;
	margin-left: 5px;
	margin-top: -2px;
}

.account-icon.facebook {
	background-position: 0 0px;
}

.spacol-item {
	padding: 13px;
	box-shadow: 2px 2px 6px #666;
}

.spacol-item h4 {
	font-size: 18px;
}

.spacol-image img {
	width: 184px;
	height: auto;
	max-height: 140px;
	vertical-align: middle;
}

.spacol-image {
	margin: auto;
	position: relative;
	width: 184px;
	height: 140px;
	padding: 10px 10px 7px 10px;
	background-color: white;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.1);
}


