/*****MAIN CSS STYLE FOR I-RENT****/
/*****KND Web Consultants *********/
/*****Author: Nicki Mckay ********/
/*****Date: September 2007********/


/********************layout styles****************/
/*************************************************/
*{margin:0; padding:0;}

html{ 
	/*background-color:#000000;	pink layout
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	color:#ffffff;*/
	background: #FFFFFF;
	color:#575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	}


	
/*this wrapper includes the entire page*/
#pagewrap{
	width:994px;
	margin:15px auto;
	/*background-color:#000000;	pink layout*/
	background: #FFFFFF;
}

/*this wrapper has the pink border*/	
#mainwrapper {
	width:974px;
	/*border:solid 10px #E5037F;	pink layout*/
	border: #DDDDDD solid 10px;
}

#header{ 
	background-color:black;
	height:121px;
	background-repeat:no-repeat;
}

.mainlogo {
	border:0;
	margin:25px 0 0 25px;
	
}
.reason{width:400px; float:left; margin-right:60px; height:400px;}

.splitme {
	width:420px;
	float:left;
	margin-right:40px;
}

#navigation{
	/*background-image:url(../images/nav_background.jpg);	pink layout
	background-repeat:repeat-x;
	background-color:#180313;*/
	background: #575757;
	height:44px; 
	clear:both;
	text-align: center;
}

#contentwrapper{
	/*background-image:url(../images/content_background.jpg);
	background-repeat:repeat-x;*/
	background: #FFFFFF;
}

#leftcolumn{width:202px; float:left; padding:15px 5px 10px 15px;}
#middlecolumn{width:510px;float:left; padding:15px 10px 10px 10px;}
#rightcolumn{width: 202px;float:left; padding:15px 5px 10px 5px;}
#clear{clear:both; overflow:hidden;}

#footer{
	clear:both; 
	overflow:hidden;
	/*background-image:url(../images/footerbackground.jpg);	pink layout*/
	background: #575757;
	color: #FFFFFF;
	/*width:994px;*/
	/*margin:0 -20px -62px -20px;*/
	height:42px;
	}
#phone {float:right; font-size:1.3em; letter-spacing:0.4em;margin-right:30px;}

/****use these styles for the content pages (single column layout)****/
#contentheader{
	margin: 0px;
	padding: 0px 400px 0 30px;
	height:209px;
	line-height:1.6em;}
.bed {
	background: #EEE url(../images/irent_lights.gif) no-repeat right;
	}	

.lounge {
	background: #EEE url(../images/irent_lounge.gif) no-repeat right;
	}
.table {
	background: #EEE url(../images/irent_table.gif) no-repeat right;
	}	
.lights	{
	background: #EEE url(../images/irent_lights.gif) no-repeat right;
	}
.kettle	{
	background: #EEE url(../images/irent_kettle.gif) no-repeat right;
	}
.search	{
	background: #EEE; height: auto !important; height: 209px;
	}

#contentarea{
	background-color:#ffffff; 
	margin:0; 
	padding:20px; 
	padding-top:10px; 
	/*border-top:solid 3px #E5037F;	pink layout*/
	border-top:solid 3px #FFFFFF;
	color:#333333;
	}


/****************ITEM LAYOUTS (property layouts)****************/
/*mini wrapper*/
#itembox{padding-bottom:20px;}
#image{float:left; width:150px;}
#details{float:left;width:550px;}
#details h3{padding-top: 0px!important;}
#icons{float:left; width:200px; padding-top:10px; padding-left:30px;}

#itembox p{ 
	font-size: 0.95em; 
	color:#333333; 
	}
	
#itembox img {float:left; border: 2px solid #E5037f; width:120px; }
#itembox a{}
#itembox h2{ 
	color:#e5037f; 
	letter-spacing:0.1em; 
	text-transform:UPPERCASE;
	font-size:1em;
    background-image:url(../images/doubledotpink_white.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:10px;
	padding-bottom:10px;

	}
#itembox h3.whatsNewDate{
	margin-bottom:0;
	color:#e5037f;
	font-size:0.95em;
	float:right;
	margin-top:-45px;
}
#itembox h3.listingPrice{
	margin-bottom:0;
	color:#e5037f;
	font-size:0.95em;
	float:right;
	margin-top:-35px;
}
#itembox p.availability {
	text-align: right;
}
.bedrooms {
	color:#e5037f; 
	background-image:url(../images/bedicon.jpg);
	background-repeat:no-repeat;
	display:block;
	height:80px;
	text-align:center;
	width:70px;
	float:left;
	} 
.bathrooms {
	color:#e5037f;
	background-image:url(../images/bathicon.jpg);
	background-repeat:no-repeat;
	display:block;
	height:80px;
	width:30px;
	padding-left:30px;
	float:left;

		
	
	}
.carspaces {
	color:#e5037f;
	background-image:url(../images/caricon.jpg);
	background-repeat:no-repeat;
	display:block;
	height:80px;
	width:30px;
	padding-left:30px;
	float:left;
	}

#pages{
	color:#333333; 
	margin-right:20px; 
	float:right;
	letter-spacing:0.2em;
	}
#pages a{color:#333333; text-decoration:none;}
#pages a:hover{text-decoration:underline;}

span.lbl{
	display: block;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 90px !important;
}

span.lbl.long{
	width: 300px !important;
}

.contact_page label{
	width:70px;
	text-align: left;
	float:left; 
}

.contact_page span{
	width:100px;
	text-align: left; 
	color:#5F0138; 
	display:block;
	float:left;
}

.contact_page span.long{
	width:400px;
}

.contact_page .whiteBtn{
	margin-left:80px!important;
}



/*****************Info box styles (boxes within columns)*****************/
/*************************************************/

#brightinfobox{
	/*background-color:#A10158;	pink layout*/
	background: #EEEEEE;
	margin:0 0 20px 0; 
	padding-bottom:10px;
	}

#brightinfobox h2{ 
	/*background-image:url(../images/brightbackground.jpg);	pink layout*/
	background: #CDCDCD;
	font-size:1em;
	letter-spacing:0.3em;
	padding:12px;
	}

a:focus { 
    outline: none; 
}
	
	
	
.button li{
	font-size:0.85em;
	list-style:none;
	margin-left:15px;
}

.button a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	padding:5px 15px;
	margin:10px 0 0 0 !important;
	background-image:url(../images/button.jpg);
	background-repeat:no-repeat;
}

.button a:hover{
	background-image:url(../images/buttonhover.jpg);
}

.faqs li{
	list-style:none;
	font-size:0.85em; 
	margin-left:15px;
}

.faqs a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	background-image:url(../images/faqsbtn.jpg);
	background-repeat:no-repeat;
	padding:5px 30px;
	margin:10px 0 0 0 !important;
}

.faqs a:hover{
	background-image:url(../images/faqsbtnhover.jpg);
}

.forms li{
	list-style:none;
	font-size:0.85em;
}

form h3{ background-color:#EDD3EA; margin:10px 0; padding:5px!important;}

.forms a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	background-image:url(../images/formsbtn.jpg);
	background-repeat:no-repeat;
	padding:5px 30px;
	margin:10px 0 0 0 !important;
}

.forms a:hover{
	background-image:url(../images/formsbtnhover.jpg);
}

.rentnow li{
	list-style:none;
	font-size:0.85em; 
	margin-left:15px;
}
.rentnow a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	background-image:url(../images/rentnowbtn.jpg);
	background-repeat:no-repeat;
	padding:5px 30px;
	margin:10px 0 0 0 !important;
}

.rentnow a:hover{
	background-image:url(../images/rentnowbtnhover.jpg);
}

#midinfobox{
	/*background-color:#3A0023;	pink layout*/
	background: #EEEEEE;
	margin:0 0 20px 0; 
	padding-bottom:10px;
}

#midinfobox h2{ 
		/*background-image:url(../images/midbackground.jpg);	pink layout*/
		background: #CDCDCD;
		height:20px;
		font-size:1em;
		letter-spacing:0.3em;
		padding:12px;
		text-transform:UPPERCASE;
		}
#midinfobox p{
	margin-top:10px; 
	font-size:0.9em;
	}
	
.find li{
	list-style:none;
	font-size:0.85em;
	margin-left:15px;
}
.find a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	background-image:url(../images/findprop.jpg);
	background-repeat:no-repeat;
	padding:5px 30px;
	margin:10px 0 0 0 !important;
}

.find a:hover{
	background-image:url(../images/findprophover.jpg);
}

.list li{
	list-style:none;
	font-size:0.85em;
	margin-left:15px;
}
.list a{
	color:#ffffff;
	text-decoration:none;
	
	display: block;
	
	background-image:url(../images/listprop.jpg);
	background-repeat:no-repeat;
	padding:5px 30px;
	margin:10px 0 0 0 !important;
}

.list a:hover{
	background-image:url(../images/listprophover.jpg);
}

#dullinfobox{
	/*background-color:#180313;	pink layout*/
	background: #EEEEEE;
	margin:0 0 20px 0; 
	padding-bottom:10px;
}

#dullinfobox h2{ 
		/*background-image:url(../images/dullbackground.jpg);	pink layout*/
		background: #CDCDCD;
		height:20px;
		font-size:1em;
		letter-spacing:0.3em;
		padding:12px;
		text-transform:UPPERCASE;
		}
#dullinfobox p{
	margin-top:10px; 
	font-size:0.95em;
	}
	
/*news-items styles*/

#news {padding:10px;font-size:0.9em;margin-bottom:10px; 
	background-image:url(../images/doubledotpink.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin: 0px 10px;
	}
/*date*/
#news h4{ color:#E5037F; font-weight:bold;}
/*content*/
#news p{font-weight:normal;}
/*#news a{color:#ffffff;}	pink layout*/

.error_message{
	width:500px;
	padding:3px;
	border: #E5037F solid 4px;
	background-color: #FFBDBD;
	margin-bottom: 5px; 
	margin-top: 5px; 
}


/****************navigation styles****************/
/*************************************************/

/*main navigation*/


#menu {
	/*background-image:url(../images/nav_background.jpg);	pink layout*/
	background: #575757;
	height:44px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px auto;
	width: 875px !important;
	width: 925px;
	padding-left: 2px; 
}

#menu li {
	display:block;
	float:left;
	position:relative;
	margin:0;

}
#menu li a {
	font-weight: bold;
	color:#FFFFFF;
	letter-spacing:0.1em;
	text-transform:uppercase;
	letter-spacing:0.3em;
	float:left;
	padding:14px 0px 0px 0px;
	text-decoration:none;
	margin:0 16px;
	text-align:center;
	height: 30px;
}
#menu li a:hover {
	color: #E5037F;
}

#menu li ul {
	font-size:0.8em;
	/*background:#E5037f none repeat scroll 0%;	pink layout*/
	background: #575757;
	display:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	left:0;	
	margin:0;padding:0;
	width:150px;
}

#menu li.hover {
	/*background-image:url("../images/hover_nav.jpg");	pink layout
	background-repeat:repeat-x;
	background: #E5037f;*/
}

#menu li.hover ul {
	display:block;
	width:150px!important; 
}
#menu li ul li {
	display:inline;
	float:none;
	margin:0pt;
	position:static;
	width:150px!important;
}
#menu li ul li a { 
	font-weight:normal;
	display:block;
	width:auto;
	float:none;
	text-transform:none;
	letter-spacing:0;
	margin:0; padding:16px 0 0 15px;
	text-align:left;
	font-size: 11px;
  
}
#menu li ul li a:hover, #menu li ul li.hover {
	color: #FFFFFF;
  /*background:#000000 none repeat scroll 0%;	pink layout*/
	background: #898989 none repeat scroll 0%;
}


#navigation ul li.hover ul {
	display:block;
	left:0; right:0;
	margin:43px 0 0 0;
	width:auto;
	}


/******ADMIN MENU****/

#adminmenu li {float:left; list-style-type:none; margin:0 20px 0 0; text-transform:UPPERCASE;}
#adminmenu li a{text-decoration:none; color:#333333; font-weight:bold;}
#adminmenu li a:hover {text-decoration:underline; color:#E5037F}
/*footer navigation*/
#footer ul{margin:8px 0 0 10px;}

#footer li{
	list-style:none;
	float:left;
	font-size:0.8em;
	margin:0 10px 0 0 ; 
	padding:5px 0 0 0;	
}
#footer li a {color: #ffffff; text-decoration:none;}

#footer .paytype{margin: 0px 10px 0px 0px; padding: 0px;}

/******flash area********/
#flashholder{ 
	width:510px; 
	height:250px;
	background-image:url(../images/flashHolderWide.gif);
	background-repeat:no-repeat;
	background-color: pink;
	}


/******Text styles******/

p { margin-bottom:10px;}
h1 {
	text-transform:UPPERCASE;
	font-weight:normal;
	font-size:1.2em;
	letter-spacing:0.2em;
	display:block;
	/*background-image:url(../images/doubledot_white.gif);	pink layout*/
	background-image:url(../images/doubledotpink_white.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0 10px 0;
	margin-bottom:10px;

}	

.pink {color:#E5037F;}

a{
	/*color:#E5037F;	pink layout*/
	color: #E5037F;
	text-decoration:none;
}

a:hover {text-decoration:underline;}
ul{
	list-style-type:square;}
li {
	margin-left:20px;
	
	}
	
#contentarea p {color:#333333;}
#contentarea h1 {color:#E5037F; background-image:none; font-weight:bold;}
/*#contentarea h2 {color:#E5037F; letter-spacing:0.1em; font-weight:bold;font-size:1.15em; padding-bottom:10px;}	pink layout*/
#contentarea h2 {color:#575757; letter-spacing:0.1em; font-weight:bold;font-size:1.15em; padding-bottom:10px;}
/*#contentarea h3 {color:#E5037F; font-weight:bold;font-size:1.1em;padding-bottom:10px;}	pink layout*/
#contentarea h3.whatsNewDate {color:#575757; font-weight:bold;font-size:1.1em;padding-bottom:10px;padding-top:10px}
#contentarea h3.listingPrice {color:#575757; font-weight:bold;font-size:1.1em;padding-bottom:10px;padding-top:10px}

#contentarea ul{
	padding-bottom:10px;
}


blockquote{font-style:italic; background:url(/images/quote.gif) no-repeat #EDD3EA 10px 10px; padding:20px 20px 20px 60px; margin-bottom:20px;}

.block-pink { background-color:#e5037f; display:block;  padding:5px;}

.toggler {
	cursor:pointer;
	background-color:#DDDDDD;
	padding:10px; 
	}
.atStart {
	margin-bottom:10px;
}

.why_use_irent .toggler{
	padding:5px!important;
	background-color: #fff;
	border-bottom:2px solid #eee;
	width:596px; 
	 
}

.why_use_irent .atStart {
	margin-bottom:0px!important; 
	margin-top:0px!important; 
}

.why_use_irent .element {
	padding: 3px!important; 
	width:600px;
	background-color: #fff;
}

.why_use_irent .element img {  
	margin-top:3px;
	margin-right:10px;
}

.why_use_irent h3{
	margin: 0px!important;
	padding: 0px!important;
	font-weight: normal!important;
	text-transform: uppercase;
}

	
/************FORM STYLES************/
/***********************************/

#infoboxform{
	margin:15px;
	
}
#infoboxform .infolabel{
	margin-top:10px;
	line-height: 10px;
	height:16px;
}
#infoboxform input{  
	margin: 0px!important;
	padding: 0px!important; 
	xmargin-bottom:5px;
	/*border:1px solid #E5037F;	pink layout
	color:#5F0138;*/
	border: #CDCDCD 1px solid;
	color: #575757;
	font-weight:bold;
}

#infoboxform .submit{
	background-image:url(../images/submitbtn.jpg);
	background-repeat: no-repeat;
	display: block;
	border:none;
	width:69px;
	height:22px;
	color:#ffffff;
	margin-left:-1px;
	margin-top:10px;
	text-align: center;
	padding-top:5px;
	font-weight: bold;
	cursor: pointer;
}

#infoboxform a:hover{
	text-decoration: none;
}  

.online_application label{
	float: left;
	width: 190px !important;
	text-align: left;
	display:block;
	height:28px; 
}

label span{
	font-size: 10px;
	color: #656565;  
}
.online_application label.tiny{   
	width:30px !important; 
	margin-left:5px   
}

.online_application label.long{
	width:450px !important;  
}

.online_application .response_info{
	width:400px;
	float:left;
	clear:both; 
} 

.online_application dl{
	width:900px;
	overflow:hidden;
}

.online_application dt{
	float:left;
	clear:left; 
	width:180px;
	margin:3px; 
	padding:0px;
}

.online_application dd{
	float:left; 
	width:700px; 
	margin:3px;  
	padding:0px; 
	font-style: italic; 
}

.terms h3{
	margin-top: 30px;
	color: #e5037f !important; 
}

.online_application input.error, .online_application select.error,  .online_application textarea.error{
	color:#5F0138;
	background-color: #FFBDBD;
	
}

.online_application input, .online_application select, .online_application textarea {
	
}


input[type=radio],[type=checkbox]{
	width:10px;
	border:none;
}

.online_application textarea{
	width:300px;
}


.online_application .country{
	width:300px;
}

.online_application .extra_large{
   width:110px;  
}

.online_application .large{
    width:90px;
}

.online_application .regular{
    width:70px;
}

.online_application .small{
    width:50px; 
}

.online_application .extra_small{
    width:30px; 
}

.noFamily{
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

         
/*********ADMIN STYLES***************/

input.whiteBtn{
	background:url(../images/btnPink.gif) no-repeat;
	background-position: 0px 4px;
	border:none;
	width:100px;
	height:38px;
	color:#ffffff;
	margin-left:160px;		
	float:left;	
	cursor: pointer;
	font-size: 17px;
}

input.whiteBtn:active{
	color:#FAA;
}

.whiteBtn.back{
 	margin-left:50px!important;
}

.whiteBtn.next{
 	margin-left:600px!important;
}

.whiteBtn.dontAccept{
	width:150px;
	background:url(../images/btnPinkLong.gif) no-repeat; 
	background-position: 0px 4px;
}


label{
	float:left;
	padding-right: 10px;
	text-align: left;
	width:150px;
	height:28px;
}



span.points{
	margin-right: 50px;
}

span.big_em{
	font-weight: bold;
	color:red;
	font-size:14px;
}

span.small_em{
	color:red;
}

label.searchlbl{
	width:180px;
}
#searchRentFrm .whiteBtn{
	margin-left:100px;
}

select, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	color:#5F0138;
	margin-bottom:5px;
	border:1px solid #8F627B;
	font-size:13px;
	width:165px;
}
.xshort {width:30px;} 
.short {width:50px;} 
.med-short {width:70px;}
.medium {width:100px;}
.small {font-size:0.8em; font-style:italic;}
.large {width:400px; height:100px;}
.med-long{width:120px} 
.longish{width:200px} 
.long {width:300px;}
.check{width:auto; margin-bottom:8px;}
.money {
	background-image:url(../images/dollar_sign.png);
	background-repeat: no-repeat;
	padding-left:10px
 
}


.fauxbtn{
	background-image:url(../images/buttonWhite.jpg);
	border:none;
	width:67px;
	height:18px;
	color:#ffffff;
	margin-left:10px;
	display:block;
	text-align:center;
	padding-top:5px;
	text-decoration:none;
	font-size:13px;	
	float:left;
}

.fauxbtn a:hover{text-decoration:none;}

.error{color:#E5037F;}

/**********TABLE STYLES************/

table {padding:0; border-collapse:collapse; }

th	{	
	font-weight:normal;
	text-transform:UPPERCASE;
	border:1px solid #919193;
	padding:5px;
	background-color:#cccccc;
	}
	
td {
	border:1px solid #919193;
	padding:5px;
	border-spacing:0;
}

.archived{}
.archived td{background: #eee; color: #999;}

.clear{
	clear: both;
}

select.nofloat, input.nofloat{
	float:none;
}

#decoy{
	height: 0px;
	width: 0px;
	border:none;
	color:#fff;
	background: transparent;
}

.money_cont{
	float:left; 
	margin-left:-10px;
}

.dollar_cont{
	float:left; 
	width:10px;
}

.alpha-bullet{
	float:left;
	width:20px;
}

.minMaxLbl{
	padding-top:0px; 
	margin-top:0px; 
	height:19px; 
	width:30px; 
	float:left;
	font-size:10px;
	color:#656565;
}

.minMaxField{
	float:left;
	width:75px;
}


/*
** Squeeze Content
*/
div.browserCont{
	text-align: center;
	width:428px;
	margin-left: auto;
	margin-right: auto;
}

div.browserCont a.icon{   
	float:left;
	width:80px;
	margin-left: 30px;
	margin-right: 30px;
	height: 60px;
	margin-top: 20px;
	background-position: bottom center;
	background-repeat: no-repeat;
}

div.browserCont div.name{
	float:left;
	width:140px;
	margin-top: 10px;  
	height: 30px;
}

div.browserCont a{
	color: #555;
	font-weight:bold;
}

#squeeze_content{
	background-color: #aaa;
}

#accordion ol, #accordion ul{
	padding-left: 15px;
}

#KNDLink{ visibility: hidden; }