/*------------------*\
|* global interface *|
\*------------------*/
html { min-height: 100%; margin-bottom: 1px; } /* forces vertical scrollbar in non-IE browsers to prevent "page shifting"*/

body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #332c2b;
  font: normal 12px tahoma, geneva, verdana, sans-serif;

}

input, select {
 font-size:12px;
 border:1px solid #332c2b;
}

.button {
 padding-bottom:2px;
 color: #98331d;
}


#wrapper {
 width: 800px;
 text-align: left;
 border:1px solid #fff8ec;

 margin:0 auto;
 margin-top:10px;
}

#leftsidebar {
  float:left;
  padding: 0px 0px 0px 0px;
  width: 120px;
  float: left;
  position: relative;
  border:1px solid;
  border:0px solid;
/* hide the left sidebar by default */

}

#contentwrapper {
  width:680px;
  float: left;
  position: relative;
  border:0px solid;
  background:#33332e;
  background:#332c2b;
  height:100%;
  color:#fff8ec;
min-height:255px;
}

#rightsidebar {
  padding: 10px 10px 10px 0px;
  width: 130px;
  width:20%;
  float: right;
  position: relative;
  border:0px solid;
  display:none;
}


/*---------*\
|* content *|
\*---------*/
#ocwrapper {
  background:#dacfb1;
}

#content {
  margin: 6px 5px 10px 15px;
  padding: 0px;
  border:0px solid;
}

#content img {
  border:1px solid #000;
}


/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */


img {
  border: 0px;
}

.instruct {
 clear:left;
 margin-left:10px;
}

/* *********** */
/*    forms    */
/* *********** */

form {
 margin: 0px;

}



/* *********** */
/* href colors */
/* *********** */

a {
 color: #dacfb1;
}

a:visited {
 color: #dacfb1;
}
a:hover {
 color: #5c5b66;
 text-decoration: none;
}




/* *********** */
/*   headings  */
/* *********** */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

/* *********** */
/*   header    */
/* *********** */
#header {
 background: #fbeed6;
}
#header #logo {

}
#header #logocopy {

}


/* ************* */
/*  left sidebar */
/* ************* */
#leftsidebar ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

#leftsidebar ul li {
 border-bottom:1px solid;
 padding:6px 0px 6px 10px;
}

#leftsidebar ul li:hover {
 border-bottom:1px solid;
 background: #fbf4d6;
}

#leftsidebar ul li a {
 text-decoration:none;
 font-size:12px;
 font-family:Times;
 text-transform:uppercase;
 border:0px solid;
 font-weight:bold;
 color: #98331d;
}


/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 0px;
  color:#fff;
  background: #98331d;
  height:30px;
  vertical-align:center;
}


.navbar h2 {
 font-size:20px;
 float:right;
 margin:4px 75px 0 0;
 font-family:times;
 color:#ecd2a7;
 font-variant: small-caps;
}
.crumb {
 margin:20px 0px 20px 0px;
 font-variant: small-caps;
 font-family:times;
 font-size:13px;
}



/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 0px 5px;
  border-top: 1px solid #57594b;
 background: #fbf4d6;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 5px 0px;
  color: #8a8d77;
  font-size: 9px;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;

}



/* ************ */
/*   HOMEPAGE   */
/* ************ */
#flashbox {
 border:1px solid #000;
 width:440px;
 height:280px;
 margin:20px 0 15px 50px;
}


/*-----------------*\
|* global elements *|
\*-----------------*/

.floatleft {
  float:left;
  margin-right:15px;
}

/* ********* */
/*  CATEGORY */
/* ********* */

#catHeader {
 padding:10px 10px 10px 0px;
 text-align:justify;
 margin-bottom:20px;
}


#catHeader img.right {
 float:right;
 margin:0px 0px 20px 20px;

}

#catHeader img.left {
 float:left;
 margin:0px 20px 20px 0px;
}

#catFooter {
 padding:10px 10px 10px 0px;
 text-align:center;
 margin-bottom:20px;
}


/* ************* */
/*  SUBCATEGORY  */
/* ************* */

.subcatwrapper {
 float:left;
 margin:0 23px 20px 0;
 border:0px solid;
 text-align:center;
}

.subcatwrapper .subcatThumbnail{
 margin-bottom:10px;
}

.subcatwrapper .subcatThumbnail img {
 border:1px solid #000;
}


.outer_right {
 margin:0 0px 20px 0;
}


/* ******** */
/*  LINKS   */
/* ******** */
.linklisting {
 float:left;
 border:0px solid;
 width:217px;
 text-align:center;
}

.linklisting img{
 border:1px solid #000;
}


.linklisting h4 {
 text-align:center;
 margin-top:5px;
}

.linklisting .description {

}


.linkdetailed {
 padding-top:20px;
 padding-right:10px;

}

.linkdetailed .linkImage {
 float:left;
 border:0px solid;
 text-align:center;
 margin-left:20px;
 margin-right:30px;
 margin-bottom:40px;
}

.linkdetailed .linkImage img{
 border:1px solid #000;
}


.linkdetailed .linkInfo {
 border:0px solid;
 padding-top:60px;
}
.linkdetailed .linkInfo .linkPrice {
 border:0px solid;
 padding-top:10px;
}




/* ******** */
/*  PAGING  */
/* ******** */

.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}


/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.item td {
text-align:left;
}

td.itemtotal {
 text-align:right;
}