/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.directbuyautobodysupply.com/
   TEMPLATE NAME:  Direct Buy Auto Body Supply
   DATE:           May-19th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }
html, body { margin: 0; padding: 0px; height: 100%; background: #fff url('/images/bg.gif') repeat-x;}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------Centered Container Or the Layout--------------------- */
#header, .images { margin: 0 auto; width: 960px; text-align: center}

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto;
width: 960px;
background: #fff url('/images/mainbg.gif') repeat-y;
} 

/* ----------CART--------------------- */
font, table, tr, td {  background-color: transparent;}
table, td, tr { font: 14px Arial, Tahoma, Sans-Serif; color: #111; }
td { line-height: 20px; }
table a, tr a, td a, font a, .content table a {color: #c41230; font: 14px Arial, Tahoma, Sans-Serif; }
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 0px; margin-right: 10px; } 

#vendorsearchbutton{margin-bottom: -13px}

/* --------------LABELS BUTTONS & FORMS-----------*/
label { font: bold 14px Arial, Tahoma, Sans-Serif;  color: #111;}
 
#name, #name0, #name1, #name2, #name3, #name4, textarea {
width: 20em;
border: 1px solid #777;
font: 12px Arial, Tahoma, Sans-Serif; 
color: #111;
padding: 4px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 14px Arial, Tahoma, Sans-Serif; 
color: #fff;      
background: #c41230;
padding: 8px;
border: 1px solid #c41230;
cursor: pointer
}

/* --------------HEADER------------- */
#header { height: 127px; font: 14px Arial, Tahoma, Sans-Serif; line-height: 20px;}
#header .right { width: 530px; float: right; margin-top: 5px;}
#header a { color: black; font-weight: bold}
#header font { color: black; padding-left: 50px; line-height: 15px;}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 390px; height: 127px; float: left}
.logolink, #swap { background: url('/images/logo.gif') no-repeat;}
.logolink a { float: left;  }
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
.images { height: 55px; margin-top: 11px; margin-bottom: 13px;}
.images a { float: left; }

#swap01 {background-image: url(/images/nav_on_home.gif);  width: 192px;  height: 55px; }
#swap02 {background-image: url(/images/nav_on_about.gif);  width: 192px;  height: 55px; }
#swap03 {background-image: url(/images/nav_on_order.gif);  width: 192px;  height: 55px; }
#swap04 {background-image: url(/images/nav_on_contact.gif);  width: 192px;  height: 55px; }
#swap05 {background-image: url(/images/nav_on_links.gif);  width: 192px;  height: 55px; }

.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main { min-height: 100%;  height: auto !important; height: 100%;  min-height: 1100px}
#main .content { padding: 20px; margin: 0px; margin-left: 200px; margin-right: 0px; min-height: 170px; /* Height of Background Img */ height: auto;}
#main h1 { font: bold 22px Arial, Tahoma, Sans-Serif; margin-bottom: 20px; text-transform: uppercase; color:#c41230;}
#main p a { color: #c41230;}
#main p { font: 14px Arial, Tahoma, Sans-Serif; line-height: 20px; color: #111}
#main .navleft { float:left; width: 200px; margin: 0px; padding: 0px; color: white;}
#main .navleft h3 { color: white}
#main .track { color: #c41230; font-weight: bold; background: url(/images/iconarrow.gif) no-repeat center left; padding-left: 14px; margin-left: 12px}
#main .seo { font: 10px Arial, Tahoma, Sans-Serif; padding: 0px; margin: 0px; margin-left: 0px; margin-right: 0px; min-height: 0px; height: auto;}
#main .seo2 { text-align: center; font: 10px Arial, Tahoma, Sans-Serif; padding: 0px; margin: 0px; margin-left: 0px; margin-right: 0px; min-height: 0px; height: auto;}


/* --------------LEFT CONTENT----------------*/
#leftcontent { padding: 10px 10px 10px 14px;}
#leftcontent h3 { margin-bottom: 15px; font: bold 16px Arial, Tahoma, Sans-Serif;}
#leftcontent ul { margin: 0px; padding: 0px}
#leftcontent ul li { list-style-type: none; }
#leftcontent ul li a { color: white; font: bold 13px Arial, Tahoma, Sans-Serif; line-height: 26px; text-decoration: none;}
#leftcontent ul li a:hover { text-decoration: underline}
#leftcontent input { padding: 6px; border: 0px; font: 11px Arial, Tahoma, Sans-Serif;}

/* --------------NAVBAR----------------*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
font: bold 13px Arial, Tahoma, Sans-Serif; line-height: 20px;}
	
.suckerdiv ul li{ position: relative;}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
}

.suckerdiv ul li ul { border-bottom: 1px solid #122f54}

/* Sub level menu links style */
.suckerdiv ul li ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 3px 8px;
border-top: 1px solid #122f54;
border-right: 1px solid #122f54;
border-left: 1px solid #122f54;
background-color: #43648d;
}

.suckerdiv ul li a:hover{ color: #FFF}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* --------------FOOTER LINKS------------- */
.footer { margin: 0 auto; width: 700px; margin-top: 50px; text-align: center}
.footer li { display: inline; list-style-type: none;}
.footer li a { color: #000; text-decoration: none; padding: 0px 20px 0px 20px; font: 14px Arial, Tahoma, Sans-Serif;}
.footer li a:hover { text-decoration: underline; }





/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }

/* --------------SEO STUFF------------- */
a.seo:link {  font: 10px Arial, Tahoma, Sans-Serif; text-decoration: none; color: #000000; }
a.seo:visited  { font: 10px Arial, Tahoma, Sans-Serif; text-decoration: none; color: #000000; }
a.seo:hover { font: 10px Arial, Tahoma, Sans-Serif; text-decoration: none; color: #000000; }