@import url("include.css");

#outerContainer { 
	background: white repeat-y url(../graphics/nav/pNav.gif) ;	
	padding: 0;
	margin: 0 0 0 3px;
	}

#innerContainer {
	background: transparent repeat-y url(../graphics/nav/secondaryNav.gif) ;
	background-position: right;
	padding: 0 0 10px 0;
	margin: 0;
	min-height: 350px;
}

* HTML #innerContainer {
	height: 350px;
}

#searchBreadCrumbs {
	border-bottom: 1px solid #ead8af;
	height: 20px;
	padding: 5px;
}

* HTML #searchBreadCrumbs {
	height: 30px;
}


#searchBreadcrumbs h3 {
	display: inline;
	color: #5B96B1; 
	font-size: 14px;
	padding: 0 20px 0 0;
}

#searchBreadcrumbs #nav {
	float: right;
	width: 75px;
}

#primaryNav {
	background: #ddeff9;
}

#primaryNav .lastSearchType {
	border-top: 1px dotted #fff ;
	padding: 5px;
	margin: 30px 0 0 0;
}

#breadCrumbs {
	color: #8f846b;
	font-weight: bold;
	font-size: 10px;
	background-color: #fcf7ed;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ead8af;
	border-left: 1px solid #FFFFFF;
	height: 15px;
	padding: 5px 0 5px 5px;
	margin-left: 3px;
}

#breadCrumbs a { 
	color: #8f846b; 
	font-weight: 100; 
	font-size: 11px; 
	text-decoration: none 
}

#breadcrumbs a:hover  { 
	color: #5b97b1; 
	text-decoration: underline;
}

#primaryNav   {
	width: 200px;
	float: left 
}

#primaryNav H1  { 
	color: #666; 
	font-size: 13px; 
	font-weight: 700; 
	margin: 4px 8px; 
	padding: 4px 0 4px 4px; 
	width: 170px; 
	border-bottom: 1px solid #809fae;
	}

#primaryNav UL  { 
	list-style-type: none; 
	margin-left: 16px; 
	padding: 5px; 
}

#primaryNav LI  {
	list-style-image: url("../graphics/nav/primary_nav_bullet.gif");
	list-style-position: outside;
	margin: 0px 4px 4px 0px;
	padding: 4px 8px 8px 4px;
	border-bottom: 1px dotted #fff ;
}

#primaryNav A  { 
	color: #253e49; 
	font-weight: 100; 
	text-decoration: none;
}

#primaryNav A.inactive {
	COLOR: #C49B2B; 
	TEXT-DECORATION: none;
	font-weight:bold;
}

#primaryNav A:hover  { 
	color: #5c5c5c; 
	text-decoration: underline;
}

#primaryNav A:active {
	COLOR: #5ca0ce; 
	TEXT-DECORATION: none;
}

#secondaryNav  {
	width: 200px;
	float: right;
}

#secondaryNav IMG {
	BORDER: #5ca0ce 1px solid; 
	text-align: center
}
#secondaryNav UL {
	LIST-STYLE-TYPE: none; 
	PADDING: 0;
	MARGIN: 0 0 0 4px; 
}
#secondaryNav LI  { 
	background-position: left top; 
	margin: 4px 0 0 12px; 
	padding: 4px 8px 4px 0; 
	border-bottom: 1px solid #ccc;
}

#secondaryNav h1   { 
	color: #666; 
	font-size: 12px;
	font-weight: 700; 
	background: #ddeff9; 
	margin: 0 0 0 0px; 
	padding: 4px 8px 4px 15px; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid white; 
	display: block;
}


#secondaryNav .optionalheader { 
	margin: 0 0 0 -4px; 	}

#secondaryNav A  { 
	color: #5b97b1; 
	font-size: 10px; 
	font-weight: 100; 
	text-decoration: none; 
	display: block;
}

#secondaryNav A:hover  { 
	color: #3a6071; 
	text-decoration: underline; 
}

#pageContent  { 
	color: #666; 
	margin-right: 200px; 
	margin-left: 200px; 
	padding: 0 8px 0 10px; 
	min-height: 260px;
}

* HTML #pageContent {
	MARGIN-RIGHT: 10px;
	HEIGHT: 280px;
}

#pageContent H1  { 
	color: #87a392; 
	font-size: 15px; 
	font-weight: bold; 
	display: block; 
	margin: 0 0 8px; 
	padding: 4px 0;
}

#pageContent H2  { 
	color: #87a392; 
	font-size: 14px; 
	font-weight: 500; 
	font-style: italic; 
	display: block; 
	margin: -8px 0 0 0; 
	padding: 0px 0 8px 0;
}

#pageContent H3  { 
	color: #86a392; 
	font-size: 18px; 
	font-weight: 700; 
	text-transform: capitalize; 
	display: block;
}

#primaryNav H3 { 
	color: #666; 
	font-size: 13px; 
	font-weight: 700; 
	margin: 4px 8px; 
	padding: 4px 0 4px 4px; 
	width: 170px; 
	border-bottom: 1px solid #809fae;
	}


#graphicNavigation .graphicSection{
	border: solid;
	border-color: #81A5C9;
	border-width: 1px;
}

#graphicNavigation H3{
	background-color: #EEEEEE;
	border: solid;
	border-color: #81A5C9;
	border-width: 1px;
	text-align: center;
	padding: 2px;
	margin: 1px 0px 10px 0px;	
}

#graphicNavigation DIV.graphicNav {
	MIN-HEIGHT: 100px; 
	MARGIN: 0px 0px 4px; 
	BORDER-BOTTOM: #d0cdcd 1px dotted;
}

* HTML DIV.graphicNav {
	HEIGHT: 100px;
}

.graphicNav IMG {
	PADDING: 0; 
	MARGIN: 0px 8px 4px 0px; 
	FLOAT: left; 
}

DIV.graphicNav P {
	PADDING: 0; 
	FONT-SIZE: 80%; 
	MARGIN: 0px; 
}

DIV.graphicNav A {
	FONT-WEIGHT: 600; 
	FONT-SIZE: 11px; 
	COLOR: #aca9a9; 
	TEXT-DECORATION: none;
}

DIV.graphicNav A:hover {
	COLOR: #5ca0ce; 
	TEXT-DECORATION: underline;
}

DIV.graphicNav IMG {
	FLOAT: left; 
	MARGIN: 4px 2px 0px;
}

#printList {
	padding: 0 0 0 0;
	margin: 0 0 0 -30px;
	height: 10px;
}
#printList li {
	padding: 7px 8px 8px 4px;
	margin: -10px 4px 4px -20px;
	border-bottom: 0;
	list-style-position: outside;
	list-style-image: none;
	background: url("../graphics/icons/print.gif")  no-repeat; 
	height: 28px;
	}

* HTML #printList li {
	padding: 0;
	margin: -10px 0 0 -10px;
}

.print {
	padding: 0px 40px 0px 50px;
	margin: 0px 0 0 0;
	width: 178px;
	font-size: 11px;
}

* HTML .print {
	padding: 7px 0 0 50px;
}

#fixedContent {
/*	height: 280px;
	overflow: auto;*/
}

#fixedText ul {
	padding: 0 0 10px 50px;

}

#fixedGraphic {
	width: 210px; 
	height: 225px; 
	float: left;
	margin-right: 10px;
}

#largerImage {
	width: 202px; 
	float: left; 
	text-align: center;
}

div.skuTable {
	padding: 5px 0 5px 0; 
	MARGIN: 0px;
}

#outersearchContent  {
 	background: url(graphics/bg.gif) no-repeat; 
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	min-height: 500px;
}
* HTML #outersearchContent  {
	height: 550px;
}

#searchContent  {
	padding: 0;
	min-height: 500px;
 }

* HTML #searchContent  {
	height: 550px;
}

#searchNav2 {
	padding: 1px 0px 0px 16px;
	margin: 0 0 0 2px;
	font-size: 11px;
	color: white;
	height: 213px;
	background-color: #97b2a3;
	border: 1px solid #ffffff;
}

* HTML #searchNav2 {
	height: 214px;
}

#searchNav2  form {
	padding: 0;
	margin: 0;
}

#searchResults {
	margin-left: 10px;
}

.searchGrouping {
	padding: 10px 0 10px;
	clear: both;
}

.searchGrouping h3 {
	padding: 0;
	font-weight: bold;
	font-size: 17px;
}

div.searchGrouping span {
	font-size: 13px;
	color: black;
	display: block;
}

.searchSubHeader {
	font-weight: 600;
	font-size: 11px;
	padding: 0px 0 10px;
	clear: right;
}

.searchGroupingSubHeader{
	font-weight: 100;
	font-size: 11px;
	padding: 0px 0 10px;
}

.searchRow {
	clear: left;
	padding-bottom: 5px;
	padding-left: 10px;
}

.searchButtons {
	padding: 10px 0px 10px 30px;
}

#searchContent H1  { 
	color: #87a392; 
	font-size: 15px; 
	font-weight: bold; 
	display: block; 
	margin: 0 0 8px; 
	padding: 4px 0;
}

a { 
	color: #5b97b1;
}

a: { 
	color: #97b2a3; 
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
height: 100%;
}

EM {
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal; 
	FONT-VARIANT: small-caps;
}

PRE {
	PADDING: 0px; 
	MARGIN: 0px 0px 4px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#distributorList li {
	padding: 3px;
}

.hidden {display:none;}
.hideTest {background-color:blue;}
.showTest {background-color:red;}


/*GSS*/
#primaryNav.search {
	height: 100%;
}

#searchImg {
height:20px;
vertical-align:bottom;
}


#pageContent.search h1 {
height: 5px;
}