/*-----------------------------------------------------------------------------
Title:      'Base' master stylesheet for Cityred.ma sites
Author:     Jim Pannell / sixmedia.net
Updated:    May 2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Remove border around linked images */
img { border: 0; }

/* =Typography
-----------------------------------------------------------------------------*/
body { font:75%/1.5 Arial, Verdana, sans-serif; padding:20px 0; color:#202020; background-color:#eeebc6; }
html>body { font-size:12px; }
p { font-size:1em; line-height:1.5em; margin:0 0 1.5em 0; }
ul { padding:0; margin:0; list-style:none;}
ul li { list-style:none;}
form { margin:0; padding:0; }
a img { border:none; }
a { text-decoration:none; color:#E3252F;}
a:hover { color:#333; }
div.clear { width:100%; height:1px; margin-top:-1px; clear:both; overflow:hidden; }  

/* Layout */
#wrapper { width:780px; margin:0 auto; }
#logo { position:relative; float:left; margin:0; padding:0; width:400px; height:150px; }
#logo h1 { margin:0; position:absolute; top:0; left:0; z-index:3; width:400px; height:150px; background:url(http://www.cityred.ma/images/interface/logo.gif) no-repeat; text-indent: -9000px; }
#logo h1 a { display:block; height:150px; background:url(http://www.cityred.ma/images/interface/logo.gif) no-repeat; }
#header { position:relative; float:right; width:170px; padding-right:15px; }
#content { width:773px; clear:both; padding:6px 0 0 7px; background:#fff  url(http://www.cityred.ma/images/interface/pagetop_bg.gif) 0 0 no-repeat; }
#primaryColumn { position:relative; float:left; width:575px; }
#primaryOne { float:left; }
#primaryTwo { float:right; }
#sidebar { position:relative; float:right; width:177px; padding:0 6px 0 2px; }

/* Top Nav */
#header ul { display:block; width:230px; }
#header ul li { display:block; width:115px; font-size:1em; line-height:1.2em; white-space:nowrap; }
#header ul li.selected a { color:#000; }
#header p { padding:12px 0 0 115px; clear:both; margin:0; color:#e3252f; }
#header p.time { position:absolute; padding:0; margin:125px 0 0 0; }
#header h3 { text-indent:0; font-size:1em; white-space:nowrap; font-weight:normal; }

/* General */
div.tile{float:left;width:285px;min-height:91px;margin:0;background:#f4f3ef url(http://www.cityred.ma/images/interface/largetile_bg.gif) top right no-repeat;}
div.tileHeader{float:left;width:575px;min-height:187px;margin:0 5px 5px 0;background:#f4f3ef url(http://www.cityred.ma/images/interface/largetile_bg.gif) 0 0 no-repeat;}
div.tileSml{float:left;width:285px;min-height:91px;margin:0;background:#f4f3ef url(http://www.cityred.ma/images/interface/largetile_bg.gif) 0 0 no-repeat;}
#content .prop{display:none;}
#searchResults .prop{height:273px;}
.prop{float:right;width:1px;}
.clear{clear:both;height:1px;overflow:hidden;}
.clearMe{clear:both;}
.upperSpace{padding-top:0.75em;}
.bitofTop{padding-top:15px;}

hr{display:none;}
h2,h3{margin:0;padding:0;display:block;text-indent:-9999px;background-position:0 0 ;background-repeat:no-repeat;}
.tile h2{width:285px;height:50px;}
.tile h3,.tileSml h3{width:142px;height:26px;}
h4{margin:0;font-size:1.3em;}
h4 span{font-size:80%;}
span,.hilite{color:#E3252F;}
p a{border-bottom:1px #999 dotted;}
p a:hover{color:#999;}
div.hr{border-top:1px solid #e91a26;}
div.separator{background:#fff;height:0 !important;border-top:5px solid #fff;width:285px !important;clear:both;margin:0;font-size:1px;}
* html div.seperator{border-top:3px solid #fff;}
.red{color:#ed1b23;}
.formButton{width:auto;color:#000;background-color:#f0f0f0;font-size:1.1em;border:1px solid #ccc;margin:6px 0 12px 0;}
.tile p{padding:0 16px;}
.rows img{float:left;clear:left;}
.rows div{width:140px;float:left;}
.rows p{padding:0 10px;margin:4px 0 0 0;font-size:0.95em;line-height:1.4em;}
.rows div.separator{float:none;}

.introtile{width:574px;height:188px;margin:0 0 2px 0;background:transparent url(http://www.cityred.ma/images/interface/introtile_bg.jpg) no-repeat top left;}
.introtile p{margin:0;color:#fff;padding:14px 24px 0 5px;line-height:1.3em;}
.tileResults p{margin:0;color:#fff;padding:0 20px 0 275px;line-height:1.3em;}
.headerBgPrimary{width:574px;height:188px;margin:0 0 2px 0;background:transparent url(http://www.cityred.ma/images/headers/banner_primary.jpg);}

.result{position:relative;width:574px;padding:10px 0;border-top:1px dashed #231F20;float:left;clear:left;}
.first{border-top:none;}
.result img{float:left;margin:0 15px 0 0;clear:left;}
.result h4{margin-bottom:2px;}
.result h4 a:link{color:#000;}
.result h4 a:visited{color:#666;}
.result h4 a:active,.result h4 a:hover{color:#e3252f;}
.result h4 span{display:block;}
.sorry{position:relative;height:22px;}
.sorryItsGone{position:absolute;top:0;left:200px;width:200px;height:20px;}
#searchResults .result p,.result p{font-size:0.925em;margin:0;font-weight:normal;}
.result p.overview{display:block;width:110px;float:left;font-weight:bold;}
.result p.resultDescription{height:65px;overflow:hidden;}

#showing2 { float: left; }

.images{width:290px;float:left;padding-top:6px;}
#imagelist{width:255px;}
/* NOTE change this to 290px for a row of 3 thumbs */
#imagelist img{float:left;margin:0;}
.info{width:269px;margin:6px 0 20px 13px;padding-top:10px;border-top:1px dashed #231f20;border-bottom:1px dashed #231f20;float:left;}
.info h4{margin-bottom:55px;}
.info p,.info li{font-size:0.925em;}
.info p.overview{font-weight:bold;}
.info ul{padding-left:15px;}
.info li{list-style-type:square;color:#ED1B23;}
.info dl{margin:0 0 1em 0;padding:0;font-size:95%;line-height:1.2em;}
.info dt{float:left;width:auto;margin:0;padding:0 0.5em 0 0;font-weight:bold;color:#000;}
.info dd{margin:0;padding:0;font-weight:bold;color:#e3252f;}
.clearleft{clear:left;}
div.imgholder{font-size:0;}
.caps{color:inherit;}

/* Content Area */
#contentArea{margin:0 10px 0 0;padding:0;display:inline;}
#contentArea h1{font-size:1.8em;font-weight:normal;margin:0;padding:10px 0 0 0;color:#e91a26;text-align:left;}
#contentArea h1 + p{font-size:1.3em;font-weight:normal;color:#aaa;margin-top:0;}
#contentArea h1 + p b{font-weight:normal;}
#contentArea h2{font-size:1.2em;text-indent:0;border-bottom:1px solid #b2b2b2;margin-bottom:1em;margin-top:10px;}
#contentArea h3{font-size:1.4em;font-weight:normal;margin:0;padding:10px 0 0 0;color:#e91a26;text-indent:0;}
#contentArea p,#contentArea li{font-size:1em;}
#contentArea ul{padding-left:15px;}
#contentArea li{list-style-type:square;margin-bottom:0.5em;}
#contentArea ol{padding-left:25px;}
#contentArea ol li{list-style-type:inherit;}
#contentArea li b,#contentArea li strong{color:#ed1b23;}
#propertyDetails {margin-top:10px;}
#propertyDetails h2,#propertyDetails h3{text-indent:0;}
#propertyDetails h2{font-size:1.3em;}


/* Side Bar */
#sidebar { margin-top:0; }
#sidebar img { margin-left:-8px; z-index:9000; position:relative; }
#sidebar form { width:177px; font-size:0.95em; }
#sidebar form p { margin:4px 0 0 0; font-weight:bold; }
#sidebar select	{ width:177px; font-size:1em; border:1px solid #ccc; font-weight:normal; }
#sidebar input { font-size:1em; border:1px solid #ccc; }
#sidebar input.standardButton { width:auto; color:#000; background-color:#f0f0f0; font-size:1.2em; border:1px solid #ccc; margin:6px 0 12px 0; }
#sidebar #min_beds { width:86px; float:left; margin-top:4px; }
#sidebar #min_night	{ width:86px; float:left; }
#sidebar #max_beds { width:86px; float:right; margin-top:4px; }
#sidebar #max_night { width:86px; float:right; }
#sidebar #day_from, #sidebar #day_to { width:40px; float:left; margin-right:3px; }
#sidebar #month_from, #sidebar #month_to { width:100px; float:left; }
#sidebar .radioButton { border:none; background-color:transparent; }
#sidebar h4 { color:#E3252F; font-size:1.1em; font-weight:bold; margin:6px 0 0 0; }
#sidebar ul { margin:0 0 6px 0; }
#sidebar ul li { font-size:0.925em; list-style:none; padding:0 0 0 10px; margin:0.3em 0; background:url(http://www.cityred.ma/images/interface/icon-nav.gif) no-repeat 0 0.45em; }
#sidebar ul li a { color:#000; font-weight:bold; }
#sidebar ul li a:hover { color:#999; }
#sidebar ul li ul { margin:5px 0; padding:0; }
#sidebar ul li ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(http://www.cityred.ma/images/interface/icon-nav.gif) no-repeat 0 50%; }
#sidebar ul li ul li.selected a { color:#e2352f; }
#sidebar ul.ifyoulike { margin:0; padding:6px 0 20px 15px; display:block; background:#f4f3ef url(http://www.cityred.ma/images/interface/ifyoulike_bg.gif) no-repeat bottom left; }
#sidebar ul.searchnav { margin:0 0 10px 0; padding:6px 0 20px 15px; display:block; background:#F3EFEA url(http://www.cityred.ma/images/interface/ifyoulike_bg.gif) 0 100% no-repeat; }
#displayOptions { margin:10px 0; }
#displayOptions form p { padding:5px 0; }

/* Search Form */
#propertysearch_form label { display: block; }
#propertysearch_form .doublefield { width: 45%; }
#propertysearch_form .date_d_my_day { width: 25%; }
#propertysearch_form .date_d_my_monthyear { width: 75%; }

/* Headers */
h2.propertysearch { width: 177px; height: 88px; background-image: url(/images/headers/h2_hotelsearch.gif); }
h2.welcome { background-image: url(/images/headers/h2_welcome.gif); }
h3.riadsvillas { background-image: url(http://www.cityred.ma/images/headers/h3_riadsvillas.gif); height: 26px; }
h3.riadsvillas a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_riadsvillas.gif) no-repeat; }
h3.apartments { background-image: url(http://www.cityred.ma/images/headers/h3_apartments.gif); height: 26px; }
h3.apartments a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_apartments.gif) no-repeat; }
h3.carhire { background-image: url(http://www.cityred.ma/images/headers/h3_carhire.gif); height: 26px; }
h3.carhire a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_carhire.gif) no-repeat; }
h3.golf	{ background-image: url(http://www.cityred.ma/images/headers/h3_golf.gif); height: 26px; }
h3.golf a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_golf.gif) no-repeat; }
h3.excursions { background-image: url(http://www.cityred.ma/images/headers/h3_excursions.gif); height: 26px; }
h3.excursions a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_excursions.gif) no-repeat; }
h3.events { background-image: url(http://www.cityred.ma/images/headers/h3_events.gif); height: 26px; }
h3.events a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_events.gif) no-repeat; }
h3.furniture { background-image: url(http://www.cityred.ma/images/headers/h3_furniture.gif); height: 26px; }
h3.furniture a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_furniture.gif) no-repeat; }
h3.holidayguide { background-image: url(http://www.cityred.ma/images/headers/h3_holidayguide.gif); height: 26px; }
h3.holidayguide a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_holidayguide.gif) no-repeat; }
h3.holidayrentals { background-image: url(http://www.cityred.ma/images/headers/h3_holidayrentals.gif); height: 36px; }
h3.holidayrentals a { display:block; height:36px; background:url(http://www.cityred.ma/images/headers/h3_holidayrentals.gif) no-repeat; }
h3.hotels { background-image: url(http://www.cityred.ma/images/headers/h3_hotels.gif); height: 26px; }
h3.hotels a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_hotels.gif) no-repeat; }
h3.mortgages { background-image: url(http://www.cityred.ma/images/headers/h3_mortgages.gif); height: 26px; }
h3.mortgages a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_mortgages.gif) no-repeat; }
h3.restaurants { background-image: url(http://www.cityred.ma/images/headers/h3_restaurants.gif); height: 26px; }
h3.restaurants a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_restaurants.gif) no-repeat; }
h3.longrentals { background-image: url(http://www.cityred.ma/images/headers/h3_longrentals.gif); height: 26px; }
h3.longrentals a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_longrentals.gif) no-repeat; }
h3.villas { background-image: url(http://www.cityred.ma/images/headers/h3_villas.gif); height: 26px; }
h3.villas a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_villas.gif) no-repeat; }
h3.miramas { background-image: url(http://www.cityred.ma/images/headers/h3_miramas.gif); height: 26px; }
h3.sales { background-image: url(http://www.cityred.ma/images/headers/h3_sales.gif); height: 26px; }
h3.sales a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_sales.gif) no-repeat; }
h3.land { background-image: url(http://www.cityred.ma/images/headers/h3_land.gif); height: 26px; }
h3.land a { display:block; height:26px; background:url(http://www.cityred.ma/images/headers/h3_land.gif) no-repeat; }

h3.ifyoulike { height: 50px; margin-top: 10px; background-image:url(http://www.cityred.ma/images/headers/h3_ifyoulike.gif); }

h2.searchresults { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_searchresults.gif); }
h2.propdetails { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_propdetails.gif); }
h2.aboutus { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_aboutus.gif); }
h2.contactus { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_contactus.gif); }
h2.privacypolicy { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_privacypolicy.gif); }
h2.terms { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_terms.gif); }
h2.sales { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_sales.gif); }
h2.land { width: 250px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h2_land.gif); }
h1.miramasHeader { background-position:0pt; background-repeat:no-repeat; display:block; margin: 0; padding: 0; text-indent: -9999px; width: 335px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h1_header_miramas.gif); }
h1.riadsHeader { background-position:0pt; background-repeat:no-repeat; display:block; margin: 0; padding: 0; text-indent: -9999px; width: 335px; height: 95px; float: left; background-image: url(http://www.cityred.ma/images/headers/h1_header_riads.gif); }
     

/* Homepage stuff */
.homeFeature { width:285px; min-height:91px; margin-bottom:5px; background:#f4f3ef url(http://www.cityred.ma/images/interface/largetile_bg.gif) top right no-repeat; }
.homeFeature img { float:left; clear:left; background-color:#f4f3ef; }
.homeFeature p { padding:0 10px; margin:4px 0 0 0; font-size:0.95em; line-height:1.4em; background-color:#f4f3ef; }
.homeFeature div { width:140px; float:left; }
.primaryFeature { width:285px; height:20em; margin-bottom:5px; background:#f4f3ef url(http://www.cityred.ma/images/interface/primaryFeatureBg.gif) no-repeat bottom left; }
.primaryFeature div { padding:0 10px 10px 10px; }
.primaryFeature h2 { padding:5px 10px 0 10px; text-indent:0; color:#e3252f; background:url(http://www.cityred.ma/images/interface/primaryFeatureBg.gif) no-repeat left top; }
.primaryFeature h3.top { padding:5px 10px 0 10px; text-indent:0; color:#333; margin:0; background:url(http://www.cityred.ma/images/interface/primaryFeatureBg.gif) no-repeat left top; }
.primaryFeature h3 { text-indent:0; color:#333; margin:0; }
.primaryFeature p	{ padding:0; margin:4px 0 0 0; font-size:0.95em; line-height:1.4em; }
.primaryFeature ul { height:100px; }
.primaryFeature ul li { float:left; width:120px; list-style-type:square; margin-left:12px; }
.primaryFeature.blockPic {height:214px;}
div.featuredDetails { padding:0; }
div.featuredDetails p { padding: 10px 0 0 160px; font-weight:bold; }
div.featuredDetails img { float:left; }
#monoSlideshow {margin-bottom:5px;}

/* Property Details */
div#roundedCornerDetails{position:relative;float:left;margin-bottom:-1px;}
div.wrapping{margin:5px 5px 0 0;position:relative;float:left;vertical-align:top;}
#saveloginform{margin-bottom:10px;border-bottom:1px dashed #231F20;}
#saveloginform h3{text-indent:0;}
#propertyFeatures ul{margin-bottom:1.5em;}
#propertyFeatures ul li,ul.tickList li{font-size:0.925em;font-weight:bold;list-style:none;line-height:1.45em;padding:0 0 0 20px;margin:0 0 0 -15px;background:transparent url(http://www.cityred.ma/images/interface/icon-tick.gif) no-repeat 0 0.25em;text-transform:capitalize;}
ul.tickList li{float:left;margin:0;width:125px;}
#propertyPrimary ul.tickList li{float:none;width:100%;font-weight:normal;}
#propertyPrimary ul{margin-bottom:1.5em;}
#propertySecondary h5{font-size:1em;margin-bottom:0;}
#bookingLoading,
#bookingLoadingBG,
#bookingLoadingProgress,
#bookingMessage{position:absolute;left:0;top:0;width:354px;}
#bookingLoading,#bookingLoadingBG{height:233px;}
#bookingLoadingBG{background-color:#fff;}
#bookingLoadingProgress{left:16px;top:70px;width:322px;text-align:center;font-size:120%;}
#bookingMessage{padding:8px;left:0;top:0;width:338px;height:217px;overflow:auto;}
#weather-GMMX ul{margin:0 0 2.5em 0;}
#weather-GMMX ul li{padding:0;background:transparent;}
#weather-GMMX ul li#iconWeather{float:left;width:100px;height:80px;margin-top:-10px;}
.weather_title{font-weight:bold;color:#000;}


/* Search Results */
.advancedSearch{text-align:center;}
div#searchResults{position:relative;float:left;margin-bottom:-1px;}
div#searchResults h5{font-size:1.4em;font-weight:normal;margin:0;padding:10px 0 0 0;color:#e91a26;text-align:left;}
div#searchResults h2{text-indent:0;font-size:1.6em;font-weight:normal;margin:0;padding:10px 0 0 0;color:#e91a26;text-align:left;}
div.wrapper{margin:0 15px 0 0;position:relative;float:left;vertical-align:top;}
div.wrapper img,div.wrapping img{float:left;border:0 none;}
div.wrapper div,div.wrapping div{position:absolute;left:0;height:5px;width:100%}
div.wrapper div.tl,div.wrapping div.tl{background:transparent url(http://www.cityred.ma/images/interface/tl.png) top left no-repeat;top:0}
div.wrapper div.tr,div.wrapping div.tr{background:transparent url(http://www.cityred.ma/images/interface/tr.png) top right no-repeat;top:0;}
div.wrapper div.bl,div.wrapping div.bl{background:transparent url(http://www.cityred.ma/images/interface/bl.png) bottom left no-repeat;bottom:0;}
div.wrapper div.br,div.wrapping div.br{background:transparent url(http://www.cityred.ma/images/interface/br.png) bottom right no-repeat;bottom:0;}


/* Footer */
#footer { width:773px; padding:15px 0 5px 7px; margin:0 0 0 -7px; font-size: 0.9em; clear:both; background: url(http://www.cityred.ma/images/interface/pagebottom_bg.gif) 0 100% no-repeat; }
#footer p a	{/*color:#858585;*/ color:#000; border-bottom:1px dotted #999; }
#footer p a:hover {/*text-decoration:underline;*/ color:#999; }
#footer p.siteinfo { text-align:right; float:right; padding-right:6px; }

/* Keywords rich content */
.boxPrimary{display:inline;float:left;width:580px;margin:2em 0;background:#fff url(http://www.cityred.ma/images/interface/boxPrimaryBottom.gif) no-repeat left bottom;}
.boxPrimary h1{color:#e3252f;padding:10px 15px 0 15px;text-indent:0;background:url(http://www.cityred.ma/images/interface/boxPrimaryTop.gif) no-repeat left top;}
.boxPrimary h1{font-size:1.3em;}
.boxPrimary h2{font-size:1.1em;}
.boxPrimary h2,.boxPrimary h3{text-indent:0;padding:0 15px;}
.boxPrimary p{padding:0 15px 1em 15px;margin-bottom:0;}
.boxPrimary ul{padding:0 15px 1em 15px;}
.boxPrimary ul li{list-style:none;padding:0 15px;background:url(http://www.cityred.ma/images/interface/icon-nav.gif) no-repeat 0 0.45em;}
.boxSecondary{display:inline;float:right;width:185px;margin-top:2em;background:#fff url(http://www.cityred.ma/images/interface/boxSecondaryBottom.gif) no-repeat left bottom;}
.boxSecondary h3{padding:10px 10px 0 15px;text-indent:0;background:url(http://www.cityred.ma/images/interface/boxSecondaryTop.gif) no-repeat left top;}
.boxSecondary p{padding:0 10px 0.5em 15px;}
.boxSecondary ul{padding:0 10px 1em 15px;}
.boxSecondary h4{font-size:1.1em;padding:10px 10px 0 15px;}

/* Old stuff */
#premiumContentWrapper	{ position: relative; width: 780px; margin: 0 auto; }
#premiumContent { position: absolute; top: 90em; left: 0; }
#premiumContentMain { float: right; width: 485px; margin-left: 20px; }
#premiumContentMain h1, #premiumContentMain h2 { font-size: 1.2em; font-weight: bold; color: #454545; text-indent: 0; }
#premiumContentSecondary { float: left; width: 245px; }
#premiumContentSecondary h3 { margin-top: 2em; font-size: 1.2em; font-weight: bold; color: #454545; text-indent: 0; }