body {
  background: url(../images/bkgrd.gif) repeat top left;
  font-family: /* Verdana,*/ "Arial Rounded MT Bold", arial, sans-serif;
  font-size: medium;
  text-align: center; 
  margin: 0;
  padding: 0;
  
}
#wrapper {
  width: 960px;
  margin: 45px auto;
  text-align: left;
  line-height: 1.3em; 
  color: #07130e;
  position: relative;
  background: url(../images/top-right.gif) no-repeat top right;
  padding-top: 8px;
  font-size: medium;
}
img { border: none;}
img.right {
  float: right;
  padding: 15px;
  }
h1 {
   font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
   font-size: 150%;
   color: #800000;
   margin: 20px 0 5px 0;
   font-variant: small-caps;
  padding: 0;
}
h2 {
   font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
   font-size: 120%;
   font-weight: normal;
   margin: 15px 0 3px 0;
   padding: 0;
   color: #800000;
     font-variant: small-caps;
}
h3 {
   font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
   font-size: 110%;
   font-weight: normal;
   color: #800000;
   margin: 8px 0 0px 0;
   padding: 0;
     font-variant: small-caps;
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }/* required comment for clearfix to work in Opera \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }/* end clearfix */

form {margin: 0; padding: 0;}
td, th {vertical-align: top;}
textarea, input[type="text"], input[type="password"] {border: 1px solid #6c6c6c; border-color: #6c6c6c  #c3c3c3 #d3d3d3 #6c6c6c; background:#fff url(../images/text-input-bg.gif) repeat-x 0 0; padding: 2px; font: medium "Arial Rounded MT Bold",arial,sans-serif;}
select {font: medium "Arial Rounded MT Bold",arial,sans-serif;}

/*--Header--*/
#header {
  position: relative;
  background: url(../images/top-nav-gradient.jpg) repeat-x bottom left;
  width: 960px;
  float: left;
}
#header #logo {
  position: absolute;
  top: -30px;
  left: -40px;
} 
#header #since-1991 {
  font-size: 110%;
  color: #800000;
  position: absolute;
  left: 206px;
  top: 5px;
  padding: 0;
  margin: 0;
}
#header #left-padding {
  padding-left: 300px;
}
#header p.store-info  {
  float: left;
  color: #20342c;
  font-size: 80%;
  font-variant:small-caps;
  font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
  padding: 25px 10px 10px 10px;
  margin: 0;
  line-height: 1.2em;
}
#checkout {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "arial narrow", Arial, Helvetica, sans-serif;
  position: absolute;
  top: 5px;
  right: 10px;
    background: url(../images/top-right.gif) no-repeat top right;
}    
#checkout li {
  float: left;
  margin: 0;
  padding: 0;
}
#checkout li a {
  text-decoration: none;
  color: #800000;
  margin: 0;
  padding: 0 5px;
}  
#checkout li a:hover {
  text-decoration: underline;
}
#checkout li a.right-border {
  border-right: 1px solid #800000;
}

#inside { 
  background: #fafbf7;
  width: 960px;
  float: left;
} 
/*--Main Navigation--*/
#mainNavWrapper {
	background: url(../images/main-nav-border.gif) repeat-x bottom left;
	float: right;
	width: 960px;
}
#main-nav {
 list-style: none;
 margin: 0;
 padding: 0px 0px 0px 30px;
 float: right;
  background: url(../images/main-nav-border.gif) repeat-x bottom left;
  width: 780px;
  height: 55px;
  font-size: small;
}
#main-nav li {
  float: left;
 padding: 20px 0 0px 0 ;
 margin: 0;

}
#main-nav li a {
 text-decoration: none;
 color: #07130e;
 padding: 0 8px;

 }
#main-nav li a:hover {
   color: #800000;
  }  
 #content-wrap {
     background: #fafbf7 url(../images/side-bar.gif) repeat-y top left; 
	 float: left;
	 width: 960px;
	 }
/*--Side Navigation--*/
#side-bar {
  clear: both;
  float: left;
  background: #4b8c70;
  width: 140px;
  font-size: 90%;

}
#side-nav-corner {
  position: absolute;
  right: 0;
  bottom: -7px;
}
#side-nav-wrap {
  background: #4b8c70 url(../images/side-nav-gradient.jpg) repeat-x top left;
  float: left;
  width: 140px;
  margin-bottom: 10px;
  border-bottom: 6px solid #7e4647; 
position: relative;
}
.side-nav {
  list-style: none;
  margin:0;
  padding: 0px 10px 0 0;
  background: url(../images/side-nav-border.gif) repeat-y top right;
/*  font-variant:small-caps;*/   
  
}
.side-nav li {
  padding: 0;
  margin: 0;
  display: inline;
  font-size: small;
}
.side-nav a {
  text-decoration: none;
  color: #1d4131;
  padding: 5px 3px 5px 15px;
  display: block;
}
.side-nav a:hover {
  color: #800000;
}
.side-nav li ul {
  list-style: none;
  margin: 0 5px 0 15px;
  padding: 0;
  font-size: 90%;
}
#side-bar h2 {
  font-variant:small-caps;
  margin: 0;
  padding: 0;
  padding-top: 8px;
  padding-left: 5px;
  background: url(../images/side-nav-border.gif) repeat-y top right;
}
#side-bar #store-header {
  margin-top: 8px;
  padding-top: 18px;
}
/*---Content---*/
#inner-corner {
position: absolute;
top: -8px;
left: -9px;
}
#content {
  float: left;
  width: 770px;
  padding: 5px 15px;
  position: relative;
 background: #fafbf7;
}
body#oneColumn #content {
  width: 930px;	
}
#content a {
  text-decoration: none;
  color: #4b8c70;
}
#content a:hover {
  text-decoration: underline;
  color: #800000;
} 
#breadcrumb {font-size: 80%; color: #999;}
/*---Footer--*/
#footer {
  clear: both;
  background: url(../images/footer-corners.gif) no-repeat bottom left;
  text-align: center;
  font-size: 80%;
  color: #4b8c70;
  font-variant:small-caps;
  font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
  letter-spacing: .1em;
  margin: 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
  float: left;
  width: 960px;
}
#footer-inside {
  background: #b5d5c8;
  margin: 0;
  padding: 0;
  float: left;
  width: 960px;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 0;  
}
#footer ul li {
  display: inline;
  margin: 0;
  text-align: center;
  padding: 5px 0;
}
#footer ul a {
  text-decoration: none;
  border-right: 1px solid #4b8c70;
  padding: 0 5px; 
}
#footer a {
  color: #4b8c70;
  text-decoration: none;
  padding: 0 5px; 
}
#footer span a {
  font-size: 90%;
  font-variant: normal;
}
#footer a.last {
  border: none;
}
#footer a:hover {
  text-decoration: underline;
  color: #fafbf7;
}
#footer p {
 margin: 0;
 padding: 10px;
}
/*---------Calendar---*/
table.full_table {
  width: 100%;
  font-size: 90%;
}
/*-- STORE --
--------------------------*/

#store-items, #store-categories {margin: 0; padding: 0;  list-style: none; font-size: 13px; line-height: 15px;}
#store-items li, #store-categories li {width: 181px; height: 215px; text-align: center; float: left; margin: 0 8px 8px 0;}
#store-categories li  {background: url(/layout/images/photo-hover.gif) no-repeat 0 0;}
#store-items li {border: 1px solid #FAFBF7; margin-right: 6px; height: 280px;}
#store-items li:hover {background: #f0f0f0; border: 1px solid #e3e3e3;}
#store-items li span, #store-categories li span {background: url(/layout/images/photo-container.png); height: 151px; width: 151px; display: block; padding: 13px; margin: 0 auto;}
#store-categories li span a {display: block; width: 151px; height: 151px; overflow: hidden;}
a.item-name {padding: 0 7px;}
#store-items strong {display: block; padding: 4px 0; text-align: center;}
#store-items input.quantity {width: 20px;}

#product-img {border: 1px solid #ccc; padding: 3px; float: left; margin-top: 20px;}
#product-img-zoom {text-align: center; margin-top: 3px;}
#product-img-zoom a {color: #333; text-decoration: none; padding-left: 20px; background: url(../images/zoom-in.png) no-repeat left center; font-size: 90%;}
#product-img-zoom a:hover {text-decoration: underline;}
#product-details {margin-left: 325px; margin-top: 20px;}
#product-details h1 {margin-top: 0;}
#product-details #quantity {width: 20px;}
#product-price {font-weight: bold;}

#cartTbl {width: 100%; border-top: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; clear: both;}
#cartTbl th {background: #F0F0F0;}
#cartTbl th, #cartTbl td {border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; padding: 3px;}
#cartTbl .link {font-size: 90%; white-space: nowrap;}
#cartTbl .product {width: 65%}
#cartTbl .price {width: 5%;}
#cartTbl .quantity {width: 15%;}
#cartTbl .quantity input {width: 30px;}
#cartTbl .price {width: 10%;}
#cartTbl .product-img {border: 1px solid #ccc; background-color: #e9e9e9; padding: 3px; width: 80px; height: 80px; float: left;}
#cartTbl .product-name {margin-left: 100px;}
#cartTbl tr.totals {font-weight: bold;}
#cartTbl tr.totals a {font-weight: normal;}
#cartTbl .quantity-span {text-align: right;}
#update-cart-btn {float: left; margin: 20px 0;}
.checkoutLink {float: right; margin: 20px 0; font-weight: bold;}

#checkoutsteps {list-style: none; margin: 0; padding: 0;}
#checkoutsteps li {font-size: small; display: inline; color: #aaa; padding: 0 10px; border-right: 1px solid #999;}
#checkoutsteps li.currentstep {color: #000;}
#checkoutsteps li.last {border-right: none;}

table.form-tbl {width: 100%;}
table.form-tbl td, table.form-tbl th {padding: 4px 2px;}
table.form-tbl th {width: 160px;}
table.form-tbl input[type="text"], table.form-tbl textarea {width: 75%;}

.errors, .error {color: #ff0000;}
label.error {display: block;}
.smallText {font-size: small; font-family: Verdana, Arial, Helvetica;}