@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background: repeat-x url(../Images/img_bg.gif);
	color: #000000;	
	text-align:center;
}
#wrapper{ 
	width: 761px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1.2em; /* Equivalent to 12pt */	
}

/* Header
-----------------------------------------------------------------------------*/
#branding{
	width:761px;
	height:206px;
}
#branding h1{
	text-indent:-9999px;
}


/* Mini Navigation
-----------------------------------------------------------------------------*/
#miniNav{
	height:25px;
	width:721px;
	background:repeat-x top url(../Images/search_b.gif);
	margin:0 20px;
	position:relative;
}
#miniNav li{
	list-style:none;
	width:200px;
}
#miniNav li a, #miniNav li a:visited{
	display:block;
	font:normal 11px/14px Verdana, Geneva, Tahoma, sans-serif;
	text-decoration:none;
	width:200px;
	padding:2px 0;
	color:#083c8c;
}
#miniNav li a:hover{
	color:#000;	
	text-decoration:underline;
}
#miniNav h4{
	float:left;
}
#miniNav h4.brandsHeader{
	background:no-repeat center top url(../Images/search_brands_dwn.gif);
	margin:0 33px 0 0;
}
#miniNav h4.productTypesHeader{
	background:no-repeat center top url(../Images/search_products_dwn.gif);
	margin:0 45px;
}
#miniNav h4.applicationsHeader{
	background:no-repeat center top url(../Images/search_applications_dwn.gif);
	margin:0 0 0 33px;
}
#miniNav h4 a{
	text-indent:-9999px;
	width:188px;
	height:25px;
	display:block;
}
#navBrands, #navProducts, #navApps{
	position:relative;
	clear:left;
	width:719px;
	display:none;
	background-color:#FFF;
	border:1px solid #083c8c;
	background:repeat-x top url(../Images/search-bg.jpg);
	background-color:#fff;
}
#navBrands h5, #navProducts h5, #navApps h5{
	font:bold 14px/14px Tahoma, Geneva, sans-serif;
	color:#C00;
	margin:10px 0 0 18px;
}

#navBrands div div, #navProducts div div{
	margin:-10px 0 -20px 0;	
}
#navApps div div{
	margin:-10px 0 -5px 0;	
}
.closeButton{
	position:absolute;
	right:14px;
	bottom:14px;
	width:110px;
	height:16px;
}
.closeButton a{
	background:no-repeat top left url(../Images/close_button.jpg);
	cursor:pointer;
	display:block;
	width:110px;
	height:16px;
}
.closeButton a:hover{
	background:no-repeat top left url(../Images/close_button.jpg);
}
/* Main Navigation
-----------------------------------------------------------------------------*/
#navMain{
	height:50px;
	margin:0 0 0 2px;
	clear:left;
}
#navMain li{
	list-style:none;
	display:inline;
}
#navMain div li a{
	width:101px;
	height:30px;
	background:url(../Images/mainNavBg.gif) no-repeat top left;
	float:left;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font:bold 12px/27px Arial, Helvetica, sans-serif; 
	color:#4d4d4d;
	border-top:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
}
#navMain div #mainNavProfile a{
	width:103px;
}
#navMain div #mainNavContact a{
	width:104px;
	border-right:1px solid #4d4d4d;
}
#navMain div li a:hover{
	background-image:url(../Images/mainNavBgHover.gif);
	color:#fff;
}
#navMain div li.selected a{
	background-image:url(../Images/mainNavBgDown.gif);
}
#navMain div li.selected a:hover{
	background-image:url(../Images/mainNavBgHover.gif);
	color:#fff;
}


/* Content
-----------------------------------------------------------------------------*/
#content{
	margin:0 0 0 20px;
}
#brandsCol{
	width:231px;
	float:left;
}
#brandsCol table table{
	margin:1px 0;
}
#brandsPageContent{
	width:440px;
	margin:0 0 0 48px;
	text-align:left;
	float:left;
	padding:0 0 20px 0;
	background:url(../Images/brandsBoxBottom.gif) no-repeat bottom left;
}
#brandsPageContent h2, #newsRightCol h2{
	background:url(../Images/brandsBoxTop.gif) no-repeat top right;
	border-left:2px solid #3a7aaa;
	color:#fff;
	font:bold 12px/27px Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	padding:6px 0 0 20px;
	height:22px;
	width:418px;
}
#brandsPageContent p{
	text-align:justify;
	width:440px;
}
#leftCol{
	width:288px;
	margin:20px 0 0 20px;
	float:left;
}
#rightCol{
	width:370px;
	margin:20px 21px 0 0;
	float:right;
}
.infoBox{
	clear:both;
}
#homeNews, #homeProducts{
	background:#ebebeb url(../Images/box_bottom.gif) no-repeat center bottom ;
}
.infoBox p, .infoBox h3{
	padding:5px 20px;
}
.infoBox h2{
	clear:both;
	height:22px;
	background:url(../Images/infoBoxTop.gif) no-repeat top right;
	border-left:2px solid #3a7aaa;
	color:#fff;
	font:bold 12px/27px Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	padding:6px 0 0 20px;
}
.infoBox h3{
	font:bold 14px/18px Arial, Helvetica, sans-serif; 
}
.infoBox p{
	text-align:justify;
}

/*Forms*/
input.cat_textbox, select.cat_dropdown_smaller, textarea.cat_listbox, input.cat_button{
	border:1px solid #bdbdbd;	
}


/*Home page*/
.infoBox .newsDate{
	text-align:right;
}
.infoBox .prodImg{
	clear:both;
	float:left;
	width:100px;
	margin:0 10px 0 0;
}
.infoBox .prodHeader{
	float:left;
	margin-left:5px;
}
.infoBox p.prodInfo{
	float:left;
	width:250px;
	padding:0;
	margin:20px 0 0 10px;
}
.infoBox p.readMore{
	clear:both;
	float:right;
}

/*Brands Pages*/
#brandsContentTop{
	margin:-10px 0 5px 0;
}
.brandsTopImage{
	float:left;
}
.brandsEmailEnquiry, .brandsViewWebsite {
	float:right;
	margin:6px 0 9px 0;
}
#brandsContentMain{
	clear:both;
	margin-top:10px;
}
#brandsContentMain li{
	font-size:12px;
}
.brandsContentProductImage{
	width:110px;
	clear:left;
	float:left;
	padding-top:5px;
}
#brandsCol table table{
	margin-bottom:2px;
}
.brandsContentProductDescription{
	float:left;
	width:330px;
}
.brandsContentProductDescription h3{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
}

#brandsPageContent .brandsContentProductDescription p{
	width:330px;
}
#brandsPageContent .brandsContentProductDescription li{
	font-size:12px;
	list-style:none;
	margin-left:-16px;
}
/*Products page*/
#brandsPageContent p.prdInstructions{
	font-size:1.4em;
	font-weight:bold;
	width:350px;
}

/*Product Type Pages*/
#brandsPageContent h3.productTypeHeader{
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.brandsContentProductDescription img{
	margin-bottom:20px;
}

/*News & Media Pages*/
#newsLeftCol{
	width:288px;
	float:left;
}
#newsRightCol{
	width:370px;
	float:left;
	margin:0 0 0 40px;
}
#newsRightCol h2{
	width:370px;	
}
div.newsList, div.newsListPart{
	width:390px;
	border-bottom:solid 1px #bdbdbd;
}
.newsItemSubject{
	clear:left;
}
.newsItemSubject a{
	font:bold 14px/17px Tahoma, Geneva, sans-serif;
	color:#333;
	text-decoration:none;
}
.newsListPart p, .newsList p{
	text-align:justify;	
}
p.newsItemDate{
	text-align:right;
	width:100%;
	margin-top:10px;
}
p.newsImage{
	text-align:center;	
}


/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	clear:both;
	height:62px;
	width:100%;
	background:url(../Images/footerBg.gif) no-repeat bottom center;
	margin:0;
}
#pageInfo a{
	float:right;
	width:100px;
	height:62px;
	font-size:1.3em;
	margin:0 25px 25px 0;
}
#pageInfo p.printPage{
	height:62px;
	width:60px;
	padding:30px 0 0 55px;
	float:left;
	color:#2babfa;
	cursor:pointer;
}