/* Generic Selectors */

body {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #000;
line-height: 150%;
background-color: #4b678f;
}

p {
width: 98%;
line-height: 150%;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #000;
padding: 0px;
margin: 0px;
}

h1 {
width: 95%;
line-height: 150%;
font-family: arial,helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
color: #4b678f;
margin: 0px;
padding: 0px;
}
h2 {
width: 95%;
line-height: 150%;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
color: #000;
margin: 0px;
padding: 0px;
}
h3 {
width: 95%;
line-height: 150%;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
}

ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#content li {
margin: 0px;
padding: 0px;
list-style-type: disc;
list-style-position: inside;
}
img {
margin: 0px;
border: 0px;
}
img.five {
padding: 0px 0px 0px 5px;
float: right;
}
img.logo {
text-align: center;
padding: 20px 0px 10px 0px;
}
img.logo2 {
padding: 20px 6px 6px 6px;
}
table {
color: #000;
font-size: 12px;
padding: 3px;
}
table a {font-weight: bold}
td {padding: 3px;}
td img {padding: 0px 3px 0px 7px}

/**************** Pseudo classes ****************/

.mid {padding:0px 40px 0px 40px; text-decoration:none}
.right {text-align: right}
.fright {float: right}
.cart {padding: 4px}
.fleft {float: left; text-align:right}
.left {text-align: left}
.center {text-align: center}
.bigger {font-weight: bold; font-size}
.smaller {font-size: 10px}
.bold {font-weight: bold}
.gray {color: #666666; font-weight:lighter; border:0px;}
.inline {display: inline}
.thumb {padding:0px 15px 15px 0px}
.back {border:1px solid #000; width:40px; background-color:#eee; padding:2px; text-align:center}
a.back:hover {background-color:#bbb; text-decoration:none}
.clearl {clear:left}

a.mid:link, a.mid:active, a.mid:visited {
color: #fff;
font-size: 13px;
text-decoration: none;
border: 0px;
}
a.mid:hover {
color: #fff;
font-size: 13px;
text-decoration: underline;
}

a.home {
display: block;
height: 40px;
width: 175px;
background-image: url('images/btn_home_up.png');
background-repeat: no-repeat;
}
a.home:hover, a.home:active {	
background-image: url('images/btn_home_over.png');
}
 
a.carts {
display: block;
height: 40px;
width: 175px;
background-image: url('images/btn_carts_up.png');
background-repeat: no-repeat;
}
a.carts:hover {
background-image: url('images/btn_carts_over.png');
background-repeat: no-repeat;	
}

a.parts {
display: block;
height: 40px;
width: 175px;
background-image: url('images/btn_parts_up.png');
background-repeat: no-repeat;
}
a.parts:hover {	
background-image: url('images/btn_parts_over.png');
background-repeat: no-repeat;
}
  
a.media {
display: block;
height: 40px;
width: 175px;
background-image: url('images/btn_media_up.png');
background-repeat: no-repeat;
}
a.media:hover {	
background-image: url('images/btn_media_over.png');
background-repeat: no-repeat;
}

a.contact {
display: block;
height: 40px;
width: 175px;
background-image: url('images/btn_contact_up.png');
background-repeat: no-repeat;
}
a.contact:hover {	
background-image: url('images/btn_contact_over.png');
background-repeat: no-repeat;
}

a:link, a:active, a:visited {
color: #000;
font-size: 13px;
text-decoration: none;
margin: 0px;
}
a:hover {
color: #000;
font-size: 13px;
text-decoration: underline;
}

/************************* ID's *************************/


#container {
margin: 10px auto 0px auto;  
width: 800px;  
position: relative;
}

#top_bar h1 { 
width: 800px;
height: 100px;
margin: 0px;
background: transparent url('images/top_bar.png') no-repeat top left;
}
#top_bar h1 span {display: none}


#mid_menu {
color: #fff;
width: 900px;
height: 30px;
margin: 0px;
margin-left: -57px;
padding: 0px;
text-align: center;
background-image: url('images/mid_image.jpg');
background-repeat: repeat-y;
}
#mid_menu ul {
margin: 0px;
padding-top: 5px;
}
#mid_menu li {
display: inline;
}

#container_menu {
height: 200px;
width: 100%;  
}

#menu {
float: left;
width: 175px;
height: 200px;
}
#main_image {
float: right;
width: 625px;
height: 200px;
}

#main {
width: 100%;
background-color: #fff;
background-image: url('images/bkgd_main.png');
border-bottom: 1px solid #000000;
margin: 0px;
padding: 0px;
}

#main_L {
float: left;
width: 175px;
background: none;
text-align: center;
}

#main_R {
float: right;
width: 625px;
background: none;
}

#content {
padding: 10px 0px 20px 15px;
}

#clear {
clear: both;
}