html {background-color: black; background-image: url(img/background.gif); background-position: top center; font-family: calibri, arial, helvetica, sans-serif; background-attachment: fixed; background-color: #EF1C25 }
body {width: 1000px; margin: auto;; background-color: white; overflow: auto; display: block; }
* {margin: 0; padding: 0}
body > .left {float: left; width: 200px; margin-left: 15px;}
body > .right {float: left; width: 200px; margin-top: 15px;}
body > main {width: 550px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 15px}
body > .left ul {list-style-type: none; margin: 0; display: block; padding: 0;}
body > .left ul li {background-color: #010080; margin-bottom: 1px }

.left a {text-decoration: none; display: block; padding: 5px; margin-right: 12px; border-right: 2px solid  #ffffff}
body > .left ul li.order {background-color: #EF1C25}
li.order a {border-right: 2px solid  #211F20;}
body > .left ul li a {color: white}

.right address {text-align: right; color: red; font-style: normal; font-size: 0.9em}
.right address a {text-decoration: underline; color: #211F20}

main h1 {font-size: 1.4em}
main p {line-height: 1.2em}

.tagline {font-size: 24px; color:#999999; margin-top: 0px; padding-top: 0; width:  425px}

.right ul {list-style-type: none; margin: 0; padding: 0; margin-top: 15px}
.right ul li {background-color: #211F20; padding: 2px 5px; color: white; margin-bottom: 1px}
.right ul li a {color: white; text-decoration: none}


footer {display: block; clear: both; background-color: #333333; color: white; padding: 5px; overflow: auto}
footer a {color: white; text-decoration: none; }
footer ul {list-style-type: none}
footer .top {clear: both; float: none; overflow: auto; border-bottom: 1px solid #999; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
footer .top div, footer ul {float: left; width: 200px; margin: 0; padding: 0}
footer address {font-style: normal; float: right; text-align: right;}

.right .box.quick {background-color:#EF1C25 }
.right .box.machines {background-color: #003366 }
.right .box.why {background-color:#000000 }
.right .box {color: #FFFFCC; padding: 5px; margin-top: 5px}
.right .box header {font-size: 1.3em; font-weight: bold;}

td {vertical-align: top}

a.nav {display: none;}
main h1{ margin-bottom: 0.5em}
main p {margin-bottom: 1em}

.products form {display: block; overflow: auto; margin-bottom: 30px;}
.products form select {float: none; display: block; width: 250px; margin-bottom: 10px; padding: 5px; border-radius: 10px; border: 1px solid #999}
.products form input[type="submit"] {color: white; border-radius: 5px; padding: 5px 20px; background-color: black; border: 1px solid #999 }

.products ul {list-style-type: none;}
.products ul li {border-top: 2px dotted #999; padding-top: 10px; padding-bottom: 2px }
.products h2 {font-weight: normal; font-size: 1.3em; padding-left: 10px}
.products .purchase {border-top: 2px dotted #ccc; margin-top: 10px; padding-top: 5px; overflow: auto; padding-left: 10px}

.products .purchase .description {width: 330px; float: left; display: block; min-height: 35px}
.products .purchase form {width: 200px; display: block;}
.products .purchase input[type="text"] {margin-top: 5px; float: right; width: 50px; border: 1px solid #aaa; padding: 3px; margin-right: 5px;}
.products .purchase .price {float: left; width: 130px; }
.products .purchase .price p {display: block; text-align: right; color: green; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;}
.products .price input {float: right}

blockquote {width: 400px; margin: auto; display: block; margin-top: 20px; margin-bottom: 20px; font-style: italic; font-size: 0.9em; color: #666}
blockquote hr {width: 150px; display: block; margin: auto; color:#999; background-color: #999; border: 0; height: 1px; margin-bottom: 20px}
blockquote strong {display: block; font-style: normal; padding-top: 5px;; padding-bottom: 20px}	

.order {width: 100%; border-collapse: collapse}
.order td {border-top: 1px solid black; padding: 10px;}
.order input {width: 40px !important; display: block; margin: auto}
.order .quantity a {display: block; clear: both; text-align: center; color: #999; text-decoration: none}
.order .quantity {width: 100px;}
.order .subtotal {font-weight: bold; text-align: right; width: 100px}

.basket {margin-top: 27px}

.basket form {display: block;}
.basket  table form input {float: none}
.basket  form label {width: 200px; float: left; clear: left; margin-bottom: 10px; padding: 3px; font-weight: bold}
.basket form label.required:after {content:"*"; color: red}
.basket  form input, .basket form select {float: left; width: 200px; margin-bottom: 10px; border-radius: 5px; padding: 3px; border: 1px solid #999}
.basket form select { float: none; width: 200px; }
.basket form .delivery input {width: 140px; float: none}
.basket form textarea {float: left; width: 200px; margin-bottom: 10px; height: 75px;; padding: 3px; border: 1px solid #999; border-radius: 5px; font-family: arial,helvetica,sans-serif}
.basket form input[type="submit"] {background-color: red; margin-left: 205px; color: white; border: 0; width: 210px; cursor: pointer; text-align: left; padding: 7px;}

.basket h2 {margin-top: 30px; margin-bottom: 10px}


.error {padding: 10px; border-radius: 10px; color: red; background-color: #E6E7A3; border: 1px solid red; margin-bottom: 20px}
.error ul {margin-left: 30px;}


.blocklist {color: white; background-color: #211F20; overflow: auto; list-style-type: none; padding: 20px; margin-bottom: 5px; font-weight: bold}
.blocklist li {width: 33%; float: left}

.blocklist.twocol li {width: 50%;}

tr.notice {border: 0; text-align: right; color: #999}
tr.notice td {border: 0; padding: 0}


table.delivery {width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; margin-top: 10px;}
table.delivery td {text-align: right; padding: 5px}
table.delivery label {float: none;}


.right .basket {background-color: #EF1C25; color: white;; overflow: auto; padding: 5px; display: block}
.right .basket header {display: block; font-size: 1.3em}
.right .basket p {float: left; width: 100px}
.right .basket a {float: right; color: #F0E900; text-decoration: none}

.products .notice {padding: 20px;display: block; background-color: white; border-radius: 20px; border: 1px solid #666; box-shadow: 4px 4px 4px #888; width: 250px; position: fixed; top: 50%; left: 50%; margin-left: -125px; display: none}
.products .notice a {float: right; color: red; text-decoration: none;; position: absolute; margin-top: -15px; margin-left: 255px}
.products .notice p {margin: 0; padding: 0; color: red}



.checkout .login {clear: both; overflow: auto; padding-top: 40px; border-bottom: 1px solid #999 }
.banners {width: 547px; height: 307px; overflow: hidden}
.banners img {width: 547px; height: 307px; z-index: 1; position: absolute}
.banners img.active {z-index: 3}