/* The Ritz Club London Online | deep.co.uk */
/* Author: DS */

HTML, BODY   	   { 
				     margin: 0;
				     width: 100%; 
				     height: 100%;
				    /* padding: 0 0 20px 0;*/
				     font-family: Arial, Helvetica, sans-serif;
				     font-size: .95em;
				     color: #F3F3C2; 
				     background-color: #000033; 
				     background-image: url(../img/main_back.jpg);
				     line-height: 1.5em;
			 	   }

DIV          	   { position: relative; }
IMG          	   { border: 0; }
P		           { margin: 10px 0 10px 0; padding: 0; }
I, EM	     	   { color: #EBEBEB !important; font-weight: bold; }

BLOCKQUOTE   	   { width:  90%; margin: 0 0 10px 20px; }
TEXTAREA     	   { width: 100%; height: 130px; margin: 0; padding: 0; }

FORM	     	   { padding: 0; margin: 0; }
INPUT	     	   { height: 17px; width: 90%; margin: 0; padding: 0; }
SELECT	     	   { height: 17px; width: 92%; margin: 0; padding: 0; }

TABLE        	   { width: 100%; margin: 15px 0 10px -5px; background-color: #000033; font-family: Arial, Helvetica, sans-serif; }
TABLE I      	   { color: #F3F3C2; }
TABLE STRONG 	   { color: #F3F3C2; }
TH 		     	   { background-color: #000033; padding-left: 4px; font-size: inherit; }
TD 		     	   { background-color: #323365; padding: 2px 10px 2px 10px; font-size: .9em !important; vertical-align: top; color: #EBEBEB; line-height: 1.4em; }

H1           	   { font-size:  1.3em; margin: 0 0 10px 0; padding: 0; }  /*  Page Title         */
H2           	   { font-size: 1.05em; margin: 0 0 10px 0; padding: 0; }  /*  Sub Title          */
H3           	   { font-size:  1.1em; margin: 0 0  2px 0; padding: 0; }  /*  Sidebar Sub Title  */
H6				   { 
					 font-size: .7em; 
					 margin: 0; 
					 padding: 0; 
					 color: #EBEBEB; 
					 display: inline; 
					 font-weight: normal; 
					 text-transform: uppercase; 
					 letter-spacing: 1px; 
					 text-decoration: none;
				   }  /* Uppercase subhead */

.spacer   		   { clear: both; }

.primary_colour, 
.primary_colour A  { color: #F3F3C2 !important; }
.sec_colour 	   { color: #5F5FC5; }

.terms	     	   { font-size: 1em !important; }

/*|||||||||||||||||||||||||||||||
Page Elements 
|||||||||||||||||||||||||||||||||*/

.floatCont		   { float: left; display: inline; }

TABLE.ritzTable    { width: 100%; margin-top: 10px; background-color: #000033; }
TABLE.ritzTable TH { background-color: #000033; padding-left: 4px; }
TABLE.ritzTable TD { background-color: #070070; padding-left: 4px; }

TABLE.noBGColour TD { background-color: #000033; }

TD.eventsTD		   { width: 8%; }
TD.smTxt		   { font-size: .8em !important; color: #6767D5; }

.indent			   { margin-left: 15px; }
.check			   { width: 14px; }

DIV.dl			   { position: relative; float: left; display: inline; margin-top: 7px; }
.secFont		   { font-family: Arial, Helvetica, sans-serif; }

.error			   { font-size: 1em !important; color: red !important; font-weight: bold; }
.required		   { font-style: italic; font-weight: bold; font-size: .8em !important; color: #FFFFFF; }

/* Email */

.emailForm         { font-size: .9em !important; }
TABLE.emailForm TD { padding: 3px 0 !important; }

DIV.tblTitle	   { 
					 background-color: #000033; 
					 padding-left: 4px; 
					 font-size: inherit; 
					 font-weight: bold; 
					 font-family: Arial, Helvetica, sans-serif; 
				   }
DIV.tblBody		   { 
					 background-color: #323365;
					 margin: 5px 0 0 0; 
					 padding: 4px 10px 2px 10px; 
					 font-size: .9em !important; 
					 vertical-align: top; 
					 color: #EBEBEB; 
					 line-height: 1.4em; 
					 font-family: Arial, Helvetica, sans-serif; 
					 padding: 4px 10px 2px 10px; 
				   }


DIV.tblBody TH	   { background-color: #323365; width: 100px; } 
DIV.tblBody TD     { background-color: #323365; }

DIV.tblBody TABLE  { }

/* Page Buttons */

.btnSend 		   { width: 47px;  height: 19px; margin: 5px 0; }
.btnApply 		   { width: 212px; height: 19px; margin: 5px 0; }

TABLE.tblDL		   { }
TABLE.tblDL IMG	   { margin: 3px 0; }

/* Photo Page */

.photoCol H1	   { margin-left: 20px; }

.photoCont		   { width: 580px; padding: 0; margin: 0 0 20px 20px; }
.photoThumbsCont   { float: left; width: 109px; margin: 0 10px 20px 10px; font-size: .8em; line-height: 16px; }
.photoThumbsCont P { margin: 2px 0 0 2px; }

.photoSecCont	   { width: 600px; padding: 0; }
.photoSecCont IMG  { float: left; margin: 0 10px 20px 10px; }

.photoCont 
.tblBody IMG 	   { margin: 10px 5px 10px 5px; }

/*|||||||||||||||||||||||||||||||
Page Links
|||||||||||||||||||||||||||||||||*/

.linksCont         { width: 135px; }
.links_pos         { height: 28px; }

A                  { color: #5F5FC5; text-decoration: none;      font-family: Arial, Helvetica, sans-serif; }
A:hover            { color: #FBFBFB; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}

A.secLink          { color: #EBEBEB; text-decoration: none;      font-family: Georgia, Arial, Helvetica, sans-serif; }
A.secLink:hover    { color: #EBEBEB; text-decoration: underline; font-family: Georgia, Arial, Helvetica, sans-serif;}

.main_cont A 	   { color: #EBEBEB; }

TABLE A			   { color: #F3F3C2 !important; font-weight: bold; }

/*|||||||||||||||||||||||||||||||
Top Menu Items
|||||||||||||||||||||||||||||||||*/

.menubar_cont 	   { 
					 height: 28px;
					 background-color: #F5F5F5; background-color: #000033 !important; 
					 background-image: url(../img/nav_back.jpg);
					 background-repeat: repeat-x;
					 z-index: 2;
				   }

#barCont		   {
					 /*   PC IE5.5   */
					 height: 20px;
					 /*   parsing bug   */
					 voice-family: "\"}\"";
					 voice-family: inherit;
					 /*   PC IE6   */ 
					 height: 100%; 
				   }
				   
HTML>BODY #barCont { height: 25px; } 

#mainMenuCont      {
					 border: 1px solid #000033; 
					 position: relative;
					 z-index: 1;
					 /*   PC IE5.5   */
					 height: 28px;
					 top: 1px; 
					 /*   parsing bug   */
					 voice-family: "\"}\"";
					 voice-family: inherit;
					 /*   PC IE6   */ 
					 height: 24px;
					 top: 1px;  
				   }	
HTML>BODY #mainMenuCont { height: 25px; top: 0px;  }

/* Interior Site Links */

A.toplinks1 	   { 
					 float: left;  
					 height: 25px; 
					 color: #EAEABB;
					 font-size: 12px; 
					 text-decoration: none;
					 border-right: 1px solid #000033;
					 line-height: 25px;
					 padding: 0 6px 0 6px;
				   }
HTML>BODY A.toplinks1   { padding: 0 3px 0 3px; }

A.toplinks1:hover, 
A.active 		   { color: #FBFBFB; background-color: #000079; text-decoration: none; }

/* Exterior Site Links */

A.toplinks2        { 
					 float: right; 
					 display: block; 
					 height: 25px; 
					 color: #7777D5;
					 font-size: 12px;
					 text-decoration: none;
					 border-right: 1px solid #000033; 
					 line-height: 25px;
					 padding: 0 6px 0 6px;
				   }	
HTML>BODY A.toplinks2 { padding: 0 3px 0 3px; }
A.toplinks2:hover     { color: #FBFBFB; text-decoration: none; }


/*|||||||||||||||||||||||||||||||
Breadcrumb
|||||||||||||||||||||||||||||||||*/

DIV.breadCont          { padding: 5px 0 4px 0; top: -1px; font-size: .9em; color: #9999CC; }
DIV.breadCont A		   { color: #F3F3C2; }
DIV.breadCont A:hover  { color: #F3F3C2; }


/*|||||||||||||||||||||||||||||||
Left Side Menu Items
|||||||||||||||||||||||||||||||||*/

.navContainer              { position: relative; z-index: 3; top: 5px; }
.topLine                   { position: relative; border-bottom: 1px solid #0A0098; height: 1px; }
.topLine IMG               { margin: 0 !important; }
.linksCont A               { text-decoration: none; color: #FFFFFF; line-height: 1em; height: 14px; }
.linksCont A:hover         { text-decoration: none; color: #FFFFFF; }

A.level1                   { padding-left: 4px; width: 133px; display: block; color: #FBFBFB; font-size: 1em; line-height: 20px; text-decoration: none; border-bottom: 1px solid #323365; z-index: 3; }
A.level1:hover, A.level1on { padding-left: 4px; width: 133px; display: block; color: #000033; font-size: 1em; line-height: 20px; text-decoration: none; border-bottom: 1px solid #323365; background-color: #EBEBEB; z-index: 3; }
A.level1on:hover           { color: #000066; text-decoration: none; }

A.level3                   { padding: 3px 0 2px 5px; width: 127px; display: block; color: #F3F3C2; background-color: #000033; height: 100%; line-height: 13px; border-bottom: 1px solid #41416B; margin: 0 0 0 5px; font-size: .95em; z-index: 3; }
A.level3:hover, A.level3on { padding: 3px 0 2px 5px; width: 127px; display: block; color: #F3F3C2; background-color: #323365; height: 100%; line-height: 13px; border-bottom: 1px solid #41416B; margin: 0 0 0 5px; font-size: .95em; z-index: 3; }
A.level3on 				   {  }
A.level3on:hover           { color: #F3F3C2; }

A.level3 IMG               { float: right; margin-top: -.8em; margin-right: 2px; }


/*|||||||||||||||||||||||||||||||
Right Sidebar Items
|||||||||||||||||||||||||||||||||*/

DIV.sidebar			 { color: #EBEBEB; line-height: 1.3em; }
DIV.sidebar H2,
DIV.sidebar H3       { color: #7777D5; }
DIV.sidebar P		 { margin-top: 0; }
DIV.sidebar P.dots   { margin-top: -10px; }
DIV.sidebar A		 { font-weight: bold; color: #F3F3C2; line-height: 1.1em; }

DIV.sidePic			 {}

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
100% Width DIVs for fullscreen background styles
This DIV allows for background scalability and colour control
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.full_row_cont       { background-color: #FBFBFB; width: 100%; text-align: center; }

.media_cont	         { background-color: #000033; z-index: 2; }
.sec_header_cont     { background-color: #F3F3C2; padding: 3px 0 0 0; background-color: #000033; background-image: url(../img/sep_back1.jpg); }
.main_cont           { background-color: #000033; padding-top: 10px; background-image: url(../img/main_back.jpg);}
.footer_cont         { background-color: #000033; margin-top: 10px; }
.footer_cont IMG     { margin: 10px 0 0 0; }
.footerlinks_cont    { background-color: #000033; color: #5F5FC5; margin-top: 30px; font-size: .8em; z-index: 1; background-image: url(../img/main_back.jpg);}


/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Fixed Size DIV rows
These DIVs center the content in the middle of the screen 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.fixed_row_cont      { width: 780px; text-align: left;  margin: 0 auto; }


/*|||||||||||||||||||||||||||||||
Top Main Menu Buttons
|||||||||||||||||||||||||||||||||*/

.topmenubut_cont     { float: left; display: inline; margin: 0 0 0 0; text-align: center; line-height: 3em; border-right: 1px solid #FBFBFB; }
.topmenubut_off      { background-image: url(img/back_off.gif); background-repeat: repeat-x; background-position: top; background-color: #FFCC33; }
.topmenubut_on       { background-image: url(img/back_on.gif);  background-repeat: repeat-x; background-position: top; background-color: #9999CC; }
.sublinks		     { float: right; display: inline; margin: 1em 1em 0 0; }


/*|||||||||||||||||||||||||||||||
Drop-Down Menu Styles
|||||||||||||||||||||||||||||||||*/

.dropCont                         { position: absolute; background-color: #AAAAE2; padding-right: 1px*; padding-bottom: 2px*;  visibility: hidden; }   /*background-color: #9999CC;*/
.dropCont .linksCont              { width: 100%; margin-bottom: 0 !important; padding: 0; background-repeat: repeat-x; background-position: bottom; /*background-image: url(img/back_submenu2.gif);*/ }
.dropCont .linksCont .dot         { margin: 1px 0 0 2px; }
.dropCont .linksCont A            { margin: 2px 0 0 0; padding: 2px 0 1px 6px; background-repeat: repeat-x; background-position: bottom; /*background-image: url(img/back_submenu2.gif);*/ }
.dropCont .linksCont IMG          { margin-top: 3px*; margin-right: 3px; }

.topsubCont                       { position: absolute; background-color: #000066; top: 16px; display: none; }
.topsubCont .topsublinksCont      { }
.topsubCont .topsublinksCont .dot { margin: 1px 0 0 2px; }
.topsubCont .topsublinksCont A    { margin: 0; padding: 1px 4px 2px 6px; }

#drop1			   { left: 0em;    }
#drop2			   { left: 4.4em;  }
#drop3			   { left: 7.8em;  }
#drop4			   { left: 13.7em; }
#drop5			   { left: 20em;   }

#drop1_sub1		   { left: 15em; top: 6.3em; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
COLUMN PRESETS
.col_outside and .col_inside allow for proper spacing of content.
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.col_outside	   { float: left; display: inline; }
.col_inside        { margin: 10px 10px 0 10px; padding-bottom: 20px !important; }
.col_inside IMG    { margin: 0 0 10px 0; }
.links_pos		   { top: -3px; }


/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
COLUMN SETS
These class sets represent the different possible ways to layout a page.
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/* 3 column, HOME PAGE LAYOUT */
.colHome_col1	  { width: 158px; margin: 15px 10px 0 0; }
.colHome_col2     { width: 430px; margin: 15px 10px 0 0; font-family: georgia, verdana, arial, helvetica, sans-serif;}
.colHome_col3     { width: 168px; margin: 15px    0 0 0; background-color: #000033; }
#gaming_awards{/*line-height:1.2em !important; letter-spacing:0.02em;*/  font-size:85%; font-family: georgia, verdana, arial, helvetica, sans-serif; }
#gaming_awards P{ margin:0 -1em -0.5em -0.5em; padding-left:0.5em; font-size:92%; }
#gaming_awards EM{ font-weight:normal;}

/* 3 column, BASIC PAGE LAYOUT */
.col3_col1	      { width: 158px; margin: 15px 10px 0 0; }
.col3_col2        { width: 430px; margin: 15px 10px 0 0; font-family: georgia, verdana, arial, helvetica, sans-serif;}
.col3_col3        { width: 168px; margin: 15px 0 0 0; background-color: #000033; }

/* 2 column, INNER PAGE LAYOUT */
.col2_col1	      { width: 158px; margin: 15px 10px 0 0; }
.col2_col2        { width: 608px; margin: 15px 0 0 0; font-family: georgia, verdana, arial, helvetica, sans-serif; }

/* 3 column, 2 WYSIWYG PAGE LAYOUT */
.twoInput_col1	  { width: 158px; margin: 15px 10px 0 0; }
.twoInput_col2    { width: 365px; margin: 15px 10px 0 0; font-family: georgia, verdana, arial, helvetica, sans-serif; }
.twoInput_col3    { width: 232px; margin: 15px 0 0 0; }

/* 3 column, CONTACT PAGE LAYOUT */
.contact_col1	  { width: 158px; margin: 15px 10px 0 0; }
.contact_col2     { width: 280px; margin: 15px 10px 0 0; font-family: georgia, verdana, arial, helvetica, sans-serif; }
.contact_col3     { width: 308px; margin: 15px 0 0 0; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
COLUMN BACKGROUNDS
Column background classes
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.colBack_sidebar { background-image: url(../img/colBack_sidebar.jpg); background-position: top; background-repeat: no-repeat; background-color: #000033; }
.colBack_sidenav { background-image: url(../img/colBack_sidenav.jpg); background-position: top; background-repeat: no-repeat; background-color: #000033; }


/******************************************************************
 * AFFILIATES LOGIN PAGE
 *******************************************************************/
#affLoginFormBlock .formRow .label,
#affLoginFormBlock .formRow .input {
	position: relative;
	float: left;
}
#affLoginFormBlock .clear {
	clear: both;
	font-size: 1px;
	margin:0px;
}
#affLoginFormBlock .formRow .label {
	font-weight: bold;
	width: 10em;
}
#affLoginFormBlock .input INPUT {
	position: relative;
	top: -.2em;
	height: 20px;
	width: 15em;
	color: #000066;
}
#affLoginFormBlock INPUT.submit {
	height: 20px;
	width: 10em;
	color: #000066;
	
	background-color: #8888bb;
	border: 1px outset;
	margin-top: 1.5em;
}
#affLoginFormBlock #termsBlock {
	margin-top: .5em;
}

/******************************************************************
 * Popups
 *******************************************************************/

#fullPop        { padding-bottom: 120px; }
.fullPopBack    { position: absolute; left: 0; top: 0; width: 100%; height: 500px; background-image: url(../img/sep_back1.jpg); background-position: top; background-repeat: repeat-x; }
.fullPopPicCont { position: absolute; right: 15px; top: 40px; }
.fullPopContent { position: relative; margin: 0 40px; top: 120px; width: auto; z-index: 5; font-size: .95em; font-family: georgia, verdana, Arial, sans-serif; }

/* DHTML POPUP */
.dPopCont       { position: absolute; top: 40px; left: 100px; width: 500px; height: 250px; background-color: #9999CC; border: 2px solid #C0C0C0; display: none; }
.dPopTitlebar   { position: relative; width: 500px; padding: 2px 0 2px 0; background-color: #000066; color: #F5F5F5; font-size: 11px; font-family: Arial, Helvetica, sans-serif; 
				  overflow: hidden; border-bottom: 1px solid #C0C0C0; }
.dPopTitlebar   {
	/*   PC IE5.5   */
	height: 19px;
	/*   parsing bug   */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*   PC IE6   */ 
	height: 15px;
}
HTML>BODY .dPopTitlebar { height: 15px; }	
.dPopContent      { position: relative; width: 500px; height: 225px; padding: 2px 0 1px 0; background-image: url(..img/downloadback.jpg); background-repeat: no-repeat; background-position: top left; 
				    overflow: auto; }
.dPopClose        { position: relative; float: right; margin-right: 2px; cursor: pointer;}
.dPopFavicon      { position: relative; float: left; display: inline; margin-left: 3px; }
.dPopTitle        { position: relative; float: left; display: inline; margin-left: 4px; margin-top: 1px; }
.dPopPageElements { position: relative; width: 460px; top: 70px; left: 20px; }
.clear            { clear: both; font-size: 1px; padding: 0; margin: 0; color: yellow; top: 0px; }