/* Overrides */

#banner {
	border-top:15px solid #F2F2F2;
	padding:1px 0;
}

/*************************************************************************
LEFT HAND COLUMN
*************************************************************************/
#panelmain
	{
		width:550px;
		float:left;
	}

#mainimage {
    
    float: left;
    width: 223px;
    margin: 26px 18px 0 0;
    text-align:center;
    clear: both;
}

#mainimage span {
    
    font-size: 110%;
}

.red {
    color: #f00;
	 display:block;
	 margin-top:-20px;
	 margin-left:25px;
}

#image2 {
    
    float: right;
}

#imagetext {

 margin-top: 30px;
    
}

#panelcolumn {
    
    float: right;
}

#panelwelcome ul {

    margin: 10px 0px 20px 16px;
    padding: 0px;
    list-style-image: url(../images/landing-listimage.gif);
/*    clear: both;*/
}

#panelwelcome li {
    margin-bottom: 8px;
}

#panelwelcome p {
	padding:0;
	margin-bottom:10px;
}

#panelwelcome	{
		height:1%;
	}

#panelwelcome:after
	{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
#panelwelcome h2 {
    margin: 8px 0px 8px 0px;
    padding: 0px;
}

div.panel div.spacing
	{
		padding:23px 20px 13px 30px;
		line-height:1.2em;		
	}

/*************************************************************************
RIGHT HAND COLUMN
*************************************************************************/

#column
	{
		float:right;
		margin-left:15px;
		width:214px;
		border-right:1px solid #F2F2F2;
		border-bottom:1px solid #F2F2F2;		
		background:url(../images/sidebar_maintile.gif) repeat-y top left;
	}
	
#inner {
/*		background:url(../images/sidebar_landing_gradient.gif) repeat-x bottom left;*/
}	

#paneltalk,#panelquote,#panelenquiry,#paneldownload
	{
		padding:10px 25px 15px;
		line-height:1.2em;
	}

/* #paneltalk stuff added by Matthew to correct formatting not matching art-driection */

#paneltalk {
	font-weight:bold;	
	padding:10px 15px 15px 25px;
}

#panelquote {
	background:url(../images/quote_left.gif) no-repeat 15px 0;
	padding:0 10px 10px 25px;
	margin-top:-15px;
}

#panelquote blockquote {
	background:url(../images/quote_right.gif) no-repeat bottom right;	
	margin:0;
	padding:0 0 10px 20px;
}

#panelquote blockquote p {
	margin:0;
	padding:0;
}
	
#column h1 {
	background:url(../images/sidebar_panel_new.gif) no-repeat top left;
	margin:0;
	padding:20px 25px 0;
	margin:0;
	font-size:2.5em;
	line-height:normal;
	letter-spacing:-0.05em;
}

#column h2 {
	background:url(../images/sidebar_corner_new.gif) no-repeat top left;
	margin:0;
	padding:25px 25px 0;
	font-size:1.3em;
	font-weight:bold;	
}

#talkoptions,#paneltalk span {
	font-size:1.1em;
}

#talkoptions {
    
    margin:10px 0;
    padding:0;
}

#talkoptions dt {
    
    float: left;
    clear: left;

}

#talkoptions dd {
    
    margin-left: 36px;
    padding-top: 2px;
}

.blue {
    
    color: #2B88B5;
}

.normaltext {
    
    font-weight: normal;
}

#panelenquiry dl {
	margin:10px 0 0 0;
	padding:0;
}

#panelenquiry dt {
	float:left;
	margin:0;
	padding:0;
	width:50px;
}

* html #panelenquiry dt {
	width:45px;
}

#panelenquiry dd {
	margin:0;
	padding:0;
	height:1%;
}

#panelenquiry input.text {
	width:110px;
	font-size: 80%;
	color:#666;
	margin:0 0 8px 0;
}

#panelenquiry input.sendimage {
    float: right;
}

#panelenquiry textarea {
    
	width:160px;
   height: 60px;
	font: normal 1.0em/1.3em Arial, Helvetica, sans-serif;
	color:#666;
}

#downloads {
    list-style-image: url(../images/icon_document.gif);
    padding: 0;
    margin: 0 0 0 20px;
}

#downloads li {
    
    padding: 0;
    margin: 0 0 5px 0;
}



#panelimage dt {

 float: left;
 text-align:left;
 margin:0 30px 0 0;
 /* Matt added margin to push text away from image */  
}

#panelimage dd {
    margin:26px 0 0 0;
}

#panelimage {
	padding:0 0 35px 0;
}

* html #panelimage dt {
	position:relative;	
}

.masthead-landing { background:url(../images/banner_landingpage.jpg) no-repeat top left }

/* Added by Matthew to tidy up intro text size/padding */

#prodintro {
	font-size:1.10em;
	margin:0;
	line-height:1.3em;
}

#prodintro2 {
	font-size:1.3em;
	margin:0;
	line-height:1.2em;
	color:#666;
}

#prodintro3 {
	font-size:1.1em;
	margin:0;
	line-height:1.3em;
}


#prodintro img {
	float:left;
	margin:0 20px 20px 0;
	height:auto;
	width:auto;
	zoom:1;
}

.clearbreak {
	height:0;
	font-size:0;
	line-height:0;
	margin-top:-20px;
	clear:both;	
}