@charset "UTF-8";

body {background: url(../images/traditionalwallpaper.jpg) repeat; border: 0; padding:0; margin: 0; color: #000;}
#productsouter {display: block; margin: 10px auto 60px auto; width:750px; border:1px dotted #eee; height:auto; background: transparent; font-family: Times, serif;}
#productscontent {background: #fff; width:750px; height:auto; border:0px #666 solid;}
.productsheader {background: #transparent; padding: 10px; color:#000;}
.productsheader h1 {color: #000; font-weight: bold; font-size: 2em; line-height: 2em;  clear: both; overflow: hidden; height: auto; }
.productsheader p {color: #000; font-size: 1.5em;}
.productsheader img {margin: 0 0 10px 20px; float:right;}

.product {display: block; float: left; width: 225px; text-align: center; margin:30px 0;}
.product img {float:none; margin-bottom: 20px;}

.article {margin: 0px; background: #fff7e8; padding: 30px;}

table {width: auto; padding: 5px; font-size: 1.2em; text-align: left; vertical-align: text-top; border:1px dotted #ccc; background: #eee;}
th {border-bottom: 1px solid #ccc; text-align: left; font-size: 1.2em; font-weight: bold; color: #666;}
tr {padding: 10px;}
td { width: 33%; color: #666; text-align: left; padding: 10px; margin: 0 10px; table-layout: auto;}

.description {background: transparent; padding:20px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; text-align: left;}
.description p {color: #000; font-size: 1.5em;}
.description h1 {color: #000; font-size: 2em; font-weight: bold; padding-bottom: 5px;}




ul.productsquare li {display: block; width:100px; height: 120px; padding:10px; margin: 0 10px 10px 0; text-align: center; float: left; font-size: 1.3em; }
ul.productsquare li img {float: none; margin: 0; text-decoration: none;}
ul.productsquare li a {text-decoration: none;}
ul.productsquare li a:hover {color: red;}

.productbig {display: block; float: left; width: 225px; text-align: center; margin:30px 0;}
.productbig img {float:none; margin-bottom: 20px;}

.article {margin: 0px; background: #fff7e8; padding: 30px;}

table {width: 100%; padding: 5px; font-size: 1.2em; text-align: left; vertical-align: text-top; border:1px dotted #ccc; background: #eee;}
th {border-bottom: 1px solid #ccc; text-align: left; font-size: 1.2em; font-weight: bold; color: #666;}
tr {padding: 10px;}
td { width: 25%; color: #666; text-align: left; padding: 10px; margin: 0 10px; table-layout: auto;}

.description {background: transparent; padding:20px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; text-align: left;}
.description p {color: #000; font-size: 1.5em;}
.description h1 {color: #000; font-size: 2em; font-weight: bold; padding-bottom: 5px;}

.left {display: block; width:64%; float: left; }
.right {display: block; width:35%; float: right; text-align: right;}
.centre {display: block; width:100%; float: left; }


ul.productsquarebig li {display: block; width: 200px; height: 320px; padding:10px; margin: 0 10px 10px 0; text-align: center; float: left; font-size: 1.3em; }
ul.productsquarebig li img {float: none; margin: 0; text-decoration: none;}
ul.productsquarebig li a {text-decoration: none;}
ul.productsquarebig li a:hover {color: red;}
ul.productsquarebig li h1 {font-size:1.5em;}

#footer {height:50px; width:100%; position:fixed; bottom:0; overflow:hidden; background-color: #000;}


/* main menu--*/
div#menu {margin: 10px auto; padding-left:20px; position: fixed; width: 100%; text-align: center; bottom: 0;}
div#menu a {display:block; padding:5px 5px; background-color: #000; text-decoration: none; color: #ccc; float:left; margin-right: 10px; font-size: 1.1em; font-weight: bold;}
div#menu a:hover {background-color: #ccc; color: #000;}

#truck2 { margin-bottom: 0;}