
/*
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; background: none; 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; }

/* ==|== 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: #585858;*/
	background-color: #727070;
	border: 1px solid #363636;
	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: #222;
}
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 {
	font-size: 14px;
	line-height: 1.4;
	background: #000;
}

html,
body,
button,
input,
select,
textarea,
h2,
#PageContent h2,
#CategoryHeading h2,
#NewsContent h2,
.product .Content h2,
.Content h3,
.Content h2,
.TitleHeading {
	color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.Content h2,
.TitleHeading,
.Content h1 {
	margin: 0;
	font-family: inherit;
	font-weight: 400;
	color: inherit;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);
}

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 {
	margin: 0 0 .67em;
	font-size: 1.5em;
	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: #FFFFFF;
}

a:hover,
.Content a:hover,
a:focus,
.Content a:focus {
	color: #EBFFD3;
}

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,
.sharebutton,
.sharebutton a,
.Content a.button,
input[type=submit],
input[type=button],
button {
	display: inline-block;
	width: auto!important;
	padding: 8px 16px;
	line-height: 1;
	font-size: 14px !important;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	color: #ffffff;
	background: #649536 url(../../img/bg-button.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top, #b7d393 0%, #649536 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7d393), color-stop(100%,#649536)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b7d393 0%,#649536 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b7d393 0%,#649536 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b7d393 0%,#649536 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b7d393 0%,#649536 100%); /* W3C */
	border: 1px solid #959595;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-appearance: none;
}

.button:hover,
.sharebutton,
.sharebutton a:hover,
.Content a.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
	text-decoration: none;
	background: #649536;
	color: #ffffff;
}

.sharebutton {
	padding: 0;
	background: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	border: none;
}

.button.download {
	margin-bottom: 10px;
}

.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;
}

.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: url(../../img/bg-subcatlist.png);
	background: rgba(255, 255, 255, .2);
	border: 1px solid #b6b6b6;
	color: #fff;
}

.Submit.EstimateShippingButtons span {
	display: block;
	margin-bottom: 3px;
}

.ComparisonTable,
table.CartContents,
table.General {
	/*background: url(../../img/bg-subcatlist.png);
	background: rgba(255, 255, 255, .2);
	border: 1px solid #b6b6b6;*/
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
}

.CompareFieldTop,
.CartContents thead tr th,
table.General thead tr th {
	/*background: #F4F4F4;
	border-bottom: 1px solid #e5e5ef;
	color: #4d4d50;*/
	margin-bottom: 0;
	padding: 5px; 
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
	border-bottom: 1px solid #596772;
	color: #fff;
}

.CartContents tfoot .SubTotal td {
	border-top: none;
	color: #fff;
}

.CompareItem {
	border-left: solid 1px #596772;
}

.CompareFieldName {
	font-weight:bold;
	border-bottom: 1px solid #596772;
}

.CompareFieldTop {
	border-bottom:solid 1px #596772;
}

.CompareFieldTop a:hover {
	color:red;
}

.CompareCenter {
	border-left:solid 1px  #596772;
	border-bottom:solid 1px  #596772;
}

.CompareLeft {
	border-left:solid 1px #596772;
	border-bottom:solid 1px #596772;
}

.ComparisonTable tr:hover td {
	background: #596772;
}

/* =============================================================================
   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
   ========================================================================== */

#NavigateBack {
margin: 0 0 0.67em;
}
   
#Container {
	width: auto;
	margin: 0;
}

#Outer {
	background: url('/template/images/bg.jpg') no-repeat top center black;
	margin: 0;
}

#TopMenu,
#Header,
#PrimaryMenu,
#Wrapper,
#Footer {
	width: 940px;
	margin: 0 auto;
}

#HeaderTop {
	background: #1E1E1E url(../../img/bg-nav.png) repeat-x;
	background: -moz-linear-gradient(top, #525252 35%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#525252), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #525252 35%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #525252 35%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #525252 35%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #525252 35%,#1e1e1e 100%); /* W3C */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid #1E1E1F;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	height: 0 auto;
	width: 940px;
	height: 25px;
	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;
}

#Header ul,
#PrimaryMenu ul,
#Footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Wrapper {
	width: 920px;
	padding: 10px;
	margin-bottom: 15px;
	text-align: left;
	background: url(../../img/bg-wrapper.png);
	background: rgba(140, 140, 140, .4);
	border: 1px solid #8C8C8C;
}
.home #Wrapper {
	width: 940px;
	padding: 0;
}

/* =============================================================================
   Header -n- hdr
   ========================================================================== */

/* == TopMenu =============================================================== */ 
  
#TopMenu {
	float: right;
	width: auto;
	margin-top: 5px;
}

#TopMenu ul {
	
}

#TopMenu li {
	position: relative;
	padding: 0 8px 0 6px;
}

#TopMenu li:before {
	content: "/";
	position: absolute;
	left: -3px;
	color: #FFFFFF;
	margin: -2px;
	padding: 0 0 0 3px;
}
#TopMenu li.First:before {
	content: "";
}

#TopMenu li a,
#TopMenu li div {
	color: #FFFFFF;
	border: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#TopMenu li a:hover {
	text-decoration: none;
	color: #EBFFD3;
}

/* == Header ================================================================ */ 

#HeaderOuter {
	padding-top: 30px;
	
}

#Header {
	background: #fdfdfd url('../../images/header-bg.png') repeat-x;
	height: auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

/* == Logo =========white========================================================= */
 
#Logo {
	float: left;
	height: 100%;
	width: auto;
	margin: 5px 0 5px 10px;
}
#Logo a,
#Logo img {
	display: block;
	
}
/* == Search Form =========================================================== */

#SearchForm {
	float: right;
	width: auto;
	margin: 10px 10px 0 0;
	padding: 2px 8px;
	background: #181717;
	border: 1px solid #000;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}

#SearchForm form {
	margin: 0;
}

#SearchForm label {
	color: #222;
	float: left;
	font-weight: 400;
	margin: 7px 10px 0 0;
}

#SearchForm input {
	float: left;
}

#SearchForm #search_query {
	width: 200px;
	background: none;
	border-color: transparent;
}

#SearchForm input[type="image"] {
	margin-top: 2px;
	/*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;
}
/*==========custom my cart panel
*/
.myCart{
	font-size: 13px;
	clear: right;
	float: right;
	display: block;
	height: 43px;
	width: 130px;
	margin: 30px 10px 0 0;
	text-align: right;
	text-decoration: none;
	background: url('../../images/cart-bg.png');
}
.myCart span{
	display: block;
	margin:13px 10px 0 0;
	color:#fff; 
}
/* == 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 {
	position: relative;
	z-index: 70;
}

#PrimaryMenu {
	background: #1E1E1E url(../../img/bg-nav.png) repeat-x;
	background: -moz-linear-gradient(top, #525252 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #525252 0%,#1e1e1e 100%); /* W3C */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid #1E1E1F;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

#PrimaryMenu > ul {
	float: left;
}

#PrimaryMenu > ul > li {
	float: left;

}

#PrimaryMenu li {
	margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
	display: block;
	padding: 17px 10px 17px;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
}
#PrimaryMenu a {
	text-decoration: none;
}

#PrimaryMenu ul li a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 9px;
	margin-left: 6px;
	text-indent: -99999px;
	*text-indent: 0;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #91b865;
	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: #ffffff;
}

#PrimaryMenu > ul > li > a:hover > .caret,
#PrimaryMenu > ul > li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu > ul > li > a:hover {
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
	
}

/* Drop Down */

#PrimaryMenu ul li {
	position: relative;
	border-right: 1px solid #1C1C1D;
	border-left: 1px solid #585859;
}
#PrimaryMenu ul li.First {
	
	border-left: 0px solid #585859;
}
#PrimaryMenu ul li.last {
	
	border-right: 0px solid #585859;
}
#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: 147px;
	max-width: 300px;
	padding: 0;
	margin: 0;
	list-style: none;
	background: #1E1E1E url(../../img/bg-nav.png) repeat-x;
	background: -moz-linear-gradient(top, #525252 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #525252 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #525252 0%,#1e1e1e 100%); /* W3C */
    	border-left: 0px solid black;
    	border-right: 0px solid black;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}

#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 9px;
	clear: both;
	font-weight: normal;
	color: #fff;
	white-space: nowrap;

}

#PrimaryMenu ul li ul a:hover {
	color: #fff;
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
	
}

/* 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;
}

/* End Navigation */

/* =============================================================================
   Content -n- cnt
   ========================================================================== */

.Content,
.Content.Wide,
.Content.Widest {
	background: none;
	min-height: 0;
}

.Content {
	width: 920px;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 1em;
}

.Content.Wide {
	width: 890px;
	margin: 0;
	padding: 0 0 0 16px;
}

.Content.Wide.Brands {
	width: 916px;
	margin: 0;
	padding: 0 0 0 4px;
}

.Content.Widest {
	width: 908px;
	margin: 0;
	padding: 0;
}

.Content .Block {
	margin-top: 0;
}

/* mimic table for equal heights of sidebar and content area */

.Left, .Content {
	display: table-cell;
	float: none;
	vertical-align: top;
}
.home .Left, .home .Content {
	display: block;
	float: left;
}

/* Account Login Page */

.AccountLogin {
	width: 304px;
}


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */

.Left {
	width: 265px;
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
}

.Right {
	width: 180px;
	margin: 0;
}

.Left,
.Right {
	font-size: 1em;
	min-height: 0;
}

.Left a {
	display: block;
	color: #fff;
}

.Left .BlockContent,
.Right .BlockContent {
	margin: 0;
}

.Left > .Block,
.Right > .Block {
	display: inline-block;
	width: 100%;
	margin: 0;
}
.Left .BlockContent > ul,
.Left .BlockContent > div {
	border-top: 1px solid #09243A;
	border-bottom: 1px solid #596772;
}
.Left .BlockContent > ul > li,
.Left .BlockContent > div > ul > li {
	border-top: 1px solid #596772;
	border-bottom: 1px solid #09243A;
}

.Left h2,
.Right h2{
	font-size:1.25em;
	width: auto;
	margin: 0;
	padding: 5px; 
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
}

.Left li,
.Right li {
	padding: 0;
}

.Left .BlockContent > ul > li > a,
.Left .SideCategoryListClassic > ul > li > a,
.Left .SideCategoryListClassic .accordion-header > a {
	padding: 5px 10px;
}


.Left .BlockContent a:hover,
.Left .BlockContent .accordion-header > a:hover,
.Left #SideCategoryList .SideCategoryListClassic li.ActivePage > a,
.Left #SideCategoryList .SideCategoryListClassic li.ActivePage .accordion-header > a,
.Left #SideCategoryList .SideCategoryListClassic .accordion-header.current-parent > a,
.Left #SideCategoryList .SideCategoryListClassic .accordion-header.open > a {
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png);
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png);
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png);
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png);
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png);
	color: #fff;
	text-decoration: none;
}

#SideCouponCodeBox hr,
#SideGiftCertificateCodeBox hr {
	display: none;
}
#SideCouponCodeBox,
#SideGiftCertificateCodeBox {
	/*border-bottom: 1px solid #DDD;*/
}
#SideCouponCodeBox .BlockContent,
#SideProductAddToWishList .BlockContent,
#SideGiftCertificateCodeBox .BlockContent{
	padding:5px 10px;
}

.Left #SideCategoryList li ul {
	border-top: 1px solid #ddd;
}

.Left .ProductList li,
.Right .ProductList li {
	width: auto;
	border-bottom: 1px solid #ddd;
	padding:5px 10px;
}

.Left .TopSellers li.TopSeller1,
.Right .TopSellers li.TopSeller1 {
	width: auto;
	padding:5px 10px;
	border: 1px solid #ddd;
}

.Left .TopSellers .ProductDetails,
.Right .TopSellers .ProductDetails {
	width: auto;
	padding: 5px 10px;
}

.Left #SideCategoryList .SideCategoryListClassic ul {
  padding-left: 0;
}

.Left #SideCategoryList .SideCategoryListClassic li {
  padding: 0;
}

.Left #SideCategoryList .SideCategoryListClassic li li,
.Left #SideCategoryList .SideCategoryListClassic li > ul {
  border: none;
}

.Left #SideCategoryList .SideCategoryListClassic a {
	display: block;
}

.Left #SideCategoryList .SideCategoryListClassic > ul > li > a {
	position: relative;
}

.Left #SideCategoryList .SideCategoryListClassic > ul > li > ul {
	padding-bottom: 8px;
}

.Left #SideCategoryList .SideCategoryListClassic li li > a {
	padding: 3px 10px 3px 20px;
}

.Left #SideCategoryList .SideCategoryListClassic > ul > li > a:before {
	content: " ";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid #91B865;
	border-bottom: 4px solid transparent;
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -5px;

	filter: alpha(opacity=25);
}
 
.Left #SideCategoryList .SideCategoryListClassic > ul > li > a.active:before {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #91B865;

	filter: alpha(opacity=60);
}

/*.Left #SideCategoryList .SideCategoryListClassic ul {
  padding-left: 0;
}

.Left #SideCategoryList .SideCategoryListClassic li {
  padding: 0;
}

.Left #SideCategoryList .SideCategoryListClassic li li,
.Left #SideCategoryList .SideCategoryListClassic li > ul {
  border: none;
}

.Left #SideCategoryList .SideCategoryListClassic a,
.Left #SideCategoryList .SideCategoryListClassic .accordion-header {
	display: block;
}

.Left #SideCategoryList .SideCategoryListClassic > ul > li > a,
.Left #SideCategoryList .SideCategoryListClassic .accordion-header {
	font-weight: 700;
	position: relative;
}

.accordion-content {
	display: none;
}

.Left #SideCategoryList .SideCategoryListClassic li li > a {
	padding: 3px 10px 3px 20px;
}

.Left #SideCategoryList .SideCategoryListClassic li li > a:hover {
	background: #649536;
}

.Left #SideCategoryList .SideCategoryListClassic li li.ActivePage > a {
	background: #86AA58 !important;
}

.accordion-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background: rgb(201,222,150);
	background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1)));
	background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );
	border-left: 1px solid #70B373;
	cursor: pointer;
}

.accordion-button b {
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid #fff;
	border-bottom: 4px solid transparent;
	position: absolute;
	right: 50%;
	top: 50%;
	margin: -5px -4px 0 0;
}

.accordion-header.open .accordion-button b {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #fff;
}*/

.Left #SideNewsletterBox{
display:none;
}

#SideNewsletterBox p {
	margin: 10px 0 6px 10px;
}

#SideNewsletterBox p.bottom {
	margin-bottom: 0;
}

#SideNewsletterBox label {
	margin-bottom: 3px;
}

#SideNewsletterBox input[type="text"] {
	width: 278px;
	font-size: 1em;
	padding: 9px;
	margin: 10px 0 0 10px;
	border-radius: 0;
	background: #535353;
	color: white;
}

#SideNewsletterBox .button {
	float: right;
	margin-top: 10px;
}

#couponcode,
#giftcertificatecode {
	padding: 5px;
}

/* =============================================================================
   Footer -n- ftr
   ========================================================================== */

#FooterOuter {
	padding: 13px 0 5px;
	background: #000;
	border-top: 2px solid #1A1A1A;
}

#Footer {
	font-size: 1em;
	clear: both;
}

#Footer #FooterMenu {
	float: left;
	width: 100%;
	margin: 0 0 16px 0;
	text-align: center;
}

#socialIcons{
float: right;
}
#Footer #FooterMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Footer #FooterMenu ul li {
	float: none;
	display: inline;
	position: relative;
	line-height: 29px;
	padding-left: 10px;
	background: url('../../images/whiteSlash.png') no-repeat left 3px;
}

#Footer #FooterMenu ul li:first-child {
	padding-left: 0;
	background: none;
}

#Footer #FooterMenu ul li a {
	padding: 0 7px 0;
	color: white;
	border: none;
}

#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a {
	color: #fff;
}

#Footer #FooterMenu ul ul {
	display: none;
}

#Footer #copyright {
	font-size: .85em;
	float: right;
	margin-top: 16px;
}

#Footer #design-by {
	font-size: .8em;
}

#Footer #cc-icon {
	width: 242px;
	float: left;
}

/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */

.Breadcrumb {
	margin-top: 0;
	font-size: 1em;
	border-bottom: 0px solid #DCDFE2;
}

.Breadcrumb li:first-child {
	padding-left: 0;
}

.Breadcrumb li:before {
	content: "/";
	padding-right: 10px
}

.Breadcrumb li:first-child:before {
	content: "";
	padding: 0;
}

.Breadcrumb li a {
	padding: 0;
	color: white;
	background: none;
}

.CustomWish.Breadcrumb li.last a {
	background: none;
}

.FeedLink {
	display: none;
}

.recaptcha_input_area input#recaptcha_response_field {
	background: #fff;
}

#ModalContainer.QuickViewModal .ModalContent {
	display: block;
	position: static;
	left: 0;
}

.InfoMessage a,
.NotifyMessage a,
.ExpressCheckoutBlockCompleted a.ChangeLink,
#ModalContainer.QuickViewModal .ModalContent a {
	color: #73A23D;
	top: 9px;
}

.InfoMessage a:hover,
.NotifyMessage a:hover,
.ExpressCheckoutBlockCompleted a.ChangeLink:hover,
#ModalContainer.QuickViewModal .ModalContent a:hover {
	color: #97C55F;
}

.NotifyMessage {
	margin-bottom: 20px;
	padding: 15px;
	padding-bottom: 0;
	color: #444;
	background: #FFD;
	border: 1px solid #CDCD9B;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#share-product #tabcontent {
	overflow: hidden;
	color: #fff;
	background: url(../../img/bg-subcatlist.png);
	background: rgba(255, 255, 255, .2);
	border: 1px solid #b6b6b6;
}
#tabcontent #url {
	font-size: 11px;
	color: #fff;
}
#share-product #tabcontent .photo {
	width: auto;
	margin-right: 14px;
}
#share-product ul.tabs li img {
	top: 0;
}

.Meta {
	color: #fff;
	font-size: 0.93em;
}

/* =============================================================================
   Pages -n- pgs
   ========================================================================== */

.blog .FeedItem h3 {
	margin-bottom: .5em;
}

.blog .FeedItem .FeedContent p {
	margin-bottom: .5em;
}

/* =============================================================================
   Category -n- ctg
   ========================================================================== */
  
.SortBox {
	float: right;
	margin: 5px 5px 0 0;
	font-size: 1em;
	color: #fff;
}

.SortBox #sort,
.SortBox option {
	background: #727070;
	color: #fff;
}

.SortBox #sort:focus {
	border-color: #222;
}

#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;
	color: #fff;
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.CategoryPagination .PagePrev,
.CategoryPagination .PageNext {
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
}

.CategoryPagination .PagePrev a,
.CategoryPagination .PageNext a {
	text-indent: -10000em;
	background: none;
	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: #fff;
	background-color: #1F4262;
	text-decoration: none;
}

.SubCategoryList,
.SubBrandList {
	margin-bottom: 15px;
	background: url(../../img/bg-subcatlist.png);
	background: rgba(255, 255, 255, .2);
	border: 1px solid #b6b6b6;
}

.SubCategoryList ul,
.SubBrandList ul {
	margin-bottom: 0;
	padding-left: 0;
}

.SubCategoryList li {
	background: url(../../img/subcategory.png) no-repeat 3px 1px;
}

.SubCategoryList li:last-child,
.SubBrandList li:last-child {
	margin-bottom: 0;
}

#ModalContainer.QuickViewModal .ModalContent {
	background: #fff;
}

/* =============================================================================
   Product Lists -n- pls
   ========================================================================== */

.ProductList li .ProductCompareButton {
	text-align: center;
}

.Content .ProductList {
	margin-left: -20px;
}

.Content .ProductList .Message {
	margin-left: 20px;
}

.Content .ProductList li,
.fastCartContent .ProductList li,
.Content .FeaturedProducts .ProductList li {
	/*width: 185px !important;*/
	width: auto !important;
	height: auto !important;
	margin: 0 0 20px 20px;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	position: relative;
	
}

.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;	
}

.Content .ProductList .inner {
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
	background: rgb(69,69,69); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,69,69,1) 0%, rgba(221,221,221,1) 50%, rgba(69,69,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,69,69,1)), color-stop(50%,rgba(221,221,221,1)), color-stop(100%,rgba(69,69,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
	border: 1px solid #fff;
}

.Content .ProductList .inner-inner{
	background: #fff;
}
.home .Content .ProductList .inner-inner{
	/*height: 235px;*/
}

.ProductList .ProductImage {
	width: 193px !important
}

.Content .ProductList .ProductDetailsWrap {
	width: 191px;
	min-height: 36px;
	padding: 5px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	background: url(../../img/bg-product-list-details.png);
	/*background: url(../../img/bg-product-list-details-blue.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 0%, rgba(19,27,61,.4) 100%), url(../../img/bg-product-list-details-blue.png);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.4))), url(../../img/bg-product-list-details-blue.png);
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 0%,rgba(19,27,61,.4) 100%), url(../../img/bg-product-list-details-blue.png);
	background: -o-linear-gradient(top, rgba(19,27,61,0) 0%,rgba(19,27,61,.4) 100%), url(../../img/bg-product-list-details-blue.png);
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 0%,rgba(19,27,61,.4) 100%), url(../../img/bg-product-list-details-blue.png);
	background: linear-gradient(to bottom, rgba(19,27,61,0) 0%,rgba(19,27,61,.4) 100%), url(../../img/bg-product-list-details-blue.png);
	border: 1px solid #21405D;*/
}

.home .Content .ProductList .ProductDetailsWrap {
	/*width: 165px;*/
	width: 191px;
	min-height: 36px;
	padding: 5px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: url(../../img/bg-product-list-details.png);
	border: none;
}
.Content .ProductList .ProductDetails {
	height: auto; !important;
}
.Content .ProductList .ProductPriceRating {
	margin: 10px 0;
	font-size: 1.15em;
}
.Content .ProductList .ProductDetails a {
	display: block;
	color: #fff;
}
.Content .ProductList .ProductDetails a:hover {
	text-decoration: none;
	color: #EBFFD3;
}

/* Search Results Grid */
.SearchContainer .ProductList {
	margin-left: -9px;
}
.SearchContainer .ProductList li {
	margin-left: 9px;
}


/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */

#ProductDetails .ProductThumbWrap {
	float: left;
}

#ProductDetails .ProductThumb {
	float: none;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
}

.ProductThumbImage {
	background: #fff;
}

#ProductDetails .ProductThumbImageWrap {
	/*float: left;*/
	padding: 5px;
	background: rgb(69,69,69); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,69,69,1) 0%, rgba(221,221,221,1) 50%, rgba(69,69,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,69,69,1)), color-stop(50%,rgba(221,221,221,1)), color-stop(100%,rgba(69,69,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
	border: 1px solid #fff;
}

#ProductDetails .ProductTinyImageList li {
	height: 65px !important;
	width: 94px !important;
	border: 1px solid #303030 !important;

}
#ProductDetails .ProductTinyImageList li[style*="rgb(7, 88, 153)"] {
	border-width: 1px;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv {
	padding: 2px;
	/*background: #fff;*/
	background: rgb(69,69,69); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,69,69,1) 0%, rgba(221,221,221,1) 50%, rgba(69,69,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,69,69,1)), color-stop(50%,rgba(221,221,221,1)), color-stop(100%,rgba(69,69,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,69,69,1) 0%,rgba(221,221,221,1) 50%,rgba(69,69,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
	border: none !important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv[style*="rgb(7, 88, 153)"],
#ProductDetails .ProductTinyImageList li:hover .TinyOuterDiv[style*="rgb(7, 88, 153)"] {
	background: #94BB65;
	border: none !important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv > div {
	background: #fff;
	border: 1px solid #ACACAC !important;
}



/* == Product Main ========================================================== */

.PrimaryProductDetails .ProductMain {
	width: 241px;
	margin-left: 20px;
	text-align: right;

}
.PrimaryProductDetails .ProductBreadcrumb {
    	float: left;
    	margin-left: 20px;
    	text-align: left;
    	width: 355px;

}

.ProductPrice, .ProductList em {
	color: #fff;
}

#ProductDetails hr {
	display: none;
}
#addThis {
	float: left;
	padding: 8px;
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
	border-radius: 5px;
	width: 250px;
}

.AddThisButtonBox {
	width: auto;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -10px;
	float: left;
}
#addThis  span { 
	margin-left: 10px;
}
/* details grid */   
.ProductDetailsGrid .DetailRow,
.productAttributeList .productAttributeRow {
	padding: 0!important;
	margin: 0 0 8px!important;
}

.ProductDetailsGrid .Label,
.productAttributeList .productAttributeLabel {
	width: auto!important;
	text-align: left;
	padding: 0!important;
	margin: 0 10px 0 0!important;
}

.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;
	position: relative;
	overflow: hidden;
	top: 1px;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: none;
	
}

.TabNav li {
	float: left;
	margin: 0 -1px 0 0;
	padding: 0;
	line-height: normal;
}

.TabNav li a {
	display: block;
	top: 0;
	margin: 0;
	padding: 5px 10px 5px;
	font-size: 14px;
	color: #fff;
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
	border: none;
	border: 1px solid #596772;
}

.TabNav li a:hover {

}

.TabNav li.Active a {
	padding: 5px 10px 5px;
	font-weight: normal;
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
	border-bottom: none;
	border-bottom: 1px solid transparent;
}

#TabPanels {
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-bottom: 1em;
	padding: 10px;
	margin-top: 0;
	background: url(../../img/bg-sidebar.png);
	background: rgba(48,77,107,.6);
	border: 1px solid #596772;
}

#SideProductRelated {}
#SideProductRelated h2 {
	padding: 10px 0 8px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

/* =============================================================================
   Cart -n- crt
   ========================================================================== */

#CartHeader {
	overflow: hidden;
}

#CartHeader h2 {
	float: left;
}

#CartHeader span .button {
	margin-top: 7px;
}

.Content .ProceedToCheckout {
	width: 250px;
}

.fastCartContent {
	min-height: 235px;
	width: auto;
}

.fastCartContent h2 {
	/*text-shadow: none;*/
	color: #fff;
	padding: 5px; 
	background: #1F4262 url(../../img/bg-nav-active.png);
	background: -moz-linear-gradient(top, rgba(19,27,61,0) 40%, rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(19,27,61,0)), color-stop(100%,rgba(19,27,61,.9))), url(../../img/bg-nav-active.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,27,61,0) 40%,rgba(19,27,61,.9) 100%), url(../../img/bg-nav-active.png); /* W3C */
}
 a.modalClose {
	color: #73A23D !important;
}

a.modalClose:hover {
	color: #97C55F !important;
}

.fastCartSummaryBox {
background-color: transparent;
}

.EstimateShipping {
	width: 450px;
}

.EstimateShipping dt {
	width: 115px;
	padding-right: 10px;
}

/* =============================================================================
   Checkout -n- chk
   ========================================================================== */

.ExpressCheckoutBlock .ExpressCheckoutTitle {
	color: #4D4D50;
	text-shadow: none;
	background: #E0E0E0;
	border: 1px solid #ccc;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
	background: #F7F7F7;
	border: 1px solid #e5e5ef;
	color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
	color: #888;
}

.ExpressCheckoutCompletedContent {
	left: 325px;
	top: 10px;
}

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;
}

.LittleNotePassword {
	color: #fff;
}

/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */

.WrapperHome{
	border: none !important;
	background: none !important;
}

.home .Content.Widest {
	width: 940px;
}

/* Banners */
.slider-banners-wrap{
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background: url(../../img/bg-wrapper.png);
	background: rgba(140, 140, 140, .4);
	border: 1px solid #8C8C8C;
	margin-top: 0;
}
#banners {
	margin:10px 0;
}
[id*="banner-"] {
	display:block;
	float:left;
	margin-left: 9px;
	position:relative;
	height:200px;
	width:300px;
}
[id*="banner-"] > div {
	width: 266px;
	padding: 8px 8px 8px 10px;
	position: absolute;
	left: 8px;
	bottom: 5px;
	background: url(../../img/bg-3-box-heading.png) repeat-y;
}
[id*="banner-"] h2 {
	float: left;
	margin: 5px 0 0;
	font-family: 'Anton', sans-serif;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
}
[id*="banner-"] .button {
	float: right;
	font-size: 1.15em;
	/*margin: 4px 0 0 154px;*/
}
#banner-01 {
	margin-left: 0;
}
.custumH2{
	height: 43px;
	padding-left: 75px;
	line-height: 43px !important;
	vertical-align: middle !important;
	background:url(../../img/bg-heading.png) no-repeat;
}


#HomeFeaturedProducts .BlockContent{
	background: #1F1F1F url('../../images/featured-bg.png') repeat-x;
}

#HomeFeaturedProducts .BlockContent{
	background: #1F1F1F url('../../images/featured-bg.png') repeat-x;
}

#carousel.es-carousel-wrapper {
	padding:20px 51px 10px 51px;
	position:relative;
}

#carousel .es-carousel {
	overflow:hidden;
	margin: 0 19px;
}

#carousel .es-carousel ul {
	display:none;
}

#carousel .es-carousel ul li {
	float:left;
	display:block;
	width: 185px !important;
	margin: 0 19px 0 0 !important;
}

.home .Content #carousel .ProductList .ProductDetailsWrap {
	width: 163px !important;
}

#carousel .es-nav span {
	display: block;
	margin-top: -43px;
	width:50px;
	height:86px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
	position: absolute;
	top: 50%;
}

#carousel .es-nav span.es-nav-prev,
#carousel .es-nav span.es-nav-next {
	background: url(../../img/carousel-nav.png) no-repeat;
	display:block;
	
}

#carousel .es-nav span.es-nav-prev {
	background-position: left top;
	left: 0;
}

#carousel .es-nav span.es-nav-next {
	background-position: right top;
	right: 0;
}

#carousel .es-nav span.es-nav-prev[style*="none"],
#carousel .es-nav span.es-nav-next[style*="none"] {
	display: block;
	opacity: .4;
	filter: alpha(opacity=40);
}

#LayoutColumn2 .NewsletterSubscription{
	width: 940px;
	float: left;
}

.home .youtube-fancy {
	float: right;
}

#Footer #SearchForm{
	display:none;
}

/*custom css limited for this project*/

 
/* =============================================================================
   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;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
	height: 290px;
}

.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 {
	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: 45px;
	margin: -22px 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;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.flex-direction-nav .flex-next {
background: url(../../images/next-2.png) no-repeat 0 0;
	
}

.flex-direction-nav .flex-prev {
	background: url(../../images/prev-2.png) no-repeat 0 0;
}

.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: auto;
	position: absolute;
	top: 10px;
	text-align: center;
	right: 10px;
}

.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	cursor: pointer;
	width: 8px;
	height: 8px;
	display: block;
	text-indent: -9999px;
	border: 3px solid #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	cursor: default;
	background: #fff;
	border: 3px solid #fff;
}

.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;
	}
}
