/*------------------*\
|* global interface *|
\*------------------*/
html {min-width:320px;overflow-x:hidden;}
body {
  margin: 0px;
  padding: 0px;
  color: #4f4f4f;
  background: #b2b8b4 url(/images/david_dear_page_tile.jpg) top left repeat-x;
  font: normal 15px Arial, Helvetica, sans-serif;
  text-align: center;
}
.global-fluctuation {font-size:14px;clear:left;}
img {
  border: 0px;
  max-width:100%;
  height:auto
}
.itable {
 border:1px solid;
 border-collapse:collapse;
  max-width:100%;
}
.itable td {
 border:1px solid;
 padding:3px;
}

/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 12px arial,tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  
}
table td {
background:#fff;
color:#000;

}

.productstable {
 max-width:500px;
 width:100%;
}
.productstable td {
 background:transparent;
  padding-bottom:5px;
}
.productstable td.sku_title {
max-width:230px;
}
.productstable td.sku_quant {
white-space:nowrap
}

/* links */
a {
  color: #00618e;
}
a:visited {
  color: #00618e;
}
a:hover {
  color: #3a9ac7;
  text-decoration: none;
}

/* headings */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 18px;
  font-family:Georgia;
  color:#8E9291;
  font-weight:normal;
  margin:0px;
  padding:0px;
  border-left:0px solid red;
}
h2 .highlight {
 font-size:23px;
 padding-right:14px;
 border-right:0px solid green;
 line-height:17px;
}

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;
}
#wrapper {
  margin: 0px auto;
  max-width: 973px;
  width:100%;
  text-align: left;
  padding:0px;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  max-width: 1003px;
  height: 120px;
  width:100%;
  background: transparent url(/images/david_dear_header.jpg) top center no-repeat;
  background-size:cover;
  text-indent: -9999px;
  
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
  position:relative;
}
#loginbar {
  float: right;
  padding: 30px 51px 10px 0px;
  text-align: right;
  font-size: 11px;
  font-family: Georgia;
}
#loginbar a {
  margin-top: 0px;
  color: #3a9ac7;
  display: block;
  text-decoration: none;
}

#loginbar a:visited {
  color: #3a9ac7;
}
#loginbar a:hover {
  text-decoration: underline;
}
/* these colours are the same as defined by 'a', but we unset a:visited */

/*------------*\
|* navigation *|
\*------------*/
.menui {
  margin-bottom: 0px;
  margin:0px auto;
  font-family:georgia;
  height:31px;
  overflow:hidden;
  border-bottom:0px solid;
  width:100%;
  background:#E3E3D9;
  box-shadow:0px 5px 5px #999;
  margin:0% 0% 0 0%
}
ul.primarynav, ul.secondarynav {
  margin: 0px 20px;
  padding: 0px;
  border-bottom: 0px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
}
ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
.menui ul.primarynav li, .menui ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  
}
li.nav-between {text-indent:-9999px;}
.menui  ul.primarynav a {
  margin-right: 0px;
  padding: 8px 27px 7px 13px;
  float: left;
  color: #2e76a6;
  font-size: 13px;
  text-decoration: none;
}

ul.primarynav .last a {
 border-right:0px solid;
 padding-right:0px;
}

ul.primarynav a:visited {

}
ul.primarynav a:hover {
  color: #3a9ac7;

}
ul.primarynav li.home {
  border-right: 0px solid #ffffff;

}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 6px 0px 10px 0px;
  border-top: 0px solid #57594b;
  background:#E0E0D6;
  box-shadow:-5px 0px 5px #999;
  margin:0 19px 10px 19px;
  padding:6px 4.2%;
  
}
#footer:after{
  position:absolute;
  bottom:-5px;
  left:0;
  content:"";
  height:20px;
  width:100%;
  display:block;
  background:#E0E0D6;
    background:#fff;
  box-shadow:5px 0px 5px #000;
  padding:2px;

}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
}
.copyright {
 float:right;
 width:200px;
 color:#565656;
 font-size:11px;
}

.footernav a {
  margin-right: 0px;
  padding: 0px 14px 10px 18px;
  display:inline-block;
  color: #2e76a6;
  font-size: 13px;
  text-decoration: none;
  font-family:Georgia;
}
.social {
  margin: 0px 0px 20px 59px;
}
/*---------------*\
|* 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;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
  margin:0px 0px;
  border:0px solid;

}

#icwrapper {
}

#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
 display:none;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
  border-left:0px solid;
}



#framewrappertop {
  display:block;
  position: relative;
  border-left:0px solid;
  border-bottom:0px solid;
  position:relative;
  max-width:100%;
}

#ifwrappertop {
  height:100%;
  background:#FEFEF4;
  box-shadow:0px 3px 10px #999;
  border:0px solid;
  padding:4px 23px 22px 23px;
  max-width:100%;

}
#detailed #ifwrappertop {
  padding:4px 28px 22px 30px;
    max-width:100%;
}


#ofwrappertop {

background-repeat:no-repeat;
background-attachment:static;
background-position:center 101%; 
    max-width:100%;
}
#slideshowwrapper {
  float:right;
  padding:3px;
  position:relative;
  max-width:57%;
  max-height:425px;

}
.category_thumbnails {
  width:100%;
  max-width:43%;
  position:relative;
}
.category_thumbnails a {
  padding:4px 1% 5px 1%;
  float:left;
  width:48%;
  box-sizing:border-box;
}
#slideshow {
  overflow:hidden;
  max-height:425px;
}
#slideshowwrapper #slideshow,
.gv-panel_wrap,.gv-panel {max-width:100%;margin:0 auto;}
#slideshow, .gv-panel_wrap {max-height:100% !important;}
.gv-panel img {height:auto !Important}

.catdescription {
 padding:15px;
}

#content {
  margin: 0px 0px;

  background: #ccc;
  border:0px solid;
  line-height:23px;
}

#contentbottom {
  margin: 0px 2%;
  padding: 2% 4% 14px 4%;
  background: #ccc;
  border:0px solid;
  background:#ECECE2;
  box-shadow:-5px -3px 5px #999;
  line-height:23px;
}

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

.floatright {
  float: right;
  padding: 0px 0px 20px 20px;
}
.floatleft {
  float: left;
  padding: 0px 20px 20px 0px;
}
.catimage {
  float: right;
  padding: 0px 0px 20px 20px;
}
/*-----------------*\
|* global elements *|
\*-----------------*/
.shadowtop, .shadowbottom {
  height: 0px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 0px;
  height: 0px;
  font-size: 1px;
}
.shadowtop {
}
.shadowbottom {
}
.shadowleft {
}
.shadowright {
}
.shadowtopleft {
  float: left;
}
.shadowtopright {
  float: right;
}
.shadowbottomleft {
  float: left;
}
.shadowbottomright {
  float: right;
}

/* links */
.linklisting {
  margin: 15px auto 20px auto;
  display:inline-block;
  width:33%;
  
  text-align:center;
}

@media(max-width:877px) {
   .linklisting {  width:32%; }
}

@media(max-width:877px) {
   .linklisting {  width:32%; }
}

@media(max-width:710px) {
   .linklisting {  width:48%; }
}
@media(max-width:480px) {
   .linklisting {  width:100%; }
}

.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
  font-weight:normal;
  line-height:normal;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

.dimage {
  float: left;
  margin-right:15px;
  min-width:300px;
  max-width:calc(100% - 520px);
}

/* reviews */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {

  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;

}

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

.crumb {
  font-size: 11px;
}

/* tables */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}

/* sub headings */
#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
}
#content h3.noseparator {
  border-bottom: none;
}

/* lists */
#content ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  list-style: none;
}
#content ul.categories {
  margin: 0px;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}

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

/* treecats */
#content .treecats-selection-summary ul, #content .treecats-selection ul {
  margin: 0px;
}
.treecats-selection-summary li a, .treecats-selection li a {
  margin-top: 2px;
  margin-left: 5px;
}
.treecats-selection-summary a, .treecats-selection a {
  font-size: 9px;
}
.treecats-selection-summary a:visited, .treecats-selection a:visited {
  color: #212126;
}
.treecats-selection-current {
  font-weight: bold;
}
.treecats-category-info img {
  border: 0px;
  padding: 2px;
  vertical-align: middle;
}
.treecats-children {
  padding-left: 15px;
}
.treecats-selected span, li.treecats-selected {
  font-weight: bold;
}
.treecats-category a:link, .treecats-category a:visited {
  color: #212126;
  text-decoration: none;
}
.treecats-category a:hover {
  text-decoration: underline;
}
#content ul.treecats-links {
  padding-left: 15px;
  margin: 0px;
}
.treecats-links li {
  line-height: 1.25em;
  list-style: circle;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.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 */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}
/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
  height: 40px;

}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #bbbfa1;
}

.addbutton {
 background:url(/images/Add_To_Cart.jpg) top left no-repeat;
 text-indent:-9999px;
 width:91px;
 height:23px;
 border:0px;
 overflow:hidden;
 display:inline-block;
 padding:0px;
  margin-left:5px;
  margin-top:-3px;
  position:relative; 
  
}
.addbutton:hover {
 background:url(/images/Add_To_Cart_Hover.jpg) top left no-repeat;
}

#cart_wrapper {
 border:0px solid;
 text-align:center;
 width:800px;
 margin:0 auto;
}

th {
  background:#FAF7E6;

}

.slicknav_menu {display:none; }
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0em 0.625em 0em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }


/* 
 * code to replace slicknav arrows with images
 
.slicknav_nav .slicknav_arrow {display:inline-block;text-indent: -12px;overflow:hidden;vertical-align: middle;}
.slicknav_nav .slicknav_collapsed .slicknav_arrow::after {content: url("http://cstones.org/images/arrow_right.png")}
.slicknav_nav .slicknav_open .slicknav_arrow::after {content: url("http://cstones.org/images/arrow_down.png");}

.slicknav_menu li.toplevel {
  border-bottom: 1px solid #90764b;
}
.slicknav_menu li.toplevel:last-child {
  border-bottom: none;
}
*/

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
    background:#EBE8D7;
    display:none;
    font-size:24px;
    padding:5px;
    text-align:left;

      font-family:georgia;
}
.slicknav_menu br {display:none;}
/* Button */
.slicknav_btn {
    margin: 0px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: transparent;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #2e76a6;
    font-weight: bold;
    text-shadow: 0 0px 0px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #2e76a6;
}
.slicknav_nav {
    color:#2F2F2F;
    margin:0;
    padding:0;
    font-size:0.875em;
      float:right;
}
.slicknav_nav .nav-between {display:none}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#2F2F2F;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #2e76a6;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #2e76a6;
  text-decoration:underline
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
/*shopping cart*/
#cart_wrapper {position:relative;  border:0px solid;  margin:0 auto ;  width:700px;  text-align:center;  max-width:94%;padding:0px;}
#cart_wrapper 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:80%;}
#cart_wrapper table td input{max-width:150px;}
#cart_wrapper table td select{width:155px}
#cart_wrapper table,#cart_wrapper th { text-align:left;  max-width:100% !important;padding:0px;}
#cart_wrapper table.cartbuttons td {padding:0px 0px !important;}
.remember{max-width:250px;line-height:140%}
.cartbuttons {max-width:100%;line-height:140%}
.buttonw {min-width:180px;}
.button {margin-bottom:5px;}

/*
    Mobile Menu Core Style
*/

@media (max-width:920px) {
  .slicknav_menu {display:block;}
  .menui {display:none;}
  #logo {
  width:97%;
  background: transparent url(/images/david_dear_header.jpg) -35px -20px no-repeat;
  text-indent: -9999px;
 }
  #loginbar {
     padding:0px 55px 0px 32px;
     position:absolute;
     bottom:-24px;
     left:0;
     width:100%;
     text-align:left;
     font-size:12px;
     box-sizing:border-box;
    line-height:20px;
  }
  #loginbar a {display:inline-block;padding:0px 16px;}
  #loginbar br {display:none}
  #slideshowwrapper {
    max-height:400px;
  }
  .footernav {padding-bottom:30px;}
}
@media (max-width:820px) {
  #slideshowwrapper {
    max-height:350px;
  }
}
@media (max-width:720px) {
  #slideshowwrapper {
    max-height:300px;
  }
}

 



.fade{max-width:100%;max-height:100%;height:100%;}
.tgwrapper {max-width:100%;max-height:100%;height:100%;}
.mainimage-inner{max-width:100%;max-height:100%;height:100%;text-align:center;margin:0 auto;}
.mainimage-inner img{max-width:100%;max-height:100%;text-align:center;margin:0 auto;}


@media (max-width: 630px) {
  
  
  .gallerywrapper{max-width:100%;position:relative}
.mainimage{max-width:100%;max-height:100%;}
.scrollablewrapper {max-width:100%;position:relative}
.scrollable-column{max-width:500px;position:relative;}
  
  
.gallerywrapper img {max-width:100%;height:auto;    max-height:300px;;width:auto;}
.item {max-width:99%;}
.inner-item {max-width:95%;}
.image a {max-width:99%;}
.image img{max-width:14%;height:auto}  
  
#slideshowwrapper {
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  float:none;
  max-height:430px;

}
.category_thumbnails {
  width:100%;
  max-width:100%;
}
.category_thumbnails a {
  width:33%;
  box-sizing:border-box;
}

}
@media (max-width:530px) {
   #slideshowwrapper {max-height:370px}
}
@media (max-width:510px) {
  .footernav {padding-bottom:40px;}
}


@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;width:100%;text-align:center;}
  .cartbuttons-right b{ display:block;}
  
#ifwrappertop {
  text-align: center;
}
  
  
}


@media (max-width:485px) {
  #credits, #copyright {width:100%;}
  .floatleft,.floatright {float:none !important;margin:0 auto 15px auto !important;display:block;padding-left:0px; padding-right:0px;}
   #slideshowwrapper {max-height:360px}
}
@media (max-width:425px) {
   #slideshowwrapper {max-height:300px}
 .copyright {
   float:none;
   display:block;
   width:100%;
   text-align:center;
   margin-bottom:10px;
  }
  .footernav {text-align:center}
}

@media (max-width:384px) {
   #slideshowwrapper {max-height:280px;height:270px;}
}
@media (max-width:375px) {
   #slideshowwrapper {max-height:270px;height:270px;overflow: hidden;}
#cart .button, #cart .buttonw{width:220px !important;max-width:100% !important;border:1px solid;}
  .cart_items th,
  .cart_items th.itemcode,
  .cart_items th.itemname,
  .cart_items th.itemprops,
  .cart_items th.itemquant,
  .cart_items th.itemprice,
  .cart_items th.itemtotal {
    float:left;padding:2px 4px !important;
    box-sizing:border-box
  }
  .cart_items td{float:left;border:0px solid;}
  .cart_items td.itemcode,.cart_items th.itemprops {float:left;}
  .cart_items td.itemcode {width:25%;}
  .cart_items td.itemname {width:70%;border:0px solid;clear:none;padding:4px 0px !important;}

  .cart_items th.itemprice,.cart_items th.itemquant,.cart_items th.itemtotal {float:right;}
  .cart_items td.itemprice{
    clear:both;
    float:left;
    width:40%;
    border:0px solid;
    box-sizing:border-box;
  }
  .cart_items td.itemquant{
    float:left;
    width:32%;
    border:0px solid;
    box-sizing:border-box;
    text-align:right;
  }
  .cart_items td.itemtotal {
    float:left;
    width:28%;
    border:0px solid;
    box-sizing:border-box;
  }
  .cart_items td.notespan {float:left;width:100%;}
  .cart_items td.itemprice {text-align:right;}
  .cart_items .lh {float:left;display:block;border:0px solid;text-align:right;width:50%; box-sizing:border-box;}
  .cart_items .lhv {float:left;display:block;border:0px solid;width:50%; box-sizing:border-box;text-align:right;}
  .cartbuttons-left{ width:100% !important;max-width:100% !important;}
  .cartbuttons-center{ width:100% !important;max-width:100% !important;}

}
@media (max-width:370px) {
  .footernav {padding-bottom:50px;}
}

@media (max-width:360px) {
   #slideshowwrapper {max-height:255px}
}
@media (max-width:320px) {
   #slideshowwrapper {max-height:220px}
}
/* stx expandable core CSS */
.expandable {
  position: relative;
}
.expandTrigger {
  position: absolute;
}
.expanded {
  height: auto;
  overflow: visible;
}
.collapsed {
  overflow: hidden;
}