/* @group general */

* { margin: 0; padding: 0; }
a {color: #36C; outline:none;}
a:hover {color: #c00;}
a img{	border: none;}
body {	color: #444;margin: 0;background: #fff url(../images/bg_top.jpg) repeat-x 0 top;	font: 12px "trebuchet ms", helvetica, sans-serif;}
p {	margin-bottom: 5px;}
br.clear{clear: both;}

/* @end */

/* @group main */

#main_left { background: url(../images/img_main_photo.jpg) no-repeat; width:410px; margin:0 30px 0 69px; float:left; }
#main_right { width:359px; float:left; background: url(../images/img_main_photo2.jpg) bottom center no-repeat; padding:12px 0 140px 10px; }

.box_main {	padding:0 10px 10px; text-align:right; }

.main_btn a, .main_btn a:visited { background:url(../images/bttn_enter.png) 0 0 no-repeat; height:39px; width:323px; text-indent:-9000px; display:block; margin:10px 0 0 5px; }
.main_btn a:hover { background-position:0 -39px; }

/* nzmap */

.nzmap { background:url(../images/nzmap.png) 0 0 no-repeat; height:409px; width:351px; position:relative; }
.nzmap li { list-style:none; }
.nzmap a { background:url(../images/nzmaplinks-trans.png) 0 0 no-repeat; text-indent:-9000px; position:absolute;}
.mapauckland a { background-position:40px 3px; right:15px; top:40px; width:130px; height:20px; }
.mapauckland a:hover { background-position:40px -37px; }
.mapwaikato a { background-position:0 -157px; left:90px; top:105px; width:80px; height:20px; }
.mapwaikato a:hover { background-position:0 -197px; }
.mapbop a { background-position:3px -77px; right:0; top:80px; width:115px; height:20px; }
.mapbop a:hover { background-position:3px -117px; }
.maptaranaki a { background-position:0 -237px; left:40px; top:142px; width:120px; height:37px; }
.maptaranaki a:hover { background-position:0 -277px; }
.mapwellington a { background-position:0 -317px; right:0; top:225px; width:120px; height:37px; }
.mapwellington a:hover { background-position:0 -357px; }
.mapnelson a { background-position:3px -397px; left:0; top:200px; width:120px; height:37px; }
.mapnelson a:hover { background-position:3px -437px; }

/* @group id */

#container { width:960px; padding: 0; margin: 0 auto; }
#head {	width:960px; height: 86px; background:url(../images/head_bg.jpg) no-repeat; padding: 0; position:relative; }

/* NAVIGATION */
/* ----[ LINKS ]----*/
/* all menu links */
#nav a, #subMenusContainer a {font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;display:block;color:#fff;}
#nav a.mainMenuParentBtn, #nav a.mainMenuParentBtnFocused { display:inline; } /* for ie6 */
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0;	float:left;padding:0 0 0 5px; }
#nav a span { float:left; display:block; padding:8px 15px 7px 10px; font-weight:bold;cursor:pointer; }
#subMenusContainer a { padding:7px 10px;color:#291842; }
/* Just sub menu links */
#subMenusContainer a, #nav li li a{ text-align:left;}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, /*#subMenusContainer a:hover, #subMenusContainer a:focus,*/ #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav .currentpage a, #nav a.menuactive { color:#291842; background:url(../images/navhover.png) top left no-repeat; }
#nav a:hover span, #nav a:focus span, #nav a.mainMenuParentBtnFocused span, #subMenusContainer a.subMenuParentBtnFocused span, #nav .currentpage a span, #nav a.menuactive span {background:url(../images/navhover.png) top right no-repeat;color:#291842;}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
/*#nav a.mainMenuParentBtnFocused,*/ 
#subMenusContainer a.subMenuParentBtnFocused,
/*#nav li a:hover,*/
#nav li a:focus{ color:#e25b01; }
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ display:none; position: absolute; overflow:hidden;
/*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;margin:0 0 0 3px;}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding:0;	margin:0; list-style:none; line-height:1em; }
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { background:#fff8e8; left:0; border:1px solid #f60; }

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { display:block;list-style:none;position:relative;float:left;}
#subMenusContainer li{list-style: none;}
/* main menu ul or ol elment */
#nav{display:block;position: absolute;list-style:none;margin:0 0 0 0;z-index:5;top:52px;right:0;text-align:center;display:block;}
#subMenusContainer{	display:block; position:absolute; top:1px; left:-5px; width:100%; height:0; overflow:visible; z-index:1000000000; }
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }
#nav li li a{ /* Just submenu links*/	position:relative;float:none;}
#nav li ul { /* second-level lists */	position: absolute;width: 10em;margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	margin-top:2.2em;}
/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }
 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/* thumbs table locations */

table.thumbtable { padding:10px 0; }
.thumbtable a img { border:1px solid #291842; display:block;}
.thumbtable a:hover img { border-color:#f60; }
.thumbtable td { border:1px solid #ECECEC; text-align:center; padding:8px;}


#banner {	width:960px; height:124px; background:#fff url(../images/head_banner.png) no-repeat; }

#body_w {	padding: 3px 0 0 0; }

#body_left { background: url(../images/body_bg.png) repeat-y; width:700px; float:left; }

#body_left .head{	padding: 0;	margin: 0;}
#body_left .left_bot {width:700px; height:13px; }
#body_left p { padding:5px 0; }

#box_1 { padding: 5px 17px 20px; float:left; min-height: 160px; }
#box_2 { padding: 10px 0 10px 17px;	float:left; }

.productimg { border: 1px solid #cccccc; }

#box_1 .wrap {
	width: 660px;
	border-bottom: 1px solid #cccccc;
	padding: 15px 0 10px 5px;
}

#box_1 .wrap_nb {
	width: 660px;
	padding: 13px 0 10px 5px;
}

#box_1 .about {
/*	width: 660px;
	padding: 5px 0 10px 5px;*/
}

#box_1 .about_text {
	padding:15px;
	background-color:#F2F2F2;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#box_1 .pic {	padding:0;	float:left; }

#box_1 .text { padding: 0 5px 0 183px; }

h1{
	font: 16px "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
	line-height: 24px;
}

h2{
	font: 12px "trebuchet ms", helvetica, sans-serif;
	line-height: 25px;
}

#box_1 .text h3{
	font: 14px "trebuchet ms", helvetica, sans-serif;
	line-height: 23px;
	font-weight:bold;
}

#box_2 .wrap_nb { width: 660px; padding: 10px 0 10px 5px; }
#box_3 { padding: 10px 0 0 17px; float:left; }

#box_3 h4{
	font: 12px "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color:#E0E0E0;
	padding: 0;
	margin: 0;
	line-height: 25px;
}

#box_3 .wrap_nb { width: 660px; padding: 5px 0 10px 5px; }

.productul {
	padding: 3px 0 10px 20px;	
	font: 11px "trebuchet ms", helvetica, sans-serif;
}

#box_test {
	padding: 10px 0 10px 17px;
	float:left;
}

#box_gallery {
	padding: 10px 13px 10px 16px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#box_gallery .gal{
	width: 110px;
}

#box_test img {
	border: 1px solid #cccccc;
}

#box_test .wrap {
	width: 632px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 15px 10px;
	background-color:#F2F2F2;
}

#box_test .name {
	text-align:right;
	font-weight:bold;
	margin:0;
	padding:0 10px 0 0;
}

#box_test .number {
	text-align:right;
	font-style:italic;
	margin:0;
	padding:0 10px 0 0;
}

#box_contact {
	padding: 10px 0 10px 17px;
	float:left;
}

#box_contact img {
	border: 1px solid #cccccc;
}

#box_contact .wrap {
	width: 635px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 5px 10px 25px;
	background-color:#F2F2F2;
	
}

#box_contact h1 {
	font: 15px "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
	line-height: 25px;
	padding: 0 0 10px 0;
}

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

#body_right p {
	padding: 15px;
}

#body_right .title {
	padding: 0;
	height: 30px;
	background: #fff url(../images/sub_head.png) top right no-repeat;
}

#body_right h1 {
	padding: 7px 0 0 33px;
	font: 14px "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
}

#body_right .right_bg {
	width:260px;
	background: #fff url(../images/sub_bg.png) bottom right no-repeat;
}

#submenu, #submenu2  { padding:10px 35px; margin:0;	}

#submenu li {
	list-style:none;
	padding: 2px 0 2px 0;
	line-height: 20px;
}

#submenu2 li {
	list-style:none;
	padding: 0;
	line-height: 17px;
	color: #291842;
}

#submenu a {
	color: #291842;
	text-decoration: none;
	font-weight:bold;
}

#submenu a:hover {
	color: #291842;
	text-decoration:underline;
	font-weight:bold;
}

.banner {
	text-align: center;
	width:260px;
	float:right;
}

.banner img {
	padding: 5px;
}

#foot {
	background: #fff url(../images/bg_foot.jpg) repeat-x 0 top;
}

.foot_menu {
	padding: 17px;
	text-align: center;
}

.foot_menu li{
	list-style:none;
	line-height:25px;
}

.foot_menu a{
	font: 11px "trebuchet ms", helvetica, sans-serif;
	padding: 0 7px 0 7px;
	color:#666666;
	text-decoration:none;
}

.foot_menu a:hover{
	font: 11px "trebuchet ms", helvetica, sans-serif;
	padding: 0 7px 0 7px;
	color:#cc0000;
	text-decoration:underline;
}

.galnav {
	font: 12px "Lucida Grande", "trebuchet ms", Lucida, Verdana, sans-serif;
	text-align: center;
	padding: 15px 0 0px 0;
	vertical-align: middle;
}

.galnav li {
	display: inline;
	padding: 0 10px 0 0;
	line-height: 20px;
}


/* table */
hr { margin-top:10px; }
table { margin: 10px 17px; }

table table { border:1px solid #e7e7e7; margin:0; }
table table a { adding:6px; display:block; background-color:#EEE8F7; }
table table td { padding:5px;  background-color:#EEE8F7; display:block; }
table table a img { display:block; border:1px solid #291842; }
table table a:hover img { border-color:#f60; }

.contactform input, .contactform textarea { padding:3px; margin:0 0 5px 10px; }

/* @end */