@charset "utf-8";
/* CSS Document */

body {
COLOR: #292929; /* color of text*/
background-color:#c9c7c8;
FONT-FAMILY: verdana, arial; 
FONT-SIZE: 8pt; 
FONT-STYLE: normal; 
FONT-VARIANT: normal;
}


#box-link { 
		position: absolute; 
		top: 0px; 
		left: 00px; 
		width: 829px; 
		height: 352px; 
		background-color: transparent; 
		border: 0px solid yellow; }	
		
		
#bggrayStripes {
position:relative; 
display: block; 
background-image: url(../images/bg_gray_stipes.gif); 
background-repeat:repeat-x;
width: 100%;
height: 33px;
}

#bggrayCorner {
position:relative; 
display: block; 
background-image: url(../images/gray_angled_header.gif); 
background-repeat:no-repeat;
width: 215px;
height: 27px;
}




#bggrayCornerRed {
position:relative; 
display: block; 
background-image: url(../images/bg_hori_gray_slashes.gif); 
background-repeat:no-repeat;
width: 188px;
height: 35px;
background-color:#910000;
}



#bggrayCorner_light {
position:relative; 
display: block; 
background-image: url(../images/bg_hori_light_gray.gif); 
background-repeat:no-repeat;
width: 168px;
height: 29px;
}



#bg_click_here {
position:relative; 
display: block; 
background-image: url(../images/bg_click_here.gif); 
background-repeat:no-repeat;
width: 173px;
height: 49px;
text-align:center;
vertical-align:middle;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#910000;
word-spacing:0.03em;
letter-spacing: 0.02em;
}



#graphics_middle {
position:relative; 
display: block; 
background-color:#FFF;
width: 173px;
height: 49px;
text-align:left;
vertical-align:middle;
font-family:Verdana, Geneva, sans-serif;
word-spacing:0.06em;
letter-spacing: 0.08em;

}


#bg_hmi_samples {
position:relative; 
display: block; 
background-image: url(../images/bg_hmi_samples.gif); 
background-repeat:no-repeat;
width: 173px;
height: 152px;
font-size:9px;
}

#bg_panel_shop_samples {
position:relative; 
display: block; 
background-image: url(../images/bg_panel_shop_samples.gif); 
background-repeat:no-repeat;
width: 407px;
height: 186px;
font-size:9px;
margin-top: 110px;
}

#bg_click_here_wider {
margin-top:-2px;
position:relative; 
display: block; 
background-image: url(../images/bg_click_here_wider.gif); 
background-repeat:no-repeat;
width: 367px;
height: 45px;
text-align:center;
vertical-align:middle;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#910000;
word-spacing:0.03em;
letter-spacing: 0.02em;
border: 0px solid yellow; 
}



#internal_push_left {
/*margin-left: 60px;*/
margin-left:3%;
margin-right:3%;
float:left; 
position:relative; 
display: block; 
width:60%;
border: 0px solid gray;
}


#internal_push_left_more {
/*margin-left: 60px;*/
margin-left:3%;
margin-right:3%;
float:left; 
position:relative; 
display: block; 
width:65%;
border: 0px solid gray;
}

#steph {
position:relative; 
display: block; 
width:100%;
height:90%;
margin: 0px auto;

}



#steph_center {
position:relative; 
display: block; 
width:95%;
height:95%;
margin: auto;
border: 0px solid yellow; 
}


#right_side_cta {
float:right; 
position:relative; 
display: block; 
width:215px; 
margin-top:20px;
}






#red_box_gray_border {
border:1px solid #9c9c9c; 
background-color:#910000;	
width: 198px;
}


#white_box_gray_border {
border:1px solid #9c9c9c; 
width: 198px;
}




.even_menu {
width: 100%;
height: 30px;
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
line-height: 20px;
vertical-align: center;
position:relative;
}

.graphics_middle_black {
color:#000000;
position:relative; 
display: block; 
text-align:left;
vertical-align:middle;
font-family:Verdana, Geneva, sans-serif;
word-spacing:0.06em;
letter-spacing: 0.08em;
}


.pushRight {
text-align:right;

}

.boldBig{
font-size:12px;
font-weight:bold;
}

.boldBigBlack{
font-size:12px;
font-weight:bold;
color:#000000;
}

.text_footer {
COLOR: #8c8a8b; /* color of text*/
FONT-SIZE: 11px;
word-spacing:0.05em;
letter-spacing: 0.01em;
}


.text_calls {
COLOR: #4a4949; /* color of text*/
FONT-SIZE: 10px;
FONT-FAMILY: arial; 
font-weight:bold;
word-spacing:0.06em;
letter-spacing: 0.08em;
}


.text_white_biggest {
COLOR: #ffffff; /* color of text*/
FONT-SIZE: 16px;
FONT-FAMILY: verdana, arial; 
}

.text_light_blue {
COLOR: #3180ff; /* color of text*/
FONT-SIZE: 11px;
FONT-FAMILY: verdana, arial; 
font-weight:bold;
word-spacing:0.06em;
letter-spacing: 0.08em;
line-height:20pt;

}

.text_white_big {
COLOR: #ffffff; /* color of text*/
FONT-SIZE: 14px;
FONT-FAMILY: verdana, arial; 
word-spacing:0.06em;
letter-spacing: 0.08em;

}

.text_white {
COLOR: #ffffff; /* color of text*/
font-weight:normal;
FONT-FAMILY: verdana, arial; 
word-spacing:0.06em;
letter-spacing: 0.08em;
}

.text_lt_italic {
COLOR: #cccccc; /* color of text*/
FONT-SIZE: 10px;
FONT-FAMILY: verdana, arial; 
font-style:italic;
}

.text_dark_italic {
COLOR: #4a4949; /* color of text*/
FONT-SIZE: 11px;
font-weight:bold; 
FONT-FAMILY: verdana, arial; 
font-style:italic;
}

.text_dark {
COLOR: #4a4949; /* color of text*/
}

.text_dark_internal_headers {
COLOR: #4a4949; /* color of text*/
FONT-SIZE: 12px;
font-weight:bold; 
FONT-FAMILY: tahoma, verdana, arial; 
word-spacing:0.06em;
letter-spacing: 0.08em;
}

.text_dark_internal_smaller {
COLOR: #4a4949; /* color of text*/
FONT-SIZE: 11px;
font-weight:bold; 
FONT-FAMILY: tahoma, verdana, arial; 
word-spacing:0.06em;
letter-spacing: 0.08em;
}


.text_dark_list {
COLOR: #4a4949; /* color of text*/
FONT-SIZE: 10px;
font-weight:regular; 
FONT-FAMILY: tahoma, verdana, arial; 
line-height:15pt;
font-size:10pt;

}





.text_little_red {
COLOR: #910000; /* color of text*/
FONT-SIZE: 9px;
FONT-FAMILY: arial; 
}

.text_red {
COLOR: #910000; /* color of text*/
}

.text_little_gray {
COLOR: #292929; /* color of text*/
FONT-SIZE: 9px;
FONT-FAMILY: arial; 
}


UL LI.check {
list-style-image: url(../images/check_mark.gif);
COLOR:#e8c8c9;
line-height:15pt;
font-size:10pt;
}

UL LI.check_white {
list-style-image: url(../images/list_white_check.gif);
line-height:15pt;
font-size:10pt;
}


UL LI.bullet {
list-style-image: url(../images/bullet.gif);
line-height:15pt;
}


.red_box_border {
border:1px solid #ffffff; 
background-color:#910000;	
}

.gray_box_border_left {
display: block; 
background-image: url(../images/gray_box_border_left.gif); 
background-repeat: repeat-y;
background-position: left; 
}

.gray_box_border_right {
display: block; 
background-image: url(../images/gray_box_border_right.gif); 
background-repeat: repeat-y;
background-position: right; 
}

.gray_bgcolor {
background-color: #dcdbdb;
}

.spaceMainLinks{
display:block;
float:left;
z-index:4000;
margin-left:1%;
margin-right:1%;

}

/********begin top Gray links*********/
a.topGrayLinks:link {
color:#292929;
text-decoration:none;
FONT-SIZE: 10px;
word-spacing:0.10em;
letter-spacing: 0.02em;
}
a.topGrayLinks:visited {
color:#292929;
text-decoration:none;
FONT-SIZE: 10px;
word-spacing:0.10em;
letter-spacing: 0.02em;
}

a.topGrayLinks:hover {
color:#292929;
text-decoration:underline;
FONT-SIZE: 10px;
word-spacing:0.10em;
letter-spacing: 0.02em;
}
/********end top Gray links*********/



/********begin Main Nav Gray links*********/

a.mainNavGrayLinks:link {
color:#292929;
text-decoration:none;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}
a.mainNavGrayLinks:visited {
color:#292929;
text-decoration:none;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}

a.mainNavGrayLinks:hover {
color:#292929;
text-decoration:underline;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}
/********end Main Nav Gray links*********/



/********begin light Gray links*********/

a.lightGrayLinks:link {
color:#c9c8c8;
text-decoration:none;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}
a.lightGrayLinks:visited {
color:#c9c8c8;
text-decoration:none;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}

a.lightGrayLinks:hover {
color:#c9c8c8;
text-decoration:underline;
FONT-SIZE: 12px;
word-spacing:0.01em;
letter-spacing: 0.01em;
}
/********end light Gray links*********/



/********begin little bread crumbs links*********/
a.breadCrumbs:link {
color:#292929;
text-decoration:none;
FONT-SIZE: 9px;
Font-family:Arial, Helvetica, sans-serif;
}

a.breadCrumbs:visited {
color:#292929;
text-decoration:none;
FONT-SIZE: 9px;
Font-family:Arial, Helvetica, sans-serif;
}

a.breadCrumbs:hover {
color:#292929;
text-decoration:underline;
FONT-SIZE: 9px;
Font-family:Arial, Helvetica, sans-serif;
}
/********end little bread crumbs links*********/



/********begin little bread crumbs links*********/
a.a_click_here:link {
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#910000;
word-spacing:0.03em;
letter-spacing: 0.02em;
}

a.a_click_here:visited {
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#910000;
word-spacing:0.03em;
letter-spacing: 0.02em;
}

a.a_click_here:hover {
text-decoration:underline;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#910000;
word-spacing:0.03em;
letter-spacing: 0.02em;
}
/********end little bread crumbs links*********/


		
		
/**************begin css drop down menu**********/
		
ul.cssMenu ul{display:none; z-index:2000001;

}
ul.cssMenu li:hover>ul{display:block;z-index:8000;}
ul.cssMenu ul{position: absolute;left:-1px;top:80%;z-index:8000;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;z-index:80000;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
z-index:8000;

}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	position:relative;
	z-index:80000;
	
}


ul.cssMenu li{
	display:block;
	
	font-size:0px;
	z-index:80000;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
z-index:800000;
}

/*normal*/
ul.cssMenu a{
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	padding-top:1px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
	text-align:left;
	text-decoration:none;
	font:11px Verdana;
	color: #292929;
	text-decoration:none;
word-spacing:0.01em;
letter-spacing: 0.01em;	
	z-index:1000001;
	border:0px solid #292929; 
}




ul.cssMenu span{
	overflow:visible;
	z-index:8;
}
ul.cssMenu li {
	float:left;
	z-index:8;
}
ul.cssMenu ul li {
	float:none;
	z-index:8;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
	z-index:8;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
	z-index:8;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	
	background-image:none;
		z-index:8;
	}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
    z-index:8;
}
ul.cssMenu li:hover{
	position:relative;
		z-index:8;
}
ul.cssMenu li:hover>a{
	background-color:#ffffff;
	text-decoration:none;
		z-index:8;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#ffffff;
	text-decoration:underline;
		z-index:8;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
		z-index:8;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
	z-index:8;
}
ul.cssMenu ul img {width:16px;
height:16px;
	z-index:8;
}
ul.cssMenu img.over{display:none;	z-index:8;}
ul.cssMenu li.dis a:hover img.over{	z-index:8;display:none !important}
ul.cssMenu li.dis a:hover img.def {	z-index:8;display:inline !important}
ul.cssMenu li:hover > a img.def  {	z-index:8;display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{	z-index:8;display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{	z-index:8;display:none}
ul.cssMenu a:hover ul{	z-index:8;display:block}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;
   	z-index:8;}
   
/**************end css drop down menu**********/

/*****************begin small rounded gray call out box****************/


/*****************end small rounded gray call out box****************/