/* Index page styles */
@import url(index.css);
/* Front of house Styles */
html * {
 margin: 0;
 padding: 0;
}
img, fieldset {
 border: 0;
}
body {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color:#892034;
 font-size:71%;
 background: #FFF url(../images/bck_body.gif) repeat-x;
 width:946px;
 margin: 10px auto;
 position: relative
}

#bodyContainer {
 width:946px;
 height:auto;

}

/* order: link, visited, hover active */
a { color:#892034; text-decoration:underline; }
a:hover { text-decoration:none; }
a:active  { color:#620d1d;}

#banner { height:98px; background: #ede2ac url(../images/bck_banner.jpg) left top no-repeat; margin-bottom:39px;}
* html #banner {margin-top: -4px; position: relative;}
*:first-child+html #banner {margin-top: -4px; position: relative;}
#logo { float:left; margin-top:15px; margin-left:12px; }


div.strapline { margin-top:25px; margin-right:0px; text-align:right; width:250px;}
div.strapline img { margin-right:20px; }
.heavenlyIceCream { margin-top:10px; text-align:right; margin-bottom:20px;}

#fohBohTabs { width:253px; background: #aa7700 url(../images/tabs.gif) left bottom no-repeat; }
#fohBohTabs ul { padding:5px; margin-left:11px; position: relative;}
#fohBohTabs ul li { display:inline; font-size:131%; font-weight:bold; color:#975a1f;}
#fohBohTabs ul li a:link { color:#620d1d; text-decoration:underline;}
#fohBohTabs ul li a:hover, #fohBohTabs ul li a.active { color:#f6eaae; text-decoration:none; }

table#help td {
padding-bottom:10px;
}
td {
font-weight:bold;
}

#helpline { float:left; margin-top:20px; margin-bottom:20px; height:33px; width:946px; background: #892034 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;}
#contentArea  ul li { margin-left: 15px; 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 #892034; color:#892034; padding: 5px 0 15px 0; }

#footer ul#usefulInfo {width: 50%; float: left; list-style-type: none; }
#footer ul#usefulInfo LI { 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 #892034; }
#footer ul#usefulInfo2 LI.lastLI { padding: 0 0 0 5px; border-right: none; }
#footer ul#usefulInfo2 LI A { padding: 0; float: left; display: block; margin: 0; }


#footer ul li a { text-decoration:none; }
#footer ul li a:hover {text-decoration:underline; }

.productImage { float:left; padding:0px 30px 40px 0px;}
.productImageSmall { float:left; padding:0px 10px 20px 0px; } /* PADDING RIGHT REMOVED 20px - check not being used elsewhere */
.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}
div.errormsg {background:#ff0000;color:#ffffff;text-align:center;width:500px;padding:6px 0; margin-bottom:10px;}
/*== HEADERS ==*/

h2 { font-size:200%; margin-bottom:30px;}
h3 { font-size:150%; margin-bottom:13px;}

/* H2 heneric style has been overridden by H2 calculator styles. Higher specificity H2 written to force normal display */
h2.marginBottom5 { font-size:200%;
	margin-bottom:10px;
	margin-left: 0px;
	height: 28px;
	position: relative;
	}


p { margin-bottom:13px; }
p.summary { font-weight:bold; font-size:130%; margin-bottom:30px;}
p.subtitle { font-weight:bold; font-size:130%; margin-bottom:10px;margin-top:20px;}
p.uppercase { text-transform:uppercase; font-weight:bold; }
.largeCopy { font-size:120%; }
p.marginTop30 { margin-top:30px; }
.shopCode { font-weight:bold; color:#aa7700; }

/*== 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-block; vertical-align:top;}
.mandatory {clear:both; padding-top:10px;}
.popup-terms {font-weight:bold;}
#frmMain fieldset ol.form2 {margin:0; padding:0 0 0 25px; float:left;}
#frmMain fieldset ol.form2 input {border: none;}
#frmMain fieldset ol.form2 li {list-style:none; margin:0; padding:0; width:180px;}
#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:0 0 4px 0;}
.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;}


/*== BREADCRUMB ==*/

ul#breadcrumb {  list-style-type: none; padding:8px 35px 8px 35px; width:876px; border-bottom:1px solid #dbbf9e; background:url(../images/bck_bread_gradient.gif) left top repeat-x; }
ul#breadcrumb li { display:inline; font-size:130%; font-weight:bold; }
.listSeperator { padding-bottom:3px; }
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; }
ul#breadcrumb li a:hover, ul#breadcrumb li a.active { color:#aa7700; }

/*== 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: 332px; top: 0; } 
li.pos { position:absolute; left: 443px; bottom: 0; }
li.accessories { position:absolute; left: 222px; 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;height:0;}
.padding5 { padding:10px 5px 0px 5px; }
.marginLeft40 { margin-left:40px; }
.curvedLink { background:url(../images/bck_curved_link.gif) 190px 156px no-repeat; }
.positionedCurvedLink { margin-top:138px; font-weight:bold;}
.positionedCurvedLink a, .positionedCurvedLink a:visited { color:#FFFFFF; text-decoration:none; }
.positionedCurvedLink a:hover {color:#fff; text-decoration: underline;}

td { font-weight:bold; }
address {font-style:normal; height: 0; line-height: 0;}

/*CALCULATOR STYLES
By: Mark Gerrard
Date: 2007-06-14*/
body#calculator #costsales {
	float: left;
	padding: 0 40px 8px 20px;
	width: 343px;
	background: url(../images/calculator/bg_box.gif) no-repeat left bottom;
}

body#calculator h2 {
	position: relative;
	margin: 0 -40px 0 -20px;
	width: 403px;
	height: 34px;
	font-size: 0.9em;
}

h2 {
	position: relative;
	margin:30px -40px 0pt 0px;
	width: 403px;
	font-size: 0.9em;
}

h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
}

h2#estimated span {
	background: url(../images/calculator/h2_estimated.gif) no-repeat 0 0;
}

h2#estimated {
	margin-top: 25px;
}

h2#costs span {
	background: url(../images/calculator/h2_costs.gif) no-repeat 0 0;
}

form p {
	clear: left;
	overflow: hidden;
	margin: 10px 0 10px 0;
}

form p label, form span.labelspan {
	float: left;
	width: 210px;
}


form p label span.note, form p.label span.note {
	display: block;
}

form p input {
	width: 100px;
	margin: 0 0 0 8px;
}

form span.radiowrap label {
	float: none;
	width: auto;
}

body#calculator form span.radiowrap input {
	width: auto;
	margin: 0;
}

form span.radiowrap input {
	margin:0pt 5px 3px;
	vertical-align:middle;
	width:auto;
}

form span.inputwrap input {
	margin: 0;
}

input#calculate {
	float: right;
	width: auto;
}

#profit {
	float: right;
	padding: 0 40px 15px 20px;
	width: 343px;
	background: url(../images/calculator/bg_box.gif) no-repeat left bottom;
}

#profit h2 span {
	background: url(../images/calculator/h2_profit.gif) no-repeat 0 0;
}

table#totals {
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 1em;
}

table#totals td {
	font-weight: normal;
	padding: 2px 0 2px 0;
}

td#profitpercone, td#profitmargin, td#soldmonthtotal, td#rsvtotal {
	width: 100px;
}

#total {
	margin: 10px 0 0 0;
	font-size: 22px;
	font-weight: bold;
}

#total span {
	margin: 0 0 0 120px;
}

#breakeven {
	float: right;
	clear: right;
	margin: 20px 0 0 0;
	padding: 0 10px 8px 20px;
	width: 373px;
	background: url(../images/calculator/bg_box.gif) no-repeat left bottom;
}

#breakeven p {
	margin: 16px 0 0 0;
}

#breakeven h2 span {
	background: url(../images/calculator/h2_break_even.gif) no-repeat 0 0;
}

#evenin {
	font-size: 16px;
	color: #996600;
	font-weight: bold;
}

#breakeven p.note {
	margin: 6px 0 0 0;
	font-size: 9px;
	color: #999;
}

form#selectfreezer {
	margin: 5px 0 0 0;
}

form#selectfreezer select {
	font-size: 1em;
	width: 150px;
	margin: 0 10px 0 10px;
}

form#selectfreezer input#go {
	position: relative;
	top: 4px;
}






.helpnumbers {width: 500px; float:left; display: inline;}

.action {width: 300px; float:left; display: inline;}
.telephone {width: 150px; float:left; display: inline;}



/* Sheggy
*/
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; }

#buttonReset {
	text-indent:-2700px;
	height:32px;
	width:103px;
	float: left;
	overflow:hidden;
	margin-right: 67px;
	outline:none;
	display:block;
	background:transparent url('../BOH/images/menubuilder/button_reset.gif') bottom left no-repeat;
}
#buttonReset { display: none; } /* initial state */

fieldset.hidden {margin:0; padding:0;}





/* Shegun Konibite
 Privacy.htm file */
 
 #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;  }
 
