/******** 
1. divs given heights to stop them collapsing in ie mac (divs always collapse if content inside is floated)
2. class clearfix added to maincolumn div to stop it collapsing in mozilla/firefox (similar reasons to above)
3. two id's created DropShadow1 and DropShadow2 to replace #DropShadow which was being used twice on a page which is incorrect.
4. DropShadow1 given green background so that flash clip appears to load into green background as opposed to white.
5. clear: both added to DropShadow id's to stop divs stacking horizontally in ie 5.0 mac
 
- phil.smears@riverinteractive.co.uk 23/11/05 **********/



html,body {
	BACKGROUND: #ffffff ;
	MARGIN: 0px;
	PADDING: 0px;
	height:100%;

	
}
img {
	border:0;
	}

#wrap {
	padding-bottom: 20px;
	MARGIN: 0px auto;
	TEXT-ALIGN: left;
	WIDTH: 754px;

	
}
#DropShadow { 
	background: url(../images/system/DropShadow.gif);
	padding-right: 20px;
	height: 100%;
	clear:both;
}

#DropShadow1 { 
	background: url(../images/system/DropShadow.gif) right;
	background-color:#B5D828;	
	padding-right: 20px;
	height: 120px;
	width: 764px;
	
} 
#DropShadow2 { 
	background: url(../images/system/DropShadow.gif) right repeat-y ;
	padding-right: 27px;
	height: 100%;
	clear:both;
	width: 757px;
}

/* -------------------- Header -------------------- */
#headerbar {
	padding: 0px;
	margin: 0px;
	width: 754px;
	
	
}

#headerlogo {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 125px;
}

#headerflash {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 629px;
}
/* ---------------------------------------------------- */


/* -------------------- Main Page Layout -------------- */
#columnwrap {
	padding:0px;
	margin: 0px auto;	
	width: 754px;
	height: 100%;
		background: url(../images/system/greybacks.gif) repeat-y;
	}
/*********** for firefox - stops columnwrap collapsing ************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/********* end of firefox **************/

#leftcolumn {
	float: left;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 123px;
	
	
}

#maincolumn {
	float: left;
	padding: 0px;
	padding-bottom: 10px;
	width: 629px;
	background: #fff;
	height: 100%;
}

#pagebanner {
	padding: 0px;
	margin: 0px;
}

#centrecolumn {
	height: 100%;
	float: left;
	padding-top: 15px;
	padding-left: 14px;
	padding-bottom: 20px;
	margin: 0px;
	width: 379px;
	background-color:#fff;
	z-index:1;
}

#centrecolumn p {
	padding-right: 15px;
}

#rightcolumn {
	padding: 0px;
	padding-right: 14px;
	padding-top: 15px;
	height: auto;
	float: left;
	width: 221px;
}

#teasers {
	text-align: right;
}

#addressteaser {
	padding-left: 58px;
}

/********************* portable display stands****************************/

#storm,#windancer,#wedge,#qs1,#qs2,#horizon,#uno,#unoC,#pacific,#excaliber,#stretch,#barracuda,#zed,#ten,#mirlite,#mirage,#reflecta,#titan {
	display:none;
	}

/* ---------------------------------------------------- */

/* -------------------thumbnails -------------------------*/

#thumbs {
	width: 221px;
	background:url(../images/products/thumbs_grid.jpg)  repeat-y;
	}

/* -------------------- Footer ------------------------ */
#footer {
	width: 755px;
	height: 30px;
	background: #ffffff url(../images/system/Footer.gif) no-repeat left top;
	padding-top: 20px;
	color: #666666;
	clear:both;
	z-index:100;
}
/* ---------------------------------------------------- */


/* -------------------- Navigation -------------------- */
#navcontainer {
	width: 120px;
	
}

#navcontainer UL {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	font-weight: bold;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none; 
}

#navcontainer LI {
	padding-bottom: 7px;
	margin: 0px;
}

#navcontainer LI A {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 0px;
	color: #353C91;
	text-decoration: none;
	display: block;
	width: 100%;
	font-weight: bold;
}

#navcontainer UL UL {
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	list-style-type: none;
	font-weight: bold;
}

#navcontainer LI LI {
	padding-bottom: 1px;
	padding-left: 10px;
	margin: 0px;
}

#navcontainer LI.last {
	padding-bottom: 0px;
	margin: 0px;
}

#navcontainer LI LI A {
	font-weight: normal;
}

#navcontainer LI LI EM {
	font-weight: bold;
	font-style: normal
}

#navcontainer LI A:hover {
	color: #ffffff;
	background: #C2C4DE;
}

#navcontainer LI LI A:hover {
	color: #ffffff;
}


#navcontainer LI A.active {
	color: #353C91;
	padding-bottom: 2px;
	margin: 0px;
	text-decoration: underline;
}
#navcontainer LI LI A:active {
	font-weight: normal;
	padding-bottom: 2px;
	margin: 0px;
}
#navcontainer LI.active {
	padding-bottom: 0px;
	margin: 0px;
}

/* -------------------- End Navigation -------------------- */




/* -------------------- Form -------------------- */


#CPSForm {
	padding: 30px;
}

#CPSForm fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

#CPSForm textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

dt.inputfield {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	clear: both;
}

label.inputfield { 
	font-size: 0.9em;
	width: 110px;
	text-align: left;
	display: block;
	padding: 0px
}

dd.inputfield {
	margin-left: 10px;
	margin-top: 5px;
}

dt.checklist {
	float: left;
	margin: 0px;
	padding: 0px;
}

label.checklist { 
	font-size: 0.9em;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
}


/* -------------------- */


.clearfloat {
	clear: both;
}

.floatleft {
	float:left;
	margin-right: 10px;
	}
.floatright {
	float:right;
	}