﻿body
{
    background-image:url(../images/inner_background.png);
    background-repeat:repeat-x;
    
}

h1 
{
	font-size:19pt;
}

#inner_title
{
    margin:3px 0px 0px 0px;
    height:150px;
   
    background:transparent url(../images/inner_title.png) no-repeat top center;
    
}
#inner_title #titleText
{   
    
    margin: 40px 140px 0px 57px;
    width:390px;
    height:70px;
    color:#fff;
    position:absolute;

    
}
#inner_title #titleImage
{   
    position:absolute;
    /*display:inline;*/
    margin: 50px 0px 0px 595px;
    

    height:200px;
    width:300px;
    
    border:4px solid #fff;
    text-align:center;
    /*DROP SHADDOW*/
    -moz-box-shadow: 1px 1px 8px #aaa;
	-webkit-box-shadow: 1px 1px 8px #aaa;
	box-shadow: 1px 1px 8px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa');
}

#inner_title #rightmenu
{   
    position:absolute;
    /*display:inline;*/
    margin: 240px 0px 0px 595px;
    

    
    width:300px;
    text-align:center;
}

#inner_title #titleImage img
{ 
    width:300px;
    height:200px;
}
#inner_LeftContent
{
    float:left;
    display:inline;
    width:530px;
    margin-left:60px;
    min-height:300px;
}
#inner_RightContent
{
    float:left;
    display:inline;
    width:285px;
    min-height:300px;
    
}
#inner_buttons
{
    width:904px;
    display:block;
    padding-left:65px;
    margin-top:20px;
    clear:both;
    padding-top:20px;
}

/* ==== NEWS ==== */
#inner_LeftContent #news
{
    width:500px;
    font-size:11pt;
}
#news #newsItem
{
    margin-bottom:20px;
}
#news #newsItem .newsImage
{
    max-width:200px;
    float:left;
    display:inline;
    margin:10px;
}
#newsItem #newsTitle
{
    font-weight:bold;
    display:inline;
}
#newsItem #newsDate
{
    display:inline;   
}
#newsItem #newsText
{
    float:left;
    display:inline;
    text-align:justify;
    margin-top:5px;
    margin-bottom:20px;
   max-width:500px;
   
}
#newsItem #newsText a , #newsItem #newsText a:visited
{
    color:#840100;
    text-decoration:none;
    font-size:10pt;
}
#newsItem #newsText a:hover
{
    cursor:pointer;
}

/* ==== RESERVATIONS ==== */
#reservations
{
    width:500px;
    display:inline;
    float:left;
    font-size:10pt;
    color:#000;
}
#reservations .field
{
	float:left;
	min-height:20px !important;
	font-size:9pt !important;
	cursor:pointer;
	padding-left:3px;
	line-height:30px;
	width:150px;
}
#reservations input,#reservations select,#reservations textarea
{
    border:1px solid #999;
}

#reservations .calButton 
{
    background:transparent url('../images/cal.png') no-repeat;
    margin-left:4px;
    border:none;
    width:30px !important;
    height:22px !important;
    position:relative;
}

.asterix
{
    color:Red;
}

/* ==== TAKEAWAY ==== */
#takeaway
{
    width:500px;
}
#takeaway h2
{
    font-size:10pt;
    color:#840100;
    margin:5px;
}
#takeaway input, #takeaway textarea,#takeaway select
{
    border:1px solid #aaa;
}

#takeaway .divResturant
{
    font-size:10pt;
    width:450px;
    border-bottom:1px solid #ccc;
}

#takeaway .divProducts
{
    text-align:left;
    margin: 20px auto  0px auto;
    padding:0px 0px 10px 0px;
    
}

#takeaway .productGroupName
{
    color:#000000;
    margin-left:20px;
    font-weight:bold;
    font-size:15pt;
    
    
}
#takeaway .productGroupName span
{
    
}

#takeaway .selectProduct
{
    display:inline;
    float:left;
    width:200px;    
}
#takeaway .productQty
{
    display:inline;
    float:left;
    margin-left:10px;    
    width:70px;
}
#takeaway .productQty input
{
    width:20px;
    margin-right:10px;
}
#productPrice .productPrice
{
    display:inline;
    float:left;
    margin-left:20px;
}

#selectedProductConfirmationTitle
{
    background:#840100;
    height:25px;
    color:#fff;
}
#selectedProductConfirmationTitle div
{
    line-height:25px;
    display:inline;
    float:left;
    margin-left:10px;
    width:105px;
}
.selectedProductConfirmation
{
    height:25px;
    color:#000;
}
.selectedProductConfirmation div
{
    line-height:25px;
    display:inline;
    float:left;
    margin-left:10px;
    width:105px;
   
}

#orderTotal
{
     margin-left:320px;
     font-weight:bold;   
}

#takeaway .orderCollectionTime
{
    margin-top:15px;
}

#selectCollectionTime
{
    margin-left:10px;   
}
#customerDetails
{
    margin-left:10px;
    width:inherit;
}
#customerDetails td
{
    height:25px;
}
#customerDetailsError
{
    margin:10px 0px 10px 10px;
    color:Red;
    
}

#takeawayNavigation
{
    margin-top:10px;
}
#takeawayNavigation input
{
    display:inline;
    float:left;
    margin-right:10px;
}

/* ==== SPECIAL OFFERS ==== */

#specialOffers h2
{
}

#specialOffers #webOffers th
{
    color:#840100;
    text-align:left;
    height:30px;
}
#specialOffers #webOffers .desc
{
    vertical-align:top;
    font-size:10pt;
    font-weight:bold;
    width:150px;
}
#specialOffers #webOffers .desc2
{
    font-size:10pt;
    padding-bottom:5px;
    
}
#specialOffers #webOffers .descBig
{
    color:#840100;
    text-align:left;
    font-weight:bold;
   padding-bottom:5px;
    
    
}
#specialOffers #webOffers .rowLine
{
    padding-top:10px;
    padding-bottom:10px;
    
}

/* ==== ABOUT US ==== */
#about
{
    width:500px;
    text-align:justify;   
}

/* ======== evoucher === */
.thankyou
{
    color:#840100;
    font-weight:bold;
     width:470px;
    margin:10px 30px 0px 30px;
    float:left;
    display:inline;
    text-align:justify;
    font-size:10pt;
    line-height:25px;
}

/*Jobs Page*/
#rowHeader
{
	font-weight:bold;
	background-color:#262626;
	color:#fff;
	height:20px;
	width:520px;
	border:1px solid #000;
}

.field
{
	float:left;
	min-height:20px !important;
	font-size:9pt !important;
	cursor:pointer;
	padding-left:3px;
}
.row
{
	width:520px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.rowAlt
{
	background-color:#A82020;
	color:White;
	width:520px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.leftBorder
{
	border-left:1px solid #000;
}
.a{width:150px;}
.b{width:300px;}
.c{width:50px;}
.d{width:60px;}
.e{width:60px;}

.jobDesc
{
	font-size:8pt !important;
	width:510px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	min-height:50px;
	background-color:#ffffe5;
	color:#000;
	padding:5px
}
.linkButton
{
    background-color:Transparent;
    color:#000;
    text-decoration:underline;
    border:none;
    font-size:9pt;
    font-weight:bold;
    text-align:center;
    width:48px;
}

#applicationForm
{
    height:300px;
    width:350px;
    position:absolute;
    top:150px;
    background:#ffe;
    border:3px solid #000;
    text-align:center;
    display:block;
    color:#000;
    padding:10px;
    font: 0.8em/14px Arial, Helvetica, sans-serif;
    z-index:1;
}
#applicationForm table
{
    width :250px;
    margin:auto;
}

#applicationForm th
{
    font-size:11pt;
}
#applicationForm .button
{
    width:100px;
    background-color:#999;
    border:1px solid #000;
}

.innerOfName.redBg 
{
	background-color:#ff0000;
	color:#ffffff;
}

.close {color:#000;font-weight:bold;text-align:right !important;float:right !important;background:none;border:none;cursor:pointer;}

