/* CSS Document */

html, body {
height: 100%; /* Make sure the document takes up the whole window. */                
margin: 0;  /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */               
padding: 0; /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
}
body {
background: #222 url(../Images/CarbonFiber3.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
}
a {
color: #008000;
text-decoration: none;
}
	a:hover {
	color: #4bb512;
	}
address {
margin: 0.25em 0;
font-style: normal;
color: #444;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 180%;
font-weight: normal;
line-height: 1em;
color: #820000;
margin: 0em 0 0.5em -1px;
}
h2 {
font-size: 130%;
line-height: 1em;
margin: 0 0 0.25em 0;
color: #333;
}
em {
color: #820000;
}
img {
display: block;
}
	a img {
	border: none;
	}
p {
margin: 1em 0;
line-height: 1.5em;
}

/*Worker Styles*/
.clear {
clear: both;
}
.floatleft {
float: left;
}
	img.floatleft {
	margin-right: 11px;
	}
.floatright {
float: right;
}
	img.floatright {
	margin-left: 11px;
	}
	
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.nobottommargin {
margin-bottom: 0;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Layout Styles*/
#shim {
visibility: hidden;
width: 100%;
height: 50%; /* Bump div#blueBox down half the height of the screen. */
margin-top: -261px; /* Half the height of div#container */
float: left;
}
#container {
border: solid 1px #000;
width: 802px;
height: 503px;
margin: 0 auto;
clear: both;
}
#wrapper {
background: #fff;
position: relative;
border: solid 1px #fff;
box-shadow: 4px 4px 7px #000;
-moz-box-shadow: 4px 4px 7px #000;
-webkit-box-shadow: 4px 4px 7px #000;
}
#header {
height: 120px;
background-color: #CCC;
position: relative;
}
#PanamicLogo {
float: left;
border-right: solid 1px #fff;
}
.Announcement {
margin-top: 1.25em;
border: dotted 1px #999;
background: #eee;
padding: 3px 7px 5px;
}
	.Announcement h2 {
	margin: 0;
	display: inline;
	color: #069;
	font-size: 120%;
	}
	.Announcement p {
	margin: 0 0 0 0.5em;
	display: inline;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	.Announcement span {
	margin: 0 0 0 0.2em;
	font-size: 130%;
	color: #666;
	font-weight: bold;
	}
#Navigation {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
}
	#Navigation li {
	float: left;
	display: inline;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	background: #820000;
	font-size: 120%;
	}
		#Navigation li a {
		display: block;
		width: 119px;
		padding: 7px 0;
		color: #fff;
		text-decoration: none;
		border-top: solid 9px #333;
		}
			#Navigation li a:hover {
			border-color: #4bb512;
			}
		
#content {
border-top: solid 1px #fff;
}
#LeftCol {
float: left;
width: 200px;
background: #333;
}
	#LeftCol img {
	border-bottom: solid 1px #fff;
	}
#RightCol {
float: left;
display: inline;
width: 574px;
overflow: auto;
height: 333px;
padding: 20px 13px 10px 13px;
}
.AltTerms {
display: none !important;
}
#footer {
clear: both;
background: #820000;
}
	#footer span {
	font-size: 80%;
	color: #eee;
	padding: 2px 4px;
	}
		#footer span a {
		color: #eee;
		}
		
/*Products Styles*/

.ProductListPDF {
width: 200px;
height: 108px;
position: absolute;
top: 121px;
left: 0px;
background: url(../Images/CollapsedPoleWhiteFade.jpg);
text-align: center;
line-height: 108px;
}
	.ProductListPDF a {
	font-weight: bold;
	}
		.ProductListPDF a img {
		display: inline;
		vertical-align: middle;
		padding-right: 3px;
		}

.ProductMenu {
list-style: none;
margin: 0;
padding: 0 0 0 7px;
}
	.ProductMenu li {
	float: left;
	margin: 0;
	padding: 0;
	}
		.ProductMenu li a {
		display: block;
		height: 100%;
		}
			.ProductMenu li a h1 {
			border-top: solid 10px #ddd;
			padding-top: 3px;
			}
			.ProductMenu li a:hover h1 {
			border-color: #4bb512;
			}
				.twothree h1 {
				margin-right: 15px;	
				}
				
/*ProductList table styles*/
.ProductList {
border-collapse: collapse;
color: #fff;
background-color: #958580;
margin: 0em 0px;
}
	.ProductList td, .ProductList th {
	border: solid 1px #fff;
	padding: 2px 5px;
	text-align: left;
	}
	.ProductList th {
	background-color:#655550
	}
		.ProductList td.StockCode {
		background-color: #bb444e;
		}
		.ProductList th.StockCode {
		background-color: #820000;
		}
	.ProductList tr.NewSection td {
	border-top: 4px;
	}

/*SpceTable Styles*/
table.SpecTable {
border-collapse: collapse;
margin: 0.5em 0;
}
	table.SpecTable th {
	font-weight: normal;
	text-align: left;
	color: #820000;
	padding: 1px 13px 1px 3px;
	background: #e6e6e6;
	}
	table.SpecTable td {
	padding: 1px 13px 1px 3px;
	border-top: solid 1px #ccc;
	}
		table.SpecTable tr.altRow td {
		background: #eee;
		}
		table.SpecTable .lastCol {
		padding: 1px 3px 1px 3px;
		}
	
/*Features Styles*/

.FeatureList {
margin: 0;
padding: 0;
list-style: none;
}
.Feature {
position: absolute;
height: 31px;
}
	.Feature a {
	display: block;
	padding: 8px 0px 9px 5px;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	overflow: hidden;
	text-align: center;
	cursor: help;
	}
	.Feature a:hover {
	color: #555;
	}
		.Feature a span {
		position: absolute;
		display: block;
		}
		
.F1 {
left: 171px;
top: 61px;
width: 153px;
}
	.F1 a {
	width: 150px;
	height: 17px;
	background: url(../Images/F1RollA.jpg) -9999px no-repeat;
	}
	.F1 a:hover {
	background-position: 0px;
	}
		.F1 a span {
		left: -141px;
		top: -9px;
		width: 141px;
		height: 68px;
		background: url(../Images/F1RollS.jpg) no-repeat -9999px;
		}
		.F1 a:hover span {
		background-position: 0px;
		}
.F2 {
left: 12px;
top: 180px;
width: 143px;
}
	.F2 a {
	width: 140px;
	height: 17px;
	background: url(../Images/F2RollA.jpg) -9999px no-repeat;
	}
	.F2 a:hover {
	background-position: 0px;
	}
		.F2 a span {
		left: 104px;
		top: -76px;
		width: 49px;
		height: 76px;
		background: url(../Images/F2RollS.jpg) no-repeat -9999px;
		}
		.F2 a:hover span {
		background-position: 0px;
		}
.F3 {
left: 339px;
top: 104px;
width: 221px;
}
	.F3 a {
	width: 218px;
	height: 17px;
	background: url(../Images/F3RollA.jpg) -9999px no-repeat;
	}
	.F3 a:hover {
	background-position: 0px;
	}
		.F3 a span {
		left: -120px;
		top: 34px;
		width: 160px;
		height: 63px;
		background: url(../Images/F3RollS.jpg) no-repeat -9999px;
		}
		.F3 a:hover span {
		background-position: 0px;
		}
.F4 {
left: 38px;
top: 245px;
width: 165px;
}
	.F4 a {
	width: 162px;
	height: 17px;
	background: url(../Images/F4RollA.jpg) -9999px no-repeat;
	}
	.F4 a:hover {
	background-position: 0px;
	}
		.F4 a span {
		left: 165px;
		top: -47px;
		width: 168px;
		height: 64px;
		background: url(../Images/F4RollS.jpg) no-repeat -9999px;
		}
		.F4 a:hover span {
		background-position: 0px;
		}
.F5 {
left: 96px;
top: 304px;
width: 179px;
}
	.F5 a {
	width: 176px;
	height: 17px;
	background: url(../Images/F5RollA.jpg) -9999px no-repeat;
	}
	.F5 a:hover {
	background-position: 0px;
	}
		.F5 a span {
		left: 157px;
		top: -58px;
		width: 209px;
		height: 58px;
		background: url(../Images/F5RollS.jpg) no-repeat -9999px;
		}
		.F5 a:hover span {
		background-position: 0px;
		}
.F6 {
left: 395px;
top: 168px;
width: 191px;
}
	.F6 a {
	width: 188px;
	height: 17px;
	background: url(../Images/F6RollA.jpg) -9999px no-repeat;
	}
	.F6 a:hover {
	background-position: 0px;
	}
		.F6 a span {
		left: 76px;
		top: 34px;
		width: 37px;
		height: 112px;
		background: url(../Images/F6RollS.jpg) no-repeat -9999px;
		}
		.F6 a:hover span {
		background-position: 0px;
		}
.F7 {
left: 311px;
top: 318px;
width: 109px;
}
	.F7 a {
	width: 106px;
	height: 17px;
	background: url(../Images/F7RollA.jpg) -9999px no-repeat;
	}
	.F7 a:hover {
	background-position: 0px;
	}
		.F7 a span {
		left: 109px;
		top: -22px;
		width: 160px;
		height: 60px;
		background: url(../Images/F7RollS.jpg) no-repeat -9999px;
		}
		.F7 a:hover span {
		background-position: 0px;
		}
		
/*Press Styles*/
.PressReleases {
}
	.PressReleases ul {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	}
		.PressReleases ul li {
		margin: 0.5em 0 0 0.5em;
		background: url(../Images/ChevronLink.gif) 0px 3px no-repeat;
		padding-left: 8px;
		font-size: 110%;
		}
.PressImage {
border: solid 1px #333;
margin-top: 4px;
margin-bottom: 5px;
}

/*Distributors Styles*/
.DistributorList {
list-style: none;
padding: 0;
margin: 20px 10px 0 15px;
}
	.DistributorList li {
	margin-bottom: 1.25em;
	}
		.DistributorList li a.external {
		padding-right: 13px;
		background: url(../Images/ExternalLink.gif) right center no-repeat;
		}

#UKDistributors {
width: 50%;
float: left;
border-right: dotted 1px #999;
padding: 5px 0;
}
	#UKDistributors h1 {
	margin-top: 0;
	}
	.DistributorHotSpotMap {
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 35px;
	}
		.DistributorHotSpotMap img {
		border: none;
		}
#InternationalDistributors {
width: 47%;
margin-left: 2%;
float: left;
padding: 5px 0;
}
	#InternationalDistributors h1 {
	margin-top: 0;
	}
	#InternationalDistributors ul {
	margin: 10px 0 0 0px;
	padding: 0;
	list-style: none;
	}
		#InternationalDistributors ul li {
		padding: 8px 0;
		float: left;
		width: 134px;
		}
			#InternationalDistributors ul li a {
			}
				#InternationalDistributors ul li a img {
				display: inline;
				vertical-align: middle;
				padding-right: 5px;
				}