/*	Stylesheet for Mehdi and Ward Chartered Surveyors site	*/
html {overflow: -moz-scrollbars-vertical !important; border:0px; padding:0px; margin:0px;}
	
body{
text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; min-height:100%; margin-bottom:1px;
}
div#outside_wrapper {position:relative; width:770px; min-height:100%; overflow:hidden; margin:10px auto; text-align:left; background-color:#FFFFFF; border:1px solid #cccccc;}
div#wrapper {position:relative; width:750px; height:100%; margin:5px auto;  text-align:left; background-color:#FFFFFF; border:0px solid #999; }
div#header {float:left; width:750px; height:auto;  margin:0px; padding:0px;}
img {border:none;}
/*********************** Links ***************************************/
A {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}

A:HOVER {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : Black;
}

A:VISITED {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}

A.Button{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #FF0000;
}

A.Button:HOVER {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #FF0000;
}

A.Button:VISITED {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #FF0000;
}

A.Email{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FF0000;
	font-weight : bold;
}

A.Email:HOVER{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #FF0000;
	font-weight : bold;
}

A.Email:VISITED{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FF0000;
	font-weight : bold;
}

A.Error{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : red;
}

A.Error:HOVER{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #FF0000;
    font-weight : bold;
}

A.Error:VISITED{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : red;
}

/************************ Text ****************************************/

td	{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
}

th{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

select{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

hr{
	color : Black;
	width : 75%;

}

hr.Grey{
    width : 85%;
    color : #CCCCCC;
    border : thin solid;
}

.ErrorText{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : red;
}

.StandardText{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

.ErrorTextSmall{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : red;
}
.ErrorTextLarge{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 30px;
    color : red;
    font-weight : bold;
}
.DetailsFont{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : Red;
}

.BoldItalicText{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style : italic;
    font-weight : bold;
}

/**************************** Div Boxes *******************************/

.Box{
	margin-right: 50px;
	background-color: White;
	border:1px solid #CCCCCC;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding : 5px;
	width:500pt;
}

.SmallBox{
	margin-right: 50px;
	background-color: White;
	border:1px solid #CCCCCC;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding : 5px;
	width : 400pt;
}

.FormBox{
	margin-right: 50px;
	background-color: White;
	border:1px solid #CCCCCC;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding : 5px;
	width:500pt;
}

.ListBoxEmpty {
	margin-right: 10px;
	background-color: White;
	border:1px solid #CCCCCC;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding : 5px;
	width:500pt;
	height:150pt;
}

.AddressLayer{
	position:absolute; 
	width:387px; 
	height:115px; 
	z-index:4; 
	left: 240px; 
	top: 47px;
}

#Layer1{
	position:absolute; 
	width:760px; 
	height:187px; 
	z-index:1; 
	left: 0px; 
	top: 0px;
}

.LayoutThumb{
    margin-right : 50px;
	background-color : White;
	border : 1px solid #CCCCCC;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding : 5px;
	width : 100px;
    height : 100px;
	}


/********************** Headers Text **********************************/

#title{
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

#subtitle{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
}

strong{
	font-weight : bold;
	font-size : 12px;
}

/********************** Buttons **************************************/
.AddToListButton{
	color : Red;
	width : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #CCCCCC;
	background-color : #F7F3F7;
}


.AddedToListButton{
    color : Red;
    width : 100px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11px;
    border : 1px solid Gray;
    background-color : Silver;
}

.LoginSubmitButton{
	color : Red;
	width : 150px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #CCCCCC;
	background-color : #F7F3F7;
}

.LongButton{
	color : Red;
	width : 185px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #CCCCCC;
	background-color : #F7F3F7;
}

.Button{
	color : Red;
	width : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #CCCCCC;
	background-color : #F7F3F7;
}

.SmallButton{
	color : Red;
	width : 70px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	border : 1px solid #CCCCCC;
	background-color : #F7F3F7;
}

.ButtonLarge{
    color : Red;
    width : 125px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    border : 1px solid #CCCCCC;
    background-color : #F7F3F7;
    height : 30px;
    font-weight : bold;
}

.RemoveButton{
    color : Red;
    width : 100px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11px;
    border : 1px solid #CCCCCC;
    background-color : #F7F3F7;
    height : 20px;
    text-align : center;
}

/*************** Sarah's Part of Stylesheet ***********************/

.buttons {  
			font-family: Verdana; 
			font-size: 12px; 
			font-style: normal; 
			line-height: normal; 
			font-weight: bold; 
			color: #FF0000; 
			letter-spacing: normal; 
			text-align: left; 
			text-indent: 5px; 
			vertical-align: middle; 
			word-spacing: normal; 
			white-space: normal
		}
		
.buttonbox {  
			overflow: visible; 
			z-index: auto; 
			height: 150px; 
			width: 150px; 
			left: 10px; 
			top: 30px; 
			clip:  rect(   );
			}
			
.telnumber {  
			font-family: Verdana; 
			font-size: 25px; 
			font-style: normal; 
			line-height: normal; 
			font-weight: bold; 
			font-variant: normal; 
			word-spacing: 5px; 
			text-align: center;
			}
			
.addressblock {  
			font-family: Verdana; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: bold; 
			color: #FF0000; 
			word-spacing: normal; 
			vertical-align: middle; 
			text-align: center; 
			white-space: normal; 
			letter-spacing: 0em;
			}
			
.addressblock2 {  
			font-family: Verdana; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: bold; 
			color: #FF0000; 
			letter-spacing: 1px; 
			text-align: center;
			}
			
			
div.logo_header {float:left; width:750px; height:auto; text-align:left;}
div#logo_and_bt {float:left; width:750px; height:134px; text-align:left; padding-top:0px; background:#c71018 url(http://www.mehdiandward.com/templates/MWCS_template2.3/images/cityoffices.jpg) top left no-repeat;}
div#register {float:left; width:750px; height:60px; text-align:left; background:#000000 url(http://www.mehdiandward.com/templates/MWCS_template2.3/images/shopsandoffices.jpg) right top no-repeat; padding-top:0px;}

div#register_wording {float:left; width:300px; height:60px; text-align:left; padding:12px 8px; color:#FFFFFF; font-size:13px; font-weight:bold; line-height:16px; }
.registerbt { padding:2px 0px 0px 4px;  }
img#page_title {position:relative; left:0px; top:0px;}

div#header img.slogan {position:relative; top:36px; left:20px; width:383px; height:32px; padding:0px;}
div#header img.logo {position:relative; top:10px; left:212px; width:129px; height:98px; padding:0px;}

div#mwcs_logo{float:right; width:auto; height:auto; padding:18px 18px 0px 0px;}
div#buttons {float:right; width:270px; height:auto; padding:20px 10px 0px 10px; text-align:right;}
div#eachbt {float:right; width:125px; height:47px; text-align:center; margin-left:4px;}

div#phone {float:left; width:240px; height:auto; margin:0px; padding-left:0px; margin-left:350px; padding-top:78px;text-align:left; border:0px solid red;}
div.top_menu {float:right; margin:0px; padding:0px; width:auto; height:20px;background-color:#FFFFFF;}
h3.phone {font-family:Arial, Helvetica, sans-serif; 
font-size:14px;  
font-weight:bold; 
padding:2px 16px 2px 0px; 
margin:0px; 
color:#FFFFFF;
}