/* main style sheet */

/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:none; outline:none;  }
:focus { outline:0; }
a:active { outline:none; }
table { border-collapse:collapse;  }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
input[type=radio], input[type=checkbox] {
	border: none;
	background: none;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	margin:0; 
	padding:0;
	display: block;
}

/*
#box {
	border-radius:  6px;
	-moz-border-radius:  6px;
	-webkit-border-radius: 6px;

	box-shadow:2px 4px 9px #999;
	-webkit-box-shadow:2px 4px 9px #999;
	-moz-box-shadow: 2px 4px 9px #999;

	text-shadow:2px 4px 9px #999;
	-webkit-text-shadow:2px 4px 9px #999;
	-moz-text-shadow: 2px 4px 9px #999;
	
	position: relative;
    behavior: url(PIE.htc);
}
#thumbnail-box a.tn:hover {
  opacity: 0.5;
  MozOpacity: 0.5;
  KhtmlOpacity: 0.5;
  filter: alpha(opacity=50);
  border: 2px solid #ff0000;
}

#thumbnail-box a.selected-tn {
  opacity: 0.7;
  MozOpacity: 0.7;
  KhtmlOpacity: 0.7;
  filter: alpha(opacity=70);
  border: 2px solid #ff0000;
}

*/

@media screen {
.thumb-print-full 
{
    display: none;
}
.productmanulogoprint
{
    display: none;
}
.show-print-only
{
    display: none;
}
}

/* header */
header#main-header {
	width: 980px;
        height:135px;
        margin:auto;
        position: relative;
        display: block;
}

#searchcart-wrapper {
    background:#144e8c;
    height:90px;
    width: 1000px;
    margin: auto;
    padding-top:10px;
    overflow: hidden;
}

#searchcart-wrapper-liquid {
    background:#144e8c;
    height:90px;
    width: 100%;
    margin: auto;
    padding-top:10px;
    overflow: hidden;
}

#searchcart-box{
    width:990px;
    margin:auto;
    
}

#enquire-box 
{
   color: #fff;
   width:180px;
   float: right;               
}

#enquire-box a.cart-btn{
    width:180px;
    float:right;
    color:#ffffff;
    font-size:1.5em;
    text-decoration: none;
    background:url(cart.png) no-repeat right center;
    margin-bottom: 5px;
}

#searchcart-box #search-box{
    float:right;
    height:25px;
    width:245px;
/*    margin-bottom: 30px; */
}

#searchcart-box #search-box input#search{
    border:none;
    height:19px;
    width:150px;
}

#search-box label{
    color: #ffffff;
    font-weight: bold;
    font-size:1.3em;
    width: 60px;
}

#submit-btn{
    background:url(submit-btn.gif) no-repeat;
    border:none;
    width:23px;
    height:21px;
    cursor: pointer;
    display:block;
    float:right;
}


#search-enquire {
    width: 250px;
    float: right;
}

#big-menu-buttons {
    width: 715px;
    height: 80px;
    float: left;
}

.big-menu-btn {
    height: 80px;
    width: 139px;
    text-align: center;
    overflow: hidden;
    background-image: url(menu-on.png);
    float: left;
}

a.big-menu-btn:link {
    background-image: url(menu-on.png);
    display: inline-block;
    height: 80px;
    text-decoration: none;
    width: 99px;
    padding: 0 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    top: 0;
}

a.big-menu-btn:visited {
    display: inline-block;
    height: 80px;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

a.big-menu-btn:hover {
    background-image: url(menu-hover.png);
    display: inline-block;
    height: 80px;
    background-color: black;
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

#logo{
    display:inline-block;
    height:110px;
    margin-top:18px;
    margin-right:10px;
    float:left;
}

#kiwi-owned{
    position:absolute;
    right:0;
    bottom:40px;
}

.hot-deals {
    width: 160px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
/* end of header 
**********************/


/* content */

#content {
   width:980px;
   margin:auto;
   /*min-width: 980px;*/
   overflow: hidden;
   background-color: #fff;
   padding: 20px 10px 0 10px;
}

#content-wide{
    width:100%;
    min-width:1040px;
    overflow:hidden;
    position: relative;
}

#main{
    color:#494a56;
}

#main-narrow{
    width:900px;
    overflow:hidden;
    margin: auto;
/*    margin: 0 200px;*/
}

#main-wide{
    max-width:8800px;
    min-width: 560px;
    overflow:hidden;
/*    margin: 0 200px;*/
}


#main-wide-db{
    max-width:980px;
    min-width: 560px;
    overflow:hidden;
/*    margin: 0 200px;*/
}

.db-info-panel 
{
 width :750px;
 float: right;   
}

#sidenav{
    width:15%;
    height: 10px;
    float:left;
    margin-right:20px;
    display: block;
}

#sidenav2{
    width:20%;
    float:left;
    margin-left:0px;
    margin-right:20px;
    display: block;
}

#menu{
	list-style:none;
}

#menu .menu-item {
	font-size:14px;
	text-transform:capitalize;
	margin-bottom:3px;
	border-bottom:1px #FFF solid;
        background:#666874;
}
#menu .menu-item a.menu-link {
	color:#fff;   /* colour changable */
	display: block;
	padding: 10px 0 10px 0px;
	text-decoration:none;

}

/*#menu .menu-item a.menu-link:hover {
	background: #464444;
	color:#fff;
}*/

#menu .menu-item .submenu {
	list-style:none;

}
#menu .menu-item .submenu li a {
	text-decoration:none;
	background: #fff;
	display: block;
	padding: 8px 20px 8px 0px;
	text-align:left;
	border-bottom:1px #666666 solid;
	color:#999;
	_margin-bottom: -16px;

}
#menu .menu-item .submenu li a:hover {
	background: #cccccc;
	color:#000000;
}

#menu .menu-item a.sidenav1{
   background:url(sidenav1.gif) no-repeat;
   padding-left:85px;
}
#menu .menu-item a.sidenav1:hover, #menu .menu-item a.sidenav1:active{
   background:url(sidenav1-hover.gif) no-repeat;
   color:#ffffff;
}
#menu .menu-item a.sidenav2{
   background:url(sidenav2.gif) no-repeat;
   padding-left: 30px;
}
#menu .menu-item a.sidenav2:hover, #menu .menu-item a.sidenav2:active{
   background:url(sidenav2-hover.gif) no-repeat;
   color:#ffffff;
}
#menu .menu-item a.sidenav3{
   background:url(sidenav1.gif) no-repeat;
   padding-left:85px;
}
#menu .menu-item a.sidenav3:hover, #menu .menu-item a.sidenav3:active{
   background:url(sidenav1-hover.gif) no-repeat;
   color:#ffffff;
}
#menu .menu-item a.sidenav4{
   background:url(sidenav4.gif) no-repeat;
   padding-left: 110px;
}
#menu .menu-item a.sidenav4:hover, #menu .menu-item a.sidenav4:active{
   background:url(sidenav4-hover.gif) no-repeat;
   color:#ffffff;
}
#menu .menu-item a.sidenav5{
   background:url(sidenav5.gif) no-repeat;
   padding-left: 135px;
}
#menu .menu-item a.sidenav5:hover, #menu .menu-item a.sidenav5:active{
   background:url(sidenav5-hover.gif) no-repeat;
   color:#ffffff;
}

#related-product{
    width:200px;
    float:right;
    margin-right:10px;
    margin-left:20px;
    margin-top:10px;
}

#related-product .related-product-box{
    width:200px;
    border:1px solid #999;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;         
}

#related-product .related-product-box img{
    display:block;
    margin:20px auto;
}


#banner{
    border:5px solid #494b56;
    width:770px;
    height:210px;
    float:left;
    margin-bottom: 20px;
    
    box-shadow:2px 4px 5px #666;
    -webkit-box-shadow:2px 4px 5px #666;
    -moz-box-shadow: 2px 4px 5px #666;

    position: relative;
    behavior: url(../pie.html);

}

.specials-box{
    width:170px;
    display: block;
    border:5px solid #494b56;
    color:#494a56;
    font-size: 11px;
    background: #fff;
    margin-bottom: 25px;
    
    box-shadow:2px 4px 5px #666;
    -webkit-box-shadow:2px 4px 5px #666;
    -moz-box-shadow: 2px 4px 5px #666;

    position: relative;
    behavior: url(../pie.html);
}

#specials-box img{
    display:block;
    margin:20px auto;    
}

#product-wrapper{
    width:790px;
    overflow: hidden;
}

.product-box{
    width:373px;
    border:5px solid #494b56;
    float:left;
    margin-right: 20px;
    margin-bottom: 40px;
    background:#fff;
    
    box-shadow:2px 4px 5px #666;
    -webkit-box-shadow:2px 4px 5px #666;
    -moz-box-shadow: 2px 4px 5px #666;

    position: relative;
    behavior: url(../pie.html);
}

.product-text{
    background:#494b56;
    color:#fff;
    padding:15px 20px;
    height:45px;
}

.product-box img{
    display:block;
    margin:15px auto;
    
}

a.product-hover{
    display:block;
    width:373px;
    height:183px;
    position:absolute;
    top:0;
    left: 0;
}
a.product-hover:hover{
    background: url(overlay.png);
    height:183px;
}

/*
.product-box{
    width:373px;
    border:5px solid #494b56;
    float:left;
    margin-right: 20px;
    margin-bottom: 40px;
    background:#fff;
    
    box-shadow:2px 4px 5px #666;
    -webkit-box-shadow:2px 4px 5px #666;
    -moz-box-shadow: 2px 4px 5px #666;

    position: relative;
    behavior: url(PIE.htc);
}

.product-text{
    background:#494b56;
    color:#fff;
    padding:15px 20px;
    height:45px;
}

.product-box img{
    display:block;
    margin:0px auto;
}

a.product-hover:link{
    display:block;
    width:373px;
    height:153px;
    padding: 15px 0;    
}
a.product-hover:hover{
    background: url(../img/overlay.png);
    height:153px;
}
*/

.acc-wrap
{
    width: 49%;
    float: left;
}

.acc-product-box{
    width:99%;
    border:2px solid #494b56;
    overflow:hidden;
    margin-bottom: 10px;
}

.acc-product-left{
    width:148px;
    height:96px;
    float: left;
}
.acc-product-left img{
    margin:auto;
}
.acc-product-right{
    overflow:hidden;
    margin-right:10px;
    margin-top:10px;
}
.acc-product-right .acc-product-title a{
    text-decoration: none;
}

#qty-quote{
    float:right;
}
#qty-quote #quote{
    background:url(product-submit-up.jpg) no-repeat;
    border:none;
    width:25px;
    height:27px;
    cursor: pointer;
}

#quote-quantity-holder
{
    float: right;
    width: 180px;
}

#quote-quantity-holder label
{
    color:#ffffff;
    font-size:1.5em;
    text-decoration: none;
    width: 150px;
    margin-bottom: 5px;
    text-align: left;
}

#quote-quantity-holder #quote{
    background:url(product-submit-up.jpg) no-repeat;
    border:none;
    width:25px;
    height:27px;
    cursor: pointer;
    float: right;
    
}


/**** meet the team *****/

.team-box{
    width:330px;
    background:#efefef;
    overflow: hidden;
    padding:20px;
    margin-right: 20px;
    margin-bottom:20px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	color: #333333;
}

.team-left-inner {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 125px;
	margin: 0 8px 0 0;
}

.team-box img{
    float:left;
    margin: 0 0 10px 0;
}

.team-text-box-1 {
	line-height: 135%;
}

div.team-box a {
	text-decoration: underline;
}

div.team-box a:hover {
	text-decoration: none;
}

.team-text-box-2{
    //float:right;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
    width:192px;
	line-height: 135%;
}

/**** job page ****/

.job-box{
    width:720px;
    background: #efefef;
    padding: 20px;
    overflow: hidden;
    color:#333333;
    margin-bottom: 20px;
    position: relative;
}

.job-box ul {
	margin: 5px 0 15px 15px;
}

div.job-box ul li {
	margin: 0;
	padding: 0;	
}

.job-box p {
	margin: 0 0 15px 0;
}

.job-box dl {
	margin: 0;
	padding: 0;
	line-height: 140%;
}

.job-box dt, .job-box dd {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 0 8px 0;
}

.job-box dt {
	width: 120px;
	font-weight: bold;
}

.job-box dd {
	padding: 0;
	width: 200px;
}

.job-box .job-left{
    float:left;
    width: 350px;
}
.job-box .job-right{
    float:right;
    width:340px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 135%;
}

.job-box a.apply-btn{
    background:#666874;
    color:#fff;
    font-size: 1.5em;
    padding:7px 25px;
    text-decoration: none;
}

.job-box a.apply-btn:hover{
    background:#144E8C;
}

.job-links a.job-link{
    display:block;
    text-decoration: none;
    margin-bottom: 5px;
}

.job-btns{
    position:absolute;
    right:20px;
    bottom:30px;
}

/*** category page ***/

.category-box{
    width:180px;
    border:2px solid #494a56;
    float:left;
    margin-right: 15px;
    margin-bottom:20px;
    
    border-radius:  5px;
    -moz-border-radius:  5px;
    -webkit-border-radius: 5px;
    position: relative;
    behavior: url(../pie.html);
}

.category-box .category-img{
    width:180px;
    height:160px;
    margin:auto;
}

.category-text{
    width:174px;
    height:65px;
    margin:0 auto 10px;
}

.category-title 
{
    background-image: url(product-on.png);
    width: 180px;
    height: 43px;
    display: block;
    font-weight: bold;
    text-align: center;    
}


a.category-title:link {
    background-image: url(product-on.png);
    width: 180px;
    height: 43px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}

a.category-title:visited {
    width: 180px;
    height: 43px;
    text-decoration: none;
    color: #fff;
}

a.category-title:hover {
    background-image: url(product-hover.png);
    width: 180px;
    height: 43px;
    text-decoration: none;
    color: #000;
}

/* new category layout */

.newproduct-box {
    width:180px;
    height: 350px;
    border:1px solid #949698;
    float:left;
    margin-right: 15px;
    margin-bottom:20px;
    background-color: #fff;
    border-radius:  5px;
    -moz-border-radius:  5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px -2px #282828;
    -moz-box-shadow: 2px 2px 2px -2px #282828;
    box-shadow: 2px 2px 2px -2px #282828;
    position: relative;
    behavior: url(../pie.html);
}

.newproduct-box .newproduct-img {
    width:170px;
    height:151px;
    margin: 0 auto 5px;
}

.newproduct-short-desc {
    width: 170px;
    height: 80px;
    margin: 0 auto 5px;
    font-size: 10px;
}

.newproduct-price {
    font-size: 14px;
    text-align: right;
    width: 170px;
    height: 40px;
    margin: auto;
}

a.newproduct-title,
a.newproduct-title:link,
a.newproduct-title:visited {
    width: 180px;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color: #525252;
    border-radius:  5px 5px 0 0;
    -moz-border-radius:  5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    position: relative;
    behavior: url(../pie.html);
}

a.newproduct-title:hover {
    color: #000;
}

/* end new category layout */


/* nav */
nav#main-nav {
    display:inline-block;
   margin-top: 100px;
   float:right;
}
nav#main-nav a {
    color:#494a56;
    text-decoration: none;
    padding:0 4px;
    font-size:1.2em;
    font-weight: bold;
}
nav#main-nav a:hover {
    color:#ffffff;
}



/* end of nav 
**********************/

.fck p {
	margin-bottom: 15px;
}
.fck ul {
/* 	list-style-type: none;*/
	margin-bottom: 15px;
}
.fck li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
/*	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left 4px;*/
}



.box1 {
    width: 780px;
    float: left;
 }
 
 .box2 {
     width: 180px;
     float: right;
 }
 
.box1-left {
    width:45%;
 	float: left;
}
.box1-right {
 	float: right;
        width:45%;
}

.box2-left {
    width:780px;
    float: left;
}
.box2-right {
    float: right;
}

.list1 {
 	list-style-type: none;
}
.list1 li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}




/* end of content 
**********************/



/* footer */

#bottom-line-wrapper{
    width:1000px;
    background:#144E8C;
    height:50px;
    margin: auto;
    margin-top: 10px;
}

#bottom-line-wrapper-liquid {
    width:100%;
    background:#144E8C;
    height:50px;
}

#bottom-line{
    background:url(footer-img.jpg) no-repeat left center #144E8C;
    width:990px;
    height:100%;
    margin: auto;
}

#bottom-line-number{
    color: #ffffff;
    font-size: 2em;
    float: right;
    margin:10px 20px 0 0;
}
#bottom-line-number a{
    color:#ffffff;
}

footer#main-footer {
 	width: 980px;
 }


/* end of footer 
**********************/





/*  General style */
html, body {
    font-family: Arial, Helvetica, sans-serif;
    color:#494a56;
    font-size: 100%;
    background: url(bg-gradient.jpg) 0 0 repeat-x;
}


#container{
	width:100%;
	margin:0 auto;
	font-size: 0.8em;
}
:root #container { font-size:0.71em \0/IE9; }  /* IE9 */


*html #selector  {/* IE 6 hack*/
 
 }
 
*:first-child+html #selector { /* IE 7 hack */

}




/*****   clearfix   *****/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}
.clearfix {
	display: inline-block;
}
/* hide from ie-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from ie-mac */

/*****   end of clearfix   *****/

img {
 	display: block;
}

p {
	line-height:1.4em;
}

.image-border {
	border: 1px solid #666666;
}

h1 {
    font-size:1.8em;
 }
h2 {
   font-size:1.4em; 
 }
 
 h2.product-title{
    background:#808285;
    padding:5px 15px;
    font-size:1.5em;
    font-weight:normal;
 }
 h2.product-title a{
     text-decoration: none;
     color:#ffffff;
     display:block;
    width:100%;
    height:100%;
 }
 h2.category-title{
    background:#808285;
    padding:5px 5px;
    height:45px;
    font-size:1.3em;
    font-weight:normal;
    font-weight: bold;
    margin-bottom: 5px;

 }
 h2.category-title a{
     text-decoration: none;
     color:#ffffff;
     display:block;
   width:100%;
   height:100%;
 }
h3 {
 }
h4 {
    text-align:center;
    margin:0 10px 20px;
 }
h4.specials-title {
    background:#808285;
    padding:5px 15px;
    font-size:1.5em;
    font-weight:normal;
    margin:0;
 }
 h4.specials-title a{
     color:#ffffff;
     text-decoration: none;
     display:block;
     width:100%;
     height:100%;
 }
 
.break {
	background-image: url(break.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.clear-both {
 	clear:both;
}

.margin5 {
	margin-bottom: 5px;
}

.margin10 {
	margin-bottom: 10px;
}
.margin15 {
	margin-bottom: 15px;
}
.margin20 {
	margin-bottom: 20px;
}

.margin30 {
	margin-bottom: 30px;
}
.page-top {
	width: 90px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}


/* Link */
a {
	border: none;
	outline: none;
}  

a:link {
	color:#666666;
	text-decoration:underline;
}

a:visited {
	color:#666666;
	text-decoration:underline;
}


a:hover {
	color:#000000;
	text-decoration:underline;
}

/* CopyRight Format-- */

div#treacyLegal{
	float:left;
	width:100%;
	margin-top:20px;
}

div#copyright {
	font-size:0.8em;
	text-align:center;
	color:#666666;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

a.linkcopy {
	color:#666666;
	text-decoration:none;
}  

a.linkcopy:visited {
	color:#666666;
	text-decoration:none;
}

a.linkcopy:active {
	color:#666666;
	text-decoration:none;
}
a.linkcopy:hover {
	color:#333333;
	text-decoration:none;
}

/* end of general style */

.nomargin {
    margin-right: 0px;
}

.breadcrumb 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.breadcrumb a 
{
    text-decoration: none;
    font-weight: bold;
}

.contact_foneetc 
{
    padding-bottom: 10px;
}

.title1 
{
  color: #23A2CE;
  font-size: 18px;
  font-weight: bold;
}

.enquiry_width
{
    width: 400px;
}

footer#main-footer {
    width: 980px;
    margin: auto;
    color: #144E8C;
    text-align: center;
 }
 
 footer#main-footer p 
 {
     margin-top: 5px;
     font-size: 11px;
 }

 footer#main-footer a 
 {
    color: #144E8C;
    text-decoration: none;
 }

.category-navigation-links
{
    margin-bottom:20px;
    margin-top:20px;
}
 
a.special-menu-link {
	color:#fff;   /* colour changable */
	padding: 10px;
	font-weight: bold;
	text-decoration:none;
    margin-right: 10px;
    background-color: #144e8c;
    display: inline-block;
    margin-top: 10px;
}

a:hover.special-menu-link {
	color:#fff;   /* colour changable */
	padding: 10px;
	text-decoration:none;
    margin-right: 10px;
    background-color: #494a56;
}

#letter-head-top {
  margin: 0px;
  padding: 0px;
  width: 780px;
  height: 134px;
  clear: both;
  display: none;
}


.print-product-price {
    display: none;
}

.producttitle
{
    text-align: center;
}

.product-price
{
    text-align: right;
}


.productmanulogo
{
    margin-left: 200px;
    margin-right: auto;
    margin-bottom: 10px;
    width: 250px;    
}

#large-print-image
{
    display: none;
}