/* TYPEFACES */

	/* body */
	@font-face {
		font-family: 'source_sans';
		src: url('fonts/sourcesans/sourcesanspro-regular-webfont.eot');
		src: url('fonts/sourcesans/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/sourcesans/sourcesanspro-regular-webfont.woff') format('woff'),
			 url('fonts/sourcesans/sourcesanspro-regular-webfont.ttf') format('truetype'),
			 url('fonts/sourcesans/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'source_sans';
		src: url('fonts/sourcesans/sourcesanspro-italic-webfont.eot');
		src: url('fonts/sourcesans/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/sourcesans/sourcesanspro-italic-webfont.woff') format('woff'),
			 url('fonts/sourcesans/sourcesanspro-italic-webfont.ttf') format('truetype'),
			 url('fonts/sourcesans/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
		font-weight: normal;
		font-style: italic;
		}
	@font-face {
		font-family: 'source_sans';
		src: url('fonts/sourcesans/sourcesanspro-bold-webfont.eot');
		src: url('fonts/sourcesans/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/sourcesans/sourcesanspro-bold-webfont.woff') format('woff'),
			 url('fonts/sourcesans/sourcesanspro-bold-webfont.ttf') format('truetype'),
			 url('fonts/sourcesans/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
		font-weight: bold;
		font-style: normal;
		}
	
	/* headers */
	@font-face {
		font-family: 'code_bold';
		src: url('fonts/code/code_bold-webfont.eot');
		src: url('fonts/code/code_bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/code/code_bold-webfont.woff') format('woff'),
			 url('fonts/code/code_bold-webfont.ttf') format('truetype'),
			 url('fonts/code/code_bold-webfont.svg#code_boldregular') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* BASE TAGS */
	
	html { background: url(images/bg.jpg) }
	
	body {
		background: url(images/bg_top.png) center top no-repeat;
		font: 13px/1.3em 'source_sans', arial, sans-serif;
		color: #364656;
		}

/* LINKS */

	a:link    { color: #5D6B74 }
	a:visited { color: #7D8B94 }
	a:hover   { color: #94A4A5 }
	a:active  { color: #FF8C31 }
	
/* H1-4 */

	h1, h2, h3, h4 {
		color: #000;
		font-family: 'code_bold', arial, sans-serif;
		-webkit-font-smoothing: anti-aliased;
		text-shadow: #fff 1px 1px 3px;
		font-weight: normal;
		letter-spacing: 0.1em;
		}
	h1.bodyfont, h2.bodyfont, h3.bodyfont, h4.bodyfont {
		font-family: 'source_sans', arial, sans-serif;
		font-weight: bold;
		letter-spacing: inherit;
		margin-bottom: inherit;
		}
	h1 {
		font-size: 21px;
		line-height: 24px;
		margin: 0 0 20px 0;
		}
	h2 {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 22px;
		}
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
		}
	h4 {
		font-size: 14px;
		margin-bottom: 5px;
		text-shadow: #fff 1px 1px 4px;
		}

/* FORM ELEMENTS */

	button,
	input,
	select,
	textarea {
		padding-left: 3px;
		font-family: 'Myriad Pro', arial, sans-serif;
		font-size: 13px;
		color: #000;
		background: #fff;
		}
	
	textarea,
	input[type=text],
	input[type=password],
	input[type=email] {
		width: 160px;
		padding: 4px 8px 1px 8px;
		margin: 0 4px 0 0;
	
		-webkit-box-shadow:
			inset 1px 1px 4px 0 rgba(0, 0, 0, 0.3),
			inset -1px -1px 4px 0 rgba(0, 0, 0, 0.1);
		box-shadow:
			inset 1px 1px 4px 0 rgba(0, 0, 0, 0.3),
			inset -1px -1px 4px 0 rgba(0, 0, 0, 0.1);
		border: 1px solid #000;
		border-radius: 3px;
		}
	
	input.qty {
		width: 20px;
		height: 20px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 5px 4px 0 4px;
		}
	
/* BUTTONS */
	
	button,
	input[type=button],
	input[type=submit] {
		padding: 3px 6px 3px 6px;
		margin: 0 4px 0 0;
		font-weight: bold;
		font-size: 14px;
		color: #000;
		text-shadow: 1px 1px 3px #fff;
		
		background: -webkit-linear-gradient(top, #fb3 0%, #f90 100%);
		background: -moz-linear-gradient(top, #fb3 0%, #f90 100%);
		background: -o-linear-gradient(top, #fb3 0%, #f90 100%);
		background: -ms-linear-gradient(top, #fb3 0%, #f90 100%);
		background: linear-gradient(top, #fb3 0%, #f90 100%);
	
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
		background-clip: padding-box;
	
		-webkit-box-shadow:
			inset 0 1px 0 0 rgba(255, 255, 255, 0.05),
			inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
			0 1px 0 rgba(255, 255, 255, 0.05);
		box-shadow:
			inset 0 1px 0 0 rgba(255, 255, 255, 0.05),
			inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
			0 1px 0 rgba(255, 255, 255, 0.05);
		border: 1px solid #000;
		border-radius: 5px;
		}
	button:hover,
	input[type=button]:hover, 
	input[type=submit]:hover {
		background: -webkit-linear-gradient(top, #fa0 0%, #b40 100%);
		background: -moz-linear-gradient(top, #fa0 0%, #b40 100%);
		background: -o-linear-gradient(top, #fa0 0%, #b40 100%);
		background: -ms-linear-gradient(top, #fa0 0%, #b40 100%);
		background: linear-gradient(top, #fa0 0%, #b40 100%);
		}
	button:active,
	input[type=button]:active, 
	input[type=submit]:active {
		background: -webkit-linear-gradient(top, #b40 0%, #620 100%);
		background: -moz-linear-gradient(top, #b40 0%, #620 100%);
		background: -o-linear-gradient(top, #b40 0%, #620 100%);
		background: -ms-linear-gradient(top, #b40 0%, #620 100%);
		background: linear-gradient(top, #b40 0%, #620 100%);
		}

	button.disabled,
	input[type=button].disabled {
		background: url(images/loading_16_w.gif) right center no-repeat,
			-webkit-linear-gradient(top, #777 0%, #aaa 100%);
		background: url(images/loading_16_w.gif) right center no-repeat,
			-moz-linear-gradient(top, #777 0%, #aaa 100%);
		background: url(images/loading_16_w.gif) right center no-repeat,
			-o-linear-gradient(top, #777 0%, #aaa 100%);
		background: url(images/loading_16_w.gif) right center no-repeat,
			-ms-linear-gradient(top, #777 0%, #aaa 100%);
		background: url(images/loading_16_w.gif) right center no-repeat,
			linear-gradient(top, #777 0%, #aaa 100%);
		text-shadow: -1px -1px 3px rgba(255,255,255,0.4);
		padding-right: 23px;
		}

	button.max_not_met,
	input[type=button].max_not_met {
		background: 
			-webkit-linear-gradient(top, #555 0%, #888 100%);
		background: 
			-moz-linear-gradient(top, #555 0%, #888 100%);
		background: 
			-o-linear-gradient(top, #555 0%, #888 100%);
		background: 
			-ms-linear-gradient(top, #555 0%, #888 100%);
		background: 
			linear-gradient(top, #555 0%, #888 100%);
		text-shadow: -1px -1px 3px rgba(255,255,255,0.4);
		cursor: default;
		}

/* PLACEHOLDER */

	input::-webkit-input-placeholder{
		color: #888;
		}
	input:-moz-placeholder{
		color: #888;
		}

/* HEADER */

	header { /* use <body> for the header background image */
		padding-top: 10px;
		margin-bottom: 20px;
		}
	#header_bg { /* adds contrast to header text */
		height: 90px;
		/* background: rgba(0,0,0,0.4); */
		}

	h1#header_title {
		line-height: 24px;
		font-size: 24px;
		margin: 8px 0 3px 0;
		}
		#header_title a {
			color: #000;
			}
	#header_byline {
		font-size: 12px;
		font-style: italic;
		}

/* FOOTER */
	
	#footer_bg1 { /* footer background image, behind everything */
		height: 290px; /* sticks to bottom, so can be any height */
		/* background: url(images/bg_bottom.jpg) center top no-repeat; */
		}
	#footer_bg2 { /* optional ... covers entire footer area */
		/* background: rgba(0,0,0,0.1); */
		}
	
	#footer_content {
		color: #000;
		}

/* LINES + BOXES */

	.fadedline { /* thin line on /order and /order/2 */
		border-top: 1px solid #666;
		}

	.line_1 { /* used all over intro, item, profile */
		border-top: 1px solid #ccc;
		}
	.line_2 { /* 2px divider ... 100% w, bot-mar:10 (like /order below headers) */
		background: #000;
		}
	
	.divider { /* thick line (like /herbs/by-category/ below title) */
		width: 100%;
		height: 1px;
		margin: 20px 0;
		background: #ccc;
		}
	
	.framed { /* outline + shadow around images, etc. */
		border: 1px solid #000;
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
		}

	.boxed { /* soft box with strong shadow (like /shipping) */
		background: rgba(255,255,255,0.1);
		border: 1px solid #000;
		-webkit-box-shadow: 4px 4px 12px rgba(0,0,0,0.4);
		box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.4);
		}

	.ui-effects-transfer { /* the zoom box when adding to cart */
		border: 2px dotted gray;
		background: rgba(255,255,255,0.1);
		}


/* MISC TEXT */

	.red { /* alarm text */
		color: #f00;
		}
	.grey { /* use here and there ... the SKU on item page, the 'for:' after a search, etc. */
		color: #666;
		}
	.vivid { /* emphesis text, like SUBTOTAL on /order */
		color: #000;
		}
	
	.desc { /* used mostly for tables (see /sign-in registration) */
		text-align: right;
		margin-top: 7px;
		color: #666;
		font-size: 90%;
		}

/* NAV */

	#nav { }
	#nav div {
		margin: 0 0 15px 0;
		color: #000;
		font-weight: bold;
		}


/* OTHER */

	#searchbox input {
		font-size: 13px;
		border-radius: 15px;
		}

/* LOADERS ... http://preloaders.net/en/circular */

	.loading { /* sign-in + cc_out */
		background: url(images/loading_36_b.gif) top left no-repeat;
		min-width: 36px;
		height: 36px;
		}
	.loading_small { /* shipping calc */
		width: 16px;
		height: 16px;
		background: url(images/loading_16_b.gif) center center no-repeat;
		}

/* INTRO */

	#body_intro h2 { /* intro page headers */
		font-size: 22px;
		margin-top: -5px;
		}
	#body_intro .viewmore {
		font-size: 10px;
		margin-top: 3px;
		}
	
	.intro_1 .name,
	.intro_4 .name,
	.intro_5 .name { /* New Arrivals item names */
		font-weight: bold;
		color: #000;
		}
	
	.intro_4 > div:hover,
	.intro_5 > div:hover {
		background: #fff;
		}

/* CATEGORY VIEW ICONS */

	#view_icons a {
		border: 1px solid #000;
		background-color: rgba(0,0,0,0.1);
		background-image: url(images/list-grid-buttons_b.png);
		}
		#view_icons a:hover {
			background-color: #fff;
			}
		#view_icons a.selected {
			cursor: default;
			background-color: #fff;
			}

/* CATEGORY VIEW LISTS */

	#item_list_desc,
	.item_list_desc { /* selected category description (often empty) */		font-size: 13px;
		line-height: 20px;
		}
	#item_list li,
	.item_list li { /* color of category lines */
		background: transparent;
		border-bottom: 1px solid #ddd;
		}
	#item_list li:hover,
	.item_list li:hover {
		background: #fff;
		}
	#item_list li:hover .short_desc,
	.item_list li:hover .short_desc {
		color: #000;
		}
	
	#item_list .name div:first-child,
	.item_list .name div:first-child { /* item name */
		font-weight: bold;
		color: #000;
		}
	#item_list li a,
	.item_list li a { /* words after name in () */
		}
	#item_list .short_desc,
	.item_list .short_desc { /* line description */
		line-height: 13px;
		}
	#item_list .item_count,
	.item_list .item_count { /* item count number + text */
		font-size: 10px;
		}
	#item_list .item_count div,
	.item_list .item_count div { /* item count number */
		margin: -2px 0;
		font-size: 12px;
		font-weight: bold;
		color: #000;
		}

/* ITEM PAGE */

	#body_item #images_mask {
		background: #fff url(../../images/layout/loading_b_64.gif) center center no-repeat;
		}
	
	#body_item .thumb_foto img { /* border around thumbnails */
		border: 1px solid #000;
		margin-right: -1px;
		}
	#body_item .thumb_foto_pad { /* space between fotos */
		width: 7px;
		background-color: transparent;
		}
	
	#body_item #desc_box h1 { /* item name */
		margin: 0 0 10px 0;
		}
	#body_item #dynamic_desc { /* dynamic item description */
		}

/* ITEM PAGE ... OPTIONS */

	#options h2 { /* option headers ... Part Form Price Qty */
		font-size: 14px;
		margin-bottom: 5px;
		}
	
	#options a.iopt,
	#options a.iow {
		background: rgba(0,0,0,0.1);
		border: 1px solid #444;
		color: #7D8B94;
		font-weight: normal;
		}
	#options a.selected {
		background: #fff;
		border: 1px solid #000;
		color: #000;
		}
	#options a.iopt:not(.selected):hover,
	#options a.iow:not(.selected):hover {
		color: #94A4A5;
		}
	
	
	a#currency,
	a#currency2,
	a#currency3 {
		font-size: 10px;
		color: #888;
		}
		a#currency:hover,
		a#currency2:hover,
		a#currency3:hover {
			color: #94A4A5;
			}

/*	ITEM PAGE ... FULL-LIST */

	#fulloptions_box {
		padding: 10px;
		border: 1px solid #999;
		border-radius: 5px;
		}

	#fulloptions h2 { /* option headers ... Part Form Price Qty */
		font-size: 14px;
		margin-bottom: 5px;
		}
	
/* ITEM PAGE ... DESCRIPTION TABS */

	.tab {
		background: rgba(0,0,0,0.1);
		border: 1px solid #666;
		border-bottom: none;
		font-weight: bold;
		}
	.tab a {
		color: #777;
		}
	.tab a:hover {
		color: #94A4A5;
		}
	.tab.active,
	.tab a.active,
	.tab a.active:hover {
		background: #fff;
		border-color: #666;
		color: #000;
		}
	.tab-container .panel-container {
		background: #fff;
		border: 1px solid #666;
		}

/* ITEM PAGE ... DISCLAIMER */

	#disclaimer {
		font-size: 10px;
		line-height: 12px;
		color: #999;
		}

/* ITEM PAGE ... CROSS SELL */

	#item_cs h2 {
		font-size: 18px;
		margin: -5px 0 -5px 0;
		}
	#item_cs .slides > li:hover {
		background: #fff;
		}
	#item_cs .name {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		margin: 10px 0;
		}
	#item_cs .short_desc {
		height: 40px;
		color: #333;
		}

/* DOCUMENTS */

	#doc_content u {
		color: #000;
		font-weight: bold;
		text-decoration: none;
		}

	.news_date { /* not really used yet */
		margin: -15px 0 20px 0;
		font-size: 12px;
		}

/* REGISTRATION */

	.error { /* red error warning */
		padding: 15px 20px;
		background: rgba(255,0,0,0.2);
		border: 2px solid #f00;
		color: #000;
		border-radius: 25px;
		}

	#dob_d,
	#dob_m {
		padding: 4px 8px 1px 8px;
		width: 24px;
		}
	#dob_y {
		padding: 4px 8px 1px 8px;
		width: 44px;
		}
	
	.icon_x,
	.icon_v { /* 21x18 */
		background-image: url(images/icon_xv.png);
		}
	
/* ORDER */

	#order_steps > div { /* order stages */
		padding: 10px;
		background: rgba(255,255,255,0.1);
		border: 1px solid #000;
		}
	#order_steps .num { /* 1  2  3  4  5 */
		font-size: 24px;
		color: #FF8C31;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5px;
		}
	#order_steps .selected .num {
		color: #fff;
		}
	#order_steps .selected { /* current step */
		color: #fff;
		background: #f90;
		}
	
	.order_thumb { /* border around thumbnail */
		border: 1px solid #000;
		}
	
	.remove { /* X icon */
		width: 15px;
		height: 15px;
		background: url(images/remove_b.png) 0 0 no-repeat;
		}

	.lineerror { /* when something is wrong with an item */
		background: rgba(255,100,100,0.4);
		border: 1px solid #f00;
		}

/* TABLES */

	table.tables tr th { /* table headings */
		color: #000;
		font-weight: bold;
		font-size: 12px;
		padding: 6px 5px 4px 5px;
		}

	table.tables tr.hoverable { /* initial bg of some hoverable tables (item, show all options at once) */
		}
	table.tables tr.selected td { /* text of 'selected' (hovered) row */
		color: #000;
		}
	table.tables tr.hoverable:hover td { /* bg of hovered row */
		}

/* FlexSlider */

	.flex-direction-nav a {
		color: rgba(255,255,255,1);
		text-shadow: 3px 3px 0 rgba(0,0,0,0.7);
		}
	
	.flex-control-paging li a {
		background: #ccc;
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
		}
	.flex-control-paging li a:hover {
		background: #94A4A5;
		}
	.flex-control-paging li a:active {
		background: #FF8C31;
		}
	.flex-control-paging li a.flex-active {
		background: #364656;
		}

p a {
    color: #000 !important;
    text-decoration: underline;
}