/**********************************************************************************************

  CSS on Sails Framework
  Title: Athena
  Author: Paweł Ludwiczak - XHTMLized (http://www.xhtmlized.com/)
  Date: June 2010

***********************************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      
  3. PAGES
      3.1 Home page
      3.2 Sub page 1
      3.3 Sub page 2

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#nav:after,
#nav .primary:after,
#nav .secondary:after,
#main .container:after,
#sitemap .container:after,
#footer ul:after,
.windows:after,
.columns:after,
.download-section label:after,
.download-section div.select:after,
.download-section fieldset.radiobox div:after,
.products-branch li.item .buttons:after,
.tabs-nav:after,
.landing-cols:after,
.middle-content .two-boxes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff url(../images/bg-body.png) top left repeat-x; color: #3c3c3c; font-family: "Helvetica", "Arial", sans-serif; font-size: 13px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #00f; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }
sup { position: relative; top: -8px; font-size: 70%; }


/* 2. COMMON
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Container
-----------------------------------------------------------------------------------------------*/
.container { width: 940px; position: relative; margin: 0 auto; padding: 0 10px; height: 100%; }
#main { position: relative; z-index: 1;}
#main .container { padding-top: 40px; }
.txt { width: 980px; background: #ffffff; padding: 40px 0 40px 0; }
#breadcrumbs .container { padding: 0 !important; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header { background: url(../images/bg-header.jpg) top center no-repeat; height: 165px; position: relative; z-index: 10; }
#header .site-name { width: 164px; height: 48px; position: absolute; top: 40px; left: 10px; background: url(../images/logo.png) top left no-repeat; display: block; text-indent: -9999px; }
#header .contact-info { position: absolute; top: 20px; right: 10px; }
#header .contact-info span { font-family: "Georgia", "Times New Roman", serif; font-size: 20px; color: #ffffff; display: block; text-align: right; margin-bottom: 15px; font-weight: normal;}
#header .contact-info a { background: url(../images/btn-chat.png) top left no-repeat; width: 161px; height: 42px; line-height: 42px; text-align: center; display: block; font-size: 15px; text-shadow: 0 -1px 0 #005C75; color: #fff; }
#header h2 { text-indent: -9999px; position: absolute; top: 43px; left: 220px; width: 364px; height: 51px; background: url(../images/txt-slogan.png) top left no-repeat; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav { position: absolute; width: 940px; left: 10px; bottom: 5px; height: 40px; z-index: 10; }
#nav .primary { float: left; line-height: 40px; text-shadow: 1px 1px 1px #004558; } 
#nav a { color: #ddfbff; }
#nav .primary li.parent { float: left; position: relative; margin-right: 40px; font-weight: bold; line-height: 40px; height: 42px; } 
#nav .primary a { font-size: 15px; display: inline-block; line-height: 40px; height: 40px;}
#nav .primary a span { background: url(../images/bullet-nav.png) 100% -14px no-repeat; display: inline-block; width: 15px; height: 10px; }

#nav .submenu-1 { display: none; position: absolute; top: 41px; left: -20px; width: 210px; padding: 10px 0 20px 0; z-index: 10; background: url(../images/nav-level-1.png) bottom left no-repeat; }
#nav .submenu-1 li { padding: 0; position: relative; }
#nav .submenu-1 a { line-height: 1; display: block; font-size: 12px; min-height: 15px; height: auto !important; height: 15px; padding: 7px 20px 5px 20px; }
#nav .submenu-1 a:hover { text-decoration: none; }
#nav .submenu-1 li.active a { background: #004e71; }

#nav .submenu-2 { display: none; position: absolute; top: -5px; left: 210px; width: 210px; background: url(../images/nav-submenu-2-top.png) top left no-repeat; padding-top: 9px; }
#nav .submenu-2 ul { background: url(../images/nav-submenu-2-bottom.png) bottom left no-repeat; padding-bottom: 15px; }
#nav  li.active .submenu-2 a { background: transparent; }
#nav  li.active .submenu-2 a:hover { color: #ffffff; text-decoration: underline; }

#nav .secondary { float: right; line-height: 1; font-size: 12px; margin-top: 16px; }
#nav .secondary li { float: left; padding: 0 10px; border-left: 1px solid #C8F5FF; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.page-home .content { float: left; width: 613px; display: inline; }
.page-side-left .content { float: right; width: 685px; display: inline; margin-right: 40px; }
.page-side-both .content,
.landing-cols .middle-content { float: left; width: 446px; display: inline; margin-left: 40px; }
.columns .right-side { width: 613px; float: right; display: inline; }

.page-download .content,
.page-downloads .content,
.page-video .content,
.page-products .content { float: left; width: 702px; float: left; display: inline; }
.page-products .content,
.page-video .content { width: 682px; margin-left: 20px; }
.main-content { float: right; width: 445px; display: inline; overflow: hidden; }

.btn-center { text-align: center; }
.btn-right { text-align: right; }
.btn-generic-grey { text-decoration: none; background: url(../images/btn-grey-small-right.png) right top no-repeat; padding-right: 16px; display: inline-block; font-size: 12px; font-weight: bold;  color: #3d3d3d;}
.btn-generic-grey span { text-decoration: none; cursor: pointer; background: url(../images/btn-grey-small-left.png) top left no-repeat; padding-left: 16px; line-height: 26px; display: inline-block; color: #3d3d3d; text-shadow: 0 1px 0 #fff; }
.btn-generic-grey:hover { text-decoration: none; }

.btn-generic-blue { text-decoration: none; background: url(../images/btn-blue-right.png) right top no-repeat; padding-right: 22px; display: inline-block; font-size: 12px; font-weight: bold; color: #494949; }
.btn-generic-blue span { text-decoration: none; cursor: pointer; background: url(../images/btn-blue-left.png) top left no-repeat; padding-left: 22px; line-height: 35px; display: inline-block; color: #494949; text-shadow: 0 1px 0 #fff; }
.btn-generic-blue:hover { text-decoration: none; }

.box-generic-simple { margin-bottom: 40px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #e2e2e2; padding: 20px; }
.box-generic-simple h2,
.box-generic-simple h3 { color: #464646; font-size: 14px; padding-bottom: 20px; }

.box-generic-lightblue { margin-bottom: 40px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #e2e2e2; padding: 20px; background: #eff8fa url(../images/bg-box-lightblue.png) bottom left repeat-x; }
.box-generic-lightblue h3 { color: #007499; font-size: 15px; padding-bottom: 5px; }
.box-generic-lightblue p { color: #007499; line-height: 22px; }
.box-generic-lightblue p a { color: #005874 !important; font-weight: bold; }

.box-generic-grey { margin-bottom: 40px; background: #f7f7f7 url(../images/bg-extra-links.png) bottom left repeat-x; border: 1px solid #dcdcdc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px; }
.extra-links li {  margin-bottom: 20px;}
.extra-links li a { font-size: 14px; font-weight: bold; color: #373737 !important; text-shadow: 0 1px 0 #fff; padding-left: 42px; display: inline-block; line-height: 32px; }
.extra-links li.btn-video a { background: url(../images/ico-video.png) 0 50% no-repeat; }
.extra-links li.btn-screen a { background: url(../images/ico-screen.png) 0 50% no-repeat; }
.extra-links li.btn-whitepaper a { background: url(../images/ico-whitepaper.png) 0 50% no-repeat; }
.extra-links li.btn-tips a { background: url(../images/ico-star.png) 0 50% no-repeat; }

#breadcrumbs { background: url(../images/bg-breadcrumbs.png) top left repeat-x !important; }
#breadcrumbs .inner-bread { background: url(../images/bg-breadcrumbs-inner.png) top center no-repeat !important; }
#breadcrumbs li { float: left; line-height: 40px; font-size: 12px; background: url(../images/bullet-bread.png) right center no-repeat; padding-right: 20px; margin-right: 20px;  }
#breadcrumbs li.last { font-weight: bold; background: transparent; text-decoration: none; }
#breadcrumbs li a { color: #112529; text-decoration: underline; }

.txt h1,
h2.page-title { font-size: 24px; color: #6e356e; margin-bottom: 20px; }
h1.center { font-size: 24px; color: #6e356e; margin-bottom: 40px; text-align: center; }
.txt .intro { font-weight: bold; font-size: 14px; color: #000000; line-height: 23px; margin-bottom: 20px; }
.txt h2.border { line-height: 35px; font-size: 18px; color: #000; border-bottom: 1px solid #E2E2E2; margin-bottom: 20px; }

.page-header { margin-bottom: 40px; }
.page-header h1 { margin: 0 20px; }
.page-header .intro { margin: 0 20px; }


/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
.sidebar { float: right; width: 286px; display: inline; }
.aside-left { float: left; width: 215px; display: inline; background: url(../images/bg-sidebar-left.png) top left repeat-y; margin-top: -40px; padding-top: 40px; }
.page-downloads .aside-left,
.page-download .aside-left { margin-top: 0 !important; padding: 0;}
.columns .left-side { width: 286px; float: left; display: inline; }
.aside-right { float: right; width: 215px; display: inline; margin-right: 20px; }
.aside-left .inner { width: 170px; padding-left: 25px; padding-right: 20px; height: 100%; padding-bottom: 200px; background: url(../images/bg-sidebar-left-inner.png) bottom left no-repeat; }
.page-side-both .aside-right,
.landing-cols .aside-right { float: right; width: 217px; margin-right: 20px; }

.home-box h2 { color: #7f2a7f !important; }

.aside-left .left-nav { margin-bottom: 40px; }
.aside-left .left-nav h3 { text-transform: uppercase; color: #474747; font-size: 14px; padding-bottom: 15px; }
.aside-left .left-nav ul { margin-bottom: 15px; }
.aside-left .left-nav ul ul { margin-bottom: 0; }
.aside-left .left-nav li { line-height: 24px;  font-size: 12px; }
.aside-left .left-nav li a { color: #007499; text-decoration: underline; }
.aside-left .left-nav li li { background: url(../images/bullet-arrow.png) 7px 50% no-repeat; padding-left: 20px; }

.aside-left .ad-blog { background: url(../images/ad-blog.png) top left no-repeat; text-shadow: 0 -1px 0 #00779d;  margin: -40px -20px 0 -25px; padding: 50px 20px 0 17px; width: 178px; height: 219px; }
.aside-left .ad-blog h3 { font-size: 14px; color: #ffffff; line-height: 20px; padding-bottom: 10px; }
.aside-left .ad-blog p { color: #ffffff; font-size: 13px; line-height: 130%; margin-right: 15px; padding-bottom: 10px; }
.aside-left .ad-blog .btn-blog { background: url(../images/btn-read-blog.png) top left no-repeat; width: 142px; height: 28px; text-indent: -9999px; margin-top: 5px; display: block; }

.aside-left .box-lefty-ad { background: url(../images/bg-leftbox-blue.png) top left no-repeat; margin: 0 -20px 0 -25px; padding: 20px 20px 0 17px; width: 178px; height: 189px; }
.aside-left .box-lefty-ad p { font-size: 14px; line-height: 21px; color: #fff; }
.aside-left .box-lefty-ad img { float: left; margin: -15px 15px 0 -10px;}

.aside-left .box-lefty-contact { background: url(../images/bg-leftbox-lightblue.png) top left no-repeat; margin: 0 -20px 0 -25px; padding: 20px 20px 0 17px; width: 178px; height: 147px; }
.aside-left .box-lefty-contact p { font-size: 13px; font-weight: bold; color: #007ea1; padding-top: 10px; line-height: 21px; }
.aside-left .box-lefty-contact a { display: block; text-indent: -9999px; background: url(../images/btn-contact.png) top left no-repeat; width: 174px; height: 35px; margin-top: 15px;}

.aside-right .helplinks h3 { line-height: 1; font-size: 14px; color: #474747; text-transform: uppercase;  background: url(../images/ico-help.png) left center no-repeat; padding: 10px 0 10px 60px; margin-bottom: 20px; }
.aside-right .helplinks h4 { line-height: 37px; font-size: 14px; color: #552955; }
.aside-right .helplinks ul li { margin-left: 10px; font-size: 12px; padding: 5px 0;}
.aside-right .helplinks ul li a { color: #007499; text-decoration: underline; }
.aside-right .helplinks ul li a:hover { color: #007499; text-decoration: none; }

.aside-right .box-blue { background: url(../images/bg-right-box.png) top left no-repeat; width: 177px; height: 220px; padding: 20px; margin-bottom: 40px; }
.aside-right .box-blue h3 { color: #fff; font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 10px; background: url(../images/ico-helmet.png) 90% 0 no-repeat; padding-right: 80px; margin-right: -20px;}
.aside-right .box-blue p { color: #fff; font-size: 13px; line-height: 17px; }
.aside-right .box-blue a,
.aside-right .box-blue a:visited { color: #0ff; text-decoration: none; }
.aside-right .box-blue a:hover,
.aside-right .box-blue a:active { color: #b00; text-decoration: underline; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer { clear: both; background: url(../images/border-footer.png) top center no-repeat; padding-top: 30px; } 
#footer ul { margin-bottom: 10px; }
#footer ul li { float: left; margin-right: 30px; }
#footer ul li a { color: #592b59; font-size: 13px; text-decoration: underline; }
#footer ul li a:hover { background: #592b59; color: #ffffff; text-decoration: none; }
#footer p { color: #666666; font-size: 12px; margin-bottom: 40px; }
#footer p a { color: #592b59; text-decoration: underline; }
#footer p a:hover { color: #fff; background: #592b59; text-decoration: none; }


/* 3. PAGES

-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Home page
-----------------------------------------------------------------------------------------------*/
.slogan { margin-bottom: 40px; }
.home-intro p { line-height: 32px; color: #3c3c3c; font-size: 14px; margin-bottom: 32px; }
.home-intro p.first { font-size: 15px !important; }

.blue-boxes { background: #ddf0f6 url(../images/home/bg-bluebox-small.png) bottom left repeat-x; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #c4e6f0; height: 460px; margin-bottom: 40px; } 
.blue-boxes .box-1 { background: #ddf0f6 url(../images/home/bg-bluebox-big.png) top left repeat-x; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-top: 20px; }
.blue-boxes .box-1 .inner { background: url(../images/home/border-bluebox.png) bottom center no-repeat; }
.blue-boxes h2 { color: #007499; font-size: 17px; margin: 0 20px 15px 20px; }
.blue-boxes h3 { color: #271127; font-size: 14px; margin: 0 20px; padding-bottom: 10px;}
.blue-boxes p { margin: 0 20px; line-height: 18px; color: #1a4e63; font-size: 14px; }
.blue-boxes .box-2 { padding-top: 17px; }
.blue-boxes .box-2 p { padding-bottom: 10px;}
.blue-boxes .box-2 .btn-right { text-transform: uppercase;  margin-right: 20px; }
.blue-boxes .box-1 .btn-right { padding-bottom: 10px; padding-top: 5px; margin-right: 20px;}

.box-generic-simple .item { margin-bottom: 40px; }
.box-generic-simple .item p { color: #464646; font-size: 12px; line-height: 18px; padding-bottom: 5px; }

#sitemap { line-height: 20px; background: url(../images/border-shadow.png) top center no-repeat; padding-top: 80px; padding-bottom: 40px; }
#sitemap .container div { float: left; margin-right: 40px; display: inline; width: 286px; }
#sitemap .col-3 { margin: 0 !important; }
#sitemap h4 { font-size: 14px; color: #7f2a7f; }
#sitemap ul { margin-bottom: 15px; }
#sitemap li { font-size: 12px; }
#sitemap li ul { margin-bottom: 0; }
#sitemap li ul li { background: url(../images/bullet-arrow.png) 7px 50% no-repeat; padding-left: 20px; }
#sitemap a { color: #5F8299; text-decoration: underline; }
#sitemap a:hover { text-decoration: none; background: #007499; color: #ffffff; }


/* 3.2 Company pages
-----------------------------------------------------------------------------------------------*/
.page-company .txt .intro { font-weight: normal; font-size: 12px; color: #000000; line-height: 20px; margin-bottom: 20px; }
.page-company .items li { margin-bottom: 30px; }
.page-company .items li h3 { font-size: 14px; color: #6e356e; margin-bottom: 5px; }
.page-company .items li p { line-height: 20px; } 
.page-company .items li strong { color: #6e356e; }
.page-company .press-release h2 { font-size: 16px; line-height: 20px; color: #6e356e; margin-bottom: 10px; }
.page-company .press-release h3 { font-size: 14px; color: #6e356e; margin-top: 20px; margin-bottom: 5px; }
.page-company .press-release p { margin-bottom: 10px; }
.page-company .press-release p.printer-friendly { margin-top: 0; margin-bottom: 20px; }
.page-company .press-release p.printer-friendly:before { content: url(../../images/pdficon_small.gif) " "; }
.page-company .press-release li { margin: 5px 40px; }
.page-company .press-release ul.bullet li { list-style-type: disc; }
.page-company .press-release .image-box { float: left; margin-right: 20px; text-align: center; }
.page-company .contactus h2 { font-size: 16px; line-height: 20px; color: #6e356e; margin-top: 20px; margin-bottom: 10px; }


/* 3.3 Resource pages
-----------------------------------------------------------------------------------------------*/
.page-resources .content h2 { font-size: 16px; line-height: 20px; color: #6e356e; margin-top: 20px; margin-bottom: 10px; }
.page-resources .content h3 { font-style: italic; font-size: 14px; color: #6e356e; margin-top: 20px; margin-bottom: 5px; }
.page-resources .content p { margin-bottom: 10px; margin-top: 10px; }
.page-resources .content p.abstract { font-style: italic; }
.page-resources .content p.indented-block { margin-left: 40px; margin-right: 40px; }
.page-resources .content p.example { font-style: italic; }
.page-resources .content p.printer-friendly { margin-top: 0; margin-bottom: 20px; }
.page-resources .content p.printer-friendly:before { content: url(../../images/pdficon_small.gif) " "; }
.page-resources .content li { margin: 5px 40px; }
.page-resources .content ul li { list-style-type: disc; }
.page-resources .content ul ul li { margin-left: 60px; list-style-type: none; }
.page-resources .content ol li { list-style-type: decimal; }
.page-resources .content ol ol li { list-style-type: lower-alpha; margin-left: 80px; }
.page-resources .content img { margin: 10px 0; }
.page-resources .content div.code { margin-left: 10px; margin-bottom: 10px; }
.page-resources .content div.code p { font-family: "Courier New", monopace; font-size: 12px; line-height: 16px; margin: 0; }
.page-resources .content dl { margin-top: 20px; border-top: 1px solid #E2E2E2; }
.page-resources .content dt { font-size: 14px; color: #6e356e; font-weight: bold; padding-top: 20px; }
.page-resources .content table.nipper { border-spacing: 2px; padding: 2px; }
.page-resources .content table.nipper tr:first-child { font: bold 14px Arial, Helvetica, sans-serif; background-color: #0D3265; color: #FFFFFF; }
.page-resources .content table.nipper tr.stripe { background-color: #7DBDCB; }
.page-resources .content table.nipper td { border: 2px solid #FFF; padding: 2px; text-align: center; }
.page-resources .content table.nipper td:first-child { text-align: left; }
.page-resources #noUpdate { margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #cccccc; text-align: left; width: 210px; height: 200px; padding: 40px; }


/* 3.4 Solar
-----------------------------------------------------------------------------------------------*/
.windows { background: url(../images/border-shadow-2.png) bottom center no-repeat; padding-bottom: 60px; margin-bottom: 40px; }
.windows .window { float: left; width: 395px; }
.windows .window-inner { width: 335px; height: 301px; padding: 30px; background: url(../images/solar/bg-box.png) top left no-repeat; }
.windows .plus { width: 150px; height: 361px; background: url(../images/solar/ico-plus.png) center center no-repeat; text-indent: -9999px; float: left; }
.windows .window-inner img { float: right; margin-right: -10px; margin-top: -50px; margin-left: 10px; }
.windows .window-inner h2 { font-size: 16px; line-height: 24px; text-transform: uppercase; color: #6e356e; margin-bottom: 40px;}
.windows .window-inner li { font-size: 16px; color: #4a4a4a; font-weight: bold; line-height: 39px; margin-bottom: 10px; }
.windows .window-inner li strong { display: inline-block; margin-right: 10px; background: url(../images/bullet-number.png) left center no-repeat; text-align: center; width: 39px; color: #ffffff; }
.windows .window-inner .btn-generic-blue { margin-top: 10px; }
.windows .window-inner .btn-generic-blue span { padding: 0 18px 0 40px; text-transform: uppercase; }
.windows .window .more { text-align: right; padding: 10px 20px 0 0; }
.windows .window .more a { color: #904690; line-height: 20px; font-size: 12px; font-weight: bold; }

.columns { padding-bottom: 60px; }
.columns .left-side .quote blockquote p { font-style: italic; font-family: "Georgia", "Times New Roman", "Times", serif; line-height: 20px; }
.columns .left-side .quote blockquote cite { display: block; color: #848484; text-align: right; font-size: 11px; padding-top: 8px; }
.columns .left-side .contact-box .btn-center { text-transform: uppercase; padding-top: 15px; }
.columns .left-side .contact-box .btn-center span { padding: 0 12px 0 30px;}
.columns .right-side p { line-height: 22px; margin-bottom: 22px; }
.columns .left-side .box-generic-simple li { padding: 5px 0; }
.columns .left-side .box-generic-simple li a { color: #007499; text-decoration: underline; }


/* 3.5 Download
-----------------------------------------------------------------------------------------------*/
.page-downloads .intro,
.page-download .intro { margin-left: 20px; }
.download-section { position: relative; margin-bottom: 60px; width: 445px; }

.download-section .top { background: #D5DADB url(../images/download/bg-form-top.png) top left no-repeat; height: 77px; padding-top: 20px; }
.download-section .middle { background: #D5DADB url(../images/download/bg-form-middle.png) top left no-repeat; height: 432px; overflow: hidden;}
.download-section .bottom { background: #D5DADB url(../images/download/bg-form-bottom.png) top left no-repeat; height: 191px; overflow: hidden;}

.download-section .top img { float: right; position: relative; top: 20px; right: 20px; }
.download-section .top h3 { font-size: 17px; line-height: 24px; color: #474848; text-shadow: 0 1px 0 #fff; padding-top: 4px; }

.download-section h3 {  color: #474848; margin-bottom: 6px;  padding: 0 148px 40px 38px;}
.download-section p.head { font-size: 1.1em; margin-bottom: 22px; text-transform: uppercase; padding-left: 38px; }
.download-section fieldset { padding: 30px 38px 0 38px; }
.download-section fieldset label.error { font-family: Arial; width: auto; display: block; font-size: 11px; font-weight: bold; color: #C00000; position: relative; top: -7px; left: 117px; }
.download-section fieldset.second { padding-bottom: 18px; }
.download-section .legend { color: #fff;  font-weight: bold; margin-bottom: 18px; }
.download-section label { display: block; color: #fff; margin-bottom: 15px; height: 26px; line-height: 26px; }
.download-section label.last { margin-bottom: 0; }
.download-section label input { float: right; width: 260px; padding: 2px 2px; }
.download-section div.select { margin-bottom: 32px; }
.download-section label.select select {  display: block; width: 160px; margin-right: 28px;  }
.download-section label.select { float: left; clear: none; width: 188px;}
.download-section label.last-select { float: left; clear: none; width: 168px;}

.download-section fieldset.radiobox div.first { margin-bottom: 12px; }
.download-section fieldset.radiobox input { width: auto; float: none;}
.download-section fieldset.radiobox p { float: left; padding-right: 20px; height: 26px; vertical-align: middle; line-height: 26px; }
.download-section fieldset.radiobox label { float: left; color: #000; padding-left: 12px; margin-bottom: 0; }
.download-section fieldset.radiobox select { width: 100px;}
.download-section fieldset.last { padding-top: 12px; padding-bottom: 22px; text-align: center;  }
.download-section button { background: url(../images/download/btn-download.png) no-repeat 0 0; color: #000; font-weight: bold; border: 0; width: 196px; height: 43px; line-height: 43px; text-indent: -9999px; }

.select-huge { margin-left: 20px; margin-bottom: 40px; }

.page-downloads .content h1 { text-align: center; }
.page-downloads .content h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #6E356E; margin: 0 20px; text-align: center; }
.page-downloads .content table { margin: 30px auto; }
.page-downloads .content td { font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #fff; vertical-align: bottom; }
.page-downloads .content td:first-child { border-right-width: 60px; font-size: 14px; font-weight: bold; }
.page-downloads .content p { font: normal 12px Arial, Helvetica, sans-serif; margin: 20px 80px; }


/* 3.6 Product page
-----------------------------------------------------------------------------------------------*/
.products-branch { margin-bottom: 40px; }
.products-branch li.item { background: url(../images/products/bg-products-item.png) bottom left repeat-x; padding: 20px;}
.products-branch li.last { background: url(../images/products/bg-products-item-last.png) bottom left repeat-x; }
.products-branch li.item .buttons { padding-top: 15px; padding-bottom: 5px; }
.products-branch li.item p,
.outstanding p { color: #323232; line-height: 19px; font-size: 13px; padding-top: 10px; }
.products-branch li.item h4 { font-size: 15px; line-height: 23px; }
.products-branch li.item h4 a { color: #007499; }

.products-branch .stripe-generic-grey a { color: #3d3d3d; text-shadow: 0 1px 0 #fff; }
.products-branch .stripe-generic-grey { background: url(../images/btn-grey-small-right.png) 900px 0 no-repeat; float: left; font-size: 12px; font-weight: bold; border-right: 1px solid #dedede; }
.products-branch .stripe-generic-grey span { background: url(../images/btn-grey-small-left.png) -16px 0 no-repeat; padding-left: 16px; padding-right: 16px; line-height: 26px; display: inline-block;  }
.products-branch .stripe-generic-grey-first span {  background-position: 0 0; }
.products-branch .stripe-generic-grey-last { background-position: 100% 0; border: 0; padding-right: 16px; }
.products-branch .stripe-generic-grey-last span {  padding-right: 0; }

.outstanding { padding-bottom: 20px; border-bottom: 1px solid #EEE; }
.outstanding h3 { color: #6e356e; font-size: 18px; }
.outstanding h3 small { color: #494949; font-size: 13px; }
.outstanding .button a { text-transform: uppercase; background-image: url(../images/btn-blue-right-dark.png); }
.outstanding .button img { position: relative; top: 4px; left: 10px; }
.outstanding .button span { padding-right: 10px; padding-left: 30px; background-image: url(../images/btn-blue-left-dark.png); }
.outstanding p { margin-bottom: 10px; }


/* 3.7 FirePAC Solutions pages
-----------------------------------------------------------------------------------------------*/
.tabs-nav { background: url(../images/product/bg-tabs.png) bottom left repeat-x; line-height: 33px; margin-bottom: 20px;}
.tabs-nav li { float: left; }
.tabs-nav li a span { cursor: pointer; display: inline-block; color: #8F8F8F; padding: 0 11px; line-height: 34px; font-weight: bold; font-size: 13px; }
.tabs-nav li a:hover { text-decoration: none; }
.tabs-nav li a.current { display: inline-block; margin: 0 5px; padding-right: 11px; background: url(../images/product/nav-tab-right.png) top right no-repeat; font-size: 14px; }
.tabs-nav li a.current span { padding-right: 0 !important; background: url(../images/product/nav-tab-left.png) top left no-repeat; padding-left: 11px; color: #6e356e; font-size: 14px; }

.tabs-content .extra-links { float: left; margin-right: 20px; margin-bottom: 20px; }
.box-generic-grey { margin-bottom: 40px; background: #f7f7f7 url(../images/bg-extra-links.png) bottom left repeat-x; border: 1px solid #dcdcdc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px; }
.tabs-content .extra-links li {  margin-bottom: 10px;}
.tabs-content .extra-links li a { font-size: 13px; }

.tabs-content .intro { font-size: 13px; }
.tabs-content p { line-height: 20px; margin-bottom: 20px; }
.tabs-content em { font-weight: bold; }

.tabs-content ul.bullet-item { padding: 0 10px 10px 20px; }
.tabs-content ul.bullet-item li { list-style: disc outside none; line-height: 20px; margin-left: 20px; }

.tabs-content ol { padding: 0 10px 10px 20px; }
.tabs-content ol li { list-style: decimal outside none; line-height: 20px; margin-left: 20px; }


/* 3.8 Landing Page
-----------------------------------------------------------------------------------------------*/
.featured { position: relative; height: 100%; background: url(../images/border-shadow-2.png) no-repeat 50% 100%; padding-bottom: 20px; }
.featured h1 { font-size: 24px; color: #6e356e; margin-bottom: 20px; }
.featured p { width: 470px; font-size: 14px; line-height: 23px; margin-bottom: 20px; }

.featured .stripe { background: url(../images/landing/bg-stripe.png) top left no-repeat; width: 675px; height: 156px; color: #fff; text-align: center; font-size: 13px; line-height: 20px; position: relative; z-index: 4; margin-left: -10px; }
.featured .stripe li { float: left; width: 175px; padding: 50px 20px 0 20px; font-weight: bold; }
.page-landing { overflow-x: hidden; }
.landing-athena { position: absolute; top: -80px; right: -100px; z-index: 3; }
.landing-screen { position: absolute; right: 0; bottom: 10px; z-index: 2; }
.middle-content .btn-download { background: url(../images/btn-download.png) top left no-repeat; width: 212px; margin-left: -5px; height: 50px; text-align: left; text-indent: -9999px; display: block; }
.middle-content .box-generic-lightblue { width: 204px; float: left; display: inline; margin-bottom: 0; }
.middle-content .two-boxes { padding-bottom: 40px; }
.middle-content .box-generic-lightblue p { padding-bottom: 20px; }
.middle-content .righty { float: right; display: inline; width: 182px; }
.middle-content .extra-links { padding: 15px; }
.middle-content .extra-links li a { font-size: 13px !important; }
.middle-content .righty .social li { padding: 5px 0;}
.middle-content .righty .social a { font-size: 12px; color: #602f60; padding-left: 30px; display: block; line-height: 19px; }
.middle-content .righty .social li.ico-mail a { background: url(../images/ico-mail.png) left center no-repeat; }
.middle-content .righty .social li.ico-com a { background: url(../images/ico-com.png) left center no-repeat; }
.middle-content blockquote p { font-family: "Georgia", "Times New Roman", "Times", serif; font-style: italic; font-size: 14px; color: #000; line-height: 24px; margin-bottom: 10px; }
.middle-content blockquote cite { display: block; text-align: right; font-size: 12px;}
.middle-content blockquote cite strong { display: block; padding-bottom: 8px; }
.middle-content blockquote cite a { color: #551455 !important; }
.middle-content .blockcontent p { font-size: 13px; line-height: 20px; color: #000; margin: 10px 0; }
.middle-content .blockcontent li { font-size: 13px; line-height: 20px; color: #000; margin-left: 30px; list-style: disc outside none; }



/* 3.9 Custom select
-----------------------------------------------------------------------------------------------*/
.select-video label { font-weight: bold; font-size: 14px; margin-bottom: 5px; display: block; }
.select-video select { width: 662px; }


/* 3.10 FirePAC Features
-----------------------------------------------------------------------------------------------*/
.page-features .content table { border-spacing: 2px; border-collapse: separate; }
.page-features .content table td { text-align: left; vertical-align: middle; padding: 5px; color: #000000; background-color: #DCD1DB; font: normal 11px Arial; text-decoration: none; }
.page-features .content table td:first-child { text-align: center; font-weight: bold; }

/* 3.11 Firewall Grader
-----------------------------------------------------------------------------------------------*/
.page-grader .content { margin-left: -50px; padding: 0; background: url(../images/grader_bg.jpg) no-repeat top center; width: 1024px; height: 1019px; }
.page-grader .content img { position: absolute; left: 780px; top: 146px; border: 0; }
.page-grader .content .summary { padding-left: 200px; padding-right: 50px; padding-top: 230px; }
.page-grader .content .summary p { padding-bottom: 10px; text-align: justify; font-family:'trebuchet MS','trebuchet MS', 'Times New Roman', Times, serif; color: #733d73; font-size: 16px; font-weight: bold; }
.page-grader .content .features { padding-left: 430px; padding-right: 80px; padding-top: 75px; }
.page-grader .content .features h3 { font-family: 'trebuchet MS', Arial, Helvetica, sans-serif; color:#733d73; font-size: 16px; font-weight: bold; }
.page-grader .content .features li { font-family: 'trebuchet MS', Arial, Helvetica, sans-serif; color:#733d73; font-size: 12px; font-weight: bold; list-style: url(../images/red_bullet_small.jpg) outside ; margin: 10px 20px; }
.page-grader .content p.nipper { font-family: 'trebuchet MS', 'Times New Roman', Times, serif; color: #733d73; font-size: 18px; font-weight: bold; text-align: center; padding-top: 100px; }

/* 3.12 Request Info
-----------------------------------------------------------------------------------------------*/
.page-requestinfo .content h2 { font-size: 16px; line-height: 20px; color: #6e356e; margin-bottom: 10px; }
.page-requestinfo .content p { font-size: 12px; margin: 10px 0; }
.page-requestinfo fieldset.first { width: 275px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-requestinfo fieldset.second { width: 275px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-requestinfo fieldset.third { width: 275px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-requestinfo .form-section label { display: block; vertical-align: middle; line-height: 30px; }
.page-requestinfo .form-section label.error { color: #c00000; font-size: 11px; font-weight: bold; display: block; position: relative; left: 120px; top: -10px; }
.page-requestinfo .form-section fieldset.first label input { float: right; width: 150px; }
.page-requestinfo .form-section fieldset.second label { display: block; vertical-align: middle; line-height: 20px; padding: 2px; }
.page-requestinfo .form-section fieldset.second label input { float: left; margin-right: 10px; }
.page-requestinfo .form-section fieldset.third label input { float: left; margin-right: 10px; width: 25px; }
.page-requestinfo .form-section p { padding-bottom: 10px; font-weight: bold; }
.page-requestinfo .form-section input.btnsubmit { font-weight: bold; font-size: 14px; }

/* 3.13 Report Zone
-----------------------------------------------------------------------------------------------*/
.page-reportzone .content { width: 700px; background-color: #fff; padding: 20px 60px; margin: 0 auto; }
.page-reportzone .content p { padding: 10px 0; }
.page-reportzone .content table { margin: 10px auto; }
.page-reportzone .content td { text-align: center; }
.page-reportzone .content h2 { margin-top: 40px; margin-bottom: 20px; text-align: center; font: bold 18px Arial, Helvetica, sans-serif; }
.page-reportzone .overview .centered { text-align: center; }
.page-reportzone .overview table td { width: 190px; padding: 10px; background-color: #d0d0d0; vertical-align: middle; }
.page-reportzone .overview table td.middle { background-color: #f0f0f0; }

.page-reportzone .services h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #FF9A00; }
.page-reportzone .services p { text-align: left; padding: 0; }
.page-reportzone .services table tr:first-child { background-color: #002569; }
.page-reportzone .services td { border: 1px solid; padding: 10px; }
.page-reportzone .services table tr.arrows td { background: url(../images/downarrow.gif) center no-repeat; height: 65px; border: none; }

.page-reportzone .deliver h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #FF9A00; margin-bottom: 10px; }
.page-reportzone .deliver td { background-color: #002569; padding: 20px; border: 20px solid #fff; width: 250px; }
.page-reportzone .deliver li { font: normal 14px Arial, Helvetica, sans-serif; color: #fff; list-style: disc outside; text-align: left; margin-left: 20px; }

.page-reportzone .using h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #FF9A00; text-align: center; }
.page-reportzone .using table { margin-bottom: 20px; }
.page-reportzone .using td { background-color: #d2dbe4; padding: 10px; border: 5px solid #fff; text-align: left; }
.page-reportzone .using tr:first-child td { background-color: #002569; vertical-align: middle; }
.page-reportzone .using tr:first-child td:first-child { background-color: #fff; }

.page-reportzone .contact { margin-top: 20px; }
.page-reportzone .contact li { float: left; margin-right: 60px; }
.page-reportzone .contact h1 { text-align: left; font: bold 24px Arial, Helvetica, sans-serif; color: #003366; margin: 20px 0; }
.page-reportzone .contact li p { font: bold 14px Arial, Helvetica, sans-serif; }

/* 3.14 Partner Deal Registration
-----------------------------------------------------------------------------------------------*/
.page-partnerform .content h2 { font-size: 16px; line-height: 20px; color: #6e356e; margin-bottom: 10px; }
.page-partnerform .content p { font-size: 12px; margin: 0; }
.page-partnerform fieldset.first { width: 300px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-partnerform fieldset.second { width: 300px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-partnerform fieldset.third { width: 275px; padding: 10px; margin: 10px; background: #d0d0d0; border: solid 1px; }
.page-partnerform .form-section label { display: block; vertical-align: middle; line-height: 30px; }
.page-partnerform .form-section label.error { color: #c00000; font-size: 11px; font-weight: bold; display: block; position: relative; left: 120px; top: -10px; }
.page-partnerform .form-section fieldset.first label input,select { float: right; width: 150px; }
.page-partnerform .form-section fieldset.second label { display: block; vertical-align: middle; line-height: 20px; padding: 2px; }
.page-partnerform .form-section fieldset.second label input { float: left; margin-right: 10px; }
.page-partnerform .form-section fieldset.third label input { float: left; margin-right: 10px; width: 25px; }
.page-partnerform .form-section p { padding-bottom: 10px; font-weight: bold; }
.page-partnerform .form-section input.btnsubmit { font-weight: bold; font-size: 14px; }

/* 3.15 Change Advisor
-----------------------------------------------------------------------------------------------*/
.change-adv { background:#056693 url(../images/bg_bodyc.jpg) top center repeat-x; }
.change-adv .content { width:930px; float: left; }
.change-adv #footer p { color: #666; }
.caption { float: left; margin: 0; }
.sub_head { background: url(../images/bg_h2.jpg) top center no-repeat; width: 930px; height: 41px; float: left; margin: 25px 0; padding: 0 0 0 13px; }
.change-adv .sub_head h3 { font-size: 16px; color: #fff; float: left; margin-top: 10px; }
.change-adv .sec1 h2 { font-size: 18px; color: #000; font-weight: bold; float: left; margin: 38px 0 0 70px; }
.change-adv .sec1 .point3, .change-adv .sec1 .point2, .change-adv .sec1 .point1 { float: left; margin: 45px 0 0 105px; }
.change-adv .sec1 p { float: left; width: 190px; font-size: 13px; color: #fff; }
.change-adv p { float: left; width: 100%; font-size: 14px; color: #fff; }
.change-adv .sec1 {  background: url(../images/bg_sec1.jpg) top left no-repeat; width: 941px; height: 244px; float: left; margin: 25px 0; }
.change-adv .sec2 {  background: url(../images/bg_sec2a.jpg) top left no-repeat; width: 941px; height: 734px; float: left; margin: 25px 0; padding: 20px 0; }
.change-adv .sec2 p { font-size: 14px; color: #000; clear: both; width: 849px; margin: 10px 50px; }
.change-adv .sec2 ol li { font-size: 14px; color: #000; list-style-type: decimal; margin: 5px 50px 5px 90px; }
/*
.change-adv .sec2 h1 { font-size: 24px; color: #000; font-weight: bold; text-align: center; width: 100%; clear: both; }
.change-adv .users { float: left; margin: 18px 0 0 240px; font-size: 14px; color: #fff; }
.change-adv .output { float: left; margin: 28px 0 0 170px; font-size: 14px; color: #fff; }
.change-adv .output .users_span2 { float: left; margin-left: 40px; }
.change-adv .users_span1 { float: left; margin-left: 10px; }
.change-adv .users_span2 { float: left; margin-left: 70px; }
.change-adv .secondh1 { margin-top: 117px; }
.change-adv .secondh2 { margin-top: 222px; }
.change-adv .sec2 .box3, .change-adv .sec2 .box2, .change-adv .sec2 .box1 { float: left; margin: 45px 0 0 105px; height: 120px; }
.change-adv .sec2 .point1, .change-adv .sec2 .point2 { float: left; margin: 125px 0 0 235px; height: 120px; }
.change-adv .sec2 .point2 { margin-left: 40px; }
.change-adv .sec2 .box2 { margin-left: 35px; }
.change-adv .sec2 .box3 { margin-left: 40px; }
.change-adv .sec2 p { float: left; width: 220px; font-size: 13px; color: #000; font-weight: bold; text-align: center; }
*/
.change-adv .sec3 {  border:1px solid #e2e2e2;width: 900px; height: 215px; float: left; margin: 0 0 20px 0; padding: 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.change-adv .sec3 .helplinks h3{ background: url(../images/ico-help.png) no-repeat scroll left top transparent; color: #474747; font-size: 14px; line-height: 2; padding: 10px 0 10px 60px; text-transform: uppercase; float:left; }
.change-adv .sec3 .helplinks h4{ color: #552955; font-size: 14px; clear:both; margin:25px 0 10px 0; float:left; width:100%; }
.change-adv .sec3 .helplinks li{ font-size: 12px; margin-right: 20px; padding: 5px 0; float:left; }
.change-adv .sec3 .helplinks li a { color: #007499; text-decoration: underline; }
.change-adv .download_btns { float:right; text-align:right; width:100%; margin-bottom:20px; }
.change-adv .download_btns li{ display:inline; margin-left:10px; }