/* framework */
html { overflow:-moz-scrollbars-vertical !important; }
html, body { height:100%; margin:0px; padding:0px; }
#wrapper { width:100%; height:100%; min-height:100%; margin:auto; position:relative; }
html>body #wrapper { height:auto; }

#header { width:100%; height:178px; background-image:url('../images/framework/header-bg-gray.jpg'); background-repeat:repeat-x; background-position:0px 0px; position:relative; }
#header-bar { width:100%; height:43px; position:absolute; bottom:0px; background-image:url('../images/framework/header-bg-green.jpg'); background-repeat:repeat-x; background-position:0px 0px; }
#logo { position:absolute; left:10px; top:58px; }
#navigation { position:absolute; left:10px; top:92px; height:37px; width:770px; }
#header-bar div { width:780px; margin:auto; }
#header-bar span.langselect { float:right; }
#header-bar span.langselect a { text-decoration:none; line-height:43px; color:#565758; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#header-bar span.langselect a:hover { color:#ffffff; }

.container { width:790px; margin:auto; min-height:30px; padding:0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; position:relative; }
* html .container { height:30px; }

#content { width:100%; background-image:url('../images/framework/content-top-shadow.jpg'); background-repeat:repeat-x; background-position:0px 0px; }
#content .container { padding:20px 0px 0px 10px; }
#content .container .leftcol { width:615px; float:left; padding:0px 10px 0px 0px; position:relative; }
#content .container .rightcol { width:150px; float:right; padding:0px 0px 0px 10px; }
* html #content container, * html #content .container .rightcol { padding-left:5px; }
#content .container .fullwidth { clear:both; width:100%; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; }

#clearfooter { width:100%; height:75px; clear:both; }
#footer { width:100%; height:45px; background-color:#42453d; padding:2px 0px 0px 0px; position:absolute; bottom:0px; clear:both; }
* html #footer { /* ie only style*/ 	\height:49px; /*  ie5 */ he\ight:45px; /* ie6 */ }
#footer-inner { width:100%; height:44px; border-top:1px solid #ffffff; }
#footer-inner .container { text-align:center; color:#ffffff; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px; }
#footer-inner .container a { text-decoration:underline; color:#ffffff; } 
#footer-inner .container #rpm { position:absolute; right:10px; top:5px; }

/* nav bar */
.navbar { color:#ffffff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.navbar a, .navbar a:hover { text-decoration:none; color:#ffffff; position:relative; }
div.navon div#appSubnav, div.navoff div#appSubnav { position:absolute; top:40px; z-index:100; width:150px; height:300px; background-color:#ffff00; }
.navdivider { height:42px; width:1px; background-image:url('../images/framework/nav-divider.jpg'); background-repeat:no-repeat; float:left; }
.navleft { height:42px; width:3px; background-image:url('../images/framework/nav-end-left.jpg'); background-repeat:no-repeat; float:left; }
.navright { height:42px; width:10px; background-image:url('../images/framework/nav-end-right.jpg'); background-repeat:no-repeat; float:left; }
.navon { height:22px; background-image:url('../images/framework/nav-bg-on.jpg'); background-repeat:repeat-x;  padding:20px 10px 0px 10px; float:left; }
.navoff { height:22px; background-image:url('../images/framework/nav-bg-off.jpg'); background-repeat:repeat-x; padding:20px 10px 0px 10px; float:left;  }

/* subnav */
#subnav { float:left; width:550px; color:#565758; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:3px; }
#subnav .singlerow { line-height:40px; }
#subnav .dblrow { line-height:18px; }
#subnav .singlerow a, #subnav .dblrow a { text-decoration:none; padding:0px 10px 0px 10px; color:#565758 }
#subnav a:hover, #subnav a.selected { color:#ffffff; }
#subnav select { font-size:12px; line-height:22px; height:22px; padding:2px 2px 2px 2px; border:0px; color:#565758; background:transparent; }

/* secondary right column subnav */
#content .container .rightcol .rcSubnav a { background-image:url("../images/framework/btn-normal.jpg"); background-repeat:no-repeat; width:134px; height:30px; display:block; text-align:left; line-height:30px; text-decoration:none; color:#ffffff; font-size:14px; margin:15px 0px 0px 0px; padding:0px 0px 0px 10px; }
#content .container .rightcol .rcSubnav a:hover { background-image:url("../images/framework/btn-over.jpg"); }

#content .container .rightcol .productSubnav a { background-image:url("../images/framework/btn-normal.jpg"); background-repeat:no-repeat; width:144px; height:30px; display:block; text-align:center; line-height:30px; text-decoration:none; color:#ffffff; font-size:16px; margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; }
#content .container .rightcol .productSubnav a:hover, #content .container .rightcol .productSubnav a.selected { background-image:url("../images/framework/btn-over.jpg"); }

/* standard page items */
.heropic { padding:3px; border:1px solid #d8d8d8; text-align:center; }

/* generic */
.clearall { clear:both; }
.center { text-align:center; }
p { font-size:12px; line-height:18px; text-align:left; color:#000000; margin:10px 0px 0px 0px; }
ul { list-style:square; color:#000000; font-size:12px; line-height:18px; }
h1 { font-size:18px; color:#839837; font-weight:bold; margin:22px 0px 10px 0px; }
h2 { font-size:16px; color:#839837; font-weight:bold; margin:20px 0px 5px 0px; }
h3 { font-size:14px; color:#839837; font-weight:bold; margin:20px 0px 0px 0px; }
a { color:#4f514a; text-decoration:none; }
a:hover { color:#777777; text-decoration:underline; }
.required { color:#ff0000; }

#content .container .rightcol h2 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:24px; text-align:center; background-color:#e6e7e7; margin:5px 0px 0px 0px; padding:0px; border-top:1px #999999 solid; }
#content .container .rightcol p { font-size:11px; line-height:15px; margin:5px 0px 0px 0px; padding:0px; text-align:justify; color:#000000;  }

/* search box */
form.searchform { color:#565758; font-size:11px; }
form.searchform input { margin:2px 0px 2px 0px; }
form.searchform input.field { border:1px solid #859d31; margin:2px 0px 2px 0px; width:100%; }
form.searchform div { text-align:right; }
form.searchform input.frmbtn { height:19px; padding:0px 5px 0px 5px; color:#ffffff; background-image:url("../images/framework/frmbtn-bg.jpg"); 
background-repeat:repeat-x; font-size:9px; font-weight:bold; border:0px; }

/* home */
div.introtext { width:420px; float:left; }
div.introtext p { font-size:14px; line-height:20px;  text-align:justify; }
div.homefeature { width:340px; float:right; }
div.featProject { width:33%; float:left; text-align:right; cursor:pointer; }
div.featProject a img { border:0px; }
div.featProject p { font-size:11px; line-height:14px; text-align:right; padding:0px 3px 0px 5px; margin:2px 0px 0px 0px; }
div#clickBtn { text-align:right; }
div#clickBtn img { border:0px; }

/* international */
div#worldwide { clear:both; margin:10px 0px 20px 0px; width:100%; }
div#worldwide div.countrylist { width:11%; float:left; }
div#worldwide div.countrylist p { margin:0px; padding:0px; }
div#worldwide div.countrylist a { text-decoration:none; color:#000000; }
div#worldwide div.countrylist a:hover { color:#777777; text-decoration:underline; }

/* contact us */
div.addresses p { margin:0px 0px 20px 0px; }

/* products */
div.productLink { float:left; width:100px; clear:right; text-align:right; padding:0px 30px 0px 0px; margin:15px 0px 0px 0px;  cursor:pointer; }
div.productLink p { margin:0px; padding:0px 10px 0x 0px;  text-align:right; }

/* product details */
div.prodDetails { width:69%; float:left; font-size:12px; line-height:16px; padding:10px 0px 0px 0px; }
div.prodBreakdown { width:30%; float:right; text-align:left; }
div.prodDetails a { background-repeat:no-repeat; height:30px; display:block; text-align:center; line-height:30px; text-decoration:none; color:#ffffff; font-size:16px; margin:10px 20px 0px 0px; padding:0px 0px 0px 0px; cursor:pointer; float:left; }
div.prodDetails a.linkPDS, div.prodDetails a.seriesPdsLink {  width:205px; background-image:url("../images/framework/btn-products-PDS.jpg");  }
div.prodDetails a.linkMDS { width:275px; background-image:url("../images/framework/btn-products-MDS.jpg"); }
div.prodDetails p.colourDisclaimer { clear:both; font-size:11px; font-style:italic; text-align:left; padding:10px 0px 0px 0px; }
div.prodDetails ul { list-style:none; margin-left:0px; color:#000000; }
div.prodDetails ul li a { text-decoration:none; color:#000000; }

/* product swatches */
p.swatchInstruct { font-style:italic; font-size:9px; line-height:11px; padding:0px; margin:2px 0px 5px 0px; }
div.swatchthumbs { width:600px; float:left; }
div.swatchthumbs a img { border:0px; }
div.swatchthumbs .thmbImg { width:100px;  float:left; }
div.swatchmain { width:146px; float:right; }

/* product level case histories */
div.productCH { clear:both; margin:20px 0px 0px 0px; text-align:left; }
div.productCH div.featProject { width:120px; text-align:left; margin:5px 0px 0px 0px; }
div.productCH div.featProject p { width:90px; text-align:right; }

/* product series info display */
div#seriesInfo { clear:both; margin:10px 0px 0px 0px; padding:20px 0px 0px 0px; }
div#seriesInfo div.seriesItem { width:50%; float:left; clear:right; margin:0px 0px 30px 0px; position:relative; }
div#seriesInfo div.seriesItem p { margin:0px 0px 30px 0px; clear:both; }

/* product series PDS panel */
div#seriesPDS { color:#ffffff; font-family:Verdana, Geneva, sans-serif; text-align:left; display:none; }
div#seriesPDS div.spdsCorners { width:400px; height:15px; }
div#seriesPDS div.spdsMain { width:340px; min-height:300px; background-color:#666666; padding:10px 30px 10px 30px; position:relative; color:#ffffff; }
* html div#seriesPDS div.spdsMain { height:300px; }
div#seriesPDS div.spdsMain h3 { margin:2px 0px 10px 0px; }
div#seriesPDS div.spdsMain p { color:#ffffff; margin:3px 0px 5px 0px; }
div#seriesPDS div.spdsMain a { color:#ffffff; text-decoration:none; }
div#seriesPDS div.spdsMain a:hover { text-decoration:underline; }

/* careers */
div.jobListing { clear:both; padding:0px 0px 20px 0px; }
div.jobListing h3 { color:#000000; text-decoration:underline;  margin:10px 0px 0px 0px; padding:0px; }
div.jobListing p.jobRegion { margin:5px 0px 0px 0px; padding:0px; font-size:14px; font-weight:bold; font-style:italic; }
div.jobListing ul { margin:0px; padding:0px 0px 0px 15px; }
div.jobListing a.resumeLink { background-image:url("../images/careersApp/jobAppLinkBtn.jpg"); background-repeat:no-repeat; width:218px; height:30px; display:block; text-align:center; line-height:30px; text-decoration:none; color:#ffffff; font-size:16px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; cursor:pointer; }

/* career application panel */
div#careersApp { color:#ffffff; font-family:Verdana, Geneva, sans-serif; text-align:left; display:none; }
div#careersApp div.appCorners { width:675px; height:15px; }
div#careersApp div.appMain { width:615px; min-height:400px; background-color:#666666; padding:10px 30px 10px 30px; position:relative; color:#ffffff; }
* html div#careersApp div.appMain { height:400px; }
div#careersApp div.appMain p { color:#ffffff; }
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container a.modalCloseImg { background:url(../images/careersApp/appCloseBtn.gif) no-repeat; width:25px; height:29px; display:inline;	z-index:3200; position:absolute;	top:10px; right:5px; cursor:pointer; }

/* forms */
.frow { clear:both; padding-top:10px; min-height:22px; width:100%; }
.frow span.label { width:24%; float:left; text-align:left; padding-right:1%; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.frow span.field { width:75%; float:left; color:#000000; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.frow span.field input { border:1px solid #a9a9a9; width:100%; }
.frow span.field select { border:1px solid #a9a9a9; }
.frow span.field textarea { border:1px solid #a9a9a9; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; }
.frow div.button { text-align:right; }
/* error block */
#statusbox { width:80%; margin:10px auto 10px auto; text-align:left;}
#statusbox p.error { font-weight:bold; color:#ff0000; }
#statusbox p { font-weight:bold; color:#000000; }
#statusbox ul.errorlist li { color:#ff0000; font-weight:bold; list-style:square; }
#statusbox ul.statuslist li { color:#ff0000; font-weight:bold; list-style:none; }

/* stonhard applications */
div.applist { clear:both; margin:0px; }
div.applist .appBtn { width:20%; text-align:center; float:left; margin:5px 0px 0px 0px; }
div.applist .appBtn a { background-image:url("../images/framework/btn-normal.jpg"); background-repeat:no-repeat; width:144px; height:30px; display:block; text-align:center; line-height:30px; text-decoration:none; color:#ffffff; font-size:14px; }
div.applist .appBtn a:hover { background-image:url("../images/framework/btn-over.jpg"); }
ul.appuses { margin:0px; padding:0px 0px 0px 15px; }
div.imgRotate { height:270px; }

/* application level case histories */
div.productCH { clear:both; margin:20px 0px 0px 0px; text-align:left; }
div.productCH div.featProjectApp { text-align:left; margin:5px 0px 0px 0px; position:relative; }
div.productCH div.featProjectApp img { border:0px; float:left; }
div.productCH div.featProjectApp span { position:absolute; bottom:0px; margin:0px 0px 10px 10px; font-size:16px; line-height:20px; }

/* architects tabbed pages */
div#tabbed { min-height:600px; }
* html div#tabbed { height:600px; }
div#tabs-1 a, div#tabs-2 a, div#tabs-3 a, div#tabs-4 a, div#tabs-5 a { line-height:20px; }
div.datasheet { margin:0px 0px 10px 30px; padding:0px 0px 0px 20px; background-image:url("../images/framework/mdsMoreArrow-off.gif"); background-position:top left; background-repeat:no-repeat; }
div.datasheet-on { background-image:url("../images/framework/mdsMoreArrow-on.gif"); }