/* @override http://www.joandjoe.com/css/layout.css */


.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}
html{
	background-color: #cbb6a6;
}
body{
	background: #f6f2e9 url(/img/footer_background.gif) center bottom repeat-x;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.35;

	margin: 0 auto;
}

h2.logo a{
	display: block;
	background: url(/img/joandjoe_weblogo.gif) no-repeat 0px 15px;
	width: 160px;
	height: 63px;
	text-indent: -9999px;
}

strong{
	font-weight: bold;
}

#main {
	zoom:0 !important;
	width: 800px;
	position: relative;
	margin: 0 auto;
	}
h1{
	color: #810526;
	font-size: 29px;
	text-align: right;
	font-style: italic;
	margin-bottom: 6px;
x	background-color: #00ff00;
}
h2{
	font-size: 21px;
	line-height: 23px;
	color: #810526;
	font-style: italic;
}
h3{
	position: relative;
	z-index: 1000;
	color: #810526;
	font-size: 18px;
	font-style: italic;
}
h4 {
	font-size: 14px;
	color: #810526;
}
p.intro{
	font-style: italic;
	color: #820627 !important;
}
p.small{
	margin-top: 20px;
	font-size: 11px !important;
}
div.inner h2{
	margin-top: 22px;
	margin-bottom: 6px;
}
div.inner ul.card_listing h2{
	margin: 0;
}

#content{
	position: relative;
}
div.description p strong{
	font-weight: bold;
}
div.description p em{
	font-style: italic;
}
#content div.inner h4{
	margin-top: 1.5em;
	margin-bottom: 0.25em;
}
#content div.inner{
	width: 526px;
}
div.card div.description p,
p.gift,
#content div.inner li,
#content div.inner p{
	line-height: 1.5;
	font-size: 14px;
	margin-bottom: 11px;
x	color: #4b3b2e;
	color: #361606;
}

code{
	display: block;
	padding: 10px;
	border: 1px solid #ccb7a7;
	background: white;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	margin-bottom: 11px;
}

#preview div.card div.description, #preview  div.card div.description p{
	width: 603px;

}
#content div.inner li{
	margin-left: 1.5em;
	list-style: disc;
	margin-bottom: 3px;
}



#comments{
	margin-top: 18px;
}
#comments blockquote p{
	color: #4e6789;
	text-align: center;
	font-style: italic;
	font-size: 22px;
	line-height: 28px;
}
#comments.small blockquote p{
	color: #4e6789;
	text-align: center;
	font-style: italic;
	font-size: 17px;
	line-height: 20px;
}

#comments blockquote cite{
	display: block;
	font-size: 13px;
	margin-top: 8px;
	font-style: italic;
	text-align: right;
	color: #8d6f58;
}

#header{
	height: 95px;
	
}
#header ul.menu{
	float: right;
	width: auto;
}
#header ul.menu li{
	float: left;
	text-align: right;
	margin-left: 18px;
}
#header ul.menu li a{
x	color: #6e4d33;
	color: #6e4233;
	font-size: 11px;
	font-weight: bold;
}
#header ul.menu li.current a{
	color: #860627;
}
#header ul.menu li.join a{
	background: #5c748e;
	padding: 5px 5px 3px 5px;
	color: #f6f2e9;
}
#header ul#membermenu {
	position: absolute;
top: 35px;
right: 0;
	clear: both;
}
#header ul#membermenu li a{
	font-size: 1em;
	text-transform: ;
}
#header ul#mainmenu{
	position: absolute;
top: 15px;
right: 0;

	clear: both;
}

#content ul#submenu{
	margin: 5px 0 22px 0;
	padding: 0;
	width: 100%;
}

#content ul#submenu li{
	position: static;
	float: none;
	list-style-type: none;
	display: inline;
	text-indent: 0;
	padding: 0 10px 0 0 ;
	margin: 0 ;
}

#content ul#submenu li a{
	font-weight:bold;
	font-size: 14px;
	display: inline;
	position: static;
	margin: 0px 10px 0px 0px;
	padding: 0;
	text-indent: 0;
	color: #3e6497;
}

#content ul#submenu li.current a{
	color: #820627;
}

a{
	color: #014ac4;
}
a:hover{
	cursor: pointer;
	cursor: hand;
}
#content ol.howitworks{
	margin: 25px 0;
}
#content ol.howitworks li{
	margin: 0;
	margin-bottom: 20px;
	list-style-type: none;
}
#content ol.howitworks li p{
	text-indent: 0px;
	font-style: inherit;
}

#feature_header{

	background: #beae9d;
	margin-bottom: 0px;
	padding: 0 10px 0 0;

}
#feature_anim{
	float: left;
}
#feature_text{
	margin: 14px 0 0 8px;
	float: left;
	width: 250px;
}


#feature_text ul{
	margin-top: 12px;
}
#feature_text ul li{
	list-style-type: disc;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	margin-left: 1.5em;
	margin-bottom: 4px;
	clear: both;
}
#feature_text.nonmember ul li{
	
	width: 200px;
}
#feature_text ul li a.button, #feature_text ul li a.buttonlight{
	margin-right: -20px;
	margin-top: 4px;
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
}

/* @group Card Listing */
div.eventdescription{
	font-size: 14px;
}
ul.card_listing img{
	float: left;	
	margin-right: 22px;
	border: 1px solid #61503e;
}
ul.card_listing div.details{
	float: left;
	width: 273px;
	text-align: left;
	font-size: 13px;
	
}
ul.card_listing div.events{
	position: absolute;
	clear: both;
	font-size: 10px;
	left: 11px;
	bottom: 10px;
	line-height: 1.2;
	
	height: 25px;
	width: 260px;
}

ul.card_listing div.events a{
	padding-right: 10px;
	
vertical-align: middle;	
height: 25px;
}
div.events strong{
	padding-right: 5px;
	color: #860627;
	vertical-align: middle;
}
ul.card_listing div.buttons{
float: right;
position: absolute;
bottom: 11px !important;
right: 0;
	
}
div.card h3{
	margin-bottom: 11px;
}
div.description{
	float: left;
	clear: none;
	margin-bottom: 0;
}
div.card a.buttonlight{
	margin-left: 16px;
	margin-top: 11px;
}
div.card img.thumbnail{
	float: left;
	margin: 0 0 22px 0;
	border: 1px solid #61503e;
}
div.card div.description,div.description p{
	float: right;
	clear: none;

	width: auto;
}

ul.card_listing div.description p{
	
	float: none ;
		font-size: 14px;
}

#content ul.card_listing li{
	margin: 0;
	list-style: none;
	position: relative;
	padding: 11px;
	border: 1px solid #aa9d8f;
	margin-bottom: 22px;
	background-color: #c4b5a5;
	padding-bottom: 40px;
}

#recipients:after ,#next:after, #content:after,#sidebar:after, fieldset:after,ul.card_listing li:after, #main:after,#feature_header:after,#the-cards:after,#yourcard:after{
	 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#recipients:after{
	padding-bottom: 40px;
}

/* @end */

/* @group Custom Form Layouts  */

div.nb{
	float: right;
	width: 230px;
	position: relative;
	padding: 8px;
	border: 1px solid #e1cfc3;
	background:#f1e9e2;
	color: #74685f;
	font-style: italic;
}


#content form a.reset{
	display: block;
	margin-top: -10px;
	margin-bottom: 15px;
}
#content form.my_profile{
	background: none;
}
#content form.my_profile fieldset{
	background-color: #e5dcd1;
}
#content form.my_profile button{
	clear: left;
}
#content form.my_profile div.password,#content form.my_profile div.firstname,#content form.my_profile div.lastname,#content form.my_profile div.email, div.fieldbox{
	width: 220px;float: left;
	
}

/* ADDRESS BOOK */

form label.inlinelabel{
	display: inline;
	vertical-align: top;
}

div#emailimportpassword{
	clear: both;
}
#ContactAddForm{
	margin-bottom: 22px;
}
#ContactEmailimportForm ,#ContactAddForm , #ContactFileimportForm {
	margin-top: 22px;
}

#ContactEmailimportForm , #ContactFileimportForm{
clear: none;
margin-top: 11px;
	width: 387px;float: left;
}
#ContactFileimportForm{
	margin-left: 22px;
}
#sendaddcontacts form{
	width: 800px ;
	margin-top: 20px;
}

#ContactEmailimportForm fieldset,#ContactAddForm fieldset, #ContactCsvimportForm fieldset, #ContactVcardimportForm fieldset, #ContactFileimportForm fieldset,#UserRegisterForm fieldset,#UserRegisterForm h2,#pickup-card fieldset{
	margin-top: 0;
}
#UserRegisterForm .fieldbox{
	margin-bottom: 10px;
}
#UserLoginForm button{
	float: none;
	clear: left;
	}
label.postcodelabel{
	clear: both;
}

button#send_now{
	float: left;
	clear: both;

}
a#changemessage{
	margin: 1px 0 22px 0;
	font-size: 13px;
}


div.send_later{
	padding-top: 2em;
	clear: both;
}

/* @end */



#the-cards{
		padding: 0 !important;
	margin: 0 !important;

	list-style: none;
	margin-top: 22px !important;
	margin-right: 22px !important;
	width: 526px;
	float: left;
}


#the-cards li{
		padding: 0 !important;
	margin: 0 !important;

		list-style: none !important;

	float: left;
	margin-right: 22px !important;
}
#the-cards li.last{
	margin-right: 0 !important;
}
#the-cards li img{
	border: 1px solid #61503e;
}

#pickup-card fieldset{
	padding: 0;	
}
#pickup-card button{
	margin-top: -4px;
	padding: 4px 12px;
}
#pickup-card label{
	position: absolute;
	bottom: 8px;
	right: -10px;
	width: 35%;
	
	line-height: 1;
	text-align: right;
	font-size: 11px;
}
/* BOX STYLES */

.box-extra-light, 
.box-light, 
.box-med,
.box-med-heavy,
.box-heavy,
#content div.inner .box-extra-light,
#content div.inner .box-light,
#content div.inner .box-med,
#content div.inner .box-med-heavy,
#content div.inner .box-heavy 
{
	position: relative;
	padding: 11px 4px 11px 11px;
	margin-top: 22px;
	margin-right: 22px;
	width: 252px;
	height: 92px;
	float: left;
	overflow: hidden;
	font-size: 11px;
}
#content div.inner .box-extra-light p,
#content div.inner .box-light p,
#content div.inner .box-med p,
#content div.inner .box-med-heavy p,
#content div.inner .box-heavy p
{
	font-size: 11px;
}

.box-light,
#content div.inner .box-light
{
	
	padding: 0px;
	height: 110px;
}

.box-extra-light{
	background: #ffffff;
	width: 235px;
	border: 1px solid #c1aa96;
}

.box-med{
	background: #f2ede8;
	width: 235px;
	border: 1px solid #c1aa96;
}

.box-med-heavy{
	background: #e5dcd1;
	width: 235px;
	border: 1px solid #c1aa96;
}

.box-heavy{
	background: #c4b5a5;
	width: 235px;
	border: 1px solid #bcafa1;
}

.box-extra-light img.right, 
.box-light img.right, 
.box-med img.right, 
.box-med-heavy img.right, 
.box-heavy img.right{
	top: 15px;
}

img.right{
	top: 25px;
	position: relative;
	float: right;
}

img.right-top{
	top: -18px;
	position: relative;
	float: right;
}

#memberhome-reminders{
	border: 0px solid;
}
#memberhome-reminders li,#memberhome-latestcards li, #cardlisting-reminders li,#cardlisting-latestcards li{
	margin-bottom: 4px;
	
}

#join-now{
	font-size: 12px;
}
#join-now p{

	margin-bottom: 4px;
}

#join-now li{
	font-style: italic;
	margin-bottom: 4px;
}
#join-now ul{
	margin: 12px 0 18px;
}

#cardlisting-reminders, #cardlisting-latestcards{
	height: auto;

}

#memberhome-reminders li,#cardlisting-reminders li,#join-now li{
	margin-left: 0em;
	padding-left: 5px;
	list-style-type: disc;
	list-style-position: inside;
	color: #191817;
}

#memberhome-reminders a.button, #memberhome-reminders a.buttonlight,#memberhome-latestcards a.button, #memberhome-latestcards a.buttonlight,#cardlisting-reminders a.button, #cardlisting-reminders a.buttonlight,#cardlisting-latestcards a.button, #cardlisting-latestcards a.buttonlight{
	color: #ffffff;
	margin-top: 4px;
	
	
}
#memberhome-latestcards a,#cardlisting-latestcards a{
	color: #191817;
}
#memberhome-latestcards a strong.card-status,#cardlisting-latestcards a strong.card-status{

	color: #860627;
}
#memberhome-latestcards li.sent strong.card-status, #cardlisting-latestcards li.sent strong.card-status{
	
	color: #8c2c3a;

}

li.none{
	list-style-type: none !important;
	padding: 0 !important;
}
#memberhome-latestcards li.queued strong.card-status,#cardlisting-latestcards li.queued strong.card-status{
	
	color: #907e6e;

}
/* @group CAKE DEFAUlTS */

/* Tables */
table {
	margin-top: 11px;
	background: #ccb7a7;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	font-size: 14px;
	font-weight: bold;
	
	background: #c4b5a5;
	border: 1px solid #95857a;
	border-top: 1px solid #d6cdb6;
	border-left: 1px solid #d6cdb6;
	text-align: center;
}
th a {
	
	background: #c4b5a5 url(/img/tablesort.gif) no-repeat right 5px;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color: #820627;
	padding: 6px 18px 4px 18px;
}
th a.asc{
	background-position: right -25px;
}
th a.desc{
	background-position: right -55px;
}
th a:hover {
	background-color: #a79689;
	text-decoration: none;
}
table tr td {
	font-size: 12px;
	background: #f6f2e9;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f1e9e2;
}

#cardorder tr td, #cardorder tr.altrow td {
	background: #f6f2e9;
}
table tr td.past {
color: red;
}
#cardorder tr.tDnD_whileDrag td{
	background: #fff;
}

#cardorder tr {
	border-bottom: 1px solid #ccc;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 9px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */

p.pagination{
	color: #7c7268 !important;
	margin-bottom: 0 !important;
	text-align: right;
}
p.pagination.cards{
	width: 520px;
}

div.paging {
	text-align: right;
	color: #95857a;
	margin-bottom: 1em;
	margin-right: -5px;
}
div.paging div.disabled {
	color: #ccb7a7;
	display: inline;
}
div.paging span {
	padding: 3px 5px;
}
div.paging span.current {
	color: #74685f;
	padding: 3px 5px;
	margin: 3px 5px;
	border: 1px solid;
	background-color: #ccb7a7;
}
div.paging span a {
	padding: 3px 5px;
		border: 1px solid;
	color: #820627;
	margin: 0;
}
div.paging a {
	padding: 3px 5px;
		border: 1px solid;
	color: #820627;
	margin: 3px 5px;
}
div.paging a:hover{
	text-decoration: none;
	background: #ccb7a7;
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;

	padding: 0;
	width: 100%;
	background-color: #ccb7a7;
	
}

div.form.light form {
	background-color: #e5dcd1;
	border: 1px solid #e1cfc3;
}

div.form.medium form {
	background-color: #e5dcd1;
		border: 1px solid #e1cfc3;
}

fieldset {
	
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset h2 {

	color: #e32;

	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
input[type=hidden]{
	display: none;
	clear: none;
	position: absolute;
}

.checkbox input{
	display: inline;
	margin-right: 10px;
	float: left;
	background: none;
}

.checkbox label{
	float: left;
	display: inline;
}

label.checkbox span{
	xdisplay: block;
	xfloat: left;
	width: auto;
	clear: none;
}
input.bigcheck{
	height: 15px;
	width: 15px;
	display: inline;
	float: none;
	clear: none;
position: relative;
top: -3px;
margin-left: 15px;
}



input.submitbutton, button, a.button, a.buttonlight {
	color: #f6f2e9;
	clear: both;
	display: block;
	margin-top: 0;
	width: auto;
	cursor: pointer;
	padding: 6px 10px;
	margin-left: 0;
	background-color: #860627;
	background: #860627 url(/img/button.jpg) center center;
	border: 1px solid #541827;
	margin-bottom:0 ;
}


fieldset button, fieldset a.button, fieldset a.buttonlight{
	padding: 6px 14px;
	font-size: 13px;
	clear: none;
	float: left;
	margin-right: 11px;

}
fieldset button.light{
	
	background-color: #4a6898;
	background: #4a6898 url(/img/buttonlight.jpg) center center;
	border-color: #314e7d;
}


fieldset button.medium{

	background-color: #973146;

	border-color: #7c4a52;
}
a.button, a.buttonlight{
	padding: 3px 5px;
	margin-right: 11px;
	float: left;
	clear: none;
}
a.buttonlight{
	background-color: #4a6898;
	background: #4a6898 url(/img/buttonlight.jpg) center center;
	border-color: #314e7d;
}
button:hover{
	background: #790002;
}

form p{
	clear: both;
	float:left;
}
label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #860627;
	padding-right: 20px;
	
}
label span.explanation{
	font-weight: normal;
}

input, textarea {
	margin-bottom: 15px;
	clear: both;
	display: block;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	
}
form p {
	clear: both;
}
select {
	clear: both;
	font-size: 120%;
	margin-bottom: 16px;
	vertical-align: text-bottom;
}


#yourcard{	
	background-color: #e1cfc3;
	padding: 22px;
	margin-bottom: 22px;
}
#yourcard p{
	width: auto;
}
#recipients form fieldset{
	margin-top: 0 !important;
}
#recipients form fieldset input{

}
#recipients form{
	background: none;
}
#recipients form div.back{
	background-color: #ccb7a7;
}
#yourcard div.card a.buttonlight{
clear: both;
	margin-left: 0 !important;
}

#recipients #next{
	margin-top: 22px;
	font-size: 13px;
	display: block;
	position: absolute;
	z-index: 100000;
}

#recipients #add_contact{
	clear: both;
		display: block;
	position: relative;
	z-index: 100000;
	z-index: 100000;
}

ul.checkboxMultiple {
display: block;
clear: both;
margin:0;
margin-bottom: 11px;
width: 462px;
padding: 0 8px 8px 8px ;
border: 1px solid #c8b09d;
height: 211px;
overflow: auto;
list-style-type:none;
	background-color: #efe2d9;
}
ul.checkboxMultiple li label, ul.checkboxMultiple li input {
	float: left;

}
ul.checkboxMultiple li input{
	margin-top: 4px;
}
ul.checkboxMultiple li label{
	cursor: pointer;

width: 405px;
	padding-top: 4px;
font-size: 13px;

	margin-bottom: 8px;
}
ul.checkboxMultiple li label span{
	float: left;
}
ul.checkboxMultiple li label em{
text-align: right;
float: right;
	font-weight: normal;
	color: #4b3b2e;
	font-size: 12px;
	cursor: pointer;
}
ul.checkboxMultiple li:hover{
	background-color: #c9939b;
	cursor:pointer;
}
ul.checkboxMultiple li *:hover{
	background-color:#c9939b;
	cursor:pointer;
}
ul.checkboxMultiple li {
	border-bottom: 1px solid #ccb7a7;
    display:block;
    float:left;
	
    	width: 100%;
    margin: 0 0 0px 0;
    padding: 8px 0px 0 0;
    }
	ul.checkboxMultiple li em {

		font-size:0.75em;

	    }
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}



/*
p.error,
div.error-message,
#content div.message {
	clear: both;
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}*/


/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}


div.error-message {
	clear: both;
	color: #1a3156;
	font-style: italic;
	margin-top: -11px;
	margin-bottom: 11px;
	margin-left: 2px;
	font-weight: bold;
}
#content div.message{
	padding: 12px;
	margin: 22px 0;
	background: #860002;
	text-align: center;
	color: #f6f2e9;
	
	border: 3px solid #440001;
	
	font-size: 18px;
	font-weight: normal;
}
/*
#content div.message{
	padding: 12px;
	margin: 22px 0;
	background: #860002;
	text-align: center;
	color: #f6f2e9;
	
	border: 3px solid #440001;
	
	font-size: 18px;
	font-weight: normal;
}*/
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}


/* @end */



/* BOX STYLE OVERRIDES */
#card-info, #join-now{
	float: right;
	height: 196px;
}
#sidebar #card-info, #sidebar #join-box{
	float: left;
}
#sidebar.cards{
	margin-top: 25px;
}
#card-info.events{
	height: 163px;
}
#card-info.events a.button{
	margin: 0;
	position: absolute;
	right: 12px;
	bottom: 12px;
}
#card-info a.button{
	margin: 9px 0 15px 0;
	float: right;
}
#card-info ul.events{
	margin-top: 10px;
	list-style: disc;
	padding-left: 1.5em;
}

#join-box a.button, #join-box a.buttonlight{
	font-size: 14px;
	margin: 0;
	float: right;
	position: absolute;
	bottom: 12px;
	right: 12px;
}
#join-box h3{
	height: 68px;
}

#join-box{
	margin-top: 0;
	height: 202px;
	border: 1px solid #908579;
}

#join-box ul{
	padding-left: 2em;
	font-weight: normal;
}
#join-box li{
	font-size: 12px;

	list-style-type: disc;
	margin-bottom: 5px;
	color: #361606;
}

#comments cite{
	display: block;
	position: relative;
	top: -8px;
}
#feature_text a.join{
	font-size: 16px;
	font-weight: bold;
	float: right;
		margin-top: 6px;
		padding: 7px 12px 4px;
	margin-right: -4px;
	
	wi0dth: 107px;
	he0ight: 33px;
	border: 0;

	background: #4a6898 url(/img/buttonlight.jpg) center center;
	border-color: #314e7d;
	border: 1px solid;
	border-color: #314e7d;

}
#feature_text p.prices{
	margin-top: 6px;
	height: 35px;
	width: 109px;
	float: left;
	background: url(/img/prices_all.gif);
	text-indent: -9999px;
}
#join-box p.prices{
	margin-top: 16px;
	height: 35px;
	width: 109px;
	float: left;
	background: url(/img/prices_all.gif);
	text-indent: -9999px;
}

#sidebar{
	width: 252px;
	position: static;
	float: right;
	margin-top: -22px;
}



a.more-link{
	position: absolute;
	bottom: 0;
	margin-bottom:2px;
	font-size: 13px;
	font-style: italic;
	color: #820627;

}
a:hover,a img.hover{
text-decoration: underline;	
cursor: pointer;
}


label.postcodelabel{
	clear: left;
}

/* @group Terms and Conditions */
div#termsandconditions div.terms{
	background: #f6f2e9;
	padding: 20px;
	
	margin: 10px 0 15px 0;
	height: 10em;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #b5a394;
}
div#termsandconditions div.terms h4, div#termsandconditions div.terms h3, div#termsandconditions div.terms h2 , div#termsandconditions div.terms p{
	margin-bottom: 1em;
	float: none;
}

/* @end */

/* @group footer */
#footer{
x	background: ;
	clear: both;
	padding-top: 0px;
	margin-bottom: 10px;
	height: 150px;
}

#footer div.footermenu{
	width: 800px;
	margin: 0 auto;
}

div.footermenu ul.sitelinks{
	margin-top: 60px;
	margin-bottom: 10px;
	text-align: right;
}
ul.sitelinks li{
	display: inline;
	font-size: 12px;
	padding: 0 0 0 1.0em;
	line-height:1.5em;
}

ul.sitelinks li a{
	color: #860627;
}
ul.sociallinks,ul.legal{
	margin: 10px auto;
	width: 800px;
	position: relative;
	right: -3px;
	text-align: right;

}
ul.legal{
	margin-top: -30px;
	margin-left: 0;
	width: 200px;
	text-align: left;
	z-index: 1;
}
ul.legal a{
	font-size: 10px;
	color: #a4545f;
}
ul.sociallinks li, ul.legal li{
	display: inline;
	padding-right: 3px;
}
ul.legal li{
	padding-right: 6px;
}
ul.legal li a{
	position: relative;
	z-index: 1000;
}
ul.sociallinks a.button{
	float: none;
	clear: none;
	display: inline;
	margin-right: 6px;
	position: relative;
	top: -6px;
}
ul.sociallinks li img{
	display: inline;
	
}
/* @end */




li.nobullet{
	list-style: none;
}

/* @group ADMIN STYLES */

body#admin #main{
	width: 96%;
	
}
body#admin table th{
	font-size: 11px;
}
body#admin table td{
	font-size: 10px;
}
/* @end */

div.hassidebar{
	width: 520px;
	float: left;
}

.right{
	float: right;
	margin-top: -10px;
}
.tleft{
	text-align: left !important;
}
.last{
	margin-right: 0 !important;
}

.leftpic {
	float:left;
	margin:8px 20px 8px 0px;
}

.rightpic {
	float:right;
	margin:8px 0px 8px 20px;
}

#feature_anim, #card_wrapper {
		border: 8px solid #beae9d;
}
#card_wrapper{
	margin-top: 12px;
	margin-left: -8px;
width: 800px;
height: 600px;
}

div.listingpic_left {
	float:left;
	margin:8px 15px 8px 0px;
	padding: 5px;
x	background-color: #fff;
	width: 95px;
	height: 70px;
	text-align: center;
	
}

div.listingpic_left img{
 border: 0px;
	
}

div.description.orgs {
x	background-color: #666;
	float: left;
	width: 370px;
}

#billinginfo .postcodelabel{
	padding-top: 1.5em;
}
#billinginfo div.checkbox{
	clear: both;}

span.description{
	font-weight: normal !important;
}

#filter,#selectall, #deselectall{
	margin-right: 15px;
	float: left; clear: none;
}
#filterbox a{
	padding: 5px 8px;
}

a.delete{
	color: #820627;
}
#addressbook tbody{
	height:350px;overflow-y:scroll;overflow-x:hidden;
}
#addressbook tbody.hidden{
	display: block;overflow-y: hidden;
}
li.hidden,tr.hidden,  #filterbox.hidden,p.hidden{display:none !important;}