﻿@media tty {
i{content:"\";/*" "*/}} @import 'ie5x-home.css'; /*";}
}/* */
div#content {
	width:937px;
	padding:8px;
	padding-right:4px;
	padding-bottom:2px;
	/*clear:left;*/
	position:relative;
	margin:0 14px 0 14px;
	background:url(images/bg_image_gradient.png) repeat-x;
	z-index:auto;
	border:1px solid #B9B9B9;
	/*float:left;*/
}
div#leftNav{
	background:transparent url(Images/bg_side_panel.png) repeat-x;
	float:left;
	width:265px;
	float:left;
}
div#leftNavContainer
{
	background:transparent url(Images/bevel_side_panel_top.png) no-repeat scroll 0 0;
	padding:7px 0;
	float:left;

}
div#leftNavContainerFooter {
	background:transparent url(Images/bevel_side_panel_bottom.png) no-repeat scroll left bottom;
	height:576px;
	float:left;
}
div#leftbar, div#rightbar{	

	display:block;
	height:569px;
}
div#leftbar {	
	float:left;
	background:transparent url(Images/bevel_side_panel_left.png) repeat-y scroll 0 0;
	width:7px;
}
div#rightbar{
	float:right;
	width:7px;	
}
div#homepagecontent {
	/*background: transparent url(images/bg_image_gradient.PNG) repeat-x;
	position:relative;*/
}
div#homepagebackgroundimage {
	float:right;
}
div#homepagebackgroundimage img{
	
}
div#content div#boxWrapper div.containerouterfooter {
	padding: 0 7px;
}
div#containerouterfooter {
	position:absolute;
	top:0px;
	z-index:150;
	left:1px;
}
/* container footer is the scrolling area at the bottom of the picture - increasing the height makes more of the sliding div visibile */
div#containerfooter {
	/*height:218px;*/
	position:relative;	
	overflow:hidden;
}
div#scrolledArea {
	/*background:url(images/below_image_gradient.png) repeat-y top 5px;
	height:146px; - removed height here as this should be set from containerfooter */
	overflow:hidden;
	position:relative;
	float:left;
	padding:0;
}
.hiddenArea {
	overflow:hidden;
	position:absolute;
	top:0;
}

div#content div#boxWrapper h1 {
	position:absolute;
	top:40px;
	left:565px;	
	color:#000;
	font-size:260%;
	font-weight:normal;
	/*z-index:150;*/
}
div#content div#boxWrapper p.link {
	/*background:#fff;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;*/	
}	
div#content div#boxWrapper div#slogan {
	position:absolute;
	left:562px;
	top:85px;
	width:500px;
	text-align:right;	
	margin-right:7px;
	_margin-right:6px;
	padding-right:8px;
	/*z-index:150;*/
}
div#content div#boxWrapper div#slogan p {
	/*display:block;*/
	clear:both;	
}
div#content div#boxWrapper div#slogan p em {
	float:left;
	clear:both;
	color:#000;		
	padding:0.2em 7px 0.2em 8px;	
	/*font-weight:lighter;
	text-align:left;
	width:auto;
	/*font-family:Arial;
	font-size:16px;*/
}
div#content div#boxWrapper div#slogan p.link {
	width:120px;
	text-align:left;
	float:right;
	padding-bottom:0;
	padding-left:10px;
}
div#content div#boxWrapper div#slogan p.link a {
	width:97px;		
}
div#content div#boxWrapper div div#boxes div#boxHeader, div#content div#boxWrapper div div#boxes
{
	width:949px;
	float:left;
	padding:10px 0 0 0;
}

div#content div#boxWrapper div div#boxes div#boxHeader
{
	background:transparent url(Images/below_image_gradient.png) repeat-y scroll center top;
	height:7px;
	/*padding:1px 0;*/
	display:inline;
	/*height:0;*/
	line-height:0;
	padding:0px !important;
}
div#content div#leftNav div div#boxes div#boxSurround
{
	/*height:199px;*/
	margin:0;
	padding:0;
	float:left;
}
div#content div#leftNav div div#boxes div#boxLeft, div#content div#leftNav div div#boxes div#boxRight
{
	float:left;
	margin:0px;
	padding:0px;
	height:194px;
}
div#content div#leftNav div#box1 {
	margin:4px 0 0;
	padding:0 0 1px 0;
}
div#content div#leftNav div.divider{
	margin:4px 0 4px 0;
	background:#d80000;
	height:12px;
	float:left;
}
div#content div#leftNav div#box1 h2,
div#content div#leftNav div#box1 p {
	margin-left:6px;
}
div#content div#leftNav div#box2 {
	position:relative;
	padding-top:4px;
	height:265px;
}
div#content div#leftNav div#box2 div span a img {
	margin:5px 0 0 6px;
	position:absolute;
}
div#content div#leftNav div#box3 {
	position:absolute;
	top:480px;
	left:14px;
}
div#content div#leftNav div.box {
	background:none;
	float:left;	
	width:251px;
}
div#content div#leftNav div#box3 img {
	margin:0 0 0 3px;
}
div#content div#leftNav h2 {
	color:#003366;
	font-size:140%;		
	font-weight:normal;
}
div#content div#leftNav div#box3 h2 {
}
div#scrolledArea div#boxes div{
	width:auto;
}
div#content div#leftNav div#box2 h2 {
	padding:0 0 5px 0;
	margin:60px 0 3px 6px;
}
div#content div#leftNav div#box3 h2 {
	padding:0;
	margin:1px 0 0 6px;
}

/* NEW PRODUCTS */
div#content div#leftNav div#box1 h2 {
	/*margin: 0 0 2px 8px;	*/
	padding:0;
	margin:3px 0 0 6px;
}
div#content div#leftNav div#box1 div#title1intro {
	/*margin:0 0 11px 8px;*/
	padding:0;
	margin:3px 0 4px 5px;
}
div#content div#leftNav div#box1 div#productsearch {
	margin:4px 0 0 6px;
	_margin:4px 0 0 3px;
	height:116px;
	width:222px;
	padding:5px 10px 2px 9px !important;
	_padding:5px 10px 6px 9px !important;
}
div#content div#productsearch div#productSearchBox {
	padding:0 !important;
	height:30px;
	background:transparent !important;
}
div#productSearchBox input.txtSearch
{
	width:180px !important;
	height:17px;
	padding:2px 0 0 3px;
	margin:2px 0 0 0;
	float:left;
}
div#content div#productsearch div#productSearchChoice{
	width:221px;
	border:1px solid #999;
}
div#productSearchBox input.btnFind
{
	height:20px;
	_height:27px;
	margin:0 0 0 8px;
	float:left;
}

div#productSearchChoice {
	padding:0px !important;
}
div#productSearchChoice Table
{
	width:100%;
}

div#productSearchChoice input
{
	margin:4px 0 5px 6px;
	display:inline;
	float:left;
	clear:left;
}

div#productSearchChoice label
{
	float:left;
	display:inline;
	clear:none;
	width:180px;
	padding-top:3px;
}

	div#productsearch form{
		background: #C5E0F6;
		padding: 8px 9px;
	}
div#productsearch form fieldset input.submit {
	padding-top:35px;
	background:url(images/bg_search_submit.gif) no-repeat top left;	
	height:23px;
	_height:25px;
	border:none;
	position:absolute;
	right:0;
	_top:1px;
	width: 22px;
}
#productsearch ul li{
	display:inline;
	margin-bottom:12px;
}
#productsearch label {
	clear:both;
	display:block;
	line-height:23px;
	margin-left: 5px;
}
#productsearch .txt {
	border: 1px solid #ccc;
	width:225px;
	font-size:11px;
	margin-left:5px;
	padding:2px;
}
#productsearch fieldset {
	position:relative;
}
#productsearch .but {
	position:absolute;
	right:2px;
	top:0px;
}

/* HACK safari 1.3 */
html* div#productsearch input.submit {
	position:static;
	float:right;	
	_position:absolute;
}
/* APPLICATION GUIDANCE */
div#content div#leftNav div#applicationsections {
	background:#e3e3e3;
	border:1px solid #e3e3e3;
	float:left;
	margin:0 0 0 6px;
	_margin:0 0 0 3px;
	width:241px;
}
div#content div#leftNav div#applicationsections div.forms {
	float:left;
}
div#content div#leftNav div#applicationsections label {
	float:left;	
	margin:5px 7px 0 0;
}
div#content div#leftNav div#applicationsections select {
	font-size:90%;
	width:170px;
	margin:2px 0 0 7px;
	border:1px solid #ccc;
}
div#content div#leftNav div#applicationsections div.form fieldset {
	/*display:none;*/
	height:25px;
	_height:29px;
	margin:2px;
	padding:0;
	position:relative;
}
div#content div#leftNav div#applicationsections div.form fieldset span
{
	position:absolute;
	left:5px;
	top:4px;
	
}
div#content div#leftNav div#applicationsections div.form fieldset select
{
	left:65px;
	position:absolute;
	top:2px;
	width:160px;
}
div#content div.box ul,
div#contentheader div.box ul {
	margin:5px 0 4px 8px !important;
}
div#applicationpicture{
	position:relative;
	height:0;
	width:0;
	left:234px;
	_left:229px;
	top:-38px;
	clear:left;
	float:left;
}
div#applicationpicture img {
	position:absolute;
	top:56px;
	_top:52px;
	left:-232px;
	_left:-227px;
	margin:0 0 0 3px;
}
div#boxes div#box2 div#applicationtext{
	position:relative;
	width:240px;
}
div#content div#leftNav div#applicationdetails {
	height:auto;
	left:5px;
	position:absolute;
	top:179px;
}
/*html>body div#content div#leftNav div#applicationdetails { 
     *top:34px; 
}*/
div#content div#leftNav div#applicationdetails p.link a{
	/*position:absolute;
	top:14px;
	left:7px;
	background:url(images/bg_content_link.png) no-repeat 0 0.2em; 
	height:19px;*/
	background-image:none;
	font-size:100%;
	display:block;	
	float:left;
	padding:0 0 0 25px;	
	font-weight:bold;
}
div#content div#leftNav div#applicationdetails h3 {
	background:#fff;	
	color:#003366;	
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;
	display:block;
	width:140px;
	margin:16px 0 30px 0;
	padding:6px 3px 3px 8px;	
	font-size:100%;
	height:20px;
}
div#content div#leftNav div#applicationdetails p.link {	
    background:#FFFFFF url(images/bg_content_link.png) no-repeat scroll 0 50%;	
	padding-left:7px;
	padding-bottom:14px;	
	/*height:28px;	*/
	width:180px;	
	position:absolute;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;
}
/* MOST READ */
div#box3 div#contentlinks {
	margin:4px 0;
}
div#content div#leftNav div#box3 ul li {
	padding:3px 0;
	width:241px;
	clear:both;
	background:url(images/bg_dotted.png) repeat-x top left;
	margin:0 !important;
}
div#content div#leftNav div#box3 ul li a {
	background:url(Images/arrow_home.gif) no-repeat 0 3px;	
	font-size:95%;
	_font-size:100%;
}
div#box3 div span a img {
	width:280px; /* this will ultimately need removing */
}
/* Overide default footer */
div#footerWrapper {
	background:none !important;
	padding-top:0 !important;	
	width:978px !important;
	clear:left;
}
div#sideNavigation, .ms-pagebreadcrumb {
	width:0px;
	border:none;
	display:none;
	visibility:hidden;
}
/* override homepage copyright location */
p.copyright {
	top:30px !important;
}
div#content div#homepagebackgroundimage img {
	margin:0 !important;
}