/* Styles */

body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#333;
/*background-color: #bfb1c1;*/
 background-image:url(images/bg.jpg); 
background-repeat: repeat;
margin: 0; padding: 0;
}
table { 
border-collapse: collapse; 
border-spacing: 0;
}
.pagetitle {
font-size: 17px; 
margin-bottom: 15px; 
margin-top: 20px; 
font-weight:bold; 
color:#5d4b61; 
padding-left: 10px; 
padding-right: 10px;
}
.pagetitle a, a:visited  { color:#5d4b61; }
.pagetitle a:hover { color:#957868;}
.sidetitle {
color:#5d4b61;
font-size: 12px;
font-weight: bold;
padding-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
padding-bottom: 3px;
border-bottom: 1px solid #d9d1da;
}
.pagetext { 
background-image:url(images/txtrt.gif); 
background-repeat:repeat-y; 
margin-bottom: 10px; 
padding: 10px;
}
.pagetext a { color:#666666;}
.pagetext a:hover { color:#816885;}

.pagepadd {
	position:relative;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.inputbox{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#917058;
border: 1px solid #cccccc;
background-color:#ffffff;
padding-left: 3px;
background-image:url(images/inputrpt.gif);
background-repeat:repeat-x;
background-position:top;
height: 15px;
}
.textbox{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#917058;
border: 1px solid #cccccc;
background-color:#ffffff;
padding-left: 3px;
background-image:url(images/inputrpt.gif);
background-repeat:repeat-x;
background-position:top;
}

/* Header */
#header { 
width: 848px; 
height: 70px; 
position: relative; 
border-right: 1px solid #5d4b61; 
border-left: 1px solid #5d4b61; 
background-color: #ffffff;
}
#search { 
width: 840px; 
position: relative; 
background-color:#5d4b61; 
padding-left: 10px; 
line-height: 50px; 
vertical-align:middle; 
height: 50px;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
}
#logo {
padding: 0px;
margin: 0px;
background:#ffffff;
float: left;
height: 70px;
}
.hdrimage { 
width: 490px; 
height: 180px; 
float:left; 
background:#B78AAB; 
text-align:left;
}
.menu { 
width: 360px; 
height: 180px; 
float:left; 
background:#816885; 
text-align:left; 
background-image:url(images/menucurve.gif); 
background-repeat:no-repeat; 
background-position:bottom;
}

#contact { float:right; position:relative; top:0; right:0; margin-right:22px; }
#contact a { color:#FFF; }
#contact a:hover { color:#b78aab; }

/* Menu */


/* Body */
#container {
	width: 850px;
	position: relative;
	background:#B78AAB;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 304px;
}
#prodtext {
height: 70px;
float:left;
padding: 3px;
text-align: left;
}
.content {
width:585px; 
margin-bottom: 10px; 
margin-top: 5px; 
background-color:#d9d1da; 
background-image:url(http://www.theoakloft.co.uk/images/contentbtm.gif); 
background-position:bottom; 
background-repeat:no-repeat;
padding-right: 10px; 
padding-bottom: 10px;
}
#vertbg { background-image: url(http://www.theoakloft.co.uk/images/vertbg.jpg); background-repeat:repeat-x; background-position:top; }

.sidebar {
	background-color:#FFFFFF;
	width:5px;
}
.divider{
	width:250px;
}
.rightboxtop { 
height: 300px;
margin-bottom: 5px;
background-image:url(images/sidebgtop.gif);
background-repeat:no-repeat;
padding-right: 10px;
}
.rightboxtop a { color: #FFF; text-decoration:none; }
.rightboxtop a:hover { color:#5f3866; text-decoration:none; }
.rightboxbottom { 
height: 300px;
margin-bottom: 5px;
background-image:url(images/sidebgbottom.gif);
background-repeat:no-repeat;
padding-right: 10px;
}
.rightboxlight { 
height: 300px;
margin-bottom: 5px;
background-image:url(images/sidebgtoplight.gif);
background-repeat:no-repeat;
padding-right: 10px;
}
.pageno a:link {text-decoration: none; color: #8d6e5d; font-family: arial; font-size: 12px; font-weight:bold;}
.pageno a:visited {text-decoration: none; color: #8d6e5d; font-family: arial; font-size: 12px; font-weight:bold;}
.pageno a:active {text-decoration: none; color: #8d6e5d; font-family: arial; font-size: 12px; font-weight:bold;}
.pageno a:hover {text-decoration: none; color: #333333; font-family: arial; font-size: 12px; font-weight:bold;}

.prodbox { 
height: 288px;
width: 171px;
padding-left: 3px;
padding-right: 3px;
padding-top: 13px;
background-image: url(images/prodbg.gif);
background-repeat:no-repeat;
text-align: center;
}
.prodtitle{ 
color: #957868;
font-size:11px;
font-weight: bold;
text-align: left;
}
#prodtitle{ 
padding: 3px;
}

/* Footer */
#footer {
margin-top: 5px;
padding: 5px; 
vertical-align: middle; 
font-size: 11px; 
border-top: 1px #5d4b61 solid; 
background-image: url(images/footerrpt.jpg); 
background-position:top; 
background-repeat:repeat-x;
}
#footer a, #footer :visited { 
color: #333; 
text-decoration:none; 
}
#footer :hover { 
color: #fff; 
text-decoration:underline;
}
#piccontainer { 
background: #ffffff; 
padding: 5px; 
width: 150px; 
float:right; 
} 
  h1#oakloft span { display: none; }
  h1#oakloft {
    height: 39px; /* height of the replacement image */
	width: 217px;
     background-image: url(http://www.theoakloft.co.uk/images/the_oak_loft.gif);
    background-repeat: no-repeat;
	float: left;
	margin: 15px 0 0 15px;
	border: 0px;
}
  h1#voucher span { display: none; }
  h1#voucher {
    height: 70px; /* height of the replacement image */
	width: 250px;
     background-image: url(http://www.theoakloft.co.uk/images/purchase_vouchers.gif);
    background-repeat: no-repeat;
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: pointer; position:absolute; right:0px;
}
div.MPHWhiteBandSmallRight			{
		position:absolute;
		left:100%;
		top:0px;
		overflow:visible;
		height:163px;
		width:163px;
		background-image:url(http://www.theoakloft.co.uk/images/voucher_band.gif);
		background-repeat:no-repeat;
		background-position:-200px -200px;
		background-color:transparent;
		margin:0 0 0 -163px;
		padding:0;
		color:#000;
		font-family:helvetica,verdana,arial,tahoma,sans-serif;
		z-index:1000000000;
		border:none;
		float:none;
			}
#search img, .right { float: right;}