﻿body {font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-size: 12px; color: #000099; text-align: center; margin: 5px 0; background-color: #ffffdd; }

a:link, a:visited, a:active {color: blue; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}

a.wht:link, a.wht:visited, a.wht:active {color: #eeeeff; text-decoration: none; font-weight: bold; }
a.wht:hover {color: #eeeeee; text-decoration: underline; font-weight: bold; }

ul {list-style-type: square; text-align: left; }
ul.box {margin: 10px 0; vertical-align: top; }
li.box {width: 150px; list-style: url("../Images/CSS/arrow-left.gif") square; margin-left: -20px; vertical-align: text-top; }

h1 {font-size: 24px; font-weight: bold; color: #2a6b9f; background-color: #fecc36; width: 98%; margin: 2px auto 10px auto; }
h2 {font-size: 18px; font-weight: bold; color: #fecc36; margin: 0 0 7px 0; }
h3 {font-size: 14px; font-weight: bold; color: #ffffff; background-color: Red; padding: 2px; margin-top: 0; }
h4 {font-size: 14px; font-weight: bold; color: #ff6300; }

strong.red {color: Red; }
img {border: 0; }

#container {width: 1000px; margin-left: auto; margin-right: auto; }
#header {width: 1000px; background: #fecc36; text-align: left; padding: 10px 0 0 0; clear: both; }
#h-left {float: left; width: 215px; padding-left: 10px; }
#nav {width: 735px; height: 29px; float:right; }
#navleft {width: 10px; height: 29px; float: left; background-image: url("../Images/CSS/navbar-l.gif"); background-repeat: no-repeat; }
#nbar {width: 715px; height: 29px; float: left; text-align: center; line-height: 25px; background-image: url("../Images/CSS/navbar-c.gif"); background-repeat: repeat-x; }
#navright {width: 10px; height: 29px; float: left; background-image: url("../Images/CSS/navbar-r.gif"); background-repeat: no-repeat; }
#headlinks {width: 1000px; height: 20px; text-align: right; font-size: 10px; clear: both; background: #fecc36; }
#content {width: 1000px; clear: both; text-align: center; }
#footer {width: 1000px; clear: both; }

.sbar {width: 200px; float: left; }
.rbar {width: 200px; float: right; }
.mid {width: 565px; float: left; }
.sbox {width: 197px; }
.sbox-blu {background-color: White; border: #6699cc 1px solid; width: 195px;}

.mbar {width: 785px; float: right; background-color: #ffffff; padding-bottom: 10px; border: 1px solid #6699cc; text-align: center; }
.main {width: 775px; margin: auto; }

.homepage1 {float: left; width: 100%; }
.homepage2 {float: left; width: 595px; }
.specialsbox {border: dotted 2px Red; width: 170px; float: right; margin-right: 5px; }
.catbox {width: 131px; float: left; padding: 5px; height: 160px; border: solid 1px #6699cc; margin: 0px 5px 5px 0px; }

.prod-left {width: 225px; float: left; }
.prod-right {width: 540px; float: right; }
.prod-details {width: 540px; clear: both; text-align: left; }
.prod-name {width: 110px; height: 25px; text-align: right; float: left; }
.prod-value: {width: 410px; margin-left: 10px; padding-left: 10px; text-align: left; float: right; margin-right: auto; }
.prod-desc {width: 500px; border: #cc0033 1px solid; background-color: White; padding: 10px 10px 20px 10px; margin: 10px; text-align: left; }
.specials {border: dotted 2px Gold; padding: 5px; margin-bottom: 10px; }
.sale {font-weight: bold; color: Red; }
.rrp {text-decoration: line-through; }

.col-2{width: 770px; clear: both; }
.col-2l {width: 375px; float: left; text-align: left; margin-bottom: 20px; }
.col-2r {width: 375px; float: right; text-align: left; margin-bottom: 20px; }
.col1-4 {width: 24%; float: left; text-align: left; }
.col3-4 {width: 74%; float: right; text-align: left; }

.checkout-details {width: 375px; clear: both;  }
.check1-name {width: 120px; text-align: right; float: left; height: 25px; }
.check1-value: {width: 230px; margin-left: 10px; padding-left: 10px; text-align: left; float: right; }
.check2-name {width: 175px; text-align: right; float: left; height: 25px; }
.check2-value: {width: 165px; margin-left: 10px; padding-left: 10px; text-align: left; float: right; }

.t14c {font-size: 14px; font-weight: bold; color: #ff6300; }
.t15 {font-size: 15px; }
.t10 {font-size: 10px; }
.t12 {font-size: 12px; }

.al {text-align: left; }
.ar {text-align: right; }
.ac {text-align: center; margin: auto; }
.fl {float: left; }
.clear {clear: both; }
.img {border: none; }

.tblred {border: #cc0033 1px solid; background-color: White; }
.tblblu {border: #6699cc 1px solid; background-color: White; }

.admin-title {font-size: 24px; font-weight: bold; color: #ffffff; background-color: #dd0000; width: 900px; margin: 2px 0px 10px 0px; }
.editor {font-size: 10px; color: Olive; }
.contact {width: 100%; height: 18px; clear: both; }
.contact-l {width: 100px; float: left; text-align: left; }
.contact-r {width: 400px; float: left; text-align: left; }