/******************************************************************************************************************

Secrets Clubs : Global Stylesheet

Developed by Matthew Hill, September 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

******************************************************************************************************************/

body {
	margin:0;
	padding:0;
	background:#000;
	font: normal 79%/130% Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#FFF;
	/* 79% rather than 80% to force IE to use correct size (IE usually renders fonts a fraction larger) */
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0 0 10px 0;
	line-height:normal;
	font-style:italic;
}

h1 {
	font-size:190%;
	font-weight:normal;
}

h2 {
	clear:both;
	font-size:130%;
}

h3 {
	clear:both;
	font-size:110%;
}

a,a:link {
	color:#E59BF8;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#D8D8D8;
	color:#E59BF8;	
}

a:hover {
	color:#F4B5FC;
	color:#FFDE00;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 10px 20px;
}

.picleft {
	clear:left;
	float:left;
	margin:0 20px 10px 0;
}

.piccenter {
/*	margin:0 auto 10px;*/
	text-align:center;
}


.hitext, .warning {
	color:#FFDE00;
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:984px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg_curtain_main.jpg) top left no-repeat;
	min-height:1010px;
}

#wrapper:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	width:100%;
	height:120px;
}


#banner img {
	border:0;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#banner p,#banner h1 {
	width:429px;
	height:79px;
	margin:0 0 0 233px;
	padding:0;
	background:url(../images/banner_text.jpg) top left no-repeat;
	font-size:2.0em;
	font-weight:bold;
}

#banner p span,#banner h1 span {
	display:block;
	position:absolute;
	left:-1000em;
}


/******************************************************************************************************************
CONTENT / MAIN / RIGHT SIDEBAR POSITIONS + SIZES
******************************************************************************************************************/

/* MAIN + NAVIGATION use the One True Layout approach for source ordering navigation AFTER the content */
/* http://www.positioniseverything.net/articles/onetruelayout/anyorder */

#main {
	width:738px;
	padding:20px 0 0 0;
	margin-left:246px;
	float:left;
}

#content {
	float:left;
	width:500px;
	padding:20px 20px 0 30px;
}

#sendtofriend {
	clear: both;
	position:relative;
}
#newsletter {
	clear: both;
	position:relative;
}

#sendtofriend a {
	background:url(../images/icon-sendfriend.gif) left center no-repeat;
}

#sidebar {
	width:188px;
	float:right;
	min-height:787px;
	background:url(../images/bg_sidebar_3pics.jpg) top right no-repeat;
}

#content:after,
#sendtofriend:after,
#sidebar:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/******************************************************************************************************************
BREADCRUMBS
******************************************************************************************************************/

#breadcrumbs {
	font-size:90%;
	padding:0 30px;
	color:#B7B7B7;
}

#breadcrumbs ul {
	margin:0;
	padding:0;
}

#breadcrumbs p {
	float:left;
	margin:0 6px 0 0;
	padding:0;
}

#breadcrumbs li {
	margin:0 6px 0 0;
	padding:0 11px 0 0;
	list-style:none;
	font-weight:bold;
	float:left;
	background:url(../images/arrow_breadcrumbs.gif) right center no-repeat;
}

#breadcrumbs li a,
#breadcrumbs li a:visited {
	color:#E59BF8;
}

#breadcrumbs li a:hover {
	color:#FFDE00;
}

#breadcrumbs li#current {
	background:none;
}

#breadcrumbs:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
NAVIGATION
******************************************************************************************************************/

/* MAIN + NAVIGATION use the One True Layout approach for source ordering navigation AFTER the content */
/* http://www.positioniseverything.net/articles/onetruelayout/anyorder */

#navigation {
	float:left;
	width:246px;
	margin-left:-984px;	
	padding:20px 0 0 0;
	line-height:normal;
	font-size:95%;
}

#navigation:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;	
}

/* Level 1 lists: */

#navigation ul {
	margin:0 15px 0 35px;
	padding:0;
}

#navigation ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li a,
#navigation ul li a:visited,
#navigation ul li.selected ul a,
#navigation ul li.selected ul a:visited {
	display:block;
	font-weight:bold;
	color:#FFF;
	padding:1px 0 1px 20px;
	text-decoration:none;
	background:url(../images/bullet_nav_big_off.gif) left center no-repeat;	
}

#navigation ul li a:hover,
#navigation ul li.selected a,
#navigation ul li.selected a:visited {
	background:url(../images/bullet_nav_big_over.gif) left center no-repeat;	
	color:#FFDE00;
	text-decoration: underline;
}

/* Level 2 lists: */

#navigation ul ul {
	margin:0 0 0 20px;
}

#navigation ul ul li a,
#navigation ul ul li a:visited,
#navigation ul li.selected ul a,
#navigation ul li.selected ul a:visited {
	display:block;
	font-weight:normal;
	color:#FFF;
	padding:0 0 0 20px;
	text-decoration:none;
	background:url(../images/bullet_nav_small_off.gif) left center no-repeat;	
}

#navigation ul li.selected ul li a:hover,
#navigation ul li.selected ul li.selected a,
#navigation ul li.selected ul li.selected a:visited {
	background:url(../images/bullet_nav_small_over.gif) left center no-repeat;	
	color:#FFDE00;
	text-decoration: underline;
}

#navigation h2 {
	margin:0;
	padding:0;
}

#navigation h2 span {
	position:absolute;
	left:-1000px;
}

#navigation #venues {
	background:url(../images/text_secrets_venues.png) top left no-repeat;
	width:208px;
	height:42px;
}

#navigation #explore {
	background:url(../images/text_secrets_explore.png) top left no-repeat;
	width:216px;
	height:45px;
}

/******************************************************************************************************************
CONTENT FORMATTING
******************************************************************************************************************/

#content h1 {
/*	background:url(../images/hrline_purple.gif) bottom left no-repeat;
	padding-bottom:20px;
*/}

#content h2 {
	background:url(../images/hrline_purple.gif) top left no-repeat;
	padding-top:20px;
}

#content ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-image: url(../images/bullet_body.gif);
}

#content li {
	margin-bottom:5px;
}

#content p {
	margin:0 0 15px 0;
	padding:0;
}

#content img {
	background:none;

/*	display:block;*/
}

a img{
border:0px;
}

#print_button img {
    background: none;
    float: right;
    border: 0;
    padding: 0;
}


/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	width:984px;
	margin:60px auto 20px;
	padding:10px 0 0 0;
	clear:both;
	font-size:90%;
	color:#B7B7B7;
	border-top:1px solid #461C55;
}

#footer p {
	float:right;
	margin:0;
	padding:0 20px;
}

#footer p img {
	vertical-align:middle;
}

#footer ul {
	float:left;
	margin:0;
	padding:0 20px 20px;
	width:45%;
}

#footer li {
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	float:left;
}

#footer a,#footer a:visited {
	font-weight:normal;
	color:#B7B7B7;
	border-right:1px solid #B7B7B7;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}

#footer a:hover {
	color:#FFF;
}

#footer:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;	
}

/******************************************************************************************************************
DEFINITION LISTS / FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0 20px;
	background:url(../images/bg_form.jpg) top left repeat-y;
}

form:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;	
}

fieldset {
	border:none;
	margin:0;
	padding:0;
	display:block;
}

legend {
	display:none;
}

form p {

}

form div.top {
	width:500px;
	height:10px;
	margin:0 -20px 10px;
	font-size:0;
	line-height:0;
	background:url(../images/hrline_yellow_long.gif) 0 0 no-repeat;		
	position:relative;
	top:-3px;
}

form div.bottom {
	width:500px;
	height:10px;
	margin:0 -20px 0;
	border:0;
	font-size:0;
	line-height:0;
	background:url(../images/hrline_yellow_long.gif) 0 0 no-repeat;		
	position:relative;
	bottom:-5px;
	clear:both;
}

form label {
	color:#FFDE00;
	color:#FFF;
	line-height:normal;
}

form dl {
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
	float:left;
	width:190px;
	line-height:normal;
}

form dd {
	padding:0 0 15px 0;
	margin:0;
	text-align:left;
}

form dd input.text,form dd textarea	{
	border:none;
	clear:both;
	float:none;
	width:246px;
	padding:3px 2px;
	font: normal 100%/1.2em Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form button,input.button,a.button,a.button:hover {
	font-size:85%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
	line-height:1;
	text-decoration:none;
	text-align:center;
	background:url(../images/button_send.gif) center left repeat-x;	
	color:#00286A;
	border:hidden;
	padding:0;
	margin:0;
	width:169px;
	height:50px;
	cursor:pointer;
}
/*Added by Paul 19/9/2007 for button on SpecialOfferPage_class.php*/
form button.submitbutton {background:url(../images/button_submit.gif);}

form button span,
input.button span,
a.button span,
a.button:hover span {
	position:absolute;
	left:-1000em;
}

form select {
	width:250px;
	font-size:100%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form .wide {
	width:420px;
	clear:both;
}

form .check {
	width:30px;
	float:left;
}

form .medium {
	width:270px;
}

form #submit {
	float:left;
	width:169px;
}

input.invalid, textarea.invalid {
    background-color: #F8F8A8;
}

label.invalid {
    background-color: #F8F8A8;
    color: #000000;
}
    

/******************************************************************************************************************
POPUPS
******************************************************************************************************************/

div.popup {
	height:auto;
	width:366px;
	margin-top:5px;
	padding:0 0 5px 0;
	z-index:100;
	/*position:absolute;*/ /*Removed by Paul 3/12/2007 for Fogbugz 2462*/
	top:-130px;
	left:0;
	background:#E3E3E3;
	/* Next rule ensures popups are closed by default */
	display:none;
}

div.popup div.inner {
	background:#FFF;
	width:364px;	
	padding:5px;
	border:1px solid #CCC;	
	margin:0px 0 0 -5px;
	position:relative;
	z-index:101;
}

div.popup form {
	margin-bottom:0;
}

div.popup form h2 a.close,
div.popup form h2 a.close:visited,
div.popup form h3.title a.close,
div.popup form h3.title a.close:visited {
	display:block;
	float:right;
	font-size:80%;
	font-weight:bold;
	padding:0 11px 0 0;
	margin:-1em 0 0 0;
	color:#FFF !important;
	background:none !important;
}

div.popup form h2 a.close:hover,
div.popup form h3.title a.close:hover {
	text-decoration:underline;
}


/******************************************************************************************************************
FORM STYLING WHEN IN CONTENT PANEL AND ALSO FOR TIPS PANEL OVERRIDE
******************************************************************************************************************/

div.popup form {
	margin:0 0 11px 0;
	padding:0 11px;
	position:relative;
	zoom:1;
	clear: both;
}

div.popup form fieldset {
	zoom:1;
}

div.popup form h2,
div.popup form h3.title {
	margin:11px -11px 11px 0;
}

div.popup form p {
	font-size:90%;
}

div.popup form label {
	clear:left;
	float:left;
	width:173px;
	margin-right:5px;
	line-height:normal;
	text-align:right;
	font-size:90%;
}

div.popup form label.wide {
	clear:left;
	float:left;
	width:290px;
	text-align:left;
}

div.popup form label.wideright {
	clear:left;
	float:left;
	width:290px;
	text-align:right;
}

div.popup form input.text,
div.popup form textarea	{
	border:1px solid #D6CDB5;
	width:155px;
	padding:3px 2px;
	margin:0 0 11px 0;
	/*Changed from Tahoma,Verdana,Arial to Arial by Paul 28/11/2007 for Fogbugz 2314*/
	font: normal 90%/1.2em Arial,"Helvetic Neue",Helvetica,sans-serif;
	background:#FFF;
}	

div.popup form textarea	{
	clear:both;
	width:336px;
}

div.popup form textarea.small	{
	clear:none;
	width:155px;
}

div.popup form select {
	width:161px;
	border:1px solid #D6CDB5;
	padding:2px;
	margin:0 0 11px 0;	
	/*Changed from Tahoma,Verdana,Arial to Arial by Paul 28/11/2007 for Fogbugz 2314*/
	font: normal 90%/1.2em Arial,"Helvetic Neue",Helvetica,sans-serif;
}

div.popup form button {
	float: right;
	margin:0 0 11px 0;
}

.newsletterlink {
	float: right;
}
.sendlink {
	float: left;
}