html {
FONT-SIZE: 100%;
   margin:0px;
   padding:0px;

			 
}

body {  margin: 0; padding: 0;
	line-height: 1.5em;
	FONT-SIZE:70%;
	font-family:  Arial, "Trebuchet MS", Verdana;
	color: #666;
		BACKGROUND: url(structure/background2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	}
	
 p {
 
margin:0px 0px 15px 0px;
 }
 
	/* ----------------------------------- */
/* CONATINERS
/* ----------------------------------- */ 

#container{
	width: 995px;
	margin: 0 auto; /*Center container on page*/
			BACKGROUND: url(structure/background2.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	
}

#container_top {
	PADDING: 0 0 0 0; HEIGHT: 140px;WIDTH:995px;
  	border-top: 1px solid #fff; /*white drop shadow lines*/
	border-bottom: 1px solid #fff;
	overflow:hidden;
}

#container_patterns { /* 141 pixels including white borderwhite drop shadow lines*/
	PADDING:  0 0 0 0; 
	HEIGHT: 140px;
	WIDTH:140px;
	margin: 0 0 0 0;
	overflow:hidden;
	border-right: 1px solid #fff;
	float:left

}

#container_logo { /* 141 pixels including white borderwhite drop shadow lines*/
	PADDING:  0 0 0 0; 
	HEIGHT: 140px;
	WIDTH:330px;
	margin: 0 0 0 0;
	overflow:hidden;
	border-right: 0px solid #fff;
	float:left

}

#container_dropshadow {  /* ONLY FILLED IN WITH GRAPHIC IF USING GREEN SHADOW ACROSS PAGE*/
	PADDING:  0 0 0 0; 
	HEIGHT: 11px;
	WIDTH:995px;
	margin: 0 0 0 0;

BACKGROUND: url(structure/dropshadow_green.jpg); /* USE IF USING GREEN SHADOW ACROSS PAGE */
 /* BACKGROUND: url(structure/dropshadow_normal.jpg);  - USE IF USING ORDINARY SHADOW ACROSS PAGE */
	background-repeat:no-repeat;
	background-position:top center;

}

 
#container_bannerORIG {
	PADDING:  0px 0 30px 0; 
	HEIGHT: 350px;
	WIDTH:835px;
	margin: 10px 0 0 0;
float:left; /* ---NEED FOR BUS IN FIREFOX 1.07. ----------------------- */ 
}

#container_bannerN {
	PADDING:  10px 0 30px 0;  
	WIDTH:835px;
	height:auto;
	min-height:300px;
	margin: 0 0 0 0; 
}



	/* ----------------------------------- */
/* SUB LEVEL NAV 
/* ----------------------------------- */ 

#container_sublvNAVlist
{
	
	padding:105px 0 0 0;
	margin: 0 0 0 0;
	width:500px;
	height:auto;
	text-align:right;
	float:right;
}


#sublvNAVlist
{
padding: 0 0 0 0;
margin: 0;
FONT-SIZE:1em;

}

#sublvNAVlist li
{
display: inline;
list-style: none;

margin:0;
padding: 0 0 0 15px
}

#sublvNAVlist #active #current
{
font-weight:normal;
color:#000
}

#sublvNAVlist li a
{
text-decoration: none;
color: #81a103;
padding: 0 0 0 0;

}

#sublvNAVlist li a:hover
{
text-decoration: none;

padding: 0 0 0 0;
color:#000;
}




	/* ----------------------------------- */
/* MAIN CONTAINER
/* ----------------------------------- */ 

#container_main {
	 WIDTH:835px;
padding:0 0 0 0;
margin: 0 0 0 160px;
min-height:400px;
BACKGROUND: url(structure/shadow_green_wDROP.jpg); /* ONLY USE IF USING GREEN SHADOW ACROSS PAGE - DELETE BACKGROUND OTHERWISE*/
	background-repeat:no-repeat;
	background-position:top center;
	
}

	/* ----------------------------------- */
/* MAIN NAV 
/* ----------------------------------- */ 


#container_NAVlist
{
	
	padding:0 0 0 0;
	margin: 25px 0 10px 0;
	width:660px;
	height:auto;
	text-align:left;
	float:left; 
}


#NAVlist
{
padding: 0 0 0 0;
margin: 0;
FONT-SIZE:1.2em;
font-weight:bold;
letter-spacing:0px;

}

#NAVlist li
{
display: inline;
list-style: none;
margin:0;
padding: 0 15px 0 0
}

#NAVlist #active #current
{
font-weight:bold;
color:#000;
}

#NAVlist li a
{
text-decoration: none;
color: #81a103;
padding: 0 0 0 0;

}

#NAVlist li a:hover
{
text-decoration: none;

padding: 0 0 0 0;
color:#000;
}


#container_SUPPLERBROWSE
{
	
	padding:0 5px 0 0;
	margin: 25px 0 0 0;
	width:160px;
	height:auto;
	text-align:right;
	float:right;
	FONT-SIZE:1.4em;
font-weight:normal; 
	
}


#container_snailtrail
{
	
	padding:0 0 0 0;
	margin: 0 0 20px 0;
	width:835px;
	height:auto;
	text-align:left; 
	float:left  /* ---NEED FOR BUS IN FIREFOX 1.07. ----------------------- */ 
}

#container_snailtrail_mailing
{
	
	padding:0 0 0 0;
	margin: 0 0 20px 0;
	width:600px;
	height:auto;
	text-align:left; 
	float:left  /* ---NEED FOR BUS IN FIREFOX 1.07. ----------------------- */ 
}


#container_snailtrail_mailingR
{
	
	padding:0 10px 0 0;
	margin: 0 0 20px 0;
	width:200px;
	height:auto;
	text-align:right; 
	float:right  /* ---NEED FOR BUS IN FIREFOX 1.07. ----------------------- */ 
}
#container_CONTENT
{
	
	padding:0 0 0 0;
	margin: 0 0 20px 0;
	width:835px;
	height:auto;
	min-height:300px;
	text-align:left;
}







/* ----------------------------------- */
/* COLUMNS
/* ----------------------------------- */ 






.column {
	 FLOAT: left;
	 padding:0px;
	
	}


	
#column_left_HOME 
 { 
	WIDTH: 190px;
	padding-right:10px;
    float:left;
	margin-top:0px;
	
}

#column_middle_HOME 
 { 
	WIDTH: 380px;
	padding-right:20px;
    float:left;
	margin-top:0px;
	
}


#column_right_HOME 
 { 
	WIDTH: 210px;
	padding-right:5px;
    float:right;
	margin-top:0px;
	
}



 .detailedCOLUMNleft
 {
 width:400px;
 float:left;
 }
 
 .detailedCOLUMNright
 {
 width:360px;
 float:right;
 padding-right:5px;

 }
 
 
	#column_left600 { 
	WIDTH: 605px;
	padding-top:0px;
    float:left;
	margin-top:0px;
	
}



	#column_right300 {
float:right;
width:250px;
padding: 0 25px 0 25px;
margin-top:0px;
}



.innerCOLUMNleft320 {
float:left;
width:300px;
padding: 0 20px 0 0px;
margin-top:0px;
}


.innerCOLUMNright280 {
float:right;
width:260px;
padding: 0 20px 0 0px;
margin-top:0px;
}


	
 .pageCOLUMNleft
 {
 width:460px;
 float:left;
 }
 
 .pageCOLUMNright
 {
 width:310px;
 float:right;
 padding-right:5px;

 }	
	
 .pageCOLUMNleft2
 {
 width:300px;
 float:left;
 }
 
 .pageCOLUMNright2
 {
 width:510px;
 float:right;
 padding-right:5px;
 text-align:right;

 }
 
	 .page1col   /* makes up width of container_main */	
 {
 width:830px;
 float:left;
 padding-right:5px;

 }
	/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */	
	
	
#container_bot
{
	
	padding:0px 0 0px 0 ;
	margin: 40px auto 0px auto;; /*Center container on page*/
	width:835px;
	position:relative;
	font-size:1em;
	color:#666666
}
 

.columnBOTleft
{width:550px;
text-align:left;
padding:0px;
float:left;
}
.columnBOTright
{width:250px;
text-align:right;
float:right;
padding: 0;
}


 
#footerNAVlist
{
padding: 0 0 0 0;
margin: 0;
FONT-SIZE:.8em;

}

#footerNAVlist li
{
display: inline;
list-style: none;

border-left: 0px solid #ccc;
padding: 0 3px
}

#footerNAVlist #active
{
float: right;
margin-right: 0px;
}

#footerNAVlist #active #current
{
font-weight:bold;
color:#666666
}

#footerNAVlist li a
{
text-decoration: none;
color: #666666;
padding: 0 0 0 0;

}

#footerNAVlist li a:hover
{
text-decoration: none;

padding: 0 0 0 0;
color:#993333;
border-bottom:solid;
border-bottom-width: 0px;
border-bottom-color:#666666;
}







a:link {
	color:#81a103;
	text-decoration: none;

}
a:visited {
	color: #81a103;
	text-decoration: none;
}


a:hover {
	color: #000;
	text-decoration: none;
	
}


.linksALT:link
{
	color: #666;
	text-decoration:none
}

.linksALT:visited
{
	color: #666;
	text-decoration:none
}

.linksALT:hover
{
	color: #81a103;
	text-decoration:none;
}


.linksALT2:link
{
	color: #000;
	text-decoration:none
}

.linksALT2:visited
{
	color: #000;
	text-decoration:none
}

.linksALT2:hover
{
	color: #81a103;
	text-decoration:none; 
}

h2{
	font-size: 1.3em;
	text-decoration: none;
	margin:0px 0 5px 0px;
	FONT-WEIGHT: normal;
	line-height:normal;
	color:#000
}

h3{
	font-size: 1.2em;
	text-decoration: none;
	margin:0 0 5px 0px;
	FONT-WEIGHT: normal;
	line-height:normal;
	color:#666
}


h4{
	font-size: 1.3em;
	text-decoration: none;
	margin:5px 0 5px 0px;
	 padding:0px;
	FONT-WEIGHT: normal;
	line-height:normal;
	color:#993333
}
h5{
	font-size: 1.2em;
	text-decoration: none;
	margin:0 0 10px 0px;
	padding:0px;
	FONT-WEIGHT: normal;
	color:#000
}

h6{
	font-size: 1.1em;
	text-decoration: none;
	margin:0 0 0 0px;
	padding:0px;
	FONT-WEIGHT: normal;
	color:#666
}


	/* ----------------------------------- */
/* MISC
/* ----------------------------------- */
.clear {
	CLEAR: both;

}

.clearFOOTER {
	CLEAR: both;
	margin:0px;
	padding:0px

}
.clearRIGHT {
	CLEAR: left;

}

.clearLEFT{
	CLEAR: right;

}


.textWHITEbold {
	color: #FFFFFF;
	font-weight: bold;
}


	.IMGBORDER img{
border:1px;  border-color: #ccc; border-style: solid;
}

.IMGBORDER:link img { border:1px;  border-color: #ccc; border-style: solid;}
.IMGBORDER:visited img{border:1px; border-color: #ccc; border-style: solid}
.IMGBORDER:hover img{border:1px;  border-color: #993333; border-style: solid}
.IMGBORDER:active img{border:1px;  border-color: #ccc; border-style: solid}


	.IMGBORDER_WHITE img{
border:1px;  border-color: #fff; border-style: solid;
}

.IMGBORDER_WHITE:link img { border:1px;  border-color: #fff; border-style: solid;}
.IMGBORDER_WHITE:visited img{border:1px; border-color: #fff; border-style: solid}
.IMGBORDER_WHITE:hover img{border:1px;  border-color: #81a103; border-style: solid}
.IMGBORDER_WHITE:active img{border:1px;  border-color: #fff; border-style: solid}


	.IMAGEBORDER_nolink {
border:0px;  border-color: #ccc; border-style: solid;
}

	.IMAGEBORDER_nolinkWHITE {
border:1px;  border-color: #fff; border-style: solid;
}

.NEWSIMAGEPADDING

{padding-left:15px;
padding-bottom: 15px;}



.thumb { padding: 0px; float:left; width: 205px; height: 220px; margin-bottom: 0px;margin-right:0px;  }	
.thumb p  { float: left; padding-left: 1px;  width:180px; padding-top:0px; margin-top:0px}

.thumbSUPPLIERS{ padding: 0px; float:left; width: 205px; height: 235px; margin-bottom: 0px;margin-right:0px;    }	
.thumbSUPPLIERS p  { float: left; padding-left: 1px;  width:180px; padding-top:0px; margin-top:0px}


.thumbDETAIL { padding: 0px; float:left; width: 90px; height: 105px; margin-top: 5px;margin-right:0px;  }	

.thumbSUBLEVEL { padding: 0px; float:left; width: 138px; height: 130px; margin-top: 15px;margin-right:0px;  }	


.THUMBLINK:link img { border:1px;  border-color: #fff; border-style: solid; }
.THUMBLINK:visited img{border:1px;  border-color: #fff; border-style: solid}
.THUMBLINK:hover img{border:1px;  border-color: #81a103 ; border-style: solid}



.TEXT993333 {color: #993333}
.TEXT81a103 {color: #81a103}


.TEXT_1_5em
{font-size:1.5em}
.TEXT_1_1em
{font-size:1.1em;
line-height:20px}
.TEXT_1_2em
{font-size:1.2em}
.TEXT_1_3em
{font-size:1.3em}

.TEXT_FONT_GEORGIA

{
font-family:Georgia, "Times New Roman", Times, serif
}

.spacerDIV20px

{
height:20px;
}


.spacerDIV30px

{
height:30px;
}




/* ----------------------------------- */
/* SITE GRAPHICS and LINES
/* ----------------------------------- */	


.line_6699CC
{
 
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_green.gif)  repeat-x ;
margin-top:15px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
padding:0px 0 0 0
}
 
	.line_81a103
{
	WIDTH: 100%; 
border-top: 1px solid #81a103;
height:1px;
margin-top:10px;
margin-bottom:5px;
}  
.line_ccc
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_ccc.gif)  repeat-x ;
margin-top:0px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto
}

.line_cccRIGHT_COLS
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_ccc.gif)  repeat-x ;
margin-top:0px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto
}


.line_000
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_000.gif)  repeat-x ;
margin-top:0px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto
}
 
.line_FOOTER
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_green.gif)  repeat-x ;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
padding:0px 0 0 0
}
	
	.line_FOOTER_WHITE
{
width: 100%; 
height:1px;
BACKGROUND: url(structure/line_FFF.gif)  repeat-x ;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto

}





	/* ----------------------------------- */
/* FORM STYLES
/* ----------------------------------- */

.textfieldSTANDARD { 	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:175px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid; }


.textfield75{ 	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:75px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid;}



.textfield100 { 	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:100px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid; }




.textfield200 { 	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:200px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid; }

.textfield300 { 	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:300px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid; }

.textfield400 {	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:400px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid;}

.textArea300 {	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:300px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid;
margin:2px 0px 0px 0px;}


.textfieldQTY { font-size: 8pt; width : 45px; border-top:#C7C9C8 1px solid; border-bottom:#C7C9C8 1px solid; border-right:#C7C9C8 1px solid; border-left:#C7C9C8 1px solid; font-family: verdana, arial, sans-serif; }


.selectOPTIONS { font-size: 8pt; width : 150px; border-top:#C7C9C8 1px solid; border-bottom:#C7C9C8 1px solid; border-right:#C7C9C8 1px solid; border-left:#C7C9C8 1px solid; font-family: verdana, arial, sans-serif; color: #336699; background-color: #FFFFFF}

.buttons { background-color: #6699CC; 
width : 100px;  
	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:100px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px dashed;
color:#FFFFFF}

.buttons150 { background-color: #6699CC; 
width : 100px;  
	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:150px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px dashed;
color:#FFFFFF}

.buttons175 { background-color: #6699CC; 
width : 100px;  
	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:175px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px dashed;
color:#FFFFFF}

.buttonsCHECKOUT { background-color: #669966; 
width : 100px;  
	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:150px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px dashed;
color:#FFFFFF}


.textfieldPRDSEARCH {
	margin:0px 0px;
padding:2px 2px 2px 2px;
	width:150px;	
font-family: Georgia, Arial, "Trebuchet MS", Verdana;
border:#6699CC 1px solid;
	
	}

	
	
	input {
padding-left:4px;
padding-top:0px;
}