/* 
elevated.css
taken from ians design
ed..
*/
/* ed extra elements */
#infobox{
	/*Vertical lines top left*/
	position: absolute;
	z-index: 20;
	background: url( '../images/anglepattern_dark.01.gif');
	left: 0px;
	top: 0px;/*was 121*/
	width: 169px;
	height: 55px;

}

#title_bar{
	position:absolute; 
	width:463px; 
	height:55px; 
	z-index:1; 
	left: 171px; 
	top: 0px;/*was 121*/
	border: 0px none #000000;
	background-image: url('../images/topbarsolonew.gif') ;
}

#vertical_bar{
background: url( '../images/vertical_bar.gif') no-repeat ;
position: absolute;
z-index: 21;
left: 637px;
top: 370px;
width: 60px;
height: 360px;


}

#vertical_bar_below{
background: #797979 ;
position: absolute;
z-index: 21;
left: 637px;
top: 479px;
width:40px;
height: 900px;
}

#bottom_left{
position: absolute;
z-index: 22;
left: 2px;
top: 369px;
width: 169px;
height: 450px;
/*background: url( '../images/bottom_left.gif') no-repeat ;*/

}

body{ 
	/*overflow:hidden;*/
	overflow:auto;
	background-color: #797979; 
	scrollbar-3dlight-color:#333333;
	scrollbar-arrow-color:#BEA8AC;
	scrollbar-base-color:#EFEFEF;
	scrollbar-darkshadow-color:#525D60;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#EFEFEF;
	scrollbar-shadow-color:#DAE9F1;
	scrollbar-track-color:#797979;
}

a{
	text-decoration: none;
	color: #fff;
}

#floatframe a{
	text-decoration: none;
	color: #99FF00;
}

#floatframe a:hover{
	text-decoration: none;
	background: url('../images/anglepattern.01.gif');

}
a:hover{
	/*color: #333333;*/

}

h1{
	font-family: Verdana;
	font-size: 13px;
	padding: 3px;
	/*padding-left: 6px;*/
	font-weight: bold;
	/*position: relative;
	color: #D9DAD1;
	z-index: 10;
	border-bottom: solid 1px #888787;	
	background: #665C4E;*/

}


h2{
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
	/*padding-left: 6px;*/
	font-weight: bold;

}

/*h3{
	font-family: Verdana;
	font-size: 11px;
	padding: 3px;
	/*padding-left: 6px;
	font-weight: bold;

}*/

p{
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
	/*padding-left: 6px;*/
	font-weight: normal;

}
p.bodytext{
/*
'margin-top', 'margin-right', 'margin-bottom', 'margin-left' 
*/
	margin:0 10px 0 10px;
/*	margin-left:10px;
	margin-right:10px;
*/
}


#bg{
	position: absolute;
	width: 100%;
	height: 1379px;
	left: 0px;
	top: 0px;
	border: solid 0px #334433;
	/*background-image: url('../images/new_bg_file.gif');*/

}
#ie_bg_fix{
	z-index:0;
	position: absolute;
	width: 100%;
	height: 1379px;
	left: 0px;
	top: 0px;
}
#ie_bg_fix table{
	background-image: url('../images/new_bg_file.gif');
}
#tear{
	position: absolute;
	left: 0px;
	top:0px;
	width:127px;
	height: 188px; 
	z-index: 3;
	/*background-image: url('../images/tiletear.gif');*/
}



#top_right{
	/*You can have fun here if you wish*/
	visibility:hidden;
	position:absolute; 
	width:20px; 
	height:176px; 
	z-index:1; 
	left: 637px; 
	top: 0px; 
	background-color: #d0d0c1;
	/*background-color: #d0d0c1; layer-background-color: #d0d0c1; */
	border: 0px none #000000;
	/*background-image: url('../images/elevated_header.jpg');*/

}

#left_nav{
	/*Left nav bg box*/
	position:absolute; 
	width:169px; 
	height:307px; 
	z-index:5; 
	left: 0px; 
	top: 59px; 
	background-color: #797979; 
	
/*	background-image: url('../images/wine_bg.jpg') repeat-x repeat-y;
*/
}

#bottom_left_nav{
	/*Bottom left box*/
	position:absolute; 
	width:169px; 
	height:1009px; 
	z-index:1; 
	left: 0px; 
	top: 370px; 
	background-color: #797979; 
	
/*	background-image: url('../images/wine_bg.jpg') repeat-x repeat-y;
*/
}

#centre_left_nav{
	/*Bg colour behind centre bottom boxes*/
	position:absolute; 
	width:463px; 
	height:888px; 
	z-index:1; 
	left: 174px; 
	top: 491px; 
	background-color: #797979; 
	
/*	background-image: url('../images/wine_bg.jpg') repeat-x repeat-y;
*/
}

#centre_right_nav{
	/*Middle right box*/
	visibility:hidden;
	position:absolute; 
	width:20px; 
	height:307px; 
	z-index:1; 
	left:637px; 
	top: 59px; 
	/*background-color: #797979; 
	background-image: url('../images/04.png');*/
	
	
}

#general_purpose{
	visible:hidden;
	/*General purpose box. Good for the 04 device for instance
	position:absolute; 
	width:200px; 
	height:150px; 
	z-index:1; 
	left:638px; 
	top: 220px; 
	background-color: #33CCCC; 
	background-image: url('../images/04.png');*/
	
	
}



div.box{
	position:absolute;
	left: 9px;
	top: 9px;
	width: 169px;
	height: 125px;
	background-color: #D9DAD1;
}

div.box_menu{
	position:absolute;
	left: 9px;

	top: 27px;
	width: 169px;
	height: 125px;
}

/*
div.box_menu_entry{
	font-family: Verdana;
	font-size: 10px;

	font-weight: normal;
	color: #797979;
	padding-left: 8px;
	padding-top: 3px;
	position:relative;
	left: 0px;
	top: 0px;
	width: 139px;
	height: 21px;
	background-color: #D9DAD1;
}
*/


div.box_menu_entry{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #797979;
	padding-left: 8px;
	padding-top: 3px;
	position:relative;
	left: 0px;
	top: 0px;
	
	height: 21px;
	background-color: #D9DAD1;
}

div.box_menu_space{
	font-size: 1px;
	position:relative;
	left: 0px;
	top: 0px;
	width: 169px;
	height: 3px;
	
}

div.menu1-level1-no{
	font-family: Verdana;
	font-size: 10px;
	padding: 3px;
	padding-left: 6px;
	position: relative;
	/*color: #D9DAD1;*/
	z-index: 10;
	border-bottom: solid 1px #888787;	

/*	border-bottom: dashed 1px #8F8F8F;*/
}

div.menu1-level1-no:HOVER{
	
	background: url('../images/anglepattern.01.gif');
}
/*  ------------------------------------------------------------------------------------------------------------   */
div.menu1-level1-act{
	font-family: Verdana;
	font-size: 10px;
	padding: 3px;
	padding-left: 6px;
	position: relative;
	/*color: #3E4149;*/
	z-index: 10;
	border-bottom: solid 1px #888787;	
	background: #3E4149;
	/*background: url('../images/anglepattern_dark.01.gif');*/
}
div.menu1-level1-act:HOVER{
	background: url('../images/anglepattern.01.gif');
}

div.menu1-level2-no{
	font-family: Verdana;
	font-size: 10px;
	padding: 3px;
	padding-left: 12px;
	position: relative;
	/*color: #BBBBBB;*/
	background: #666666;
	z-index: 10;
	border-bottom: solid 1px #888787;
}

div.menu1-level2-no:HOVER{
	/*background: #554C4E;*/
	background: url('../images/anglepattern.01.gif');

}
div.menu1-level2-act{
	font-family: Verdana;
	font-size: 10px;
	padding: 3px;
	padding-left: 12px;
	position: relative;
	/*color: #3E4149;*/


	z-index: 10;
	border-bottom: solid 1px #888787;	
	background: #3E4149;
}

div.menu1-level2-act:HOVER{
	background: url('../images/anglepattern.01.gif');
}
/* NEW NEWS !!!!!!!!!!!!!!!!!!!!!!!!!!!! ------------------------------------------------ */


a.news-item{
	text-decoration: none;
	color: #fff;
}

a.news-item:hover{
background: url('../images/anglepattern.01.gif');
}

div.news-latest-container{
	position: relative;
	left: 5px;
	top: 5px;
	width:450px;
	border: solid 1px #fff;
	border-bottom: solid 0px #fff;
	/*background: #CCCCCC;*/
	/*margin:10px 10px 10px 10px;*/
	/*z-index: 30;*/

}

div.news-top-bar{
width: 450px;
height: 20px;
position: relative;
left: 0px;
top: 0px;
background: url('../images/anglepattern.01.gif');

}




div.news-latest-item{
	position: relative;
	width:450;
	
	z-index: 31;
	border-bottom: solid 1px #fff;
	/*margin:10px;*/
}

div.news-latest-item:hover{

	background: url('../images/anglepattern_dark.01.gif');

}

div.news-latest-item-inner{
	position: relative;
	left:0px;
	top:0px;
	width:370px;
	/*border: solid 1px #343342;
	background: #333333;*/
	z-index: 32;
}


div.news-latest-date{
	position: relative;
	
	height: 12px;
	font-family: Courier, sans-serif;
	font-style: italic;
	font-size: 11px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 3px;
	color: #CCCCCC;
	border-bottom: dashed 1px #fff;

}
div.news-item-title{
	position: relative;
	height: 15px;
	font-family: Courier;
	font-size: 11px;
	/*padding: 3px;*/
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	border-bottom: dashed 1px #fff;


}

div.news-thumbnail{
	position:absolute;
	left:380;
	top: 20px;
	width: 62px;
	height: 46px;
	border: solid 1px #fff;
}

div.news-front-teaser{
	position:relative;
	top:0px;
	left:0px;
	width:360;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	/*padding: 3px;*/
	padding-bottom: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #FFFFFF;
	


}

div.news-latest-morelink{
	position: absolute;
	left: 335px;
	top: 25px;
	width: 35px;
	height: 9px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	background: url('../images/more_arrow3.gif') no-repeat;
}


div.news-spacer{
	position:relative;
	left:0px;
	height:10px;
	width:440;
	
}

/*SINGLE ITEMS*/



/* END NEW NEWS !!!!!!!!!!!!!!!!!!!!!!!!!!!! ------------------------------------------------ */
/*
<div class="news-single-container">
	<div class="news-single-top-bar"></div>
	<div class="news-single-item">
		<div class="news-single-timedata">###NEWS_DATE###</div>
			<div>
				<span class="white-title">###NEWS_TITLE###</span>
				<span class="news-single-author"> ###NEWS_AUTHOR###</span>
			</div>
			<div class="news-single-category">
				###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
			</div>
			<div class="news-single-subheader" >###NEWS_SUBHEADER###</div>
			<div class="news-single-image" >###NEWS_IMAGE### </div>
			<div class="news-single-content" >###NEWS_CONTENT###</div>
			<div class="news-single-related">
			</div>
			<div class="news-single-backlink">								<!--###LINK_ITEM###-->###BACK_TO_LIST###<!--###LINK_ITEM###-->
			</div>
	</div>	 <!--  end news single container -->	
</div> <!-- ###TEMPLATE_SINGLE### end -->
*/



div.news-single-container{
	position: relative;
	left: 0px; 
	top: 0px;
	width: 460px;
	

}

td.content{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
}

div.news-single-item{
	position: relative;
	left:8px;
	top:0px;
	/*TP get scrollbar set height and overflow:auto
	height:300px;
	overflow:auto;*/
	
	/*background: #CCCCCC;*/
	/*margin:10px 10px 10px 10px;*/
	/*z-index: 30;*/
}

div.news-single-top-bar{

height: 20px;
position: relative;
left: 0px;
top: 0px;
background: url('../images/anglepattern.01.gif');
}

p{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
}

span.white-title{
	font-family:  arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CDC9C9;
	float: left;
	margin-left: 10px;
}

span.news-single-author{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal
	color: #fff;
	float: left;
}

div.news-single-timedata{
	position: relative;
	left: 400px;
	top: -14px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #fff;

}

div.news-single-content{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;

}

div.news-single-subheader h3{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CDC9C9;
	font-style: italic;
}

div.news-single-backlink{
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #8B8989;
		
}

div.news-dash{
	font-size: 1px;
	height: 2px;
	border-bottom: dashed 1px #cdc9c9;
}



/*
FLEX PAGE 1

*/

#flex1_wrapper{
	margin: 10px;
	border: dashed 1px #334433;
	background-color: #797979;
	
}
#flex1_icon1{
	position: relative;
	z-index:453;
	top:-110px;
	left: 10px;
	width:30px;
	height:30px;
	background: url('../images/asterix.gif') no-repeat;
}

#flex1_img{
	position: relative;
	z-index:444;

}
#flex1_header1{
	position: relative;
	z-index:454;
	top:-90px;
	left: 35px;
	font-family: Verdana, sans-serif;
	font-size: 18px;	
	/*font-weight: bold;	*/
	color: #FFFFFF
	
}
#flex1_textwrapper{
	position:relative;
	top:-70px;
	margin: 10px;
	height:700px;
	overflow:auto;
	
}
#flex1_abstract{
	font-family: Verdana, sans-serif;
	font-size: 12px;	
	color: #000000;	
}
#flex1_header{
	font-family: Verdana, sans-serif;
	font-size: 12px;	
	font-weight: bold;	
	color: #FFFFFF;	
}
#flex1_quotebg{
	margin:10px;
	padding:10px;
	width:120px;
	height:120px;
	background:#CCCCCC;
	background: url('../images/anglepattern.01.gif');
	border: dashed 1px #334433;
	float:right;
	
}
#flex1_quote{
	margin:10px;
	width:100px;
	height:100px;
	font-family: Verdana, sans-serif;
	font-size: 12px;	
	font-weight:bold;
	color: #FFFFFF;	
	font-style: italic; 

	
}


#flex1_bodytext{
	font-family: Verdana, sans-serif;
	font-size: 12px;	
	color: #FFFFFF;
}


/*
PRODUCTS ETC

*/

#flex1_imgbg{
	margin:10px;
	width:120px;
	height:120px;
	float:right;
	
}
#flex1_img{
	width:120px;
	height:120px;
	
}