/************ DIV/CSS BASED MASTER PAGES ************/

.H2Clone
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*color: #4049ff;*/
	color:#ff0000;
	width: auto;
	margin-bottom: 5px;
	text-align:left;
	margin-top: 1px;
}
.StorePostCodeBoxTD
{
	text-align: left;
	padding-top:2px;
}
body
{
	
}

.Page
{
	
}

.Header
{
	/*height: 175px;*/
}

.LeftHeader, .RightHeader
{
	height: 150px;
}

.LeftHeader, .RightHeader
{
	display: inline;
	
    width: 130px !important;
	width /**/:130px;
    margin: 0;
    padding: 10px;
}

.LeftHeader
{
	float: left;
}

.RightHeader
{
	float: right;	
}

.CentreHeader
{
	margin-left: 157px;
	margin-right: 157px;
}

.BannerSpreader
{
}

.BannerLeft
{
	float: left;
}

.BannerRight
{
	float: right;
}

.MenuBar
{
	background-attachment: scroll;
	background-repeat:repeat-x;
	background-position: center top;
	/*background-color:#000000;*/
	
	text-align: center;
}

.LeftSidebar, .RightSidebar
{
	display: inline;
	
    width: 130px !important;
	width /**/:130px;
    margin: 0;
    padding: 10px;
}

.LeftSidebar
{
	float: left;
}

.RightSidebar
{
	float: right;
	display: inline;
}

.Content
{
	margin-left: 150px;
	margin-right: 150px;
}
/********** END DIV/CSS BASED MASTER PAGES **********/

/************** STORE DIRECTORY PAGE ****************/
div.VerticalTownList ul li
{	
	list-style-type: none;	
	display: none;
}

div.HorizontalTownList ul li
{
	list-style-type: none;
	display: none;
	margin-left: 10px;	
}
/************ END STORE DIRECTORY PAGE **************/

/************** STORE LIST PAGE ****************/

p
{
	text-align: justify;	
}

.StoreListTable
{
	margin: 0 auto;
}

.StoreListTable .LocationColumn
{
	width: 245px;
	vertical-align: top;
}

.StoreListTable .FoodTypeColumn
{
	width: 150px;
}

.StoreListTable .ResultsColumn
{
	width: 315px;
	vertical-align: top;
	 text-align:justify;
}

/************ END STORE LIST PAGE **************/

/*************** MENU ****************/

#MenuPage
{
    overflow: hidden;
	text-transform: lowercase;
}
#MenuPage .Pane
{
	text-transform: none;
}
#MenuPage .SkinnedButton
{
	text-transform: none;
}

table.Menu td.MenuItemCell td.MenuItemDescriptionCell .MenuItemDescription
{
	cursor: pointer;
}

span.OptionAndPriceTextItem
{
	margin-right: 10px;
	display: block;
	color: Gray;	
}

span.MenuItemSubDescription
{
	color: Gray;
	margin-top:5px;
}

span.AdditionDescription
{
	display: block;
}

/************* END MENU **************/

/*************** GENERAL ****************/

.Pane
{
	padding: 10px;
	text-align:left;
}

.Pane p
{	
	margin: 0 0 10px 0;
}

.Pane p.H2Clone
{
	margin: 5px 0 5px 0;
}

table.Form
{
	width: 100%;
	font-family: Arial;
}

table.Form td.LabelCell
{
	width: 30%;
	padding-right: 10px;
	text-align: left;
	vertical-align: middle;
}

table.Form td.LabelCell span
{
	font-weight: bold;
}

table.Form td.ControlCell
{
	width: 70%;
	vertical-align: middle;
}

table.Form td.ControlCell .TextBox, table.Form td.ControlCell .ListBox, table.Form td.ControlCell .DropDownList
{
	width: 98%;
	border-style: solid;
	border-width: 1px;
	border-color: #a0a0a0;
}

table.Form td.ControlCell .TextBox
{
	
}

table.Form td.ControlCell .ListBox
{
	width: 98%;
}

table.Form td.ControlCell .DropDownList
{
	width: 98%;
}

table.Form td.CommandCell
{
}


table.Form td.CommandCell
{
	text-align: right;
}

table.Form td.WideCell, table.Form td.LabelCell, table.Form td.ControlCell
{
	padding-bottom: 5px;
}

.WideTextBox
{
	width: 98%;
}

table.Grid
{
	border-style: none;		
}

table.Grid td
{
	border-style: solid;
	border-width: 1px;
}

.RedAlert
{
	font-weight: bolder;
	color: Red;	
}

table.Report
{
	width: 100%;
	
	border-style: solid;
	border-width: 2px;
	border-color: Black;
}

table.Report th
{
	background-color: #dfdfdf;
	
	font-weight: bold;
}

table.Report tr
{
	background-color: White;
}

table.Report tr:hover
{
	background-color: #efefff;	
}

table.Report td, table.Report th
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	
	text-align: center;
}

.ModalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.ButtonBar
{
	margin-top: 10px;
	text-align: right;	
}

span.RequiredStar, span.ValidationLabel
{
	color: Red;
	font-weight: bold;
}

span.ValidationLabel
{
	text-align: right;
	display: block;	
}

.ui-tabs-nav { height:31px; }

.TextBoxEnter input
{
    background-image: url('/Images/Generic/General/TextBoxEnterBackgroundGray.png');
    background-repeat: no-repeat;
    background-position: right;
}

.SkinnedButton a
{
	overflow: hidden; /* Stop text leaking out of buttons */
}

.StoreEditLinks .SkinnedButton
{
    display: inline-block;
}

.StoreEditLinks .SkinnedButton a
{
    margin: 0px 5px;
}

.ShadowBar
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Center.png');
    background-repeat: repeat-x;
}
.ShadowBar .ShadowBarLeft
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Left.png');
    background-position: left;
    background-repeat: no-repeat;
}
.ShadowBar .ShadowBarRight
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Right.png');
    background-position: right;
    background-repeat: no-repeat;
}
.ShadowBar.Highlighted
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Highlighted/Center.png');
}
.ShadowBar.Highlighted .ShadowBarLeft
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Highlighted/Left.png');
}
.ShadowBar.Highlighted .ShadowBarRight
{
    background-image: url('/Images/Generic/Bars/OrangeShadowBar/Highlighted/Right.png');
}

.ShadowBar .ShadowBarInner
{
    height: 50px;
    padding: 0 17px 10px 10px;
    line-height: 50px;
    margin-bottom: 10px;    
}
.ShadowBar .ShadowBarInner span,
.ShadowBar .ShadowBarInner a
{
    color: #f79020;
    text-decoration: none;
    font-weight: bold;
}
.ShadowBar.Highlighted .ShadowBarInner span,
.ShadowBar.Highlighted .ShadowBarInner a
{
    color: White;
}

.Button100x37
{
    background-image: url('/Images/Generic/Buttons/Button100x37/Background.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 37px;
    display: inline-block;
    line-height: 37px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: Gray;
}
.ShadowBar .Button100x37
{
    margin-top: 7px;
    margin-bottom: 7px;
}
.ShadowBar .Button100x37 span,
.ShadowBar.Highlighted .Button100x37 span
{
    color: Gray;
}

.OrangeButton86x26
{
    background-image: url('/Images/Generic/Buttons/OrangeButton86x26/Background.png');
    background-repeat: no-repeat;
    width: 86px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;    
}
.OrangeButton86x26 a
{
    color: White !important;
    text-decoration: none;
    text-transform: lowercase;
}

/*.Button201x29
{
    background-image: url('/Images/Generic/Buttons/Button201x29/Background.png');
    background-repeat: no-repeat;
    width: 201px;
    height: 29px;
    display: inline-block;
    line-height: 29px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;        
}
a.Button201x29
{
    color: #555 !important;
    text-decoration: none;
    cursor: pointer;
}
.Button201x29 a
{
    color: #555 !important;
    text-decoration: none;
    cursor: pointer;
}*/

/* For use with CSS Mode Skinned Buttons */
.PostCodeLi INPUT
{
    width:100px;
}
div.Button15
{
    background-image: url('/Images/Generic/Buttons/Button15/Background.png');
    background-repeat: repeat-x;
    border: solid 1px #f0f0f0;
    margin-top:5px;
}
div.Button15 *
{
    height: 15px;
}
div.Button15 a
{
    color: #555 !important;
    text-decoration: none;
    cursor: pointer;
    display: block;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
}
/* For use with CSS Mode Skinned Buttons */
div.Button27
{
    background-image: url('/Images/Generic/Buttons/Button27/Background.png');
    background-repeat: repeat-x;
    border: solid 1px #e5e5e5;
}
div.Button27 *
{
    height: 27px;
}
div.Button27 a
{
    color: #555 !important;
    text-decoration: none;
    cursor: pointer;
    display: block;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
}

/* For use with CSS Mode Skinned Buttons */
div.Button47
{
    background-image: url('/Images/Generic/Buttons/Button47/Background.png');
    background-repeat: repeat-x;
}
div.Button47 .SKBLeft
{
    background-image: url('/Images/Generic/Buttons/Button47/BackgroundLeft.png');
    background-repeat: no-repeat;
    background-position: left;
}
div.Button47 .SKBRight
{
    background-image: url('/Images/Generic/Buttons/Button47/BackgroundRight.png');
    background-repeat: no-repeat;
    background-position: right;
}
div.Button47 *
{
    height: 47px;
}
div.Button47 a
{
    color: White !important;
    text-decoration: none;
    cursor: pointer;
    display: block;
    line-height: 47px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}


ul.Form
{
    margin: 0;
    padding: 0;
}
ul.Form li
{
    list-style: none;
    overflow: hidden;
    height: 32px; 
}
ul.Form li label
{
    width: 130px;
    float: left;
    line-height: 32px;
}
ul.Form li .TextBox
{
    /* float: left; */
    height: 20px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
ul.Form li select
{
    width: auto;
    float: left;
    height: 20px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
ul.Form li .RequireFieldMark
{
    line-height: 32px;
    margin-left: 5px;
    float:right;
}

ul.Form li .txtPostcode
{
    float:right;
    position:relative;
    width:70px;
}

ul.Form li.FieldDescription
{
    height: auto;
    text-align: right;
    margin-right: 12px;
}
ul.Form li.FieldDescription span
{
    color: Gray;
}
ul.Form li .Button
{
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}


ul.RadioButtonList
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.RadioButtonList li
{
    list-style: none;
    overflow: hidden;
    margin: 5px 5px;
    cursor: pointer;
}
ul.RadioButtonList li .RadioButton
{
    width: 16px;
    height: 16px;
    float: left;
    background-repeat: no-repeat;
}
ul.RadioButtonList li.Checked .RadioButton
{
    background-image: url('/Images/Generic/Buttons/Radio/CheckedBackground.png');
}
ul.RadioButtonList li.Unchecked .RadioButton
{
    background-image: url('/Images/Generic/Buttons/Radio/UncheckedBackground.png');    
}
ul.RadioButtonList li .RadioButtonLabel
{
    float: left;
    line-height: 16px;
    margin-left: 5px;
}

.Pane .PaneHeader
{
    background-image: url('/Images/Generic/Bars/WhitePaneHeader.png');
    background-repeat: repeat-x;
    height: 30px;
    padding-left: 10px;
}
.Pane .PaneHeader h2
{
    margin: 0;
    line-height: 30px;
    color: #787878;    
}
.Pane .InnerPane
{
    padding: 10px;
    overflow: hidden;
}

/************* END GENERAL **************/

/************* STORE LIST ************/

.StoreSeparator
{
	padding: 10px 0;
}

.StoreListStoreDataHolder ul.RatingTypes li.RatingType span.TypeName
{
    font-size: 10px;
    line-height: 14px;
    color: #6fa3c4;
    font-weight: bold;
}
.StoreListStoreDataHolder ul.RatingBlocks
{
    margin: 3px 0;
}
.StoreListStoreDataHolder ul.RatingBlocks li.RatingBlock
{
    list-style: none;
    float: left;
    width: 8px;
    height: 8px;    
    margin-left: 2px;
}
.StoreListStoreDataHolder ul.RatingTypes li.RatingType.Overall ul.RatingBlocks li.RatingBlock.On
{    
    background-image: none;
    background-color: #6fa3c4;
}
.StoreListStoreDataHolder ul.RatingTypes li.RatingType.Overall ul.RatingBlocks li.RatingBlock.Off
{
    background-image: none;
    background-color: #b3cddd;
}
.StoreListStoreDataHolder ul.RatingTypes li.RatingType.Overall ul.RatingBlocks li.RatingBlock.Half
{
    background-image: none;
    background-color: #b3cddd;
}

/*********** END STORE LIST **********/

/************* MENU **************/

.TabColumn
{
    width: 120px;
    float: left;
    display: inline;
}

.ReceiptColumn
{
    width: 285px;   
    float: right;
    display: inline;
}

.divReceipt
{
    width: 277px;   
}

.ReceiptHeading
{
    display: block;
    margin-bottom: 5px;
}

.NoticePane p
{
    
}

.MenuContent
{
    margin-left: 130px;
    margin-right: 285px;
}

.MenuPane
{
    width: auto !important;   
}
.MenuPadding
{
    padding: 0 !important;   
}
table.Menu
{
    width: auto !important;   
}

td.tdFoodKey
{
	padding-left: 10px;	
}

table.Menu td.SymbolCell
{
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

.AddButton
{
	margin-left: 10px;
	margin-right: 5px;
	cursor: pointer;	
}

.MealDealItemNameCell
{
	font-weight: normal;
}

div.TabListPane
{
	text-align: left;
	width: 120px;
}

div.TabListPane ul
{
	
}

div.TabListPane ul li
{
	list-style-type: none;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	border-right-style: none;
	font-size: 8pt;	
}

div.TabListPane ul li.SectionTab
{
	font-weight: bold;	
	font-size: 12pt;
}

div.TabListPane ul li.SubSectionTab
{
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.TabListPane ul li.SubSectionTab img
{
	display: block;
}

div.TabListPane ul li.SubSectionTab a
{
	font-weight: bold;	
	font-size: 10pt;
	display: block;
	color: Black;
}

/*div.TabListPane ul li.SubSectionTab a:hover
{
	font-weight: bold;	
	font-size: 10pt;
	color:Blue;
}*/

div.TabListPane ul li a
{
	text-decoration: none;
	color: inherit;
}

div.TabListPane ul li.SelectedTab a
{
	text-decoration: underline;
}

span.MenuItemAddition
{
	width: 130px; 
	float: left;	
}

.AdditionList
{
	
}

.AdditionList span.AdditionDescription
{
	font-size: 8pt;
	font-style: italic;
}


.StoreSummaryPane
{
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px;
    border: solid 1px #e3e3e3;
    text-transform: none;
}

.StoreSummaryPane .SSPLogos
{
    float: left;
    margin-right: 10px;
}
.StoreSummaryPane .SSPRating
{
    float: right;
    margin-left: 10px;
    width: 195px;
}
.StoreSummaryPane .SSPButtons
{
    float: right;
    margin-left: 30px;
    width: 201px;
}
.StoreSummaryPane .SSPDetails
{
    margin-left: 169px;
    margin-right: 445px;
}
.StoreSummaryPane .SSPDetails .SSPDetailsHeader
{
    overflow: hidden;
}
.StoreSummaryPane .SSPDetails .SSPDetailsHeader h2
{
    float: left;
    line-height: 30px;
    margin: 0;
}
.StoreSummaryPane .SSPDetails .SSPDetailsHeader img
{
    float: right;
    margin-left: 5px;
}
.StoreSummaryPane .SSPDetails p
{
    margin: 0;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.StoreSummaryPane .SSPLogos img
{
    border: solid 1px #bbb !important;
    width: 172px;
    height: 110px;
}

.StoreSummaryPane .SSPButtons .SkinnedButton
{
    margin-bottom: 5px;
}

ul.RatingTypes
{
    margin: 0;
    padding: 0;    
}
ul.RatingTypes li.RatingType
{
    list-style: none;
    padding: 5px 0;
    overflow: hidden;
}
ul.RatingTypes li.RatingType span.TypeName
{
    display: block;
    float: left;
    width: 55px;
}

ul.RatingBlocks
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
ul.RatingBlocks li.RatingBlock
{
    list-style: none;
    float: left;
    width: 28px;
    height: 15px;
    background-repeat: no-repeat;
}
ul.RatingBlocks li.RatingBlock.Off
{
    background-image: url('/Images/Generic/Buttons/Ratings/GrayBlock.png');
}
ul.RatingBlocks li.RatingBlock.On
{
    background-image: url('/Images/Generic/Buttons/Ratings/OrangeBlock.png');
}
ul.RatingTypes li.RatingType.Overall ul.RatingBlocks li.RatingBlock.On
{
    background-image: url('/Images/Generic/Buttons/Ratings/BlueBlock.png');
}

ul.RatingBlocks li.RatingBlock.Half
{
    background-image: url('/Images/Generic/Buttons/Ratings/OrangeHalfBlock.png');
}
ul.RatingTypes li.RatingType.Overall ul.RatingBlocks li.RatingBlock.Half
{
    background-image: url('/Images/Generic/Buttons/Ratings/BlueHalfBlock.png');
}

.ColumnHeadingPane
{
    overflow: hidden;
    /*border: solid 1px #e3e3e3;*/
    border: solid 1px #e8e8e8;
    margin-bottom: 10px;
    background-color:#efefef;
}
.ColumnHeadingPane .ColumnHeading
{
    float: left;
    height: 26px;
    overflow: hidden;
}
.ColumnHeadingPane .ColumnHeading .Icon
{
    margin-left: 2px;
    width: 22px;
    height: 26px;
    background-position: center 7px;
    background-repeat: no-repeat;
    float: left;
}
.ColumnHeadingPane .ColumnHeading span
{
    float: left;
    line-height: 26px;
}
.ColumnHeadingPane .MenuCategories
{
    width: 124px;
    border-right: solid 1px #e3e3e3;
}
.ColumnHeadingPane .MenuCategories .Icon
{
    background-image: url('/Images/Generic/General/DownArrowRed.png');
}
.ColumnHeadingPane .MenuItems
{
    width: 553px;
    border-right: solid 1px #e3e3e3;
}
.ColumnHeadingPane .MenuItems .Icon
{
    background-image: url('/Images/Generic/General/DownArrowGreen.png');
}
.ColumnHeadingPane .YourOrderDetails
{
    width: 229px;
}
.ColumnHeadingPane .YourOrderDetails .Icon
{
    background-image: url('/Images/Generic/General/DownArrowBlue.png');
}

ul.DeliveryCollectionSelection
{
    width: 165px;
    margin: 0px auto;
}
ul.DeliveryCollectionSelection li
{
    float: left;
}

.DistanceMessage p
{
    text-align: center;
}

/*********** END MENU ************/

/************* RECEIPT **************/

.receipt_top
{
	background-image: url(/Images/Generic/Menu/ReceiptTop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 5px;
	padding: 0;
}
.receipt_middle
{
	background-image: url(/Images/Generic/Menu/ReceiptBackground.gif);
	background-repeat: repeat-y;
	background-position: right center;
}
.receipt_bottom
{
	background-image: url(/Images/Generic/Menu/ReceiptBottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 5px;
	padding: 0;
}

.DeletMenuItem
{
	cursor: pointer;
	display: inline-block;
	width: 13px;
	height: 15px;
	background-image: url('/Images/Generic/Menu/ReceiptItemRemove.png');
	background-repeat: no-repeat;
	background-position: center;
}

/*********** END RECEIPT ************/

.foo
{
}

.GMap
{
	height: 350px;
	width: 400px;
}

/*.Heading2
{
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #AF8861;
	width: auto;
}
.Heading2:first-letter
{
	text-transform: uppercase;
}*/

.FieldLabel
{
	font-weight: bold;
	text-align: right;
}

/*Style for the div which contains the content*/
div#PagePlaceHolderContainer
{

}

/*Instructions on store list page*/
.InstructionText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #AF8861;
}

.GrayBorder
{
	border: 1px solid #8C8C8C;
}

.TestformButton
{
	background-color: #6699cc;
	padding: 2px 4px 3px 4px;
	color: #ffffff;
	font-size: 8pt;
	font-family: tahoma;
	height: 22px;
	border-width: 1px;
	cursor: pointer;
}

td.SectionHeader span
{
	font-weight: bold;
}
div#OrderConfirmPayment table
{
	margin-right: 0;
}

/******* Your Order Page *********/
.YourOrderRow
{
	background-color: #108FC6;
	height: 30px;
	border: 0;
}

.YourOrderAlternateRow
{
	background-color: #60AFC6;
}

.TitleRow
{
	text-align: center;
	background-color: #FF9933;
	font-family: Trebuchet MS;
	font-size: 12pt;
}
/***************************/

/******* Main Style *******/

table#Container
{
	width: 90%;
	height: 700px;
	border-collapse: collapse;
	margin: 0 auto;
}

td#ContainerCenter
{
	width: auto;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	background-color: #ffffff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.StoreListStoreNameSmall
{
	border: #810081;
	color: #810081;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}
table.StoreSummary
{
	width: 90%;
	margin: 10px auto;
}

table.StoreSummary td.StoreLogo
{
	width: 160px;
}

table.StoreSummary td.StoreLogo img
{
	width: 160px;
	height: 120px;
	margin-right: 10px;
}

table.StoreSummary td.ViewMenu
{
	vertical-align: middle;
	text-align: right;
}

table.StoreSummary span.StoreName
{
	font-size: 16pt;
}

table.StoreSummary span.StoreDetail
{
	font-size: 12pt;
}

div.Footer
{
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
}

div.Footer input
{
	float: right;
}

ul.StoreTypeList
{
	float: right;
}

ul.StoreTypeList li
{
	display: inline;
	list-style-type: none;
}

.PostCodeBoxStrip
{
	float: right;
	margin-right: 10px;
}

table.GridView
{
	width: 80%;
	margin: 0 auto;
	border-style: none;
	border-collapse: collapse;
}

table.GridView tr
{
	border-style: none;
}

table.GridView tr.AlternateRow
{
	background-color: #60a0d0;
}

table.GridView th
{
	border-style: none;
}


table.GridView td
{
	border-style: none;
}

.Invisible
{
	display: none;
}

.PreviousButton
{
	float: left;
}

.WarningMessage
{
	color: Red;
	font-size: 14pt;
}

/***********************/

.HighlightBorderTBL
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
}

.HighlightBorderTB
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
}

.HighlightBorderTBR
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
}

/************ DATA TABLE ************/

.dataTables_wrapper table.Report
{
	margin-top: 5px;
	margin-bottom: 5px;	
}

div.dataTables_topcontrols
{
	height: 22px;	
}

/********** END DATA TABLE **********/



/************ CARD EDIT ************/

.CardInfoPane
{
    width: 600px;
    margin: 0 auto;
}

.CardEditPane
{
    width: 600px;
    margin: 0 auto;
}

.CardEditPane .Form
{
       
}

.CardEditPane .Buttons .SkinnedButton
{
    display: inline-block;
}

.CardListPane
{
    width: 600px;
    margin: 0 auto;
}

.CardListPane ul li
{
    list-style-type: none;
}

.CardListPane ul li .SkinnedButton
{
    margin: 13px 0 13px 0;
}

.CardListPane ul li .CardID
{
    display: none;   
}

.CardListPane ul li .Remove
{
    float: left;
    margin-right: 10px;
}

.CardListPane ul li .CardText a
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
}

.CardListPane ul li .Default
{
    float: right;   
    margin-left: 10px;
}

/********** END CARD EDIT **********/

/************ USER EDIT ************/

.LoginDetailsPane
{
    width: 600px;
    margin: 0 auto;
    float:right;
    margin-right:50px;
}

.PersonalDetailsPane
{
    width: 600px;
    margin: 0 auto;
    float:right;
    margin-right:50px;
}

.MainAddressPane
{
    width: 600px;
    margin: 0 auto;
    float:right;
    margin-right:50px;
}

/********** END USER EDIT **********/

/************ MENU ITEM WIZARD ************/

.MenuItemWizard.Pane
{
    background-color: White;
}

/********** END MENU ITEM WIZARD **********/

/************ MEAL DEAL WIZARD ************/

.WizardContainerScroller
{
    background-color: White;   
}

/********** END MEAL DEAL WIZARD **********/

/************ ORDER CONFIRM ************/


div.OrderTotalPrice
{
	margin-top: 20px;
	margin-right: 50px;
	margin-right: 10px;
}

div.OrderTotalPrice span
{
	font-size: 10pt;
	float: right;
}

div.OrderConfirm
{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: bottom;
	width: 100%;
}

div.OrderConfirm input
{
	width: 150px;
}

.VoucherControlBar
{
    margin: 5px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 20px;
}
.VoucherControlBar li
{
    list-style: none;
    float: right;
    margin-left: 5px;
}
.VoucherControlBar li .SkinnedButton
{
    
}

.MOCEditOrder
{
    float: right;
    width: 150px;
}
.MOCOrderLowerContainer
{
    overflow: hidden;
}
.MOCOrderLowerContainer .MOCSpecialInstructionsContainer
{
    float: left;
    width: 49%;
}
.MOCOrderLowerContainer .MOCOrderCostContainer
{
    float: right;
    width: 49%;
}
.OrderCost
{
    width: 100%;
    float:right;
}
.OrderCost td
{
    height: 25px;
    vertical-align: middle;
}
.OrderCost .Label
{
    text-align: left;
}
.OrderCost .Value
{
    text-align: right;
}
.OrderCost .TotalPrice td
{
    font-size: 16px;
    font-weight: bold;
}

.AddressListPrompt
{
    text-align: left;
}
.AddressListPrompt ul
{
    margin: 0;
    padding: 0;
}
.AddressListPrompt ul li
{
    list-style: none;
}

.MOCViewMyVouchers
{
    width:150px;
}
.MOCAddressPanel
{
  width:795px;
}
.MOCAddressPanel h2 strong
{
    color: Gray;   
}
.MOCOrderPanel
{
    width:795px;
}
.MOCPaymentHolder
{
    float: right;
    min-height: 130px;
    width: 49%;
}
.MOCPaymentHolder .InnerContainer
{
    overflow: hidden;
}
.MOCPickupCollectionHoder
{
    
}
.MOSFinishHolder
{
    width:795px;
}
.MOCAddressHolder
{
    min-height: 130px;
    width: 49%;
    float: left;  
}
.MOCDeliveryInstructions
{
    width: 340px;
    height: 97px;
    float: left;
}
.MOCTermsAndConditions
{
    width: 230px;
    height: 97px;
    float: left;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: Gray;
    padding: 0 10px;
}
.MOCTermsAndConditions p
{
    font-size:8pt;
}
.MOCPriceTable
{
    float:left;
    width:160px;
    padding-left: 8px;
}
.SmallInstructionText
{
    font-size:7pt;
}
.MOCAddNewAddress
{
    padding-top:10px;
}
.MOSddlUserAddress
{ 
    margin-top: 5px;
    width: 100%;
}
.VerticalLine
{
    padding-left:4px;
    padding-right:4px;
    float:left;
}
.MOCPriceDiv
{
    padding-top:5px;
    height: 40px;
}


.MOCSelectionLeft
{
    width: 385px;
    height: 110px;
    overflow: hidden;
}
.MOCDropDownList
{
    width: 255px;
    height: 80px;
    float: left;
}
.MOCAddressPictureHolder
{
    width: 106px;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

.MOCHolderButtons
{
    
}
.MOCHolderButtons div.SkinnedButton
{
    width: 150px;
    display: inline-block;
}

.MOCAddressInfo p
{
    margin: 0;
    line-height: 20px;
}

.IPAddressMessage
{
    margin-top: 5px;
}

/********** END ORDER CONFIRM **********/

/************ ORDER CONFIRMED ************/

.Progress
{
    background-image: url('/Images/Generic/Confirmed/ProgressBackgroundCenter.png');
    background-repeat: repeat-x;
    margin: 5px;
}
.ProgressLeft
{
    background-image: url('/Images/Generic/Confirmed/ProgressBackgroundLeft.png');
    background-repeat: no-repeat;  
    background-position: left;
}
.ProgressRight
{
    background-image: url('/Images/Generic/Confirmed/ProgressBackgroundRight.png');
    background-repeat: no-repeat;  
    background-position: right;    
}
.ProgressInner
{
    height: 136px;
}
.ProgressInner .Stages
{
    /* width set by JavaScript */    
    margin: 0 auto;
}

.ProgressNode
{
    width: 80px; 
    height: 136px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    text-align: center;    
    color: Gray;    
}
.ProgressNode span
{
    margin-top: 10px;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 11pt;
    display: block;
}
.ProgressNode.Center
{
    background-image: url('/Images/Generic/Confirmed/ProgressNode.png');    
}
.ProgressNode.Right
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeRight.png');
}
.ProgressNode.Left.Highlighted
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeHighlightedLeft.png');
}
.ProgressNode.Center.Highlighted
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeHighlighted.png');
}
.ProgressNode.Right.Highlighted
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeHighlightedRight.png');
}

.ProgressNodeSpacer
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeSpacer.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 136px;
    float: left;
}
.ProgressNodeSpacer.Bike
{
    background-image: url('/Images/Generic/Confirmed/ProgressNodeBikeSpacer.png');
}

.Progress .Cancelled
{
    text-align: center;
    width: 460px;
    margin: 0 auto;
    padding-top: 10px;
}
.Progress .Cancelled h2
{
    font-size: 14pt;
    color: Gray;    
}
.Progress .Cancelled p
{
    color: Gray;
}

/*span.Cancelled
{
    color: Red;
    font-size: 24pt;
    display: block;
    text-align: center;
    line-height: 136px;
    text-transform: uppercase;
}*/

/********** END ORDER CONFIRMED **********/

/************ STORE HOME PAGE ************/

.StoreHomePageSidebar
{
    width: 260px;
    float:left;   
}

.StoreHomePageContent
{
    margin-left: 270px;
}

.StoreHomePageButtons
{
    overflow: hidden;   
}

.StoreHomePageButtons .SkinnedButton
{
    float: left;
    width: 120px;
    margin-right: 10px;
}
.StoreCounterHeading
{
    float:left;
    margin-top:5px;   
    margin-right:10px;
}
.counterNumber
{
    width:33px;
    height:35px;
    float:left;   
    background-image: url('/Images/Themes/GammaCeti/General/counter_container.png');
}

.counterPic
{
    width:33px;
    height:35px;
    background-image: url('/Images/Themes/GammaCeti/General/numbers.png');
    background-repeat:no-repeat;
    margin-left:8px;
}
.counterNumber1
{
     background-position: 0px -42px;
}
.counterNumber2
{
     background-position: 0px -66px;
}
.counterNumber3
{
     background-position: 0px -90px;
}
.counterNumber4
{
     background-position: 0px -112px;
}
.counterNumber5
{
     background-position: 0px -136px;
}
.counterNumber6
{
     background-position: 0px -160px;
}
.counterNumber7
{
     background-position: 0px -184px;
}
.counterNumber8
{
     background-position: 0px -208px;
}
.counterNumber9
{
     background-position: 0px -232px;
}
.counterNumber0
{
    background-position: 0px -19px;
}

/********** END STORE HOME PAGE **********/

/************ ORDER CONFIRM PAGE ************/

.TermsAndConditionsDialog, .PrivacyStatementDialog
{
    background: White !important;    
}

.TermsAndConditionsDialog span, .PrivacyStatementDialog span
{
    font-family: Arial !important;
    font-size: 10pt !important;
}

/********** END ORDER CONFIRM PAGE **********/

/************ MY USER ACCOUNT PAGE ************/

.AccountSidebar
{
    margin-right: 10px;
    width: 250px;
    float: left;    
}

.AccountDetailsLinks li
{
    margin: 5px 0px;
}

.LastOrderPane
{
    overflow: hidden;
}
.LastOrderPane .ImageContainer
{
    float: left;
    width: 120px;
}
.LastOrderPane .ImageContainer img
{
    width: 120px;
    height: 76px;
}
.LastOrderPane .PriceContainer
{
    float: left;
    width: 85px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: center;
}
.LastOrderPane .PriceContainer .TotalPriceHeading
{
    font-size: 11pt;
    font-weight: bold;
    color: #aaa;
}
.LastOrderPane .PriceContainer .TotalPrice
{
    font-size: 16pt;
    font-weight: bold;
    color: #f99528;
}

.AccountContent
{
    margin-left: 260px;
}


.FavouriteHeader
{
    background-image: url('/Images/Generic/Bars/BlueBar/Background.png');
    background-repeat: repeat-x;
    background-color: #77f;
    height: 31px;
    padding-left: 5px;
}
.FavouriteHeader h2
{
    line-height: 31px;
    text-transform: lowercase;
    color: White;
    padding: 0;
    margin: 0;
}

.FavouriteStoresPane
{
    border: solid 1px #ddd;
}
.FavouriteStoresPane ul
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.FavouriteStoresPane ul li
{
    float: left;
    width: 176px;    
    list-style: none;    
}
.FavouriteStoresPane ul li .Pane
{
    text-align: center;
}
.FavouriteStoresPane ul li a
{
    display: block;
    height: 180px;
    text-decoration: none;
}
.FavouriteStoresPane ul li img
{
    width: 146px;
}
.FavouriteStoresPane ul li .StoreName
{
    display: block;
    font-size: 12pt;
    font-weight: bold;
    color: #ff6000;
    margin-top: 5px;
}
.FavouriteStoresPane ul li .StoreNameSubText
{
    display: block;
}


.FavouriteOrdersPane
{
    border: solid 1px #ddd;
    margin-top: 10px;
}
.FavouriteOrdersPane ul
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.FavouriteOrdersPane ul li
{
    float: left;
    width: 176px;    
    list-style: none;    
}
.FavouriteOrdersPane ul li .Pane
{
    text-align: center;    
}
.FavouriteOrdersPane ul li .MinHeight
{
    min-height: 180px;
}
.FavouriteOrdersPane ul li img
{
    width: 146px;
}
.FavouriteOrdersPane ul li .StoreName
{
    display: block;
    font-size: 10pt;
    font-weight: bold;
    color: #ff6000;
    margin-top: 5px;
}
.FavouriteOrdersPane ul li .TotalPrice
{
    font-size: 12pt;
    font-weight: bold;
    color: #f99528;
}


.NewStoresPane
{
    border: solid 1px #ddd;
    margin-top: 10px;
}
.NewStoresPane ul
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.NewStoresPane ul li
{    
    list-style: none;    
    overflow: hidden;
    width: 264px;
    float: left;    
}
.NewStoresPane ul li .Container
{
    padding: 10px 0 10px 10px;   
}
.NewStoresPane ul li img
{
    width: 120px;
    float: left;
}
.NewStoresPane ul li .StoreDetails
{
    padding: 6px 0 6px 10px;
    margin: 0;
}
.NewStoresPane ul li .StoreDetails span
{
    display: block;
    text-decoration: none;
}
.NewStoresPane ul li .StoreDetails .StoreName
{
    display: block;
    font-size: 10pt;
    font-weight: bold;
    color: #ff6000;
}


.RatingDialog
{
    background-color: White !important;
}

/********** END MY USER ACCOUNT PAGE **********/

/************ ORDER LIST PAGE ************/

.OrderTable
{
    width: 100%;
    border-color: #bbb;
    border-collapse:collapse;
}

.OrderTable th
{
    background-color: #eee;   
}

.OrderTable td, .OrderTable th
{
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.OrderTable .OrderID
{
    display: none;
}

.OrderTable td.Favourite div,
.OrderTable td.SMS div
{
    width: 14px;
    height: 14px;
    margin: 1px auto;
}
.OrderTable td.Favourite div.Plus,
.OrderTable td.SMS div.Plus
{    
    background-image: url('/Images/Generic/Buttons/add.png');
}
.OrderTable td.Favourite div.Minus,
.OrderTable td.SMS div.Minus
{    
    background-image: url('/Images/Generic/Buttons/remove.png');
}
.OrderTable .FavouriteName
{
    width: 120px;
}
.OrderTable .SMSCode
{
    width: 80px;
}
.OrderTable .FavouriteName input
{
    width: 110px;
}
.OrderTable .SMSCode input
{
    width: 70px;
}


.MobileNumberDialog
{
    text-align: left;
}
.MobileNumberDialog ul.Form li .TextBox
{
    width: 200px;
}

/********** END ORDER LIST PAGE **********/

/************ STORE LIST PAGE ************/

.StoreTable
{
    border-color: #bbb;
    border-collapse:collapse;
}

.StoreTable th
{
    background-color: #eee;   
}

.StoreTable td, .StoreTable th
{
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

/********** END STORE LIST PAGE **********/

/**** ADDITIONAL CSS TO FIX ISSUES *****/
.fontSize85
{
	font-size:85%;
}
.fontSize95
{
	font-size:95%;
}
.fontColourGrey
{
	color:#7d7d7d;
}
.padding5
{
	padding:5px;	
}

.foodLinks
{
    text-decoration:none;
    font-size:90%;
}