/* CSS Document */
/**
 * -----------------------------------------------------------------------
 * @copyright Copyright (c) 2006 Fizz Design & Marketing Ltd
 * @author:   Keith Morrell <keef@fizzdesign.co.uk>
 * @DATE:     07 December 2006
 * @VERSION:  1.0
 * @desc      Bubble & Squeak Deli Template
 * -----------------------------------------------------------------------
 */



/**
 * page styles 
 */
 /* all */
body {margin:0 auto 0 auto;padding:0;background:#e0d9d9;}

/* body */


div#Container {
	width:888px;
	height:800px;
	display:block;
	padding:0;
	background: url('') center repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#containLeft {
	width:29px;
	height:800px;
	background:url("http://www.bubbleandsqueakdeli.co.uk/images/leftbg.jpg") no-repeat;float:left;}

div#containMid {
	width:823px;
	height:800px;
	background:url("http://www.bubbleandsqueakdeli.co.uk/images/midbg.jpg") no-repeat;display:block;float:left;}
	
div#containRight {
	width:36px;
	height:800px;
	float:right;
	background-image: url("http://www.bubbleandsqueakdeli.co.uk/images/rightbg.jpg") no-repeat;float:right;}

	


/*header*/

div#headContainer {width:823px;height:260px;display:block;}
div#headContainerLeft {width:134px;height:260px;float:left;}
div#headContainerRight {width:689px;height:260px;float:right;display:block;}
div#headcrTop {width:689px;height:35px;display:block;background:url(../images/topnav.jpg) no-repeat;}
div#headcrBot {width:689px;height:225px;}

/*page layout*/
div#bodyContainer {
	width:823px;
	height:500px;
}
div#bodyLeftbar {
	width:192px;
	display:block;
	float:left;
	height:500px;
}

div.bcleftNav a:link{width:134px;height:21px;display:block; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#848181;text-decoration:none;padding-left:15px;font-weight:bold;line-spacing:10px;line-height:20px;}
div.bcleftNav a:visited{width:134px;height:21px;display:block; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#848181;text-decoration:none;padding-left:15px;font-weight:bold;line-spacing:10px;line-height:20px;}
div.bcleftNav a:hover{width:134px;height:21px;display:block; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;text-decoration:none;background:url("http://www.bubbleandsqueakdeli.co.uk/images/overnavleft.jpg") no-repeat;padding-left:15px;font-weight:bold;line-spacing:10px;line-height:20px;}


div#bodyRightbar {
	width:631px;
	display:block;
	float:right;
	height:500px;
}
div#bodyRightbar h1{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
div#bodyRightbar h2{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;padding-left:40px;}
.bodyRightbartext{padding-left:45px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;text-align:justify;width:500px;}
div.bodyR{width:548px;display:block;margin-left:40px;}

div.bodyR h2{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
div.bodyR h3 a:link{display:block;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;}
div.bodyR h3 a:hover{display:block;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;}
div.bodyR h3 a:visited{display:block;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;}
div.bodyR p{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-align:justify;width:500px;}
div.bodyR p a:link{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;text-decoration:none;}
div.bodyR p a:visited{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;text-decoration:none;}
div.bodyR p a:hover{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;text-decoration:none;}
div.productNav a:link {padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;padding-left:40px;}
div.productNav a:active {padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;padding-left:40px;}
div.productNav a:visited {padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;padding-left:40px;}
div.productNav a:hover {padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333;padding-left:40px;}








/*content*/
div.contentbrBox {display:block;width:500px;height:143px;}
div.cbLeft {float:left;width:100px;height:143px;}
div.cbRight {float:right;width:400px;height:143px;text-align:left;}
div.cbRight p{padding-left:10px;display:block;text-align:justify;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;width:300px;}

/*links*/

div.links a:link{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:italic;text-decoration:none;}
div.links  a:active{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:italic;text-decoration:none;}
div.links a:visited{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:italic;text-decoration:none;}
div.links a:hover{color:000000; font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;font-style:italic;text-decoration:none;}



/*layout products page begin*/
div.productBoxescontain {width:540px;height:136px;margin-left:35px;margin-bottom:5px;display:block;}
div.productBoxesLeft {width:260px;height:136px;float:left;}
div.productBoxesRight {width:260px;height:136px;float:right;}
div.productBoxes {width:260px;height:148px;display:block;}
div.pboxLeft {width:140px;height:148px;float:left;background-color:#FFFFFF;text-align:center;}
div.pboxRight {width:120px;height:148px;float:right;background-color:#f7f9e4;}
div.pboxRight h1{padding-top:1px;padding-left:5px;margin-top:0px;margin-bottom:5px;width:100px;color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;}
div.pboxRight h1 a:link{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.pboxRight h1 a:visited{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.pboxRight h1 a:hover{color:yellow; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.pboxRight p{padding-left:5px;margin-top:0;width:100px;color:#643200;display:block; font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:left;}


div.productBox {width:509px;height:134px;display:block;margin-left:35px;margin-bottom:5px;}
div.productboxLeft {width:140px;height:134px;float:left;background-color:#FFFFFF;text-align:center;}
div.productboxRight {width:369px;height:134px;float:right;background-color:#f7f9e4;}
div.productboxRight h1{padding-top:5px;padding-left:5px;width:350px;color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;}
div.productboxRight h1 a:link{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.productboxRight h1 a:visited{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.productboxRight h1 a:hover{color:yellow; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:italic;text-decoration:none;}
div.productboxRight p{padding-left:5px;width:350px;color:#998e85; font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:justify;}















.producttext {color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.pgl a:link{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;}
.pgl a:active{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;}
.pgl a:visited{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;}
.pgl a:hover{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#998e85;font-weight:bold;}
.pgl2 a:link{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b5b5b3;font-weight:bold;text-decoration:none;}
.pgl2 a:active{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b5b5b3;font-weight:bold;text-decoration:none;}
.pgl2 a:visited{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b5b5b3;font-weight:bold;text-decoration:none;}
.pgl2 a:hover{padding-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;text-decoration:none;}

/*layout for smallertables products*/

div.productList {width:440px;height:20px;display:block;padding-left:40px;}
div.plLeft {width:340px;height:20px;float:left;color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:justify; font-weight:bold;}
div.plMid {width:50px;height:20px;float:left;color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div.plRight {width:50px;height:20px;float:right;}
.plText{width:340px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;padding-left:40px;}
div.productlText {padding-left:40px;width:300px;color:#333333; font-family:Arial, Helvetica, sans-serif;font-size:11px;display:block;padding-bottom:25px;}



/*footer*/
div#footContainer {
	width:823px;
	height:24px;
	display:block;
	position:relative;
	top:40px;
	margin-top:10px;

}
div.fcLeft {width:500px;height:24px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;}
div.fcLeft a:link{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;}
div.fcLeft a:active{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;}
div.fcLeft a:visited{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;}
div.fcLeft a:hover{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;}





div.fcRight {width:323px;height:37px;float:right;text-align:right;}
div.fcRight a:link{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;text-decoration:none;text-align:right;}
div.fcRight a:visited{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#998e85;font-weight:bold;text-decoration:none;text-align:right;}
div.fcRight a:hover{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;text-decoration:none;text-align:right;}
div.fcRight a:active{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;font-weight:bold;text-decoration:none;text-align:right;}

/*form*/

div.formBox {width:280px;display:block;}
div.formBox label{font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.form {color:#000000;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

/*flashbox*/

div.flashBox {width:660px;height:1120px;display:block;text-align:center;background-color:#f5f6d6;text-align:center;}
div.flashBox p{width:460px;color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:justify;text-align:center;}
div.flashBox p a:link{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:center;}
div.flashBox p a:visited{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:center;}
div.flashBox p a:hover{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;}
div.flashBox a:link{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none;text-align:center;}
div.flashBox a:visited{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none;text-align:center;}
div.flashBox a:hover{color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:center;font-weight:bold;}

div#pro_in{
	width: 190px;
	padding-bottom: 10px;
}



div.host{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-left: 0px;
	float:left;
	text-align: right;
}

div.host A{
	color: #333333;
	text-decoration: none;
}


div.host A:hover{
	color: #000000;
	text-decoration: underline;
}

.pro{width:888px;height:1200px;display:block;margin:0 auto 0 auto;padding:0;background: url('') center repeat-y; }
.pro{width:29px;height:1200px;background:url("http://www.bubbleandsqueakdeli.co.uk/images/leftbg.jpg") no-repeat;float:left;}
.pro{width:823px;height:1200px;background:url("http://www.bubbleandsqueakdeli.co.uk/images/midbg.jpg") no-repeat;display:block;float:left;}
.pro{width:36px;height:1200px;background:url("http://www.bubbleandsqueakdeli.co.uk/images/rightbg.jpg") no-repeat;float:right;}

div#bodyContainer .pro_2{width:823px;height:903px;}
div#bodyLeftbar .pro_2{width:192px;display:block;float:left;height:903px;}