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

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


@import url("foundation/normalize.css");			/* normalize all browsers */	
@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("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: white;
  /*color: #222222;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#4c555a;
  }
  
html, body { font-size: 12px; } /* 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: 68.571em;*/
	max-width: 74em;
	} 

/* wrapper holds everything but the footer. Not used on all lay_ templates */
.wrapper {
	background:white;
	border:1px solid #d5d4d4;
	border-top: 0;
	margin-bottom:15px;
	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;
  }
}



/* Style for links */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #2795b6; }

/* Default header styles */
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.125rem; }

h6 {
  font-size: 1rem; }

/* Typography resets */
body, p {line-height:1.4em}

ul,
ol,
dl {
  font-size: 1em;
  }

.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;
	}





/* ------------------------------------------------------------------- */
/* HEADER
---------------------------------------------------------------------- */

/* Your Main Site Name. */
#siteName {
	font-size: 24px;
	line-height: 35px;
	margin-left: 5px;
}

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

#basketStats {}

/*.topinfo {font-size:0.85em}*/

.topinfo-phone {
	font-weight:bold; 
	font-size:1.4em; 
	color: #729f40;
	padding:12px 3px 8px 0;
	}
.topinfo-topnav {padding-top:5px}

/* small navigation in header ================== */
ul.topnav, ul.topnav li {margin:0; padding:0;}
	ul.topnav li {float:right;}
		ul.topnav a {
			display:inline-block;
			font-size:0.85em; 
			padding:8px 8px 6px 8px;
			border-radius:5px;
			}
			ul.topnav a:hover {
				color:white;
				background-color:#2ba6cb;
				-webkit-transition: background-color 300ms ease-out;
				-moz-transition: background-color 300ms ease-out;
				transition: background-color 300ms ease-out;
				}

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

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


/* ----------------------
	DEFAULT MENUS
-------------------------*/

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

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

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

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


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



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

/* Header is a large separating bar used for "What's New" and 
'Product of the Day'. It uses the Highlight Box (Order Box) Title Bar
colors. */
.bar-title{
	FONT-SIZE: 1.1em;
	font-weight : bolder;
	background-color: gray;
	color: white; 
}

.homebanner {
	margin-bottom:15px; 
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;}

.post-info{background:transparent url(../blog/images/info-bar.png) no-repeat right top;
height:34px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;}
.post-date{background:transparent url(../blog/images/info-bar.png) no-repeat left -75px;
padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.post-date p.day{background:transparent url(../blog/images/info-bar.png) no-repeat right -42px;
height:34px;padding:0 32px 0 16px; margin:0; line-height:34px; color:#fff;}

.subCatPic {border:1px solid silver; margin-bottom:15px}

/* ------------------------------------------------------------------- */
/* CATEGORY
---------------------------------------------------------------------- */
.cat_text_large {
	font-size: 1em;
}
.cat_text_featured {
	font-size: 1em;
}
.cat_text_small {
	font-size: 0.9em;
}
.cat_text_list {
	font-size: 1em;
}
.review_title {
	font-size: 1.15em;
	font-weight: bold;
}



/* Breadcrumb Trail Menu ================= */
#putparentstring {
	font-size: 0.9em;
	margin-top:20px;
	margin-top:12px;
	color:#555;
	}
  #putparentstring a {
  	font-size:0.9em;
  	}


div.fieldset {
	padding:15px 20px;
	border-radius:9px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	}


	

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


H1.product {} /* main title on product page */
H2.product {} /* 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 {
	FONT-SIZE: 1em;  
}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 1em;
	font-weight: bold;
	color : Maroon;
}


/* 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 */
.NEW {position:absolute; top:-5px; right:-5px}
.SALE {position:absolute; top:-5px; left:-5px}
.HOT {position:absolute; left:-5px; bottom:-5px}


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

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

/* Product price line */
#putprice {
	color: #7e9926;
	font-size:1.3em; 
	font-weight:bold;
	letter-spacing:-1px;
	}
	#putprice strike {
		color:#888888;
		font-weight:normal;
		font-size:1.4em; 
		display:block; 
		padding-bottom:10px;
}

/* Product price emphasized words: 'Our Price' */
.prodprice2 {
	font-size : 1em;
	font-weight: bold;
	color: maroon;
}

/* Amount saved from retail price */
.prodsavings {
	font-size : 1em;
	color: maroon;
	font-style: italic;
}

/* 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;
	border:1px solid silver;
}

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


/* 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 {
      display: inline-block;
      padding: 0.0625rem 0.625rem 0.0625rem;
      color: #999999;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    div.pagination a:hover,
    div.pagination a:focus {
      background: #e6e6e6; }
    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: white;
      font-weight: bold;
      cursor: default; }
      div.pagination a.current:hover, div.pagination a.current:focus {
        background: #2ba6cb; }

.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.2rem;
      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; }


/* div ======================================================= */
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
---------------------------------------------------------------------- */

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


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

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



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

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

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

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

.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;
}


/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
h6.bullet-title {}

ul.bullet,
ul.disc { margin:0 0 1em; padding:0; font-size:0.8em }

ul.bullet a,
ul.disc a { color:grey }



/* Disc */
ul.disc { list-style:disc outside none; padding-left:1.5em; }
ul.disc li { background-image:none; padding-left:0; }

/* Bullet */
ul.bullet { list-style:none outside none; }
ul.bullet li {
	background:url(../images/icons/bullet.png) 0 0 no-repeat;
	padding-left:25px;
	transition:			background-position 150ms ease-out;
	-moz-transition:	background-position 150ms ease-out;
	-webkit-transition:	background-position 150ms ease-out;
	-o-transition:		background-position 150ms ease-out;
}
ul.bullet li:hover { background-position:3px 0; }

	/* Different bullets. IMPORTANT: use together with class "bullet" */
	ul.list1  li { background-image:url(../images/icons/list1.png); }
	ul.list2  li { background-image:url(../images/icons/list2.png); }
	ul.list11 li { background-image:url(../images/icons/list11.png); }
	ul.list12 li { background-image:url(../images/icons/list12.png); }
	ul.list13 li { background-image:url(../images/icons/list13.png); }

/* Separator */
ul .separator {
	border-bottom:1px solid #fff;
	margin:8px 1px;
	overflow:hidden;
}





/* ------------------------------------------------------------------- */
/* BUTTON
---------------------------------------------------------------------- */

/* Default Buttons =================== */
button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: .8em;
  padding-right: 1.7em;
  padding-bottom: .8625em;
  padding-left: 1.7em;
  font-size: 1rem;
  background-color: #2ba6cb;
  border-color: #2285a2;
  color: white;
  transition: background-color 300ms ease-out;
  border-radius:5px;
  border-bottom:1px solid #005a78; /* HTML5 sytle button */ }
  button.large, .button.large {
    padding-top: 1.125em;
    padding-right: 2.25em;
    padding-bottom: 1.1875em;
    padding-left: 2.25em;
    font-size: 1.25em;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button.small, .button.small {
    padding-top: 0.875em;
    padding-right: 1.75em;
    padding-bottom: 0.9375em;
    padding-left: 1.75em;
    font-size: 0.8125em;
	color:white;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button.tiny, .button.tiny {
    padding-top: 0.625em;
    padding-right: 1.25em;
    padding-bottom: 0.6875em;
    padding-left: 1.25em;
    font-size: 0.6875em;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }


/*.wishlist {
	background:transparent; 
	border:2px solid #b9b8b8; 
	color: #b9b8b8;
	padding-top: .760em;
  	padding-right: 1.7em;
  	padding-bottom: .76em;
  	padding-left: 1.7em;}*/



/* HTML form submit buttons */
input.formbutton {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-1.jpg) center bottom; 
	padding:3px 8px 4px 8px;
}
input.formbutton:visited {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-1.jpg) center bottom; 
	padding:3px 8px 4px 8px;
}
input.formbutton:hover {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-2.jpg) center bottom; 
	padding:3px 8px 4px 8px;
}

input.formbuttonDEMO {
	FONT-SIZE: 18px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5.jpg) center center; 
	padding:8px 20px 8px 20px;
	border:4px solid #efefef;
}
input:hover.formbuttonDEMO {
	FONT-SIZE: 18px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5-OVER.jpg) center center; 
	padding:8px 20px 8px 20px;
	border:4px solid #efefef;
}

a.formbutton {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5-over.jpg) center center; 
	padding:6px 12px 6px 12px;
	border:4px solid #efefef;
	display:block;
}

a:hover.formbutton {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5.jpg) center center; 
	padding:6px 12px 6px 12px;
	border:4px solid #efefef;
	display:block;
}

a.formbuttonDEMO {
	FONT-SIZE: 18px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5-over.jpg) center center; 
	padding:8px 20px 8px 20px;
	border:4px solid #efefef;
	display:block;
}

a:hover.formbuttonDEMO {
	FONT-SIZE: 18px;
	COLOR: #fff;
	text-align : center;
	border:2px solid #efefef;
	background: url(../images/pageelements/button-bg-5.jpg) center center; 
	padding:8px 20px 8px 20px;
	border:4px solid #efefef;
	display:block;
}




/* used in shopping cart */
.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);
	}
	
	
.button.cart-tiny {
  background-color: #f9f9f9;
  color: #7c7b7b;
  font-weight:normal;
  padding-top: 0.625em;
  padding-right: 1.25em;
  padding-bottom: 0.6875em;
  padding-left: 1.25em;
  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);
	}


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

/* 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 ========================= */
.title {
	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)  ========================= */
A.alphaon:link {
	 FONT-SIZE: 13px; TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px; TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #F0F0F0;
}
A.alphaoff:link {
	 FONT-SIZE: 0.8em; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 0.8em;  TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 0.8em;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}



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



td.greencell, td.greencell h3 {
	background-color: #DB5E00; 
	color:white !important;
	font-weight:bold; 
	line-height:25px;
	/*border-right:1px solid silver;
	border-left:1px solid silver*/}

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




	@media only screen and (min-width: 940px) and (max-width: 993px) {
	
/*	.top-bar, .top-bar-section li:not(.has-form) a:not(.button) {
	font-size:0.76em;
}*/
	
	}

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

	/* 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 }
	
	/* remove columns from shopping cart table on small screens */
	table.responsive tr th:nth-child(1), 
	table.responsive tr td:nth-child(1),
	table.responsive tr th:nth-child(3), 
	table.responsive tr td:nth-child(3),
	table.responsive tr th:nth-child(6), 
	table.responsive tr td:nth-child(6)	{ display:none; visibility:hidden; }
	}