/* imports */
@import url(Navigation.css);
@import url(CornerBox.css);
@import url(sIFR-screen.css);

/* site construct */
html,body {
	margin:15px;
	padding:0px;	
	border:0px;
}

body 
{
	font-family: Verdana;
	font-size: 70%;
	text-align: center;
	color: #616161;
	line-height: 16px;
	background: #62A547 url(../Images/SiteBackground.gif)  top left;
}

h1 
{
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 14px;
}

/* form elements */
form 
{
	margin: 0px;
	padding: 0px;
}

.contactField 
{
	font-family: Verdana;
	font-size: 100%;
	color: #616161;
	
}

/* links */
a 
{
	color: #860328;
}

a:hover 
{
	text-decoration: none;
}

.supportingimage 
{
	margin: 0px 0px 14px 14px;
	border: solid 1px #860328;
}

.zoomimagelink 
{
	color: #000;
}

/* order online price styles */
.exvatprice 
{	
	color: #860328;
}

.incvatprice 
{
	font-size: 120%;
	color: #860328;
	font-weight: bold;
}

.buybutton 
{
	font-family: Verdana;
	font-size: 100%;	
}

/* shell */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;
	
	width: 909px;		
	text-align: left;	
}

	/* header */
	#wrapper #headercontainer
	{
		float: left;
		width: 909px;		
	}
		#wrapper #headercontainer #headerleftpanel
		{
			float: left;
			width: 197px;					
		}
		
			#wrapper #headercontainer #headerleftpanel #headercompanylogo 
			{
				float: left;
				width: 197px;
				height: 157px;
				background: #860328;
				text-align: center;
			}
				#wrapper #headercontainer #headerleftpanel #headercompanylogo img 
				{
					margin-top: 8px;
				}
		
		#wrapper #headercontainer #headerrightpanel 
		{
			float: left;
			width: 712px;
		}
		
			#wrapper #headercontainer #headerrightpanel #quicktelephone 
			{
				float: left;
				width: 712px;
				height: 20px;
				background: #860328;
				text-align: right;				
			}
			
				#wrapper #headercontainer #headerrightpanel #quicktelephone img 
				{
					margin-right: 11px;
				}
			
			#wrapper #headercontainer #headerrightpanel #altimage 
			{
				float: left;
				width: 712px;				
			}
	
	/* content */
	#wrapper #contentcontainer
	{
		float: left;
		width: 909px;
		background: #FFF;
	}
		#wrapper #contentcontainer #contentbannerpanel 
		{
			float: left;
			width: 197px;
			padding: 12px 0px 4px 0px;
			text-align: center;
		}
		
		#wrapper #contentcontainer #contenttextpanel 
		{
			float: left;
			width: 688px;
			padding: 12px;			
		}
		
		/* home content */
		#wrapper #contentcontainer #contenttextpanel #newsevents 
		{
			float: left;
			width: 360px;
			margin-top: 10px;
		}
			#wrapper #contentcontainer #contenttextpanel #newsevents #newsheader 
			{
				float: left;
				width: 364px;
				height: 25px;
				line-height: 25px;
				background: #E5E5E5;
				padding-left: 14px;
				font-weight: bold;
			}
			
			#wrapper #contentcontainer #contenttextpanel #newsevents #newscontent 
			{
				float: left;
				width: 350px;
				padding: 14px;				
			}
			
				#wrapper #contentcontainer #contenttextpanel #newsevents #newscontent .articleheadline 
				{
					color: #860328;
				}
			
		#wrapper #contentcontainer #contenttextpanel #otherproducts 
		{
			float: right;
			width: 300px;
			margin-top: 10px;			
		}
		
		/* page content */
	
	
	/* footer */
	#wrapper #footercontainer 
	{		
		float: left;
		width: 909px;				
	}	
	
		#wrapper #footercontainer #footerlinks 
		{			
			float: left;
			width: 454px;
			height: 25px;
			line-height: 25px;	
		}
			#wrapper #footercontainer #footerlinks ul 
			{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
			#wrapper #footercontainer #footerlinks li 
			{
				display: inline;
				padding-right: 21px;
			}
			
				#wrapper #footercontainer #footerlinks li a 
				{
					color: #FFF;
					font-weight: bold;
				}
		
		#wrapper #footercontainer #footertext 
		{
			float: right;
			width: 454px;
			height: 25px;
			line-height: 25px;
			color: #FFF;			
			text-align: right;	
		}
			#wrapper #footercontainer #footertext ul 
			{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
			#wrapper #footercontainer #footertext li 
			{
				display: inline;
				font-weight: bold;
				padding-left: 22px;
			}				
				#wrapper #footercontainer #footertext li a 
				{
					color: #FFF;						
				}