/* css document */
/*--- general document rules ---*/

body {	width: 770px;	}

html, body {	margin: 0;	padding: 0;	color: #000;	}

p,a {	font-family: tahoma, verdana , sans-serif;	}
	
h1, h2, h3, h4, h5, h6 {	font-family:tahoma, verdana , sans-serif;	margin-top: 0px;	}

div {	border: none;	}

h2{ font-size:12px;		font-weight:bold; 	color:#D22407;}

.redtext{ color:#D22407;}

/*--- div header stuff ---*/

#header {	margin-left: 10px;	color: #000;	height: 110px;	}
	
#pinstripe{	margin: 0;	border-top:7px solid #000000;	font-size:1px;}

h1{	padding: 0;	margin: 0;	height: 108px;	margin-left: 0px;	text-indent: -5000px;	background:  url(logo.gif);	background-repeat: no-repeat;}

/*--- div leftcol stuff ---*/

#leftcol {	float: left;	width: 167px;	margin-left: 0px;	margin-top: 0px;	color: #000;	padding: 3px;	display:block;	height:684px;	background:transparent url(red.gif) no-repeat ;	}
	
#leftcol p{	margin:25px 4px 0px 10px;	}

#leftcol p, #leftcol li{	font-size: 11px;	}

#leftcol form { margin:0px 4px 0 10px; padding:0;}

#leftcol form label{ font-family:tahoma, verdana, sans-serif; font-size:11px; color:#CCCCCC;}

#leftcol form submit {background-color:#FF0000; margin:5px 0 5px 0;}



#leftcol li {padding: 0 0 0 20px; margin:0; height:16px; list-style-type:none;  background:  url(bullet_white.gif); background-repeat: no-repeat;	}

#leftcol a {color:#CCCCCC;}
		
/*--- div topright stuff ---*/

#toprightcol {	position: absolute;	left: 165px;	top: 73px;	width: 604px;	padding-left: 0px;	z-index: 0;	color: #000;	padding: 0px;	font-size:18px;	font-family:tahoma, verdana, sans-serif;	text-align:right;	 }

#toprightcol p{	margin:0; 	padding:0;	}

/*--- div right stuff ---*/

#rightcol {	position: absolute;	left: 552px;	top: 110px;	width: 219px;	padding-left: 0px;	z-index: 3;	color: #000;	padding: 0px;	font-family:tahoma, verdana,snas-serif; font-size:12px; color:#999999;}

#rightcol p {	font-size: 11px;	}

.link_special{	background-repeat:no-repeat;	background-image: url(viewbutton.gif);	height:15px;	font-family:tahoma, verdana,sans-serif;	font-size:9px;	color:#707676;	font-weight:bold;	position: relative;	top: 0px;	padding: 3px 23px 0 5px;	float: right;	margin-right: 5px;	text-decoration: none;}

.link_special:hover {	color:#D22407;	}

.featurehome {	border: 1px solid #cccccc;	font-size:11px;	font-weight:bold;	color:#333;	width:200px;	padding: 5px;	}	

/*--- div main content ---*/
	
#content3 {	margin: 0px 223px 0 170px;	padding: 0px;	color: #000;	font-family:tahoma, verdana, sans-serif;	font-size:11px;		text-align:justify;}

#content2 {	margin: 0px 0px 0 170px;	padding: 0px;	color: #000;	font-family:tahoma, verdana, sans-serif;	font-size:11px;		text-align:justify;}

.package {border:1px solid #cccccc; padding:3px;}

.bold{	 	font-weight:bold; color:#999999;}

#content2 h3 {color:#000000; font-style:italic; background-color:#CCCCCC; display:block; 	padding:3px; 	font-size:11px}

#content2 h4 {color:#999999; font-size:12px}

#content3 li { padding: 0 0 0 20px; margin:0; list-style-type:none;  background:  url(bullet_red.gif); background-repeat: no-repeat;	}

#content2 li { padding: 0 0 0 20px; margin:0; list-style-type:none;  background:  url(bullet_red.gif); background-repeat: no-repeat;	}

.blquote {
	width:300px;
	margin:0 0 0 20px;
	padding:0;
	font-family:tahoma, verdana, sans-serif;
	font-size:105%;
	
	line-height:1em;
	text-align:justify;
	color: #999999;
	background: #FFFFFF url(topquote.gif) no-repeat top left;
}

#quote{
	margin:0 10px 0 0;
	padding: 15px 30px 15px 30px;
	background: url(endquote.gif) no-repeat right bottom;
	}
#endquote{

}

/*--- div footer stuff ---*/

#footer {	clear:both; 	width: 770px;	margin: 0px;	text-align: right;	font-family: tahoma, verdana, sans-serif;	font-size: 11px;	padding: 0px;	color: #000;}

#footer p {	margin:0;	padding:0;	}

.hide{ display:none; }

/*--- red headings ---*/

#welcome{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(welcome.gif);	background-repeat: no-repeat;	}

#welshwelcome{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(welsh_welcome.gif);	background-repeat: no-repeat;	}

#newhomes{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(newhomes.gif);	background-repeat: no-repeat;	}

#guidance{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(pageguidance.gif);	background-repeat: no-repeat;	}

#theconcept{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(theconcept.gif);	background-repeat: no-repeat;	}

#theconceptwelsh{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(title_yramcan.gif);	background-repeat: no-repeat;	}

#membership{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(membership.gif);	background-repeat: no-repeat;	}

#welshmembership{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(title_aelodaeth.gif);	background-repeat: no-repeat;	}

#buyers{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(buyers.gif);	background-repeat: no-repeat;	}

#buyerswelsh{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(title_prynu.gif);	background-repeat: no-repeat;	}

#sellers{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(sellers.gif);	background-repeat: no-repeat;	}

#sellerswelsh{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(title_gwerthu.gif);	background-repeat: no-repeat;	}

#contact{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(contact.gif);	background-repeat: no-repeat;	}

#contactwelsh{	padding: 0;	margin: 0;	height: 32px;	margin-left: 15px;	text-indent: -5000px;	background:  url(title_cysylltu.gif);	background-repeat: no-repeat;	}

#login{ 	padding: 0; margin:0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(login.gif); background-repeat: no-repeat;	}

#register{ 	padding:0 ; margin:15px 0 0 0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(register.gif); background-repeat: no-repeat;	}

#profile{ 	padding: 5px 0 0 0; margin:0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(profile.gif); background-repeat: no-repeat;	}

#advice{ 	padding: 0; margin:15px 0 0 0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(advicecentre.gif); background-repeat: no-repeat;	}

#specadvice{ 	padding: 0; margin:15px 0 0 0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(spec_advice.gif); background-repeat: no-repeat;	}

#conveyancing{ 	padding: 0; margin:15px 0 0 0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(conveyancing.gif); background-repeat: no-repeat;	}

#welshadvice{ 	padding: 0; margin:15px 0 0 0; height:32px; margin-left:7px; text-indent:-5000px; background:  url(welsh_advice.gif); background-repeat: no-repeat;	}


/*--- menu ---*/

#menu {	font-family:Tahoma, verdana, sans-serif;	font-size:10px;	top:0px;	clear: both;	text-align: center; }

#menu ul {	list-style-type: none;	margin: 0;	padding: 0 120px 0 0;}

#menu li { 	float: right;}

#menu a {	position: relative;	top: 0px;	margin: 0 0 0 0;	float: left;	font-size:11px;	font-weight:bold;	padding: 6px 4px 6px 8px;	text-decoration: none;	color: #333;}

#menu a:hover {	position: relative;	top: 0;	padding: 6px 4px 3px 8px;	margin-top: 0px;	color:#D22407;}

#menu a.active {	position: relative;	top: 0;	margin: 0 2px 0 0;	float: left;	background: #D22407;	border-right: 1px solid #666;	border-top: 1px solid #666;	border-left: 1px solid #666;	padding: 6px 4px 6px 10px;	text-decoration: none;	color: #333;}

#menu a.active:hover {	position: relative;	top: 0;	margin: 0 2px 0 0;	float: left;	background: #D22407;	border-right: 1px solid #666;	border-top: 1px solid #666;	border-left: 1px solid #666;	padding: 6px 4px 6px 10px;	text-decoration: none;	color: #333;}

/*--- Seller packages ---*/

#platinum{
 	padding: 0; margin:0; height:48px; margin-left:7px; text-indent:-5000px; background:  url(tyfiplatinum.gif); background-repeat: no-repeat;	
	}
	
#gold{
	padding: 0; margin:0; height:48px; margin-left:7px; text-indent:-5000px; background:  url(tyfigold.gif); background-repeat: no-repeat;	
}

#silver{
	padding: 0; margin:0; height:48px; margin-left:7px; text-indent:-5000px; background:  url(tyfisilver.gif); background-repeat: no-repeat;	

}

/*--- Margin form ---*/



#marginForm fieldset
{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

#marginForm input
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm label.requiredfirst
{
	margin-top: 1em;
	color:#000000;
}

#marginForm checkbox
{
	position:relative;
	top: -1.4em;
	left: 8em;
	display:block;
	}

#marginForm label.required
{
	
	color:#000000;
}

#marginForm select
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm textarea
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm input.submit
{
	clear: both;
	top: 0;
	margin:0 0 0 10px;
	font-size:12px;
	font-family:tahoma, verdana;
}

#marginForm label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
	color:#999999;
}

#marginForm label.first
{
	margin-top: 1em;
}

#marginForm legend{
	color:#FF0000;
	}

/*end of css*/