@import "content.css"; /** stylesheet by Dubbed Creative **/

/* 
Title:     	Eye4Homes.co.uk
Author:    	lynsey buckley / me@lynseybuckley.me.uk
date:   	September 2006
*/

			body { margin: 0; padding: 0; font-size: 100%; background-color: #dfe97f; font-family: Arial, Helvetica, sans-serif; text-align: center;}
			
			img { border: none; margin: 0; padding: 0;}
			
			a img { border: none;}
			
			div,input,form,h1,h2,h3,h4,h5,hr,ul,li,p,dl,dd,dt,ol,object,param
			{ margin: 0; padding: 0;}
			
			#gradient-bg { background-image: url(../images/gradient-bg.jpg); background-position: top; background-repeat: repeat-y; width: 782px; margin-left: auto; margin-right: auto;}
			#container { background-color: #fff; width: 762px; text-align: left; margin-left: auto; margin-right: auto; background-image: url(../images/left-bg.gif); background-position: top left; background-repeat: repeat-y;}

/* header
	---------------------------------------------------------- */
			#header { width: 762px; position: relative; height: 229px;}
			
/* structure styles
---------------------------------------------------------- */

			#leftcol { float: left; position: relative; width: 126px; background-color: #D0D2D3; color: #808284; padding-bottom: 6px;}
			#maincol { float: right; display: inline; position: relative; width: 606px; padding: 15px;}
 
/* content styles
--------------------------------------------------------- */
			#loginarea { width: 126px; float: left; display: block;}
			
			#loginarea a:link, #loginarea a:visited { font-size: 90%; color: #EC1C24; text-decoration: none;}
			#loginarea a:hover { text-decoration: underline;}
			
			#property-search { width: 126px; float: left; display: block; margin-top: 5px;}
			
			#email-alerts { width: 126px; float: left; display: block; margin-top: 5px;}
			
			#advertising { width: 126px; float: left; display: block;}
			
			.promo-boxes { width: 113px; margin: 0; padding: 6px;}
			
			#main-content { margin-bottom: 15px; padding: 0;}
			#main-content p { font-size: 80%; color: #000000; padding-bottom: 10px; line-height: 16px;}
			#main-content h1 { font-size: 130%; color: #FF0000; padding-bottom: 10px;}
			#main-content h2 { font-size: 90%; color: #FF0000; padding-bottom: 10px;}
			#main-content a:link, #main-content a:visited { color: #EC1C24; text-decoration: none;}
			#main-content a:hover { text-decoration: underline;}
			
			ol#sellers  { padding-bottom: 10px;}
			#sellers li { padding-bottom: 5px; padding-left: 17px;}
			#sellers p { margin: 0; padding: 0;}
			
			.red { color: #FF0000;}
												
			/* Welcome intro
			---------------------------------------------------------- */	
			#wrapper-maincontent { width: 606px; padding-bottom: 15px; border-bottom: 1px dotted #cccccc;}
			#sitemapmain-left {
	float: left;
	position: relative;
	width: 500px;
	padding-right: 15px;
	border-right: 1px dotted #cccccc;
}
			#main-left {
	float: left;
	position: relative;
	width: 340px;
	padding-right: 15px;
	border-right: 1px dotted #cccccc;
}			
			#main-right { float: right; display: inline; position: relative; width: 250px;}
			
			/* Property of the week
			---------------------------------------------------------- */	
			#property-week { margin: 0; padding: 0; text-align: center; font-size: 90%; width: 230px; background-color: #dddedf; padding: 10px; border-top: 3px solid #000000;}
			#property-week img { width: 229px; padding-bottom: 4px;}
			#property-week p {  line-height: 14px; padding: 0 0 2px 0;}
			#property-week a:link, #latest-properties a:visited { color: #EC1C24; text-decoration: none;}
			#property-week a:hover { text-decoration: underline;}
			
			/* Case Studies
			---------------------------------------------------------- */	
			#case-study { width: 606px; background-color: #e4ec94; margin-top: 15px;}
			#case-study p { font-size: 80%; padding-bottom: 10px;}
			#case-study h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			#case-study ul { font-size: 80%; padding-bottom: 10px; padding-left: 17px;}
			#case-study li { padding-bottom: 5px; list-style: disc;}
			#case-study .caption { font-size: 80%; color: #EC1C24; padding: 10px;}
			
			#casestudy-leftcol { width: 130px; float: left; position: relative; background-color: #e4ec94;}
			#casestudy-twocols { width: 476px; float: right; position: relative; background-color: #C9DA2A;}
			#casestudy-rightcol { width: 208px; float: right; position: relative; padding: 15px;}
			#casestudy-maincol { float: left; display: inline; position: relative; width: 208px; padding: 15px; background-color: #e4ec94;}
			#casestudy-footer { clear: both;}

			/* Right Column
			---------------------------------------------------------- */	
			#picture-caption { width: 220px; height: 70px; padding: 15px; margin-bottom: 15px; background-color: #e4ec94;}
			#picture-caption p { font-size: 80%; color: #EC1C24; font-weight: bold; margin: 0; padding: 0;}

			/* 10 simple steps
			---------------------------------------------------------- */	
	
			#simplesteps { width: 606px; background-color: #e4ec94; margin-top: 15px; background-image: url(../images/green-bg.gif); background-position: top; background-repeat: repeat;}
			#simplesteps p { font-size: 80%; padding: 10px 0 30px 0; font-weight: normal;}
			#simplesteps h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			#simplesteps-leftcol { float: left; position: relative; width: 130px;}
			#simplesteps-maincol { float: right; display: inline; position: relative; width: 446px; padding: 15px;}
			#simplesteps-maincol ol { padding-bottom: 10px; padding-left: 27px;}
			#simplesteps-maincol li { padding-bottom: 0; color: #EC1C24; font-weight: bold;}
			
			ul#simplesteps-maincol { padding-bottom: 10px; padding-left: 27px;}
			#simplesteps-maincol ul li { padding-bottom: 0; color: #000000; font-weight: normal; font-size: 80%;}

			/* Advertise
			---------------------------------------------------------- */	

			ul#advertise  { font-size: 80%; padding-bottom: 10px; padding-left: 17px;}
			#advertise li { padding-bottom: 10px; list-style: disc;}
			
			#potw-box { background-color: #ed1c24; background-image: url(../images/15-ad.jpg); background-position: top; background-repeat: no-repeat; width: 225px; padding: 15px 15px 15px 10px;}
			#potw-box h1 { color: #FFFFFF; font-size: 90%; width: 100px;}
			#potw-box p { color: #000000; font-size: 70%; width: 130px;}
			#potw-box a:link, #potw-box a:visited { font-size: 70%; color: #fbeb1c; text-decoration: none; width: 130px;}
			#potw-box a:hover { font-size: 70%; text-decoration: underline; width: 100px;}
			
			#extras-box { background-color: #ed1c24; background-image: url(../images/25-ad.jpg); background-position: top; background-repeat: no-repeat; width: 225px; padding: 15px 15px 15px 10px; margin-top: 5px;}
			#extras-box h1 { color: #FFFFFF; font-size: 90%; width: 110px;}
			#extras-box p { color: #000000; font-size: 70%; width: 130px;}
			#extras-box a:link, #extras-box a:visited { font-size: 70%; color: #fbeb1c; text-decoration: none; width: 130px;}
			#extras-box a:hover { font-size: 70%; text-decoration: underline; width: 100px;}
		
			#photography-box { background-color: #ed1c24; background-image: url(../images/25-ad.jpg); background-position: top; background-repeat: no-repeat; width: 225px; padding: 15px 15px 15px 10px; margin-top: 5px;}
			#photography-box h1 { color: #FFFFFF; font-size: 90%; width: 110px;}
			#photography-box p { color: #000000; font-size: 70%; width: 130px;}
			#photography-box a:link, #photography-box a:visited { font-size: 70%; color: #fbeb1c; text-decoration: none; width: 130px;}
			#photography-box a:hover { font-size: 70%; text-decoration: underline; width: 100px;}
			
			#local-box { background-color: #000000; background-image: url(../images/local-box.jpg); background-position: top; background-repeat: no-repeat; width: 305px; height: 75px; padding: 10px;}
			#local-box h1 { color: #000000; font-size: 90%; width: 130px; padding-left: 75px;}
			#local-box a:link, #local-box a:visited { display: block; padding-left: 75px; font-size: 70%; color: #ed1c24; text-decoration: none; width: 230px;}
			#local-box a:hover { padding-left: 75px; font-size: 70%; text-decoration: underline; width: 230px;}
			
			/* New Accounts
			---------------------------------------------------------- */	

			#wrapper-new-accounts { width: 606px; padding-bottom: 15px; border-bottom: 1px dotted #cccccc; text-align: center; margin-top: 10px;}
			#new-accounts-left { float: left; position: relative; width: 295px; background-color: #dfe97f; height: 550px;}			
			#new-accounts-right { float: right; display: inline; position: relative; width: 296px; margin-left: 15px; background-color: #dfe97f; height: 550px;}
			.box-padding { padding: 20px;}
			.imageAdd {font-size:80%; text-align:center;}
			
			/* Latest Properties
			---------------------------------------------------------- */

			.latest-properties { text-align: center; font-size: 80%; width: 164px; height: 220px; padding: 10px; margin-right: 15px; background-color: #dddedf; float: left; display: inline; margin-bottom: 15px;}
			.latest-properties p { line-height: 18px; padding-bottom: 2px;}
			.latest-properties a:link, #latest-properties a:visited { color: #EC1C24; text-decoration: none;}
			.latest-properties a:hover { text-decoration: underline;}
			
			#green-panel ul { font-size: 80%; padding-bottom: 10px; padding-left: 17px;}
			#green-panel li { padding-bottom: 5px; list-style: disc;}
			
			/* Signup Box
			---------------------------------------------------------- */
			#signup-box { background-image: url(../images/signup-box.jpg); background-position: top; background-repeat: no-repeat; width: 250px; height: 155px; margin: 0; padding: 0;}
			#signup-box p { font-size: 70%; width: 120px; padding: 8px 0 0 8px; line-height: 12px;}
			#signup-box img { padding: 15px 0 0 8px;}
		
			/* Sellers Guide
			---------------------------------------------------------- */
			#seller-ad { background-image: url(../images/sellers-ad-bg.jpg); background-position: top; background-repeat: no-repeat; width: 250px; height: 108px; margin: 0; padding: 0;}
			#seller-ad p { font-size: 70%; margin: 0; padding: 10px 10px 0 130px;}
			
			#toptips { width: 606px; background-color: #e4ec94; margin-top: 15px;}
			#toptips h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			#toptips-leftcol { float: left; position: relative; width: 130px;}
			
			#toptips-maincol { float: right; display: inline; position: relative; width: 446px; padding: 15px;}
			#toptips-maincol ul { padding-left: 27px; font-size: 80%;}
			#toptips-maincol li { padding-bottom: 10px; color: #000000;}
			
			#seller-guide { width: 606px; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; border-top: 1px dotted #cccccc;}
			#seller-guide h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			#seller-guide-leftcol { float: left; position: relative; width: 600px; border-right: 1px dotted #cccccc; padding-right: 15px;}
			#seller-guide-leftcol ul { padding-left: 17px; font-size: 80%;}
			#seller-guide-leftcol li { padding-bottom: 10px; color: #000000;}

			#seller-guide-maincol { float: right; display: inline; position: relative; width: 288px; padding-left: 15px;}
			#seller-guide-maincol ul { padding-left: 17px; font-size: 80%;}
			#seller-guide-maincol li { padding-bottom: 10px; color: #000000;}
			
			#seller-offers { width: 606px; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #cccccc; clear: both;}
			#seller-offers h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			#seller-offers-leftcol { float: left; position: relative; width: 287px; padding-right: 15px;}

			#seller-offers-maincol { float: right; display: inline; position: relative; width: 288px; padding-left: 15px;}
			
			.bg-txt { background-color: #dfe97f; padding: 10px;}
			
			/* Questions & Answers
			---------------------------------------------------------- */
			
			.twocol-onerow { width: 606px; padding-top: 15px; clear: both; border-top: 1px dotted #cccccc;}
			.twocol-onerow h1 { font-size: 110%; color: #EC1C24; padding-bottom: 10px; font-weight: normal;}
			.twocol-onerow-leftcol { float: left; position: relative; width: 287px; padding-right: 15px;}

			.twocol-onerow-maincol { float: right; display: inline; position: relative; width: 288px; padding-left: 15px;}
		 	
			#main-content .noborder { border-top: none;}

			/* Local Businesses
			---------------------------------------------------------- */
			
			#textlisting-box { background-color: #dfe97f; background-image: url(../images/15pounds_bg.jpg); background-position: top; background-repeat: no-repeat; margin: 0; padding: 0;}
			#textlisting-box h1 { color: #EC1C24; font-size: 80%; width: 120px; line-height: 12px; padding: 30px 0 5px 120px;}
			#textlisting-box ul { font-size: 70%; margin: 0; padding: 5px 0 10px 135px;}
			#textlisting-box li { padding-bottom: 1px; margin: 0; color: #000000;}
			
			#smallimg-box { background-image: url(../images/25pounds_bg.jpg); background-position: top; background-repeat: no-repeat; width: 250px; height: 150px; margin: 0; padding: 0;}
			#smallimg-box img { padding: 28px 10px 0 127px;}

			#largeimg-box { background-image: url(../images/35pounds_bg.jpg); background-position: top; background-repeat: no-repeat; width: 250px; height: 270px; margin: 0; padding: 0;}
			#largeimg-box img { padding: 28px 10px 0 127px;}
			
			#adverts ul { width: 606px; height: 113px; list-style-type: none; margin: 0; padding: 10px 0 10px 0; border-bottom: 1px dotted #cccccc; border-top: 1px dotted #cccccc;}
			#adverts li { display: inline; float: left; margin: 0; margin-right: 8px;}

/* Forms
---------------------------------------------------------- */
			
			/* Login Form */
			
			#fmlogin, #fmproperty, #fmemailalerts { width: 106px; padding: 0 10px 10px 10px; margin-top: 5px; color: #808284; background-color: #D0D2D3;}
			#fmlogin p, #fmproperty p, #fmemailalerts p { font-size: 70%;}
			#fmlogin input, #fmproperty input, #fmemailalerts input { margin: 2px 0 2px 0; font-size: 90%;}
			#submit { float: right; padding: 0; margin: 0;}
			#email, #password { width: 102px; height: 12px; border: 1px solid #626366; padding: 1px;}
			#location, #minprice, #maxprice, #bedrooms, #alertsemail { width: 102px; height: 12px; border: 1px solid #626366; padding: 1px;}
			
			/* Local Business Form */
			
			#fmlocalbusiness fieldset { margin: 0; padding: 0; border: none;}
			#fmlocalbusiness h2 { color: #EC1C24; padding-bottom: 10px;}
			#fmlocalbusiness { padding: 15px 15px 0 15px; margin: 0; background-color: #F3F3F3;}
			#localbusiness-submit { font-size: 90%; font-weight: bold; color: #EC1C24; border: none; background-color: #F3F3F3;}
			#localbusiness-email, #localbusiness-details { width: 280px; background-color: #ffffff; border: 1px solid #999999; padding: 4px; margin: 5px 0 5px 0;}
			
			/* Extra Services Form */
			#fmextra { padding-top: 20px;}
			#fmextra table { margin: 0; padding: 10px; border: none; background-color: #dfe97f; margin-bottom: 20px;}
			#fmextra h1 { font-size: 90%;}
			#fmextra th { font-weight: normal; font-size: 80%; text-align: left;}
			#extra-submit { font-size: 90%; font-weight: bold; color: #EC1C24; border: none; background-color: #F3F3F3;}
			#extra-firstname, #extra-surname, #extra-telno, #extra-mobile, #extra-email, #extra-password, 
			#extra-confirmpassword, #extra-total, #extra-extrasigns 
			{ width: 300px; background-color: #ffffff; border: 1px solid #999999; padding: 4px; margin: 5px 0 5px 0;}
			#extra-photography, #extra-potw { float: right; margin-right: 5px;}
			#extra-registerhere { width: 118px; height: 127px; float: right;}

			/* Registration Forms */
			
			#fmsellerregister table { margin: 0; padding: 5px; border: none; background-color: #dfe97f; margin-bottom: 20px;}
			#fmsellerregister h1 { font-size: 90%;}
			#fmsellerregister th { font-weight: normal; font-size: 80%; text-align: left;}
			#sellerregister-firstname, #sellerregister-surname, #sellerregister-telno,
			#sellerregister-mobile, #sellerregister-email, #sellerregister-password,
			#sellerregister-confirmpassword, #sellerregister-address1, #sellerregister-address2,
			#sellerregister-town, #sellerregister-county, #sellerregister-postcode,
			#sellerregister-type, #sellerregister-bedrooms, #sellerregister-tenure,
			#sellerregister-location, #sellerregister-where, #sellerregister-askingprice
			{ width: 300px; background-color: #ffffff; border: 1px solid #999999; padding: 4px; margin: 5px 0 5px 0;}

			#sellerregister-description, #sellerregister-external, #sellerregister-sizes
			{ width: 565px; background-color: #ffffff; border: 1px solid #999999; padding: 4px; margin: 5px 5px;}

			#sellerregister-registerhere { width: 118px; height: 127px; float: right;}

			#fmbuyerregister table { margin: 0; padding: 5px; border: none; background-color: #f9babd; margin-bottom: 20px;}
			#fmbuyerregister h1 { font-size: 90%;}
			#fmbuyerregister th { font-weight: normal; font-size: 80%; text-align: left;}
			#buyerregister-firstname, #buyerregister-surname, #buyerregister-telno,
			#buyerregister-mobile, #buyerregister-email, #buyerregister-password,
			#buyerregister-confirmpassword 
			 { width: 300px; background-color: #ffffff; border: 1px solid #999999; padding: 4px; margin: 5px 0 5px 0;}

			#buyerregister-registerhere { width: 118px; height: 127px; float: right;}
			.asterisk { color: #FF0000;}
			#admin-box { padding: 15px; margin: 15px 0 15px 0; border: 1px solid #cccccc; width: 400px;}

/* footer styles
---------------------------------------------------------- */
			#footer { clear: both; width: 596px; background-color: #fff; color: #333333; font-size: 70%; border-top: 1px dotted #cccccc; padding-top: 15px; margin-top: 50px;}
			#footer ul { width: 520px; list-style-type: none; padding: 0; margin-left: auto; margin-right: auto; text-align: center;}
			#footer li { display: inline; margin: 0; padding: 0 5px 0 5px; border-right: 1px solid #C9DA2A; line-height: 20px;}
			
			#footer a:link, #footer a:visited { color: #999999; text-decoration: none;}
			#footer a:hover { text-decoration: underline;}
			
			#footer li.noborder { border-right: none;}

			#footer-noline { clear: both; width: 596px; background-color: #fff; color: #333333; font-size: 70%;}
			#footer-noline ul { width: 520px; list-style-type: none; padding: 0; margin-left: auto; margin-right: auto; text-align: center;}
			#footer-noline li { display: inline; margin: 0; padding: 0 5px 0 5px; border-right: 1px solid #C9DA2A; line-height: 20px;}
			
			#footer-noline a:link, #footer-noline a:visited { color: #999999; text-decoration: none;}
			#footer-noline a:hover { text-decoration: underline;}
			
			#footer-noline li.noborder { border-right: none;}

/* additional styles
---------------------------------------------------------- */ /* *** Float containers */ 
			.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			 
			.clearfix { display: inline-table;}
			
			/* Hides from IE-mac \*/
			* html .clearfix { height: 1%;}
			.clearfix { display: block;}
			/* End hide from IE-mac */  
 
/* printer styles
---------------------------------------------------------- */
			@media print{ 
			/*hide the left column when printing*/ 
			#leftcol { display: none;} 
			#twocols, #maincol { width: 100%; float: none;}
}

/* admin styles
---------------------------------------------------------- */
   #admin { width: 106px; margin: 10px; padding-top: 8px; clear: both;}
   #admin h1 { font-size: 80%; color: #EC1C24; padding-top: 8px; border-top: 1px solid #999999;}

   #admin ul { list-style-type: disc; font-size: 80%; padding-top: 5px;}
   #admin ul li { padding: 0; list-style: none;}
   #admin ul li a { text-decoration: none; color: #828282;}
   #admin ul li a.active { font-weight: bold; text-decoration: underline;}
   #admin ul li a:hover { text-decoration: underline; color: #828282;}




#pageno { float: right; padding-top: 5px; font-size: 80%;}
#pageno ul { list-style-type: none;}
#pageno ul li { padding: 0; display: inline; background-image: none;}
#pageno ul li a { text-decoration: none; color: #000000;}
#pageno ul li a.active { font-weight: bold; text-decoration: underline;}
#pageno ul li a:hover { text-decoration: underline; color: #eb6600;}

.displayresults { border-top: 1px dotted #cccccc; height: 25px; border-bottom: 1px dotted #cccccc; margin-bottom: 25px;}

p.results { float: left; padding-top: 5px;}

h3.listhead { clear: both; padding: 7px; color: #000000; background-color: #c9da2a; font-size: 80%; font-weight: normal;}
h3.listhead a { text-decoration: none; color: #000000;}
h3.listhead a:hover { text-decoration: underline;}
h4.listhead { clear: both; padding: 7px; font-weight: normal; font-size: 80%; background-color: #e8efa7;}

.listing { clear: both; width: 606px; height: 196px; margin-bottom: 20px; padding: 0; color: #000000; background-color: #dfea84;}
.listing p { margin: 0; padding: 10px; font-size: 80%;}
.listing img { float: left; border: none; padding-right: 15px; margin: 0; width: 230px; height: 170px;}

.listingdetails { float: left; width: 606px; height: 196px;}

#main-content p.extralinks { clear: left; background-color: #c9da2a; text-align: right; height: 19px; margin: 0; padding: 7px;}
#main-content p.extralinks a { text-decoration: none; color: #ffffff; padding-right: 5px;}
#main-content p.extralinks a:hover { text-decoration: underline; color: #ffffff;}

#property { background-color: #ffffff;}
#property p {padding: 6px; color: #000000; background-color: #dfea84;}
#property h2 { background-color: #c9da2a; padding: 6px; color: #000000; margin-top: 5px;}
#property table { background-color: #dfea84; margin: 0; padding: 0;}
#property table img { margin: 0 5px 5px 0}

#property .bg1 { background-color: #c9da2a; margin-bottom: 5px;}
#property .bg2 { background-color: #dfea84; margin-bottom: 5px;}
#property .bg3 { background-color: #c9da2a; margin-bottom: 5px;}

#confirm { padding-top: 10px; }
#confirm ul { list-style-type: none; float: right;}
#confirm ul li { display: inline; float: left; margin: 0; padding-left: 20px;}

#main-content h2.bookmark a { text-decoration: none; color: #ffffff;}