/*
Template Name:      Roots BigCommerce
Description:        Starting template for BigCommerce
Version:            2.6.5
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            January 10, 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
	------------------------------------------------------------------------------
	
	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 = act
	Home Page = hpg
	Internet Explorer 7 = ie7
	Media Queries = mqs
	Plugins = plg





   =============================================================================
   Base -n- bas
   ========================================================================== */
 
/* Import Fonts Family -fstack- */  
@import url(https://fonts.googleapis.com/css?family=Federo|Open+Sans+Condensed:300);
  
html { overflow-y: scroll; font-family: Arial, Helvetica, sans-serif; }
body { background: #fff; font-size: 14px; }
h1,h2,h3,h4,h5,h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
ul.none { margin: 0 0 1.5em 0; padding: 0; list-style: none; }
.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; }

/* == Non-semantic helper classes ============================================= */
/* image replacement */
.ir { display : block; text-indent : -999em; overflow : hidden; background-repeat : no-repeat; text-align : left; direction : ltr; }
/* hide for both screenreaders and browsers */
.hidden { display : none; visibility : hidden; }
/* hide only visually, but have it available for screenreaders */
.visuallyhidden { position : absolute; clip : rect(0 0 0 0); overflow : hidden; margin: -1px; padding : 0; height : 1px; width : 1px; border : 0; }
/* extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position : static; clip : auto; overflow : visible; height : auto; margin : 0; width : auto; }
/* hide but maintain layout */
.invisible { visibility : hidden; }

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

a, .Content a { color: #06c; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color: #09f; }
a:hover, a:active { outline: none; }
a:active, input.button:active, input[type=submit]:active, input[type=button]:active { outline: 0; position: relative; top: 1px; }
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 { text-shadow: none; background: #3399FF; color: #fff; }
::selection { text-shadow: none; background: #3399FF; color: #fff; }


/* == Buttons =============================================================== */
.button, .Content a.button, input[type=submit], input[type=button] {
	display: inline-block;
	background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/buttonBGRepeat.png?t=1425354868) repeat-x center;
	color: #fff;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
	width: auto;
	overflow: visible;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-appearance: none;
	border: 1px outset #CCC;
	border: 1px outset rgba(0,0,0,0.4);
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
	background: #09f; 
	color: #fff; 
	text-decoration: none;
}
.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 =================================================================== */
input, select, textarea { font-family: sans-serif; font-size: 1em; }
button, input, input.Textbox, input[type=text], select, textarea { margin: 0; padding: 3px; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button { width: auto; overflow: visible; }
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; }
.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, Base Styles, and Blue Reset Styles -n- prm
   
   ** MEANT FOR BASIC STRUCTURE for example widths, margins, padding and
   for background images/colors for the basic structure elements
   
   ** NOT FOR CONTENT SPECIFIC STYLES for example styling what is inside the
   header, footer, content areas, etc.
   ** USE APPROPRIATE SECTION(S) FOR THAT
   ========================================================================== */
html {}
body { background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/bodyBG.jpg?t=1425354868) center 0 fixed; }
#Container { width: auto; margin: 0; }
#Outer { background: none; margin: 0; }
#TopMenu, #Header, #PrimaryMenu, #Wrapper, #Footer  { width: 990px; margin: 0 auto; }
#TopMenuOuter, #HeaderOuter, #PrimaryMenuOuter, #WrapperOuter, #FooterOuter  { width: 100%; }
#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; }
#TopMenuOuter {  }
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter {  }
#PrimaryMenu {}
#WrapperOuter {}
#Wrapper { text-align: left; background: #FFF; }
#FooterOuter {}
#Footer { clear: both; }

.Content, .Content.Wide, .Content.Widest { background: none; min-height: 0; }
.Content { width: 550px; margin: 0 10px 0 0; padding: 0; font-size: 1em; }
.Content.Wide { width: 705px; margin: 0; padding: 20px 20px 0 0; }
.Content.Widest { width: 950px; margin: 0; padding: 20px; }

/*Sidebars*/
.Left, .Right { background: none; min-height: 0; }
.Left h2, .Right h2 { width: auto; }
.Left li, .Right li { border: none; }
.Left { width: 200px; margin: 20px 20px 0; padding: 0 10px 10px; }
.Right { width: 190px; margin: 0; }

/* =============================================================================
   Header -n- hdr
   ========================================================================== */
 
#TopMenuOuter {
	height: 10px;
	background: #00C0FF;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.5) inset;
} 


/* == Header ================================================================ */ 
#HeaderOuter {
	
}
	#Header {
		position: relative;
		height: 125px;
		background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/headerBGRepeat.jpg?t=1425354868) repeat-x 0 -10px;
	}
		#Logo { 
			position: absolute;
			width: auto; 
			top: -10px;
			left: 17px;
		}
		#TopMenu {
			position: absolute;
			top: 0;
			right: 20px;
			background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/topMenuBGRepeat.jpg?t=1425354868) center repeat-x;
			width: auto;
			border: 1px solid #3F3F3F;
			border-top: none;
		}
			#TopMenu ul { 
				float: right; 
				padding: 6px 10px 0;
			}
				#TopMenu li a, 
				#TopMenu li div { 
					color: #ADADAD; 
					border: none; 
					font-size: 14px; 
					margin: 0 0 8px; 
					padding: 0 10px;
					font-family: 'Open Sans Condensed', sans-serif;
					text-transform: lowercase; 
				}
					#TopMenu li a:hover { 
						color: #09f; 
					}
		#Header h1 {
			position: absolute;
			top: 33px;
			left: 410px;
			font-family: 'Federo', sans-serif;
			color: #FFF;
			font-size: 19px;
			text-transform: uppercase;
			text-align: center;
			line-height: 1.4;
		}
		#HeaderSocial {
			position: absolute;
			right: 20px;
			top: 40px;
		}
			#HeaderSocial h2 {
				
				font-family: 'Open Sans Condensed', sans-serif;
				font-size: 16px;
				float: left;
				text-transform: uppercase;
				padding: 1px 6px;
				border: 1px solid #333333;
				background: #000;
				margin: 0 5px 0 0;
			}
				#HeaderSocial h2 a {
					color: #00C0FF;
					text-decoration: none;
				}
				#HeaderSocial h2 span {
					color: #00C0FF;
					text-decoration: none;
				}
			#HeaderSocial img {
				float: left;
				margin: 3px 0 0 5px; display: none; 	
			}
		#SearchForm { 
			width: auto; 
			padding: 0; 
			position: absolute;
			top: 75px;
			right: 20px;
		}
			#SearchForm #search_query {
				font-size: 14px; 
				float: left; 
				width: 180px;
				padding: 8px 40px 6px 10px;
				background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/topMenuBGRepeat.jpg?t=1425354868) center repeat-x;
				border: 1px solid #3F3F3F;
				color: #00C0FF;
			}
			#SearchForm input.button {
				position: absolute;
				top: 10px;
				right: 10px;
				background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/searchButton.png?t=1425354868) no-repeat;
				box-shadow: none;
				border: none;
				padding: 0;
				width: 14px;
				height: 12px;
			}
	
			.QuickSearch { z-index: 9999; }
			.QuickSearchHover td{ background: #f4f4f4; }
			.QuickSearch a, .QuickSearch a:hover { color: #4D4C51; }

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

#PrimaryMenuOuter {
	
}
	#PrimaryMenu {
		background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/primaryMenuBGRepeat.jpg?t=1425354868) repeat-x center -2px;
	}
		#PrimaryMenu > ul {
			padding: 10px 0;
			text-align: center;
		}
			#PrimaryMenu > ul > li { 
				display: inline-block;
				margin: 0 0 0 16px;
			}
				#PrimaryMenu > ul > li:first-child {
					margin: 0;	
				}
				#PrimaryMenu > ul > li > a {
					display: block;
					font-size: 14px;
					font-size: 12px\9; font-size: 12px\0/; /* IE Fixes */
					text-decoration: none;
					color: #FFF;
					width: 140px;
					height: 29px;
					font-family: 'Federo', sans-serif;
					text-transform: uppercase;
					text-align: center;
					background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/menuItemBGRepeat.jpg?t=1425354868) repeat-x;
					border: 1px solid #7B7C81;
					padding: 6px 0 0;
				}
					#PrimaryMenu > ul > li.ActivePage > a,
					#PrimaryMenu > ul > li:hover > a {
						color: #8BBAE6;
					}
				/* sub menu code 
				#PrimaryMenu ul li { position: relative; }
				#PrimaryMenu ul ul li { width: 100%; vertical-align: bottom; }
				#PrimaryMenu ul ul {
					display: block;
					width: 175px;
					position: absolute;
					top: -10000em;
				}
				#PrimaryMenu ul ul ul { left: 175px; }
				#PrimaryMenu li:hover { visibility: inherit; }
				#PrimaryMenu ul > li:hover > ul { top: auto; z-index: 1000; }
				#PrimaryMenu ul  ul > li:hover > ul { top: 0; z-index: 1000; }
				#PrimaryMenu li li a {
					display: block;
					padding: 5px 10px;
					background: #0E59A4;
					color: #fff;
					text-decoration: none;
				}
				#PrimaryMenu li li a:hover { background: #3C82C7; }*/
				
				
/* =============================================================================
   Content -n- cnt
   ========================================================================== */
.Content h2, .TitleHeading, .Content h1 { font-size: 30px; font-weight: 400; color: #000; font-family: 'Federo',sans-serif; }
.Content h3 { margin: 30px 0 10px; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2, .product .Content h2 { color: #222; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2 { font-size: 1.7em; }
.product .Content h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
.Left, .Right { font-size: 1em; }
.Left h2, .Right h2 { font-size: 1.5em; line-height: 1.2em; }
#SideCategoryList li a, #SideShopByBrand li a { display: block; }
#couponcode, #giftcertificatecode { padding: 5px; }

.Left {
	float: left;
	background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/leftMenuBG.jpg?t=1425354868) center -250px;
	color: #FFF;	
}
	.Left > div {
		margin-top: 0!important;
		margin-bottom: 20px!important;	
		border-bottom: none!important;
	}
		.Left hr {
			display: none;	
		}
	.Left > div > h2 {
		margin: 0 -10px 10px;
		font-family: 'Federo',sans-serif;
		color: #FFF;
		padding: 5px 10px;
		text-transform: uppercase;
		font-size: 20px;
		display: block;
		background: #000;	
	}
	.Left .dash {
		color: #00A0D1;
		margin: 0 10px 0 0;
		float: left;
	}
	.Left .BlockContent {
		margin: 0!important;	
	}
	.SideCategoryListClassic > ul {
		margin-left: 5px;	
	}
		.SideCategoryListClassic > ul > li {
			list-style-type: none;
			margin-left: 0;
		}
			.SideCategoryListClassic > ul > li > a {
				color: #00A0D1;
				font-size: 16px;
			}
				.SideCategoryListClassic > ul > li > ul,
				.Left #SideCategoryList .SideCategoryListClassic > ul > li > ul {
					border-top: none!important;
					padding-left: 0!important;
					margin-left: 25px;
				}
					.SideCategoryListClassic > ul > li > ul > li {
						margin-left: 0;
					}
						.SideCategoryListClassic > ul > li > ul > li > a {
							color: #A4B2C2;
							font-size: 14px;
						}
							.SideCategoryListClassic li {
								margin-left: 10px;
								list-style: circle;
								color: #FFF;
							}
								.SideCategoryListClassic a {
									color: #FFF;
									font-size: 12px;
								}
	.Left .trunk {
		display: none;	
	}
	
	.Left .BlockContent {
		margin: 0!important;	
	}
	.BlockContent > ul {
		margin-left: 5px;	
	}
		.BlockContent > ul > li {
			list-style-type: none;
			margin-left: 0;
		}
			.BlockContent > ul > li > a {
				color: #00A0D1;
				font-size: 16px;
			}
	.Left a:hover {
		text-decoration: none!important;
		color: #FFF!important;	
	}

/* =============================================================================
   Footer -n- ftr
   ========================================================================== */
#Footer { 
	font-size: 14px;
	background: #FFF;
	color: #585A5E;
	text-align: left;
	padding: 0 20px 20px; 
	width: 950px;
}
	#Footer #FooterMenu { 
		display: block; 
		margin: 0; 
		border-top: 2px solid #DFDFEB;
		padding: 15px 0;
		width: 100%;
		float: left;
	}
		#Footer #FooterMenu ul { 
			text-align: left; 
			list-style: none; 
			margin: 0; 
			text-align: center;
			display: block;
		}
			#Footer #FooterMenu ul li { 
				float: none; 
				display: inline; 
				position: relative; 
			}
				#Footer #FooterMenu ul li a { 
					padding: 0 8px;
					color: #585A5E;
					border: none;
					border-left: 1px solid #585A5E;
					font-size: 11px;
					text-transform: lowercase;
				}
					#Footer #FooterMenu ul li:first-child a {
						border-left: 0;
					}
					#Footer #FooterMenu ul li.ActivePage a, 
					#Footer #FooterMenu ul li:hover a { 
						color: #000; 
					}
					#Footer #FooterMenu ul ul { 
						display: none; 
					}
	#FooterLeft {
		float: left;	
	}
		#FooterLeft p {
			display: block;	
			font-size: 10px;
			padding: 0;
			margin: 0;
		}
		#FooterLeft a {
			color: #000;
			text-decoration: none;	
		}	
	#FooterRight {
		float: right;	
	}
		#FooterRight img {
			float: left;
			margin: 0 0 0 3px;
		}



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

.Breadcrumb {
	border-bottom: none;
	color: #939495;
	margin: 0!important;
	padding: 0!important;
}
	.Breadcrumb ul {
		text-transform: lowercase;
	}
		.Breadcrumb li {
			
		}
			.Breadcrumb li a {
				color: #939495;
				text-decoration: none;
				
			}
				.Breadcrumb li:first-child a {
					
				}


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

#WideNewsletter {
	margin: 10px 0 0;
}
	#WideNewsletter .newsletterLeft {
		border-top: 2px solid #DFDFEB;
		float: left;
	}
		#WideNewsletter h2 {
			font-size: 26px;
			text-transform: uppercase;
			font-family: 'Federo',sans-serif;
			display: block;
			float: left;
			color: #585A5E;
			margin: 0;
		}
		#WideNewsletter h3 {
			font-family: 'Open Sans Condensed',sans-serif;
			color: #585A5E;
			text-transform: uppercase;
			font-size: 22px;
			display: block;
			float: left;
			margin: 7px 0 0 10px;
		}
		#WideNewsletter h4 {
			display: block;
			float: left;
			color: #585A5E;
			font-size: 14px;
			text-transform: lowercase;
			margin: 10px 0 0 30px;
		}
	#WideNewsletter .newsletterRight {
		float: left;
		margin: 0 0 0 15px;
	}
		#WideNewsletter .Textbox {
			float: left;
			width: 170px;
			padding: 8px 10px;
			border: 1px inset #333;
			text-transform: lowercase;
			color: #625A5E;
		}
		#WideNewsletter .button {
			float: left;
			margin: 0 0 0 21px!important;
			width: 100px;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			font-family: 'Federo',sans-serif;
			font-size: 22px;
			height: 33px;
			padding: 0;
			border: 1px outset #333;
		}

.fadeSeperator {
	background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/fadeSeperator.png?t=1425354868) no-repeat center 0;	
	display: block;
	height: 20px;
	margin: 30px 0 10px;
}
#LoginForm {
	margin-left: 115px;	
}
.CouponCode .Textbox,
.GiftCertificateCode .Textbox {
	width: 125px;	
}

#CartContent .ProductName a {
	font-family: 'Federo',sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 18px;
}


#SearchTabProducts .ProductList li {
	width: auto!important;	
	margin: 6px 0 0!important;
}
	
/* =============================================================================
   Pages -n- pgs
   ========================================================================== */
.blog .FeedItem h3 { margin-bottom: .5em; }   
.blog .FeedItem .FeedContent p { margin-bottom: .5em; }     
   
   
/* =============================================================================
   Category -n- ctg
   ========================================================================== */
.SortBox { float: right; font-size: 1em; }

.SubCategoryList ul, .SubBrandList ul { overflow:hidden; padding: 0!important; margin: 0!important; }
.SubCategoryList li { background:none; float:left; padding:0; margin:5px; }
.SubCategoryList li a {	
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	height: 29px;
	font-family: 'Federo', sans-serif;
	text-transform: uppercase;
	text-align: center;
	background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/menuItemBGRepeat.jpg?t=1425354868) repeat-x;
	border: 1px solid #7B7C81;
	padding: 6px 10px 0;
}
.SubCategoryList li a:hover { text-decoration:none; background-color:#0064a3; }

#CategoryHeading {
	
}
	#CategoryHeading .BlockContent {
		
	}
		#CategoryHeading .CategoryDescription {
			clear: both;
		}
		#CategoryHeading .BlockContent > h1 {
			color: #939495;
			display: block;
			float: none;
			clear: both;
			font-family: 'Federo',sans-serif;
			font-size: 26px;
			margin: 0;
		}
		#CategoryHeading .SortBox {
			float: right;
			width: auto;
			margin: 0;
			padding: 0;
		}
		#CategoryPagingTop {
			float: left;
			width: auto;
			margin: 0;
			padding: 0;
			clear: none;
			
		}
			#CategoryPagingTop .CategoryPagination {
				border: none!important;
				background: none!important;
			}
				#CategoryPagingTop .CatPageNext,
				#CategoryPagingTop .CatPagePrev {
					float: none;
					display: inline-block;
					clear: none;
				}
				#CategoryPagingTop .PagingList {
					float: none;
					display: inline-block;
					clear: none;
				}
					#CategoryPagingTop li {
						
					}
						#CategoryPagingTop a {
							color: #939495;
							text-decoration: none;
						}
							#CategoryPagingTop .PagingList li.ActivePage,
							#CategoryPagingTop a:hover {
								text-decoration: underline;
								color: #000;
							}
		.SubCategoryList {
			clear: both;
			display: block;
			width: 705px;
			background: none;
		}

/* =============================================================================
   Product Lists -n- pls
   ========================================================================== */
#SideProductRelated {
	border: 1px solid #DADADA;
	padding: 15px;
	float: left;
	width: 898px;
}
	#SideProductRelated h2 {
		display: block;
		padding: 0 0 10px;
		border-bottom: 2px solid #E9E9E9;
		margin: 0;
		color: #B98EE4;
		font-size: 16px;
	}
	#SideProductRelated .BlockContent {
		margin: 0 auto 10px;
		width: 752px;
	}
	#SideProductRelated .ProductList {
		
	}
		#SideProductRelated li {
			width: 200px!important;
			height: auto!important;
			padding: 0 25px 30px!important;
			margin: 30px 0 0;
			border: none;
		}
			#SideProductRelated .ProductImage {
				width: 200px!important;
				height: 200px!important;
				overflow: hidden;
				display: block;
				text-align: left;
			}
				#SideProductRelated .ProductImage img {
					
				}
			#SideProductRelated .ProductDetails {
				
			}
				#SideProductRelated .ProductDetails a {
					color: #808080;
					font-size: 14px;
					font-family: 'Cagliostro',sans-serif;
					text-decoration: none;
					font-weight: normal;
				}
			#SideProductRelated .ProductPriceRating {
				float: left;
				width: 80px;
			}
				#SideProductRelated .ProductPriceRating em {
					color: #B98EE4;
					font-size: 15px;
					font-family: 'Cagliostro',sans-serif;
				}
				#SideProductRelated .ProducrPriceRating .Rating {
					
				}
			#SideProductRelated .ProductCompareButton {
				display: none;
			}
			#SideProductRelated .ProductActionAdd {
				float: right;
			}
				#SideProductRelated .ProductActionAdd a {
					text-transform: capitalize;
					color: #FFF;
					text-decoration: none;
				}
		#SideProductRelated .CompareButton {
			display: none;	
		}

.ProductList {
	
}
	.ProductList li {
		width: 220px!important;
		height: auto!important;
		padding: 0!important;
		margin: 0 16px 30px 0;
		background: rgb(200,199,208);
		background: -moz-linear-gradient(top,  rgba(200,199,208,1) 0%, rgba(218,215,211,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,199,208,1)), color-stop(100%,rgba(218,215,211,1)));
		background: -webkit-linear-gradient(top,  rgba(200,199,208,1) 0%,rgba(218,215,211,1) 100%);
		background: -o-linear-gradient(top,  rgba(200,199,208,1) 0%,rgba(218,215,211,1) 100%);
		background: -ms-linear-gradient(top,  rgba(200,199,208,1) 0%,rgba(218,215,211,1) 100%);
		background: linear-gradient(top,  rgba(200,199,208,1) 0%,rgba(218,215,211,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c7d0', endColorstr='#dad7d3',GradientType=0 );
		border: 2px solid #FFF!important;
		padding: 0!important;
		box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
		-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		overflow: hidden;
	}
		.ProductList li:nth-child(3n) {
			margin: 0 0 30px!important;	
		}
		.ProductList .ProductDetails {
			background: #E7E9F9;
			padding: 10px 5px;
			text-align: center;
		}
			.ProductList .ProductDetails a {
				color: #808080;
				font-size: 12px;
				text-decoration: none;
				font-weight: normal;
				text-transform: uppercase;
			}
		.ProductList .ProductImage {
			width: 220px!important;
			height: 205px!important;
			overflow: hidden;
			display: block;
			text-align: center;
			margin: 0!important;
			background: none!important;
		}
			.ProductList .ProductImage img {
				
			}
		.ProductList .ProductPriceRating {
			display: block;
			clear: both;
			position: relative;
		}
			.ProductList .ProductPriceRating em {
				color: #404040;
				font-size: 26px;
				position: absolute;
				display: block;
				top: -40px;
				left: 0;
				right: 0;
				font-family: 'Federo',sans-serif;
				text-align: center;
				z-index: 10;
				background: rgba(255,255,255,0.6);
			}
			.ProductList .ProducrPriceRating .Rating {
				
			}
		.ProductList .ProductCompareButton {
			display: none;
		}
		.ProductList .ProductActionAdd {
			width: 100%;
			margin: 0!important;
		}
			.ProductList .ProductActionAdd a {
				text-transform: capitalize;
				color: #FFF;
				text-decoration: none;
				font-family: 'Federo',sans-serif;
				font-size: 18px;
				text-align: center;
				background: #404040;
				display: block;
				padding: 10px;
			}
	.ProductList .CompareButton {
		display: none;	
	}
	
	#SideProductAddToWishList { margin: 20px 0; float: left; }
   
/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
#ProductDetails {

}
	#ProductDetails hr {
		display: none;	
	}
	
	#ProductDetails .ProductThumb {
    	height: auto!important;
		width: 290px!important;
		float: left;
    }
    	#ProductDetails .ProductThumbImage {
			position: relative;
			width: 260px!important;
			height: auto!important;
			padding: 0!important;
			margin: 0 0 30px 20px!important;
			background: #404040;
			border: 2px solid #FFF!important;
			box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
			-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
			-webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.25);
			border-radius: 0 0 10px 10px;
			-moz-border-radius: 0 0 10px 10px;
			-webkit-border-radius: 0 0 10px 10px;
        }
			#ProductDetails .ProductThumbImage .catTitle {
				height: 20px;
				display: block;
				clear: both;
				background: #E6E8F9;
				color: #404040;
				text-transform: uppercase;
				text-align: center;
				padding: 15px 0;
				margin: 0;
			}
			#ProductDetails .ProductThumbImage .viewLarger {
				display: block;
				padding: 10px 30px 10px 0;
				text-transform: uppercase;
				color: #FFF;
				font-size: 12px;
				clear: both;
				text-align: right;
				margin: 0;
			}
		#ProductDetails .ProductThumbImage .coverUp {
			position: absolute;
			width: 100%;
			z-index: 1000;
			top: 0;
			bottom: 0;
			background: #FFF;
		}
        	#ProductDetails .zoomPad {
            
            }
            	#ProductDetails .zoomPad img {
                
                }
        #ProductDetails .ImageCarouselBox {
        	padding-bottom: 10px;
        }
        	#ProductDetails .ImageCarouselBox .ProductTinyImageList {
            
            }
            	#ProductDetails .ImageCarouselBox ul {
                
                }
                	#ProductDetails .ImageCarouselBox li {
                    	border: none!important; 
						width: 62px!important; 
						height: 62px!important;
                    }
                    	#ProductDetails .ImageCarouselBox .TinyOuterDiv {
                        	border: 1px solid #C2C1C4!important;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
                        }
                        	#ProductDetails .ImageCarouselBox .TinyOuterDiv > div {
                            
                            }
                            	#ProductDetails .ImageCarouselBox .TinyOuterDiv img {
                                
                                }
	#ProductDetails .ProductMain {
		float: left;
		margin: 0 0 0 45px;
	}
		#ProductDetails .ProductMain > h2 {
			font-family: 'Federo',sans-serif;
			color: #404040!important;
			font-size: 26px!important;
			line-height: 1.4;
			margin: 0;					
		}
		#ProductDetails .ProductDetailsGrid {
			
		}
			#ProductDetails .DetailRow,
			.productAttributeList .productAttributeRow {
				display: block;
				clear: none;
				font-size: 12px;
				float: left;
				padding-left: 0!important;
			}
				#ProductDetails .Label,
				#ProductDetails .productAttributeLabel {
					width: 100px;
					float: left;
					font-size: 14px;
					margin: 3px 0!important;
					color: #404040;	
					font-weight: normal;
					padding-top: 0;
					text-align: left;
					text-transform: lowercase;
				}
				#ProductDetails .Value,
				#ProductDetails .productAttributeValue {
					float: left;
					display: block;
					width: 210px;
					font-size: 14px;
					color: #545454;
					margin: 3px 0;
				}
					#ProductDetails .Value .ProductPrice,
					#ProductDetails .Value .VariationProductWeight {
						color: #404040;
						font-size: 26px;
						line-height: 1.4;
						font-family: 'Federo',sans-serif;
					}
					#ProductDetails .BulkDiscount {
						float: left;	
					}
						#ProductDetails .BulkDiscount .button {
							background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/add2Cart.png?t=1425354868) no-repeat scroll 0 0 transparent;
							border: 1px solid #616D24;
							border-radius: 0 0 0 0;
							float: left;
							height: 58px;
							width: 305px;
							margin: 20px 0 0 -100px!important;
						}
							#CategoryContent .ProductList li .ProductActionAdd .button:hover {
								background: #616D24;
							}
		#ProductDetails .productAddToCartRight {
			
		}
			.AddThisButtonBox { 
				width: auto!important; 
				text-align: left!important; 
				padding: 0!important; 
				float: right;
				margin: 0!important;
			}
			.productAttributeList .required {
				display: none;	
			}
h2.moreInfo {
	clear: both;
	display: block;
	padding: 30px 10px 10px;
	width: 100%;
	float: left;
	font-family: 'Federo',sans-serif;
	color: #404040!important;
	font-size: 24px!important;
	line-height: 1.4;
	margin: 0;	
	text-transform: lowercase;	
	margin-bottom": 0!important;
}

.prodImage { display: none; }
.prodImage:last-child { display: block; }


/* product & search tabs  */
#ProductTabs { 
	float: left; 
}
	.TabNav { 
		float: left; 
		margin: 0; 
		padding: 0; 
		border: none; 
		position: relative; 
		overflow: hidden; 
		z-index: 2; 
		border-bottom: none; 
		font-size: 16px;
	}
		.TabNav li { 
			float: left; 
			margin: 0 8px 0 0; 
			padding: 0; 
			line-height: normal; 
		}
			.TabNav li a { 
				display: block; 
				margin: 0; 
				padding: 10px 20px; 
				border: none;
				color: #B2B2B2; 
				background: #E6E8F9; 
			}
				.TabNav li a:hover,
				.TabNav li.Active a { 
					border: none;
					background: #D1CFD2; 
					padding: 10px 20px; 
					font-weight: normal; 
					color: #000;
				}
#TabPanels {
    clear: both;
    border: none; 
	padding: 20px 10px; 
	margin-top: 0;
    background: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.productOptionViewRectangle input, .productOptionPickListSwatch input { display: none; }

   
/* =============================================================================
   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; }

.PL20 { margin-bottom: 15px; } /* comments box */	
   
/* =============================================================================
   Account -n- act
   ========================================================================== */
   


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
#HomeBlockOne {
	
}
	#HomeCatMenu {
		width: 220px;
		height: 415px;
		float: left;
		background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/leftMenuBG.jpg?t=1425354868) center -250px;
	}	
		#HomeCatMenu h2 {
			margin: -10px 0 10px;
			font-family: 'Federo',sans-serif;
			color: #FFF;
			padding: 5px 10px;
			text-transform: uppercase;
			font-size: 20px;
			display: block;
			background: #000;	
		}
		#HomeCatMenu #SideCategoryList {  }
			#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul {
				margin-left: 5px;
				padding-left: 10px;	
				list-style: none;
			}
				#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li {
					list-style-type: none;
					margin-left: 0;
				}
					#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li > a {
						color: #00A0D1;
						font-size: 16px;
						text-decoration: none;
						font-weight: bold;
					}
						#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li > ul {
							border-top: none!important;
							padding-left: 0!important;
							margin-left: 0;
							list-style: none;
						}
							#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li > ul > li {
								margin-left: 0;
								list-style: none;
							}
								#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li > ul > li > a {
									color: #A4B2C2;
									font-size: 14px;
									text-decoration: none;
								}
									#HomeCatMenu #SideCategoryList .SideCategoryListClassic > ul > li > ul > li > a:hover {
										color: #00A0D1;
									}
										#HomeCatMenu #SideCategoryList ul ul ul { display: none; }
		
		
		
		
		
		
		
		
		
	#CycleContainer {
		width: 710px;
		height: 415px;
		position: relative;
		margin: 0 0 0 20px;	
		float: left;
		background: #000;
	}
	.banner_home_page_bottom,
	#Cycle p { margin: 0; position: static!important; }
#HomeBlockTwo {
	width: 955px;
		
}
	#HomeBlockTwo .Panel {
		float: left;
		margin: 0 0 0 10px;	
		height: 202px;
		width: 233px;
	}
		#HomeBlockTwo .Panel.One {
			margin: 0 0 0 -8px;
			background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/homeBlockTwo_1.jpg?t=1425354868) no-repeat;	
		}
		#HomeBlockTwo .Panel.Two {
			background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/homeBlockTwo_2.jpg?t=1425354868) no-repeat;	
		}
		#HomeBlockTwo .Panel.Three {
			background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/homeBlockTwo_3.jpg?t=1425354868) no-repeat;	
		}
		#HomeBlockTwo .Panel.Four {
			background: url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/images/homeBlockTwo_4.jpg?t=1425354868) no-repeat;	
		}
		#HomeBlockTwo h2 {
			color: #FFF;
			font-family: 'Federo',sans-serif;
			font-size: 17px;
			text-transform: uppercase;
			margin: 0;
			display: block;	
			padding: 10px 0 0 20px;
		}
#HomeBlockThree {
	
}
	#HomeBlockThree .Panel {
		width: 465px;
		float: left;
		font-size: 13px;
		color: #585A5E;
		margin: 0 0 0 20px
	}
		#HomeBlockThree .Panel.One {
			margin: 0;	
		}

   
/* =============================================================================
   Internet Explorer 7 -n- ie7
   ========================================================================== */
/* IE7 browser-specific:  
	*:first-child+html #example { display: none; }	*/
	
*:first-child+html #SearchForm input.button { margin-top: 0; }

/* Clearfixes */
*:first-child+html .button { display: inline-block; }   

/* =============================================================================
   Media Queries -n- mqs
   ========================================================================== */
   
/* Smartphones (portrait) and narrow browsers */
@media only screen and (max-width : 320px) {
	/* Styles */
}

/* Smartphones (landscape) and narrow browsers */
@media only screen and (min-width : 321px) {
	/* Styles */
}

@media only screen and (min-width: 600px) {
	/* Styles */
}

@media only screen and (min-width: 800px) {
	/* Styles */
}

/* Only Use the following device-width queries when you have to target only
   those specific devices. Otherwise use the generic min-width or
   max-width queries to cover all browsers and modern devices like tablets.
   This can be accomplised due to the following meta tag in HTMLHead.html
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   notice width=device-width
*/

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Styles */
}

/* iPhone 4 specific ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	/* Styles */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .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; }
  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.4 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:1002}
.fancybox-outer{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:1003}
.fancybox-opened .fancybox-outer{-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-inner{width:100%; height:100%; padding:0; margin:0; position:relative; outline:none; overflow:hidden}
.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{position:fixed; top:50%; left:50%; margin-top:-21px; margin-left:-21px; width:42px; height:42px; background:url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/img/fancybox/fancybox_loading.gif?t=1425354868); opacity:0.8; cursor:pointer; z-index:1010}
.fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/img/fancybox/fancybox_sprite.png?t=1425354868)}
.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:1004}
.fancybox-prev, .fancybox-next{position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url(//cdn11.bigcommerce.com/s-ec119/templates/__custom/img/fancybox/blank.gif?t=1425354868); z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-prev span, .fancybox-next span{position:absolute; top:50%; left:-9999px; width:36px; height:36px; margin-top:-18px; cursor:pointer; z-index:1003}
.fancybox-prev span{background-position:0 -36px}
.fancybox-next span{background-position:0 -72px}
.fancybox-prev:hover, .fancybox-next:hover{visibility:visible}
.fancybox-prev:hover span{left:20px}
.fancybox-next:hover span{left:auto; right:20px}
.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:1001; background:#000}
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:1005}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:1003; 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:1005}
#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(//cdn11.bigcommerce.com/s-ec119/templates/__custom/img/fancybox/fancybox_buttons.png?t=1425354868); 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:0px; width:100%; overflow:hidden; z-index:1005}
#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}