/* html tags */
html, body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/backgrounds/BodyBG.jpg) repeat left top;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
/* ID's */
#Container {
	width: 952px;
	height: auto;
	position: relative;
	background: url(../images/backgrounds/TopCornerShadows.png) no-repeat left top;
	margin: 0px auto;
	padding: 0px;
}
#Header {
	width: 886px;
	height: 174px;
	position: relative;
	border: solid 7px #FFF;
	background: #EAE7DC url(../images/backgrounds/HeaderBG.jpg) no-repeat right top;
	margin: 0px 26px 0px 26px;
	padding: 0px;
}
#Header h1 {
	width: 232px;
	height: 150px;
	background: url(../images/backgrounds/LogoBG.jpg) no-repeat left top;
	border-right: solid 7px #FFF;
	margin: 0px;
	padding: 24px 0px 0px 25px;
}
#Header h1 a {
	width: 192px;
	height: 65px;
	display: block;
}
#Header h1 a span {
	display: none;
}
#Header h2 {
	width: 250px;
	position: absolute;
	top: 100px;
	left: 4px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #276069;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#ContentContainer {
	width: 886px;
	height: auto;
	position: relative;
	border: solid 7px #FFF;
	border-top: none;
	background: #EAE7DC url(../images/backgrounds/ContentBodyBG.jpg) repeat-x left bottom;
	margin: 0px 26px -130px 26px;
	padding: 1px 0px 148px 0px;
	z-index: 10;
}
#Pnav {
	width: 258px;
	height: auto;
	position: absolute;
	top: 7px;
	left: 7px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 15;
}
#Pnav li {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
#Pnav li a{
	width: 205px;
	height: 22px;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	background: url(../images/nav/PnavRO.gif) no-repeat -1px 0px;
	padding: 5px 0px 0px 25px;
}
#Pnav li a:hover {
	background: url(../images/nav/PnavRO.gif) no-repeat -1px -33px;
}
/* Pnav Submenus Start*/
#Pnav li ul {
	display: none; /* change to display block when on the products pages */
	margin: 0px;
	padding: 0px;
}
#Pnav li ul li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#Pnav li ul li a, #Pnav li#Products ul li a {
	width: 197px;
	text-transform: none;
	background: #1F4F54 url(none);
	border-top: solid 1px #EAE7DC;
	padding: 5px 0px 0px 30px;
}
#Pnav li ul li a:hover, #Pnav li#Products ul li a:hover {
	background: #276369 url(none);
}
/* Pnav submenus end */
#Content {
	width: 636px;
	height: auto;
	margin: 0px 0px -143px 250px;
	padding: 0px 0px 0px 0px;
}
#Content h3 {
	width: 601px;
	height: 36px;
	font-size: 14px;
	font-style: italic;
	color: #1E484C;
	background: url(../images/header/PageHeadingBG.jpg) no-repeat left top;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 35px;
}

#Content h4 {
	font-size:14px;
	color: #1E484C;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align:center;
}

#Content h5 {
	font-size:12px;
	color: #1E484C;
	margin: 0px 0px 20px 0px;
	padding:  10px 0px 0px 0px;
	text-align:left;
	border-bottom: 1px solid #1E484C;
}

#Content h6 {
	font-size:12px;
	color: #1E484C;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}


#Copy {
	width: 568px;
	min-height: 120px;
	height: 120px;
	height: auto !important;
	background: #F7F6F2;
	border-left: solid 8px #FFF;
	border-right: solid 8px #FFF;
	margin: -8px 0px 0px 11px;
	padding: 0px 17px 1px 17px;
}
#Copy a:link, a:visited {
	text-decoration: none;
	color: #347E85;
}
#Copy a:hover {
	text-decoration: underline;
	color: #1E484C;
}
#Copy p.left a:link, #Copy p.left a:visited,#Copy p.right a:link, #Copy p.right a:visited {
	
}
#Copy p.left a:hover, #Copy p.right a:hover {
	
}
#Copy p {
	position: relative;
	margin: 0px 0px 15px 0px;
	z-index: 20;
}

#Copy form, h4, h5, h6, ul {
	position: relative;
	margin: 0px 0px 15px 0px;
	z-index: 20;
}

#Copy table {
	position: relative;
	z-index: 21;
}

#Copy table#front {
	position: relative;
	margin: 0px 0px 15px 0px;
	z-index: 20;
}

#Copy #credchk-dis {
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
}

#Copy ol {
	margin: 3px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}

#Copy ol li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#Copy ul {
	margin: 3px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}

#Copu ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#Copy hr {
	background-color: #1E484C;
	border: none 0px;
	height: 1px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

#Copy table img {
	border: 1px solid #1E484C;
	padding:2px;
	margin:0px;
}

#Footer {
	width: 599px;
	height: 92px;
	position: relative;
	font-size: 10px;
	color: #649393;
	list-style: none;
	background: url(../images/backgrounds/FooterBG.jpg) no-repeat left top;
	margin: -45px 0px 0px 0px;
	padding: 55px 0px 0px 37px;
	z-index: 15;
}
#Footer li {
	display: block;
	float: left;
}
#Footer li#Suppliers {
	display: block;
	margin: 0px 0px 20px 0px;
}
#Footer li#Suppliers img#VariBest {
	margin: 0px 86px 0px 0px;
}
#Footer li a {
	color: #649393;
	text-decoration: none;
}
#Footer li a:hover {
	color: #385252;
}
#Copyright {
	width: 237px;
	margin: 0px;
}
#HomeLink, #ContactLink, #PrivacyLink {
	border-right: solid 1px #649393;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
}
#PrivacyLink {
	border-right: none;
}
#SiteDesign {
	width: 152px;
	text-align: right;
	margin: 0px;
}
#BottomShadow {
	width: 952px;
	height: 139px;
	background: url(../images/backgrounds/BottomCornerShadows.png) no-repeat left top;
	margin: 0px 0px 10px 0px;
	z-index: 5;
}

#logo_links {
	width: 258px;
	height: auto;
	position: absolute;
	top: 7px;
	left: 7px;
	margin: 217px 0px 0px 0px;
	padding: 0px;
	z-index: 15;
	text-align: left;
}

#logo_links img {
	padding: 2px;
	margin: 3px 0px 0px 0px;
	border: 1px solid #999999;
}
#thank-you {
	color: #006666;
	font-size: 14px;
	text-align:center;
}
#Copy ul#pos-nav {
	margin: 0px;
	padding: 0px;
}
#Copy ul#pos-nav li {
	margin: 0px;
	padding: 0px;
	display:inline;
	list-style:none;
	font-size:11px;
}

#Copy #warranty {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style:none;
}
#Copy #warranty li {
	list-style:none;
}
#Copy #warranty li ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	list-style:none;
}

/* Classes */
.FloatRight {
	float: right;
	margin: 0px 0px 0px 5px;
	position: relative;
	z-index: 25;
	background-color: #F7F6F2;
	padding: 0px 0px 15px 20px;
}

.FloatRight2 {
	float: right;
	margin: 1px 0px 5px 12px;
	position: relative;
	z-index: 25;
	padding: 2px;
	border: 1px solid #1E484C;
}

.leftBDR {
	border-left: 1px solid #999999;
}

.rightBDR {
	border-right: 1px solid #999999;
}

.charts {
	font-size: 12px;
	letter-spacing: -1px;
	font-family:Arial, Helvetica, sans-serif;
}

#Copy p.left {
	float: left;
	margin: 0px;
	padding: 0px 0px 30px 150px;
}
#Copy p.right {
	float: right;
	margin: 0px;
	padding: 0px 150px 30px 0px;
}

.redText {
	color:#cc0000;
}

.greenText {
	color: #347E85;
}

/* PNG FIX for IE 6 --- WILL NOT VALIDATE --- */
.png, #Container, #BottomShadow, #Copy   {
	behavior: url(../ie_scripts/iepngfix.htc);
}


/* Tooltip Popup */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	background-color:#347E85;
    color:#000;
    text-decoration:none;
}

a.info:hover{
	z-index:26; 
	background-color:#347E85;
}

a.info span{
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	padding: 2px;
	top: 15px;
	left: 130px;
	width: 220px;
	border:1px solid #347E85;
	background-color:#BFE2E6;
	color:#000;
	text-align: left;
	text-decoration:none;
}

#EditLink {
	position:relative;
	z-index:500;
}