/* De Dietrich DIV layout style */
/* page elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #121212;
}
/* DIVs */
/* functional stuff */
.floatEnder {
	clear: both;
}
/* layout DIVs */
.container {
	margin: 0px auto;
	width: 980px;
}
/* header area */
.headerArea {
	width: 980px;
}
.headerTools {
	float: left;
	width: 695px;
}
.htContent {
	padding: 26px 0px 0px 23px;
}
.htContent #subNav {
	float: left;
	padding-top: 1px;
}
.htContent #search {
	float: left;
	padding: 0px 5px;
}
.htContent #go {
	float: left;
}
.htContent #advanced {
	float: left;
	font-size: 0.8em;
	padding: 3px 0px 0px 5px;
}
.headerLogo {
	float: right;
	width: 285px;
}
/* body area */
.bodyArea {
	width: 980px;
	min-height: 418px;
	background: #4a4944 url(../images/im-body-bkg-tile.gif) repeat-x;
}
.bodyAreaSub {
	width: 980px;
	min-height: 418px;
	background: #f4f4f4 url(../images/im-body-bkg-tile-white.gif) repeat-x;
}
.bodyProduct {
	width: 980px;
}
.productsHeader {
	height: 58px;
}
.phLeft {
	float: left;
}
.phRight {
	float: right;
}
.phrNavArea {
	margin-top: 29px;
	background: #45433e;
	padding: 7px 9px;
}
.bpLeftArea, .bpRightArea {
	float: left;
	width: 286px;
}
.bpCentralArea {
	float: left;
	width: 408px;
}
.bpContent {

}
.bpContent#bpLeft {
	padding: 22px 0px 25px 23px;
}
.bpContent#bpRight {
	padding: 25px 23px 25px 0px;
}
.pdIcon {
	float: left;
	width: 27px;
	margin: 0px 6px 7px 0px;
}
.bpSubIconArea {
	text-align: center;
}
.bpColours {
	float: left;
	margin-left: 10px;
}
.bpXsell {
	float: left;
	width: 87px;
}
.productButton {
	float: left;
	margin: 0px 1px 1px 0px;
}
.subArea {
	padding: 22px;
}
.nextPreviousArea {
	width: 255px;
	margin: 0px auto;
	padding: 10px 0px 20px 0px;
}
.nextArea {
	float: right;	
}
.previousArea {
	float: left;	
}
/* navigation area */
.navArea {
	margin: 0px auto;
	width: 721px;
	background: url(../images/im-nav-bkg-tile.gif) repeat-x;
	height: 44px;
}
.menuPop {
	width: 247px;
	background: #000;
}
.mpContent {
	padding: 0px 6px 6px 6px;
}
.mpDivider {
	clear: both;
	background: url(../images/im-mp-divider.gif) repeat-x;
}
.mpNavLeft {
	float: left;
	width: 90px;
	padding-top: 6px;
}
.mpNavRight {
	float: left;
	width: 145px;
	padding-top: 7px;
}
/* breadcrumb area */
.bcArea {
	padding: 0px 23px 9px 23px;
}
/* footer DIVS */
.footerWrapper {
	background: url(../images/im-ft-bkg-tile.gif) repeat-x;
}
.footerArea, .siteMapArea {
	margin: 0px auto;
	width: 980px;
}
.ftContent {
	padding: 10px 0px;
}
.smContent {
	padding: 100px 0px 20px 0px;
}
.smFloat {
	float: left;
	width: 153px;
	margin-right: 12px;
}
.smFloat#no-margin {
	margin-right: 0px;
}
/* MooTools Accordion CSS */
h3.toggler {
	padding: 3px 0px 3px 12px;
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #cecece;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer; 
	cursor: hand;
}
h4.toggler {
	padding: 5px 8px;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	color: #121212;
	background: #adadad url(../images/im-recipes-title-bkg.gif) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer; 
	cursor: hand;
}
.element {
	margin-bottom: 5px;
}
.element2 {
	margin-bottom: 10px;
}
.accordionPadded {
	padding: 8px 0px;
}
.accordionPadded2 {
	padding: 8px;
	background: url(../images/im-recipes-bkg.gif) no-repeat bottom;
}
blockquote {
	text-style: italic;
	padding: 5px 0 5px 30px;
}
#accordion {
	padding-top: 15px;
}
#accordion2 {
	padding-top: 0px;
}
/* MooTools ToolTip CSS*/
.tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #cecece;
	padding: 8px 8px 4px;
	background: url(../images/im-pd-bubble.png) top left;
}
.tip-text {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 8px 8px;
	background: url(../images/im-pd-bubble.png) bottom right;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.partnerDetails {
	float: left;
	width: 230px;
	margin-right: 5px;
}
.partnerShowroom {
	float: left;
	width: 205px;
	margin: 26px 5px 0px 0px;
}
.partnerImage {
	float: right;
	width: 135px;
	margin: 20px 20px 0px 0px;
}
