@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}

html { overflow-y:scroll; }
input[type=submit],label,select,.pointer    { cursor:pointer; }

body{
background:url(../images/paper-background.jpg) repeat scroll left top;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

/*-------------[ Main Structure ]-------------*/

#wrapper{
width:837px;
margin:0 auto;
}

#header{
	float:left;
	width:685px;
	height:96px;
	background-attachment: scroll;
	background-image: url(../images/headerBackground02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 125px;
}

#content{
	display:inline;
	float:left;
	width:760px;
	background:url(../images/bodyBackground.gif) repeat-y left top;
	padding: 5px 26px 0 26px;
	margin:0 0 0 25px;
}

#footer{
display:inline;
float:left;
width:812px;
margin:0 0 0 25px;
background:url(../images/footerBackground.gif) top left no-repeat;
padding:8px 0 0 0;
}

/*-------------[ End Main Structure ]-------------*/

/*-------------[ Navigation ]-------------*/

.nav{
float:right;
height: 65px;
margin:0 -18px 0 0; /* negative margin to flush nav against border */
display:inline;
}

.nav ul {
margin: 26px 0 0 0;
height: 31px;
}

.nav li {
list-style:none;
float:left;
}

.nav a{
display:block;
background: url(../images/navTabRight.gif) no-repeat right top;
font-size: 12px;
font-weight: bold;
line-height:29px;
color: #07486C;
text-decoration:none;
padding: 0 10px 0 0;
height: 31px;
position:relative;
cursor:pointer;
}

.nav .tab{
display:block;
background: url(../images/navTabLeft.gif) no-repeat left top;
height: 31px;
}

.nav a:hover {
top:3px;
height:28px;
overflow:hidden;
}

.nav .active a{
background-position: right -31px;
top:3px;
height:28px;
overflow:hidden;
}

.nav .active .tab{
background-position: 0px -31px;
}



.nav img {
border: none 0px;
position:relative;
top:3px;
left:5px;
margin: 0 8px 0 0;
}

/*-------------[ End Navigation ]-------------*/

/*-------------[ Main ]-------------*/

.main h1{
	font-size: 28px;
	font-weight:bold;
	margin: 0 0 15px 0;
	line-height: 32px;
}

.main .icon{
	float:left;
	width:50px;
	height:50px;
	margin: 0 15px 10px 0;
}

.main .hIcon{
	float:left;
	height:50px;
	line-height: 50px;
	margin: 0 0 10px 0;
}

.main .h3icon img{
float:left;
width:24px;
height:24px;
margin: 0 5px 0 0;
}

.main .h3icon h3{
line-height:24px;
}


.main h2{
font-size: 20px;
font-weight:bold;
margin: 0 0 10px 0;
}

.main h3{
	font-size: 24px;
	line-height:28px;
	font-weight:bold;
	margin: 0 0 5px 0;
	color:#07486C;
}

.main h4{
	font-size: 18px;
	font-weight:bold;
	margin: 0 0 5px 0;
	color:#07486C;
	line-height: 20px;
}

.main h1 a{
text-decoration:none;
}

.main h2 a{
text-decoration:none;
}

.main h3 a{
text-decoration:none;
}

.main p{
font-size: 14px;
margin: 0 0 10px 0;
}

.columnOne{
float:left;
width:245px;
margin: 0 10px 0 0;
}

.columnTwo{
float:left;
width:500px;
margin: 0 10px 0 0;
}

.columnLast{
margin: 0;
}

.row{
	float:left;
	width:100%;
	clear:both;
	margin:0;
}

.row10{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 10px 0;
}

.row1010{
	float:left;
	width:100%;
	clear:both;
	margin:10px 0 10px 0;
}

.row20{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 20px 0;
}

.row30{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 30px 0;
}

.rowBottomBorder{
	border-bottom:1px solid #07486C;
	float:left;
	width:100%;
	clear:both;
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
}

.greenText{
color:#009900;
}

.redText{
color:#990000;
}

.dList {
float:left;
margin:0 0 10px 0;
} 

.dList dl{
float:left;
width:100%;
}

.dList dt{
float:left;
width:100%;
font-weight:bold;
}

.dList dd{
float:left;
width:100%;
margin:0 0 10px 0;
}

.leftImageFull{
	float:left;
	width: 391px;
	margin:0 25px 10px 0;
}

.leftImageFull img{
margin:0 0 10px 0;
}

/*-------------[ End Main ]-------------*/

/*-------------[ Product Stickers ]-------------*/

.stickerHeader{
width:245px;
height: 26px;
padding: 12px 0 0 15px;
color:#fff;
font-size:18px;
font-weight:bold;
}

.stickerMain{
	width:215px;
	height: 200px;
	font-size:11px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.stickerMain p{
font-size:11px;
}

.stickerMain img{
margin:3px 0 5px 0;
}

.stickerMain ul{
margin: 0 0 0 15px;
font-size:10px;
}

.stickerMain li {
margin: 0 0 5px 0;
}

.stickerMain .dottedLink{
width:175px;
}

.stickerFooter{
width:245px;
height: 17px;
}

.stickerRed .stickerHeader{
background: url(../images/stickerRedTop.gif) no-repeat top left;
}

.stickerGreen .stickerHeader{
background: url(../images/stickerGreenTop.gif) no-repeat top left;
}

.stickerBlue .stickerHeader{
background: url(../images/stickerBlueTop.gif) no-repeat top left;
}

.stickerYellow .stickerHeader{
background: url(../images/stickerYellowTop.gif) no-repeat top left;
}

.stickerRed .stickerMain{
background: url(../images/stickerRedMid.gif) repeat-y top left;
}

.stickerGreen .stickerMain{
background: url(../images/stickerGreenMid.gif) repeat-y top left;
}

.stickerBlue .stickerMain{
background: url(../images/stickerBlueMid.gif) repeat-y top left;
}

.stickerYellow .stickerMain{
background: url(../images/stickerYellowMid.gif) repeat-y top left;
}

.stickerRed .stickerFooter{
background: url(../images/stickerRedBottom.gif) no-repeat top left;
}

.stickerGreen .stickerFooter{
background: url(../images/stickerGreenBottom.gif) no-repeat top left;
}

.stickerBlue .stickerFooter{
background: url(../images/stickerBlueBottom.gif) no-repeat top left;
}

.stickerYellow .stickerFooter{
background: url(../images/stickerYellowBottom.gif) no-repeat top left;
}

/*-------------[ End Product Stickers ]-------------*/

/*-------------[ Links ]-------------*/

a {
color:#07486C;
}

.floatLink{
padding:5px;
font-size: 7px;
float:left;
}

.floatLink a{
font-size:13px;
font-weight: bold;
}

.dottedLink{
	border-top:1px dashed #aaa;
	padding:5px;
	font-size: 7px;
	float:left;
}

.dottedLink a{
font-size:13px;
font-weight: bold;
}

.plusLink{
background: url(../images/icons/add.png) 0px 5px no-repeat;
padding-left:25px;
margin-right:10px;
}

.plusLink a{
color:#009900;
}

.plusLinkLarge{
background: url(../images/icons/plusLarge.png) 0px 5px no-repeat;
padding-left:35px;
}

.plusLinkLarge a{
color:#009900;
}

.infoLink{
background: url(../images/icons/information.png) 0px 5px no-repeat;
padding-left:25px;
margin-right:10px;
}

.infoLink a{
color:#0066FF;
}

.infoLinkLarge{
background: url(../images/icons/infoLarge.png) 0px 5px no-repeat;
padding-left:35px;
}

.infoLinkLarge a{
color:#0066FF;
}

.newsLink{
background: url(../images/icons/newspaper.png) 0px 5px no-repeat;
padding-left:25px;
margin-right:10px;
}

.mainDiv .newsLink{
margin-bottom:10px;
}

.newsLink a{
color:#0066FF;
}

.pdfLink{
background: url(../images/icons/page_white_acrobat.png) 0px 5px no-repeat;
padding-left:25px;
}

.pdfLink a{
color:#0066FF;
}

.pdfLink a{
color:#0066FF;
}

.videoLink{
	background: url(../images/icons/film.png) 0px 5px no-repeat;
	padding-left:25px;
	margin-right:10px;
}

.videoLink a{
color:#0066FF;
}

.panamediaVideoLink{
border:1px #07486C solid;
margin:0 0 20px 0;
padding:10px 10px 10px 30px;
background-position: 8px 10px;
width:238px;
background-color:#F1F2F5;
}

.mainVideoLink{
border:1px #07486C solid;
margin:0 0 20px 0;
padding:10px 10px 10px 30px;
background-position: 8px 10px;
width:349px;
background-color:#F1F2F5;
}

.linkedInLink {
background: url(../images/icons/linkedin_icon.png) 0px 5px no-repeat;
padding-left:25px;
float:left;
display: inline;
width:100%;
font-size:13px;
font-weight: bold;
line-height:25px;
}

.twitterLink {
background: url(../images/icons/twitter_icon.png) 0px 5px no-repeat;
padding-left:25px;
float:left;
display: inline;
width:100%;
font-size:13px;
font-weight: bold;
line-height:25px;
}

a:hover {
color:#07486C;
text-decoration: none;
}

/*-------------[ End Links ]-------------*/

/*-------------[ greyBlueLine ]-------------*/

.greyBlueLines dl{
font-size:12px;
}

.greyBlueLines .headDiv {
	margin:0 20px 10px 0;
	float:left;
	width:100%;
}

.greyBlueLines .headDiv p{
font-size:12px;
font-weight:bold;
}

.greyBlueLines .mainDiv {
float:left;
font-size:12px;
}

.greyBlueLines .linkDiv {
width:100%;
float:left;
margin:0 0 30px 0;
border-top:1px dashed #aaa;
}

.greyBlueLines ul {
margin:5px 0 10px 20px;
}

.greyBlueLines li {
margin:0 0 2px 0;
}

.greyBlueLines .mainDivWithImage {
float:left;
display:inline;
margin:0 0 10px 0;
width:350px;
}

.greyBlueLines .leftImage{
float:left;
display:inline;
width:140px;
height:100%;
margin:0 5px 0 0;
}

.greyBlueLines .leftImageFull{
float:left;
display:inline;
width:280px;
height:100%;
margin:0 20px 0 0;
}

.greyBlueLines .leftImageFull img{
margin:0 0 10px 0;
}

.greyBlueLines .mainDivWithImageFull {
float:left;
display:inline;
margin:0 0 10px 0;
width:460px;
}

.greyBlueLines .columnOne{
width:225px;
padding:0 5px 0 10px;
}

.greyBlueLines .mainDivWithImage .infoLink{
width:320px;
float:left;
display:inline;
margin-top:10px;
}

.greyBlueLines .columnLast{
padding:0 0 0 10px;
}


/*.greyBlueLines .dottedLink{
width:100%;
}

.greyBlueLines .columnTwo .mainDiv .dottedLink{
width:100%;
}*/

.greyBlueLines .rightBorder {
border-right: 1px solid #07486C;
}

.greyBlueLines .leftBorder {
border-left: 1px solid #07486C;
}

/*-------------[ End greyBlueLine ]-------------*/

/*-------------[ Main Display ]--------------------*/

.mainDisplay {
width:100%;
}

.mainDisplay h1 {
font-size:32px;
line-height:110%;
}

.mainDisplay h2 {
font-size:18px;
line-height:110%;
color:#07486C;
}

.mainDisplayLeft {
float:left;
width:60%;
}

.mainDisplayRight {
float:right;
width:40%;
}

.mainDisplay .rightImageOverlap {
float:right;
margin:-30px -110px 0 0;
}

/*-------------[ End Main Display ]--------------------*/

/*-------------[ Misc Stuff ]-------------*/

.logoRow{
height: 80px;
}

.logoRow h3 {
font-size:18px;
padding: 0 0 5px 0;
border-bottom:1px solid #07486C;
width: 100%;
margin:0 0 10px 0;
font-weight:bold;
}

.logoRow img{
margin: 0 13px 0 0;
}

.logoRow a img{
border:none;
}

.redLink a{
font-size:18px;
color:#990000;
font-weight:bold;
}

.yellowBtn a {
display:none;
color:#990000;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-align:center;
border:2px solid #990000;
background:#FFCC00;
padding:10px;
margin:10px 0 0 0;
width:auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;
}

/*-------------[ Footer ]-------------*/
.footerLinks{
width:860px;
font-size:10px;
color:#aaa;
text-align: center;
}

.footerLinks ul{
width: 760px;
margin: 10px 50px 10px 50px;
}

.footerLinks li{
margin: 0;
display: inline;
list-style-type:none;
padding: 0 10px 0 10px;
}

/*-------------[ End Footer ]-------------*/