/*
Theme Name:  SITENAME
Theme Variation: 

Version:     1.0
Copyright:   All rights resevered.
*/

/* START reset.css */
/* CSS Mini Reset */
html,body,div,form,fieldset,legend,label,dt,dd{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}table{border-collapse:separate;border-spacing:0;}caption,td{font-weight:normal;}table,td,th{vertical-align:top;}blockquote:before,blockquote:after,q:before,q:after{content: "";}blockquote,q{quotes: "" "";}a img{border:none;}img{-ms-interpolation-mode:bicubic;}abbr[title],dfn[title]{border-bottom:1px dotted rgb(0,0,0);cursor:help;}textarea{overflow:auto;resize:vertical;}address{font-style:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]){display:none;height:0;}
/* END reset.css */

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

/* FONTS USED ------ //
'Open Sans', sans-serif;
400,300,600,700,800
// FONTS USED ------ */

html, body { width: 100%; height: 100%; }

html { -webkit-text-size-adjust: none; }

body {
	background: #fff url(bg-body-ruby-rock-it.gif) center center repeat;
	font: normal 14px/1.4em 'Open Sans', sans-serif;
	color: #343434;
	padding: 0;
	margin: 0; }
body#fundamentals { background: #fff url(bg-body-fundamentals.gif) center center repeat; }
body#bella { background: #fff url(bg-body-bella.gif) center center repeat; }
body#justbeadit { background: #fff url(bg-body-just-bead-it.gif) center center repeat; }

h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }

h1 { margin-bottom: 0.5em; font: 400 36px/36px 'Open Sans', sans-serif; color: #000; }
h2 { margin-bottom: 0.8em; font: 400 26px/26px 'Open Sans', sans-serif; color: #000; }
h3 { margin-bottom: 0.8em; font: 400 22px/22px 'Open Sans', sans-serif; color: #000; }
h4 { margin-bottom: 0.8em; font: normal 18px/22px 'Open Sans', sans-serif; color: #000; }
p { margin-bottom: 0.9em; }

a { color: #73848b; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

body#fundamentals a { color: #48585e; text-decoration: none; }
body#bella a { color: #000; text-decoration: none; }
body#justbeadit a { color: #cea501; text-decoration: none; }

hr { height: 1px; color: #eaeaea; background: #eaeaea; border: none; margin-bottom: 1.4em; }

.cLear,
.clear { clear: both; }
.loggedIn,
.notLoggedIn { display: none; }

/* // BASE LAYOUT // */

#topBlock { background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.2); position: relative; width: auto; height: auto; z-index: 10; }
#topBar { max-width: 1190px; width: auto; height: auto; margin: 0 auto 1em auto; transition: all ease 0.3s; }
#topBar ul { list-style: none; padding: 0; margin: 0; position: relative; }
#topBar ul li { display: inline-block; list-style: none; padding: 0; margin: 0; position: relative; }

#topBar ul.siteBrands { float: right; }
#topBar ul.siteBrands a { display: block; position: relative; height: 50px; width: 92px; }
#topBar ul.siteBrands img { display: block; position: absolute; top: -35px; left: 0; transition: all ease 0.3s; }
#topBar ul.siteBrands a.active img { top: -10px; }
#topBar ul.siteBrands a:hover img { top: 0; }

#topBar ul.socialIcons { float: left; }
#topBar ul.socialIcons li { font-size: 32px; line-height: 50px; padding: 0 6px; }
#topBar ul.socialIcons li a { color: #676767; }
#topBar ul.socialIcons li a:hover { color: #000; }

#headerBlock { background: transparent; height: auto; position: relative; width: auto; transition: all ease 0.3s; z-index: 9; }
#headerBar {
	max-width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	background: #fff url(bg-header-ruby-rock-it.jpg) center center no-repeat;
	background-size: cover;
	border: 1px solid #dddcd8;
	border-bottom: none; }

body#bella #headerBar { background: #fff url(bg-header-bella.jpg) center center no-repeat; background-size: cover; }
body#fundamentals #headerBar { background: #fff url(bg-header-fundamentals.jpg) center center no-repeat; background-size: cover; }
body#justbeadit #headerBar { background: #fff url(bg-header-just-bead-it.jpg) center center no-repeat; background-size: cover; }


a.logoBar { display: block; float: left; width: auto; padding: 10px 20px; }
a.logoBar img { display: block; max-width: 100%; width: auto; height: auto; }

body#bella a.logoBar { display: block; float: left; width: auto; padding: 30px 20px; }
body#justbeadit a.logoBar { display: block; float: left; width: auto; padding: 0 30px 20px 30px; }

#headerRight { display: block; max-width: 50%; float: right; padding: 60px 20px 0 0; }

#searchBox { font: 400 16px/16px 'Open Sans', sans-serif; color: #000; background: #efefef; width: auto; max-width: 400px; border: 1px solid #e1e1e1; border-radius: 4px; margin: 0; }
#searchBox form { padding: 0; margin: 0; width: 100%; overflow: hidden; }
#searchBox input {
	display: block;
	float: left;
	width: 80%;
	padding: 0 10px;
	margin: 0;
	background: #f9f9f9;
	height: 34px;
	line-height: 34px;
	border: 0;
	box-shadow: none;
	border-radius: 4px 0 0 4px;
	box-sizing: border-box;
	color: #676767; }
#searchBox button {
	display: block;
	float: right;
	width: 20%;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	font-size: 18px;
	height: 34px;
	line-height: 34px;
	border: 0;
	cursor: pointer;
	font-weight: 700;
	border-radius: 0 4px 4px 0;
	box-sizing: border-box; }
#searchBox button:hover { background: #eaeaea; }

#headerLinks { list-style: none; padding: 0; margin: 0 0 10px 0; overflow: hidden; text-align: right; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); }
#headerLinks li { list-style: none; padding: 0; margin: 0; display: inline-block; color: #000; line-height: 20px; text-align: right; position: relative; }
#headerLinks li:before { content: '| '; font-size: 12px; line-height: 20px; }
#headerLinks li:nth-child(1):before,
#headerLinks li:nth-child(3):before { content: ''; font-size: 12px; line-height: 20px; }
#headerLinks li a { color: #000; padding: 0 4px; }
#headerLinks li a:hover { color: #333; text-decoration: none; }
#headerLinks li.userLink i { display: none; }

body#bella #headerLinks {  text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
body#bella #headerLinks li { color: #fff; }
body#bella #headerLinks li a { color: #fff; }
body#bella #headerLinks li a:hover { color: #ccc; }

body#fundamentals #headerLinks {  text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
body#fundamentals #headerLinks li { color: #fff; }
body#fundamentals #headerLinks li a { color: #fff; }
body#fundamentals #headerLinks li a:hover { color: #ccc; }

body#justbeadit #headerLinks {  text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
body#justbeadit #headerLinks li { color: #fff; }
body#justbeadit #headerLinks li a { color: #fff; }
body#justbeadit #headerLinks li a:hover { color: #ccc; }

#navBlock {
	display: block;
	width: auto;
	height: auto;
	position: relative;
	z-index: 99;
	clear: both;
	background: #1f4d85 url(bg-nav-ruby-rock-it.png) center center repeat; }
#navBlock:before {
	display: block;
	content: '';
	width: 15px;
	height: 50px;
	background: url(bg-nav-ruby-rock-it-ribbon.png) left center no-repeat;
	position: absolute;
	border-right: 1px solid #183f6d;
	top: 5px;
	left: -16px; }
#navBlock:after {
	display: block;
	content: '';
	width: 15px;
	height: 50px;
	background: url(bg-nav-ruby-rock-it-ribbon.png) right center no-repeat;
	position: absolute;
	border-left: 1px solid #183f6d;
	top: 5px;
	right: -16px; }

body#fundamentals #navBlock {
	background: transparent url(bg-nav-fundamentals-1230.png) center center no-repeat;
	margin: 0 -15px 0 -15px; }
body#fundamentals #navBlock:before,
body#fundamentals #navBlock:after { display: none; }

body#bella #navBlock {
	background: #000;
	margin: 0 0 0 0; }
body#bella #navBlock:before,
body#bella #navBlock:after { display: none; }

body#justbeadit #navBlock { background: #756f64; margin: 0 -8px 0 -8px; }
body#justbeadit #navBlock:before,
body#justbeadit #navBlock:after {
	display: block;
	content: '';
	background: transparent;
	position: absolute;
	width: 0;
	height: 0;
	border-width: 4px 4px;
	border-style: solid;
	top: 100%; }
body#justbeadit #navBlock:before {
	left: 0px;
	border-color: #40392c #40392c transparent transparent; }
body#justbeadit #navBlock:after {
	right: 0px;
	border-color: #40392c transparent transparent #40392c; }

#navBlock #mobileNav { display: none; }

ul.mainMenu {
	width: auto;
	height: 50px;
	padding: 0 0 0 0;
	margin: 0 auto;
	list-style: none;
	z-index: 100;
	float: none;
	text-align: center; }
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: 0; top: 50px; 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: 210px; 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: 210px; top: 0; }

ul.mainMenu > li.last:hover ul,
ul.mainMenu > li.last.sfHover ul { left: auto; right: 0; top: 50px; z-index: 99; }
ul.mainMenu > li.last li:hover ul,
ul.mainMenu > li.last li.sfHover ul { right: 210px; top: 0; }

ul.mainMenu li {
	float: none;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	text-align: center; }
/* ul.mainMenu > li.first { display: none; } */
ul.mainMenu > li.last { background: rgba(161,21,47,0.8); }

ul.mainMenu li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: 400 18px/50px 'Open Sans', sans-serif;
	padding: 0 30px;
	display: block; }
ul.mainMenu li ul { z-index: 100; padding: 10px; background: #a1152f; }
ul.mainMenu li li.first,
ul.mainMenu li li.last,
ul.mainMenu li li { margin: 0px auto; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2) !important; }
ul.mainMenu li li a {
	padding: 8px 15px 8px 15px !important;
	font: 400 14px/14px 'Open Sans', 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: #eee; background: rgba(255,255,255,0.1); }

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: rgba(255,255,255,0.2); color: #fff; }

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: rgba(255,255,255,0.2); color: #fff; }

ul.mainMenu li li.active,
ul.mainMenu li li li.active { background: rgba(255,255,255,0.1); }

body#fundamentals ul.mainMenu > li.last { background: none; box-shadow: none; text-shadow: 1px 1px 1px #fff; }
body#fundamentals ul.mainMenu > li.last a { font-weight: 700; }
body#fundamentals ul.mainMenu li a { color: #48585e; padding: 10px 30px 0px 30px; line-height: 40px; }
body#fundamentals ul.mainMenu li ul { background: #48585e; }
body#fundamentals ul.mainMenu li li a { color: #fff; padding: 8px 15px 8px 15px !important; line-height: 14px; }

body#fundamentals ul.mainMenu li:hover,
body#fundamentals ul.mainMenu li.sfHover,
body#fundamentals ul.mainMenu li a:focus,
body#fundamentals ul.mainMenu li a:hover,
body#fundamentals ul.mainMenu li a:active,
body#fundamentals ul.mainMenu li.sfHover > a { color: #000; background: none; }

body#bella ul.mainMenu > li.last {
	background: #343434;
	background: -moz-linear-gradient(top, #343434 79%, #000000 100%);
	background: -webkit-linear-gradient(top, #343434 79%,#000000 100%);
	background: linear-gradient(to bottom, #343434 79%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); }
body#bella ul.mainMenu > li.last a { font-weight: 700; color: #fff; }
body#bella ul.mainMenu li a { color: #fff; }
body#bella ul.mainMenu li ul { background: #000; }
body#bella ul.mainMenu li li a { color: #fff; }

body#bella ul.mainMenu li:hover,
body#bella ul.mainMenu li.sfHover,
body#bella ul.mainMenu li a:focus,
body#bella ul.mainMenu li a:hover,
body#bella ul.mainMenu li a:active,
body#bella ul.mainMenu li.sfHover > a { color: #999; background: #000000; }

body#justbeadit ul.mainMenu > li.last { background: rgba(206,164,1,0.8); }
body#justbeadit ul.mainMenu li a { color: #fff; }
body#justbeadit ul.mainMenu li ul { background: #cea401; }

span.submenuTrigger,
button.homeBtn { display: none; }

body#bella #pageBannerBox:before { content: ''; position: absolute; width: 100%; height: 4px; top: 0; left: 0; background: url(bg-nav-bella.png) center top repeat-x; z-index: 999; }

#homeMainBlock { height: auto; position: relative; }
#homeMainBlock .contentBar { max-width: 1200px; margin: 0 auto 2em auto; height: auto; position: relative; z-index: 8; padding: 0; }

#homeMainBlock .contentColumn { float: left; box-sizing: border-box; border: 1px solid #dddcd8; background: #fff; }
#homeMainBlock .contentColumn.blogBox { width: 32%; padding: 20px; position: relative; }
#homeMainBlock .contentColumn.blogBox h3 {
	width: auto;
	padding: 10px 20px;
	margin: 0 0 1em -28px;
	background: #454545;
	color: #fff;
	float: left;
	position: relative; }
#homeMainBlock .contentColumn.blogBox h3:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #000 #000 transparent transparent; }

body#fundamentals #homeMainBlock .contentColumn.blogBox h3 { background: #48585e; }
body#bella #homeMainBlock .contentColumn.blogBox h3 { background: #000; }
body#bella #homeMainBlock .contentColumn.blogBox h3:before { border-color: #999 #999 transparent transparent; }

body#justbeadit #homeMainBlock .contentColumn.blogBox h3 { background: #cea401; }
body#justbeadit #homeMainBlock .contentColumn.blogBox h3:before { border-color: #a2871e #a2871e transparent transparent; }

.blogFeedItem { position: relative; overflow: hidden; padding: 0; margin: 0; }
.blogFeedImg { float: left; width: 36%; }
.blogFeedImg img { display: block; max-width: 100%; width: auto; height: auto; }
.blogFeedTxt { float: right; width: 60%; font-size: 13px; }
.blogFeedTxt em { color: #000; }
.blogFeedTitle { color: #a1152f; text-transform: uppercase; font-size: 16px; line-height: 1.2em; display: block; }
.blogFeedTxt .page-button {
	display: inline-block;
	background: #a1152f;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	padding: 5px 10px; }

body#fundamentals .blogFeedTxt .page-button { background: #48585e; color: #fff; }

body#bella .blogFeedTxt .page-button { background: #000; color: #fff; }

body#justbeadit .blogFeedTitle { color: #000; }
body#justbeadit .blogFeedTxt .page-button { background: #cea401; color: #fff; }

#homeMainBlock .contentColumn.mediaBox { width: 34%; margin: 0 1%; padding: 20px; }
#homeMainBlock .contentColumn.mediaBox iframe { width: 100%; height: 100%; min-height: 280px; }
#homeMainBlock .contentColumn.contentBox { width: 32%; padding: 20px; }

#mainBlock { height: auto; position: relative; }
#mainBlock .contentBar {
	max-width: 1200px;
	margin: 0 auto 2em auto;
	height: auto;
	position: relative;
	z-index: 8;
	padding: 20px;
	border: 1px solid #dddcd8;
	border-top: none;
	box-sizing: border-box;
	background: #fff; }

body#bella #mainBlock .contentBar { background: #fff url(bg-nav-bella.png) center top repeat-x; }

#mainBlock .leftBar { float: left; width: 23%; background: rgba(255,255,255,0.6); border-radius: 10px; margin: 0 2% 0 0; position: relative; }

#mainBlock .leftBar h3 {
	width: auto;
	padding: 10px 20px;
	margin: 0 0 1em -28px;
	background: #454545;
	color: #fff;
	position: relative; }
#mainBlock .leftBar h3:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #000 #000 transparent transparent; }

body#fundamentals #mainBlock .leftBar h3 { background: #48585e; }

body#bella #mainBlock .leftBar h3 { background: #000; }
body#bella #mainBlock .leftBar h3:before { border-color: #999 #999 transparent transparent; }

body#justbeadit #mainBlock .leftBar h3 { background: #cea401; }
body#justbeadit #mainBlock .leftBar h3:before { border-color: #a2871e #a2871e transparent transparent; }

#mainBlock ul.sideNav { padding: 0; list-style: none; margin: 1.5em 3%; }

#mainBlock ul.sideNav li { list-style: none; padding: 0; margin: 0; display: block; position: relative; }
#mainBlock ul.sideNav > li { border-bottom: 1px solid #dadada; }
#mainBlock ul.sideNav li a { display: block; font: 400 16px/18px 'Open Sans', sans-serif; color: #343434; padding: 10px 10px; }
#mainBlock ul.sideNav li a:hover { text-decoration: none; color: #a1152f; }
#mainBlock ul.sideNav li.active > a { color: #a1152f; }
#mainBlock ul.sideNav ul li a { font: 400 14px/16px 'Open Sans', sans-serif; }

#mainBlock ul.sideNav ul { list-style: none; padding: 0; margin: 0; display: none; }
#mainBlock ul.sideNav li.active > ul { display: block; }

body#fundamentals #mainBlock ul.sideNav li a:hover { color: #73848b; }
body#fundamentals #mainBlock ul.sideNav li.active > a { color: #73848b; }

body#bella #mainBlock ul.sideNav li a:hover { color: #999; }
body#bella #mainBlock ul.sideNav li.active > a { color: #999; }

body#justbeadit #mainBlock ul.sideNav li a:hover { color: #cea401; }
body#justbeadit #mainBlock ul.sideNav li.active > a { color: #cea401; }

#mainBlock .mainBar { float: right; width: 75%; }
#socialBlock {display: none !important;}
#socialBlock { height: auto; position: relative; background: #f0ebdc; }
#socialBlock .contentBar { max-width: 1200px; margin: 0 auto; height: auto; position: relative; z-index: 8; padding: 30px 0; overflow: hidden; text-align: center; }
#socialBlock .contentBar ul { list-style: none; padding: 0; margin: 0; }
#socialBlock .contentBar li { list-style: none; padding: 0 2px; margin: 0; display: inline-block; }
#socialBlock .contentBar li a i { width: 55px; line-height: 55px; text-align: center; font-size: 30px; background: #fff; border-radius: 20em; color: #1f4d85; }
#socialBlock .contentBar li a:hover i { color: #a1152f; }

body#fundamentals #socialBlock { background: #73848b; }
body#fundamentals #socialBlock h3 { color: #fff; }
body#fundamentals #socialBlock .contentBar li a i { color: #000; }
body#fundamentals #socialBlock .contentBar li a:hover i { color: #48585e; }

body#bella #socialBlock { background: #bababa url(bg-noise-grey.jpg) center top repeat; }
body#bella #socialBlock .contentBar li a i { color: #000; }
body#bella #socialBlock .contentBar li a:hover i { color: #999; }

body#justbeadit #socialBlock { background: #756f64; }
body#justbeadit #socialBlock h3 { color: #fff; }
body#justbeadit #socialBlock .contentBar li a i { color: #cea401; }
body#justbeadit #socialBlock .contentBar li a:hover i { color: #a2871e; }

#footerBlock { background: #a1152f url(bg-footer-deco-ruby-rock-it.gif) center top repeat-x; height: auto; position: relative; padding: 50px 0; }

#footerBar { max-width: 1200px; margin: 0 auto; height: auto; position: relative; z-index: 6; padding: 20px 0 0 0; color: #fff; font: 400 14px/2em 'Open Sans', sans-serif; overflow: hidden; }
#footerBar a { color: #fff; }
#footerBar h3 { font: 700 18px/1.2em 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; }
#footerBar ul { list-style: none; padding: 0; margin: 0; }

#footerBar .footerLinks { float: left; width: 33%; box-sizing: border-box; padding: 20px; text-align: center; }
#footerBar .footerLinks:nth-child(2) { width: 34%; }
#footerBar .footerTxt { clear: both; text-align: center; font-size: 12px; }

body#fundamentals #footerBlock { background: #425156 url(bg-footer-deco-fundamentals.gif) center top repeat-x; }
body#fundamentals #footerBar a { color: #fff; }

body#bella #footerBlock { background: #000 url(bg-footer-deco-bella.gif) center top repeat-x; }
body#bella #footerBar a { color: #fff; }

body#justbeadit #footerBlock { background: #000 url(bg-footer-deco-just-bead-it.gif) center top repeat-x; }
body#justbeadit #footerBar a { color: #fff; }
body#justbeadit #footerBar a:hover { color: #cea401; }

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

/* // BASE RESPONSIVE LAYOUT // */
@media (max-width: 1250px) {
/*
#navBlock:before,
#navBlock:after { display: none; }
#homeMainBlock .contentBar,
#mainBlock .contentBar { overflow: hidden; }
 */
#topBar { margin: 0 10px 1em 10px; }

#headerBar { margin: 0 15px; }
ul.mainMenu li a { padding: 0 20px; }

#homeMainBlock .contentBar,
#mainBlock .contentBar { margin: 0 15px 2em 15px; }

}
@media (max-width: 1024px) {

#topBar { margin: 0 auto 5px auto; }

#topBar ul.siteBrands { position: absolute; top: 0; right: 10px; }
#topBar ul.siteBrands a { height: 30px; width: 50px; }
#topBar ul.siteBrands img { position: absolute; top: -20px; left: 0; transition: all ease 0.3s; max-width: 100%; width: auto; height: auto; }
#topBar ul.siteBrands a:hover img { top: -5px; }

#topBar ul.socialIcons { display: none; }

#headerBar { border-top: 2px solid #dddcd8; text-align: left; margin: 0 10px; }

a.logoBar { float: none; text-align: center; display: inline-block; padding: 20px 0 15px 10px; }
a.logoBar img { display: block; max-width: 240px; }

#headerRight { max-width: none; float: none; padding: 0px; position: absolute; right: 10px; top: 55px; }

#searchBox input {
	padding: 0 5px;
	height: 24px;
	line-height: 24px; }
#searchBox button {
	font-size: 14px;
	height: 24px;
	line-height: 24px; }

#headerLinks { list-style: none; padding: 0; margin: 0 0 7px 0; overflow: hidden; text-align: right; }
#headerLinks li { font-size: 12px; }

#navBlock { position: relative; left: auto; top: auto; background: #1f4d85; text-align: left; padding: 0; margin: 0 -8px 0 -8px; }
#navBlock:before {
	background: none;
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 100%;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #000 #000 transparent transparent; }
#navBlock:after {
	background: none;
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 100%;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #000 transparent transparent #000; }

body#fundamentals #navBlock { background: #48585e; margin: 0 -8px 0 -8px; }
body#fundamentals #navBlock:before {
	display: block;
	border-width: 4px 4px;
	border-color: #000 #000 transparent transparent; }
body#fundamentals #navBlock:after {
	display: block;
	border-width: 4px 4px;
	border-color: #000 transparent transparent #000; }

#navBlock ul.mainNav { display: none; }
#navBlock #mobileNav { display: block; }
#navBlock .homeBtn {
	background: transparent;
	border: none;
	width: auto;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
	font: 400 26px/40px 'Open Sans', sans-serif;
	letter-spacing: 0em;
	color: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: block; }
#navBlock .homeBtn:hover { color: #ccc; }
#navBlock .homeBtn span { display: inline-block; padding: 0 0 0 4px; }
#navBlock ul.mobMenu { display: none; width: 300px; background: #1f4d85; padding: 0; margin: 0; list-style: none; position: absolute; left: 8px; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); }

body#fundamentals #navBlock ul.mobMenu { background: #48585e; }
body#bella #navBlock ul.mobMenu { background: #000; left: 0; }
body#justbeadit #navBlock ul.mobMenu { background: #756f64; }

#navBlock ul.mobMenu ul { display: none; position: relative; padding: 0; margin: 0; list-style: none; background: rgba(255,255,255,0.1); }
#navBlock ul.mobMenu ul ul { background: rgba(255,255,255,0.1); }
#navBlock ul.mobMenu li { padding: 0; margin: 0; display: block; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; }
#navBlock ul.mobMenu li li { border: none; }
#navBlock ul.mobMenu li a {
	display: block;
	color: #fff;
	padding: 15px 15px;
	font: normal 16px/16px 'Open Sans', sans-serif; }
#navBlock ul.mobMenu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); }
#navBlock ul.mobMenu li li a { padding: 10px 15px 10px 20px; font: normal 16px/16px 'Open Sans', sans-serif; }
#navBlock ul.mobMenu li li li a { padding: 8px 15px 8px 25px; font: normal 14px/14px 'Open Sans', sans-serif; }
#navBlock ul.mobMenu span.submenuTrigger {
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	border: 1px solid rgba(255,255,255,0.1);
	cursor: pointer;
	font-size: 15px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	padding: 0;
	background: rgba(255,255,255,0.1);
	color: #fff; }
#navBlock ul.mobMenu span.submenuTrigger:hover { color: #fff; background: #000; }
#navBlock ul.mobMenu li li span.submenuTrigger { line-height: 20px; width: 18px; top: 6px; padding: 0; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1); }
#navBlock ul.mobMenu > li.last { background: rgba(255,255,255,0.1); }
#navBlock ul.mobMenu > li.last a { font-weight: 700; text-transform: uppercase; }

#homeMainBlock .contentBar,
#mainBlock .contentBar { margin: 0 10px 1em 10px; }

#mainBlock .leftBar { display: none; float: none; width: auto; margin: 0 0 1em 0; padding: 5px; }
#mainBlock .mainBar { float: none; width: auto; margin: 0 0 1em 0; }

#footerBlock { padding: 30px 0 0 0; }
}
@media (max-width: 840px) {
#homeMainBlock .contentColumn { float: none !important; width: auto !important; margin: 0 0 1em 0 !important; }
}
@media (max-width: 640px) {

body#bella a.logoBar { padding: 50px 10px 30px 10px; }
body#bella a.logoBar img { display: block; max-width: 200px; }

#headerLinks li.userLink i { display: inline-block; }
#headerLinks li.userLink span { display: none; }
#headerLinks li.miniCart span { display: none; }

}
@media (max-width: 520px) {

#topBar ul.siteBrands { position: absolute; top: 0; right: 10px; }
#topBar ul.siteBrands a { height: 30px; width: 40px; }
#topBar ul.siteBrands img { position: absolute; top: -20px; left: 0; transition: all ease 0.3s; max-width: 100%; width: auto; height: auto; }


/* td { display: block; width: auto; } */
table {width: 311px !important;}
td {display: table;width: 300px !important;}
td img { width: 100%; height: auto; }
#footerBar .footerLinks { float: none; width: auto !important; text-align: center; }
}
@media (max-width: 400px) {

/* body#bella a.logoBar { padding: 40px 10px; }
a.logoBar img { display: block; max-width: 110px; }
 */
#headerRight { top: auto; bottom: 7px; z-index: 999; }
}


/* START base.css */
/*

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

*/

/************************************************************************************
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:after,.cf:after,.cf:after,.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix,*:first-child+html .clearfix,.cf:after,.clear{*zoom:1;} /* ie */

/* Loading */
.img-loading {
	background-image: url(//sscdn.net/im/spinner.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}

/* System Messages and Notifications */
.ss-demo-notice {
	border-bottom: 1px solid #d58500;
	border-top: 1px solid #ffe669;
	color: #000;
	font-size: 14px;
	min-height: 40px;
	line-height: 18px;
	padding: 8px 5px 8px 5px;
	text-align: center;
	background-color: #ffdd2f;
	background: -moz-linear-gradient(90deg,#ffc100,#ffdd2f);
	background:     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffdd2f), to(#ffc100));
	background:  -ms-linear-gradient(top, #ffdd2f 50%,#ffc100 50%); /* IE10 */
	background:   -o-linear-gradient(top, #ffdd2f 50%,#ffc100 50%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd2f', endColorstr='#ffc100'); /* ie7 */
	text-shadow: 0 1px 0 #ffe669;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	}
.ss-demo-notice.fixed {position:fixed;width:100%;z-index:999;}
.ss-demo-notice p {margin:0;padding:0;position:relative;}


/************************************************************************************
DEFAULTS
*************************************************************************************/

/* Definition Lists */
dl {margin-bottom:18px;}
dt {font-weight:bold;}

/* Video & Audio */
video {height:auto;max-width:100%;}


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

/* Defaults */
table.ss-data-table,table.index,table.tableOptions {font-size:13px;line-height:18px;margin-bottom:22px;width:100%;}
table.ss-data-table th,table.index 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,.15);
	font: bold 10px/18px sans-serif;
	letter-spacing: 1px;
	padding: 10px 15px;
	text-align: left;
	text-transform: uppercase;
	}
table.ss-data-table th:first-child,table.index th:first-child {border-left:1px solid #ccc;border-left:1px solid rgba(0,0,0,.15);}
table.ss-data-table th:last-child,table.index th:last-child {border-right:1px solid #ccc;border-right:1px solid rgba(0,0,0,.15);}
table.ss-data-table td,table.index td {border-top:1px solid #ccc;border-top:1px solid rgba(0,0,0,.15);padding:10px 15px;}
table.ss-data-table caption,table.index caption {font-size:13px;line-height:18px;position:relative;text-align:left;}

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

table.index .controls td {border:0;}

/* Shipping and Billing Table */
#table-billing-address td,#table-shipping-address td {padding:2px;border-top:0;}
#table-shopping-cart,#table-billing-address,#table-shipping-address {margin-bottom:22px;}


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

/* Default Styles */
form {margin-bottom: 18px;}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,textarea {
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	padding: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
	}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:middle;}
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;}
input.disabled,textarea.disabled,select.disabled {background:#d4d0c8!important;color:#808080!important;}
.ui-datepicker-trigger {cursor:pointer;}
.savePrefs {padding-left:25%;}

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

/* Login Page */
#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,.15);}

/* Password Reset */
#frmSetPassForm {margin-top:20px;}

/* Estimate Shipping */
#form-shipping-estimate {margin:0 0 18px 0;}


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

/* Buttons - Default styles */
.button {
	background-color: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #ededed); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #ededed); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #ededed); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #ededed); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ededed');
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3 #aaaaaa #888 #aaa;
	color: #050505;
	display: inline-block;
	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,.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(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}
.button:hover {
	background-color: #dcdcdc;
	background:       -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #dcdcdc); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #dcdcdc); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #dcdcdc); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #dcdcdc); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dcdcdc');
	border: 1px solid #939393;
	color: #111 !important;
	text-decoration: none;
	-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);
	}
.button:active {
	background-color: #ededed;
	background:       -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ededed, #ffffff); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ededed, #ffffff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ededed, #ffffff); /* IE10 */
	background-image:      -o-linear-gradient(top, #ededed, #ffffff); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ededed, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#ffffff');
	color: #999 !important;
	position: relative;
	top: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
input::-moz-focus-inner,button::-moz-focus-inner {border:0;}

.button.disabled,
.button.disabled:hover,
.button.disabled:active,
.button[disabled] {
	background-color: #e6e6e6;
	background-image: none;
	border-color: #D3D3D3;
	color: #999;
	cursor: default;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

.ie9 .button,.ie9 .button:hover,.ie9 .button:active {filter:none !important;-ms-filter:none !important;} /* IE9 Bleeds background with border radius applied */

/* 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 */
#ss-breadcrumbs {font-size:10px;line-height:18px;margin:0 0 18px 0;}

/* 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;
	margin:0 2px;
	min-width: 24px;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
.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
*************************************************************************************/

.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: 15px;
	text-align: left;
	width: auto;
	border-radius: 4px;
	}
.ss-messages li {display:block;padding:0;}
.ss-messages p {margin: 0;}

.ss-messages.msg-success {background-color:#eff5ea;border-color:#cfe5bc;color:#3d6611;}
.ss-messages.msg-error {background-color:#ffeeee;border-color:#DFB5B4;color:#B94A48;}
.ss-messages.msg-warning {background-color:#fafaec;border-color:#fcd344;}


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

.posts {
	list-style: none;
	margin: 16px 0 32px 0;
	padding: 0;
	}
.posts li {
	list-style: none;
	margin: 0 0 10px;
	}
.posts.inline li {
	display: inline;
	line-height: 138%;
	margin: 0;
	}
.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,
.posts li.excerpt {
	border-bottom: 1px solid #dfdfdf;
	display: block;
	padding: 10px 0;
	margin:0;
	}
.posts li.exerpt img,
.posts li.excerpt 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;
	}
.posts .post-longdesc,
.posts .post-tags {margin-bottom:20px;}


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

#ssWishlist .productTitle {font-size:13px;}
#ssWishlist .productStatus,#ssWishlist .date {color:#acacac;color:rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(255,255,255,0.2);font-style:italic;}
#ssWishlist .productPrice {font-weight:bold;}
#ssWishlist .wlTotal td {font-size:18px;}
#ssWishlist .wlTotal td:last-child {font-weight:bold;}

/* Share Wishlist */
.shareWishlistDetails {margin:18px 0;width:100%;}
.shareWishlistDetails th {padding:10px;text-align:right;}
.shareWishlistDetails td {padding:10px;}
.shareWishlistDetails tr td:first-child {font-weight:bold;text-align:right;width:20%;}

/* Wishlist Tables */
.columnSelector,.columnImage {width:1%;}


/************************************************************************************
E-COMMERCE - Sorting Tools & Attributes
*************************************************************************************/

/* Tools - (Sort By / Items / View Mode) */
#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,.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;
	}
#ss-tools ul {
	display: block;
	float: left;
	font-family: arial,"helvetica neue",helvetica,sans-serif;
	margin: 0 25px 0 0;
	padding: 0;
	}
#ss-tools li {
	color: #999;
	color: rgba(0,0,0,.5);
	display: inline-block;
	list-style: none;
	line-height: 18px;
	margin-bottom: 0;
	padding: 0;
	}
#ss-tools a {padding:2px 5px;}
#ss-tools a:hover {color:#999;color:rgba(0,0,0,0.5);}
#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 */
#ss-tools ul#ss-view-mode {margin-right:0;}


/* Attributes */
.attribute-breadcrumbs {margin:18px 0 18px 0;padding:0;}
.attribute-breadcrumbs li {*display:inline;display:inline-block;list-style:none;margin:0 4px 4px 0;}
.attribute-breadcrumbs a {margin:0;}


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

/* Globals */
.ss-product-name {font-size:14px;margin-bottom:18px;}

/* 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 li {
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	letter-spacing: normal;
	margin: 0 10px 10px 0;
	padding: 0;
	*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;
	letter-spacing: normal;
	margin: 32px 0 0 0;
	}
.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;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.last {border-bottom:1px solid transparent;}
	#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;
	}
.ss-product-thumb {display:block;}
	#ss-product-images {float:right;margin-bottom:40px}
	#ss-product-images img {-ms-interpolation-mode:bicubic;}
	#ss-product-images .panel {padding:0;}
	/*#ss-product-description {width:auto;}*/

.no-image {background-color:#f2f2f2;} /* Match BG colour of placeholder */

/* Product - No Image span */
.ss-product-thumb-link span {display:block;}

/* Product - Flags */
.ss-product .flag-new,.ss-product .flag-sale,.ss-product .flag-featured,
.ss-product-detail .flag-new,.ss-product-detail .flag-sale,.ss-product-detail .flag-featured {
	background: #d8d4d4; /* IE 6,7,8 */
	background: rgba(0,0,0,0.4);
	color: #fff;
	display: inline-block;
	font: 12px/15px helvetica,arial,sans-serif;
	margin-bottom: 10px;
	padding: 4px 6px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	-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,.ss-product .flag-sale,.ss-product .flag-featured {
	position: absolute;
	right: 0;
	bottom: 12px;
	}
.ss-product .flag-new,
.ss-product-detail .flag-new {
	background: #f0b10a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#f0b10a), color-stop(50%,#e5a508)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0b10a 52%,#e5a508 50%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top, #f0b10a 52%, #e5a508 50%); /* FF3.6 */
	background:     -ms-linear-gradient(top, #f0b10a 52%,#e5a508 50%); /* IE10 */
	background:      -o-linear-gradient(top, #f0b10a 52%,#e5a508 50%); /* Opera 11.10+ */
	background:         linear-gradient(top, #f0b10a 52%,#e5a508 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b10a', endColorstr='#e5a508',GradientType=0 );
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	}
.ss-product .flag-sale,
.ss-product-detail .flag-new {
	background: #c21c1c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#c21c1c), color-stop(50%,#a81d17)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c21c1c 50%,#a81d17 50%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top, #c21c1c 50%, #a81d17 50%); /* FF3.6 */
	background:     -ms-linear-gradient(top, #c21c1c 50%,#a81d17 50%); /* IE10 */
	background:      -o-linear-gradient(top, #c21c1c 50%,#a81d17 50%); /* Opera 11.10+ */
	background:         linear-gradient(top, #c21c1c 50%,#a81d17 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21c1c', endColorstr='#a81d17',GradientType=0 );
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	}
.ss-product .flag-featured,
.ss-product-detail .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-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;
	opacity: 0.30;
	}
.enlarge:hover {
	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);}

/* Social Media Icons */
.ss-product-detail .ss-social-icons {margin:0 0 18px 0;padding:0;vertical-align:baseline;}
.ss-add-to-wishlist,
.ss-social-twitter-btn,
.ss-social-googleplus-btn,
.ss-social-pinterest-btn,
.ss-social-facebook-btn {display:inline-block;vertical-align:top;}


/* Category View */
.ss-product-name {margin:0;text-align:left;}
.ss-product-status,.ss-product-code {font-weight:bold;}
.ss-product-status span,.ss-product-code span {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,.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;list-style:none;margin:0;padding:0;*zoom:1;}

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

/* Product Options */
.ss-product-options > div {margin-bottom:18px;}
	.ss-product-options ul,.ss-product-options li {margin:0;padding:0;}
		.ss-product-options li {margin:0 10px 18px 0;padding:0;vertical-align:top;}
			.ss-product-options label {font-weight:bold;overflow:hidden;}
				.ss-product-options span {}

.ss-product-options li {
	display: inline-block;
	*display: inline; /* ie6 & ie7 */
	width: 50px;
	margin: 5px 5px 18px 5px;
	text-align: center;
	zoom: 1;
	}
.ss-product-options label {cursor:pointer;display:block;}
.ss-product-options 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 {
	display: block;
	margin: 0;
	padding: 4px 0 0 1px;
	border-bottom: solid 1px #ddd;
	height: 40px;
	list-style: none;
	}
ul.ss-product-additional-tabs li {
	float: left;
	height: 40px;
	}
ul.ss-product-additional-tabs li a {
	display: block;
	margin: 0 0 0 -1px;
	height: 39px;
	padding: 0px 20px;
	line-height: 40px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 1px;
	color: #333;
	background-color: #f5f5f5;
	font-size: 16px;
	text-decoration: none;
	}
ul.ss-product-additional-tabs li.active a {
	position: relative;
	height: 40px;
	top: -4px;
	padding-top: 4px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #111;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	}
.ss-product-additional-tab-container {clear:both;overflow:hidden;margin-bottom:24px;padding:20px;}
.ss-product-additional-tab-container ul {padding-left:35px;}

/* Add to Cart */
.ss-add-to-cart {margin:0 0 18px 0;}
	.ss-qty,.ss-add-to-cart-button {display:inline-block;}

/* 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;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}


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

/* Defaults */
.checkout-methods,.checkout-subscriptions {clear:both;}
.ss-data-table input[type="text"],
.ss-data-table input[type="email"],
.ss-data-table input[type="password"],
.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 Captions */
#table-wishlist th {text-align:left;}

/* Table Header */
#table-shopping-cart th,#table-address th,#table-wishlist th {
	letter-spacing: 1px;
	text-align: left;
	white-space: nowrap;
	}

/* Table Body */
#table-shopping-cart .ss-cart-code {font-family:monospace;font-size:10px;}
#table-shopping-cart .ss-cart-product-options {font-family:sans-serif;font-size:11px;margin:18px 0 18px 18px;padding:0;}
#table-shopping-cart .ss-cart-product-options li {margin:0;padding:0;}

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

/* Buttons and Form Elements */
#table-shopping-cart .ss-cart-update .button {margin-right:5px;vertical-align:middle;}
#table-shopping-cart .ss-cart-item-qty input {width:30px;*width:auto;/* IE7 */}

/* Other */
#table-shopping-cart input,
#table-shopping-cart .ss-cart-remove .button {margin:0;}
#table-shopping-cart .ss-cart-wishlist-message:before {
	content: url(/default/images/icnWishlist13x13.png);
	font-size: 11px;
	padding-right: 6px;
	vertical-align: middle;
	}

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

/* Errors */
.ss-data-table input[type="text"].error:not(.disabled),
.ss-data-table input[type="email"].error,
.ss-data-table input[type="password"].error,
.ss-data-table input[type="tel"].error,
.ss-data-table select.error:not(.disabled) {border-color:#E5BCBC;}


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

/* Billing and Shipping Details*/
.use-billing-details {margin:18px 0;}

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

/* Gift Message and Shipping Message */
textarea#giftMessage,textarea#shippingMessage {width:99%;}

/* Credit Card Details */
#table-credit-card-details td {padding:10px 15px;}
#table-credit-card-details input[type="text"],#table-credit-card-details select {margin-left:0;}

/* Proceed */
.checkout-proceed {margin-bottom:22px;}


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

.ss-minicart {margin-bottom:18px;}
.ss-minicart tbody {border-bottom:1px solid rgba(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;}

/************************************************************************************
USERS - Account Dashboard
*************************************************************************************/

#avatarLink {}
	#avatar {border:8px solid #fff;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.2);}

/************************************************************************************
COMMENTS - Comments and Star Reviews
*************************************************************************************/

/* Defaults */
.ss-star-reviews {color:#666;line-height:18px;margin:0 0 18px 0;}
.ss-star-reviews .ss-star-reviews-desc {_display:inline;display:inline-block;padding:2px 0 0 0;}

/* List mode */
#ss-mode-list .ss-star-reviews {float:right;margin:0 0 18px 40px;}
#ss-mode-list .ss-star-reviews div.rateit {display:block;}

.ss-star-reviews a,.ss-star-reviews a:hover {color:#666;}


/************************************************************************************
EVENTS - Module
*************************************************************************************/

/* List Events */
#ss-list-events article {border-bottom:1px solid rgba(0,0,0,.1);}

/* View Event */
#ss-table-event-details {margin-bottom:22px;width:100%}
	#ss-table-event-details th {padding:2px;text-align:left;width:200px;}
	#ss-table-event-details td {padding:2px;}


/************************************************************************************
POLLS - Module
*************************************************************************************/

.polls label {cursor:pointer;}


/************************************************************************************
DOWNLOADS - Module
*************************************************************************************/

#ss-tools form#download_filter {margin:0;}
#ss-table-downloadables h5 {margin:0;}
#ss-table-downloadables .meta {color:#999;color:rgba(0,0,0,.5);}
#ss-table-downloadables .description {margin:18px 0;}

#ss-downloads ul {list-style:none;padding:0;}
#ss-downloads #ss-tools ul {margin-bottom:0;}
    .ss-downloads-list {margin-top:30px;}
    .ss-downloads-list ul {border-top:1px solid #ccc;border-top:1px solid rgba(0,0,0,.15);float:none;}
    .ss-downloads-list li {border-bottom:1px solid #ccc;border-bottom:1px solid rgba(0,0,0,.15);position:relative;}
    .ss-downloads-list .meta {color:#999;color:rgba(0,0,0,.5);font-size:12px;}
    .ss-downloads-list .pngfix {height:14px;}
    .ss-downloads-list .btn-download {position:absolute;right:20px;top:20px;}


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

/* automatic self-clear floats */
.more-posts:before,
#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,
.more-posts:after,
.group:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}


/************************************************************************************
DEVICE SCREEN SIZES
*************************************************************************************/

@media screen and (max-width:480px) {

	/* Defaults */
	body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: none;
		}
}

/* END base.css */




/* // BLOG / SHOPPING CART / CHECKOUT / MEMBER-REGISTRATION // */
#ss-subcategory-list ul { text-align: center; }
#ss-subcategory-list ul li a:hover { text-decoration: none; }
#ss-mode-grid ul.ss-category { text-align: center; }


.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: 4em; }
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: #1f4d85;
	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: #1f4d85; 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; box-sizing: border-box; padding: 8px 10px; margin: 2px 0; }
.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; }

#blogBlockMain {
	float: left;
	width: 68%;
	position: relative;
	background: #ffffff;
	padding: 20px 0 10px 0; }
#blogBlockMain .blogList { width: auto; margin: 0 0 2em 0;
/* border-bottom: 1px solid #e4e4e4; */ }
#blogBlockMain .blogList img { width: 98%; height: auto; }
#blogBlockMain h1.blogTitle {
	padding: 0px 0px;
	background: none;
	margin-bottom: 0.8em;
	text-transform: none;
	color: #000000; }
#blogBlockMain .blogAuthor { font: normal 11px/1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0px; color: #777777; padding: 0px; }
#blogBlockMain .blogImage { padding: 1.5em 0; }
#blogBlockMain .blogArticle .blogImage img { width: 100% !important; }
#blogBlockMain .blogContent { padding: 0 0 1em 0; }
#blogBlockMain .blogContent ul { list-style: disc; margin: 0 0 0.8em 1.5em; }
#blogBlockMain .socialBar { padding: 0 0 2em 0; }
#blogBlockMain .blogArticle .socialBar { padding: 2em 0 1em 0; }
#blogBlockMain .blogAboutAuthor {
	padding: 2em;
	background: #f2f2f2;
	border: 1px solid #dddddd;
	position: relative;
	border-radius: 8px; }
#blogBlockMain .blogAboutAuthorArrow {
	width: 12px;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	top: -10px;
	left: 100px; }
#blogBlockMain .blogAboutAuthor img { float: left; margin: 0px 10px 0px 0px; }
#blogBlockSide {
	float: right;
	width: 28%;
	position: relative;
	background: #ffffff;
	padding: 20px 0 10px 0; }
#blogBlockSide form#blogSearch {
	width: 230px;
	padding: 6px 9px;
	margin: 0px auto;
	border: 1px solid #cccccc;
	border-radius: 8px; }
#blogBlockSide form#blogSearch input.inputBox {
	border: none;
	margin: 0px;
	padding: 0px;
	background: none;
	height: 24px;
	width: 200px;
	line-height: 24px;
	display: block;
	float: left;
	color: #898989;
	box-shadow: none; }
#blogBlockSide form#blogSearch input.buTTon {
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	width: 30px;
	border: none;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	cursor: pointer; }
#blogBlockSide .blogCategories {
	width: 250px;
	margin: 20px auto 0px auto;
	border: 1px solid #f0f0f0;
	background: #fafafa; }
#blogBlockSide .blogCategories ul { list-style: none; padding: 0px; margin: 0px; }
#blogBlockSide .blogCategories li { color: #808080; display: block; padding: 7px 0px 7px 10px; }
#blogBlockSide .blogCategories li a {  text-decoration: none; font: normal 14px Helvetica, Arial, sans-serif; color: #000000; }
#blogBlockSide .blogCategories li a:hover {  }
#blogBlockSide .blogNewsletter {
	background: #f1efee;
	width: 210px;
	padding: 20px;
	margin: 20px auto 0px auto;
	border-radius: 10px;
	font: normal 12px/1.6em Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center; }
#blogBlockSide .blogNewsletter form { padding: 0px; margin: 0px; }
#blogBlockSide .blogNewsletter input.inputBox {
	display: block;
	float: left;
	width: 155px;
	height: 28px;
	font: italic normal 12px/28px Helvetica, Arial, sans-serif;
	color: #555555;
	border: 1px solid #b9b1a9;
	margin: 0px;
	padding: 0px 5px;
	background: #ffffff;
	position: relative; }
#blogBlockSide .blogNewsletter input.buTTon {
	display: block;
	float: left;
	width: 40px;
	height: 30px;
	border: none;
	margin: 0px;
	padding: 0px;
	background: #b9b1a9;
	text-indent: -99em;
	cursor: pointer;
	position: relative; }
#blogBlockSide .blogNewsletter input.buTTon:hover { background: #000000; }
#blogBlockSide .blogRecent { width: 250px; margin: 30px auto 0px auto; }
#blogBlockSide .blogRecent p { padding: 5px 10px; margin: 0px; }
#blogBlockSide .blogRecent p:nth-child(odd) { background: #fafafa; }
#blogBlockSide .blogRecent h3 { font: normal 18px/1.6em Helvetica, Arial, sans-serif; margin-bottom: 0.3em; }
#blogBlockMain #comments { margin: 30px 0px 0px 0px; }
#blogBlockMain #post_comment_enabled { border-top: 1px solid #cccccc; padding-top: 10px; }
#blogBlockMain #comments input.c_input { height: 26px; line-height: 26px; border: 1px solid #cccccc; }
#blogBlockMain #comments textarea.textarea { border: 1px solid #cccccc; }
#blogBlockMain #comments input.button {
	width: 160px;
	height: 33px;
	padding: 0;
	margin: 10px 0 0 0;
	display: block;
	font: bold 12px/33px Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	position: relative;
	z-index: 100;
	border: none; }
#blogBlockMain #comments input.button:hover { color: #dfdfdf; }
#blogBlockMain .paging_controls { text-align: center; font: normal 12px/20px Helvetica, Arial, sans-serif; }
#blogBlockMain .paging_controls span.pagelink-current { padding: 0px 5px; font-weight: bold; }
#blogBlockMain .paging_controls span.pagelink a { padding: 0px 5px; }
#blogBlockMain .socialBar { height: 21px; overflow: hidden; }
#blogBlockMain .ss-social-icons-btn { float: left; width: auto; }
#blogBlockMain .ss-social-icons-btn.pinit { padding: 0px 2px; }
#blogBlockMain iframe.twitter-share-button { width: 85px !important; display: inline-block; }
#blogBlockMain #fb_iframe_widget { width: 95px !important; }
#blogBlockMain .fb_iframe_widget span { vertical-align: top !important; }
@media (max-width: 840px) {
.shopping-cart .group.checkout-billing { float: none; width: auto; }
.shopping-cart .group.checkout-shipping { float: none; width: auto; }
#blogBlockMain { width: 60%; padding: 10px 0 0 0; }
#blogBlockSide { width: 38%; }
}
@media (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; }
#blogBlockMain { width: auto; float: none; margin: 0 auto; }
#blogBlockMain img { width: 98%; height: auto; }
#blogBlockSide { width: auto; float: none; margin: 10px 10px 0px 10px; }
}
@media (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 (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 (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 (max-width: 360px) {
#ss-product-images { width: 100% !important; }
}