/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* Colors:
Purple: #6D0E6B
Orange: #F37021
Light Purple: #F2E9F2
Grey: #6D6F71
*/
 
body {
	background: #410d60 url(../images/bg.jpg) repeat-x left top;
	text-align: center;
	color: #6D6F71;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}

h2 {
	font-size: 21px;
	color: #6D0E6B;
	margin: 30px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
}

#content h2 {
	margin-bottom: 20px;
	border-bottom: 2px solid #F37021;
}

h2.alt, h2 span {
	margin-top: 0px;
	color: #F37021;
}

h3 {
	color: #F37021;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
	text-transform: uppercase;
}

h4 {
	color: #6D0E6B;
}

p {
	margin-top: 0px;
	line-height: 1.5;
}

a:link, a:visited, a:active {
	color: #6D6F71;
	background-color: transparent;
	border-bottom: 1px dotted #6D6F71;
}

a:hover {
	color: #6D6F71;
	background-color: transparent;
	border-bottom-color: #6D0E6B;
}

.contrLinked { cursor: pointer; }

div#wrap {
	width: 934px;
	text-align: left;
	margin: 0px auto;
}

div#main {
	background: url(../images/main_bg.png) repeat-y left top;
	padding: 0px 17px;
}

div#footer {
	width: 934px;
	height: 38px;
	background: url(../images/bottom_bg.png) no-repeat left top;
}

/*@ store pages - product listings + cart */
.store div#body
{
	position: relative;
	padding: 20px;
}
.store .wpsc_container .breadcrumb
{
	margin: 0; padding: 0 0 20px;
	font-size: 1.1em; color: #410d60; font-weight: bold;
}
.store .wpsc_container .breadcrumb a
{
	margin: 0 5px; padding: 0;
	color: #333; font-weight: normal;
}
.store .default_product_display
{
	float: left; clear: none;
	padding-right: 3%;
	width: 31%;	height: 420px;
}
.store .single_product_display
{
	width: 60%;
}
h2.prodtitles a.wpsc_product_title
{
	text-decoration: none; font-weight: bold;
	border-bottom: 0 none;
}
.productdisplay .imagecol { padding-right: 10px; }
.productdisplay .imagecol a { border-bottom: 0 none; text-decoration: none; }
.store fieldset { border: 0 none; }

#widgetshoppingcart
{
	position: absolute;
	top: 20px; left: 67%;
	width: 30%;
}
#widgetshoppingcart h3
{
	margin: 0; padding: 0 0 0 3%;
	width: 98%;
	line-height: 40px; color: #333;
	background: url(../images/store-header-bkg.jpg) -227px 0;
}

/* @group Header */

div#header {
	width: 934px;
	height: 153px;
	background: url(../images/PP_WebHeader.png) no-repeat 17px top;
}

div#header h1 {
	margin: 0px 0px 0px 40px;
	padding: 35px 0px 0px 0px;
}

div#header h1 a {
    margin-left: 170px;
	width: 536px;
	height: 88px;
	background: url(../images/PP_logo.png) no-repeat scroll 178px 11px;
	border-bottom: 0px;
}

div#header a#email {
	width: 180px;
	height: 24px;
	margin-left: 388px;
	border: 0 none;
}

div#header a#lnkObjet { 
	margin-left: 25px; margin-top: -120px;
	width: 120px; height: 35px; 
	border: 0 none;
}

div#header a#lnkBits {
	margin-left: 25px; margin-top: 5px;
	width: 120px; height: 35px;
	border: 0 none;
}

div#header a#lnkNetfabb {
	width: 120px; height: 35px;
	margin-left: 25px; margin-top: 5px;
	border: 0 none;
}

/* @group Menu  - legacy version */
div#menu {
	position: relative;
	margin: 0; padding: 0;
	background: url(../images/navset-all.png) repeat-x 0 -124px;
	width: 100%; height: 62px;
}
div#menu ul { list-style: none; }

div#menu ul.level-one {
	float: none; clear: both;
	margin: 0; padding: 0 0 0 48px;
	height: 32px;
}

div#menu ul.level-one li.page_item {
	float: left;
	margin: 0; padding: 0;
	height: 32px;
}

div#menu .page_item > a {
	display: block; 
	margin: 0; padding: 0 0 2px 0;
	height: 30px;
	background: url(../images/navset-all.png) no-repeat -8px -2px;
	text-indent: -1999px;
}

div#menu a[title="Home"]	{ width: 59px; }
div#menu li:hover a[title="Home"] { background-position: -8px -90px; }
div#menu li.selected a[title="Home"]	{ background-position: -8px -43px; }

div#menu a[title="Company"]	{ width: 83px; background-position: -68px  -2px; }
div#menu li:hover a[title="Company"] { background-position: -68px -90px; }
div#menu li.selected a[title="Company"]	{ background-position: -68px -43px; }

div#menu a[title="Products"]	{ width: 93px; background-position: -150px -2px; }
div#menu li:hover a[title="Products"] { background-position: -150px -90px; }
div#menu li.selected a[title="Products"]	{ background-position: -150px -43px; }

div#menu a[title="Materials"]	{ width: 94px; background-position: -243px -2px;  }
div#menu li:hover a[title="Materials"]  { background-position: -243px -90px; } 
div#menu li.selected a[title="Materials"] 	{ background-position: -243px -43px; }

div#menu a[title="Case Studies"]	{ width: 118px; background-position: -336px -2px;  }
div#menu li:hover a[title="Case Studies"] { background-position: -336px -90px; } 
div#menu li.selected a[title="Case Studies"]	{ background-position: -336px -43px; }

div#menu a[title="Upload"]	{ width: 70px; background-position: -456px -2px; }
div#menu li:hover a[title="Upload"] { background-position: -456px -90px; } 
div#menu li.selected a[title="FTP"]	{ background-position: -456px -43px; }

div#menu a[title="Support"]	{ width: 82px; background-position: -524px -2px; }
div#menu li:hover a[title="Support"] { background-position: -524px -90px; } 
div#menu li.selected a[title="Support"]	{ background-position: -524px -43px; }

div#menu a[title="News & Events"]	{ width: 134px; background-position: -605px -2px; }
div#menu li:hover a[title="News & Events"] { background-position: -605px -90px; }
div#menu li.selected a[title="News & Events"]	{ background-position: -605px -43px; }

div#menu a[title="Contact"]	{ width: 86px; background-position: -736px -2px; }
div#menu li:hover a[title="Contact"] { background-position: -736px -90px; }
div#menu li.selected a[title="Contact"]	{ background-position: -736px -43px; }

div#menu .page_item ul.level-two {
	position: absolute; display: none;
	top: 32px; left: 0;
	float: none; clear: both;
	margin: 0; padding: 7px 10px 0 55px; 
	width: 835px; height: 24px; 
	background: url(../images/navset-all.png) repeat-x 0 -165px;
}

div#menu li.selected ul.level-two, div#menu ul:hover li.selected:hover ul.level-two
{
	display: block; z-index: 1;
}
div#menu ul:hover li.selected ul.level-two
{
	display: none; 
}
div#menu li:hover ul.level-two
{
	display: block; z-index: 2;
}

div#menu .page_item ul.level-two li {
	margin: 0 15px 0 0; padding: 0; 
	background: none;
	text-indent: 0;
}

div#menu .page_item ul.level-two li a {
	position: static; top: 0; left: 0; float: left;
	padding: 0; 
	height: auto; 
	background-image: none; border-bottom:0 none;
	font-size: 1.0em; color: #fff;
	text-decoration: none;
	text-indent: 0; 
}

div#menu .page_item ul.level-two li.first { color: #CCC; font-weight: bold; }

div#menu .page_item ul.level-two ul.level-three { float: left; margin: 0; padding: 0 0 0 15px; width: 105px; }
div#menu .page_item ul.level-two ul.level-three li { margin: 0; padding: 0 10px 24px 0; height: 0; font-size: 0.98em; }

/* ad hoc */
div#menu .page-item-14 ul.level-two { height: 70px; }
div#menu .page_item ul.level-two li.page-item-025 ul.level-three { width: 280px; }
div#menu .page_item ul.level-two li.page-item-025 > a { display: block; width: 56px; height: 22px; text-indent: -9999px; background: url(../images/subnav-logos.png) no-repeat 0 0px; }
div#menu .page_item ul.level-two li.page-item-026 > a { display: block; width: 98px; height: 26px; text-indent: -9999px; background: url(../images/subnav-logos.png) no-repeat 0 -58px; }
div#menu .page_item ul.level-two li.page-item-027 >a { display: block; width: 62px; height: 22px; text-indent: -9999px; background: url(../images/subnav-logos.png) no-repeat 0 -28px; }

/* @end */

/* @group Sidebar */

div#sidebar {
	width: 240px;
	background: url(../images/sidebar_bg.jpg) no-repeat left top;
	min-height: 565px;
	height: auto !important;
	height: 565px;
	margin-left: 60px;
	float: left;
	padding: 54px 30px 0px;
}

div#sidebar div.info {
	position: relative;
	height: 177px;
}

div#sidebar div.info img {
	position: absolute;
	z-index: 1;
}

div#sidebar div.info p {
	color: #6D0E6B;
	font-size: 11px;
	padding: 0px 10px;
	margin: 0px;
	position: absolute;
	top: 140px;
	z-index: 2;
}

div#sidebar .movieContainer {
	padding: 0 0 20px;
	height: 200px;
}

div#sidebar .imgContainer, div#sidebar .pdfContainer {
	padding: 10px 0;
}

div#sidebar .imgContainer
{
	text-align: center;
}

div#sidebar .imgContainer a
{
	border-bottom: 0 none;
}

div#sidebar .pdfContainer p img {
	vertical-align:middle;
	width:2.5em;
}

div#sidebar ul {
	margin-top: 0px;
}

div#sidebar ul li{
	margin: 0px 0px 10px;
	color: #6D0E6B;
}

div#sidebar ul li a {
	color: #6D6F71;
}
/* @end */

/* @group Content */

div#content {
	width: 500px;
	float: left;
	padding: 30px 10px 10px;
}

div#content ul li {
	color: #6D0E6B;
}

div#content ul li span {
	color: #6D6F71;
}

div#content ul.highlight li span {
	color: #F37021;
	font-weight: bold;
	font-style: italic;
}

form#password_protect {
	background: url(../images/form_bg.jpg) no-repeat left top;
	display: block;
	width: 486px;
	height: 109px;
	padding-top: 60px;
	margin-bottom: 55px;
}

form#password_protect p {
	padding: 0px 115px;
}
form#password_protect p br {
	display: none;
}

form#password_protect input.submit {
	border: 0px;
}


/* @end */

/* @group Gallery */

div#gallery, div.gallery {
	margin: 0 0 20px;
	text-align: center;
}

div#gallery img, div.gallery img {
	position: absolute;
	top: -999px;
	left: -999px;
}

div#gallery a, div.gallery a {
	margin: 15px 5px;
}

div#gallery a.selected, div.gallery a.selected {
	color: #6D0E6B;
	border-bottom: 0px;
	font-weight: bold;
}

.video div#gallery, .video div.gallery {
margin:0 auto 30px;
width:240px;
}

.video h3 { padding-bottom: 10px;}

/* @end */

/* @group Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
div.wp-caption p.wp-caption-text {
	display: none;
}
/* @end */

/* @group Table */

table {
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

table th {
	color: #6D0E6B;
	text-transform: uppercase;
	border-bottom: 2px solid #6D0E6B;
}

table tr td {
	background-color: #fff;
}

table tr td strong {
	color: #000;
}

table tr.alt td {
	color: #6D0E6B;
	font-weight: bold;
}

table tr.odd td {
	background-color: #F2E9F2;
}

form table tr.odd td {
	background-color: transparent;
}
/* @end */

/* @group Contact Form 7 Styles */
#content div.wpcf7, .form-container
{
	display: block;
	padding: 20px;
	width: 460px;
	background: #fff url(../images/contact-form-background.png) no-repeat center top;
}
.upload-page #content div.wpcf7	{ padding: 0 10px 20px; width: auto; background: none; }

#uploadContainer > div, #uploadContainer > object, #uploadContainer > p { margin: 10px 15px 0; }

form label, .form-container label
{
	float: left;
	margin: 3px 0;
	width: 75px;
	font-weight: 700;
}
form p input, form p textarea {
	border: 0px;
	background: #E2E2E3;
	padding: 4px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}
form.wpcf7-form p input, form.wpcf7-form p textarea { width: 327px; border:1px solid #D2D2D3; }

form.wpcf7-form p input:hover, form.wpcf7-form p textarea:hover { border-color:#C2C2C3; }

form.wpcf7-form p input[type=checkbox] { background: none; border: none; }

form p.left input 
{
	margin-right: 15px;
	width: 113px;
}
form textarea { height: 180px; }

form.wpcf7-form input.wpcf7-submit
{
	display: block;
	float: none; clear: both;
	margin: 0 0 0 75%; padding: 0;
	width: 63px; height: 23px;
	background: url(../images/btn_submit.gif) no-repeat left top; border: 0 none;
	cursor: pointer;
	text-align: center; text-transform: uppercase; color: #fff;
}
form.wpcf7-form input.wpcf7-submit:hover { background-position: left bottom; }

div.wpcf7 span.wpcf7-not-valid-tip
{
	position: static; display: block;
	background: none; border: 0 none;
	width: 100%;
	color: #F00;
}
div.wpcf7 div.wpcf7-response-output {
	margin-top: 15px;
	text-align: center;
	font-weight: bold;
	color: #6D0E6B;
}
/* @end */

/* @group Uploadify file upload widget */
.form-continue { padding: 0 10px 10px; }

.form-continue p { padding: 0 0 0 85px; } 

#fileUpload { font-weight: 800; color: #C00; }

.uploadifyQueue { padding: 10px 10px 20px; }

.uploadifyQueueItem .cancel { float: right; }

.uploadifyQueueItem .cancel a { border: none; }

.uploadifyProgress { width: 400px; height: 20px; background: #000; }

.uploadifyProgressBar { height: 100%; background: #fff; }

.upload-buttons { margin: 0 0 0 180px; width: auto; }

.upload-buttons li { float: left; margin: 0; padding: 0.5em; width: auto; list-style: none;  }

.upload-buttons li a { margin: 0; padding: 0.5em; vertical-align: middle; }

.upload-buttons li a.start-upload
{
	/*margin: 0 15px 0; padding: 0.5em;*/
	/*width: 100px;*/
	background-image: none; background-color:#661363;
	color: #fff; font-size: 1.5em; font-weight: bold;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.upload-buttons li a.start-upload:hover { background-image: none; background-color:#da773c; }

.upload-buttons li a.clear-upload
{
	/*margin: 0 0 0 15px; padding: 0.5em;*/
	/*width: 90px; height: 23px;*/
	background-image: none; background-color: #666;
	color: #fff;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.upload-buttons li a.clear-upload:hover { background-image: none; background-color:#ddd; color: #333; border-color: #ccc; }

/* @end */

/* trade in form */
.wpcf7-form .checkboxesLabel label {  width: 100%; padding-bottom: 10px; }

.wpcf7-form .wpcf7-list-item input { width: 27px; }

.wpcf7-form .wpcf7-checkbox { display: block; line-height: 2em; padding-bottom: 15px; }

/* @end */

/* @group Upload Center */

form#uploadCenter input,
form#uploadCenter textarea {
	border: 1px solid #ebebeb;
	background-color: #ebebeb;
	padding: 4px 0px;
}

form#uploadCenter p.message, .uploadCtr .message {
	text-transform: uppercase;
	font-size: 10px;
	color: #6D0E6B;
	text-align: center;
	margin-top: 2px;
}

form#uploadCenter p.messageP {
	text-transform: uppercase;
	font-size: 13px;
	color: #122B73;
	text-align: center;
	margin-top: 2px;
	
	background: #e6e6e6;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 15px 0px;
}

form#uploadCenter p.message a {
	color: #F37021;
}

form#uploadCenter ol li, .upload-instructions li {
	font-size: 14px;
	color: #6D0E6B;
}

form#uploadCenter ol li span, .upload-instructions li span {
	font-size: 11px;
	color: #F37021;
}

form#uploadCenter ol li span strong, .upload-instructions li span strong {
	color: #6D0E6B;
}

#uploadBox
{
	padding: 5px 0 0 78px;
	width: 335px;
}

label {
	margin-top: 5px;
}

form#uploadCenter td {
	vertical-align: top;
}

form#uploadCenter table {
	margin-bottom: 10px;
}

form#uploadCenter table tr input{
	width: 157px;
}

form#uploadCenter table tr.full input, form#uploadCenter table tr.full textarea{
	width: 415px;
}

form#uploadCenter table tr.auto input, form#uploadCenter table tr.auto textarea{
	width: auto;
	background: #fff;
}

form#uploadCenter img.plusminus{
	margin-right: 5px;
	position: relative;
	top: 3px;
}

form#uploadCenter a {
	border: 0px;
}

form#uploadCenter div#filesUploaded a {
	display: block;
	margin: .25em 0px .5em;
}

form#uploadCenter a#startUpload, 
form#uploadCenter table tr td input.submit {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform: uppercase;
	color: #fff;
	background: #F37021;
	width: 150px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
	font-size: 12px;
	cursor: pointer;
}

div#content form#uploadCenter table tr td input.submit {
	width: 70px;	
	line-height: 22px;
	margin: 10px 0px 0px;
	float: none;
	border: 0px;
}

form#uploadCenter div#startUploadDiv p {
	float: right;
	font-size: 10px;
	color: #6D0E6B;
	width: 250px;
	margin-left: 15px;
}

/* @end */

/* @group Classes */

.btn {
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background-position: left top;
	background-repeat: no-repeat;
}

.btn:hover {
	background-position: left bottom;
	background-color: transparent;
}

.btn span {
	visibility: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.hide {
	display: none;
}

div.rule {
	height: 1px;
	border-bottom: 1px solid #bdbfc1;
	margin-bottom: 15px;
}

td.right {
	text-align: right;
}

.left {
	float: left;
}

div.topSpacer {
	height: 1px;
	margin-bottom: 30px;
}

form#uploadCenter a {
	border: 0px;
}
/* @end */

/* @group Pull Quotes */
#pullQuote { display: none; visibility: hidden; }
.pullQuote p { padding: 0 5px 15px; color: #999; font-weight: bold; font-style: oblique;  }
.pullQuote p .attribution { color: #666; font-size: 0.8em; font-style: normal; line-height: 10px; }
/* @end */

dl.notable dt { float: left; width: 170px; color: #F37021; }
dl.notable dd { float: left; width: 300px; padding-bottom: 10px;  }
a.imgClick { display: block; padding: 0 0 20px; border: 0 none; }

/* @group home page template */
 #banner { padding: 25px 10px 10px; height: 250px;  }
 #banner a { border: 0 none; }
.home #content  { position: relative; padding: 10px 10px 10px 380px; }
.video  { position: absolute; top: 0; left: 0; margin: 0; padding: 32px 10px 10px 15px; width: 330px; }
.video .imgClick img { width: 330px; border: 0 none; }

/* @end */

/* @group product page template */
.product #content  { position: relative; padding: 30px 30px 10px; width: 700px; }
.product .productItem { float: left; margin: 7px; padding: 7px; width: 115px; text-align: center; border: 2px ridge #F37021; }
.product .productItem img { height: 90px; }
/* @end */

/* @group social networking icons  */
.snetIconSet { /* padding: 15px; */ padding: 0 0 20px; }  /* temporarily repositioned */
.snetIconSet a.snIcon /* facebook is default */
{
	float: left;
	margin: 5px 4px; padding: 18px 24px;  /* side margin temporarily set to 4px */
	border: 0 none;
	background: url(../images/social-net-icons.png) no-repeat scroll -13px 0;
	text-indent:-999px;
}
.snetIconSet iframe.ifrFacebook 
{
	display: none;  /* hide first untill facebook url can be test pinged */
	width: 242px; height: 62px;
	border: 0 none; 
	overflow: hidden; 
}
.snetIconSet a.twitter { background-position: -75px 0; }		/*extends snIcon */
.snetIconSet a.twitterFollow { background-position: -138px 0; width: 38px; }	/*extends snIcon */
.snetIconSet a.linkedin { background-position: -239px 0; }	/*extends snIcon */
.snetIconSet a.youtube { background-position: -303px 0; }	/*extends snIcon */

#sidebar .snetIconSet { padding: 0 0 20px; }
#sidebar .snetIconSet iframe.ifrFacebook { display: none; width: 180px; height: 80px; }   /* hide first untill facebook url can be test pinged */
#sidebar .snetIconSet a.twitterFollow { /*margin-right: 32px; */ margin-right: 0; }	/*extends snIcon, temporarily repositioned */

div.galleryid-167 img { position: static; top: 0; left: 0; }

/* @end */