INPUT.eightpoint { font-size: 8pt; font-family: arial, verdana, sans-serif }


DIV.content680 {
	width: 680;
}

DIV.content780 {
	width: 780;
}
DIV.contentinside {
	width: 780;
	background-image: url(../navigation/images/products/ingredients_blank_opt15.jpg);
	height: 1162px;
	background-repeat: no-repeat;
}
DIV.ingredients {
	width: 340px;
	margin-left: 75px;
	margin-top: 150px;
	font-weight: bold;
	position: absolute;
}
DIV.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #7d197b;
	position: relative;
	top: 480px;
	left: 450px;
	width: 215px;
	text-align: justify;
	padding-left: 10px;
}

DIV.ingredients hr {
	color: #7d197b;
	height: 10px;
	background-color: #7d197b;
}

.kg_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: oblique;
}

.right {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	position: relative;
}
.section {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	position: relative;
	width: 375px;
}
.section img {
	float: none;
}

.left {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	position: absolute;
}
.note {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	position: relative;
}


DIV.ingredients h1 {
	background-color: #7d197b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
DIV.ingredients p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: justify;
	font-style: normal;
	float: none;
}




.navmargins { margin-bottom: 10px; margin-left: 55px;} 

.navcontentline {border-top: 1px dotted #003399; padding-top: 10px; padding-bottom: 5px; margin-left: 25px; margin-right: 40px;}

.dottedline {border-top: 1px dotted #003399; padding-top: 10px; padding-bottom: 10px; width: 300px;}

.border { border: 1px solid #CCCCCC;} 

#sidebar {border-left: 1px dotted #003399; border-bottom: 1px dotted #003399; margin-left: 30px; width: auto;}

.border-leftbottom {border-bottom: 1px dotted #003399; border-left: 1px dotted #003399; margin-top: 10px;}

.padding {padding: 8px 0px 8px 15px;}

.pipe { font-size: 8pt; font-family: arial, verdana, sans-serif; color: #003399; }

.margin-t { margin-top: 10px;} 

.margin-headerimage { margin-bottom: 10px;} 

.red {color: #FF0000; font-family: arial, verdana, sans-serif}

P.top { margin-left: 20px; margin-right: 20px; font-size: 8pt; font-family: arial, verdana, sans-serif}

P.bottom { margin-left: 30px; margin-right: 20px; margin-top: 20px; font-size: 8pt; font-family: arial, verdana, sans-serif}

.eightpoint { font-size: 8pt; font-family: arial, verdana, sans-serif }

P, TABLE, TD, TH, UL, OL, B, DL, DT, DD
{
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
}

STRONG, BIG {font-family: arial, verdana, sans-serif;
font-size: 12pt}

H1, H2, H3, H4, HD, B, A.bookmark
{color: #3366CC;
font-family: arial, verdana, sans-serif}

H1
{font-size: 17pt}

H2
{font-size: 14pt}

H3
{font-size: 12pt}

H4
{font-size: 10pt}

HD
{font-size: 13pt; text-decoration: underline; color: #3366CC; font-weight: bold}

A, A:active, A:visited
{
	color: #003399;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
}
#content
{
	width: 100%;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	position: relative;
}
#content .headerLeft {
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 100%;
}

#content  .headerRight {
	position: relative;
	top: -50px;
	left: 200px;
	height: 50px;
	width: 400px;
	text-align: right;
}
#content .pdf {
	height: 75px;
	position: inherit;
	top: 0px;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
	overflow: visible;
	visibility: inherit;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 75px;
	padding-left: 25px;
	left: -5px;
	margin-left: 0px;
}
#content .pdficons ul {
	position: relative;
	width: 100%;
	float: left;
	list-style-type: none;
	min-width: 300px;
}

#content .pdficons li {
	position: relative;
	list-style-type: none;
	width: 33%;
	float: left;
}

#content .pdficons {
	position: relative;
	width: 100%;
}

#content  #directions  {
	background-image: url(../navigation/images/products/procollardirections40x50.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content #sizing {
	background-image: url(../navigation/images/products/procollarsizing40x50.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	left: 7%;
}
#content #brochure {
	background-image: url(../navigation/images/products/procollar_brochure.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



#content span {
	background-position: center;
	text-align: left;
	vertical-align: baseline;
}



A:hover
{color: #003399;
font-family: arial, verdana, sans-serif;
text-decoration: underline}

A.nav, A.nav:active, A.nav:visited
{color: #003399; font-size: 8pt; font-weight: bold;
font-family: arial, verdana, sans-serif; 
text-decoration: none}

A.nav:hover
{color: #003399; font-family: arial, verdana, sans-serif; font-size: 8pt; font-weight: bold;
text-decoration: underline}

#footer {
	border-top: 1px dotted #003399;
	clear: both;
	line-height: 100%;
	padding-top: 10px;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
	width:480px;
}


/* for the menus */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
	float: left;
}

#nav a {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

#nav ul a {
	display: block;
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	background-color: #FFF;
}

#nav li {
	float: left;
	height: 18px;
}

#nav ul li {
	height: 18px;
	z-index: 100;
	}

#nav a:hover {
	color: #003399;
	background-color: #FFF;
	text-decoration: underline;
	}

#nav li ul {
	position: absolute;
	width: 170px;
	left: -999em;
}

#nav li ul li {
	width: 150px;
	display: inline;
	margin-left: 12px;
	background: #fff;
	border-bottom: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
	font-size: 11px;
	line-height: 11px;
	font-family: arial, verdana, sans-serif;
	color: #003399;
	padding: 4px 0px 0px 5px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 100;
}

.firstnavitem {
		margin-top: 2px;
		border-top: 1px solid #003399;
}


.cleaner {
    clear: both;
	}
	
	

#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
	float: left;
}

#nav2 a {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

#nav2 ul a {
	display: block;
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	background-color: #FFF;
}

#nav2 li {
	float: left;
	height: 18px;
}

#nav2 ul li {
	height: 18px;
	z-index: 100;
	}

#nav2 a:hover {
	color: #003399;
	background-color: #FFF;
	text-decoration: underline;
	}

#nav2 li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}

#nav2 li ul li {
	width: 180px;
	margin-left: 12px;
	display: inline;
	background: #fff;
	border-bottom: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
	font-size: 11px;
	line-height: 11px;
	font-family: arial, verdana, sans-serif;
	color: #003399;
	padding: 4px 0px 0px 5px;
}

#nav2 li:hover .lastnavmenu, #nav2 li.sfhover .lastnavmenu {
		margin-left: -100px;
		
}


#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index: 100;
}


/* Support for the "iehover-fix.js" */

* html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */


/* left navigation */

#leftnav {margin-right: 20px; margin-top: 20px; width: auto;}

#leftnav, #leftnav ul {  display: list-item; list-style-type: none; }

#leftnav, #leftnav li { height: 20px; }

#leftnav a {
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	background-color: #FFF;
}

#leftnav a:hover {
	color: #003399;
	background-color: #FFF;
	text-decoration: underline;
	}
DIV.contentinside.div {
	background-color: #FF9900;
}
DIV.footer {
	width: 600px;
	background-color: #FFFFFF;
	margin-left: 75px;
	margin-top: -5px;
	font-weight: bold;
}
u {
	text-decoration: underline;
	color: #3366CC
}
#content #stabilizer {
	background-image: url(../navigation/images/products/stabilizer_brochure.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content .pdficons td {
	width: 33%;
	text-align: center;
}
#content .pdficons table {
	width: 100%;
}
#content  .pdficons  .pdfText  {
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#content540 {
	width: 340px;
	padding-left: 125px;
}
