﻿/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	line-height:18px;
	background:url(/images/backgrounds/bg.gif) no-repeat #6EC9DE top center;
}
	
.containerHome {
	background:url(/images/backgrounds/side_bar_home_bg.gif) repeat-y 676px 0 #fff;
}

.containerInner {
	background:url(/images/backgrounds/side_bar_inner_bg.gif) repeat-y 113px 0 #fff;
}

img{
	border: 0px;
}

#container {
	margin:0 auto;
	width:975px;
	text-align:left;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	line-height:18px;
	vertical-align:top;
}


/* Typography */

h1 {
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
	padding:21px 0 10px 19px;
}

h2 {
	font-weight:bold;
	font-size:12px;
}

h2.accommodation, h2.accommodation a {
	color:#E41B5B;
}

h2.thingsDoSee, h2.thingsDoSee a {
	color:#FF9900;
}

h2.findBusiness, h2.findBusiness a {
	color:#00A0C6;
}

h2.shopping, h2.shopping a {
	color:#74BE1F;
}

.subMenu h2 {
	font-size:15px;
	font-weight:normal;
}

h1.bizName {	
	color:#01A0C6;
	padding:18px 0 10px 0;
	font-size:18px;
}

h1.accomName {	
	color: #E41B5B;
	padding:18px 0 10px 0;
	font-size:18px;
}

h3 {
	color: #E41B5B;
}


/* Links */

a {
	color:#00A0C6;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.shoppingReadMore {
	color:#74BE1F;
	text-decoration:underline;
}


/* Main Navigation */

#mainNav {
	background:url(images/backgrounds/main_nav_bg.gif) repeat-x bottom #fff;
	height:46px;
	padding-left:1px;
}

#mainNav li {
	list-style:none;
	display:inline;
	border-right:1px solid #5C5C5C;
	float:left;
	height:31px;
}

#mainNav li.mainNavLast {
	border:none;
}

#mainNav li a {
	padding:6px 17px 0 17px;
	float:left;
	height:25px;
	background:url(/images/backgrounds/main_nav_bt_bg.gif) repeat-x;
	color:#FFFFFF;
}

#mainNav li a:hover {
	padding:6px 17px 0 17px;
	float:left;
	height:25px;
	background:url(/images/backgrounds/main_nav_bt_bg.gif) repeat-x 0 -31px;
	color:#FFFFFF;
	text-decoration:none;
}

#mainNav li.mainNavLast a {
	padding:6px 19px 0 17px;
}

#mainNav li.mainNavLast a:hover {
	padding:6px 19px 0 17px;
}

#mainNav li.down a {
	background:url(/images/backgrounds/main_nav_bt_bg.gif) repeat-x 0 -31px;
}


/* Heading */

#header {
	margin:0 1px;
	padding-bottom:1px;
	background-color:#FFFFFF;
}

#homeHeading {
	float:left;
	/*oldwidth:675px;*/
}

#weather {
	float:right;
	width:298px;
	border-bottom:1px solid #fff;
}

#headerInner {
	margin:0 1px;
	border-bottom:1px solid #fff;
	height:57px;
}

.accommHeader {
	background:url(/images/backgrounds/accomm_header_bg.gif) no-repeat right #E41C5C;
}

.thingsDoSeeHeader {
	background:url(/images/backgrounds/things_header_bg.gif) no-repeat right #FF9901;
}

.findBusinessHeader {
	background:url(/images/backgrounds/business_header_bg.gif) no-repeat right #01A0C6;
}

.shoppingHeader {
	background:url(/images/backgrounds/shopping_header_bg.gif) no-repeat right #74BE1F;
}

#headerSearch {
	float:right;
	width:204px;
	padding-top:5px;
	color:#333333;
	line-height:20px;
}

.headerSearchInput {
	border:1px solid #C4C4C4;
	height:13px;
	width:125px;
	padding:3px 3px;
	color:#9C9C9C;
	font-size:10px;
}



/* Side Bar */

#sideBarHome {
	width:299px;
	float:right;
}

#sideBarInner {
	float:left;
	width:220px;
}

#featuredBusinesses {
	padding:15px 15px 20px 15px;
	background:url(images/spacers/home_sidebar_spacer.gif) no-repeat bottom;
	color:#333333;
}

#featuredBusinesses ul {
	margin:14px 0 8px 0;
}

#featuredBusinesses li {
	background:url(images/spacers/blue_arrow.gif) no-repeat 0 4px;
	list-style:none;
	padding:0 0 5px 15px;
	font-size:10px;
	color:#4D4D4D;
}

#featuredBusinesses li a {
	color:#00A0C6;
	font-size:11px;
}

#featuredBusinessesSearch {
	margin-top:3px;
}

#featuredBusinessesSearch a {
	color:#00A0C6;
	text-decoration:underline;
}

.bizSearchInput {
	border:1px solid #C4C4C4;
	height:13px;
	width:209px;
	padding:3px 3px;
	color:#9C9C9C;
	font-size:10px;
}

.bannerAds {
	text-align:center;
	margin:15px 0 0 0;
}

/* Submenu */

.subMenu {
	background:url(/images/spacers/home_sidebar_spacer.gif) no-repeat bottom right;
	padding:14px 0 23px 16px;
}

.subMenu ul {
	margin-top:14px;
}

.subMenu li {
	list-style:none;
	margin-top:3px;
	font-size:11px;
	padding-left:14px;
}

.subMenu li a {
	color:#4D4D4D;
}

.accommodationSM li {
	background:url(images/spacers/pink_arrow.gif) no-repeat 0 5px;
}

.accommodationSM li a:hover {
	color:#E41B5B;
}

.thingsToDoSM li {
	background:url(images/spacers/orange_arrow.gif) no-repeat 0 5px;
}

.thingsToDoSM li a:hover {
	color:#FF9900;
}

.findBusinessSM li {
	background:url(images/spacers/blue_arrow.gif) no-repeat 0 5px;
}

.findBusinessSM li a:hover {
	color:#02A0C6;
}

.shoppingSM li {
	background:url(images/spacers/green_arrow.gif) no-repeat 0 5px;
}

.shoppingSM li a:hover {
	color:#74BE1F;
}



/* Content */

#contentHome {
	float:left;
	width:635px;
	padding-left:19px;
}

#contentHome p, #contentHome ul, #contentHome table {
	margin:18px 0;
}

#contentInner {
	float:right;
	width:697px;
	padding-right:30px;
}

#contentInner p, #contentInner ul, #contentInner table {
	margin:20px 0;
}

#contentInner ul.afterHead {
	margin:5px 0 20px 0;
}

#contentInner p.afterHead {
	margin:10px 0 20px 0;
}

.thumbContainer {
	background:url(/images/backgrounds/thumb_border.gif) no-repeat;
	padding:5px;
	width:116px;
	margin:3px;
	height:111px;
}

.price {
	color:#000000;
	font-weight:bold;
}

.accommStarRating {
	float:right;
	padding-top:1px;
}

.eventsContainer {
	margin-top:20px;
}


/* Home */

#accommodationDeals {
	height:163px;
}

#accommSeeMore {
	float:left;
	width:250px;
	padding-top:15px;
	height:29px;
}

#accommSeeMore a {
	color:#B0B0B0;
	text-decoration:underline;
}

#accommSeeMore a:hover {
	color:#E41B5B;
}

.featuredHomeBox {
	border:1px solid #E0E0E0;
	width:310px;
	float:left;
	font-size:11px;
}

#contentHome .featuredHomeBox p {
	margin:4px 0;
	line-height:16px;
}

.featuredHBLeft {
	float:left;
	margin-right:7px;
}

.featuredHBRight {
	float:right;
}

.detailsBoxHome {
	float:right;
	width:155px;
	padding-top:10px;
	margin-right:10px;
}

.accomReadMore {
	color:#E41B5B;
	text-decoration:underline;
}

#accommList ul {
	height:33px;
}

#accommList li {
	float:left;
	list-style:none;
	background:url(images/spacers/pink_arrow.gif) no-repeat 0 5px;
	padding-left:15px;
	width:120px;
	margin-right:27px;
	font-size:11px;
}

#accommList li.last {
	width:120px;
	margin-right:0;
}

#accommList li a {
	color:#4D4D4D;
}

#accommList li a:hover {
	color:#E41B5B;
}

.thingsReadMore {
	color:#FF9900;
	text-decoration:underline;
}

#thingsSeeMore {
	float:right;
	width:250px;
	padding-top:15px;
	height:27px;
	text-align:right;
}

#thingsSeeMore a {
	color:#B0B0B0;
	text-decoration:underline;
}

#thingsSeeMore a:hover {
	color:#FF9900;
}


/* Featured Items */

#featuredContainer {
	height:200px;
}

.featuredBox {
	border:1px solid #E0E0E0;
	width:340px;
	float:left;
	font-size:11px;
	margin-bottom:15px;
}

#contentInner .featuredBox p {
	margin:4px 0;
	line-height:16px;
}


.detailsBoxInner {
	float:right;
	width:185px;
	padding-top:10px;
	margin-right:10px;
}

.businessesReadMore {
	color:#00A0C6;
	text-decoration:underline;
}


/* Business Listing */

.displaying {
	text-align:center;
}

.bizThumbContainer {
	float:right;
	background:url(/images/backgrounds/thumb_border.gif) no-repeat;
	padding:5px;
	width:116px;
	height:111px;
	margin:12px 0 0 12px;
}

.bizListContainer {
 	clear:both; 
	padding-bottom:15px;
}

.bizListThumbContainer {
	float:left;
	background:url(/images/backgrounds/thumb_border.gif) no-repeat;
	padding:5px;
	width:116px;
	height:121px;
	margin-right:15px;
}

.bizLocation {
	text-decoration:underline;
}

.visitSite {
	font-weight:bold;
	color:#00A0C6;
}


/* Accommodation Listings */

.fromPrice {
	float:right; 
	width:70px; 
	text-align:right
}

.pageNav {
	clear:both; 
	text-align:center
}

.accomPageNav a {
	color:#E41B5B;
}

.accomListingImgContainer {
	float:right;
	width:199px;
	margin:20px 0 0 15px;
}

.accomListingThumbContainer {
	background:url(/images/backgrounds/accom_large_thumb_border.gif) no-repeat;
	padding:5px;
	width:189px;
	margin:3px;
	height:150px;
}

.largeThumbContainer {
	float:right;
	margin:20px 0 0 15px;
}


/* Online Enquiry Form */

.onlineEnquiryTable {
	background:url(/images/spacers/home_sidebar_spacer.gif) repeat-x 0 30px;
}

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {
	padding:5px 0 0 0;
	color:#00A0C6;
	font-weight:bold;
	font-size:14px;
}

.requiredFields {
	text-align:right;
	height:32px;
	vertical-align:middle;
	padding-right:5px;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:10px;
	padding-right:5px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #D1D4D0;
	width:495px;
	padding:0px 3px;
}

.textinputhover {
	border:1px solid #00A0C6; 
	width:495px;
	padding:0px 3px;
}

.submit {
	margin-top:10px;
}

.errorText {
	color:#FF0000;
}

.errorText ul {
	margin: 0 20px;
	padding: 0 20px;
}

.lineSpacerContact {
	border-bottom:1px solid #F9750B;
	height:8px;
}



/* Footer */

#footer {
	clear:both;
	font-size:11px;
	background:#6EC9DF;
	text-align:center;
	padding:15px 0 20px 0;
}

#footer a {
	color:#666666;
}

#footer a:hover {
	color:#F86A0B;
	text-decoration:none;
}

#footer li {
	display:inline;
	list-style:none;
	color:#4D4D4D;
}

#footer li a {
	color:#4D4D4D;
}

#footer ul.secondaryFooterNav li {
	color:#FFFFFF;
}

#footer ul.secondaryFooterNav li a {
	color:#FFFFFF;
}

.clear {	
	height:20px;
	clear:both;
}

/***** Comments *****/

.comment, .comment_box {
	margin: 0 0 10px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;	
}

.comment {	
	padding: 0;
	width: 400px;	
}

.comment .comment_head {
	display: block;
	margin: 0;
	padding: 5px;
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	background-color: #EEEEEE;
}

#contentInner .comment p.comment_body {
	margin: 0;
	padding: 10px;
}

#contentInner .comment_box {
	padding: 10px;
	width: 380px;	
}

#contentInner .comment_box table {
	margin: 0;
	width: 100%;
}

.comment_box .input_text, .comment_box textarea {
	width: 290px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.comment_box textarea {
	padding: 5px;
	height: 75px;
}

.comment_box .input_text {
	padding: 5px;
}