/* CSS Document */

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
html {display: block; height: 100%; background: url(../images/bkg02.gif) bottom right no-repeat #DDDDDD fixed;}
body {position: relative; font: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #242424; text-align: center;}
#wrapper {width: 784px; margin: 0 auto; text-align: left;}
#page {position: relative; float: left; display: block; width: 784px; background: url(../images/main-bkg.gif) top left no-repeat;}

#logo {float: left;}
#logo a {display: block; height: 87px; width: 151px; background: url(../images/logo.gif) bottom no-repeat;}
#logo a:hover {background-position: top;}
#logo span {display: none;}
#address {display: none;}

#mainpic {position: relative; float: left; display: block; clear: both; width: 784px; height: 241px; background: url(../images/homepic-01.jpg) 4px 11px no-repeat;}
#mainpic2 {position: relative; display: block; clear: both; width: 784px; height: 241px; background: url(../images/homepic-01.jpg) 4px 11px no-repeat;}
#mainpic2 #map {float: left; margin: 11px 0 0 4px;}
#mainpic img {position: relative; left: 4px; float: left; margin: 11px 0 0 0; z-index: 10;}
#mainpic div {position: relative; top: 11px; left: 4px;}
#mainpic div div, #mainpic div img {top: 0; left: 0; margin: 0;}
#pagetitle {position: absolute; bottom: 0; left: 24px; display: block; width: 730px; font: 2.5em Arial, Helvetica, sans-serif; color: #fff; z-index: 20;}
#pagetitle span {display: none;}

#nav {float: left; display: block; width: 760px; padding: 1px 4px 4px 4px; list-style: none; background: url(../images/nav-bkg.gif) top no-repeat;}
#nav li {float: left; display: inline;}
#nav a, #nav a:visited {float: left; display: block; padding: 7px 0 6px 20px; font: bold 11px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none;}
#nav a:hover { color: #FFFF66;}
#nav a span {display: none;}

#footer {float: left; display: block; width: 744px; padding: 10px 12px 24px 12px; background: url(../images/footer.gif) top left no-repeat;}
#footer p {font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #fff;}

.row {float: left; display: block; width: 784px; margin: 0 0 20px 0;}
#maincol {position: relative; left: 4px; float: left; display: block; width: 500px; padding: 0 20px 0 0; margin: 20px 0 0 0;}
#subcol {position: relative; left: 4px; float: left; display: block; width: 240px; padding: 0 20px 0 0; margin: 20px 0 0 0;}

h1 {}
h2 {font-size: 1.2em; margin: 0 0 10px 0;}
h3 { margin: 0 0 10px 0;}
p {margin: 0 0 10px 0;}
.date {position: relative; top: -0.5em; color: #666; font-weight: bold; font-size: 0.9em; line-height: 1em; margin: 0;}

.basiclist {margin: 0 0 10px 15px;}

a, a:visited {color: #BF0102; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

.brandsmenu {float: left; display: block; width: 784px; list-style: none;}
.brandsmenu li {float: left;}
.brandsmenu a {display: block; width: 230px; padding: 3px 5px; margin: 0 16px 0 4px; background: #999; color: #fff; text-decoration: none; border-bottom: 1px solid #ddd;}
.brandsmenu a:visited {background: #aaa;}
.brandsmenu a:hover {background: #BF0102;}

form {margin: 0 0 10px 0;}
.field {width: 200px; padding: 1px 4px 1px 4px; line-height: 1em;}
.button {position: relative; top: 5px;}
* html .button {top: 3px;}

#stockForm input, #stockForm textarea, #stockForm select {margin-bottom: 10px;}
#stockForm input {width: 226px;}
#stockForm select {width: 238px; margin-right: 20px;}
#stockForm select * {padding: 2px 2px 0 2px;}
#stockForm #stockProduct {margin-right: 0;}
#stockForm textarea {width: 485px; font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 5px;}
#stockForm #stockSend {float: right; width: 8em; margin: 0 1px 10px 0; background: #bf0102; border: 0; padding: 3px 2px; color: #fff; cursor: pointer;}