div#right-panel { width:960px; margin:auto; }
div#right-panel div.rightp-content {  margin-left: 710px; width: 250px; z-index: 1; background-color: #ffffff; position: absolute; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-shadows.gif); background-repeat: no-repeat; background-position: left top;}
div#right-panel div.rightp-content a.btn { width: 185px; height: 29px; display: block; line-height: 28px; margin: auto; text-align: center; font-size: 15px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #000; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-btns.gif); background-position: left top; background-repeat: no-repeat; }
div#right-panel div.rightp-content a.download { background-position: left top; margin-top: 30px; }
div#right-panel div.rightp-content a.vm { background-position: left -31px; margin-top: 10px; }
div#right-panel div.rightp-content a:hover { opacity:0.80; filter:alpha(opacity=80); }

div#right-panel div.rightp-content div.cloud { width: 176px; margin: auto; text-align: center; margin-top: 20px;}
div#right-panel div.rightp-content div.cloud a:hover span { color: #f47b20; opacity:1; filter:alpha(opacity=100); }
div#right-panel div.rightp-content div.cloud p { display: block; margin-top: 0px; margin-bottom: 0px; }
div#right-panel div.rightp-content div.cloud p a:hover { color: #f47b20; opacity:1; filter:alpha(opacity=100); }
div#right-panel div.rightp-content div.cloud div.top { height: 30px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-cloud-bg.gif); background-repeat: no-repeat; background-position: left top; margin-bottom: 5px; }
div#right-panel div.rightp-content div.cloud div.bottom { height: 25px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-cloud-bg.gif); background-repeat: no-repeat; background-position: left -38px; margin-top: 10px; }
div#right-panel div.rightp-content div.cloud span.top { font-size: 14px; font-weight: bold; color: #00539B; display: block;}
div#right-panel div.rightp-content div.cloud span.title { font-size: 24px; font-weight: bold; color: #0499CC; margin-top: 10px; margin-bottom: 10px; display: block; }

div#right-panel div.rightp-content div.vedio { width: 200px; margin: auto; text-align: center; margin-top: 30px; }
div#right-panel div.rightp-content div.vedio h3 { text-align: center; line-height: 18px; padding-bottom: 0px; margin-bottom: 5px; font-size: 14px; margin-top: 0px; color: rgb(244, 123, 32); }
div#right-panel div.rightp-content div.vedio p { display: block; margin-top: 0px; margin-bottom: 0px; }

div#right-panel div.rightp-content div.support { width: 216px; margin: auto; margin-top: 30px; }
div#right-panel div.rightp-content div.bottom { height: 8px; margin-top: 20px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-bottom.gif); background-position: left top; background-repeat: no-repeat; }

div#right-panel div.rightp-content div.products { margin-top: 20px; }
div#right-panel div.rightp-content div.products h2 { font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; text-align: center; }
div#right-panel div.rightp-content div.products div.content { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-title-bg.gif); background-repeat: no-repeat; background-position: center top; padding-top: 15px; padding-left: 5px;}
div#right-panel div.rightp-content div.products div.content a { display: block; width: 241px; height: 24px; margin-top: 6px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-logos.gif); background-repeat: no-repeat; background-position: left top; }
div#right-panel div.rightp-content div.products div.content a.esb { background-position: left -30px; }
div#right-panel div.rightp-content div.products div.content a.greg { background-position: left -60px; }
div#right-panel div.rightp-content div.products div.content a.is { background-position: left -90px; }
div#right-panel div.rightp-content div.products div.content a.bam { background-position: left -120px; }
div#right-panel div.rightp-content div.products div.content a.brs { background-position: left -150px; }
div#right-panel div.rightp-content div.products div.content a.gs { background-position: left -180px; }
div#right-panel div.rightp-content div.products div.content a.bps { background-position: left -210px; }
div#right-panel div.rightp-content div.products div.content a.ms { background-position: left -240px; }
div#right-panel div.rightp-content div.products div.content a.dss { background-position: left -270px; }
div#right-panel div.rightp-content div.products div.content a.as { background-position: left -300px; }
div#right-panel div.rightp-content div.products div.content a.cep { background-position: left -420px; }
div#right-panel div.rightp-content div.products div.content a.mb { background-position: left -450px; }
div#right-panel div.rightp-content div.products div.content a.wsf-c { background-position: left -330px; }
div#right-panel div.rightp-content div.products div.content a.wsf-cpp { background-position: left -360px; }
div#right-panel div.rightp-content div.products div.content a.wsf-php { background-position: left -390px; }

div#right-panel div.rightp-content div.tools { margin-top: 20px; }
div#right-panel div.rightp-content div.tools h2 { font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; text-align: center; }
div#right-panel div.rightp-content div.tools div.content { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-title-bg.gif); background-repeat: no-repeat; background-position: center top; padding-top: 15px; padding-left: 25px;}
div#right-panel div.rightp-content div.tools div.content a { display: block; width: 210px; height: 24px; margin-top: 6px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-tools-logos.gif); background-repeat: no-repeat; background-position: left top; }
div#right-panel div.rightp-content div.tools div.content a.cs { background-position: left top; height: 60px;}


div#banner { height: 150px; width: 100%; }
div#banner div.banner div.banner-content { width: 960px; margin:auto; }
div#banner div.banner div.banner-content a { height: 150px; width: 960px; display: block; }

div#banner div.esb { background-color: #A694C3; border-bottom: solid 1px #ffffff;}
div#banner div.banner div.esb { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-esb-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 0px; }

div#banner div.is { background-color: #F9D3B8; border-bottom: solid 1px #ffffff;}
div#banner div.banner div.is { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-is-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 0px; }

div#banner div.dss { background-color: #C7D0E3; border-bottom: solid 1px #ffffff;}
div#banner div.banner div.dss { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-dss-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 0px; }

div.greg { background-color: #D1B393; border-bottom: solid 1px #ffffff; }
div#banner div.banner div.greg { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-greg-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 0px; }

div#banner div.forrester { background-color: #ffffff; border-bottom: solid 1px #999999; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-forrester-banner-bg.gif); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.forrester { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-forrester-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.ebay { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ebay-banner-bg.png); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.ebay { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ebay-banner.png); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.gartner { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-gartner-banner-bg.png); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.gartner { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-gartner-banner.png); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.ss-security { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-banner-bg.gif); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.ss-security { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-security-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.ss-identity { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-banner-bg.gif); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.ss-identity { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-identity-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.ss-governance { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-banner-bg.gif); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.ss-governance { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-ss-greg-banner.gif); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.workshop-banner { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-workshop-banner-bg.png); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.workshop-banner { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-workshop-banner.png); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

/*forrester*/

div#banner div.cForrester1 { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/forester/forrester-gov-banner-bg.jpg); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.cForrester1 { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/forester/forrester-gov-banner.jpg); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.cForrester2 { background-color: #ffffff; border-bottom: solid 0px #999999; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/forester/forrester-gov-banner-bg.jpg); background-repeat: repeat-x; background-position: left top;}
div#banner div.banner div.cForrester2 { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/forester/forrester-gov-banner2.jpg); background-repeat: no-repeat; background-position: left top; border-bottom:0px; }

div#banner div.banner-nav { width: 960px; margin: auto; padding-top: 7px; }
div#banner div.banner-nav div.links { width:112px; height:20px; float:right; position:relative; margin-top:2px; margin-right:260px; }
div#banner div.banner-nav div.links div.banner-icons { width:112px; margin:auto; }
div.banner-icons div.icon-01, div.banner-icons div.icon-02, div.banner-icons div.icon-03, div.banner-icons div.icon-04, div.banner-icons div.icon-05 { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/inner-page-banner-icons.gif); background-repeat: norepeat; width: 20px; height: 20px; float: right; }
div.banner-icons div.icon-01 { background-position: left top; margin-right: 3px; }
div.banner-icons div.icon-02 { background-position: -22px top; margin-right: 3px;}
div.banner-icons div.icon-03 { background-position: -44px top; margin-right: 3px; }
div.banner-icons div.icon-04 { background-position: -66px top; margin-right: 3px; }
div.banner-icons div.icon-05 { background-position: -88px top; margin-right: 3px; }

div.carbon { background-color: #939598; border-bottom: solid 1px #ffffff; }

div.bam { background-color: #C49688; border-bottom: solid 1px #ffffff; }
div.brs { background-color: #FDDCD3; border-bottom: solid 1px #ffffff; }
div.gs { background-color: #91CECB; border-bottom: solid 1px #ffffff; }
div.bps { background-color: #F6906E; border-bottom: solid 1px #ffffff; }
div.ms { background-color: #E4AB98; border-bottom: solid 1px #ffffff; }
div.as { background-color: #94AFDA; border-bottom: solid 1px #ffffff; }
div.wsf { background-color: #ABBC90; border-bottom: solid 1px #ffffff; }
div.cs { background-color: #D9D9D9; border-bottom: solid 1px #ffffff; }
div.cep { background-color: #E9C7D6; border-bottom: solid 1px #ffffff; }
div.mb { background-color: #BBBACE; border-bottom: solid 1px #ffffff; }
div.overview { background-color: #ffffff; border-bottom: solid 1px #cccccc; }
div#banner div.banner-content { width: 960px; height: 150px; margin:auto; }

div#main-content { width: 960px; margin: auto; padding-bottom: 20px; }
div#main-content div.content { width: 680px; margin-right: 30px; margin-top: 5px; }
div#main-content div.content div.title { font-size: 24px; font-weight: bold; margin-top: 15px; margin-bottom: 7px; }
div#main-content div.content h2 { font-size: 15px; font-weight: bold; margin-top: 12px; margin-bottom: 5px; }
div#main-content div.content p { padding-top: 10px; padding-bottom: 10px;  margin-top: 0px; margin-bottom: 0px; display: block; }
div#main-content div.content ul { list-style: none; margin: 0px; padding: 0px; }
div#main-content div.content ul li { width: 325px; border-top: solid 1px #f47b20; padding-bottom: 10px; padding-top: 10px; font-size: 14px;}
div#main-content div.content ul li.special { 
width: 550px; 
border-top: solid 0px #f47b20; 
padding-bottom: 10px; 
padding-top: 4px; font-size: 14px;
background-image: url("images/product-bullet-01.gif");
background-position: left 5px;
background-repeat: no-repeat;
padding-left: 27px;
font-size: 12px;
}
div#main-content div.content ul li.top { border-top: 0px; }
div#main-content div.content ul li.left { width: 320px; float: left; }
div#main-content div.content ul li.right { width: 320px; float: left; margin-left: 30px; }
div#main-content div.content div.cloud-native { float: right; width: 280px; margin-right: 30px; margin-bottom: 25px;}
div#main-content div.content div.cloud-native { font-size: 14px; }
div#main-content div.content div.cloud-native ul { margin-left: 20px; }
div#main-content div.content div.cloud-native ul li { font-size: 12px; border-top: 0px; padding-left: 25px; padding-top: 2px; padding-bottom: 2px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-cloudn-bullet.gif); background-repeat: no-repeat; background-position: left 2px; }
div#main-content div.content div.contact { line-height: 28px; font-size: 12px; color: #000000; font-weight: bold; }
div#main-content div.content div.contact a {line-height: 20px; font-size: 13px; font-weight: bold; }
div#main-content div.content div.diagram { margin-top: 30px; margin-bottom: 20px; }

div#resources { width: 100%; border-bottom: solid 1px #ffffff; background-color: #EBEBEB; }
div#resources div.esb { min-height: 250px; background-color: transparent; border-bottom: 0px;}
div#resources div.carbon { background-color: transparent; border-bottom: 0px;}
div#resources div.as { background-color: transparent; border-bottom: 0px;}
div#resources div.greg { background-color: transparent; border-bottom: 0px;}
div#resources div.bam { background-color: transparent; border-bottom: 0px;}
div#resources div.bps { background-color: transparent; border-bottom: 0px;}
div#resources div.brs { background-color: transparent; border-bottom: 0px;}
div#resources div.is { background-color: transparent; border-bottom: 0px;}
div#resources div.gs { background-color: transparent; border-bottom: 0px;}
div#resources div.ms { background-color: transparent; border-bottom: 0px;}
div#resources div.wsf { background-color: transparent; border-bottom: 0px;}
div#resources div.dss { background-color: transparent; border-bottom: 0px;}
div#resources div.cs { background-color: transparent; border-bottom: 0px;}
div#resources div.cep { background-color: transparent; border-bottom: 0px;}
div#resources div.mb { background-color: transparent; border-bottom: 0px;}
div#resources div.content { width: 960px; margin: auto; }
div#resources div.content h2 { margin-top: 15px; margin-bottom: 10px; font-size: 22px; font-weight: bold; }
div#resources div.content p { display: block; margin-top: 0px; margin-bottom: 0px; }
div#resources div.content div.banners { width: 325px; float: left; margin-right: 30px; padding-top: 10px; }
div#resources div.content div.banners a img { margin-bottom: 20px; }
div#resources div.content div.banners a:hover img { opacity:0.85; filter:alpha(opacity=85); }
div#resources div.content div.links { width: 325px; float: left; }
div#resources div.content div.links h3 { font-size: 18px; font-weight: bold; }
div#resources div.content h3 { font-size: 20px; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
div#resources div.content div.links ul { list-style: none; margin-top: 0px; margin-bottom: 10px; padding: 0px; margin-left: 0px; margin-right: 0px; }
div#resources div.content div.links ul li { border-bottom: solid 1px #cccccc; padding-top: 5px; padding-bottom: 5px;}
div#resources div.content div.links ul li.bottom { border-bottom: 0px; }

div#main-content div.shadow, div#resources div.shadow { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/content-product-shadows.gif); background-repeat: no-repeat; background-position: center top; height: 8px;}
div#resources div.shadow { background-position: center -10px; }