/*
Theme Name: Crosby Tiles
Version: 2.0
Author: Host One
Author URI: http://hostone.com.au
Description: Custom theme for Crosby Tiles
License: Proprietary
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }
  

body {
  font-size: 62.5%;
  /* Resets 1em to 10px */
  overflow-x: hidden;
  width: 100%;
  overflow-y: scroll;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif; }
  
.clear {
  clear: both; }

#container-wrap {
  background: #fff;
  z-index: 99;
 }

#container {
  width: 100%;
  margin: 0 auto; }

.post-edit-link {
  display: block;
  padding: 10px;
  height: 10px;
  width: 10px;
  background: white url(images/system/edit.png) no-repeat 7px 6px;
  text-indent: -9999em;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999999 !important;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc; }

.mobile {
  display: none; }

h2 {
  clear: both !important; }

#sb-container {
  display: none; }

/* Header
-----------------------------------------------------------------------*/
#desktop {
  background: url(/wp-content/uploads/2015/01/header.gif) repeat-x;
  background-repeat: repeat-x;
  background-size: 250px; }

#header {
  text-align: center;
  height: 250px;
  width: 980px;
  position: relative;
  margin: 0 auto;
  background: url(/wp-content/uploads/2015/01/header.gif) repeat-x;
  background-repeat: repeat-x;
  background-size: 250px; }

#header .logo {
  background: url(images/logo.png) no-repeat;
  background-size: 330px;
  width: 600px;
  height: 60px;
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: 60px;
  left: 0px; }

#strip2 {
  position: absolute;
  top: 250px;
  left: 0px;
  background: #fff;
  height: 90px;
  width: 100%;
  background-repeat: repeat-x;
  background-size: 50px; }

#menu-primary-navigation {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: auto; margin-right: auto;
  font-weight: 700; }

#menu-primary-navigation li {
  text-align: center;
  list-style: none;
  float: left; }

#menu-primary-navigation li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 15px;
  padding-top: 21px;
  padding-left: 0px;
  padding-right: 46px;
  padding-bottom: 34px;
 }

#menu-primary-navigation li:last-child a {
  padding-right: 0px !important; }

#menu-primary-navigation li a:hover {
  color: #609cb4;
  background: url(images/underline.png) !important; }

#menu-third-navigation li a {
  display: block;
  background: #00a6be;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  font-style: italic;
  text-align: center;
  margin: 3px 0px 1px 0px;
  color: #fff; }

#menu-third-navigation li a:hover {
  background: #609cb4;
  color: #fff; }

/* Header Phone
-----------------------------------------------------------------------*/
#header-phone {
  position: absolute;
  right: 57px;
  top: 60px;
  color: #cc2229;
  font-size: 1.9em;
  font-weight: lighter;
  text-align: center;
  padding-bottom: 10px; }

#mobile-img {
  display: none;
}

/* Favs
-----------------------------------------------------------------------*/
#favs {
  width: 290px;
  position: absolute;
  top: 85px;
  right: 57px;
  color: #000;
  text-align: center;
  z-index: 99;
  font-size: 14px;
  text-transform: uppercase; }

#favs ul li {
  list-style: none;
  font-size: 1.2em;
  padding-top: 20px;
  padding-left: 80px;
  position: relative;
  text-align: right; }

#favs a {
  color: #555 !important;
  text-decoration: none !important;
  font-weight: 400; }

#favs ul li span {
  display: block;
  background: url(images/heart.png) right;
  width: 17px;
  height: 16px;
  float: left; }

#favs li ul {
  display: none;
  font-size: .8em; }

#favs li:hover ul {
  text-align: left;
  display: block;
  position: absolute;
  top: 35px;
  right: 0;
  width: 250px;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px #ccc;
  -moz-box-shadow: 0 5px 10px #ccc;
  box-shadow: 0 5px 10px #ccc; }

#favs li:hover ul li {
  font-size: .9em !important;
  line-height: 1.2em;
  padding: 5px 30px !important;
  min-height: 25px;
  border-bottom: solid 1px #eee;
  clear: both; }

#favs li:hover ul li:hover {
  background: #f9f9f9; }

#favs li:hover ul li:hover a {
  color: #ed2029; }

#favs li:hover ul li img {
  position: absolute;
  top: 5px;
  left: 0;
  margin: 0 10px 10px 0; }

#favs li:hover ul li .remove {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  background: url(images/remove.gif);
  width: 15px;
  height: 15px;
  text-indent: -9999em;
  margin: 0 0 0 20px; }

#favs li:hover ul li a {
  color: #666;
  text-decoration: none;
  display: block; }

#favs ul li:hover {
  color: #2d2d2d;
  background: #fff;
  list-style-type: none; }

/*** Keep Parent Selected */
/* Homepage
-----------------------------------------------------------------------*/
#home {
  height: auto;
  width: 100% }

#home #secondary-navigation {
  display: none; }

#home-enter {
  text-align: center;
  margin: auto;
  position: absolute;
  top: 800px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 999; }

#home-strip {
  text-align: center;
  height: 90px;
  position: absolute;
  top: 740px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  background-color: #000;
  opacity: 0.2; }

#home-green {
  text-align: center;
  margin-top: 140px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  background-color: #3a5d6b; }

#home-img {
  width: 100%;
  max-height: 700px;
  position: relative;
  display: inline-block;
  z-index: 997; }
 
 #home-img img {
	width:100%;
 }

#home-pic {
  width: 100%;
  z-index: 990;
  position: relative;
  left: 0px;
  display: none;
}
#home-pic  img {
	width:100%;
}

.remove {
  border: none;
  background: #777;
  padding: 4px 12px;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.remove:hover {
  background: #555; }

.return {
  margin: 30px 0 0 0;
  border: none;
  background: #000;
  padding: 6px 15px;
  color: #fff;
  font-size: 1.3em;
  cursor: pointer;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.return:hover {
  background: #444; }

#home .home_box_01, .home_box_02, .home_box_03 {
  padding: 15px;
  background: #0e0e0e;
  width: 170px;
  min-height: 100px;
  color: #9b9b9b;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px #333;
  -moz-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 10px #333; }

#home .home_box_01 h4, .home_box_02 h4, .home_box_03 h4 {
  font-size: 1.6em;
  line-height: 1em;
  display: block;
  text-transform: lowercase;
  color: #fff; }

#home .home_box_01 img, .home_box_03 img {
  position: absolute;
  bottom: 25px;
  left: 15px; }

#home .home_box_01 p, .home_box_03 p {
  position: absolute;
  left: 85px;
  top: 45px;
  font-size: 1.1em;
  line-height: 1.4em;
  width: 100px; }

#home .home_box_01 a, .home_box_03 a {
  width: 200px;
  height: 130px;
  background: url(images/shader.png) no-repeat 0 140px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  color: #fff;
  text-indent: -9999em;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#home .home_box_01:hover a, .home_box_03:hover a {
  width: 200px;
  height: 130px;
  background: url(images/shader.png) no-repeat 0 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }

#home .home_box_01 {
  position: absolute;
  bottom: 30px;
  left: 250px; }

#home .home_box_02 {
  position: absolute;
  bottom: 30px;
  left: 470px;
  width: 235px;
  padding: 15px 0 15px 15px !important; }

#home .home_box_02 li {
  list-style: none;
  float: left;
  margin: 7px 4px 0 0; }

#home .home_box_02 li strong {
  display: block;
  color: #00adee !important;
  text-transform: uppercase; }

#home .home_box_02 li a {
  width: 60px;
  height: 45px;
  background: #2f2f2f;
  display: block;
  text-align: center;
  font-size: 1.1em;
  padding: 5px;
  color: #fff;
  text-decoration: none; }

#home .home_box_02 li a:hover {
  background: #ed2029; }

#home .home_box_02 li a:hover strong {
  color: #fff !important; }

#home .home_box_03 {
  position: absolute;
  bottom: 30px;
  right: 30px; }

#home .new {
  background: #0e0e0e url(images/new.gif) no-repeat top right; }

/* Secondary Navigation
-----------------------------------------------------------------------*/
#secondary-navigation {
  position: relative;
  top: 90px;
  left: 0px;
  width: 180px;
  float: left;
  padding: 6px 0px 36px 0;
  text-transform: uppercase; }

li {
  list-style-type: none; }

li ul {
  list-style-type: none; }

a:link {
  color: #fff;
  text-decoration: none; }

a.active {
  color: #fff;
  text-decoration: none; }

a.visited {
  color: #fff;
  text-decoration: none; }

.menu-item-has-children a {
  display: block;
  background: #1094b6;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin: 3px 0px 1px 0px;
  color: #fff; }

.menu-item-has-children a:hover, #menu-item-10467 a:hover, #menu-item-9303 a:hover, #menu-item-9013 a:hover, #menu-item-10390 a:hover, #menu-item-10880 a:hover, .menu-item-11585 a:hover {
  background: #609cb4;
  color: #fff; }

.menu-item-has-children li a {
  display: block;
  padding: 4px 15px;
  background: url(images/arrow.gif) no-repeat 9px 7px;
  text-transform: capitalize;
  text-align: left;
  color: #555;
  border-top: none;
  border-bottom: none;
  list-style: square;
  font-style: normal;
  font-size: 10pt;
  font-weight: bold !important;
  font-family: sans-serif; }

.menu-item-has-children li a:hover, .menu-item-has-children li a.active, #menu-item-6680 a:hover, #menu-item-178 a:hover, #menu-item-6680 a.active, #menu-item-178 a.active {
  background: #fff;
  background: #fff;
  color: #cc2229;
  background: url(images/red-arrow.gif) no-repeat 9px 7px !important; }

.menu-item-has-children li ul li a {
  padding: 4px 35px;
  background: url(images/arrow.gif) no-repeat 24px 7px;
  font-weight: normal !important;
  font-size: 12px !important; }

.menu-item-has-children li ul li a.active, .menu-item-has-children li ul li a:hover {
  padding: 4px 35px !important;
  background: url(images/red-arrow.gif) no-repeat 24px 7px !important; }
  
.menu-item-has-children li ul li li a {
  padding: 4px 45px;
  background: url(images/arrow.gif) no-repeat 35px 7px;
  font-weight: normal !important;
  font-size: 12px !important; }

.menu-item-has-children li ul li li a.active, .menu-item-has-children li ul li li a:hover {
  padding: 4px 45px !important;
  background: url(images/red-arrow.gif) no-repeat 35px 7px !important; }

#menu-item-8984 a, #menu-item-9110 a, #menu-item-8996 a, #menu-item-8997 a {
  padding: 4px 45px;
  background: url(images/arrow.gif) no-repeat 35px 7px; }

#menu-item-8984 a.active, #menu-item-8984 a:hover, #menu-item-9110 a.active, #menu-item-9110 a:hover, #menu-item-8996 a.active, #menu-item-8996 a:hover, #menu-item-8997 a.active, #menu-item-8997 a:hover {
  padding: 4px 45px !important;
  background: url(images/red-arrow.gif) no-repeat 35px 7px !important; }

#menu-item-9006 a, #menu-item-9005 a {
  padding: 4px 45px;
  background: url(images/arrow.gif) no-repeat 35px 7px; }

#menu-item-9006 a.active, #menu-item-9006 a:hover, #menu-item-9005 a.active, #menu-item-9005 a:hover {
  padding: 4px 45px !important;
  background: url(images/red-arrow.gif) no-repeat 35px 7px !important; }

#menu-item-8985 a {
  padding: 4px 45px;
  background: url(images/arrow.gif) no-repeat 35px 7px; }

#menu-item-8985 a.active, #menu-item-8985 a:hover {
  padding: 4px 45px !important;
  background: url(images/red-arrow.gif) no-repeat 35px 7px !important; }

.menu-item-9013 a, .menu-item-9210 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 5px;
  color: #fff; }

.menu-item-9303 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 3px;
  color: #fff; }

.menu-item-9210 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 3px;
  color: #fff; }

.menu-item-6679 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 5px;
  color: #fff; }

.menu-item-10390 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 3px;
  color: #fff; }

.menu-item-10880 a {
  display: block;
  background: #0f6c83;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 9pt;
  font-weight: 550;
  font-style: italic;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 10px;
  color: #fff; }

#menu-item-6680 a, #menu-item-178 a {
  display: block;
  padding: 4px 15px;
  background: url(images/arrow.gif) no-repeat 9px 7px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: left;
  color: #7c7c7c;
  border-top: none;
  border-bottom: none;
  list-style: square;
  font-style: normal;
  margin: 3px !important; }

.menu-item-10904 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 40px;
  color: #fff; }
  
.menu-item-11585 a {
  display: block;
  background: #1094b6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #999;
  border-radius: 19px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-top: 5px;
  color: #fff; }

/* Inner Pages
-----------------------------------------------------------------------*/
#inner {
  width: 100%;
  position: relative; }

#content {
  position: relative;
  width: 720px;
  float: left;
  margin-top: 60px;
  margin-left: 50px; }

#content ul {
  margin: 0px 0 10px 35px; }

#content ul li {
  color: #555;
  margin-left: 0px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 19px;
  list-style-type: square;
  font-family: arial; }

#content ul li a {
  color: #404040; }

div#multiColumn {
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  float: left;
  font-size: 1.1em;
  line-height: 55px !important; }

h1 {
  color: #007396;
  font-size: 1.5em;
  margin: 0 0 0px 0;
  text-transform: uppercase;
  text-align: center;
  margin-left: 0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

.black_box {
  color: #fff;
  font-size: 1.6em;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #000;
  width: 700px; }

h1 span {
  color: #555;
  font-weight: 500;
  font-size: 1.7em; }

.box1 {
  height: 265px;
  position: relative;
  margin: 0 0 45px 0; }

.box1:hover .desc {
  background: #e1d6c7; }

.box1:hover .button {
  background: #bd4935; }

.box1:hover .button:hover {
  background: #404040; }

.box1 h2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #0078b6;
  font-size: 1.6em;
  text-transform: capitalize; }

.box1 img {
  position: absolute;
  bottom: 0;
  left: 0; }

.desc {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 212px;
  background: #fff;
  height: 200px;
  padding: 20px; }

.desc p {
  font-size: 1.2em;
  margin: 0 0 20px 0;
  color: #404040; }

.desc li {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #404040;
  list-style-image: url(images/arrow_right.png); }

.desc .button {
  display: block;
  background: #ed2029;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  width: 110px;
  position: absolute;
  bottom: 20px;
  right: 20px; }

.desc .points {
  color: #ccc;
  font-size: 1.3em;
  font-family: arial;
  font-style: square;
  line-height: 25pt; }

.marginrightbottom {
  margin: 0px 15px 15px 0px !important; }

.marginbottom {
  margin: 0px 0px 15px 0px !important; }

#content .hero_image {
  margin: 0 0 25px 0; }

#content .hero_banner {
  width: 720px !important;
  margin: 0 0 45px 0 !important;
  position: relative; }

/*.wp-post-image {
    margin:20px 0;
}*/
.wp-post-image {
  margin: 0 !important; }

.tile_types h1 {
  color: #ed2029;
  font-size: 2.6em !important;
  padding: 0 0 5px 0;
  display: block !important;
  clear: both;
  margin: 0 0 -15px 0 !important; }

.tile_types h2 {
  display: block;
  background: #000;
  width: 210px;
  margin: 0 15px 0 0;
  float: left;
  padding: 10px;
  color: #fff; }

.tile_types .nomargin {
  margin: 0 !important; }

.tile_types h3 {
  color: #01aef2;
  font-size: 2em;
  padding: 30px 0 5px 0;
  display: block !important;
  clear: both;
  font-weight: lighter; }

.tile_types h4 {
  color: #ed2029;
  font-size: 1.5em;
  padding: 30px 0 0 0;
  display: block !important;
  clear: both;
  font-weight: lighter; }

#content .feature_tile, #content .base_tile, #content .floor_tile {
  width: 230px;
  height: 100px;
  background: white url(images/add_to_favs.png) no-repeat 225px 100px;
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#content .feature_tile:hover, #content .base_tile:hover {
  background: white url(images/add_to_favs.png) no-repeat 200px 75px; }

#content .floor_tile {
  /* Remove margin to stop last from wrapping */
  margin: 0 !important; }

#content .floor_tile:hover {
  background: white url(images/add_to_favs.png) no-repeat 200px 75px; }

#content .feature_tile img, #content .base_tile img, #content .floor_tile img {
  position: absolute;
  top: 0;
  left: 0; }

#content .feature_tile p, #content .base_tile p, #content .floor_tile p {
  position: absolute;
  top: 15px;
  left: 115px;
  font-size: 1.2em;
  width: 100px; }

#content .feature_tile .add_to_favs, #content .base_tile .add_to_favs, #content .floor_tile .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.sep {
  display: block;
  clear: both;
  border-bottom: solid 1px #ccc;
  position: relative;
  height: 25px;
  margin: 0 0 25px 0; }

.sep p {
  font-size: 1.4em !important;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #0078b6 !important;
  font-weight: bold !important; }

/* All Colours
-----------------------------------------------------------------------*/
.all_colours {
  width: 715px;
  height: 155px;
  float: left;
  background: white url(images/add_to_favs.png) no-repeat 345px 155px;
  margin: 0 15px 15px 0;
  position: relative;
  border: solid 1px #000;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.all_colours:hover {
  background: white url(images/add_to_favs.png) no-repeat 315px 125px; }

.all_colours img {
  position: absolute;
  top: 0;
  left: 0; }

.all_colours ul {
  position: absolute;
  top: 17px;
  left: 170px;
  width: 150px; }

.all_colours ul li {
  font-size: 1.2em;
  line-height: 1.3em;
  list-style: none; }

.all_colours strong {
  color: #0078b6; }

.all_colours span {
  display: block;
  width: 70px;
  float: left; }

.all_colours .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.all_colours_fav {
  width: 515px;
  height: 155px;
  float: left;
  background: white url(images/add_to_favs.png) no-repeat 345px 155px;
  margin: 0 15px 15px 0;
  position: relative;
  border: solid 1px #000;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.all_colours_fav img {
  position: absolute;
  top: 0;
  left: 0; }

.all_colours_fav ul {
  position: absolute;
  top: 17px;
  left: 170px;
  width: 150px; }

.all_colours_fav ul li {
  font-size: 1.2em;
  line-height: 1.3em;
  list-style: none; }

.all_colours_fav strong {
  color: #0078b6; }

.all_colours_fav span {
  display: block;
  width: 70px;
  float: left; }

.all_colours_fav .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.series.left {
  float: left;
  width: 350px; }

.series.right {
  float: right;
  width: 350px;
  margin: 0 20px 0 0; }

.largeseries {
  position: relative;
  width: 720px !important; }

.series.right .series_item_half, .series.left .series_item_half {
  width: 350px;
  min-height: 250px;
  background: white url(images/add_to_favs.png) no-repeat 485px 255px;
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.series.right .series_item_half:hover, .series.left .series_item_half:hover {
  background: white url(images/add_to_favs.png) no-repeat 320px 220px; }

.series.right .series_item_half .add_to_favs, .series.left .series_item_half .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.series.right .series_item_half .button, .series.left .series_item_half .button {
  width: 50px !important;
  float: none !important;
  position: relative;
  top: 30px;
  left: 15px; }

.series.right .series_item_half p, .series.left .series_item_half p {
  position: absolute;
  top: 170px;
  left: 15px;
  font-size: 1.2em; }

.series.right .series_item_half strong, .series.left .series_item_half strong {
  display: block;
  color: #0078B6 !important; }

.newtype {
  width: 720px;
  margin: 15px 0 !important;
  clear: both; }

.newtype .info {
  float: right;
  position: relative;
  width: 170px;
  height: 150px;
  background: #fff;
  padding: 10px 30px;
  border: solid 1px #ccc;
  background: url(images/add_to_favs.png) no-repeat 205px 170px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

.newtype .info:hover {
  background: url(images/add_to_favs.png) no-repeat 195px 145px; }

.newtype .info .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.newtype img {
  margin: 0 0 10px 0 !important; }

.newtype p {
  font-size: 1.2em;
  color: #404040; }

.contact {
  width: 720px;
  height: 310px;
  margin: 20px 0;
  padding: 0 0 20px 0;
  position: relative; }

.contact small {
  font-size: 1em; }

.contact small a {
  color: #00AEEF !important; }

.contact iframe {
  float: left;
  margin: 0 20px 0 0; }

.contact p {
  color: #404040;
  line-height: 1.4em; }

.contact iframe a {
  color: #00AEEF !important; }

.contact small a {
  padding: 6px;
  background: #1094b6 !important;
  color: #fff !important;
  font-size: 1.2em !important;
  text-decoration: none !important;
  position: relative;
  /*bottom: 38px;*/
  /*right: 10px;*/ }

/* Series
-----------------------------------------------------------------------*/
.series {
  width: 740px; }

.series_heading {
  color: #01aef2;
  font-size: 2em;
  padding: 0 0 5px 0;
  display: block !important;
  clear: both;
  font-weight: lighter; }

.series h3 {
  display: block;
  clear: both;
  font-size: 1.4em; }

#content .series .sep {
  width: 715px; }

#content .series_item {
  width: 230px;
  height: 85px;
  background: white url(images/add_to_favs.png) no-repeat 250px 55px;
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#content .series_item:hover {
  background: white url(images/add_to_favs.png) no-repeat 210px 55px; }

#content .series_item img {
  margin: 0 !important; }

#content .series_item .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

#content .series_item p {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.2em; }

#content .series_item_tall {
  width: 350px;
  height: 260px;
  background: white url(images/add_to_favs.png) no-repeat 360px 243px;
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#content .series_item_tall:hover {
  background: white url(images/add_to_favs.png) no-repeat 325px 223px; }

#content .series_item_tall .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

#content .series_item_tall p {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 1.2em; }

#content .series_item_tall strong {
  display: block;
  color: #0078B6 !important; }

#content .series_item_small {
  width: 350px;
  height: 260px;
  background: white url(images/add_to_favs.png) no-repeat 355px 243px;
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#content .series_item_small:hover {
  background: white url(images/add_to_favs.png) no-repeat 325px 223px; }

#content .series_item_small .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

#content .series_item_small p {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 1.2em; }

#content .series_item_small strong {
  display: block;
  color: #0078B6 !important; }

#content .options {
  background: white url(images/add_to_favs.png) no-repeat 230px 370px !important;
  height: 360px !important;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#content .options:hover {
  height: 360px !important;
  background: white url(images/add_to_favs.png) no-repeat 200px 330px !important; }

#content .options .thin {
  margin: 0 0 10px 0; }

#content .series .button {
  display: block;
  background: #ed2029;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  width: 200px;
  float: right;
  margin: 0 22px 20px 0; }

#content .series .button:hover {
  background: #404040; }

.general p {
  color: #555;
  margin: 15px 0;
  font-size: 15px;
  line-height: 1.4em; }

.general p a {
  color: #00AEEF; }

/* Right Column
-----------------------------------------------------------------------*/
#right_col {
  float: right;
  width: 225px;
  min-height: 400px;
  padding: 0 0 0 20px; }

#right_col ul {
  margin: 0 !important; }

#right_col ul li {
  list-style: none;
  float: left;
  margin: 0 5px 5px 0; }

/* Left Column
-----------------------------------------------------------------------*/
#left_col {
  float: left;
  width: 455px;
  min-height: 400px; }

#left_col .w300 {
  width: 450px !important;
  height: 280px !important;
  background: white url(images/add_to_favs.png) no-repeat 450px 265px;
  position: relative;
  float: left;
  margin: 0 0 30px 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

#left_col .w300:hover {
  background: white url(images/add_to_favs.png) no-repeat 423px 248px; }

#left_col .w300 p {
  bottom: 10px !important;
  left: 15px !important;
  width: 400px !important;
  position: absolute;
  bottom: 10px !important;
  left: 15px !important;
  font-size: 1.2em;
  margin: 0 0 20px 0;
  color: #404040; }

#left_col .w300 strong {
  font-size: 1.2em;
  color: #0078b6;
  position: absolute;
  bottom: 10px !important;
  left: 15px !important; }

#left_col .w300 .add_to_favs {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
  cursor: pointer; }

.tile_options {
  background: #f1f1f1;
  color: #404040;
  font-size: 1.2em;
  padding: 20px;
  margin: 20px 0; }

.tile_options h5 {
  color: #0078b6;
  font-size: 1.2em;
  padding: 0 0 10px 0;
  display: block !important;
  clear: both; }

.tile_options p {
  margin: 10px 0 !important;
  padding: 0 !important; }

.tile_options .box {
  margin: 0 !important;
  padding: 0 !important; }

.tile_options strong {
  color: #0078b6; }

.tile_options .button {
  display: block;
  background: #ed2029;
  color: #fff;
  padding: 5px;
  margin: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 50px; }

.tile_options .button:hover {
  background: #404040; }

/* 
-----------------------------------------------------------------------*/
.largeseriesassignleft {
  float: left !important; }

.largeseriesnomargin {
  margin: 0 0 15px 0 !important; }

/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------*/
/* Breadcrumbs 
-----------------------------------------------------------------------*/
.breadcrumbs {
  height: 30px;
  background: ccc;
  display: block;
  font-size: 1.2em; }

.breadcrumbs li {
  list-style: none;
  float: left;
  margin: 0 12px 0 0; }

.breadcrumbs li a {
  display: block;
  color: #999;
  text-decoration: none;
  background: url(images/arrow_right.png) no-repeat left;
  padding: 0 0 0 7px; }

.breadcrumbs li a:hover {
  text-decoration: underline;
  color: #ed2029; }

.page-list li {
  margin: 3px 0 !important;
  list-style: none;
  display: block; }

.page-list li ul {
  margin: 25px 0 0 0 !important; }

.page-list li ul li a {
  font-weight: bold; }

/* Footer 
-----------------------------------------------------------------------*/
.footer-container {
  background: #fff;
  width: 100%;
  height: auto;
  z-index: 999;
  /*webkit-box-shadow: inset 0 0 5px #888;
  -moz-box-shadow: inset 0 0 11px #888;
  box-shadow: inset 0 0 11px #888;*/
  border: 1px solid #c0c0c0; }

#footer-wrap {
  padding-top: 0px;
  position: relative;
  font-size: 1.1em;
  color: #9b9b9b;
  margin: 0 auto 0 auto;
  width: 980px;
  height: 100%;
  border-top: 3px #ccc; }

#footer-bottom {
  position: relative;
  width: 50%;
  line-height: 1.5em;
  font-size: 1.1em; }

#footer-bottom h2 {
  text-transform: uppercase;
  font-weight: lighter;
  color: #fc0d1b;
  margin: 0 0 15px 0; }

#footer-bottom h3 {
  text-transform: uppercase;
  font-weight: lighter;
  color: #fc0d1b;
  margin: 0 0 15px 0;
  font-size: 1.5em; }

#footer-bottom strong {
  color: #555 !important; }

#footer-bottom p {
  margin: 15px 0; }

#footer-bottom ul {
  margin: 5px 0 5px 25px;
  color: #666; }

#footer-top {
  position: relative;
  font-size: 1.2em;
  width: 100%;
  margin: 100px 0 50px 0; }

#footer-top .first {
  position: relative;
  width: auto;
  margin-right: 57px;
  height: auto; }

#footer-top .middle {
  position: relative;
  left: 20px; }

#footer-top .last {
  width: 205px; }

#footer-top p {
  color: #000;
  line-height: 1.2em;
  display: block;
  width: 100%;
  float: left; }

#footer-top a {
  text-decoration: none;
  color: #900; }

#footer-top span {
  margin: 0 5px 0 0;
  color: #000; }

#footer-top .sitemap {
  width: 80px;
  color: #8d8d8d;
  text-align: center;
  text-decoration: none;
  padding: 7px;
  background: #eee;
  border: 1px solid #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 1200; }

#footer-top .sitemap:hover {
  background: #000;
  color: #fff; }

#footer-top strong {
  color: #fc0d1b;
  margin: 0;
  padding: 0;
  display: block; }

#footer-top .definition {
  width: 80px;
  color: #8d8d8d;
  text-align: center;
  text-decoration: none;
  padding: 7px;
  background: #eee;
  border: 1px solid #fff;
  text-transform: uppercase;
  position: relative;
  left: 10px;
  margin: 0 50px 0 0;
  z-index: 1200; }

#footer-top .definition:hover {
  background: #000;
  color: #fff; }

#footer-top strong {
  color: #fc0d1b;
  margin: 0;
  padding: 0;
  display: block; }

.postt {
  background-color: #fff;
  height: auto;
  width: auto;
  float: right;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px; }

.feat {
  position: relative;
  width: 300px;
  float: left; }

.feat a {
  position: relative;
  width: 300px;
  float: left;
  margin: 0 0 -2px 0; }

.feat img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.exerp {
  padding: 10px;
  width: 390px;
  float: right;
  position: relative; }

.exerp h3 a {
  color: #fc0d1b;
  text-decoration: none;
  font-size: 1.5em;
  margin: 0 0 15px 0;
  font-weight: lighter;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.exerp h3 a:hover {
  color: #000; }

.exerp p {
  font-size: 1.2em; }

.exerp .this_section_includes {
  color: #404040;
  font-size: 1.2em; }

.exerp ul {
  position: relative;
  margin: -14px 0 0 35px !important; }

/* resolution specific sizes --------------------------------------------*/
/* resolution specific sizes --------------------------------------------*/
@media screen and (max-width: 1280px) {
  #home-img {
    display: none; }
	
  #home-pic {
    width: 100%;
	display: inline-block;
  }
}
@media only screen and (max-device-width: 720px) and (orientation: landscape) {
  #inner {
  width: 100% !important; }

  .shopp-image{
  width:80% !important;
  margin-left: auto; margin-right: auto;
  }
  
	.contact iframe {
		width: 100%;
	}

  
  .main-mobile-sub {
    position: relative;
    z-index: 999;
    width: 100% !important;
    font-size: 7px !important; }
	
	.main-mobile-sub .menu li a {
		width: 100% !important;
	}
	.main-mobile-sub .menu li .active {
		width: 100% !important;
	}
	.main-mobile-sub .menu li li:last-child a, .main-mobile-sub .menu li li li:last-child a {
	width: 100%;
	}


	#mobile-img {
		display: block;
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#mobile-img img {
		width: 100% !important;
		margin-top: 20px;
		position: relative;
	}
	#home-strip {
		width: 80% !important;
		top: initial;
		bottom: 0px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#home-enter {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	#home-strip {
		width: 80% !important;
		top: initial;
		bottom: 0px;
		margin-left: auto !important;
		margin-right: auto !important;
		height: auto;
	}

	.main-mobile-sub {
		margin-top: 10px;
	}
	#footer-wrap {
		width: 100%;
	}
	#footer-top {
		width: 100%;
	}
	#footer-top p {
		margin-left: auto;
		float: none;
		margin-right: auto;
	}
	
	#home-enter {
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		top: 0; bottom: 0;
	}


	#container {
		width: 100% !important;
		margin: 0 auto;
		height: auto;
	}
	#home {
		width: 100% !important;
		position: relative;
		overflow: hidden;
	}
}
@media only screen and (max-device-width: 720px) and (orientation: portrait) {
  html {
    width: 100% !important;
    overflow-x: hidden !important; overflow-y: scroll; }

  body {
    width: 100% !important;
    overflow-x: hidden !important; overflow-y: scroll; }

  #header {
    width: 100% !important;
    height: 240px;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    padding: 70px 0 0 0; }
    #header .logo {
      background: url(images/logo.png);
      width: 275px;
      height: 43px;
      display: block;
      text-indent: -9999em;
      position: absolute;
      float: none;
      left: 0px;
      top: 10px !important; }

  .secondary-navigation, #secondary-navigation {
    display: none; }

  #inner {
    position: relative;
    width: 100% !important; }

  #container-wrap {
    background: none !important; }

  #content {
    position: relative;
    float: left;
    margin: 30px 0 0 10px !important;
    width: 100% !important;
    border: none !important; }
    #content h1 {
      text-align: center;
      margin: 10px 0 30px 0 !important; }

	.contact iframe {
		width: 100%;
	}


  .exerp {
    padding: 10px;
    width: 680px !important;
    float: none !important;
    position: relative; }
    .exerp h3 {
      position: relative;
      top: 5px;
      text-align: center; }

  .feat a {
    margin: 0 auto !important;
    float: none !important; }

  .mobile-menu {
    height: auto;
    position: relative;
    text-transform: uppercase;
    text-decoration: none; }

  .main-mobile {
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 1.2em;
    padding: 8px 0;
    background: #e0e0e0;
    margin: 0 0 3px 0;
    width: 100%;
    text-align: center;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bbb; }
    .main-mobile:hover {
      color: #ed2029;
      background: #eee; }

  .main-mobile-sub {
    position: relative;
    z-index: 999;
    float: left;
    width: 100%; }
    .main-mobile-sub .widgettitle {
      display: none; }

  .toggled_content_two #dc_jqaccordion_widget-3, .toggled_content_two #dc_jqaccordion_widget-4 {
    display: none;
    margin: 30px 0 0 0 !important; }

  .toggled_content_three #dc_jqaccordion_widget-2, .toggled_content_three #dc_jqaccordion_widget-4 {
    display: none; }

  .main-mobile-sub li {
    text-align: center;
    list-style: none; }
    .main-mobile-sub li:fist-child {
      margin: 0 0 2px 0; }
  .main-mobile-sub .menu li a {
    position: relative;
    float: left;
    background: #eee;
    width: 100%;
    padding: 10px;
    margin: 1px 0;
    text-decoration: none;
    color: #000; }
  .main-mobile-sub .menu li li a {
    position: relative;
    float: left;
    background: #eee;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    color: #000;
    left: -12px;
    border-bottom: 1px solid #fff; }
  .main-mobile-sub .menu li li li a {
    position: relative;
    float: left;
    background: #eee !important;
    width: 100% !important;
    padding: 10px !important;
    text-decoration: none;
    color: #000;
    left: -12px;
    border-bottom: 1px solid #fff;
    text-align: center; }
    .main-mobile-sub .menu li li li a:hover {
      background: #ccc !important;
      color: #ed2029; }
  .main-mobile-sub .menu li li:last-child a, .main-mobile-sub .menu li li li:last-child a {
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    left: 0 !important; }
  .main-mobile-sub .menu li a:hover {
    background: #ccc;
    color: #ed2029; }
  .main-mobile-sub .menu li:last-child a {
    margin: 1px 0 20px 0; }
  .main-mobile-sub .menu li .active {
    background: #ccc;
    color: #ed2029; }

  #mobile-img {
    display: block;
    width: 70%;
    position: relative; }
    #mobile-img img {
      width: 100%;
	  display: block;
      height: auto; }

  .mobile {
    display: block !important; }

  #home-img {
    display: none; }

  #home-pic {
    width: 100%;
	display: inline-block;
	}

  #menu-primary-navigation, #favs, #header-phone {
    display: none !important; }

  #home {
    width: 720px !important;
    position: relative;
    overflow: hidden; }
    #home #secondary-navigation {
      display: none !important; }

  #container-wrap {
    border: none; }

  #content img, #content .contact {
    max-width: 97% !important;
    height: auto !important; }
  #content p {
    padding-left: 0 !important; }

  #footer-top {
    position: relative;
    width: 100% !important;
    display: none;
    text-align: center; }
    #footer-top mobile {
      position: relative; }

  #footer-bottom {
    display: none; }

  .feat {
    width: 720px !important; }
    .feat img {
      width: 720px !important;
      height: auto !important; }

  /* one column template --------------------------------------------*/
  .onecol .product-placeholder .shopp-content, .onecol-shad .product-placeholder .shopp-content {
    width: 100%;
    position: relative;
    padding: 7px;
    float: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 140px; } }
	
@media only screen and (min-device-width: 480px) and (max-device-width: 720px) and (orientation: portrait) {
  #header {
    width: 100% !important;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    padding: 20px 0 20px 0; }
    #header .logo {
      background: url(images/logo.png);
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center center;
      width: 80%;
      height: 0;
	  padding-bottom: 13%;
      display: block;
	  margin-left: auto; margin-right: auto;
      text-indent: -9999em;
      position: relative;
      float: none;
	  top: 0; left: 0;
	}
	
	
	#home-strip {
		width: 100% !important;
		top: initial;
		bottom: 0px;
		margin-left: auto !important;
		margin-right: auto !important;
		height: auto;
	}
	
	#home-enter {
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		top: 0; bottom: 0;
	}
  #mobile-img {
    width: 100%; }
#container {
  width: 100%;
  margin: 0 auto;
  height: auto;
  }
  #home {
    width: 100% !important;
    position: relative;
    overflow: hidden; }

  #home-img {
    display: none; }

  #home-pic {
    display: none; }
}

@media screen and (min-width: 1280px) {
	#container {
	}
	#inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1080px) {
  html {
    width: 100% !important;
    overflow: scroll !important; }

  body {
    width: 100% !important;}

  .cell-wrap {
    overflow: visible !important;
    width: 100% !important; }

  .shopp-content {
    overflow: visible;
    float: left !important; }


  #header {
    height: auto;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    padding: 70px 0 0 0; }

  #header .logo {
    background: url(images/logo.png);
    background-size: 275px !important;
	background-repeat: no-repeat;
    width: 275px;
    height: 50px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    float: none;
    left: 20px;
    top: 10px !important; }

  .secondary-navigation, #secondary-navigation {
    display: none; }

  #inner {
    width: 100% !important; }
	
	

  #container-wrap {
    background: none !important; }

  #content {
    float: left;
    margin: 30px 0 0 10px !important;
    position: relative;
    width: 100% !important;
    border: none !important; }

  #content h1 {
    text-align: center;
    margin: 10px 0 30px 0 !important; }

  .exerp {
    padding: 10px;
    width: 280px !important;
    float: none !important;
    position: relative; }

  .exerp h3 {
    position: relative;
    top: 5px;
    text-align: center; }

  .feat a {
    margin: 0 auto !important;
    float: none !important; }

  .mobile-menu {
    position: relative;
    text-transform: uppercase;
    text-decoration: none; }

  .main-mobile {
    position: relative;
    text-decoration: none;
    font-size: 8pt !important;
    padding: 9px;
    background: #00a6be;
    width: 100%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #3a5d6b;
    font-style: normal; }

  .main-mobile:hover {
    color: #fff;
    background: #00a6be; }

  .main-mobile .main-mobile :active {
    background: #00a6be !important;
    color: #ed2029;
    font-size: 8pt !important;
    font-weight: bold; }

  .main-mobile-sub {
    position: relative;
    z-index: 999;
    width: 100%;
    font-size: 7px !important; }

  .main-mobile-sub .widgettitle {
    display: none; }

  .toggled_content_two #dc_jqaccordion_widget-3, .toggled_content_two #dc_jqaccordion_widget-4 {
    display: none; }

  .toggled_content_three #dc_jqaccordion_widget-2, .toggled_content_three #dc_jqaccordion_widget-4 {
    display: none; }

  .main-mobile-sub li {
    text-align: center;
    list-style: none; }

  .main-mobile-sub li:fist-child {
    margin: 0 0 1px 0; }

  .main-mobile-sub .menu li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #686868;
    /*yellow */
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #ccc;
    /*light blue*/
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    font-style: none !important;
    text-decoration: none;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    background: #ccc !important;
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li li a {
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    background: #ebebeb !important;
    /*purple*/
    width: 100% !important;
    padding: 10px !important;
    text-decoration: none;
    color: #000;
    font-size: 6px !important;
    border-bottom: 1px solid #fff;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li:last-child a, .main-mobile-sub .menu li li li:last-child a {
    width: 100%;
    margin-left: -2px;
    margin-top: 1px !important; }

  .main-mobile-sub .menu li a:hover {
    background: #aaa;
    font-style: none !important;
    font-size: 6px !important;
    color: #ed2029; }

  .main-mobile-sub .menu li .active {
    text-align: center;
    width: 100% ;
    background: #686868;
    color: #ed2029;
    font-weight: bold;
    font-size: 6px !important;
    font-style: none !important; }

  #mobile-img {
    width: 100%; }

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

  .mobile {
    display: block !important; }

  #home-img {
    display: inline-block; }

  #home-pic {
    display: none; }

  #menu-primary-navigation, #favs, #header-phone {
    display: none !important; }

  #home {
    width: 100% !important;
    position: relative;
    overflow: hidden; }

  #home #secondary-navigation {
    display: none !important; }

  #container-wrap {
    border: none; }

  #content img, #content .contact {
    max-width: 95% !important;
    height: auto !important; width: 100%}

  #content p {
    padding-left: 0 !important; }

  #footer-top {
    width: 100% !important;
    display: none;
    text-align: center; }

  #footer-bottom {
    display: none; }
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  html {
    width: 100% !important;
    overflow-x: hidden !important; overflow-y: scroll; }

  body { 
    width: 100% !important; overflow-y: scroll; }

  .cell-wrap {
    overflow: visible !important;
    width: 100% !important; }

  .shopp-content {
    overflow: visible;
	width: 100% !important;
    float: left !important; }

  .feat {
    width: 100% !important; }
    .feat img {
      width: 100% !important;
      height: auto !important; }
	
	div .contact {
		width: 100%;
	}
	.contact iframe {
		width: 100%;
	}

	#home-strip {
		left: 0;
		top: initial;
		height: auto;
		bottom: 0px;
	}
	#home-enter {
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		top: 0; bottom: 0;
	}
	
  #header {
    height: auto;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    padding: 10px 0 0 0; }

  #header .logo {
    background: url(images/logo.png);
    background-size: 275px !important;
    background-repeat: no-repeat;
    width: 275px;
    height: 70px;
    display: block;
    text-indent: -9999em;
    position: relative;
    margin-left:auto;margin-right:auto;
	top: 0px; left: 0px;
     }

#footer-wrap {
	width: 100%;
}
#footer-top {
	width: 100%;
}
#footer-top p {
	margin-left: auto;
	float: none;
	margin-right: auto;
}
	
#container {
  width: 100%;
  margin: 0 auto;
  height: auto;
  }

  .secondary-navigation, #secondary-navigation {
    display: none; }

  #inner {
    width: 100% !important; }

  #container-wrap {
    background: none !important; }

  #content {
    float: left;
    margin: 30px 0 0 0 !important;
    position: relative;
    width: 100% !important;
    border: none !important; }

  #content h1 {
    text-align: center;
    margin: 10px 0 30px 0 !important; }

  .exerp {
    padding: 10px;
    width: 280px !important;
    float: none !important;
    position: relative; }

  .exerp h3 {
    position: relative;
    top: 5px;
    text-align: center; }

  .feat a {
    margin: 0 auto !important;
    float: none !important; }

  .mobile-menu {
    position: relative;
    text-transform: uppercase;
    text-decoration: none; }

  .main-mobile {
    position: relative;
    text-decoration: none;
    font-size: 8pt !important;
    padding: 9px;
    background: #00a6be;
    width: 100%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #3a5d6b;
    font-style: normal; }

  .main-mobile:hover {
    color: #fff;
    background: #00a6be; }

  .main-mobile .main-mobile :active {
    background: #00a6be !important;
    color: #ed2029;
    font-size: 8pt !important;
    font-weight: bold; }

  .main-mobile-sub {
    position: relative;
    z-index: 999;
    width: 100%;
    font-size: 7px !important; }

  .main-mobile-sub .widgettitle {
    display: none; }

  .toggled_content_two #dc_jqaccordion_widget-3, .toggled_content_two #dc_jqaccordion_widget-4 {
    display: none; }

  .toggled_content_three #dc_jqaccordion_widget-2, .toggled_content_three #dc_jqaccordion_widget-4 {
    display: none; }

  .main-mobile-sub li {
    text-align: center;
    list-style: none; }

  .main-mobile-sub li:fist-child {
    margin: 0 0 1px 0; }

  .main-mobile-sub .menu li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #686868;
    /*yellow */
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #ccc;
    /*light blue*/
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    font-style: none !important;
    text-decoration: none;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    background: #ccc !important;
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li li a {
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    background: #ebebeb !important;
    /*purple*/
    width: 100% !important;
    padding: 10px !important;
    text-decoration: none;
    color: #000;
    font-size: 6px !important;
    border-bottom: 1px solid #fff;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li:last-child a, .main-mobile-sub .menu li li li:last-child a {
    width: 100% !important;
    margin-left: -2px;
    margin-top: 1px !important; }

  .main-mobile-sub .menu li a:hover {
    background: #aaa;
    font-style: none !important;
    font-size: 6px !important;
    color: #ed2029; }

  .main-mobile-sub .menu li .active {
    text-align: center;
    width: 100% !important;
    background: #686868;
    color: #ed2029;
    font-weight: bold;
    font-size: 6px !important;
    font-style: none !important; }

  #mobile-img {
    width: 100%; }

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

  .mobile {
    display: block !important; }

  #home-img {
    display: none; }

  #home-pic {
    display: none; }

  #menu-primary-navigation, #favs, #header-phone {
    display: none !important; }

  #home {
    width: 100% !important;
    position: relative;
    overflow: hidden; }

  #home #secondary-navigation {
    display: none !important; }

  #container-wrap {
    border: none; }

  #content img, #content .contact {
    max-width: 100% !important;
    height: auto !important; }

  #content p {
    padding-left: 0 !important; }

  #footer-top {
    width: 100% !important;
    display: none;
    text-align: center; }

  #footer-bottom {
    display: none; }
}
@media screen and (max-width: 320px) {
  html {
    width: 100% !important;
    overflow-x: hidden !important; overflow-y: scroll; }

  body {
    width: 100% !important;
	overflow-y: scroll;
	overflow-x: hidden;
	}

  .cell-wrap {
    overflow: hidden !important;
    width: 100% !important; }

  .shopp-content {
    overflow: visible;
    float: left !important; }

  #header {
    height: auto;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    padding: 70px 0 0 0; }

  #header .logo {
    background: url(images/logo.png);
    background-size: 275px !important;
    background-repeat: no-repeat;
    width: 275px;
    height: 50px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    float: none;
    left: 20px;
    top: 10px !important; }

  .secondary-navigation, #secondary-navigation {
    display: none; }

  #inner {
    width: 320px !important; }

  #container-wrap {
    background: none !important; }

  #content {
    float: left;
    margin: 30px 0 0 10px !important;
    position: relative;
    width: 302px !important;
    border: none !important; }

  #content h1 {
    text-align: center;
    margin: 10px 0 30px 0 !important; }

  .exerp {
    padding: 10px;
    width: 280px !important;
    float: none !important;
    position: relative; }

  .exerp h3 {
    position: relative;
    top: 5px;
    text-align: center; }

  .feat a {
    margin: 0 auto !important;
    float: none !important; }

  .mobile-menu {
    position: relative;
    text-transform: uppercase;
    text-decoration: none; }

  .main-mobile {
    position: relative;
    text-decoration: none;
    font-size: 8pt !important;
    padding: 9px;
    background: #00a6be;
    width: 100%;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #3a5d6b;
    font-style: normal; }

  .main-mobile:hover {
    color: #fff;
    background: #00a6be; }

  .main-mobile .main-mobile :active {
    background: #00a6be !important;
    color: #ed2029;
    font-size: 8pt !important;
    font-weight: bold; }

  .main-mobile-sub {
    position: relative;
    z-index: 999;
    width: 320px;
    font-size: 7px !important; }

  .main-mobile-sub .widgettitle {
    display: none; }

  .toggled_content_two #dc_jqaccordion_widget-3, .toggled_content_two #dc_jqaccordion_widget-4 {
    display: none; }

  .toggled_content_three #dc_jqaccordion_widget-2, .toggled_content_three #dc_jqaccordion_widget-4 {
    display: none; }

  .main-mobile-sub li {
    text-align: center;
    list-style: none; }

  .main-mobile-sub li:fist-child {
    margin: 0 0 1px 0; }

  .main-mobile-sub .menu li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #686868;
    /*yellow */
    width: 320px;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li a {
    text-align: center;
    position: relative;
    display: inline-block;
    float: none;
    background: #ccc;
    /*light blue*/
    width: 320px;
    padding: 10px;
    border-radius: 0px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 6px !important;
    font-style: none !important;
    text-decoration: none;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    background: #ccc !important;
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li li a {
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    background: #ebebeb !important;
    /*purple*/
    width: 320px !important;
    padding: 10px !important;
    text-decoration: none;
    color: #000;
    font-size: 6px !important;
    border-bottom: 1px solid #fff;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc; }

  .main-mobile-sub .menu li li .active {
    color: #ed2029;
    font-weight: bold; }

  .main-mobile-sub .menu li li:last-child a, .main-mobile-sub .menu li li li:last-child a {
    width: 320px !important;
    margin-left: -2px;
    margin-top: 1px !important; }

  .main-mobile-sub .menu li a:hover {
    background: #aaa;
    font-style: none !important;
    font-size: 6px !important;
    color: #ed2029; }

  .main-mobile-sub .menu li .active {
    text-align: center;
    width: 320px !important;
    background: #686868;
    color: #ed2029;
    font-weight: bold;
    font-size: 6px !important;
    font-style: none !important; }

  #mobile-img {
    width: 320px; }

  #mobile-img img {
    width: 320px;
    height: auto; }

  .mobile {
    display: block !important; }

  #home-img {
    display: none; }

  #home-pic {
    display: none; }

  #menu-primary-navigation, #favs, #header-phone {
    display: none !important; }

  #home {
    width: 320px !important;
    position: relative;
    overflow: hidden; }

  #home #secondary-navigation {
    display: none !important; }

  #container-wrap {
    border: none; }

  #content img, #content .contact {
    max-width: 300px !important;
    height: auto !important; }

  #content p {
    padding-left: 0 !important; }

  #footer-top {
    width: 320px !important;
    display: none;
    text-align: center; }

  #footer-bottom {
    display: none; } }
/* tile default styles --------------------------------------------*/
.shaddow {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-box-shadow: inset -2px -2px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset -2px -2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px -2px 8px rgba(0, 0, 0, 0.3); }

.onecol .shaddow, .small-img .shaddow {
  display: none; }

.product-placeholder {
  padding: 10px 20px 10px 0;
  position: relative;
  float: left;
  width: 160px;
  min-height: 120px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  overflow: visible; }

.the-price {
  display: none; }

.shopp-content ul {
  margin: 10px 0 !important; }

#content .hero_banner {
  width: 720px !important;
  margin: 0 0 45px 0 !important;
  position: relative;
  top: 26px !important; }

.product-placeholder .shopp-gall {
  display: none; }

.product-placeholder .shopp-image {
  position: relative;
  width: auto;
  display: table; }

.product-placeholder .shopp-image img {
  position: relative;
  width: auto;
  height: auto; }

.product-placeholder h3 {
  margin: 15px 0 10px 0;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #555 !important; }

.product-placeholder li {
  list-style: none !important;
  padding: -3px !important;
  color: #6d6d6d; }

#shopp p {
  color: #404040;
  margin: 0 !important;
  font-size: 1.5em !important;
  line-height: normal !important; }

/* 2 column border template--------------------------------------------*/
.border .product-placeholder {
  padding: 10px 20px 10px 0;
  position: relative;
  float: left;
  width: 340px;
  min-height: 130px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  overflow: hidden; }

.border .product-placeholder .shopp-image img {
  max-width: 340px !important; }

/* 3 column template--------------------------------------------*/
.tile_types {
  position: relative; }

.tile_types .product-placeholder {
  padding: 0 !important;
  margin: 10px 0 !important;
  position: relative !important;
  float: none !important;
  width: 230px !important;
  min-height: 200px !important; }

.tile_types .product-placeholder .shopp-image {
  position: relative;
  float: left; }

.tile_types .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100px !important; }

.tile_types .product-placeholder .shopp-content {
  width: 116px !important;
  position: relative;
  padding: 5px 7px;
  float: right; }

.tile_types .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.tile_types .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

.tile_types .feature_tile_1 {
  width: 230px;
  margin: 0 15px 0 0;
  float: left;
  position: relative;
  height: auto !important; }

.tile_types .base_tile_1 {
  width: 230px;
  margin: 0 15px 0 0;
  float: left;
  position: relative; }

.tile_types .floor_tile_1 {
  width: 230px;
  float: left;
  position: relative; }

/* 3 column template--------------------------------------------*/
.three_col .product-placeholder {
  padding: 0 !important;
  margin: 5px !important;
  position: relative !important;
  float: none !important;
  width: 230px !important;
  min-height: 100px !important;
  float: left !important; }

.three_col .product-placeholder .shopp-image {
  position: relative;
  float: left; }

.three_col .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100px !important; }

.three_col .product-placeholder .shopp-content {
  width: 110px !important;
  position: relative;
  padding: 10px 7px;
  float: right; }

.three_col .product-placeholder .specs, .three_col .product-placeholder .the-price {
  display: none; }

.three_col .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.three_col .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

.three_col .feature_tile_1 {
  width: 230px;
  margin: 0 15px 0 0;
  float: left;
  position: relative;
  height: auto !important; }

.three_col .base_tile_1 {
  width: 230px;
  margin: 0 15px 0 0;
  float: left;
  position: relative; }

.three_col .floor_tile_1 {
  width: 230px;
  float: left;
  position: relative; }

/* two column template --------------------------------------------*/
.two_col .product-placeholder {
  padding: 0 !important;
  margin: 10px !important;
  position: relative !important;
  float: left !important;
  width: 340px !important;
  min-height: 155px !important; }

.two_col .product-placeholder .shopp-image {
  position: relative;
  float: left; }

.two_col .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 155px !important; }

.two_col .product-placeholder .shopp-content {
  width: 165px !important;
  position: relative;
  padding: 7px;
  float: right; }

.two_col .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.two_col .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* two column  big left small right template --------------------------------------------*/
.two_col_big_small .product-placeholder {
  padding: 0 !important;
  margin: 10px;
  position: relative !important;
  min-width: 200px !important;
  min-height: 300px; }

.two_col_big_small .large-img {
  width: 450px !important;
  position: relative !important;
  float: left !important; }

.two_col_big_small .small-img {
  width: 210px !important;
  position: relative !important;
  float: left !important;
  margin: 0 0 0 30px; }

.two_col_big_small .small-img .specs {
  display: none; }

.two_col_big_small .large-img .product-placeholder {
  width: 450px !important;
  min-height: 300px; }

.two_col_big_small .small-img .product-placeholder {
  min-width: 180px !important;
  min-height: 180px !important;
  padding: 20px !important;
  float: none !important; }

.two_col_big_small .product-placeholder .shopp-image, .two_col_big_small .large-img .product-placeholder .shopp-image {
  overflow: auto; }

.two_col_big_small .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 180px !important; }

.two_col_big_small .large-img .product-placeholder .shopp-image img {
  position: relative;
  top: -100px;
  width: auto !important;
  height: auto !important;
  max-width: 450px !important; }

.two_col_big_small .product-placeholder .shopp-content {
  padding: 15px; }

.two_col_big_small .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.two_col_big_small .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* two column even --------------------------------------------*/
.two_col_even .product-placeholder {
  padding: 0 !important;
  margin: 10px 10px 10px 0px;
  position: relative !important;
  min-width: 200px !important;
  min-height: 300px; }

.two_col_even .large-img {
  width: 320px !important;
  position: relative !important;
  float: left !important;
  margin: 25px 20px 0 0px; }

.two_col_even .small-img {
  width: 280px !important;
  position: relative !important;
  float: right !important;
  margin: 25px 0 0 25px;
  padding: 25px 0 0 25px;
  border-left: 1px solid #222;
  border-top: 1px solid #222;
  top: -25px; }

.two_col_even .large-img .product-placeholder {
  width: 320px !important;
  min-height: 200px; }

.two_col_even .small-img .product-placeholder {
  min-width: 320px !important;
  min-height: 200px !important;
  padding: 20px !important;
  float: none !important; }

.two_col_even .product-placeholder .shopp-image {
  overflow: auto; }

.two_col_even .large-img .product-placeholder .shopp-image {
  overflow: auto; }

.two_col_even .large-img .product-placeholder .shopp-image img {
  position: relative;
  width: auto !important;
  height: auto !important;
  max-width: 320px !important; }

.two_col_even .product-placeholder .shopp-content {
  padding: 15px 0; }

.two_col_even .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.two_col_even .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* two column even no shaddow left --------------------------------------------*/
.two_col_even-noshad-left .product-placeholder {
  padding: 0 !important;
  margin: 10px 10px 10px 0px;
  position: relative !important;
  width: 1% ;
  display: table;
  min-height: 300px; }

.cell-wrap {
  height: auto !important;
  overflow: hidden; }

.two_col_even-noshad-left .large-img {
  width: 320px !important;
  position: relative !important;
  float: left !important;
  margin: 25px 20px 0 0px; }

.two_col_even-noshad-left .small-img {
  width: 280px !important;
  position: relative !important;
  float: right !important;
  margin: 25px 0 0 25px;
  padding: 25px 0 0 25px;
  border-left: 1px solid #222;
  border-top: 1px solid #222;
  top: -25px; }

.two_col_even-noshad-left .large-img .product-placeholder {
  width: 320px !important;
  min-height: 200px; }

.two_col_even-noshad-left .small-img .product-placeholder {
  width: 290px !important;
  min-height: 200px; }

.two_col_even-noshad-left .product-placeholder .shopp-image {
  width: auto; }

.two_col_even-noshad-left .product-placeholder .shopp-image img {
  position: relative;
  width: auto !important;
  height: auto !important;
  max-width: 320px !important; }

.two_col_even-noshad-left .product-placeholder .shopp-content {
  padding: 15px 0; }

.two_col_even-noshad-left .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.two_col_even-noshad-left .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* three column top image template --------------------------------------------*/
.three_col_top .product-placeholder {
  padding: 0 !important;
  margin: 10px !important;
  position: relative !important;
  float: left !important;
  width: 220px !important;
  min-height: 410px !important; }

.three_col_top .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 220px !important; }

.three_col_top .product-placeholder .shopp-content {
  padding: 20px; }

.three_col_top .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.three_col_top .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* three column Small top image template --------------------------------------------*/
.three_col_small_top .product-placeholder {
  padding: 0 !important;
  margin: 10px !important;
  position: relative !important;
  float: left !important;
  width: 220px !important;
  min-height: 240px !important; }

.three_col_small_top .product-placeholder .shopp-image img {
  position: relative;
  width: auto !important;
  height: auto !important;
  max-width: 220px !important; }

.three_col_small_top .product-placeholder .shopp-content {
  padding: 20px; }

.three_col_small_top .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.three_col_small_top .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* big left small right template --------------------------------------------*/
.big-small .product-placeholder {
  padding: 0 !important;
  margin: 10px !important;
  position: relative !important;
  float: left !important;
  min-width: 200px !important;
  min-height: 300px; }

.big-small .product-placeholder:nth-child(odd) {
  width: 475px !important;
  min-height: 300px; }

.big-small .product-placeholder .shopp-image {
  overflow: auto; }

.big-small .product-placeholder:nth-child(odd) .shopp-image {
  width: auto !important;
  height: auto !important;
  max-width: 475px !important;
  overflow: auto; }

.big-small .product-placeholder .shopp-image img {
  width: auto !important;
  height: auto !important;
  max-width: 200px !important; }

.big-small .product-placeholder:nth-child(odd) .shopp-image img {
  position: relative;
  top: -100px;
  width: auto !important;
  height: auto !important;
  max-width: 475px !important; }

.big-small .product-placeholder .shopp-content {
  padding: 7px; }

.big-small .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0078b6 !important; }

.big-small .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

/* one column template --------------------------------------------*/
.onecol .product-placeholder {
  padding: 0 !important;
  margin: 10px 10px 10px 0 !important;
  position: relative !important;
  float: left !important;
  width: 100% !important;
  min-height: 155px !important; }

.onecol .product-placeholder .shopp-image {
  position: relative;
  float: left;
  background: #fff;
  top: -3px !important;
  z-index: 999; }

.onecol .product-placeholder .shopp-content {
  /*width: auto;*/
  width: 225px;
  display: inline-block;
  position: relative;
  padding: 7px 7px 0 7px;
  float: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 0 0 20px; }

.onecol .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.4em;
  text-transform: uppercase;
  color: #1094B6 !important; }

.onecol .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

#content .hero_banner {
  width: 720px !important;
  margin: 0 0 45px 0 !important;
  position: relative;
  top: 16px !important; }

/* one column template with shaddow --------------------------------------------*/
.onecol-shad .product-placeholder {
  padding: 0 !important;
  margin: 10px 10px 10px 0 !important;
  position: relative !important;
  float: left !important;
  width: 720px !important;
  min-height: 155px !important; }

.onecol-shad .product-placeholder .shopp-image {
  position: relative;
  float: left;
  background: #fff;
  z-index: 999;
  margin: 0 10px 0 0; }

.onecol-shad .product-placeholder .shopp-content {
  width: 220px;
  position: relative;
  padding: 7px;
  float: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  min-height: 140px;
  margin: 0 0 0 20px; }

.onecol-shad .product-placeholder h3 {
  margin: 0px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #1094b6 !important; }

.onecol-shad .product-placeholder li {
  list-style: none !important;
  padding: 1px !important;
  font-size: 1.1em !important; }

.shopp-content {
  overflow: hidden; }

.addtocart {
  background: url(images/add_to_favs.png) no-repeat 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  bottom: -20px;
  text-indent: -9999em;
  cursor: pointer;
  border: none;
  opacity: 0; }

.product-placeholder:hover .addtocart {
  right: 5px;
  bottom: 5px;
  opacity: 1; }

#menu-item-6681 a {
  background: #fff; }

.widgettitle {
  text-align: center;
  color: #555;
  font-size: 14px;
  margin-bottom: 6px;
  margin-top: 20px; }
 
.previews::after {
	content: "" !important;
	text-align: center !important;
	z-index:100000000;
	position: relative;
}
.thumbnails li {
	display: none !important;
}
.shopp-image .gallery {
	text-align:center;
}

.mycyan {
	color:cyan;
}


/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */