﻿@import url(/includes/css/screen.css);
/* BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
body {
	background:url(/images/misc/bg.jpg) repeat-x #D9D9DA;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}
a{
	text-decoration:none;
	color:#CC0033;
}
a:hover{
	text-decoration:underline;
	color:#CC0033;
}
a em{
	letter-spacing:0.1em;
}
a.arrow{
	font-size:70%;
	text-decoration:none;
	background-image:url(/images/misc/icn_arrow_RED.gif);
	background-repeat:no-repeat;
	padding:0 8px 0 8px;
	background-position: 0 5px;	
}
a.arrow:hover{
	text-decoration:underline;
}
h1 {
	color:#CC0033;
}
.h2_red{
	color:#CC0033;
	font-size:0.9em;
	margin: 0 0 10px 0;
}
h2{
	color:#CC0033;
	font-size:0.9em;
	margin: 0 0 10px 0;
}
h2.home{
	color:#333333;
	font-size:0.9em;
	margin:20px 0 7px 0;
}
.prod_feature_box_left .h2_red{
	color:#CC0033;
	font-size:1em;
	margin: 0 0 10px 0;
}
.prod_feature_box_left a{
	color:#666666;
	background-image:url(/images/misc/icn_arrow_RED.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 8px;
	font-weight:bold;
}
.prod_feature_box_left a:hover{
	color:#CC0033;
}
.supporting_docs .h2_red{
	color:#CC0033;
	font-size:1em;
	margin: 0 0 10px 0;
}
/* HEADER 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#logo {
	margin:25px 43px 6px 0;
}
#home_splash{
	margin:30px 0 0 0;
}
#status {
	top: 57px;
	right: 0;
}
.splash_txt{
	background-color:#fff;
	color:#333333;
	float:right;
	padding:15px;
	position:absolute;
	right:0;
	top:56px;
	width:521px;
	font-size:14px;
	opacity:0.8;
	filter:alpha(opacity=80)
}
* html .splash_txt{
	opacity:1.0;
	filter:alpha(opacity=100)
}


/* @end */

/* NAV image base 

#nav {
	width: 480px;
	height: 32px;
	float:left;
}
#nav ul{
	margin:0;
	padding:0;
}
#nav li {
	display: inline;
}
#nav ul a {
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
	height:36px;
	text-indent:-9999px;
	background-image: url(/images/buttons/grk_nav.gif);
	background-repeat:no-repeat;
}
#nav a:active{
	outline:none;
}

/* HOME

a.home{
	background-position: 0 0;
	width:47px;
}
a.home:hover{
	background-position: 0 -36px;
}
a.home_on{
	background-position: 0 -72px;
	width:47px;
}
/* PRODUCTS

a.products{
	background-position: -47px 0;
	width:62px;
}
a.products:hover{
	background-position: -47px -36px;
}
a.products_on{
	background-position: -47px -72px;
	width:62px;
}
/* ABOUT

a.about{
	background-position: -109px 0;
	width:65px;
}
a.about:hover{
	background-position: -109px -36px;
}
a.about_on{
	background-position: -109px -72px;
	width:65px;
}
/* NEWS

a.news{
	background-position: -174px 0;
	width:84px;
}
a.news:hover{
	background-position: -174px -36px;
}
a.news_on{
	background-position: -174px -72px;
	width:84px;
}
/* CASESTUDIES

a.casestudies{
	background-position: -258px 0;
	width:88px;
}
a.casestudies:hover{
	background-position: -258px -36px;
}
a.casestudies_on{
	background-position: -258px -72px;
	width:88px;
}
/* PARTNERS

a.partners{
	background-position: -346px 0;
	width:61px;
}
a.partners:hover{
	background-position: -346px -36px;
}
a.partners_on{
	background-position: -346px -72px;
	width:61px;
}
/* CONTACT
a.contact{
	background-position: -407px 0;
	width:73px;
}
a.contact:hover{
	background-position: -407px -36px;
}
a.contact_on{
	background-position: -407px -72px;
	width:73px;
}

/* @end */



/* NAV FE NL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#nav{
	background:url('../../images/buttons/bg_nav.gif') no-repeat;
	width:950px;
	height:42px;
	float:left;
	margin:20px 0 0;
}

#nav ul{
	margin:0;
	padding:6px 6px 0;
}

#nav li{
	float:left;
	list-style:none;
	
}

#nav li a, #nav li a:visited, #nav li a:active{
	
}
	
#nav li a{
	color:#FFFFFF;
	display:block;
	padding:0 0 0 12px;
	height:36px;
	text-decoration:none;
	float:left;
	cursor:pointer;
}
#nav li a span{
	color:#FFFFFF;
	display:block;
	padding:6px 12px 0 0;
	float:left;
	cursor:pointer;
	
}
#nav li a:hover, a.on{
	background:transparent url(../../images/buttons/bg_nav_hover.gif) no-repeat scroll left top;
	display:block;
	padding:0 0 0 12px;
}
#nav li a:hover span, a.on span{
	background:transparent url(../../images/buttons/bg_nav_hover.gif) no-repeat scroll right top;
	display:block;
	padding:6px 12px 0 0;
}


/* @end */

/* SPLASH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.banner_bottoml{
	background-image:url(/images/misc/grk_banner_bottoml.gif);
	background-repeat:no-repeat;
	width:6px;
	height:14px;
	position:absolute;
	bottom:-7px;
	left:0;
	z-index:100;
}
.banner_bottomr{
	background-image:url(/images/misc/grk_banner_bottomr.gif);
	background-repeat:no-repeat;
	width:6px;
	height:14px;
	position:absolute;
	bottom:-7px;
	right:0;
	z-index:5;
}
* html .banner_bottoml, * html .banner_bottomr{
	bottom:-12px;


}

#banner_panel{
	padding:0 0 35px 0;
	width:950px;
	position:relative;
}
#home_features{
	width:950px;
	background-color:#FFF;
	position:relative;
	float:left;
	font-size:0.76em;
}
.table_home_features{
	margin:0 0 0 25px;
	width:925px;
}
#home_features span{
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#news_feature{
	padding:0 0 25px 0;
}
#home_features span.tl{
	background-image:url(/images/misc/grk_feature_tl.png);
	top:0;
	left:0;
}
#home_features span.tr{
	background-image:url(/images/misc/grk_feature_tr.png);
	top:0;
	right:0;
}
* html #home_features span.tl{
	background-image:url(/images/misc/grk_feature_tl.gif);
	
}
* html #home_features span.tr{
	background-image:url(/images/misc/grk_feature_tr.gif);
}
#home_features span.bl{
	background-image:url(/images/misc/grk_feature_bl.png);
	bottom:0;
	left:0;
}
#home_features span.br{
	background-image:url(/images/misc/grk_feature_br.png);
	bottom:0;
	right:0;
}
* html #home_features span.bl{
	background-image:url(/images/misc/grk_feature_bl.gif);
	bottom:-13px;
	left:0;
}
* html #home_features span.br{
	background-image:url(/images/misc/grk_feature_br.gif);
	bottom:-13px;
	right:0;
}

#home_splash{
	width:950px;
	height:270px;
	position:relative;
	margin:20px 0 0 0;
	float:left;
	z-index:1;
	background-color:#fff;
}
#home_splash span.tl{
	background-image:url(/images/misc/grk_banner_tl.png);
	top:0;
	left:0;
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;

}
#home_splash span.tr{
	background-image:url(/images/misc/grk_banner_tr.png);
	right:0;
	top:0;
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;

}
* html #home_splash span.tl{
	background-image:url(/images/misc/grk_banner_tl.gif);
	top:0;
	left:0;
}
* html #home_splash span.tr{
	background-image:url(/images/misc/grk_banner_tr.gif);
	right:0;
	top:0;
}
.wave{
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(/images/misc/bg_wave.png);
	background-repeat:no-repeat;
	z-index:3;
	height:61px;
	width:950px;
}
* html .wave{
	background-image:url(/images/misc/bg_wave.gif);
}
.banner_control{
	z-index:4;
	position:absolute;
	right:20px;
	bottom:0px;
}
#content { background-color: transparent; }
#content span.bl{
	background-image:url(/images/misc/grk_feature_bl.png);
	bottom:0;
	left:0;
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;

}
#content span.br{
	background-image:url(/images/misc/grk_feature_br.png);
	bottom:0;
	right:0;
	height:5px;
	width:5px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	padding:0;
	margin:0;

}
* html #content span.bl{
	background-image:url(/images/misc/grk_feature_bl.gif);
	bottom:-13px;
	left:0;
}
* html #content span.br{
	background-image:url(/images/misc/grk_feature_br.gif);
	bottom:-13px;
	right:0;
}
#content p.intro_striped_r{
	font-size:0.99em;
	color:#CC0033;
}
#content .feature_box_left p span, #content .feature_box_right p span { position: static; width: auto; }
/* @end */

/* sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#sidebar {
	float: left;
	width: 215px;
	margin:20px 0 20px 0;
	font-size:90%;
	color:#666666;
	background-color:#EFEFEF;
}
#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{
	display:block;
	padding:8px 0 8px 22px;
	color:#333333;
}
#sidebar li a:hover{
	display:block;
	background-color:#CC0033;
	color:#FFF;
	text-decoration:none;
	
}
#sidebar li a.selected {
	background-color:#CC0033;
	background-image:url(/images/misc/icn_arrow_white.gif);
	background-position:10px 13px;
	background-repeat:no-repeat;
	color:#FFF;
	display:block;
	padding:8px 0 8px 22px;
}
#sidebar li li a.selected{
	background-image:url(/images/misc/icn_arrow_white.gif);
	background-position:18px 13px;
	background-color:#CC0033;
	padding:8px 0 8px 27px;
}
#sidebar li a.bottom{
	border:none;	
	background-image:url(/images/misc/bg_sidenav_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	color: #333;
	min-height: 20px; height: auto !important; height: 20px;
}
#sidebar li li a.bottom{
	background-color:#fff;
	background-image:url(/images/misc/bg_sidenav_subbottom.gif);
	color: #C03;
}
#sidebar li a.selected_bottom{
	border:none;	
	background-image:url(/images/misc/bg_sidenav_bottom_on.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	color: #FFF;
}
#sidebar li a.top{
	background-image:url(/images/misc/bg_sidenav_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	color:#333;
	padding:8px 8px 8px 22px;
}
#sidebar li a.selected_top{
	background-image:url(/images/misc/bg_sidenav_top_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
}
#sidebar li a.bottom:hover{
	background-image:url(/images/misc/bg_sidenav_bottom_on.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	border:medium none;
	color:#FFFFFF;
	display:block;
	min-height: 20px; height: auto !important; height: 20px;
}
#sidebar li li a.bottom:hover{
	background-image:url(/images/misc/bg_sidenav_subbottom_on.gif);
}
#sidebar li a.top:hover{
	background-image:url(/images/misc/bg_sidenav_top_on.gif);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFF;
	display:block;
}

#sidebar ul ul{
}
#sidebar ul ul li{
	background-color:#F9F9F9;
}
#sidebar ul ul li a{
	min-height: 20px; height: auto !important; height: 20px;
	background-image:url(/images/misc/icn_arrow_RED.gif);
	background-repeat:no-repeat;
	background-position:18px 13px;
	padding: 8px 0 8px 27px;
	color:#CC0033;
}
#sidebar ul ul li a:hover {
	background-image:url(/images/misc/icn_arrow_white.gif);
	background-position: 18px 13px;
}
#sidebar li a.selected_bottom:hover{
	background-image:url(/images/misc/bg_sidenav_bottom_on.gif);
	background-position:center bottom;
}
/* @end */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#content {
	background-color:#FFFFFF;
	padding:0 0 0 0;
	width:950px;
	position:relative;
}
.feature_box_right h2, .feature_box_left h2{
	color:#CC0033;
}
table.page_header{
	background-color:#2C2C2C;
	background-image:url(/images/misc/bg_page_header.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#home_features{
	background-image:url(/images/misc/bg_features_left.gif);
	background-repeat:no-repeat;
}
#map{
	float:right;
	position:absolute;
	right:18px;
}
#map_left{
	float:left
}
#map_left input{
	width:180px;
}
select.map{
	width:180px;
}
.distributor_login{
	margin:24px  0 0 0;
}
#case_studies, #news_feature {
	width:245px;
	padding: 20px 20px 25px 0;
}
input.login{
	margin:0 10px 0 0;
	float:left;
}	
#brochure_map{
	width:355px;
	padding:20px;
	position:relative;
}
#brochure_map p{
	margin:10px 0 5px 0;
}
#brochure_map span.map_tl{
	background-image:url(/images/misc/grk_map_corner.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
	position:absolute;
	top:0;
	left:0;
}
.td_bl{
	background-image:url(/images/misc/grk_map_corner_bl.gif); 
	background-repeat:no-repeat; 
	background-position:bottom left;
}
#brochure_map span.map_bl{
	background-image:url(/images/misc/grk_map_corner_bl.gif);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
}
div.page_content{
	width:720px;
}
table.page_header {
	width:100%;
}
div.page_content_inner{	
	padding:0 20px 0 0;
}

div.page_content_inner_full{
	padding:0 20px;
	width:910px;
}
.supporting_docs li.selected a{
	color:#CC0033;
}
.supporting_docs li.selected{
	background-image: url(/images/misc/icn_arrow_red_down.gif);
}
span.question{
	color:#CC0033;
}
span.answer{
	color:#CC0033;
}
.sitemap{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
	line-height:22px;
}
.title{
	color:#555555;
	font-weight:bold;
	font-size:1em;
	
}
#map_locator{
	position:relative;
	right:0;
	width:700px;
	margin:0 0 20px 0;
}
#map_locator a { font-size: 1em; }
/* @end */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.world_map{
	background-image:url(/images/misc/grk_world_map.png);
	width:37px;
	height:21px;
	float:right;
	margin:0 4px 0 0;
}
* html div.world_map{
	background-image:url(/images/misc/grk_world_map.gif);
	background-repeat:no-repeat;
}
#footer span {
	color:#CC0033;
}
#footer a:hover {
	color:#CC0033;
}
#footer a.external {
	background-image: url(/images/misc/grk_external.gif);
}
#footer a.external:hover{
	color: #CC0033;
}
/* @end */

/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.red{
	color:#CC0033;
}
/* @end */

#header {
	height:150px
}

div#header_sub {
	margin-top:30px;
}

.imgFloatRightDistributorList{
	float:right !important;
}