@charset "utf-8";
/* CSS Document */
/************************************* banner ***********************************/
.banner_bg {margin:auto;  height:406px; }
.flash_banner {position:relative; margin:auto; width:1000px; height:328px; top:24px;}
#question {position:absolute; margin-left:780px; top:400px; width:197px; height:65px; z-index:1;}
.banner_line {position:relative; margin:auto; width:1000px; height:50px; top:24px;}
/************************** home page top menu red line ************************/
.top_menu {display:block; float:right; width:570px; height:38px; text-align:right; padding:0 0px 0 0px;}
.top_menu li {display:inline; padding:0; margin:0; }
.top_menu a {font-weight:bold; font-size:12px; text-decoration:none; color:#494949; padding-top:15px; height:25px; padding-left:20px; padding-right:20px; display:block; display:inline-block;  background:url(../images/line_shade.gif) right top no-repeat; float:left;}
/*.top_menu a.drop{background:url(../images/arrow.png) right center no-repeat;}
*/.top_menu a:hover  {background: url(../images/red_line.gif) left center repeat-x; color:#FFF; display:block; display:inline-block; padding-top:15px; height:25px; }
.top_menu ul li a:hover, .top_menu ul li a.selected {background: url(../images/red_line.gif) left center repeat-x; color:#FFF;   padding-left:20px; padding-right:20px; display:block; display:inline-block; padding-top:15px; height:25px; }
.top_menu ul{
margin: 0;
padding: 0;
font: normal 12px;
list-style-type: none;
overflow: hidden;
color:#fff;
}

.top_menu li{
display: inline;
margin: 0;
padding:0;
height:34px;
list-style:none;
}
/*************************************** home page ******************************/
.home_page {position:relative; margin:auto;  width:982px; height:340px; background:#FFF;}
.left_tabs {display:block; float:left; width:240px; height:auto; margin-top:25px; margin-right:8px; }
.left_tabs_right {display:block; float:left; width:236px; height:auto; margin-top:25px; margin-left:0px;}

.right_tabs {display:block; float:left; margin-left:25px; width:183px; height:auto; margin-top:25px;}

.tab_img {margin:auto; /*width:183px;*/}
.tab_list {margin:auto; width:190px; background:url(../images/tab_shade.gif) no-repeat top;  padding-top:15px; padding-bottom:15px; min-height:170px; height:170px;}
.tab_list li {list-style-type: disc; list-style-image: url(../images/bullets.gif) ; list-style-position: outside; padding-top:5px;}
.tab_list a {text-decoration:none; color:#494949;}
.tab_list a:hover {text-decoration:none; color:#df0000;}

.about_qlevel {margin:auto; color:#5c5c5c; line-height:16px; padding-bottom:15px; }
.about_qlevel span {font-weight:bold; font-size:15px;}

.more_tab {margin:auto; text-align:right; background:url(../images/more_button.gif) no-repeat right; padding-right:20px; height:16px;}
.more_tab a {text-decoration:none; color:#000;}
.more_tab a:hover {color:#aa1819; text-decoration:underline;}

/************************************* company profile ************************/
.inner_page {width:1000px; float:left; padding:20px 0 20px 0; clear:both; background:#FFF;}

.company_banner_bg {margin:auto; }
.company_banner { margin:auto; width:1000px; height:auto; margin-top:24px;}
.banner_link { position:relative; margin:auto; width:1000px; height:34px; }
.banner_link span {margin-left:13px; line-height:28px; color:#d9d8d8; font-size:12px;	}
.banner_link span a {color:#fff;}
.banner_link span a:hover {text-decoration:none;}
#question_inner {position:absolute; margin-left:780px; top:225px; width:197px; height:65px; z-index:1;}

.profile_text {display:block; float:left; width:727px; height:100%;  color:#6a6a6a; line-height:16px; padding-left:13px; padding-right:18px; padding-bottom:35px; }
.profile_text span {color:#cc2222; line-height:45px; font-size:15px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:lighter;}
.right_side {display:block; float:left; width:230px;  }

/********************************* accordion menu ************************/
.glossymenu{
margin: auto;
padding: 0;
width: 185px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #fff;
color: #FFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 10px;
padding-top:7px;
text-decoration: none;
height:35px;
font-weight:bold;

}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #fff;
font-weight:bold;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff; color:#ffffec; 
}

.glossymenu div.submenu span a{ /*DIV that contains each sub menu*/
color:#c4181c; width:165px; text-align:right; display:block;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue; padding:5px;
}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
/******************* round border right side ******************/
.top_round {margin:auto; width:185px; height:7px;  background:url(../images/top_round.gif) bottom no-repeat;}
.bottom_round {margin:auto; width:185px; height:7px; background:url(../images/bottom_round.gif) top no-repeat;}
/********************** overview box **********************/
.overview {position:relative; margin:auto; color:#5c5c5c; width:170px;}
/*************** products box ********************/
.products_box {position:relative; margin:auto; width:185; height:69px; margin-top:15px;}
#banner_text {position:absolute; margin-left:25px; top:175px; width:290px;  z-index:100;}