/* GENERAL STYLES 
green: #008080;
purple; #91278E;

*/
* {padding: 0; margin: 0; outline: none;}
body {text-align: center; background: #fff url(../images/body_bg.jpg) 0 0 repeat-x; font-family: helvetica, Arial, verdana, sans-serif; font-size: 13px; color: #333;}
p {line-height: 22px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left; outline: none;}
.hide {display: none;}
.clear {clear: both;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #91278E;}
.left {float: left;}
.right {float: right;}
li {list-style: none;}

/* LAYOUT */
#container {width: 960px; text-align: left; margin: 0 auto; padding-top: 20px; position: relative;}
#left_home {float: left; width: 570px; margin: 20px 0 0 40px;}
#right_home {position: relative; float: left; width: 260px; margin: -422px 0 0 40px;}
#right_property {float: left; width: 420px; background: #fff; min-height: 400px; margin: -5px 0 0 0px; padding-top: 20px; padding-left: 10px;}
#footer {clear: both; width: 100%; border-top: 1px solid #ccc; padding: 20px 0; text-align: center;}
.content_block {width: 260px; margin: 10px;}
#google_search {float: right;}
#google_search input.text_input {width: 120px;}
#logo {margin-top: 30px;}
#add_this {padding: 10px; text-align: center;}
.quote {margin-left: -15px; padding-left: 15px; background: transparent url(../images/quote.png) 0 0 no-repeat;}
#show_logo {display: none;}
#map {margin-top: 20px; height: 580px; width: 430px; background: #fff; padding: 3px;}
#rule {position: absolute; background: transparent url(../images/rule.gif) 0 0 no-repeat; height: 5px; width: 945px; top: 190px; left: 5px; z-index: 10;}
div.sleeps {height: 35px; background: transparent url(../images/sleeps_bg.png) 0 0 repeat-x; text-align: center; width: 100%; margin-bottom: 10px;}

/* TEXT */

#logo h1 {text-indent: -9999px; display: block; background: transparent url(../images/logo.gif) 0 0 no-repeat;}
#logo h1 a{display: block; height: 48px; width: 350px; text-indent: -9999px;}
span.button, button {width: 211px; height: 47px; background: transparent url(../images/button_bg.png) 0 0 no-repeat; padding: 15px 0 0 15px; font-size: 16px; margin: 5px;color: #ffffff!important; display: block}
span.button a, button a {color: #ffffff!important; display: block; height: 47px; width: 211px; text-decoration: none; padding-left: 20px;}
button {padding-top: 0;}
a.full_list {color: #008080!important; font-weight: bold!important;}
/* .property_thumbs li {display: inline;} */
div.property_thumbs div {float: left; position: relative; margin: 0 5px 5px 0;}
.property_thumbs img {border: 1px solid #000;}
.property_thumbs img:hover {border: 1px solid #008080;}
.content li {margin: 12px 0 0 20px; padding-left: 20px; background: #ffffff url(../images/li.gif) 0 8px no-repeat;line-height: 22px;}
.content .property_thumbs li {background: none; padding-left: 0; margin: 0;}
#town_description {width: 800px;}
#town_page .content p {margin: 10px 0 10px 20px;}
p.caption {font-weight: bold;}
.main_image {padding-bottom: 5px;}
a.number_active {color: #fff!important; background: #91278E; text-decoration: none; padding: 5px;}
span.img_spec {position: absolute; display: block; z-index: 100;}
ul.widthless li {width: 100%;}
div.sleeps h2, div.sleeps h3 {color: #fff!important; padding-top: 7px;}
div.sleeps h3 {font-size: 14px!important; padding-top: 9px;}

/* cufon */
#container h2 {color: #91278E; font-size: 20px;}
#blog_page #container h1 {color: #91278E; font-size: 20px; margin: 15px 0;}
#container h3 {color: #91278E; font-size: 16px;}
ul#footer_links {margin: 10px; display: block;}
#footer_links li {margin-right: 55px; display: inline;}
#footer_links li a {text-decoration: none; color: #ccc!important;}
span.inline_label {display: inline-block; width: 110px; font-weight: bold;}
.gallery_img {border: 5px solid #008080;}

/* tables */
.table_holder {min-height: 150px; float: left;margin: 5px;}
.calendar_table table {border: 1px solid #eee;}
.calendar_table thead th {background: #008080; color: #fff;}
.calendar_table th, .calendar_table td { padding: 3px; font-size: 11px;}
.calendar_table td {border: 1px solid #eeeeee; border-left: none;}
.calendar_table tr.top_row td {background: #91278E; color: #fff;}
.calendar_table td.booked {background: red;}
.calendar_table td.partial {background: transparent url(../images/partial.gif) 50% 50% no-repeat;}
.tariff_td {border-bottom: 1px solid #eee;}

/* favourites */
div.wrapper {min-height: 150px;}
.fave_row {padding: 10px 10px 20px 10px;min-height: 110px;}
.fave_row img.property_img {border: 1px solid #008080; padding: 3px;}
.fave_row img.property_img:hover {border: 1px solid #ff0000;}
.fave_text p, .fave_contact p {font-size: 12px;}
.fave_image {float: left; margin: 10px; background: transparent; position: relative;}
.fave_text {float: left; width: 450px; margin: 0px 10px; padding: 0; background: transparent;}
.fave_contact {float: left; width: 200px; margin: 0px 10px; padding: 0; background: transparent;}

.fave_spec {position: absolute; top: 4px; left: 4px;}

#specials_page .fave_row {max-height: 220px; overflow: hidden;}

/* NAV */

/* tabs */
#tab_holder, #prop_tab_holder {margin: 20px 0 0 0px; position: relative;}
div.sub_tab {background: transparent url(../images/tab_long_bg.png) 0 0 no-repeat; width: 212px; height: 38px; margin: 0;}
div.right_tab {margin-left: -20px;}
div.sub_tab a {display: block;height: 38px; width: 212px;padding:8px 14px 8px 14px;text-decoration:none; color: #666; font-size: 15px;}

/* account for shorter tabs on property page 
allowing for specificity, we don't need to redeclare a background for #property_page div.sub_tab
*/
div.right_tab {background: transparent url(../images/tab_short_bg.png) 0 0 no-repeat; width: 150px; height: 38px; margin: 0 0 0 -20px;}
div.sub_tab a {width: 150px;}

/* icons */
ul.icons {margin-left: 10px;}
ul.icons li {margin: 15px 0;}
ul.icons_faves li {margin: 0px 0;}
ul.icons_faves li {padding-left: 10px; margin-top: 2px;}
ul.icons_faves {margin-left: 0px;}
ul.icons li a, ul.icons span.li_replace,
ul.icons_faves li a {text-decoration: none; padding: 10px 0 10px 38px; line-height: 30px; background: transparent url(../images/icons/faves.jpg) 0 50% no-repeat;}

#icon_faves, #icon_faves_2	{background: transparent url(../images/icons/faves.png) 0 50% no-repeat;}
a:hover#icon_faves, a:hover#icon_faves_2 {background: transparent url(../images/icons/faves_hover.png) 0 50% no-repeat;}

#icon_faves_remove			{background: transparent url(../images/icons/sml_fave_remove.jpg) 0 50% no-repeat; font-size: 11px;}
a:hover#icon_faves_remove	{background: transparent url(../images/icons/sml_fave_remove.jpg) 0 50% no-repeat; font-size: 11px;}

#icon_friend				{background: transparent url(../images/icons/friend.png) 0 50% no-repeat;}
a:hover#icon_friend			{background: transparent url(../images/icons/friend_hover.png) 0 50% no-repeat;}

#icon_contact_owner			{background: transparent url(../images/icons/contact_owner.png) 0 50% no-repeat;}
a:hover#icon_contact_owner	{background: transparent url(../images/icons/contact_owner_hover.png) 0 50% no-repeat;}

#icon_photo_gallery			{background: transparent url(../images/icons/photo_gallery.png) 0 50% no-repeat;}
a:hover#icon_photo_gallery	{background: transparent url(../images/icons/photo_gallery_hover.png) 0 50% no-repeat;}

#icon_check_avail			{background: transparent url(../images/icons/check_avail.png) 0 50% no-repeat;}
a:hover#icon_check_avail	{background: transparent url(../images/icons/check_avail_hover.png) 0 50% no-repeat;}

#icon_location				{background: transparent url(../images/icons/location.png) 0 50% no-repeat;}
a:hover#icon_location		{background: transparent url(../images/icons/location_hover.png) 0 50% no-repeat;}

#icon_youtube				{background: transparent url(../images/icons/youtube.png) 0 50% no-repeat;}
a:hover#icon_youtube		{background: transparent url(../images/icons/youtube_hover.png) 0 50% no-repeat;}	

#icon_threesixty			{background: transparent url(../images/icons/360.gif) 0 50% no-repeat;}
a:hover#icon_threesixty		{background: transparent url(../images/icons/360_hover.gif) 0 50% no-repeat;}	

#icon_print					{background: transparent url(../images/icons/print_page.png) 0 50% no-repeat;}
a:hover#icon_print			{background: transparent url(../images/icons/print_page_hover.png) 0 50% no-repeat;}

.fave_contact li {background: none!important;}

#icon_faves_2b, a.small_add_fave {background: transparent url(../images/icons/sml_faves.jpg) 0 50% no-repeat!important; font-size: 11px;}
a:hover#icon_faves_2b, a:hover.small_add_fave {background: transparent url(../images/icons/sml_faves.jpg) 0 50% no-repeat!important; font-size: 11px;}

#sml_loc {background: transparent url(../images/icons/sml_location.jpg) 0 50% no-repeat; font-size: 11px;}
#sml_email {background: transparent url(../images/icons/sml_email.jpg) 0 50% no-repeat; font-size: 11px;}


/* .shadow_left {box-shadow: -3px 2px 4px #ccc; -moz-box-shadow: -3px 2px 4px #ccc; -webkit-box-shadow: -3px 2px 4px #ccc;} */
.content, #property_page .content {background:#ffffff;padding:20px 0 20px 30px; position: relative;width: 910px;left: 6px; top: -5px; min-height: 340px; overflow: hidden; float: left;}
#property_page .content, #blog_page .content {overflow: visible; height: auto; width: 490px;}
.content ul, div.property_thumbs, #specials_content {width: 580px;}
div.sub_tab {float: left;font-size: 18px; padding: 3px 0 0 15px; }
#new_property_list, #special_offers_list, 
#prop_facilities, #add_cottage, 
#prop_tariff, #add_cost,
#prop_availability, #add_comments,
#prop_gallery, 
#prop_location, 
#location_video,
#town_table,
#multi_map,
#search_map,
#results_map {display: none; }

div.sub_tab a.active {color: #008080;}
div.prop_tab_content {width: 450px; float: left;}
.prop_tab_content li {width: 350px;}

/* main navigation */
#nav {background: #008080 url(../images/nav.jpg) 0 0 no-repeat; height: 35px; overflow: hidden; position: relative; top: 0px; float: left;}
#nav ul {position: relative; width: 770px; height: 35px; position: relative; margin: 0;}
#nav li a {position: absolute; top: 0;}
#nav li, #nav a { height: 35px; display: block; text-indent: -999999px; margin: 0; padding: 0;}	

#nav_1 {left: 0px; width: 59px;}
#nav_2 {left: 60px; width: 139px;}
#nav_3 {left: 200px; width: 95px;}
#nav_4 {left: 297px; width: 123px;}
#nav_5 {left: 422px; width: 158px;}
#nav_6 {left: 579px; width: 90px;}
#nav_7 {left: 672px; width: 95px;}

a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav.jpg) 0px -35px no-repeat;}
a:hover#nav_2, #search_page #nav_2 {background: transparent url(../images/nav.jpg) -60px -35px no-repeat;}
a:hover#nav_3, #location_page #nav_3 {background: transparent url(../images/nav.jpg) -200px -35px no-repeat;}
a:hover#nav_4, #specials_page #nav_4 {background: transparent url(../images/nav.jpg) -297px -35px no-repeat;}
a:hover#nav_5, #featured_page #nav_5 {background: transparent url(../images/nav.jpg) -422px -35px no-repeat;}
a:hover#nav_6, #favourites_page #nav_6 {background: transparent url(../images/nav.jpg) -579px -35px no-repeat;}
a:hover#nav_7, #add_page #nav_7 {background: transparent url(../images/nav.jpg) -672px -35px no-repeat;}

/* social media */
div#social {position: relative; margin-top: 10px;}
div.fb_like {display: inline-block; margin-left: 20px; position: absolute; top: 0px; left: 85px;}
div.google_plus {position: absolute; top: 0; left: 200px;}

/* FORMS */
/* home search */
.round_block {background: rgba(0, 128, 128, 0.1); padding: 10px 25px; margin: 0 0 20px 0;}
.round_block_purple {background: rgba(244, 234, 244, 1); padding: 10px 25px; margin: 0 20px 20px 0;}
.round_block h2, .round_block_purple h2 {text-align: left;}
.round_block p, .round_block_purple p {margin: 10px 5px;}

#property_page .round_block {margin-right: 20px;}
#property_page .round_block h2 {text-align: left;}


#right_home form {margin: 20px 0 10px 0;}
#right_home form div {margin: 10px 0;}
#right_home form label {display: block; font-weight: bold; margin-bottom: 4px;}
#right_home form input, #right_home form select {padding: 2px; border: 1px solid #ccc; margin: 4px 0; width: 180px;}
#right_home form input.check {width: auto; margin: 4px 8px; border: none;}
#right_home form button {margin-left: 0;}

#search_results form#refine_search {display: none;}
form#refine_search {margin-left: 20px;}
form#refine_search label {width: 150px; margin: 5px 0; display: block;}
form#refine_search fieldset {width: 200px; margin: 5px 0;}
form#refine_search .check {margin: 3px;}


/* ADD COTTAGE FORM */

#form_tabs {height: 480px;}
/* TABS */

#tab_ul {margin-left: 0px; width: 900px;}
#tab_ul li {display: inline; background: none;}
#tab_ul li a {display: block; float: left; text-indent: -99999px; height: 43px; overflow: hidden; background: #fff url(../images/form_tabs/tab_1.gif) 0 0 no-repeat;}
#tab_ul li a:hover, #tab_ul li a.active {background-position: 0 -43px;}
#tab_ul li a.inactive {background-position: 0 0px;}
#tab_ul li a#tab_1 {background-image: url(../images/form_tabs/tab_1.gif); background-position: 0 -43px; width: 100px;}
#tab_ul li a#tab_2 {background-image: url(../images/form_tabs/tab_2.gif); width: 107px;}
#tab_ul li a#tab_3 {background-image: url(../images/form_tabs/tab_3.gif); width: 117px;}
#tab_ul li a#tab_4 {background-image: url(../images/form_tabs/tab_4.gif); width: 87px;}
#tab_ul li a#tab_5 {background-image: url(../images/form_tabs/tab_5.gif); width: 89px;}
#tab_ul li a#tab_6 {background-image: url(../images/form_tabs/tab_6.gif); width: 117px;}
.nudge {margin-left: 200px;}
a img {border: none;}
fieldset {border: none;}
/* CSS Document */

/* Styles */
form#send_property {margin: 0;padding: 0;}
#send_property fieldset {margin: 12px 0;border: none; font-size:12px;padding : 0px 10px 22px 10px; font-family: Arial, helvetica, verdana, sans-serif;}
#send_property legend {color : #860019;margin: 1em 0;padding: 1em .5em;background: transparent;	font-size: 12px; font-weight: bold;}
#send_property label {float: left;width: 180px;padding: 0 1em;text-align: right;}
#send_property label.long_label {width: 360px; text-align: left; display: block;}
#send_property fieldset div {margin-bottom: .5em;padding: 0;display: block;}
#send_property fieldset div input, #send_property fieldset div textarea, #send_property fieldset div select {width: 250px;border-top: 1px solid #555;border-left: 1px solid #555;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 1px;color: #333;}
#send_property fieldset div select {padding: 1px; width: 180px;}
#send_property fieldset div input.checkbox {width: auto; border: none;}

div#form_message p {color: red!important; font-weight: bold;}