/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }


/* INFORMATION
======================================================================
COLORS
	orange 		= #F58026
	burgundy	= #731717
	text gray	= #484848
	
*/

/* FOUNDATION
======================================================================*/
body {
	color: #767676; /*#484848;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}

h1 {
  color: #731717;
  font-weight: normal;
  
/* Our version
	font-size: 20px;
	padding-bottom: 17px;

  Jen James version */
  font-size: 22px;
  padding-bottom: 10px;
}

h2 {
  color: #731717; 
  /*font-size: 14px;*/
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 4px;
}

h2.contentTitle{
	font-size:18px;
	font-weight:normal;
	margin:15px 0px 5px 0px;
}

h3 {
	color: #550D0D;
	/*font-size: 13px;*/
  font-size: 13px;
  font-weight:normal;
  padding-bottom: 2px;
}

p {font-size:12px; padding-bottom: 15px;}
a {color: #F58026; text-decoration: none;outline:none;}

div.clearSm {clear: both; font-size:1px; line-height: 1px; height: 1px; margin: 0px; padding: 0px;}

.siteContainer {
	margin: 0px auto;
	text-align: left;
	width: 891px;
}
.floatR {float: right; margin: 0px 0px 10px 10px;}

/* HEADER
======================================================================*/
.header {height: 100px; position: relative;}
.header .logo {float: left;}

.languages {float: right; position: absolute; right: 0px; top:25px;}
.languages li {float: left; list-style-type: none;}
.languages li.divider {border-right: 1px solid #acacac; height: 11px; line-height: 11px; margin: 3px 5px 0px 5px; padding-top: 0px;}
.languages li.globe {margin: -5px 5px 0px 0px;}
.languages li a:hover {text-decoration: underline;}

/* NAVIGATION
======================================================================*/
/* JUMP NAVIGATION
==============================*/
.jumpNav ul {list-style-type: none; float: right; margin: 72px 0px 0px 0px;}
.jumpNav li {color: #898989;float: left;}
.jumpNav li a {padding: 0px 6px;}
.jumpNav li a.last {padding: 0px 0px 0px 6px;}
.jumpNav li a:hover {text-decoration: underline;}


/* MAIN NAVIGATION
==============================*/
#nav {background: #F58026; position:relative;}
ul#navmenu-h {
	background: url(../../images/template/ph_nav_corner.gif) #F58026 no-repeat top left; 
	border-bottom: 2px solid #FFF;
	height: 24px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 45px;
}

ul#navmenu-h li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#navmenu-h ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 24px; left: 0px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

ul#navmenu-h ul li {
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	width: 200px;
}

/* Root Menu */
ul#navmenu-h a {
	border-left: 1px solid #F58026;
	border-right: 1px solid #F58026;
	color:#FFF;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 11px/28px arial, Helvetica, sans-serif;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 14px 0px 14px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #D2600E;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  color: #FFF;
}

ul#navmenu-h ul li a.first {border-top: 1px solid #FFF !important;}

/* 2ND MENU
======================================================================*/
ul#navmenu-h li ul {border-top: 2px solid #FFF; width:200px;z-index:1000;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	background: #D2600E;
	border: 1px solid #FFF;
	border-top: none;
	color: #FFF;
	float: none;
	font-weight: normal;
	text-transform: none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #B24B01;
  color: #FFF;
}

/* 3RD MENU
======================================================================*/
ul#navmenu-h li ul li ul {border-top: none;position: absolute; top: -1px; left: 199px;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #B24B01;
  color: #FFF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #8A3A01;
  color: #FFF;
}

/* 4th MENU (NOT BEIGN USED JUST IN CASE)
======================================================================*/
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko
======================================================================*/
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* SUBNAV NAVIGATION
==============================*/
.subNav {}
.subNav ul {list-style-type: none;margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px !important;}
.subNav ul li {
	color: #898989;
	display: inline;
	line-height:20px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.subNav .section a {padding-left: 0px !important;}
.subNav ul li a {color: #F58026; padding: 0px 5px 0px 5px; text-decoration: underline; white-space:nowrap !important;}
.subNav ul li a:hover,
.subNav ul li a.active  {color: #898989; text-decoration: none;}
/*.subNav ul li a.bumpHack { padding-left:115px; }*/

.subNav .section {
	color: #F58026 !important; 
	float: left;
	font-weight:bold;
}
.subNav .section {color: #F58026 !important;}

.subNav .section a {padding-right: 3px;text-decoration: underline; }
.subNav .links {float: left; padding: 10px 0px 0px 0px;width: 600px;}


/*
STRIPPED OUT BY MIRO - WILL NEED TO DELETE AFTER ALL SECTIONS HAVE BEEN CONFIRMED
 Dont' ask...
.subNav ul.special { display:inline; }
.subNav ul.specialSubs { width:780px; float:right; padding-top:0px; }
above original style
.subNav ul.specialSubs { width:600px; float:left; padding-top:0px; }*/

/* CONTENT
======================================================================*/
.content {
	display: block;
	margin:  0px 0px 20px 0px;
	padding: 0px 0px 0px 15px;
	text-align:left;
}

.content td { vertical-align:top; }

.content .body {
	float: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	width: 557px;
}

.contentFullWidth {
	padding:0px;
	margin-bottom:0px;
}

.contentFullWidth .body {
	width:890px;
	padding:0px;
}

.content .body ul, .content .body ol { margin-bottom:15px; }
.content .body ul li ul, .content .body ol lil ol{ margin-bottom:0px; }
.content .body ul { list-style-image: url(../../images/bullet.gif); }
.content .body ul li ul{ list-style-image: none; list-style-type: none;}
.content .body ul li, .content .body ol li { margin-left:23px; }
.content .body ul li ul li, .content .body ol li ol li{ margin-left:13px; }
.content a { font-weight:bold; }

.content .colR {
	border-left: 1px solid #BCBCBC;
	float: right;
	padding: 0px 0px 0px 20px;
	width: 270px;
}

.content .colR p {
	font-size: 11px;
	padding-bottom: 0px;
}

.content .colR h3  {
  color: #731717 !important;
  padding-bottom: 3px; 
  font-size: 17px;
  font-weight:normal;
}
.content .colR p + h3  {
	padding-top: 20px;
}
.intro a{
	font-style:normal !important;
	font-weight:bold !important;
}

h1 + p, h1 + img + p { font-size: 12px; } /* Instead of the 'intro' class */

.content .bodyImage { float:right; width:190px; height:150px; margin:0px 0px 10px 10px; }

.content .certificate { float:right; width:190px; margin:0px 0px 10px 10px; }

.content div.contentItem { clear: both; }

.content div.contentItem img {
  float:left;
  margin-right:20px;
  padding-top:5px;
}
.content div.contentItem p {
  float:left;
  width:435px
}

.content p.contactVesta {
  font-size: 14px;
  color: #731717;
  background-color: #DCDDDF;
  padding:10px;
  font-weight: bold;
  clear:both;
  vertical-align:middle;
}

.content div.contactVesta {
  font-size: 14px;
  color: #731717;
  background-color: #DCDDDF;
  padding:10px;
  font-weight: bold;
  vertical-align:middle;
  width:45%;
}

.highlight { background-color:#FF0; }
.data {border-right: 1px solid #bcbcbc;width: 100%;}
.data th {background: #DCDDDF; padding: 6px; border-left: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc;}
.data td {border-left: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc; border-top: none;padding: 6px;}
.data .tint {background-color:#ECECEC;}
.data .center { vertical-align:middle; text-align:center;}


.linkSet {
	background: #dcdddf;
	display: block;
	height: 40px;
	list-style-type: none;
	margin: 0px !important;
	padding: 10px 0px 12px 20px;
}

.linkSet li {
	float: left;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	width: 150px;
}

.linkSet li img {float: left; padding-right: 10px;}
.linkSet li .txt {font-size: 13px !important; line-height: 15px;}
.linkSet li.email {padding: 5px 0px 0px 0px;}
.linkSet li.email img {padding: 3px 0px 0px 0px;}
.linkSet li.email .txt {padding: 5px 0px 0px 40px;}

.linkSet li.quote {padding: 0px 0px 0px 0px;}
.linkSet li.quote img {padding: 3px 0px 0px 0px;}
.linkSet li.quote .txt {padding: 10px 0px 0px 31px;}

.linkSet li.download {padding: 0px 0px 0px 0px;}
.linkSet li.download img {padding: 3px 0px 0px 0px;}
.linkSet li.download .txt {padding: 4px 0px 0px 38px;}


/*  GOOGLE SEARCH BOX
======================================================================*/
.google{
	float:right;
	position:absolute;
	right: 2px;
	top: 1px;
}
.google .search{
	width:65px;
}

/* SITE MAP
======================================================================*/
.sitemap h2 a{
  /*font-size: 14px;*/
  font-size: 17px;
  font-weight: bold !important;
  padding-bottom: 4px;
}
.sitemap h3 a{
	font-weight:normal!important;
	padding-bottom: 3px; 
	font-size: 14px;
	font-weight:normal;
}
.sitemap ul li{
	background-image: none !important;
	list-style-image: none !important;
	list-style-type:none !important;
}

/* 	NEWS AND EVENTS
=========================================================================*/
.newsCol{
	float:left;
	margin: 0px 100px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.clear{
	clear: both;
	font-size:1px;
	line-height:12px;
}


/*  FIND-MY-ACCOUNT-MANAGER 
==============================================================================*/
.location{
	height:105px;
	float:left;  
	margin: 0px 10px 5px 0px;  
	position:relative;
	width:166px;
}
.location2{
	height:105px;
	float:left;  
	margin: 0px 10px 5px 0px;  
	position:relative;
	width:184px;
}
.location img,.location2 img{
	left: 0px; 
	top: 3px;
	margin: 0px 0px 10px 0px; 
	position:absolute; 
}

.location .region, .location2 .region{
	color:#731717;
	font-size:13px;
	padding:0px 0px 0px 15px;  
}

.south{
	height:105px;
	float:left;  
	margin: 0px 10px 5px 0px;  
	position:relative;
	width:175px;
}

.south .region{
	color:#731717;
	font-size:13px;
	padding:0px 0px 0px 2px;
}

/* PRODUCT SLIDESHOW
======================================================================*/
.slideshowContainer {
	float: right; 
	margin: 0px 0px 15px 15px; 
	width:260px;
}

.slideshowContainer .title {
	background: #6B6C6C;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 7px;
	text-align:center;
}

.slideshowContainer .img {
	height:200px; 
	margin: 0px; 
	padding: 0px;
	width: 260px;
}

.slideshowContainer .img {border:2px solid #fff;}

.slideshowContainer .img:hover {border:2px solid #f58026;}

.slideshowContainer .nav {
	/*background: url(../../images/slideshow/nav_background.gif) repeat-x #848484 top; */
	background: #DCDDDF;
	height: 25px; 
	position: relative;
}

.slideshowContainer .previous,
.slideshowContainer .next {
	height: 20px;
	position: absolute; 
	bottom: 0px;
}

.slideshowContainer .previous {left: 5px;}
.slideshowContainer .next {right: 5px;}

.slideshowContainer .previous a,
.slideshowContainer .next a {color: #9b9b9b;}
.slideshowContainer .previous a {
	background: url(../../images/slideshow/nav_left.gif) no-repeat left;
	padding: 0px 0px 0px 13px;
}
.slideshowContainer .next a {
	background: url(../../images/slideshow/nav_right.gif) no-repeat right;
	padding: 0px 13px 0px 0px;
}

.slideshowContainer .previous a:hover,
.slideshowContainer .next a:hover{color: #6B6C6C;}
.slideshowContainer .previous a:hover {background: url(../../images/slideshow/nav_left_active.gif) no-repeat left;}
.slideshowContainer .next a:hover {background: url(../../images/slideshow/nav_right_active.gif) no-repeat right;}

/* FOOTER
======================================================================*/
.footer {
	background: url(../../images/template/ph_footer_corner.gif) no-repeat bottom right #F58026;
	height:24px;
	margin: 0px 0px 0px 0px;
}

.footer ul {color: #FFF; float: right; margin: 0px 20px 0px 0px;}
.footer ul li {float: left; list-style-type: none; margin: 4px 0px 0px 0px;}
.footer ul li.copy {padding: 0px 0px 0px 30px;}
.footer ul li a {color: #FFF; margin: 5px 7px 0px 7px;}
.footer ul li a:hover {text-decoration: underline;}
.footer ul.footerPhone {float:left; margin-left:10px;}

/* CONTACT FORM
=====================================================================*/
.form {width: 450px;}
.quote span {width: 145px !important;}
.step {
	height: 30px;
	position: absolute; left: 0px;
	width: 27px;
}

.step span {color: #F58026; font-size: 20px;font-weight: bold;position: relative; top: -3px; left: 0px; width: 10px !important;}

.form td{
	padding-top:2px;
}

.form td.required{
	text-align:left;
	padding-bottom: 8px;
	color:#A71717;
}

.form span{
	float:left;
	width:100px;
	display:block;
	text-align:right;
}

.form input, select{
	margin: 0px 5px 0px 15px;
	padding: 0px 5px 0px 0px;
}
.form select {padding-right: 0px;}

.form .submit{
	background-color:#F58026;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color:#FFFFFF;
}

.whitePapersSubmit {padding-left:100px;}

.supply{
	padding-bottom:20px;
	width: 580px;
}

.supply td{
	height:75px;
	text-align:center;
	vertical-align:middle;
	width: 190px;
}

.supply td img{
	padding-bottom:5px;
}


.supply td.middle{
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}

.supply tr.top td{
	border-bottom: 1px solid #BCBCBC;
}

.googleForm {
	height:19px !important;
	position: relative;
}
.googleInput {
	font-size: 12px !important;
	height:15px;
	padding: 0px;
	position: absolute; top: 2px; right: 55px;
	width: 125px;}
.googleSubmit {
	border: 1px solid #A5ACB2; 
	font-size: 12px !important;
	height: 19px !important; 
	line-height: 12px !important; 
	margin: 0px !important;
	padding: 0px !important;
	position: absolute; top: 2px; right: 3px;
	width: 50px;
	}

.colorKey { width:10px; height:73px; margin-bottom:3px; float:left; margin-right:4px;}
.padTop {padding-top: 7px !important;}



#gallery {
	width:301px;
	height:220px;
	background-color: #fff;
	background-position: left 200px;
	margin-left: 0px;
}

#slideimg {
	width:299px;
	height:220px;
	border:1px solid #929a9d;
	margin-bottom:5px;
	background:#f1f1f1;
}

#slidecaption {
	background:#fff;
}

.thumb img {
	width:55px;
	height:40px;
	padding:3px;
	border:1px solid #929a9d;
}

#scrollDiv {
	overflow: hidden;
	height: 59px;
	width:270px;
	border:1px solid #ccc;
	float: left;
}

#thumbs {
	height: 59px;
	margin:5px;
	width:10000px;
	text-align:left;
}

#thumbnav {
	width:320px;
	margin:10px 0 10px 0px;
}

.handle {
	background:#929A9D;
	color:#fff;
	height:59px;
	width:15px;
	font-size:8pt;
	line-height:87px;
	font-weight:bold;
	display:block;
	float:left;
	border: 1px solid #929A9D;
}

/* GALLERY PAGE
=====================================================================*/
.galleryContainer {background:#fff url(../../images/template/galleryBackground.gif) repeat-y;}
.viewAll 
{
	display: none;
	font-weight:bold; 
	text-decoration:underline;
}
.galleryContainer #NoImage
{
	display: none;
	margin: 29px 0;
}
.galleryContainer #NoImage span
{
	color: #666; 
	font-size: 2.3em; 
	white-space: nowrap
}

.leftGalleryHead {
	background-color:#565656;
	height:67px;
	width:668px;
	float:left;
}

.leftGalleryHead h1 {
	color:#fff;
	padding:16px 0px 0px 16px;
	font-size:28px;
}

.rightGalleryHead {
	background-color:#d6d6d6;
	height:67px;
	width:218px;
	float:left;
	margin-left:5px;
}

.rightGalleryHead h1 {
	color:#656565;
	padding:8px 0px 0px 16px;
	font-size:20px;
	font-weight:normal;
}

.leftContainer {
	float:left;
	width:673px;
	position:relative;
	bottom:15px;
}

.rightContainer {
	float:left;
	width:185px;
	background-color:#eaeaea;
	position:relative;
	bottom:15px;
	padding:16px;
}

/* MATERIALS PAGES
=====================================================================*/
.materialsTable {margin-bottom:15px;}

.materialsTable tr th {
	color:#731717;
	font-weight:bold;
}

.materialsTable tr.odd {background-color:#ebebeb;}

.materialsTable tr td {
	padding:8px;
	color:#767676;
}

.materialNav {margin-top:40px;}

.materialNav .firstNav h4 {margin:12px 0px 8px 5px;}

.materialNav .firstNav h4 a {
	font-size:15px;
	font-weight:normal;
}

.materialNav .firstNav ul {margin:0px 0px 0px 30px;}

.materialNav .firstNav ul li {
	margin-bottom:8px;
	list-style-image: url("../../images/bullet.gif");
}

.materialNav .firstNav ul li.on a {color:#767676;}

.materialNav .secondNav h4 {
	font-size:15px;
	font-weight:normal;
	color:#731717;
	margin-top:25px;
}

.materialNav .secondNav ul {
	margin:8px 0px 0px 5px;
}

.materialNav .secondNav ul li {
	list-style-type:none;
	margin-bottom:5px;
	font-size:15px;
	font-weight:normal;
}

.materialNav .secondNav ul li a {
	font-size:15px;
	font-weight:normal;
}

/* WHITE PAPERS
=====================================================================*/
.cover { float: left; padding: 10px 20px 10px 0; }