/* General Styles */

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; color:#333333;}
p{margin:0 10px 10px}
.small{font-size:11px; color:#666; }
h1 { font-size:27px; padding: 0px 0px 0px 10px; font-weight:normal; margin: 0px;}
h2 { font-size:16px; padding-left: 10px; padding-bottom:20px; font-weight:normal; color:#666666; margin:0px;}
h3 { font-size:13px; font-weight:bold; padding-bottom:10px; padding-top: 10px; color:#000; margin:0px; border-top: 1px solid #CECECE; width: 530px; margin-left: 10px;}
a{color: #972BB2; text-decoration:none; font-weight:bold;}
a:hover{color: #972BB2; text-decoration:underline; font-weight:bold;} 

.floatright { float:right;}
.floatleft { float:left;}
.footleft { float:left;}
.footleft a{ color:#999;}

.buttonpad { padding-right: 10px; float:right;}
.request { float:right;}
.formextra {float:right;font-size:11px;color:#999999;position:relative;}
.tabpadding { margin-left: 10px; margin-top:30px;}

div#container{text-align:left; width:950px;margin:0 auto;}
div#wrapper{float:left;width:100%; margin-top: 80px;}



/* Header Styles */
/*div#header {height:158px; margin:0; position:relative;}*/
div#header {height:158px; margin:0px 0px 0px 0px;}
/*div#header .logo{height:66px; width:352px; margin:0; position:relative; float:left; top: 22px; right: 5px;}*/
div#header .logo{height:66px; width:352px; margin:20px 0px 20px 0px;  float:left; top: 22px; right: 5px;}
div#header .login{height:51px; width:552px; margin:0; float:right; padding-top: 15px; text-align:right;}
/*div#header .tabs{height:28px; width:465px; margin:0; clear:both; float:right; position:relative; right: 27px;}*/
div#header .tabs{height:28px; width:465px; margin:0; float:right; position:relative; right: 27px; top:78px;}
div#header .tab1{ width:149px; float:left; padding-right:5px;}
div#header .tab2{ width:149px; float:left; padding-right:5px;}
div#header .tab3{ width:149px; float:left;}
div#header .icons{ position:relative; top: 5px;}
div#header .searchbox1{height:63px; margin:0; color: #79B30B; background-image:url(../image_new/bg_search1.gif); clear:both;}
div#header .searchbox2{height:53px; padding-top:10px; margin:0; color: #79B30B; background-image:url(../image_new/bg_search1.gif); clear:both; color:#000000; font-weight:bold; font-size:14px;}
div#header .search{ margin-left: 20px;}
div#header .search2{ margin-left: 30px;}
div#header .search3{ margin-left: 90px;}
div#header .formfield1{ width: 145px; margin-top:1px;}
div#header .formfield2{ width: 110px; margin-top:1px;}
div#header .formfield3{ width: 115px; margin-top:1px; float: left;}
div#header .formfield4{ width: 115px; position: absolute; float:left;}
div#header .button{ position:relative; top: 8px;}
div#header .column1 { width:153px; float:left; }


/* Homepage */

div#headerhome .searchboxhome{height:296px; margin:0px 0px 0px 0px; color: #79B30B; background-image:url(../image_new/bg_home.jpg); clear:both; position:relative;z-index:200; position:relative; top:50px;}
div#headerhome .logohome{height:65px; width:341px; margin:0; position:absolute; float:left; right: 100px; bottom:240px;}
div#headerhome .intro{margin:0; position:absolute; right: 50px; bottom:80px; color:#343533; font-size:21px; font-weight:bold; width:400px;}
div#headerhome .joinfree{margin:0; position:absolute; top:225px; padding-left:130px; color:#343533; font-size:21px; font-weight:bold; width:199px; height:56px;}

div#headerhome .joinfree{height:110px; width:110px; margin:0; position:relative; float:left; bottom: 10px; left: 380px; z-index:800;}
div#headerhome .topnav{height:40px; background-repeat:no-repeat; width:950px; margin:0; float:right; text-align:right; background-image:url(../image_new/bg_topnav.jpg);}
div#headerhome .topnav-left{ float:left; position:relative; left:45px;}
div#headerhome .topnav-right{float:right; position:relative; right:8px;}
div#headerhome .topnav-textbox{position:relative; bottom:13px; margin-right:5px; color:#999999;}


div#headermaster .topnav{height:40px; background-repeat:no-repeat; width:950px; margin:0; float:right; text-align:right; background-image:url(../image_new/bg_topnav.jpg);}
div#headermaster .topnav-left{ float:left; position:relative; left:45px;}
div#headermaster .topnav-right{float:right; position:relative; right:8px;}
div#headermaster .topnav-textbox{position:relative; bottom:13px; margin-right:5px; color:#999999;}


div#headerhome .icons{ position:relative; top: 5px;}
div#headerhome .title{ position:relative; top: 43px; left: 100px;}
div#headerhome .searchbox1{height:63px; margin:0; color: #79B30B; background-image:url(../image_new/bg_search1.gif); clear:both;}
div#headerhome .searchbox2{height:53px; padding-top:10px; margin:0; color: #79B30B; background-image:url(../image_new/bg_search2.gif); clear:both; color:#000000; font-weight:bold; font-size:14px;}
div#headerhome .search{ position:relative; height:105px; top: 25px; left: 30px;}
div#headerhome .formfield1{ width: 160px; margin-top:1px;}
div#headerhome .formfield2{ width: 120px; margin-top:1px;}
div#headerhome .button{ position:relative; top: 8px;}
div#headerhome .column1 { width:170px; float:left; font-size:14px; font-weight:bold; color:#333333;}
div#headerhome .searchhome{ margin: 0px; width: 903px; height: 105px; background-image:url(../image_new/bg_homesearch.jpg); position:relative; top: 60px; left: 25px;}
div#howitworks { width:950px; }
div#howitworks h1{ color:#343533; font-size:36px; text-transform:uppercase; font-weight:bold;}
div#howitworks p{ font-size:16px; line-height:26px;}
div#howitworks .left{ float:left; width:310px; position:relative; left:20px; }
div#howitworks .right{ float:right; width:600px;}
div#homeflash { width:653px; height:195px; float:left; position:relative;}
div#homeflash .flashbutton { padding-left:521px; padding-top:146px;}
div#homeregister { float:right; width:267px; height: 165px; background-image:url(../image_new/bg_register.jpg); position:relative; padding: 30px 10px 0px 10px;}
div#homeregister .form { padding-bottom: 12px; position: relative; left: 6px;}
div#homeregister .formfield { width: 150px; float: right;}
div#homeregister .button { margin-top: 10px; float: right;}
div#homeregister1 { float:right; width:267px; height: 165px; background-image:url(../image_new/bg_register.jpg); position:relative; bottom: 51px; padding: 30px 10px 0px 10px;}
.clearboth { clear:both;}
.currentpage { padding-right: 30px;}

div#steps { clear:both; width:950px; font-size:24px; margin-top:15px; padding-bottom:15px; height:160px;}
div#steps .step{ width:285px; float:left; padding-left:25px;}
div#steps .icon{ text-align:center; border-right: 2px solid #B2B2B2;}
div#steps .icon-two{ text-align:center;}



/* Centre Styles For 3 column */
div#content{line-height:1.4; width:549px; float:left; margin-left: 5px; margin-top:-40px;}
/*div#content{line-height:1.4; width:549px; float:left; margin-left: 5px;}*/
div#breadcrumbs{ margin-left:10px;}
.imageright { float:right; margin-right: 10px; margin-left: 10px; margin-bottom: 10px;}
.viewportfolio { position:relative; top: 10px; left: 50px;}
div#services{ margin: 0px 10px 10px 10px; padding:0px 0px 0px 0px;}
div#services .row{margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; width: 530px;}
div#services .column{ width: 255px; float:left; padding-left:10px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 0px 5px;}
div#extraimages{ margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; clear:both;}
div#extraimages .row{ margin: 0px; padding:0px 0px 3px 0px; }
div#extraimages .column{ width: 132px; height: 98px; float:left; background-color:#A2D54E; margin-left:3px; margin-top: 3px;}

/* Centre Styles For 2 column */
div#fullcontent{line-height:1.4; width:732px; float:left; margin-left: 5px; position:relative; bottom: 40px;}
/*div#fullcontent{line-height:1.4; width:732px; float:left; margin-left: 5px;}*/
div#fullcontent .pageinfo {float:right; width:580px; text-align:right;}
div#fullcontent .pageinfo1 {float:left; width:700px; text-align:left;}
div#banner{ margin-top:10px; margin-left:4px;}
.listingbox{width:729px; margin-top: 15px; float:right;}
.listingbox .top{width:729px; height:36px; background-image:url(../image_new/listingtop.jpg);}
.listingbox .paging{ float:right; margin: 10px 10px 0px 0px;}
.listingbox .header{ float:left; margin: 10px 0px 0px 10px; font-size:14px; font-weight:bold;}
.listingbox .bottom{width:729px; height:38px; background-image:url(../image_new/listingbottom.jpg); clear:both;}
.listingbox .rowhead{width:729px; height:22px; background-image:url(../image_new/listing_head.jpg); border-bottom: 1px solid #BEBEBE;} 
.listingbox .row{width:727px; clear:both; float:left; border-bottom: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; padding: 5px 0px 5px 0px;}
.listingbox .date{width:55px; float:left; padding-left: 7px;}
.listingbox .connection{width:250px; float:left; padding-left: 10px;}
.listingbox .distance{width:86px; float:left; padding-left: 10px;}
.listingbox .rating{width:65px; float:left; padding-left: 10px;}
.listingbox .match{width:58px; float:left; padding-left: 10px;}
.listingbox .matchred{ width:58px; float:left; padding-left: 10px; font-size:14px; color:#FF0000; font-weight:bold;}
.listingbox .options{width:159px; float:left; text-align:right; }
.listingbox .profile{ padding-left:5px;}
.listingbox .name{width:119px; float:left; padding-left: 7px;}
.listingbox .headline{width:133px; float:left; padding-left: 7px;}
.listingbox .services{width:110px; float:left; padding-left: 7px;}
.listingbox .services ul{ margin: 0px; padding: 0px;}
.listingbox .services ul li{ margin: 0px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px;}
.listingbox .message{width:300px; float:left; padding-left: 10px;}
.listingbox .alertservices{width:320px; float:left; padding-left: 10px;}
.listingbox .alertservices ul{ margin: 0px; padding: 0px;}
.listingbox .alertservices ul li{ margin: 0px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px;}
.listingbox .taservices{width:220px; float:left; padding-left: 10px;}
.listingbox .taservices ul{ margin: 0px; padding: 0px;}
.listingbox .taservices ul li{ margin: 0px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px;}
.listingbox .ssservices{width:220px; float:left; padding-left: 10px;}
.listingbox .ssservices ul{ margin: 0px; padding: 0px;}
.listingbox .ssservices ul li{ margin: 0px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px;}


.listingbox .contact{width:110px; float:left; padding-left: 10px;}
.listingbox .reason{width:130px; float:left; padding-left: 10px;}
.listingbox .description{width:200px; float:left; padding-left: 10px;}

.listingbox .servicesshorlist{width:243px; float:left; padding-left: 7px;}
.listingbox .servicesshorlist ul{ margin: 0px; padding: 0px;}
.listingbox .servicesshorlist ul li{ margin: 0px; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px;}

/* Styles for edit profile */
div#editprofile{width:729px; margin-top: 15px; float:right; position:relative; left: 5px; margin-bottom:10px;}
div#profiletabs{width:626px; float:left; background-image:url(../image_new/profile_tabs_bg.jpg); padding-left:97px;}
div#editprofile .row{ margin-bottom: 20px; clear:both;}
div#editprofile .countryText{ float:left;}
div#editprofile .postcodeText{ float:right; width:87px;}
div#editprofile .left{width:275px; margin-top: 15px; float:left; margin-left:35px; }
div#editprofile .right{width:275px; margin-top: 15px; float:left; margin-left:35px;}
div#editprofile .listbox{width:250px; background-color: #FFFEA4; border: 1px solid #BEBEBE;}
div#editprofile .listbox2{width:250px; background-color: #FFF; border: 1px solid #BEBEBE;}
div#editprofile .listbox3{width:700px; background-color: #FFFEA4; border: 1px solid #BEBEBE; font-size:13px; padding: 10px;}
div#editprofile .formfield3{width:275px; background-color: #FFFEA4; border: 1px solid #BEBEBE;}
div#editprofile .formfield4{width:275px; background-color: #FFF; border: 1px solid #BEBEBE;}
div#editprofile .formfield5{width:600px; background-color: #FFF; border: 1px solid #BEBEBE;}
div#editprofile .formfield6{width:110px; background-color: #FFF; border: 1px solid #BEBEBE;}
div#editprofile .servicebutt{position: relative; left: 255px; bottom: 70px;}
div#editprofile .arrow{ font-size:10px; width: 35px;}
div#editprofile .arrow2{ position:relative; top: 30px; right: 38px;  font-size:10px; width: 35px;}
div#editprofile .county{width:175px; background-color: #FFF; border: 1px solid #BEBEBE;}
div#editprofile .postcode{width:82px; background-color: #FFFEA4; margin-left:10px; border: 1px solid #BEBEBE;}
div#editprofile .break{ background-color:#CCC;height:1px;border:none;border-bottom:solid 1px #FFF; clear: both; color:#CCC;}
div#editprofile .fullrow{ margin-left:32px;clear:both; padding:3px;}
div#editprofile .fullrowbottom{ margin-top:10px; clear:both; padding:3px;}
div#editprofile .bottomrow{ margin:0px 0px 10px 32px;clear:both; padding:3px;}
div#editprofile .fullrowyellow{ margin-left:35px; margin-bottom: 20px; clear:both; background-color: #FFFEA4; padding:3px; width: 600px;}
/* Left Styles */
div#leftnav{float:left; width:212px; margin-top: -38px;}
/*div#leftnav{float:left; width:212px;}*/
div#leftnav .leftbox{ margin-bottom:10px; margin-top: -15px; }
div#leftnav .leftboxtop{ height:29px; background-image:url(../image_new/leftboxtop.jpg); font-size:16px; color:#000000; padding-left:10px; line-height: 26px; }
div#leftnav .leftboxmiddle{ border-left: 1px solid #B8B8B8; border-right: 1px solid #B8B8B8; background-image:url(../image_new/bg_leftbox.jpg); background-repeat:repeat-x; padding-top:10px;}
div#leftnav .leftboxbottom{ background-image:url(../image_new/leftboxbottom.jpg); height: 26px;}
div#leftnav .expand{ position:relative; left: 185px; margin:0px; top: 23px;}
div#leftnav .leftbox ul{ margin:0px; padding: 0px; line-height: 18px; list-style-type:none;}
div#leftnav .leftbox ul li{ margin:0px; padding-left: 10px; }
div#leftnav .leftbox ul li .on{ padding-left: 10px; font-weight:bold; text-decoration:none; background-image:url(../image_new/bullet.gif); background-repeat:no-repeat; background-position: 1px 5px; }
div#leftnav .leftbox a{ text-decoration:underline;}
div#leftnav .popuplink{}
div#leftnav .updateresults{ position:relative; left: 100px;}


/* Right Styles */
div#rightnav{float:left;width:150px; margin-top: 75px;}


/* Footer Styles */
div#footer{}
div#footer p{margin:0;padding:5px 10px}

/* -------------------- POPUP STYLES  ------------------------  */
 
div#popupcontainer{width:487px; height: 414px; margin:0 auto; padding:10px; text-align:left; background-image:url(../image_new/popup_bg.png); background-repeat:no-repeat; position:relative; left: 40px; margin-top:10px; font-size:12px;  font-family:Arial, Helvetica, sans-serif;}
div#popupcontainer .title{ float:left; font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
div#popupcontainer .options{ margin-top:8px; width: 380px;}
div#popupcontainer .button{ float:right; margin-right: 5px; margin-top: -40px;}
 
div#popupcontent{ margin-top: 15px; margin-left:2px; width:459px; height:309px; background-image:url(../image_new/popup_content.jpg); padding: 0px 10px 10px 10px;}
div#popupcontent .left{ width: 220px; float: left; margin-top:10px;}
div#popupcontent .right{ width: 220px; float: right; margin-top:10px;}
div#popupcontent .full{ width: 440px; float: left; margin-top:10px;}
div#popupcontent .panel{ width: 459px; height: 290px; float: left; margin-top:10px;}
 
div#popupcross{ width:19px; height: 19px; float:right; margin-right: 2px;}
div#popupcontent ul {  list-style-type: none; position:relative; right: 40px;}
div#popupcontent ul li{ width:355px;  list-style-type: none;}


/* Footer Styles */
div#footer{color: #9F9F9F; clear:left;width:930px; padding:10px;  clear:both; margin-top:10px; background-image:url(../image_new/footer.jpg); height:56px;}
div#footer p{margin:0;padding:5px 0px}
div#footer a{ color:#FFFFFF;}
div#footerhome{color: #686868; clear:left;width:100%; border-top: 1px solid #BEBEBE; position: relative; bottom: 41px;}
div#footerhome p{margin:0;padding:5px 0px}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.hide 
{
    display: none;
}