@charset "utf-8";
/*MaineCycle.net*/

/*Browser Resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a img, :link img, :visited img { border:none }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float:left; }
.fr { float: right; }
.cb { clear:both; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.ma { margin: 0 auto; }


/*Font*/
h1 {font-size: 18px; font-weight:bold;}
h2 {font-size: 16px; font-weight:bold;}
h3 {font-size: 14px; font-weight:bold;}
#main-content h1, #main-content h2, #main-content h3 { margin-bottom: 10px; }
.red {color:#FF0000; }
a { color:#FF0000; }
p {margin-bottom: 8px; }
a:hover { color: #CC0000; }
#footer h3 {margin-bottom: 5px; }
.callout h2 {font-size: 14px; }
#footer p { font-size: 12px; }
#footer p a { color: #FFFF00; }
#footer p a:hover { color: #00CC00; }

/*structure*/
body { height: 100%; background-color: #000000; background-image: url(../images/body-bg.gif); background-repeat: repeat-y; background-position: center top; color:#FEFEFE; font-size: 13px; font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif; }
#container { width: 848px; margin: 0 auto; }
#content-container {width: 848px; height: 100%; float: left; background-color: #000000; padding: 0 ;border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; border-right-color: #003300; border-left-color: #003300;}
#header { background-image: url(../images/header.jpg); background-repeat: no-repeat; height: 249px; width: 848px; background-color: #000000; background-position: center top; float: left; }
.warehouse { width: 160px; float: left; }
.store { width: 160px; float: right; }
h1.parts-hotline { width: 100%; clear: both; padding-top: 37px; text-align: center; font-size: 18px; color:#FF0000; }
p.address { font-weight: bold; margin-top: 20px; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#tagline { clear: both; color: #FFFF00; text-align: right; padding-top: 110px; padding-right: 40px; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#sidebar-left { float: left; height: auto; width: 200px; background-color: #000000; padding: 5px 10px 10px 0px; }
#sidebar-left p, #sidebar-left h3 {padding-left: 15px; }
#nav{}
#main-content { float: left; height: auto; width: 600px; background-color: #000000; padding: 5px 10px 10px 10px;  }
#main-content p { padding-right:10px; }
#main-content .wide {width: 848px; height: 100%; float: left;}
#footer { background-color: #000000; background-image: url(../images/footer-top.gif); background-repeat: no-repeat; background-position: top; height: 150px; width: 848px; padding: 38px 0 0 0; clear: both; float: left; }
.callout, .callout-story { width: 150px; padding: 10px; float: left; margin-right: 15px; margin-bottom: 10px; border-top-width: 2px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #006600; border-right-color: #003300; border-bottom-color: #003300; border-left-color: #006600; }
.callout-story {padding: 0; border: none; width: 130px;}
#main-content .callout p {font-size: 12px; padding: 0;}
.callout img { border: 2px solid #999999; margin-top: 4px; margin-bottom: 4px; margin-right: auto; margin-left: auto; }
/*Contact Form*/
.formfeild { display:none;}
#contact textarea {width: 200px; }
#contact input {width: 200px;}
#contact .submitbtn { width: 75px; }
#contact td { padding: 0 10px 5px 0; vertical-align: top; }

/*ForSale Pages*/
table#forsale td {width: 150px; padding: 10px; }
table#forsale td img {margin-right: 15px; margin-bottom: 10px; border-top-width: 2px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #006600; border-right-color: #003300; border-bottom-color: #003300; border-left-color: #006600;}
/*Navigation*/
#nav ul { padding: 0; }
#nav li a { color:#FFFFFF; display: block; text-decoration: none; font-size: 14px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 10px; border-left-width: 5px; border-left-style: solid; border-left-color: #000000; font-weight:bold;}
#nav li a:hover { color: #00CC00; }
#nav li.current a{ background-color: #006600; border-left-width: 5px; border-left-style: solid; border-left-color: #003300; }
#nav li.current a:hover { color:#FEFEFE; }