/*==========================================*/
/* Top-Level                                */

* { margin:0; padding:0;}

body { font-family: Arial,Helvetica,sans-serif; line-height: 1em; color: #65798a; background-color: white; }

input, textarea { font-family:Arial; font-size:1em; }
input, select { vertical-align:middle; font-weight:normal; }
img { border:0; vertical-align:top; text-align:left; }

/*==========================================*/
/* Headings                                 */

h1 { font-size:1.5em; font-weight:normal; border-bottom:1px solid #eaedef; line-height:1.1em; margin-bottom:22px; color:#FF9900; padding-bottom:4px; margin-right:14px; }
h2 { font-size:1.5em; font-weight:normal; border-bottom:1px solid #eaedef; line-height:1.1em; margin-bottom:22px; color:#FF9900; padding-bottom:4px; margin-right:14px; }
h3 { font-size:1em; margin-bottom:4px; }
h4 { font-size:1em; margin-bottom:4px; color:black; }

/*==========================================*/
/* Text                                     */

strong { color: #000000; font-weight: bold; }
.text-normal { color: #65798a; font-weight: normal }
.text-small { color: #65798a; font-size: 0.8em; }
.text-black { color: #000000; font-weight: normal; }
.text-bold { color: #000000; font-weight: bold; }
.text-error { color: red; font-weight: bold; }
.text-red-small { color:red; font-size: 0.8em; }
.text-small-hover { color:Blue; font-size: 0.8em; text-decoration: underline; cursor:hand; }

/*==========================================*/
/* Links                                    */

a           { color:#65798a; text-decoration: none; }
a:visited   { color:#65798a; text-decoration: none; }
a:hover     { color:#cb3000; text-decoration: underline; }

a.link-blue         { color: blue; }
a.link-blue:visited { color: blue; }
a.link-blue:hover   { color: blue; }

a.text-bold { color: black; font-weight: bold; }

strong a { color:black; }
strong a:visited { color:black; }
strong a:hover { color:black; }


/*==========================================*/
/* Lists                                    */

.list1 { list-style:none;}
.list1 li { background:url(/images/marker.gif) no-repeat left 4px; padding:0 0 9px 20px;}

/*==========================================*/
/* Paragraphs                               */

p { margin-bottom:22px; }
.p1 { margin-bottom:17px;}
.p2 { margin-bottom:25px;}
.p4 { margin-bottom: 5px; }

/*==========================================*/
/* Layout and general purpose               */

.image-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:23px;}
.img-box img { float:left; margin:0 20px 0 0;}

table.form td {padding: 2px; }
.form-label { }
.button { font-weight: bold; padding: 3px 4px 3px 4px; letter-spacing: normal; line-height: normal; }

.float-left { float: left; }
.float-right { float: right; }
.clear { clear:both; }  /* needed for the site navigation menus. */

.align-right { text-align:right;}
.align-center { text-align:center;}
.maxheight img { position:relative;}
.wrapper, block { width:100%; overflow:hidden;}
.container, block { width:100%;}


/*==========================================*/
/* Site Navigation - Menu bar               */

.site-navigation { list-style: none; }
.site-navigation li { float:left; background:url(/images/divider.gif) no-repeat right top; padding-right:2px;}
.site-navigation li a { display:block; width:113px; height:51px; text-align:center; line-height:51px; text-transform:uppercase; color:#465460; text-decoration:none; font-weight:bold;}
.site-navigation li a span { display:block;}
.site-navigation li a:hover { background:url(/images/nav_act.gif) left top repeat-x; color:#FF9900;}
.site-navigation li a.current { background:url(/images/nav_act.gif) left top repeat-x; color:#FF9900;}
.site-navigation li a.first:hover span { background:url(/images/nav_first.gif) no-repeat left top;}
.site-navigation li a.first_current span { background:url(/images/nav_first.gif) no-repeat left top;}
.site-navigation li.last { background:none; padding:0;}
.site-navigation li.last a { width:115px;}
.site-navigation li.last a:hover span { background:url(/images/nav_last.gif) no-repeat right top;}
.site-navigation li .last_current span { background:url(/images/nav_last.gif) no-repeat right top;}


/*==========================================*/
/* Top Navigation - Links above menu bar    */

.top-logo { float:left; padding:20px 0 0 19px; }
.top-navigation { float:right; padding:27px 0px 0 0; list-style: none;}
.top-navigation li { float:left; background:url(/images/divider1.gif) no-repeat right 3px; padding:0 6px 0 5px;}
.top-navigation li a { padding:2px 4px 2px 4px; color: #35495a; }
.top-navigation li a.link-blue         { color: blue; }
.top-navigation li a.link-blue:visited { color: blue; }
.top-navigation li a.link-blue:hover   { color: blue; }
.top-navigation li.last { background:none; margin-right:0;}
.top-navigation li.last a { text-decoration:none; margin-right:0; }
.top-navigation li.last a:hover { text-decoration:underline;}

/*==========================================*/
/* Top widgets - between menu bar and body  */

.top-widgets { float:right;width:585px; }
.top-search { float:left; margin-right:35px; padding-top: 2px; }
.top-search-input { width:158px; height:18px; border:1px solid #d5dce2; background:#fff; color:#87929b; padding-left:6px; margin-right:1px; padding-top:3px; margin-bottom:5px;}
.top-addthis { float:left; margin-right:10px; padding-top: 2px; }
.top-translate { float:left; width:170px; margin-top:-2px; text-align:right; }


/*==========================================*/
/* Footer Navigation                        */

.footer-navigation { width:100%; overflow:hidden; padding-bottom:13px; }
.footer-navigation li { display:inline; margin-left:-1px; }
.footer-navigation li a { border-left:1px solid #87929b; padding:0 8px 0 10px; color:#87929b;}
.footer-navigation li a:hover { text-decoration:underline; color:#cb3000;}
.footer-navigation li a.current { text-decoration:underline; color:#cb3000;}
.footer-copyright {  }

/*==========================================*/
/* Boxes                                    */

/* original template boxes, to remove eventually */
.box { width:100%;}
.box .border-top {background:url(/images/border.gif) repeat-x top;}
.box .border-top1 {background:url(/images/border.gif) repeat-x left 284px;}
.box .border-bot {background:url(/images/border.gif) repeat-x bottom;}
.box .border-left {background:url(/images/border.gif) repeat-y left;}
.box .border-right {background:url(/images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(/images/left-top-corner.gif) no-repeat left top;}
.box .left-top-corner1 {background:url(/images/left-top-corner.gif) no-repeat left 284px;}
.box .right-top-corner {background:url(/images/right-top-corner.gif) no-repeat right top;}
.box .right-top-corner1 {background:url(/images/right-top-corner.gif) no-repeat right 284px;}
.box .left-bot-corner {background:url(/images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(/images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:35px 19px 38px 20px !important;}
.box .inner1 { padding:319px 19px 38px 20px !important;}
.box .inner2 { padding: 10px 10px 10px 10px !important;}

/* part of top navigation */
.nav-box { background:url(/images/nav_bg.gif) left top repeat-x; width:100%;}
.nav-box .left { background:url(/images/nav_left.gif) no-repeat left top;}
.nav-box .right { background:url(/images/nav_right.gif) no-repeat right top; width:100%;}

/*==========================================*/
/* Table-based boxes                        */

table.box { margin-bottom: 5px; }
table.box td.left { width: 10px; background:url(/images/box-border.png) repeat-y left; }
table.box td.right { width: 10px; background:url(/images/box-border.png) repeat-y right; }
table.box td.spacer { width: 5px; height:10px; line-height: 1px; }
table.box td.vspacer { height: 5px; line-height: 1px; }
table.box td.top { height: 10px; line-height: 1px; background:url(/images/box-border.png) repeat-x top; }
table.box td.top-left { width: 10px; height: 10px; line-height: 1px; background:url(/images/box-top-left.png) no-repeat left top; }
table.box td.top-right { width: 10px; height: 10px; line-height: 1px; background:url(/images/box-top-right.png) no-repeat right top; }
table.box td.bottom { height: 10px; line-height: 1px; background:url(/images/box-border.png) repeat-x bottom; }
table.box td.bottom-left { width: 10px; height: 10px; line-height: 1px; background:url(/images/box-bottom-left.png) no-repeat left bottom; }
table.box td.bottom-right { width: 10px; height: 10px; line-height: 1px; background:url(/images/box-bottom-right.png) no-repeat right bottom; }
.box-content { padding: 10px; }
.box-content-nopadding { }


/*==========================================*/
/* Main Layout                              */

#main { width:920px; margin:0 auto; }

#header { height:170px; font-size:.69em; }
#header .top-row-2 { height:69px; }
#header .top-row-3 { height:51px; }
#header .top-row-4 { padding-top:5px; }

#content, #footer { font-size:0.75em; }
#content .inner { padding-right:3px;  }
#content .main-banner { position:absolute; }

#footer { height:132px; }
#footer .inner { padding:29px 0 0 11px; }
#footer span { padding-left:10px; }


/*==========================================*/
/* original template sizing/positioning     */

.col-1, .col-2, .col-3 { float:left; }

#page3 #content .col-1 { width:304px; }
#page3 #content .col-2 { width:304px; }
#page3 #content .col-3 { width:306px; }


/*==========================================*/
/* WebFX Menu Bar                           */
/*==========================================*/

.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;
	border:				1px solid black;
	padding:			1px;
	background:			#eeeeee;
/*	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:		0.9;*/
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;
	font-size:			0.69em;
	font-family:		Arial, Helvetica, Sans-Serif;
	color:				#465460;
}

.webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	height:				expression(constExpression(ie7 ? "13px" : "1px"));
	overflow:			visible;
	padding:			2px 0px 2px 5px;
	font-size:			0.69em;
	font-family:		Arial, Helvetica, Sans-Serif;
	text-decoration:	none;
	vertical-align:		center;
	color:				#465460;
	border:				1px solid #eeeeee;}

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	#465460;
}

.webfx-menu a:hover {
	color:			#465460;
	background:		rgb(234,242,255);/*#ffeedd;*/
	border:			1px solid rgb(120,172,255);/*#ff8800;*/
}

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;
	margin-top:		4px;
}

.webfx-menu b { 
	color:#FF9900;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	background:		rgb(120,172,255);/*rgb(255,128,0);*/

	padding:		2px;

	font-family:	Arial, Helvetica, Sans-Serif;
	font-size:		0.69em;

	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	border:				1px solid rgb(120,172,255);/*rgb(255,128,0);*/
	padding:			1px 5px 1px 5px;
	color:				#465460;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "17px" : "auto"));
}

.webfx-menu-bar a:hover {
	color:			#465460;
	background:		rgb(120,172,255);
	border-left:	1px solid rgb(234,242,255);
	border-right:	1px solid rgb(0,66,174);
	border-top:		1px solid rgb(234,242,255);
	border-bottom:	1px solid rgb(0,66,174);
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/	ie-dummy:		expression(this.hideFocus=true);
	border-left:	1px solid rgb(0,66,174);
	border-right:	1px solid rgb(234,242,255);
	border-top:		1px solid rgb(0,66,174);
	border-bottom:	1px solid rgb(234,242,255);
}

/*==========================================*/
/* Page Layouts                             */
/*==========================================*/

/*
    Main width is 920px.
    
    Boxes add 40px worth of padding and border
    space between boxes is 5px.
    
    For a 2-column page, the widths add to 835px.
*/

/* home page */
    .home-intro-flash { width: 460px; }
    .home-intro-content { width: 375px; }
    .home-level2-testimonials { width:375px; }
    .home-level2-content { width: 460px; }
    .home-level2-content-height { height: 280px; }
    .home-level2-content-strapline {}
    
/* main layout */
    .main-content { width: 575px; }
    .main-sidebar { width: 260px;} 
    
/* full width layout */
    .full-content { width: 880px; }

/* tri-banner layout */
    .tri-banner-container-left { width: 620px; }
    .tri-banner-banner { width: 575px; }
    .tri-banner-sidebar { width: 260px;} 
    .tri-banner-level1-content { width: 575px; }
    .tri-banner-level2-content-left { width: 245px; }
    .tri-banner-level2-content-right { width: 245px; }
    
/* contact-us page */
    .contact-us-level2-content-left { width: 380px; }
    .contact-us-level2-content-right { width: 170px; }
    
/* product pages */
    .product-intro-flash { width: 460px; }
    .product-intro-content { width: 375px; }
    .product-main-content { width: 515px; }
    .product-info-sidebar { width: 320px;} 

/* Error message */
.error 
{
	margin-top: -5px;
	padding-bottom: 10px;
	color: #ff0000;
	font-weight: bold;
	font-size: 0.95em;
}
.error ul
{
	margin-left: 20px;
}

/* Content lists */
ul.content-list 
{
	margin-left: 25px;
}
ul.content-list .question
{
	font-size: 1.3em;
}
ul.content-list .answer
{
	padding: 10px;
}