/* Back of house Styles */

html * {margin:0; padding:0;}
fieldset {border:0; display:block;}
img {border:0;}

body {font-family: Arial, Helvetica, Verdana, sans-serif;
 color:#6e1d2d; font-size:71%;}
body {
 background: #6e1d2d url(../images/bck_body.gif) repeat-x;
 width:946px;
 margin: 0px auto; position: relative
} 

#bodyContainer {width:946px; height:auto;}

a { color:#892034; text-decoration:underline; }
a:hover { color:#892034; text-decoration:none; }
a:active  { color:#892034;}

#banner { height:128px;  background: url(../images/bck_banner.gif) left bottom no-repeat; margin-top:10px; margin-bottom:36px;}
#logo { float:left; margin-top:6px; margin-left:12px; }


div.strapline { margin-top:20px; margin-left:35px; text-align:right; background:#892034; width:179px;}
div.strapline img {margin-left: -30px; position: relative;}
.heavenlyIceCream { margin-top:0px; text-align:right; margin-bottom:20px;}

#fohBohTabs { width:253px; background: #892034 url(../images/tabs.gif) left bottom no-repeat; }
#fohBohTabs ul { padding:5px; margin-left:11px;}
#fohBohTabs ul li { display:inline; font-size:131%; font-weight:bold; color:#975a1f;}
#fohBohTabs ul li a:link, a:visited, a:hover, a:active { color:#892034; text-decoration:underline;}
#fohBohTabs ul li a:hover, #fohBohTabs ul li a.active { color:#f6eaae; text-decoration:none; }


#helpline { float:left; margin-top:20px; margin-bottom:20px; height:33px; width:946px; background: url(../images/bck_left_curve.gif) left top no-repeat; }

#contentArea { float:left; width:876px; background:#f0e7b9 url(../images/bck_bot_content_curve.gif) bottom left no-repeat; padding:25px 35px 30px 35px;}
#contentArea .sitepanel {width: 143px;  border: solid 0px green;}
#contentArea .sitemappanel {width: 123px;  border: solid 0px green;}
#contentArea  ul li { margin-left: 5px; list-style-type: none; font-weight:normal; list-style-type: square;} 
#contentArea  ul li ul {margin-left: 5px; }
#contentArea  ul li ul li{ margin-left: 10px; list-style-type: square; font-weight:normal; }
#contentArea  ul li ul li ul {padding-bottom: 10px;}
#footer { clear:both; border-top:1px solid #e9d3a2; color:#e9d3a2; padding: 5px 0 15px 0; }
#footer ul#usefulInfo {width: 50%; float: left; }

#footer ul#usefulInfo2 { width: 50%; float: right; text-align: right; list-style-type: none; }
#footer ul#usefulInfo2 LI { float: right; padding: 0 5px 0 5px; border-right: 1px solid #E9D3A2; }
#footer ul#usefulInfo2 LI.lastLI { padding: 0 0 0 5px; border-right: none; }
#footer ul#usefulInfo2 LI A { color: #E9D3A2; padding: 0; float: left; display: block; margin: 0;  }

#footer ul#usefulInfo {width: 50%; float: left; list-style-type: none; }
#footer ul#usefulInfo LI { float: left; }




#footer ul li a { text-decoration:none; color:#E9D3A2; }
#footer ul li a:hover {text-decoration:underline; color:#E9D3A2; }



.productImage { float:left; padding:0px 30px 40px 0px;}
.productImageSmall { float:left; padding:0px 15px 20px 0px; }
.productImageBar { float:right; padding:0px 0px 20px 0px; color:#FFFFFF;}

.productImageRight { float:right; padding:0px 0px 40px 30px;}

p.test { font-weight:bold; float:right; padding:0px 0px 20px 0px; background:url(../images/products/temp/bar.gif); color:#FFFFFF;}
p.code {color:#aa7700; font-weight:bold; font-style: italic}
/*== HEADERS ==*/

h2 { font-size:200%; margin-bottom:30px;}
h3 { font-size:150%; margin-bottom:13px;}
p { margin-bottom:13px; }
p.summary { font-weight:bold; font-size:130%; margin-bottom:30px;}
p.uppercase { text-transform:uppercase; font-weight:bold; }
.largeCopy { font-size:120%; }
p.marginTop30 { margin-top:30px; }
.shopCode { font-weight:bold; color:#aa7700; }
div.errormsg {background:#ff0000;color:#ffffff;text-align:center;width:500px;padding:6px 0; margin-bottom:10px;}
/*== COLUMNS ==*/

.column { float:left; width:415px; }
#frmMain {width:500px;}
#frmMain fieldset {border:none; font-weight:bold;}
#frmMain fieldset p {border:none; font-weight:normal;}
#frmMain fieldset ol {margin:0; padding:0 0 0 25px;}
#frmMain fieldset li {list-style:none; margin:0; padding:0 0 10px 0px; width:475px;}
#frmMain fieldset label {display:inline; vertical-align:top;}
.mandatory { clear:both; padding-top:10px;}
#frmMain fieldset ol.form2 {margin:0; padding:0 0 0 25px; float:left;}
#frmMain fieldset ol.form2 li {list-style:none; margin:0; padding:0; width:180px;}
#frmMain fieldset ol.form2 input {border: none;}
#frmMain fieldset #submit {width:100px; float:right; text-align:right;}
#formTerms {display:block; float:right; font-size:.8em; padding-top:30px;width:235px;text-align:right;}
.checkwithborder input {border:solid 2px #892034; margin:0pt 0pt 3px;}
.withborder {border:2px solid #892034; width:284px; height:20px; color:#892034; }
input.withborder {border:solid 2px #892034; width:280px; height:20px; color:#892034; }
input.submit {border:solid 2px #892034; background-color:#892034; width:90px; color:#FFFFFF; font-weight:bold;}
.formRow {padding-bottom:30px; clear:both;}
.formLeft {width:200px; float:left; height:22px;}
.formRight {width:280px; float:left; height:22px; text-align:right;}

table#help td {padding-bottom: 10px;}

/*== BREADCRUMB ==*/

ul#breadcrumb {list-style:none; height:17px; padding:3px 35px 7px 35px; width:876px; background:url(../images/bck_subNav.gif) left top repeat-x; }
ul#breadcrumb li {display:inline; font-size:115%; font-weight:bold;}
.listSeperator { padding-bottom:3px; display:inline;}
ul#breadcrumb li a, ul#breadcrumb li a:link, ul#breadcrumb li a:visited, ul#breadcrumb li a:hover, ul#breadcrumb li a:active { text-decoration:none; color:#eee7b9;}
ul#breadcrumb li a:hover, ul#breadcrumb li a.active { color:#c19c43; }

/*== BREADCRUMB 3rd LEVEL!! ==*/

ul#breadcrumb3rd {  list-style-type: none; padding:8px 35px 8px 35px; width:876px; border-bottom:1px solid #dbbf9e; background:url(../images/bck_bread3rd_gradient.gif) left top repeat-x; }
ul#breadcrumb3rd li { display:inline; font-size:130%; font-weight:bold; }
.listSeperator { padding-bottom:3px; }
ul#breadcrumb3rd li a, ul#breadcrumb3rd li a:link, ul#breadcrumb3rd li a:visited, ul#breadcrumb3rd li a:hover, ul#breadcrumb3rd li a:active { text-decoration:none; }
ul#breadcrumb3rd li a:hover, ul#breadcrumb3rd li a.active { color:#aa7700; }

/*== NAVIGATION ==*/

#menuone { clear:both; float:left; display:block; }
#menuone ul { list-style-type: none; position:relative; width: 946px; height: 317px; }
#menuone li { display: inline; float: left;  }
li.flavours { position:absolute; left: 0; top: 0; }
li.cabinets { position:absolute; left: 340px; top: 0; } 
li.pos { position:absolute; left: 442px; bottom: 0; }
li.accessories { position:absolute; left: 221px; bottom: 0; }
li.toptips { position:absolute; left: 0; bottom: 0; }
li.cones {position:absolute;right: 0;top: 0;}

/*== GENERIC STYLES ==*/

.noMargin { margin:0px; }
.marginBottom5 { margin-bottom:5px; }
.center { text-align:center; }
.bold { font-weight:bold; }
.clearBoth { clear:both; }
.floatRight { float:right; }
.floatLeft { float:left; }
.hidden { visibility:hidden; }
.padding5 { padding:10px 5px 0px 5px; }
.marginLeft40 { margin-left:40px; }
.curvedLink { background:url(../images/bck_curved_link.gif) 200px 164px no-repeat; }
.positionedCurvedLink { margin-top:138px; font-weight:bold;}
.positionedCurvedLink a { color:#FFFFFF; }

td { font-weight:bold; }

/* AJ: classes */
li.menu { position:absolute; left: 317px; top: 0; } 
li.serving { position:absolute; left: 635px; top: 0; }
li.cabinets_right { position:absolute; left: 340px; bottom: 0; }
/* new: 080908 (archived)
li.case_study { position:absolute; left: 340px; bottom: 0; }
li.margin_uplift { position:absolute; right: 0; top: 0; }
li.ask_tony { position:absolute; right: 0; bottom: 0; }
li.menu_appeal { position:absolute; right: 0; top: 106px; }*/

a.textcol {color:#e9d3a2;}
/*#footer ul#usefulInfo li a.textcol a,
a:link, a:visited, 
a:hover, a:active { color: #e9d3a2; } */

.previous { margin-top:0px; text-align:left; float:left; margin-bottom:20px;}
.next { margin-top:0px; text-align:left; float:right;}

.cover { float:left; width:210px; height:241px; margin-left:5px; margin-bottom:30px; background:#f0e7b9 url(../images/cover_placeholder_curve.gif) bottom left no-repeat; padding:2px 2px 2px 2px; }
.covertext { float:left; width:208px; height:5px; margin-left:10px; }

.layout { float:left; width:210px; height:241px; margin-left:55px; margin-bottom:30px; background:#f0e7b9 url(../images/layout_placeholder_curve.gif) bottom left no-repeat; padding:5px 5px 5px 5px; }
.layouttext { float:left; width:215px; height:5px; margin-left:60px; }


#placeholder_firstrow { float:left; width:121px; height:140px; margin-left:10px; margin-bottom:30px; background:#f4edcb url(../images/bck_bot_placeholder_curve.gif) bottom left no-repeat; padding:5px 5px 5px 5px; }
#placeholder_firstrow p.firstrow {width:115px; text-align:center; margin-top:120px; margin-left:2px; background-color:#FFFFFF; border: solid 2px white;}

#placeholder_secondrow { float:left; width:121px; height:140px; margin-left:35px; margin-bottom:30px; background:#f4edcb url(../images/bck_bot_placeholder_curve.gif) bottom left no-repeat; padding:5px 5px 5px 5px; }
#placeholder_secondrow p.secondrow{width:115px; text-align:center; margin-top:120px; margin-left:2px; background-color:#FFFFFF; border: solid 2px white;}

#placeholder_customise_body { float:left; width:602px; height:340px; margin-left:130px; margin-bottom:30px; background:#f0e7b9 url(../images/customise_body_placeholder.gif) bottom left no-repeat; padding:5px 5px 5px 5px; }

#placeholder_offer_body { float:left; width:602px; height:340px; margin-bottom:10px; background:#f0e7b9 url(../images/customise_body_placeholder.gif) bottom left no-repeat; padding:5px 5px 5px 5px; }

p.offertext { font-weight:bold; font-size:110%; margin-top:10px; margin-bottom:10px;}
input.offer_withborder {border:solid 2px #892034; width:160px; height:20px; color:#892034; }
input.offer_withborder_small {border:solid 2px #892034; width:30px; height:20px; color:#892034; }
input.offer_withborder_logo {border:solid 2px #892034; width:280px; height:20px; color:#892034; }

.offercolumn { float:left; width:65px; font-weight:bold; font-size:110%; margin-top:2px; margin-bottom:5px;}
.marginLeft120 { margin-left:120px; }

.logocolumn { float:left; width:230px; }

p.detailstext { font-weight:bold; font-size:110%; margin-top:2px; margin-bottom:2px;}
p.menutext { font-size:110%; margin-top:10px; margin-bottom:10px;}
.selectclass {width: 40px;}
/* Menubuilder: classes */
.textRight{
	text-align:right;
}
ul.curvy-bullets {
	list-style-image:url(../images/menubuilder/bullet_curvy.gif);list-style-position:inherit;margin-left:20px;
	padding-bottom:1.0em;
}
ul.curvy-bullets li{
	margin:0.5em 0 0.5em 0;
}
ul.no-bullets li{
	list-style-type:none!important;
}
div.big-button{
	clear:both;float:right;margin:1.0em -15px 0 0;
}
div.big-button a{
	text-indent:-2700px;height:32px;overflow:hidden;outline:none;display:block;
}
div.big-button a.step-one-button{
	width:262px;background:transparent url(../images/menubuilder/button_step_one.gif) bottom left no-repeat;
}
div.cover-wrapper{
	margin-left:50px;
}
div.cover-holder{
	width:200px;padding-right:10px;font-weight:bold;font-size:1.45em;
}
div.cover-holder label{
	cursor:pointer;
}
div.cover-holder input.cover-radio{
	margin-right:10px;
}
div.cover-holder label img{
	margin-top:5px;
}
div.cover-holder label.cover1, div.cover-holder label.cover2, div.cover-holder label.cover3, div.cover-holder label.cover4 {
	display:block; height: 266px; border: 0; background-image:url(../../BOH/images/menubuilder/cover_1.jpg); background-position: 0 bottom; background-repeat: no-repeat; }

div.cover-holder label.cover2 {	background-image:url(../../BOH/images/menubuilder/cover_2.jpg); }

div.cover-holder label.cover3 {	background-image:url(../../BOH/images/menubuilder/cover_3.jpg); }

div.cover-holder label.cover4 {	background-image:url(../../BOH/images/menubuilder/cover_4.jpg); }

div.cover-holder label.layout1, div.cover-holder label.layout2, div.cover-holder label.layout3 {
	display:block; height: 176px; width: 218px; border: 0; background-image:url(../../BOH/images/menubuilder/layout_1.jpg); background-position: 0 bottom; background-repeat: no-repeat; }

div.cover-holder label.layout2 {	background-image:url(../../BOH/images/menubuilder/layout_2.jpg); }

div.cover-holder label.layout3 {	background-image:url(../../BOH/images/menubuilder/layout_3.jpg); }




div.step-nav-buttons{
	height:32px;margin-top:1.0em;
	clear:both;
}
div.layout-holder div.cover-holder{
	width:218px;	
}
div.step-nav-buttons .button-previous{
	text-indent:-2700px;height:32px;width:132px;overflow:hidden;outline:none;display:block;background:transparent url(../images/menubuilder/button_previous.gif) bottom left no-repeat;
}
div.step-nav-buttons .button-startover{
	text-indent:-2700px;height:32px;width:132px;overflow:hidden;outline:none;display:block;background:transparent url(../images/menubuilder/button_startover.gif) bottom left no-repeat; margin-top: 1px; padding-right: 20px;
}
div.step-nav-buttons .button-next{
	text-indent:-2700px;height:32px;width:96px;overflow:hidden;outline:none;display:block;background:transparent url(../images/menubuilder/button_next.gif) bottom left no-repeat;
}
div.step-nav-buttons .button-order{
	text-indent:-2700px;height:32px;width:247px;overflow:hidden;outline:none;display:block;background:transparent url(../images/menubuilder/button_create_order.gif) bottom left no-repeat;
}
div.layout-holder{
	margin-left:110px;
}

div.dessert-holder{
	width:580px;float:left;margin-bottom:0.5em;
}
div.dessert-detail{
	float:left;width:100px;margin:0 10px 10px 0;
}
table.dessert-price-table{
	width:265px;text-align:left;float:right;
}
table.dessert-price-table th.th-dessert{
	width:165px;font-weight:normal;
}
table.dessert-price-table th.th-price{
	width:100px;font-weight:normal;
}
table.dessert-price-table td, table.option-price-table td{
	padding: 5px 0 5px 0;
}
table.dessert-price-table td span {
	line-height:1.5em;
	padding-right:5px;
	float:left;
}
table.dessert-price-table td img {
	padding: 0;
	float:right;
}
table.dessert-price-table td input {
	float:left;
}
table.option-price-table{
	width:265px;text-align:left;float:right;
}

.header-copy {
width:260px;
text-align:left;
}
.header-copy label {
	padding-right: 7px;
}

table.option-price-table th{
	font-weight:normal;
}
ul#menubuilder-crumbs {list-style:none; height:17px; padding:3px 35px 7px 35px; width:876px; background:url(../images/bck_subNav.gif) left top repeat-x; }
ul#menubuilder-crumbs li {display:inline; font-size:115%; font-weight:bold;color:#fff; padding:0 10px 0 0;}
ul#menubuilder-crumbs li.done-that{color:#E9D3A2;}
div.cover-wrapper div.cover-holder{
	padding-right:0;
}
/*sheg*/
ul#dessertList {	
	padding: 0;
	margin: 0;
}		
ul#dessertList li {
	list-style:none;
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
}
.clearLeft { clear: left; }
#pickedList { font-size: 110%; }
#pickedList INPUT { padding: 1px; }
#startOverButton { display: none; } /* initial state */
#buttonReset {
	text-indent:-2700px;
	height:32px;
	width:95px;
	float: left;
	overflow:hidden;
	margin-right: 67px;
	outline:none;
	display:block;
	background:transparent url(../images/menubuilder/button_reset.gif) bottom left no-repeat;
}
#buttonReset { display: none; } /* initial state */
#dpholder{
	float:left;
	display:block;
	margin-left:110px;
}
div.preview-four-dessert,
div.preview-six-dessert,
div.preview-eight-dessert{
	height:331px;
	width:480px;
	margin:0 auto;
}
div.preview-four-dessert{
	background:transparent url(../images/menubuilder/backgroundimage_1.gif) bottom left no-repeat;
}
div.preview-six-dessert{
	background:transparent url(../images/menubuilder/backgroundimage_2.gif) bottom left no-repeat;
}





div.preview-eight-dessert{
	background:transparent url(../images/menubuilder/backgroundimage_3.gif) bottom left no-repeat;
}
ul.preview-list{
	list-style:none;
	padding:28px 0 0 10px;
}
div.preview-four-dessert ul.preview-list{
	padding:28px 0 0 230px;
}
#dpholder ul.preview-list li{
	float:left;
	display:inline;
	height:134px;
	width:110px;
	margin:0 5px 14px 0;
}
div.form-row{
	height:32px;
}
label.form-row-label{
	width:100px;
	float:left;
}
div.form-row input {
	float:left;
	margin:0pt 5px 0pt 0pt;
}
input.radios {
	width: 15px; height: 15px;
}
div.form-row radio {
}
div.form-row-labels input {
	margin:0pt 5px 3px 0pt;
	vertical-align:middle;
}
textarea#OutletAddress, textarea#AltOutletAddress{
	margin-bottom:15px;
}
div.detail-form{
	float:left;
	width:350px;
	min-height:500px;
}
div.qty-form{
	float:left;
	width:250px;
}
div.form-row-labels {
	height:18px;
	margin:0pt 0pt 1em;
}
div.form-row-labels span {
display:block;
float:left;
width:235px;
}


/* declarations for drinks list preview panel */
.drinks-list-preview {
	background-color: #9f782b; 
	width: 187px; 
	height: 137px;
}

.drinks-list-preview div {
padding: 10px 0 5px 15px; 
font:italic bold 1em Arial; 
color:#f3d38f;
}

.drinks-list-preview UL {
padding: 5px 10px; 
font: italic 0.9em Arial; 
color:#fff; 
width: 165px;
list-style:none;
}

.drinks-list-preview ul li {
width: 160px;
}



/* Menu builder specific styles - Preview page */
#contentArea .dessertList4 { width: 480px; height: 331px; margin-left:110px; display: block; padding-left:15px; background: url(../images/menubuilder/view_bg_logo.gif) top left no-repeat; }		
#contentArea .drinksList4 { width: 187px; height: 135px; color: #FFFFFF; background-color: #A1782C; font-style: italic; margin: 170px 10px 0 0; }
#contentArea .drinksList4 H2 { font-size: 11px; font-weight: bold; margin: 0; padding: 3px 0 5px 5px; color: #F3D38F; background-color: #A1782C; }
#contentArea .drinksList4 UL { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 5px; width: 180px; }	
#contentArea .drinksList4 UL LI { width:180px; margin: 0; padding: 0; clear:both; list-style: none; }		
#contentArea .drinksList4 UL LI SPAN.drinksName { font-size: 9.5px; line-height: 11.5px; float: left; width:120px; margin: 0; padding: 0;  }
#contentArea .drinksList4 UL LI SPAN.drinksPrice { font-size: 9.5px; line-height: 11.5px; float: left; width:55px; text-align:right; margin: 0; padding: 0; }				
#contentArea .drinksList4 { float: left; width: 190px; }		
#contentArea .dessertList { float: left; width: 265px; padding-top: 20px; }
#contentArea .dessertList UL { list-style-type: none; }
#contentArea .dessertList UL LI { float: left; padding-right: 12px; padding-bottom: 14px; list-style: none; }		

#contentArea .dessertList6 { width: 480px; height: 331px; margin-left:110px; display: block; background: url(../images/menubuilder/view_bg_no_logo.gif) top left no-repeat; }
#contentArea .dessertList6 UL { list-style-type: none; margin:0; padding: 15px 0 0 8px; }
#contentArea .dessertList6 UL LI { float: left; list-style: none; margin:0; padding: 0 7px 10px 0;  }			
#contentArea .drinksList6 { width: 225px; height: 135px; color: #FFFFFF; background-color: #A1782C; font-style: italic; }
#contentArea .drinksList6 H2 { font-size: 11px; font-weight: bold; margin: 0; padding: 3px 0 5px 5px; color: #F3D38F; background-color: #A1782C; }
#contentArea .drinksList6 UL { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 5px; width: 210px; }
#contentArea .drinksList6 UL LI { width:215px; margin: 0; padding: 0; clear:both; list-style: none; }		
#contentArea .drinksList6 UL LI SPAN.drinksName { font-size: 11px; line-height: 13px; float: left; width:158px; margin: 0; padding: 0;  }
#contentArea .drinksList6 UL LI SPAN.drinksPrice { font-size: 11px; line-height: 13px; float: left; width:55px; text-align:right; margin: 0; padding: 0; }

#contentArea .dessertList8 { width: 480px; height: 331px; margin-left:110px; display: block; background: url(../images/menubuilder/view_bg_no_logo.gif) top left no-repeat; }
#contentArea .dessertList8 UL { list-style-type: none; margin:0; padding: 15px 0 0 8px; }
#contentArea .dessertList8 UL LI { float: left; list-style: none; margin:0; padding: 0 7px 10px 0; }		






#mandatory {margin-left:30px;}



/* SHEGGY */
#drinksForm INPUT { padding: 1px; }
#buttonResets {
	text-indent:-2700px;
	height:32px;
	width:103px;
	float: left;
	overflow:hidden;
	margin-right: 0;
	outline:none;
	display:block;
	background:transparent url('../BOH/images/menubuilder/button_reset.gif') bottom left no-repeat;
}
#buttonHold { float: right; width: 266px; }

 #privacyTable { margin-bottom: 10px; border: 1px solid #FFFFFF; }
 #privacyTable TD { font-weight: normal; padding: 0 10px 7px 0; border-top: 1px solid #FFFFFF; }
 #privacyTable TH { text-align: left; padding: 0 10px 7px 0;  }



.helpnumbers {width: 500px; float:left; display: inline;}

.action {width: 300px; float:left; display: inline;}
.telephone {width: 150px; float:left; display: inline;}


/* Serving Suggestions updates - 05-11-08 */

#ingredients li {
 margin:0px;
 padding:5px 0 0 0;
 list-style-type:;
 }
 
 #method li {
 margin:0px;
 padding:5px 0 0 0;
 list-style:none;
 }