/* ------------------------------------
   Girls Go Out Stylesheet
   Version 1.3 28/08/2008
   Ryan Downie (ryan@bfinternet.co.uk

   Table of Contents.
   1.  Main Page Templates
   2.  Global Styles 
   3.  Pages
   3.1 
   3.2
   3.3

   ---------------------------------- 
-- =1. Main Page Templates --*/
* {
margin:0;
padding:0;
}

body {
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#wrapper {
width:970px;
text-align:left;
font-size:1.2em;
margin:0 auto;
position:relative;
}

#masthead {
background:#BDE271 url(../images/masthead-bg.jpg) repeat-x;
width:970px;
float:left;
position:relative;
}

#logo {
background:url(../images/logo.jpg) no-repeat;
width:214px;
height:131px;
float:left;
}

#logo a {
text-indent:-9999px;
width:214px;
height:131px;
display:block;
}

#banner-ad {
width:581px;
height:87px;
display:block;
float:left;
margin:-30px 0 0;
}

#lbanner-ad {
width:581px;
height:87px;
display:block;
float:left;
margin:10px 0 0;
}

#banner-ad a {
width:581px;
height:87px;
padding:none;
}

#member-welcome {
color:#f62e91;
font-size:1em;
float:right;
display:block;
margin:24px 63px 0 0;
}

#error {
margin:10px auto;
width:500px;
}

#error h4 {
font-size:1.2em;
font-weight:normal;
}

#main-content h3 {
	
	font-size:1.8em;
	margin-bottom: 15px;
	line-height:1.8em;
	color:#8F8F8F;
}
/* --------- 

	=Navigation 

------- */
#navigation-main {
float:right;
width:755px;
clear:both;
margin:-16pt 0 0;
}

#navigation-main li {
float:left;
list-style:none;
border-right:2px solid #FFF;
margin:3px 0 0;
padding:0 15px;
}

#navigation-main li a {
text-decoration:none;
color:#5a6447;
font-weight:700;
font-size:1.1em;
display:block;
}

li#nav-account {
border:none;
}

#navigation-main li a:hover,#navigation-main li.current a,#content-main p span {
color:#f62e91;
}


#yourcontacts #nav-con a , #emails #nav-email a, #search #nav-search a, #invitation #nav-invi a, #openinvitation  #nav-open a, #account #nav-account a{
color:#f62e91;
}


/* ------ */

#main-header {
background:#F42A80;
width:100%;
min-height:26px;
float:left;
position:relative;
z-index:4;
margin:10px 0 0;
}

#main-header h2 {
float:left;
font-size:.9em;
letter-spacing:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
margin:6px 20px;
}

#intro h2 {
color:#f62e91;
font-size:1.4em;
font-weight:400;
padding:2px 20px;
}

#footer {
background:#F42A80;
float:left;
width:100%;
margin:10px 0;
}

#footer a {
color:#FFF;
padding:0 3px;
}

#footer p {
float:left;
color:#FFF;
font-size:.9em;
padding:5px 20px;
}

#content-sub img,#footer #bf {
float:right;
}

#content-main ol {
font-size:.9em;
margin:0 20px;
}

#forgot-pass-form {
float:left;
margin-bottom:10px
}

#forgot-pass-form  label{
display:block;
float:left;
width:41px;
}

#fp-email {
width:300px;
float:left;
padding:3px;
}

#fp-submit {
float:left;
margin:-20px 3px 5px 320px;
}

#new-loginbox  #email {
width:300px;
padding:3px;
}

#new-loginbox  label {
float:left;
display:block;
width:100px;
}

#fp-login {
margin:-41px 56px 7px;
float:left;
}
/*------------------------ 

	=2. Global Styles 

	-------------------- */
#content {
float:left;
margin-top:-10px;
}

#content-main {
float:left;
width:970px;
}

#main-content {
padding:10px 20px 0;
float:left;
width:928px;
margin:10px 0;
}

#content-main p {
line-height:1.8em;
font-size:1em;
padding:0 0 10px;
}

#content-sub {
float:right;
width:400px;
}

.sidenav dt {
font-size:1em;
font-weight:700;
text-transform:uppercase;
}

.sidenav {
float:left;
width:200px;
margin:10px 40px 0 0;
}

.sidenav dd {
padding:5px 0;
}



.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}



.left {
float:left;
}

.right {
float:right;
}

.background {
background:#E6F4F5;
padding:10px;
border:1px solid #B5CECF;
}

.intro-p {
font-size:1.5em;
font-style:italic;
margin:10px 0;
}

#content-main ul {
list-style:none;
}

#content-main li {
margin-bottom:10px;
}

a {
color:#F42A80;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

.image-border {
border:5px solid #B5CECF;
}

#ggo-images {
position:relative;
top:-10px;
left:20px;
margin-bottom:22px;}

#ggo-image {
position:relative;
top:-10px;
left:10px;
margin-bottom:22px;}

.mem-icons {
font-size:1em;
padding: 4px 6px !important;
margin:0 2px 0 0 !important;
}

.mem-icons img {
position:relative;
padding:0 3px 0 0;
top:4px;r
}

div#icons {
margin:9px 0 0;
float:left;
}

#h4-intro {
float:left;
margin:9px 0 0;
}

/* ------------------------------

	3. =Pages

 -------------------------------- 
 -------------------- 

	3.1 =HomePage 

---------------------- */

#home-page #main-content {
float:right;
width:428px;
min-height:545px;
margin-top:-8px;

}

#home-page #main-content p {
padding:0 10px 10px;
font-size:.95em;
}

#home-page #main-content strong {
color:#ed1c24;
font-size:1.1em;
text-transform:uppercase;
font-style:italic;
}

#home-page #main-content .intro-p {
font-size:1.6em;
font-style:italic;
margin:20px 0 0;
}

#main-content #sign-up {
list-style-type:none;
margin:0 0 20px;
}

#main-content #sign-up li {
padding:5px 40px;
}

#main-content #sign-up li a {
color:#F5248C;
}

#home #content-sub {
width:500px;
float:left;
background:url(../images/home-page_sub-content.jpg) no-repeat;
min-height:568px;
margin-top:-15px;
}

#welcome-back {
float:right;
width:240px;
margin:396px 10px 0 0;
}

#welcome-back dt {
font-size:1.4em;
color:#FF0F88;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding-bottom:5px;
}

#welcome-back dd {
margin-bottom:5px;
}

#welcome-back dd a {
color:#FFF;
font-size:.9em;
}

#su-miles
{width:90px;
}

/* ------------------
= 3.2 Your Account
------------------- */
.account-dl {
margin:5px 10px 0 0;
width:213px;
min-height:400px;
}

.last {
margin-left:0px;
margin-right:0px;
}

.account-dl dt {
text-transform:uppercase;
font-weight:700;
text-decoration:none;
color:#666633;
background:#D5ECA6;
padding:5px 0 5px 5px;
font-size:.9em;
border:1px solid #B7CF81;
}

.account-dl dd {
margin:10px 3px;
}

.account-dl label {
font-size:.9em;
display:block;
padding-right:10px;
}


/* ----------------
= REGISTER
----------------- */
#reg-tree {
float:left;
margin:10px 20px;
}

#reg-tree dt, #reg-tree dd {
float:left;
font-size:1.2em;
color:#999999;
}

#reg-tree dt {
padding:9px 0 0 0;
}


#reg-tree dd  {
background:url(../images/reg-arrow.jpg) no-repeat right 34%;
height:30px;
display:block;
padding:9px 42px 0 15px;
}

#reg-current {
text-decoration:underline;
}

#reg-tree dd#tree-last {
background:none;
}

#reg-sign {
width:634px;
padding:30px;
float:left;
margin:0 0 0 80px;
}

#reg-sign label {
display:block;
width:200px;
float:left;
}

#reg-sign p {
padding:10px 0;
}

#reg-sign #email {
width:118px;
}

#reg-sign span {
font-size:.9em;
color:#F42A80;
margin:0px 0 0 201px;
display:block;
}


#reg-log {
width:170px;
float:left;
}

#reg-log p {
font-size:.9em;
}

#reg-log #f-pass {
margin: -17px 10px 0 0;
	
}

#reg-log label {
display:block;
margin:5px 0;
} 

#reg-log_in { 
margin:10px 0 0;
}

#reg-about {
margin:0 auto;
width:400px;
}

#reg-about label {
display:block;
float:left;
padding-right:5px;
width:100px;
text-align:right;
}

#reg-tastes{

margin:14px 0 0 68px;
}

#area-sign-up #reg-tastes {
margin:10px auto;
width:632px;
}

#reg-tastes ul {
float:left;
width:660px;
margin:10px 0 0;
}



#reg-tastes ul li {
float:left;
width:160px;
padding-right:60px;
}

#reg-tastes fieldset {
margin-bottom:10px;
}

#reg-words {
width:670px;
margin:0 auto;
}

#reg-words h3 {
margin:7px 0 10px;
display:block;
font-size:1.3em;
}

#yourwords {
margin-bottom:10px;
border-top:1px solid #D1DEDF;
border-left:1px solid #D1DEDF;
border-bottom:1px solid #EFFEFF;
border-right:1px solid #EFFEFF;
}




#reg-photo {
width:800px;
float:right;
}

#reg-photo dl {
float:left;
width:193px;
margin:10px 0px 0 0;
min-height:145px;
}

#reg-photo dt {
margin-bottom:5px;
float:left;
}

#reg-photo dd {
width:160px;
float:left;
}

#reg-photo h3 {
font-size:1.3em;
margin:3px 0 10px;
display:block;}

.reg-nbutton {
float:left;
line-height:2em;
display:block;
background:#F42A80;
color:#FFF;
font-weight:bold;
padding:0 10px;
margin:10px 0;
}

#pri-photo {
width:100px;
float:left;
margin-bottom:10px;
}
#pri-photo dt {
font-size:1.1em;
margin:3px 0 6px;
}


#reg-sub {
width:970px;
}

#reg-sbody {
width:700px;
margin:0 auto;
}

#reg-sbody h3 {
margin:5px 0 10px;
font-size:1.3em;
display:block;
width:200px;
font-weight:bold;
}

#reg-sbody h5 {
margin-bottom:10px;
font-size:1em;
display:block;
width:180px;
font-weight:bold;
}

#sub-form {
margin:0 20px;
}

#sub-form label {
width:400px;
padding:0 10px;
}

.reg-sprice {
font-weight:bold;
}

.reg-smonth {
margin:0 25px;
}

.reg-pdec {
font-size:.8em!important;
margin:0 25px;
}



/* ----------------------
= 3.4 SEARCH AREAS
----------------------- */
fieldset {
border:none;
}

#smain {
width:700px;
margin:50px auto 0;
}

#smain select {
width:170px
}

#smain input {
margin:0 5px;
}

#s-radio p {
float:left;
}

#s-radio label {
margin:-1px 40px 0 0}

#smain fieldset {
margin:5px 0;
}

#smain ul {
float:left;
margin:20px 0;
}

#smain li {
float:left;
width:165px;
}

#smain h2 {
font-size:1em;
margin:20px 0 10px;
display:block;
}

#smain h3 {
font-size:.9em;
font-style:italic;
font-weight:bold;
}

#mem-list {
width:718px;
margin:0 auto;
}

#mem-list .grid {

float:left;}

.mem-area {
width:650px;
margin:0 44px 43px 21px;
float:left;
min-height:165px;
}

#content .mem-area li {
padding:5px 0;
}

.mem-image {
padding:5px;
float:left;
width:150px;
margin:4px 0;

}

.mem-info {
float:left;
width:355px;
}

.mem-name {
font-size:1.4em;
font-weight:bold;
margin:5px 0 0;
}

.grid {
margin:10px 20px 0px;
float:left;
}

.grid li { 
float:left;
padding:0 5px 0 0;
}

#grid-list .grid p, #mem-list .grid p {
line-height:13px;
}

#grid-list .mem-area {
float:left;
min-height:300px;
margin:0pt 0 23px 45px;
width:175px;
}

#grid-list {
margin:0 auto;
width:970px;
}


#main-header p {
font-size:.8em;
margin:5px 20px 0;
float:right;
}

#main-header a {
color:#FFF;
text-decoration:underline;
}

.your_words {
background:#FFF;
width:471px;


min-height:108px;
padding:3px;
border-top:1px solid #B3BEBF;
border-left:1px solid #B3BEBF;}

.y-words {
padding:9px;
border-top:1px solid #B3BEBF;
border-left:1px solid #B3BEBF;
background:#FFF;
float:left;
width:229px;
margin:0 0 0 3px;
min-height:90px;
}
/* -------------------
	EDIT REGISTRATION PAGES
---------------------- */
#edit-reg {
width:800px;
margin:30px auto;
}

#reg-info {
margin:10px 0 0 55px;
width:671px;
padding:30px 30px 0;
}

#reg-info #email {
width:119px;
}


#reg-info label {
display:block;
width:200px;
float:left;
}

#reg-info span {
font-size:.9em;
color:#F42A80;
margin:0px 0 0 201px;
display:block;
}

#manage-profile {
width:160px;
margin:10px 0;
}

#manage-profile a {
color:#999999;
text-decoration:none;
}

#manage-profile .current {
color:#F42A80;
text-decoration:underline;
font-weight:bold;
}

#about-form {
width:706px;
margin:10px 0 0 60px;
}

#about-form form {
margin:10px 20px 0 119px;
}
#about-form label {
width:200px;
float:left;
display:block;
}

.edited {
color:#990000;
margin:0 0 10px;
font-style:italic;
}

#edit-tastes {
width:931px;
margin:0 auto;}

  
#edit-words {
width:735px;
margin:10px 0 0 30px
}

#edit-words #yourwords {
width:600px;
padding:10px;
color:#666666;
font-size:1.1em;}

#edit-words h4 {
font-size:1.4em;
margin-bottom:10px;
}

#edit-words h5 {
font-size:1.2em;
margin-bottom:5px;}

#primary-photo {
width:140px;
margin:10px 0 0;
}

#edit-photos {
width:756px;
margin:10px 0 20px 30px;
} 

.photos {
float:left;
width:200px;
margin:20px 8px 0 41px;
min-height:166px;
}

#photos h4 {
margin-bottom:10px;
}
 
#edit-photos h4 {
font-size:1.3em;
margin-bottom:10px;}

#del-photo {
margin:50px auto 10px;
width:500px;
}

#del-photo input, #del-photo .button {
float:left;
margin:10px;
}

.message {
font-size:.9em;
color:#FF0000;
font-style:italic;
margin-bottom:10px;
}

#add-photo {
margin:10px 0 20px 30px;
width:735px;
}

#area-sign-up #add-photo {
margin:0 auto;
width:790px;
clear:both;
}

#add-photo h4 {
font-size:1.3em;
margin-bottom:10px;
}

.photo-p {
font-size:.9em;
font-style:italic;
}

#add-photo .photo-p li {
margin-bottom:3px;
}

.photo-p  span {
color:#FF0000;
}

#photos {
width:250px;
margin:10px 20px 10px 0;
}

#photos ul {
width:246px;
float:left;
}

#photos li {
float:left;
width:118px;
margin:5px 0 0 3px;
}

#pro-content {
width:448px;
margin:10px 23px 0 2px;
}

#pro-content h4 {
margin-bottom:10px;
font-size:1.4em;
}

#memb-area {
margin-bottom:10px;
}

#tastes {
margin-bottom:10px;
}

#your-profile #sidebar {
width:200px;
}

#pro-content h5 {
font-size:1.1em;
margin-bottom:7px;
}

#words #yourwords{
background:#FFF;
padding:10px;
font-size:1em;
color:#666666;
}

#side-bar {
margin:10px 0 0;
font-size:.9em;
}

#side-bar dt {
font-size:1.2em;
margin-bottom:5px;
font-weight:bold;
}

#side-bar dd {
margin-bottom:5px;
}

#side-bar h5 {
font-size:1.2em;
margin:9px 0;
}

/*------------------------
Block members
------------------------- */

#unblock-mem {
margin:10px 0 0 0px;
width:324px;
}

#unblock-mem ul {
}

#unblock-mem li {
float:left;
margin:0 20px 13px 0;
width:100px;
}

#unblock-mem h3 {
font-size:1.3em;
margin-bottom:10px;
}

#girlsgo {
margin:10px 0;
}

/* ------------------------
=EMAIL AREAs
------------------------- */
#email-area {
width:764px;
margin:10px 0 0;
padding:20px;
}

#email {
background:#FFF;
border:1px solid #B5CECF;
width:757px;
border-collapse:collapse;
}

#email-area th, #email-area td {
width:150px;
background:#EFFEFF;
padding:5px 10px;
border-bottom:1px solid #C3DEDF;
border-left:1px solid #C3DEDF;
}

#email-area td {
background:#FFF;
font-size:1em;
}

#email td a {
display:block;
}


td.delete a img {
border:none;
float:left;
}

#email td.delete p {
float:left;
padding:4px;
}

#email-area .desc-p {
font-size:.9em;
color:#3B5D5F;
}

#email .col {
width:75px;}

.pagination {
font-size:.9em;
margin:10px 0;
clear:both;
text-align: center;
}

#email .from {
width:60px;
}

#email-area h4 {
font-size:1.3em;
margin:10px 0;
}

#message {
width:623px;
background:#FFF;
padding:20px;

color:#3B4E4F;
min-height:230pxpx;
overflow:auto;
margin-bottom:10px;
border-top:1px solid #D1DEDF;
border-left:1px solid #D1DEDF;
border-bottom:1px solid #EFFEFF;
border-right:1px solid #EFFEFF;
}

#contacts {
width:706px;
float:left;
margin:6px 0 10px 32px;
}

.m-area {
margin:0 0px 18px 24px;
min-height:351px;
width:189px;
}

.m-name { 
font-size:1.3em;
}

img {
border:none;
}

#contacts .m-name span {
font-size:.6em;
padding:0 0 0 60px;
color:#000;}

#contacts {
font-size:1em;
}
.m-area span {
font-size:.9em;
color:#F42A80;
}

.email {
padding:0 0 0 5px;}

.email-img {
margin:3px 0 0 0;}

#send-message {
width:200px;
}

#send-email-area {
width:532px;
margin:10px 0 0;
padding:20px;
}


#send-email-area th, #send-email-area td {
width:120px;
background:#EFFEFF;
padding:5px 10px;
border-bottom:1px solid #C3DEDF;
border-left:1px solid #C3DEDF;
}

#send-email-area td {
background:#FFF;
font-size:.9em;
}

#send-email-area .td-option {
width:50px;
}

#send-email-area #message {
width:490px;

}

#send-email-area #email {
width:534px;
margin-bottom:10px;
}

#member-area {
margin:10px 0 0 20px;
width:165px;
}

#send-e {
width:125px;
}

#send-email-area dt {
margin:5px 0;
font-size:.9em;
}

#send-email-area #subject {
width:510px;
padding:3px 10px;
color:#3B4E4F;
}

#send-email-area h4 {
font-size:1.2em;
margin:5px 0px;
color:#677E7F;
}

#email-side {
width:100px;
}

#email .col-read {
width:70px;
}

#email-mem {
	position:relative;
	top:4px;
}

#email .col-from {
width:200px;
}

#email .col-sub {
width:200px;
}

#email .col-rec {
width:60px;
font-size:.9em;
}

#email .col-del {
width:50px;
}

/* -------------------
= Contact us areas
-------------------- */

#contact-us {
margin:10px 0;
}

#contact-us h4 {
width:200px;
float:left;
margin:4px 0;
}

#contact-us p {
margin:0 0 0 234px;
}

/* ------------------
=Invitaions area
-------------------- */
#invitaions {
width:948px;
margin:10px 0;
}

#invi-form {
width:500px;
margin:20px auto 0;}

#invi-form label {
width:160px;
float:left;
display:block;
}

#invitaion-open #invitaion-sub-area label{
display:block;
margin:0 0 2px;
}

#invitaion-open #invitaion-sub-area {
margin:20px 0 0;
}

#des-label {
width:400px!important;
margin:0 0 5px;
}

#invitaion-open p {
clear:left;
}

#invi-form input {
padding:3px;
font-size:.9em;
}

#invi-form p {
margin-bottom:10px;
}

#ref {
width:242px;
}

#invi-results {
width:970px;
border-collapse:colapse;
height:200px;
overflow:auto;
}

#invi-results th {
border-bottom:1px solid #B5CECF;
padding-bottom:5px;
}

#invi-results td {
padding:5px 0;
}

#invi-more {
margin:20px 10px;
}

#invi-more h4 {
font-size:1.4em;
font-weight:bold;
margin-bottom:10px;
}

.intro {
margin:10px 10px;
}

#invite_for, #loaction, #postcode, #street, #town {
width:250px;
}

label#dec-label {
width:300px;
}

#invite_description{
border-top:1px solid #B5CECF;
border-left:1px solid #B5CECF;
}

#intro {
margin:10px 20px 0;
float:left;
font-size:1em;
}

#invi-sidebar {
	width:150px;
	margin:10px 0;
}

#invitations {
	margin:10px 0;
	width: 797px;
	
}

div#invitaion-open , div#invitaion-edit{
width:948px;
margin:10px 0;
}

div#invitaion-open #invitation-main-area, div#invitaion-edit #invitation-main-area  {
margin:0 0 0 68px;
width:532px;
}

div#invitaion-edit #invitaion-sub-area {
width:310px;
margin:18px 0;
}

div#invitation-open select {
margin:3px 0;
}

div#invitaion-edit #guest-list-invi {
width:280px;
margin:10px 0;
}

div#invitaion-edit #guest-list-invi li {
float:none;
}

#invitations li span {
	margin:5px 20px 5px 2px;
	padding:4px;
	font-size: .8em;
	background: #FFF;
	border-left:1px solid #99AEAF;
	border-top:1px solid #99AEAF;  
	
}

#invitation-main-area {
	width: 436px;
}

#invitation-main-area p {
clear:both;
	
}

#guest-list {
	width: 352px;
	margin:5px 20px 5px 2px;
	padding:4px;
	font-size: .8em;
	background: #FFF;
	border-left:1px solid #99AEAF;
	border-top:1px solid #99AEAF;
	float:left;
	min-height:52px;
}



#invitaion-sub-area {
	width: 300px;
}

#invi-ref select {
margin:5px 0;
}


#invite {
	width:352px;
	display:block;
	float: left;
}

#invi-main li, #invi-ref li {
	float:left;
}

#invite-date, #invite-for {
	width:150px;
	display: block;
	float:left;
}

#invi-desc {
	width: 352px;
	margin:5px 20px 5px 2px;
	padding:4px;
	font-size: .8em;
	background: #FFF;
	border-left:1px solid #99AEAF;
	border-top:1px solid #99AEAF;
	min-height:100px;
}

#invite-ref, #invite-guests {
	width: 117px;
	display: block;
}

#invi-location, #invi-street, #invi-town, #invi-postcode {
	width:267px;
	margin:5px 20px 5px 2px;
	padding:4px;
	font-size: .8em;
	background: #FFF;
	border-left:1px solid #99AEAF;
	border-top:1px solid #99AEAF;
}

 #guest-list-invi {
margin-bottom:10px;
background:#FFF;
border-top:1px solid #D1DEDF;
border-left:1px solid #D1DEDF;
border-bottom:1px solid #EFFEFF;
border-right:1px solid #EFFEFF;
padding:10px;
width:430px;
 }
 
#guest-container {
margin:10px 0 0 221px;
}

#invi-ref label {
display:block;
margin:0 0 5px;}

#open-invitaion-sub-area {
/*	margin:20px 0 0;*/
	width: 300px;
}

ul#open-invi-ref {
	clear: left;
	/*margin: 0 0 20px 0;*/
	margin: 0px;
	padding: 0px;
	/*padding: 0 0 20px 0;*/
	list-style: none;
}

ul#open-invi-ref li {
	clear: left;
	margin: 0;
	padding: 5px 0;
	width: 290px;
}

ul#open-invi-ref li label {
	float: left;
	display: block !important;
	width: 90px;
	text-align: left;
	/*padding: 3px 5px 0 0;*/
}

ul#open-invi-ref li input {
	float: left;
	width:190px;
	margin: 0;
	border: 1px solid #666;
/*	padding: 3px;*/
}

ul#open-invi-ref li select {
	float: left;
	width:197px;
	margin: 0;
	border: 1px solid #666;
}


/* ----------------------------
=Terms of use Page
----------------------------- */

#terms-use {
margin:10px 0;
padding:10px 40px;
}

#terms-use h1 {
font-size:1.8em;
color:#748E8F;
line-height:1.7;
margin-bottom:10px;
text-transform:uppercase;
}

#terms-use h2 {
color:#616E6F;
font-size:1.5em;
margin:15px 0;
text-transform:uppercase;
}

#terms-use h3 {
font-size:1.3em;
color:#616E6F;
margin:10px 0 5px;
text-transform:uppercase;
}

#terms-use ul {
margin:0 0 0px 60px;


}

#terms-use li {
list-style-type:disc;
line-height:1.8;

}

#terms-use .indent {
list-style:none;
}

/* -----------------
=FAQs
----------------- */

#faq dt {
font-size:1.3em;
color:#4D5E5F;
margin:16px 0 4px;
text-decoration:underline;

}

#faq dd {
font-size:1em;
line-height:2;
margin-bottom:15px;
}

/* ---------------------------------
=Not registerd page
------------------------------------- */
#member-con {
width:970px;
margin-bottom:20px;
}

#main-content #member-con h3 {
margin-bottom:2px;
}


#con-wrapper {
width:462px;
}

#loginbox-demo {
width:438px;
float:left;
}

#loginbox-demo #email {
width:220px;
}

#loginbox-demo label {
display:block;
float:left;
width:123px;
}

#loginbox-demo  #password {
width:220px;
}

#middle-sec {
font-size:.9em;
margin-bottom:36px;
}

#middle-sec .button {
margin:10px 20px 0 0px;
}

#main-content h4 {
color:#8F8F8F;
font-size:1.3em;
margin-bottom:5px;
line-height:1.8;
}

#bottom-sec {
margin:7px 0;
}

#bottom-sec .button {
margin:0 0 0 50px;
}

.mem-del {
color:#8F8F8F;
margin:0 20px;}

#demo-invi {
margin:20px 0 0 187px;
}

#demo-invi a {
margin:0 0 0 40px;
}

#demo-list-invi #invi-results {
height:0;
}

#demo-list-invi #demo-invi {
margin:20px 0 7px}

#demo-list-invi #demo-invi a {
margin:0 20px 0 0}

#demo-invi-invi {
width:798px;
}

#demo-invi-invi #invitations {
width:746px;
margin:10px 0 0 28px;}

#demo-invi-invi #demo-invi {
margin:20px 0 0;
}

/* -------------------
= 4. BUTTONS
-------------------- */
input[type=submit], .button {
background:#FA2D94;
color:#FFF;
font-weight:700;
border:none;
margin:0 0 10px;
padding:3px;
}



.button-replace {
display:block;
text-indent:-9999px;
outline:none;
background-repeat:no-repeat;
}

.button-replace:hover {
background-position:0 100%;
}

#sign-out {
background-image:url(../images/log-out-buttons.jpg);
width:96px;
height:26px;
float:right;
clear:right;
margin:8px 37px 0 0;
}

#sign-in {
background-image:url(../images/sign-in-buttons.jpg);
width:96px;
height:26px;
float:right;
margin:40px 37px 0 0;
}

#loginbox,#search-box {
width:221px;
background:url(../images/form-bg.jpg) no-repeat;
min-height:131px;
margin:0 10px;
padding:10px;
}

#reg-next {
width:70px;
line-height:1.2em;
font-size:.9em; 
letter-spacing:1px;
}

/* -----------------------------------
=5. Forms
------------------------------------ */

#login-box {
float:right;
margin:396px 10px 0 0;
}

#searchbox {
width:250px;
margin:396px 0 0;
}

#lb-password {
margin:2px 0;
}

#h3-search {
width:105px;
height:23px;
text-indent:-9999px;
background:url(../images/h3-search.jpg) no-repeat;
margin:0 10px;
}

#h3-login {
width:126px;
height:23px;
text-indent:-9999px;
background:url(../images/h3-login.jpg) no-repeat;
margin:0 10px;
}

#search-box label {
float:left;
display:block;
width:100px;
color:#FFF;
font-size:.9em;
}

#loginbox label {
float:left;
display:block;
width:70px;
color:#FFF;
font-size:.9em;
}

#su-postcode {
width:90px;
}



#lb-password,#lb-email {
width:125px;
}

#f-pass {
color:#F42A80;
font-size:.9em;
float:right;
margin:8px 25px 0 0;
}




#link-signup {
color:#FFF;
font-size:1em;

float:right;
letter-spacing:normal;
margin:5px 38px 0 0px;
}

#forgot-pass {
color:#FFF;
font-size:.8em;
top:-10px;
letter-spacing:normal;
margin:0 0 0 10px;
}

input, select{

padding:2px;
font-size:.9em;
}

select {
width:260px;
}

#reg-tastes input {
padding-left:10px!important;
margin:0 10px 0 0;
}


#su-age-select {
width:95px}

#not_av {
margin:10px 0;
}

#not_av h3 {
margin:5px 0 10px;
font-size:1.3em;
color:#748E8F;
}

#can-membership, #can-conf {
width:948px;
margin:10px 0;
}

#can-mem-form input {
margin:0 5px 0 0;
}

#can-conf .button {
margin: 0 0 10px;
}

#con-del {
margin:10px 0;}

button {
border:none;
}

button#b-password {
font-size:.9em;
float:left;
background-image:url(../images/f-sign-in-buttons.jpg);
width:65px;
height:20px;
margin:6px 0 0;
}

button#su-password{
background-image:url(../images/search-button.jpg);
height:20px;
margin-top:-3px;
width:65px;
position:relative;
top:4px;
}

.hide,button.replace span, button.btnReplace span, a.btnReplace span {
display:none;
}

button.replace {
background:no-repeat;
border:0;
cursor:pointer;
padding:0;
}

button.btnReplace, a.btnReplace {
background:no-repeat;
background-position: 0 0;
border:0;
cursor:pointer;
padding:0;
}

a.btnReplace {
	display: block;
}

button.btnReplace:hover, a.btnReplace:hover,
button.btnReplaceOver {
background-position: 0 100%;
}

#file {
position:relative;
}

#sub-button {
font-size:.9em;}

#logged-out {
margin:10px 0;
width:949px;
}

#news {
width:948px;
}

#news h3 {
width:149px;
float:left;
font-weight:normal;
font-size:1.4em;
color:#5A6E6F;}

#news_body {
float:left;
margin:0 30px;}

#contact_form fieldset {
width:948px;
margin:10px 0 0}

#contact_form label {
width:300px;
float:left;
display:block;
}

#contact_form input {
width:360px;
}

#contact_form select {
width:368px;
}

#contact_form  button {
margin:0 0 0 300px;
}

#verification_img {
margin:0 0 10px 300px;
}
	
#btn-bottom {
position:relative;
float:right;
width:60px;
text-align:center;
}

#btn-top {
position:relative;
top:10px;
float:right;
width:60px;
text-align:center;

}

.bk-btn{
float:right;
margin:5px 20px 0 0;
}

/**** Error Checking ****/
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

/**** End Error Checking ****/

#not-member {
	float:left;
	margin:-41px 0 0 224px;
}
