body#home #sitePageHome, body #sitePageHome {
	width: 980px;
	margin: 0 0 0 0;
}

#siteHomeBillboard {
	width: 980px;	
	background: #fff;
	margin: 12px 0 0 0;
	padding: 0 0 0 5px;
	float: left;
	z-index: 1;
}
#siteHomeBillboard #Billboard {padding:10px}
#homepageFlash {
	background: transparent;
}
		
/* =doorway
====================================================================================================*/		

#doorways {
	width: 630px;
	background: url(/sites/dotcom/images/iface/homepage/hp-page-curl.jpg) no-repeat 0 20px;
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 325px;	
}
#sitePageHome #sitePage {
	padding-bottom: 0;
}
#sitePageHome .inner {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left:5px;
	float:left;
	
}
#sitePageHome .inner #doorways .inner {
	padding: 38px 0 0 15px;
	margin: 0;
	float: left;
	background: none;
	background-image: none;
}
#doorway1 {
	width: 177px;
	height: 275px;
	float: left;
	margin: 42px 30px 0 0;
	/**background: sandybrown;/**/
}
#doorway2 {
	width: 171px;
	height: 275px;
	float: left;
	margin: 42px 30px 0 0;
	/**background: wheat;/**/
}
#doorway3 {
	width: 174px;
	height: 275px;
	float: left;
	margin: 42px 0px;
	/**background: darkkhaki;/**/
}

#doorway1 h2,
#doorway2 h2,
#doorway3 h2 {
	font-size: 19px;
	line-height: 1em;
	color: #000;
	margin: 0 0 25px 15px;
	padding: 0;
	text-transform: uppercase;
	display:none;
}
#doorway1 p,
#doorway2 p,
#doorway3 p {
	color: #3A3A3A;
	line-height: 1.4em;
	padding: 0 0 0 15px;
	font-size:11px;
}
#doorway1 ul,
#doorway2 ul,
#doorway3 ul  {
	list-style: none;
	margin: 0 0px 0px 10px;
	padding: 0 0 0 5px;
	line-height: 1em;
	font-size:11px;
}
#doorway1 li,
#doorway2 li,
#doorway3 li {
	padding: 3px 0 3px 20px;
	background: url(/sites/dotcom/images/iface/bullet-arrow-blue.gif) no-repeat left 50%;
}

#doorway1 li a,
#doorway2 li a,
#doorway3 li a{
	font-weight:bold;
	color:#3A3A3A;
	text-decoration:none;
}
#doorways li a:hover{
	color:#FF0000;
}

/* =quicklinks
====================================================================================================*/		

#quickLinks {
	float: left;
	width: 284px;
	height: 320px;
	margin: 22px 0 0 35px;
	background:#EDEDED url(/sites/dotcom/images/iface/homepage/hp-quicklinks-bottom.jpg) no-repeat center bottom;
}
#sitePageHome .inner #quickLinks .inner {
	padding: 15px 15px 0 15px;
	background:none;
}

#quickLinks #quickLinksHeader {
	background: url(/sites/dotcom/images/iface/homepage/hp-quicklinks-header.gif) no-repeat left top;
	color:#fff;
	width: 284px;
	height: 40px;
	margin: 0;
	padding: 0 0 0 0;
}
#quickLinks #quickLinksHeader h2 {
	color: #fff;
	font-size: 16px;
	padding: 10px 0 0 10px;
	margin:0;
	line-height: 1em;
	display:none;
}
#quickLinks #formQuickLinks {
	margin: 0;
	padding: 0;
}
#quickLinks #formQuickLinks p{
	margin: 0 0 10px 0;
	padding: 0;
}
#quickSolution {
	width: 220px;
	margin: 0;
}
#learnMore {
	width: 220px;
	margin: 0;
}
#quickLinks h3 {
	font-size: 16px;
	margin: 25px 0 0 0;
	line-height: 1em;	
}
#quickLinks p {
	line-height: 1.6em;
}

/*footer*/
body#home ul#footerNav {
	margin: 0 20px 0 0;
}

/*Start: Added by BLUE for Homepage Redesign*/
object { outline: none; }
* html .clearfix { height: 1%; }

#sitePageHome .inner {
	padding:0 !important;
	margin:0 !important;
	width:981px;
}

#BillboardContainer {
	width:767px; 
	height:294px; 
	margin:0 !important; 
	padding:0 0 3px 3px !important; 
	float:left;
}

#BillboardContainer #Billboard p {color:#8A8A8A; font-size:11px; text-align:center; margin-top:147px;}

#LatestNewsContainer {
	width:207px; 
	height:294px; 
	float:left; 
	margin:0 !important; 
	padding:0 3px 3px 0 !important;
	overflow:hidden;
	/***REMOVED BY BRIAN*** border-left:1px solid #F0F0F0;*/
	
}

/*#FeaturedContentContainer {
	background:url(/sites/dotcom/images/placeholder_featured_content.jpg);
	width:770px;
	height:216px; 
	float:left; 
	margin:0 0 0 0 !important; 
	padding:0 !important;
}*/

#LatestNewsContainer div#accordion, #sitePageHome div.accordion {
	width:207px;
	border-bottom:1px solid #F0F0F0;
}

#LatestNewsContainer div#accordion h4, #LatestNewsContainer div.accordion h4 {
	background-position:15px 8px; 
	padding: 0 0 0 20px;
}

#LatestNewsContainer div#accordion ul#accordionMenu li#videos h4.videosContainer, #LatestNewsContainer div.accordion ul.accordionMenu li#videos h4.videosContainer{
	background:none 0 0;
	padding:0;
	outline:none;
}

#LatestNewsContainer div#accordion li.moreNews h4, #LatestNewsContainer div.accordion li.moreNews h4 {
	background:none;
}

#LatestNewsContainer div#accordion ul#accordionMenu li#videos ul li.moreNews, #LatestNewsContainer div.accordion ul.accordionMenu li#videos ul li.moreNews {
	padding-top:0 !important;
}

#LatestNewsContainer div#accordion ul#accordionMenu li#videos ul li.moreNews a, #LatestNewsContainer div.accordion ul.accordionMenu li#videos ul li.moreNews a{
	padding:0;
}
#LatestNewsContainer div#accordion ul#accordionMenu li#videos ul, #LatestNewsContainer div.accordion ul.accordionMenu li#videos ul{
	border-bottom:1px solid #F0F0F0;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li a, #LatestNewsContainer div.accordion ul.accordionMenu ul li a {
	color:#8a8a8a;
}
#LatestNewsContainer div#accordion ul#accordionMenu ul li a .date, #LatestNewsContainer div.accordion ul.accordionMenu ul li a .date {
	font-weight:bold;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li a:hover, #LatestNewsContainer div.accordion ul.accordionMenu ul li a:hover {
	color:#ff0000;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li.moreNews a, #LatestNewsContainer div.accordion ul.accordionMenu ul li.moreNews a {
	color:#6987a3;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li.moreNews a:hover, #LatestNewsContainer div.accordion ul.accordionMenu ul li.moreNews a:hover {
	color:#ff0000;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li a .blog_author, #LatestNewsContainer div.accordion ul.accordionMenu ul li a .blog_author {
	color:#B7B7B7;
}
#LatestNewsContainer div#accordion ul#accordionMenu ul li a:hover .blog_author, #LatestNewsContainer div.accordion ul.accordionMenu ul li a:hover .blog_author {
	color:#ff0000;
}


#LatestNewsContainer div#accordion ul#accordionMenu, #LatestNewsContainer div.accordion ul.accordionMenu {
	width:207px; 
	border:none; 
	background-color:#FEFEFE !important;
}

#LatestNewsContainer div#accordion ul#accordionMenu li, #LatestNewsContainer div.accordion ul.accordionMenu li {
	width:202px; 
	border:none; 
	color:#8A8A8A;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul li, #LatestNewsContainer div.accordion ul.accordionMenu ul li {
	width:201px; 
	padding:5px 5px 0 0 !important;
	line-height: 1.12em;
}

#LatestNewsContainer div#accordion h3.head a, #LatestNewsContainer div.accordion h3.head a {
	background:url(/sites/dotcom/images/bg_hmLatestNews_off.gif) no-repeat; 
	width:186px; 
	height:17px; 
	border:none; 
	color:#4C4C4C;
	padding: 3px 6px 3px 15px;
}
#LatestNewsContainer div#accordion h3.head a:hover, #LatestNewsContainer div.accordion h3.head a:hover {
	background:url(/sites/dotcom/images/bg_hmLatestNews_on.gif) no-repeat;  
	width:186px; 
	height:17px; 
	color:#000000;
	padding: 3px 6px 3px 15px;
}

#LatestNewsContainer div#accordion h3.selected a, #LatestNewsContainer div.accordion h3.selected a {
	background:url(/sites/dotcom/images/bg_hmLatestNews_on.gif) no-repeat;  
	width:186px; 
	height:17px; 
	color:#000000;
	padding: 3px 6px 3px 15px;
}

#LatestNewsContainer div#accordion li#news h3.head a, #LatestNewsContainer div.accordion li#news h3.head a {
	background:url(/sites/dotcom/images/bg_hmLatestNewsTop_off.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion li#news h3.head a:hover, #LatestNewsContainer div.accordion li#news h3.head a:hover {
	background:url(/sites/dotcom/images/bg_hmLatestNewsTop_on.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion li#news h3.selected a, #LatestNewsContainer div.accordion li#news h3.selected a {
	background:url(/sites/dotcom/images/bg_hmLatestNewsTop_on.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion li#videos h3.head a, #LatestNewsContainer div.accordion li#news h3.head a {
	background:url(/sites/dotcom/images/bg_hmLatestNewsBtm_off.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion li#videos h3.head a:hover, #LatestNewsContainer div.accordion li#news h3.head a:hover {
	background:url(/sites/dotcom/images/bg_hmLatestNewsBtm_on.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion li#videos h3.selected a, #LatestNewsContainer div.accordion li#news h3.selected a {
	background:url(/sites/dotcom/images/bg_hmLatestNewsBtm_on.gif) no-repeat; 
	height:18px;
}

#LatestNewsContainer div#accordion ul#accordionMenu ul, #LatestNewsContainer div#accordion ul#accordionMenu ul ul, #LatestNewsContainer div.accordion ul.accordionMenu ul, #LatestNewsContainer div.accordion ul.accordionMenu ul ul {
	margin:0 !important; 
	height:198px;
	overflow:hidden;
	border-right:1px solid #F0F0F0;
	width:206px;
	display:none;
}
h4.videosContainer span {font-weight:normal;}
h4.videosContainer span table {border: none !important; margin:0 !important;}
h4.videosContainer span td {padding:0 5px 10px 20px; color:#8A8A8A; font-size:11px; border: none !important;}
h4.videosContainer span a {display:inline !important; padding: 0 !important; text-decoration:underline !important;}

/*WILSON*/
#FeaturedContentContainer { font-size:1em; width:770px; height:216px; float:left; margin:0 0 5px 0; padding:0; background:url(/sites/dotcom/images/panel_bg.gif) repeat-y; height:auto; min-height:100px; }
#SpotlightContainer {
	background:url(/sites/dotcom/images/bg_spotlight.jpg);
	width:208px; 
	height:216px; 
	float:left; 
	padding:0 !important; 
	margin:0 0 5px 2px !important;
}
#SpotlightContainer .ui-tabs-hide { display:none; }
#SpotlightContainer .spotlight-content {height:178px;}
#SpotlightContainer .sub-tab-content { clear:both; padding:25px 15px 0 14px;}
#SpotlightContainer .sub-tab-content a { text-decoration:none; font-weight:bold; color:#6987A3;}
#SpotlightContainer .sub-tab-content a:hover {color:#FF0000;}
#SpotlightContainer h3 a {text-decoration:none; font-weight:bold; color:#FF0000 !important;}
#SpotlightContainer h3 a:hover {text-decoration:underline;}
#SpotlightContainer h3 { color:#ff1600; font-size:1em; margin:0.5em 0 0 0; }
#SpotlightContainer ul.homepage-pagination { clear:both; float:right; list-style:none; padding-right:15px;}
#SpotlightContainer ul.homepage-pagination li { display:inline; margin:0; padding:0 1px 0 2px; } /* Updated by Mahabub Ali to fix the 1,2,3,4 issue on Spotlight component */
#SpotlightContainer ul.homepage-pagination li a { font-size:0.8em; line-height:1.1em;  background:#C8C8C8; color:#fff; padding:1px 4px 0; text-decoration:none; }
#SpotlightContainer ul.homepage-pagination li a:hover { background:#FF0D02; }
#SpotlightContainer ul.homepage-pagination li.ui-state-active a { background:#FF0D02; color:#fff; }
#SpotlightContainer p { font-size:11px; margin:0 0 1.3em; color:#8a8a8a; line-height:1.34em; }
#SpotlightContainer img.thumbnail { margin: 0; }
#SpotlightContainer img.spotlight { margin: 0 0 15px 0; }
/*WILSON*/

/*WILSON*/
#FeaturedContentContainer p { font-size:1em; margin:0.1em 0 1.3em; color:#8a8a8a; line-height:1.25em; }
#FeaturedContentContainer div.tabs { background:url(/sites/dotcom/images/gradient_left.jpg) repeat-y left 1px;  }
#FeaturedContentContainer .homepage-tab-contents { padding:0px 20px 2px 20px; margin:15px 1px 0 0; height:auto !important; height:171px; min-height:171px; background:url(/sites/dotcom/images/gradient_btm.gif) no-repeat bottom left; overflow:hidden; }
#FeaturedContentContainer .ui-tabs-hide { display:none; }

#FeaturedContentContainer ul.tabs 
{ width:768px; margin:0; padding:0; list-style:none; display:block; height:1%; overflow:hidden; background-color:#fff; background-image:url(/sites/dotcom/images/btn_enterprise_bkg.jpg); background-position:right 2px; background-repeat:repeat-x; }

#FeaturedContentContainer ul.tabs li, #FeaturedContentContainer ul.sub-tabs li, #FeaturedContentContainer ul.homepage-pagination li 
{ display:inline; margin:0; padding:0; }
#FeaturedContentContainer ul.tabs#maintabs { margin-left:1px; }
/* FIRST LEVEL TABS - OFF STATE */
#FeaturedContentContainer ul.tabs li { float:left; background-image:url(/sites/dotcom/images/tab_bg_off.gif); }
#FeaturedContentContainer ul.tabs li a, #FeaturedContentContainer ul.sub-tabs li a 
{ font-weight:bold; float:left; color:#4c4c4c; text-decoration:none; display:inline; background-image:url(/sites/dotcom/images/tab02_left_off.gif); background-position:left top; background-repeat:no-repeat; text-align:center; }
#FeaturedContentContainer ul.sub-tabs li a { background-repeat:repeat-x; }
#FeaturedContentContainer ul.tabs li a.first { background-image:url(/sites/dotcom/images/tab01_left_off.gif); } 
#FeaturedContentContainer ul.tabs#maintabs li a span { display:block; line-height:22px; padding:4px 28px 0; background-image:url(/sites/dotcom/images/tab_right_off.gif); background-position:right top; background-repeat:no-repeat; } 
/* END FIRST LEVEL TABS - OFF STATE */

/* FIRST LEVEL TABS - ON/HOVER STATE */
#FeaturedContentContainer ul.tabs li.ui-state-active, #FeaturedContentContainer ul.tabs li.ui-state-hover 
{ background-image:url(/sites/dotcom/images/tab_bg_on.gif); }
#FeaturedContentContainer ul.tabs li.ui-state-active a, #FeaturedContentContainer ul.tabs li.ui-state-hover a
{ color:#000; background-image:url(/sites/dotcom/images/tab02_left_on.gif); }
#FeaturedContentContainer ul.tabs#maintabs li.ui-state-active a span, #FeaturedContentContainer ul.tabs#maintabs li.ui-state-hover a span {
 background-image:url(/sites/dotcom/images/tab_right_on.gif);
}
#FeaturedContentContainer ul.tabs li.ui-state-active a.first, #FeaturedContentContainer ul.tabs li a:hover.first
{ color:#000; background-image:url(/sites/dotcom/images/tab01_left_on.gif); }
/* END FIRST LEVEL TABS - ON/HOVER STATE */

#FeaturedContentContainer div.sub-tabs { float:left; width:415px; margin-right:20px; }
#FeaturedContentContainer div.sub-tabs#brocade-websites { width:456px; }
#FeaturedContentContainer div.sub-tabs ul.sub-tabs { float:left; width:115px; margin:0 15px 0 0; padding:0; }
#FeaturedContentContainer div.sub-tabs#downloads ul.sub-tabs { float:left; width:134px; margin-right:25px; }
#FeaturedContentContainer div.sub-tabs#connect ul.sub-tabs { margin-right:25px; }
#FeaturedContentContainer div.sub-tabs#brocade-websites ul.sub-tabs { float:left; width:185px; margin-right:10px; }
#FeaturedContentContainer div.sub-tabs ul.sub-tabs li a { display:block; height:1%; width:auto; float:none; color:#000; font-weight:bold; display:block; background-image:none; line-height:22px; text-align:left; padding:1px 0 0 1em; font-size:0.9em; }
#FeaturedContentContainer div.sub-tabs ul.sub-tabs li.ui-state-active a { background-image:url(/sites/dotcom/images/btn_enterprise_bkg.jpg); color:#FE1600; }
#FeaturedContentContainer h2 { border-bottom:1px solid #E6E6E6; color:#000; font-size:1.1em; text-transform:uppercase; margin:0; }
#FeaturedContentContainer .sub-tab-contents { width:276px; margin-top:10px; overflow:hidden; }
#FeaturedContentContainer div.sub-tabs#brocade-websites .sub-tab-contents { width:241px; margin-top:10px; margin-left:25px; overflow:hidden; }
#FeaturedContentContainer div.sub-tabs#downloads .sub-tab-contents { width:250px; float:left; margin-top:10px; }
.ui-tabs-panel { float:left; }

#FeaturedContentContainer .sub-tab-content { clear:both; }

#FeaturedContentContainer .sub-tab-content a { text-decoration:none; font-weight:bold; color:#6987A3;}
#FeaturedContentContainer .sub-tab-content a:hover {color:#FF0000;}
#FeaturedContentContainer h3 a {text-decoration:none; font-weight:bold; color:#FF0000 !important;}
#FeaturedContentContainer h3 a:hover {text-decoration:underline;}
#FeaturedContentContainer h3 { color:#ff1600; font-size:1em; margin:0; }
#FeaturedContentContainer p {font-size:11px; color:#8A8A8A; line-height:1.34em; height:60px;}
#FeaturedContentContainer img.thumbnail { float:left; margin: 0 15px 1em 0; }
#FeaturedContentContainer div.featured-products, #sitePageHome #FeaturedContentContainer div.quick-links, #FeaturedContentContainer div.featured { float:left; width:285px; }
#FeaturedContentContainer div.featured { width:240px; }
#FeaturedContentContainer div.featured-products-content { margin-top:10px; height:111px; }
#FeaturedContentContainer div.featured-products-content img.thumbnail {margin: 0 9px 1em 0;}
#FeaturedContentContainer ul.homepage-pagination { clear:both; float:right; list-style:none; }
#FeaturedContentContainer ul.homepage-pagination li a { font-size:0.8em; line-height:1.1em;  background:#C8C8C8; color:#fff; padding:1px 4px 0; text-decoration:none; }
#FeaturedContentContainer ul.homepage-pagination li a:hover { background:#FF0D02; }
#FeaturedContentContainer ul.homepage-pagination li.ui-state-active a { background:#FF0D02; color:#fff; }
#FeaturedContentContainer div.quick-links ol { float:left; width:41%; display:block; margin:0; padding:15px 0; list-style:none; z-index:1;}
#FeaturedContentContainer div.quick-links li {  margin:0; padding:0 0 0 15px; background:url(/sites/dotcom/images/indicator.gif) no-repeat left 0.4em; line-height:1.34em; }
#FeaturedContentContainer div.quick-links li a { text-decoration:none; display:inline-block; }
#FeaturedContentContainer div.quick-links ol.first { width:55%; padding:15px 10px 15px 0;}
#FeaturedContentContainer div.prev-next-buttons { clear:both; width:184px; padding-top:5px; }
#FeaturedContentContainer div.prev-next-buttons a.prev { float:right; margin-left:5px; display:block; background:url(/sites/dotcom/images/arrow-left.gif) no-repeat; width:11px; height:13px; text-indent:-9999px; }
#FeaturedContentContainer div.prev-next-buttons a.next { float:right; display:block; background:url(/sites/dotcom/images/arrow-right.gif) no-repeat; width:11px; height:13px; text-indent:-9999px; }
/*WILSON*/

/*HEADERS*/
#FeaturedContentContainer h2.header-highlights { text-indent:-9999px; background:url(/sites/dotcom/images/explore_markets.gif) no-repeat; }
#FeaturedContentContainer h2.header-featured-products { text-indent:-9999px; background:url(/sites/dotcom/images/explore_featured.gif) no-repeat; }
#FeaturedContentContainer h2.header-downloads { text-indent:-9999px; background:url(/sites/dotcom/images/access_downloads.gif) no-repeat; }
#FeaturedContentContainer h2.header-quick-links { text-indent:-9999px; background:url(/sites/dotcom/images/access_quicklinks.gif) no-repeat; }
#FeaturedContentContainer h2.header-brocade-websites { text-indent:-9999px; background:url(/sites/dotcom/images/connect_websites.gif) no-repeat; }
#FeaturedContentContainer h2.header-featured { text-indent:-9999px; background:url(/sites/dotcom/images/connect_featured.gif) no-repeat; }

/* Begin Phase2 */
/* tooltip */
.cluetip-shaded-squared {border:1px solid #d2d2d2;background:#e7e7e7;padding:10px !important;text-align:left;margin:0;font-size:11px;}
.cluetip-shaded-squared h4 {font-size:11px;color:#333;font-weight:bold;margin:0 0 0.5em 0 !important;line-height:normal}
.cluetip-shaded-squared p {font-size:11px;color:#666;margin:0 !important;}

/*Enlarge Video Feature*/
#video-big { background:url(/sites/dotcom/images/vid_header_on.gif) no-repeat #FFF; border:1px solid #CCC; text-align:right;}
#video-big-container {padding:17px 6px;}
li#videos {position:relative !important;}

/* End Phase2 */

/*End: Added by BLUE for Homepage Redesign*/


