/*********************************************************************************
@@	LAYOUT
	[ layout.css ]

	Contains the styles for the GCC layout. Elements used in layout all over the site.
**********************************************************************************/

body 			{ background:#1f1f1f url(/theme/images/bg.jpg) no-repeat center top; }
#main 			{ width: 715px; float: right; }
#sidebar 		{ width: 220px; float: left; }
#sidebar .box	{ margin-right:11px; }


.game-box { background: #FFF; width: 220px; height: 180px; float: left; }



/*
@@  GRID/LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.containing-2-cols,
.containing-3-cols,
.containing-4-cols 		{ margin-bottom:15px; }


/*
.containing-2-cols .col { width:460px; float:left; }
.containing-3-cols .col { width:300px; float:left; }
.containing-4-cols .col { width:220px; float:left; }

.col					{ position:relative; }

.col-2, .col-3, .col-4 	{ margin-left:  20px; }
*/


/* the width of the cols and the margins will always be 99.98% together (99.98% instead of 100% to make it work in IE) */

.containing-2-cols .col	{ width:49.37%; float:left; } /* 2 col layout */
.containing-3-cols .col	{ width:32.66%; float:left; } /* 3 col layout */

.containing-2-cols .col-2 { margin-left: 1.24% } /* margins when using 2 cols */

.containing-3-cols .col-2, 
.containing-3-cols .col-3 { margin-left: 1%; } /* margins when using 3 cols */

.col	{ position:relative; }


#page				{ margin:auto; width:940px; padding:0 20px; }
#content			{  }

#header				{ height:264px; position:relative; background:transparent url(/theme/images/header.940x264.jpg) no-repeat; }
#header-tagline		{ height:56px; position:absolute; bottom:0; left:0; width:650px; margin:13px; color:#f8da92; }
#header-tagline p	{ color:white; font-style:italic; margin:0; }

.section-inner		{ width: 215px; }

.image-align-right	{ float:right; margin-left:10px; margin-bottom:5px; }
.image-align-left	{ float:left; margin-right:10px; margin-bottom:5px; }

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

/*
@@  PRIMARY MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul#primary-menu {  }

/*
@@  TERTIARY MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#menu-container {
	background: url('/theme/images/tertiary-menu.gif');
	position: relative;
	height:40px;
	margin: 15px 0;
}

ul#tertiary-menu {
	text-transform: uppercase;
	font-size: 18px;
	color: #f8da92;
	position: relative;
}

ul#tertiary-menu li {
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #666;
	color: #555;
	display: block;
	line-height: 40px;
}

ul#tertiary-menu li.first,
ul#tertiary-menu li.selected.first,
ul#tertiary-menu li.selected		{ background: url('/theme/images/tertiary-menu.gif'); }

ul#tertiary-menu li.selected.first 	{ background-position: 0 40px; }
ul#tertiary-menu li.first		 	{ background-position: 0 0; }
ul#tertiary-menu li.selected 		{ background-position: -5px 40px; }

ul#tertiary-menu li a 				{ display: block; line-height: 40px; padding: 0 20px; color: #f8da92; text-decoration: none; }
ul#tertiary-menu li a:hover 		{ color: #FFF; }
ul#tertiary-menu li.selected a 		{ color: #604521; }
ul#tertiary-menu li.first 			{ border-left: 0; }
ul#tertiary-menu li.last 			{ border-right: 0; }
ul#tertiary-menu ul 				{ display:none; }

/*
@@  LANGUAGE SELECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a.language img {
	margin:0;
	padding:0;
}
a.language {
	color:#f8da92;
	overflow:hidden;
	text-decoration: none;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:0;
	margin:10px 3px 10px 3px;
}
ul#language-selection-list a.active {
	border:1px solid #D59900;
	margin-top:9px;
}
ul#language-selection-list {
	position:absolute;
	right:10px;
	top:0;
}
ul#language-selection-list li {
	float:left;
	height:40px;
}
li.first-lang {
	border-left: 1px solid #000;
	padding-left:10px;
}
span.language-image 	{ display: inline; float: left; margin: 5px 10px 5px 20px;}

/* The following styles are deprecated. Saved the style for rollback purpose */
/* It contains styles for a language selection list */
/* 
a#language-selection {
	display:block;
	cursor:pointer;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 30px;
	font-size: 12px;
	padding: 5px 0;
	text-transform: uppercase;
	border-left: 1px solid #000;
}
span.language-text {
	float: left;
	margin: 0 5px 0 0;
} 
span.language-arrow 	{
	display: inline;
	float: left;
	background: url('/theme/images/language-arrow.gif');
	width: 10px;
	height: 10px;
	margin: 10px 20px 10px 0;
	font-size: 0;
}
*/

/*
@@  SUB MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

ul#sub-menu li,
ul#sub-menu li:hover,
ul#sub-menu li.selected,
ul#sub-menu li.selected:hover { background: url('/theme/images/sub-menu.gif') }

ul#sub-menu 					{ text-transform: uppercase; font-size: 1.2em; color: #555; }
ul#sub-menu li 					{ background-position: 0 60px; height: 30px; margin-bottom: 5px; width: 210px; }
ul#sub-menu li.selected 		{ background-position: 0 0; width: 220px; }
ul#sub-menu li:hover 			{ background-position: 0 30px; }
ul#sub-menu li.selected:hover	{ background-position: 0 0; }

ul#sub-menu li a 				{ line-height: 30px; text-decoration: none;	margin-left: 10px; display: block;width: 200px;	height: 30px; }
ul#sub-menu li a:hover 			{ color: #fff; }
ul#sub-menu li a 				{ color: #f8da92; }
ul#sub-menu li.selected a 		{ color: #fff; }

/*
@@  BOX
    * puff-box
    * prom-box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.box                        { margin-bottom:15px; }
.box .box-content           { position:relative; padding: 10px 15px 15px 15px;}

.prom-box img               { margin:-6px 0 0 -6px; }
.prom-box p                 { font-size:1em; font-style:italic; color:#c1c1c1; }

.puff-box .box-top,
.puff-box .box-content,
.puff-box .box-bottom,
.puff-box .box-bottom .r,
.puff-box .box-top .r       { background-image:url(/theme/images/bg-box.jpg); }

.puff-box .box-top          { height:5px; background-position:0 -5px; position:relative; }
.puff-box .box-content      { background-position:0 -10px; background-repeat:no-repeat; background-color:#3b3b3b; }
.puff-box .box-content img  { border:0 solid transparent; }
.puff-box .box-content p    { margin-top:0; margin-bottom:8px; }
.puff-box .box-bottom       { height:5px; background-position:0 0; position:relative; }

.puff-box .box-top .r,
.puff-box .box-bottom .r    { height:5px; width:10px; display:block; position:absolute; right:0; top:0; }

.puff-box .box-top .r       { background-position:right -5px; }
.puff-box .box-bottom .r    { background-position:right 0; }

.puff-box .box-top .r,
.puff-box .box-bottom .r,
.puff-box .box-top,
.puff-box .box-bottom		{ font-size:0; }

/*
@@  FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#footer                     { margin-top:10px; padding-top:15px; text-align:center; margin-bottom:20px; border-top:1px solid #333; }
#footer p                   { margin:0 0 5px 0; }
#footer ul#our-partners     { display:block; margin-bottom:5px; height:20px; }
#footer ul#our-partners li  {
    font-size:0;
    text-indent:-3000px;
    height:18px;
    width:50px;
    background-image:url(/theme/images/partners.jpg);
    float:left;
    margin-right:5px;
}

#footer ul#our-partners li#cc           { background-position:0 0; }
#footer ul#our-partners li#clickpay     { background-position:-50px 0; }
#footer ul#our-partners li#neteller     { background-position:-100px 0; }
#footer ul#our-partners li#paysafe      { background-position:-150px 0; }
#footer ul#our-partners li#i-cash       { background-position:-200px 0; }
#footer ul#our-partners li#fire-pay     { background-position:-250px 0; }
#footer ul#our-partners li#webdollar    { background-position:-300px 0; }
#footer ul#our-partners li#boss         { background-position:-350px 0; }

/*
@@  BUTTONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p a.button,
a.button {
	background: transparent url('/theme/images/main-button.205x40.gif') no-repeat scroll top right;
	display: block;
	height: 40px;
	width: 205px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #604521;
	margin:10px 0;
}

a.button:hover { color: #000; }

/*
@@  HOME
    * Specifix home styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#casino-puff-box .button,
#support-puff-box .button	{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#casino-puff-box .box-content,
#support-puff-box .box-content {
	padding-bottom:0;
}
#casino-puff-box,
#support-puff-box {
}
#support-puff-box	{  }

#support-puff-box img,
#casino-puff-box img { }

/*
@@  GAMES
    * Specifix home styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#games #main li { display:inline-block; margin-bottom: 20px; color: #FFF; }
/*#promotions #main li*/ 

#games #main img { float: left; margin-right: 10px; }


/*
@@  TABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#page table.t		{ width:100%; margin-bottom:15px; }
#page table.t th 	{ background-color:#333; height:20px; line-height:20px; color:#f8DA92; font-weight:bold; }
#page table.t td 	{ background-color:#222; height:20px; line-height:20px; color:#f1f1f1; }
#page table.t td,
#page table.t th { 
	border:0;
	padding:5px 10px;
	font-family:verdana, sans-serif;
}

#page table.t tr:hover td {
	background-color:#292929;
}