/*
Main Colors
-----------
Dark Brown: #613700
Tan:        #f7ece0
Dark Blue:  #303f42
Light Blue: #cbe3e7
*/

/*CSS Reset courtesy of Eric Meyer*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*Every Page:
-------------------------------*/
a:link{
   text-decoration: none;
   color: #303f42;
   }
a:visited{
   text-decoration: none;
   color: #303f42;
   }
a:hover{
   text-decoration: underline;
   color: #303f42;
   }
a:active{
   text-decoration: underline;
   color: #303f42;
   }

#left-nav a:link{
   text-decoration: none;
   color: #F7ECE0;
   }
#left-nav a:visited{
   text-decoration: none;
   color: #F7ECE0;
   }
#left-nav a:hover{
   text-decoration: none;
   color: #F7ECE0;
   }
#left-nav a:active{
   text-decoration: none;
   color: #F7ECE0;
   }
   
#footer a:link{
   text-decoration: none;
   color: #613700;
   }
#footer a:visited{
   text-decoration: none;
   color: #613700;
   }
#footer a:hover{
   text-decoration: underline;
   color: #613700;
   }
#footer a:active{
   text-decoration: underline;
   color: #613700;
   }

strong {
   font-weight: bold;
   }
   
em {
   font-style: italic;
   }

h1 {
   font-size: 24px;
   }

h2 {
   font-size: 18px;
   }

body {
   background-image: url(../Images/cssimg/background.gif);
   background-repeat: repeat;
   }
   
#wrapper {
   width: 750px;
   margin: 0 auto;
   }

#header {
   height: 109px;
   margin: 10px 0 0 0;
   padding: 10px 50px 0 50px;
   background-image: url(../Images/cssimg/background-top.png);
   background-repeat: no-repeat;
   }

#header #logo {
   float: left;
   margin: 9px 0 0 0;
   }

#header #nav-left {
   margin: 22px 40px 0 0;
   float: left;
   }
   
#header #nav-right {
   margin: 22px 0 0 0;
   float: right;
   }

#main {
   background-image: url(../Images/cssimg/background.png);
   background-repeat: repeat-y;
   padding: 15px 50px 0 50px;
   }

#main #left-nav {
   width: 174px;
   margin: 32px 0 0 0;
   float: left;
   }

#main #left-nav #shopping-bag {
   padding: 6px;
   background-color: #613700;
   color: #f7ece0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.3;
   }

#main #left-nav #shopping-bag h2 {
   font-family: Georgia, serif;
   font-style: italic;
   margin: 0 0 14px 0;
   }

#main #left-nav #shopping-bag img {
   float: left;
   margin: -7px 7px 0 0;
   }

#main #left-nav #shopping-bag strong {
   color: #f7ece0;
   text-decoration: none;
   }
   
#main #left-nav #categories {
   margin: 3px 0 0 0;
   padding: 6px;
   background-color: #613700;
   color: #f7ece0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 14px;
   }
   
#main #left-nav #categories h2 {
   font-family: Georgia, serif;
   font-style: italic;
   margin: 0 0 7px 0;
   }
   
/*Accordian*/
#main #left-nav #categories .menu_list {
   width: 162px;
   }
#main #left-nav #categories .menu_head {
   padding: 5px 0;
   cursor: pointer;
   position: relative;
   margin: 1px;
   background: url(left.png) center right no-repeat;
   border-bottom: 1px #f7ece0 solid;
   }
#main #left-nav #categories .menu_body {
   display: none;
   }
#main #left-nav #categories .menu_body a {
   display: block;
   color: #f7ece0;
   padding: 2px 0 2px 10px;
   text-decoration: none;
   }
#main #left-nav #categories .menu_body a:hover {
   color: #613700;
   text-decoration:none;
   background-color: #ffffff;
   }

#main #left-nav #search {
   margin: 3px 0 0 0;
   padding: 6px;
   background-color: #613700;
   color: #f7ece0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: 52px;
   }

#main #left-nav #search h2 {
   font-family: Georgia, serif;
   font-style: italic;
   margin: 0 0 7px 0;
   }

#main #left-nav #search .search-box {
   margin: 0;
   padding: 2px;
   float: left;
   }

#main #left-nav #search .search-button {
   margin: 0 0 0 6px;
   padding: 0;
   float: left;
   }
   
#main #content {
   width: 474px;
   float: left;
   }

   
#main #content h1 {
   text-align: center;
   font-family: Georgia, serif;
   font-style: italic;
   color: #613700;
   }

#main #content ul {
   margin: 4px 0 0 0;
   }

#main #content ul li {
   margin: 0;
   float: left;
   }

#main #content-wide {
   width: 650px;
   }

#main #content-wide h1 {
   text-align: center;
   font-family: Georgia, serif;
   font-style: italic;
   color: #613700;
   }

   
#footer {
   background-image: url(../Images/cssimg/background-footer.png);
   background-repeat: no-repeat;
   height: 59px;
   margin: 0 0 10px 0;
   }
   
.clearer {
   clear: both;
   }

/*Search
------------------*/
.search-result {
   padding: 0 0 15px 0;
   }

.search-result img {
   visibility: hidden;
   display: none;
   }

.search-result p {
   padding: 0 0 0 20px;
   }

/*Store
------------------*/
.catalogueItemNotFound {
   display:none;
   visibility:hidden;
   }
   
.shop-product-small {
   margin: 0 0 4px 4px;
   width: 154px;
   height: 208px;
   }

.shop-product-large {
   margin: 0 0 0 4px;
   }
   
.productItem {
   margin: 0;
   }
   
.productItem h2 {
   color: #303f42;
   font-size: 15px;
   font-family: Georgia, Palatino, serif;
   text-align: center;
   }
   
.productItem h3 {
   text-align: center;
   margin: 2px 0 0 0;
   font-size: 14px;
   font-family: Georgia, Palatino, serif;
   }
   
.productItemLast {
   margin: 0;
   }
   
.productItemLast h2 {
   color: #303f42;
   font-size: 15px;
   font-family: Georgia, Palatino, serif;
   text-align: center;
   }
   
.productItemLast h3 {
   text-align: center;
   margin: 2px 0 0 0;
   font-size: 14px;
   font-family: Georgia, Palatino, serif;
   }
   
.details {
   float: right;
   width: 117px;
   margin: 10px 0 0 0;
   }
   
.details .price {
   color: #613700;
   font-family: Georgia, Palatino, serif;
   font-size: 24px;
   font-weight: bold;
   font-style: italic;
   text-align: right;
   }
   
.details .productTextInput {
   display: none;
   visibility: hidden;
   }

.details .add-to-cart {
   float: right;
   margin: 12px 0 0 0;
   }

.description {
   text-align: justify;
   font-family: Georgia, Palatino, serif;
   font-size: 13px;
   line-height: 20px;
   width: 353px;
   }
   
.shop-product-large h1 {
   margin: 10px 0 8px 0;


/*Checkout
------------------*/
#checkoutformat {
   padding: 0 25px;
   }
   
/*Shopping Cart
------------------*/  
.val .productitemcell {
   height: 45px;
   display: block;
   }