/*common*/
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333333; background:#FFF; }
form { margin:0; padding:0; }
a, object { outline: none; }
img { border:0; }
p { margin:0; padding:0 0 1.2em 0; }
h1 { margin:0; padding:0 0 0.3em 0; font-size:1.417em; color:#FF0000; }
h2 { margin:0; padding:0 0 0.3em 0; font-size:1.25em; color:#000000; font-weight:bold; }
form table { width:85%; }
form table th, form table td { margin:0; padding:5px 8px; vertical-align:top; padding-bottom:10px; }
form tr th { width:30%; text-align:right; font-weight:bold; }
form table.whitepaper_download { width:100%; }
form table.whitepaper_download th{ margin:0; padding:5px 8px 10px 2px; vertical-align:top;}
form table.whitepaper_download td { margin:0; padding:5px 0 10px 8px; vertical-align:top;}
form table.whitepaper_download tr th { width:30%; text-align:left; font-weight:bold; }
form table.whitepaper_download tr td {width: 70%;}
.clear { clear:both; line-height:0px; }
div#main { margin:auto; padding-top:24px; width:944px; }
div#logo { padding:0 0 42px 26px; }
/*masthead*/
div#masthead { padding-bottom:25px; }
div#banner { padding:10px; height: 250px; border:1px solid #CCCCCC; font-size:3em; font-weight:bold; line-height:1.2em; color:#000000; background:url(../img/banner_man.jpg) right no-repeat; }
div#banner p { padding:0; font-size:2em; line-height:0.8em; color:#FF0000; }
div#banner dl { margin-top:14px; }
div#banner dd { float:left; margin:0; padding-right:26px; }
/*end: masthead*/
/*main navigation*/
ul.nav { position:relative; margin:0 0 0 50px; padding:0px; font-size:1.25em; height:1%; overflow:hidden; }
ul.nav li { list-style:none; display:inline; float:left; width:145px; }
ul.nav li.whitepaper_download {width:180px !important;}
ul.nav li a { display:block; margin-right:9px; padding:8px 0 3px 0; text-align:center; color:#A3A3A3; text-decoration:none; background:#FDFDFD; font-weight:bold; border:1px solid #ECECEC; border-bottom: 1px solid #CCCCCC; }ul.nav li a:hover { color:#FF0000; }
ul.nav li.nav-state-active a { background-color:#FAFAFA; color:#FF0000; border:1px solid #CCCCCC; border-bottom: 1px solid #FAFAFA; }
/*end: main navigation*/
.content { padding:35px 37px 35px 45px; border:1px solid #CCCCCC; margin-top:-1px; height:auto !important; height:260px; min-height:260px; background:#FAFAFA; }
.content_whitepaper_download {border:1px solid #CCCCCC; margin-top:-1px; height:auto !important; height:310px; min-height:310px; background:#FAFAFA; width:882px; padding:30px 30px 8px; margin-bottom:10px;}
.content_whitepaper_download a {color: #ff0000;}
.content-thankyou { padding:35px 30px 35px 30px; border:1px solid #CCCCCC; margin-top:-1px; height:auto !important; height:260px; min-height:260px; background:#FAFAFA; }
.content-left { background:url(../img/bg_box.jpg) no-repeat; height:300px;width:580px;float:left; }
.content-left-content {padding:21px 35px 0 30px;}
.content-right {float:right;height:281px;border:1px solid #ccc;width:280px; background-color:#ffffff; }
.content-right-content {padding:30px 30px 0 30px;}
.content-right span {color:#ff0000;}
.content-right h1{ color:#333333; margin-bottom:13px;}
.content-right p{ color:#666666;}
.arrow-text { width: 139px; float:left;}

.header_content_left {width:453px; height:58px; margin-bottom:10px;}
.img_content_left {width:100px; float:left;}
.img_content_left2 {width:100px; float:left; padding-top:12px;}
.text_content_left {width:338px; height:46px; float:left; padding:10px 0 0 15px; font-size:16px; color:#333333;}
.download_button {margin-top:18px; width:118px;}
.content p, .content_whitepaper_download p { font-size:1.083em; }
.content select, .content_whitepaper_download select, .content input, .content_whitepaper_download input { font-size:1em;font-family:Arial, Helvetica, sans-serif; }
/*hmpage segment*/
div#pods { padding:19px 0; width:842px; border:9px solid #CCCCCC; background:url(../img/img_grid.jpg) repeat-y; }
div#pods dl { margin:0; }
div#pods dd { float:left; margin:0; padding:0 15px 0 25px; width:240px; }
div#pods p { font-size:1em; color:#666666; }
div#pods .arrowlink { position:relative; left:220px; top:12em; }
/*end: hmpage segment*/
a.logo, a.link { display:block; text-indent:-9999px; }
a.logo#brocade_logo { width:160px; height:62px; background:url(../img/logobrocade.jpg) no-repeat; }
a.link#link_savings { width:109px; height:17px; background:url(../img/link_savings.jpg) no-repeat; }
a.link#link_choice { width:96px; height:17px; background:url(../img/link_choice.jpg) no-repeat; }
a.link#link_solutions { width:138px; height:17px; background:url(../img/link_solutions.jpg) no-repeat; }
a.link#hdr_savings { float:left; padding-right:16px; width:193px; height:34px; background:url(../img/header_savings.jpg) no-repeat; }
a.link#hdr_choice { float:left; padding-right:17px; width:194px; height:34px; background:url(../img/header_choice.jpg) no-repeat; }
a.link#hdr_solutions { float:left; padding-right:15px; width:192px; height:34px; background:url(../img/header_solutions.jpg) no-repeat; }
a.link#hdr_contactus { float:left; margin-bottom:10px; width:168px; height:35px; background:url(../img/header_contactus.jpg) no-repeat; }
span.logo, span.link { display:block; text-indent:-9999px; }
span.logo#hdr_register { float:left; width:137px; height:37px; background:url(../img/header_register.jpg) no-repeat; }
span.logo#logo { float:right; width:91px; height:37px; background:url(../img/logobrocade_small.jpg) no-repeat; }
span.link#hdr_video_savings { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_videosavings.jpg) no-repeat; }
span.link#hdr_video_choice { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_videochoice.jpg) no-repeat; }
span.link#hdr_video_solutions { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_videosolutions.jpg) no-repeat; }
span.link#hdr_wingspan { margin-bottom:10px; width:173px; height:36px; background:url(../img/header_wingspan.jpg) no-repeat; }
span.link#hdr_resources_savings { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_insightsavings.jpg) no-repeat; }
span.link#hdr_resources_choice { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_insightchoice.jpg) no-repeat; }
span.link#hdr_resources_solutions { margin-bottom:10px; width:202px; height:36px; background:url(../img/header_insightsolutions.jpg) no-repeat; }
/*form*/
div#register {margin:auto; padding: 16px 40px; width:766px; background:#FFFFFF;}
div#register p {padding:20px 120px 20px 40px;}
div#register select, div#register input { font-size:1em;font-family:Arial, Helvetica, sans-serif; }
.emailmsg { display:block; margin-top:5px; color:#818181; }
.submitmsg { float:left; color:#818181; width:190px; text-align:left; padding-left:10px; }
.registermsg { float:right; padding-right:10px; text-align:right; color:#818181; }
.content_whitepaper_download .registermsg { text-align:left;}
/*end form*/
div.tabs { float:left; width:552px; }
ul.tabs { position:relative; margin:0 0 0 230px; padding:0px; font-size:1em; font-weight:bold; height:1%; overflow:hidden; }
ul.tabs li { list-style:none; display:inline; float:left; }
ul.tabs li a { display:block; margin-right:9px; padding: 8px 0 3px 0; width:90px; text-align:center; color:#A3A3A3; text-decoration:none; font-weight:bold; border:1px solid #ECECEC; border-bottom: 1px solid #CCCCCC; }
ul.tabs li a:hover { color:#FF0000; }
ul.tabs li.ui-state-active a { background-color:#FFFFFF; color:#FF0000; border:1px solid #CCCCCC; border-bottom: 1px solid #ffffff; }
.ui-tabs-hide { display:none; }
.tab_content { padding:20px 20px 15px 20px; border:1px solid #CCCCCC; margin-top:-1px; background:#FFFFFF; height:auto !important; height:429px; min-height:429px; }
.tab_content p { font-size:1em; }
div#videotitle { font-size:0.83em;}
div#videotitle div { float:left; }
div#videotitle img { float:right; }
div#blogcontent, div#tabcontent { border:1px solid #CCCCCC; background:url(../img/border_left.jpg) repeat-y #F7F7F7; }
div#blogcontent div#feed, div#tabcontent div { padding:15px; background:url(../img/border_top.jpg) repeat-x; }
div#wingspan .blogfrom { display:block; margin-bottom:20px; font-size:0.9em; color:#FF0000; }
div#wingspan .blogtitle { display:block; margin:0 30px 20px 30px; font-size:1.3em; font-weight:bold; color:#333333; }
div#wingspan .blogdesc { display:block; width:416px; margin:0 30px; font-style:italic; color:#333333; }
div#wingspan .blogdesc a { text-decoration:underline; color:#FF0000; }
div#insights div#tabcontent { color:#666666; }
div#insights div#tabcontent a { font-style:italic; text-decoration:underline; color:#FF0000; }
div#insights div#tabcontent ul { padding-left:30px; }
div#rightnav { float:left; margin:27px 0 0 30px; width:270px;}
div#contactus { padding:33px 18px 34px 18px; margin-bottom:3px; border:1px solid #CCCCCC; background:#FFFFFF;}
div#contactus p { font-size:1em;}
div#contactus .arrowlink { position:relative; left:220px; top:6em;}
div#getthefact { margin-top:10px; padding:18px 0; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF; }
div#techbytes { margin-top:10px; padding:30px 0 31px 0; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF; }
div#footer { font-size:0.9em; text-align:center; }
#footer_links { display:block; margin:0; padding: 0 20px 20px 20px; list-style:none; height:1%; overflow:hidden; }
#footer_links li { display:inline; margin:0; padding:0 5px; border-right:1px solid #CCCCCC; line-height:1em; }
#footer_links li.last { border-right:none; }
#footer_links a { text-decoration:none; color:#333333; }
#footer_links a:hover { text-decoration:underline; }

/*INTERNATIONALIZED*/
div#main.internationalized div.content { padding:35px 41px 20px; position:relative; }
div#main.internationalized #contactus  { position:absolute; right:8px; top:8px; }
div#main.internationalized div#pods { margin-bottom:20px; }
div#main.internationalized div#pods a { color:#F00; text-decoration:none; }
div#main.internationalized a.cta { display:inline; float:right; width:247px; height:69px; background-position:top left; background-repeat:no-repeat; text-indent:-9999px; }
div#main.internationalized a.link { margin-bottom:1em; }	

/*Fr*/
a.button { text-indent:-9999px; }
.fr #contactus {background:url(../img/btn_fr.gif) no-repeat; width:118px; height:26px;  }
.fr a.cta { background-image:url(../img/cta_fr.gif); }
.fr a.link#hdr_savings { float:left; padding-right:16px; width:213px; height:54px; background:url(../img/banner01_tt_fr.gif) no-repeat; }
.fr a.link#hdr_choice { float:left; padding-right:17px; width:214px; height:54px; background:url(../img/banner02_tt_fr.gif) no-repeat; }
.fr a.link#hdr_solutions { float:left; padding-right:15px; width:212px; height:54px; background:url(../img/banner03_tt_fr.gif) no-repeat; }

/*Gr*/
.gr #banner p { font-size:1.50em; line-height:1em; }
.gr #contactus {background:url(../img/btn_gr.gif) no-repeat; width:155px; height:26px;  }
.gr a.cta { background-image:url(../img/cta_gr.gif); }
.gr a.link#hdr_savings { float:left; padding-right:0; width:244px; height:54px; background:url(../img/banner01_tt_gr.gif) no-repeat; }
.gr a.link#hdr_choice { float:left; padding-right:0; width:244px; height:54px; background:url(../img/banner02_tt_gr.gif) no-repeat; }
.gr a.link#hdr_solutions { float:left; padding-right:0; width:244px; height:54px; background:url(../img/banner03_tt_gr.gif) no-repeat; }
.gr div#pods dd { padding:0 20px 0 15px; width:245px; }

/*jp*/
.jp div#banner { background-image:url(../img/masthead_jp.jpg); }
.jp #banner p { font-size:1.55em; line-height:1em; }
.jp #contactus {background:url(../img/btn_jp.gif) no-repeat; width:68px; height:26px;  }
.jp a.cta { background-image:url(../img/cta_jp.gif); }
.jp a.link#hdr_savings { float:left; padding-right:16px; width:213px; height:54px; background:url(../img/banner01_tt_jp.gif) no-repeat; }
.jp a.link#hdr_choice { float:left; padding-right:17px; width:213px; height:54px; background:url(../img/banner02_tt_jp.gif) no-repeat; }
.jp a.link#hdr_solutions { float:left; padding-right:15px; width:213px; height:54px; background:url(../img/banner03_tt_jp.gif) no-repeat; }

/*ko*/
.ko #banner { font-size:3.4em;  font-weight:normal;}
.ko #banner p { font-size:1.55em; line-height:1em; }
.ko #contactus {background:url(../img/btn_ko.gif) no-repeat; width:68px; height:26px;  }
.ko a.cta { background-image:url(../img/cta_ko.gif); }
.ko a.link#hdr_savings { float:left; padding-right:16px; width:213px; height:54px; background:url(../img/banner01_tt_ko.gif) no-repeat; }
.ko a.link#hdr_choice { float:left; padding-right:17px; width:213px; height:54px; background:url(../img/banner02_tt_ko.gif) no-repeat; }
.ko a.link#hdr_solutions { float:left; padding-right:15px; width:213px; height:54px; background:url(../img/banner03_tt_ko.gif) no-repeat; }

/*sc*/
.sc #banner { font-size:5.0em; font-weight:normal; }
.sc #banner p { font-size:1.55em; line-height:1em; }
.sc #contactus {background:url(../img/btn_sc.gif) no-repeat; width:70px; height:26px;  }
.sc a.cta { background-image:url(../img/cta_sc.gif); }
.sc a.link#hdr_savings { float:left; padding-right:16px; width:213px; height:54px; background:url(../img/banner01_tt_sc.gif) no-repeat; }
.sc a.link#hdr_choice { float:left; padding-right:17px; width:213px; height:54px; background:url(../img/banner02_tt_sc.gif) no-repeat; }
.sc a.link#hdr_solutions { float:left; padding-right:15px; width:213px; height:54px; background:url(../img/banner03_tt_sc.gif) no-repeat; }