/*
Theme Name:  
Theme Variation: 

Version:     1.0
Copyright:   All rights resevered.
*/

/* START reset.css */
/* CSS Mini Reset */

html,body,div,form,fieldset,legend,label {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}

/* Tables still need 'cellspacing="0"' in the markup. */
/* table {border-collapse:separate;border-spacing:0;}
caption,td {text-align:left;font-weight:normal;}
table,td,th {border:0;vertical-align:top;} */

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Remove annoying border on linked images. */
a img {border:none;}

/* Add dotted underline and change cursor to help. */
abbr[title],dfn[title] {border-bottom:1px dotted rgb(0,0,0);cursor:help;}

/* Safari stop horizontal expand */
textarea {overflow:auto;resize:vertical;}

address {font-style:normal;}

/* IE needs this style for HTML5 elements to work. */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/* END reset.css */

/* START base.css */
/*

Default Theme Styles - contains all the base styles for the frontend CMS product.

*/

a {
    color: #61440C;
    text-decoration: none;
}

a {
    color: #61440C;
    text-decoration: underline;
}

/************************************************************************************
STYLING TOOLS
*************************************************************************************/

.v-align      {vertical-align:middle;}
.f-left,.fl   {float:left !important;}
.f-right,.fr  {float:right !important;}
.f-none       {float:none !important;}

.a-left       {text-align:left !important;}
.a-center     {text-align:center !important;}
.a-right      {text-align:right !important;}

.bold         {font-weight:bold !important;}
.nowrap       {white-space:nowrap; !important;}

/* Clear Floated Elements */
.clear,.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix,*:first-child+html .clearfix{*zoom:1;} /* ie */


/************************************************************************************
TABLES
*************************************************************************************/

/* Defaults */
/* table {font-size:13px;line-height:18px;width:100%;}
table th {
	background: url(//sscdn.net/im/sprite.png) repeat-x 0 0;
	border-top: 1px solid #ccc;
	border-top: 1px solid rgba(0,0,0,0.15);
	font: bold 10px/18px sans-serif;
	padding: 10px 15px!important;
	}
table th:first-child {border-left:1px solid #ccc;border-left:1px solid rgba(0,0,0,0.15);}
table th:last-child {border-right:1px solid #ccc;border-right:1px solid rgba(0,0,0,0.15);}
table td {border-top:1px solid #ccc;border-top:1px solid rgba(0,0,0,0.15);padding:6px 8px;}
caption {font-size:13px;line-height:18px;position:relative;} */

.columnImage,.columnCounter {width:1%;}

.index th {
	font: 10px/12px arial,helvetica,sans-serif;
	padding: 5px;
	text-transform: uppercase;
	}
.index td {padding:10px;}
.controls td {border:0;}

#table-billing-address td,#table-shipping-address td {padding:2px;border-top:0;}
#table-shopping-cart,#table-billing-address,#table-shipping-address {margin-bottom:36px;}

#table-checkout-methods td {border-top:0;}


/************************************************************************************
FORMS
*************************************************************************************/

/* Default Styles */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select {margin:4px;padding:2px;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom;}
input[type="search"] {-webkit-appearance:textfield;}
.txtFieldDesc {display:block;color:#666;font:italic 10px/18px arial,helvetica,sans-serif;margin:0 2px 2px 2px;}
.asterisk {color:#dc241f;padding:0 0 0 5px;}
.disabled {background:#d4d0c8!important;color:#808080!important;}

/* Form submission error styles */
.error {background-color:#ffeeee;color:#000;}
label.error {background-color:transparent!important;color:#d91a00!important;}

/* Login Page */
#frmLogin {padding:18px;}
#frmLogin table#table-login td,#frmLogin table#table-login th {padding:10px 5px 0 0;}
#frmLogin table#table-login .button {margin-top:9px;}
#table-login tbody tr td {border-right:1px solid #ccc;border-right:1px solid rgba(0,0,0,0.15);}


/************************************************************************************
BUTTONS
*************************************************************************************/

/* Buttons - Default styles */
.button {
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
	border: 1px solid #adadad;
	color: #050505 !important;
	display: inline-block;
	*zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline; /* ie6 & ie7 */
	vertical-align: baseline;
	margin: 4px;
	outline: 0 !important;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% arial,helvetica,sans-serif;
	overflow: visible;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	white-space: nowrap;
	width: auto;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	-o-border-radius: 4px;
	border-radius: .4em;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	transition: background-color .2s ease;
	-moz-box-shadow:
		0 1px 2px rgba(000,000,000,0.1),
		inset 0 0 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0 1px 2px rgba(000,000,000,0.1),
		inset 0 0 2px rgba(255,255,255,1);
	box-shadow:
		0 1px 2px rgba(000,000,000,0.1),
		inset 0 0 2px rgba(255,255,255,1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
	}
.button:hover {
	color: #111 !important;
	border: 1px solid #939393;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	-moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	}
.button:active {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	position: relative;
	top: 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
input::-moz-focus-inner,button::-moz-focus-inner {border:0;}

/* Buttons - Size */
.large {
	font-size: 14px;
	line-height: 18px;
	padding: 8px 12px;
	}
.medium {
	font-size: 12px;
	line-height: 15px;
	padding: 5px 10px;
	}
.small {
	font-size: 11px;
	line-height: 12px;
	padding: 2px 5px;
	}


/************************************************************************************
NAVIGATION
*************************************************************************************/

/* Breadcrumbs */
#breadcrumbs {font:10px/18px sans-serif;margin-bottom:18px;}

/* Pagination */
.ss-pagination {margin:24px 0;text-align:center;}
.ss-pagination div {display:inline-block;}
.ss-pagination .pages {margin-bottom:18px;}
.ss-pagination a {
	background: #fff;
	background: rgba(255,255,255,0.5);
	border: 1px solid #e5e5e5;
	border: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	min-width: 15px;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	*zoom: 1;/* ie6 & ie7 */
	}
.ss-pagination a.current,.ss-pagination a.current:hover {
	background: #fff;
	border-color: #fff;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	}
.ss-pagination a:hover {background:#fff;text-decoration:none;}
.ss-pagination .next {float:right;}
.ss-pagination .prev {float:left;}
.ss-pagination p {clear:both;display:block;margin:0;}

/************************************************************************************
MESSAGES - System messages
*************************************************************************************/

ul.ss-messages {
	border-style: solid;
	border-width: 1px;
	display: block;
	font: normal 11px/18px monospace;
	line-height: 18px;
	list-style: none;
	margin: 18px 0 18px 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: auto;
	}
ul.ss-messages li {display:block;padding:10px 15px;}
	
ul.ss-messages.msg-success {background-color:#eff5ea;border-color:#cfe5bc;color:#3d6611;}
ul.ss-messages.msg-error {background-color:#ffeeee;border-color:#e5bcbc;color:#d91a00;}
ul.ss-messages.msg-warning {background-color:#fafaec;border-color:#fcd344;}


/************************************************************************************
BLOG / ARTICLES
*************************************************************************************/

ul.posts {
	margin: 16px 0 32px 0;
	padding: 0;
	}
ul.posts li {
	list-style-type: none;
	margin: 0 0 10px;
	overflow: hidden;
	}
ul.posts.inline li {
	display: inline;
	line-height: 138%;
	margin: 0;
	}
ul.posts li.last {
  margin:0;
	}
.posts h2 {
	margin-bottom: 5px;
	padding-bottom: 0;
	}
.posts span.post-meta {
	color: #666;
	font-size: 11px;
	}
.posts span.post-author {
	font-style: italic;
	}
.posts li.exerpt {
	border-bottom: 1px solid #dfdfdf;
	display: block;
	padding: 10px 0;
	margin:0;
	}
.posts li.exerpt img {
	background: #fff;
	border: 1px solid #efefef;
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
	padding: 4px;
	}
.posts img.post-image-right {
	background: #fff;
	border: 1px solid #efefef;
	float: right;
	margin: 10px 0 10px 10px;
	padding: 4px;
	}
.posts img.post-image-left {
	background: #fff;
	border: 1px solid #efefef;
	float: left;
	margin: 10px 10px 10px 0;
	padding: 4px;
	}


/************************************************************************************
WISHLIST
*************************************************************************************/

#ssWishlist .productStatus {color:#acacac;text-shadow:0 1px 0 rgba(255,255,255,0.2);}
#ssWishlist .productPrice {font-weight:bold;}
#ssWishlist .wlTotal td {font-size:18px;}
#ssWishlist .wlTotal td:last-child {font-weight:bold;}
.shareWishlistDetails {margin:18px 0;}
.shareWishlistDetails td {padding:10px;}
.shareWishlistDetails tr td:first-child {font-weight:bold;text-align:right;width:20%;}


/************************************************************************************
CONTENT
*************************************************************************************/


/************************************************************************************
E-COMMERCE - Sorting Tools
*************************************************************************************/

/* Tools - (Sort By / Items / View Mode) */
body #ss-tools {
	background: url(//sscdn.net/im/sprite.png) repeat-x 0 -2px;
	border: 1px solid #ccc; /* IE */
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: #191919;
	clear: both;
	font: normal 10px/18px sans-serif;
	margin: 0;
	padding: 8px 10px;
	width: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
body #ss-tools ul {
	display: block;
	float: left;
	font-family: arial,"helvetica neue",helvetica,sans-serif;
	font-size: 11px;
	margin: 0 25px 0 0;
	padding: 0;
	}
body #ss-tools li {
	color: #999;
	color: rgba(0,0,0,0.5);
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	list-style: none;
	line-height: 18px;
	padding: 0;
	*zoom: 1;
	}
body #ss-tools a {font-size:11px;padding:2px 5px;}
body #ss-tools li.current a {
	background: rgba(0,0,0,.05);
	color: #000;
	cursor: default;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
	text-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

/* View Mode */
body #ss-tools ul#ss-view-mode {margin-right:0;}

/************************************************************************************
E-COMMERCE - Category View
*************************************************************************************/

/* Sub-Category List */
#ss-subcategory-list {margin:0 0 18px 0;padding:0;}
#ss-subcategory-list ul {letter-spacing:-4px;list-style:none;margin:0;padding:0;}
#ss-subcategory-list ul li {
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	letter-spacing: normal;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 220px;
	zoom: 1; /* ie7 */
	}
#ss-subcategory-list ul li a {display:block;margin:0;}
	.ss-subcategory-link {position:relative;}
	.ss-subcategory-link img {background:#fff;display:block;}
	.ss-subcategory-name {font-size:18px;line-height:20px;margin:0;padding:18px 0;}

/* Layout - Applies to all view modes */
ul.ss-category {letter-spacing:-4px;margin:22px 0 0 0;}
ul.ss-category,.ss-product {padding:0;list-style:none;}
.ss-product {
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	letter-spacing: normal;
	margin: 32px 0 0 0;
	*zoom: 1; /* ie7 */
	}
.ss-category li.last {}

/* Layout Mode - Grid View */
#ss-mode-grid .ss-product {margin:0 10px 50px 10px;padding:0;position:relative;vertical-align:top;}
	#ss-mode-grid .ss-product-item {margin:0;padding:0;}
	  #ss-mode-grid .ss-product-thumb-link {display:inline-block;}
		#ss-mode-grid .ss-product .ss-product-name {display:block;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
		#ss-mode-grid ul.ss-product-actions {margin:0;padding:0;}

/* Layout Mode - List View */
#ss-mode-list .ss-product {clear:both;display:block;border-bottom:1px solid #ccc;border-bottom:1px solid rgba(0,0,0,0.08);}
	#ss-mode-list .ss-product .ss-product-name {font-size:14px;}
	#ss-mode-list .ss-product-thumb-link {display:block;float:left;margin:0 22px 22px 0;padding:0;}
	#ss-mode-list ul.ss-product-actions li {vertical-align: middle;}

/* Layout Mode - Mini View */
#ss-mode-mini .ss-product {margin:24px 1% 0 1%;padding:0;}

/* Product - Images */
.ss-product-thumb-link {
	display: block;
	margin-bottom: 18px;
	position: relative;
	}
img.ss-product-thumb {display:block;}
	#ss-product-images {float:left;}
	#ss-product-images img {-ms-interpolation-mode:bicubic;}
	#ss-product-images .panel {padding:0;}
	#ss-product-description {width:auto;}

/* Product - Flags */
.ss-product .flag-new,.ss-product .flag-sale,.ss-product .flag-featured {
	background: #d8d4d4; /* IE 6,7,8 */
	background: rgba(0,0,0,0.4);
	color: #fff;
	font: 12px/15px helvetica,arial,sans-serif;
	padding: 4px 6px;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	bottom: 12px;
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
	}
.ss-product .flag-new {
	background: #f0b10a;
	background: -moz-linear-gradient(top, #f0b10a 52%, #e5a508 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#f0b10a), color-stop(50%,#e5a508));
	background: -webkit-linear-gradient(top, #f0b10a 52%,#e5a508 50%);
	background: -o-linear-gradient(top, #f0b10a 52%,#e5a508 50%);
	background: -ms-linear-gradient(top, #f0b10a 52%,#e5a508 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b10a', endColorstr='#e5a508',GradientType=0 );
	background: linear-gradient(top, #f0b10a 52%,#e5a508 50%);
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	}
.ss-product .flag-sale {
	background: #c21c1c;
	background: -moz-linear-gradient(top, #c21c1c 50%, #a81d17 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#c21c1c), color-stop(50%,#a81d17));
	background: -webkit-linear-gradient(top, #c21c1c 50%,#a81d17 50%);
	background: -o-linear-gradient(top, #c21c1c 50%,#a81d17 50%);
	background: -ms-linear-gradient(top, #c21c1c 50%,#a81d17 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21c1c', endColorstr='#a81d17',GradientType=0 );
	background: linear-gradient(top, #c21c1c 50%,#a81d17 50%);
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	}
.ss-product .flag-featured {}

/************************************************************************************
E-COMMERCE - Product View
*************************************************************************************/

/* Main Image */
.ss-product-detail-image {position:relative;}
.ss-product-detail-image-link img {display:block;}

.enlarge {
	background-image: url(//sscdn.net/im/icnZoom.png);
	background-image: url(//sscdn.net/im/clear.gif)\9; /* IE8 and below */  
	background-repeat: no-repeat;
	background-position: 99% 99%;
	bottom: 0;
	cursor: pointer;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	text-indent: -9999px;
	filter: alpha(opacity = 30);
	opacity: 0.30;
	}
.enlarge:hover {
	filter: alpha(opacity = 30);
	opacity: 30;
	}

/* Image Thumbs */
.ss-product-detail-image-thumbs ul {margin:18px 0 0 0;padding:0;letter-spacing:-4px;}
.ss-product-detail-image-thumbs li {
	display: inline-block;
	list-style: none;
	margin: 7px 0 0 7px;
	letter-spacing: normal;
	padding: 0;
	*display: inline; /* ie6 & ie7 */
	word-spacing: -1em;
	*zoom: 1; /* ie7 */
	}
.ss-product-detail-image-thumbs a {display:block;}
.ss-product-detail-image-thumbs img {
	border: 1px solid #e5e5e5;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
	}
.ss-product-detail-image-thumbs li.current a img {border-color:rgba(0,0,0,1);}

/* Category View */
.ss-product-name {font:normal 11px/18px sans-serif;margin:0;text-align:left;}
.ss-product-status {font-weight:bold;}
.ss-product-status span {color:#85b141;font-weight:normal;}
.ss-product-description {margin:18px 0 18px 0;}
.ss-product-price {display:block;font-size:16px;font-weight:bold;margin:0 0 18px 0;padding:0;}
.ss-product-price.sale {color:#b41014;text-align:left;}
.ss-product-price .rrp {
	color: #767676;
	color: rgba(0,0,0,0.5);
	font-size: 12px;
	margin-bottom: 0;
	text-decoration: line-through;
	}

.ss-product .ss-product-actions {margin:0 0 18px 0;padding:0;}
.ss-product .ss-product-actions li {display:inline-block;*display:inline;font-size:9px;list-style:none;margin:0;padding:0;*zoom:1;}

/* Product Price */
#ss-product-description .ss-product-price {font-size:23px;}

/* Product Options */ 
.ss-options-radio li {
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	width: 50px;
	margin: 5px 5px 18px 5px;
	text-align: center;
	zoom: 1;
	}
.ss-options-radio label {cursor:pointer;display:block;}
.ss-options-radio label:hover img {
	-moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0,0,0,.2);
	}

/* Product Description */
.ss-product-description-long {clear:both;}

/* Product Description (Multiple) TABS */
ul.ss-product-additional-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	}
ul.ss-product-additional-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	}
ul.ss-product-additional-tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	}
ul.ss-product-additional-tabs li a:hover {background:#ccc;}   
html ul.ss-product-additional-tabs li.active, html ul.ss-product-additional-tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
	}
.ss-product-additional-tab-container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
.ss-product-additional-tab-content {padding:20px;}

/* Product Options */
.ss-product-options {margin:18px 0;}
	.ss-product-options ul,.ss-product-options li {margin:0;padding:0;}
	  .ss-product-options li {margin:0 10px 12px 0;}

/* Add to Cart */
form#add-to-cart {margin-top:18px;}
	.ss-qty,.ss-add-to-cart {display:inline;}
	#ss-product-description .ss-qty,#ss-product-description .ss-add-to-cart {}

/* Related Products */
.ss-related-products {margin:18px 0;clear:both;}
  .ss-related-products ul {clear:both;margin:0;padding:0;}
	.ss-related-products .ss-product {margin:0 10px 50px 10px;padding:0;position:relative;vertical-align:top;}
	.ss-related-products .ss-product-thumb-link {display:inline-block;}
	.ss-related-products .ss-product-name {display:block;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}



/************************************************************************************
E-COMMERCE - Shopping Cart
*************************************************************************************/

/* Defaults */
.checkout-methods,.checkout-subscriptions {clear:both;}
.ss-data-table {line-height:18px;margin-bottom:22px;}
.ss-data-table td {padding:10px 15px;}
.ss-data-table input[type="text"],
.ss-data-table input[type="email"],
.ss-data-table input[type="tel"] {width:180px;}
.ss-data-table select {min-width:188px;_width:188px;}
.ss-data-table label {line-height:24px;white-space:nowrap;}

#table-shopping-cart th,#table-shopping-cart td,#ssWishlist td {
	padding: 10px 15px;
	text-align: left;
	vertical-align: top;
	}

/* Table Header */
#table-shopping-cart th,#table-address th,#ssWishlist th {
	font: bold 10px/18px sans-serif;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	}

/* Table Body */
#table-shopping-cart .ss-cart-code {font-family:monospace;font-size:10px;}
#table-shopping-cart ul.ss-cart-product-options {font-family:sans-serif;font-size:10px;}

/* Table Footer */
#table-shopping-cart tfoot td {border-bottom:0;}

/* Buttons */
#table-shopping-cart td.ss-cart-update .button {margin-right:5px;vertical-align:middle;}

/* Other */
#table-shopping-cart td input,
#table-shopping-cart td.ss-cart-remove .button {margin:0;}

/* Totals */
#table-shopping-cart td.empty {border:0;}


/************************************************************************************
E-COMMERCE - Checkout
*************************************************************************************/

/* Newsletter Subscribe */
ul.ss-subscriber-list {list-style:none;margin:0;padding:0;}
ul.ss-subscriber-list li {margin:0 0 18px 0;padding:0;}
ul.ss-subscriber-list li.last {margin:0;}
ul.ss-subscriber-list label {font-weight:bold;margin:0;}
ul.ss-subscriber-list span {margin:0;}

/* Gift Message */

textarea#giftMessage {width:99%;}

/************************************************************************************
E-COMMERCE - Mini Cart
*************************************************************************************/

.ss-minicart {margin-bottom:18px;}
.ss-minicart tbody {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.ss-minicart td {font:normal 10px/18px sans-serif;padding:8px;}
.ss-minicart-totals td {padding:8px;}
#aside-minicart .total {font-weight:bold;}
.cartCurrency,.cartItemOnePrice,.cartItemTwoPrice,.cartItemThreePrice {font-weight:bold;}

/************************************************************************************
FIX LEGACY BROWSERS - Fixes for older browsers
*************************************************************************************/

/* automatic self-clear floats */
#ss-tools:after,
#ss-subcategory-list ul:after,
.ss-pagination:after,
.ss-category:after,
#ss-mode-list .ss-product:after,
.ss-product-detail:after,
.ss-product-detail-image-thumbs ul:after,
.ss-related-products:after,
.group:after {
	content: "."; 
	clear: both;
	display: block; 
	height: 0; 
	visibility: hidden;
	}
    
/* IE7 */
*:first-child+html #ss-tools,
*:first-child+html .ss-pagination,
*:first-child+html #ss-subcategory-list ul,
*:first-child+html .ss-category,
*:first-child+html .ss-product-detail,
*:first-child+html .ss-product-detail-image-thumbs ul,
*:first-child+html .ss-related-products,
*:first-child+html .group,
*:first-child+html #wrap {
	min-height: 1px;
	}


#ss-subcategory-list h2.ss-subcategory-name {text-align:center;}

/* END base.css */


/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/

.clearFix {display:inline-block;}
.clearFix:after {display:block;visibility:hidden;clear:both;height:0;content: " "; }


.curved {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url('ie-css3.htc');}

.box-shadow {
  -moz-box-shadow: 0px 3px 5px  #999; /* Firefox */
  -webkit-box-shadow: 0px 3px 5px #999; /* Safari, Chrome */
  box-shadow: 0px 3px 5px #999; /* CSS3 */
  behavior: url('ie-css3.htc');
}

.no-margin{margin:0!important}

.text-indent{display:block;overflow:hidden;text-indent:-999em;font-size:0;line-height:0;}
.text-indent:hover{text-decoration:underline}

html, body {background:#d6e0c0;}

/* body{font:75% Verdana, Geneva, sans-serif;} */
body { font: normal 14px/1.4em 'Open Sans', Arial, Helvetica, sans-serif; }

h1 { font: 300 40px/1.2em 'Open Sans', Arial, Helvetica, sans-serif; }
h2 { font: 400 28px/1.2em 'Open Sans', Arial, Helvetica, sans-serif; }
h3 { font: 400 21px/1.2em 'Open Sans', Arial, Helvetica, sans-serif; }

#page-wrapper {padding-bottom:15px;background:url('bg-content-repeat.jpg') 0 0 repeat;position:relative;}
	#page-wrapper:before {background:transparent url('bg-body.jpg') repeat-x 50% 0;content:' ';display:block;top:0;left:0;right:0;height:122px;position:absolute;}
#wrapper{width:1100px;position:relative;margin:0 auto}

#header-section{height:92px;width:1100px;z-index:10}
#logo{width:212px;height:246px;position:absolute;top:0px;left:-9px;display:block;z-index:100}

/* #navBlock { display: block; width: 100%; height: auto; background: #eee; position: absolute; top: 0; z-index: 99; clear: both; } */
#navBar { max-width: 900px; float: right; margin: 45px 0 0 0; background: transparent; position: relative; text-align: right; z-index: 99; }
#navBar #mobileNav { display: none; }
ul.mainMenu { 
	width: auto;
	padding: 0 0 0 0;
	margin: 0 auto;
	list-style: none;
	z-index: 100;
	float: right; }
ul.mainMenu * { margin: 0; padding: 0; list-style: none; z-index: 100; }
ul.mainMenu ul { position: absolute; top: -999em; width: 200px; }
ul.mainMenu li:hover { visibility: inherit; }
ul.mainMenu a { display: block; position: relative; text-decoration: none; }
ul.mainMenu li:hover ul,
ul.mainMenu li.sfHover ul { left: -1px; top: 42px; z-index: 99; }
ul.mainMenu li.last:hover ul,
ul.mainMenu li.last.sfHover ul { left: auto; right: 0; top: 48px; z-index: 99; }
ul.mainMenu li:hover li ul,
ul.mainMenu li.sfHover li ul { top: -999em; }
ul.mainMenu li li:hover ul,
ul.mainMenu li li.sfHover ul { left: 200px; top: 0; }
ul.mainMenu li li:hover li ul,
ul.mainMenu li li.sfHover li ul { top: -999em; }
ul.mainMenu li li li:hover ul,
ul.mainMenu li li li.sfHover ul { left: 200px; top: 0; }
ul.mainMenu li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	text-align: center; }
ul.mainMenu > li { background: url(bg-nav-li.jpg) right top no-repeat; }
ul.mainMenu > li.first { background: none; display: none; }
ul.mainMenu > li:nth-of-type-last(1) { background: none; }
ul.mainMenu li a {
	color: #ffeaa1;
	text-decoration: none;
	font: 400 14px/33px 'Roboto', Arial, sans-serif;
	padding: 0 10px;
	display: block; }
ul.mainMenu li ul { z-index: 100; padding: 10px; background: #A9B796; }
ul.mainMenu li li.first, 
ul.mainMenu li li.last, 
ul.mainMenu li li { margin: 0px auto; background: #A9B796; width: 100%; border-bottom: 1px solid #869075 !important; }
ul.mainMenu li li a {
	padding: 8px 15px 8px 15px !important;
	font: 400 13px/13px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	color: #fff;
	border: none; }
ul.mainMenu li:hover,
ul.mainMenu li.sfHover,
ul.mainMenu li a:focus,
ul.mainMenu li a:hover,
ul.mainMenu li a:active,
ul.mainMenu li.sfHover > a { color: #fff; }
ul.mainMenu li li:hover,
ul.mainMenu li li.sfHover,
ul.mainMenu li li a:focus,
ul.mainMenu li li a:hover,
ul.mainMenu li li a:active,
ul.mainMenu li li.sfHover > a { background: #fff; color: #000; }
ul.mainMenu li li li:hover,
ul.mainMenu li li li.sfHover,
ul.mainMenu li li li a:focus,
ul.mainMenu li li li a:hover,
ul.mainMenu li li li a:active,
ul.mainMenu li li li.sfHover > a { background: #fff; color: #000; }
span.submenuTrigger,
button.homeBtn { display: none; }

#order-checkout{text-align:right;height:25px;line-height:25px;background:#000;color:#ffeaa1;padding:0 10px 0;margin-bottom:15px;}
#order-checkout a{color:#ffeaa1;text-decoration:none;}
#order-checkout a:hover{text-decoration:underline;}
#order-amount{padding-right:20px}

#masthead {width:1100px;height:360px;position:relative;z-index:10;margin-bottom:1.2%;}
#masthead .slide {width:100%;height:360px;background-size:cover;background-position:50% 40%;}
#masthead .slide:nth-of-type(n + 2) {display:none;}
#masthead .text {position:absolute;top:120px;left:0;width:460px;padding:15px;color:#fff;font-size:13px;z-index:90;background:rgba(0,0,0,.15);}
#masthead .text h1 {color:#fff;font-weight:normal;font-size:24px;}
#masthead .text a { color: #fff; text-decoration: none; }
#masthead .cycle-pager {text-align:right;line-height:56px;position:absolute;right:0;left:0;bottom:0;padding:0 15px;z-index:110;font-size:30px;color:rgba(255,255,255,0.5);}
#masthead .cycle-pager span {margin:0 2px;cursor:pointer;}
#masthead .cycle-pager span.cycle-pager-active {color:#ffffff;}

#mastheadBGOverlay { 
	position: absolute;
	// background: url(banner_overlay.png) left top no-repeat;
	width: 1100px;
	height: 360px;
	z-index: 60; }
#mastheadBG { width: 990px; height: 360px; z-index: 50; }

#masthead-default {padding-bottom:28.28%;position:relative;background: url(masthead.jpg) 50% 50% no-repeat;background-size:cover !important;}
#masthead-default #masthead-text {position:absolute;top:100px;left:0;width:460px;padding-left:15px;color:#b5ca97;font-size:16px;}

#mid-section{width:1100px;}

#left-col{width:256px;float:left}
#left-col ul{list-style-type:none;padding:0;margin:0;}
#left-col .showSideBarMob { display:none; }

.left-block{width:214px;background:#F5FFE4 url('bg-box-head.png') repeat-x 0 0;padding:45px 12px 12px;border:1px solid #A5B392;border-top-width:0;position:relative;margin-bottom:12px}
.left-block h2{width:223px;height:43px;background:transparent url('box-header.png') no-repeat 100% -50px;padding:0 33px 0 0;position:absolute;top:0;left:-9px;margin:0;}
.left-block h2 span{width:213px;display:block;height:35px;background:transparent url('box-header.png') no-repeat 0 0;padding:8px 0 0 10px;color:#d3e2bc;font-size:14px;font-weight:normal;}

.right-block{width:266px;background:#F5FFE4 url('bg-box-head.png') repeat-x 0 0;padding:45px 10px 12px;border:1px solid #A5B392;border-top-width:0;position:relative;margin:0 0 12px 9px}
.right-block h2{width:271px;height:43px;background:transparent url('box-header.png') no-repeat 100% -50px;padding:0 33px 0 0;position:absolute;top:0;left:-9px;margin:0;}
.right-block h2 span{width:213px;display:block;height:35px;background:transparent url('box-header.png') no-repeat 0 0;padding:8px 0 0 10px;color:#d3e2bc;font-size:14px;font-weight:normal;}

#right-col-content {background:#ffffff url('bg-box-head.png') repeat-x 0 0;padding:45px 10px 12px;border:1px solid #A5B392;border-top-width:0;position:relative;margin:12px 9px;height:auto!important;min-height:699px;height:699px;}
#right-col-content span#titlebar {height:43px;background:transparent url('box-header.png') no-repeat 100% -50px;padding:0 33px 0 0;position:absolute;top:0;left:0;margin:0;right:-9px;}
#right-col-content span#titlebar:before {content:'';background:transparent url('box-header.png') no-repeat 0 0;display:block;width:9px;height:43px;position:absolute;left:-9px;top:0;}
#right-col-content span#titlebar h1 {color: #D3E2BC; font-size: 14px; font-weight: normal; padding:8px 0 0 17px; margin:0;}
#right-col-content h2 span {display:block;padding:8px 0 0 10px;color:#d3e2bc;font-size:14px;font-weight:normal;}

#featuredProducts{}
#featuredProducts .featuredProduct { float: left; width: 122px; margin: 0px 5px 5px 5px; }
#featuredProducts img{border:1px solid #9FB682}
#featuredProducts .product-price{color:#d91614;display:block;margin:5px 0 0}

#search-bar input.inputBox,#newsletter input.inputBox{width:212px;height:25px;padding:0; margin:0 0 11px 0; line-height:25px;border:1px solid #A5B392;}
#search-bar input.buTTon,#newsletter input.buTTon{width:69px;height:25px;background:#739246 url('bg-search-btn.jpg') no-repeat 0 0;color:#000;border:none;postiion:relative;float:right;}

#left-nav ul li{height:30px;line-height:30px;border-top:1px solid #A8B395;}
#left-nav ul li a{height:30px;line-height:30px;text-decoration:none;color:#61440C;display:block;}
#left-nav ul li a:hover{text-decoration:underline;}
#left-nav ul li.first{border:none;}

#right-col{float:right;width:720px;}
#right-col table td{vertical-align:top}

#hpLeft { float: left; }
#hpRight { float: right; }

#bent-on-food-cafe{width:235px;height:313px;background:transparent url('bg-bent-on-food-cafe.jpg') no-repeat 0 0;padding:0 163px 15px 0;border-bottom:1px solid #A9B796;margin-bottom:15px;}
#bent-on-food-cafe h2{color:#fff;font-weight:normal;font-size:14px;margin:0;padding:7px 0 0 25px;width:205px;height:95px;}
#bent-on-food-cafe ul{list-style-type:none;margin:0;padding:0 0 0 30px;height:185px;overflow-y:auto;width:205px;}
#bent-on-food-cafe ul li{height:25px;border-bottom:1px solid #F1DB6C;width:185px;}
#bent-on-food-cafe ul li a{color:#fff;text-decoration:none;display:block;height:25px;line-height:25px;}
#bent-on-food-cafe ul li a:hover{text-decoration:underline;}

#bent-on-life{width:235px;height:193px;background:transparent url('bg-bent-on-life.jpg') no-repeat 0 0;padding:0 163px 15px 0;border-bottom:1px solid #A9B796;margin-bottom:15px;}
#bent-on-life h2{color:#fff;font-weight:normal;font-size:14px;margin:0;padding:7px 0 0 25px;width:205px;height:95px;}
#bent-on-life ul{list-style-type:none;margin:0;padding:0 0 0 30px;height:75px;overflow-y:auto;width:205px;}
#bent-on-life ul li{/*height:25px;*/border-bottom:1px solid #F1DB6C;width:185px;}
#bent-on-life ul li a{color:#fff;text-decoration:none;display:block;/*height:25px;*/line-height:25px;}
#bent-on-life ul li a:hover{text-decoration:underline;}

#bent-on-food{width:235px;height:195px;background:transparent url('bg-bent-on-food.jpg') no-repeat 0 0;padding:0 163px 0 0;margin-bottom:15px;}
#bent-on-food h2{color:#fff;font-weight:normal;font-size:14px;margin:0;padding:7px 0 0 25px;width:205px;height:65px;}
#bent-on-food ul{list-style-type:none;margin:0;padding:0 0 0 30px;height:185px;overflow-y:auto;width:205px;}
#bent-on-food ul li{height:25px;border-bottom:1px solid #fff;width:185px;}
#bent-on-food ul li a{color:#fff;text-decoration:none;display:block;height:25px;line-height:25px;}
#bent-on-food ul li a:hover{text-decoration:underline;}

#cooking-classes{}
/* #cooking-classes a{display:block;margin-bottom:15px}
#cooking-classes a img{display:block;} */
#cooking-classes .cooking-class { width: 303px; height: 122px; border: 1px solid #d7e2c4; background: #f5ffe6; overflow: hidden; margin-bottom: 14px; }
#cooking-classes .cooking-class-img { float: left; width: 128px; }
#cooking-classes .cooking-class-content { float: right; width: 155px; padding: 10px; }
#cooking-classes .cooking-class-content h2 { text-transform: uppercase; font: normal 20px/22px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
	#cooking-classes .cooking-class-content h2 a { text-decoration: none; color: #68290a; }
#cooking-classes .cooking-class-content h3 { text-transform: uppercase; font: bold 15px/27px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #d8e2c7; }
	#cooking-classes .cooking-class-content h3 a { text-decoration: none; color: #000000; }
#cooking-classes .cooking-class-content p { font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
	#cooking-classes .cooking-class-content p a { text-decoration: none; color: #869075; }
	
#happenings{}
/* #happenings a{display:block;margin-bottom:15px}
#happenings a img{display:block;} */
#happenings .happenings { width: 303px; border: 1px solid #d7e2c4; background: #f5ffe6; overflow: hidden; margin-bottom: 14px; }
#happenings .happenings-img { float: left; width: 128px; }
#happenings .happenings-content { float: right; width: 155px; padding: 10px; }
#happenings .happenings-content h2 { text-transform: uppercase; font: normal 20px/22px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
	#happenings .happenings-content h2 a { text-decoration: none; color: #68290a; }
#happenings .happenings-content h3 { text-transform: uppercase; font: bold 15px/27px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #d8e2c7; }
	#happenings .happenings-content h3 a { text-decoration: none; color: #000000; }
#happenings .happenings-content p { font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
	#happenings .happenings-content p a { text-decoration: none; color: #869075; }

#footer-section{width:100%;padding-top:20px;background:#d6e0c0;font:12px normal Arial, Helvetica, sans-serif;line-height:1.3em;border-top:1px dashed #9aa876;}
#footer-wrapper{width:1100px;margin:0 auto 10px;}
#footer{margin:0 auto;position:relative}
#footer h3{background:#D3E1BD url('bg-footer-header.jpg') no-repeat 100% 0;height:32px;line-height:32px;padding:0 34px 0 16px;font-size:14px;font-weight:normal;margin:0 0 10px;text-align:left;}

#pay-online{width:25%;float:left;margin-right:2%;text-align:center;}
#pay-online a{width:auto;display:inline-block;}
.footer-content{background-color:#F5FFE4;padding:15px;height:150px;border:1px solid #A5B392}

#recent-events{float:left;width:46%;margin-right:2%}
.event{border-top:1px solid #97A87B;padding-top:10px}
.event.first{border:none;padding:0;}
.event h4{margin:0}
.event p{margin:0 0 10px;color:#576d35}
.event-date{color:#939393;font-size:11px;}

#contact-us{width:25%;float:left;}
#contact-us h4{color:#67774d;font-size:14px;font-weight:normal;margin:0;}
#contact-us .footer-content{color:#4d4f4b;font-size:12px;line-height:1.4em;}
#contact-us .footer-content a{text-decoration:none;color:#4d4f4b;}
#contact-us .footer-content a:hover{text-decoration:underline}
#social-links {margin-top:10px}
#social-links a{width:128px;height:48px;display:block;float:left;}
#social-links .facebook-link{margin-right:10px}

#copyright{width:100%;height:45px;}
#copyright-content-wrapper{width:1100px;margin:0 auto;font-family:'Roboto',Arial,sans-serif;}
#copyright-content{width:1100px;font-size:11px;color:#fff;line-height:45px;color:#778462;}
#copyright-content a{color:#778462;text-decoration:none;}
#copyright-content a:hover{text-decoration:underline;}
#copyright-text{float:left;}
#copyright-links{float:right;}






#navBar {margin-top:0;}
	#navBar .call-to-action {margin:0;font-size:21px;line-height:27px;padding:12px 0 6px;}
		#navBar .call-to-action a {color:#ffffff;text-decoration:none;}
			#navBar .call-to-action a:before {content:'\f098';font-family:FontAwesome;margin-right:10px;}

h2 {font-size:28px;font-weight:normal;}
.content-area {margin-top:53px;text-align:center;}
	.content-area h2 {margin-top:0;}

.form-newsletter {}
	.form-newsletter p {margin-bottom:24px;}
	.form-newsletter input[type="email"] {border:1px solid #abb598;padding:0 8px;height:30px;line-height:normal;margin:0;width:100%;box-sizing:border-box;}
	.form-newsletter .button-wrapper {text-align:right;margin-top:20px;}
		.form-newsletter .button-wrapper button {color:#000000;border:1px solid #abb598;min-width:76px;height:26px;padding:5px 10px;font-weight:700;background:rgb(176,194,149);background: linear-gradient(to bottom, rgba(176,194,149,1) 0%,rgba(145,165,112,1) 50%,rgba(123,145,81,1) 100%);box-shadow:inset 0 1px 3px #c4d6a5;cursor:pointer;}

img {display:inline-block;max-width:100%;height:auto;}
a {word-break:break-word;}

@media(max-width:840px) {
	table.table-840, table.table-840 tbody, table.table-840 thead, table.table-840 tfoot, table.table-840 tr, table.table-840 td, table.table-840 th {display:block;width:auto !important;text-align:left !important;}
}




@media handheld, only screen and (max-width: 1100px) {
#wrapper{width:auto;margin:0 10px;}
#header-section{width:100%;}
#navBar { width: auto; }
ul.mainMenu li a {
	font: 400 11px/33px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0 7px; }
#masthead{width:auto;}
#masthead .text {width:70%;top:30px;}
#mastheadBGOverlay{width:100%;background: url(banner_overlay.png) right top no-repeat;}
#mastheadBG{width:auto;}

#masthead-default {width:auto;}

#mid-section{width:100%;}

#left-col{width:24%;padding:0 1% 0 0;}

.left-block{width:auto;}
.left-block h2{width:auto;background:none;}
.left-block h2 span{width:auto;}

#search-bar input.inputBox,#newsletter input.inputBox{width:98%;}

#right-col{float:right;width:75%;}
#right-col-content{width:auto;}

#hpLeft { float: left; width: 50%; }
#hpRight { float: right; width: 49%; }


#bent-on-food-cafe,
#bent-on-life,
#bent-on-food { width: 68%; padding-right: 32%; max-width: 235px; margin: 0 auto; }
#bent-on-food-cafe h2,
#bent-on-life h2,
#bent-on-food h2 { width: auto; padding: 7px 0 0 5%; }
#bent-on-food-cafe ul,
#bent-on-life ul,
#bent-on-food ul,
#bent-on-food-cafe ul li,
#bent-on-life ul li,
#bent-on-food ul li { width: auto; }

#cooking-classes .cooking-class,
#happenings .happenings { width: auto; }

#cooking-classes .cooking-class-img,
#happenings .happenings-img { width: 29%; }
#cooking-classes .cooking-class-img img,
#happenings .happenings-img img { width: 100%; height: auto; }

#cooking-classes .cooking-class-content,
#happenings .happenings-content { width: 68%; padding: 10px 1%; }

.right-block{width:auto;}
.right-block h2{width:auto;background:none;}
.right-block h2 span{width:auto;}

#footer-section{width:auto;padding:20px 10px;}
#footer-wrapper{width:auto;margin:0;}

#pay-online { width: 20%; margin: 0; }
#recent-events { width: 58%; margin: 0 1%; }
#contact-us { width: 20%; margin: 0; }

#footer,
.footer-content { display: block; height: auto; }

#copyright-content-wrapper{width:auto;margin:0 10px;}
#copyright-content{width:auto;}





#logo{width:130px;height:auto;position:absolute;top:0px;left:-11px;display:block;z-index:100}
#logo img { width: 100%; height: auto; }

#navBar { width: auto; margin: 0; z-index: 100; text-align: left; }
#navBar ul.mainNav { display: none; }
#navBar #mobileNav { display: block; }
#navBar .homeBtn { 
	background: transparent;
	border: none;
	width: auto;
	height: 50px;
	margin: 0px 0px 0px auto;
	text-align: left;
	left: 0px;
	font: 700 34px/50px Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: block; }
#navBar .homeBtn:hover { /* background: #F86EAD; */ color: #fff; }
#navBar ul { display: none; padding: 0; margin: 0; list-style: none; }
#navBar ul.mobMenu { background: #333; width: 300px; padding-top: 10px; position: absolute; top: 50px; right: 5px; }
#navBar ul.mobMenu ul { background: #3a3a3a; }
#navBar ul.mobMenu ul ul { background: #444; }
#navBar ul.mobMenu li { padding: 0; margin: 0; display: block; position: relative; border-bottom: 1px solid #444; }
#navBar ul.mobMenu li li { border: none; }
#navBar ul.mobMenu li.first { display: none; }
#navBar ul.mobMenu li li.first { display: block; }
#navBar ul.mobMenu li a { 
	display: block;
	color: #fff;
	padding: 15px 15px;
	font: normal 16px/16px Arial, Helvetica, sans-serif;
	text-decoration: none; }
#navBar ul.mobMenu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); }
#navBar ul.mobMenu li li a { padding: 10px 15px 10px 20px; font: normal 16px/16px Arial, Helvetica, sans-serif; }
#navBar ul.mobMenu li li li a { padding: 8px 15px 8px 25px; font: normal 14px/14px Arial, Helvetica, sans-serif; }
#navBar ul.mobMenu span.submenuTrigger { 
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	border: 1px solid #444;
	cursor: pointer;
	font-size: 15px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	padding: 0;
	background: #444;
	color: #fff; }
#navBar ul.mobMenu span.submenuTrigger:hover { color: #fff; background: #000; }
#navBar ul.mobMenu li li span.submenuTrigger { line-height: 20px; width: 18px; top: 6px; padding: 0; background: #444; border: 1px solid #444; }

	#navBar .call-to-action {margin:6px 5px;padding:0;}

}
@media handheld, only screen and (max-width: 800px) {



#left-col{float:none;width:250px;padding:0;position:absolute;top:180px;left:-280px;z-index:98;padding:10px;background:#F5FFE4;;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.left-block{width:214px;}
.left-block h2{left:0;background:#000;padding:5px;height:auto;}
.left-block h2 span{background:#000;padding:0;margin:0;height:auto;}
#left-col .showSideBarMob { /* create a clickable area that triggers the slide in/out effect */
	display:block;
	position: absolute; /* position clickable area to consume entire right section of sideBar (add a border if you want to see for yourself) */  
	top: 0px;
	right: -40px;
	cursor: pointer;
	background: #000;
	color: #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	border-radius: 0 6px 6px 0;
	width: 40px;
	height: auto;
	padding: 5px 0 5px 0;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	line-height: 20px;
	opacity: 0.6; }
#left-col .showSideBarMob:hover { color: #fff; opacity: 1; }


#right-col{float:none;width:auto;padding:0;}

#right-col-content span#titlebar{width:auto;background:transparent none;}

#hpLeft { float: none; width: 100%; margin-bottom: 1em; }
#hpRight { float: none; width: 100%; }

#pay-online,
#recent-events,
#contact-us { float: none; width: auto; margin: 0 0 1em 0; height: auto; }

#copyright{height:auto;}
#copyright-content{line-height:11px;text-align:center;padding:10px;}
#copyright-text,
#copyright-links{float:none;}

}
@media handheld, only screen and (max-width: 500px) {
#masthead-text,
#masthead-default #masthead-text {width:auto;margin-right:10px;top:50px}
#masthead .text {width:100%;top:30px;box-sizing:border-box;}
}
@media handheld, only screen and (max-width: 360px) {
#order-checkout { position: absolute; top: 50px; right: 0; background: transparent; width: 150px; font-size: 12px; line-height: 14px; }
#order-checkout a { white-space: nowrap; }
#order-amount{padding-right:0}
	#header-section {height:119px;}
		#navBar {height:119px;}
			#navBar .call-to-action {font-size:14px;line-height:18px;text-align:right;margin:47px 5px 6px;}

}




/* // BLOG / SHOPPING CART / CHECKOUT / MEMBER-REGISTRATION / SCROLL-TOP // */
.scrollToTop {
	position: fixed;
	background: rgba(0,0,0,0.5);
	color: #fff;
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 26px;
	line-height: 11px;
	bottom: 30%;
	right: 1px;
	display: none;
	z-index: 999;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border-radius: 10px;
	transition: background 0.3s linear;
	text-align: center; }
.scrollToTop small { font-size: 11px; line-height: 11px; }
.scrollToTop:hover { background: #000; }

#ss-subcategory-list ul { text-align: center; }
#ss-subcategory-list ul li { vertical-align: top; }
#ss-subcategory-list ul li a { text-decoration: none; }
#ss-subcategory-list ul li a:hover { text-decoration: none; }
#ss-mode-grid ul.ss-category { text-align: center; }
#ss-mode-grid .ss-product-name { text-align: center; text-decoration: none; }

ul.checkoutSteps { width: 100%; padding: 0; margin: 30px 0 30px 0; border-top: 6px double #eaeaea; font-size: 0; line-height: 0; }
ul.checkoutSteps li { display: inline-block; width: 25%; padding: 0; margin: 0; text-align: center; vertical-align: top; font: normal 11px/11px sans-serif; }
ul.checkoutSteps li span { 
	display: block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 5em;
	margin: -20px auto 5px auto;
	padding: 0;
	background: #dadada;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px; }
ul.checkoutSteps li.active { font-weight: bold; }
ul.checkoutSteps li.active span { background: #9a9a9a; }
	.shopping-cart { position: relative; padding: 10px; }
		ul.shopping-cart-list,
		ul.shopping-cart-list ul { list-style: none; padding: 0px; margin: 0px; }
			ul.shopping-cart-list li { display: block; margin: 0px; padding: 10px 10px; border-bottom: 1px solid #e4e1dd; position: relative; overflow: hidden; }
			ul.shopping-cart-list li li { border: none; font: normal 11px/1.1em sans-serif; }
			ul.shopping-cart-list li.first { background: #e4e1dd; font: normal 10px/10px sans-serif; color: #787878; }
			ul.shopping-cart-list li.sc-subtotal,
			ul.shopping-cart-list li.sc-total { border: none; text-align: right; padding: 0px 10px; }
			ul.shopping-cart-list li.sc-buttons { border: none; }
			ul.shopping-cart-list li.sc-large-button { border: none; text-align: right; }
			ul.ss-cart-product-options { float: left; }
			ul.ss-cart-product-options li { padding: 2px; }
		span.sc-list-items { display: inline-block; vertical-align: top; width: 55%; }
			span.sc-list-items a img { float: left; margin-right: 5px; }
			span.sc-list-items .ss-cart-code { font: normal 10px/1.1em sans-serif; color: #787878; }
		span.sc-list-price { display: inline-block; vertical-align: top; width: 15%; }
		span.sc-list-qty { display: inline-block; vertical-align: top; width: 10%; }
			span.sc-list-qty input { width: 30px; }
		span.sc-list-total { display: inline-block; vertical-align: top; width: 15%; text-align: center; }
			span.sc-list-total a.removeBtn { font-size: 18px; color: #787878; }
				span.sc-list-total a.removeBtn:hover { text-decoration: none; color: #c8160f; }
		span.sc-subtotal-total { display: inline-block; vertical-align: top; width: 55%; border-top: 1px solid #e4e1dd; padding: 10px 0px; text-align: right; }
		span.sc-total-total { display: inline-block; vertical-align: top; width: 55%; border-top: 1px solid #e4e1dd; padding: 10px 0px; text-align: right; color: #000000; font: normal 18px/1.2em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
			span.sc-subtotal-total-value { display: inline-block; vertical-align: top; width: 45%; text-align: center; }
			span.sc-total-total-value { display: inline-block; vertical-align: top; width: 45%; text-align: center; }
		.shopping-cart .button.medium,
		.shopping-cart-list .button.medium,
		.shopping-cart .button.large,
		.shopping-cart-list .button.large { 
			border: none;
			border-radius: 4px;
			color: #ffffff !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
			box-shadow: none;
			curson: pointer;
			background: #9a9a9a;
			font: bold 12px/12px sans-serif; }
		.shopping-cart .button.medium:hover,
		.shopping-cart-list .button.medium:hover { 
			background: #7a7a7a;
			color: #ffffff !important;
			text-shadow: none;
			box-shadow: none; }
		.shopping-cart .button.large,
		.shopping-cart-list .button.large { background: #9a9a9a; font: bold 16px/20px sans-serif; }
		.shopping-cart .button.large:hover,
		.shopping-cart-list .button.large:hover { 
			background: #7a7a7a;
			color: #ffffff !important;
			text-shadow: none;
			box-shadow: none; }
		.shopping-cart .group { padding: 10px 0px; }
		.shopping-cart .group h3 { border-bottom: 1px solid #e4e1dd; padding: 5px 5px; }
		.shopping-cart .group label { float: left; min-width: 150px; clear: both; }
		.shopping-cart .group input,
		.shopping-cart .group select,
		.shopping-cart .group textarea { float: left; }
		.shopping-cart .group input,
		.shopping-cart .group select { width: 50%; }
		.shopping-cart .group input[type='checkbox'],
		.shopping-cart .group input[type='radio'] { width: auto; }
		.shopping-cart .group.checkout-methods select { width: auto; }
		.shopping-cart .group .ss-subscriber-list { float: left; }
		.shopping-cart .group.checkout-discount input { width: 140px; font-weight: bold; border-width: 2px; }
		.shopping-cart .group.checkout-customfield1 input { width: 140px; }
		.shopping-cart .group.checkout-billing { float: left; width: 45%; border: none; }
		.shopping-cart .group.checkout-shipping { float: right; width: 45%; border: none; }
		.shopping-cart .group.checkout-billing ul,
		.shopping-cart .group.checkout-shipping ul { list-style: none; padding: 0px; margin: 0px 0px 0px 10px; }
		.cartRelatedItems h3 { border-bottom: 1px solid #e4e1dd; padding: 0px 5px 5px 5px; }
		.cartRelatedItems	.relatedItem { padding: 10px; float: left; width: 160px; min-height: 190px; text-align: center; }
				.cartRelatedItems .relatedItem hr { clear: both; }
				.cartRelatedItems .relatedImg { float: none; display: block; width: 65px; margin: 0px auto; }
				.cartRelatedItems .relatedName { display: block; font: normal 14px/1.1em sans-serif; margin-bottom: 5px; }
				.cartRelatedItems .relatedPrice { display: block; color: #999999; }
					.cartRelatedItems .relatedPrice strong { font: normal 18px/1.1em sans-serif; color: #000000; }

@media handheld, only screen and (max-width: 840px) {
		.shopping-cart .group.checkout-billing { float: none; width: auto; }
		.shopping-cart .group.checkout-shipping { float: none; width: auto; }
}
@media handheld, only screen and (max-width: 700px) {
		span.sc-subtotal-total { width: 100%; padding: 5px 0px; }
		span.sc-total-total { width: 100%; padding: 5px 0px; }
			span.sc-subtotal-total-value { width: 120px; text-align: center; padding: 0px 5px; }
			span.sc-total-total-value { width: 120px; text-align: center; padding: 0px 5px; }
}
@media handheld, only screen and (max-width: 500px) {
	.shopping-cart { position: relative; padding: 0px; }
			ul.shopping-cart-list li { display: block; margin: 0px; padding: 10px 10px; }
			ul.ss-cart-product-options { float: none; }
			ul.ss-cart-product-options li { padding: 2px; }
			ul.shopping-cart-list li.first { display: none; }
		span.sc-list-items { display: block; width: auto; }
			span.sc-list-items a img { display: none; }
		span.sc-list-price { width: auto; }
			span.sc-list-price:after { content: "per item"; padding-left: .5em; font-size: 9px; }
		span.sc-list-qty { width:auto; }
		span.sc-list-total { width: auto; text-align: left; }
			span.sc-list-total:before { content: "total"; padding-right: .5em; font-size: 9px; }
		.shopping-cart .group label { float: left; min-width: 110px; clear: both; }
		.cartRelatedItems h3 { font-size: 14px; }
		.cartRelatedItems	.relatedItem { padding: 10px; float: left; width: 200px; min-height: 80px; text-align: center; }
				.cartRelatedItems .relatedImg { display: none; }
table.tableOptions td { display: block; text-align: left; width: auto !important; }
p.savePrefs { padding: 0px; }
}
@media handheld, only screen and (max-width: 400px) {
		.shopping-cart .group input,
		.shopping-cart .group select,
		.shopping-cart .group textarea { width: 90%; }
		.shopping-cart .group input[type='checkbox'],
		.shopping-cart .group input[type='radio'] { width: auto; }
	.cartRelatedItems	.relatedItem { float: none; width: 200px; min-height: 0px; margin: 0px auto; }
}
@media handheld, only screen and (max-width: 520px) {
#ss-product-images { float: none !important; margin: 0px auto 40px auto !important; }
#ss-product-images img { max-width: 100% !important; width: auto !important; height: auto !important; }
#ss-product-description { padding: 0px !important; }
}
@media handheld, only screen and (max-width: 360px) {
#ss-product-images { width: 100% !important; }
}