/* CSS Document */
/**********************/
/* Overall Structure
/**********************/
body{
	background:url(../images/structure/bg_image.gif) repeat;
	margin: 0px;
	padding: 0px;
}

#gradient{
	background:url(../images/structure/bkg_gradient.jpg) repeat-x;
	min-height:837px;
  	height:auto !important;
 	height:837px;
	padding-top:12px;

}

#page{
	width: 865px;
	margin: 0px 0 0 0px;
	padding: 0px;
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	z-index: 0;
}

#container{
	padding-left: 12px;
	width: 840px;
	overflow:hidden;
}

#header, #main_graphic, #solution_options, #ticker{
	/* width: 840px; */
}

/* Buffer Between Elements*/
#main_graphic, #ticker, #highlight_boxes, #top_element, #sidebar{
	margin-top: 10px;
}
/**********************/
/* End Overall Structure
/**********************/

/**********************/
/* Menu
/**********************/
#menu{
	position: absolute;
	left: 180px;
	top: 23px;
	width: 73%;
	z-index: 10;
}
/**********************/
/* End Menu
/**********************/

/**********************/
/* Header
/**********************/
#header{
	position: relative;
	height: 49px;
	/* padding-left: 25px; */
}

#header-top-row{
	position: absolute;
	left: 0px; 
	top: 5px; 
	width: 800px;
	text-align: right;
}
/**********************/
/* End Header
/**********************/

/**********************/
/* Home Page
/**********************/
#home_content{
	padding-left: 0px;
}

#main-graphic{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 840px;
	height: 318px;
}

#solution_options{
	text-align: center;
	background:url(../images/structure/solution_options.jpg) no-repeat;
	height: 52px;
	margin: 0px;
	padding: 0px;
	
	
}

#ticker{font-size:13px;}
#fad{margin:0px; padding: 8px 0px 8px 0px;}

#ticker{
	background:url(../images/structure/ticker_box.jpg) no-repeat;
	height: 26px;
	padding-left: 10px;
}

#highlight_boxes{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#homepage_box, #homepage_box2{
	height: 130px;
	width: 207px;
	vertical-align:top;
	padding: 5px 0px 0px 7px;
}

#homepage_box{
	background:url(../images/structure/highlight-box.jpg) no-repeat;
}

#homepage_box2{
	background:url(../images/structure/highlight-box-green.jpg) no-repeat;
}

#homepage_box table{
	width: 190px;
}

.highlight_header{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}
/**********************/
/* End Home Page
/**********************/

/**********************/
/* 1. Page Content
/**********************/
#left_content{
	float: left;
	width: 630px;
	/* padding-left: 25px; */
}

#right_content{
	/* margin-left: 703px;
	width: 160px; */
	float: right;
}

/* A. Defining Left Content Elements */
#content{											/* Main Content of Page */
	
	width: 630px;
}

#section-image{										/* Small Image in Section Header */
	width: 630px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#subMenu{									/* Define the Sub Menu and Elements */
	margin: 0px;
	padding: 0px;
	background:url(../images/structure/submenu.jpg) no-repeat;
	height: 34px;
}

/* B. Defining Right Content Elements */
#sidebar{											/* Defining the Sidebar Size */
	width: 184px;
}

	#sidebar-top{
		background:url(../images/structure/sidebar-top.gif) no-repeat;
		height: 26px;
	}
	
	#sidebar-body{
		border: solid;
		border-width: 1px;
		border-color: #e0e0e0;
		border-bottom: none;
		border-top: none;
		padding: 4px 4px 0px 4px;
		
	}
	
	#sidebar-bottom{
		background:url(../images/structure/sidebar-bottom.gif) no-repeat;
	}


/* C. Defining Page Bottom Elements */
#page-bottom{
	background:url(../images/structure/footer-box.gif) no-repeat;
	width: 865px;
	height: 57px;
	margin: 0px auto 15px auto;
	padding-top: 0px;
	clear: both;
}


/* Zebra tables for benefits/description lists */

#security-benefits{padding-left:4px; padding-right:4px;}
#security-benefits th{background:url(../images/structure/halfpage-headerbg.gif) no-repeat;}
#security-benefits th h2{margin-top:0px; margin-bottom:0px;}

/* FULL WIDTH */
.platform-box {float:left; margin: 15px auto; padding:0; overflow:hidden; -moz-border-radius:8px; border-radius: 8px;  background:#e3e4e5; width:620px; }	
.platform-box h2 {margin-bottom:0px; margin-top:0px; padding: 9px 14px; width:620px; text-transform:capitalize;  color:#333; background: #fff url(../images/structure/fullpage-headerbg.gif) no-repeat; font-size:13px;}
.platform-box ul{ margin:0; padding:0; vertical-align:middle;}
.platform-box ul li {margin:0; padding: 10px 20px 10px 30px; display: block; border-top: 2px dotted #fff; color:#333;  background: url("../images/misc/bullet.gif") 20px 14px no-repeat !important;}
.platform-box ul li.odd{background:#f0f0f0  url("../images/misc/bullet.gif") 20px 14px no-repeat !important; }
.platform-box ul li a:link, .platform-box ul li a:visited, .platform-box ul li a:active {font-weight:bold; line-height:1.5em; } 
.platform-box ul li a:hover {} 


/* HALF WIDTH (i.e two columns) */
.platform-box#half-size{float:left; margin: 15px auto; padding:0; overflow:hidden; -moz-border-radius:8px; border-radius: 8px;  background:#e3e4e5; width:297px !important; margin-right:15px!important; }	
.platform-box#half-size h2 {margin-bottom:0px; margin-top:0px; padding: 9px 14px; width:297px!important; text-transform:capitalize;  color:#333; background: #fff url(../images/structure/halfpage-headerbg.gif) no-repeat; font-size:13px;}



/**********************/
/* End Page Content
/**********************/

/**********************/
/* Lists
/**********************/
ul, ol{
	margin-left: 2em;
	padding-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
}

ul li{
	list-style-image:url(../images/misc/bullet.gif);
	padding-bottom: 1em;
}

ol li{
	padding-bottom: 1em;	
}

li p{
	padding-bottom: 0em;
	margin-bottom: 0em;
	padding-top: 1em;
}

/* Submenus for pages*/
ul.sub-navigation li.selected{color:#caa032; font-weight:bold; 	list-style-image:url(../images/misc/bullet-selected.gif);}
ul.sub-navigation li.selected a{color:#caa032; font-weight:bold;}
ul.sub-navigation li.selected a:hover{color:#caa032; font-weight:bold; background:url(images/indicator-arrow.gif) top left no-repeat;}


/**********************/
/* End Lists
/**********************/

/**********************/
/* Tables
/**********************/
.contentTable{
	border: solid;
	border-width: 1px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-color: #e0e0e0;
}

.contentTable th{
	background-color: #eaeae9;
}

.contentTable th, .contentTable td{
	border: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #e0e0e0;
}
/**********************/
/* End Tables
/**********************/

/**********************/
/* Float Image
/**********************/
.floatImageLeft{
	float: left;
	padding: 5px 5px 5px 0px;
}

.floatImageRight{
	float: right;
	padding: 0px 5px 5px 5px;
}
/**********************/
/* End Float Image
/**********************/

/******************************/
/* Fonts and Font Presentation
/******************************/
body{
	font-family:Arial;
	font-size: 11px;
	word-spacing: 2px;
	line-height: 130%; 
}

/* A. Left Content Fonts */
h1{
	font-size: 18px;
	margin: 10px 0px 10px 0px;
	line-height:1em;
	/* color: #a39267; */ /* Goldish */
	/* color:#F3821C;  /* Orange */
	/* color: #133f82; */
	/* color: #2b5e79; */
	color: #272a2f;
}

h2, .highlight{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	/* color:#F3821C; */ /* Orange */
	/* color: #337f82; /* Teal */
	/*color: #303c58;*/
	color: #3f444c;
	
}

	table td h2{
		margin: 0px 0px 10px 0px;
	}

h3{
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	color: #000000;
}

.h2-b{
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	font-size:12px;
	color: #000000;
}

h2.fb {
	color: #000;
	border-bottom: 1px solid #CACACA;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0 0.75em 0;
	padding: 0 0 0.35em 0;
}

p{
	margin: 0px 0px 10px 0px;
}

p.next{											/* Link to next page */
	text-align: right;
	padding-top: 10px;
}

.registered-mark{
	font-size: 11px;
	vertical-align:super;
	
}

/* B. Right Content Fonts */
#sidebar{
	font-size: 11px;
	word-spacing: 2px;
	line-height: 130%; 
}

#sidebar-body p{
	margin: 0px;
	padding-bottom: 1em;
}

.Sidebar-Title{
	font-weight: bold;
}

.Sidebar-Link{
	text-align: right;	
}

.Quote-Title{
	font-weight: bold;
	/* text-align:center; */
}
.Quote-Body{
	font-style: italic;
	/* text-align: center;*/
}

.Quote-Name{
	font-style: normal;
	/* color:#F3821C;*/ /* Orange */
	color: #337f82; /* Teal */
	/* text-align: center;*/
}

.Quote-Logo{
	text-align: right;	
}

/* C. Specific Text Changes */
#solution_options{
	font-weight: bold;
	font-size: 14px;
}

#header{
	font-weight: bold;
}

#page-bottom p{
	color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
}

/* C. Colours and Positioning */
.white{
	color:#FFFFFF;
}

.orange-bold{
	font-weight: bold;
	color:#F3821C;
}

.teal-bold{
	color: #3f444c;	
	font-weight: bold;

}

.greyText{
	color: #676e71;
}

.vertical-align{
	vertical-align:text-top;
}

.left-align{
	text-align: left;
}

.right-align{
	text-align: right;
}

.center-align{
	text-align: center;
}

blockquote p.loud{
	color: #337f82;
	font-weight:bold;
	font-size:18px;
	word-spacing: 2px;
	line-height: 100%; 
}

.book-image{
	padding-right: 8px;	
}
/******************************/
/* End Fonts and Font Presentation
/******************************/

/*********************************
/* Links
**********************************/

/* General Links */
A:link {text-decoration: none; color:#2970a6;}
A:visited {text-decoration: none; color:#2970a6;}
A:active {text-decoration: none}
A:hover {
	text-decoration: none;
	color:#1f5781;
}

/* Support Link and Solution Options Links */
#subMenu A:link, #header A:link, #solution_options A:link {text-decoration: none; color: #FFFFFF;}
#subMenu A:visited, #header A:visited, #solution_options A:visited {text-decoration: none; color:#FFFFFF;}
#subMenu A:active, #header A:active, #solution_options A:active{text-decoration: none;}
#subMenu A:hover, #header A:hover, #solution_options A:hover{text-decoration: none; color:#eac25a;}

/* Footer Menu **/
#page-bottom A:link {text-decoration: none; color:#FFFFFF;}
#page-bottom A:visited {text-decoration: none; color:#FFFFFF;}
#page-bottom A:active {text-decoration: none}
#page-bottom A:hover {text-decoration: none; color:#CCCCCC;}

/* Simple */
/* General Links */
A.simple:link {text-decoration: none; color:#000000;}
A.simple:visited {text-decoration: none; color:#000000;}
A.simple:active {text-decoration: none}
A.simple:hover {
	text-decoration: none;
	color:#999999;
}

table.clean {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.clean th {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
	font-weight: normal;
}
table.clean td {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table.clean td.solid-line {
	border-width: 1px 1px thick 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.clean td.table-title {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: black;
	background-color: black;
	text-align: center;
	color:#FFF;
	font-weight: bold;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.clean td.sku-title {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: black;
	background-color: white;
	text-align:right;
	color:#009;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:10px;
}
table.clean td.sku {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: black;
	background-color: white;
	color:#009;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:10px;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:345px;


}
/* rotator css */
	div#rotator ul.fade li.fade {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}


table.normal-table{margin:10px 0px;}
table.normal-table td{border:1px solid #E0E0E0;}