/* CSS Document

for debugging
* {
	border: 0px solid green;
}
 */
body {
	margin-top:0px;
	
	}


 .move{ /* used to fix the position of the text on the top nav menu */
 margin-left:30px;
 padding-top:4px;
 }
 
 .movesub{ /* used to fix the position of the text on the top nav menu */
 margin-left:40px;
 padding-top:4px;
  padding-bottom:4px;
 }
 
 
 a.menuwrapper  {
 display:block;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin:0px;
	
	display:block;
	width:150px;
	height:23px;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid white;
	
	background-image: url(images/main_nav_rollover.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:white;
 }
 

a.menuwrapper:hover {
background-position: 0px -23px;
	color:white;
	

}

a.menuwrapper:active {
background-position: 0px -23px;
	color:white;
}



a.submenu  {
 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin:0px;
	
	display:block;
	width:150px;
	height:auto;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid rgb(201, 211, 220);
	
	background-image: url(images/sub_main_nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:white;
 }
 

a.submenu:hover {

	color:#363636;

}

a.submenu:active {

	color:#363636;
	font-weight:bold;
}








.container
{
 position:relative;
 margin:0px auto;
 background: white;
width:954px; 
height:auto; 

}


.boxbasics {
	
	border:1px solid rgb(154, 173, 190);
	background: rgb(201, 211, 220);
	margin: 0px;
	padding: 5px;
	height: auto;	
	
}





.bannercontainer{
	float:left;
	background: white;
	border-left:1px solid rgb(154, 173, 190); /* dark blue */
	border-right:1px solid rgb(154, 173, 190); /* dark blue */
	border-top:1px solid rgb(154, 173, 190); /* dark blue */
	width:100%;
	
}

.searchbox {
	width:150px;
	height:100px;
	float:left; 
	clear:left; 
	background: white;   
	border-right: 1px solid rgb(154, 173, 190);
	
	
}

.searchpanel {/* this is the drawing for search box */
	width:auto;
	height:auto;
	border:0px solid white; /* white */
	background: rgb(201, 211, 220); /* light blue */
	
	
}

.searchtextfield {/* this is the drawing for search box */
	width:auto;
	background: white; /* light blue */
	margin: 0px 0px;
	
	
}

.bannerimage {
	width:600px;
	float:left;
	height:100px;
	
}

.dynamicimage { /* top right hand side box for dynamic images */
	width:200px;
	float:right;
	margin:auto;
	height:100px;
	background: white;
	border-left: 1px solid rgb(154, 173, 190);
	
}


.emailbar{
	float:left;
	margin: 0 0 1px;
	border-left:1px solid rgb(154, 173, 190); /* dark blue */
	border-right:1px solid rgb(154, 173, 190); /* dark blue */
	
	background: rgb(138, 160, 178);
	width:100%;
	
}

.content{ /* this is the main content holder */
	float:left;
	 border-left:1px solid rgb(154, 173, 190); /* dark blue */
	 border-right:1px solid rgb(154, 173, 190); /* dark blue */
	/* background: rgb(138, 160, 178);  darker blue */
	width:100%;
	height:auto;
	
	
}

#navigation{
	float:left; 
	clear:left; 
	width:150px;
	height:auto;
	background: rgb(201, 211, 220); /* light blue */
	border-right:1px solid white;
	
}

#navpanel {/* this is the drawing of the news panel on the right hand side and used for search box */
	width:auto;
	float:left;
	background: rgb(201, 211, 220); /* light blue */
	
}

.greennavbutton{ /* this is used for nav green rollover */
	 
	width:100%;
	background: rgb(0, 94, 60); /* dark green */
	padding:0px;
	height:auto;
	
	
}


#maincontent{
	float:left;
	width:602px;
	height:auto;
	background: rgb(154, 173, 190);
	margin:0px auto;
}
#mainpanel {/* this is the drawing of the news panel on the right hand side and used for search box and main nav */
	width:auto;
	height:auto;
	border:1px solid white; /* white */
	background: rgb(201, 211, 220); /* light blue */
	margin: 5px;
}

#greenpanel{ /* this is used for headings */
	 
	width:auto;
	background: rgb(0, 94, 60); /* dark green */
	padding:1px;
	height:auto;
	border-bottom:1px solid white;
	
	
}

.greenbutton{
	width:100%;
	background: rgb(0, 94, 60);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: white;
	margin-bottom: -16px;	
}

#news{
	float:right; 
	width:200px;
	height:auto;
	background: rgb(154, 173, 190); /* dark blue */
	border-left:1px solid white; 
	
	
	
}
.imageframe
{
border:1px solid white; /* white */
text-align: center; 
background: white;
/* margin:0px auto; */
}

#newspanel {/* this is the drawing of the news panel on the right hand side and used for search box and main nav */
	width:auto;
	
	border:1px solid white; /* white */
	background: rgb(201, 211, 220); /* light blue */
	margin: 5px;
}

#mailinglistpanel {/* this is the drawing of the news panel on the right hand side and used for search box and main nav */
	width:auto;
	border:1px solid white; /* white */
	background: rgb(201, 211, 220); /* light blue */
	margin: 5px;
	height: 180px;
}

.newstext{ /* this text has narrower margins than paragraph text */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #363636;
	font-weight:bold;
	
}


.footer{ /* this is used for headings */
	 
	width:954px;
	background: rgb(0, 94, 60); /* dark green */
	padding:1px;
	height:auto;
	border-bottom:1px solid white;
	
	
}

.headings{ /* the white headings */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin-top: 3px;
	margin-right: 30px;
	margin-bottom: 3px;
	margin-left: 15px;
	color: #FFFFFF;
	font-weight: normal;	

}


.email_headings{ /* the white headings for the email banner */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin-top: 0px;
	margin-right: -2px;
	margin-bottom: 0px;
	margin-left: -1px;
	color: #FFFFFF;
	font-weight: normal;	

}


.trade_names{ /* the white headings for the email banner */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 100px;
	color: #363636; /* the dark grey */
	font-weight: normal;	

}


p {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	text-align: justify;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #363636; /* the dark grey */

}

h1 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	text-align: justify;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #363636; /* the dark grey */

}

.formtiptext {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color: black;
	margin-bottom:0px;

}

/* *****************categories page css********************* */



#categoriescontainer {/* this is the container for the cat thumbnail box */
	
	
	text-align:center;
	margin-bottom:15px;
	width:600px;
	
	float:left;
	
	border:0px solid white; /* white */

}

#brandspanel {/* this is the panel for the cat thumbnail box */
	width:180px;
	height:100%;
	background: rgb(154, 173, 190); /* dark blue */
	border:0px solid white; /* light blue */
	
	margin:auto;
	
}

#brandspanel_nologo {/* this is the panel for the cat thumbnail box */
	width:180px;
	height:100%;
	
	border:0px solid white; /* light blue */
	
	margin:auto;
	
}

#categoriespanel {/* this is the panel for the cat thumbnail box */
	width:116px;
	height:auto;
	float:left;
	border:1px solid rgb(201, 211, 220); /* light blue */
	background: white;
	margin:2px 10px;
	
}

#logopanel {/* this is the panel for brand logos */
	width:100%;
	height:auto;
	float:left;
	border:0px solid rgb(201, 211, 220); /* light blue */
	background: white;
	margin:0px auto;
}

#detailscontainer3 {/* this is used for the search box results*/
	
	
	
	margin:5px auto;
	width:590px;
	
	float:left;
	
	border-bottom:1px solid white; /* white */
	border-top:1px solid white; /* white */
	
}

#detailscontainer2 {/* generic container box for brand and category details*/
	
	
	
	margin:5px auto;
	width:590px;
	
	float:left;
	background: rgb(154, 173, 190); /* dark blue */
	border:1px solid white; /* white */

}



#detailscontainer {
	margin:5px auto;
	width:590px;
	height:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #363636;	
	 /* the dark grey */

}

img.floatright {/* generic container box for brand and category details*/
	
	
	
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	
	float:right;
	
	border:1px solid white; /* white */

}

.detailsheadings{ /* the dark detail headings for categories and brands */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin-top: 3px;
	
	margin-bottom: 3px;
	
	color: white; /* the dark grey */
	font-weight: normal;	
	

}

.imageframe2 {
margin-top:5px;
margin-bottom:5px;
	
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;

}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	margin-left: -10px;
	margin-right: 0px;
	list-style-type: none;
	color: #363636;
	list-style-image: url(images/bullets.gif);
	list-style-position: outside;
}



.headings_tn_manufacturer  {/* this is for the brands page where there is no logo */

	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor:pointer;
	margin:0px;
	
	display:block;

	font-weight:bold;
	text-decoration: none;

	
	color:white;
 }
/*
a.headings_tn_manufacturer:hover {

	color:rgb(0, 94, 60);
	

}

a.headings_tn_manufacturer:active {

	color:rgb(0, 94, 60);
}

*/




 a.headings_tn  {/* these are for the bullet links below the brand name */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin:0px;
	
	font-weight:normal;
	text-decoration: none;
	color:rgb(0, 94, 60);
 }
 

a.headings_tn:hover {
	color:white;

}

a.headings_tn:active {
	color:white;
	
}



 a.breadcrumbs  {/* these are for the breadcrumb links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin:0px;
	
	font-weight:normal;
	text-decoration: none;
	color:white;
 }
 

a.breadcrumbs:hover {
	/*color:rgb(0, 94, 60); green*/
	text-decoration: underline;

}

a.breadcrumbs:active {
	
	text-decoration: underline;
	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #363636;
	font-weight: bold;

}



a.pagelinks:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 10px auto;
	color: #363636;
	
	text-decoration: none;

}

a.pagelinks:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 10px auto;
	color: #363636;
	
	text-decoration: none;
}


td {
	background-color: #9AADBE;
	border: 1px solid rgb(201, 211, 220);
}

.td_noborder {
	background-color: #9AADBE;
	border: 0px solid #FFFFFF;
	
}

.td_email {
	background-color: #9AADBE;
	
	text-align:center;
}

.match  {/* used for highlighting keywords in search engine - wasn't used*/

	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	
	font-weight:bold;
	
	color:red;
 }