/*
Template Name:      MadBC
Description:        Starting template for BigCommerce
Version:            2.9.0
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            August 1, 2012
*/

/*
	*** TABLE OF CONTENTS ***
	------------------------------------------------------------------------------	
	Following the name of each section is -n- and a 3 digit code, for example abc,
	which you can use find or find next to skip to the next section.
	PLEASE LOOK THROUGH CSS BEFORE EDITING IT TO SEE WHAT EACH SECTION CONTAINS
	------------------------------------------------------------------------------
	
	----------------------------------------------
	Resets etc, things you shouldn't need to touch 
	----------------------------------------------
	Normalize = nrm
	Grids = grd
	
	----------------------------------------------
	Style Away!!!
	----------------------------------------------
	Base = bas
	Primary Container Widths, Base Styles, and Blue Reset Styles = prm
	Header = hdr
	Content = cnt
	Sidebar = sdb
	Footer = ftr
	Miscelaneous = msc (breadcrumb styles are in here and some other stuff)
	Pages = pgs
	Category = ctg
	Product Lists = pls
	Product = prd
	Cart = crt
	Checkout -n- = chk
	Account = acct
	Home Page = hpg
	Media Queries = mqs
	Helper Classes = hlp  
	Print Styles = prn 
	Plugins = plg
	PopUp Styles for productimage.html = popup

*/

/*
	-----------------------------------------------------------------
	You can use the following examples to target ie8, ie7 or both
	-----------------------------------------------------------------
	ie7: *+html body { background: red; }
	ie7: body { *background: red; }
	ie8: body { background: green\0/; }
	ie8&7: body { background: yellow\9; }
*/

/* ==========================================================================
   Customized Normalize -n- nrm 
   ** no need for modifying except in certain situations **
   ========================================================================== */

/* ==|== Base =============================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; }
body { margin: 0; word-wrap: break-word; }

/* ==|== Links ============================================================== */

a:focus { outline: thin dotted; }
a:hover, a:active, a:visited { outline: 0; }

/* ==|== Typography ========================================================= */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin-left: 25px; margin-right: 25px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.open { font-family: 'Open Sans', sans-serif; }
.special { font-family: 'Special Elite', serif; }

/* ==|== Lists ============================================================== */

ul, ol { padding: 0 0 0 25px; }
dd { margin: 0 0 0 25px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ==|== Embeded content ==================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

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

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== Forms ============================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

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

input[type=text], input[type=password], input[type=search], input[type=email],
input[type=url], input[type=tel], input[type=number], textarea {
	-webkit-appearance: none;
}
input[type=text], input[type=password], input[type=search], input[type=email],
input[type=url], input[type=tel], input[type=number], textarea, select {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #bbb;
	outline-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
select { padding: 1px; }
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus,
input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus,
input[type=number]:focus, textarea:focus, select:focus {
	border-color: #666;
}
input[type=text], input[type=password], input[type=search], input[type=email],
input[type=url], input[type=tel], input[type=number], textarea, select {
	margin: 0;
}
/* ==========================================================================
   Grids -n- grd   
   ========================================================================== */
  
.row {}
.container {width:940px;margin:0 auto;position:relative;}

/* ==|== 940px ============================================================== */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {float:left;margin-left:20px;position:relative;}
.grid-1:first-child, .grid-2:first-child, .grid-3:first-child, .grid-4:first-child, .grid-5:first-child, .grid-6:first-child, .grid-7:first-child, .grid-8:first-child, .grid-9:first-child, .grid-10:first-child, .grid-11:first-child, .grid-12:first-child, .grid-1.colborder:first-child, .grid-2.colborder:first-child, .grid-3.colborder:first-child, .grid-4.colborder:first-child, .grid-5.colborder:first-child, .grid-6.colborder:first-child, .grid-7.colborder:first-child, .grid-8.colborder:first-child, .grid-9.colborder:first-child, .grid-10.colborder:first-child, .grid-11.colborder:first-child, .grid-12.colborder:first-child {margin-left:0;padding-left:0;border-left:0;}
.grid-1 {width:60px;}
.grid-2 {width:140px;}
.grid-3 {width:220px;}
.grid-4 {width:300px;}
.grid-5 {width:380px;}
.grid-6 {width:460px;}
.grid-7 {width:540px;}
.grid-8 {width:620px;}
.grid-9 {width:700px;}
.grid-10 {width:780px;}
.grid-11 {width:860px;}
.grid-12 {width:940px;}
.offset-1, .offset-1:first-child {margin-left: 80px;}
.offset-2, .offset-2:first-child {margin-left: 160px;}
.offset-3, .offset-3:first-child {margin-left: 240px;}
.offset-4, .offset-4:first-child {margin-left: 320px;}
.offset-5, .offset-5:first-child {margin-left: 400px;}
.offset-6, .offset-6:first-child {margin-left: 480px;}
.offset-7, .offset-7:first-child {margin-left: 560px;}
.offset-8, .offset-8:first-child {margin-left: 640px;}
.offset-9, .offset-9:first-child {margin-left: 720px;}
.offset-10, .offset-10:first-child {margin-left: 800px;}
.offset-11, .offset-11:first-child {margin-left: 880px;}
.grid-1.colborder,.grid-2.colborder,.grid-3.colborder,.grid-4.colborder,.grid-5.colborder,.grid-6.colborder,.grid-7.colborder,.grid-8.colborder,.grid-9.colborder,.grid-10.colborder,.grid-11.colborder,.grid-12.colborder, {padding-left:9px;margin-left:10px;border-left:1px solid #ddd;}

.one-fourth, .three-fourths, .one-third, .two-thirds, .one-half { float: left; margin-left: 3.19148936170213%; }
.one-fourth.colborder, .three-fourths.colborder, .one-third.colborder, .two-thirds.colborder, .one-half.colborder { padding-left:1.595744680851065%;margin-left:1.4%; }
.one-fourth:first-child, .three-fourths:first-child, .one-third:first-child, .two-thirds:first-child, .one-half:first-child { margin-left:0;padding-left:0;border-left:none; }
.one-fourth {width:22.5531914893617%;}
.three-fourths {width:74.25531914893617%;}
.one-third {width:31.17021276595745%;}
.two-thirds {width:65.63829787234043%;}
.one-half {width:48.40425531914894%;}

/* =============================================================================
   Base -n- bas
   ========================================================================== */
   
html,
body,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

body {
	background: #fff;
	font-size: 14px;
	line-height: 1.4;
}

html,
body,
button,
input,
select,
textarea,
h2,
#PageContent h2,
#CategoryHeading h2,
#NewsContent h2,
.product .Content h2,
.Content h3,
.Content h2,
.TitleHeading { color: #222; }

h1,
h2,
h3,
h4,
h5,
h6,
.Content h2,
.TitleHeading,
.Content h1 {
	font-family: 'Special Elite', serif!important;
	margin: 0;
	font-family: inherit;
	font-weight: 400;
	color: inherit;color: #3e444b
}

h1 {
	margin-bottom: 0.67em;
	font-size: 2em;
	line-height: 1.2;
}

h2 {
	margin-bottom: 0.83em;
	font-size: 1.5em;
	line-height: 1.2;
}

h3 {
	margin-bottom: 1em;
	font-size: 1.17em;
	line-height: 1.3;
}

h4 {
	margin-bottom: 1.33em;
	font-size: 1em;
	line-height: 1.25;
}

h5 {
	margin-bottom: 1.67em;
	font-size: .83em;
}

h6 {
	margin-bottom: 2.33em;
	font-size: .67em;
}

.Content h2,
.TitleHeading,
.Content h1 {
	text-transform: capitalize;
	margin: 0 0 .67em;
	font-size: 2em;
	line-height: 1.2;
}

#PageContent h2,
#CategoryHeading h2,
#NewsContent h2,
.product .Content h2 {
	margin: 0 0 .83em;
	font-size: 1.5em;
	line-height: 1.2;
}

.Content h3 {
	margin: 0 0 1em;
	line-height: 1.3;
}

ul,
ol,
dl,
p,
table,
form,
pre,
hr {
	margin-bottom: 1em;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin: 0;
}

.icon {
	vertical-align: middle;
}

img.left,
p img.left {
	margin: 0 1.5em 1.5em 0;
	float: left;
}

img.right,
p img.right {
	margin: 0 0 1.5em 1.5em;
	float: right;
}

/* == Links & Selection ===================================================== */

a,
.Content a {
	color: #505050;
}

a:hover,
.Content a:hover,
a:focus,
.Content a:focus {
	color: #000;
}

a:hover,
a:active {
	outline: none;
}

a:active,
input.button:active,
input[type=submit]:active,
input[type=button]:active {
	outline: 0;
}

a.ChangeLink:active {
	position: absolute;
	top: auto;
	right: 15px;
}

a:active.modalClose {
	position: absolute;
	top: 10px;
}

a:link {
	-webkit-tap-highlight-color: #3399FF;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/* == Buttons =============================================================== */
.button,
.Content a.button,
input[type=submit],
input[type=button],
button {
	display: inline-block;
	width: auto!important;
	padding: 8px 16px;
	font-size: 1em;
	line-height: 1;
	text-transform: capitalize;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	color: #ffffff;
	background: url(../../img/bg-btn.png) 0 0 repeat-x #ed7605;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-appearance: none;
}
.grey.buttn {
	background: #969799;
	background: -moz-linear-gradient(top,  #969799 0%, #717274 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969799), color-stop(100%,#717274));
	background: -webkit-linear-gradient(top,  #969799 0%,#717274 100%);
	background: -o-linear-gradient(top,  #969799 0%,#717274 100%);
	background: -ms-linear-gradient(top,  #969799 0%,#717274 100%);
	background: linear-gradient(to bottom,  #969799 0%,#717274 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969799', endColorstr='#717274',GradientType=0 );
}
.button:hover,
.Content a.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
	text-decoration: none;
	background: #f18e0b;
	color: #fff;
}
.grey.button:hover {
	text-decoration: none;
	background: #969799;
	color: #fff;
}
.button.download {
	margin-bottom: 10px;
}

.AccountOrderStatusList li form {
	margin-bottom: 4px;
}

#ProductReviews .button {
	float: right;
}

#LoginButton {
	padding: 8px 16px !important;
	margin-bottom: 12px;
}

.AddCartButton input.button {
	margin: -4px 0 0 10px;
	font-family: 'Special Elite', serif;
	font-size: 20px;
}

.CheckoutButton {
	margin-bottom: 1.5em;
}

.ProceedToCheckout a.button {
	padding: 8px 16px;
	color: #fff;
}

.BulkDiscount .button {
	margin:0!important;
}

/* == Forms =================================================================== */

textarea {
	overflow: auto;
}

#LoginForm form input[type=text] {
	margin: 0;
}

.HorizontalFormContainer dd {
	padding: 8px 0 0;
}

.HorizontalFormContainer dt {
	padding: 10px 0 0;
}

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

.EstimateShipping,
.CheckoutRedeemCoupon {
	background: #F4F4F4;
	border: 1px solid #e5e5ef;
	color: #4d4d50;
}

table.CartContents,
table.General {
	border: 1px solid #e5e5ef;
}

.CartContents thead tr th,
table.General thead tr th {
	background: #F4F4F4;
	border-bottom: 1px solid #e5e5ef;
	color: #4d4d50;
}

.CartContents tfoot .SubTotal td {
	border-top: 1px solid #e5e5ef;
	color: #4d4d50;
}

#CompareContent h2 { font-size: 1.4em; }

.CompareItem {
	border-left: solid 1px #e5e5ef;
}

.CompareFieldName {
	font-weight:bold;
	border-bottom: 1px solid #e5e5ef;
}

.CompareFieldTop {
	border-bottom:solid 1px #e5e5ef;
}

.CompareFieldTop a:hover {
	color:red;
}

.CompareCenter {
	border-left:solid 1px #e5e5ef;
	border-bottom:solid 1px #e5e5ef;
}

.CompareLeft {
	border-left:solid 1px #e5e5ef;
	border-bottom:solid 1px #e5e5ef;
}

.ComparisonTable tr:hover td {
	background: #F7F7F7;
}

/* =============================================================================
   Primary Container Widths and Container Reset Styles -n- prm
   
   ** NOT FOR CONTENT SPECIFIC STYLES for example styling what is inside the
   header, footer, content areas, etc.
   ** USE APPROPRIATE SECTION(S) FOR THAT
   ========================================================================== */
   
#Container {
	width: auto;
	margin: 0;
}

#Outer {
	background: none;
	margin: 0;
}

#TopMenu,
#Header,
#PrimaryMenu,
#Wrapper,
#Footer {
	width: 940px;
	margin: 0 auto;
}

#TopMenuOuter,
#HeaderOuter,
#PrimaryMenuOuter,
#WrapperOuter,
#FooterOuter {
	width: 100%;
}

#HeaderOuter,
#Header,
#PrimaryMenuOuter {
	position: relative;
}

#TopMenu,
#Header {
	height: auto;
}

#Header,
#Footer {
	padding: 0;
	border: none;
}

#PrimaryMenu ul,
#Footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#WrapperOuter {
	background: #fff;
	margin-bottom: 1em;
}

#Wrapper {
	text-align: left;
}

/* =============================================================================
   Header -n- hdr
   ========================================================================== */

/* == TopMenu =============================================================== */ 
  
#TopMenuOuter {
	padding-bottom: 0;
	background: url(../../img/bg-grey-texture.jpg) 0 0 repeat #EFEFEF;
}

#TopMenu {
}

#TopMenu ul { float: right; margin-right: -5px; }

#TopMenu li a,
#TopMenu li div {
	color: #000;
	border: none;
	font-size: 11px;
	margin: 7px 0;
	padding: 0 5px;
}

#TopMenu li a:hover {
	color: #f5a512;
}

/* == Header ================================================================ */ 

#HeaderOuter { background: #fff; }

#Header {
}

/* == Logo ================================================================== */
 
#Logo {
	float: left;
	width: auto;
	margin: -22px 0 -53px;
	position: relative;
	z-index: 70;
}

#Logo img { display: block; margin-bottom: 0; }

/* == Search Form =========================================================== */

#header-links { float: right; margin: 12px 0 0 0; padding: 0; list-style: none;}
#header-links li { float: right; clear: none; }
#header-links li a { display: block; margin: 0 0 0 5px; text-decoration: none; }
#SearchForm {
	width: auto;
	padding: 0;
}

#SearchForm label {
	color: #222;
	float: left;
	font-weight: 400;
	margin: 7px 10px 0 0;
}

#SearchForm #search_query,
#SearchForm input.button {
	float: left;
}

#SearchForm #search_query {
	margin-right: 5px;
	font-size: 1em;
}

#SearchForm input.button {
	padding: 4px 16px;
}

#SearchForm p {
	clear: both;
	margin: 0;
	text-align: left;
}

#SearchForm a {
	color: #06c;
}

#SearchForm a:hover {
	color: #09f;
}

.QuickSearch {
	z-index: 9999;
}

.QuickSearchHover td {
	background: #f4f4f4;
}

.QuickSearch a,
.QuickSearch a:hover {
	color: #4D4C51;
}

/* == Primary Navigation ===================================================== */

/* Main Pages Menu change id to PrimaryMenu so as to not use bc's styling */
/* Note for proper styling of Side Category List placed in #PrimaryMenu the Panel must only contain the snippet and no html and be set to Classic not Flyout*/
#PrimaryMenuOuter {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#PrimaryMenu { background: transparent;}

#PrimaryMenu > ul { background: #fff; float: right; margin-right: -5px; position: relative; z-index: 71;}

#PrimaryMenu > ul > li {
	float: left;  position: relative; z-index: 71;
}

#PrimaryMenu li {
	margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
	display: block;
	position: relative;
	z-index: 71;
	margin: 10px 0;
	padding: 0 5px;
	border-left: 1px solid #d2d4d6;
	font-size: .9em;
	text-decoration: none;
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: lowercase;
	font-family: 'Open Sans', sans-serif;
}
#PrimaryMenu > ul > li.First > a { border-left: none; }
#PrimaryMenu a {
	text-decoration: none;
}

#PrimaryMenu ul li a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 6px;
	margin-left: 4px;
	text-indent: -99999px;
	*text-indent: 0;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}

#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a {
	color: #F7A410;
}

#PrimaryMenu > ul > li > a:hover > .caret,
#PrimaryMenu > ul > li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
	border-top: 4px solid #F7A410;
}

#PrimaryMenu > ul > li > a:hover { color: #999; }
#PrimaryMenu > ul > li.ActivePage a { color: #F7A410; }

/* Drop Down */
#PrimaryMenu ul li {
	position: relative;
}

#PrimaryMenu ul li a {
*margin-bottom: -3px;
}

#PrimaryMenu ul li a:active,
#PrimaryMenu .dropdown-toggle:active,
#PrimaryMenu .open .dropdown-toggle {
	outline: 0;
}

#PrimaryMenu ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	width: 240px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
*border-right-width: 2px;
 *border-bottom-width: 2px;
}

#PrimaryMenu ul li ul:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	position: absolute;
	top: -7px;
	left: 49px;
}

#PrimaryMenu ul li ul:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ccc;
	position: absolute;
	top: -6px;
	left: 50px;
}

#PrimaryMenu ul li:hover,
#PrimaryMenu ul .dropdown.open {
*z-index: 1000;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown
#PrimaryMenu ul li:hover > ul { display: block; } */
#PrimaryMenu ul .dropdown.open > .dropdown-menu {
	display: block;
}

#PrimaryMenu li li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	color: #555555;
	white-space: nowrap;
}

#PrimaryMenu ul li ul a:hover {
	color: #fff;
	background: url(../../img/bg-btn.png) 0 0 repeat-x #ed7605;
}

/* 2nd level and below drop down styles */
#PrimaryMenu ul li ul li a .caret {
	position: absolute;
	right: 8px;
	top: 2px;
	border-top: 4px solid transparent;
	border-left: 4px solid #777;
	border-bottom: 4px solid transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}

#PrimaryMenu ul li ul li > a:hover > .caret {
	border-left: 4px solid #fff;
}

#PrimaryMenu ul li ul li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

#PrimaryMenu ul li ul li ul {
	top: -3px;
	left: 157px;
}

#PrimaryMenu ul li ul li ul:before {
	border-top: 7px solid transparent;
	border-left: none;
	border-right: 7px solid #ccc;
	border-bottom: 7px solid transparent;
	top: 7px;
	left: -7px;
}

#PrimaryMenu ul li ul li ul:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	top: 8px;
	left: -6px;
}

/* Category Navigation */
#CategoryMenu { width: 950px; margin: 0 auto; }


/* =============================================================================
   Content -n- cnt
   ========================================================================== */

.Content,
.Content.Wide,
.Content.Widest {
	background: #fff;
	min-height: 0;
}

.Content {
	width: 540px;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 1em;
}

.Content.Wide {
	width: 740px;
	margin: 0;
	padding: 0;
}
.Content.grey-content.Wide { width: 680px; margin: 0; background: #f7f7fa; padding: 30px; }
.Content.Widest {
	width: 940px;
	margin: 0;
	padding: 0;
}   

.grey-box { overflow:hidden; padding: 5px; background: #c7c9cb; }

/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */

.Left {
	width: 180px;
	margin-top: 8px;
	margin-right: 20px;
}

.Right {
	width: 180px;
	margin: 0;
}

.Left,
.Right {
	font-size: 1em;
	background: none;
	min-height: 0;
}

.Left h2,
.Right h2 {
	font-family: 'Special Elite', serif;
	width: auto;
	font-size:22px;
	margin: 0;
	background: url(../../img/bg-action-border.jpg) 0 100% repeat-x #fff;
	color: #464646;
}

.Left li,
.Right li {
	border: none;
}
.Left li a,
.Right li a {
	color: #707070;
	font-family: 'Special Elite', serif;
	font-size: 16px;
	width: auto;
}
.Left li a:hover,
.Right li a:hover { color: #F7A410; text-decoration: none; }

.Left .BlockContent,
.Right .BlockContent {
	margin: 0;
}

#SideCouponCodeBox hr,
#SideGiftCertificateCodeBox hr {
	display: none;
}
#SideCouponCodeBox,
#SideGiftCertificateCodeBox {
	border-bottom: 1px solid #DDD;
}

.Left #SideCategoryList li ul {
	border-top: 1px solid #ddd;
}

.Left .ProductList li,
.Right .ProductList li {
	width: auto;
	border-bottom: 1px solid #ddd;
}

.Left .TopSellers li.TopSeller1,
.Right .TopSellers li.TopSeller1 {
	width: auto;
	border: 1px solid #ddd;
}

.Left .TopSellers .ProductDetails,
.Right .TopSellers .ProductDetails {
	width: auto;
	padding: 5px 10px;
}

#SideCategoryList li a,
#SideShopByBrand li a {
	display: block;
}

#couponcode,
#giftcertificatecode {
	padding: 5px;
}

/*
	SideCatPopOut
	To use this instead of the flyout set the Side Category List to classic in the admin area then simply add id="SideCatPopOut to .SideCategoryListClassic in SideCategoryList.html under panels.
*/

#SideCatPopOut {
	position: relative;
	z-index: 69;
}

/* resets */
.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul {
	padding-left: 0;
}

.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li {
	padding: 0;
}

.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul {
	border: none;
}
/* --/-- */

#SideCatPopOut ul li {
	position: relative;
}

#SideCatPopOut ul li a {
	padding: 3px 0;
	position: relative;
}

#SideCatPopOut ul li a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	right: 8px;
	top: 8px;
	text-indent: -99999px;
*text-indent: 0;
	vertical-align: top;
	border-top: 4px solid transparent;
	border-left: 4px solid #777;
	border-bottom: 4px solid transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}

#SideCatPopOut > ul > li > a:hover > .caret,
#SideCatPopOut > ul > li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* popout styles */
#SideCatPopOut ul li ul {
	position: absolute;
	top: -2px;
	left: 180px;
	z-index: 1000;
	float: left;
	display: none;
	width: 260px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
*border-right-width: 2px;
 *border-bottom-width: 2px;
}

#SideCatPopOut ul li ul:before {
	content: '';
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #ccc;
	border-bottom: 7px solid transparent;
	position: absolute;
	top: 7px;
	left: -7px;
}

#SideCatPopOut ul li ul:after {
	content: '';
	display: inline-block;
	border-top: 6px solid transparent;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 8px;
	left: -6px;
}

#SideCatPopOut ul li ul li {
	margin: 0px 3px;
}

#SideCatPopOut ul li:hover,
#SideCatPopOut ul .dropdown.open {
*z-index: 1000;
}

#SideCatPopOut ul li a:active,
#SideCatPopOut .dropdown-toggle:active,
#SideCatPopOut .open .dropdown-toggle {
	outline: 0;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown 
#SideCatPopOut ul li:hover > ul { display: block; } */
#SideCatPopOut ul .dropdown.open > .dropdown-menu {
	display: block;
}

#SideCatPopOut li li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	text-decoration: none;
	color: #555555;
	white-space: nowrap;
}

#SideCatPopOut ul li ul a:hover {
	color: #fff;
	background: url(../../img/bg-btn.png) 0 0 repeat-x #ed7605;
}

/* 2nd level and below drop down styles */
#SideCatPopOut ul li ul li ul {
	left: 155px;
}

#SideCatPopOut ul li ul li > a:hover > .caret {
	border-left: 4px solid #fff;
}

#SideCatPopOut ul li ul li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* =============================================================================
   Footer -n- ftr
   ========================================================================== */

#FooterOuter { padding: 13px 0 5px; background: url(../../img/bg-grey-texture.jpg) 0 0 repeat #EFEFEF; }

#Footer {
	font-size: 1em;
	clear: both;
}

#Footer #FooterMenu {
	float: left;
	width: 950px;
	margin: 0 0 16px 0;
}

#Footer #FooterMenu ul {
	text-align: left;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#Footer #FooterMenu ul li {
	float: none;
	display: inline;
	position: relative;
}

#Footer #FooterMenu ul li a {
	padding: 0 12px;
	color: #000;
	border-left: 1px solid #d1d3d6;
}
#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a,
#Footer #FooterMenu ul#lower-menu li:hover a {	color: #F7A410; }

#Footer #FooterMenu ul ul {
	display: none;
}

#Footer #FooterMenu ul#lower-menu { float: left; width: auto; }

#Footer #FooterMenu ul#lower-menu li a {
	padding: 0 12px;
	color: #676a6d;
	font-size: .85em;
	border-left: 1px solid #d1d3d6;
}
#Footer #FooterMenu ul li.First a,
#Footer #FooterMenu ul#lower-menu li.First a { border-left: none; padding: 0 12px 0 0; }
#Footer #copyright {
	font-size: .85em;
}

#Footer #design-by {
	font-size: .8em; text-align: left;
}

/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */

.Breadcrumb {
	font-size: 1em;
}
.Breadcrumb li a { text-decoration: none; color: #F7A410; }
.Breadcrumb li:first-child {
	padding-left: 0;
}

.CustomWish.Breadcrumb li.last a {
	background: none;
}

.FeedLink {
	display: none;
}

/* =============================================================================
   Pages -n- pgs
   ========================================================================== */

.blog .FeedItem h3 {
	margin-bottom: .5em;
}

.blog .FeedItem .FeedContent p {
	margin-bottom: .5em;
}

/* =============================================================================
   Category -n- ctg
   ========================================================================== */
#category-headline { font-family: 'Special Elite', serif; color: #3e444b; font-size: 20px; }  
.CategoryDescription p { color: #676a6d; font-size: 14px; }

#CategoryPagingTop { border-bottom: 4px solid #f7f7fa; padding-bottom: 15px; }

.CategoryContent,
#HomeSaleProducts,
#HomeFeaturedProducts { background: #f7f7fa; }

.SortBox {
	float: right;
	margin: 0 5px 0 0;
	font-size: 1em;
}

#CategoryPagingTop,
#CategoryPagingBottom {
	overflow: hidden;
}

.CategoryPagination {
	overflow: hidden;
	float: right;
}

.CategoryPagination,
.CategoryPagination a {
	display: block;
	color: #595959;
	font-weight: bold;
	text-decoration: none;
	background:none;
	border: none;
	border-image: initial;
}

.CategoryPagination .PagePrev,
.CategoryPagination .PageNext,
.CategoryPagination .PagingList {
	float: left;
}

.CategoryPagination .PagingList li {
	float: left;
	padding: 0;
}

.CategoryPagination .PagingList li,
.CategoryPagination .PageNext {
	margin-left: 3px;
}

.CategoryPagination a,
.CategoryPagination .PagingList li.ActivePage {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.CategoryPagination .PagePrev a,
.CategoryPagination .PageNext a {
	text-indent: -10000em;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.CategoryPagination .PagePrev a {
	background-image: url(../../img/bg-pageprev.png);
}

.CategoryPagination .PageNext a {
	background-image: url(../../img/bg-pagenext.png);
}

.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination .PagePrev a:hover,
.CategoryPagination .PageNext a:hover,
.CategoryPagination .PagingList li a:hover {
	color: #595959;
	background-color: #eee;
	text-decoration: none;
}

.SubCategoryList,
.SubBrandList {
	float: left; width: 740px; margin: 0 0 10px 0; padding: 10px 0 0 0; background: #f7f7fa; border-bottom: 2px solid #ebebeb;
}
.SubCategoryList h3 { margin-left: 10px; margin-bottom: 10px; }

.SubCategoryList ul,
.SubBrandList ul {
	float: left;
	margin-bottom: 0;
	padding: 0;
}

.SubCategoryList li {
	float: left; clear: none; background: transparent; margin: 0 5px 10px 5px; padding: 2px 6px; border: 1px solid #e5e6e9;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7fa));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7fa 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7fa 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7fa 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7fa',GradientType=0 );
}

.SubCategoryList li:hover {
	border: 1px solid #d7d7da; background: #f7f7fa; }

.SubCategoryList li a { color: #707070; font-family: 'Special Elite', serif; text-decoration: none; }
.SubCategoryList li:hover a { color: #222; text-decoration: none; }

#ModalContainer.QuickViewModal .ModalContent {
	background: #fff;
}

/* =============================================================================
   Product Lists -n- pls
   ========================================================================== */
.Content .ProductList li { padding: 5px 15px!important; text-align: center; }
#SideProductRelated .ProductList li { padding: 5px!important; }
.Content .ProductList li .ProductImage { background: #f7f7fa; }
.Content .ProductList li .ProductDetails { background: url(../../img/bg-product-details.jpg) top center no-repeat transparent; margin-bottom: 10px; padding-top: 15px; }
.Content .ProductList strong,
.Content .ProductList strong a {color: #3c3939; }
.Content .ProductList li .button { font-family: 'Special Elite', serif; font-size: 18px; }
.Content .ProductPrice,
.Content .ProductList em { color: #373635; font-size: 18px; line-height: 22px; font-family: 'Special Elite', serif; }
.Content .ProductList li .Rating { display: none; }
.ProductList li .ProductCompareButton { text-align: left; }

.Content .ProductList li,
.fastCartContent .ProductList li,
.Content .FeaturedProducts .ProductList li {
	background: none;
	border	: 1px solid transparent;
}

.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over,
.Content .FeaturedProducts .ProductList li:hover,
.Content .FeaturedProducts .ProductList li.Over {
	background: none;
}

/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */

#ProductDetails .ProductThumbWrap {
	float: left;
}

#ProductDetails .ProductThumb {
	float: none;
	height: auto!important;
}

#ProductDetails .ProductTinyImageList {
}

#ProductDetails .ProductTinyImageList li {
	border: none!important;
	width: 30px!important;
	height: 30px!important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv {
	border: none!important;
}

/* == Product Main ========================================================== */

.PrimaryProductDetails .ProductMain {
	width: 420px;
	margin-left: 20px;
}

.ProductMain .ProdTitle h1 {
	color: #3e444b;
  font-family: 'Special Elite',serif;
	font-size: 20px;
}
#ProductDetails hr {
	display: none;
}

.AddThisButtonBox {
	width: auto!important;
	text-align: left!important;
	padding: 10px 0 0 0!important;
}

/* details grid */   
.ProductDetailsGrid .DetailRow,
.productAttributeList .productAttributeRow {
	padding: 0!important;
	margin: 0 0 8px!important;
}

.ProductDetailsGrid .Label,
.productAttributeList .productAttributeLabel {
	width: 100px!important;
	text-align: left;
	padding: 0!important;
	margin: 0 10px 0 0!important;
	font-family: 'Special Elite',serif;
	font-size: 14px;
	color: #676a6d;
}

.ProductDetailsGrid .Value,
.ProductDetailsGrid .Value a {
	font-family: 'Special Elite',serif;
	font-size: 13px;
	color: #3b3c3e;
}

.PriceRow .Label { padding: 6px 0!important; }

.PriceRow .Value .ProductPrice { color: #373635; font-size: 28px; }
.productAttributeList .productAttributeValue {
	display: block!important;
	clear: both;
}

.productAttributeList .required {
	margin-left: -.75em;
}

.productOptionViewProductPickListWithImage {
	padding: 2px;
	background: #fff;
	border: solid 1px #bbb!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.productOptionViewProductPickListWithImage .scrollContainer {
	max-height: 135px!important;
}

.BulkDiscount {
	clear: both;
	padding-top: 15px;
}

/* product & search tabs  */
#ProductTabs {
	float: left;
}

.TabNav {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	overflow: hidden;
	top: 1px;
	z-index: 2;
	border-bottom: none;
}

.TabNav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	line-height: normal;
}

.TabNav li a {
	font-family: 'Special Elite', serif;
	font-size: 18px;
	display: block;
	margin: 0;
	padding: 5px 6px 5px;
	border: none;
	top: 0;
	border: 1px solid transparent;
	color: #f7a410;
	background: transparent;
}

.TabNav li a:hover {
	background: transparent;
	color: #696969;
}

.TabNav li.Active a {
	border-bottom: none;
	border-bottom: 1px solid transparent;
	background: url(../../img/bg-tab-items.png) 50% 100% no-repeat transparent;
	padding: 5px 6px 9px;
	font-weight: normal;
	color: #000;
}

#TabPanels {
	clear: both;
	margin-bottom: 1em;
	border-width: 0 0 6px 0;
	border-style: solid;
	border-color: #cccdcf;
	padding: 10px;
	margin-top: 0;
	background: transparent;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font-family: 'Special Elite', serif;
	font-size: 13px;
	color: #817e70;

}

/* =============================================================================
   Cart -n- crt
   ========================================================================== */

#CartHeader {
	overflow: hidden;
}

#CartHeader h2 {
	float: left;
}

#CartHeader span .button {
	margin-top: 7px;
}

/* =============================================================================
   Checkout -n- chk
   ========================================================================== */

.ExpressCheckoutBlock .ExpressCheckoutTitle {
	background: #E0E0E0;
	border: 1px solid #ccc;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
	background: #F7F7F7;
	border: 1px solid #e5e5ef;
	color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
	color: #888;
}

.ExpressCheckoutCompletedContent {
	left: 325px;
}

select[name="sel_billing_address"],
select[name="sel_shipping_address"] {
	margin-bottom: 10px;
}

.PL20,
.ML20 {
	margin-bottom: 1em;
}

.PL20 p.Submit {
	margin-bottom: 0;
}

/* =============================================================================
   Account -n- acct
   ========================================================================== */

#security-question-heading {
	margin-top: 10px;
}

/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
.hp-row { margin: 0 0 20px 0; }
a#skin-care-specials {
	display: block; width: 210px; overflow: hidden; background: url(../../img/bg-skin-care-specials.jpg) 0 50% no-repeat transparent; padding-top: 211px;
	text-align: center; font-family: 'Special Elite', serif; font-size: 18px; line-height: 40px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); text-decoration: none;
}
a#skin-care-specials span.white { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #38383b; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) }

#action-bath-body { background: url(../../img/bg-action-bath-body.jpg) 50% 0 no-repeat transparent; }
#action-men { background: url(../../img/bg-action-men.jpg) 50% 0 no-repeat transparent; }
#action-baby { background: url(../../img/bg-action-baby.jpg) 50% 0 no-repeat transparent; }
a.action {
	float: left; width: 100%; margin: 0; padding: 180px 0 11px 0;
	background-image: url(../../img/bg-action-border.jpg); background-position: 0 100%; background-repeat: repeat-x; background-color: rgba(255, 255, 255, 0.2);
	color: #363636; font-family: 'Special Elite', serif; text-decoration: none; font-size: 18px;
	-webkit-transition: background-color .15s ease-in, color .15s ease-in;
	-moz-transition: background-color .15s ease-in, color .15s ease-in;
	-o-transition: background-color .15s ease-in, color .15s ease-in;
	transition: background-color .15s ease-in, color .15s ease-in;		
}
a.action:hover { text-decoration: none; color: #f5a512; background-image: url(../../img/bg-action-border.jpg); background-position: 0 100%; background-repeat-x; background-color: rgba(255, 255, 255, 0); }

#hp-row-3 { background: url(../../img/bg-action-border.jpg) 0 100% repeat-x #fff; margin-bottom: 0; }

.banner_home_page_bottom .button { margin: 10px 0 0 0; }

#SideNewsletterBox { float: left; width: 100%; margin: 0; background: url(../../img/bg-newsletter.jpg) 100% 0 no-repeat grey; }
#SideNewsletterBox h2 { width: 100%; color: #fff; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.9); text-align: center; font-family: 'Special Elite', serif; font-size: 20px; background: url(../../img/bg-blk-60.png) 0 0 repeat; background: rgba(0,0, 0, 0.6); padding: 10px 0; }

#subscribe_form {
	width: 245px; margin: 0 auto;
}

#SideNewsletterBox input {
	width: 185px;
	font-size: 12px;
	padding: 15px 30px;
	margin: 10px 0;
	background: #d6d6d6;
	color: 333436;
}

#SideNewsletterBox .button {
	float: left;
	width: 247px!important;
	height: auto;
	font-family: 'Special Elite', serif;
	text-align: left;
	font-size: 18px;
	background: url(../../img/bg-flower-btn.png) 0 0 repeat-x #ed7605;
	border-width: 1px;
	border-style: solid;
	border-color: #fad28a #f5a847 #9a4d03 #f5a847;
	padding: 12px 0px 10px 45px;
}
#SideNewsletterBox .button:hover { border-color: #fad28a; }

h4#signup { margin: 10px 0; color: #363636; text-align: center; }

#carousel.es-carousel-wrapper {
	padding:0px 30px;
	position:relative;
}

#carousel .es-carousel {
	overflow:hidden;
}

#carousel .es-carousel ul {
	display:none;
}

#carousel .es-carousel ul li {
	float:left;
	display:block;
}

#carousel .es-nav span {
	diplay: block;
	margin-top: -20px;
	width: 0;
	height: 0;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
	position: absolute;
	top: 50%;
}

#carousel .es-nav span.es-nav-prev {
	left: 0px;
	border-top: 20px solid transparent;
	border-right: 15px solid #252525;
	border-bottom: 20px solid transparent;
}

#carousel .es-nav span.es-nav-next {
	right:0px;
	border-top: 20px solid transparent;
	border-left: 15px solid #252525;
	border-bottom: 20px solid transparent;
}

#carousel .es-nav span.es-nav-prev[style*="none"],
#carousel .es-nav span.es-nav-next[style*="none"] {
	display: block !important;
	opacity: .4;
	filter: alpha(opacity=40);
}
   
/* =============================================================================
   Media Queries -n- mqs
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.productOptionViewRectangle input,
	.productOptionPickListSwatch input {
		display: none;
	}
}

/* ==========================================================================
   Helper Classes -n- hlp   
   ========================================================================== */
   
/* Image replacement */
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1; }

/* ==========================================================================
   Print Styles -n- prn   
   ========================================================================== */

/* if these styles need modifications make sure to copy modifications to print.css for ie8 and ie7 without the media query of course */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* =============================================================================
   Plugins -n- plg
   ========================================================================== */
   
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */   
.fancybox-tmp iframe,
.fancybox-tmp object {
	vertical-align:top;
	padding:0;
	margin:0
}

.fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:8020
}

.fancybox-skin {
	position:relative;
	padding:0;
	margin:0;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}

.fancybox-opened {
	z-index:8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
	padding:0;
	margin:0;
	position:relative;
	outline:none
}

.fancybox-inner {
	overflow:hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling:touch
}

.fancybox-error {
	color:#444;
	font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	padding:10px
}

.fancybox-image,
.fancybox-iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	vertical-align:top
}

.fancybox-image {
	max-width:100%;
	max-height:100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image:url('../../img/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:0.8;
	cursor:pointer;
	z-index:8020
}

#fancybox-loading div {
	width:44px;
	height:44px;
	background:url('../../img/fancybox/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	cursor:pointer;
	z-index:8040
}

.fancybox-nav {
	position:absolute;
	top:0;
	width:40%;
	height:100%;
	cursor:pointer;
	background:transparent url('blank.gif');
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	z-index:8040
}

.fancybox-prev {
	left:0
}

.fancybox-next {
	right:0
}

.fancybox-nav span {
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden
}

.fancybox-prev span {
	left:20px;
	background-position:0 -36px
}

.fancybox-next span {
	right:20px;
	background-position:0 -72px
}

.fancybox-nav:hover span {
	visibility:visible
}

.fancybox-tmp {
	position:absolute;
	top:-9999px;
	left:-9999px;
	padding:0;
	overflow:visible;
	visibility:hidden
}

#fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:#000
}

#fancybox-overlay.overlay-fixed {
	position:fixed;
	bottom:0;
	right:0
}

.fancybox-title {
	visibility:hidden;
	font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050
}

.fancybox-opened .fancybox-title {
	visibility:visible
}

.fancybox-title-float-wrap {
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8030;
	text-align:center
}

.fancybox-title-float-wrap .child {
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent;
	background:rgba(0, 0, 0, 0.8);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	white-space:nowrap
}

.fancybox-title-outside-wrap {
	position:relative;
	margin-top:10px;
	color:#fff
}

.fancybox-title-inside-wrap {
	margin-top:10px
}

.fancybox-title-over-wrap {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0, 0, 0, .8)
}

#fancybox-buttons {
	position:fixed;
	left:0;
	width:100%;
	z-index:8050
}

#fancybox-buttons.top {
	top:10px
}

#fancybox-buttons.bottom {
	bottom:10px
}

#fancybox-buttons ul {
	display:block;
	width:170px;
	height:30px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background:#111;
	-webkit-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05);
	-moz-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05);
	background:#111 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .2)), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.5, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .15)));
	background:#111 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .15) 100%);
	border-radius:3px
}

#fancybox-buttons ul li {
	float:left;
	margin:0;
	padding:0
}

#fancybox-buttons a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background-image:url('../../img/fancybox/fancybox_buttons.png');
	background-repeat:no-repeat;
	outline:none
}

#fancybox-buttons a.btnPrev {
	width:32px;
	background-position:6px 0
}

#fancybox-buttons a.btnNext {
	background-position:-33px 0;
	border-right:1px solid #3e3e3e
}

#fancybox-buttons a.btnPlay {
	background-position:0 -30px
}

#fancybox-buttons a.btnPlayOn {
	background-position:-30px -30px
}

#fancybox-buttons a.btnToggle {
	background-position:3px -60px;
	border-left:1px solid #111;
	border-right:1px solid #3e3e3e;
	width:35px
}

#fancybox-buttons a.btnToggleOn {
	background-position:-27px -60px
}

#fancybox-buttons a.btnClose {
	border-left:1px solid #111;
	width:38px;
	background-position:-57px 0px
}

#fancybox-buttons a.btnDisabled {
	opacity :0.5;
	cursor:default
}

#fancybox-thumbs {
	position:fixed;
	left:0;
	width:100%;
	overflow:hidden;
	z-index:8050
}

#fancybox-thumbs.bottom {
	bottom:2px
}

#fancybox-thumbs.top {
	top:2px
}

#fancybox-thumbs ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0
}

#fancybox-thumbs ul li {
	float:left;
	padding:1px;
	opacity:0.5
}

#fancybox-thumbs ul li.active {
	opacity:0.75;
	padding:0;
	border:1px solid #fff
}

#fancybox-thumbs ul li:hover {
	opacity:1
}

#fancybox-thumbs ul li a {
	display:block;
	position:relative;
	overflow:hidden;
	border:1px solid #222;
	background:#111;
	outline:none
}

#fancybox-thumbs ul li img {
	display:block;
	position:relative;
	border:0;
	padding:0
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; height: 291px; overflow: hidden; }

.flexslider .slides > li {
	height: 291px;
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-caption {
	position: absolute; bottom: 0px; left: 0; width: 100%; background: url(../../img/flexslider/bg-flex-caption.png) 0 0 repeat transparent;
}
h1.flex-headline {
	float: left; padding: 12px 10px 8px 10px; margin: 0;
	color: #fff; font-size: 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
a.flex-link {
	float: right; margin: 0 10px 0 0; padding: 10px 35px 6px 0; background: url(../../img/flexslider/bg-flex-link.png) 100% 50% no-repeat transparent;
	color: #fff; font-family: 'Special Elite', serif!important; text-decoration: none; font-size: 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
a.flex-link:hover { color: #F7A410; text-decoration: none; }
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}

/* Direction Nav */
.flex-direction-nav {
*height: 0;
}

.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	display: none\9;
	background: url(../../img/flexslider/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}

.flex-direction-nav .flex-prev {
	left: -36px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	display: block\9;
	right: 5px;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	display: block\9;
	left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 56px;
	text-align: left;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.flex-control-paging li a {
	width: 15px;
	height: 15px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
	background: #f5a512;
	background: rgba(245,165,18,0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

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

	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 0;
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0;
	}
}