@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------------------------------- */
/* CFWebstore
----------------------------------------------------------------------
 
  Template: 6.60
  URL: http://cfwebstore.com/
  
*/


/* ------------------------------------------------------------------- */
/* Foundation Framework
---------------------------------------------------------------------- 
   
   All the site defaults are set in css/foundation/foundation.min.css. 
   This document alters or adds to that base CSS. Don't modify foundation.min.css
   so it can be easily updated in the future.
   
   It uses the full Foundation download except for:
   Progress Bars
   Tables
   Pricing Tables
   
   
----------------------------------------- */

/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */


@import url("foundation/normalize.css");			/* normalize all browsers */	
@import url("foundation/foundation.css");		/* Foundation Base CSS, don't edit */	
/*@import url("foundation/foundation.min.css");		/* Foundation Base CSS, don't edit */	
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");	/* fontawsome icons */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800");
@import url("calendar.css");	/* popup calendar */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('fonts/FontName.eot');
	    src: url('fonts/FontName.eot?iefix') format('eot'),
	         url('fonts/FontName.woff') format('woff'),
	         url('fonts/FontName.ttf') format('truetype'),
	         url('fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/*  Even better is to include from Google Fonts */
/*  @import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);*/





/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

1. Site Defaults
2. Header
2. Navigation
3. Home Page
4. Category
5. Product
6. Blog
7. Features
8. Page
9. Shopping Cart
10. Wishlist
11. Footer
12. Buttons
13. Misc
14. Media Queries

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



/* ------------------------------------------------------------------- */
/* SITE DEFAULTS
---------------------------------------------------------------------- */

body {
 /* background: #efefef;*/
  color: #222222;
 /* line-height:1.4em;*/
 /* font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  }
  
html, body { font-size: 14px; } /* if you change the default font-size, then you'll need to adjust the row max-width below. Use http://pxtoem.com/ to figure your row width.
16px = max-width: 62.5em; = 1000px
14px = max-width: 68.571; = 1000px
12px = max-width: 83.333em; = 1000px
 */

.row { /* width of website - sets the em size for row width */
	max-width: 71em;
	} 
    
/* Boxed Layout Style */
	body.boxed {
		margin: 0 auto;
		background: #e9e9e9;
	}    

	#wrapper {
		padding: 0;
		background-color: #fff;
	}
	
/* #Base (1180 Grid)
================================================== */

body.boxed,
        .fullwidth-element                          { width: 1020px; }
        .fullwidth .parallax-content                { width: 940px; }
        .fullwidth .fullwidth-element.home-slider   { width: 940px; }

/*    body.boxed,
    .fullwidth-element { width: 1290px; }
    .fullwidth .parallax-content { width: 1180px; }
   
   .fullwidth .fullwidth-element.home-slider { width: 100% }
    
    @media only screen and (min-width: 1290px) and (max-width: 1390px) {
        body.boxed,
        .fullwidth-element,
        .fullwidth-element img                  { width: 100% }
    }
    */


/* #Dekstop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1389px) {        
        body.boxed,
        .fullwidth-element                          { width: 1020px; }
        .fullwidth .parallax-content                { width: 940px; }
        .fullwidth .fullwidth-element.home-slider   { width: 940px; }


    }
    
    @media only screen and (min-width: 769px) and (max-width: 1040px) {
        body.boxed,
        .fullwidth-element                          { width: 100%; }
    }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 990px) {
        body.boxed,
        .fullwidth-element                          { width: 96% }
        .fullwidth .parallax-content                { width: 748px; }
        .fullwidth .fullwidth-element.home-slider   { width: 100% }

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {       
        body.boxed,
        .fullwidth-element,
        .fullwidth .fullwidth-element.home-slider { width: 100% }

        .fullwidth .parallax-content     { width: 300px; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        body.boxed,
        .fullwidth-element,
        .fullwidth .fullwidth-element.home-slider { width: 100% }

        .fullwidth .parallax-content   { width: 420px; }

    }


/* off canvas */
.off_canvas_wrapper {
	background:white;
	}




/* wrapper holds everything but the footer. Not used on all lay_ templates */
/*.wrapper {
	background:white;
	padding:0 15px;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.2);
	}*/

/* Prefer a fixed width grid? use container with or without wrapper */
/*@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*/


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
 /* font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  font-style: normal;
  color: #222222;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }

h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.0rem; }
h6 { font-size: 1.0rem; }

p { margin: 0 0 15px 0; line-height: 24px;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: 600; }
small { font-size: 80%; }


/* #Links
================================================== */
a, a:visited {
  color-dep: #2ba6cb;
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: color 0.2s ease-in-out; 
  -moz-transition: color 0.2s ease-in-out; 
  -o-transition: color 0.2s ease-in-out; 
  -transition: color 0.2s ease-in-out; } 
 /* a:hover, a:focus {
    color: #2795b6; }
*/

/* #Lists
================================================== */
ul, ol, dl { font-size: 1em; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {}
ul ul li, ul ol li,
ol ol li, ol ul li {}
li { }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }



.alert-box {
  font-size: 1.25em;
   }

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/* Prevent a line from wrapping to multiple line. Generally used in a table. */
.nowrap {
	white-space:nowrap;
	}

/* URLs and email addresses are one long word and can push outside their own area. Word-break allows the browser to break the word and wrap it like regular text. Different browsers may break the word in different places. */
.word-break {
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	}


article, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, figcaption, figure {
	display: block; }

.body_content {padding-bottom:40px}

/* ------------------------------------------------------------------- */
/* HEADER
---------------------------------------------------------------------- */
#dtop-bar {
	background: #f5f5f5;
	color: #909090;
	padding: 0px 0;
}

ul.dtop-bar-menu {
	margin:0;
	margin: 5px 0;
	}

ul.dtop-bar-menu li {
	font-size: 13px;
	display: inline;
	margin: 0 20px 0 0;
}

ul.dtop-bar-menu li a {
	color: #909090;
}

ul.dtop-bar-menu li i {
	color: #c2c2c2;
	margin: 0 5px 0 0;
}


/* Logo
------------------------------------- */
.imglogo {
	float: left;
	}

#textlogo { margin-top: 34px; }

@media only screen and (max-width: 479px) {	
	.imglogo { 
	 margin-left:auto; margin-right:auto;
	 float: none;
	}
	#textlogo { margin-top: 0; }
	}


/* Social Icons
------------------------------------- */
ul.social-icons {margin:0}

.social-icons li {
	display: inline;
	float: left;
	margin-right: 4px;
}

.social-icons li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f5f5f5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}

/* Header Icon Styles */
#dtop-bar .social-icons {
	float: right;
}

#dtop-bar .social-icons li {
	margin: 0 0 -4px 0;
	padding: 0;
	float: left;
}

#dtop-bar .social-icons li a {
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
}

#dtop-bar .social-icons li a:before,
#dtop-bar .social-icons li a i {
	font-size: 14px;
}

#dtop-bar .social-icons li .twitter:before,
#dtop-bar .social-icons li .twitter i:before { font-size: 12px; }


/* Common Styles */
.social-icons li a i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
	color: #fff;
}

.social-icons li a i {
	top: -30px;
	opacity:0;
}

.the-team-social.social-icons li a i,
.social-icons li a:hover i {
	top: 0;
	opacity: 1;
}

.twitter:before,
.facebook:before,
.linkedin:before,
.instagram:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.vimeo:before,
.rss:before,
.youtube:before {
	font-family: "FontAwesome";
	font-size: 16px;
	line-height: 16px;
	color: #aaa;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	position: absolute;
	z-index: 20;
}

.the-team a:before { display: none; }
#dtop-bar .social-icons a:before { color: #c0c0c0; }

/* Icon Styles */
.twitter:before {font-size: 14px;}
.icon-twitter {font-size: 14px !important;}
.twitter i, .twitter:before { margin: 13px 0 0 12px; }
#dtop-bar .twitter i, #dtop-bar .twitter:before { margin: 10px 0 0 11px; }
.twitter:before { content: "\f099"; top: 0; opacity:1; }
.twitter:hover:before { top: 30px; opacity: 0; }
.twitter:hover { background-color: #3bc1ed; }
.the-team .twitter { background-color: #3bc1ed; }

.facebook i, .facebook:before { margin: 13px 0 0 16px; }
#dtop-bar .facebook i, #dtop-bar .facebook:before { margin: 11px 0 0 14px; }
.facebook:before { content: "\f09a"; top: 0; opacity:1; }
.facebook:hover:before { top: 30px; opacity: 0; }
.facebook:hover { background-color: #4a6d9d; }
.the-team .facebook { background-color: #4a6d9d; }

.linkedin i, .linkedin:before { margin: 13px 0 0 13px; }
#dtop-bar .linkedin i, #dtop-bar .linkedin:before { margin: 11px 0 0 11px; }
.linkedin:before { content: "\f0e1"; top: 0; opacity:1; }
.linkedin:hover:before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: #0b7bb5; }
.the-team .linkedin { background-color: #0b7bb5; }

.gplus i, .gplus:before { margin: 13px 0 0 13px; }
#dtop-bar .gplus i, #dtop-bar .gplus:before { margin: 11px 0 0 11px; }
.gplus:before { content: "\f0d5"; top: 0; opacity:1; }
.gplus:hover:before { top: 30px; opacity: 0; }
.gplus:hover { background-color: #d53824; }
.the-team .gplus { background-color: #d53824; }

.pinterest i, .pinterest:before { margin: 13px 0 0 15px; }
#dtop-bar .pinterest i, #dtop-bar .pinterest:before { margin: 11px 0 0 13px; }
.pinterest:before { content: "\f231"; top: 0; opacity:1; }
.pinterest:hover:before { top: 30px; opacity: 0; }
.pinterest:hover { background-color: #cb1f25; }
.the-team .pinterest { background-color: #cb1f25; }

.flickr i, .flickr:before { margin: 13px 0 0 13px; }
#dtop-bar .flickr i, #dtop-bar .flickr:before { margin: 11px 0 0 11px; }
.flickr:before { content: "\f16e"; top: 0; opacity:1; }
.flickr:hover:before { top: 30px; opacity: 0; }
.flickr:hover { background-color: #136dd5; }
.the-team .flickr { background-color: #136dd5; }

.rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; }
#dtop-bar .rss i, #dtop-bar .rss:before { margin: 11px 0 0 12px; font-size: 12px !important; }
.rss:before { content: "\f09e"; top: 0; opacity:1; }
.rss:hover:before { top: 30px; opacity: 0; }
.rss:hover { background-color: #fe8f00; }
.the-team .rss { background-color: #fe8f00; }

.youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; }
#dtop-bar .youtube i, #dtop-bar .youtube:before { margin: 10px 0 0 12px; font-size: 16px !important; }
.youtube:before { content: "\f167"; top: 0; opacity:1; }
.youtube:hover:before { top: 30px; opacity: 0; }
.youtube:hover { background-color: #bf2f29; }
.the-team .youtube { background-color: #bf2f29; }

.vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; }
#dtop-bar .vimeo i, #dtop-bar .vimeo:before { margin: 11px 0 0 11px; font-size: 12px !important; }
.vimeo:before { content: "\f194"; top: 0; opacity:1; }
.vimeo:hover:before { top: 30px; opacity: 0; }
.vimeo:hover { background-color: #4c8ab0; }
.the-team .vimeo { background-color: #4c8ab0; }

.instagram i, .instagram:before { margin: 13px 0 0 14px; }
#dtop-bar .instagram i, #dtop-bar .instagram:before { margin: 11px 0 0 12px; }
.instagram:before { content: "\f16d"; top: 0; opacity:1; }
.instagram:hover:before { top: 30px; opacity: 0; }
.instagram:hover { background-color: #3f6f94; }
.the-team .instagram { background-color: #3f6f94; }

.social-icons li i {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 16px;
	font-size: 16px;
	width: auto;
}


/* Additional Menu
------------------------------------- */
#additional-menu {
	display: block;
	float: right;
	margin: 18px 0 20px 0;
}

#additional-menu ul li {
	display: inline;
	padding: 0 11px;
	float: left;
}

#additional-menu ul li:first-child { background: none; }
#additional-menu ul li:last-child { padding-right: 0; }

#additional-menu ul li a {
	font-size: 13px;
	color: #999;
}

#additional-menu ul li a span { color: #bbb; }

#additional-menu ul li a:hover,
#additional-menu ul li a:hover span { color: #808080; }


/* Search
------------------------------------- */
.top-search {
	float: right;
	display: block;
	margin: 0;
}

.top-search input,
.apply-coupon input {
	font-size: 13px;
	width: 192px;
	padding: 10px 13px 10px 13px;
	float: left;
	height:40px;
	border-radius:0;
}

.apply-coupon input {
	background-color: #fff;
	display: inline-block;
	float: left;
	margin: 0;
	border: 0;
}

.apply-coupon input:focus {
	background-color: #fff;
	margin: 0;
	border: 0;
}

.top-search button {
	background: #c0c0c0;
	border: none;
	cursor: pointer;
	color: #fff;
	float: right;
	width: 40px;
	height: 40px;
	display: inline;
	padding: 0;
	border: none;
	position: relative;
	margin-left:-2px;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.apply-coupon a {
	display: block;
	float: left;
}

.top-search button:hover { background-color: #808080; }

.top-search button i {
	top: 0;
	left: 0;
	position: relative;
	display: block;
	z-index: 20;
}


/* Cart
------------------------------------- */
#cart {
	float: right;
	display: block;
	margin: 0 0 0 15px;
	position: relative;
	z-index: 100;
}

#cart a { color: #fff; }


.cart-list {
	position: absolute;
	right: 0;
	margin-top: 50px;
	background: #f5f5f5;
	z-index: 9999;
	display: none;
	width: 260px;
}

.cart-list.active {
	display: block;
	opacity: 1;
	visibility: visible;
}


/* Drop Down Cart Button */
.cart-btn a.button {
	padding: 12px 14px 8px 52px;
	height:40px;
	float: left;
	font-weight: 600;
	font-size: 14px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cart-btn a.button.adc:before {
	content: "\f07a";
	position: absolute;
	font-family: "FontAwesome";
	padding: 14px 15px 7px 12px;
	height: 100%;
	background: rgba(0,0,0,0.06);
	top:0;
	left:0;
	font-size: 13px;
}

.cart-btn a.button.hovered,
.cart-btn a.button:hover { background-color: #606060; }



/* Cart List */
#cart ul { padding: 16px; }

#cart ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 13px 0;
	display: block;
	overflow:hidden;
}

#cart ul li:last-child {
	border-bottom: none;
	padding: 13px 0 0 0;
}

#cart ul li:first-child {
	padding: 0 0 13px 0;
}

#cart ul li a {
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: 600;
}

#cart ul li span {
	display: block;
	float: none;
	padding: 0;
	font-size: 13px;
	color: #a0a0a0;
	line-height: 18px;
}

#cart ul li a img {
	display: inline-block;
	float: left;
	padding: 0;
	width: 55px;
	height: auto;
	margin: 0 15px 0 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.cart-amount {
	padding: 9px 0;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #eee;
}

.cart-list .arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #eee;
	position: absolute;
	top: -5px;
	left: 230px;
}

.cart-amount span {
	padding: 0 16px;
	color: #909090;
}

.cart-buttons {
	border-top: 1px solid #e5e5e5;
	padding: 15px 16px 10px 16px;
}

.cart-buttons a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 7px 0px;
	margin: 0 0 5px 0;
	background-color: #808080;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
}

.cart-buttons a.view-cart { background: #c0c0c0; }
.cart-buttons a.checkout { background-color: #66A4CB; }

.cart-buttons a.view-cart:before,
.cart-buttons a.checkout:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: none;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.cart-buttons a.view-cart:hover:before,
.cart-buttons a.checkout:hover:before  { background-color: #606060; }

.cart-buttons a span {
	position: relative;
	z-index: 200;
	color:#fff;
}

.cart-buttons.button{
	display:block;
	background-color:transparent;
}


/* If no image logo, then text logo */
#siteName {
	font-size: 24px;
	line-height: 35px;
	margin-left: 5px;
}

.storewideDiscount {
	font-size: 14px;
	color: #CC0000;
}

#basketStats {}



/* Search Field ================================ */
::-webkit-input-placeholder { color:#a9a9a9; }
::-moz-placeholder { color:#a9a9a9; } /* firefox 19+ */
:-ms-input-placeholder { color:#a9a9a9; } /* ie */
input:-moz-placeholder { color:#a9a9a9; }

form.searchbox {position:relative}
form.searchbox.glass input[type="text"] {border-radius:3px; line-height:2em; height:36px; font-size:0.95em}
form.searchbox.glass input[type="submit"] {
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
	background: #2ba6cb url(../images/icons/search-2.png) center center no-repeat;
	width: 36px;
	height: 36px;
	cursor: pointer;
	border:0;
	z-index: 100;
	box-shadow: none;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
form.searchbox.glass input[type="submit"]:hover {
	background-color:#2285a2;
	-webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
	}	
	
/* rounded */
form.searchbox.rounded input[type="text"] {
	border-radius:1000px;
	padding-left:20px;
	}

form.searchbox.rounded input[type="submit"] {
	position: absolute;
	padding: 0;
	top: 2px;
	right: 3px;
	background: white url(../images/icons/search.png) center center no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
	border:0;
	z-index: 100;
	box-shadow: none;
	border-radius:1000px;
	}	
	
/* with words */
form.searchbox.text-button input[type="text"] {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	}
form.searchbox.text-button input[type="submit"].postfix {
	color:white;
	background-color:#2ba6cb;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
form.searchbox.text-button input[type="submit"].postfix:hover {
	background-color:#2285a2;
	-webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
	}	


/* ------------------------------------------------------------------- */
/* NAVIGATION
---------------------------------------------------------------------- */



/* HORIZONTAL NAVIGATION

Default dynamic menus are controlled in foundation/Foundation.css. The colors can be found in colors/. 
---------------------------------------------------------------------- */

#horizontal_navigation {background:transparent}

/* Default Foundation 5 menus: these colors effect the basic menu. You may need to make additional changes depending on how you use them. Refer to the main Foundation.css for complete CSS. */

/* top row styling */
.top-bar-section li:not(.has-form) a:not(.button) {
      font-size:1rem; /* top row font size */
	  /*font-weight:bold; */
	   }

i.fa-home {font-size:1.20em; vertical-align:middle}

a.no-drop {cursor:no-drop}

/* default colors */
.top-bar, .top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #606060 !important;
}
.top-bar-section li:not(.has-form) a:hover {
	background-color: #2ba6cb !important;
}


/* this adds a pause to the appearance of the drop menus */
	@media only screen and (min-width: 40.063em) {
		.top-bar-section ul li.has-dropdown .dropdown {
				display:block;
				visibility: hidden;
				opacity: 0;
				-webkit-transition: all 0.3s ease;
				  -moz-transition: all 0.3s ease;
				  -ms-transition: all 0.3s ease;
				  -o-transition: all 0.3s ease;
				  transition: all 0.3s ease;
		}
		.top-bar-section ul li.has-dropdown:hover > .dropdown {
			visibility: visible;
			opacity: 1;
			
		}
	
	}







/* Side Menus 
------------------------------------- */
.sidemenu1 {}
.sidemenu1 a {
	display:block;
	padding:5px;
	border-bottom:1px solid whitesmoke;
	}
	.sidemenu1 a:hover {background:#efefef}


/* side menu 2 */
div.sidemenu2 {
	border:1px solid #cbcbcb;
	border-bottom:0;
	}

.sidemenu2 ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
text-align:left;
}
 
.sidemenu2 ul li{
position: relative;
}

/* Top level menu links style */
.sidemenu2 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #444;
text-decoration: none;
line-height:28px;
padding-left:10px;
border-bottom: 1px solid #cbcbcb;
}

.sidemenu2 ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: transparent; /*background of tabs (default state)*/
}

.sidemenu2 ul li a:active{
background-color: #e4eeea;
}

.sidemenu2 ul li a:hover{
background-color: #e4eeea;
}

/*Sub level menu items */
.sidemenu2 ul li ul {
background:#f1f7f5;
font-size:12px;
}

.sidemenu2 ul li ul a {
padding-left:20px;
}

.sidemenu2 a.subfolderstyle{
background:url(sub_arrow.gif) no-repeat 97% 50%;
}





/* Category Jump Menu - firs style form, then select box */
#categorySelect {
	text-align: right;
}
#categorySelect select {
	width: 140px;
	FONT-SIZE: 0.95em;
	color: purple;
}

/* ------------------------------------------------------------------- */
/* HOME PAGE
---------------------------------------------------------------------- */

/* Hover Image Captions
------------------------------------- */
a.img-caption {
	margin: 0;
	display: block;
}

.img-caption img {
	position: relative;
}

.img-caption figure {
	/*box-sizing: content-box;*/
	overflow: hidden;
	position: relative;
}

.img-caption figcaption {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	/*box-sizing: content-box;*/
	padding: 12px 25px 14px 25px;
	bottom: 0;
	display: block;
	width: 100%;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.img-caption:hover figcaption {
	background: #2ba6cb;
}

.img-caption figcaption h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.img-caption figcaption span {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	display: block;
	position: relative;
	opacity: 0;
	max-height: 0;
	padding: 0;
	width:80%;
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	-o-transition:max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
}

.img-caption:hover figcaption span {
	max-height: 75px;
	opacity: 1;
	padding: 0 0 4px 0;
}




/* ShowBiz Product Styles
------------------------------------- */
#putvertical { text-align:center }
		
.product section {
	padding: 18px 0 17px 0;
	text-align: center;
	background-color: #f6f6f6;
}

.product section h5 { color: #707070; }

/*.product-button {
	width: 100%;
	top: auto;
	bottom: 0;
	background: rgba(0, 0, 0, 0.45);
	position: absolute;
	z-index: 10;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s;
	transition: transform 0.3s, opacity 0.1s 0.3s;
}

a.product-button {
	color: #fff;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px 0;
}

a.product-button i {
	margin-right: 4px;
	top: -1px;
	position: relative;
}

.product:hover .product-button {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s, background 0.25s;
	-moz-transition: -moz-transform 0.3s, opacity 0.1s, background 0.25s;
	transition: transform 0.3s, opacity 0.1s, background 0.25s;
}

.product-button:hover {
	background: rgba(0, 0, 0, 0.65);
}*/

/*.product-category {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #aaa;
}
*/
.product-price,
.product-price-discount {
	font-size: 16px;
	font-weight: 700;
	color: #606060;
	padding: 1px 0 5px 0;
	display: block;
}

.product-price-discount {
	color: #888;
	text-decoration: line-through;
	padding: 0;
}

.product-price-discount i {
	color: #666;
	text-decoration: none;
	display: inline-block;
	background-color: #ffecb7;
	padding: 3px 5px;
	margin: -1px 0 1px 4px;
}

/*.product-discount {
	background-color: #808080;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 9px;
	display: inline-block;
	position: absolute;
	color: #fff;
	z-index: 99;
	top: 0;
	right: 0;
}
*/

/* Headline
------------------------------------- */
.headline {
	font-size: 20px;
	background-color: #fff;
	padding-right: 10px;
	z-index: 5;
	position: relative;
	float: left;
	text-transform: uppercase;
}

.line {
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	float: left;
	height: 1px;
	display: inline-block;
	margin: -22px 0 32px 0;
}


/* Blog List
------------------------------------- */
.the-team-content,
.from-the-blog-content {
	background-color: #f8f8f8;
	padding: 25px 30px;
	margin: 0;
}

.the-team-content h5,
.from-the-blog-content a h5 {
	font-weight: 700;
	line-height: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 0 3px 0;
}

.the-team h5 {
	font-size: 18px;
	margin: 0;
}

.the-team-content a:hover h5,
.from-the-blog-content a:hover h5 {
	color: #888;
}

.the-team-content i,
.from-the-blog-content i {
	font-weight: 500;
	color: #aaa;
	font-size: 13px;
}

.the-team-content span,
.from-the-blog-content span {
	font-size: 14px;
	display: block;
	margin: 9px 0 14px 0;
}

.the-team span {
	margin: 9px 0 17px 0;
}

.the-team-image,
.from-the-blog-image { overflow: hidden; position: relative; }

.the-team-image a img,
.from-the-blog-image a img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*.the-team-image a img,
.from-the-blog-image:hover a img {
	opacity: 0.9;
}*/

.from-the-blog-image:hover .hover-icon {
	visibility: visible;
	bottom:0;
	opacity:1;
}

.from-the-blog-content.no-img {
	padding-top: 30px;
}




/* ------------------------------------------------------------------- */
/* CATEGORY
---------------------------------------------------------------------- */

/* Titlebar ------------ */
.titlebar {
	background-color: #f4f4f4;
	position: relative;
	margin: 0 0 50px 0;
	padding: 34px 0 32px;
/*	background: url(../images/pattern.png) ;*/
}

.titlebar h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	float: left;
	width: 100%;
}

.titlebar span {
	font-weight: 300;
	color: #aaa;
}

/* Breadcrumbs ------------ */
.breadcrumbtrail {margin-top: 10px}
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem 0;
  overflow: hidden;
  margin: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background-color: transparent;
  border-color: #dddddd;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #2ba6cb; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }




/* defaults ------------ */
.cat_text_large {
	font-size: 1em;
}
.cat_text_featured {
	font-size: 1em;
}
.cat_text_small {
	font-size: 0.9em;
	text-transform:uppercase;
	line-height: 0.7em !important;
}
.cat_text_list {
	font-size: 1em;
}
.review_title {
	font-size: 1.15em;
	font-weight: bold;
}





/* ------------------------------------------------------------------- */
/* PAGE
---------------------------------------------------------------------- */

H1.page {
	font-size:3.0rem;
	} /* main title on product page */
H2.page { 
	font-size:2.0rem;
	padding-top:10px;
	} /* product name on category pages (put_standard) */	
	
	
H3.page {
	font-size:1.6rem;
	}
	
H4  {
	font-size:1.5rem;
	}
H5.page {} /* product name on category pages (put_vertical) */	




/* ------------------------------------------------------------------- */
/* PRODUCT
---------------------------------------------------------------------- */


H1.product {
	} /* main title on product page */
H2.product { 
	font-size:1.4rem;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0px;
	} /* product name on category pages (put_standard) */	
H3.product {}
H5.product {} /* product name on category pages (put_vertical) */	




/* Highlight and Input Form box title bars. */
.BoxTitle {
	FONT-SIZE: 1.5em;  
	font-weight: bold;
}
/* Used primarily in Highlight boxes. */
.BoxText {}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	border-bottom:1px solid #ddd;
	display:block;
	padding-bottom:4px;
	margin-bottom:6px;
	}


/* thumbnails */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #cccccc;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


/* product icons */
.product-imgbox {position:relative; text-align:center}

	.product-imgbox a img {margin:0 auto}
	
		.flag-sale {
			background-color: #e21e39;
			font-weight: 700;
			text-transform: uppercase;
			padding: 5px 9px;
			display: inline-block;
			position: absolute;
			color: #fff;
			z-index: 99;
			top: 0;
			left: 0;
		}
			.flag-sale-large {
				font-size:2.0em;
				background-color: #e21e39;
				font-weight: 700;
				text-transform: uppercase;
				padding: 5px 15px;
				display: inline-block;
				position: absolute;
				color: #fff;
				z-index: 99;
				top: 0;
				left: 0;
			}
		
		.flag-new {
			background-color: #DF6C0E;
			font-weight: 700;
			text-transform: uppercase;
			padding: 5px 9px;
			display: inline-block;
			position: absolute;
			color: #fff;
			z-index: 99;
			top: 0;
			left: 45%;
		}
			.flag-new-large {
				font-size:2.0em;
				background-color: #DF6C0E;
				font-weight: 700;
				text-transform: uppercase;
				padding: 5px 15px;
				display: inline-block;
				position: absolute;
				color: #fff;
				z-index: 99;
				top: 0;
				left: 45%;
			}
		
		.flag-hot {
			background-color: #008BBE;
			font-weight: 700;
			text-transform: uppercase;
			padding: 5px 9px;
			display: inline-block;
			position: absolute;
			color: #fff;
			z-index: 99;
			top: 0;
			right: 0;
		}
				.flag-hot-large {
					font-size:2.0em;
					background-color: #008BBE;
					font-weight: 700;
					text-transform: uppercase;
					padding: 5px 15px;
					display: inline-block;
					position: absolute;
					color: #fff;
					z-index: 99;
					top: 0;
					right: 0;
				}



/* Style for Product SKU, number in stock, etc. */
.prodSKU {
	font-size : 0.95em;
	color : #000;
	font-weight:bold;
}

.prodAvailability {
	font-size : 1em;
	font-weight: bold;
	color : #666666;
}

/* Product price line */
#putprice { 
margin-bottom:10px	;
text-transform:uppercase;

}

	/* Product pricing */
	.prodPrice {
		font-size:1.15em; 
		line-height:120%;
		font-weight:bold;
		}	
		.prodPrice .Label {
			font-weight:bold;
			}
	
	.prodPrice .Suggested {
		color:#888888;
		}
	.prodPrice .Regular {
		color:#888888;
		}
	.prodPrice .YourPrice {
		font-weight:bold;
		}
	.prodPrice .Retail {
		color:#888888;
		}
		.prodPrice .Strike {
			text-decoration: line-through;
			}
	.prodPrice .Group {
		}
	.prodPrice .Wholesale {
		}	
	.prodPrice .Savings {
		font-size:0.9em;
		font-style:italic;
		font-weight:bold;
		color:maroon;
		}

input.qty-width {width:75px; margin:0 10px; display:inline-block}
	

/* Discounted price amount */
.proddiscounted {
	font-size : 1em;
	font-weight: bold;
	color : maroon;
}

/* Product discount line */
.proddisc {
	font-size : 1em;
	color : maroon;
}

/* Product error messages */
.proderror {
	font-size : 1em;
	color: red;
}

/* Small image on catalog pages. */
.listingimg {
	margin-right : 5px;
}

/* Small image on gallery style of category pages */
.gallerylistimg {
	border:1px solid #333333;
}

/* Text styles on gallery listing page */
.gallerylist {
	color:#000000;
	font-size: 1em;
}

A.gallerylist {
	color:#666699;
	font-size: 1em;
}

/* Medium image on product detail page. */
.medium_img {
	margin-right : 10px;
}

/* 'More Image' gallery on product detail page. */
.gallery_img {
	border-style : solid;
	border-color : Silver;
	margin-right : 3px;
	border-width : 1px;
}
/* 'More Image' gallery detail caption. */
.photocaption {
	COLOR: white; FONT-SIZE: 0.95em; 
}

/* icon related categories */
.fa-chevron-left {font-size:0.9em}

/* Used for listing and detail page navigation links like the 'Sort by' links
on listing pages and 'next | back' links at the bottom of detail pages.*/
.section_footer {
	font-size: 0.95em;
}
A.section_footer {
	text-decoration : none;
}


/* POPUP IMAGE STYLES =================== */
#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid gray;
	}
#dragbar{
	cursor: hand;
	cursor: pointer;
	background-color: #EFEFEF;
	min-width: 100px; /*NS6 style to overcome bug*/
	}
#dragbar #closetext{
	font-size: 0.95em;
	margin-right: 2px;
	}
#detailimg{
	cursor: hand;
	cursor: pointer;
	}
#detailarea{
	width: 100%; 
	background-color: White;
	}
#caption{
	background-color: white;
	font-size: 1em;
	padding: 2px;
	}


/* Tabs
------------------------------------- */
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      display: block;
      background: #efefef;
      color: #222222;
      padding: 1rem 2rem;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem;
	  border-right:1px solid white}
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background: #e1e1e1; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background: #2ba6cb;
      color: white; }
	 
	 	dl.tabs dd:first-child a {
    	border-top-left-radius: 5px; } 
	    dl.tabs dd:last-child a {
    	border-top-right-radius: 5px; } 	
	  

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
  border:1px solid silver;
  padding:2px 20px;
  border-bottom-right-radius: 10px; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375em 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375em; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375em; }
	  

.content > table td {padding:4px 8px}	  
	  
	  
/* Accordians
------------------------------------- */
.accordion {
  *zoom: 1;
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion dd.active > a {
      background: #00adef;
	  color:white;
	  font-weight:bold }
    .accordion dd > a {
      /*background: #efefef;*/
      color: #222222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem;
	  
	  border:1px solid #d0d2d5;
	  border-top:0; 
	  
	  background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #ECECEC)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #ECECEC 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #ECECEC 100%);
	  
	  }
      .accordion dd > a:hover {
        background: #00adef;
		color:white;
		font-weight:bold }
  .accordion .content {
    display: none;
    padding: 0.9375em; }
    .accordion .content.active {
      display: block;
      background: white;
	  border:1px solid #d0d2d5; border-top:0;
	   }


/* Pagination ======================================================== */
div.pagination {
  display: block;
  height: 1.5rem;
  margin-left: -0.3125rem; }
  div.pagination li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
    div.pagination a {
	    padding: 10px 16px;
		border-bottom: none;
		display: inline-block;
		color: #fff;
		background-color: #D0D0D0;
		font-weight: 700;
		margin:0;
		margin-left: 0.3125rem;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	 }
	 	div.pagination.next a {
			padding: 5px 10px;
		 }
    div.pagination a:hover,
    div.pagination a:focus {
      	background: #2ba6cb;
		color: #fff; }
    div.pagination a.unavailable {
      cursor: default;
      color: #999999; }
    div.pagination a.unavailable:hover, div.pagination a.unavailable:focus {
      background: transparent; }
    div.pagination a.current {
      	background: #2ba6cb;
		color: #fff;
      	cursor: default; }
      div.pagination a.current:hover, div.pagination a.current:focus {
        	background: #2ba6cb;
			color: #fff; }

.section_footer {margin-top:15px}

/* Table ======================================================= */

table.table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd; }
  table.table thead,
  table.table tfoot {
    background: whitesmoke; }
    table.table thead tr th,
    table.table thead tr td,
    table.table tfoot tr th,
    table.table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 1.0rem;
      font-weight: bold;
      color: #222222;
      text-align: left; }
  table.table tr th,
  table.table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 1.0rem;
    color: #222222; }
  table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table.table thead tr th,
  table.table tfoot tr th,
  table.table tbody tr td,
  table.table tr td,
  table.table tfoot tr td {
    display: table-cell;
    line-height: 1.125rem; }

/* Responsive Table  */
table.responsive th { font-weight: bold; }
table.responsive td, table.responsive th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, 	table.responsive.pinned td { display: none; }
	
	
}


/* div table ======================================================= */
div.table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd; }
  div.thead {
    background: #a3b745;
	font-size:1rem;
	padding:0.5rem;
	border:1px solid white;
	color:white; }
   div.table.alt div.thead {
   	background:#d46f15;
	}	
    div.td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      color: #222222;
      text-align: left; }

.nobottommargin {margin-bottom:0}



/* ------------------------------------------------------------------- */
/* BLOG
---------------------------------------------------------------------- */

h3.blog {font-size:1.75em}

/* format the date */
.date { float:left; text-align: center; height: 0px; margin-top:5px }
.date span { display: block; }
.month { background: #ccc; padding: 2px 10px 2px 10px; color: #fff; border-radius:2px 2px 0 0 ; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); }
.day { background: #f2f2f2; padding: 10px; font-size: 16px; font-weight: 500; color: #999; border-radius: 0 0 0 0; }
.year { background: #ccc; padding: 2px 10px 2px 10px; color: #fff; border-radius: 0 0 2px 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); }


/* Posts */
.post {
	margin: 0px 0;
}

.post-content {
	margin: 0 0 0 75px;
}

.post-img {	margin-bottom:15px;}

.post-img a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.post-img a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* Tags */
.meta {
	color: #888;
	margin: 0 0 15px 0;
}

.meta a:no(h3) {
	color: #888;
	text-decoration: none;
}


/* Sidebar */

#blognav {}/* right navigation container */

a.tagcloud:link {
	font-size:11px;
	border:1px solid #ccc; 
	padding:4px 5px; 
	border-radius:4px; 
	display:inline-block; 
	margin-bottom:4px;
	} 
	a.tagcloud:hover {
		color:white; 
		background-color:#2796b7;
		-webkit-transition: background-color 300ms ease-out;
  		-moz-transition: background-color 300ms ease-out;
  		transition: background-color 300ms ease-out;
  		}


/* ------------------------------------------------------------------- */
/* FEATURES
---------------------------------------------------------------------- */

.featureteaser {
	font-size : 1.25em;
}
.featurebyline {
	font-size : 1em;
	font-style : italic;
}
.feature_type {
	font-size : 0.8em;
	color : #FF3300;
}

/* ------------------------------------------------------------------- */
/* PAGE
---------------------------------------------------------------------- */

.mainpage {
	font-size : 1em;
}

/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 0.8em;
}


/* ------------------------------------------------------------------- */
/* SHOPPING CART
---------------------------------------------------------------------- */


/* Shopping Cart Summary */
.cart_summary {
	FONT-SIZE: 0.9em;
	color : Gray;
}
.cart_summary A {
	FONT-SIZE: 0.9em;
	color : Gray;
}


H1.cart {
	font-size:3.0rem;
	} /* main title on product page */
H2.cart { 
	font-size:2.0rem;
	padding-top:10px;
	} /* product name on category pages (put_standard) */	
	
	
H3.cart {
	font-size:1.6rem;
	}
H5.cart {} /* product name on category pages (put_vertical) */	




	
	

/* Basket
------------------------------------- */
/* product image */
.cart-image {max-height:120px;}

/* QTY box - cart only */
.qty-box {
	width: 56px !important; 
	margin-bottom:1px !important;}

/* Product name, prices, etc. */
.carttext {
	font-size : 0.95em;
}
/* Sku and options listed under product name*/
.smallcarttext {
	font-size : 0.9em;
}
/* errors listed under product name*/
.smallcarterror {
	font-size : 0.9em;
	color : Red;
}



/* light grey button */
.button.cart {
  background-color: #f9f9f9;
  color: #7c7b7b;
  font-size:12px;
  font-weight:normal;
  padding-top:6px;
  padding-bottom:6px;
  border-radius:3px;
  border:1px solid #ccc;
  border-bottom:2px solid #ccc;
  transition: box-shadow 300ms ease-out;
   }
  .button.cart:hover, .button.cart:focus {
	-webkit-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.10);
	color:black !important;
	}
	
	
.button.cart-tiny {
  background-color: #f9f9f9;
  color: #7c7b7b;
  font-weight:normal;
  padding-top: 0.625em;
  padding-right: 0.85em;
  padding-bottom: 0.6875em;
  padding-left: 0.85em;
  font-size: 0.6875em;
  border:1px solid #ccc;
  border-bottom:2px solid #ccc;
  border-radius:3px;
  transition: box-shadow 300ms ease-out;
   }
  .button.cart-tiny:hover, .button.cart-tiny:focus {
	-webkit-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.13);
	box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.10);
	color:black !important;
	}

.nobottommargin {margin-bottom:0} /* removes bottom margin */

/* turn an input button into a regular link */
.nobutton {
	background:none;
	border:0;
	text-decoration:none;
	font-size:0.9rem;
	}
	.nobutton:hover {
	text-decoration:underline;
	}

/* delete product */
a.cart-remove {
	background: #c0c0c0;
	color: #fff;
	border: none;
	float: left;
	font-family: "FontAwesome";
	cursor: pointer;
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height:18px;
	outline: 0;
	text-align:center;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.cart-remove {
	background-color: #f6f6f6;
	color: #a0a0a0;
}

a.cart-remove:hover {
	background: #df2727;
	color: #fff;
}

.cart-remove:before { content: "\f00d"; }

.cart-remove:before {
	position: relative;
	display: block;
	top: 12px;
	left: 0px;
}





/* Accept terms in shopping cart */
#license {
	border:1px solid silver; 
	padding:20px; 
	margin-bottom:10px; 
	max-height:300px; 
	overflow-y:auto
	}

/* select cheapest shipping option */
#putshiprates > div {padding:5px; margin-bottom:0;}
#putshiprates > div > input {margin-bottom:0; padding-bottom:0}
	.radio-input {
		border:3px solid #e85555; 
		border-radius:5px;
		background:whitesmoke url(../images/icons/best_price.png) no-repeat 99% center;
		}






@charset "UTF-8";
/* CSS Document */




/* Forms
------------------------------------- */

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
fieldset {
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   }



select {
  /*padding: 0.5em;
  font-size: 1em;
  height: 2.8em; }
*/

label { 
font-size: 1.0em !important;
}

/* Required form field */
.required input, input.required, .required textarea, textarea.required { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.required, .required label, label.required { color: #c60f13; }

.required small, small.required { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 1em; background: #c60f13; color: #fff; font-size: 1em; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

small.undertext { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 1em; background: #555; color: #fff; font-size: 1em; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

.required textarea:focus, textarea.required:focus { background: #fafafa; border-color: #b3b3b3; }


/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 1.2em;
	font-weight : bold;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 1em;
	color : Red;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 0.8em;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 1em;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 0.8em;
}
	.columns .formtextsmall {
		FONT-SIZE: 0.8em;
		display:block;
		margin-top:-10px;
	}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 0.65em;
	COLOR: gray;
}

/* ---------- Styles for Tracking Page --------------------- */

th.track {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
	background-color : #B6B6B6;
}

td.trackbold {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
}

td.track {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
}

td.track0 {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
	background-color : #F0F0F0;
}

td.track1 {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; 
	background-color : #FFFFFF;
}


/* ---------- Reciept page --------------------- */
a.printicon {
	float:right;
	display:block;
	width:80px;
	padding:15px;
	background:#f5f5f5;
	border:2px solid #0066cb;
	border-radius:1000px;
	text-align:center;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.45);
	color:#0066cb;
	margin:0 0 10px 15px;
	}
	a.printicon:hover {
		color:#3399fe; 
		background:#fff; 
		border:2px solid #3399fe;}
	.printicon i {
		font-size:2.5em; 
		display:block}

/* ---------- Styles for Letterhead Printing --------------------- */
.printregistry {
	border: 1px solid #000000;
	FONT-SIZE: 14px;
	font-family : Arial, Helvetica, sans-serif;
}


	  
	  
	  
	  
/* TAB MENUS IN ADMIN ======================================================== */
div.toptier {background:#a3a2a2; height:30px; font-size:11px; margin-bottom:12px}
div.toptier a:link, div.toptier a:visited {
	color:white; 
	display:inline-block; 
	line-height:30px; 
	padding:0 10px;
	border-right:1px solid #8e8d8d;
	}
div.toptier a:link:hover {background:#d46f15}
div.toptier a.toptier-active {color:#fff; background:#d46f15}

/* ------------------------------------------------------------------- */
/* WISHLIST
---------------------------------------------------------------------- */

/* The delete and update buttons for Wish List product listings */
.WishButton {}


/* ------------------------------------------------------------------- */
/* FOOTER
---------------------------------------------------------------------- */
#footer {
	background: #606060;
	color: #d0d0d0;
	padding: 35px 0 40px 0;
	margin: 0;
}

#footer h3.footer {
	color: #fff;
	background: #606060;
	text-transform: uppercase;
}

#footer .line {
	border-color: #747474;
	margin-bottom: 28px;
}

#footer a { color: #d0d0d0; }


/* Bottom Footer
------------------------------------- */
#footer-bottom {
	background: #505050;
	color: #a8a8a8;
	padding: 17px 0 13px 0;
}

#footer-bottom a {
	color: #fff;
	font-weight: 600;
}

#footer-bottom a { color: #e0e0e0; }


/* Newsletter
------------------------------------- */
.newsletter-btn {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	float: right;
	z-index: 5;
	position: relative;
	padding: 10px 15px;
	line-height: 18px;
	margin: 0;
	height: 40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #808080;
	border: none;
	color: #fff;
	box-shadow: none;
}

.newsletter-btn:hover { background-color: #c0c0c0; }

input.newsletter {
	float: left;
	color: #808080;
	font-weight: 600;
	z-index: 1;
	position: relative;
	font-size: 13px;
	width: 85%;
	margin-top: -40px;
	padding: 10px 14px;
	line-height: 18px;
	height: 20px;
	background-color: #505050;
	border: none;
	height:40px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input.newsletter::-webkit-input-placeholder { color: #909090; }
input.newsletter:-moz-placeholder { color: #909090; }
input.newsletter::-moz-placeholder { color: #909090; }
input.newsletter:-ms-input-placeholder { color: #909090; }

input:focus.newsletter {
	background-color: #4c4c4c;
	border: none;
	color: #999;
}



/* Footer Links
------------------------------------- */
ul.footer-links { 
	list-style: none outside;
	margin: 0 0 15px 0; 
	}

.footer-links li a {
	padding: 0 0 7px 0;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.footer-links li a:hover {
	padding-left: 3px;
	color: #fff !important;
}

.footer-links li:before {
	font-family: "FontAwesome";
	font-size: 12px;
	content: "\f0da";
	color: #fff;
	position: relative;
	left: 0;
	top: -1px;
	padding: 0 7px 0 0;
	color: #fff;
}




.caution {
	COLOR: #ff6600; FONT-SIZE: 1em; FONT-WEIGHT: 700
}


.menu_page {
	font-size: 1em;
	COLOR: gray;	
	clear: left;
}
a.menu_page {
	font-size: 1em;
}

.menu_page2 {
	FONT-SIZE: 0.9em;
	COLOR: #808080;
}
a.menu_page2 {
	FONT-SIZE: 0.9em;
	COLOR: #808080;
}

.menu_page_title {
	font-size: 1em;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 1em;
	COLOR: gray;
	FONT-WEIGHT: bold;
}


/* Page Footer Menu */
.menu_footer {
	FONT-SIZE: 0.9em;
	color : Gray;
}
.menu_footer A {
	FONT-SIZE: 0.9em;
	color : Gray;
}
	
/* Copyright Notice DIV */
/*#copyright {
	FONT-SIZE: 0.9em;
	color : Gray;	
} 
#copyright a {
	FONT-SIZE: 0.9em;
	color : Gray;
}*/




/* ------------------------------------------------------------------- */
/* BUTTONS
---------------------------------------------------------------------- */

.style1 {
	border-radius:5px; 
	font-weight:bold;
	border-bottom:2px solid #2285a2;
	padding-bottom: 1.00rem;
	}


/*---------------------------------
	COLORED BUTTONS
	
	Have a little fun and attract the eye with
	different colored buttons. 
	
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-buttons.css
	
	Super Easy Cross Browser CSS3 Gradients
	http://www.colorzilla.com/gradient-editor/
-----------------------------------*/

/* STYLES */
.pill{border-radius:200em;}
.pop{box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
.inset{box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);}
.square{-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;}

/* GREY */
button.grey,
a.btn.grey,
a.button.grey,
input[type=submit].grey,
input[type=reset].grey,
input[type=button].grey{
text-shadow:0 1px 0 #fff;
color:#666;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
	
	button.grey:hover,
	a.btn.grey:hover,
	a.button.grey:hover{
	text-shadow:0 1px 0 #fff;
	color:#666;
	border:1px solid #bbb;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	}
	

/* ORANGE */
button.orange,
a.btn.orange,
a.button.orange,
input[type=submit].orange,
input[type=reset].orange,
input[type=button].orange{
text-shadow:0 -1px 0 #FC730A;
color:#fff;
border:1px solid #FC730A;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
	
	button.orange:hover,
	a.btn.orange:hover,
	a.button.orange:hover{
	text-shadow:0 1px 0 #FC730A;
	border:1px solid #FC730A;
	background: rgb(249,191,74); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
	}
	
/* BLUE */
button.blue,
a.btn.blue,
a.button.blue,
input[type=submit].blue,
input[type=reset].blue,
input[type=button].blue{
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border:1px solid #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
	
	button.blue:hover,
	a.btn.blue:hover,
	a.button.blue:hover{
	text-shadow:0 1px 0 #1D6DC1;
	border:1px solid #1D6DC1;
	background: rgb(155,205,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
	}
	
/* PINK */
button.pink,
a.btn.pink,
a.button.pink,
input[type=submit].pink,
input[type=reset].pink,
input[type=button].pink{
text-shadow:0 -1px 0 #EF0251;
color:#fff;
border:1px solid #EF0251;
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}
	
	button.pink:hover,
	a.btn.pink:hover,
	a.button.pink:hover{
	text-shadow:0 1px 0 #EF0251;
	border:1px solid #EF0251;
	background: rgb(255,169,213); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
	}
	
/* GREEN */
button.green,
a.btn.green,
a.button.green,
input[type=submit].green,
input[type=reset].green,
input[type=button].green{
text-shadow:0 -1px 0 #669E00;
color:#fff;
border:1px solid #669E00;
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
}
	
	button.green:hover,
	a.btn.green:hover,
	a.button.green:hover{
	text-shadow:0 1px 0 #669E00;
	border:1px solid #669E00;
	background: rgb(198,226,120); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
	}
	
/* RED */
button.red,
a.btn.red,
a.button.red,
input[type=submit].red,
input[type=reset].red,
input[type=button].red{
text-shadow:0 -1px 0 #B21203;
color:#fff;
border:1px solid #B21203;
background: rgb(229,60,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
	
	button.red:hover,
	a.btn.red:hover,
	a.button.red:hover{
	text-shadow:0 1px 0 #B21203;
	border:1px solid #B21203;
	background: rgb(238,106,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
	}




/* ------------------------------------------------------------------- */
/* MISC
---------------------------------------------------------------------- */

/* Back to Top ------------------------ */
#backtotop {
	position: fixed;
	right: 0;
	display: none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 45px;
	height: 45px;
	background-color: rgba(0,0,0,0.25);
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#backtotop a:after {
	content: "\f077";
	font-family: "FontAwesome";
	position: relative;
	display: block;
	top: 10px;
	left: 15px;
}

#backtotop a:hover { background-color: #808080; }


/* Admin Menu Links ------------------------ */
.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.9em;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.9em;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}


/* Title used on login page ------------------------ */
.titleBorder {
	padding-bottom:5px; 
	border-bottom:1px solid #ddd;
	}

.border-right { 
	border-right:1px solid #ddd 
	}


/* LISTING RECORDS  ------------------------ */
/* Query Description line */
.ResultHead {
	FONT-SIZE: 16px;
}

/* Result table title row */
.listingHead {
	FONT-SIZE: 1em; 
	TEXT-DECORATION: none;
}
/* Result table smaller font */
.ListingSmall {
	FONT-SIZE: 0.8em;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 1em;   TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 1em;    TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 1em;  ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 1em; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 1em; 
}
.listingsubtext {
	FONT-SIZE: 0.95em;  
}
/* For Feature listings author line */
.listingtagline {
	FONT-SIZE: 0.9em;
}
/* For Event listings */
.listingdate {
	FONT-SIZE: 1em; 
}

/* For Manufacturer Listing */
.manufacturer_list {
	background-color: #FFFFFF;
	color:#666699;
	font-size: 1em;
	vertical-align: top;
}


/* ALPHA MENU (SITEMAP)  ------------------------ */
.alphasearch {
	text-align:center; 
	color: #ccc;
	margin-bottom:15px;
	}
	.alphasearch a.alphaon, .alphasearch a.alphaoff {
		font-size:0.85em;
		padding:3px 8px;
		border-radius:3px;
		}
		.alphasearch a.alphaon, .alphasearch a.alphaon:hover, .alphasearch a.alphaoff:hover {
			background:#C0C0C0; color:white;
			}

/* #Margin Styles ------------------------ */

	/* Margin Reset */
	.margin-reset { margin: 0 !important; }

	/* Margin Top */
	.margin-top-0 { margin-top: 0 !important; }
	.margin-top-5 { margin-top: 5px !important; }
	.margin-top-10 { margin-top: 10px !important; }
	.margin-top-15 { margin-top: 15px !important; }
	.margin-top-20 { margin-top: 20px !important; }
	.margin-top-25 { margin-top: 25px !important; }
	.margin-top-30 { margin-top: 30px !important; }
	.margin-top-35 { margin-top: 35px !important; }
	.margin-top-40 { margin-top: 40px !important; }
	.margin-top-45 { margin-top: 45px !important; }
	.margin-top-50 { margin-top: 50px !important; }

	/* Margin Bottom */
	.margin-bottom-0 { margin-bottom: 0 !important; }
	.margin-bottom-5 { margin-bottom: 5px !important; }
	.margin-bottom-10 { margin-bottom: 10px !important; }
	.margin-bottom-15 { margin-bottom: 15px !important; }
	.margin-bottom-20 { margin-bottom: 20px !important; }
	.margin-bottom-25 { margin-bottom: 25px !important; }
	.margin-bottom-30 { margin-bottom: 30px !important; }
	.margin-bottom-35 { margin-bottom: 35px !important; }
	.margin-bottom-40 { margin-bottom: 40px !important; }
	.margin-bottom-45 { margin-bottom: 45px !important; }
	.margin-bottom-50 { margin-bottom: 50px !important; }

	/* Margin Left */
	.margin-left-0 { margin-left: 0 !important; }

	/* Margin Right */
	.margin-right-5 { margin-right: 5px !important; }


/* -----------------------------------------
/* MEDIA QUERIES

	Media queries specify CSS for certain screen sizes. Elements that 
	work on a full desktop might need to be modified on mobile screens.
----------------------------------------- */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}
	
	/* Desktop Sizes (devices and browser) */
	@media only screen and (min-width: 767px) {
	/* padding between main content and right nav column */
	.blog-pad30 {padding-right:30px}
	input[name="Checkout"] {margin-left:110px}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.right.inline {float:left !important} /*force labels to float left*/}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	
	label.right.inline {
    float: none;
    text-align: left;
	margin-bottom: 0; padding-bottom:3px }
	}


/*Bobby CSS*/

.slick-dots button, .slick-dots button:hover, button.slick-prev, button.slick-next, button.slick-prev:hover, button.slick-next:hover{
	background:none !important;
}

/*End Bobby CSS*/




/*alts*/

button.small, .button.small {
	padding-top:6px !important;
}


input.small, .input.small {
	padding-top:6px !important;
}


button, .button {

    background-color: #000839 !important;
}