/*  
Theme Name: WSM Real Estate
Theme URI: http://www.whitespacewebdesign.com.au/
Description: Custom Real Estate theme for Zinc Noosa.
Version: 1.0
Author: Matt Heyes & WSM

*/

body {
	margin:0;
	padding:25px 0;
	background:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8em;
	text-align:center;
	color:#333333;
}

h1 {
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	color:#838383;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0;
	margin:0 0 5px 0;
}

body.single h1 { margin-top:0; padding-top:5px; }

h2 {
	font-size:20px;
	font-weight:normal;
	color:#838383;
	font-family:Arial, Helvetica, sans-serif;
}

a { text-decoration:underline; color:#ff9900; }
a:hover { text-decoration:none; color:#ffad33 }

h2 a { text-decoration:none; }

#wrapper {
	width:955px;
	border:1px solid #cccccc;
	background:#ffffff;
	text-align:left;
	margin:0 auto;
	padding:5px 20px 0px 20px;
}

#small_wrapper {
	width:550px;
	border:1px solid #cccccc;
	background:#ffffff;
	text-align:left;
	margin:0 auto;
	padding:5px 20px 0px 20px;
}

#social {
	width:955px;
	height:26px;
	text-align:right;
	overflow:hidden;
	padding:3px 0 3px 0;
	position:relative;
}

#social ul, #social li {
	margin:0; padding:0; list-style:none; 
}
#social ul { height:22px; overflow:hidden; clear:both; margin-bottom:4px;width:96px; float:right; }
#social li { float:left; text-indent:9999px; display:block; width:32px; }

#social ul li a { margin:0 0 0 10px; padding:0; display:block; float:left; height:22px; width:22px;  }

#social ul li a.facebook { background:url(images/facebook.png) top left no-repeat; }
#social ul li a.twitter { background:url(images/twitter.png) top left no-repeat; }
#social ul li a.rss { background:url(images/rss.png) top left no-repeat; }
#social ul li a.facebook:hover { background:url(images/facebook.png) bottom left no-repeat; }
#social ul li a.twitter:hover { background:url(images/twitter.png) bottom left no-repeat; }
#social ul li a.rss:hover { background:url(images/rss.png) bottom left no-repeat; }

ul.flags { position:absolute; float:left; bottom:20px; left:10px; height:22px; overflow:hidden; }
ul.flags li { float:left; text-indent:9999px; display:inline-block; width:38px; }
ul.flags li a.translate { margin:0 0 0 10px; padding:0; display:inline-block; float:left; height:22px; width:28px !important; }
ul.flags li a.french { background:url(images/flag-france.gif) top left no-repeat; }
ul.flags li a.german { background:url(images/flag-germany.gif) top left no-repeat; }
ul.flags li a.italian { background:url(images/flag-italy.gif) top left no-repeat; }
ul.flags li a.spanish { background:url(images/flag-spain.gif) top left no-repeat; }
ul.flags li a.korean { background:url(images/flag-korea.gif) top left no-repeat; }
ul.flags li a.chinese { background:url(images/flag-china.gif) top left no-repeat; }
ul.flags li a.japanese { background:url(images/flag-japan.gif) top left no-repeat; }
ul.flags li a.portuguese { background:url(images/flag-portugal.gif) top left no-repeat; }
ul.flags li a.arabic { background:url(images/flag-arabic.gif) top left no-repeat; }

ul.flags li a.french:hover { background:url(images/flag-france.gif) bottom left no-repeat; }
ul.flags li a.german:hover { background:url(images/flag-germany.gif) bottom left no-repeat; }
ul.flags li a.italian:hover { background:url(images/flag-italy.gif) bottom left no-repeat; }
ul.flags li a.spanish:hover { background:url(images/flag-spain.gif) bottom left no-repeat; }
ul.flags li a.korean:hover { background:url(images/flag-korea.gif) bottom left no-repeat; }
ul.flags li a.chinese:hover { background:url(images/flag-china.gif) bottom left no-repeat; }
ul.flags li a.japanese:hover { background:url(images/flag-japan.gif) bottom left no-repeat; }
ul.flags li a.portuguese:hover { background:url(images/flag-portugal.gif) bottom left no-repeat; }
ul.flags li a.arabic:hover { background:url(images/flag-arabic.gif) bottom left no-repeat; }

#social ul.flags { position:absolute; top:3px; left:212px; width:342px; float:left; }

#header {
	clear:both;
	height:150px;
	width:955px;
	background:url(images/bg-header.jpg) top left no-repeat;
	overflow:hidden;
}

#header a {
	border:none;
}

#footer {
	width:955px;
	background:#FF6;
	padding:20px;
	min-height:220px;
	position:relative;
	background:url(images/bg-footer.gif) #e5e5e5 bottom left repeat-x;
	left:-20px;
	margin-top:15px;
	position:relative;
	right:0;
	bottom:0;
	font-size:11px;
}

#footer ul { list-style:none; margin:0; padding:0; float:left }
#footer li { list-style:none; margin:0; padding:0; }
#footer ul.for_sale { width:230px; }
#footer ul.perm_rent { width:230px; }
#footer ul.hol_accomm { width:300px; }

#footer p.copyright { font-size:12px; float:right; clear:both; position:absolute; bottom:10px; right:90px; color:#505050; }
#footer p.copyright a { color:#505050; text-decoration:underline; }
#footer p.copyright a:hover { text-decoration:none; }

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

#footer img.reiq {
	position:absolute;
	float:right;
	bottom:20px;
	right:20px;	
}

#sidebar {
	width:300px;
	float:right;
	margin-left:15px;
	font-size:11px;
	line-height:1.6em;
}

.sidebox {
	border:1px solid #cccccc;
	padding:0 10px 10px 10px;
	min-height:50px;
	margin-bottom:15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}

.sidebox h2 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9900;
	margin:0 0 15px 0;
	padding:14px 10px;
	position:relative;
	left:-10px;
	display:block;
	height:20px;
	width:278px;
	background:url(images/bg-h2.gif) #e3e3e3 top left repeat-x;
}

#left_content {
	float:left;
	width:640px;
	min-height:600px;	
}

.featured_prop {
	width:608px;
	border:1px solid #cccccc;	
	padding:0 15px 15px 15px;
	position:relative;	
	margin-bottom:15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}

.featured_prop h2 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9900;
	margin:0;
	padding:14px 10px;
	position:relative;
	left:-15px;
	display:block;
	height:20px;
	width:618px;
	background:url(images/bg-h2.gif) #e3e3e3 top left repeat-x;	
}



#carousel {
	height:90px;
	width:945px;
	border:1px solid #cccccc;
	background:url(images/bg-menu.gif) #f5f3f3 bottom left repeat-x;
	margin-bottom:15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	padding:10px 5px;
    position: relative; 
    overflow: hidden; 	
}

img#prev_prop { cursor:pointer }
img#next_prop { cursor:pointer }

div#previous { float:left; width:49px; padding-right:5px; position:relative; top:30px; margin-right:5px; }
div#next { float:right; width:49px; padding-left:5px; position:relative; top:30px; }

ul#holiday_carousel { list-style:none; padding:0; margin:0; float:left; width:847px; height:89px; overflow:hidden; float:left; }
ul#holiday_carousel li.holiday_carousel_item  { list-style:none; padding:0; margin:0; width:275px; overflow:hidden; float:left; display:inline-block; height:89px; line-height:18px; }
ul#holiday_carousel li.holiday_carousel_item a { text-decoration:none; color:#666; }
ul#holiday_carousel li.holiday_carousel_item a b  { color:#ff9900 !important; }
ul#holiday_carousel li.holiday_carousel_item a img.carousel_img { float:left; border:2px solid #cccccc; margin-right:5px; width:130px; height:85px; }
ul#holiday_carousel li.holiday_carousel_item a:hover { text-decoration:underline; }
ul#holiday_carousel li.holiday_carousel_item a:hover img.carousel_img { border:2px solid #ff9900; }
ul#holiday_carousel li.holiday_carousel_item span { font-size: 12px; }

.hp_boxes {
	width:280px;
	border:1px solid #cccccc;	
	padding:0 15px 15px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	font-size:11px;
	line-height:1.6em;
	min-height:385px;
}

.hp_boxes h2 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9900;
	margin:0;
	padding:14px 10px;
	position:relative;
	left:-15px;
	display:block;
	height:20px;
	width:290px;
	background:url(images/bg-h2.gif) #e3e3e3 top left repeat-x;		
}

#post_feed, #prop_feed { padding:15px 0px; border-bottom:1px solid #cccccc;  }
#post_feed:hover, #prop_feed:hover { background:#fff9f1; }
.hp_boxes img { border:0px; margin-top:15px; }
.left_box { float:left; }
.right_box {float:right; }

h4.post_title { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0; }
h4.post_title a { color:#ff9900; text-decoration:none; }
h4.post_title a:hover { color:#838383; text-decoration:underline; }
#post_feed p, #prop_feed p { font-size:11px; }
.meta { font-size:11px; background:#f5f5f5; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC;margin:0 0 0 0; padding:5px; }
	
a.button { background:url(images/bg-menu.gif) top left repeat-x; border:1px solid #cccccc; color:#333; padding:3px 7px; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; margin:5px 7px 5px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; display:inline-block }	

#button_group { float:right; font-size:12px;margin-top:0px;}

label { color:#666; }
	
.linebreak { margin:10px 0 5px 0; border-bottom:1px dashed #ccc; }

.authors { margin:0; padding:0; list-style:none; font-size:11px; line-height:1.4em; }
.authors li { margin:0 15px 15px 0 !important; padding:7px; list-style:none; float:left; width:170px; border:1px solid #cccccc; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; min-height:270px; }
	
.authors li img.user_photo { border:1px solid #f5f5f5; margin:0 10px 0 0;  }
.authors li a:hover img.user_photo { border:1px solid #ff9900; }
.wide li { width:625px; background:#f5f5f5; }

.author_img { margin:0 15px 10px 0; padding:7px; float:right; border:1px solid #cccccc; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; background:#f5f5f5; }
.author_img img { display:block }

.property_thumbnail {
	float:left;
	width:220px;
	height:150px;
	margin-right:15px;
	overflow:hidden;
	border:none;
	position:relative;
}

.sold { position:absolute; top:0; left:0; z-index:30; }

#property { width:400px; float:right; }
legend { font-weight:bold; color:#ff9900; }
form.book_now label, form.redirect label { display:inline-block; width:180px; padding-right:15px; text-align:right; margin-bottom:15px }

a.adv_search { font-size:11px; float:right; position:relative; right:5px; top:-20px; }

.pagenavi { margin-top:20px; }

span.antispam { margin-left:195px;}

/* Form Styling */

ol.cf-ol {list-style:none; margin:0; padding:20px; }
ol.cf-ol li { margin:5px;list-style:none; }
ol.cf-ol li label {padding:0 10px; width:110px; text-align:right; display:inline-block; }

fieldset.cf_hidden { display:none; border:0px; }

input.input_text, input.single, input.gtextbox { width:265px; height:22px; padding:3px; border:1px solid #CCC; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; color:#333; font-family:"Courier New", Courier, monospace;	}
input.input_text:hover, input.input_text:focus, input.single:hover, input.single:focus, input.gtextbox:hover, input.gtextbox:focus { border:1px solid #ff9900; }


textarea, textarea.gtextarea  { width:265px !important; height:82px; padding:3px; border:1px solid #CCC; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; color:#333; font-family:"Courier New", Courier, monospace;	}
textarea:hover, textarea:focus { border:1px solid #ff9900; }
	
fieldset { border:1px solid #cccccc; }

select { width:265px; padding:5px 3px; border:1px solid #CCC; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; color:#333; font-family:"Courier New", Courier, monospace; margin:3px 0	}
select:hover, select:focus { border:1px solid #ff9900 }
	
button, input.sendbutton { background:url(images/bg-menu.gif) top left repeat-x; border:1px solid #cccccc; color:#333; padding:5px 7px; -moz-border-radius: 3px;
	-webkit-border-radius: 3px; margin:10px 0 5px 15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
	
span.emailreqtxt, span.reqtxt { color:#666666; font-size:11px; }

.tab_block { float:left; display:block; width:297px; }

div.gtitle { width:170px; padding-right:10px; color:#666; float:left; text-align:right; clear:both; }

img.captcha { margin-left:10px; }

.page ol li { margin:10px 0 }
.page ul li { margin:0 0 5px 0  }
.page #sidebar ul li { margin:auto; }

#google_translate_element {
	position:absolute;
	top:0;
	left:222px;
	float:left;
}
#google_translate_element select {
	padding:2px;	
}

.one_image {
	position:relative;
}

a.clear_link {
	display:block;
	height:400px;
	width:250px;
	position:absolute;
	left:200px;
}

a.clear_link:hover {
	background:url(css/img/open.png) center center no-repeat;
}

img.solo {
	border:1px solid #CCC; -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h1 span {
	font-size:14px;	
}

.mootabs_title li {
	margin:0;
	padding:0;
	list-style:none;
	float: left;
	padding: 2px 15px;
	margin-right: 4px;
	cursor: pointer;
	height: 24px;
	background:url(images/bg-menu.gif) top left repeat-x;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;	
	-webkit-border-top-left-radius: 3px;	
	-webkit-border-top-right-radius: 3px;	
}

.mootabs_title li:hover { text-decoration:underline; }

.mootabs_title li.active {
	background-color: #fff;
}

.mootabs_panel {
	background-color: #fff;
	position: relative;
	top: -1px;
	clear: both;
	overflow: hidden;
	width:610px;
	padding:15px;
	border:1px solid #cccccc;	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;	
	-webkit-border-top-right-radius: 3px;	
	-webkit-border-bottom-right-radius: 3px;		
	-webkit-border-bottom-left-radius: 3px;	
	clear:both;
}


div#myTabs { margin-bottom:30px; }

div#Map iframe { margin-left:-15px; margin-top:-15px;  }

#mainnav {
	margin:15px 0;
	padding:0 0 0 20px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	display:block;
	width:935px;
	height:31px;
	z-index:9999;
	background:url(images/bg-menu.gif) #f5f5f5 top left repeat-x;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu ul, .menu ul li { margin:0 0 0 0 !important; padding:0 0 0 0; }
.menu {width:955px; height:31px; position:relative; z-index:100; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:956px; w\idth:955px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:179px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
.menu ul ul li {float:left;width:179px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#838383; height:31px; padding:0 24px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:169px; w\idth:158px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#838383; border-bottom:1px solid #666;  }
/* style the second level hover */
.menu ul ul a:hover{ background: url(images/link_bg.gif) 0 50% repeat-x; color:#999; }
.menu ul ul :hover > a.drop { background: url(images/link_bg.gif) 0 50% repeat-x; color:#999;  }


/* style the 2 level background */
.menu ul ul a, .menu ul ul a:visited {background:#838383; border-bottom:1px solid #666;}
/* style the 2 level hover */
.menu ul ul a:hover {background: url(images/link_bg.gif) 0 50% repeat-x !important; color:#fff !important;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#838383; border-bottom:1px solid #666;}
/* style the third level hover */
.menu ul ul ul a:hover {background: url(images/link_bg.gif) 0 50% repeat-x;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:169px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:188px; top:-1px; width:169px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-188px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#838383; color:#fff !important; height:auto; line-height:1em; padding:5px 10px; width:168px;border-width:0 1px 1px 1px; font-weight:normal; font-size:14px; text-transform:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:148px;}

/* style the top level hover */
.menu a:hover {color:#FF9900; }
.menu :hover > a {color:#FF9900; }

.menu ul ul a:hover{color:#fff; }
.menu ul ul :hover > a {color:#fff; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.twitter-share-button {
	float:right; margin:1px 5px 0 0;	
}

form.subscript { 
	margin:0; padding:0;
	width:640px;
	height:145px;
	background:url(images/property-alerts.gif) top left no-repeat;
	border-bottom:1px solid #CCCCCC;
	padding:15px 0;
}

input.email_subscribe {
	position:relative;
	top:36px;
	left:232px;
	float:left;
	background:none;
	border:none;
	height:28px;
	width:205px;
	color:#ccc;
	font-size:16px;
}

input.submit_subscribe {
	position:relative;
	top:75px;
	left:50px;
	float:left;	
}

/**
PAGE FLIP PEEL CSS
************************/

#pageflip {
	position: relative;
}
#pageflip img {
	width: 100px; height: 102px;
	z-index: 9999;
	position: absolute;
	right: 0; top: -24px;
	-ms-interpolation-mode: bicubic;
	border:none !important;
}
#pageflip .msg_block {
	width: 100px; height: 100px;
	position: absolute;
	z-index: 9998;
	right: 0; top: -24px;
	background: url(images/win.png) no-repeat right top;
	text-indent: -9999px;
}

/* Competition form */

form.win-form {
	width:640px;
	min-height:425px;
	background:url(http://www.zincnoosa.com.au/wp-content/uploads/2010/11/form.png) no-repeat top left #eeeeee ;
	padding:0; margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

form.win-form table {
	position:relative;
	float:left;
	top:300px;
	left:29px;
}

form.win-form input.input_text, form.win-form select {
	width:180px;	
}