@charset "utf-8";
/* CSS Document */

html{height:100%%}
html>body #PortalBorder {height:auto}/*for mozilla */
body{ font-family:Tahoma, Arial, Helvetica; font-size:11px; margin:0}

.Logindiv{ position:absolute; right:0; top:500px; color:#FFFFFF}
.Logindiv a{ color:#FFFFFF}
.All{ margin:auto; width:800px; height:450px;}
.Headertd{ height:80px; background:url(images/header_bg.jpg) no-repeat top right;} <!--头部样式-->
.Menu{ text-align:left;} /*左边彩单样式*/

.Contenttd{vertical-align: top; height:auto}
.ContentPaneTD { padding: 18px 10px 10px 10px;}
.BREADCRUMB{ padding-left:212px;}
.BreadcrumbTD{ height:30px;}
.Breadcrumb_Object{ background:url(BreadcrumbArrow.gif) no-repeat left; padding-left:10px; display:inline ; color:#003366}
/*
#backgroud_img{
    background:url(images/left_bg.jpg) top;
	height:168px;
	width:157px;
	position:absolute;
	margin-left:35px;
	margin-top:-150px\9;
	margin-top:-50px;
	z-index:-1;
}   */
 
#testbgg{background:url(http://www.quadindustrial.com/Portals/0/Images/qi_03.jpg) no-repeat; width:155px; height:179px;  margin-top:185px !important;*margin-top:1px; display:block; margin-left:5px;}
#testbgg a{width:42px; height:18px;position:relative; top:39px; left:112px;}


/*横向菜单*/
.TabList {
font-family:Tahoma, Arial, Helvetica; font-size:9pt;}


/*  NavMenu styles start here */

#navHContainer {
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
}

#nav li {
  position: relative;
  float:left;
  line-height : 28px;
  list-style: none;
  padding:0 15px 0 15px;
  background:url(images/header.gif) left bottom no-repeat;

}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin:10px 0 0 0;
	width:150px;
	border:1px solid #d1d5d8;
	background-color:#FFFFFF;
/*	width:13em;*/ 
}

#nav li li{
	background:none;
	padding:0;
	width:150px;
}

#nav a {
	display:block;
    text-decoration:none;
    text-align:center;
	background:none;
    font-weight:bold;
    padding :2px 0 2px 0;
    color:#000;
}
#nav li li a {
    margin:0;
	text-align:left;
	padding-left:10px;
    font-weight:normal;
	width:150px;
	background:none;
	line-height:18px;
}

#nav li li a:hover {
  color:#fff;
  *background-color:#d1d5d8;
  background-image:url();
}
#nav li li:hover {
  background-color:#d1d5d8;
}

#nav li a:hover {
    background:url(images/header_hover_bg.gif) center bottom repeat-x;
}

#nav .SelectedTab a{
    background:url(images/header_hover_bg.gif) center bottom repeat-x;
	font-size:9pt;
}

#nav .SelectedTab li a{
    background:none;
}


#nav li .SelectedTab a{
  color:#fff;
  background-color:#d1d5d8;
	background-image:none;
	font-size:9pt;
	width:140px;
	*width:150px;
}

#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}


/*左边tree */
#tree ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
	height:auto;width: 150px
}

#tree li {
  position: relative;
  float:left;
  line-height : 25px;
  list-style: none;
  border-bottom:1px solid #d1d5d8;
  background:none;
  width: 150px
}

#tree li li{
  border-bottom:0;
  width:100px;
  line-height:22px;
  height:22px;
  padding:0;
  margin:0;
}


#tree li ul { /* second-level lists */
	position : absolute;
	left: -999em;
  	margin:-2.5em 0 0 150px;
	border:1px solid #d1d5d8;
	background-color:#FFFFFF;
	width: 100px;
	padding:0;
	
}

#tree li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#tree a {
	display:block;
	width: 150px;
    text-decoration:none;
	font-weight:bold;
    padding : 2px 0 2px 12px;
    color:#000;
}

#tree li li a {
    margin:0;
	font-weight:normal;
	width:90px;
	*width:100px;
	padding:0;
	line-height:22px;
	height:22px;
	padding-left:10px;
	padding-right:0;
}

#tree li a:hover {
  background:url(images/left_breadcrumb.gif) no-repeat left;
  color:#000;
}

#tree li li a:hover {
  background:url();
  color:#fff;
  *background-color:#d1d5d8;
}
#tree li li:hover {
  background-color:#d1d5d8;
}

#tree .SelectedTab{
	background-color:#f3f3f3;
	font-weight:normal;
    font-size:9pt;	
}

#tree .SelectedTab a{
	color:#333069;
}

#tree li .SelectedTab{
    background:url();
	font-weight:normal;
    font-size:9pt;
}

#tree li .SelectedTab a{  
	background-color:#d1d5d8;
	font-weight:normal;
    font-size:9pt;	
	color:#FFFFFF;
	width:90px;
	*width:100px;
}


#tree .DisabledTab {
    color:#ccc;
}
/*no need to change these hover classes unless you need more than 4 levels */
#tree li:hover ul ul,
#tree li:hover ul ul ul,
#tree li:hover ul ul ul ul,
#tree li.iehover ul ul,
#tree li.iehover ul ul ul,
#tree li.iehover ul ul ul ul{
  left: -999em;
}

#tree li:hover ul, 
#tree li li:hover ul, 
#tree li li li:hover ul, 
#tree li.iehover ul, 
#tree li li.iehover ul, 
#tree li li li.iehover ul {
	left: auto;
}


#treeContainerBorder {
    padding:2px;
    width:200px;
	margin-bottom:0px;
	
}
#treeContainer {
   vertical-align:top;
   width:200px;
   padding:10px 5px 0px 5px;
}

.Middle_LeftPane { margin-top:20px; }

.cleartree
{
	clear:both;
}
.Footertd
{
    font-size:11px;
    padding:24px 0;
}

/*================Mike_Add================*/
td {
	font-size:11px;
	line-height: 14px;
}
/*==========Contact pages===========*/
.BottomBorder td {
	border-bottom:1px solid #ccc;
}
.BottomBorderSolid td {
	font-weight:bold;
	border-bottom:2px solid #666;
	padding-bottom:3px;
}
/*==========Documents Module===========*/
.DNN_Documents, .DNN_Documents table
{
    width: 100%;
}
.TitleCell 
{
    white-space: nowrap;
    width:50%;
	font-weight:bold;
	padding: 2px 0px;
}
.CategoryCell 
{
    padding: 0px;
}
.SizeCell 
{
    white-space: nowrap;
    padding: 0px 10px 0px 0px;
}
.DownloadCell 
{
    font-weight:bold;
}
/*==========Products pages===========*/
.LiOutside 
{
    margin-left:18px;

}
.LiOutside li 
{
    list-style-position:outside;
    list-style-type:disc;
}

/*====================================================================*/
.xmod_div {margin:0; text-align:center; font-size:12px; font-weight:bold; color:333069; border:0px; padding:15px 30px; display:block}
.xmod_div img{ display:block; width:120px; height:120px; background-color:#FFFFFF; border:0px solid #CCCCCC}
