/* @override 
	http://vxprojects.com/icon/web/css/screen.css
	http://www.iconproducts.com/v2/themes/site_themes/css/screen.css
*/

/*
/////////////////////////////////////////////////
// CSS coded by Version-X Design
// http://www.version-x.com
/////////////////////////////////////////////////
*/

/* @group Global */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

body {
	background-color: #333;
	color: #fff;
	font: 100%/1.125em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-align: left;
	text-rendering: optimizeLegibility;
}

html, body {
	height: 100%; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
}

@font-face {
	font-family: 'RalewayThin';
	src: url('../type/raleway_thin-webfont.eot');
	src: local('☺'), url('../type/raleway_thin-webfont.woff') format('woff'), url('../type/raleway_thin-webfont.ttf') format('truetype'), url('../type/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @group background */

/* scalable bg */

#bg_image { 
	left: 0; 
	position: fixed; 
	top: 0; 
	width: 100%; 
	z-index: 1; 
}

#supersize{
	position:fixed;
}
		
#supersize img, #supersize a {
	height:100%;
	position:absolute;
	width:100%;
	z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img {
	z-index: 1;
}
		
#supersize .activeslide, #supersize .activeslide img {
	z-index: 2;
}

/* corner shadows */

#frame {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

#frame div {
	height: 80px;
	position: fixed;
}

#frame div.s {
	bottom: 0;
	height: auto;
	right: 0;
	top: 0;
	width: 80px;
}

#frame div.t {
	background: url(../img/bg_body-ca.png) repeat-x center -320px;
	left: 0;
	height: 80px;
	right: 0;
	top: 0;
}

#frame div.t div.l {
	background: url(../img/bg_body-ca.png) repeat-x left top;
	left: 0;
	width: 80px;
}

#frame div.t div.r {
	background: url(../img/bg_body-ca.png) repeat-x left -80px;
	right: 0;
	width: 80px;
}

#frame div.b {
	background: url(../img/bg_body-ca.png) repeat-x center -400px;
	bottom: 25px;
	height: 80px;
	left: 0;
	right: 0;
}

#frame div.b div.l {
	background: url(../img/bg_body-ca.png) repeat-x left -160px;
	left: 0;
	width: 80px;
}

#frame div.b div.r {
	background: url(../img/bg_body-ca.png) repeat-x left -240px;
	right: 0;
	width: 80px;
}

/* @end */

/* @group base typography */

::selection {
	background: #4f7b8f;
	color:#fff;
}

::-moz-selection{
	background:#4f7b8f;
	color:#000;
}

h1 {
	background-color: #000;
	border-top: 5px solid #fff;
	color: #fff;
	margin: 0;
	padding: 30px 18px 15px;
	text-transform: uppercase;
	font: normal normal 5em/1 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h2 {
	border-bottom: 1px solid #333;
	margin: 9px 0 18px;
	padding: 0 18px 0 48px;
	text-transform: uppercase;
	font: normal normal 3em/1.125 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h3 {
	color: #bec64d;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 30px 18px 9px 48px;
	padding: 0;
}

h4 {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	color: #999;
	font-size: 1.125em;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5;
	margin: 0 18px 9px 48px;
	padding: 0;
	text-transform: uppercase;
}

h5 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin: 24px 18px 6px 48px;
	padding: 0;
}

h6 {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	font-size: .75em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 2;
	margin: 0 18px 6px 48px;
	padding: 0;
	text-transform: uppercase;
}

a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

a:hover {
	background-color: #fff;
	border-bottom: 1px solid #666;
	color: #000;
}

p {
	color: #eee;
	font-size: .875em;
	line-height: 1.5;
	margin: 0 0 18px;
	padding: 0 36px 0 48px;
	text-transform: none;
}

blockquote {
	background-color: #000;
	color: #999;
	font: italic normal 1.125em/1.5 "Times New Roman", Times, serif;
	margin: 0 20px 24px 0;
	padding: 18px 18px 18px 100px;
}

q {
	color: #999;
	font: italic normal 1.125em/1.5 "Times New Roman", Times, serif;
}

th {
	background-color: #333;
	border-bottom: 2px solid #000;
	color: #fff;
	font-size: .875em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding: 8px;
	text-transform: uppercase;
}

td {
	background-color: #fff;
	border-bottom: 2px solid #000;
	color: #000;
	font-size: .75em;
	line-height: 1.25;
	padding: 5px 8px;
}

tr.odd td {
	background-color: #ccc;
}

ul, ol {
	margin: 0 18px 18px 48px;
	padding: 0;
}

ul {
	list-style-type: square;
}

ul li, ol li {
	font-size: .875em;
	line-height: 1.5;
	margin: 0 0 9px;
	padding: 0;
}



/* @end */

/* @group colors */

.cure {
	color: #ed9ad6;
}

.cure-bg {
	background-color: #ed9ad6;
}

.hydration {
	color: #7d5cc6;
}

.hydration-bg {
	background-color: #7d5cc6;
}

.aging, .anti-aging {
	color: #bd4d97;
}

.aging-bg, .anti-aging-bg {
	background-color: #bd4d97;
}

.proshield, .treatments {
	color: #00b092;
}

.proshield-bg, .treatments-bg {
	background-color: #00b092;
}

.detox {
	color: #bec64d;
}

.detox-bg {
	background-color: #bec64d;
}

.indulgent {
	color: #df7a00;
}

.indulgent-bg {
	background-color: #df7a00;
}

.infusion {
	color: #0083be;
}

.infusion-bg {
	background-color: #0083be;
}

.definition, .hold, .style_lock, .finishing, .theraputics {
	color: #4f7b8f;
}

.definition-bg, .hold-bg, .style_lock-bg, .finishing-bg, .theraputics-bg {
	background-color: #4f7b8f;
}

.stained_glass {
	color: #666;
}

.stained_glass-bg {
	background-color: #666;
}



/* @end */

/* @group footer */

#foot p {
	color: #666;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 18px;
	text-transform: uppercase;
}

#foot p a {
	border-bottom-style: none;
	color: #999;
}

#foot p a:hover {
	color: #fff;
	background-color: transparent;
}



/* @end */

/* @group grids */

#content-inner >.line:last-child {
	padding-bottom: 40px;
}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.4%;}
@-moz-document url-prefix() { .size1of3 { width:33.33333%; } }
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}


/* @end */

/* @group structures */

#wrapper { 
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
	z-index: 2;
}

#home-content {
	margin: 0 0 0 280px;
	min-height: 500px;
	min-width: 600px;
	overflow: auto;
	padding: 20px 0 0;
}

#nav {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.85);
	left: 18px;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 190px;
}

#content {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.85);
	margin: 0 0 0 230px;
	min-height: 500px;
	min-width: 600px;
	overflow: auto;
	padding: 0 0 36px;
	width: 740px;
}

#foot {
	background-color: #000;
	bottom: 0;
	clear: both;
	color: #666;
	font-size: .75em;
	height: 25px;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
}

.tab-panel {
	background-color: #000;
	margin: 0;
	overflow: auto;
	padding: 0 18px 18px;
	width: 704px;
}

.basic {
	background-color: #000;
	margin: 18px 0 0;
	padding: 18px 0 10px;
}



/* @end */

/* @group utilities */

.hide {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.solid {
	background-color: #000;
}

.inset {
	padding-left: 18px;
}



/* @end */



/* @end */

/* @group Navigation */

/* @group primary navigation */

#logo {
	background-color: #000;
	float: left;
	margin: 0;
	padding: 15px 10px;
	display: inline-block;
	width: 50px;
	border-style: none;
}

#logo:hover {
	background-color: #292929;
	border-bottom-style: none;
}

#nav-primary {
	list-style-type: none;
	margin: 17px 0 0 70px;
	padding: 0;
}

#nav-primary li {
	font-size: .75em;
	letter-spacing: 2px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#nav-primary li a {
	color: #cccccc;
	display: block;
	margin: 0 0 0 5px;
	padding: 2px 15px 2px 10px;
	text-decoration: none;
	border-bottom-style: none;
}

#nav-primary li a:hover {
	border-bottom-style: none;
	color: #000;
}

#nav-primary li a#nav-products:hover {
	background-color: #df7a00;
}

#nav-primary li.current a#nav-products {
	background-color: #df7a00;
	color: #000;
}

#nav-primary li a#nav-styles:hover {
	background-color: #bd4d97;
}

#nav-primary li.current a#nav-styles {
	background-color: #bd4d97;
	color: #000;
}

#nav-primary li a#nav-about:hover {
	background-color: #7d5cc6;
}

#nav-primary li.current a#nav-about {
	background-color: #7d5cc6;
	color: #000;
}

#nav-primary li a#nav-education:hover {
	background-color: #00b092;
}

#nav-primary li.current a#nav-education {
	background-color: #00b092;
	color: #000;
}

#nav-primary li a#nav-media:hover {
	background-color: #bec64d;
}

#nav-primary li.current a#nav-media {
	background-color: #bec64d;
	color: #000;
}

#nav-primary li a#nav-salons:hover {
	background-color: #0083be;
}

#nav-primary li.current a#nav-salons {
	background-color: #0083be;
	color: #000;
}

#nav-primary li a#nav-contact:hover {
	background-color: #ed9ad6;
}

#nav-primary li.current a#nav-contact {
	background-color: #ed9ad6;
	color: #000;
}



/* @end */

/* @group secondary navigation */

#nav-secondary {
	border-top: 1px solid #333;
	clear: both;
	height: 30px;
	margin: 0;
}

#nav-secondary li {
	float: left;
	list-style-type: none;
	margin-bottom: 0;
}

#nav-secondary li a {
	border-right: 1px solid #333;
	color: #666;
	font-size: .7em;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom-style: none;
}

#nav-secondary li a:hover {
	border-bottom-style: none;
	color: #fff;
	background-color: transparent;
}

#nav-secondary li:nth-child(2) a {
	border-style: none;
}



/* @end */

/* @group tabs & accordions */

.nav-sub {
	background-color: #fff;
	height: 30px;
	list-style-type: none;
	margin: 0 0 36px;
	padding: 0;
}

.tabs .nav-sub {
	margin-bottom: 18px;
}

.nav-sub li {
	float: left;
	font-size: .75em;
	line-height: 30px;
}

.nav-sub li a {
	border-bottom-style: none;
	border-right: 1px solid #ccc;
	color: #000;
	display: inline-block;
	letter-spacing: 2px;
	margin: 0;
	padding: 0 12px 0 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.nav-sub li a:hover {
	background-color: #000;
	border-right-color: #000;
	border-bottom-style: none;
	color: #fff;
}

.nav-sub li.current a {
	background-color: #000;
	border-right-color: #000;
	color: #fff;
}

.nav-sub li.current a.indulgent {
	color: #df7a00;
}

.nav-sub li.current a.hydration {
	color: #7d5cc6;
}

.nav-sub li.current a.cure {
	color: #ed9ad6;
}

.nav-sub li.current a.aging {
	color: #bd4d97;
}

.nav-sub li.current a.proshield {
	color: #00b092;
}

.nav-sub li.current a.detox {
	color: #bec64d;
}

.nav-sub li.current a.infusion {
	color: #0083be;
}

.accordion-nav {
	background-color: #fff;
	border-bottom-style: none;
	clear: both;
	line-height: 1.25;
	margin: 0 18px 15px 0;
	padding: 0 0 0 6px;
	font-size: 2.25em;
	text-transform: uppercase;
}

.accordion-nav a {
	background-color: #666;
	border-bottom-style: none;
	display: block;
	margin: 0;
	padding: 0 0 2px 12px;
}

.accordion-nav a:hover, .accordion-nav a.current {
	background-color: #fff;
	border-bottom-style: none;
	color: #000;
}



/* @end */

/* @group search */

#keywords {
	background: #333 url(../img/mag.png) no-repeat 5px 4px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-style: none;
	clear: both;
	color: #666;
	font-size: .75em;
	height: 14px;
	line-height: 1;
	margin: 8px;
	padding: 4px 4px 4px 25px;
	outline: none;
	vertical-align: middle;
	width: 145px;
}



/* @end */

/* @group newsletter */

#subscribe {
	padding: 20px;
	width: 500px;
}

#subscribe h2 {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
}

#subscribe input.btn {
	position: relative;
	top: -40px;
	padding-right: 10px;
	right: 0;
}



/* @end */



/* @end */

/* @group typography extended */

/* headings */

h2.products {
	border-bottom-style: none;
	clear: both;
	font-size: 2.25em;
	line-height: 1;
	margin-top: 30px;
	padding-left: 0;
}

h2.products span.title {
	padding: 2px 8px 0 18px;
}

h2.products span.sub {
	color: #fff;
	font-size: .5em;
	letter-spacing: 1px;
}

/* paragraphs & links */

a.help {
	background-color: #666;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	height: 13px;
	margin: 0 0 0 4px;
	padding: 0;
	text-align: center;
	width: 12px;
	border-style: none;
}

a.help:hover {
	border-style: none;
}

a.small {
	border-bottom-style: none;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
}

p.byline {
	color: #999;
	font-size: .75em;
	line-height: 1;
	margin: 0;
	padding: 0 0 0 48px;
	text-transform: uppercase;
}

p.byline a {
	border-bottom-style: none;
}

p.description {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	float: left;
	font-size: .875em;
	line-height: 1.25;
	margin: 0 0 4px;
	padding: 8px 0;
}

p.big-description {
	border-bottom: 1px solid #333;
	font-size: 1.125em;
	margin-left: 30px;
	margin-bottom: 30px;
	line-height: 1.25;
	padding: 0 0 18px;
}

p.intro {
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin: 0 18px 30px 0;
	padding: 18px 0 18px 48px;
}

p.intro span {
	background-color: #000;
}

p.sub {
	color: #999;
	font-size: .6875em;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 9px;
	padding: 0;
	text-transform: lowercase;
}

p.big-sub {
	color: #999;
	padding-bottom: 6px;
}

p.back {
	background-color: #fff;
	font-weight: bold;
	margin: 0 0 36px;
	padding: 6px 0 6px 18px;
}

/* lists */

.item-list {
	margin: 0;
	padding: 0;
}

.item-list li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}



/* @end */

/* @group images & media */

p img {
	background-color: #000;
	border: 1px solid #333;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
}

.clean {
	border-style: none;
}

p.intro img {
	border: 1px none #333;
	margin: -20px 30px 10px 40px;
	padding: 4px;
}

img.banner {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	margin: 0 0 18px;
	padding: 3px 0;
}

#tooltip {
	color:#fff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	max-width: 200px;
	position:absolute;
	text-align: left;
	z-index:9999;
}


#tooltip .tipBody {
	background-color:#000;
	padding: 10px;
}

.caption {
	background-color: #fff;
	padding: 3px;
}

.caption.left {
	margin: 0 18px 18px 48px;
}

.caption p {
	font-size: .7em;
	color: #000;
	font-style: italic;
	margin: 0;
	padding: 0;
	line-height: 1.25;
	text-align: center;
}



/* @end */

/* @group buttons & forms */

.btn {
	border-bottom-style: none;
	color: #000;
	display: block;
	font-size: .75em;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
}

.btn:hover {
	border-style: none;
	color: #000;
}

.btn.left {
	padding-left: 20px;
}

.btn.right {
	padding-right: 20px;
}

label {
	font-weight: bold;
	line-height: 1.5;
}

input.btn {
	border-style: none;
	float: right;
	font: 1.25em/1.125em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin: 0;
	
	vertical-align: middle;
	position: relative;
	padding: 10px 60px 10px 10px;
}

input.btn:hover {
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

input.text {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #ed9ad6;
	background-color: #333;
	font: .875em/1.5 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	height: 30px;
	outline: none;
	width: 330px;
	color: #fff;
	padding: 1px 6px;
}

textarea {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #ed9ad6;
	background-color: #333;
	font: .875em/1.5 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	height: 180px;
	outline: none;
	width: 330px;
	color: #fff;
	padding: 6px;
}



/* @end */

/* @group Content */

/* @group contact */

.contact {
	background-color: #000;
	margin: 0;
	padding: 6px 0 24px;
}

.contact h3 {
	color: #fff;
	font: normal normal 2.25em/1.25 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	border-bottom: 1px solid #333;
	margin-top: 9px;
}



/* @end */

/* @group salons */

#salon-pics {
	height: 300px;
	overflow: hidden;
	width: 740px;
}

#salon-pics .intro {
	position: absolute;
}

.locator {
	background-color: #000;
	margin: 24px 0 0;
	padding: 6px 0;
	overflow: auto;
}

.locator p.instructions {
	border-right: 1px solid #333;
	color: #999;
	float: left;
	margin-right: 22px;
	width: 260px;
}

.locator form {
	margin-left: 320px;
}

.locator form p {
	padding-right: 0;
}

.locator select {
	border: 3px solid #0083be;
	outline: none;
	background-color: #000;
	color: #fff;
}

.locator #find {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #0083be;
	background-color: #333;
	height: 30px;
	outline: none;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	width: 278px;
}

.locator p.radius {
	margin-left: 48px;
	padding-left: 0;
	width: 160px;
	padding-right: 0;
}

.locator input.btn {
	padding: 10px 30px 10px 10px;
	margin: 0;
	top: -60px;
	position: relative;
	display: block;
	width: 220px;
	right: 0;
	float: right;
}

.locator-results th {
	background-color: transparent;
	letter-spacing: 3px;
	font-size: .75em;
	line-height: 1;
	padding-left: 18px;
}

.locator-results td {
	background-color: transparent;
	border-top: 1px solid #333;
	border-bottom-style: none;
	color: #fff;
	line-height: 1.5;
	padding: 9px 0 9px 18px;
	vertical-align: top;
}

.locator-results td strong {
	font-size: 1.25em;
}

.locator-results td.distance {
	font: normal normal 3.5em/1 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}



/* @end */

/* @group education */

#education-pics {
	background: url(../img/photo-stack.png) no-repeat;
	float: right;
	height: 193px;
	margin: 30px 18px 18px;
	padding: 0;
	width: 279px;
}

#education-pics img {
	margin: 9px 0 0 7px;
	padding: 0;
}

.seminars h2 {
	border-bottom-style: none;
	background-color: #000;
	margin-bottom: 0;
	padding-bottom: 4px;
}

.seminars h3 {
	font: normal normal 1.75em/1.5 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	margin-top: 7px;
	border-bottom: 1px solid #333;
}

.seminars .summary {
	margin-bottom: 18px;
}

.seminars .summary img {
	border: 3px solid #fff;
}



/* @end */

/* @group home page news */

.big-list {
	height: 100%;
	list-style-type: none;
	margin: 0 0 36px;
	padding: 0;
	text-align: right;
	width: 100%;
	z-index: -1;
}

.big-list li {
	margin: 36px 0;
	min-width: 500px;
	padding: 0;
	text-transform: uppercase;
}

.big-list li:first-child a:hover {
	opacity: 0.1;
}

.big-list li a {
	background-color: transparent;
	border-style: none;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	font: 3.5em/1.15em 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.big-list li a span {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
	margin: 0;
	padding: 0 2px;
}

.big-list li a:hover {
	color: #437ca1;
	opacity: 1;
}

.big-list li a:hover span {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,1);
}

.big-list li a.current span {
	color: #437ca1;
	opacity: 1;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,1);
}

.big-list li a.current {
	padding-bottom: 0;
}

.big-list li a.current span.more span {
	color: #fff;
}

.big-list li a span.more {
	background-color: transparent;
	color: #fff;
	display: block;
	font-size: .25em;
	float: right;
	line-height: 1;
	margin: -18px 0 0;
	padding: 0;
}

.big-list li a span.more span {
	margin: 0;
	padding: 5px;
	z-index: 2;
}

.big-list li .details {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,1);
	display: none;
	margin: 0 10px 0 0;
	padding: 18px 0 5px;
}



/* @end */

/* @group summary block */

.summary {
	background-color: #000;
	clear: both;
	float: left;
	margin: 20px 0 40px;
	padding: 15px 0;
	width: 740px;
}

.summary a:hover {
	border-style: none;
}

.summary img {
	margin: -40px 40px 0;
	padding: 0;
}

.summary img.short {
	margin-top: 18px;
}

.summary p {
	font-style: normal;
	font-weight: normal;
}



/* @end */

/* @group media section */

.post-body {
	border-bottom: 1px solid #333;
	margin-bottom: 30px;
}

li.news-item {
	background-color: #000;
	margin: 0 6px 10px 0;
	padding: 10px;
	width: 220px;
	min-height: 290px;
}

li.news-item a {
	border-bottom-style: none;
}

li.news-item .cat {
	background-color: #bec64d;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	color: #000;
	display: block;
	font-size: 12px;
	float: left;
	line-height: 12px;
	margin: 0;
	padding: 3px 6px;
	position: absolute;
	text-transform: uppercase;
}

li.news-item .date {
	color: #999;
	margin: 0;
	padding: 0;
}

li.news-item h3 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 9px;
	padding: 0;
	text-transform: uppercase;
}

li.news-item p.snip {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	margin: 6px 0;
	padding: 6px 0;
}

li.paginate {
	clear: both;
}



/* @end */

/* @group products section */

/* product blocks */

.product {
	background-color: #000;
	margin: 0;
	padding: 24px 15px 24px 0;
}

.related {
	background-color: #000;
	margin-top: 18px;
}

.product .size1of3, .product .size2of5 {
	border-right: 1px solid #333;
	text-align: center;
}

/* product family lists */

.product-list li {
	background-color: #000;
	margin-bottom: 30px;
	margin-left: 0;
	margin-top: 0;
	padding: 10px 15px;
	min-height: 200px;
	width: 206px;
}

.product-list li div {
	margin-left: 75px;
}

.product-list li div.wide {
	margin-left: 0;
}

.product-list li a:hover {
	border-style: none;
}

.product-list li img {
	margin: 5px 15px 10px 0;
	padding: 0;
}

.product-list li h3 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	margin: 5px 0 0;
	padding: 0;
	text-transform: uppercase;
}

.feature-list li {
	color: #999;
	font-size: .75em;
	line-height: 1.25;
	margin-bottom: 6px;
}

/* product sizes */

.sizes {
	border-left: 1px solid #333;
	float: right;
	padding: 0 0 0 18px;
	margin: 0 0 18px 18px;
	width: 175px;
}

.sizes h3 {
	color: #7d5cc5;
	letter-spacing: 1px;
	margin: 0 0 18px;
	padding: 0;
	text-transform: uppercase;
	font: 1.125em 'RalewayThin', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.sizes img {
	margin-right: 9px;
}

.sizes a {
	border-bottom-style: none;
}

.sizes a:hover {
	background-color: #000;
	border-style: none;
}

/* ingredients table */

.ingredients {
	margin: 0 0 0 32px;
	padding: 0;
	width: 94%;
}

/* periodic style lists */

.periodic li {
	margin: 0;
	padding: 0;
}

.periodic li a {
	background-color: #000;
	border: solid 1px #333;
	display: block;
	margin: 0 15px 0 0;
	padding: 8px;
	width: 134px;
	height: 146px;
	position: relative;
}

.periodic li a:hover {
	border: 1px solid #fff;
}

.periodic li .title {
	font-size: 1.125em;
	line-height: 1;
	margin: 0 0 6px;
	max-width: 80px;
	text-align: right;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.periodic li a:hover .title {
	color: #fff;
}

.periodic li .title strong {
	display: block;
	font-weight: normal;
	font-style: normal;
}

.periodic li .title em {
	color: #999;
	display: block;
	font-size: .675em;
	font-style: normal;
	font-weight: bold;
	margin-top: 4px;
	text-transform: lowercase;
	margin-left: 50px;
	line-height: 1.125;
}

.periodic li a img {
	display: block;
	position: absolute;
	bottom: 0;
	margin-bottom: 8px;
}



/* @end */

/* @group styles section */

.style-list li {
	background-color: #000;
	margin: 0 0 18px 18px;
	padding: 11px;
	width: 199px;
	min-height: 264px;
}

.style-list li img {
	border: 4px solid #fff;
	display: block;
	margin: 0;
	padding: 0;
}

.style-list li p {
	margin: 9px 0 0;
	padding: 0;
	text-align: center;
}

.style-list li p a {
	color: #bd4d97;
	text-transform: uppercase;
	border-bottom-style: none;
}



/* @end */



/* @end */

/* @group colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background: url(../img/controls.png) no-repeat left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background: url(../img/controls.png) no-repeat right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background: url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background: url(../img/controls.png) no-repeat center bottom; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}



/* @end */