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

/* -------------------------  Utilities  -------------------------*/
/* -------------------------  Utilities  -------------------------*/

html, body 
{
	margin: 0;
	padding: 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
	background:url(../images/gradient_bg2.jpg) repeat-x #F5F5F7;
	
}

p{ margin: 0; padding: 0; }

h1
{
	font-size: 14px;
	color: #783f07;
	padding: 30px 0 0 0;
	margin:0;
}
h2
{
	font-weight: bold;
	font-size: 12px;
	color: #783f07;
	margin: 10px 0 0 0;
}
h3
{
	font-weight: normal;
	font-size: 12px;
	font-style:italic;
	margin: 0 0 20px 0;
}
h4
{
	font-weight: bold;
	font-size: 12px;
	color: #783f07;
	margin: 0 0 10px 0;
}
h5
{
	font-weight: bold;
	font-size: 12px;
	color: #783f07;
	margin: 0;
	padding:0;
}

.align-right { float:right; margin: 11px 24px 18px 0; }
.align-left { float:left; margin: 0 18px 0 0; }
.align-bottom {padding: 30px 0 0 0; }
.frame { padding: 5px; border: 1px solid #aaa; }
.intext_link, a.intext_link { font-size:11px; font-weight:bold; color: #608199; text-decoration: none; } 
a.intext_link:hover { color: #3A5058; text-decoration: underline;} 
.intext_link_large, a.intext_link { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #608199; text-decoration: none; } 
a.intext_link_large:hover { color: #3A5058; text-decoration: underline;} 
.intext_bold { font-weight:bold; color:#0A3443; }
.text_small_blue { font-size:11px; font-weight:400; color:#0A3542; }
.hidden { display: none; }
.visible { display: block;}
.denied { display: none; }
.granted { display: block;}
a:active, a:focus { outline:none; }

#page_container
{
	width: 1020px;
	margin: auto; /* center the div in the page */
	background:#FFF;
}

#list
{
margin:2px 0;
padding:2px 0;
list-style-image:url(../images/arrow_blue_small.png);
}
#list li 
{
margin: 0 0 4px 15px;
padding: 0 0 4px 0;
}

/* -------------------------  Header Section  -------------------------*/
/* -------------------------  Header Section  -------------------------*/

#header_container
{
	height: 128px;
	padding: 20px 88px 0 89px;
}
.header_logo 
{
	margin:0 0 5px 50px;
	width: 195px;
	float:left;
}
.header_contact 
{
	padding: 7px 0 6px 0;
	width: 594px;
	float: right;
}
.header_phone 
{
	padding: 8px 0 6px 0;
	font-family:Arial;
	color:#783f07;
	font-weight:200;
	font-size:28px;
	text-align:right;
	display:block;
	margin: 0;
}
.header_routing 
{
	text-align:right;
	font-weight: 600;
	color: #0A3542;
	clear:right;
}
.header_call
{
	text-align:right;
	font-weight: 800;
	font-size: 16px;
	color: #0A3542;
	margin-top:20px;
}

/* -------------------------  Menu Section  -------------------------*/
/* -------------------------  Menu Section  -------------------------*/

#menu_container
{
	height: 50px;
	padding: 0 82px 0 89px;
}

.menubar { overflow:hidden; }
.menu_right
{
	width:202px;
	height:50px;
	background:url(../images/rd_menu_right.jpg) no-repeat;
	margin:0;
	padding:0;
}
.menu_right a
{
	margin:9px 0 0 23px;
}

	
/* -------------------------  Body Section  -------------------------*/
/* -------------------------  Body Section  -------------------------*/
	
#body_container 
{
	width: 1020px;
	margin: auto; /* center the div in the page */
	background:url(../images/horiz_blend_bg_long.gif) repeat-x;
}

#breadcrumb_container
{
	width: 762px;
	padding: 8px 0 0 0;
}
.breadcrumb_page_link, a.breadcrumb_page_link {
	font-size: 10px;
	color: #6D5F4F;
	text-decoration: none;
}

a.breadcrumb_page_link:hover {
	color: #608199;
	text-decoration: none;
}

#banner_container
{
	width: 852px;
	height: 251px;
	margin: 2px 79px 0 89px;
	padding:0;
	background:url(../images/rd_banner_bg.png) no-repeat;
	position:relative;
}
.btn_view_demo
{
	position:absolute;
	right:33px; top:170px;
}
#banner_container img.webroute
{ 
	border:2px solid #fff;
}
#banner_container_sub
{
	width: 767px;
	margin: 5px 88px 30px 89px;
	padding:0 40px;
	background:url(../images/sub_banner_bg.gif) no-repeat;
}
.banner_main_img {
	float:left;
	border:none;
}
.banner_text_float{
	float:left;
	width:422px;
	padding:45px 0 0 15px;
}
.banner_content {
	width: 637px;
	margin: 0;
	float: left;
}
.banner_title {
	padding: 0 10px 0 0;
	font-weight:300;
	font-size: 16px;
	color: #fff;
}
.banner_title span {
	font-weight:bold;
}
.banner_heading {
	padding: 10px 30px 5px 0;
	font-weight:600;
	color: #fff;
}
.banner_text {
	padding:30px 10px 0 0;
	color: #fff;
	font-size:12px;
}
.banner_text_large {
	font-weight:bold;
	font-size:14px;
	text-align:justify;
}
.banner_text_sub {
	font-size:12px;
	text-align:justify;	
}
.banner_text_sub_indent {
	font-size:12px;
	text-align:justify;
	padding:0 0 10px 30px;	
}
.banner_text_sub_left
{
	width:342px;
	font-size:12px;
	text-align:justify;
}
.bannner_align_right_sub
{
	float:right;
	padding: 64px 0 20px 40px;
}
.solutions_align_right
{
	float:right;
	padding: 18px 0 20px 40px;
}
.banner_img_container
{
	width: 762px;
}
.banner_align_right
{
	float:right;
	margin: 11px 20px 18px 0;
}
}
.banner_align_left
{
	float:left;
	width:183px;
	margin: 0 17px 0 0;
}
.banner_text_align_left
{
	width:562px;
	float:left;
}
.contact_header_bar
{
	width:100%;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding:5px 5px;
	margin:0 0 10px 0;
	background-color:#31444F;
}
.contact_header_tab
{
	width:762px;
	height:31px;
	margin:0;
	padding:0;
	background:url(../images/tab.png) no-repeat;
}
.contact_img_container
{
	float:right;
	margin: 0;
	padding:0;
}
.contact_info_container
{
	width:382px;
	float:left;
	margin:0;
	padding:0;
}
.tab_text_support
{
	font-weight: bold;
	font-size: 12px;
	color: #783f07;
	padding: 6px 0 0 25px;
	margin:0;
}
.tab_text_sales
{
	font-weight: bold;
	font-size: 12px;
	color: #783f07;
	padding: 7px 0 0 32px;
	margin:0;
}
.tab_bg_support
{
	width: 140px;
	height: 27px;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/tab_bg.jpg) repeat-x;
}
.tab_left
{
	width: 10px;
	height:27px;
	margin:0;
	padding:0;
	background:url(../images/tab_left.jpg) no-repeat;
	float:left;
}
.tab_right
{
	width: 10px;
	height:27px;
	margin:0;
	padding:0;
	background:url(../images/tab_right.jpg) no-repeat;
	float:left;
}
.tab_container_support
{
	width: 160px;
	height:27px;
	margin:0;
	padding:0;
	float:left;
}
.tab_text_center
{
	font-weight: bold;
	font-size: 12px;
	color: #0A3542;
	padding: 7px 0 0 0;
	margin:0;
	text-align:center;
}
.tab_text_right
{
	font-size: 12px;
	padding: 6px 0 0 0;
	text-align:right;	
}
.tab_bar_bg
{
	width:762px;
	height:5px;
	margin:0;
	padding:0;
	background:url(../images/tab_bar_bg.jpg) repeat-x;
	clear:left;
}
.horizontal_bar
{
	width:762px;
	height:5px;
	padding:0;
	margin:20px 0 8px 0;
	background:url(../images/bar.jpg) no-repeat;
}
.faq_answer_icon
{
	float:left;
	padding:0 15px 0 0;
}
.horizontal_line
{
	width: 762px;
	height:1px;
	background-color:#0A3443;
}

.support_tab_container
{
	width:762px;
	background:url(../images/tab_container_bg.jpg) repeat-y;
	margin:0;
	padding:0;
}
.support_tab_text_container
{
	width:762px;
	margin:0;
	padding: 20px 20px;
}
.support_tab_bottom
{
	width:762px;
	height:2px;
	background:url(../images/tab_container_bottom.jpg) no-repeat;
	margin:0;
	padding:0;
}

#solutions_container
{
	width: 841px; /* 1020px - 92px -86px */
	margin: 13px 89px 0 90px;
	padding-bottom:30px;
}
#solutions_container a
{
	display:block;
	width:308px;
	height:63px;
	float:left;
	margin:10px 56px;
}
#solutions_text_container
{
	width: 842px; /* 1020px - 92px -86px */
	margin: 0 88px 0 90px;
}
.solutions_content {
	width: 197px;
	float:left;
	margin: 0 18px 0 0;
}
.solutions_heading {
	font-size:11px;
	padding: 0 0 5px 0;
	font-weight:600;
	color: #0A3542;
}
.solutions_text {
	padding: 0 0 3px 0;	
}
#subbanner_bg
{
	width:763px;
	height:75px;
	background:url(../images/rd_subbanner_bg.png) no-repeat;
	margin:10px 0;
	padding:10px 0 0 0;
}
#subbanner_bg img
{	
	float:right;
	margin-right:15px;
	border:4px solid #ddd;
}
.subbanner_header
{
	width:763px;
	height:6px;
	margin:20px 0 20px 0;
	background:url(../images/rd_subbanner_div.jpg) no-repeat;
}
#list4
{
	margin-left:0px;
}
#list4 a { color: #0091be; text-decoration: none } 
#list4 a:hover { color: #0091be; text-decoration: underline }
#list4 ul
{
	margin:0 0 0 0;
	padding:0;
	list-style:none!important;
}
#list4 li
{
	font-size:12px;
	color:#444;
	margin-left:10px;
	padding:0 0 5px 14px;
}
#list4 li.heading
{
	margin:10px 0 0 10px;
	padding-bottom:8px;
	font-size: 14px;
	color: #783f07;	
	font-weight:bold;
	background-image:url(../images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#list4 li ul
{
	margin-top:10px;
}
#list4 li ul li
{
	margin-left:20px;
	padding:0 0 5px 5px;
	list-style:circle;
	background-image:none;
	background-position:0 0;
}
.webroute_bg1
{
	width:697px;
	height:284px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	background:url(../images/img_webroute_tab1.png) no-repeat;
}	
.webroute_bg2
{
	width:697px;
	height:305px;
	margin:10px 0 0 0;
	padding:0;
	float: left;
	background:url(../images/img_webroute_tab2.png) no-repeat;
}	
.webroute_bg3
{
	width:697px;
	height:305px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	background:url(../images/img_webroute_tab3.png) no-repeat;
}
.webroute_text
{
	width:317px;
	height:140px;
	margin:0 -20px 0 0;
	padding:0;
	float:left;
	background:url(../images/img_webroute_tab_text.png) no-repeat;
}
.webroute_text2
{
	width:354px;
	height:98px;
	margin:24px 0 0 -15px;
	padding:0;
	float:left;
	background:url(../images/img_webroute_text2.png) no-repeat;
}
.webroute_text3
{
	width:697px;
	height:103px;
	margin:24px 0 0 -5px;
	padding:0;
	float:left;
	background:url(../images/img_webroute_text3.png) no-repeat;
}				
	
/* -------------------------  Footer Menu Section  -------------------------*/
/* -------------------------  Footer Menu Section  -------------------------*/

#footer_container
{
	height: 94px;
	width: 1020px;
	margin: 5px 0 0 0;
	background:url(../images/footer_bar_bg.gif) repeat-x;
}
.ftr_menu_text {
	height: 94px;
	padding: 25px 0 0 0;
	margin:0;
	text-align: center;

}
.ftr_menu, a.ftr_menu {
	color: #FFFFFF;
	text-decoration: none;
}
a.ftr_menu:hover {
	color: #21A4CF;
	text-decoration: underline;
}

/* -------------------------  Footer Section  -------------------------*/
/* -------------------------  Footer Section  -------------------------*/

#copyright {
	margin: 10px 0 10px 0;
	text-align: center;
}
.ftr_copyright {
	font-size: 11px;
	color: #333; /* #999; */
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a.ftr_copyright:hover {
	color: 333; /* #496BB3; */
	text-decoration: none;
}
.ftr_conquest {
	font-size: 10px;
	color: #333; /* #999; */
	text-decoration: none;
	margin: 0;
	padding: 2px 0 0 0;
}
a.ftr_conquest:hover {
	/*color:  #888; */
	text-decoration: none;
}