/*

*   fonts

------------

*   font-family: 'Numans', sans-serif;

*   font-family: 'Abril Fatface', cursive;

*/



html, body{

	margin: 0;

	padding: 0;

	font-family: 'Numans', sans-serif;

	background-color: white;

	height: 100%;

}



/* ============================================================

| BASIC FORMATS

| Typography

============================================================ */

* {

	font-family: 'Numans', sans-serif;

	color: black;

}

#c0 a:link, #c0 a:visited, #c0 a:active {

	color: #F67E00;

	text-decoration: none;

}

#c0 a:visited {

	color: #F67E00;

	text-decoration: none;

}

#c0 a:hover {

	color: #F67E00;

	text-decoration: none;

}



h1, h2, h3, h4, h5, h6{

    font-family: 'Abril Fatface', cursive;

    font-weight: normal;

    color: #333333;

    padding: 0;

    margin: 0;

}



html, body, p, a, td, th, legend, li, input, textarea{font-size: 13px; color: #333333;}

h1{font-size: 44px;}

h2{font-size: 18px; font-family: 'Numans', sans-serif; color: #666666;}

h3{font-size: 1.2em;}

h4{font-size: 1.15em;}

h5{font-size: 1.1em;}

h6{font-size: 1em;}



/* ============================================================

| BASIC FORMATS

| Non-Typography

============================================================ */

/* Set default tag formats */

img{border:none;}

fieldset{margin-bottom: 16px;border: 1px solid #cccccc;}

legend{font-weight: bold;color: blue;padding:0 6px;}

label:hover{cursor: pointer;}

th, td {vertical-align: top;}

input[type='text'], select, textarea {



}

input[type='button'], input[type='submit'], input[type='reset'], button {



}

input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, button:hover {



}



/* Common Width Styles */

.w25{width:25px;} .w25c{text-align:center;width:25px;} .w25c{text-align:center;width:25px;} .w25r{text-align:right;width:25px;}

.w50{width:50px;} .w50c{text-align:center;width:50px;} .w50c{text-align:center;width:50px;} .w50r{text-align:right;width:50px;}

.w75{width:75px;} .w75c{text-align:center;width:75px;} .w75c{text-align:center;width:75px;} .w75r{text-align:right;width:75px;}

.w100{width:100px;} .w100c{text-align:center;width:100px;} .w100c{text-align:center;width:100px;} .w100r{text-align:right;width:100px;}

.w125{width:125px;} .w125c{text-align:center;width:125px;} .w125c{text-align:center;width:125px;} .w125r{text-align:right;width:125px;}

.w150{width:150px;} .w150c{text-align:center;width:150px;} .w150c{text-align:center;width:150px;} .w150r{text-align:right;width:150px;}

.w175{width:175px;} .w175c{text-align:center;width:175px;} .w175c{text-align:center;width:175px;} .w175r{text-align:right;width:175px;}

.w200{width:200px;} .w200c{text-align:center;width:200px;} .w200c{text-align:center;width:200px;} .w200r{text-align:right;width:200px;}

.w225{width:225px;} .w225c{text-align:center;width:225px;} .w225c{text-align:center;width:225px;} .w225r{text-align:right;width:225px;}

.w250{width:250px;} .w250c{text-align:center;width:250px;} .w250c{text-align:center;width:250px;} .w250r{text-align:right;width:250px;}

.w275{width:275px;} .w275c{text-align:center;width:275px;} .w275c{text-align:center;width:275px;} .w275r{text-align:right;width:275px;}

.w300{width:300px;} .w300c{text-align:center;width:300px;} .w300c{text-align:center;width:300px;} .w300r{text-align:right;width:300px;}



/* Common Styles */

.left{text-align: left;}

.centre, .center{text-align: center;}

.right{text-align: right;}



.doublespace{line-height:2.2em;}

.nowrap{white-space:nowrap;}



.hover{cursor:pointer;}

.wideinput {padding-right:5px;}

.wideinput textarea, .wideinput input{width: 96%;}

.currency {width: 100px;white-space:nowrap;text-align:right;overflow:visible;}

.currency div{float:left; padding: 0 5px;}

span.required{padding: 0 5px; color:red; font-weight:bold;}



.clear{clear:both;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}

.clear-left{clear:left;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}

.clear-right{clear:right;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}



a.rss{

	background: transparent url(icons/rss-16.png) no-repeat left center;

	padding-left: 20px;

	margin: 5px 0;

	line-height: 20px;

}



/* ============================================================

| LAYOUT

| Core Template

============================================================ */

#a0{

	width: 1050px;

        background-image: url("img/main_bg.png");

        background-repeat: repeat-y;

	background-color: white;

	color: black;

	margin: 0 auto;

        position: relative;

}

#b0{

	color: white;

        background-image: url("img/auckland_digital_print_logo.png");

        background-position: center;

        background-repeat: no-repeat;

        width: 950px;

	clear: both;

	overflow: hidden;

        height: 177px;

	margin: 0 auto;

	border-bottom:2px solid #808080;

}

#head_phone{

        font-family: 'Abril Fatface', cursive;

        font-size: 28px;

        color: #666666;

        float: right;

        margin: 75px 0;

}

#b1{

	color: white;

        height: 180px;

        width: 950px;

	font-weight: bold;

	font-size: 16px;

	float: left;

	margin: 0 auto;

}

#b2{

	color: white;

	float: right;

        width: 950px;

	margin: 0 auto;

	text-align: right;

}

#n0{

        margin-bottom: 17px;

        width: 950px;

	margin: 0 auto;

}

#c0{

    width: 950px;

    margin: 0 auto;

}



#col1{width:245px; float: left; margin-top: 0px;}

#col2{width: 675px; margin-top: 16px; float: left; padding-left: 30px; min-height: 500px;}



#bottom_corners{

    width: 1050px;

    height: 45px;

    margin: 0 auto;

    background-image: url("img/bottom_bg.png");

    background-repeat: no-repeat;

}

#bottom_email_cont{

    height: 40px;

    padding: 17px 0;

    border-top: 2px solid #808080;

    border-bottom: 2px solid #808080;

    margin-top: 4px;

    

}



#bottom_email_inner{

    height: 40px;

    width: 950px;

    background-color: #808080;

}



/* ============================================================

| MAIN NAV MENU

============================================================ */

/* First Level */

.nav1 ul {

	padding:1px 0;

	margin:0px;

	list-style:none;

	width:100%;

	height:21px;

}

.nav1 ul li {

	margin:0;

	padding:0;

	display:block;

	float:left;

	position:relative;

	width:148px;

	border-right: 1px solid #999;

}

.nav1 ul li a:link, .nav1 ul li a:visited, .nav1 ul li a:active, .nav1 ul li div, .nav1 ul li span {

	display:block;

	text-align:center;

	text-decoration:none;

	width:148px;

	height:21px;

	line-height:20px;

}

.nav1 ul li:hover a, .nav1 ul li a:hover {

	display:block;

	text-align:center;

	text-decoration:none;

	background-color:#e2e2e2;

	width:146px;

	height:21px;

	line-height:20px;

	border-left:1px solid #ffffff;

	border-right:1px solid #999999;

}

.nav1 ul li a:hover, .nav1 ul li:hover div{

	background-color:#cecece;

}





/* Second Level */

.nav1 ul li ul {

	margin:0;

	padding: 1px;

	list-style:none;

	display:none;

	background:#ffffff;

	width:146px;

	height: auto;

	position:absolute;

	top:21px;

	left:-1px;

	border:1px solid #000000;

	border-top:none;

}

.nav1 ul li:hover ul {

	display:block;

}

.nav1 ul li ul li {

	width:146px;

	clear:left;

}

.nav1 ul li ul li a:link, .nav1 ul li ul li a:visited, .nav1 ul li ul li div, .nav1 ul li ul li span {

	clear:left;

	background-color:#e2e2e2;

	width:146px;

	border:none;

	border-bottom:1px solid #ffffff;

	position:relative;

	z-index:1000;

	height:21px;

	line-height:20px;

}

.nav1 ul li ul li span {

	font-style: italic;

}

.nav1 ul li ul li:hover a, .nav1 ul li ul li a:active, .nav1 ul li ul li a:hover {

	clear:left;

	background-color:#cecece;

	height:21px;

	line-height:20px;

	width:146px;

	border:none;

	border-bottom:1px solid #ffffff;

	position:relative;

	z-index:1000;

}



/* Third Level */

.nav1 ul li ul li ul, .nav1 ul li:hover ul li ul {

	display:none;

	position:absolute;

	left:145px;

	top:-2px;

	z-index:900;

}

.nav1 ul li ul li:hover ul {

	display:block;

}

.nav1 ul li ul li ul li ul, .nav1 ul li ul li:hover ul li ul {display:none;}

.nav1 ul li ul li ul li:hover ul {display:block;}

.nav1 ul li ul li ul li ul li ul, .nav1 ul li ul li ul li:hover ul li ul {display:none;}

.nav1 ul li ul li ul li ul li:hover ul {display:block;}

.nav1 ul li ul li ul li ul li ul li ul, .nav1 ul li ul li ul li ul li:hover ul li ul {display:none;}

.nav1 ul li ul li ul li ul li ul li:hover ul {display:block;}

.nav1 ul li ul li ul li ul li ul li ul li ul, .nav1 ul li ul li ul li ul li ul li:hover ul li ul {display:none;}

.nav1 ul li ul li ul li ul li ul li ul li:hover ul {display:block;}

.nav1 ul li ul li ul li ul li ul li ul li ul li ul, .nav1 ul li ul li ul li ul li ul li ul li:hover ul li ul {display:none;}

.nav1 ul li ul li ul li ul li ul li ul li ul li:hover ul {display:block;}





/* ============================================================

| BOXES

============================================================ */

.box1{margin-bottom: 16px;}

.box1-H1{padding-left: 10px;background: transparent url(boxes/box1_blue.png) no-repeat scroll -22px 0px;}

.box1-H2{padding-right: 10px;background: transparent url("boxes/box1_blue.png") no-repeat scroll -112px 0;}

.box1-H3{height:24px; overflow:hidden; background: transparent url(boxes/box1_blue.png) no-repeat scroll -33px -24px;}

.box1-H3 *{margin: 0;padding:0;line-height: 24px; font-size: 11px; color:white; border:none;}

.box1-C1{padding-left: 10px; background: #e6e6e6 url(boxes/box1_blue.png) repeat-y scroll left top;}

.box1-C2{padding-right: 10px; background: #e6e6e6 url(boxes/box1_blue.png) repeat-y scroll right top;}

.box1-C3{background: #e6e6e6;padding: 2px 0 1px 0;}

.box1-F1{padding-left: 12px; background: transparent url(boxes/box1_blue.png) no-repeat scroll -10px bottom;}

.box1-F2{padding-right: 12px; background: transparent url(boxes/box1_blue.png) no-repeat scroll -126px bottom;}

.box1-F3{height: 12px;background: transparent url(boxes/box1_blue.png) no-repeat scroll -34px -53px;}





/* ============================================================

| INFO BOXES

============================================================ */

div.error, div.success, div.note{

	margin: 4px 5%;

	text-align: center;

}

div.error{

	border: 2px solid #cc0000;

	background-color: #ffbbbb;

}

div.success{

	border: 2px solid #00cc00;

	background-color: #bbffbb;

}

div.note{

	border: 2px solid #cccccc;

	background-color: #f9f9f9;

	text-align:justify;

}



/* ============================================================

| CATALOGUE

============================================================ */

.parameters th {white-space:nowrap; text-align: right;padding: 0 5px; font-weight:bold; color:grey;}





.nav-options{background-color:#eee;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;text-align:center;padding: 5px; margin: 1px 0;min-height:24px;}

.nav-options form{margin:0;padding:0;}

.nav-pages {text-align: left;}

.nav-pages-left {padding: 2em 0 2px 0;}

.nav-pages-right {padding: 2px 0 2em 0;}

/*.nav-pages{background-color:#def;border-top: 2px solid #abf;border-bottom: 2px solid #abf;text-align:center;line-height:2em;padding: 0 5px; margin: 1px 0;}

.nav-pages-left {float: left; width:48%;}

.nav-pages-right {float: right; width:48%;}

*/



.nav-pages .txt1 {float:left; text-align: right; width: 180px; color: #555;padding-right:5px;}



.nav-options .txt1 {line-height:26px;}

.item .stud , .item .stud  * {color:blue;font-weight:bold;}

 .item .sell,  .item .sell * {color:green;font-weight:bold;}





/* LIST | SUMMARY */

.catalogue-list .image{width:20px;height:16px;vertical-align:middle;}

.catalogue-list .no-image{width:20px;height:16px;}

.catalogue-list .items{width:100%;border-collapse: collapse;}

.catalogue-list td{line-height: 16px;}

.catalogue-list thead tr td, .catalogue-list thead tr th{border-bottom: 3px solid #91aaFF;}

.catalogue-list tbody tr.r0 td{}

.catalogue-list tbody tr.r1 td{background-color:#f9f9f9;}

.catalogue-list tbody tr.r0:hover td, .catalogue-list tbody tr.r1:hover td{background-color:#ddeeff;}

.catalogue-list tbody tr td a{color:#222;}



/* SUMMARY | VIEW */

.catalogue-detail {width: 100%;}

.catalogue-detail .item-container{border-bottom: 3px solid #91aaFF;padding-bottom: 1px;}

.catalogue-detail .first-item{border-top: 3px solid #91aaFF;}

.catalogue-detail .item-container-inner{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.catalogue-detail .item {border-collapse: collapse;width: 100%;}



.catalogue-view{float: left; margin-bottom: 40px;}

.catalogue-view-inner{}

.catalogue-view div.image{

	margin: 0 0 4px 0;

	padding: 10px;

}



.catalogue-detail .image, .catalogue-view .image {

	width: 208px;

	text-align: center;

	vertical-align: top;

}

.catalogue-detail .detail, .catalogue-view   .detail{

	padding: 10px;

}

.catalogue-detail h2, .catalogue-view   h2{

	color: black;

	font-size: 18px;

	padding: 0 10px;

	margin: 0;

	border-bottom: 1px dotted grey;

}

.catalogue-detail h2 a, .catalogue-view h2 a{

	color: black;

	font-size: 18px;

	text-decoration: none;

}

.catalogue-detail h2 a:hover{

	color: #14609F;

}

.catalogue-detail h3, .catalogue-view  h3 {

	color: #0022cc;

	border-bottom: 3px solid #91aaFF;

	margin-top: 12px;

	font-size: 14px;

	line-height: 24px;

	text-decoration: none;

}



/* THUMB */

.catalogue-thumb .item{

	float:left;

	width: 140px;

	height: 216px;

	border: 3px solid #91aaFF;

	margin: 3px;

	margin-bottom: 20px;

}

.catalogue-thumb .item .image{height:120px;width:140px;display:table-cell;vertical-align:middle;text-align:center;margin:auto;}

.catalogue-thumb .item .image {height: 120px;  #position: relative; overflow: hidden;} /* IE fix */

.catalogue-thumb .item .image a{#position: absolute; #top: 50%; #left: 50%;} /* IE fix */

.catalogue-thumb .item .image img {#position: relative; #top: -50%; #left: -50%;} /* IE fix */

.catalogue-thumb .item .no-image{height:98px;width:98px;line-height:98px;text-align:center;vertical-align:middle;margin: 10px auto;border:1px solid #ddd;}

.catalogue-thumb .item .name{font-size:11px; line-height: 16px; height:64px;text-align:center;}

.catalogue-thumb .currency {margin:auto;}

.catalogue-thumb .currencyPOA {margin:auto;text-align:center;;}





/* SUMMARY */

.catalogue-summary {width: 100%;}

.catalogue-summary .item-container{border-bottom: 3px solid #91aaFF;padding-bottom: 1px;}

.catalogue-summary .first-item{border-top: 3px solid #91aaFF;}

.catalogue-summary .item-container-inner{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.catalogue-summary .item {border-collapse: collapse;width: 100%;}

.catalogue-summary .item .image{border-right: 1px solid #eee;}



.catalogue-summary .item .image{height:120px;width:140px;display:table-cell;text-align:center;vertical-align:middle;margin:auto;}

.catalogue-summary .item .no-image{height:98px;width:98px;line-height:98px;text-align:center;vertical-align:middle;margin: 10px auto;border:1px solid #ddd;}

.catalogue-summary .item .name{padding: 4px;	border-bottom: 1px dotted grey;}

.catalogue-summary .item .name a{font-weight: bold; color: black;text-decoration:none;}



/* GALLERY SHOWS */

.gallery  {

	border-bottom: 1px solid #eee;

	border-right: 1px solid #eee;

}

.gallery .slidesContainer {

  margin:0 auto;

  width:204px;

  overflow:auto; /* allow scrollbar */

  position:relative;

}

.gallery .slidesContainer .slide {

  margin:0 auto;

  width:204px; /* reduce by 20 pixels to avoid horizontal scroll */

}

.gallery .slidesContainer .slide a, .gallery .slidesContainer .slide a img{

	margin: 0 auto;

}

.gallery .slideNavigation{

	text-align:center;

	height:25px; 

}

.gallery .slideCount{

	text-align:center;

	padding: 0 10px;

	height:25px;

	line-height:25px;

	width:136px;

	float:left;

}



.gallery .leftControl, .gallery .rightControl {cursor:pointer;border:none;padding:0;margin:0;}

.gallery .leftControl{float:left; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}

.gallery .leftControl:hover{background-position:-75px -25px;}

.gallery .rightControl{float:left;  background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}

.gallery .rightControl:hover{background-position:-50px -25px;}



/* Layout Navigation */

.nav-layout{text-align:right;line-height:18px;padding: 0; width:160px;float:right;}

.nav-layout .buttons span{float:left;padding: 4px 0 4px 3px;}

.nav-layout form{margin:0;padding:0;}



.set_layout_detail, .set_layout_summary, .set_layout_thumb, .set_layout_list{

	font-size:0;

	color: transparent;

	background-image: url(catalogue/layout.png);

	height: 21px;

	width: 21px;

	display:block;

}

.set_layout_detail{background-position: -87px 0;}

.set_layout_detail:hover, .set_layout_detail_selected{background-position: -87px -29px !important;}

.set_layout_summary{background-position: -29px 0;}

.set_layout_summary:hover, .set_layout_summary_selected{background-position: -29px -29px !important;}

.set_layout_thumb{background-position: 0 0;}

.set_layout_thumb:hover, .set_layout_thumb_selected{background-position: 0 -29px !important;}

.set_layout_list{background-position: -58px 0;}

.set_layout_list:hover, .set_layout_list_selected{background-position: -58px -29px !important;}

.tooltip-set-layout{width:240px;height:180px; background: url("images/layout-preview.jpg") repeat scroll 0 -720px white;display:none;border:1px solid grey;}



/* ************************************************************

| HOVER IMAGE

************************************************************ */

#preview_div.title{

	width:30%;

	height:10px;

	background-color:#FFFFFF;

	border-bottom:#808080 solid 1px;

	font-weight:bold;

	padding:1px;

	font-family:verdana, sans-serif;

	font-size:10px;

	text-align:center;

}



.border_preview{

	z-index:100;

	position:absolute;

	background: #fff;

	border: 1px solid #808080;

	overflow: hidden;

}



.preview_temp_load {

	vertical-align:middle;

	text-align:center;

}

.preview_temp_load img{

	vertical-align:middle;

	text-align:center;

}



/* ids */

#loader_container {

	text-align:center;

	position:absolute;

	top:40%;

	width:100%

}

#loader {

	font-family:Verdana, Helvetica, sans;

	font-size:10px;

	color:#000000;

	background-color:#FFFFFF;

	padding:10px 0 16px 0;

	margin:0 auto;

	display:block;

	width:135px;

	border:1px solid #6A6A6A;

	text-align:left;

	z-index:255;

}

#loader_bg {

	background-color:#EBEBEB;

	position:relative;

	top:8px;

	left:8px;

	height:7px;

	width:113px;

	font-size:1px;

}

#progress {

	height:5px;

	font-size:1px;

	width:1px;

	position:relative;

	top:1px;

	left:10px;

	background-color:#9D9D94

}



/* ************************************************************

| STYLE 1

************************************************************ */



/* General Data Tables */

table.tdata1 {border-spacing:1px;}

table.tdata1 th, table.tdata1 td{padding: 2px;}

table.tdata1 thead tr td, table.tdata1 thead tr th {background-color: #dfdfdf;border-bottom:1px solid grey;}

table.tdata1 thead th a.asc{background: url(tables/asc.gif) no-repeat left center; padding:0 10px;}

table.tdata1 thead th a.desc{background: url(tables/desc.gif) no-repeat left center; padding:0 10px;}



table.tdata1 tbody th {text-align: right; padding-left: 10px;}

table.tdata1 tbody th label:after{}

table.tdata1 tbody tr.r0 th, table.tdata1 tbody tr.r0 td{background-color: #efefef;}

table.tdata1 tbody tr.r1 th, table.tdata1 tbody tr.r1 td{background-color: #f6f6f6;}

table.tdata1 tbody.hover tr.r0:hover td, table.stdata1 tbody.selectable tr.r1:hover td{background-color: #dfefff;}

table.tdata1 .wideinput{margin:0 5px 0 0;}



/* General Form Tables */

table.tform1 {border-spacing:1px;border: 6px solid #e9e9e9;-webkit-border-radius: 6px;}

table.tform1 th, table.tform1 td{padding: 2px;background-color: #e6f6f6;border: 1px solid #c0e0e0;}

table.tform1 th {width: 120px;}

table.tform1 tbody th {text-align: right; padding-left: 10px;}

table.tform1 tbody th label:after{}

table.tform1 tbody tr.r0 th, table.tform1 tbody tr.r0 td{background-color: #e6f6f6;}

table.tform1 tbody tr.r1 th, table.tform1 tbody tr.r1 td{background-color: #e6f6f6;}

table.tform1 tbody.hover tr.r0:hover td, table.stform1 tbody.selectable tr.r1:hover td{background-color: #dfefff;}

table.tform1 .wideinput{margin:0 5px 0 0;}







/* ============================================================

| JQUERY LIGHTBOX

============================================================ */

/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 *

 * Adapted, and modified to this project by

 * aaron@webvine.co.nz

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev {

	left: 0;

	float: left;

}

#lightbox-nav-btnNext {

	right: 0;

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px;

	color: #666;

}

#lightbox-container-image-data #lightbox-image-details {

	width: 70%;

	float: left;

	text-align: left;

}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block;

	clear: left;

	padding-bottom: 1.0em;

}

#lightbox-secNav-btnClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

}



/* ============================================================

| MEMBERS

============================================================ */

.members_mail_view_message{background:white;border: 2px outset grey; padding: 5px;}



/* ============================================================

| BREADCRUMBS

============================================================ */

.breadcrumbs {width:100%;height:30px;margin:0;padding: 0;}

.breadcrumbs ul {list-style:none;margin:0;padding:0;}

.breadcrumbs ul li {float:left;margin:0;padding:0;text-align:center;background: url(bullet.jpg) no-repeat;padding-left: 10px;}

.breadcrumbs ul li a, .breadcrumbs ul li a:visited, .breadcrumbs ul li a:active , .breadcrumbs ul li span {

	display: block;

	float: left;

	padding: 0 5px;

	text-align:center;

	text-transform: capitalized;

	color:grey;

	font-weight:normal;

}

.breadcrumbs ul li.first{background: none;}

.breadcrumbs ul li.last a, .breadcrumbs ul li.last span{text-decoration:none;color:grey;}



/* ============================================================

| TABS

============================================================ */

.tabs-nav {width:100%; height:18px; line-height:normal; background: url(tabs/tabs.gif) repeat-x 0 -72px; margin: 1em 0 0 0;padding:0;list-style:none;}

.tabs-nav ul {margin:0; padding:0; list-style:none;float:left;width:100%;}

.tabs-nav li {float:left; margin:0 1px 0 0; padding:0 0 0 0px; line-height:17px; }

.tabs-nav a {color:#333; border-left: 1px solid #919B9C; border-right: 1px solid #919B9C; border-top: 1px solid #919B9C;text-align:center;text-decoration:none; font-size:10px;background-color:#eee;height:16px; display:block; width: 80px;outline:none;}

.tabs-nav a.current {background-color:#fff;height:17px;outline:none;color:black;}

.tabs-nav a:link, .tab-nav a:visited, .tab-nav a:hover, .tab-nav a:active {color:black;outline:none;}

.tab{border-left: 1px solid #919B9C; border-right: 1px solid #919B9C; border-bottom: 1px solid #919B9C; clear:left; padding: 1px;}



/* ============================================================

| TOOLTIP

============================================================ */

.tooltip-help {

	cursor: default;

	font-weight:bold;

	float: right;

	margin-right: 15px;

}

#tooltip-help {

	border: 1px solid #cccc00;

	background-color: #ffffcc;

	padding: 5px;

}





/* ============================================================

| CONTENT : Folder tyles

============================================================ */

.content-folder-article{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid grey;}

.content-folder-article-first{padding-top: 10px; margin-top: 10px; border-top: 1px solid grey;}

.box1-C1 .content-folder-article {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid grey;}

.box1-C1 .content-folder-article h3 {margin: 4px 0;}

.box1-C1 .content-folder-article p {margin: 4px 0;}





/* ============================================================

| MODULE| SEARCH

============================================================ */

/* Inline form */

.search_widget_navform {



}

li.search_widget_navform_autocomplete_item {

	max-width:200px;

}

li.search_widget_navform_autocomplete_item a {

	color: #777;

}

li.search_widget_navform_autocomplete_item a strong {

	color: black;

}

li.search_widget_navform_autocomplete_item a em {

	color: black;

}



.search_index_display form {

	margin: 20px ;

}



.search_index_display .display_rows {

	padding-left: 120px;

}

.search_index_display .display_norows {

	padding-left: 120px;

	margin-bottom: 200px

}



.search_index_display .display_rows .display_row{

	margin: 0 0 1.6em 0;

}

.search_index_display .display_rows .display_row h3 {

	border-bottom: none;

	margin: 0 0 4px 0;

}

.search_index_display .display_rows .display_row h3 a{

	font-size: 1.2em;

	font-weight: normal;

}

.search_index_display .display_rows .display_row .link {

	color: #070;

	margin: 2px 0;

}

.search_index_display .display_rows .display_row .desc em {

	font-weight: bold;

	font-style: normal;

}



/*

*   Bottom email form styles

*/

#bottom_email_form{float: left;}

#bottom_email_form input{height: 25px; margin-right: 6px; border: none;margin-top: 6px; line-height: 25px;}

/* RC fix for form in Chrome July 2014 */
#bottom_email_form input{display: block; float: left;}
#bottom_email_name{width:80px;background-color:#EBEBEB;color: black;margin-left: 6px; text-indent: 5px; }

#bottom_email_email{width: 175px;background-color:#EBEBEB;color: black; text-indent: 5px; }

#bottom_email_submit{width: 140px; height: 27px !IMPORTANT; background-image: url(join_mail.png); background-position: bottom; color: white; text-indent: 0px; cursor: pointer; font-size: 15px;}

#bottom_email_submit:hover{background-position: top;}



/*

*   Bottom social icons

*/

#bottom_social_icons{float: right;}

#bottom_social_list{margin: 0; padding: 0;}

#bottom_social_list li{list-style-type: none; float: left;}

.bottom_social_button{background-position: top; width: 25px; height: 25px; margin: 7px; cursor: pointer;}

.bottom_social_button:hover{background-position: bottom; width: 25px; height: 25px;}

#bottom_social_mail{background-image: url("img/social_sprites/mail_sprite.png");}

#bottom_social_facebook{background-image: url("img/social_sprites/fb_sprite.png");}

#bottom_social_gplus{background-image: url("img/social_sprites/gplus_sprite.png");}

#bottom_social_twitter{background-image: url("img/social_sprites/twitter_sprite.png");}

#bottom_social_linked{background-image: url("img/social_sprites/linkedin_sprite.png");}



/*

*   Footer styles

*/

#copyright {margin-top: 5px;}

#copyright *{font-size: 11px; margin: 0; padding: 0;}

#copyright .left, #copyright .right{width: 45%;}

#copyright .left{float: left;}

#copyright .right{float: right;}

#footer{margin-top: 55px;}

#footer ul{margin: 0; padding: 0;}

/* RC edit to right margin for new categories July 2014 */
#footer li{list-style-type: none; float: left;margin-right: 60px;}

#footer li span{ font-family: 'Abril Fatface', cursive !IMPORTANT; font-size: 20px; color: #333333;}



/* Second level footer styles */



#footer ul li ul{margin: 0; padding: 0; width: 150px;}

#footer ul li ul li{list-style-type: none; margin: 0 !IMPORTANT; float: left; clear: both;}

#footer ul li ul li a{font-family: 'Numans', sans-serif !IMPORTANT; font-size: 12px; color: #333333 !IMPORTANT;}

#footer ul li ul li a:hover{color: #F67E00 !IMPORTANT;}

#footer ul li ul li span{font-family: 'Numans', sans-serif !IMPORTANT; font-size: 12px; color: #333333;}



/*

*   Main Nav Styles

*/

#nav_menu ul{margin: 24px 0 0 0; padding: 0;}

#nav_menu li{list-style-type: none; margin: 0 0 2px 4px;}

.first_li{margin-top: 0;}

#nav_menu li span{font-family: 'Abril Fatface', cursive !IMPORTANT; font-size: 24px; color: #333333; cursor: pointer; letter-spacing: 1px;}

#nav_menu li span:hover{color: #F67E00;}

#nav_menu li a{font-family: 'Abril Fatface', cursive !IMPORTANT; font-size: 24px; color: #333333 !IMPORTANT; cursor: pointer; letter-spacing: 1px;}

#nav_menu li a:hover{color: #F67E00 !IMPORTANT;}

.navActive div span{color: #F67E00 !IMPORTANT;}



/* Second Level Nav Styles */

#nav_menu ul li ul{margin: 5px 0px 0px 10px; padding: 0; display: none;}

#nav_menu ul li ul li{}

#nav_menu ul li ul li span{font-family: 'Numans', sans-serif !IMPORTANT; font-size: 18px;}

#nav_menu ul li ul li a{font-family: 'Numans', sans-serif !IMPORTANT; font-size: 18px;}



/*

*   Home page styles

*/

#home_boxes{margin: 0; padding: 0;}

.home_box{list-style-type: none; background-position: bottom; width: 670px; height: 188px;margin-bottom: 8px; float: right; cursor: pointer;}

.home_box h1{margin: 15px 0px 0px 175px; padding: 0;}

.home_box p{margin: 2px 0px 0px 175px; padding: 0; font-size: 14px;}

.home_box:hover,.home_box:hover p,.home_box:hover h1{background-position: top; color: white;}

.home_box_no_hover{list-style-type: none; background-position: bottom; width: 670px; height: 188px;margin-bottom: 8px; float: right;}

.home_box_no_hover h1{margin: 15px 0px 0px 175px; padding: 0;}

.home_box_no_hover p{margin: 2px 0px 0px 175px; padding: 0; font-size: 14px;}

/*#home_box_1{background-image: url("img/home/box_bg.png");}

#home_box_2{background-image: url("img/home/box2_bg.png");}

#home_box_3{background-image: url("img/home/box3_bg.png");}*/



/* Home page 3 steps */



#home_steps{width: 245px; height: 300px; background-image: url("img/home/3_simple_steps.png"); margin: 19px 3px;}

#step_list{margin: 0; padding: 12px; padding-top: 73px; padding-left: 15px;}

.step_head{list-style-type: none; margin: 5px 0;}

.step_head span{font-family: 'Abril Fatface', cursive !IMPORTANT; font-size: 20px; color: #333333;}

.step_text{list-style-type: none; font-family: 'Numans', sans-serif !IMPORTANT; font-size: 12px; color: #333333;}



/*

* Drop down text styles

*/

.drop_text{margin: 12px 0;}

.drop_text_body{font-size: 14px; margin: 15px 0 15px 15px; padding: 0;}

.drop_text_head{font-size: 16px; font-weight: bold; cursor: pointer;}

.drop_text_body p{display: none; padding-left: 15px;}



/* 

* Sub category landing page styling

*/



#sub_categ_container{width: 685px;}

.sub_categ_box{width: 215px; height: 70px; float: left; margin: 5px 6px; background-position: bottom;}

.sub_categ_box:hover{background-position: top;}



/*

* Catalogue items

*/



.catalogue-view-inner{

    

}

.catalogue-view-inner h4{

    font-size: 20px !IMPORTANT;

    word-wrap: break-word;

}

.catalogue-view-inner h5{

    font-size: 18px !IMPORTANT;

    font-family: 'Numans', sans-serif !IMPORTANT;

    color: #666666 !IMPORTANT;

}

.catalogue-view-inner-left{

    float: left;

    width: 230px;

}



.catalogue-view-inner-right{

    float: left;

    width: 400px;

    margin-left: 10px;

}



.catalogue-view-inner-right ul{

    padding-left: 15px;

}

.request-quote{

    cursor: pointer;

    margin-top: 5px;

    width: 230px;

    min-height: 30px;

    background-image: url("catalogue/request-quote.png");

    background-position: bottom;

}

.request-quote:hover{background-position: top;}



.request-quote-submit{

    cursor: pointer;

    margin-top: 15px;
    margin-left: -15px;

    width: 230px;

    min-height: 30px;

    background-image: url("catalogue/request-quote.png");

    background-position: bottom;

    float: left;

    border: 0;

}

.request-quote-submit:hover{background-position: top;}



#all_item_container{

    float: left;

    width: 685px;

    margin-left: 5px;

}



.item_box{

    float: left;

    width: 215px;

    height: 215px;

    margin-right: 12px;

    margin-top: 6px;

    margin-bottom: 6px;

}



.image_info{

    height: 37px;

    width: 215px;

    position: relative;

    bottom: 37px;

    z-index: 10;

    background-color: #E9E9E9;

    font-size: 16px !IMPORTANT;

}



.image_info h3{

    float: left;

    line-height: 37px;

    margin-left: 10px;

}



.image_info img{

    float: right;

    margin-top: 5px;

    margin-right: 2px;

}

#item_lb_cont{

    display:none;

    z-index:10000;

    width: 489px;

    background-color: #CCCCCC;

    padding: 25px 45px;

}

.item_lb_right img{

    border: 1px solid black;

    max-width: 196px;

}

#item_lb_cont h5{ 

    font-family: 'Numans', sans-serif !IMPORTANT;

}

#item_lb_cont input[type="text"]{

    border: 1px solid black;

    height: 30px;

    text-indent: 5px;

}



#item_lb_cont h1{

    font-size: 32px !IMPORTANT;

}

.item_lb_right input[type="text"],.item_lb_right textarea{

    border: 1px solid black;

    height: 30px;

    width: 196px;

    margin-bottom: 10px;

    padding: 0;

}

.item_lb_right label{

    font-family: 'Abril Fatface', cursive !IMPORTANT;

    font-size: 20px;

    margin: 0 !IMPORTANT; 

    color: #333333;

}



.item_lb_left{

    width: 250px;

    float: left;

    margin-bottom: 25px;

}



.item_lb_right{

    width: 196px;

    float: right;

    height: 100%;

}



.item_lb_left h3{

    margin-bottom: 5px;

}



.checkbox, .radio { 

    width: 16px; height: 16px; padding: 0 0 0 0; background: url(radio.png) no-repeat; display: block; cursor: pointer; float: left; margin-bottom: 5px;

}

.label_left{

    float: left; width: auto !IMPORTANT;

}



.label_left label{

    float: left; margin-right: 10px; margin-left: 3px;

}



.width_large{

    width: 240px !IMPORTANT;

}

.width_small{

    width: 115px !IMPORTANT;

}

.colour_select{

    margin: 2px;

}



.colour_selected{

    border: 1px solid #CCC; margin: 1px;

    outline: 2px solid #FF9900;

}



.small_text{

    width: 50px;

    margin-right: 5px;

    

}



.attribute_box{

    float: left;

    margin: 5px auto;

}



.attr_colours{

    float: left;

}



.footer_link{

    color: black !IMPORTANT;

}



#contact_form{

    

}



#contact_left{

    width: 492px;

    float: left;

    height: 500px;

}

#contact_right{

    width: 180px;

    float: left;

    height: 500px;

}



#contact_right ul{

    list-style-type: none;

}



#contact_right ul li{

    margin: 20px auto;

}



#contact_left input[type="text"]{

    height: 40px !IMPORTANT;

    width: 492px !IMPORTANT;

    border: none !IMPORTANT;

    background-color: #EBEBEB !IMPORTANT;

    margin: 5px auto !IMPORTANT;

    text-indent: 10px;

    font-size: 18px !IMPORTANT;

}

#contact_left textarea{

    height: 140px!IMPORTANT;

    width: 482px !IMPORTANT;

    border: none !IMPORTANT;

    background-color: #EBEBEB !IMPORTANT;

    margin: 5px auto !IMPORTANT;

    resize: none !IMPORTANT;

    font-size: 18px !IMPORTANT;

    padding-left: 10px !IMPORTANT;

}



#contact_left input[type="submit"]{

    width: 143px !IMPORTANT;

    height: 40px !IMPORTANT;

    background-image: url(contact_submit.png);

    background-position: bottom;

    cursor: pointer;

    border: none !IMPORTANT;

    float: right;

}



#contact_left input[type="submit"]:hover{

    background-position: top;

}



#check_cont{

    position: absolute;

    margin-top: 10px;

}





#check_cont .checkbox{

    position: relative; 

    width: 16px; 

    height: 16px; 

    padding: 0 0 0 0; 

    background: url(checkbox.png) no-repeat; 

    display: block; 

    cursor: pointer;  

    margin-bottom: 2px !important; 

    margin-left: 20px !IMPORTANT; 

    margin-right: 10px !IMPORTANT;

}



#check_cont img{

    float: left;

}



#check_cont span{

    float: left;

}



#contact_right span{

    font-weight: bold !IMPORTANT;

    font-size: 14px !IMPORTANT;

    color: #333333 !IMPORTANT;

}



#nav_menu li .current a{

    color: #F67E00 !IMPORTANT;

}



#special_box{

    width: 670px;

    height: 110px;

    float: left;

    margin-left: 5px;

    margin-bottom: 5px;

}



.catalogue-view-inner-right h1{

    margin: 0;

    padding: 0;

    line-height: 40px;

    margin-bottom: 5px;

}



#email_share{

    display: none;

    width: 500px;

    background-color: #D9D9D9;

    height: 520px;

    padding: 20px;

}



#email_share h1{

    font-size: 25px !IMPORTANT;

}



#email_share input, #email_share textarea{

    float: left;

    width: 100%;

    margin: 5px 0;

}

#email_share textarea{

    height: 75px;

}

#email_share_form_cont{

    width: 450px;

    margin: 0 auto;

}





.enquire-now{

    cursor: pointer;

    margin-top: 5px;

    width: 230px;

    min-height: 30px;

    background-image: url("img/enquire_now.png");

    background-position: top;

    display:block;

}

.enquire-now:hover{background-position: bottom;}



#lbClose{

    position:absolute;

    top: -15px;

    right: -15px;

    background-image: url("img/Auckland-Digital-Print-Close.png");

    background-position: top;

    background-repeat: no-repeat;

    width: 36px;

    height: 36px;

    cursor: pointer;

}



#thanks{

    width: 579px;

    height: 255px;

    background: url("img/thanks.png") top left no-repeat;

    display: none;

}

#thanks p{

    margin-top: 120px;

    margin-bottom: 40px;

    margin-left: 30px;

}



#thanksClose{

    width: 230px;

    height: 30px;

    background: url("img/thanksClose.png") top left no-repeat;

    margin-left: 30px;

    cursor: pointer;

}