@import url('/include/screen.css');
@import url('/include/gallery.css');
/**************
*** MILONIC ***
**************/

.milonictable { width:auto; margin:0; }
.milonictable td { padding:0; }

body {
	font-size:	12px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0px;
	
} 
.body {
	background-color:#e3e3e3;
	
}
.body-internal {
	background-color:#e3e3e3;
}
#wrapper {
	background-color:#FFFFFF;
	margin:0 auto;
	background-image: url(../images/template/exhibitionstandsnz/body-bg.gif);
	background-repeat:repeat-x;
}

#wrapper-internal {
	background-color:#FFFFFF;
	margin:0 auto;
	background-image: url(../images/template/exhibitionstandsnz/body-bg-internal.gif);
	background-repeat:repeat-x;
}

#footerwrapper {
	background-color:#e3e3e3;
	margin:0 auto;
	background-image: url(../images/template/exhibitionstandsnz/footer-bg.jpg);
	background-repeat:repeat-x;
	min-height:120px;
}
#masthead-search {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin:1px 0;
	text-align:right;
}
#masthead-search form {
	display:inline;
	margin:0;
	padding:0;
}
#masthead-search span {
	border-right:1px solid #b2b2b2;
	padding:0 20px 0 30px;
	height:10px;
	text-transform:uppercase;
}
#masthead-search span a {
	color:#454545;
	text-decoration:none;
}
#masthead-search span#btn-home {
	background:url(/images/icon-home.gif) no-repeat scroll 10px 0;
}
#masthead-search span#btn-email {
	background:url(/images/icon-email.gif) no-repeat scroll 10px 0;
}
#masthead-search span#search {
	border-right:0 none;
	padding:0 10px 0 20px;
}
.masthead-search-box {
	border:1px solid #b2b2b2;
	color:#454545;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:1px 3px;
	text-transform:uppercase;
	vertical-align:middle;
	width:200px;
}
.masthead-search-button {
	background:url(/images/btn-search.gif) no-repeat scroll 0 0;
	height:20px;
	vertical-align:middle;
	width:20px;
}

#masthead h1 span {
	display:none;
}
#menu {
	margin:1px 0;
}

#feature {
	padding-bottom:20px;
}

#content {
	
}

#footer{
	border-top:1px dashed #ccc;
	margin:1px 0;
	padding:10px 0;
	
}
#footer a, #footer p {
	font-size:11px;	
	margin:0;
	padding:0;
	color:#666666;
}

#footerlinks {
	text-align:center;
	
}
#footerlinks a, #footerlinks p {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#right {
	float:right;
}
h1 {
	color:#00aaee;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:24px;
	padding-top:20px;
}
h2 {
	color:#00aaee;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:16px;	
}
h3 {
	color:#00aaee;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:14px;
	padding-top:5px;	
}
h4 {
	color:#00aaee;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;	
}
hr {
	border-width: 1px 0 0 0; 
	border-style: dashed;
	border-color: #99cccc; 
    margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	height: 1px;
}
hr.dotted {
	border-width: 1px 0 0 0; 
	border-style: dashed;
	border-color: #666666; 
    margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	height: 1px;
}

p, td {
	
	text-decoration:none;
}
a, a:hover {
	color:#00aaee;
	text-decoration:underline;
}
ul{
	list-style:none outside none;
	margin:0 0 0 10px;
	padding:3px 0 10px 0;
}
ul li {
	background:url(/images/menu-arrow.gif) no-repeat scroll 0 4px;
	line-height:24px;
	margin:0;
	padding:0 0 0 10px;
}
ul.quicklinks li{
	background:url(/images/menu-arrow.gif) no-repeat scroll 0 4px;
	line-height:24px;
	margin:0;
	padding:0 0 0 10px;
}
.dotted{
	background:none;
	border:0 none;
	border-top:1px dotted #666666;
}
.dashed{
	background:none;
	border:0 none;
	border-top:1px dashed #666666;
}
.highlight {
	background-color: #f6f6f6;
}
/****************
*** RHS Items ***
****************/

.rhsitem
{
	padding-top:5px;
	padding-bottom:10px;
}

.rhsitem *
{
	
}

.rhsitem h3
{
	
}

.rhsitemfooter
{
	
}

/***********************
SCROLLABLE
************************/
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/ 

div#hero {
	margin:0 0 10px;
	padding:0;
}

div.scrollable { 
	/* required settings */ 
	position:relative;
	margin:0;
	overflow:hidden; 
	width:710px; 
	height:250px; 
} 
 
div.scrollable div.items { 
	/* this cannot be too large */ 
	width:20000em; 
	position:absolute; 
	margin:0;
} 

/* single scrollable item */
div.scrollable div.items div{
	float:left;
	margin:0;
	background-color:#fff;
	padding:0;
	width:710px;
	height:250px;
}

div#hero ul#hero-navigation{
	position:absolute;
	left:10px;
	bottom:10px;
	margin:0;
	padding:0;
}
div#hero ul#hero-navigation li.hero-box{
	background:url(/images/chhnz-herobox.png) no-repeat scroll 0 0;
	float:left;
	height:30px;
	list-style:none;
	margin:0 10px 0 0;
	outline:none;
	padding:0;
	text-align:center;
	width:30px;
}
div#hero ul#hero-navigation li.hero-box a{
	color:#fff;
	display:block;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	height:24px;
	padding:3px 0;
	text-decoration:none;
	vertical-align:middle;
}
div#hero ul#hero-navigation li.hero-box  a.current{
	background-color:#FFFFFF;
	color:#006600;
}
div.home-box {
	background:#fff url(/images/chhnz-homebox-bg.gif) repeat-x scroll 0 0;
	border:1px solid #d8d8d8;
	height:300px;
	padding:10px 20px;
	width:188px;
}
div.home-box p {
	line-height:17px;
}
div.home-links > div {
	margin:0;
	padding:22px 0 22px 100px;
}
div.home-links div h3 {
	margin:0;
	padding:0;
}
div.home-links div p{
	font-size:11px;
	margin:0;
	padding:0;
}

div.home-links div h3 a{
	color:#000;
	text-decoration:none;
}

div.home-links div p a{
	color:#060;
	text-decoration:none;
	text-transform:uppercase;
}

div.home-links div#home-architects{
	background:url(/images/chhnz-architects.jpg) no-repeat scroll 0 0;
}

div.home-links div#home-home-owners{
	background:url(/images/chhnz-home-owners.jpg) no-repeat scroll 0 0;
}

div.home-links div#home-engineers{
	background:url(/images/chhnz-engineers.jpg) no-repeat scroll 0 0;
}

div.home-links div#home-trade{
	background:url(/images/chhnz-trade.jpg) no-repeat scroll 0 0;
}

div.product-box, div.product-spotlight, div.product-range-box {
	background:#fff url(/images/chhnz-homebox-bg.gif) repeat-x scroll 0 0;
	border:1px solid #d8d8d8;
	float:left;
	height:284px;
	margin:10px 0 0 10px;
	overflow:hidden;
	padding:10px;
	position:relative;
	width:150px;
}
div.product-spotlight {
	font-size:11px;
	height:600px;
	margin:10px 0 0;
}
div.product-range-box {
	font-size:12px;
	height:70px;
	margin:0 0 10px;
	width:408px;
}
div.product-range-box img{
	float:left;
	margin:0 20px 0 0;
}
div.product-range-box h4{
	color:#060;
	margin:0;
}
div.product-range-box p{
	width:380px;
}
div.product-logo-link {
	position:absolute;
	bottom:10px;
	left:10px;
	width:100%;
}
div.product-logo-link a {
	background:url(/images/right-arrow.gif) no-repeat scroll 0 0;
	bottom:15px;
	color:#fff;
	height:23px;
	position:absolute;
	right:20px;
	width:23px;
}
div#product-info div.product-features {
	border-left:1px dashed #ccc;
	margin-left:-1px;
}
div#product-info div.product-features div{
	padding:0 20px;
}
div#product-info div.tabcontainer ul {
	list-style: square inside none;
	margin:0 0 20px;
	padding:0;
}
div#product-info div.tabcontainer ul li{
	line-height:18px;
	margin:0;
	padding:0 0 0 10px;
}
div#product-info table th{
	background-color:#e5e5e5;
	font-family:'CHH Medium',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;	
	padding:10px 20px;
}
div#product-info table td{
	border:1px solid #e5e5e5;
	padding:4px 20px;
	vertical-align:top;
}

/***********************
OVERLAYS - DO NOT DELETE
************************/

div#overlay
{
	position:relative;
	display:none;
	padding:0;
	margin:0;
	border:3px solid #000;
	background-color:#fff;
}

div#overlay .close
{
	background:url(/images/close.png) no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	right:-14px;
	top:-14px;
	cursor:pointer;
	z-index:5000;
}

div#overlay div.overlayfooter
{
	display:block;
	padding:10px;	
}

div#overlay div.overlayfooter img
{
	float:right;
	margin-top:-10px;
}
/* end OVERLAYS */


/**********************************
**** Reference material slider ****
***********************************/

div.viewmaterialslider {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:35px;
	z-index:1111;
	display:block;
	overflow:hidden;
}
div.viewmaterialtab {
	width:35px;
	height:330px;
	background-color:#fff;
	background-image:url("/images/template/viewmaterialtab_closed.png");
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #000;
	border-right:1px solid #000;
	margin:0;
	padding:0;
	cursor:pointer;
	float:left;
	clear:none;
	z-index:1110;
}
div.viewmaterialtab.open {
	background-image:url("/images/template/viewmaterialtab_open.png");
}
div.viewmaterialcontent {
	position:absolute;
	top:0;
	bottom:0;
	left:35px;
	width:620px;
	padding:10px;
	background-color:#fff;
	border-left:1px solid #000;
	z-index:1109;
	overflow:auto;
}

/**** END Reference material slider ****/


/* tabs */

div.tabs
{
	padding-top:10px;
	margin:0px;
	text-decoration: none;
	font-size: 11px;
}

div.tabs ul.tabnavigation
{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

div.tabs ul.tabNavigation li
{
	display:inline;
	margin:0;
	padding:0;
}

div.tabs div.tabcontainer
{
	/*margin-top:10px;*/
	padding:20px 0;
	border-top: 1px solid #c5c5c5;
}

.hide{display:none;}


div.tabs ul.tabNavigation li a span
{
	background-image: url(/images/taboff.gif);
	background-repeat: no-repeat;
	background-position:left;
	height:30px;
	width:10px;
	line-height:30px;
	/*padding-left:10px;*/
	display:inline-block;
}

div.tabs ul.tabNavigation li a.selected span
{
	background-image: url(/images/tabon.gif);
}

div.tabs ul.tabNavigation li a
{
	background-image: url(/images/taboff.gif);
	background-repeat: no-repeat;
	background-position:right;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:10px;
	text-decoration:none;
	display:inline-block;
	height:30px;
}

div.tabs ul.tabNavigation li a.selected
{
	background-image: url(/images/tabon.gif);
}




.spotlight-header {
	background-image: url(/images/template/spotlight-header.gif);
	background-repeat: no-repeat;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	width:230px;
	height:30px;
	padding-top:5px;
}

.spotlight-textarea {
	width:228px;
	border:1px solid #cccccc;
	
}
h2.spotlight {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 0 10px;
	margin:0;
}
.spotlight-text {
	color:#666666;
	font-size:12px;
	padding:5px 10px 0 10px;
}