/* JustCottages.co.uk - 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, button {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

ul {
	list-style: none;
}

a img {
	border: none;
}

button {
	cursor: pointer;
	display: block;
}

a span, h1 span, button span {
	display: none;
}

.clearfix {display:block; clear:both; height:1px; line-height:1px; font-size:1px;}

/* Typography
------------------------------------------------------------------------------*/

body {
	color: #322921;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}

.headerlogo {
	background: url(/img/typography/logo.png) 0 0 no-repeat;
	height: 27px;
	margin-top: 39px;
	width: 271px;
}

.headerlogo a {
	display: block;
	height: 27px;
	width: 271px;
}

h1, h2 {
    font: normal 24px/30px Georgia, "Times New Roman", Times, serif;
	margin-top: 27px;
}
h1.listingpage {margin-top:5px;}
h2.listingpage {font-size:18px;}
h3  {margin-top:10px; font: normal 24px/30px Georgia, "Times New Roman", Times, serif;}
h3.listingpage {font-size:18px;}

#sub-nav li span {
	color: #c76b1a;
}

p.small {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}

p.light {
	color: #746456;
}

p.copyright {
	color: #757064;
	float: right;
    margin-top: 25px;
}

/* Links
------------------------------------------------------------------------------*/

a {color: #c76b1a;}
a:hover {color: #c76b1a; text-decoration: underline;}

p a, h2 a {
	color: #c76b1a;
}

p a:hover, h2 a:hover {
	color: #c76b1a;
    text-decoration: underline;
}


ul.navigation li a { color: #b4b0a7;}
ul.navigation li.active a { color: #c76b1a;}

ul.navigation li a:hover {
    color: #b4b0a7;
    text-decoration: underline;
}

#sub-nav li a {
	color: #322921;
}

#sub-nav li a:hover {
    text-decoration: underline;
}

.sitemap-list a {
	color: #322921;
}

.sitemap-list a:hover {
    text-decoration: underline;
}

/* Columns
------------------------------------------------------------------------------*/

/* Grid floating and margins */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6,
div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
	float: left;
	margin-right: 30px;
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Use these classes to set the width of a column */

.span-1 {width: 45px;}
.span-2 {width: 120px;}
.span-3 {width: 195px;}
.span-4 {width: 270px;}
.span-5 {width: 345px;}
.span-6 {width: 420px;}
.span-7 {width: 495px;}
.span-8 {width: 570px;}
.span-9 {width: 645px;}
.span-10 {width: 720px;}
.span-11 {width: 795px;}
.span-12 {width: 870px;}

/* Apply to columns and elements to eliminate right margins */

div.first, .first {
	margin-left: 30px;
}

div.last, .last {
	margin-right: 0;
}

/* Layout
------------------------------------------------------------------------------*/

/* General */

body {
	background: url(../img/backgrounds/main.jpg) 0 0 repeat #564534;
	height: 100%;
	text-align: center;
}

#content-container {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
    width: 934px;
}

#header {
    background: url(../img/backgrounds/header.png) 0 0 no-repeat;
    height: 101px;
    margin-top: 20px;
}

ul.navigation {
    margin-top: 37px;
}

ul.navigation li {
    color: #c76b1a;
    float: left;
    line-height: 30px;
    margin-right: 15px;
}

ul.navigation li.border-right {
    border-right: 1px solid #565145;
    padding-right: 14px;
}

ul.navigation li a.add-my-cottage {
    background: url(../img/icons/add.png) 0 0 no-repeat;
    padding-left: 20px;
}

.content-top {
    background: url(../img/backgrounds/content-top.png) 0 0 no-repeat;
    height: 4px;
	margin-top: 6px;
	line-height:1px; font-size:1px;
}

.content {
    background: url(../img/backgrounds/content.png) 0 0 repeat-y;
	overflow: hidden;
	padding-bottom: 20px;
}

.content-bottom {
    background: url(../img/backgrounds/content-bottom.png) 0 0 no-repeat;
    height: 4px;
	line-height:1px; font-size:1px;
}

.section {
	border-bottom: 1px dotted #54483c;
	padding-bottom: 20px;
}

.photo-120x120 {position:relative; text-align:center; height:120px; margin: 21px 0 9px 0; width: 120px; overflow:hidden;}
.photo-120x120 img {	height: 120px;}
.photo-120x120 img.badge {height:auto; position:absolute; top:5px; left:5px; z-index:20;}

.border-bottom-light {
	border-bottom: 1px dotted #b7b1ac;
	overflow: hidden;
	padding-bottom: 15px;
}

/* Breadcrumbs */
.breadcrumbs {margin-top:35px; margin-bottom:0px;}
.breadcrumbs a {color:#c76b1a;}
.breadcrumbs span {color:#b7b1ac;}

.tabs {margin-top:17px; border-bottom: 1px dotted #54483c;}
.tabs li {margin-top:10px; padding:8px 14px 10px 14px; float:left; border-top: 1px dotted #54483c; border-right: 1px dotted #54483c; }
.tabs li.first {margin-left:0px; border-left: 1px dotted #54483c; }
.tabs li.active {padding-top:17px; padding-bottom:11px; margin-top:0px; background:#fff; position:relative; top:1px; border-top: 1px dotted #54483c; border-right: 1px dotted #54483c; border-left: 1px dotted #54483c;}
.tabs li.noright {border-right:0px;}
.tabs li a {color:#c76b1a;}
.tabs li.active a {color:#746456;}

#listingmap {display:none; margin-top:17px;}
#listinginfo {display:none; margin-top:17px;}

.sorting {clear:both; margin-top:15px; padding:7px 0px 7px 0px; background:#f7f6f5; border-top:1px dotted #54483c; border-bottom:1px dotted #54483c;}
.sorting a {color:#c76b1a;}
.sorting span {color:#b7b1ac;}
.sorting a.active {color:#746456;}

table.cottagedetails {margin-top:20px; width:495px;}
table.cottagedetails a {color:#c76b1a;}
table.cottagedetails th, table.cottagedetails td {margin:0px; padding:7px 0px 7px 0px; border-bottom: 1px dotted #54483c;}
table.cottagedetails .last th, table.cottagedetails .last td {border:0px;}
table.cottagedetails th {width:100px; font-weight:normal; color:#746456; text-align:right; padding-right:10px;}
table.cottagedetails td.spacer {width:28px;border:0px;}
table.cottagedetails td.rh {width:120px; vertical-align:top; border:0px;}
table.cottagedetails td.rh a {background:url('../img/details_action_a.gif') no-repeat left center; padding-left:10px;}
table.cottagedetails td.border {border-bottom: 1px dotted #54483c;}

/* Ajax information blocks on map */
#map {border: 1px dotted #54483c;}
.ajax_cottagelist {width:300px; padding:5px; font-size:10px;}
.ajax_cottagelist .header h5 {font-size:11px; margin:0px;}
.ajax_cottagelist  .cottage {width:290px; padding-top:3px; border-top:1px solid #ededed;}
.ajax_cottagelist  .cottage img{float:right; border:1px solid #ccc;}
#gm_ajax_window{ width: 300px; }
#gm_ajax_window_contents{ background-color: #FFF; }
#gm_ajax_window_red_beak{
width: 28px;
height: 38px;
}
* html #gm_ajax_window_beak{/* Alpha transparencies hack for IE */ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');}
#gm_ajax_window_tl, #gm_ajax_window_tr, #gm_ajax_window_bl, #gm_ajax_window_br, #gm_ajax_window_t,#gm_ajax_window_l,#gm_ajax_window_r,#gm_ajax_window_b{ background-color: #ccc; height: 1px; width: 1px;}


/* Sub-nav */

#sub-nav-container {
	float: left;
	margin: 31px 30px 0 2px;
	overflow: hidden;
	width: 150px;
}

#sub-nav li { border-bottom: 1px dotted #b7b1ac; color: #746456; line-height: 20px; padding: 5px 0 4px 30px; }
#sub-nav li.active {background:#fff8f2;}
#sub-nav li.last { border-bottom: none;}
#sub-nav li ul {border:none;}
#sub-nav li ul li {border:none; padding:2px 0px 2px 8px; font-size:11px; background:url('../img/leftnav_subli.gif') no-repeat left center;}
#sub-nav li ul li.subactive a{color:#746456;}
#sub-nav li ul li.subactive span {color:#746456;}

.sitemap-list { color: #c76b1a; font: normal 11px/20px Arial, Helvetica, sans-serif; margin-top: 16px;}

img.progress {margin:10px auto; display:block;}
form.add_cottages  .medium {width:200px;}
form.add_cottages  .small {width:100px;}
.next_button {margin:10px auto; display:block;}
div.error {background:#9C0F1F; border:1px solid #5B040D; color:#fff; padding:10px; font-size:10px;}
span.error {padding-left:10px; color:#9C0F1F; font-size:10px; line-height:14px;}
.form_error {display:inline;}
table.addlocation td {vertical-align:top;}

/* Footer */

#footer {
    background: url(../img/backgrounds/footer.png) 0 0 repeat-y;
	height: 72px;
	margin-bottom: 18px;
	overflow: hidden;
}

#footer ul.navigation {
    margin-top: 20px;
}

/* Header search
------------------------------------------------------------------------------*/

#header input {
	background-color: #ffffff;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #000000;
	color: #746456;
	float: left;
	height: 19px;
	padding: 5px 6px;
	width: 154px;
}

#header button {
	background: url(../img/buttons/search.gif) 0 0 no-repeat;
	border-top: 1px solid #000000;
	display: block;
	float: left;
	height: 30px;
	width: 29px;
}

#header button:hover {
	background-position: 0 -29px;
}

/* SiteOwner section */
#cottageowner_singlediv {width:500px; margin:0px auto; padding:20px;}
#cottageowner_singlediv .login_form {padding:10px 10px 10px 10px; background:#f1f1f1; text-align:center;}
.photos_block {background:#f7f7f7; padding:10px; margin-bottom:10px;}
.photos_block form {font-size:10px;}
.photos_block .bigbutton {height:50px;}
.siteowner_image_options { background:#fff; width: 200px; position: relative; top: -35px; margin-bottom:-20px; text-align: center; }
.siteowner_images { width: 200px; margin: 0px 20px 10px 20px; text-align: center; float:left; }
.siteowner_table td {padding:3px;}