﻿* 
{
    margin: 0;
    padding: 0;
}

body
{
    background: #bbb ;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

img
{
	border:none;
}

a:link
{
	color: #397CFF;
	text-decoration: none;
}

a:hover 
{
	
	color: #A3FD2B;
	text-decoration:underline;
}

a:hover:visited  
{
	
	color: #A3FD2B;
	text-decoration:underline;
}

a:visited 
{
	text-decoration: none;
	color: #397CFF;
}

a:visited hover 
{
	color: #A3FD2B;
	text-decoration:underline;
}

a .CurrentPage
{
	color: #A3FD2B;
	text-decoration:underline;
}

p
{
   
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    
}

h1
{
    
}
h2
{
    line-height:30px;
	color: #397CFF;
	font-size:16px; 
}
h3
{
    
}
h4
{
   
}
h5, h6
{
    
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#page
{
    margin: 0 auto;
	width: 790px;
	text-align: left;
	background-color:#fff;
	border:thin solid #397CFF;
}

#header
{
   background-color:#fff;
    background-image:none;
    height:125px;
    text-align:left;
}

#header h1
{
padding-left:4px;
padding-top:3px;

}

.tagLine
{
	color:#A3FD2B;
    font-size:20px;
    margin-left:80px;
    margin-top:-18px;
    
}

#main
{
    background:#FFFFFF none repeat scroll 0 0;
    text-align:left; 
    min-height:600px;
    padding:10px;
}

#main ul
{
}

#main ul li
{
}

.HomePageContent
{
border-top:thin solid #BBBBBB;
min-height:1130px;
text-align:center;
width:100%;
}


#menu
{
	text-align: right;
}

#menu ul li
{
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
	display:inline;
}

#footer
{
   background: #eeeeff ;
	border-left:thin solid #CCCCFF;
border-right:thin solid #CCCCFF;
border-top:thin solid #CCCCFF;
font-size:12px;
font-weight:bold;
height:35px;
padding-top:18px;
text-align:center;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #595959;

}

#footer a {
	color: #595959;
}

#footer ul li
{
	margin-right:20px;
	margin-left:20px;
	display: inline;
}



#SearchBar
{
	background-position: left top;
	color: #666666;
	padding-bottom: 15px;
	padding-top: 21px;
	height:90px;
	border:solid thin #397CFF;
	margin-top:20px;
	background-color:#397cff;
}



.SearchInstructions
{
	margin-left:-86px;
	margin-top:12px;
	margin-right:12px;
	margin-bottom:12px;
	color:#fff;
	
}

#FilterPanel
{

float:right;
font-size:10px;
line-height:0;
margin-right:2px;
margin-top:-81px;
padding-bottom:0;
padding-right:0;
padding-top:0;
text-align:left;
width:127px;
}

#FilterPanel p
{
	margin:12px;
}

.filtertextbox
{
	width:94px;
}

#RestaurantsList
{
	margin-left:33px;
padding-top:7px;

	
	
}

.SearchResult
{
border-style:dotted none none;
border-width:1px;
height:63px;
line-height:19px;
padding-bottom:15px;
padding-top:15px;
width:93%;
}

.TopViewed
{
	background-color:#D7FFA6;
}

.SearchResult h2
{
	line-height:20px;
	
	color: #0649ce;
	font-weight:bold;
	font-size:16px;
}

.SearchResult h3
{
	color: #397CFF;
	font-size:16px;
	font-weight:normal;
	
}

.SearchResult p
{
	font-size:10px;
}

.SearchResult a
{
	color: #397CFF;
	text-decoration:none;
}

.SearchResult a:visited
{
	text-decoration:none;
	
}

.SearchResultLeft
{
	float:left;
padding:1px 7px 0;
text-align:left;
width:60%;
}

.SearchResultRight
{
text-align:left;	
padding:1px;
	
float:left;
width:33%;

}

.SearchResultRight h3
{
	color:#397CFF;
}

.SearchResultRight h3 a
{
	color:#397CFF;
}
.SearchResultBottom
{
	float:left;
padding-left:7px;
padding-top:0;
text-align:left;
width:100%;
}


.wrongDetailsLink 
{
	color: Red;
	font-size:12px;
}

.wrongDetailsLink a
{
	color: Red;
}

#PageList
{
	width:75%;
	padding:10px;
}

#PaginationStyle {border:0; margin:0; padding:0;}

#PaginationStyle li{

border:0; margin:0; padding:0px
font-size:11px;
list-style:none;
display:inline;


}
#PaginationStyle a{

border:solid 1px #DDDDDD;
margin-right:2px;
}
#PaginationStyle .previous-off,
#PaginationStyle .next-off {

color:#bbb;
font-weight:bold;
padding:3px 4px;
}
#PaginationStyle .next a,
#PaginationStyle .previous a {

font-weight:bold;
border:solid 1px #FFFFFF;
} 
#PaginationStyle .active
{
background-color:#A3FD2B;
border:1px solid #DDDDDD;
color:#397CFF;
font-weight:bold;
margin-right:4px;
padding:3px 3px 3px 6px;

}
#PaginationStyle a:link,
#PaginationStyle a:visited {

color:#397CFF;
padding:3px 6px;
text-decoration:none;
}
#PaginationStyle a:hover{

border:solid 1px #bbb;
}

#NoResults
{
	text-align:left;
	padding:10px;
}

#Cart
{
border:thin solid #397CFF;
float:left;
padding:5px;
text-align:left;
width:195px;
}

#Cart2
{
border:thin solid #CCCCFF;
margin-right:-23px;
padding:9px;
text-align:left;
width:260px;
}

#Cart table
{
    border-collapse:collapse;
    width:100%;
}

#Cart th
{
	border-bottom:thin solid #CCCCFF;
	padding:5px;
}

#Cart2 table
{
    border-collapse:collapse;
    width:100%;
}

#Cart2 th
{
	border-bottom:thin solid #CCCCFF;
	padding:5px;
}

.QtyHeader
{
	text-align:center;
}

#Cart td
{
	padding:5px;
}

#Cart .deliveryCost
{
	color:#397CFF;

}

#Cart .totalCost
{
	color:#397CFF;
}

#Cart tr
{
   
height:24px;
}

#Cart2 td
{
	padding:5px;
}

#Cart2 .deliveryCost
{
	color:#397CFF;

}

#Cart2 .totalCost
{
	color:#397CFF;
}

#Cart2 tr
{
   
height:24px;
}

.CartOption
{
	color:#397CFF;
font-size:10px;
font-weight:bold;
}

.CartQty
{
	text-align:center;
}

.CartPrice
{
	text-align:center;
}

.CartRemove
{
	text-align:center;
}

#Categories
{
float:left;
margin-left:-19px;
width:110px;
}

#Categories ul
{
	border-top:thin solid #CCCCFF;
}

#Categories li
{
list-style:none;
border-left:thin solid #CCCCFF;
border-bottom:thin solid #CCCCFF;
border-right:thin solid #ccccff;    
}

#RestaurantMenu
{
text-align:left;
}

#RestaurantMenu:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}


#Scroll
{
border:thin solid #CCCCFF;
height:650px;
overflow:auto;
padding:3px;
width:439px;
float:left;

}

#RestaurantDetails
{
	text-align: left;
		

height:212px;
width:252px;
float:left;
	
}

#RestaurantDetailsContainer
{
border-top:thin solid #BBBBBB;
height:100%;
float:left;
width:772px;
}

#RestaurantMiddleColumn
{
	float:left;
width:223px;
}



#DeliveryDistances
{
margin-top:16px;

}

#DeliveryDistances h4
{
	color:#397CFF;
}

#OpeningTimes
{
margin-top:5px;
}

#OpeningTimes h4
{
	color:#397CFF;
}

#CuisineStyles
{
}

#SearchTextBox
{
color:#397CFF;
font-size:18px;
height:23px;
padding:5px;
border: solid thin #397CFF;
width:321px;
}

fieldset
{
	padding:12px;
}

legend
{
	color:#A3FD2B;
}

.input-validation-error 
{ 

border: 1px solid #ff0000; 
background-color: #ffeeee; 
} 
.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

#WelcomeBackMessage
{
font-size:14px;
font-weight:bold;
line-height:21px;
margin-right:3px;
text-align:right;
}

#EnterPostcodePanel
{
	margin-top:27px;
	font-size: 12px;
	height:100px;
}

.AddItem
{
	font-size:17px;
font-weight:bold;
text-align:right;
}

.highlight { background-color: yellow }

#TotalCostPanel
{
	margin-left:97px;
	width:177px;
}

#TotalCostPanel
{
	text-align:left;
width:177px;
}


#TotalCostPanel .Column
{
	text-align:right;
	color:#397CFF;
}

#DeliveryAndTotal
{
	margin-right:36px;
}

#DeliveryAndTotal .Column
{
	text-align:right;
	color:#397CFF;
	font-size:14px;
}

#DeliveryAndTotal table
{
	font-size:14px;
margin-left:48px;
}

#CheckoutContactDetails
{
	float:left;
	width:50%;
}

#CheckoutDeliveryDetails
{
	
}

.MenuItemNameCol
{
	width:227px;
}

.MenuOptionHeaderCol
{
	width:58px;
	color:#54CD00;
	font-weight:bold;
	text-align:center;
}

#ModalContent table
{
    border-collapse:collapse;
    width:40%;
}



.MenuNameRow
{
	width:227px;
	padding:2px;
}

.MenuItemCostRow
{
	text-align:right;
}

#JSWarning
{
	background-color:Black;color:Red;font-size:23px;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 2%;
    left: 50%;
    height:80%;
    margin-left: -300px;
    width: 600px;
    
    background-color: #fff;
    color: #666666;
    border: 1px solid #397CFF;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



#News
{
background-color:white;
border:thin solid #397CFF;
margin-right:6px;
margin-top:19px;
padding:5px;
text-align:left;
width:241px;
}



.newsPostcode
{
    width:55px;
}

#SocialLinks
{
float:right;
margin-right:27px;
margin-top:28px;
}

#loginPanel
{
float:right;
font-size:10px;
line-height:3px;
margin-right:10px;
margin-top:-105px;
}