/*-----------------------------------
Layout Styles for Main pages
Author: Duane Anderson
Email: duane@jmwpromotions.com
website: www.dkanderson.com
-----------------------------------*/ 
*{   
    margin: 0px;
    padding: 0px;
	border: 0px;
 }
body {
  background:url(../images/abt_bg.jpg) repeat-x #fff;
  text-align:center;
}
#mainWrapper{
width:740px;
margin: 0 auto;
min-width:760px;
text-align:left;
}
/*=======================================================
   Header: Banner, Searchbar, Branding, Global Nav Menu
---------------------------------------------------------*/

#header {
	width: 740px;
	clear: left;
}
/*Banner
---------*/
.banner{
height: 165px;
float: left;
}
/*Search Bar
------------*/
#searchbar {
height: 26px;
width: 740px;
background:url(../images/top_bar.gif) no-repeat left top;
clear: both;
}
.search{
display:block;
padding-top:3px;
width:240px;
float:right;
color:#080a4d;
}
.breadcrumb{
float:left;
color:#080a4d;
padding: 5px 0px 0px 10px;
padding-left:10px;
width:490px;
}
#searchbar label, #searcbar input{
display:block;
float:right;
} 
#searchbar input{
margin-right: 15px;
padding: 1px 2px;
background:#080a4d;
color:#878787;
font-weight:normal;
border: 1px solid #878787;
}
/*SB Ends
------------*/

/*=======================================================
     Container: Left side Nav and Main content area
---------------------------------------------------------*/

#container{
background-color:#080a4d;
width:740px;
float:left;
position:relative;
overflow:hidden;
}
/*Left Side Nav
--------------*/
#left_nav{
width:160px;
float:left;
position:relative;
background:url(../images/lft_bg.jpg) repeat-x;
}
#rec{
width:160px;
height:17px;
background:url(../images/blue_strk.jpg) top left no-repeat;
}

/**Navigation functionality defined using uniformed list**/
.lft_nav {
width: 160px;
background:url(../images/secnav_bg.jpg) top left repeat-y;
}

.lft_nav ul{
list-style:none;
background:url(../images/sec_nav_bg_top.jpg) no-repeat left top;
padding-top: 20px;
padding-left:10px;
color:#fff;
}
.lft_nav li{
width:140px;
border-bottom: none;
}
.lft_nav li a{
display:block;
padding-left:10px;
line-height:15px;
width:130px;
}
.lft_nav li a:link, .lft_nav a:visited{
display:block;
padding-left:10px;
text-decoration:none;
color:#fff;
}
.lft_nav li a:hover{
background-color: #d15d5d;
text-decoration:none;
font-weight:bold;
color:#fff;
}
.secnav_btm{
background:url(../images/sec_nav_bg_btm.jpg) no-repeat bottom left;
padding-bottom: 20px;
padding-top:10px;
text-align:center;
font-size:9px;
color:#000033;
}
/*Supplier links*/
.supplierslft{
width:160px;
background:#c94343;
text-align:center;
}
.supplierslft ul{
list-style:none;
margin:5px 5px;
background:#666;
border:1px solid #fff;
}
.supplierslft li{
display:inline;
}
.supplierslft li a{
display:block;
padding:5px 5px;
background:#bd577e;
border-bottom:1px dotted #ccc;
text-decoration:none;
font-size:12px;
line-height:10px;
color:#eee;
}
.supplierslft li a:hover{
font-weight:bold;
text-decoration:none;
background-color:#c94343;
color:#fff;
}
.last a{
border-bottom:none;
}
/* Nav Ends */

/*Main Content
--------------*/
#content{
width:580px;
float:left;
position:relative;
overflow:hidden;
}

/*** Content Header *****/
.contenthead{
padding: 17px 8px 0px 9px;
width:580px;
}
.prodbanner{
padding:0px;
width:563px;

}
.prodbanner img{
border-bottom:5px solid #000;
border-top:2px solid #000;
}

/**** CH Ends ***/

/*** Content Body *****/
.contentbody{
width:580px;
padding: 5px 8px 5px 9px;
position:relative;
overflow:hidden;
}
/*Banner=====*/
.mainbox{
float:left;
width:563px;
position:relative;
overflow:hidden;
background:url(../images/body_top.gif) top left no-repeat #fff;
}
/*--------------------------------------
		Content
=====================================*/
.equipment h1{
font-size:14px;
font-weight:bold;
background:url(../images/prodbar_bg.gif) repeat-x top left;
color:#fff;
padding:5px 0px 5px 20px; 
border-bottom:1px solid #333;
}
.equipment{
margin:30px 20px;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
position:relative;
background:url(../images/sell_bg.jpg) repeat-x bottom;
float:left;
}
.equipment ul{
padding:10px 10px;
list-style:none;
}
.equipment li{
padding:5px 5px;
width:150px;
float:left;
border-bottom:1px dotted #ccc;

}
.equipment li a{
text-decoration:none;
}
.equipment li a:hover{
border-bottom:1px dotted #080a4d;
font-weight:bold;
}
.clear{clear:both;}
.mainbox span{
float:left;
width:563px;
background:url(../images/body_btm.gif) bottom left no-repeat;
padding-bottom:20px;
}
/**** CB Ends ***/

/*MC Ends
-----------*/

/*** Bottom Menu *****/
.menu {
text-align:center;
width: 100%;
color:#fff;
padding:5px;
}
.menu ul{
margin-left:0;
padding-left:0;
display:inline;
}
.menu ul li{
margin-left:0;
padding:3px 5px;
border-left: 1px solid #fff;
list-style:none;
display:inline;
}
.menu a:link, .menu a:visited{
text-decoration:none;
color:#fff;
}
.menu a:hover, .menu a:active{
text-decoration:underline;
font-weight:bold;
color:#575757;
}
/*** Menu Ends *****/

/*======================
      Footer
------------------------*/
#footer{
width:740px;
background:url(../images/footer.jpg) no-repeat left top;
clear:both;
}
#footer p{
position:relative;
top:40px;
width:740px;
text-align:center;
color:#333333;
padding-bottom:20px;
}  
/*================================
Product Listings by Category
--------------------------------*/
h1.prodHdr{
color:#c80000;
padding:10px;
font-size:18px;
font-weight:bold;
}

.plistWrapper{
padding: 20px 0px 10px 20px;
}
.plistIMGWrapper{
width:20%;
margin-right:10px;
background:#fff;
float:left;
}
.plistIMGWrapper a{
display:block;
width:75px;
padding-bottom:10px;
}
.plistIMGWrapper a:hover{
border-bottom:2px solid #ccc;
}
.plistWrapper ul{
list-style: none;

}
.plistWrapper p{
padding:5px 10px;
display:block;
float:right;
width:70%;
color:#333;
}
.plistWrapper p > a{
text-decoration:none;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.plistWrapper p > a:hover{
text-decoration:underline;
}
.plistWrapper li{
display:block;
width:80%;
padding: 5px 10px;
float:left;
border-bottom:1px dotted #ccc;
}
/*Services
================================*/
body#services h1{
margin-top:40px;
background:url(../images/png/SecNavTemplate_09.jpg) repeat-x top left;
padding:10px 0px 10px 10px;
color:#fff;
}
body#services p{
padding:20px 20px;
}
em{
color:#c80000;
font-style:italic;
}
.serv_img_wrapper{
position:relative;	
margin:0 50px;
padding:5px;
background-color:#080a4d;
text-align:center;
}
.serv_img_wrapper img{
background-color:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
#xlinks{
list-style:none;
margin-left:30px;
}
#xlinks li{
padding:1px 10px;
}
#xlinks li.last{
padding-top:50px;
}
#xlinks a{
background:url(../images/arrow_sm.gif) left center no-repeat;
padding-left:20px;
}
#xlinks a.top{
background-image:url(../images/up_arrow.gif);
color:#c80000;
}
h3.related{
margin-left:20px;
padding:5px;
margin-bottom:5px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
color:#080a4d;
width:150px;
}
body#services h4{
padding: 10px;
}
body#services ol{
margin-left:30px;
padding:20px;
}
body#services ol li{ 
padding:5px;
margin:5px;
border: 1px solid #eee;
}



/*FIN
-------------------------------------------------------------------------------------------------------------*/