@charset "UTF-8";
/* CSS Document */

/* Global Styles */
* {
	font:12px Arial, Helvetica, sans-serif;
	line-height: normal;
}

body {
	text-align:center;
	background:#0D2666;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}

#frame {
	width:980px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	position:relative;
}

/* Header and Header Elements */
#header {
	background: #fff url(images/ptlogo.jpg) no-repeat left top;
	margin: auto;
	height: 100px;
	width: 980px;
	position:relative;
}
#headerright {
	float: right;
	width: 468px;
	position:absolute;
	right:0px;
	top:0px;
}
#headerleft {
	text-align: center;
	font:12px Arial, Helvetica, sans-serif;
	margin: 0px 472px 0px 0px;
	padding-top:72px;
}
#headerleft a {
	font:12px Arial, Helvetica, sans-serif;
}
#headeradspace {
	width:468px;
	height:60px;
	margin-bottom:14px;
}

/* Navigation and Navigation Elements */
#topnav {
	background: #e6e6e6;
	margin: 0px;
	height: 30px;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
}
#topnavcontainer {
	width:978px;
	margin:auto;
}
#topnav #topnavcontainer ul, #topnav #topnavcontainer li {
	margin:0;
	padding:0;
}
#topnav #topnavcontainer li {
	display: inline;
	float:left;
}
#topnav #topnavcontainer li a {
	font:14px Arial, Helvetica, sans-serif;
	line-height:30px;
	display:block;
	padding:0px 27px;
	text-decoration:none;
	color:#000;
	border-left:1px solid #b3b3b3;
}

/* Main Content and Main Content Elements */
#maincontent {
	background: #fff;
	width:978px;
	padding:0 0 0px 0;
	margin:0px auto;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
#articlefooter {
	background:  url(images/headingbg.gif) repeat-x;
	height: 29px;
	width: 100%;
	position:relative;
}
#articlefooter p {
	padding:6px;
	color: #FFF;
	margin:0;
}
#articlefooter #arrowcontainer {
	position:absolute;
	right:0;
	top:0;
	line-height:29px;
	padding:5px 8px;
}
#articlefooter #arrowcontainer ul, #articlefooter #arrowcontainer li {
	margin:0;
	padding:0;
}
#articlefooter #arrowcontainer li {
	display:inline;
	float:left;
}

/* Tabs Classes */
.tabs{
	width:100%;
}
.tabs div{
	float:left;
	width:49%;
	text-align:center;
}
.tabActive {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive2 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab2.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive6 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab6.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive7 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab7.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabInactive {
	background: url(images/tabbg.gif);
	border-top: 1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
}
.tabFrame {
	background:#f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding:10px;
	height:100%;
}
.tabFrame img{
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.tabFrame ul {
	margin:10px;
	padding:10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tabFrame li {
	list-style-position: outside;
	list-style-image:url(images/listarrow.gif);
	padding:2px 0px;
}

/* New Products */
#producthdr {
	background: url(images/headingbg.gif) repeat-x;
	height: 29px;
	width: 100%;
	position:relative;
}
#producthdr p {
	padding:6px;
	color: #FFFFFF;
	margin:0;
}
#producthdr a {
	color:#FFFFFF;
}
#productcontainer {
	background: #fff;
	position:relative;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	height:96px;
}
.productarrows {
	float:left;
	overflow:hidden;
	position:relative;
	width:30px;
	height:86px;
}
.productarrows img{
	position: absolute;
	top:33px;
	left:5px;
}
#products {
	background: #fff;
	float:left;
	width:570px;
}
#products img { 
	padding:3px 54px;
}


.Section {
	background: #fff;
	border-left:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
	padding:10px;
	overflow:hidden;
}
#Section1 {
	position:absolute;
	top:130px;
	left:0px;
	width:402px;
	height:300px;
	z-index: -1;
}
#Section1 #Headline{
	font-weight:bold;
	font-size:22px;
	text-align:center;
	width:100%;
	height: 65px;
	margin: auto auto;
	cursor:pointer;
}
#Section1 #Picture{
	width:236px;
	height:150px;
	overflow:hidden;
	margin: auto auto;
	text-align:center;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
	border-bottom: 0px;
	cursor:pointer;
}
#Section1 #Synopsis{
	width:220px;
	height:42px;
	margin: auto auto;
	overflow:hidden;
	text-align:left;
	background:#f5f5f5;
	padding: 4px 8px;
	border:1px solid #b3b3b3;
	border-top: 0px;
	cursor:pointer;
	vertical-align: bottom;
}
#Section2 {
	position:absolute;
	top:130px;
	left:420px;
	width:392px;
	height:300px;
	z-index: -1;
}
#Section2 .tabFrame {
	height:250px;
	width:366px;
}
#Section2 #blog {
	position:absolute;
    top:30px;
    left: 11px;
	height:260px;
	width:170px;
    border: 1px solid silver;
}
#Section2 #blog .readmore {
    text-align: left;
	position: absolute;
    top:250px;
    left:120px;
}
#Section2 #marketplace {
	position: absolute;
    top:30px;
    left: 205px;
	height:260px;
	width:170px;
    border: 1px solid silver;
}
#Section2 #marketplace img {
	position: absolute;
    top:240px;
    border: none;
}
#Section3 {
	position:absolute;
	top:450px;
	left:0px;
	width:302px;
	height:420px;
}
#Section3 #Picture{
	width:300px;
	height:425px;
	overflow:hidden;
	background:#fff;
	/*border:1px solid #b3b3b3; */
}
#Section3 #TOC{
	width:280px;
	height:400px;
	overflow:auto;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
	padding: 10px;
	text-align: left;
}
#Section3 #TOC .Title{
	color:#005496;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#Section3 #TOC .Summary{
	color:#005496;
	font-style: italic;
	text-align: center;
	padding-top: 5px;
}
#Section3 #TOC .ArticleSection{
	/* display:inline; */
	font-weight: bold;
}
#Section3 #TOC .ArticleLink{
	display:inline;
	font-weight: normal;
	text-decoration: underline;
}
#Section4 {
	position:absolute;
	top:450px;
	left:320px;
	width:240px;
	height:420px;
	line-height: 14px;
}
#Section5 {
	position:absolute;
	top:450px;
	left:580px;
	width:233px;
	height:180px;
}
#Section5 #Picture{
	width:230px;
	height:180px;
	overflow:hidden;
	text-align:center;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
	cursor:pointer;
}
#Section6 {
	position:absolute;
	top:650px;
	left:580px;
	width:233px;
	height:220px;
}
#Section6 .tabFrame {
	height:170px;
	width:210px;
}
#Section6 .tabFrame img{
	float:right;
}
#Section7 {
	position:absolute;
	top:890px;
	left:0px;
	width:300px;
	height:270px;
}
#Section7 .tabFrame {
	height:220px;
	width:276px;
}
#Section7 .tabFrame .Poll{
	font-weight: bold;
	margin: 5px;
}
#Section7 .tabFrame .Answer{
	margin: 15px;
}
#Section8 {
	position:absolute;
	top:1035px;
	left:320px;
	width:638px;
	height:125px;
	border-right:1px solid #b3b3b3;
}
#Section9 {
	position:absolute;
	top:890px;
	left:320px;
	width:493px;
	height:125px;
}
#Section9 #Headline{
	font-weight:bold;
	font-size:18px;
	color:#005496;
	margin:0px;
}
#Section9 img{
	float:left;
	padding-right: 10px;
}
#AdSpace {
	background: #fff;
	position:absolute;
	top:130px;
	left:833px;
	width:145px;
	height:904px;
	border:1px solid #b3b3b3;
	z-index: -1;
}
#AdSpace img, #sidebar2 img {
	margin: 10px 10px 0px 10px;
}
#sidebar1 {
	width: 204px;
	background:#e6e6e6;
}
#sidebar1 h1 {
	background: url(images/sidenavactive.jpg) repeat-x;
	color: #fff;
	padding: 5px 12px;
	margin:0;
}
#sidebar1 h2 {
	background: url(images/sidenavinactive.jpg) repeat-x;
	color: #fff;
	padding: 5px 12px;
	margin:0;
}
#sidebar1 ul, #sidebar1 li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#sidebar1 li a {
	padding: 5px 12px;
	text-decoration:none;
	display:block;
	color:#000;
}
#sidebar1 li a:hover {
	background:#f3f3f3;
}
#sidebar2 {
	width: 124px;
	padding: 0 10px 10px 10px; /* padding keeps the content of the div away from the edges */
}
#mainContentSub { 
	background: #fff;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	width:580px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 24px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContentSub h1 {
	margin: 8px 0;
	font-size:24px;
	font-weight:bold;
}
#mainContentSub h2 {
	font-size:16px;
	font-weight:bold;
	color:#005496;
}
#mainContentSub h3 {
	margin:0;
	font-weight:bold;
}
#mainContentSub ul{
	margin:5px 0 20px 12px;
	padding:0;
}
#mainContentSub li {
	list-style: url(images/arrowbullet.jpg);
	padding:3px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


	
a.readmore {
	color:#000;
	width:100%;
	text-align:right;
	line-height: 80%;
}
.rightarrow {
	background: url(images/arrowr1.gif) no-repeat;
	height: 20px;
	width: 20px;
	display:block;
}
.leftarrow {
	background: url(images/arrowl1.gif) no-repeat;
	height: 20px;
	width: 20px;
	display:block;
}
/* Footer and Footer Elements */
#homefooter {
	position: absolute;
	top:1180px;
	margin:auto;
	width:956px;
	text-align:center;
	padding:12px;
	border-top:1px solid #b3b3b3;
	color:#FFF;
}
#homefooter a {
	text-decoration:none;
	color:#FFF;
}
#homefooter p {
	text-align:center;
	margin:auto;
	font-size:10px;
	margin-top:12px;
}
#footer {
	font-size:12px;
	text-align:center;
	color: #FFF;
}
#footer a {
	color:#000;
	text-decoration:none;
}
#footer span {
	display:block;
	font-size:10px;
}

/* Videos */
.vidLink {
	cursor: pointer;
}
.vidLink:hover {
    background: url(images/headingbg.gif) repeat-x;
    color: white;
}

/* Product Focus */
.product_focus {
	width: 250px;
	float: left;
	margin: 10px 10px;
	padding: 5px;
}
.product_focus img{}
.product_focus .company{
	font-weight: bold;
}
.product_focus .description{}
.product_focus .address{}
.product_focus .contact{}
.product_focus .phone{}
.product_focus .fax{}
.product_focus .email{}
.product_focus .website{}
.product_focus .video{}
.separator {
clear: both;
height: 1px;
}
.pie_subheading_left {
	width: 325px;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top:20px;
	}
.pie_subheading_right {
	float: left;
	display:block;
	width:230px;
	height:180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-left: 10px;
	}
.loc {
	font-size:14px;
	padding-top: 20px;
	font-weight:bold;
	color:#AE282F;
}
#fatbuttons {
	margin:auto;
}
#fatbuttons a{
	color:#039;
}
#fatbuttons a.linkTitle {
	color:#039;
	text-decoration:none;
	font-weight:bold;
	display:block;
}	
#fatbuttons a.linkTitle:hover{
	text-decoration:underline;
}
#fatbuttons td{
	background:#DFF1FE;
	border:1px solid #69f;
}
#piehead {
	font: normal 16px  "Copperplate Gothic Bold", Times New Roman, Georgia, serif;
}

#SisterSiteLogo{
    position:absolute;
    top: 64px;
    left: 520px;
    z-index: 5;
}
#SisterSiteLogo img{
    border: none;
}