/*------------------*\
|* global interface *|
\*------------------*/
html {max-width:100%; }

body {
  margin: 0px;
  padding: 0px;
  color:#4e3824;
  background: #F6C453 url(/images/background_texture.jpg) top left repeat-x;
  font: normal 14px arial, helvetica;
  text-align: center;
  max-width:100%;
}
.iframe {max-width:100%;}
img {
  border: 0px;
}
.small {font-size:11px;}
/* forms */
form {
  margin: 0px;
}
input, textarea {

}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a {
  color: #2c5868;
  text-decoration: none;
}
a:visited {
  color: #2c5868;
}
a:hover {
  color: #ea991b;
  text-decoration: underline;
}

/* headings */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
  margin:0;
  padding:0px 0 25px 0;
}
h3 {
  font-size: 14px;
}
/* sub headings */
#content h3 {
}
#content h3.noseparator {
  border-bottom: none;
}

h4 {
  font-size: 14px;
  line-height:normal;
}
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;
}
#home #wrapper {
  margin: 0px auto;
  width: 1024px;
  text-align: left;
  max-width:98%;
}

#wrapper {
  margin: 0px auto;
  width: 964px;
  text-align: left;
  max-width:98%;
}
#body-top {
 height:15px;
 margin: 0px auto;
 background:url(/images/header_top_edge_tile.jpg) top center no-repeat;
  background-size:100%;
  max-width:100%;
}
/*--------*\
|* header *|
\*--------*/
#logo {
  width: 960px;
  height: 157px;
  background: transparent url(/images/header_main_logo.jpg) top center no-repeat;
  text-indent: -9999px;
  max-width:100%;
  background-size:auto 100%;
  min-height:152px !important;

}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
  outline: none;
}
#header {
  margin:0 auto;
  width:960px;
  max-width:100%;
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
-moz-box-shadow: 0px 5px 8px #cc9842;
-webkit-box-shadow: 0px 5px 8px #cc9842;
box-shadow: 0px 5px 10px #cc9842;
  position:relative;

}
.browser-content #header {
  box-shadow:0 0 0 ;
  border:1px solid #666;
  max-width:98% !important;
  width:98%;
}


#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
}
#loginbar a.out {
}


/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 0px;
  padding: 0px 10px;
  float:right;
/**
  position:absolute;
  right:0;
  bottom:0px;
*/
}
.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;
}
.search-text {
  color:#C86801
}
/*--------*\
|* footer *|
\*--------*/
#footer {
  margin: 0px 0px;
  padding: 5px 5px 12px 5px;
  background:url(/images/footer_background_texture.jpg) top center;
  text-align:center;
  font-size:14px;
  background-size:cover;
}

.footer-nav {padding:9px 0px 9px 0}
.footer-navlink {
  padding:9px 15px 9px 15px;
  display:inline-block;
  background:url(/images/gold_bullet.png) center left no-repeat;
  text-decoration:none;
  color:#2c5868;
  font-weight:bold;
}

.footer-between {padding:0px 9px;}
.footer-addr span {padding:0px 19px;line-height:25px;}
.footer-addr a {text-decoration:underline}

.footer-socialmedia {margin:15px auto 10px auto;text-align: center;max-width:240px;}
.footer-socialmedia:after{
  content:'';
  clear:both;
  display:block;
  width:100%;
  
}
.footer-socialmedia a {margin: 0 5px;vertical-align: middle}

#social_media{position:relative;margin:0 auto;max-width:100%;text-align:center;vertical-align:middle;border:0px solid;font-size:20px;}
@media(max-width:640px){#social_media{margin-bottom:20px;}
}
#social_media td{border:0px solid;}
.f-between{clear:left;padding:0 12px;text-align:center}
.sm-link{border:0px solid;font-size:10px;display:inline-block;vertical-align:middle;}
.likeusonfb,.plusone,.gplus-share{display:table-cell0;;text-align:center}

.social_link{height:50px;display:table-cell;vertical-align:middle;text-align:center}
.social_link span{display:table-cell;vertical-align:middle;text-align:center}
.plusone .social_link{overflow:hidden;margin:0 auto;max-width:68px;}

.gplus-share{text-align:center; display:inline-block;height:30px;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.gplus-share .social_link{display:inline-block;margin-top:-15px;}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 0px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 30px 0px 30px;
  padding: 5px 40px;
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
}
#contentheader .error {
  background: #DA640A;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {

}

/*---------------*\
|* 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;
  background: #fffbe2;
  margin:0px 0px;
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
-moz-box-shadow: 0px 5px 8px #cc9842;
-webkit-box-shadow: 0px 5px 8px #cc9842;
box-shadow: 0px 5px 10px #cc9842;
width:100%;
}
#home #ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
  background: #fffbe2;
  margin:0px 2.9%;
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
-moz-box-shadow: 0px 5px 8px #cc9842;
-webkit-box-shadow: 0px 5px 8px #cc9842;
box-shadow: 0px 5px 10px #cc9842;
  max-width:100%;
  width:94%;
}
#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;


}
#content {
  margin: 0px 0px;
  padding: 20px 25px 25px 25px;
  line-height:23px;
}
#content .category {clear:both}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*-----------------*\
|* global elements *|
\*-----------------*/
.floatleft {float:left;margin:0 20px 20px 0px;}
.floatright {float:right;margin:0 0px 20px 20px;}
.browser-content .floatright {margin-bottom:0;}
.linklisting .floatleft {margin:0 20px 20px 0px;}
.linklisting .floatright {margin:0 0px 20px 20px;}

img.floatright {border:1px solid #3f3f3f;
-moz-box-shadow: 0px 5px 8px #debf60;
-webkit-box-shadow: 0px 5px 8px #debf60;
box-shadow: 0px 0px 15px #debf60;
}

img.floatleft {border:1px solid #3f3f3f;
-moz-box-shadow: 0px 5px 8px #debf60;
-webkit-box-shadow: 0px 5px 8px #debf60;
box-shadow: 0px 0px 15px #debf60;
}





.shadowtop, .shadowbottom {
  height: 0px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: px;
  height: 0px;
  font-size: 1px;
}
#home .shadowtop {
 height:15px;
 background:url(/images/header_navigation_background.jpg) bottom repeat-x;
}
.shadowbottom {}
.shadowleft {}
.shadowright {}
.shadowtopleft {
  float: left;
}
.shadowtopright {
  float: right;
}
.shadowbottomleft {
  float: left;
}
.shadowbottomright {
  float: right;
}
.sublink {padding-left:20px; padding-bottom:20px;}
.sublink .linkTitle {display:block;}


.gridx4 {clear:both;max-width:100%;outline:0px solid;text-align:center}
.gridx4 .linklisting {  display:inline-block;vertical-align: top;  width:20%;min-width:180px;  margin: 0px 2.2% 55px 2.2%;  text-align:center;}
.rows-2column .description {  display:table-cell;}
.rows-2column .image{  float:left; width:206px;}
.rows .linklisting  {  margin: 15px 15px 45px 20px; }
.rows .image {float:right; margin-top:6px;margin-left:20px; }

/* links */

.linklisting {
  margin: 15px 15px 45px 20px;
}
.linklisting img {border:1px solid #cc9933;max-width:100%;height:auto}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  overflow: hidden;
  width: 100%;
  margin: 8px 0px 2px 0px;
  color:#b75b1e;
}
.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;
}
/* paging */
.paging {
  text-align: right;
  padding:10px 0px 20px 0px;
}
.paging a {
  padding:0px 4px;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}
.paging .prev,.paging .next{ font-weight:normal}
.paging span{ font-weight:bold}
.crumb {
  font-size: 9px;
  float:right;
  width:50%;
  text-align:right;
}

.linknav {
 clear:both;text-align:right;
 padding:0px;
 margin:0px;
 line-height:30px;
 padding-right:120px;
}
.linknav img {
 vertical-align:0;

}
.linknav a {text-decoration:none }


/* lists */
#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
}
#content ul.categories {
  margin: 0px;
}
#content ul.default {
  margin: 0px 0px 1em 0px;
  padding-left: 3.6em;
  font-size: 11px;
  list-style: disc;
}

/* 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;
}
/* 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 */


/*------------------*\
|*  dropdown menus   *|
\*------------------*/
.slicknav_menu {display:none; }

.menu {position:relative; z-index:1;max-width:100%;}
.menu-header { 
   background: url(/images/header_navigation_background.jpg) top center no-repeat;
   z-index:99;
   margin:0 auto;
  max-width:960px;
  
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
  padding-bottom:3px;
-moz-box-shadow: 0px 5px 8px #e6c388;
-webkit-box-shadow: 0px 5px 8px #e6c388;
box-shadow: 0px 5px 10px #e6c388;
 }

.menu .dropdown { margin:0px auto;
                  text-align:left;
    width:unset;
    max-width:900px;

                } /* kill default 50px left padding and set 20px */

.menu .item { margin-bottom:1em; }  /*.menu li*/        /* set default inter-item vertical spacing */
.menu .more {
              border:0px solid; text-align:right; float:right;
              margin-right:-15px;
            }
 /*========================= TOP OF THE MENU CASCADE =========================*/



.menu .dropdown { /*.menu ul*/
  
        position:relative; 
	padding:0 0 0 0px;
	margin:0 auto;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu .dropdown .item { /*.menu li*/
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0 0px 0 20px;
        padding: 0px;
        background:url(/images/gold_bullet.png) 0 14px no-repeat;
}
.menu .dropdown .item .item{background:none;}
.menu .dropdown table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul.dropdown {/*.menu ul li ul*/
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */

}
.dropdown {}

/*.menu li ul li*/
.menu .item .dropdown .item { }
.menu .item a,
.menu .item a:visited {                    /* unselected top-level menu items */
  float: left;
}

.item a,
.item a:visited {                    /* unselected top-level menu items */
  margin: 0px 0 0 0;
  padding: 9px 0px 6px 13px;
  color: #2c5868;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border:0px solid
}

.c1 a, .c1 a:visited {
  border-left:0px;
}

.menu .home a { padding: 7px 40px 7px 40px; }
.menu .last a { }

.item:hover a,
.item a:hover {  /* selected top-level menu items */
  text-decoration:none;
  color:#ea991b;
}


/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0 auto;
	top:35px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:100%;
min-width:100px;
	color:#fdfefe;                        /* this sets the unselected-text color */
	background:#fff;         /* this sets our menu's effective "border" color */
/*???????????????*/
  background:  url(/images/background_texture.jpg) top left repeat-x;
  background:#DB9742 url(/images/background_pull_down.jpg);
        padding:0px 0px 0px 0px;
	z-index:99999;
  border-left:2px solid #cc9933;
  border-right:2px solid #cc9933;
  border-bottom:2px solid #cc9933;
-moz-box-shadow: 0px 5px 8px #946040;
-webkit-box-shadow: 0px 5px 8px #946040;
box-shadow: 0px 5px 8px #ac8974;
}

.menu ul li:hover ul li,
.menu ul li a:hover ul li,
.menu ul li:hover ul li,
.menu ul li a:hover ul li {
 width:100%;
 background:url();

}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a,
.menu ul li:hover ul li a:visited,
.menu ul li a:hover ul li a:visited

 {                   /* 2nd level unselected items */
    border:0px solid; 

	font-size:12px;
	margin:0;
        padding:5px 5px 5px 0px;
        font-weight:normal;
        color:#2c5868;
/*????????????????????????????
        background:#fff;

        color:#65702e;
????????????????????????????*/
        display:block;
        width:65%;
		/* this sets the unselected drop-down text color */
	       /* this sets the drop-down menu background color */

}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
  text-decoration: underline;
  color:#ea991b;
}

/*======================== 3ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li a:hover ul li ul li a {
background:transparent;
}

.menu ul li:hover ul.dropright,
.menu ul li a:hover ul.dropright
 {
   display:none;                  /* initially hide the entire list hierarchy */
   float:none;
   padding:1px;                               /* this is our box border width */
   font-size:11px;
   border-left:0px;
   border-right:0px solid #999;
   border-bottom:0px solid green;
   margin-top:0px;
   right:0px;top:0;
   background:transparent;
   padding-bottom:0px;
   list-style:none;
}


.menu .last {} /*shift the last menu item to the left instead of the right, otherwise it often goes beyond the screen width*/
.menu ul li.last:hover ul {}
.menu ul li.last:hover ul li:hover ul.dropright {
	left:-150px;

}

.menu ul li:hover ul li:hover ul.dropright, 
.menu ul li a:hover ul li a:hover ul.dropright
 {                           /* 2nd level drop-down box */
	display:block;
        border:0px solid #fcb11a;
	position:absolute;
background:#DB9742;
        padding:3px;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:87%;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:90%;
	color:#fff;                        /* this sets the unselected-text color */
        z-index:99999;
}

.menu ul li:hover ul li:hover ul.dropright li,
.menu ul li a:hover ul li a:hover ul.dropright li  
{
	background:transparent;
        width:100%;
        margin:0;
}


.menu ul li:hover ul li:hover ul.dropright li a,
.menu ul li a:hover ul li a:hover ul.dropright li a  
{
 border:0px solid red;
 padding:3px 0 3px 0px;
 margin:0px 0 0 0;
 float:left;
 width:100%;
 color:#65702e;
 text-decoration:none;
}


.menu ul li:hover ul li:hover ul.dropright li a:hover,
.menu ul li a:hover ul li a:hover ul.dropright li a:hover  
{
 color:#880b22;
 text-decoration:underline;
 border:0px solid red;
 padding:3px 0 3px 0px;
}


.gallerywrapper {
 position:relative;
 text-align:center;
 overflow:hidden;
 margin:0 auto;
 height:607px;
 width:1024px;
  max-width:100%;
 border:2px solid #cc9933;
 box-shadow: 0px 0px 10px #a65824;
 text-align:center;
 z-index:9
}
.tgwrapper {position:absolute;top:0px;left:0px}
#product-image {
  float:right;
  width:472px;
  min-height:500px;
}
.price {padding-right:15px;}
.button, .buttonw {
  padding:3px 18px;
  background:url(/images/gold_bullet.png) 5px 5px no-repeat;
  border-radius:5px;
}

.search-text {background:#FFF7B9;border:1px solid gold;padding:4px 3px;}
.search-button {
  background:transparent url(/images/search_button.jpg) center center no-repeat;
  background-size:cover;
  border-radius:0px;
  border:0px;
  padding:5px 10px;
  text-indent:-9999px;
  
}
.button-buy {
  padding:3px 10px 3px 20px;
  background:#fff5c8 url(/images/gold_bullet.png) 7px 7px no-repeat;
  box-shadow: 3px 5px 5px #e1dbc0;
  border-radius:5px;
  border:0px solid #ccc;
  color:#336666;
  font-weight:bold;
  font-family:arial,helvetica;
}
.button-buy:hover {
 color:#ea991b;
 text-decoration:underline;
}

#cart {
  border:0px solid;
  margin:0 auto;
  text-align:center;
  width:700px;
  max-width:100%;
  padding:0px;
  
}
#cart table{width:100%;border-collapse:collapse;padding:0px;margin:0px auto;}
#cart table td{max-width:100%;padding:5px 3px;line-height:140%}



#cart table td textarea{max-width:100%;}
#cart table td input{max-width:180px;}
#cart table td select{width:185px}
#cart table td textarea{max-width:80%;}
#cart table,
#cart th { text-align:left; max-width:100% !important;padding:0px;}


.remember{max-width:300px;line-height:140%}
.
.cartbuttons {max-width:100%;line-height:140%}
#cart table.cartbuttons td {padding:0px 0px 0px 0px !important;}
.button,.buttonw {padding-left:20px !important;max-width:200px !important;margin-bottom:5px}





/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 /*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#studioxbadge {
  float: right;
  font-size: 11px;
  padding: 10px 0px;
  text-align: right;
}

/*@media (max-width:980px) {*/
@media (max-width:960px) {
    .menu {	display:none !important;}
    .slicknav_menu {display:block; }
    img {max-width:100%;height:auto;}
   }

@media (max-width:700px) {
  #product-image {max-width:100%;float:none !important;}
  #product-image img {max-width:100%;}
}

@media (max-width:600px) {
    .menu {	display:none !important;}
    .slicknav_menu {display:block; }
    img {max-width:100%;height:auto;}
   }
@media (max-width:555px) {
   #logo {
      background-size:auto 100%;
      min-height:132px !important;
    }
  .paging {
      font-size:17px !important;
   }

}  

@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;}
  iframe {max-width:100%;height:320px;}
  #category-description .floatleft, #category-description .floatright{
    float:none !important;
    display:block;
    margin:8px auto !important;
    padding:0px !important;
  }
  .linklisting {margin:20px 0px !important;padding:0px !important;}
 .rows-2column .image{
    float:none !important;
    display:block;
    width:100% !important;
    margin:8px auto !important;
    padding:0px !important;
    border:1px solid #FFFBE2;
    text-align:center;
  } 
  .rows-2column .image img {display:block !important;float:none;margin:0 auto !important}
}
@media (max-width:480px) {
   #logo {
      background-size:auto 100%;
      min-height:102px !important;
    }
} 
@media (max-width:375px) {
  #cart {
    border:0px solid;
    margin-left:-20px;
    max-width:100%;
    padding:0px;
    text-align:center;
  }
  .cart_items {display:block;width:100%;}
  .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 5px !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{
    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.itemprice {text-align:right;}
  .cart_items .lh {float:left;display:block;border:0px solid;width:78%; box-sizing:border-box;}
  .cart_items .lhv {float:left;display:block;border:0px solid;width:20%; box-sizing:border-box;text-align:right;border:0px solid}
  .cartbuttons-left{ width:100% !important;max-width:100% !important;}
  .cartbuttons-center{ width:100% !important;max-width:100% !important;}

   .gridx4 .linklisting {  display:inline-block;vertical-align: top;  width:20%;min-width:140px;  margin: 0px 2.2% 55px 2.2%;  text-align:center;}
   #logo {
      background-size:auto 100%;
      min-height:90px !important;
    }
   .linklisting h4{text-align:center}
   .floatleft,.floatright,.image,
   .linklisting .floatleft, .linklisting .floatright {
     display:block;
     float:none !important;
     margin:8px auto !important;
     padding:0px !important;
  }


}