﻿/*////////////////////////////////Bespoke style/////////////////////////////////////////////*/
/* this section has been commented out becuase it conflicted with Digital Kreatives styles. KB 13/09/07
.twoColLayout
{	
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #010101;
}

.twoColLayout input, textarea
{
   width:125px; 
}
    
.twoColLayout .row
{
	clear: both;
	color: #000000;
	height:25px;
	
}
.twoColLayout .col-span2
{
	float: left;
	width: 100%;
}

.twoColLayout .col1
{
	float: left;
	width: 40%;
	font-weight: normal;
}
.twoColLayout .col2
{
	float: left;
	width: 60%;
	text-align: left;
}

.ShortSelect
{
    width:59px;
    margin-left:0px;
}

.LongSelect
{
    width:125px;
    margin-left:0px;
    padding-right:0px;
}

.formatText
{
    font-size: 11px;
    color: #010101;
}

.checkbox
{
    text-align:left;
    margin-left:-55px;
    
    }


*/

/*******************************
DELIVERY AVAILABLE / UNAVAILABLE
********************************/
.p-delivery-unavailable
	{
	background: #cc0000;
	}


.p-delivery-available
	{
	background-color: #EEEEEE;
	}
	
.delivery-image
{
	background: url(../images/structure/lorry.gif) no-repeat left;
	padding-left:40px;
}
	
.deliveryUnavailable
{
	background: #cc0000 url(../images/structure/lorry.gif) no-repeat;
    color:#fff;
    height:20px;
}

.orderUserButton
{
    background: #446070 url(../images/structure/btn_bigblue.gif) no-repeat;
    color:#fff;
    height:20px;
    width:120px;
    }

.tinyOrderUserButton
{
    background: #fff url(../images/structure/btn_tinyblue.gif) no-repeat;
    color:#fff;
    height:20px;
    width:40px;
    }

.smallOrderUserButton
{
    background: #fff url(../images/structure/btn_smallblue.gif) no-repeat;
    color:#fff;
    height:20px;
    width:55px;
    }

.topGradient
    {  
        background-image: url(../images/structure/gradient-pending-orders-top.jpg);
        background-repeat:repeat-x;
        width:100%;
        margin-bottom:-4px;
    }
    
.background-colour
{
    background-color:#fff;
    }
    
.line
{
    border-bottom: 1px solid #CAD7DD;
	border-collapse: collapse;	
    }
    

.panel2
	{
	clear: both;
	width:100%;
	background-color: #FFFFCC;
	}

.panel2 .active-tab-body 
	{
	display: block;
	width:100%;
	}
td.menu-details-name
	{
	border:0px none white;
	width:100px;
	}

td.menu-details-description
	{
	border:0px none white;
	width: 165px;
	}

td.menu-details-spiciness
	{
	border:0px none white;
	width: 36px;
	}

td.menu-details-price
	{
	border:0px none white;
	width: 35px;
	}

td.menu-details-quatity
	{
	border:0px none white;
	width: 30px;
	}
      
td.menu-details-add
	{
	border:0px none white;
	width: 30px;
	}

 
/* *********************************
** CREATE USER PROFILE CONTAINER **
**********************************/




 

div.googleMap
      {
      border: 1px solid #507A90;
      width:232px;
      }

h2.googleMap-header
      {
      background: #507A90 url(../images/structure/h2-bg-your-order.gif) no-repeat left top;
      }

table.confirm-order
      {
      width: 445px;
      clear: both;
      border-collapse: collapse;
      border: none;
      }

td.confirm-order-nobasket
      {
      width: 15px;
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      }

td.confirm-order-name
      {
      width: 330px;
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      }

td.confirm-order-price
      {
      width: 100px;
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      text-align:right;
      }
           
tr.confirm-order-discount
      {
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      text-align:right;
      background: #006600;
      border-bottom: 1px solid #000000;
      }
 
td.confirm-order-subtotal
      {
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      text-align: right;
      border-top: 1px solid #000000;
      }
     
td.confirm-order-discount-label
      {
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      text-align: right;
      width: 350px;
      color: #FFFFFF;
      }
      
td.confirm-order-discount-labelvalue
      {
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      text-align:right;
      width: 95px;
      color: #FFFFFF;
      }
      
td.confirm-order-total
      {
      padding: 5px 3px 5px 3px;
      margin: 5px 3px 5px 3px;
      font-size:14px;
      text-align:right;
      border-bottom: 1px solid #000000;
      }

table.table-no-borders tr td
	{
	border:0px;
	}

.barOrange
	{
	background: url(../images/structure/tabbed-meal-definition-list-bg.gif) repeat-x left top;
	margin: 0;
	font-size: 12px;
	line-height: 1.6em;
	height: 20px;
	position: relative;
	color: #fff;
	cursor:pointer;
	}
	
	.heading
	{
		background-color:#f0bd75;		
	}









/*

*/


table.restaurant-choice-closed
	{
	width: 100%;
	padding: 0;
	margin: 3px 0 20px;
	clear: both;
	border: 1px solid #CAD7DD;
	border-collapse: collapse;		
	}

table.restaurant-choice-closed tr td
	{
	border-bottom: 1px solid #CAD7DD;
	border-collapse: collapse;		
	}
	
table.restaurant-choice-closed td p.ratings
	{
	width: 100%;
	margin: 0;
	text-align: right;
	padding: 2px 0 5px;
	display: block;
	background: #FFEEC0;
	/*background: #EEEEEE;*/
	}
			
td.outlet-ratings
	{
	background: #FFEEC0;
	background-color: #FFEEC0;
	}

table.restaurant-choice-closed td p.ratings span
	{
	float: right;
	color: green;
	font-weight: bold;
	}	
	
table.restaurant-choice-closed tr.red-background td
	{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background: #BABABA url(../images/structure/gradient-table-restaurant-grey.jpg) repeat-x left top;
	}

table.restaurant-choice-closed tr.search-menu
	{
	padding: 4px 6px;
	color: #fff;
	font-size: 11px;
	color: #ddd;
	background: #ffeeaa;
	}

table.restaurant-choice-closed tr.search-menu span
	{
	padding-right:10px;
	font-weight: bold;
	}
		
table.restaurant-choice-closed tr.search-menu td
	{
	padding: 8px 6px;
	}
	
table.restaurant-choice-closed tr.search-menu a img
	{
	vertical-align: middle;
	margin-left: 5px;
	}

table.restaurant-choice-closed td.p-advanced-orders
	{
	background-color: #EEEEEE;
	}


.here-active-tab
	{
	display: block;
	padding: 4px 0px 0px 0px;
	float: left;
	width: 98px;
	height: 19px;
	margin-right: 1px;
	display: block;
	color: #FFFFFF;
	font-size: 110%;
	cursor:pointer;
	text-align:center;
	background: url(../images/structure/tab_active.gif) no-repeat left top;
	background-color:#F3A131;
	}
	
.here-active-tab a
	{
	color: #FFFFFF;
	padding:0;
	margin:0;
	}
	
.here-inactive-tab
	{
	padding: 4px 0px 0px 0px;
	float: left;
	width: 98px;
	height: 19px;
	margin-right: 1px;
	display: block;
	color: #D03535;
	font-size: 12px;
	cursor:pointer;
	text-align:center;
	background: url(../images/structure/tab_inactive.gif) no-repeat left top;
	color: #D03535;
	font-weight:normal;
	}
	
.span-here-inactive-tab a
	{
	color: #D03535;
	font-weight:normal;
	}
	
table.table-container
	{
	width: 100%;
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style:none;
	border: 0px none #FFFFFF;
	background: #FFFFFF;
	background-color: #FFFFFF;
	border-collapse: collapse;
	clear:both;
	}

tr.table-container
	{
	color: #64492C;
	padding: 10px;
	margin:0px;
	border: 0px solid WHITE;
	border-collapse: collapse;
	}
	
td.table-container
	{
	color: #64492C;
	padding: 10px;
	margin:0px;
	border: 0px solid WHITE;
	border-collapse: collapse;
	}
		
/*.menu-search-container
	{
	float: left;
	display: block;
	overflow:hidden;
	width: 445px;
	height: 33px;
	position: relative;
	white-space:nowrap;
	}
	
p.menu-search
	{
	float: left;
	width: 470px;
	height: 33px;
	position: relative;
	margin: 0;
	padding: 0;
	background:  #FFEEC0 url(../images/structure/gradient-order-online-now.gif) repeat-x left bottom;
	white-space:nowrap;
	}*/
/*
Form input[type="password"],
Form input[type="text"],
#form3,
.text-input-user-profile
	{
	border-style:none;
	border: 1px solid #37648B;
	padding: 4px;
	background: #EEEDED url(../images/structure/input-bg-text-input-120-homepage-restaurant-selection.gif) repeat-x left top;
	}
	
textarea
	{
	border-style:none;
	border: 1px solid #37648B;
	padding: 4px;
	background: #EEEDED url(../images/structure/input-bg-text-input-120-homepage-restaurant-selection.gif) repeat-x left top;
	}*/

table.check-box-noborders td
	{
	color: #64492C;
	padding: 10px;
	border: 0px solid WHITE;
	border-width: 0px 0px 0px 0px;
	border-collapse: collapse;
	}

.comments-text-area
	{
	border: 1px solid #37648B;
	Width: 348px;
	Height: 100px;
	}
	
.table-outlet-comments
	{
	padding: 5px 15px 15px 15px;
	margin: 5px 15px 15px 15px;
	border:0px none white;
	}
	
.address-label-heading
	{
	width:190px;
	overflow:hidden;		
	white-space:nowrap;
	}
	
.user-profile-button-container
	{
	white-space:nowrap;
	}
	
.date-of-birth
	{
	text-align:left;
	vertical-align:middle;
	}
	
	
table.table-favourite-outlet
	{
	width:100%;
	background-color: #F3F3F3;
	display: block;
	margin: 0;
	}
	
table.table-favourite-outlet tr.heading td
	{
	padding: 4px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #010101;
	background-color: #BFCCD2;
	}
	
table.table-favourite-outlet td
	{
	padding: 4px 10px;
	background-color: #F3F3F3;
	vertical-align:middle;
	}

table.generic-table-class td.ratings
	{
	margin: 0;
	text-align: left;
	padding: 10px 5px 5px 10px;
	display: block;
	background: #FFEEC0;
	}


.ddlYear
	{
	padding:0px;
	margin:0px;
	width:55px;	
	}
	
.ddlMonth
	{
	padding:0px;
	margin:0px;
	width:55px;	
	}
	
.ddlDay
	{
	padding:0px;
	margin:0px;
	width:40px;	
	}

table.trading-hours-table td
	{
	padding:0px;
	}

td.trading-hours-day
	{
	color:#1B5C09;
	padding:0px;
	}

td.trading-hours-hour
	{
	color:#000000;
	padding:0px;
	}
	
table.full-description-table
	{
	width:100%;
	border:0px solid white;
	}
	
.full-description-table td
	{
	border:0px solid white;
	padding:10px;
	}
	
.category-decription
	{
	color: #333333;
	padding:5px;
	display:block;
	}
.place-order-password
	{
	font-weight:normal;
	width:100px;
	display:inline-block;
	white-space:nowrap;
	border:0px solid white;
	}
	
	
span.button
	{
	width: auto;
	display: inline;
	padding: 4px 0 4px 10px;
	}

span.button a
	{
	height: 22px;
	color: #fff;
	padding: 4px 5px 4px 10px;
	font-size: 11px;
	font-weight: normal;
	margin-right: 5px;
	text-decoration: none;
	}


span.button.blue
	{
	background: url(../images/structure/button-blue-bg-right.gif) no-repeat right bottom;
	}

span.button.blue a
	{
	background: url(../images/structure/button-blue-bg-left.gif) no-repeat left bottom;	
	}

span.button.red
	{
	background: url(../images/structure/button-red-bg-right.gif) no-repeat right bottom;
	}

span.button.red a
	{
	background: url(../images/structure/button-red-bg-left.gif) no-repeat left bottom;	
	}

span.button.green
	{
	background: url(../images/structure/button-green-bg-right.gif) no-repeat right bottom;
	}

span.button.green a
	{
	background: url(../images/structure/button-green-bg-left.gif) no-repeat left bottom;	
	}

#aspnetForm input[type="checkbox"]
	{
	margin: 0px 4px 0px 0px;
	border: 0px;
	}

#aspnetForm input[type="radio"]
	{
	margin: 0px 4px 0px 0px;
	border: 0px;
	}
	
#aspnetForm input[type="submit"]
	{
	border: 0px;
	}

select
	{
	padding:0px;
	margin:0px;
	}
	
	

.h2-green-heading
	{
	font-size: 14px;
	color: #3F780F;
	padding: 10px 0 0 0px;
	margin: 0;
	}
	
.h2-green-text
	{
	font-size: 11px;
	color: #3F780F;
	padding: 00px 0 0 0px;
	margin: 0;
	}
	
	
/************************************
	REMOVE FONT WEIGHT CHANGE ONMOUSER 
	OVER MENU CATEGORY
*************************************/
ul.menu-list h3 a
	{
	font-size: 12px;
	font-weight:bold;
	}
	
ul.menu-list h3 a span
	{
	text-align: right;
	font-size: 12px;
	font-weight:bold;
	}	
	
	
/*******************
 TEXT AREA
**********************/

textarea
	{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width:170px;
	}

/*******************
 CHANGE MAIN NAV HOME TO NEW ORDER
**********************/
a#mainnav-home,
a#mainnav-my-profile
	{
	display: block;
	text-indent: -9999px;
	font-size: 0%;
	position: absolute;
	left: 41px;
	top: -12px;
	height: 38px;
	width: 104px;
	background: transparent url(../images/structure/mainnav-tab-home-neworder.jpg) no-repeat left top;
	}
	
a#mainnav-my-profile
	{
	left: 145px;
	background: transparent url(../images/structure/mainnav-tab-my-profile.jpg) no-repeat 0 0;
	}
	
	
a#mainnav-home.tab-here,
a#mainnav-my-profile.tab-here
	{
	background-position: 0 -83px;
	font-size: 14px;
	}
	
	
/********************************
 LINKS ON SITE
********************************/


a:link.text-link , 
a:visited.text-link 
	{
	text-decoration:none;
	color: #ff9900;
	font-weight:normal;
	}
a:hover.text-link  
	{
	text-decoration:none;
	color: #ff6600;
	font-weight:normal;
	}
	
span.no-border input
	{
	border: none;
	}
	
/********************************
Product details
********************************/

.productDetails
{
    border-color:White;
    border-width:0px;
    border-style:None;
    width:100%;
    border-collapse:collapse;
    }
    
.productDetailsTr
{
    border-color:White;
    border-width:0px;
    border-style:None;
    }
    
.productDetailsTd
{
    border-color:White;
    border-width:1px;
    border-style:None;
    }

/********************************
Product size
********************************/
.ProductSizeMenu-details
{
    width:100%;
    border:0px none white;    
    }


.productSizeTable
{
    width:100%;
    border:0px none white;
    background-color:#FFFEE9;
    padding:0px;
    border-collapse:collapse;
    }


.productSizeTr
{
    width:100%;
    border-bottom:0px none white;
    
    }
    
.productSizeTd1
{
    width:100%;
    border:0px none white;
    padding:5px;
    padding-left:50px;
    }

.productSizeTd2
{
    width:100%;
    border:0px none white;
    padding:5px;
    padding-left:50px;
    }

.productSizepnlSizeProductAvailableTd1
{
    width:100%;
    border:0px none white;
    padding:5px;
    padding-right:10px;
}

.productSizepnlSizeProductAvailableTd2
{
   width:100%;
   border:0px none white;
   padding:5px;
}

.productSizepnlSizeProductUnavailableTd1
{
    width:100%;
    border:0px none white;
    padding:5px;
    padding-right:10px;
}

	
span.no-border input
	{
	border: none;
	}
	
em.redasterix
	{
	color: #E50F11;
	font-size:large;
	}
