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



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


/* -----------------------------------------
   CFWebstore
----------------------------------------- */

/* Layout colors
light blue: #0072BB
dark blue: #0066cb
default text: #222
*/


/* Set the default font here. Do not set colors here.*/

html,
body { 
	color:#000000;
	font-size: 13px; 
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } /* 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: 83.333em;
	line-height: 1.2; 
	} 
	

/* wrapper holds everything but the footer. Not used on all lay_ templates */
.wrapper {
	background:white;
	/*border:1px solid #d5d4d4;
	border-top:3px solid #e15a1f;*/
	margin-bottom: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 12px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 12px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 12px 0px rgba(50, 50, 50, 0.3);*/
	
	/*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 instead of wrapper */
/*.container {
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}*/
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* Default Link Styles */
a {
  color: #0072BB;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0066cb; }
  a img {
    border: none; }


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

p {
  line-height: 1.4;
}



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

a.blacklink {color:#222; text-decoration:underline;}

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

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

#basketStats {
	font-size: 0.95em;
}

/* This is the default font for the entire page body */
.mainpage {
	font-size : 1em;
}

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

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

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

/* 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. */
.header {
	FONT-SIZE: 14px;
	font-weight : bolder;
	background-color: gray;
	color: white; 
}

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

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 1.2em;
	font-weight: bold;
	color : #0072bb;
	text-align:center;
	margin:0 auto 5px auto;
	font-family:"droid sans";
	/*background:#878787;*/
	padding:14px 0;
}

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

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

.nav1 {
	margin-bottom:8px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	}


.home-4 {border-left:2px solid white}

.red {color:#c00000}


/*** HEADER ****************************************/
#navcontainer {
	background:#efefef;
	margin-bottom:8px;
	padding:5px 0;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.25);
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

ul.topnav{
/*	I'm being lazy here and not completely dismantling the top 
 *	navigation container in order to temporarily preserve the 
 *  spacing for the Sign In and Contact Us links in the upper left corner
 *  4330024-5
	background-color:#efefef;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	box-shadow:0px 0px 5px grey; */
	text-align:center;
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:auto;
	background-image: url(../images/layout/topNav/navigate-to.png);
	background-repeat:no-repeat;
	padding-left:1px;		/* 4330024% */
	overflow:hidden;
	display:inline-block;
	padding-right:20px;
	background-position:14px 6px;
	
}
ul.topnav li{
	display:inline-block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin:5px 0px;
	
}
ul.topnav li a{
	display:block;
	background-repeat:no-repeat;
	height:46px;
	overflow:hidden;
	text-indent:-3000px;
	background-position:bottom;
}
/* 4330016-3 */
ul.topnav li#store a{
	width:86px;		/* 4330016% */
	background-image:url(../images/layout/topNav/store.png);
}
ul.topnav li#magazine a{
	width:139px;
	background-image:url(../images/layout/topNav/magazine.png);
}
ul.topnav li#course a{
	width:157px;
	background-image:url(../images/layout/topNav/course-designer.png)
}
/* 4330016-3 */
#navtabholder{
}



@media only screen and (max-width: 991px) {	
	ul.topnav{
		
	
		padding-left:60px;
		overflow:hidden;
		display:inline-block;
		padding-right:10px;
		background-position:7px 7px;
		background-size:53px 23px;
	}
	ul.topnav li a{
		display:block;
		background-repeat:no-repeat;
		height:24px;
		overflow:hidden;
		text-indent:-3000px;
		background-position:bottom;
		
	}
	ul.topnav li#store a{
		width:45px;
		background-image:url(../images/layout/topNav/store.png);
		background-size:45px auto;
	}
	ul.topnav li#magazine a{
		width:73px;
		background-image:url(../images/layout/topNav/magazine.png);
		background-size:73px auto;
	}
	ul.topnav li#course a{
		width:82px;
		background-image:url(../images/layout/topNav/course-designer.png);
		background-size:82px auto;
	}
	ul.topnav{
		margin-bottom:10px;
	}

}

@media only screen and (max-width: 641px) {	
	ul.topnav{
		margin-bottom:10px;
	}
	#navtabholder{
		text-align:center;
	}
	#cartimg{
		text-align:center;
	}
	#cartbox{
		margin-top:40px;
	}

}



.universal {
	height:41px}
	.uMenu a {
		display:inline-block;
		position:relative;
		color:#555;
		font-weight:normal; 
		padding:0 12px;
		line-height:38px;
		border-right:1px solid #ddd}
		.uMenu a:last-child {border-right:0}
		.uMenu a:hover {color:white; background:silver}
		
		/*.universal .uMenu a:hover, .universal a.active {
			background:#efefef; 
			color:#fc730a; 
			}*/
			
		.uMenu a.store {color:#416dba}
		.uMenu a.magazine {color:#c73b0f}
		.uMenu a.events {color:#de9743}
		.uMenu a.CRCD {color:#66aa12}
			
		.uMenu a.store:hover, .uMenu a.store.active {color:white; background-color:#416dba}	
		.uMenu a.magazine:hover, .uMenu a.magazine.active {color:white; background-color:#c73b0f}
		.uMenu a.events:hover, .uMenu a.events.active {color:white; background-color:#de9743}
		.uMenu a.CRCD:hover {color:white; background-color:#66aa12}
		

	.iMenu {margin-top:10px}
	.iMenu a {
		display:inline-block;
		position:relative;
		color:#000;
		font-weight:bold; 
		padding:0px 12px 0 12px;
		border-right:1px solid #ddd}
		.iMenu a:last-child {border-right:0; padding-right:0}
		.iMenu a:hover {color: #000; text-decoration:underline}
		
			.iMenu.magNav {}

ul.mgmenu img {max-height:120px}

/* small navigation in header */
/*ul.topnav, ul.topnav li {margin:0; padding:0;}
ul.topnav li {float:right;}
ul.topnav a {font-size:0.8rem; padding:10px 8px 8px 8px}*/

/* magazine */
/*ul.nav-two li {float:right; padding:0; margin:0}
	ul.nav-two li a {
		border-radius:5px;
		padding:3px 8px;
		}
	ul.nav-two li a:hover {
		background:#0066cb;
		color:white;
		transition: background 300ms ease-out;
	}*/

.row.collapse.logo-header {margin-bottom:8px}
/*.logo {padding:10px}*/
.magazine_logo {margin-top:14px}


/* minicart */
.cart-qty {
	position:absolute;
	color:#e59c0c; 
	font-weight:bold; 
	font-size:larger;
	top:0;
	left:15px;}
	.cart-qty-2 {
		position:absolute;
		color:#e59c0c; 
		font-weight:bold; 
		font-size:larger;
		top:0;
		left:10px;}

.signin {padding-top:12px}
.topinfo {
	width:66px; 
	height:36px; 
	background: url(../images/layout/cart-bg.png) no-repeat 0 bottom; 
	padding: 2px 0 0 0; 
	display:block;
	position:relative;
	}

/*** FOOTER ****************************************/
/* icons */
.share a {
	font-size:1.7rem; 
	padding-left:4px; 
	text-align:center} 
	a.facebook {
		color:#36569b;}
		a.facebook:hover {
			color:#888888;
			transition: color 300ms ease-out;}
	a.twitter {
		color:#6bb3fe;}
		a.twitter:hover {
			color:#888888;
			transition: color 300ms ease-out;}
	a.pinterest {
		color:#bf2231;}
		a.pinterest:hover {
			color:#888888;
			transition: color 300ms ease-out;}
	a.envelope {
		color:#7e7e7e;}
		a.envelope:hover {
			color:#999;
			transition: color 300ms ease-out;}

.social-footer a {color:#222}
.social-footer img {padding:0 8px 4px 0}


/* SPRITES */
/*.socialsprite 	{background-image: url(../images/icons/Social-Sprite.png) no-repeat;}
.cclogos 		{background-position:0 0; width:277px; height:34px; }
.f-facebook		{background-position:-280px 0; width:34px; height:34px; }*/
/*#nav li a {background-image:url('../img/image_nav.gif')}
#nav li a.item1 {background-position:0px 0px}
#nav li a:hover.item1 {background-position:0px -72px}
#nav li a.item2 {background-position:0px -143px;}
#nav li a:hover.item2 {background-position:0px -215px;}*/


/*** CATEGORY & PAGES ****************************************/

/* Page Title - only 1 title per page: category, feature, page, product */
H1 {font-size:2rem}
H1.page {font-weight:bold; color:#0066cb; margin-bottom:10px}
H1.category {color:#2c68b1; font-size:3em; font-weight:bold; font-family:"Droid Sans"; letter-spacing:-2px}
H1.feature {}
H1.product {font-size:16px; font-weight:bold; margin-top:15px}

/* Page SubTitles - Category Teaser Listings: category, feature, page, product */
H2 {font-size:1.5rem}

H2.product { font-size:1.5em; line-height:normal }	


/* Teaser Lists: category, feature, page, product */
H3 {font-size:1.2rem}
H3.product {}
h3.feature {margin-top:10px; font-weight:bold; color:#888; font-size:2rem}

H5.category {font-size:1.5rem; font-weight:bold}
H5.feature {font-size:1.2rem; font-weight:bold}

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

.page_border {
	border:1px solid #ccc; 
	padding:25px;
	}
	.page_border ol, .page_border ul {margin-left:35px}
	
		.page_padding {
		padding:15px 25px 25px 25px;
		}
		.page_padding p,
		.page_padding li,
		.page_padding ol,
		.page_padding div,
		.page_padding blockquote {font-size:1.25rem}
		.page_padding h2 {font-weight:bold}
		.page_padding blockquote {margin-left:35px; background:#f5f5f5; padding:10px}
		.page_padding ol, .page_padding ul {margin-left:35px}
			.page_border {
				border:1px solid #ccc; 
				}
	
/* columns =============== */
.cat-col1 {
	border:1px solid #ccc; 
	border-right:0; 
	margin:0; 
	padding:0; 
/*	background:whitesmoke;*/
	}
.cat-col2 {
	border:1px solid #ccc; 
	padding:0; margin:0;
	}

/* side-nav */ 
.side-nav {
  display: block;
  margin: 0;
  /*padding: 0.875rem 0;*/
  list-style-type: none;
  list-style-position: inside;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
  }
  .side-nav li {
    margin: 0 0 0 0;
    font-size: 0.95rem; }
    .side-nav li a:not(.button) {
      display: block;
      /*color: #2ba6cb;*/
	  padding:0px 0 0px 15px;
	  /*border-bottom:1px solid #e9e8e8;
	  border-top:1px solid white;*/
	  color:#222; 
	   }
	   .side-nav li a:first-child:not(.button) {
		  border-top:0;
		   }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus, .side-nav li.active a {
        color: #222222;
		/*background:#fff;*/
		text-decoration:underline; }
    .side-nav li.active > a:first-child:not(.button) {
      /*color: #67c3df;*/
      /*font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/ }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
	  
	  .fa-play {font-size:0.75em; color:#777; padding-left:3px}
	
	h3.side-nav-title {
		font-family: "Droid Sans";
		font-weight:700;
		font-size:2rem;
		text-transform:uppercase;
		color:#0066cb;
		padding:10px 0 4px 10px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		}
		h3.side-nav-title-mobile {
		font-family: "Droid Sans";
		font-weight:700;
		font-size:1.75rem;
		text-transform:uppercase;
		color:white;
		padding:12px 0 8px 12px;
		background:#888;
		border-bottom:1px solid white;
		margin-bottom:0;
		margin-top:-1px;
		text-shadow: 1px 1px 2px rgba(0, 0, 2, 0.41);
		}



/*** FEATURE DETAIL ****************************************/
.feature-box {
	padding:20px;
	}
.featureteaser {
	font-size : 1.25em;
}
.featurebyline {
	font-size : 0.9em;
	font-style : italic;
}
.feature_type {
	font-size : 0.8em;
	color : #FF3300;
}

/*** PRODUCT DETAIL ****************************************/

/* products ==========================================*/
.highlight {color:#cc0033} /* used for new, sale, hot on product listings */
.boldLink {font-weight:bold;}
a.boldLink {color:#262626; font-size:12px}
select.short { width:160px; margin-left:4px } /* for product_catcore.cfm */
.galleryimg {margin-bottom:12px; font-size:.7rem;} /* prod images */
	.caption {font-size:.7rem; padding-top:2px}
	.galleryimg i {font-size:3rem}
.fa-file-text-o {padding-bottom:5px}



/* free shipping */
.free-shipping {
	background:#f5f5f5;
	padding:5px 15px 5px 0px;
	margin-bottom:10px;
	font-weight:bold;
	border-radius:5px;}
	.free-shipping i {font-size:2.5rem; float:left; padding-right:12px}
	.free-shipping a {}
		.free-shipping a:hover {}

/* shopping cart */
input.left-arrow {background: url(../images/layout/down-Arrow.png) no-repeat top right;}

li.underline {border-top:1px solid #dddddd; padding-top:20px} /* puts a line under each row in the block grid */

/* back/next */
#nextitems {}
	#nextitems a {font-weight:bold; line-height:28px}

div.gary {padding-top:12px; float:right}

/* 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_select {font-size:14px; padding:8px 10px; height:42px}


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

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

/* Product price line */
#putprice {
	font-size:2rem; 
	font-weight:bold;
	color:#0072bb;
	text-align:center; 
	padding-bottom:20px;
	}
	#putprice strike {
		color:#888888;
		font-weight:bold;
		font-size:1.8rem;
		text-decoration: line-through; 
		}


/*.prodprice {
	font-size : 0.95em;
}*/

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

/* 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 {
	display:block;
	margin:0px auto 10px auto;
}



/* 'More Image' gallery detail caption. */
.photocaption {
	COLOR: white; FONT-SIZE: 0.95em; 
}


/* related products */
a.related_name {
	font-size:11px;
	line-height:.05em;
	font-weight:bold; 
	padding-top:5px; 
	display:block; 
	color:#222}


.codeblock {
	border:1px solid silver; 
	background:whitesmoke; 
	padding:8px 0;
	}


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

#dsprelatedproducts {
	text-align:center;
	}
	#dsprelatedproducts a:link {font-size:1.25em; line-height:2em}

/* Scroll for gallery, related products 
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */

	/* height of container */
	.scroll-pane {
		width: 100%;
		height: 420px;
		overflow: auto;
	}


/* tabs on product page ==================*/
.tabs {
  *zoom: 1;
  margin-bottom: 0 !important;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  background:#f8f8f8;}
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd {
    position: relative;
    margin-bottom: 0 !important;
    float: left;
	text-align:center }
    .tabs dd > a {
      display: block;
      background: #3399fe;
      color: #fff;
	  font-weight:bold;
      padding: 0.5rem 0;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1.15em;
	  border-right:3px solid #fff;
	  
	  padding-left:12px;
	  padding-right:12px;
	  
	  border-radius: 5px 5px 0px 0px;
	  -moz-border-radius: 5px 5px 0px 0px;
	  -webkit-border-radius: 5px 5px 0px 0px;
	  border: 0px solid #000000;
	  
	  margin-top:21px;
	  margin-right:3px;
	    
	   }
      .tabs dd > a:hover {
        background: #0072bb;
		color:white; }
    .tabs dd.active a {
      color: #222; 
	  font-weight:bold;
	  font-size:1.15em;
	  line-height:3em;
	  background:white;
	  border-top:1px solid #ccc;
	  border-left:1px solid #ccc;
	  border-right:1px solid #ccc;
	  border-bottom:1px solid #fff;
	  margin-top:0px;
	  margin-bottom:-1px;
	  padding-left:18px;
	  padding-right:18px;	  
	  }
  .tabs.radius dd:first-child a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 3px;
	}
  .tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  *zoom: 1;
  margin-bottom: 1.5rem;
  width: 100%;
  padding:2px 20px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height:1.4;
  border-top:1px solid #ccc;
   }
  .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 ul {
			margin-left:35px }
    .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; }


/*** 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: 1.25em;
	padding: 2px;
	}


/*** WISH LIST DETAIL *************************************/

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


/*** SHOPPING CART ****************************************/
/* 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 {
	min-height:200px
	}

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

label { font-size: 1.0em; }

select {
  padding: 0.5rem;
  font-size: 1.0rem;
  font-weight:bold;
  height: 2.9125rem;
  background-image: url(../images/layout/down-caret.png);
  background-position: 100% center;
  border-radius:3px }

@-moz-document url-prefix() {

    select {
        background-position: left center;
    }

}

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


/* shopping cart */
.shiptypetitle {display:inline-block; font-weight:bold; margin:15px 0 5px 0}

/* USPS verfication error */
span.highlightErrorText{
		background-color:yellow; 
		color:black;
	}

/* 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 ::-webkit-input-placeholder { font-style:italic; }
form.searchbox :-moz-placeholder { /* Firefox 18- */ font-style:italic; }
form.searchbox ::-moz-placeholder {  /* Firefox 19+ */ font-style:italic; }
form.searchbox :-ms-input-placeholder { font-style:italic; }

form.searchbox {position:relative;}
form.searchbox.glass input[type="text"] {
	border-radius:3px; 
	line-height:2em; 
	height:36px; 
	font-size:1.2rem;
	font-style:italic;
	}
form.searchbox.glass input[type="submit"] {
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
	background: #ff861c 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:#fc730a;
	-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 */
.box-search {
	border:1px solid white; 
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.20);}

form.searchbox {background:#efefef; margin-top:22px}

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;
	background:#efefef;
	font-size:1.1em;
	}
form.searchbox.text-button input[type="submit"].postfix {
	color:white;
	font-size:14px;
	font-weight:bold;
	padding:0 0 2px 0;
	background-color:#0066cb;
	-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
	}
form.searchbox.text-button input[type="submit"].postfix:hover {
	background-color:#1e4da5;
	-webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
	}	


/* select cheapest shipping option */
#putshiprates > div {padding:5px; margin-bottom:0;}
#putshiprates > div > input {margin-bottom:0; padding-bottom:0}
/*div.radio-input 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;
	}


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


/*** MENUS ******************************************/
/* Breadcrumb Trail Menu */

#putparentstring {}
  #putparentstring a {
  padding:0 3px;
  color:#000;
  line-height:40px;
  }
  	#putparentstring a:hover {color:#6395ff}
	
/* The Breadcrumb Trail DIV and non-link text */
#menu_trail {}
#menu_trail a {}

/* Category Jump Menu - firs style form, then select box */
#categorySelect {
	text-align: right;
}
#categorySelect select {
	width: 140px;
	FONT-SIZE: 0.95em;
	color: purple;
}
.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;
}

/* Shopping Cart Summary */
.cart-image {max-height:120px;}

.cart_summary {
	FONT-SIZE: 0.9em;
	color : Gray;
}
.cart_summary A {
	FONT-SIZE: 0.9em;
	color : Gray;
}

/* Page Footer Menu */
.menu_footer table td  {padding-bottom:5px}
.menu_footer table td img {padding-right:5px}

.menu_footer {
	color : #000;
}
.menu_footer A {
	color : #000;
}
	
/* Copyright Notice DIV */
#copyright {
	color : #000;
	margin-bottom:5px;	
} 
#copyright a {
	color : #000;
}

/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 1em;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1em;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1em;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1em;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 17px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 0.95em;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 0.95em; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 0.95em;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 0.95em;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}


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




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


/* 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: #222;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    div.pagination a:hover,
    div.pagination a:focus {
      background: #0066cb;
	  color:white; }
    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: #0066cb;
      color: white;
      font-weight: bold;
      cursor: default; }
      div.pagination a.current:hover, div.pagination a.current:focus {
        background: #0066cb; }

.section_footer {margin-top:15px}


/* Accordians - FAQ lists ============================================ */
.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: #467ae9;
	  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: #467ae9;
		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;
	   }


/* Tables ============================================ */

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: 1rem;
    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; }
		/* blue */
		table.table.blue thead,
		  table.table.blue tfoot {
			background: #0066cb;
			 }
			 table.table.blue thead tr th  {color:white} 

.contact-table td {padding:3px 0}		

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



/* Affiliates ----------------*/
div.toptier {background:#3399ff; 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 #4fa6fd;
	}
div.toptier a:link:hover {background:#0066cb}
div.toptier a.toptier-active {color:#fff; background:#0066cb}


.emphasisBoxContentClear {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px;
}


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



/*---------------------------------
	MOBILE MENUS
-----------------------------------*/

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #3399ff;/* BACKGROUND --------------------------------------------------------------- */  	
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: auto;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: .45rem;
    padding-bottom: .35rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 75%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      right: 15px;
      top: 50%;
      margin-top: -16px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0;
        padding-right: 25px;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a::after {
          content: "";
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          top: 0;
          height: 0;
          box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #3399fe; }/* BACKGROUND ========================================================== */
    .top-bar.expanded .toggle-topbar a {
      color: #ffffff; } /* color of MENU link on mobile menu ======================================= */
      .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
		/* color of MENU symbol (3 lines) link on mobile menu ======================================= */

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #0066cb; /* horizontal divider color ================================ */
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #888888;} /* background for 'back' link of mobile menu ================================= */
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: white; /* top row links text color ================================================= */
      padding: 12px 0 12px 0;
      padding-left: 15px;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none;
      background: #3399fe; }/* background color of links ======================================== */
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #008cba;
        border-color: #007095;
        color: white; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007095; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: white; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: white; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: white; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 15px;
      padding-left: 15px;
      background-color: #008cba;
      border-color: #007095;
      color: white; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007095; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: white; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: white; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: white; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #0066cb; /* hold background for top row when menu active ============================== */
      color: white; }
    .top-bar-section ul li.active > a {
      background: #008cba;
      color: white; }
      .top-bar-section ul li.active > a:hover {
        background: #0066cb;
        color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5 {
        margin-bottom: 0;
        margin-top: 0; }
        .top-bar-section .dropdown li.title h5 a {
          color: white;
          line-height: 22.5px;
          display: block; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 15px; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #6395ff;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      top: 7px; }
    .top-bar.expanded {
      background: #6395ff; } /* general background ============================================ */

  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #0066cb;
      background: #0066cb; /* hold color for top row with drop down ================================ */
      color: white; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #6395ff; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #0066cb; } /* hover on top row only ============================================= */
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      color: white;
      background: #008cba; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0; }
    .top-bar-section .has-dropdown .has-dropdown > a {
      padding-right: 35px !important; } /* custom ======================== */
	  
	  .top-bar-section .has-dropdown .dropdown li > a {
	  	line-height:30px;
		font-size:0.85rem; 
		/*padding:0px 15px;*/
		/*border-right:1px solid #0066cb;*/
		border-left:1px solid #467ae9} /***** adds padding back to the drop menus ==== ******/	
	  
      .top-bar-section .has-dropdown .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 15px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: .7rem; /* position of carrot =================== */
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: white;
        background: #6395ff; } /* drop down link size, drop down background color ===================== */
      .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: white;
        background-color: #0066cb;
        background: #0066cb; } /* hover and hold for drop and secondary menus ========================= */
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #0066cb; /* top row divider color ======================================= */
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } 
	
	/* remove arrow on top row, restore in below */
	.top-bar-section .has-dropdown > a:after {
      display: none;
      }

	  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      display: block;
       }
	
	/* top row styling */
	.top-bar-section ul li > a { font-weight:bold; }
	
	
	/* 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 BUTTONS
-----------------------------------*/
button, .button {
  padding-top: .4em;
  padding-right: 1.7em;
  padding-bottom: .4625em;
  padding-left: 1.7em;
  font-size: 1em;
  font-weight: bold !important;
  background-color: #0066cb;
  border-radius:5px }
  	button:hover, button:focus, .button:hover, .button:focus {
    	background-color: #3399fe; }
  
  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.575em;
    padding-right: 1.75em;
    padding-bottom: 0.5375em;
    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); } */ }



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

.nobutton {
	background:none;
	border:0;
	text-decoration:underline;
	font-size:0.9rem;
	}
/*---------------------------------
	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;}
*/
.button.cart {
  background-color: #3399fe;
  color: white;
  font-size:18px;
  font-weight:normal;
  padding-top:11px;
  padding-bottom:12px;
  border-radius:0;
  transition: background-color 300ms ease-out;
  -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 7px 7px 7px 0px rgba(0,0,0,0.10); }
  .button.cart:hover, .button.cart:focus {
    background-color: #0072bb; }
  .button.cart:hover, .button.cart:focus {
    color: white; }

.button.wishlist {
  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: background-color 300ms ease-out;
  /*-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 7px 7px 7px 0px rgba(0,0,0,0.10); */}
	
	.button.wishlist.smallwish {
	  font-size:0.9em;
	  padding-top:0.425em;
	  padding-bottom:0.42em; }
		  .button.wishlist.tinywish {
			  /*font-size:0.6em;
			  padding-top:0.425em;
			  padding-bottom:0.42em; */
			  padding-top: 0.625em;
				padding-right: 1.25em;
				padding-bottom: 0.6875em;
				padding-left: 1.25em;
				font-size: 0.6875em;}
  .button.wishlist:hover {
    background-color: white; }


/* wishlist button */
a.expand.button.secondary:hover {color:white}	
	
.vertical-listing {text-align:center;}
.vertical-thumb {
			position:relative;
			height:185px; 
			width:185px;
			margin:0 auto;
			vertical-align:bottom;
			}
			.vertical-thumb img {
			/*position:absolute;
			bottom:0;*/
			max-height:185px;
			max-width:185px;
			}
	
	
/* -----------------------------------------
/* #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: 480px){
	.neg12 {margin-left:-12px}
	}

	@media only screen and (min-width: 991px) and (max-width: 1199px) {
		/*.vertical-thumb {
			height:163px; 
			width:163px;
			border:1px solid red;
			}
			`	.vertical-thumb img {
				max-height:163px; 
				max-width:163px;
				border:3px solid green;
				}*/
				
		.vertical-thumb {
			height:133px; 
			width:133px;
			}
			.vertical-thumb img {
			max-height:132px;
			max-width:132px; 
			}			
	}
	
	@media only screen and (max-width: 1199px) {
		.iMenu.magNav a {
		padding:0px 8px 0 8px;
		}
		/*.vertical-thumb {
		height:163px; 
		width:163px;
		border:1px solid red;
		}
		`	img.vertical-thumb-image {
			max-height:163px; 
			max-width:163px;
			border:3px solid green;
			}*/
	}
	
	@media (max-width: 1009px) {
		.uMenu a {
		font-size:0.9rem;
		line-height:38px;}
		
		.iMenu a {
		font-weight:normal; 
		padding:0px 5px 0 5px;
		font-size:0.9rem}
			
		form.searchbox {margin-top:6px}
		
		form.searchbox.text-button input[type="submit"].postfix {
		font-size:12px;
		padding:0 6px;
		}
		
		ul.menu_footer li.bump {padding-left:5px}
		
		.button.cart, .button.wishlist {font-size:14px;}
		
		#copyright, #copyright a {font-size:0.9rem; margin-bottom:15px}	
		
		.radio-input {
		background-image:none;
		}

	}
	
	@media (max-width: 990px) {
		.vertical-thumb {
		height:122px; 
		width:122px;
		}
			.vertical-thumb img {
			max-height:122px; 
			max-width:122px;
			}
	}
	
	/* 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}
	h2.inline {float:left !important}
	.gary {float:left !important}
	.uMenu a {padding:0 5px; font-size:0.75rem}
	.inline-list.menu_footer li {float:none;}
		.inline-list.menu_footer li h5 {margin-top:10px; margin-bottom:3px}
	img.mobile-space {margin-top:10px}
	
	.button.cart, .button.wishlist {
	  font-size:14px;
	  }	
	.page_border {
		padding:10px;
		}
	
	
	}

	/* 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 }
	
	.pagethru-tiny {display:none}
	
	/* minicart */
	.cart-qty {	margin-left:0px; }
		.cart-qty-2 {margin-left:0px}
	.topinfo {
		width:47px; 
		background: url(../images/layout/cart-bg-2.png) no-repeat 0 bottom; 
		}
	/* remove one column from shopping cart table on small screens */
	table.responsive tr th:nth-child(3), 
	table.responsive tr td:nth-child(3)	{ display:none; visibility:hidden; }
	}