body { 

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image:url(http://depo.cmsdevsite.com/editable/images/page_elements/main_bground.gif);
	background-repeat:repeat;
	background-color: #ffffff;
	color: #222221;
	font-family: verdana, arial, sans-serif;
	font-size: 72%;
	text-align: left;
	width: 100%;

}

p { margin : 0; padding : 0; padding-top:4px; }

td {
	font-size: 100%;
}


hr
{
	border: dotted 1px #97d770;
}




/* -------- LAYOUT ------------------ */


#container
{
width : 917px;
margin : 12px auto;
padding : 0;
text align : left;
position : relative;
}


/* -------- LAYOUT TOPBAR------------------ */


div #nav_container
{
margin : 0px 0 0 0px;
padding : 0;
background-image:url(http://coxs.cmsdevsite.com/editable/images/bground.gif);
background-repeat:repeat-y;
}


div #navbar
{
float : left;
width : 100%;
margin : 0px 0 0 0px;
padding : 0;
text align : left;
}


div #logobox1
{
width:220px;
height: 90px;
background-image:url(http://coxs.cmsdevsite.com/editable/images/logo.gif);
background-position:left;
margin-left:20px;
float:left;
background-repeat:no-repeat;
padding-top: 3px;
}


div #logobox2
{
width:600px;
height: 50px;
float:right;
padding-top: 50px;
padding-right:15px;
padding-bottom:0px;
margin-right:10px;
text-align:right;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}


.logoboxtext {
	display: none;
	}

div #logobox a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

div #logobox a:hover {
  text-decoration:none;
}



/* -------- LAYOUT BODY CONTAINER ------------------ */


div #bodycontainerheader
{
background-image:url(http://coxs.cmsdevsite.com/editable/images/topcurve.gif);
background-repeat:no-repeat;
height: 32px;
}

div #bodycontainerfooter
{
background-image:url(http://coxs.cmsdevsite.com/editable/images/footer.gif);
background-repeat:no-repeat;
height: 32px;
}

div #bodycontainer
{
width : 100%;
margin : 0px auto;
padding : 0;
text-align:center; 
position : relative;
background-color:#ffffff;
background-image:url(http://coxs.cmsdevsite.com/editable/images/bground.gif);
background-repeat:repeat-y;
}





div #fullcolumn
{
float : left;
width : 920px;
margin : 5px 0 0 5px;
padding-left: 35px;
text align : left;
}



div #column1
{
float : left;
width : 190px;
margin : 5px 0 0 5px;
padding-left:15px;
text align : left;
}

div #column1home
{
float : left;
width : 207px;
margin : 5px 5px 5px 25px;
padding: 0px 20px;
text align : left;
background-color:#ebeaea; 
}



div #column2
{
float : right;
width : 613px;
margin : 5px 18px 0 0;
text-align:left;
}






div #1colsubnav
{
float : left;
width : 127px;
margin : 5px 0 0 5px;
padding-left:15px;
text align : left;
}

div #1colcolumn1
{
float : right;
width : 743px;
margin : 5px 14px 0 0;
padding-right:20px;
text-align:left;
}






.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}


/* -------- TEXT BLOCKS ------------------ */


#blockquote-green
{
background: #e9facf;
font-size: 100%;
padding: 8px;
color: #1f251f;
} 


#blockquote-blue
{
background: #e6f5f7;
font-size: 100%;
padding: 8px;
color: #073f5a;
} 




/* -------- HEROS ------------------ */

div #homehero
{
width:100%;
height: 251px;
background-image:url(/editable/images/homehero1.jpg);
background-position: left;
background-repeat:no-repeat;
text-align:right;
margin:4px;
}

div #pagehero
{
width:100%;
height: 91px;
background-image:url(/editable/images/pagehero1.jpg);
background-position: left;
background-repeat:no-repeat;
text-align:right;
margin:4px;

}



/* -------- HOMEBOXES ------------------ */


.greenbox-dark
{
background-color:#00872b;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

.greenbox-light
{
background-color:#6ab33d;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

.greenbox-verylight
{
background-color:#edf3e6;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}



/* -------- SEARCH BOX(S) ------------------ */

div #homesearchbox
{

height: 26px;
width:255px;
background-color:#e3e2e2;
margin: 6px 10px 0px 355px;
padding: 4px 6px 6px 6px;
position:absolute;top:210px;
text-align:right;
color:#00872b;
font-size: 85%;
text-transform:uppercase;
border: #999999 1px solid;
}


div #searchbox
{

height: 26px;
width:255px;
background-color:#e3e2e2;
margin: 6px 10px 0px 355px;
padding: 4px 6px 6px 6px;
text-align:right;
position:absolute;top:50px;
color:#00872b;
font-size: 85%;
text-transform:uppercase;
border: #999999 1px solid;

}


.searchbutton

{
background-color:#66cc00;
color:#FFFFFF;
padding: 2px 4px 2px 4px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
border-style:solid;
border-color:#4d9c1d;
border-width: 1px;
}

.searchbox2

{
background-color:#b3e581;
color:#00872b;
padding: 4px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
border-style:solid;
border-color:#4d9c1d;
border-width: 1px;
width:100%;
}



/* -------- BANNER(S) ------------------ */



div #shop4steel
{
width:100%;
height: 185px;
background-image:url(/editable/images/shop4steel.gif);
background-position:center;
background-repeat:no-repeat;
}






/* -------- PAGE FOOTER ------------------ */

div #footer
{
width: 802px;
background-color: #00872b;
height: 18px;
margin: 6px;
padding: 4px 5px 0px 5px;
color: #99cfaa;
font-size: 70%;
}

div #footertext1
{
float : left;
width : 530px;
margin : 0px 0 0 5px;
padding : 0;
text align : left;
}

div #footertext2
{
float : right;
width : 250px;
margin : 0px 5px 0 0;
padding : 0;
text-align:right;
}



/* -------- NAVIGATION ------------------ */

.nav
{
}


.nav ul
{
	margin-top: 8px;
	margin-left:14px;
	padding: 0px;
	padding-top: 1px;
	text-align:left;
	text-align:center;
	display: inline;
	}

.nav ul ul
{
	margin: 0px 25px 25px 0px;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	

}

.nav li
{
	color:#ffffff;
	list-style: none;
	margin-top: 1px;
	padding: 0px;
	margin: 0px;
	padding-top: 1px;
	float: left;
	display: inline;
	width:146px;
	background-image:url(/editable/images/tab.gif);
	background-repeat:no-repeat;
	text-align:center;
	
}

.nav li li
{
	color:#ffffff;
	list-style: none;	
	margin-top: 1px;
	padding-bottom: 5px;
	padding-top: 2px;
	display: inline;
	

}

.nav li a:link
{
	color:#ffffff;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
 	width: 96%;
	border-width: 0px;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
}

.nav li a:hover
{
	color:#5b7100;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
}

.nav li a:active
{
	color:#5b7100;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
}

.nav li a:visited
{
	color:#ffffff;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
 	width: 96%;
	border-width: 0px;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
	
}

.nav li a:visited:hover
{
	color:#5b7100;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
}

.nav li a:visited:active
{
	color:#5b7100;
	font-weight:normal;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
	float: left;
	display: inline;
	font-size:110%;
}


/* -------------------------- */



.nav li li a:link
{
	color:#067028;
	font-weight:normal;
	margin: 0px;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
 	width: 90%;
	background-color:#e3ebd9;
	border-width: 0px;
	text-transform:uppercase;
	
	
}

.nav li li a:hover
{
	color:#ffffff;
	font-weight:normal;
	margin: 0px;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 90%;
	background-color:#e3ebd9;
	border-width: 0px;
	text-decoration: none;
	text-transform:uppercase;	
	
}

.nav li li a:active
{
	color:#ffffff;
	font-weight:normal;
	margin: 0px;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 90%;
	background-color:#e3ebd9;
	border-width: 0px;
	text-decoration: none;
	text-transform:uppercase;
		
}

.nav li li a:visited
{
	color:#067028;
	font-weight:normal;
	margin: 0px;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 90%;
	background-color:#e3ebd9;
	border-width: 0px;
	text-transform:uppercase;
	float: left;	
}

/* ------- NAV ON PAGE  ------------------ */


.navSelect {
	color:#ffd71b;
	font-weight:normal;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 96%;
	border-bottom: #ffd71b 3px solid;
	text-decoration: none;
	text-transform:uppercase;
	float: left;
} 

/* ------- SUBNAV  ------------------ */



.subnav ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 1px;
	text-align:left;
	text-align:center;
			
	}

.subnav ul ul
{
	margin: 0px 25px 25px 0px;
	padding: 0px;
	text-align:left;

				
}

.subnav li
{
	margin-top: 1px;
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:127px;
	text-align:left;
	border: #ffffff;
	border-style: solid;
	border-width: 0px 0px 1px 0px;	
	list-style: none;
}

.subnav li li
{
	color:#ffffff;
	margin-top: 1px;
	padding-bottom: 5px;
	padding-top: 2px;
		

}

.subnav li a:link
{
	color:#868484;
	font-weight:normal;
	margin-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
 	width: 96%;
	border-width: 0px;
	text-transform:uppercase;

}

.subnav li a:hover
{
	color:#81a019;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
	
	
}

.subnav li a:active
{
	color:#81a019;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
		
}

.subnav li a:visited
{
	color:#868484;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
 	width: 96%;
	border-width: 0px;
	text-transform:uppercase;
	
}

.subnav li a:visited:hover
{
	color:#81a019;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
		
}

.subnav li a:visited:active
{
	color:#81a019;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:95%;
	width: 96%;
	text-decoration: none;
	text-transform:uppercase;
		
}






/* ------- END SUBNAV --------------- */





/* -------- LINKS ------------------ */



a:link
{
	color: #989f14;
	text-decoration: none;
	font-weight: bold;
}

a:visited 
{
	color: #989f14;
	text-decoration: none;
	font-weight: bold;
} 

a:active 
{
	color: #989f14;
	text-decoration: none;
	font-weight: bold;
} 

a:hover 
{
	color: #989f14;
	text-decoration: underline;
	font-weight: bold;
}





A.white:link
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

A.white:visited 
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
} 

A.white:active 
{
	color: #fffff;
	text-decoration: none;
	font-weight: normal;
} 

A.white:hover 
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}





/* -------- TYPOGRAPHY ------------------ */

h1 
{
	font-weight: normal;
	color: #5b7100;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 4px 0px;
	font-size: 130%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2 
{
	font-weight: bold;
	color: #000000;
	padding: 3px 0px 6px 0px;
	margin: 0px;
	font-size: 95%;
}

h3
{
	font-weight: normal;
	text-transform: uppercase;
	color: #84a10c;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-size: 100%;
}

.navtrail
{
font-size: 65%;	
}



/* -------- UNORDERED LISTS ------------------ */


ul
{
	margin: 8px 0px 25px 20px;
	padding: 0px;
	padding-top: 1px;
	text-align:left

}

li
{
	
	list-style: square;
	margin-top: 1px;
	margin-left: 10px;
	padding: 0px;
	margin: 0px;
	padding-top: 1px;

}



/*


#main ul {
  margin:1em 0 0 0; 
  padding:0; 
  list-style-type:none;
  font-size:90%;  
}

.main li{
  background:url("/images/bullet.gif") no-repeat 2px .2em; display:block; 
  margin:0; 
  padding:0 0 2px 18px; 
}
*/