/*-----------------------------------------------------------------------------
Title:      car-hire-morocco.com master styles for screen media
Author:     Jim Pannell / sixmedia.net
Updated:    Jan 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 			{ float: left; margin: 0; padding: 0; width: 400px; height: 150px; }
#header			{ float: left; width: 272px; padding-left: 85px; }
#content		{ width: 773px; clear: both; padding: 6px 0 0 7px; background: #fff url(/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; }

.homeFeature 		{ width: 285px; min-height: 91px; margin-bottom: 5px; background: #f4f3ef url(/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; }
.featureRiads		{ margin-bottom: 5px; }

#footer			{ width: 773px; padding: 15px 0 5px 7px; margin: 0 0 0 -7px; clear:both; background: url(/images/interface/pagebottom_bg.gif) 0 100% no-repeat; }
div.tile		{ float: left; width: 285px; min-height: 91px; margin: 0; background: #f4f3ef url(/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(/images/interface/largetile_bg.gif) 0 0 no-repeat;}
div.tileSml		{ float: left; width: 285px; min-height: 91px; margin: 0; background: #f4f3ef url(/images/interface/largetile_bg.gif) 0 0 no-repeat;}

/* Top Nav */
#header ul		{ display:block; width: 230px;}
#header ul li	{ display:block; float:left; 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 115px;}
#header h3		{ text-indent:0; font-size: 1em; white-space:nowrap; font-weight: normal; }

/* Content Area */
#contentArea { margin: 5px 10px 0 0; padding: 0; display: inline; }
#contentArea h1 { font-size:1.4em; font-weight: normal; margin: 0; padding: 10px 0 0 0; color:#e91a26; text-align: left; }
#contentArea h1 + p { font-size:1.1em; font-weight:normal; color:#aaa; margin-top:0; }
#contentArea h1 + p b {font-weight:normal;}
#contentArea h2 { font-size: 110%; margin: 10px 0 0 0; padding: 0; text-indent: 0; font-weight: bold; text-align: left; }
#contentArea p, #contentArea li	{ font-size: 1em; }
#contentArea ul	{ padding-left: 15px; }
#contentArea li	{ list-style-type:square; margin-bottom:0.5em; }
#contentArea li	b, #contentArea li strong {color:#ed1b23;}

.imageDefaultHolder { position: relative; width: 565px; }
.imageDefault { position: absolute; top:5px; left: 0px; width:159px; height: 99px; }

/* Sub Navigation */
#subnavBox { margin: 5px 0; padding: 0; float: left; width:159px; background:#ebe3de url(/images/interface/subnav-bottom.gif) no-repeat left bottom; }
#subnavBox h4 { color:#000; font-size: 1.1em; font-weight:bold; padding:10px 0 0 10px; background: url(/images/interface/subnav-top.gif) no-repeat left top; }
#subnavBox ul { padding: 0 0 10px 10px; }
#subnavBox p { padding: 0 5px 10px 10px; }
#subnavBox ul li { font-size: 0.925em; list-style: none; padding:0; margin: 0.3em 0; }
#subnavBox ul li a		{ color: #000; border-bottom: 1px #999 dotted; }
#subnavBox ul li a:hover { color:#454545; border-bottom: 1px #000 solid;}
#subnavBox ul li ul		{ margin: 5px 0; padding: 0; }
#subnavBox ul li ul li 	{ list-style: none; margin: 0; padding: 0 0 0 12px; background: url(/images/common/icon-subnav.gif) no-repeat 0 50%; }
#subnavBox ul li ul li.selected	{ background: url(/images/common/icon-subnav-selected.gif) no-repeat 0 50%; }
#subnavBox ul li ul li.selected a { color: #e2352f; }

/* Side Bar */

#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(/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(/images/common/icon-subnav.gif) no-repeat 0 50%; }
#sidebar ul li ul li.selected	{ background: url(/images/common/icon-subnav-selected.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(/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(/images/interface/ifyoulike_bg.gif) 0 100% no-repeat;}
#displayOptions 		{ margin: 10px 0; }
#displayOptions form p 	{ padding: 5px 0; }
#leedsLinks				{ margin:0; padding:0; }
#leedsLinks h4			{ margin:0; padding:0; }

/* Headers */
h2.propertysearch	{ width: 177px; height: 88px; background-image: url(/images/headers/h2_propertysearch.gif); }
h2.welcome			{ background-image: url(/images/headers/h2_welcome.gif); }
h3.apartments		{ background-image: url(/images/headers/h3_apartments.gif); height: 26px; }
h3.villas			{ background-image: url(/images/headers/h3_villas.gif); height: 26px; }
h3.miramas			{ background-image: url(/images/headers/h3_miramas.gif); height: 26px; }
h3.sales			{ background-image: url(/images/headers/h3_sales.gif); height: 26px; }
h3.ifyoulike		{ height: 50px; margin-top: 10px; background-image:url(/images/headers/h3_ifyoulike.gif); }

h2.searchresults	{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_searchresults.gif); }
h2.propdetails		{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_propdetails.gif); }
h2.aboutus			{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_aboutus.gif); }
h2.contactus		{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_contactus.gif); }
h2.privacypolicy	{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_privacypolicy.gif); }
h2.terms			{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_terms.gif); }
h2.sales			{ width: 250px; height: 95px; float: left; background-image: url(/images/headers/h2_sales.gif); }
h2.land				{ width: 250px; height: 95px; float: left; background-image: url(/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(/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(/images/headers/h1_header_riads.gif); }

/* General */
/* #content .prop { height: 289px; } */
#content .prop {display:none;}
#searchResults .prop { height: 273px; }
.prop 	{ float:right; width:1px; }
.clear 	{ clear:both; height:1px; overflow:hidden; }	

h3, h2		{ 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(/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(/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; }
.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; }

.asterisk { font-size: 95%; color: #F68622; font-weight: bold; vertical-align: -2px; }
.defaultErr { color: #cc0000; padding: 0; }

/* Sitemap styling */
#sitemap a { color: #000; border-bottom: 1px #999 dotted; }
#sitemap a:hover {color:#999;}
#sitemap dt strong a {color:#E3252F;}

/* Footer */
#footer { font-size: 0.9em; }
#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;}


/* 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	{ 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(/images/interface/icon-tick.gif) no-repeat 0 0.25em; text-transform: capitalize; }
#propertyFeatures h5	{ font-size: 1em; margin-bottom: 0; }

/* 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.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(/images/interface/tl.png) top left no-repeat; top:0 }
div.wrapper div.tr, div.wrapping div.tr { background:transparent url(/images/interface/tr.png) top right no-repeat; top:0; }
div.wrapper div.bl, div.wrapping div.bl { background:transparent url(/images/interface/bl.png) bottom left no-repeat; bottom:0; }
div.wrapper div.br, div.wrapping div.br { background:transparent url(/images/interface/br.png) bottom right no-repeat; bottom:0; }

div.pagination {width: 100%; margin:1em 0; font-size: 1.1em; }
div.pagination a, div.pagination strong {text-decoration: none; padding: 1px .3em; border:1px solid #ccc; margin-left:.3em;}
div.pagination strong {border: none; color: #000; padding: 1px .25em; margin-left:.25em;}
div.pagination a:hover{color:#fff; background:#ed1b23;}

/* Keywords rich content */
#premiumContentWrapper	{ position: relative; width: 780px; margin: 0 auto; }
#premiumContent { position: absolute; top: 850px; 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 ul { margin: 0 0 6px 0;}
#premiumContentSecondary ul li { font-size: 0.925em; list-style: none; padding:0 0 0 10px; margin: 0.3em 0; background: url(/images/interface/icon-nav.gif) no-repeat 0 0.45em; }
#premiumContentSecondary ul li a	{ color: #000; font-weight: bold; }
#premiumContentSecondary ul li a:hover	{color:#999;}