@charset "utf-8";
/* CSS Document */
/* --ie6 png fix-------------------------------------------------------------- home page 
img { 
	behavior: url(http://www.blackmagic-design.com/externals/iepngfix.htc) 
}
 --------------------------------------------------------------------------- basics */

body {
	background-color: #D7D7D7;
	margin: 0;
	color: #333333;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
a:link {
	color: #A77745;
	text-decoration: underline;
}
a:visited {
	color: #A77745;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #A77745;
}
h1 {
	font-size: 14px;
	color: #000000;
	text-align: left;
	margin-bottom: 12px;
	line-height: 1.5em;
	margin-top: 0;
}
h2 {
	font-size: 14px;
	color: #666666;
	text-align: left;
	margin-bottom: 6px;
	margin-top: 0;
	line-height: 1.5em;
}
h3 {
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-bottom: 6px;
	margin-top: 0;
	line-height: 1.5em;
}
#container {
	background-color: #fff;
	width: 785px;
	margin: 0 auto 0 auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:755px;
	position: relative;
	border: 15px solid #fff;
	position: relative;
}
#banner {
	background-color: #A77745;
	height: 160px;
}
#banner .logo {
	float: right;
	padding-top: 40px;
	padding-right: 30px;
}
#hero {
	margin: 2px auto 0;
	width: 755px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDBDBD;
	padding: 0 0 10px 0;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
/* --------------------------------------------------------------------------- banner */
#banner {
	background-color: #A77745;
	height: 160px;
	width: 755px;
	position: relative;
}
#banner #bmdnav {
	position: absolute;
	top: 133px;
	left: 10px;
}
#banner #bmdlogo {
	position: absolute;
	left: 488px;
	top: 40px;
}
/* --------------------------------------------------------------------------- navbar */
#navbarContainer {
	position: absolute;
	left: 10px;
	top: 128px;
	width: 415px;
	background-image: url("/img/navigation.png");
}
#navbar {
	margin: 0px;
	padding: 0px;
	height: 25px;
	list-style: none;
}
#navbar li {
	float: left;
	margin: 0;
}
#navbar a {
	text-decoration: none;
	display: block;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
}
#navbar #products {
	width: 46px;
	background: url("/img/navigation.png");
	background-position: 0 0;
}
#navbar #products:hover {
	background-position: 0 -25px;
}
#navbar #resellers {
	width: 77px;
	background: url("/img/navigation.png");
	background-position: -46px 0;
}
#navbar #resellers:hover {
	background-position: -46px -25px;
}
#navbar #support {
	width: 77px;
	background: url("/img/navigation.png");
	background-position: -123px 0;
}
#navbar #support:hover {
	background-position: -123px -25px;
}
#navbar #company {
	width: 77px;
	background: url("/img/navigation.png");
	background-position: -200px 0;
}
#navbar #company:hover {
	background-position: -200px -25px;
}
#navbar #events {
	width: 46px;
	background: url("/img/navigation.png");
	background-position: -277px 0;
}
#navbar #events:hover {
	background-position: -277px -25px;
}
#navbar #press {
	width: 46px;
	background: url("/img/navigation.png");
	background-position: -323px 0;
}
#navbar #press:hover {
	background-position: -323px -25px;
}
#navbar #casestudies {
	width: 46px;
	background: url("/img/navigation.png");
	background-position: -369px 0;
}
#navbar #casestudies:hover {
	background-position: -369px -25px;
}

/*----------首页-----------------*/
#tiles { background:url(/img/tiles_bg.png) repeat-x; float:left; padding:10px 0;}
#tiles1 { width:362px; height:156px; float:left; margin:7px;}
#tiles2 { width:362px; height:156px; float:left; margin:7px;}
#tiles3 { width:236px; height:114px; float:left; margin:7px;}
#tiles4 { width:236px; height:114px; float:left; margin:7px;}
#tiles5 { width:236px; height:114px; float:left; margin:7px;}


/*翻转菜单部分*/
/* #container #content #menu */
#menu {
	background-image: url("/img/menu_bg.gif");
	background-repeat: repeat-x;
	text-align: center;
	height: 33px;
	width: 747px;
	clear: both;
	padding: 0px;
	margin-top: 20px 0 0 0;
	text-align:left;
}
#imgmenu{
	width: 405px;
	height: 33px; /*高度是背景图片的一半*/
	background: url("/img/menu.gif");
	list-style-type: none;
	padding: 0;
	background-position: 0px 0px;
	text-align: center;
	margin:0 0 0 27px;
	float:left;
}

#imgmenu li{
		float: left;
}
#imgmenu li #a01{
		display: block;
		width: 28px;
		height: 33px;
}
#imgmenu li #a02{
		display: block;
		width: 56px;
		height: 33px;
		margin-left:21px;
}
#imgmenu li #a03{
		display: block;
		width: 56px;
		height: 33px;
		margin-left:21px;
}
#imgmenu li #a04{
		display: block;
		width: 56px;
		height: 33px;
		margin-left:21px;
}
#imgmenu li #a05{
		display: block;
		width: 28px;
		height: 33px;
		margin-left:21px;
}
#imgmenu li #a06{
		display: block;
		width: 28px;
		height: 33px;
		margin-left:21px;
}
#imgmenu li #a07{
		display: block;
		width: 28px;
		height: 33px;
		margin-left:20px;
}

#imgmenu li#menu01 a:hover{
	background-image: url("/img/menu.gif");
	background-position: 0 -33px;		
}
#imgmenu li#menu02 a:hover{
		background: url("/img/menu.gif") -49px -33px;
}
#imgmenu li#menu03 a:hover{
		background: url("/img/menu.gif") -126px -33px;
}
#imgmenu li#menu04 a:hover{
		background: url("/img/menu.gif") -203px -33px;
}
#imgmenu li#menu05 a:hover{
		background: url("/img/menu.gif") -280px -33px;
}
#imgmenu li#menu06 a:hover{
		background: url("/img/menu.gif") -329px -33px;
}
#imgmenu li#menu07 a:hover{
		background: url("/img/menu.gif") -378px -33px;
}
/* #container #content #menu */

/* --------------------------------------------------------------------------- sub nav */
#subNav {
	width: 755px;
	margin: 0 auto;
	font-size: 11px;
	padding-top: 3px;
}
#subNav a:link, #subNav a:visited {
	color: #333333;
	text-decoration: none;
}
#subNav a:hover, #subNav a:active {
	color: #000000;
	text-decoration: underline;
	background-color: #E3E3E3;
}
#subNav tr {
	background-color: #E3E3E3;
	color: #333333;
}
#subNav .navOn {
	background-color: #676767;
	font-weight: bold;
	color: #FFFFFF;
}
#navigation {
	padding-top: 133px;
}
/*内容部分*/
#content { float:left; padding:30px 15px;}
.article_title {
	font-family:"微软雅黑", "黑体", "宋体",'Lucida Grande', Geneva, Verdana, Arial, sans-serif, ;
	font-size:22px; color:#000000; clear:both; padding:10px 0;
}
.update_time{ text-align:left; margin-right:30px; font-size:11px; color:#666666; display:block; clear:both; padding:10px 0;}
.article_content { display:block; clear:both; font: "宋体","beijing","Song",'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color:#333333; font-size:12px; line-height:20px;}
#mainbar { width:440px; float:left;}


#newslist { font-size:12px;}
#newslist a { clear:both; display:block; font-weight:bold; line-height:22px;}


#content #pic_art_container { margin-top:30px;}
#content .pic_art { width:230px; text-align:center; padding:3px; height:220px; float:left;}
#content .pic_art_img { float:left; *padding-left:3px;}
#content .pic_art_title { font-size:12px;  margin-top:-22px; background-color:#E4E4E4; width:223px; height:22px; line-height:22px;}
/* --------------------------------------------------------------------------- product matrix */
#matrix {
	width: 100%;
}
#matrix .matrixCompare a:link, #matrix .matrixCompare a:visited, #matrix .matrixCurrency a:link, #matrix .matrixCurrency a:visited {
	color: #a77745;
	text-decoration: none;
}
#matrix .matrixCompare a:hover, #matrix .matrixCompare a:active, #matrix .matrixCurrency a:hover, #matrix .matrixCurrency a:active {
	text-decoration: underline;
	background-color: #dfdfdf;
	color: #a77745;
}
#matrix p {
	margin-bottom: 0;
}
.matrixHead {
	background-image: url("http://www.blackmagic-design.com/images/page_build/products-tab.gif");
	color: #fff;
	background-color: #676767;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
}
.matrixHeadSmall {
	background-image: url("http://www.blackmagic-design.com/images/page_build/products-tab-sml.gif");
	color: #fff;
	background-color: #676767;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
}
.matrixSub {
	color: #fff;
	background-color: #b2b2b2;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
}
.matrixProduct td {
	padding: 10px 15px 10px 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
.matrixProductSmall td {
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #ccc;
}
.matrixProductSmall td.matrixPrice {
	padding-right: 10px;
	padding-left: 0;
}
.matrixProduct img {
	border: 1px solid #ccc;
	margin: 5px 0 5px 0;
}
.matrixCompare {
	background-color: #dfdfdf;
	text-align: right;
	padding: 5px 10px 5px 10px;
}
.matrixCurrency {
	border-top: 1px solid #ccc;
	background-color: #dfdfdf;
	text-align: right;
	padding: 5px 10px 5px 10px;
}
.matrixPrice {
	text-align: right;
	white-space: nowrap;
}
.matrixRegion {
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.matrixRegion #fmRegion {
	margin-top: 5px;
}
#matrix .matrixMore a:link, #matrix .matrixMore a:visited {
	color: #a77745;
	text-decoration: none;
}
#matrix .matrixMore a:hover, #matrix .matrixMore a:active {
	text-decoration: underline;
	background-color: #dfdfdf;
	color: #a77745;
}
#matrix .matrixMore {
	background-color: #dfdfdf;
	text-align: right;
	padding: 5px 10px 5px 10px;
}
/* --------------------------------------------------------------------------- main content */

#content .thumbLeft {
	float:left;
}
#content .infoMargin {
	margin-left:170px;
}
#content .productLeft {
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
}
#content .productRight {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}
#content .productSpace {
	margin-bottom: 20px;
}
#content .pullquote {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px dashed #CCCCCC;
	text-align: justify;
	line-height: 1.2em;
}
#content table td, #content table th {
	font-size: 11px;
	padding: 3px 5px;
}
#content table th {
	border-top: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;
	text-align: left;
	background-color: #f6f6f6;
	white-space: nowrap;
}
#content table td {
	border-bottom: 1px solid #CCC;	
}
.nowrap {
	white-space: nowrap;	
}
/* --------------------------------------------------------------------------- tech specs */
#techContent {
	width:715px;
	line-height:1.3em;
	padding:20px;
	margin:0px;
	font-size: 12px;
}
#tech {
	font-size: 11px;
	width: 100%;
}
#tech .header {
	font-size: 12px;
	background-color: #E2E2E2;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: top;
	font-weight: bold;
}
#tech .altRow {
	background-color: #F6F6F6;
}
#tech td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#tech .header td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#tech .divider {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.wave-title {
	background-color: #e2e2e2;
	font-size: 11px;
	padding: 7px 7px 7px 10px;
}
.wave-space {
	height: 15px;
}
.wave img {
	border: 0px;
}
.wave-description {
	text-align: center;
	font-size: 11px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
.breakout-cable {
	margin-top: 15px;
	margin-left: 10px;
}

/* --------------------------------------------------------------------------- sidebar */
#sidebar {
	width: 230px;
	float: right;
	display: inline;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
}
#sidebar a:link, #sidebar a:visited {
	color: #A77745;
	text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
	text-decoration: underline;
	background-color: white;
	color: #A77745;
}
#sidebar h1{
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;
	text-align: left;
	margin: 0 0 .5em 0;
}
#sidebar p {
	margin: 0 0 0.5em 0;
}
#sidebar div.divider{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1em;
	padding-bottom: .5em;
}
#sidebar .supportSelect {
	width: 230px;
}
#sidebar .sidebarInfo {
	margin-left: 75px;
}
#sidebar img.left {
	float: left;
	margin: 5px 10px 5px 5px;
}
#sidebar img.centre {
	margin-bottom: 10px;
}
#sidebar .more {
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #ccc;
	text-align: center;
}
#sidebar .casestudy {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 1em;
	padding-top: 1em;
}
#sidebar img.casestudyThumb {
	float: right;
	margin: 5px 5px 0 8px;
}
#sidebar img.right {
	float: right;
	margin: 5px 5px 10px 10px;
}
#sidebar .status {
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
}
#sidebar .brochure {
	text-align: right;
}
#sidebar .greatModels {
	width: 100%;
	font-size: 9px;
	margin: 3px 0 10px 0;
}
#productStatus {
	margin-bottom: 10px;
}
#productStatus th {
	color: #CC0000;
	font-size: 11px;
	text-align: left;
	padding-bottom: 5px;
}
#product-tabs { padding:30px 10px 10px 20px;}