﻿/* NOTES FOR NEW STYLES
This template forms the base of the CSS layouts 
to position the main content first, then 
prioritise the rest of the content in the 
correct positions on the page for SEO.
*/



* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
body {
	color: #000;
	position:relative;/* for ie7*/
	text-align:left;
	padding:0;margin:0;
}
#wrapper {
    width:905px;
    margin:0 auto;
    background-color: #ede5d8;
	border: #FFFFFF solid 2px;
	position:relative;
	z-index:2;
	}
#outer{
	min-height:100%;
	margin:0 0 0 166px;
	color: #000;
	z-index: 2;
}
#outernocol{
	min-height:100%;
	margin:0 0 0 8px;
	color: #000;
	z-index: 2;
}

.outerwrap {
	float: left;	
	width: 100%;
	padding-top:123px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
a img {border:none;}
form {padding:0;margin:0;}


* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	width:905px;
	margin:0 auto;
	height:115px;
	z-index:1;
	left:0;
}

#topmenu 
{
    position:absolute;
    top:10px;
    margin:0 auto;
    font-family:Verdana, Tahoma, Arial;
    font-size:0.7em;
    font-weight:bold;
    text-align:center;
    width:585px;
	margin:0 auto 0 200px;
	background-color:#ccc;
    }
#topmenu a {
    color:#000;
    margin-right:10px;
    }
#topmenu ul li {
	display: inline;
	list-style:none;
}    
#main {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:25px;/* clear footer*/
    margin-left:-1px;
    text-align:left;
}
#main #centercol {    
    width:723px; 
    margin:0;
    padding:0;
    font-family:Verdana, Tahoma, Arial;
    color:#858585;
    background:#fff url(/sitecollectionimages/core/bg/mainbg.gif) top left;
    border:4px solid #778E1D;
    }
#main #centercolnocol {    
    width:881px; 
    margin:0;
    padding:0;
    font-family:Verdana, Tahoma, Arial;
    color:#858585;
    background:#fff url(/SiteCollectionImages/Core/bg/mainbgnocol.gif) top left;
    border:4px solid #778E1D;
    }
    
#main #centercolnocol .lcontent {    
    width:667px; /*687px minus left & right padding*/
    float:left;
    padding:10px;
    }
    
#main #centercolnocol .rcontent {    
    width:193px; 
    float:left;
    margin-left:1px;
    }
#main #centercol .lcontent {    
    width:509px; /*529px minus left & right padding*/
    float:left;
    padding:10px;
    }
#main #centercol .rcontent {    
    width:193px; 
    float:left;
    margin-left:1px;
    }
#nav {
	position:relative;/*ie needs this to show float */
	width:156px;
	float:left;
	margin-left:-155px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-1px;
	margin-bottom:52px;        /*clear footer*/
    border:none;
}
#lefttilezone
{
	position:relative;/*ie needs this to show float */
	width:156px;
	float:left;
	margin-left:-155px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-1px;
	margin-bottom:52px;        /*clear footer*/
    border:none;
}
#socialMediaHome {
    float: left;
    height: 20px;
    margin-left: 10px;
    position: relative;
    top: 6px;
    width: 110px;
}
#socialMediaHome a{
	float: left;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
}
#socialMediaHome a img {
	border:0;
}

#socialMediaCont {
	background:transparent url(/sitecollectionimages/kiwiex/follow-bg.png) no-repeat scroll left top; 
	position:relative; 
	float:left; 
	margin-left:-29px; 
	width:185px; 
	height:115px; 
	top:0px;
	padding:15px 0 0 7px;
}
#socialMediaCont a {
	position:relative; 
	padding: 0 0 7px 0px;
	float:left; 
	margin:0px;
}
#socialMediaCont a img {
	border:0;
}

#right {
	position:relative;/*ie needs this to show float */
	width:193px;
	float:right;
	margin-top:162px;
	margin-right:-192px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:0;/* to clear header*/
	left:1px;
	padding-bottom:52px;/* clear footer*/
}
 
#footer {
	width:905px;
	clear:both;
	height:40px;
	text-align:center;
	position:relative;
	margin-top:-10px;/*drag footer from below the fold*/
	z-index: 999;
	background-position: 7px 0;
	padding:0;
	top:0;
	float:left;
}

#footer a {
	padding:0 5px;
    color:#fff;
    font-weight:normal;
    font-size:1em;
    line-height:34px;
    border:0;
}

.footerQualmark{
	float:right;
	width:100px;
	height:58px;
	margin:-67px 12px 0 0;
}

#footer #copyright {
    float:right;
    margin:20px 20px 0 0;
    font-size:0.8em;
    }
#footer ul{
	text-align:center;
	margin:0 auto;
}
#footer p, #footer li {
    margin:0 .2em;
    text-align:left;
    border:0;
    float:none;
    display:inline;
    font-size:.9em;
    }
#footerSEO {
	width:907px;
	clear:both;
	height:18px;
	margin-left:-2px;
	text-align:center;
	position:relative;
	z-index: 999;
	padding:0;
}
#footerSEO a {
	padding:0 .5em;
    font-weight:normal;
    color:#778e1d;
    border:0;
    font-size:.9em;
    line-height:14px;
    border-left:1px solid #778e1d;
}
#footerSEO li:first-child a{
	border-left:0;
}
#footerSEO ul{
	text-align:center;
	margin:0 auto;
}
#footerSEO ul li {
    padding:0;
    text-align:left;
    border:0;
    float:none;
    display:inline;
    font-size:.9em;
}
p.spacer {display:block;height:10px;width:300px;}
    
p.expand a{font-size:0.9em;color:red;} /* can be removed - example only to show columns pushing footer down*/
p.expand a:hover{display:block;height:300px;background:red;font-size:0.9em;} /* can be removed - example only to show columns pushing footer down*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
.clearall {
    clear:both;
    display:block;
    position:relative;
    width:99%;
    height:1px;
    }

/* Page Printing */
#printLogo {
	display:none;
}

#printWebSite {
	display:none;	
}
#icons {
    position:absolute;
	top:205px;
	width:200px;
	margin:0 0 0 640px;
	height:108px;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	height:20px;
	float:right;
	z-index:900;
	}
/* End Page Printing */
#MSOZoneCell_WebPartWPQ4 table
{
	margin-top:0px;
}
/* Used to hide the Powered By: message on the LivePerson Chat buttons */
.lpPoweredBy {
display:none;
}

