﻿@import url(/includes/css/screen.css);

/* BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
body {
	background:url(/images/misc/bg_morley.jpg) repeat-x #F4F6F8;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}
a{
	text-decoration:none;
	color:#2388d6;
}
a:hover{
	text-decoration:underline;
	color:#115f9A;
}
a em{
	letter-spacing:0.1em;
}
a.arrow{
	font-size:70%;
	text-decoration:none;
	background-image:url(/images/misc/icn_arrow_blue.gif);
	background-repeat:no-repeat;
	padding:0 8px 0 8px;
	background-position: 0 5px;	
}
a.arrow:hover{
	text-decoration:underline;
}
h1 {
	color:#115F9A;
}
.h2_blue{
	color:#2388d6;
	font-size:0.9em;
	margin:0 0 10px;
}
h2 {
	color:#2388d6;
	font-size:0.9em;
}
.prod_feature_box_left .h2_blue{
	color:#2388D6;
	font-size:1em;
	margin: 0 0 10px 0;
}

.blue {
	color:#2388d6;
}
/* HEADER 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#logo {
	margin:0px;
}
#header{
	width:900px;
	padding: 25px 25px 0 25px;
	background-color:#FFFFFF;
}
#status {
	position:static;
	top:0px;
	right:0px;
}

#header_sub {
	margin-top:0px;
}

/* @end */

/* NAV - PLAIN TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav {
	float: left;
	width: 100%;
	/*margin-bottom: px;*/
	font-size: 90%;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	margin: 15px 0 0 0;
	padding: 10px 0 10px 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav li{
	display: inline;
}
#nav li a{
	display: inline;
	margin: 0 20px 0 0;
}

#nav li a:link, #nav li a:visited, #nav li a:active {
	float: left;
	display: block;
	color: #444444;
	text-decoration: none;
}

#nav li a:hover {
	color: #006BB6;
	text-decoration: none;
}
#nav li a.on{
	color:#006BB6;
}
/* @end */
/* SPLASH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home_features {
	min-height: 12em; height: auto !important; height: 12em;
	width:900px;
	background-color:#FFF;
	position:relative;
	float:left;
	margin:15px 0 0 0;
	padding:20px 25px 25px 25px;
	font-size:0.76em;
	/*background-image:url(/images/misc/bg_features.gif);*/
	background-repeat:no-repeat;
	background-position:85px 0;
	line-height: 1.5;
}
#home_features span{
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
* html #home_features span{
	display:none;
}
#home_features span.tl{
	background-image:url(/images/misc/grk_feature_tl.gif);
	top:0;
	left:0;	
}
#home_features span.tr{
	background-image:url(/images/misc/grk_feature_tr.png);
	top:0;
	right:0;
}
#home_features span.bl{
	background-image:url(/images/misc/grk_feature_mor_bl.png);
	bottom:0;
	left:0;
}
#home_features span.br{
	background-image:url(/images/misc/grk_feature_mor_br.png);
	bottom:0;
	right:0;
}

#home_splash{
	/*background-color: #2388D6;
	background-image:url(/images/misc/bg_splash_mor.jpg);
	background-repeat:no-repeat;*/
	float:left;
	height:200px;
	margin:15px 0;
	position:relative;
	width:900px;
}
.splash_txt{
	width:350px;
	float:right;
	color:#FFFFFF;
	margin:0;
	padding:45px 35px 0 0; 
}
#home_splash span{
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#home_splash span.tl{
	background-image:url(/images/misc/grk_banner_tl.png);
	top:0;
	left:0;
}
#home_splash span.tr{
	background-image:url(/images/misc/grk_banner_tr.png);
	right:0;
	top:0;
}
* html span.tl{
	background-image:url(/images/misc/grk_banner_tl.gif);
}
* html span.tr{
	background-image:url(/images/misc/grk_banner_tr.gif);
}

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#content p.intro_striped_b {
	color:#10517E;
	font-size:0.99em;
}
.feature_box_right h2, .feature_box_left h2{
	color:#10517E;
}
#content {
	background-color:#FFFFFF;
	padding:0 25px 0 25px;
	width:900px;
	position:relative;
}
/* #content h1 { margin: 0.6em 0 -0.2em 0; } */
* html #content h1 { margin-bottom: 0; padding-bottom: -0.2em; }
#content span{
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#content span.bl{
	background-image:url(/images/misc/grk_content_bl.png);
	bottom:0;
	left:0;
}
#content span.br{
	background-image:url(/images/misc/grk_content_br.png);
	bottom:0;
	right:0;
}
* html #content span.bl{
	background-image:url(/images/misc/grk_mor_content_bl.gif);
	bottom:-13px;
	left:0;
}
* html #content span.br{
	background-image:url(/images/misc/grk_content_br.gif);
	bottom:-13px;
	right:0;
}

#preamble { width: 675px; }

#loginform h2 { margin: 0 0 20px 0; }

.feature_brochure{
	float:left;
	width: 310px;
	margin:20px 0 10px 0;
}
.feature_brochure select{
	margin:2px 0 0 0;
	width:200px; 
	float:left;
}
.grk_brochure{
	width:130px;
	height:185px;
	position:relative;
	float:right;
	margin: 0 0 0 8px;

}
.grk_brochure_fold{
	background-image:url(/images/misc/grk_broschure_fold.png);
	background-repeat:no-repeat;
	bottom:9px;
	height:143px;
	position:absolute;
	right:1px;
	width:29px;
}
* html .grk_brochure_fold{
	background-image:url(/images/misc/grk_broschure_fold.gif);
}
div.page_content { width: 690px; }
table.page_header{
	color:#FFFFFF;
	float:left;
	margin:0 0 20px;
	width:690px;	
	background-color:#006BB6;
}
div.page_header{
	background-color:#006BB6;
}
div.page_header table{
	background-color:#006BB6;
}
.supporting_docs{
	width:370px;
}
.prod_right{
	float:left;
}
.prod_left{
	width:270px;
}
.supporting_docs li.selected a{
	color:#115F9A;
}
.supporting_docs li.selected{
	background-image: url(/images/misc/icn_arrow_blue_down.gif);
}
.search_group{
	width:878px;
	background-image:url(/images/misc/bg_search_header_blue.gif);
	background-position:left;
}
span.question{
	color:#006BB6;
}
span.answer{
	color:#006BB6;
}
#map_locator {
	width:690px;
}
.map_left {
	width:220px;
}
.feature_box_left_striped {
	width:325px;
	margin:0;
}
/* @end */

/* PRODUCTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

table.prod_table{
	width:690px;
}

/* @end */

/* sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#sidebar {
	float: left;
	width: 195px;
	margin:20px 0 20px 0;
	font-size:90%;
	color:#666666;
	background-color:#f4f6fa;
}
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;

}
#sidebar li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #FFF;
}
#sidebar ul ul{
	 background-image:none;
}
#sidebar ul ul li{
	 background-image:none;
	 border-bottom:none;
}
#sidebar li a{
	color:#333333;
	display:block;
	padding:8px 5px 8px 20px;
}
#sidebar li a:hover{
	display:block;
	background-color:#DFE8F4;
	text-decoration:none;
	
}
#sidebar li a.bottom{
	border:none;	
	display:block;
	height:24px;
}
#sidebar li a.top{
	display:block;
}
#sidebar li a.selected{
	display:block;
	padding:8px 5px 8px 20px;
	background-color:#DFE8F4;
	background-image: url(/images/misc/icn_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:10px 13px;
}
#sidebar li li a.selected {
	padding-left: 27px;
	background-position: 20px 13px;
}

#sidebar ul ul{
}
#sidebar ul ul li{
	background-color:#FFFFFF;
}
#sidebar ul ul li a {
	min-height: 20px; height: auto !important; height: 20px;
	padding: 8px 0 8px 27px;
	color:#006BB6;
	background-image: url(/images/misc/icn_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:20px 13px;
}
#sidebar ul ul li a:hover{
	background-color:#EBF0F6;

}
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer_inner{
	padding:0 20px 0 20px;
	width:910px;
	
}
#footer span {
	color:#006BB6;
}
#footer a:hover {
	color:#006BB6;
}
#footer a.external {
	background-image: url(/images/misc/grk_external_blue.gif);
}
#footer a.external:hover{
	color: #006BB6;
}
/* @end */
