@charset "iso-8859-1";

/*******************************************************************************
*  print.css
*  version : 1.2
* ------------------------------------------------------------------------------
*  Layout containers and padding and margin elements properties for print media
*  Forms items are contained in the forms.css file
*  screen styles are in the screen.css file
*  The main navigation bar has its own css file mainnav.css
*******************************************************************************/

@import "menu_styles.css";
@import "forms.css";

body {
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#000; /* define base text colour */
	background-color: #fff;
}

body, td, th, p
{
	font-family: arial,helvetica,sans-serif;
	font-size: 11pt;
	font-size-adjust: 0.25em;
	line-height:auto;
}

/*body, td, th, p
{
	font-family: arial,helvetica,sans-serif;
	font-size: 100.1%;
	font-size-adjust: 0.25em;
	line-height:auto;
}*/

/* generic link definitions -----------------------------------------*/

a:link
{
	text-decoration: underline;
	color: #313888;
	background-color: transparent;
}

a:visited
{
	text-decoration: none;
	color:  #313888;
	background-color: transparent;
}

a:active
{
	text-decoration: none;
	color: #313888;
}


a:hover
{
	text-decoration: none;
	color: #313888;
	font-weight: bold;
}

.popup:link
{
	text-decoration: none;
	font-size: 80%;
	color: silver;
	background-color: transparent;
}

.popup:visited
{
	text-decoration: none;
	font-size: 80%;
	color: silver;
	background-color: transparent;
}

.popup:active
{
	text-decoration: none;
		font-size: 80%;
	color: silver;
}

.popup:hover
{
		font-size: 80%;
	color: silver;
	font-weight: normal;
	text-decoration: underline;
}

.home:link
{
	text-decoration: underline;
	color: #313888;
	background-color: transparent;
}

.home:visited
{
	text-decoration: none;
	color:  #5989BA;
	background-color: transparent;
}

.home:active
{
	text-decoration: underline;
	color: #313888;
}


.home:hover
{
	text-decoration: none;
	color: #313888;
	font-weight: bold;
}
/* generic font definitions -----------------------------------------*/


:root code
{
	font-size: 120%;	
}

h1 {font-size: 24pt}
h2 {font-size: 18pt}
h3 {font-size: 16pt}
h4 {font-size: 14pt}
h5 {font-size: 12pt}
h6 {font-size: 10pt}

dt,dd,fieldset,li,p 
{
	font-size:0.82em;
}

h1,h2,h3,h4,h5,h6
{
	margin-top:0.25em;
	margin-bottom:0.25em;
	padding:0px;
	font-weight:normal;
	font-family:helvetica,arial,sans-serif;
	color: #9DB4E4;
}

h3,h4,h5,h6 
{
	font-weight:bold;
	color: navy;
}


p
{
	margin:0px;
	margin-bottom:1em;
}

sup 
{
	padding:0px;
	margin:0px;
	font-size:0.7em;
}

.fontXtraBig
{
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	font-style: normal;
	font-family:helvetica,arial,sans-serif;
}

.footerUnit p
{
	font-size:0.75em;
}

div#copyrights
{
	border-top:1px solid #000;
}
div#copyrights p
{
	font-size:0.65em;
}

.newsheadline {
	font-size:110%;
	font-weight: bold;
	color:red;
	padding-bottom: 1em;
}

.eventsheadline {
	font-size:110%;
	font-weight: bold;
	color:navy;
	padding-bottom: 1em;
}

caption {
	display:none;
}

.date
{
	font-size:0.8em;
}

.small
{
	font-size:0.75em;
	color: #999999;
}


strong
{
	font-weight:normal;
	color:#000;
}




/* generic lists definitions -----------------------------------------*/

ul li {
	font-size:0.75em;
}

ol li {
	font-size:0.75em;
}

ul,ol {
	margin:0px;
	padding-left:26px;
	margin-bottom:1em;
}

.eventlist {
	list-style-image: url(http://www.disprax.com.au/disprax_2006/images/arrow.jpg);
	color: navy;
}

dl {
	display:inline;
}

dt
{
	clear: left;
	display: inline;
	float: left;
	width: 150px;
	color: #000;
	white-space: normal;
}

dd {
	display:block;
	margin-left: 150px;
}


/* Container definitions -----------------------------------------*/

.logopadded{
padding-right: 10px;
}



.popupimage {
margin-top: 55px;
vertical-align: top;
}

 hr {
 	margin:0px;
	border:0px;
	width: 100%;
	height:1px;
	color:#ddd;
	background-color:#ddd;
	margin-top:10px;
	margin-bottom:10px;
}

fieldset {
	margin:0px;
	padding:10px;
	margin-bottom:1em;
	font-size:0.75em;
	border:1px solid #ddd;
}

legend {
	padding:0px 10px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
}



.parentUnit
{
	width:100%;
}

div.headerUnit
{
	
}

div.headerUnitBig
{
	height:253px;
}

div.shadeBig
{
	background:#fff;
	background-repeat: no-repeat;
	background-position: top left;
	height:253px;
}

div.headerUnit, div.headerUnitBig
{
	border-bottom:0px solid #fff;
}
div.clouds
{
	background:#fff;
}

div.shade
{
	background:#fff;
}

td.logoBox
{
	margin:0px;
	padding:5px 0px 5px 18px;
	height:80px;
}

td#headerSlogan {
	display:none;
}
td#headerBottomSlogan {
	display:none;
}

td.logoBoxBig
{
	margin:0px;
	padding:16px 0px 10px 18px;
}

div.contentUnit 
{
	padding:10px 0px 10px 18px;
	background-color:#fff;
}

div.crumbs 
{
	margin:0px;
	padding-top:5px;
	margin-bottom:10px;
	color:#999;
	text-transform:lowercase;
}

div.crumbs p
{
	color:#000;
	font-size:0.7em;
}
td.divider
{
	background-image: url(../images/navigation/divider.gif);
	background-repeat: no-repeat;
	background-position: center;
	height:224px;
	width:6px;
}
td.header
{
	margin:0px;
	padding:5px;
}
td.image
{
	margin:0px;
	padding:5px;
}
td.text
{
	margin:0px;
	padding:10px;
}

td.homeBox
{
	margin:0px;
	padding:0px
	height:224px;
}

td.leftCol
{
	display:none;
	width:195px;
	background:#5989BA;
	text-decoration: none;
}

td.leftColHome
{
	width:170px;
	padding-right:10px;
}

td.rightCol 
{
	display:block;
	width:170px;
	
}

td.contentCol
{
	padding:0px;
	margin:0px;
	padding-right:10px;
	display:block;
}

td#contentColMiddle
{
	display:block;
	width:100%;
	padding-right:20px;
}

td.rightColHome
{
	padding-left:10px;
	width:220px;
}

div.promoBox
{
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:20px;
}

div.promoBox p
{
	margin-bottom:5px;
}
	

div#mainContent .colourVarDataUnit 
{
	height:60px;
	clear:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

div#mainContent div.colourVarDataUnit img
{
	float:left;
	margin-right: 5px;
	width: 60px;
	height: 60px;
	vertical-align: middle;
}

div.footerUnit 
{
	display:none;
}

img.greenArrow {
	padding-left:2px;
}

div#copyrights p
{
	margin-top:10px;
}


div#copyrights p
{
	color:#000;
}



td#topCornerUnit
{
}

div#sitemapArea
{
	display:none;
}
	
div#regionLanguage
{
	display:none;
}
div#networkBranding
{
	text-align: left;
	display: inline;
	float:right;
}

div#regionLanguage p, div#networkBranding p
{
	font-size:0.7em;
	margin:0px;
}

div#regionLanguage .small, div#networkBranding .small
{
	font-size:9px !important;
}

div#regionLanguage .small
{
	color: #313888;
}

div#contentRightCol
{
	background-color:#fafafa;
	display:block;
	width:160px;
	margin-left:20px;
	float:right;
	padding:1em;
}

img.framedPicture
{
	background:#fff;
	padding:5px;
	border:1px solid #ddd;
}


div.pictureCaptionUnit
{
	padding:4px;
	margin:0xp;
	font-size:1em;
	color:#888;
	padding-bottom:10px;
	border:1px solid #000;
	margin-bottom:10px;
}

div.pictureCaptionUnit p
{
	font-size:0.7em;
	color:#000;
	margin:0px;
	margin-top:5px;
}

div.pictureCaptionUnit img
{
	border:1px solid #ccc;
}


.hiddenData 
{
	display:none;
}



/* detailed Product page ***************************/

td.contentCol h1 
{
	margin-bottom:10px;
}

div.mainProductPhoto
{
	padding: 5px;
	margin-left: 20px;
	padding-bottom: 5px;
	float: right;
	border: 1px solid #ddd;
}

div.tagCoolaroo 
{
	padding:10px 0px 5px 5px;
	background-image: url(../images/logo_xtrasmall_coolaroo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

div.tagGPCommercial
{
	background-image: url(../images/logo_xtrasmall_gp_commercial.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#productDescription p
{
	margin:0px;
}


dd .colourVarDataUnit 
{
	width:180px;
	margin-bottom:5px;
	float:left;
}

dd .colourVarDataUnit p
{
	margin:0px;
}

dd .colourVarDataUnit img
{
	float:left;
	margin-right: 5px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

dd .colourVarDataUnit p img
{
	width:23px;
	height:23px;
	vertical-align: absmiddle;
}


.colourVarDataUnit span.black 
{
	float:left;
	font-size:0.8em;
}



/* Generic teaser unit *****************************/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;}
/* Show only to IE PC \*/
* html .boxhead h3 {height: 1%;}
/* Show only to IE PC \*/
* html .boxhead h4 {height: 1%;}
/* Show only to IE PC \*/
* html .boxhead h5 {height: 1%;}
/* Show only to IE PC \*/
* html .boxhead h6 {height: 1%;}


.sidebox 
{
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	font-size: 100%;
	margin-bottom:10px;
	background-image: url(../images/corner_br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.boxhead 
{
	margin:0px;
	padding:0px;
	background-image: url(../images/corner_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.boxhead h1, .boxhead h2,.boxhead h3,.boxhead h4,.boxhead h5,.boxhead h6 {
	margin:0px;
	padding: 10px 5px 0px 10px;
	background-image: url(../images/corner_tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.boxbody 
{
	margin:0px;
	padding: 5px 10px 10px;
	background-image: url(../images/corner_bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}





/* Foreground colours ---------------------------------- */

.green {
	color:#000;
}

.blue {
	color:#000;
}

.grey {
	color:#000;
}

.black {
	color:#000;
}

.white {
	color:#000;
}

.red {
	color:#000;
}


/* Visual Switches to hide and show elements ---------------------------------- */


.hide {
	display:none;
}

.show {
	display:visble;
}

.ruler {  /** used for testing purposes **/
	padding:0px;
	margin:0px;
	background-color:#0f0;
	height:1px;
}


/******************************************************************************/
/* navigation */
#mainnavBoxContainer
{
	display:none;
}

td#mainnavBox
{
	display:none;
}




/* lhs menu ---------------------------------- */


div#lhsMenu
{
	display:none;
}


/******************************************************************************/