/* CSS Document */

/* LAYOUT */

body {	padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #FFFFFF; }

#site { width: 100%; background: url(/porvair/templates_porvair/assets/gfx/bg.jpg) 0 0 repeat-x;  }
#container { width: 1000px; background: url(/porvair/templates_porvair/assets/gfx/bg.jpg) 0 0 repeat-x;  }

#header { padding-left: 55px; height:88px; }
#header-left { float: left; padding-top: 20px; width: 200px; }
#header-right { float: left; width: 555px; padding-right: 20px; padding-left: 145px; padding-top: 30px; }

#sitesearch { height: 30px; text-align: right; font-size: 1.1em; }
.search { display: inline; }
.search input { border: 1px solid #CBCBCB; height:13px; color:#686868; }
.search input.go { height: 15px; }
#sitesearch .search input { font-size: 100%; }
#sitesearch a { color:#686868; text-transform: uppercase; }
#sitesearch ul { list-style-type: none; margin:0; padding:0; display:inline; margin-right: 5px;}
#sitesearch li { font-size:100%; display:inline;  }
#sitesearch a:hover { text-decoration: underline; }

#nav1 { text-transform: uppercase; }
#nav1 ul { list-style-type: none; margin:0; padding:0;}
#nav1 li { display: inline;  font-weight: bold; background: url(/porvair/templates_porvair/assets/gfx/nav_bullet.gif) 100% 2px no-repeat; padding-right: 15px; margin-right: 5px; margin-left:0;}
#nav1 li.last { background: none; padding-right:0; }
#nav1 a { color: #000000; text-decoration: none; }
#nav1 a:hover { color: #009CBF; }
#nav1 li.selected, #nav1 li.selected a { color: #009CBF; }

#breadcrumbs { clear: both; background: url(/porvair/templates_porvair/assets/gfx/bg_breadcrumbs.gif) 0 0 no-repeat; padding-left: 400px; height: 17px; margin-bottom: 1px; background-color:#000000; color: #FFFFFF; }
#breadcrumbs a { color: #FFFFFF; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

#bannerbar { background: url(/porvair/templates_porvair/assets/gfx/bg_banner.jpg) 0 0 repeat-x; height: 208px; margin-bottom: 1px; padding-left: 8px; }
#banner { float:left;  width:692px; height: 208px; }
#banner .generic { float:left; width:692px; height: 208px; }
#banner .generic .banner_text { float:left; padding-left: 30px; padding-top: 150px; color:#FFFFFF; font-size: 2.8em; font-weight: lighter; }
#banner .generic .banner_text .banner_firstword { font-weight: bold; }
#feature { float:left; width: 240px; padding-left: 40px; padding-right: 20px; padding-top: 25px; }
#feature h2, #feature p { margin-bottom:0; }

#content { clear:both; float:left; padding-left: 8px;}
.home_bg { background: url(/porvair/templates_porvair/assets/gfx/bg_home.gif) 0 0 repeat-y;  }
.landing_bg { background: url(/porvair/templates_porvair/assets/gfx/bg_follow.gif) 0 0 repeat-y;  }
.subpage_bg { background: url(/porvair/templates_porvair/assets/gfx/bg_subpage.gif) 0 0 repeat-y;  }

#home_main { position: relative; display: block; float:left; width: 393px; z-index: 3;}
#home_news { position: relative; display: block; float:left; width:300px; z-index: 2;  }

#subnav { position: relative; display: block; float:left; width: 163px; z-index: 4;}
#subnav ul { margin:0; padding:0; list-style-type: none; list-style-image: none; }
#subnav li { padding-bottom: 1.0em;  font-weight:bold; margin-left: 0; }
#subnav ul ul { list-style-image: url(/porvair/templates_porvair/assets/gfx/arrow.gif); margin-left: 1.5em; }
#subnav ul ul ul { list-style-image: none; margin-left:1.0em; }
#subnav li li { padding-top: 0.5em; padding-bottom: 0; }
#subnav li.selected, #subnav li.selected a { color: #009CBF; }
#subnav a, #subnav li.selected li,  #subnav li.selected li a { color: #000000; }
#subnav a:hover { text-decoration: none; color: #009CBF; } 
#subnav li li a:hover { color: #009CBF; } 

#landing_main { position: relative; display: block; float:left; width: 327px; z-index: 3;}
#landing_news { position: relative; display: block; float:left; width: 203px; z-index: 2;}

#sub_main { position: relative; display: block; float:left; width: 530px; z-index: 3;}

#links { position: relative; display: block; float:left; width:299px; z-index: 1;}

.heading { position: relative; height: 69px; background-color: #FFFFFF; overflow: visible;}
.heading h1, .heading h2 { margin:0; font-size: 1.8em; color: #FFFFFF; }
.heading_blue { height: 28px; padding-top: 17px; background-color:#009CBF;  }
.heading_green { height: 28px; padding-top: 17px; background-color:#62BC46; }
.home_col_padding { padding-left:50px; padding-right:30px;  }
.col_padding { padding-left:30px; padding-right:30px;  }

.break_blue { position: absolute; right:-14px; top:0; height:54px; width:29px; background: #FFFFFF url(/porvair/templates_porvair/assets/gfx/heading_break_blue.gif) 0 0 no-repeat; overflow: visible; z-index: 5;}
.break_blue_green { position: absolute; right:-14px; top:0; height:54px; width:29px; background: #FFFFFF url(/porvair/templates_porvair/assets/gfx/heading_break_blue_green.gif) 0 0 no-repeat; z-index: 5;}
#g3d_link { float:left; width: 390px; margin-left:10px; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #CCCCCC; padding-top: 5px; text-align: left; font-size: 1.0em; color:#686868;}
#g3d_link a{ color:#686868; text-decoration:none; }
#g3d_link a:hover{ color:#686868; text-decoration:underline; }
#footer { float:right; width: 600px; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #CCCCCC; padding-top: 5px; text-align: right; font-size: 1.1em; color:#686868;}
#footer a{ color:#686868; }
#footer ul { list-style-type: none; margin:0; padding:0; display:inline; margin-right: 5px;}
#footer li { font-size:100%; display:inline; border-right: 1px solid #686868; padding-right: 5px; padding-left: 5px; margin-left:0; }

/* GENERAL STYLES */

p, li, td, th, input, select, textarea { font-size: 1.1em; color: #686868;  font-family: Arial, Helvetica, sans-serif; }
legend { font-size: 1.1em; color: #009CBF; font-weight:bold; }
ul { list-style-image: url(/porvair/templates_porvair/assets/gfx/arrow.gif); margin-left: 0; padding-left: 0; margin-top:0.5em; }
ul ul { list-style-image: url(/porvair/templates_porvair/assets/gfx/dash.gif); margin-top:0; }
ul.ulspaced  { padding-top:1.0em; }
ul.ulspaced li { padding-bottom:1.0em; }
ul.ulspaced li:last-child { padding-bottom: 0; }
li { margin-left: 2.0em; }
li.circle { list-style-image: url(/porvair/templates_porvair/assets/gfx/circle_bullet.gif); list-style-type:none; padding-bottom: 1.0em; }
li li, td p, td input, td textarea, p label, #shareprice th, #shareprice select, #shareprice input, td td, td select, td li, td h3 { font-size: 100%; }
td p { margin-top: 0; }
input, select, textarea { border: 1px solid #CBCBCB; color:#686868; }

p { margin-top: 3px; }
p.leader, h2, h3 { color: #009CBF; font-size: 1.8em; font-weight:bold; }
h2 { margin-top: 0; }
.date {  color: #009CBF; font-weight:bold; }
.shareprice { color:#000000; font-size: 180%; margin-top:0; padding-top:0;}
.shareprice2 { font-size: 150%; }
h3 { margin-top: 3px; margin-bottom: 0; padding-bottom: 0;}
td h3 { font-size:1.6em}
h4 { font-size: 1.1em; color: #000000; margin-bottom:0; }
p.viewmore { text-align: right; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) 100% 3px no-repeat; }
p.viewmore a { color: #686868; text-decoration: none; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) 100% 3px no-repeat; padding-right: 12px; }
p.viewmore a:hover { text-decoration: underline; }

p.viewmore2 { text-align: right; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) 100% 2px no-repeat; }
p.viewmore2 a { color: #686868; font-weight:bold; text-decoration: none; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) 100% 2px no-repeat; padding-right: 12px; }
p.viewmore2 a:hover { text-decoration: underline; }

p.viewmore3 { text-align: left; padding-left:12px; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) 0% 3px no-repeat; }
p.viewmore3 a { color: #686868; font-weight:bold; text-decoration: none; background: url(/porvair/templates_porvair/assets/gfx/arrow_trans.gif) -12px 3px no-repeat; }
p.viewmore3 a:hover { text-decoration: underline; }

li a { text-decoration: none; color: #686868; }
a { text-decoration: underline; color: #009CBF; }
a:hover { text-decoration: underline; }

hr { height: 1px; color: #CBCBCB; background-color: #CBCBCB; border:0; }

.submit, .inputButton { background-color: #62BC46; color: #FFFFFF; border:1px solid #62BC46; }
.blue_bold { color: #009CBF; font-weight:bold; }
.blue { color: #009CBF; }
.grey { color: #686868; }
.normalweight { font-weight: normal; }
.lightweight { font-weight: lighter; }

/* COLUMN LAYOUT STYLES */
.col_layout { width: 100%; }

.col2_left { float: left; width: 70%; }
.col2_right { float:left; width: 29%; }

.col2_left2 { float: left; width: 14%; }
.col2_right2 { float:left; width: 85%; }

.col2form_left { float: left; width: 25%; }
.col2form_right { float:left; width: 74%; }

.col3_left { float: left; width: 30%; }
.col3_mid { float: left; width: 39%; }
.col3_right { float:left; width: 30%; }

.leftfloat { float: left; }
.rightfloat { float: right; }
.clear { clear: both; height: 2px; }

/* TEMPLATE STYLES */
.adobe { margin-top: 20px; }
.adobe_button {  float:left; width:30%; }
.adobe p { float:left; width: 70%; }
.back { margin-top: 20px; }

/* Drop Shadow Styles */

.img-shadow {
  float:left;
  background: url(/porvair/templates_porvair/assets/gfx/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/porvair/templates_porvair/assets/gfx/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

/* MODULE STYLES */

/* board of directors */
.directors { float: left; width: 200px; padding-right: 20px; padding-bottom: 20px; }

/* timeline */
#history { width: 99%; background: url(/porvair/templates_porvair/assets/gfx/history_line.gif) 50% 0% repeat-y; }
#history h2 { font-size:1.1em; color:#62BC46; }
#history .left { width: 48%; padding-right: 4%; margin-right: 48%; text-align: right; background: url(/porvair/templates_porvair/assets/gfx/history_marker.gif) 98% 0% no-repeat;  }
#history .right { width: 48%; margin-left: 48%; padding-left:4%; text-align: left; background: url(/porvair/templates_porvair/assets/gfx/history_marker.gif) 2% 0% no-repeat; }
#history .left p, #history .right p , #history .left h2, #history .right h2 { margin-top:0; margin-bottom:5px; }

/* press/financial reports */
.archive { display: inline; }
ul.archive { list-style-type: none; margin-left: 0; padding-left: 1.0em; }
ul.archive li { display: inline; border-right: 1px solid #CCCCCC; padding-left: 0.5em; padding-right: 0.5em; font-weight: bold;  margin-left: 0; color: #009CBF; }
ul.archive li.last { border-right: 0; }
ul.archive li a { font-weight: normal; color: #686868; }
ul.archive li a:hover { color: #009CBF; text-decoration: none; }
.news .date { color: #009CBF; }
.news { margin-bottom: 30px; margin-top: 20px; }
.news li { margin-bottom: 1.1em; line-height: 1.5em; }
table.news { width: 100%; padding:0;}
.news th { text-align: left; border-bottom: 1px dotted #CBCBCB; padding:0.2em; }
.news td { vertical-align: top; border-bottom: 1px dotted #CBCBCB;  padding:0.2em; }
.news td.date { padding-top: 0.5em; line-height: 1.7em; }
.news a { color: #686868; text-decoration: none; }
.news a:hover { text-decoration: underline; }

/* events calendar */
table.events { width: 100%; padding:0;}
.events th { text-align: left; border-bottom: 1px solid #CBCBCB; padding:0.2em; }
.events td { vertical-align: middle; border-bottom: 1px solid #CBCBCB;  padding:0.2em; }

.events td.date { color:#009CBF; }
.events td p { margin-bottom:0; }
.events a { color: #686868; text-decoration: none; }
.events a:hover { text-decoration: underline; }
.events .reminder { text-align: right; }
.rightalign { text-align: right; margin-top: 10px; }
.col2_form { width: 99%; }
.col2_form label { font-size: 1.1em; color: #686868; }
.col2_form .c2left { float: left; width: 60%; }
.col2_form .c2right { float:left; width: 39%; }

/* shareprice */
#details {  border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width:99%; }
#shareprice { color: #686868; }
#shareprice h2, #shareprice h3 { font-size: 1.1em; }

/* shareprice and dividend calculator */
#calc { width: 100%; }
#calvalues { margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; background-color: #FFFFFF; }
#resultbox { margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; }
.result {   }

/* faqs */
.question { font-weight: bold; }

/* search */
.searchPrev { text-align: left; font-size:1.1em; }
.searchPageNos { text-align:center; font-size:1.1em; }
.searchNext { text-align: right; font-size:1.1em; }

/* kpis */
table.kpi td, table.kpi th { border-bottom: 1px solid #CBCBCB; padding: 2px; }
table.kpi td strong { color: #009CBF; }

/* investor pack */
.investorpack { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; }