/*
Theme URI: http://www.theyellowhouse.eu/
Description: Best restaurant in South East London.
Version: 1.0
Author: Riccardo Fala
Author URI: http://riccardofala.com
*/




 
body {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	height: 100%;margin:0;
	font-size: 69.5%;
	color: #565656;
	
}

#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;    background: #000;
    top: 0;width:836px;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {    background:#fdbb31;
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;

    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #c76a12;
    border-top: none;
}

.GB_Window .header {
    border: 3px solid #c76a12;
   
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #fff;
}

.GB_Window .caption {
 	font-size:1.7em;
	color: #340d00;
    white-space: nowrap;
    padding: 0 0 0 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { text-decoration:none; padding-right:10px;
    font-size: 15px;color:#d29d10;
    cursor: pointer; 
}

.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }



#pop-up {
width:800px;
	margin: 0 auto;
font-family:  Verdana, Helvetica, Arial, sans-serif;
font-size:1.1em;
	color: #340d00;
	padding: 2px;
}
#pop-up  h2{		font-weight: normal;

	padding-left: 20px;height:30px;color:#340d00;
font-size: 2em;
}
#pop-up  h2 span{
float:right;
	padding-right: 20px;
	color: #81571f;
font-size:0.6em;
}
.left-menu {float:left;margin:0 0 60px 0;font-size: 1em;
	width:340px;
}
.main-header h1{
	margin:0 auto;
	text-indent:-9999px;
}
.starters-menu {float:left;margin:0 0 20px 0;font-size: 1em;
	width:300px;padding:20px
}
.starters-menu h3{	
	font-weight: normal;
	background: #9e551b url(nav.jpg) repeat-x left;
	padding-left: 10px;
height:30px;color:#340d00;
font-size: 1.9em;
}
.starters-menu h3 span{	
padding:0 0 0 155px;
	text-align: right;
}
.first p{float:left;background: #eaa113;
padding:10px;
	width:280px;
}
.first span{

color:#7c1901;
	float: right;
	
}


.side-menu {float:left;font-size: 0.9em;
	width:300px;padding:20px
}
.side-menu h3{	
	font-weight: normal;
	background: #9e551b url(nav.jpg) repeat-x left;
	padding-left: 10px;
height:30px;color:#340d00;
font-size: 1.9em;
}
.side-menu h3 span{	
padding:0 0 0 135px;
	text-align: right;
}
.second p{float:left;background: #eaa113;
padding:10px;
	width:280px;
}
.second span{

color:#7c1901;
	float: right;
	
}


.right-menu {margin:0 20px 20px 0;float:right;font-size: 0.9em;
	width:420px;
}
.mains-menu {	float:right;font-size: 1em;
padding:20px
}
.mains-menu h3{	
	font-weight: normal;
	background: #9e551b url(nav.jpg) repeat-x left;
	padding-left: 10px;
	height:30px;color:#340d00;
font-size: 1.9em;
}
.mains-menu h3 span{	
padding:0 0 0 315px;
	text-align: right;
}


.main p{float:left;background: #eaa113;padding:10px;
font-size:1.3em;
	width:400px;
}
.main span{
	float:right;color:#7c1901;
}

.special-offer {margin:0 10px 30px 0;background: #d67511;width:330px;padding:20px;
font-size:1.4em;float:right;
	color:#7c1901;
}
.special-offer p span{
font-size:2em;
	color:#7c1901;
}



.l-privilege{margin-top:40px;
	background: #7a2502;font-size:1.2em;
	float:left;}



.intro-privilege p{font-size: 1em;color: #905000;
	width:300px;
}
.intro-privilege {float:left;background: #eaa113;
padding:10px;
	width:310px;
}
.intro-privilege span{

color:#7c1901;
	float: right;
	
}

.container-privilege{
	background:#d67511;
	
	margin-top:-20px;
overflow:auto;padding:30px 10px 10px 10px;width:400px;border-left: 1px solid #a03a00;
border-right: 1px solid #a03a00}
.points{font-size:1.5em;width:80px;
	float:left;}
.title{font-size:1.5em;
	width:300px;float:right;
	padding:
0 0 20px 0;

}

.left-privilege{
	background: #7a2502;font-size:1.9em;height:200px;
	width:80px;
	float:left;}
	.left-privilege p{
	color: #f38211;padding: 0 0 0 18px;}
.right-privilege{
height:200px;	background: #b95418;font-size:1.2em;
	width:320px;float:right;
}
.right-privilege p{
	padding: 0 0 0 8px;

}

.terms {	padding:20px;background: #efeddc;
width:380px;
}
.terms p {
line-height:1.5em;
}


.intro-team p{font-size: 1em;color: #905000;
	width:300px;
}
.intro-team {float:left;background: #eaa113;
padding:10px;
	width:310px;
}
.intro-team span{

color:#7c1901;
	float: right;
	
}