/*------------------*\
|* global interface *|
\*------------------*/
html { min-height: 100%; margin-bottom: 1px;max-width:100%;min-width:100%;overflow-x:hidden; } /* 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;
  max-width:100%;
}

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

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


#wrapper {
 width:100%;/*this should be 100%*/
 max-width: 800px;
 text-align: left;
  
 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;
  max-width:100%;
  float: left;
  position: relative;
  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;
}

#social_media {
 position:relative;
 margin-top:-30px;/*margin-top:-40px;*/
 float:left;
  width:115px;
}
.social_link {
 float:left;
 padding-left: 8px;
 max-width:35px;
  border:0px solid
}

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

#content {
  margin: 6px 5px 10px 15px;
  padding: 0px 0px 33px 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;
  width:100%;
  max-width:800px;
  max-height:98px;
  height:98px;

  position:relative;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo {
   
}
#logo a {
  text-decoration: none;
  display: block;
}
#logo {
  text-indent:-99999px;
  border:0px solid blue; 
  text-align:center;
  width:100%;
  max-width:800px;
  margin:0 auto;
  position:relative; 
  height:100%;
  background:url(/images/rdm_header-r.gif) top center no-repeat;
  background-size:contain;
}
#header #logo a{
  display:block;
  height:100%;
  width:100%;
  
}
#header #logo img{

}
#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;
 position:relative;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 5px 0px;
  color: #8a8d77;
  font-size: 9px;
}

.policy, .policy a {
  color: #993300;
  float: right;
  padding: 5px 2px 0px 0px;
}


/*---------------*\
|* 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 {
 max-width:440px;
 max-height:282px;
 width:100%;
 margin:20px 0 15px 50px;
  position:relative;
}
.galleryview, .panel {position:relative;max-width:100%;background:transparent !important; height:100%;}

#flashbox img {
  width:99%;
  max-width:100%;
  height:auto;
 border:1px solid #fff;
  
}

/*-----------------*\
|* 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  */
/* ************* */
.categories {text-align:center;}
.categories br {display:none;text-align:center;}
.subcatwrapper {
 display:inline-block;

 padding:0 0px 20px 0;
 border:0px solid;
 text-align:center;
 width:32.5%;
  min-width:215px;
 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

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

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


.outer_rightOFF {
 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 {

}

#content img{max-width:100%;height:auto}

.linkdetailed {
 padding-top:20px;
 padding-right:10px;
 max-width:100%;
 position:relative;
}

.linkdetailed .linkImage {
 float:left;
 border:0px solid;
 text-align:center;
 margin-left:20px;
 margin-right:30px;
 margin-bottom:40px;
 position:relative;
 max-width:100%;
}

.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;
}


#cart_wrapper9 {  border:0px solid;  margin:0 auto;  width:700px;  text-align:center;  max-width:100%;padding:0px;}
#cart_wrapper9 table{width:100%;border-collapse:collapse;padding:0px;margin:0px auto;}

#cart_wrapper table td{max-width:100%;padding:5px 3px;line-height:140%}
#cart_wrapper table td textarea{max-width:100%;}
#cart_wrapper table td input{max-width:180px;}
#cart_wrapper table td select{width:185px}
#cart_wrapper table,#cart_wrapper th { text-align:left;  max-width:100% !important;padding9:0px;}
.remember{max-width:300px;line-height:140%}
.cartbuttons {max-width:100%;line-height:140%}
#cart_wrapper table.cartbuttons td {padding:0px 0px !important;}


.slicknav_menu{display:none; }



@media (max-width:816px) {
  #content {margin-left:2%;}
  #contentwrapper {
  width:100%;
  max-width:100%;
  }
  #flashbox {margin:20px auto;}
  #leftsidebar {width:100%;}
  .menui {width:100%;float:left;position:absolute;top:1px;overflow:visible;display:none;}
  .menui:hover{z-index:999}
  .menu .slicknav_nav:hover {z-index:999;}
   li.active {border-bottom:0px solid #1d62b7;}  
  .slicknav_menu ul li.nav-between{display:none}
  .slicknav_menu ul li ul{list-style-type: none;}
  .link-nav-sublink {clear:left;display:block}
  .slicknav_menu { font-size:17px;  position:relative;
     margin: -38px 0px 0px 0;  padding: 0px 0px 0px 0px;
     display:block;
     background: url() top right no-repeat;
     min-height:38px;
    right:0; top:0px;
    width:100%;

 }
.slicknav_btn {
    color:#ECD2A7;
    margin: 15px 15px 4px 0px;
    text-decoration:none;
    text-shadow9: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
    z-index:999999;
    padding-left:10px !important; 
    position: relative;
    display: block;
    vertical-align: middle;
    float: left; cursor: pointer;
    font-family:times;
    text-transform: uppercase;
    font-weight:bold;
    font-size:16px;
}
  .slicknav_btn:hover {
    color:#fff !important
  }
 
  .slicknav_nav {
    margin:0; padding:0; font-size:1em; z-index:99999;
  }
 
}
@media (max-width:628px) {
  #header9 {
      min-height:78px !important; 
  }
  #header9 #logo {background-size:100%;}
}
@media (max-width:500px) {

  .cartbuttons-left{ display:inline-block;margin-right:0px;min-width:160px;width:48% !important;max-width:48% !important;text-align:center;}
  .cartbuttons-center{ display:inline-block;margin:0px auto;min-width:140px;width:45% !important;max-width:48% !important;text-align:center;}
  .cartbuttons-right{ float:left;margin-top:10px;width:100%;text-align:center;}
  .cartbuttons-right b{ display:block;}
  .custom-billto td {float:left;}
   textarea {width:280px;}

  .linkdetailed .linkImage {margin-left:auto; margin-right:auto; }
  .linklisting { margin-left:-8px; text-align:center;}
  .instruct {  padding-top:8px; margin-left:0px;}
}
@media (max-width:400px) {
  #header {
   min-height:58px !important; 
  }
}
@media (max-width:375px) {
    .cart_items tr {border-bottom:1px solid}
    .cart_items th, .cart_items td{float:left;width:85px;border:0px solid}
    .itemprops{float:left;clear:left;border:0px solid; width:85px;}
    .itemquant,.itemprice,.itemtotal{float:none !important;display:table-cell !important;}
    td.lh,td.lhv {display:table-cell !important;border:0px solid;float:none }
    .cartbuttons-left{ width:100% !important;max-width:100% !important;}
    .cartbuttons-center{ width:100% !important;max-width:100% !important; }
    .navbar h2 {display:none;}
}

/* hide all ecommerce temporarily */
input[name="add"],
input[name="choosebelt"],
form select {
    display: none;
}