/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
body, html, h1, h2, h3, h4, h5, h6, h7, form, ul, li, ol, p, img, a, fieldset, label{
	padding:0px;
	margin:0px;
}

* {
	margin: 0;
	padding: 0;
}

body, html{
	height:100%;
}

body {
	background: #fff url(../images/bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
}

body.home,
body.pure-new-zealand-honey {
	background: #fff url(../images/home_bg.jpg) repeat-x;
}

body.Search {
	background: #fff url(../images/bg.png) repeat-x;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clearing{
	clear:both;
	line-height:0;
	font-size:0;
	height:0px;
}

a img{
	border:0 none;
}

ul{
	list-style:none;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

a{
	text-decoration:none;
	color:#e07726;
}

a:hover{
	color:#000000;
}

.padTop{
	padding-top:20px!important;
}

/* CONTAINER
----------------------------------------- */
#Container {
	position:relative;
	width:860px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

#ContainerFooter { 
	width:860px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

#Content{
	padding:0px 0px 0px 0px;
}

.oneCol{
	float:left;
	width:330px;
}

.oneColBig{
	float:left;
	width:380px;
}

.smallCol{
	float:left;
	width:370px;
}

.oneColRight{
	float:right;
	width:130px;
}

.noPaddingBottom{
	padding-bottom:0px!important;
}

/* HEADER */

#PrintHeader{
	display:none;
}

#Header{
	position:relative;
	height:120px;
	z-index:100;
}

#Header .menuSearchItem{
	position:absolute;
	top:18px;
	right:20px;
}

#Header #Logo{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:90px;
	height:95px;
	border:5px #FFFFFF solid;
	border-top:0 none;
	background-color:#231f20;
}

/* MAIN MENU */

#Header #MainNav{
	position:absolute;
	top:19px;
	left:110px;
}

#Header #MainNav li{
	float:left;
	padding:0px 10px 0px 10px;
}

#Header #MainNav li a{
	float:left;
	font-size:15px;
	line-height:20px;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
}

#Header #MainNav li a.current,
#Header #MainNav li a.section{
	color:#fceab1;
	border-bottom:2px #fceab1 solid;
}

#Header #MainNav li a:hover,
#Header #MainNav li a.section{
	color:#fceab1;
}

/* HEADER SEARCH FORM */
#Header form{
	float:right;
	background:url(../images/search_icon.png) no-repeat right;
	width:140px;
	height:25px;
	line-height:25px;
	padding:16px 0px;
}

#Header form div{
	float:left;
}

#Header form legend{
	display:none;
	line-height:0px;
	height:0px;
}

#Header form input.text{
	background-color:transparent;
	border:1px #4c3d36 solid;
	float:left;
	height:20px;
	width:100px;
	padding:5px 2px 0px 7px;
	color:#999999;
	font-size:.8em;
}

#Header form input.action{
	width:25px;
	height:25px;
	border:0px;
	background-color:transparent;
	float:left;
	cursor:pointer;
}

#Header form .middleColumn{
	background-color:transparent;
	padding:0px;
	margin:0px;
	border:0 none;
	float:none;
	display:block;
	width:115px;
}



/* SUB NAV */

#Header #SubNav{
	position:absolute;
	top:68px;
	left:110px;
}

#Header #SubNav li{
	float:left;
	padding:0px 10px 0px 10px;
}

#Header #SubNav li a{
	font-size:15px;
	font-weight:bold;
}

#Header #SubNav li a:hover{
}

#Header #SubNav li a.current{
	color:#333333;
}

/* COLS */
.typography{
	clear:both;
	padding:25px 0px 0px 0px;
}

#MainCol{
	width:570px;
	float:left;
	padding-bottom:40px;
	padding-left:1px;
	padding-top:0px;
}

#RightCol{
	float:right;
	width:260px;
}

/* RIGHT COL */

#RightCol ul{
	padding:0px;
	margin:0px;
	
}

#RightCol ul li{
	border-bottom:1px solid #E8E8E8;
	list-style:none;
	padding:0px;
	margin:0px;
}

/* BANNER */

.homeContent{
	padding:0px;
}



.homeContent .mainBody{
	padding-top:280px;
	padding-right:30px;
	font-size:14px;
}

.homeBottomPanels{
	padding:10px 0px 40px 0px;
}

.homeBottomPanels h2{
	text-transform:uppercase;
}

.homePanelOne,
.homePanelTwo,
.homePanelThree,
.homePanelFour{
	float:left;
	display: inline;
}

.homePanelTwo .inner,
.homePanelThree .inner,
.homePanelFour .inner{
	padding:15px 10px 0px 15px;
}

.homePanelOne{
	width:180px;
	padding-right:10px;
	height:195px;
	position:relative;
}

.homePanelOne .headingReadMore{
	position:absolute;
	bottom:0px;
}

.homePanelTwo .headingReadMore,
.homePanelThree .headingReadMore,
.homePanelFour .headingReadMore{
	font-size:11px;
	display:inline-block;
	padding-left:10px;
	margin-left:0px;
	background:url(../images/end_arrows.png) no-repeat 0px 7px;
}

.homePanelTwo,
.homePanelThree,
.homePanelFour{
	width:203px;
	margin:0px 10px 0px 10px;
	background-color:#f7f4df;
}

.homePanelOne h2 a{
	color:#333333;
}

/* banner */

#Banner{
	clear:both;
	padding:0px;
	border:6px solid #f0e4be;
	border-top:0 none;
	width:900px;
	height:350px;
	background-color:#000;
	position:absolute;
	z-index:1;
	top:55px;
	left:-30px;
}

.bannerImg{
	position:absolute;
	top:0px;
	left:0px;
}

#hi2,
#hi3,
#hi4,
#hi5,
#hi6,
#hi7{
	display:none;
}

/* Service List */
#RightCol h2{
	background:url(../images/side_menu_head_bg.png) no-repeat;
	margin:0px 0px 10px 0px;
	padding:10px 0px 10px 12px;
	cursor:pointer;
	line-height:20px;
}

#RightCol h2:hover{

}

#RightCol h2 a{
	color:#4a3c28;
}

#RightCol h2 a:hover{
	color:#000000;
}

#RightCol li.sideListHeading a{
	padding:0px 0px 0px 0px;
}

#RightCol #ServiceMenu{
	padding-bottom:40px;
}

#RightCol #ServiceMenu li img{
	vertical-align:middle;
}

#RightCol #ServiceMenu li{
	line-height:20px;
	padding:9px 0px 10px 0px;
}

#RightCol #ServiceMenu li .image{
	text-align:center;
	width:50px;
	display:inline-block;
	height:30px;
}

#RightCol #ServiceMenu li a{
	font-size:18px;
	font-weight:bold;
	color:#e07726;
}

#RightCol #ServiceMenu li a:hover{
	color:#333333;
}

#RightCol #ServiceMenu li a.current{
	color:#333333;
}


#RightCol #LatestNews li.newsItem a{
	padding-left:10px;
	font-size:12px;
	color:#575757;
	display:block;
}

#RightCol #LatestNews li{
	padding:9px 0px 10px 0px;
}

#RightCol #LatestNews li.newsItem a:hover{
	color:#000!important;
}

/* NEWS */

#NewsList{
	padding:20px 0px;
	margin:0px;
}

#NewsList li ul{
	float:left;
	border-bottom:1px solid #E8E8E8;
	padding-top:0px;
	margin:0px;
	margin-bottom:19px;
}



#NewsList li{
	padding:0px;
	margin:0px;
	list-style:none;
}

#NewsList li ul li{
	list-style:none;
}

#NewsList .newsDateTitle,
#NewsList .newsSummery{
	float:left;
}

#NewsList .newsDateTitle{
	width:100px;
}

#NewsList .newsSummery{
	width:470px;
}

/* PRODUCTS PAGE */

.product{
	clear:both;
	position:relative;
}

.product .productLeft{
	float:left;
	width:130px;
	margin-left:-10px;
}

.product .productRight{
	float:left;
	width:420px;
}

.product a.readMore{
	background-position:8px 6px; 
	padding:0px 0px 0px 20px;
}

* html .product a.readMore{
	background-position:8px 3px; 
	padding:0px 0px 0px 25px;
} 

a.headingReadMore{

}

.product p{
	clear:both;
}

/* PAGING */

.paging{
	clear:both;
	border-bottom:1px solid #E8E8E8;
	padding-bottom:17px;
}

.bottomPaging{
	margin-top:-20px;
}

.articlePaging{
	padding-bottom:4px;
	margin-bottom:15px;
}

.paging .inner{
	padding:0px 0px 0px 0px;
}

.articlePaging .inner{
	padding-top:9px;
}

.paging .inner .right{
	float:right;
}

.paging .inner .left{
	float:left;
}

.paging .next{
	float:right;
}

.paging .prev{
	float:left;
}

.paging .inner .right .next,
.paging .inner .right .prev{
	float:none;
}

.paging .inner .right .next{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	margin-left:9px;
}

.paging .pageResults{
	float:left;
}

.paging .PageNumbers{
	overflow:visible;
}

	.paging .PageNumbers .pageResults{
		padding-right:10px;
		padding-top:2px;
	}
	
	.paging .PageNumbers a,
	.paging .PageNumbers .current{
		float:left;
		border:1px solid #ccc;
		padding:2px 5px 2px 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		line-height:15px;
		margin-left:4px;
	}
	
	.paging .PageNumbers .current{
		font-weight:bold;
	}

/* TESTIMONIALS */

#testimonials{
	padding-top:30px;
	background:url(../images/260_shadow.png) no-repeat;
}

/* SEARCH RESULTS */

#SearchResults{
	padding-bottom:20px;
	margin:0px;
}

#SearchResults li{
	border-bottom:1px solid #E8E8E8;
	padding:20px 0px 20px 0px;
	list-style:none;
	margin:0px;
}

#SearchResults .searchURL{
	font-size:.8em;
	margin-bottom:0px;
	color:#ccc;
}

/* SITE MAP */

#sitemap-list a{
	text-decoration:underline;
}

#sitemap-list li{
	line-height:25px;
}

#sitemap-list li ul{
	margin-bottom:0px;
}

/* CONTACT */

.contactDetails{
	padding-left:15px;
	padding-bottom:20px;
}

.contactDetails p{
	margin-bottom:0px;
}

.contactDetails p .detailsBold{
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif, "Palatino Linotype";
	font-style:italic;
	color:#999999;
	font-size:11px;
}

.map{
	border:4px #E6E1D9 solid;
	margin-bottom:8px;
}

/* SiteMap */

.typography .sitemaplist li{
	margin:0px;
	list-style:none;
}

.typography .sitemaplist li ul{
	padding-left:10px;
}

.typography .sitemaplist li ul li a{
	color:#333333;
}

.typography .sitemaplist li ul li a:hover{
	color:#e07726;
}

/* FOOTER */

#footer{
	clear:both;
	background:url(../images/footer_bg.png) repeat-x;
	padding:20px 0px 30px 0px;
	margin:20px 0px 0px 0px;
}

#footer #BottomNav{
	padding-bottom:20px;
	border-top:#e6e1d9 1px solid;
	width:280px;
}

#footer #BottomNav li{
	list-style:none;
	list-style-position:outside;
	background:url(../images/end_arrow.png) no-repeat 14px 8px;
	padding:2px 0px 3px 25px;
	margin:0px;
	border-bottom:#e6e1d9 1px solid;
}

#footer #BottomNav li a span:hover{
	color:#FF6600;
}

#footer #BottomNav li a.current span,
#footer #BottomNav li a.section span{
	color:#CC6600;
}

#footer #BottomLatestNews{
	border-bottom:1px solid #E6E1D9;
}

#footer #BottomLatestNews li{
	list-style:none;
	list-style-position:outside;
	padding:7px 0px 9px 0px;
	margin:0px;
	font-size:12px;
	line-height:15px;
	border-top:1px #E6E1D9 solid;
}

#footer #BottomLatestNews li a{
	line-height:15px;
	color:#333333;
}

#footer #BottomLatestNews li a:hover {
	color:#FF6600;
}

#footer h2{
	font-size:16px;
}

#footer .oneColRight h2{
	text-transform:uppercase;
}

#footer .oneColRight p a{
	color:#333333;
}


#footer .oneColRight img{
	padding:0px 10px 0px 0px;
}

#footer .copywrite{
	border-top:1px #E6E1D9 solid;
	padding:20px 0px;
}

#footer .copywrite .floatRight,
#footer .copywrite .floatLeft{
	font-size:10px;
}

#footer .oneColRight .floatRight p,
#footer .oneColRight .floatLeft p{
	
}

/* FOOTER SEARCH FORM */

#PrintFooter{
	display:none;
}

#footer form{
	float:left;
	clear:both;
	background:url(../images/website_template_14.png) no-repeat right;
	width:140px;
	height:25px;
	line-height:25px;
	padding:16px 0px;
}

#footer form div{
	float:left;
}

#footer form legend{
	display:none;
	line-height:0px;
	height:0px;
}

#footer form input.text{
	background-color:transparent;
	border:1px #4c3d36 solid;
	float:left;
	height:20px;
	width:100px;
	padding:5px 2px 0px 7px;
	color:#999999;
	font-size:.8em;
}

#footer form input.action{
	width:25px;
	height:25px;
	border:0px;
	background-color:transparent;
	float:left;
	cursor:pointer;
}

#footer form .middleColumn{
	background-color:transparent;
	padding:0px;
	margin:0px;
	border:0 none;
	float:none;
	display:block;
	width:115px;
}

#footer .oneColRight img{
	float:right;
	padding:13px 0px 0px 0px;
}

#footer .oneColRight p{
	margin-bottom:20px;
	border-top:#e6e1d9 1px solid;
	border-bottom:#e6e1d9 1px solid;
	padding-top:18px;
	padding-bottom:30px;
}

#testimonials{
	text-align:right;
	padding:40px 0px 0px 0px;
}

/* Side Logo */