/*-----------------------------------
Layout Styles for Main pages
Author: Duane Anderson
Email: info@dkanderson.com
website: www.dkanderson.com
-----------------------------------*/ 
body, ul, p, h1, h2, h3, h4, h5, h6, div, span, table, tr, td, li, a, img, form, input, textarea{   
    margin: 0px;
    padding: 0px;
	border: 0px;
 	font-size:12px;
 }
body {
  background:url(../images/abt_bg.jpg) repeat-x #fff;
  text-align:left;
  
 }
#mainWrapper{
width:740px;
margin: 0 auto;
min-width:760px;
text-align:left;
}
/*=======================================================
   Header: Banner, Searchbar, Branding, Global Nav Menu
---------------------------------------------------------*/

#header {
	/*margin-left: 50px;*/
	width: 740px;
	clear:left;
}
/*Banner
---------*/
.banner{
height: 165px;
float: left;
}
/*Search Bar
------------*/
#searchbar {
height: 26px;
width: 740px;
background:url(../images/top_bar.jpg) 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;
}
/*=======================================================
     Container: Left side Nav and Main content area
---------------------------------------------------------*/

#container{
/*margin-left:50px;*/

background:#080a4d;
width:740px;
float:left;
position:relative;
}
/*Left Side Nav
--------------*/
#left_nav{
width:160px;
float:left;
background:url(../images/lft_bg.jpg) repeat-x;
position:relative;
font-size:10px;
}
#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;
}

.leftad{
padding:0 0 4px 4px;
background-color:#c83e3e;
}


/* Nav Ends */

/*Main Content
--------------*/
#content{
width:580px;
float:left;
position:relative;
overflow:hidden;
}



/*** Content Body *****/
.contentbody{
width:580px;
padding: 5px 8px 5px 9px;
position:relative;
}
/*Secondary Content---------------------------------------------------*/
#swfwrapper{
width:580px;
padding-left:6px;
padding-top:6px;
position:relative;
z-index:-100;
}

#headerWrap{
padding-top:15px;
}
#headerWrap h1{

padding:5px 0 5px 20px;
margin-right:6px;
color:#c80000;
}
#mContent{
position:relative;
background-color:#fff;
width:568px;
}
#main{
background-color:#fff;
position:relative;
margin:2px 6px;
padding-bottom:20px;
}
#lContent{
float:left;
width:100%;
border-top:1px dotted #ccc;
padding-top:20px;
background-color:#fff;
line-height:16px;
letter-spacing:.00001em;
font-size:14px;
}


#lContent h1{
color:#0346ec;
border-left:1px solid #080a4d;
border-right:100px solid #eee;
font-size:1.1em;
padding:0 0 0 5px;
margin:0 0 10px 20px;
font-weight:bold;
text-transform:uppercase;
}
#lContent p{
padding:5px 0px;
color:#333;
font-size:12px;
}

/*Product Feature
==================*/
#featpic{
float:left;
padding:0 15px 0 0;
margin:0 10px 0 0;
border-right:1px dotted #ccc;
}
#pfeat{
padding:20px 0;
}

div.feat h4{
color:#0099cc;
font-family:"Times New Roman", Times, serif;
font-size:16px;
letter-spacing:.1em;
text-transform:uppercase;
}
.tag{
padding:5px 0;
margin:2px 20px 2px 130px;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
display:block;
}
em{
font-weight:bold;
color:#0346ec;
padding:10px 0;
}
.feat{
margin-right:10px;
margin-left:20px;
padding:20px;
border-top:1px dotted #eee;
border-bottom:1px dotted #efefef;

}
/* Supplier Feature
=======================*/
#feat_sup{
background:url(../images/stihl.jpg) top left no-repeat #fff;
width:100%;
height:127px;
padding:20px 0;
}
#supplier_products{
padding:20px 0;
}
#feat_sup a{
display:block;
float:left;
height:127px;
text-decoration:none;
}
#feat_sup a:hover{
border-left:1px solid #c1c1c1;
border-right:1px solid #c1c1c1;
}
#feat_sup a:hover span{
border-top:2px solid #f27a1f;
color:#f27a1f;
}
#feat_sup a span{
display:block;
margin-top:100px;
color:#aaa;
text-align:center;
font-size:12px;
}
#feat_sup a.hs{
margin-left:10px;
width:135px;
}
#feat_sup a.br{
width:120px;
}
#feat_sup a.bt{
width:64px;
}
#feat_sup a.ms{
width:130px;
}
#feat_sup a.fs{
width:85px;
}

#sup_logo{
float:left;
padding-left:20px;
margin-top:10px;
}

/*Article of the week
=========================*/
#article{
margin-bottom:20px;
padding:0 25px;
border-bottom:1px dotted #efefef;
background-image:none;
overflow:hidden;
}
#tow, #aow{
overflow:hidden;
margin:0 0 10px 0;
}
#article h2{
font-weight:normal;
padding:10px 0px;
font-size:1.2em;
color:#c80000;
letter-spacing:.5em;
}
#article h3{
font-weight:normal;
color:#080a4d;
letter-spacing:.1em;
font-weight:bold;
padding-bottom:5px;
}
.expandThis{
font-weight:bold;
text-decoration:none;
padding:0px 20px;
display:block;
float:right;
}

/*** Bottom Menu *****/
.menu {
text-align:center;
width:580px;
color:#fff;
float:left;
}
.menu ul{
margin-left:0;
padding-left:0;
}
.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;
}
.clear{
clear:both;
}
/*** Menu Ends *****/

/*======================
      Footer
------------------------*/
#footer{
/*margin-left:50px;*/
width:740px;
background:url(../images/btmbar.png) no-repeat left top;
clear:both;
}
#footer p{
position:relative;
top:40px;
width:740px;
text-align:center;
color:#333333;
padding-bottom:20px;
} 
/*FIN
-------------------------------------------------------------------------------------------------------------*/