html {font-size:62.5%;font-family:Verdana,Arial,Helvetica,Sans-Serif;}
body {margin:0;padding:0;text-align:center;background-color:#6aacc8;color:#3b5171;font-size:1.1em;}

a img {border:0;}

.wrapperTop {background:#b0e2f7 url(/Common/Images/background.gif) 0 0 repeat-x;}
.wrapperBase {background:url(/Common/Images/backgroundBase.gif) 0 100% repeat-x;}

.page {background:url(/Common/Images/horizon.png) 50% 100% no-repeat;}

#internal {width:934px;margin:0 auto;text-align:left;position:relative;padding-bottom:126px;background:url(/Common/Images/homeBorder.png) 50% 0 repeat-y;min-height:437px;}
#content {position:relative;width:934px;padding-top:120px;}

/* Footer styles */
#footer {width:934px;margin:0 auto 15px auto;background:url(/Common/Images/footerBorder.png) 0 0 no-repeat;padding-top:15px;clear:both;}
#footer ul {margin:0 40px;padding:0;text-align:right;}
    #footer li {display:inline;padding:0;margin:0;}
    #copyright {float:left;}
    #privacy {border-left:1px solid #fff;margin-left:10px !important;padding-left:10px !important;}
    #footer a {color:#fff;text-decoration:none;}
    #footer a:hover {text-decoration:underline;}

h1 {float:left;margin:17px 0 0 35px;padding:0;text-indent:-9999em;z-index:2;position:absolute;}
h1 a {background:url(/Common/Images/biowareLogo.png) 0 0 no-repeat;width:165px;height:98px;display:block;overflow:hidden;}
h1 a:hover {-moz-opacity:.80;opacity:.80;}

h2, h3, h4 {color:#3b5171;}
h3 {font-size:1.2em;margin-top:2em;}
h2 span {color:#00a1e4;font-size:0.8em;}
h2 {font-size:1.8em;}
h4 {font-size:1.1em;margin:0.5em 0 0 0;}

/* Menu styles - see also ie6.css */
#nav {list-style:none;margin:0;padding:0;position:absolute;left:200px;z-index:2;font-size:1em;}
#nav ul {list-style:none;position:absolute;top:130px;left:-9999em;background:#cae57f;margin:0;padding:0;border-bottom:8px solid #a6ce39;}
#nav li a.tl {position:absolute;top:0;text-indent:-9999em;height:130px;background-image:url(/Common/Images/navigation.gif);background-repeat:no-repeat;padding:0;overflow:hidden;}
#nav li a {padding:8px 17px;margin:0;display:block;color:#358531;text-decoration:none;}
#nav ul li {margin:0;padding:0;border-bottom:1px dotted #fff;}
#nav a:hover {color:#244f22;background-color:#a6ce39;}

#NavEnvironment a.tl {background-position:-26px 0;width:120px;left:26px;}
#NavEnvironment:hover a {background-position:-5px -130px;width:170px;left:5px;}
#NavEnvironment:hover ul {left:5px;width:170px;}
#NavEnvironment ul a {width:136px !important;}

#NavHelping a.tl {background-position:-185px 0;width:58px;left:185px;}
#NavHelping:hover a {background-position:-150px -130px;width:130px;left:150px;}
#NavHelping:hover ul {left:150px;width:130px;}
#NavHelping ul a {width:96px !important;}

#NavDifference a.tl {background-position:-286px 0;width:111px;left:286px;}
#NavDifference:hover a {background-position:-259px -130px;width:165px;left:259px;}
#NavDifference:hover ul {left:259px;width:165px;}
#NavDifference ul a {width:131px !important;}

#NavMore a.tl {background-position:-439px 0;width:70px;left:439px;}
#NavMore:hover a {background-position:-410px -130px;width:128px;left:410px;}
#NavMore:hover ul {left:410px;width:128px;}
#NavMore ul a {width:94px !important;}

#NavBuster a.tl {background-position:-546px 0;width:48px;left:546px;}
#NavBuster a:hover {background-position:-720px -130px;width:105px;left:520px;background-color:transparent;}

#NavRegister a.tl {background-position:-634px 0;width:57px;left:634px;}
#NavRegister a:hover {background-position:-810px -130px;width:100px;left:610px;background-color:transparent;}


#homeCube {clear:both;list-style:none;margin:0;padding:0;padding-top:52px;padding-bottom:211px;}
#homeCube li {float:left;margin:0;padding:0;margin-right:10px;height:178px;width:178px;}
    li#MakeDifference {background:url(/Common/Images/MakeDifference.jpg) 0 0 no-repeat;}
        li#MakeDifference a {background:url(/Common/Images/MakeDifference.png) 0 100% no-repeat;}
    li#Environment {background:url(/Common/Images/Environment.jpg) 0 0 no-repeat;}
        li#Environment a {background:url(/Common/Images/Environment.png) 0 100% no-repeat;}
    li#JoinCause {background:url(/Common/Images/JoinCause.jpg) 0 0 no-repeat;margin-right:0;}
        li#JoinCause a {background:url(/Common/Images/JoinCause.png) 0 100% no-repeat;}
    li#FindMore {background:url(/Common/Images/FindMore.jpg) 0 0 no-repeat;}
        li#FindMore a {background:url(/Common/Images/FindMore.png) 0 100% no-repeat;}
    li#WeHelp {background:url(/Common/Images/WeHelp.jpg) 0 0 no-repeat;}
        li#WeHelp a {background:url(/Common/Images/HowHelping.png) 0 100% no-repeat;}
    
    #homeCube a {width:178px;height:178px;display:block;text-indent:-9999em;background-position:0 100%;position:relative;}
    #homeCube li:hover {opacity:.80;}

/* Image quote styles */
.baseQuote {clear:both;text-align:center;margin:2em auto 0;}
.inlineQuote {text-align:center;margin:2em auto;}

#leftcolumn {clear:both;width:573px;margin:50px 0 0 0;padding:0 14px 40px 100px;background:url(/Common/Images/divColumn.png) 100% 100% repeat-y;min-height:200px;}
#rightcolumn {width:230px;margin:0;padding-top:50px;}
#leftcolumn, #rightcolumn {float:left;position:relative;}

#leftcolumn a, #rightcolumn a {color:#00a1e4;text-decoration:none;}
#leftcolumn a:hover, #rightcolumn a:hover {text-decoration:underline;color:#3b5171;}
#leftcolumn a.download {background:url(/Common/Images/arrowDown.gif) 0 50% no-repeat;padding-left:12px;text-decoration:none;}
#leftcolumn a strong {text-decoration:underline;}
#leftcolumn a.further {text-decoration:none;}
#leftcolumn a.further img {padding:0 4px 0.1em 2px;vertical-align:bottom;}

#leftcolumn .tableTip {clear:both;padding-bottom:15px;background:url(/Common/Images/tableBackground.png) 0 0 no-repeat;width:526px;height:228px;}
#leftcolumn .tableTallTip {clear:both;padding-bottom:15px;background:url(/Common/Images/tableLargeBackground.png) 0 0 no-repeat;width:526px;height:350px;}
#leftcolumn .tableTip h2, #leftcolumn .tableTallTip h2 {background:#b0e2f7;padding:0;margin:0;padding-bottom:1em;}
#leftcolumn table {border:0;border-collapse:collapse;width:526px;}
#leftcolumn tr.head {text-align:center;color:#00a1e4;}
#leftcolumn tr.head th {padding:11px 0;}
#leftcolumn td {padding:10px 20px 0 20px;vertical-align:top;}
#leftcolumn td.tip {width:160px;}
#leftcolumn td.action {font-weight:bold;}

#rightcolumn h2 {font-size:1.6em;color:#166112;margin-left:10px;font-weight:normal;}
#rightcolumn h2.heading {color:#00a1e4;}
#leftcolumn h2.heading {font-size:1.8em;}
#rightcolumn.leaves {background:url(/Common/Images/leaves.png) 50% 0 no-repeat;margin-top:55px;padding-top:90px;}

#rightcolumn p {margin:auto 20px;}
#rightcolumn .deco {margin:15px 0 0 5px;}

.links {list-style:none;margin:0;padding:0;}
.links li {margin:0 5px 0 10px;padding:0;background:url(/Common/Images/arrowRightGrey.png) 0 0.35em no-repeat;padding-left:16px;}
#internal .links a {color:#666;}
#internal .links a:hover {color:#00a1e4 !important;}

div.inlineBox {margin:2em 0;}
div.inlineBox img.deco {float:left;margin:0 25px 2em -20px;}

/* Register form items */
.formName, .formSmall, .formEmail {padding-top:0.3em;padding-bottom:0;margin-top:3px;height:1.6em;vertical-align:bottom;}
.formName {width:214px;}
.formSmall {width:38px;margin-right:5px;}
.formEmail {width:279px;}
.emailopt {vertical-align:middle;}
#contactForm .emailopt input {padding-top:30px;margin:0.25em 0.75em 0 0;}
#contactForm .emailopt label {vertical-align:text-top;}
#friendForm, #contactForm {width:450px;}
#contactForm p {margin:0 0 1.25em 0;}
#contactForm input, #friendForm input, #friendForm textarea {font-size:1em;color:#3b5171;font-family:Verdana,Arial,Helvetica,Sans-Serif;}
#friendForm textarea {width:100%;margin:1em 0;}
#friendForm {}
.formLeftAlign {float:left;}
.formRightAlign {float:right;}

.clear {clear:both;}
.alignright {float:right;margin:0.5em 0.5em 0.5em 2em;}
.alignleft {float:left;margin:0.5em 2em 0.5em 0;}
.aligncenter {text-align:center;}
.source {font-size:0.85em;font-weight:bold;}

/* Jargon Buster */
#alphaMenu {text-align:left;width:500px;margin:0 20px 0 -20px;padding:0;background:url(/Common/Images/alphaHorizontal.png) 50% 50% no-repeat;}
#alphaMenuInner {text-align:center;}
#alphaMenu a {color:#3b5171;font-size:2em;margin:0 0 0 15px;padding:0;}
#alphaMenu a:hover {color:#00a1e4;text-decoration:none;}
.jargon {width:500px;margin-top:36px;}
.jargon dl, .jargon dd, .jargon dt {margin:0;padding:0;text-indent:0;}
.jargon dl {margin:0 0 0 40px;}
.jargon dt {color:#3b5171;font-weight:bold;width:70px;float:left;clear:left;text-transform:capitalize;}
.jargon dd {padding-left:100px;padding-bottom:2.5em;}
.jargon ol {padding:0;margin:0 0 0 2em;}
.jargon h3 {color:#00a1e4;text-indent:-9999em;margin:0 0 20px 0;padding:0;display:block;background-repeat:no-repeat;background-position:100% 0;width:444px;height:37px;}

/* Products */
.products img {float:left;padding-bottom:17px;clear:both;}
.productDetail {float:right;width:243px;background:url(/Common/Images/inlinePanel.png) 0 0 no-repeat;height:166px;overflow:auto;padding-bottom:17px;}
.productDetail h3 {margin:11px 12px 0 12px;}
.productDetail p {margin:3px 12px 0 12px;}
.productDetail p.link {margin-top:10px;}
#leftcolumn p.link a {background:url(/Common/Images/arrowRight.png) 0 50% no-repeat;padding-left:12px;font-weight:bold;text-decoration:underline;}

.degrade {list-style:none;margin:0;padding:0;text-align:center;font-weight:bold;text-transform:uppercase;}
.degrade li {float:left;margin:0.5em;}

dl.qa dt {font-weight:bold;margin:0;padding:0;}
dl.qa dd {margin:0.5em 0 2em 0;padding:0;}

.base {margin-bottom:5em;}

.thankyou {color:#393;border:1px solid #a6ce39;background:#d1e892;}
.error {color:#f33;border:1px solid #f88;background:#facccc;}
.thankyou, .error {padding:1em 2em;margin:1.5em 0;display:block;width:400px;}

.ref {font-size:0.85em;}