@import	url('menu-h.css');

/* =Global Reset
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
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; font-size: 100%; line-height: 150%; vertical-align: baseline; background: transparent;}
body {/*font-size: 62.5%;*/font-size: 10px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote: before, blockquote: after,q: before, q: after {content: ''; content: none;}
: focus {outline: 0;}
a:focus {outline: 1px dotted invert;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* =Global Headings
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight: lighter;}
h1 {font-size: 2.8em;}
h2 {font-size: 2.1em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.0em;}

/* =Spacing
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 20px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 15px;}
hr {border-color: #ccc;border-style: solid;border-width: 1px 0 0;clear: both;height: 0;}

/* =Master
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {background: #b5e5eb url('../images/bg-page.jpg') no-repeat 50% 0%; font-family: Arial, Helvetica, sans-serif; color: #037594;}
.clearfix {clear: both; display: block;}
img.alignright {float: right; margin-left: 10px; display: block;}
img.alignleft {float: left; margin-right: 10px;}

/* =Layout
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#container{width: 935px; margin: 0 auto;}
div#header {height: 157px; position: relative;}
div#subheader {padding: 10px; position:relative; min-height:57px; _height:58px;}
div#wrapper {background: #fff url('../images/bg-wrapper.png') no-repeat center top; padding: 20px 0 0;}
div#content{float:left; width: 655px; padding: 0 15px;}
div#sidebar{float:right; width: 210px; padding: 0 20px;}
div#extra {clear: both; float:left; width: 935px; background: transparent url('../images/bg-wrapper-bot.png') no-repeat center top; padding: 30px 0;}
div#footer {background-color: #916347; clear: both; margin-top: 15px;}
div#footerinner {width: 935px; margin: 0 auto; color: #FFE7C9; padding: 20px 0 0;}

div#banner {clear: both; text-align:center; width: 765px; background: #FFFFFF url('../images/bg-wrapper-sm.png') no-repeat center top; padding: 15px 0px 0px 0px; margin: 0 auto;}
div#banner-bottom {clear: both; width: 765px; background: #b5e5eb url('../images/bg-wrapper-bot-sm.png') no-repeat center top; padding: 15px 0; margin: 0 auto;}

/* =Layout Tweaks
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body#home {background: #b5e5eb url('../images/bg-home.jpg') no-repeat center top;}
body#home div#wrapper {background:none;}
body#home div#extra {background: none;}
body#home div#content {width:935px; padding: 0;}
body.no-sidebar div#content{width: 905px;}

* html div#content{overflow:hidden;}
* html body.no-sidebar div#content { background-color: #fff; } 
* html body.sidebar div#content { background-color: #fff; }

/*+html div#content{overflow:hidden;}*/
*+html body.no-sidebar div#content { background-color: #fff; } 
*+html body.sidebar div#content { background-color: #fff; }

/* =Layout Columns
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#extra .col-1 {width: 380px; float: left;}
div#extra .col-2 {width: 265px; float: left; padding: 0 20px 0 0;}
div#extra .col-3 {width: 250px; float: left; padding: 0 20px 0 0;}

div#footerinner .col {float: left; text-align: right;}
div#footerinner #spa-cats {width: 135px; padding: 0 10px 0 0;}
div#footerinner #article-cats {width: 150px; padding: 0 20px;}
div#footerinner #quick-links {width: 115px; padding: 0 30px 0 0;}
div#footerinner #more-news {width: 200px; padding: 0 15px 0 0;}
div#footerinner #newsl-subs {width: 190px; padding: 0 0 0 30px;}

/* =Links
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link,
a:visited {color: #a26e4f; text-decoration: none; cursor: pointer;}
a:hover,
a:active {color: #555; cursor: pointer;}

div#sidebar a:link,
div#sidebar a:visited {color: #a26e4f; text-decoration: none;}
div#sidebar a:hover,
div#sidebar a:active {color: #555; text-decoration: underline;}

div#extra a:link,
div#extra a:visited {color: #a26e4f; text-decoration: none;}
div#extra a:hover,
div#extra a:active {color: #555; text-decoration: underline;}

div#footerinner a:link,
div#footerinner a:visited {color: #FFE7C9; text-decoration: none;}
div#footerinner a:hover,
div#footerinner a:active {color: #B5E4EA; text-decoration: none;}

div.meta a:link,
div.meta a:visited {color: #a26e4f; text-decoration: none;}
div.meta a:hover,
div.meta a:active {text-decoration: underline;}

.rss-inline a:link,
.rss-inline a:hover,
.rss-inline a:visited,
.rss-inline a:active {display: inline-block; background: transparent url('../images/rss-inline.png') no-repeat 3px 1px; text-indent: -9999px; width: 110px;}

ul.pagination a:link,
ul.pagination a:visited {color:#037594;}
ul.pagination a:hover,
ul.pagination a:active {color:#037594;}

ul.pagination a.current:link,
ul.pagination a.current:visited {color:#a26e4f;}
ul.pagination a.current:hover,
ul.pagination a.current:active {color:#a26e4f;}

ul.pagination {list-style: none; float:right; margin-top:-15px;}
ul.pagination li {display:inline; margin-left: 10px;}
ul.pagination li.prev a,
ul.pagination li.next a {display:inline-block; width:17px; height:16px; text-indent:-9999px;}
ul.pagination li.prev a {background: #fff url('../images/pagination-prev.png') no-repeat;}
ul.pagination li.next a {background: #fff url('../images/pagination-next.png') no-repeat;}

ul.bullet-tick {list-style-image: url('../images/blue_tick.png');}

.col-1 ul.blank {width:170px; float:left; list-style:none;}
.col-1 ul.blank li {margin-left:0;}
.col-1 ul.blank li a {color:#037594;}

.home-block a:link,
.home-block a:visited {color:#40aac8;}
.home-block a:hover,
.home-block a:active {text-decoration:underline;}

.home-image-widget .slide_cont {
	width:340px;
	height:155px;
	clear:none;
	float:left;
	list-style:none;
}
.home-image-widget .slide_cont_2 {
	width:340px;
	height:155px;
	clear:none;
	float:left;
	list-style:none;
}
.home-image-widget .slide_advert {
	width:340px;
	height:166px;
	clear:none;
	float:left;
	list-style:none;
}
.home-image-widget .slide_cont li,
.home-image-widget .slide_cont_2 li,
.image-widget .slide_cont li {margin-left:0px;}

.home-image-widget .slide_cont li .fauxCrop,
.image-widget .slide_cont li .fauxCrop {display: block; overflow:hidden; height: 116px;}

.home-image-widget .slide_cont_2 li .fauxCrop {
	display: block;
	overflow: hidden;
	width: 185px;
	height: 120px;
}

.home-image-widget .slide_cont li img {margin-top: -50px;}
.home-image-widget a.next {width:20px; height:16px; background: #488A9C url('../images/slide-cont-next.png') no-repeat; float: right; text-indent: -9999px; cursor: pointer;}
.home-image-widget a.prev {width:20px; height:16px; background: #488A9C url('../images/slide-cont-prev.png') no-repeat; float: right; text-indent: -9999px; cursor: pointer;}

.image-widget a.next {width:30px; height:30px; background: transparent url('../images/trans-next.png') no-repeat 18px 0; float: right; text-indent: -9999px; cursor: pointer;}
.image-widget a.prev {width:30px; height:30px; background: transparent url('../images/trans-prev.png') no-repeat 5px 0; float: left; text-indent: -9999px; cursor: pointer;}
.image-widget a {margin:-120px 0 0; position:relative; z-index:40; padding: 10px;}

.home-image-widget a.next,
.home-image-widget a.prev {
	position: absolute;
	z-index: 910;
	bottom: 22px;
}
.home-image-widget a.next {right: 20px;}
.home-image-widget a.prev {right: 40px;}
#light a.next {background: #ABE0E6 url('../images/next-lite.png') no-repeat; right: 20px;}
#light a.prev {background: #ABE0E6 url('../images/prev-lite.png') no-repeat; right: 40px;}

/* =Type Sizing/Styling
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#container {font-size: 1.2em;}
#sidebar, .meta, #extra div {font-size: 0.9em;}
div#footerinner {font-size: 1.1em;}
div#footerinner .col h5 {
	background: transparent url('../images/brown-drop.gif') no-repeat right center;
	padding: 0 20px 0 0;
	font-size: 1.45em;
	font-weight: lighter;
}

.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

h2.brown {
	color: #b38d76;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 32px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}
.sIFR-hasFlash h2.brown {
	visibility: hidden;
	font-size: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0;
}
h2.white {
	color: #b38d76;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width:330px;
}
.sIFR-hasFlash h2.white {
	visibility: hidden;
	font-size: 26px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
h3.blue {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 20px;
	margin: 0 0 10px;
	padding: 0;
}
.sIFR-hasFlash h3.blue {
	visibility: hidden;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 10px;
	padding: 0;
}
h3.brown {
	color: #b38d76;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 15px;
	padding: 0;
}
.sIFR-hasFlash h3.brown {
	visibility: hidden;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 15px;
	padding: 0;
}
h3.lightblue {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 20px;
	margin: 0 0 10px;
	padding: 0;
}
.sIFR-hasFlash h3.lightblue {
	visibility: hidden;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 10px;
	padding: 0;
}

/* =General Styling
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1#site-name {
	display: block;
	width: 280px;
	height: 90px;
	margin-bottom: 30px;
	background: transparent url('../images/hsg-logo.png') no-repeat;
	text-indent: -9999px;
}
.rss-link {
	background: transparent url('../images/rss.png') no-repeat center bottom;
	display: block;
	text-indent: -9999px;
	width: 110px;
	height: 15px;
	padding: 0px 0 0 20px;
}

.rss-inline {
	border-bottom: 3px solid #ddf3f5;
	font-weight: bold;
	padding: 0 0 15px;
}

div#footerinner .col ul li {
	list-style: none;
}
div#footerlinks {
	text-align:right;
	clear:both;
	border-top: 1px solid #A07356;
	padding: 15px 20px;
}
div.col-50 {
	width: 325px;
	float: left;
}
div.col-70 {
	float:left;
	width:490px;
	padding: 0 0 0 20px;
}
div.col-content {
	padding: 10px 0 0;
}
.main-heading {
	background: transparent url('../images/drop-big.png') no-repeat left top;
	height: 50px;
	padding: 5px 0 0 38px;
}
.list-item {width:200px; float:left; color:#40aac8; margin: 0 13px 30px;}
* html .list-item {overflow: hidden; display: inline;}
.list-item h5 {margin: 0;}
.list-item .summary-content {color: #1b687d;}

.promo-item {margin-bottom: 15px; clear:both; float:left; width: 653px;}
.promo-thumb {width:118px; float:left;}
.promo-content {width:535px; float:left; border-bottom:3px solid #ddf3f5;}
.promo-content h5 {color:#a26e4f; margin:0;}
.promo-content .offer-terms {color:#a26e4f;}

.search-item {border-bottom:3px solid #ddf3f5; margin: 0 0 10px;}
.search-item h5 {color:#a26e4f; margin:0;}
.search-item h5 em {font-weight: bold;}

.review-item {border-bottom:3px solid #ddf3f5; margin: 0 0 10px;}
.review-item h5 {margin:0; color:#a26e4f;}
.brown {color:#a26e4f;}
.review-item .meta {line-height:250%; float:none;}

.home-block {
	width:231px;
	height:186px;
	margin: 0 12px 0 0;
	padding: 10px 15px;
	background: transparent url('../images/round-white-bg.png') no-repeat;
	float:left;
}
.home-block .entries {font-size:0.9em; line-height:280%;}
.home-block .topspa { margin-bottom: 8px;}
.rating h3.blue {background: transparent url(../images/home-star-display.png) no-repeat 80% center; }

.col-33 {
	width:210px;
	margin: 0 0 0 15px;
	padding: 10px 15px;
	float:right;
	_overflow: hidden;
	_padding: 10px 12px;
}
.col-33 .entries {font-size:0.9em;}
.col-33 .entries p {margin-bottom: 10px;}

.home-image-widget {
	width:346px;
	height:186px;
	padding: 15px 21px 10px;
	margin: 0;
	background: transparent url('../images/round-block-image-widget-home.png') no-repeat;
	float:left;
	color:#a8ebfe;
	position:relative;
}
.home-image-widget .description {
	display: block;
	width: 300px;
	float: left;
	position:absolute;
	z-index: 9999;
	top: 122px;
	left: 0px;
	clear: both;
}
.home-image-widget .slide_cont_2 .description {
	display: block;
	width: 145px;
	height: 123px;
	overflow: hidden;
	position:absolute;
	z-index: 9999;
	top: 0px;
	left: 195px;
	clear: both;
}
.home-image-widget .description a:link,
.home-image-widget .description a:visited {color:#fff; text-decoration:none;}
.home-image-widget .description a:hover,
.home-image-widget .description a:active {color:#a8ebfe; text-decoration:underline;}

#light .description a:link,
#light .description a:visited {color:#a26e4f; text-decoration:none;}
#light .description a:hover,
#light .description a:active {color:#a26e4f; text-decoration:underline;}

.image-widget {
	width:346px;
	height:220px;
	padding: 10px 21px 0 0;
	margin: 0 0 10px;
	float:left;
	color:#a8ebfe;
}
.image-widget .slide_cont {
	width:340px;
	height:220px;
	clear:none;
	float:left;
	list-style:none;
}
#light {
	background: transparent url('../images/bg-featured-spas.png') no-repeat;
	padding: 15px 21px 10px;
	color: #037594;
	position:relative;
}
#light h3 {margin-bottom:10px; height:23px;}

.but-review,
.but-submit,
.but-submitspa,
.but-submitsupplier,
.but-ratecard,
.but-book,
.but-contr {display:block; width:200px; height:54px; margin-bottom:10px; clear:both; text-indent: -9999px;}

.but-submitspa {background: #fff url('../images/big-but-submitspa.png') no-repeat;}
.but-submitsupplier {background: #fff url('../images/big-but-submitsupplier.png') no-repeat;}
.but-ratecard {background: #fff url('../images/big-but-ratecard.png') no-repeat;}
.but-book {background: #fff url('../images/big-but-book.png') no-repeat;}
.but-review {background: #fff url('../images/big-but-review.png') no-repeat;}
.but-submit {background: #fff url('../images/big-but-submit.png') no-repeat;}
.but-contr {background: #fff url('../images/big-but-contr.png') no-repeat;}

table.zebra {width:655px;}
table.zebra .header {font-weight: bold; border-bottom: solid 1px #DDF2F5;}
table.zebra th {text-align:left;}
table.zebra tr td {line-height:180%;}
table.zebra tr.odd td {background-color:#F0FDFF;}
table.zebra td.ico {width: 86px; padding: 0 10px;}
table.zebra td.ico span {display: block; float:left; width: 15px; height: 15px; margin: 4px 2px -4px 0;}
table.zebra td.ico span.flame {background: transparent url('../images/ico-fire-sm.png') no-repeat 50% 50%;}
table.zebra td.ico span.snow {background: transparent url('../images/ico-snow-sm.png') no-repeat 50% 50%;}
table.zebra td.ico span.heart {background: transparent url('../images/ico-heart-sm.png') no-repeat 50% 50%;}
table.zebra a.expand,
table.zebra span.loop {display:block; width: 400px;}

table.zebra div.treatmentDesc {width: 400px; display: none; font-style: italic;}

.booklink {clear: both;}
.bookico
{
	background: transparent url('../images/accept.png') no-repeat;
	padding: 0px 0 0px 20px;
	display: inline; /* this has to be inline or it messes up other pages */
}

.treatmentKey {margin-bottom: 15px;}
.treatmentKey span {padding: 0 0 0 18px; margin-right: 10px;}
.treatmentKey span.special {background: transparent url('../images/ico-fire-sm.png') no-repeat 0% 50%;}
.treatmentKey span.popular {background: transparent url('../images/ico-heart-sm.png') no-repeat 0% 50%;}
.treatmentKey span.package {background: transparent url('../images/ico-snow-sm.png') no-repeat 0% 50%;}

h2.table-heading {
	font-size:18px;
	font-weight: lighter;
	border-bottom: 3px solid #DDF2F5;
	background: transparent url('../images/drop-sm.png') no-repeat;
	padding: 0 0 0 20px;
}

body#suppliers-landing .home-image-widget {margin: 0 30px 20px 0;}

/* =Widgets
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.widget {clear: both; width: 210px; padding: 0 0 15px; float: left;}
div.widget ul.links {list-style: none;}
div.widget ul.links li {margin: 0; width: 105px; float: left;}
div.widget .categories ul.links li {margin: 0; width: 210px; float: none;}
#sidebar div.widget ul.bullet-tick li a:link,
#sidebar div.widget ul.bullet-tick li a:visited {color: #037594; text-decoration: none;}
#sidebar div.widget ul.bullet-tick li a:hover,
#sidebar div.widget ul.bullet-tick li a:active {color: #A26E4F; text-decoration: none;}

.ui-tabs-hide {display:none;}

#fb-connect {
	color: #a26e4f;
	width: 176px;
	height: 228px;
	padding: 10px;
	float: right;
	background: #fff url('../images/bg-fb-connect.png') no-repeat center top;
	font-size: 0.9em;
}
#fb-connect h5 {font-weight:lighter; margin: 0 0 10px;}
#fb-connect a {color:#a26e4f;}

#share {
	/*width:261px;*/
	height:44px;
	background: transparent url('../images/bg-share.png') no-repeat right top;
	position:absolute;
	right:15px;
	top:17px;
}
#share .cap {
	background: transparent url('../images/bg-share-cap.png') no-repeat left top;
	float: left;
	display: block;
	width: 15px;
	height: 44px;
	margin-right: -15px;
}

#share ul {list-style: none;}
#share ul li {display: block; margin-left:0; position:relative; float:left; z-index: 100;}
#share ul li:hover {text-decoration:none;} /*BG 4 IE6 grrg */
#share ul li.tooltip span {
	display:none;
	width:237px;
	height:63px;
	overflow:hidden;
	position:absolute;
	left:-197px;
	top: -48px;
	z-index: 99999;
}
#share ul li.tooltip span .bubble {
	background: transparent url(../images/bg-pop-sm.png) no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/bg-pop-sm.png', sizingMethod='crop');
	width:237px;
	height:63px;
}
#share ul li.tooltip span .bubble a {
	position: relative;
	z-index: 9999;
}

#share ul li.tooltip span p {padding: 10px; text-align: center;}
#share ul li.tooltip.over span{ display:block;}
#share ul li.tooltip span a {height: auto; line-height: auto; padding: 10px 0;}
#share ul li.tooltip span a.shareIco {padding: 10px 0 10px 10px !important;}

#share a:link,
#share a:visited,
#share a:hover,
#share a:active {color: #036984; text-decoration: none; height:22px; line-height:22px; padding: 10px 10px 0 36px; font-size:1.1em; display:block; float:left;}

#share a.print {background:transparent url('../images/ico-print.png') no-repeat 10px 100%;}
#share a.share {background:transparent url('../images/ico-share.png') no-repeat 10px 100%;}
#share a.bookmark {background:transparent url('../images/ico-bookmark.png') no-repeat 10px 100%;}
#share a.email {background: transparent url('../images/ico-email.png') no-repeat 10px 10px !important;}
#share a.website {background:transparent url('../images/ico-website.png') no-repeat 10px 100%;}
#share a.phone {background:transparent url('../images/ico-phone.png') no-repeat 10px 100%;}
#share p a {margin: -10px auto 0 !important; float: none !important;}

#article-landing-nav {clear:both; float:left; height: 320px;}
#article-landing-nav .col-1 {width: 360px; float:left; font-size:0.9em;}
#article-landing-nav .col-2 {width: 537px; float:left;}

#top-feature {
	background: transparent url('../images/bg-featured-article.png') no-repeat;
	height: 130px;
	padding: 34px 10px 0;
	font-size: 0.9em;
	overflow: hidden;
	margin-top: 20px;
}
#top-feature h5,
#top-feature .date,
#top-feature .author,
#top-feature .meta-sep {color: #a26e4f; margin: 0;}

#tabswitcher {
	background: transparent url('../images/bg-tabs-articles.png') no-repeat;
	width:537px;
	height:262px;
	margin: 36px -22px 0 0;
	/*_margin: 36px -35px 0 0;*/
	float:right;
	font-size: 0.9em;
}
#tabswitcher ul {list-style: none; margin-top:-55px;}
#tabswitcher ul li {margin: 0 0 0;}
#tabswitcher ul li a {text-indent: -9999px; display:block;  height:80px;}
#tabswitcher ul li a.search {width:263px; float:left; background: transparent url('../images/tabswitcher-search.png') no-repeat;}
#tabswitcher ul li a.browse {width:274px; float:left; background: transparent url('../images/tabswitcher-browse.png') no-repeat;}
#tabswitcher ul li.ui-tabs-selected a.search {background: transparent url('../images/tabswitcher-search-on.png') no-repeat;}
#tabswitcher ul li.ui-tabs-selected a.browse {background: transparent url('../images/tabswitcher-browse-on.png') no-repeat;}

#tabswitcher ul#spa-tabs li a.search {background: transparent url('../images/tabswitcher-searchspa.png') no-repeat;}
#tabswitcher ul#spa-tabs li a.browse {background: transparent url('../images/tabswitcher-browsespa.png') no-repeat;}
#tabswitcher ul#spa-tabs li.ui-tabs-selected a.search {background: transparent url('../images/tabswitcher-searchspa-on.png') no-repeat;}
#tabswitcher ul#spa-tabs li.ui-tabs-selected a.browse {background: transparent url('../images/tabswitcher-browsespa-on.png') no-repeat;}

#tabswitcher ul#sup-tabs li a.search {background: transparent url('../images/tabswitcher-searchsuppliers.png') no-repeat;}
#tabswitcher ul#sup-tabs li a.browse {background: transparent url('../images/tabswitcher-browsesuppliers.png') no-repeat;}
#tabswitcher ul#sup-tabs li.ui-tabs-selected a.search {background: transparent url('../images/tabswitcher-searchsuppliers-on.png') no-repeat;}
#tabswitcher ul#sup-tabs li.ui-tabs-selected a.browse {background: transparent url('../images/tabswitcher-browsesuppliers-on.png') no-repeat;}

#tab_browse .by-date,
#tab_browse .by-cats {
	width: 258px;
	float:left;
	margin: 0 0 0 10px;
	_margin: -20px 0 0 10px;
	_display: inline;
	_position: relative;
	_z-index: 100;
}/* 537px */
#tab_browse .by-date h5,
#tab_browse .by-cats h5 {margin: 0;}
#tab_browse ol {list-style: none;}
#tab_browse li {margin: 0px 0px; display:block; width:129px; float: left;}
#tab_browse .suppliersTabby li {width:150px;}

* html #tab_browse .suppliersTabby {
	margin-top: -20px !important;
	position:relative;
	z-index: 100;
}
* html #tab_browse ul {
	margin: 0px 0px 0px 0px;
	background:#cfc;
	overflow:hidden;
}

/*- Home page tabswitcher -*/
body#home #tabswitcher {
	background: transparent url('../images/bg-tabs-home.png') no-repeat;
	width:544px;
	min-height:262px;
	_height:262px;
	margin: 50px 0 0;
	float:left;
	font-size: 0.9em;
}
body#home #tabswitcher ul {list-style: none; margin-top:-80px;}
body#home #tabswitcher ul li {margin-left:0; margin: 0; cursor: pointer;}
body#home #tabswitcher ul li a {text-indent: -9999px; display:block;  height:80px; background-color: none !important;}

body#home #tabswitcher ul li a.search {width:277px; float:left; background: transparent url('../images/tabswitcher-search-home.png') no-repeat;
/*_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/tabswitcher-search-home.png', sizingMethod='crop');*/
}
body#home #tabswitcher ul li a.browse {width:267px; float:left; background: transparent url('../images/tabswitcher-browse-home.png') no-repeat;
/*_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/tabswitcher-browse-home.png', sizingMethod='crop');*/
}
body#home #tabswitcher ul li.ui-tabs-selected a.search {background: transparent url('../images/tabswitcher-search-home-on.png') no-repeat !important;
/*_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/tabswitcher-search-home-on.png', sizingMethod='crop');*/
}
body#home #tabswitcher ul li.ui-tabs-selected a.browse {background: transparent url('../images/tabswitcher-browse-home-on.png') no-repeat !important;
/*_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/tabswitcher-browse-home-on.png', sizingMethod='crop');*/
}

body#home #tab_browse .by-date,
body#home #tab_browse .by-cats {width: 250px; float:left; margin: 0 0 0 10px; overflow:hidden;}
body#home #tab_browse li {margin: 0; display:block; width:125px; float: left;}

body#home #tabswitcher #tab_search {padding: 0 20px;}
#tabswitcher #tab_search {padding: 0 25px;}
span#starRating {
	display:block;
	text-indent:-9999px;
	width:70px;
	background: transparent url('../images/star-rating-sprite.png') no-repeat 0 100%;
	float:left;
}
span#valueRating {
	display:block;
	text-indent:-9999px;
	width:70px;
	background: transparent url('../images/value-rating-sprite.png') no-repeat 0 100%;
	float:left;
	margin: 0 50px 0 0;
}
span.rating-5 {background-position: 0 0px !important;}
span.rating-4 {background-position: 0 -25px !important;}
span.rating-3 {background-position: 0 -50px !important;}
span.rating-2 {background-position: 0 -75px !important;}
span.rating-1 {background-position: 0 -100px !important;}
span.rating-0 {background-position: 0 -125px !important;}

div#share div.ratings {
	width:130px;
	margin: 0 0 0 -130px;
	float:left;
}
div#share div.ratings b {
	display: block;
	float:left;
	font-size:10px;
	width: 55px;
	height:18px;
	line-height: 18px;
	font-weight: normal;
	text-align:right;
	letter-spacing: -1px;
	_position:relative;
	_z-index:999;
}
div#share span#starRating {
	display:block;
	float: right;
	width:70px;
	height:18px;
	background: transparent url('../images/star-rating-sprite-bb.png') no-repeat 0 100%;
	_position:relative;
	_z-index:999;
}
div#share span#valueRating {
	display:block;
	float: right;
	width:70px;
	height:18px;
	background: transparent url('../images/value-rating-sprite-bb.png') no-repeat 0 100%;
	margin: 0;
	_position:relative;
	_z-index:999;
}

#spatabs {
	margin: 30px 0px 0px;
	_margin: 0px 0px 0px;
}
#spatabs ul {list-style: none; padding: 0 0 1px;}
*+html #spatabs ul {list-style: none; padding: 0 0 0px;}
#spatabs ul li {margin:0px 10px 0px 0px; display:block; float:left; font-size:1.3em;}

#spatabs ul li.ui-tabs-selected a {
	background: transparent url('../images/tab-cap.png') no-repeat left top;
	padding: 10px 0 10px 24px;
}
#spatabs ul li.ui-tabs-selected a span {
	background: transparent url('../images/tab-filler.png') no-repeat right top;
	padding: 10px 24px 10px 0;
}

/*DEBUG*/
	/*+html * { border: solid 1px blue; }
	*+html img[alt=""]    {border: 3px dotted red;}
	*+html img:not([alt]) {border: 5px solid red;}
	*+html a[href="#"]    {background-color: lime;}
	*+html a[href=""]     {background-color: lime;}
	*+html span:empty, li:empty, p:empty, td:empty, th:empty { padding: .5em; background-color: yellow; }
	*+html div { border: solid 1px red; }
	*+html div div { border-color: orange; }
	*+html div div div { border-color: yellow; }
	*+html div div div div { border-color: green; }
	*+html div div div div div { border-color: aqua; }
	*+html div div div div div div { border-color: navy; }
	*+html div div div div div div div { border-color: purple; }*/
/*DEBUG*/

#spatabs ul li a {
	padding: 10px 0 10px 24px;
	cursor: pointer;
}
#spatabs ul li a span {
	padding: 10px 24px 10px 0;
}
#spatabs a:link,
#spatabs a:visited {color:#037594; text-decoration: none;}
#spatabs a:hover,
#spatabs a:active {color:#a26e4f; text-decoration:none;}
#spatabs li.ui-tabs-selected a:link,
#spatabs li.ui-tabs-selected a:visited {color:#a26e4f; text-decoration: none;}
#spatabs li.ui-tabs-selected a:hover,
#spatabs li.ui-tabs-selected a:active {color:#037594; text-decoration:none;}

.map {
	padding: 0 30px;
	_margin: -20px 0 0;
	_position: relative;
	_z-index: 10;
	
}

.access {
	width: 90px;
	height: 45px;
	position: absolute;
	z-index: 9999;
	top:42px;
	right: 0px;
	_right: -30px;
}
.access .login {display: block; height: 20px; background: transparent url(../images/access-login.png) no-repeat; margin-bottom: 5px;}
.access .search {display: block; height: 20px; background: transparent url(../images/access-search.png) no-repeat;}

.access a.toggleButton {
	display:block;
	width: 100px;
	height: 35px;
	position:absolute;
	z-index: 100;
	background: none;
}
.search form {
	color: #037594;
	text-align: center;
	font-size:11px;
	width:250px;
	margin: 0 auto;
}
*+html .search form {background-color:#fff; margin-top:-10px; height:140px;}
* html .search form {background-color:#fff; margin-top:-10px; height:140px;}

.search form label {padding: 0; font-size:11px;}
.search form .text {width:250px; font-size:13px;}

.access .search span {
	background: transparent url(../images/bg-searchpop.png) no-repeat;
	display: none;
	_display: block;
	position: absolute;
	right: -10px;
	top: 22px;
	border:0px none;
	color:#6c6c6c;
	padding:40px 0 15px;
	margin: 0 !important;
	_margin-top: -22px !important;
	width:277px;
	height:134px;
	overflow: hidden;
}

.stats {
	position: absolute;
	top: 128px;
	right: 400px;
}

#specialsScroller {
	position: relative;
	overflow: hidden;
	width: 230px;
}

#specialsScroller p.view_all {display:none;}
#specialsScroller p.next,
#specialsScroller p.back {float:left; display:block; margin-bottom: 0px; width: 20px; height: 16px; cursor: pointer;}
#specialsScroller p.next a,
#specialsScroller p.back a {text-indent: -9999px; display: none; width: 20px; height: 16px;}
#specialsScroller p.next a {
	background: transparent url(../images/trans-next.png) no-repeat center top;
}
#specialsScroller p.back a {
	background: transparent url(../images/trans-prev.png) no-repeat center top;
}
#specialsScroller .link {
	width:100px;
	float:left;
}
#specialsScroller .sliderControls {
	width:40px;
	float:right;
}

#specialsScroller ul {
	position: relative;
	left: 0;
	width: auto;
	height: 140px;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
#specialsScroller li {
	float: left;
	display: block;
	width: 231px;
	margin: 0;
}
*html #specialsScroller li p a {zoom: 0;}

/* =Comments
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.comments {border-bottom: 3px solid #ddf3f5; margin-bottom:20px;}
.comments .comment-date {
	display: block;
	width: 63px;
	height: 39px;
	padding: 3px 13px 0 0;
	margin: 0 15px 0 0;
	background: #fff url('../images/comments-bubble.png') no-repeat;
	text-align: right;
	font-size: 0.9em;
	line-height: 13px;
	float: left;
}
.comments .comment-date strong {display: block;}
.comments .comment-author {color: #a26e4f; padding: 20px 0 0; display: block; float: left;}
.comment-author-gravatar {
	display: block;
	width: 45px;
	height: 45px;
	float:left;
	margin: 2px 5px 0 0;
}
.comments .comment-entry {clear: both; padding: 0 0 0 20px;}

#post-comment {}

/* =Rounded Images
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.round-big {
	width: 340px;
	height: 220px;
	margin: 0 15px 0 0;
	float: left;
	position: relative;
}
.round-big .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 220px;
	background: transparent url('../images/round-big.png') no-repeat;
}
.round-sm {
	width: 185px;
	height: 120px;
	margin: 0 15px 0 0;
	float: left;
	position: relative;
}
.round-sm .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 185px;
	height: 120px;
	background: transparent url('../images/round-sm.png') no-repeat;
}
#top-feature .round-sm {
	width: 185px;
	height: 120px;
	margin: 0 10px 0 0;
	float: left;
	position: relative;
}
#top-feature .round-sm .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 185px;
	height: 120px;
	background: transparent url('../images/round-sm-blue.png') no-repeat;
}
.slides {
	position:  relative;
}
.homeadvert
{
	position: absolute;
	top: 21px;
	left: 22px;
}
.homeadvertCorners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 166px;
	background: transparent url('../images/round-corner-home-advert.png') no-repeat;
}
.slides .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 116px;
	background: transparent url('../images/round-corner-home-image-widget.png') no-repeat;
}
.image-widget .slides .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 220px;
	background: transparent url('../images/round-corner-image-widget.png') no-repeat;
}
#light .slides .corners {
	background: transparent url('../images/round-corner-light-image-widget.png') no-repeat;
}
#light .slide_cont_2 .slides .corners {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 187px;
	height: 120px;
	background: transparent url('../images/round-sm-blue.png') no-repeat;
}

/* =Forms
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
input, textarea, select {font-family: Arial, Helvetica, sans-serif; color: #037594; font-size:1.0em; padding: 2px 0;}
.text {border:1px solid #e7e7e7; background: #e2fcff url('../images/bg-text-input.png') repeat-x center top; margin: 0 0 5px;}
.select {border:1px solid #e7e7e7; background: #e2fcff url('../images/bg-text-input.png') repeat-x center top; margin: 0 0 5px;}
.textarea {border:1px solid #e7e7e7; background: #e2fcff url('../images/bg-text-input.png') repeat-x center top;}
.reqtxt {line-height:20px; padding: 0 0 0 10px; font-size:0.9em;}
label {display:inline-block; line-height:20px; padding: 0 10px 0 0;}
.caption {display:inline-block; float: left; line-height:20px; padding: 0 10px 0 0; width:120px; text-align: right;}
p.button {clear:both;}

#post-comment form {width:415px; margin: 0 20px; float:left;}
#post-comment form .text,
#post-comment form .textarea {width:225px;}
#post-comment form label {width:100px; float: left; text-align: right;}
#post-comment form p.button {margin: 0 0 0 110px;}

#submit-form form {width:600px; margin: 0 20px; float:left;}
#submit-form form .text {width:300px;}
#submit-form form .textarea {width:410px;}
#submit-form form input {text-align: left;}
#submit-form form label {padding-left: 5px;}
#submit-form form p.button {margin: 0 0 0 110px;}

#booking-form form {width:600px; margin: 0 20px; float:left;}
#booking-form form .text {width:150px;}
#booking-form form .select {width:150px;}
#booking-form form .big {width:300px;}
#booking-form form .textarea {width:410px;}
#booking-form form input {text-align: left;}
#booking-form form label {padding-left: 5px;}
#booking-form form p.button {margin: 0 0 0 110px;}

#filter-search {width:675px;}
#filter-search form {width:675px; margin: 0 20px; float:left;}
#filter-search form .select {width:150px;}
#filter-search form .text {width:301px;}
#filter-search form .reqtxt {clear:both; display:block; text-align:right; width:450px;}
#filter-search form label {width:145px; float: left;}
#filter-search form p.button {width:167px; float: right; margin: -63px 0 0;}

.homesearchtab .columns {width:240px; float:left;}
.homesearchtab .text { width: 220px; padding: 3px; border-top:1px solid #ABCFD9; border-left:1px solid #B3D8E3; border-right:1px solid #B3D8E3; border-bottom:1px solid #C2EAF6; background: #e2fcff url('../images/bg-text-input.png') repeat-x center top; margin: 0 0 5px;}
.homesearchtab .reqtxt {clear:both; display:block; text-align:left; padding:0;}
.homesearchtab label {width:200px; float: left; text-align:left; font-size:1.3em;}
.homesearchtab p.button {float: right; margin: 15px 15px 0 0; text-align: right;}

#newsl-subs input.text {background: url('../images/bg-text-input-brown.png') no-repeat; border: 0px none; color: #FFE7C9; text-align: right; padding: 4px 5px; width:180px;}
#newsl-subs p.button input {border: 0px none; background: none; color: #FFE7C9; padding: 5px 4px;}

.notice
{
	background-color: #E7F8FA;
	border: solid 1px #DDF2F5;
	padding: 16px;
	margin-bottom: 16px;
}

.validation
{
	background: transparent url('../images/error.gif') no-repeat;
	padding: 0px 0 5px 20px;
	display: inline; /* this has to be inline or it messes up other pages */
}

/* IE Bugfixing
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* html * {zoom:1;}
*+html * {zoom:1;}

/* DEBUG */
/*html #header {border: 1px dotted red;}
*html #wrapper {border: 1px dotted blue;}
*html #home #tabswitcher .search {display: inline-block; width: 270px;}
*html #home #tabswitcher .browse {display: inline-block; width: 260px;}*/
/* DEBUG END */

* html #home .featuredWidget {float:left; width:1%;}
* html #tabswitcher ul li {width:1%; float: left;}
* html #tabswitcher ul li a {position:relative; z-index: 10;}
* html #tab_search form {width: 487px !important; overflow: hidden;}
* html #home #home-tabs {overflow: hidden;}
* html #tab_search form p.button {width:487px; float: none; clear: both;}
* html .featuredWidget {float:left; width:1%;}
* html #subheader {padding-bottom: 0px !important;}
* html #spatabs ul { margin: 20px 0px -25px; }
* html #spatabs ul li.ui-tabs-selected a {height:30px; line-height: 20px; padding: 0px 0px 20px 24px;}
* html #spatabs ul li.ui-tabs-selected a span {height:30px; line-height: 20px; padding: 10px 24px 0px 0px;}
* html #spatabs ul li a {padding: 0px 0px 20px 24px;}
* html #spatabs ul li a span {padding: 10px 24px 0px 0px;}
* html div#extra {padding: 30px 0 0px; margin-top:-15px;}
* html #header {z-index:1;}
* html #share {z-index:2;}
* html form#aspnetForm .select {line-height: auto; margin: 0px 0px 0px;}
* html .nav-below {margin-bottom: -17px;}
* html #subheader .meta {margin-bottom: 10px;}
* html #post-comment form {width:418px; margin: 0 0px;}
* html #filter-search form#aspnetForm p.button {margin: -50px 0 0;}
* html span.brown {padding: 0 1px; margin-bottom:1px; font-weight:bold; font-size:11px;}
* html #share .bubble p a:hover {padding: 10px 0px 0px !important;}
* html #article-landing-nav #tabswitcher #tab_search {margin-top: -18px; position: relative;}
* html span.results-info {display:block; float:left; width: 69%;}
* html .paginationTop {display:block; float:right; width:29%;}
* html .nav-above ul.pagination {margin-top: 0px; margin-bottom: 0px;}
* html .nav-below ul.pagination {margin-top: 0px;}
* html ul.pagination li.prev a {display: block;}
* html ul.pagination li.next a {display: block;}
#booking-form form h4 {
	background: transparent url('../images/drop-sm.png') no-repeat;
	padding: 0 0 0 20px;
}

*+html #tabswitcher ul li {width:auto; float:left;}
*+html #tabswitcher ul li a {position:relative; z-index: 10;}
*+html #home #home-tabs {overflow: hidden;}
*+html #tab_search form {width: 500px !important; overflow: hidden;}
*+html #tab_search form p.button {width:500px; float: none; clear: both;}
*+html .featuredWidget {float:left;}
*+html #spatabs ul { margin: 20px 0px -25px; }
*+html #spatabs ul li.ui-tabs-selected a {height:20px; line-height: 20px; padding: 0px 0px 20px 24px;}
*+html #spatabs ul li.ui-tabs-selected a span {height:20px; line-height: 20px; padding: 10px 24px 0px 0px;}
*+html #spatabs ul li a {padding: 0px 0px 20px 24px;}
*+html #spatabs ul li a span {padding: 10px 24px 0px 0px;}
*+html #header {z-index:9999;}
*+html #share {z-index:900;}
*+html span.brown {padding: 0 1px; margin-bottom:1px; font-weight:bold; font-size:11px;}
*+html #tabswitcher #tab_search {margin-top: -18px; position: relative;}
*+html #article-landing-nav #tabswitcher #tab_browse {margin-top: -18px; position: relative;}