
a:link { color: #424754; text-decoration: none;}
a:visited { color: #424754; text-decoration: none; }
a:active { color: #424754; text-decoration: none; }
a:hover { color: #00457C; }
a img { border: none; }

.t20
{	height:20em;
}

.t25
{	height:25em;
}

.t80
{	height:35em;
}

.on, .turned_on {
	display:block;
}

.off, .turned_off {
	display:none;
}

.rounded {
	-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
}

.left_rounded {
	-moz-border-radius:1ex 0ex 0ex 1ex;
	-webkit-border-radius:1ex 0ex 0ex 1ex;
}

body
{	font-family: "Times New Roman", Times, serif;
	background: #F9F9FF;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	color:#424754;
}

#logo_ca
{	position:absolute;
	z-index:0;
	left:-637px;
	top:4em;
	border-bottom: 1px solid #BFC5D3;
}

#logo_ca_right
{	position:absolute;
	width:957px;
	height:800px;
	z-index:1;
	overflow-right:hidden;
	margin:0px;
	padding:0px;
	top:0px;
	right:0px;
	background:url('../images/protomentat_ca.png') 0px 0px no-repeat;
}


#footer
{	background: #BFC5D3;
	position:absolute;
	top:800px;
	z-index:1;
	left: 0;
	width:100%;
	height:20em;
	padding:0px;
	margin:0px;
/*gradient for supported browsers*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFC5D3', endColorstr='#424754'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#BFC5D3), to(#424754)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #BFC5D3,  #424754); /* for firefox 3.6+ */
	
}


#logo
{	position:absolute;
	z-index:1;
	width:360px;
	top:4em;
	left:50px;
}

#logo_right
{	position:absolute;
	z-index:2;
	height:3em;
	right:50px;
	top:0px;
}

#tagline
{	position:absolute;
	z-index:1;
	left:450px;
	top:2em;
	padding-top:1em;
	font-size:2em;
	font-style:italic;
	color: #7883A3;
}

.prociono
{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: "ProcionoRegular", sans-serif;
}

#product_accordion
{	position:relative;
	top:12em;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
}

#display_box_wrapper
{	position:relative;
	top:12em;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	width:50em;
}

#display_box
{	
	width:100%;
	background: #F0F0FF;
	border:2px solid #7883A3;
	z-index:11;
}

#display_box_overlay
{	
	width:100%;
	z-index:12;
	position:absolute;
	top:0px;
}

#display_box_content
{	
	width:100%;
	z-index:13;
	position:absolute;
	top:0px;
	padding-left:4em;
}

.display_box_divider
{	
	width:2px;
	background: #F0F0FF;
	float:left;
	padding:0px;
	margin:0px;
	border-top:2px solid #7883A3;
	border-bottom: 2px solid #7883A3;
}

.display_box_tab
{	
	width:1.5em;
	background-color: #BFC5D3;
	border:2px solid #7883A3;
	border-right:none;
	float:left;
	margin:0px;
	padding:0px;
}

.width360
{	width:320px;
}

.product_description
{	font-size: 1.2em;
	margin:.5em;
	text-indent:1em;
}

.emph
{	font-style:italic;
	color: #00457C;
}

.title
{	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	color: #00457C;
}

.title_left
{	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	color: #00457C;
}

.feature_list
{	font-size:1.1em;
	list-style:none;
	padding:0px;
}

.more_button
{	font-size:2.5em;
	/*background-color: #00457C;*/
	color: #00457C;
	margin-left:10%;
	margin-right:10%;
	width:80%;
}

.clickable:hover { cursor:pointer; }

#display_box_shadow
{	
	width:50em;
}

/*////////////////////////////////////////////////////////////////*/
/*Features*/

.fancy_bullet
{	height:1em;
	position:relative;
	left:.5em;
	top:.15em;
}

.fancy_bullet2
{	height:1em;
	margin-right:.2em;
}

.fsl_show .fancy_bullet
{	visibility:visible;
}

.fsl_hide .fancy_bullet
{	visibility:hidden;
}

#feature_list /*top level ul*/
{	padding:0px;
	margin:0px;
	list-style:none;
}

#feature_list > li /*top level category*/
{	font-size:1.2em;
	font-family: "ProcionoRegular", sans-serif;
	color: #00457C;
}

ul.fl_hide
{	display:none;
}

ul.fl_hide > li
{	font-size:1.1em;
	font-family: "ProcionoRegular", sans-serif;
}

ul.fl_hide > li:first-child
{	font-size: .9em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

ul.fl_show /*applied to top level category only*/
{	display:block;
	list-style:none;
	width:25em;
	margin:0 0 1em 0;
	padding:0;
	position:relative;
}

ul.fl_show > li /* second level feature titles */
{	color: #00457C;
	font-size:1.1em;
	font-family: "ProcionoRegular", sans-serif;
	padding:0px;
	margin-bottom:.25em;
	margin-left:1em;
	text-align:right;
	width:7em;
	white-space:nowrap;
}

ul.fl_show > li:hover
{	cursor:pointer;
}

ul.fl_show > li:first-child /* top level category descriptions */
{	color: #424754;
	font-size: .9em;
	font-weight: bold;
	margin:.5em .5em .5em 1em;
	font-family: "Times New Roman", Times, serif;
	text-align:left;
	padding-left:1em;
	width:32em;
	white-space:normal;
	height:3em;
	
}

ul.fl_show > li:first-child:hover
{	cursor:default;
}

ul.fl_hide > li.fsl_show > ul, ul.fl_hide > li.fsl_hide > ul
{	font-size:.9em;
	font-family: "Times New Roman", Times, serif;
}

ul.fl_show > li.fsl_show > ul /* bottom level feature list */
{	font-size:.9em;
	color: #424754;
	font-family: "Times New Roman", Times, serif;
	position:absolute;
	left:10em;
	top:3.5em;
	padding:.5em .5em 1.2em .25em;
	margin:0px;
	text-align:left;
	width:20em;
	background:#F0F0FF;
	border:1px solid #424754;
	min-height:9em;
	list-style-type:disc;
	white-space:normal;
	
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754');
}

ul.fl_show > li.fsl_hide > ul
{	display:none;
	font-size:.9em;
	font-family: "Times New Roman", Times, serif;
}

ul.fl_show > li > ul:hover
{	cursor:default;
}


ul.fl_show > li > ul > li.clickable
{	margin-left:1.5em;
}

/*ul.fl_show > li > ul > li:last-child*/
li.hover_alert
{	display:block;
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	color:#7883A3;
	font-size:.8em;
	font-style: italic;
}


/* ************************************** */
ul.flrm_show /*applied to top level category only*/
{	display:block;
	list-style:none;
	width:25em;
	margin:0 0 1em 0;
	padding:0;
	position:relative;
}

ul.flrm_show > li /* second level feature titles */
{	color: #00457C;
	font-size:1.1em;
	font-family: "ProcionoRegular", sans-serif;
	padding:0px;
	margin-bottom:.25em;
	margin-left:1em;
	text-align:right;
	width:15em;
	white-space:nowrap;
}

ul.flrm_show > li:hover
{	cursor:pointer;
}

ul.flrm_show > li:first-child /* top level category descriptions */
{	color: #424754;
	font-size: .9em;
	font-weight: bold;
	margin:.5em .5em .5em 1em;
	font-family: "Times New Roman", Times, serif;
	text-align:left;
	padding-left:1em;
	width:32em;
	white-space:normal;
	height:3em;
}

ul.flrm_show > li:first-child:hover
{	cursor:default;
}

ul.flrm_show > li.fsl_show > ul /* bottom level feature list */
{	font-size:.9em;
	color: #424754;
	font-family: "Times New Roman", Times, serif;
	position:absolute;
	left:19em;
	top:2.5em;
	padding:1em;
	margin:0px;
	text-align:left;
	text-indent:1em;
	width:30em;
	background:#F0F0FF;
	border:1px solid #424754;
	min-height:10em;
	list-style-type:none;
	white-space:normal;
	
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754');
}

ul.flrm_show > li.fsl_hide > ul
{	display:none;
}

ul.flrm_show > li > ul:hover
{	cursor:default;
}


ul.flrm_show > li > ul > li
{	margin:0em;
	font-size:1.1em;
}

/* ************************************** */

.hover_alert:before
{	content: "hover over points for details";
}

.details_arrow
{	height:2em;
	position:absolute;
	top:9em;
	left:-2.7em;
}

div.fsl_expl
{	position:absolute;
	top:-4em;
	left:24em;
	marign:0em;
	background: #F0F0FF;
	border: 1px solid #424754;
	width:25em;
	padding:1em;
	min-height:20em;
	visibility:hidden;
	
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754');
}

div.fsl_expl p
{	font-size:1.1em;
	margin:0em;
	padding:0em;
	text-indent:1em;
}

ul.fl_show > li > ul > li:hover > div.fsl_expl
{	visibility:visible;
}

/*////////////////////////////////////////////////////////////////////*/
/*Non-front Pages*/

/*
#background_container
{	border:2px solid #BFC5D3;
	background: #F0F0FF;
	width:100%;
	height:100%;
	margin: 0px;
	opacity: .7;
	filter:alpha(opacity=70);
}
*/
#subpage_container
{	position:absolute;
	top:11em;
	width:80%;
	min-height:4em;
	padding:0;
	z-index: 3;
	margin-left:9%;
	margin-right:9%;
	/*border:1px solid green;*/
}

#info_container
{	
	padding:1em 1em 1em 2em;
	margin:0 0 2em 0;
	z-index:4;
	border-left:2px solid #BFC5D3;
	border-right:2px solid #BFC5D3;
	border-bottom:2px solid #BFC5D3;
	background: #F0F0FF;
	background: rgba(212, 216, 227, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F0F0FF, endColorstr=#99F0F0FF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F0F0FF, endColorstr=#99F0F0FF)";
}

#info_container .emph
{	font-size:1.1em;
	font-style:normal;
}

.more:hover .more_text
{	display:block;
	margin:4em 2em 1em 1em;
	position:absolute;
	top:0px;
	right:0px;
	padding:2em;
	width:35%;
	background:#F9F9FF;
	border:2px solid #7883A3;
	min-height:20em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99F9F9FF', endColorstr='#99F0F0FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FF), to(#F0F0FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F9F9FF,  #F0F0FF); /* for firefox 3.6+ */
	
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754');
}

.more_text
{	display:none;
}

#tab_container
{	/*border:1px solid red;*/
	width:100%
	padding:0;
	margin:0;
	position:relative;
	top:0px;
}

.tab_up, .tab_down
{	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-weight:bold;
	float:left;
	padding: 4px;
	margin:0;
	-moz-border-radius:1ex 1ex 0ex 0ex;
	-webkit-border-radius:1ex 1ex 0ex 0ex;
}

.tab_up
{	/*background:url('../images/light_d4d8e3_trans70.png');*/
	background:#F0F0FF;
	background: rgba(212, 216, 227, 0.6);
/*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F0F0FF, endColorstr=#99F0F0FF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F0F0FF, endColorstr=#99F0F0FF)";
*/	color:#7883A3;
	border-top:2px solid #BFC5D3;
	border-left:2px solid #BFC5D3;
	border-right:2px solid #BFC5D3;
	position:relative;
	z-index:7;
}

.tab_down
{	background:#7883A3;
	color:#F0F0FF;
	border-top:2px solid #BFC5D3;
	border-left:2px solid #BFC5D3;
	border-right:2px solid #BFC5D3;
}

.border
{	overflow:hidden;
	height:100%;
	border-bottom:2px solid #BFC5D3;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-weight:bold;
	padding: 4px;
	margin:0;
}

/*///////////////////////////////////////////////////////////////////////////////*/
/* Navigation Styles */

/* ######### Main Menu Bar CSS ######### */

#faux_bar {
margin:0;
padding:0;
border-bottom: 1px solid gray;
background: #424754;
overflow:hidden;
width:100%;
height:3em;
position:absolute;
top:0;
left:0;
z-index:1;
}

.menutop ul{
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
padding-left:10%;
list-style-type: none;
border-bottom: 1px solid gray;
background: #424754;
overflow: hidden;
width: 50%;
height: 3em;
position:absolute;
top:0;
left:0;
z-index:90;
}

.menutop li{
display: inline;
margin: 0;
}

.menutop li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 1em 1em .65em 1em;
color: #F9F9FF;
font-weight: bold;
background: #424754;
}

.menutop li a:visited{
color: #F9F9FF;
}

.menutop li a:hover{
background: url('../images/menu_grad_white.png') repeat-x;
}

.menutop a.selected{
background: url('../images/menu_white.png') repeat-x;
background-color: #7883A3;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7883A3', endColorstr='#424754'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#7883A3), to(#424754)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #7883A3,  #424754); /* for firefox 3.6+ */

}
/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: -5px;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
z-index: 91;
background-color: #424754;
border: 1px solid #BFC5D3;
}

.ddsubmenustyle li a{
display: block;
width: 10em; /*width of menu (not including side paddings)*/
color: #F9F9FF;
font-weight: bold;
text-decoration: none;
padding: .5em .5em;
border-bottom:1px solid #BFC5D3;
font-size:.8em;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 11em; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	background: url('../images/menu_grad_white_90.png') repeat-y;
}

/*/////////////////////////////////////////////////////////////////////////////*/

#contact_info
{	margin-left:50px;
}

#contact_info td, th
{	font-size:1.2em;
	
	text-indent:0px;
	padding-bottom:.5em;
	padding-left:1em;
}

#contact_info th
{
	vertical-align:top;
	text-align:right;
	color: #00457C;
}

ul.testimonial
{	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
	padding:1.5em;
	list-style:none;
	font-size:1.2em;
	font-family:"ProcionoRegular", sans-serif;
	background:#F0F0FF;
}

ul.testimonial li.test_quote
{	background-image: url('../images/dbl_open_quote.png');
	background-repeat: no-repeat;
	padding-left:50px;
	font-style:italic;
}

ul.testimonial li.test_individ
{	text-align: right;
	color: #00457C;
	text-weight:bold;
	font-size:1.2em;
	margin-top:1em;
	font-family:"Times New Roman", Times, serif;
}

.shadowed
{
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#424754');
}

ul.faq
{	list-style:none;
	width:90%;
	margin: 0em auto .5em auto;
	padding:.5em;
	background: #F0F0FF;
	-moz-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	-webkit-box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
	box-shadow: .5em .5em .5em rgba(66, 71, 84, .7);
}

li.faq_q
{
	background-image: url('../images/floral_heart_bullet_24.png');
	background-position: 0px .25em;
	padding-left:32px;
	margin-bottom:.5em;
	background-repeat: no-repeat;
	font-family:"ProcionoRegular", sans-serif;
	color:#00457C;
}

li.faq_a
{
	padding-left:64px;
}
