body {height:0; padding:0; background:none;}

.rightnav_container {width:197px !important; margin-right:0 !important; float:left !important; display:inline}
.rightnav_component {margin:0 0 13px 0px !important; background:url(http://www.brocade.com/images/rightnav/bg_rhs_hdr.jpg) no-repeat left top !important;}
.expanded {background:url(/images/rightnav/bg_rhs_hdr_collapse.jpg) no-repeat left top !important; width:197px !important;}
/*.rightnav_container .rightnav_contact_sales {margin:44px 13px 13px 0px;float:none; width:197px; background:url(http://www.brocade.com/sites/dotcom/images/rightnav/bg_rhs_hdr_contact_sales.jpg) no-repeat left top;}*/
.rightnav_banner {margin:0 13px 13px 0px; float:none; width:197px;}
/* START New code */
.rightnav_container .rightnav_contact_sales {margin:44px 13px 13px 0px;float:none; width:197px; background:url(/images/rightnav/bg_rhs_hdr_contact_sales.jpg) no-repeat left top;}
/* END New code */
/* START New code */
/*.rightnav_contact_sales .rhs_contents {width:195px !important; border:1px solid #EEE !important; font-size:11px; color:#8A8A8A; border-top:none; margin-top:0px;}*/
.rightnav_contact_sales .rhs_contents {width:195px !important; font-size:11px; color:#8A8A8A; border-top:none; margin-top:0px; background:url(/images/rightnav/bg_rhs_contact_sales.gif) no-repeat left top;}
/* END New code */
/* START New code */
.rhs_contents .contact_number { font-size:15px; font-weight:bold; color:#000000; padding:12px 10px 0; line-height:0.9em !important;}
.rhs_contents .sub_contact_number {font-size:11px; font-weight:bold; color:#333333; padding:0px 10px 5px 10px;}
.rhs_contents .sub_contact_number_text {font-size:9px; font-weight:bold; color:#8f8f8f;}
.rhs_contents .emailUsImg {cursor:pointer; margin-bottom:10px;}
/* END New code */

/*Start: Workaround for Corporate Communities Pages
div.inner div div .rightnav_container {width:197px !important; margin-right:0 !important; float:left !important; display:inline}
div.inner div div .rightnav_container .rightnav_component {margin:0 15px 13px 0px !important; background:url(http://www.brocade.com/images/rightnav/bg_rhs_hdr.jpg) no-repeat left top !important;}
div.inner div div .intro_container .rightnav_component {margin:13px 15px 0 0 !important; background:url(http://www.brocade.com/images/rightnav/bg_rhs_hdr.jpg) no-repeat left top !important; float:left !important;  display:inline !important; }
div.inner div div .rightnav_container .rightnav_contact_sales {margin:0 15px 13px 0px !important;}
div.inner div div .rightnav_container .rightnav_component .rhs_contents {display:block;}
div.inner div div .rightnav_container .rhs_contents .videosContainer {background:none !important; margin-left:3px;}
div.inner div div .rightnav_container .rhs_contents ul li.videosList {background-image:none !important; padding:0 !important; margin:0 !important; }
div.inner div div .rightnav_container .rhs_contents .video_thumb {width:31px; margin:10px 8px 10px 11px; float:left;  display:inline !important; }
div.inner div div .rightnav_container .rhs_contents .video_thumb_desc {float:left;   display:inline !important;  color:#333333; line-height:1.3em; margin:10px 5px 10px 0; width:140px;}
div.inner div div .rightnav_container .rhs_contents .video_thumb_desc p {padding: 0 2px !important;}
End: Workaround for Corporate Communities Pages*/
 div.intro_container .rightnav_component {margin:13px 15px 0 0 !important; background:url(http://www.brocade.com/images/rightnav/bg_rhs_hdr.jpg) no-repeat left top !important; float:left !important;  display:inline !important; }
.rightnav_contact_sales h2, .rightnav_component h2, .rightnav_component h3 {font-size:11px; font-weight:bold; height:15px; padding:3px 11px; color:#333333; margin:0;}
.rightnav_component h2, .rightnav_component h3 {color: #333333; cursor:pointer; width:175px;}
.rightnav_component .withbtmpadding {padding-bottom:10px !important;}
.rightnav_component ul {padding-top:10px !important;}
.rightnav_component ul.notoppadding {padding-top:0 !important;}
.rightnav_component ul.nobtmpadding {padding-bottom:0 !important;}
.rightnav_component ul li {margin: 0 0 5px 2px !important; padding:10px 12px 0 !important;  background-position: left 14px !important;}
.rightnav_component ul li.subtitle { background:none !important; margin:0 !important; padding:10px 0 0 !important;}
.rightnav_component ul li.subtitle h3 { padding:0 !important; cursor:auto; width:auto; height:auto !important}
.rightnav_component ul li h3, .rightnav_component ul li h4 {margin: 0 !important;}
.rightnav_component h4 {font-weight:normal; font-size:11px; margin-top:0;}
/*.rightnav_component ul.bulletsContainer {margin: 0 8px !important; width:179px;}*/
.rightnav_component ul.bulletsContainer {margin: 0 !important; width:170px; padding:0 8px !important}
.rightnav_component ul.bulletsContainer li {margin: 0 0 0 2px !important; float:none;}
.rightnav_component ul.bulletsContainer h4 a {text-decoration:none;}
.rightnav_component .rhs_contents { /*padding-bottom:10px;*/ position:relative;}
.rightnav_contact_sales .rhs_contents, .rightnav_component .rhs_contents {width:195px !important; border:1px solid #EEE !important; font-size:11px; color:#8A8A8A; border-top:none; margin-top:0px;}
.rhs_contents p {font-size:11px; color:#8A8A8A; padding:4px 10px; margin:0; line-height:1.3em;}
.rhs_contents p.links {padding:0px 10px;}
.rhs_contents ul li a {text-decoration:none !important;}
.rhs_contents .contactSalesImg {cursor:pointer; margin-bottom:7px;}
.rhs_contents .saleslink {padding:4px 6px 10px 6px; font-size:10px;}
.rhs_contents a {color:#8A8A8A; text-decoration:none;}
.rhs_contents a:hover {color:#FF0000;}
.rhs_contents p.links a {color:#6987A3;}
.rhs_contents .floatleft {float:left;  display:inline !important; }
.rhs_contents .floatright {float:right;  display:inline !important; }
.rhs_contents .media_thumb {width:31px; padding:10px 8px 10px 11px;  display:inline !important;  margin:0; float:left !important;}
.rhs_contents .media_thumb_desc {float:right !important;   display:inline !important;  color:#333333; line-height:1.3em; padding:7px 5px 0 0; width:140px;}
/*.rhs_contents .jScrollPaneScrollable .media_thumb_desc {width:125px !important;}*/
.rhs_contents .nonmedia_thumb {width:50px; padding:10px 8px 10px 11px; margin:0; float:left !important;  display:inline !important; }
.rhs_contents .nonmedia_thumb_desc {float:right !important; color:#333333; line-height:1.3em; padding:7px 5px 0 0; width:121px;  display:inline !important; }
/*.rhs_contents .jScrollPaneScrollable .nonmedia_thumb_desc {width:106px !important;}*/

.rhs_contents span.moreInfo {font-weight:normal; font-style:italic;}
.rhs_contents a.moreInfo {color:#6987A3; text-decoration:underline;}
.rhs_contents a.moreInfo:hover {color:#FF0000;}
.rhs_contents .media_thumb_desc a {text-decoration:none;}
.rhs_contents .media_thumb_desc a:hover {color:#FF0000;}
.rhs_contents .media_thumb_desc p {padding: 0 2px !important;}
.rhs_contents .video_desc, .rhs_contents .media_desc {color:#333333; line-height:1.3em; margin:0 10px; width:175px; padding-top:10px; font-weight:bold}
.rhs_contents .media_desc p {padding: 0 2px !important;}
.rightnav_component .videoContent, .rightnav_component .mediaContent {margin:0 10px 0 0 !important;}
.rhs_contents ul.videosList, .rhs_contents ul.mediaContainer {padding-bottom:0 !important;}
.rhs_contents ul.videosList li, .rhs_contents ul.mediaContainer li {background-image:none !important; padding:0 !important; margin:0 !important; height:130px;}
div#podcast_component .rhs_contents ul.mediaContainer li {height:20px !important;}
.rhs_contents .mediaPlayer {background:none !important; margin-left:3px;}
.rightnav_banner ul.mediaContainer {margin: 0 !important;}
.rightnav_banner ul.mediaContainer li {background:none !important; margin: 0 !important; padding: 0 !important;}
.rightnav_banner ul.mediaContainer li h4 {margin:0 !important; padding:0 !important;}
.videosContainerLarge {padding:0 !important; margin:0 auto !important; width:320px; height:300px; }
.webcastsContainerLarge {padding:0 !important; margin:0 auto !important; width:528px; height:460px; }

.rhs_contents .mediaListing {visibility:visible;}
.scroll-pane ul.bulletsContainer { padding-bottom:10px !important}
.scroll-pane div.nonMediaListing ul.bulletsContainer { padding-bottom:0 !important}
.rhs_contents .nonMediaListing {position:relative; float:none !important;  padding-bottom:10px !important}


/*.rhs_contents .mediaListing, .rhs_contents .nonMediaListing {width:195px;}
.rhs_contents .jScrollPaneScrollable .mediaListing, .rhs_contents .jScrollPaneScrollable .nonMediaListing {width:180px !important;}*/
.rhs_contents .featuredMediaContainer {visibility:hidden; padding-bottom:10px;}
.rhs_contents .featuredMediaContainer .media_desc {font-weight:bold;}
.rhs_contents .featuredMediaContainer .media_desc span.moreInfo {font-weight:normal;}
.related_products_container {margin:0px 13px 13px 0px;float:left; display:inline !important;  min-height:100px;height: auto !important;height:100px;width:675px;}
.related_products_container h4 {font-size:14px;}


/*Start: Thickbox CSS*/
#TB_title {background:none !important; padding:0 !important; margin:0 !important; height:13px !important;}
#TB_ajaxWindowTitle {padding:0 !important; margin:0 !important;}
#TB_closeWindowButton {
background:transparent url(http://www.brocade.com/sites/dotcom/images/rightnav/btn_closewindow.jpg) no-repeat scroll 0 0;
display:block;
float:right;
 display:inline !important; 
height:13px;
text-indent:-99999px;
width:53px;
}
#TB_iframeContent {background-color:#fff; padding:0 !important; margin:0 !important;}
#TB_closeAjaxWindow {padding: 0 !important;}
#TB_window {border:none !important; background:none; padding:10px; background-color:#fff;} 
/** html #TB_window {top: 12%;}*/
/*End: Thickbox CSS*/

/* Start: Contact Sales CSS*/

div#contactSales {width: 400px; height: 540px; background: #fff; text-align: left; /*margin:20px;*/}
div#contactSales h1 {/*color: red; font-size: 120%;*/ margin: 0; padding: 0;}
div#contactSales p {color: #333; padding: 7px 0; margin: 0;}
div#contactSales form#contactUs {font-size: 90%;}
div#contactSales form#contactUs table {width:100%; border:0; margin:3px 0 0; padding:0;}
div#contactSales form#contactUs table tr td {width:190px; padding:6px 10px 6px 0 !important; border-bottom:0 !important; vertical-align:top;}
div#contactSales form#contactUs table tr td.twoCol {width:390px;}
div#contactSales form#contactUs table tr td p {padding: 0 !important;}
div#contactSales form#contactUs p.input-text {}
div#contactSales form#contactUs p.input-text label, div#contactSales form#contactUs table label {display: block;}
div#contactSales form#contactUs table label {margin-bottom:3px;}
div#contactSales form#contactUs p.input-text input {width: 200px;}
div#contactSales form#contactUs table input {width: 165px;}
div#contactSales form#contactUs table input.email {width: 200px;}
div#contactSales form#contactUs fieldset {margin: 5px 0 0 0; padding: 0;}
div#contactSales form#contactUs fieldset legend {margin: 0; padding: 0; color: #6987A3;}
div#contactSales form#contactUs table.checkbox tr td {padding:0 !important; margin:0 !important;}
div#contactSales form#contactUs table.checkbox .chk_optin {padding:0 !important; margin:2px 0 0 !important; width:13px; height:13px; *vertical-align:middle; *margin-top: 0 !important;}
div#contactSales form#contactUs table.checkbox tr td.chkbx {width:20px;}
div#contactSales form#contactUs table.checkbox tr td.chkbx_label, .chkbx_label label {width:350px;}
div#contactSales form#contactUs p.checkbox label { width:350px;}
div#contactSales form#contactUs p.checkbox input {margin: 0 3px 0; padding: 0;  display:inline !important;  float:left; position:relative; top:3px;}
div#contactSales form#contactUs p img {width: auto;}
div#contactSales form#contactUs p textarea {width: 200px; height: 50px;}
div#contactSales form#contactUs p.checkbox input, div#contactSales form#contactUs table.checkbox input,
div#contactSales form#contactUs p.input-image input {width: auto;}

.required, .error {color:#F9461C;}
.error {border: 1px solid #F9461C !important; padding-left:2px;}
label.error {display:block;}
label.error, div.error {border:none !important; margin-bottom:0 !important;}
div.error {font-weight:bold; padding:10px 0 0 0;}
#country_container.error, #interest_container.error {padding:0 !important; border: 1px solid #F9461C !important; font-weight:normal; width:145px;}
input.error, select.error {border: 1px solid #F9461C !important; color:#333333;}
/* End: Contact Sales CSS*/

/*Start: JScrollPane CSS*/
.scroll-pane {
	width: 195px;
	/*overflow: auto;*/
	float: left;
	 display:inline !important;
	/*padding-bottom:10px !important;*/
}
/*End: JScrollPane CSS*/

/*Start: Content Area for 2 Column Layout*/
.breadcrumb_container {margin:0px 13px 13px 0px; float:left; min-height:9px; height: auto !important; height:9px; width:675px;}
.content_container {margin:0px 13px 13px 0px; float:left; min-height:360px; height: auto !important; height:360px; width:450px;}
#intro_container {margin:13px 0 5px 0; }
.landing_intro {margin:0px 13px 0 0px; float:left; width:450px;}
div.categoryWrap {
	clear: both;
	margin: 0;
	padding: 15px 0 15px 0;
	float: left;
	width: 660px;
	border-top:1px solid #E5E5E5;
}
div.categoryWrap h3 {margin: 0.1em 0; font-size:13px;}
div.categoryWrap h3.red {color:#FF0000;}
div.categoryWrap h3 a {color:#FF0000; text-decoration:none;}
div.categoryWrap h3 a:hover {text-decoration:underline;}
div.categoryWrap .categoryContent {float:right; width:521px;}
div.categoryWrap .categoryContent p {margin: 0.3em 0;}
div.categoryWrap .categoryContent .bulletLink {/*background:url(/sites/dotcom/images/Company/corporate-responsibility/bullet_redarrow.gif) left center no-repeat; padding-left:15px;*/ font-weight:bold; text-decoration:none;}
h3#categoryTitle {margin: 0.3em 0;}
.content_container h2 {font-size:14px !important; color:#7a7a7a !important;}
.content_container .product-desc p {margin-top:0 !important;}
.content_container ul li.bullettitle {background:none !important;}
.content_container ul li ul {padding-top:5px;}
.content_container ol {color: #333333; font-size:12px; margin:0 0px 0 10px !important;}
.content_container ul li {
background:transparent url(/sites/dotcom/images/iface/bullet-gray-square.gif) no-repeat scroll left 4px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 5px;
padding:0 0 0 10px;
text-align:left;
}

a.grant {color:#FF0000 !important; text-decoration:none !important;}
a.grant:hover {text-decoration:underline !important;}
/*End: Content Area for 2 Column Layout*/

/*Start: Shortened Tertiary Navigation*/
div.inPageNavContainer {margin: 0 !important; height: 40px; width: 449px;}
div.inPageNavContainer ul {margin: 0 0 0 0 !important; padding: 0 !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; width:449px; list-style: none !important; font-size: 105%; background: url(/sites/dotcom/images/iface/bg-in-page-nav.jpg) repeat-x left bottom;}
div.inPageNavContainer ul li {float: left; margin: 0 !important; padding: 0 !important; font-size: 12px; background: none !important;}
div.inPageNavContainer ul li a {float: left; display: block; height: 30px; line-height: 30px; text-decoration: none; padding: 3px 8px; border-right: 1px solid #efefef; color: #666;}
div.inPageNavContainer ul li a:hover, div.inPageNavContainer ul li a.current {color: #ff0000;}
/*End: Shortened Tertiary Navigation*/

/*Start: Landing Page Template*/
.banner_img {height: 100px; margin:0px 13px 0px 0px;}
/*End: Landing Page Template*/

/* =contactSales - styles for the lightbox Contact Us page
====================================================================================================*/

div#contactSales {
	width: 400px;
	height: 540px;
	background: #fff;
	text-align: left;
	/*margin:20px;*/
}

div#contactSales h1 {
	/*color: red;
	font-size: 120%;*/
	margin: 0;
	padding: 0;
}

div#contactSales p {
	color: #333;
	padding: 7px 0;
	margin: 0;
}

div#contactSales form#contactUs {
	font-size: 90%;
}

div#contactSales form#contactUs p.input-text {
	
}

div#contactSales form#contactUs p.input-text label {
	display: block;
}

div#contactSales form#contactUs p.input-text input {
	width: 200px;
}

div#contactSales form#contactUs fieldset {
	margin: 5px 0 0 0;
	padding: 0;
}

div#contactSales form#contactUs fieldset legend {
	margin: 0;
	padding: 0;
	color: #6987A3;
}

div#contactSales form#contactUs p.checkbox label {
	
}

div#contactSales form#contactUs p.checkbox input {
	margin: 0;
	padding: 0;
}

div#contactSales form#contactUs p img {
	width: auto;
}

div#contactSales form#contactUs p textarea {
	width: 200px;
	height: 100px;
}

div#contactSales form#contactUs p.checkbox input,
div#contactSales form#contactUs p.input-image input {
	width: auto;
}

.required, .error {color:#F9461C;}
.error {border: 1px solid #F9461C !important; padding-left:2px;}
label.error {display:block;}
label.error, div.error {border:none !important;}
div.error {font-weight:bold; padding:10px 0 0 0;}
#country_container.error {padding:0 !important; border: 1px solid #F9461C !important; font-weight:normal; width:145px;}
input.error, select.error {border: 1px solid #F9461C !important; color:#333333;}

* html #TB_window {top: 50% !important;}