/* --------------------------------------------------------------
 
   Reset default browser CSS.
   
   Based on work by Eric Meyer:

   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

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,
b, u, i, center,
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;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}

#boxpicnew14 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #000;
text-align:center;
float: left;
margin-left: 5px;
margin-right: 8px;
margin-bottom: 10px;
height: 185px;
width: 150px;
padding-bottom:42px;
}


blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a img { border: none; }

/******** Rebuild ***************************************************************/




/******** Basic elements *************/
h1,h2,h3{
	font-weight:bold;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.25em;
}
h4{
	font-size:1.125em;
}
a{
	text-decoration:none;
	color:inherit;
}
p{
	margin:0px 0px 15px 0px;
}
hr {
    display: block;
    height: 2px;
    margin: 25px 0;
}
input[type="text"],input[type="password"],input[type="email"],textarea{
    padding:0px 5px;
}


/****************** end of RESET *****************/



/******** quick styles ***********/
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.bold {font-weight:bold}
.hidden{display:none !important}
.wrapper:after,
.clearfix:after,
.horz-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.relative{position:relative;}
.horz-list li{
	float:left;
}
.centered{
  text-align:center;
}
.mobile{
          display:none !important;
}
/********** Buttons **************/
.button{cursor:pointer;}
.button-1{
    /*color:#fff;
    background:#68a529;
    border-radius:5px;
    text-align:center;
    transition:.25s;*/
}
.button-1:hover{    
    /*background:#4b7324;*/   
}
.button-2{
    /*color:#fff;
    background:#3EA1CC;
    border-radius:5px;
    text-align:center;
    transition:.25s;
    border: 1px solid #BBBBBB;*/
}
.button-2:hover{    
    /*background:#21617c;*/   
}


/******** Basic element reset *************/
*{
	box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:200;
}
h1{
	
}
h2{
	
}
h3{
	
}
h4{
	
}
a{
	transition:.2s;
	cursor:pointer;
}
a:hover, input[type="submit"]:hover, button:hover{
	text-decoration:none;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}
p{
	
}
hr {
    
}
input:not([type="submit"]), textarea{
	border:1px solid #dcdada;
	padding:5px;
	background:#fbfbfb;
}
input:not([type="submit"]):focus, textarea:focus{
	box-shadow:0px 0px 1px #585aa7;
	background:#fff;
}
input[type="text"],textarea{
    
}
input[type="submit"]{
	background: #03569a; /* Old browsers */
background: -moz-linear-gradient(top,  #03569a 41%, #3c3d6d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#03569a), color-stop(100%,#3c3d6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #03569a 41%,#3c3d6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #03569a 41%,#3c3d6d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #03569a 41%,#3c3d6d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #03569a 41%,#3c3d6d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03569a', endColorstr='#3c3d6d',GradientType=0 ); /* IE6-9 */

	color: #FFF;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	font-size: 1.25em;
}



/************* Major Layout Sections *****************/
html,
body {
	background:#f5f2f2;	
    font-size: 1em;
    line-height: 1.3;
    font-family: 'Roboto',"Trebuchet MS", Calibri, Arial, sans-serif;
	font-weight:400;	
    color:#231f20;
	color:#000000;
}
.wrapper {
	max-width:1000px;
    width: 100%;
    margin: 0px auto;
}
.main-wrapper {
  border-left: 1px solid #D5CECE;
  border-right: 1px solid #D5CECE;
  background: #FFF;
}
.middle {
	padding:30px 0px;	
}
#middle-home{
    padding:0px 10px 20px 10px;
}
.content{
  padding:40px 0px 20px 0px;
}
.collection .content {
  padding:20px 0px 20px 0px;
}
.content-left{	
	float:left;
}
.content-left-wide{	
}
#main{
  padding: 15px 40px 40px 40px;
}

/******************  Header  **************************/
.header{
	position:relative;
}
.header-main{
	padding:20px 0px;
}

.header-logo{
	float:left;
	width:25%;
	min-width:150px;
	margin:20px 0px 0px 40px;
}
.header-logo img{	
	width:100%;
}

.header-col-2{
	float:right;
	width:53%;
	padding:0px 40px 0px 0px;
}
.header-col-3{	
	width:15%;
	text-align:center;
   float:left;
}
.header-col-3 img{	
	width:75%;
	min-width:75px;
}
.header-search form{
	height:45px;
}
.header-search form >*{
	height:100%;
}
.header-search form input{
	float:left;
	width:80%;
	width:calc(100% - 50px);
}
.header-search form button{
	width: 50px;
	background-color: #F44051;
	border: none;
	color: #FFF;
	font-size: 1.125em;

}
.header-phone {
	font-size: 1.75em;
	font-weight: 600;
	margin: 0px 0px 8px 0px;
    float:right;
}
.header-button{
  float:left;
  margin:8px 0px 0px 0px;
}
.header-button a{
    border: 1px solid #cecece;
    padding: 3px 5px;
    font-size: 90%;
  	background:#ffffe1;
}
.header-nav{
	
}
.header-nav ul.menu {
  display: table;
  width: 100%;
  padding: 0px 0px;
  background-color: #EC1D23;
}
.header-nav li{
	display:table-cell
}
.header-nav .sub-nav {
  position: absolute;
  box-shadow: 0px 1px 3px #CECECE;
  z-index: 10000;
  background-color: #FFF;
  visibility:hidden;
  max-width:300px;
  padding:10px;
}
.header-nav .sub-nav li {
  display: block;
}
.header-nav .sub-nav.wide{
  max-width:640px;  
}
.header-nav .sub-nav.wide li {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}
.header-nav .sub-nav.wide li a{
   
}
.header-nav ul.menu>li:hover ul{
  visibility:visible;
}
.header-nav .sub-nav li a {
    color: #707070;
    padding: 6px 20px;
    font-size: 1.1em;
    text-align: left;    
    line-height: 1.1;
    background-color: #fff;
    text-transform: capitalize;
  	border-bottom: 1px dotted #bbb;
}
.header-nav .sub-nav li a:hover{
  	background:#eee;
}
.header-nav li a {
  background: #EC1D23;
  color: #FFF;
  text-align: center;
  padding: 0px 18px;
  display: block;
  text-transform: uppercase;
  font-size: 1.125em;
  border-right: 1px solid #FFF;
  line-height: 40px;
}
.header-nav li:last-child a {
	border:none;
}
.header-bottom{
	padding:10px 0px;
}
.header-features{
	float:left;
	width:90%;
	padding:20px 0px 20px 20px;
}
.header-features li {
	font-size: 1.275em;
	padding:0px 0px 5px 0px;
	color:#8C8888;
}
.header-features li:after {
	content:"-";
	padding:0px 8px;
}
.header-features li:last-child:after {
	content:"";
}
.header-cart {
    position: absolute;
    right: 10px;
    padding: 10px 0px 0px 0px;
}
.header-cart a>*{
  display:inline-block;
  vertical-align:middle;
}
.header-cart a span{
  font-weight:bold;
  font-size:1.5em;
}
.header-nav-trigger {
    display:none;
}
.breadcrumb{  
    padding: 15px 30px;
    font-size: .9em;
    color: #555;
  	text-transform:capitalize
}
.header-offset{
  display:none;
}
.header-login{
    float: right;
    margin: 15px 0px 0px 0px;
}
.header-login a {
  color:#0962A9;
}
/********** banner **************/

.banner{
	background: rgb(253,254,254);
	background: -moz-linear-gradient(top,  rgba(253,254,254,1) 0%, rgba(140,186,223,1) 92%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,254,254,1)), color-stop(92%,rgba(140,186,223,1)));
	background: -webkit-linear-gradient(top,  rgba(253,254,254,1) 0%,rgba(140,186,223,1) 92%);
	background: -o-linear-gradient(top,  rgba(253,254,254,1) 0%,rgba(140,186,223,1) 92%);
	background: -ms-linear-gradient(top,  rgba(253,254,254,1) 0%,rgba(140,186,223,1) 92%);
	background: linear-gradient(to bottom,  rgba(253,254,254,1) 0%,rgba(140,186,223,1) 92%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#8cbadf',GradientType=0 );
	border:1px solid #d8d8d8;	
	padding:20px 0px;
	border-radius:10px;
  	margin:0px 0px 30px 0px
}
.banner li{
	float:left;
	width:25%;
	
	padding:20px;
	text-align:center;
	position:relative;
}
.banner li img{
	max-width:100%;
}
.banner li .image{
	height:245px;
}
.banner li  h3 {
	color: #FFF;
	font-weight: 400;
	font-size: 1.75em;
}
.banner a{
  display:block;
}
.banner a:hover{
  opacity:.7;
}
/************* Home Collections *****************/
.home-collections {
    padding: 30px 0px 35px;
}
.home-collection {
    float: left;
    width: 48%;
    margin: 10px 1%;
    border: 2px solid #cecece;
    text-align: center;
  	position:relative;
    padding-top:16%;
  	overflow:hidden
}
.home-collection .image{
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
}
.home-collection .image img {
    
    width: 100%;
}
.home-collection h2 {
    color: #fff;
    background: #1775bf;
    margin: 0px;
    padding: 5px 0px;
     font-size:1.5em;
    position:relative;
    z-index:100;
}

/************* Featured products (fp) ***********/
.home-services {
	width: 100%;
}
.home-services img {
	width: 100%;
}
.fp h3 {
  font-size: 2.25em;
  margin: 0px 0px 18px 15px;
  font-weight: 400;
  color: #6B6B6C;
}
.fp h3 span{
	display:none;
}
.fp{
	float:left;
	
}
.fp ul{
	float:left;
	width:72%;
}
.popular {
    padding: 20px 40px;
    background-color: #eee;
  	margin:30px 0px 0px 0px;
}
.popular.fp ul, .related-products.fp ul{
   width:100%;
}
.related-products.fp ul li{
    width: 22%;
    margin: 0px 1.5% 15px 1.5%;
}
.grid li.product {
  width: 31%;
  float: left;
  margin: 0px 0px 15px 2%;
  border: 1px solid #DBDAD7;
  padding: 6px;
  background-color: #F5F2F2;
}
.popular.grid li.product {
    background-color: #FFF;
    width: 18%;
    margin-left: 0px;
    margin-right: 10px;
}
.popular.grid .spr-badge-starrating{
  display:block;  
}
.grid.cols4 li.product {
  width: 22%;  
  margin: 0px 4% 15px 0px;  
}
.grid.cols3 li.product {
    width: 32%;
    margin: 0px 2% 15px 0px;
}
.grid.cols4 li.product:nth-of-type(4n),.grid.cols3 li.product:nth-of-type(3n){
  margin-right:0px;
}
.grid li.product h4.title {
	font-size: 1em;
	font-weight: 600;
	color: #454545;
	padding: 0px 0px 5px;
	text-align: center;
  	height:70px;
    display: table-cell;
    vertical-align: middle;
    width:200px;
}
.grid li.product h4.title span{
	display:none;
}
.grid li.product .image {
	overflow: hidden;
	position: relative;
	padding-top: 100%;
	width: 100%;
	border: 1px solid #E2DCDC;
	margin: 0px auto 0px;
	background-color: #FFF;
}
.grid li.product .image img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	display: block;
	margin: auto auto;
	height: 82%;
  	width:auto;
}
.grid li.product .image .price {
  position: absolute;
  bottom: 0px;
  right: 0px;
  /* border-top: 2px solid #6C6C6C; */
  /* border-left: 2px solid #6C6C6C; */
  padding: 2px 5px;
  font-weight: 600;
  line-height: 1.1;
  background-color: #03569A;
  color: #FFF;
}

#home-fp .sidebar-image {
	float: right;
	width: 26%;
	margin: 0px 15px 0px 0px;
}
.sidebar-image img{
	width:100%;
	height:auto
}

/**************** Contact Page ******************/
.contact-form {
    margin: 1em 0;
    width: 45%;
    float: left;
}
.contact-form label {
    width:16%;
    display: inline-block;
    text-align: right;
    padding: 0px 10px 0px 0px;
    vertical-align: top;
}
.contact-form input:not([type="submit"]),.contact-form textarea{
  width:83%;
  width:calc(84% - 10px)
}
.contact-form input[type="submit"]{  
    float: right;
    font-size: 1em;
}
.contact-map {
    border: 0;
    width: 48%;
    float: right;
}
/**************** Cart Page ***************************/
#cart{
    border-bottom: 2px solid #CECECE;
    margin: 40px 0px 20px;
}
#cart th{
  padding:0px 0px 20px 0px;
}
#cart td{
  vertical-align:middle;
  width:17%;
  padding:0px 20px;
}
#cart .prod-title h2{
  font-size:1.125em;
  
}
#cart .prod-price {
    font-size: 1.125em;
    text-align: center;
    /* font-weight: bold; */
    color: #12507D;
}
#cart .prod-qty {    
    text-align: center;
    width:10%;
    
}
#cart .prod-qty input {
    width: 50px;
    text-align: center;
    font-size:1em
}
#cart .prod-total {
    font-size: 1.25em;
    text-align: center;
     font-weight: bold; 
    
}
#cart .prod-remove a {
    border: 1px solid #D1D3D4;
    padding: 3px 5px;
    border-radius: 6px;
    font-style: italic;
}
.cart-summary{
  	float:right;
}
.cart-total{
  	float:right;
  	padding:20px;
  	font-size:2em;
}
.cart-buttons{
  	clear:right;
  	margin:0px 0px 40px 0px;
}
.cart-continue{
    color: #224881;
    text-decoration: underline;
}
.cart-instruct textarea{
  	width:40%;
  	height:100px;
}
.cart-instruct p{
  font-weight:bold;
}
/***************** Search and Results ******************/
#searchresults input[type="submit"]{
    width: 156px;
    font-size: 1em;
    padding: 5px;
}
#searchresults h3{
  color:#0962A9;
  font-weight:normal
}
#searchresults form{
  	padding:0px 0px 30px 0px;
}
.result-image{
  width:11%;
}
.result-image img{
  width:100%;
}
.result-excerpt{
  float:right;
  width:85%;
}
/***************** Promo Page ******************/
.product-promo .header-cart {
    bottom: 10px;
}
.product-promo .promo-collection-img img {
	max-width: 100%;
}
.product-promo .product-right {
	float: none;
  	width: 100%;
}
.product-promo .product-desc img {
	max-width: 100%;
}
.product-promo #product-bullets {
	border-top: none;
}
/*
/*********Blog Post/Page  Content **********************/

#home-content{
	padding:0px 15px;
	line-height:1.4;
}

.post-heading{
	border-bottom: 2px solid #C3D7E2;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

.post-date {
    color: #4A4A4A;
    font-size: 0.875em;
    font-style: italic;
}
.category-title {
    background: #0090be; /* Old browsers */
	background: -moz-linear-gradient(top, #0090be 0%, #0067a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0090be), color-stop(100%,#0067a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0090be 0%,#0067a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0090be 0%,#0067a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0090be 0%,#0067a5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0090be 0%,#0067a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090be', endColorstr='#0067a5',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    box-shadow: 1px 1px 3px #CECECE;
    color: #FFFFFF;
    font-size: 1.625em;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 5px 20px 5px 40px;
}
.excerpt {
    border: 1px solid #EEEEEE;
    display: inline-block;
    margin: 0 0 5px;
    padding: 15px 30px 15px 10px;
    width: 95%;
}
.excerpt.even{
    background: none repeat scroll 0 0 #f4f4f4;    
}
.excerpts div.excerpt:nth-of-type(even){
    background:#fcfcfc;
}

.excerpt h2 {
    color: #0069A6;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0 0 5px;
}
.excerpt h2:hover{
    color:#003a51;
	text-decoration:underline;
}
.excerpt .post-image{
    float:left;
    width:20%
}
.excerpt .post-image img {
    border: 5px solid #ECECEC;
    box-shadow: 1px 1px 2px #999;
    height: auto;
    width: 100%;
}
.excerpt .post-image img:hover {
    border-color: #b9c4ec;
    
}
.excerpt .right{
    float:right;
    width:77%
}
.excerpt .post-content p{
    margin:5px 0px 7px 0px;
}
.excerpt .button {
	box-shadow: 1px 1px 1px #888888;
    float: right;
    font-size: 85%;
    line-height: 1;
    margin: 5px 10px 0 0;
    padding: 5px 10px 8px;
}
.navigation {
	border-bottom: 1px dotted #C0C0C0;
    border-top: 1px dotted #C0C0C0;
    display: inline-block;
    margin: 10px 0 0;
    padding: 10px 0;
    width: 100%;
}
.navigation a{
    color: #F98304;
    font-size: 1.25em;
    font-weight: bold;
    padding: 3px 5px;
}
.navigation .right a{
    margin:0px 40px 0px 0px;
}
.navigation a:hover{
    text-decoration: underline;
}
/********** Sidebar **************/
.sidebar-right{
    float:right;
    width: 250px;
}
.sidebar-widget {
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 1px #DDDDDD;
    margin: 0 0 20px;
	border-radius: 5px 5px 0 0;
}
.sidebar-right-short .sidebar-widget{
	border:none;
	box-shadow:none;
}
.sidebar-widget h3{
    background: #0090be; /* Old browsers */
	background: -moz-linear-gradient(top, #0090be 0%, #0067a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0090be), color-stop(100%,#0067a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0090be 0%,#0067a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0090be 0%,#0067a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0090be 0%,#0067a5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0090be 0%,#0067a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090be', endColorstr='#0067a5',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #01397e;    
    font-size: 1.3125em;
    padding: 7px 0;
    text-align: center;
    color:#fff;
	border-radius: 5px 5px 0 0;
}
.sidebar-widget ul{  
    padding:7px 0px;    
}
.sidebar-widget ul li{
    background:url(images/green-arrow.png) no-repeat 15px 11px transparent;
}

.sidebar-widget ul li a {
    border-bottom: 1px dotted #CECECE;
    display: block;
    line-height: 1.125;
    padding: 7px 15px 7px 30px;
}
.sidebar-widget ul li:hover{
    background-color:#eee;
}
.sidebar-widget ul li:last-child a{    
    border:none;
}
.sidebar-widget #searchform{
	width:80%;
	margin:20px auto;
	text-align:center;
}
.sidebar-widget.widget_search{
	background:#eee;
}
.sidebar-widget #searchform input[type="text"]{
	width:94%;
	display:block;
	margin:10px auto 0px;
	padding:3px 3%;
	border:1px solid #d0d0d0;
}
.sidebar-widget #searchform input[type="submit"]{
	background:#006FAA;
	color:#fff;
	display:inline-block;
	margin:10px auto 0px;
	padding:3px 3%;
	border:1px solid #d0d0d0;
	cursor:pointer;
}
.sidebar-widget #searchform input[type="submit"]:hover{
	background:#00486f;	
}

/************** Footer ************************/

.footer-wrapper {
	width:100%;
	margin:0px auto;
	max-width: 1022px;
	
	
}
.footer-main{
	background: #EEE;
	border: 1px solid #BBB;
	border-top: 2px solid #AAA;
	padding: 20px;
	
}
.footer-bottom{
	position:relative;
    background:url(//cdn.shopifycdn.net/s/files/1/0885/1934/t/2/assets/footer-bottom-bg.png?v=613306291736809546) no-repeat center top transparent;
	background-size:100% 100%;	
  	padding:10px 0px;
}
.footer-credit{
  	float: right;
    margin: 0px 20px 0px 0px;
    font-size: 90%;
    color: #777;
}
.footer-credit a{
  	text-decoration:underline;
}
.footer-bottom .wrapper{	
	
}
.footer .col{
	color:#7b7b7b;
}
.footer .col h3{
	font-size:1.125em;
	font-weight:400;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #7b7b7b;
}
.footer .col a {
	text-decoration:underline;
}
.footer .col:first-child{
	width:25%;
	float:left;
}
.footer .col:last-child{
  width: 75%;
  float: right;
  padding-left: 40px;
}
.footer .col:last-child ul{
	float:left;
	width:33%;
}

.triangle {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #3f3f3f;
	position:absolute;
	top:-1px;
}
.tri-left{
	transform: rotateZ(45deg);
	left:0px
}
.tri-right{
	transform: rotateZ(-45deg);
	right:0px
}


/* ==========================================================================
  10. Product and collection pages.
  ========================================================================== */

.product-photos{
    float:left;
    width:45%;
}

.product-photo-container {
   	text-align:center;
}
.product-photo-container img {
    max-width:100%;
    height: auto;   
    padding: 0px;
}
.product-photo-thumb {
    float: left;
    width: 20%;
    margin: 0px 10px 0px 0px;
    border: 2px solid #CECECE;
}
.product-photo-thumb:hover{
  box-shadow:0px 0px 3px blue;
}
.product-photo-thumbs{
    margin:15px 0px 0px 0px;
}
.product-photo-thumb img{  
    width:100%;
}
#product-bullets{
    border-top: 1px solid #CECECE;
    padding: 20px 0px;
    word-wrap: break-word;
}
#product-bullets ul{
    list-style-type:disc;
    margin:0px 0px 15px 25px;
}
#product-bullets li{
  	padding:2px;
    font-size:1em;
}
#product-bullets iframe{
    max-width:100%;
}
.product-weight{
    font-weight: bold;
    font-size: 110%;
    font-style: italic;
}
.product-sku{
  	font-style:italic;  	
}
#product-sku-top{
  float:right;
}
.product-right{ 
    width: 54%;
    float: right;
}
#product-desc-lower{
  	clear:both;
  	padding:20px 4% 30px;
}
#product-price{
    margin: 0px 0px 20px 0px;
    color:#1773BD;
    font-size:2em;
}
#product-price .no-price{
  	font-size:.7em;
}
a.product-phone {

    color: #CD5C5C;
}
span.product-contact {

}
span.product-contact a{
    color: #CD5C5C;
}
#product-variants{
    margin: 0px 0px 20px 0px;   
    font-size:1.5em;
    display:inline-block;
}
#product-variants label{
    margin: 0px 10px 0px 0px;  
}
#product-variants select{
    min-width:100px;   
    font-size:.8em;
    max-width: 400px;
}


.product-desc table{
  	width:100%;
}
#product-add {
    text-align: center;
    margin: 25px 7% 25px 0px;
  	display:inline-block;
}
#product h1{
    margin-bottom: 20px;
    color: rgb(68, 68, 68);
    font-weight: 400;
}
input[type="submit"].button-add{
    background: linear-gradient(to bottom, #03569A 41%, #3C3D6D 100%) repeat scroll 0% 0% transparent;
    color: #FFF;
    padding: 5px 15px;
    border: medium none;
    border-radius: 5px;
    font-size: 0.875em;
    margin: 5px 0px;
    font-weight: bold;
}

/***************** Collections pages ***************/

.collection{
  
}
.collection h1{
  text-transform:capitalize;
}
.collection-title img{
  padding-top:30px;
}

.collection .description, .collection .col-tag-links {
    padding: 0px 0px 40px;
    font-size: 110%;
    color: #626060;
}
.col-tag-links li {
    float: left;
    list-style-type: none;
    padding: 0px 10px 0px 0px;
    margin: 0px 10px 7px 0px;
    border-right: 2px solid #B8C7E6;
    line-height: 1.1;
  	text-transform: capitalize;
}
.col-tag-links li:last-child{
  	border:none;
}
.subcol{
  	padding: 0px 0px 20px;
	border-bottom:1px dotted #cecece ;
	margin: 0px 0px 10px 0px;
}
h2, .subcol h2,
.vendor-links h2,
.related-products h3{
    font-size: 1.75em;
    margin: 0px 0px 10px 0px;
    font-weight: 400;
    color: #0962A9;
  	text-transform: uppercase;
}
.vendor-links{  	
   margin:0px 0px 30px 0px; 
}
.vendor-links h2{
  	
}
.vendor-links ul{
    padding:10px 20px;
    border: 3px double #cecece;
  	text-align:center;
}
.vendor-links li {
    padding: 10px 20px;
    display: inline-block;
    font-size: 18px;
    color: #555;
}
.vendor-links li h3 {
    font-weight:400;
}
.vendor-links img{
 	max-width:90%;
}
.subcols-right .subcols{
  	float:right;
  	width:60%;
}

.collection .subcols .view-more{  
    float: right;
    color: #EC1D23;
    font-weight: bold;  
}
.errors {
    color: #0962A9;
    margin: 0px 0px 10px 0px;
  	font-style:italic;
}


/************* Account Stuff ************/
.account form{
  width:40%;
  margin:35px 0px;
  min-width:300px;
}
.account form label, #account form input{
	display:block;
}
.account form input{
  width:100%;
  margin:0px 0px 10px 0px;
}
.account form input[type='submit'] {
    width:auto;
    margin: 10px 0px;
}
.account form a {
  color: #0962a9;
}
/* Quickly hiding default variant drop-down when JavaScript is enabled */
/ 
.js #product-select { display: none; }

/* Product option wrapper. */
.selector-wrapper {
  @extend .paragraph-margins;
}

.sort-by {
  margin-top: .25rem;
}

@media (max-width: $breakpoint-small-screen) {
  .sort-by {
    float: none;
    margin-bottom: $gutter;
  }
}

.prod-caption {
  margin: $gutter/6 0;
}



@media (max-width: $breakpoint-small-screen) {
  .two-per-row.product-photo-thumb {
    width: 50% !important;
    float: left !important;
  }  
}



/*************************************************************************************************************/
/*                                       Smaller Widths                                                      */
/*************************************************************************************************************/


/************ Tablets and Mobile ******************/
@media only screen
    and (max-width: 1024px){
        body{
            
        }
      .header-col-2 {   
    		width: 50%;
      }
      .header-nav li a {
        	font-size:1em;
      }
      .home-collection h2{
        font-size:1.25em;
      }
      .header-nav .sub-nav.wide {
          max-width: none;
      }
      .header-nav .sub-nav.wide li{
         width:32%;
      }
      
       
}

/****** Tablets and below  **********/
@media only screen
    and (max-width: 900px){
        
}
/*********** Tablets Only ******/

@media only screen
    and (min-width: 768px)
    and (max-width: 1024px){
    
   
}
/******** Smaller Tablet only **********/
@media only screen
    and (min-width: 768px)
    and (max-width: 900px){
}
/**************** Mobile Sizes **********/

@media only screen
	and (max-width: 767px){
		
      .mobile{
          display:block !important;
      }
      .desktop{
          display:none !important;
      }
      .header {
          position: static;
          width: 100%;
          top: 0px;
          background: #fff;
          z-index: 1000;
      }
      .header-offset{
        display:none;
      }
      .header-logo{
          float:none;
          min-width:150px;
          margin:0px auto;
       }
      .header-logo img{
        
      }
       .header-col-2 {   
         width: 100%;
         margin:30px 0px 0px 0px;
         padding: 0px;
       }
      .header-button,.header-phone{
          float: none;
          margin: 0px 0px 10px 0px;
          text-align: center;
      }
      .header-phone{          
          font-size:1.25em
      }
      .header-col-3{
        display:none;
      }
      .header-nav-trigger {
        display:block;
        position: absolute;
        left: 25px;
        top: 40px;
        font-size:2em;
      }
      .header-search {
          width: 44%;
          float: right;
      }
      .header-main{
       	  padding:15px;
      }
      .header-search form {
          height: 33px;
      }
      .header-nav.mobile {
          position: fixed;
          width: 100%;
          z-index: 1000;
          left: -100%;
          top: 0;
      }
      .header-nav li {
          display: block;
      }
      .header-nav li a{
     	 border-bottom: 1px solid #FB6E6E;
      }
      
      .header-nav .sub-nav li a{
          text-align:center
      }
      .header-nav .sub-nav {
        	position:static;
        	visibility:visible;
        	display:none;
        	max-width:none;        	
      }
      .header-nav .sub-nav.wide li{
         width:48%;
      }
      .header-cart {
          top:10px;
      }
      
      .header-cart a>*{
        display:block;
        vertical-align:middle;
      }
      .header-cart a img{
        margin:0px auto;
        width:12%;
        min-width:40px;
      }
      .header-cart a span{
        
        font-size:1.25em;
      }
      .home-collection h2{
        font-size:1em;
      }
      #main {
          padding: 10px;
      }
      .header-features li {
    	font-size: 1em;
      }
      .banner li h3 {          
          font-size: 1.5em;
      }
      .banner li{
          width:50%;
      }
      .banner li .image{
        height:200px;
      }
      
      .grid.cols4 li.product {
          width: 44%;
          margin: 0px 4% 15px 0px;
      }
      .footer .col:last-child {
          width: auto;
          float: none;
          padding-left: 0px;
          clear: both;
      }
      .footer .col:last-child ul {          
          width: 50%;
      }
      .footer .col:last-child li{
        margin:0px 0px 10px 0px
      }
      .footer .col:first-child {
          width: 100%;
          float: none;
      }
      .footer .col:first-child li {
          margin:0px 10px 10px 0px;
          float: left;
      }
      .product-photos {
          float: none;
          width: auto;
      }
      .product-right {
          width: auto;
          float: none;
      }
      #cart tr{
        display:block;
        padding:10px 0px 10px 0px;
        border-bottom:1px solid #cecece;
      }
      #cart td {
          vertical-align: middle;
          width: 100% !important;
          display: inline-block;
          text-align:center;
      }
      #cart th{
        display:none;
      }
      .cart-total {
        float: none;
        padding: 0px 0px 10px 0px;
        font-size: 2em;
      }
      .cart-instruct{
          clear:both;
      }
      .cart-instruct textarea {
          width: 100%;
          height: 100px;
      }
      .cart-buttons{
        float:none;
      }
      .cart-buttons>* {
          margin: 0px 0px 5px 0px;
          display: inline-block;
      }
      .grid.cols4 li.product:nth-of-type(4n), .grid.cols3 li.product:nth-of-type(3n){
        	margin-right:auto;
      }
      .contact-form input:not([type="submit"]),.contact-form textarea{
        	width:100%;        
      }
      .contact-form, .contact-map{
        float:none;
        width:100%;
      }
      .contact-form label {
        width: auto;
        display: block;
        text-align: left;
      }

      
        
               
}

/************** MediumLarge Mobile ************/
@media only screen
    and (max-width: 650px){ 
      
      h1{
        font-size:1.5em;
      }
      
      .header-search,.header-phone{
        float:none;
        width:auto;
        text-align:center;
      }
      .header-logo{
        margin:0px auto;
      }
      .header-search form{
        width:70%;
        margin:0px auto;
      }	
      .result-image {
          width: 22%;
          margin: 0px auto;
          float: none;
      }
      #searchresults h3{
        text-align:center;
      }

}
/************** Medium Mobile ************/
@media only screen
    and (max-width: 500px){ 
      .grid.cols4 li.product {
          width: 75%;
          margin: 0px auto 10px;
          float:none;
      }
      .home-collection {    
          width: 100%;
          padding-top:33%;
      }
      
    
}
/************** Smallest Mobile ************/
@media only screen
    and (max-width: 500px){ 
      
     .header-cart {
    	top: 29px;
        right: 0px;       
     }
      
     .header-cart a span{
        display:none;
     }
      .header-nav-trigger {

          left: 15px;
          top: 44px;
      }
      .header-nav .sub-nav.wide li {
        display: block;
        width:100%; 
      }
}