@charset"UTF-8";

/* CSS Document */
 article, section, aside, hgroup, nav, header, footer, figure, figcaption {
	display: block;
}
html {
	background:#f5f4ef url('http://www.officedesign.co.nz/uploads/odimg/bg.png') repeat-x top left;
	height:100%;

}
body {
	background-image:url('http://www.officedesign.co.nz/uploads/odimg/curve.png');
	background-repeat:no-repeat;
	background-position:center 111px;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
}

a{
	color:#26216b
}

a:hover{
	text-decoration:none
}


#wrapper {
	width: 1140px;
	margin-left:auto;
	margin-right:auto; 
}
header {
	height: 111px;
	width:1140px;
}

header#toparea h1, nav#topnav h1, nav h1{
	position:absolute;
	left:-99999em;
}
#phone a{
	float:right;
	height:40px;
	font-size:20px;
	font-family:century gothic, tahoma;
	margin-right:15px;
        padding-top:4px;
}
#logo {
	float:left;
	width:400px;
}
nav#topnav {
	width:740px;
	float:left; border-top:0px solid red; 
	height:60px;
}

nav#topnav{
	background-image:url('http://www.officedesign.co.nz/uploads/odimg/menubg.png');
	background-repeat:no-repeat;
	width:740px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	text-transform:uppercase; position:relative;

}

#search{
position:absolute;
float:left;
width:50px;
right:0px;
border:0px solid red
}


/*Middlearea styles goes here */
section#middlearea{
	width:1140px;
	margin-top:5px;
	height:515px;
}

section#tagline{
	width:1140px;
	margin-top:5px;
	height:50px;
	
}

section#middlearea h1, section#tagline h1{
	position:absolute;
	left:-99999em;
}

section#middlearea nav#categories-nav{
	float:left;
	width:250px;
}

/*slideshow style*/
section#middlearea #slideshow{
	float:left;
	width:840px
}




#content {
	float: left;
	width:1080px;
	clear:both;
	background-color:white;
	border:1px solid #c1c0bc;
	/*border-top:0px;*/
	padding:30px;
	
}

#content2 {
	float: left;
	width:1128px;
	clear:both;
	background-color:white;
	border:1px solid #c1c0bc;
	/*border-top:0px;*/
	padding:6px;
min-height:500px;	
}
#content3 ul {
    list-style-type:none; 
  
    
}
#content3 li {
    background:url(http://www.officedesign.co.nz/uploads/odimg/bullet-product.png) no-repeat left 8px  !important;
    padding-left:10px;
    line-height:180%;
     
}
#sidebar{
	float:left;
	width:250px;

}

#content2 #content3{
	float: left;
	width:825px;
	/*background-color:red;*/
	border:0px solid #c1c0bc;
	/*border-top:0px;*/
	padding:20px;


}

footer {
	clear:both;
	height: 50px;
}

footer#pagefooter{
	display: block;
    float:left;
    padding:1em 0; 
    width:100%
}



footer#pagefooter .heading{
    color:#3f454b;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
text-transform:uppercase;
font-weight:bold;
    margin:0px;
}
footer#pagefooter p{
    color:#505051;
    font-size:12px;
	line-height:120%
}

div#contact{
    width:350px;
    float:left;
}

div#navigation{
    width:360px;
    float:left;
}

div#getintouch{
    width:430px;
    float:left;
}

/* Footer navigation */
.footer-navigation ul{
	/*padding-top: 15px*/ margin-left:-20px

}
.footer-navigation > ul > li {
	float:left;
	width: 50%; margin:0px
}
.footer-navigation > ul > li > a, .footer-navigation > ul > li span.sectionheader {
	/*font-family:'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
	text-transform: uppercase;
	color: #555;
	text-decoration: none;
	display: block
}
/* second level */
.footer-navigation > ul ul {
	margin-top: 0px;
margin:0px; padding:0px;

}
.footer-navigation > ul > li li {
	float: none;
	width: 100%;
	display: block
  /*      margin-top: 3px;  */
}
.footer-navigation > ul > li li a, .footer-navigation > ul > li.sectionheader li a, .footer-navigation > ul > li li span.sectionheader {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 1.5px 0;
	color: #555; font-size:12px;
}
.footer-navigation > ul > li li a:hover, .footer-navigation > ul > li a:hover {
	text-decoration:underline
}
/* Stylesheet: Layout  Modified On 2016-08-12 15:34:46 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	/*margin: 0;
	padding: 0;
	position:relative;*/
	z-index:2;
}
.clearb {
	clear: both;
}
#menuwrapper {
	height: auto;
         width:auto;
         float:left;
         padding: 0;  
         margin-right:10px;
	border: 0px solid #CCCCCC;
margin-left:25px;
}

ul#primary-tnav, ul#primary-tnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

ul#primary-tnav {
	padding-top: 0px;
	padding-left: 0px;
         align:center;
}

ul#primary-tnav ul {
	position: absolute;
	top: auto;
	display: none;
	border-top: 0px solid #C8D3D7;
	border-right: 0px solid #C8D3D7;
	border-bottom: 0px solid #ADC0C7;
	border-left: 0px solid #A5B9C0;
         margin-top:0px;
}
ul#primary-tnav ul ul {
	margin-left: -1px;
	left: 100%;
	top: 0px;
         width:auto;
         margin-top: -1px;
}

ul#primary-tnav li {
	float: left;
         border:0px solid black;
            }
#primary-tnav li li {
	width: 220px;
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative;
	background:none;
             border-bottom: 0px solid white;
             border-top: 0px solid white;
             border:0px solid red;
}

ul#primary-tnav li a {
	font-size: 13px;
	color: #000;
	padding: 19px 10px;
	display: block;
	text-decoration: none;
        font-family: 'Open Sans', sans-serif;
font-weight:normal;
}



a.lastone {
            background:  url(http://www.officedesign.co.nz/uploads/drmimg/menup1.png) no-repeat right 2px;
            border:0px solid red;
}


ul#primary-tnav li a.lastone {
            background:  url(http://www.officedesign.co.nz/uploads/drmimg/menup1.gif) no-repeat right 2px;
            border:0px solid red;
}

ul#primary-tnav li a:hover {
         background:  url(http://www.officedesign.co.nz/uploads/odimg/menuh.png) repeat-x top left;
         color:#fff; }

ul#primary-tnav li li a:hover {
	color: #FFF; background-image: none;
}

ul#primary-tnav li a.menuactive{
         background:  url(http://www.officedesign.co.nz/uploads/odimg/menua.png) no-repeat top center;
         color:#000;
}

ul#primary-tnav li.menuparent a.menuparent:hover{
         background:  url(http://www.officedesign.co.nz/uploads/odimg/menuh.png) repeat-x top left;
         color:#fff;
}


ul#primary-tnav li li a.menuactive {
	color: #fff;
	font-weight: normal;
          color:#000; background-image:none
}
ul#primary-tnav li a.menuactive:hover {
	color: #fff;
         background:  url(http://www.officedesign.co.nz/uploads/odimg/menuh.png) repeat-x top left;
}
ul#primary-tnav li li a.menuactive:hover {
	color: #fff;
         background-image:none
}

#primary-tnav li li a.menuparent span {
	display: block;
	background:  url(http://www.officedesign.co.nz/uploads/ngrey/parent.png) no-repeat 98% center;
}

* html #primary-tnav li li a.menuparent span {
	background:  url(http://www.officedesign.co.nz/uploads/ngrey/parent.gif) no-repeat 98% center;
}

ul#primary-tnav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 9px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-bottom: 0 px solid white;
	border-right: 0 none;
	border-left: 0 none;
text-transform:none; 
background:none;
font-family: Tahoma, 'Open Sans Condensed', sans-serif;

	font-size: 10pt;

             border-bottom:0px solid white;
}

ul#primary-tnav li ul {
            background-color: #fff;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
             position: absolute;
	z-index: 1999;
             border-right: 1px solid #716e63;
	border-top: 1px solid #716e63;
	border-bottom: 1px solid #716e63;
             border-left:5px solid #716e63;
font-family: Tahoma, 'Open Sans Condensed', sans-serif;

}

ul#primary-tnav li ul ul {

}

#primary-tnav li:hover,
#primary-tnav li.menuh,
#primary-tnav li.menuparenth,
#primary-tnav li.menuactiveh {
	color: #fff
}

#primary-tnav li li:hover,
#primary-tnav li li.menuh,
#primary-tnav li li.menuparenth,
#primary-tnav li li.menuactiveh {
	background-image:  none;
	background-color:  #b6b6ab;
	color: #fff
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-tnav li:hover ul ul ul,
#primary-tnav li.menuparenth ul ul ul,
*/
#primary-tnav ul,
#primary-tnav li:hover ul,
#primary-tnav li:hover ul ul,
#primary-tnav li.menuparenth ul,
#primary-tnav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-tnav ul ul ul li:hover ul,
#primary-tnav ul ul ul li.menuparenth ul,
*/
#primary-tnav li:hover ul,
#primary-tnav ul li:hover ul,
#primary-tnav ul ul li:hover ul,
#primary-tnav li.menuparenth ul,
#primary-tnav ul li.menuparenth ul,
#primary-tnav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-tnav li li {
	float: left;
	clear: both;
}
#primary-tnav li li a {
	height: 1%;
}
/* Stylesheet: Topmenu Modified On 2013-05-21 09:49:37 */
html,body,p,th,td,li,dd,dt {
	font-family:Tahoma,Century Gothic,Verdana;
	/*font-size:13px;*/
}

a{
	color:#2f5e9e;
	font-size:13px;
}

a:hover{
	text-decoration:none;
}

a img{
	border:0px;
}

p{
	font-family:Tahoma, arial,Century Gothic,Trebuchet MS, Century Gothic, verdana;
	color:#202020;
	font-size:13px; 	line-height:140%;


}

h1{
	margin:0px;
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
	font-size:40px;
	font-weight:400;
	/*font-style:italic;*/
	color:#38319c; 
}


#content h1{
/*border:1px solid red;*/
margin-top:-50px;
}

h2{
	font-size:28px;
	font-weight:normal;
	color:#7ab031;
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
}

h3{
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
	font-size:18px;
	font-weight:bold;
	color:#7ab031; margin:0px;

}

h4{
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
	font-size:16px;
	font-weight:normal;
	color:#000;
}

h5{
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
	font-size:14px;
	font-weight:normal;
	color:#18516d;
}

h6{
	font-family:Tahoma, Trebuchet MS,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#275b86;margin:0px
}



/* Stylesheet: Font Styles Modified On 2013-05-21 10:06:52 */
/*This where we style our category menu */
nav#categories-nav{
	margin-top:50px;
}
#content2 nav#categories-nav{
	margin-top:0px; float:left; }

nav#categories-nav > ul{
	padding: 0px;
	margin: 0;
	float: left;
	list-style:none;
	width:250px;
}

nav#categories-nav > ul > li {
	height:86px;

	margin:0px;
	margin-bottom:5px;
}

nav#categories-nav > ul > li >  a {
	background:#adaca4;
	padding: 15px 20px;
	color: #FFF;
	text-decoration: none;
	float: left;
	display:block;
	width:210px;
	color:#fff;
    font-family: 'Open Sans', sans-serif;  
	font-weight:500;
    font-size:22pt;
	line-height:90%;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #919086;
}

nav#categories-nav ul li span {

    font-size:16pt;

}

a:first-line{
	width:10px;
	border:1px solid red;
}

nav#categories-nav > ul > li > a:hover {
	color: #fff;
background:transparent url(http://www.officedesign.co.nz/uploads/odimg/cat-hover.png);
/*background-color:red;-*/
}




ul.megamenu {
  list-style: none;
  display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
  float:left; width:250px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}


ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 9;
  margin-left:255px;
  margin-top:-60px;
}

.mm-content-base {
  background: #FFF;
  position: relative;
  z-index: 11;
  padding: 10px;
}
.mm-js-shadow {

  position: absolute;
  z-index: 10;
}



















.navigation > ul {
width:100%; list-style:none; margin:0px;margin-left:-30px;
}

.navigation > ul > li {
	float:left;
	width: 200px;
border:0px solid red; 
margin:2px;
}

.navigation > ul > li {
	text-transform: uppercase;
}




.navigation > ul > li > a
{
width:180px;
	text-transform: uppercase;
	color: #555;
	text-decoration: none;
	display: block; 
font-size:11pt;
padding:4px; margin:2px;
  -moz-border-radius: 10px;
  -moz-transition: -moz-;
  -ms-transition: -ms-;
  -o-transition: -o-;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: -webkit-;
  background-color: #b2e371 ;
  background-image: -moz-linear-gradient(0deg, #d4efad , #b2e371 );
  background-image: -ms-linear-gradient(0deg, #d4efad , #b2e371 );
  background-image: -o-linear-gradient(0deg, #d4efad , #b2e371 );
  background-image: -webkit-linear-gradient(0deg, #d4efad , #b2e371 );
  background-image: linear-gradient(0deg, #d4efad , #b2e371 );
  border-radius: 10px;
  border: 1px solid #88a760;
  color: #555;
  display: inline-block;
  margin: auto;
  text-decoration: none;
}





/* second level */
.navigation > ul ul {
	margin-top: 0px;
	margin:0px; padding:0px;
	margin-left:-5px; 
list-style:none; 
margin-bottom:5px;

}



.navigation > ul > li > li > a {
	float: none;
	width: 100%;
	display: block;
	text-transform: none; }

.navigation > ul > li li li {
	float: none;
	width: 100%;
	display: block;
		text-transform: none; font-weight:normal
}
.navigation > ul > li li  a {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 0px 0;
	color: #555; font-size:12px; font-weight:bold;
margin-left:10px;
width:170px;
padding:5px;
background:url(http://www.officedesign.co.nz/uploads/odimg/bullet-product.png) no-repeat center left;
padding-left:15px;
}

.navigation > ul > li li  a:hover{
background-color:#d3f5a7!important;
background-image:none;
background:url(http://www.officedesign.co.nz/uploads/odimg/bullet-product.png) no-repeat center left;
}

.navigation > ul > li li li  a:hover{
background-color:#d3f5a7!important;
background-image:none;
}

.navigation > ul > li li li a {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 0px 0;
	color: #555; font-size:12px; font-weight:normal;
margin-left:30px;
padding:2px;
background:none;
border:none;
}


.navigation a:hover {
	color: #555!important;
}

.mm-item-content{
border:1px solid pink
}
/* Stylesheet: Megamenu Modified On 2013-10-29 10:55:00 */
.breadcrumb{
	color:#7b7a78;
	float:right;
	font-family:tahoma, Arial, sans-serif;
	font-size:10pt;
	font-weight:normal;
}

.breadcrumb a{
	color:#7b7a78;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline
}

.hierarchy-title h1{
	margin: 0px;
	font-family: 'Open Sans Condensed', Century Gothic, Arial;
	font-size: 40px;
	font-weight: normal;
	color: #38319c;
	text-transform:uppercase;
}

.product-name h2{
	color:#3d3d3d;
	font-family: 'Open Sans', Century Gothic, Arial;
	text-transform:uppercase;
	font-size: 20px; 	
}

.summary-detail{
	color:#7b7a78;
	font-family:tahoma, Arial, sans-serif;
	font-size:10pt;
	width:305px;
	float:left;
}

.buttons{
	margin-top:20px;
}

.prod-images{
	float:left;
	width:500px;
	padding:10px;
	margin-bottom:20px;
	
}
.img1{
	float:left
}
 .img2, .img3, .img4{
	float:left;
	width:90px;
	font-family:tahoma, Arial, sans-serif;
	color:#7b7a78;
	font-size:8pt;
	text-align:center;
	padding:5px;
}

.line{
	background: #adaca4;
	width:100%; height:1px; clear:both
}
/*--------------Detail---------*/
#left-col{
	width:470px;
	float:left;
}

#right-col{
		width:350px;
	float:left;
}


.buttons-d{
	margin-top:0px;
	float:right;
}

.nzflag{
	float:left;
	width:120px;
	color:#7b7a78;
	font-family:tahoma, Arial, sans-serif;
	font-size:8pt;
	text-align:center;
	padding:5px;
}

.warranty{
	float:left;
	width:120px;
	color:#7b7a78;
	font-family:tahoma, Arial, sans-serif;
	background:url(http://www.officedesign.co.nz/uploads/odimg/warranty.png) no-repeat center top;
	font-size:8pt;
	text-align:center;
	padding:5px;
}

.warranty span{
	color:#849196;
	font-family: 'Open Sans Condended', Century Gothic, Arial;
	text-transform:uppercase;
	font-size: 30px;	
	height:60px;
	display:block;
	font-weight:bold;
	letter-spacing:-1px;
	
}

.video{
	float:right;
	width:180px;
	
}

.like{
	float:left;
	width:120px; text-align:center; padding:6px;

}
.like:hover{
border:1px solid #bdbdbd;
padding:5px;
}
.like a{
	text-decoration:none;
	color:#474747
}
.like a:hover{
	text-decoration:underline;
	color:#474747
}

/*-------button style----------*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;

}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/* orange */
.green {
	color: #3d3d3d;
	border-top: solid 1px #fefffd;
	/*background: #b0e271;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#cfed9d), to(#b0e271));
	background: -moz-linear-gradient(top,  #cfed9d,  #b0e271);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfed9d", endColorstr="#b0e271");
	
	}
	

.green:hover {
	color:#fff;
	/*background: #3932a0;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#3932a0), to(#2b275f));
	background: -moz-linear-gradient(top,  #3932a0,  #2b275f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#3932a0", endColorstr="#2b275f");
}
	
	

/* blue */
.blue:hover {
	color: #3d3d3d;
	border-top: solid 1px #fefffd;
	/*background: #b0e271;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#cfed9d), to(#b0e271));
	background: -moz-linear-gradient(top,  #cfed9d,  #b0e271);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfed9d", endColorstr="#b0e271");
	
	}
	

.blue {
	color:#fff;
	/*background: #3932a0;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#3932a0), to(#2b275f));
	background: -moz-linear-gradient(top,  #3932a0,  #2b275f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#3932a0", endColorstr="#2b275f");
}

/*  Cart Summary */
#cart{
	background:url(http://www.officedesign.co.nz/uploads/odimg/enquiry-cart-bg.png) no-repeat top left;
	width:184px;
	height:37px;
	padding-left:60px;
	font-family: 'Open Sans', sans-serif;  
	font-size:10pt;
	padding-top:8px;
	color:#3d3d3d;}

#cart-box{
clear:both;
margin-top:-70px;
float:left;
/*position:absolute;*/
} 

#cart-box2{
margin-top:-70px;
float:left;
position:relative;
border:0px solid red;
clear:right;
} 


.cart-info{
	background:url(http://www.officedesign.co.nz/uploads/odimg/cart-middle.png) repeat-y top left;
	border-bottom:1px solid #d1d1d1;
	padding:10px;
	width:235px;
min-height:55px; clear:both
}
.cart-info2{
	background:url(http://www.officedesign.co.nz/uploads/odimg/cart-middle.png) repeat-y top left;
	padding:10px;
	width:235px; tex-align:right
}

#cart-summary{
	margin-top:-15px;
	
}


/* Stylesheet: Products Modified On 2013-05-21 13:23:40 */
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	div.pp_default .pp_social { margin-top: 7px; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 0; }
				.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(http://www.officedesign.co.nz/uploads/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}
/* Stylesheet: Product - Video Modified On 2013-05-17 13:14:58 */
#wrapper11 {
	width: 350px;
	height: auto;			
position:relative
}

#carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {

}

#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
	
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img{
	border: none;
	/*width: 90%;*/
	clear:both; 
	/*position: relative;*/
	top: 0;
	left: 20px;
}

#thumbs img {
	border: none;
	width: 80px;
	position: relative;
	top: 0;
	left: 0; float:left;
}

#carousel span {
	width:350px;
	height:400px;
	overflow: hidden;
}

#carousel span img{
	/*margin:0px auto;*/
   display:block;
   margin: 0 auto;
   border:0px solid red;
   float:none!important;
}

#thumbs-wrapper {
	padding: 0px 40px;
	position: relative;
	overflow: hidden;


}
#thumbs a {
	/*width: 100px;
	margin: 0 3px;
	overflow: visible;
	text-decoration:none;*/
	
					width: 100px;
				height:280px;
				margin: 0 5px;
				overflow: hidden;
				display:block; text-decoration:none;

}

#thumbs p{
 float:left; clear:both; color:#7b7a78;
 font-size:8pt;
 text-align:center;
 line-height:120%;
}


#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
	width: 90px;
	height:280px;
}

#wrapper img#shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#prev, #next {
	background: transparent url('http://www.officedesign.co.nz/uploads/odimg/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -80px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}

/* Stylesheet: Product-Gallery Modified On 2013-05-17 14:25:35 */
/* Example Styles for Demo */
.etabs {
	margin: 0;
	padding: 0;
}
.tab {
	display: inline-block;
	*display:inline;
	border: solid 1px #c9c9c9;
	border-bottom: 1px solid #e1f0ce; background: #e1f0ce;

	
}
.tab a {
	font-size: 14px;
	line-height: 1.5em;
	display: block;
	padding: 5px 20px;
	text-decoration:none;	
	color:#373833; 
    font-weight:normal;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase.

	
}
.tab a:hover {
	color:#000;
		
}
.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #acaca2;
	border-bottom: 1px solid white;
}
.tab a.active {
	/*font-weight: bold;*/
}
.tab-container .panel-container {
	background: #fff;
	border: solid #acaca2 1px;
	padding: 10px;
}
.panel-container {
	margin-bottom: 10px;
}
/* Stylesheet: Product-Tabs Modified On 2013-05-17 13:10:28 */
#main-table{
border-left:1px solid #bababa;
	border-right:1px solid #bababa;
margin:0 auto
}

#cartview{
	width:500px;
	padding:0px;
	font-size:13px;
	color:#464646;
	/*border-left:1px solid #bababa;
	border-right:1px solid #bababa*/	
}

#cartview td{
padding-left:4px;
padding-right:4px;
padding-top:4px;
}
#totalp td{
padding-left:4px;
padding-right:4px;
padding-top:4px;
}

.cart-h td{
	background-color:#c3e98c;
	height:45px;
	color:black;
	font-family:  'Open Sans', Arial;
	font-weight:bold; text-transform:uppercase;
	font-size:10pt;
}


.total-price{
	color:#16557d;
	font-size:13pt;
}

.total-cost{
	text-align:center;
	background-image: url('http://www.officedesign.co.nz/uploads/cfimg/total-cost.png'); 
	background-repeat: no-repeat; 
	background-position: center;
	background-color:#D3F5B4;
	width:200px;
	
}


.total-cost h3{
	color:#000;
	font-size:15pt;
	font-weight:normal;
	font-family: Arial, 'Open Sans Condensed', Arial;
	margin:0px;
}
#cartview img{
padding:3px;
border:1px solid #bababa;
}

.total-cost h4{
	color:#16557d;
	font-size:15pt;
	font-weight:normal;
	font-family: Arial, 'Open Sans Condensed', Arial;
	margin:0px;	
}
/* Stylesheet: cart Modified On 2013-05-21 10:13:06 */
/*Button*/
.gmore {
  -moz-border-radius: 25px;
  -moz-box-shadow: #6E7849 0px 0px 3px;
  -moz-transition: -moz-;
  -ms-transition: -ms-;
  -o-transition: -o-;
  -webkit-border-radius: 25px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: -webkit-;
  background-color: #cfed9d;
  background-image: -moz-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -ms-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -o-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -webkit-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: linear-gradient(0deg, #b0e271, #cfed9d);
  border-radius: 25px;
  box-shadow: #6E7849 0px 0px 3px;
  color: #3d3d3d;
  display: inline-block;
  margin: auto;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  text-decoration: none; text-transform:uppercase;
}


.gmore:hover {
  background-color: #3932a0;
  background-image: -moz-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -ms-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -o-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -webkit-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: linear-gradient(0deg, #2b275f, #3932a0);
  color: #ffffff;
}







.bmore {
  -moz-border-radius: 25px;
  -moz-box-shadow: #6E7849 0px 0px 3px;
  -moz-transition: -moz-;
  -ms-transition: -ms-;
  -o-transition: -o-;
  -webkit-border-radius: 25px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: -webkit-;
  background-color: #3932a0;
  background-image: -moz-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -ms-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -o-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: -webkit-linear-gradient(0deg, #2b275f, #3932a0);
  background-image: linear-gradient(0deg, #2b275f, #3932a0);
  color: #ffffff;
  border-radius: 25px;
  box-shadow: #6E7849 0px 0px 3px;
  display: inline-block;
  margin: auto;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  text-decoration: none; text-transform:uppercase;
}


.bmore:hover {
  background-color: #cfed9d;
  background-image: -moz-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -ms-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -o-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: -webkit-linear-gradient(0deg, #b0e271, #cfed9d);
  background-image: linear-gradient(0deg, #b0e271, #cfed9d);
  color: #3d3d3d;

}


/* Stylesheet: Button Modified On 2013-05-21 13:25:28 */