/*** BASICS ***/
html * { padding: 0; margin: 0; }
html { color: #300; background: #ebe1c0 url(images/main_bg.jpg) top; font-family: Georgia; font-size: 12pt; text-align: center; }
body { width: 800px; margin: 10px auto; }
a, a img { color: #300; border: none; outline: none; }

/*** BANNER ***/
img#logo { float: left; }
div#banner { height: 85px; padding: 0 10px; margin-bottom: 15px; }

/*** MENU ***/
div#menu { float: right; line-height: 75px; }
div#menu a { text-decoration: none; }
div#menu a:hover { text-decoration: underline; }
div#menu li { display: inline; }

/*** MESSAGE ***/
div.message { width: 550px; line-height: 16pt; background-color: #eec; padding: 5px; border: 5px solid #300; margin: 0 auto 15px; }

/*** CONTENT ***/
div#primary_content { float: left; width: 490px; }
div#secondary_content { float: right; width: 290px; height: 250px; background: url(images/kproud.gif) no-repeat bottom; }
div#secondary_content ul li { list-style: none; font-size: 18pt; margin: 25px; text-align: center; }
div#secondary_content a { text-decoration: none; }
div#secondary_content a:hover { text-decoration: underline; }
img { margin-bottom: 15px; }
.imgleft { float: left; margin: 0 15px 5px 10px; clear: left; }
.imgright { float: right; margin: 0 10px 5px 15px; clear: right; }
h1 { color: #fff; height: 35px; background-image: url(images/heading_bg.jpg); padding: 11px; margin-bottom: 15px; font-size: 20pt; font-weight: normal; text-align: left; }
div#content p { margin: 0 10px 15px; text-align: left; }
div#content ul { margin: 0 35px 15px; text-align: left; }
div#footer { margin: 0 10px 25px; clear: both; text-align: left; }

/*** STORE ***/
div#content ul#storeitems { height: 400px; margin: 0 0 30px 70px; }
li.item { width: 180px; height: 180px; background: url(images/itemframe.png) no-repeat top; padding: 10px; margin: 0 30px 30px 0; list-style: none; float: left; cursor: pointer; text-align: center; }
li.item img { margin-bottom: 5px; }
li.item a { text-decoration: none; }
.orderBox { position: relative; width: 620px; height: 150px; padding: 15px; margin: 0 auto 15px; background-color: #eec; border: 10px solid #300; z-index: 10; clear: both; text-align: left; }
.hide { display: none; position: absolute; left: 50%; top: 300px; margin-left: -335px; }
.orderBox img { float: left; margin: 0 35px 0 20px; }
.orderBox h2, .orderBox p { margin: 10px 0; font-weight: normal; }
a.close { position: absolute; top: 15px; right: 15px; text-decoration: none; cursor: pointer; }

/*** SHOPPING CART ***/
div#shopping_cart p { text-align: center; }
table { margin: auto; border-collapse: collapse; }
td { padding: 5px 50px 10px; }
th { font-weight: normal; font-style: italic; border-bottom: 1px solid #300; }
input#checkout_btn { margin: 15px 0 25px; }