/*
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
   ========================================================================== */
   
html { overflow-y: scroll; }
body { background: #A19D9A url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/bg-body.jpg?t=1424927056); font-size: 14px; color: #515655; }
h1,h2,h3,h4,h5,h6 { color: #515655; 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: #7F7F7F; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color: #636363; }
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], .ProductActionAdd a {
	display: inline-block;
	background: #6A6A6A;	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	width: auto!important;
	overflow: visible;
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover,  .ProductActionAdd a:hover { 
	background: #909090; 
	color: #fff; 
	text-decoration: none;
}
.button.light { padding: 6px 10px!important; background: #D3D3D3; color: #3B3B3B; }
.button.light:hover { background: #EDEDED; color: #3B3B3B; }
.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;
}
input[type=text].custom {
	margin: 0;
	padding: 5px 10px 6px!important;
	border: 1px solid #9E9E9E!important;
	background: #fff;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.4) inset;
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,.4) inset;
	box-shadow: 1px 1px 8px rgba(0,0,0,.4) inset;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
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 {}
#Container { width: 970px; margin: 0 auto; background: #e4e4e4; }
#Outer { background: none; margin: 0; }
#TopMenu, #Header, #PrimaryMenu, #Wrapper, #Footer  { width: auto; margin: 0; }
#TopMenuOuter, #HeaderOuter, #PrimaryMenuOuter, #WrapperOuter, #FooterOuter  { width: auto; margin: 0; }
#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 { margin-bottom: 15px; }
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter { margin-bottom: 16px; }
#PrimaryMenu {}
#WrapperOuter { padding-bottom: 14px; }
#Wrapper { text-align: left; }
#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: 700px; 
	margin: 0 0 0 0; 
	padding: 0 15px 10px;
	background: #CDCDCD;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	box-shadow: 0px 5px 20px rgba(0,0,0,.4);
}
.Content.Widest {
	width: 895px;
	margin: 0 0 0 14px;
	padding: 0 15px 10px;
	background: #CDCDCD;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	box-shadow: 0px 5px 20px rgba(0,0,0,.4);
}

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

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

/* == TopMenu =============================================================== */   
#TopMenuOuter {} 
#TopMenu { float: right; width: auto; margin: 5px 18px 0 0; position: absolute; top: 0; right: 0; z-index: 100; }
#TopMenu ul { float: right; }
#TopMenu li a, #TopMenu li div { color: #fff; border: none; font-size: .85em; font-weight: normal; margin: 0; padding: 0 5px; }
#TopMenu li.First a { padding-left: 0; }
#TopMenu li.Last div { padding-right: 0; }
#TopMenu li a:hover { color: #E2E2E2; text-decoration: none; }

/* == Header ================================================================ */ 
#HeaderOuter {}
#Header { height: 110px; background: url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/bg-header.jpg?t=1424927056) no-repeat; }

#Logo + div { float: right; overflow: hidden; }

/* == Logo ================================================================== */ 
#Logo { float: left; width: 354px; margin: 18px 0 0 18px; }
#Logo img { display: block; }


#TopMenu + div { padding-top: 35px; }

.phone { float: left; margin: 0 25px 0 0; text-align: right; }
.phone p { margin: 0; line-height: 1; font-weight: bold; color: #302F2F; }
.phone p:first-child a {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: 900;
	font-size: 2.5em;	
	text-decoration: none;
	color: #302F2F;
	cursor: default;
}

/* == Search Form =========================================================== */
#SearchForm { float: right; width: auto; padding: 0; margin: 5px 18px 0 0; }
#SearchForm label {
    color: #222;
    float: left;
    font-weight: 400;
    margin: 7px 10px 0 0;
}
#SearchForm #search_query, #SearchForm input.button { float: left; }
#SearchForm #search_query { margin-right: 5px; font-size: 1em; }
#SearchForm p { clear: both; margin: 0; padding: 3px 0 0 3px; text-align: left; color: #3B3B3B; }
#SearchForm a { color: #3B3B3B; }
#SearchForm a:hover { color: #5A5A5A; }
#SearchForm input.custom { width: 165px; }

.QuickSearch { z-index: 9999; }
.QuickSearchHover td{ background: #f4f4f4; }
.QuickSearch a, .QuickSearch a:hover { color: #4D4C51; }

/* == Primary Navigation ===================================================== */
/* Main Pages Menu change id to PrimaryMenu so as to not use bc's styling */
#PrimaryMenuOuter { position: relative; z-index: 30;}
#PrimaryMenu { margin: 15px 0 0 14px; }
#PrimaryMenu > ul {}
#PrimaryMenu > ul > li { float: left; }
#PrimaryMenu > ul > li > a {
	display: block;
	margin-left: 4px;
	padding: 8px 20px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: 1px solid #4C4C4C;
	background: #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#PrimaryMenu > ul > li.First a { margin-left: 0px; }
#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu > ul > li:hover > a {
	background: #808080;
}
/* sub menu code */
#PrimaryMenu ul li { position: relative; }
#PrimaryMenu ul ul li { width: 100%; vertical-align: bottom; }/*fixes width and gap issues w/li's in ie7*/
#PrimaryMenu ul ul {
    display: block;
    width: 175px;
	margin-left: 7px;
    position: absolute;
    top: -10000em;
}
#PrimaryMenu ul ul ul { left: 175px; }
#PrimaryMenu li:hover { visibility: inherit; }/*fixes ie7 sticky bug*/
#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: #909090;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #666;
    color: #fff;
    text-decoration: none;
}
#PrimaryMenu ul  ul > li:first-child a {
	border-top: 1px solid #666;
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}
#PrimaryMenu ul  ul > li:last-child a {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
#PrimaryMenu li li a:hover { background: #A0A0A0; }

/* =============================================================================
   Content -n- cnt
   ========================================================================== */
.Content h2, .TitleHeading, .Content h1 { font-size: 2em; font-weight: 400; color: #515655; }
.Content h3 { margin-bottom: 1em; }
#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 { margin: 0 14px; }
.Left h2, .Right h2 {
	font-size: 1.2em; 
	line-height: 1.2em; 
	text-transform: uppercase; 
	margin: 0; 
	padding: 5px 10px 4px;
	background: #CDCDCD;
	border: 1px solid #757575;
	border-bottom: none;
}
.Left .Block { margin-top: 0; color: #fff; background: #666; }
.Left .BlockContent, .Right .BlockContent { margin: 0; overflow: hidden; }
.Left hr { display: none; }

.Left a { display: block; }

.Left ul { margin: 0;  }
.Left li, .Left #SideCategoryList li { padding: 0; postion: relative; }
.Left li a {
	padding: 3px 10px;
	font-weight: bold;
	color: #fff;
	background: #666 url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/bg-left-arrow.png?t=1424927056) no-repeat 96% 50%; 
	border-top: 1px solid #777;
	border-bottom: 1px solid #3B3B3B;
}
.Left li a:hover { text-decoration: none; color: #fff; background-color: #868686; }

#couponcode, #giftcertificatecode { padding: 5px; width: 100px; }
#SideCouponCodeBox .BlockContent,
#SideGiftCertificateCodeBox .BlockContent,
#SideProductAddToWishList .BlockContent { padding: 10px; }


/* =============================================================================
   Footer -n- ftr
   ========================================================================== */
#Footer { padding: 0 30px 14px 14px; font-size: 1em; }

#Footer .icons { float: left; padding-top: 3px; }

#Footer #FooterMenu { margin: 0 0 16px 0; }
#Footer #FooterMenu ul { text-align: right; list-style: none; margin: 0; padding: 0; }
#Footer #FooterMenu ul li { float: none; display: inline; position: relative; }
#Footer #FooterMenu ul li a { 
	padding: 0 12px;
	font-weight: bold;
	color: #3B3B3B;
	border: none;
}
#Footer #FooterMenu ul li.last a { padding-right: 0; }
#Footer #FooterMenu ul li.ActivePage a, 
#Footer #FooterMenu ul li:hover a { color: #09f; }
#Footer #FooterMenu ul ul { display: none; }

#Footer #copyright, #Footer #design-by { text-align: right; }
#Footer #copyright { font-size: .85em; }
#Footer #design-by { font-size: .8em; }

#SideNewsletterBox {
	overflow: hidden;
	height: 37px;
	padding:0 15px 5px 210px;
	margin-top: 0;
	background: #696969;
	border-top: 5px solid #C0C7C6;
	border-bottom: 5px solid #C0C7C6;
}
#SideNewsletterBox > div {}
#SideNewsletterBox h3 {
	float: left;
	margin: 0;
	padding: 10px 0 10px 45px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/icon-email.png?t=1424927056) no-repeat left 50%;
}
#SideNewsletterBox h3 span { font-size: .85em;}
#SideNewsletterBox input { float: left; margin: 7px 0 0 10px; }
#SideNewsletterBox p { margin: 0 0 6px 0; }
#SideNewsletterBox p.bottom { margin-bottom: 0; }
#SideNewsletterBox label { margin-bottom: 3px; }
#SideNewsletterBox input[type=text] { width: 162px; font-size: 1em; padding: 3px; }
#SideNewsletterBox .button { width: auto; height: auto;	padding: 8px 16px; }



/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
.Breadcrumb { font-size: 1em; }
.Breadcrumb li:first-child { padding-left: 0; }
.CustomWish.Breadcrumb li.last a { background: none; }
.FeedLink { display: none; }
#SearchResultsCategoryAndBrand { background-color: transparent; margin: 0; padding: 0; }
#PageContent .collapsible h2 {
	cursor: pointer;
	margin: 0 0 5px;
	padding-left:15px;
	line-height: 1;
	font-size: 1.3em;
	background: url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/collapsible-inactive.png?t=1424927056) no-repeat 0% 50%;
}
#PageContent .collapsible h2.selected { background: url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/collapsible-active.png?t=1424927056) no-repeat 0% 50%; }
#PageContent .collapsible ul { list-style: none; padding: 0 0 0 25px; }
#PageContent .collapsible .left  { float: left; margin-right: 25px; }


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

.CategoryPagination { color: #3B3B3B; background: none; border: none; position: relative; }
.CategoryPagination .PagingList li.ActivePage { font-weight: bold;}
.CatPagePrev, .CatPageNext { position: absolute; }
.CatPagePrev { left: 0px; }
.CatPageNext { right: 0px; }

.SubCategoryList ul, .SubBrandList ul { margin: 0; padding: 0; }
.SubCategoryList li:last-child, .SubBrandList li:last-child { margin-bottom: 0; }
.SubCategoryList li, .SubBrandList li { padding: 0 0 3px 19px; line-height: 1.1; background: url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/icon-sub-cat.png?t=1424927056) no-repeat 0% 5%; }
.SubCategoryList, .SubBrandList { padding: 0; background: none; }
.SubCategoryList a, .SubBrandList a { font-weight: bold; }
.SubCategoryList .column, .SubBrandList .column { margin: 0; }


/* =============================================================================
   Product Lists -n- pls
   ========================================================================== */
.ProductList li .ProductCompareButton { text-align: left; }
.ProductList strong, .ProductList strong a { color: #666666; }
.ProductList strong a:hover { text-decoration: none; }
.ProductPrice, .ProductList em { color: #3B3B3B; }

.Content .ProductList { margin-left: 5px; }
.Content .ProductList li, .fastCartContent .ProductList li { width: 155px!important; border: none; margin: 0; text-align: center; }
.Content .ProductList.List li { width: auto!important; }
.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over {
	background: none;
}
.product #TabPanels .ProductList { margin-left: 80px; }

/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */
#ProductDetails .ProductThumbWrap { float: left; }
#ProductDetails .ProductThumb { float: none; height: auto!important; }
#ProductDetails .ProductThumbImage { background: #fff; height: 220px; margin: 0; }
#ProductDetails .ProductTinyImageList {  }
#ProductDetails .ProductTinyImageList li { border: none!important; width: 30px!important; height: 30px!important; }
#ProductDetails .ProductTinyImageList li .TinyOuterDiv { border: none!important; }

/* == Product Main ========================================================== */
.PrimaryProductDetails .ProductMain { width: 460px; }
.ProductMain h1 { font-size: 1.75em; font-weight: bold; border-bottom: 1px solid #515655; }
.PrimaryProductDetails .ProductMain .ProductPrice { font-size: 2em; color: #515655; }
#ProductDetails hr { display: none; }
.AddThisButtonBox { width: auto!important; text-align: left!important; padding: 0 0 0 0!important; }

/* details grid */   
.ProductDetailsGrid .Label, .productAttributeList .productAttributeLabel { width: auto!important; float: left; text-align: left; padding: 0!important; margin: 0 10px 0 0!important; }
.ProductDetailsGrid .DetailRow { padding: 6px 0 0 0; margin-top: 0; }
.ProductDetailsGrid .DetailRow.PriceRow .Label { padding-top: 16px!important; }
.productAttributeList .productAttributeRow { padding: 0!important; margin: 0!important; }
.productAttributeList .productAttributeValue { display: inline; float: left;}
.productAttributeList .required { color: red; }
.ProductDetailsGrid .BulkDiscount { clear: both; padding-top: 15px; }

/* product & search tabs  */
#ProductTabs { float: left; }
.TabNav { float: left; margin: 0; padding: 0; border: none; position: relative; overflow: hidden; top: 1px; z-index: 2; border-bottom: none; }
.TabNav li { float: left; margin: 0 2px 0 0; padding: 0; line-height: normal; }
.TabNav li a { display: block; margin: 0; padding: 5px 6px 5px; border: none; top: 0; border: 1px solid #C9C9C9; color: #000; background: #E4E4E4; }
.TabNav li a:hover { background: #D4D4D4; }
.TabNav li.Active a { border-bottom: none; border-bottom: 1px solid transparent; background: #EFEFEF; padding: 5px 6px 5px; font-weight: normal; }
#TabPanels {
    clear: both;
    border: 1px solid #C9C9C9; padding: 10px; margin-top: 0;
    background: #EFEFEF;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.productOptionViewRectangle input, .productOptionPickListSwatch input { display: none; }

#SideRelatedProducts h2 { margin: 0; line-height: 1; }

   
/* =============================================================================
   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
   ========================================================================== */
.CreateAccount { width: 320px; border-color: #DCDFE2; padding-bottom: 10px; }


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
.home .Content.Wide {
	width: 730px;
	padding: 0;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.home-shadow {
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,.4);
	box-shadow: 0px 5px 20px rgba(0,0,0,.4);
}
#cycle {
	width: 730px;
	height: 285px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#HomeFeaturedProducts { position: relative; }
#featured-next, #featured-prev { position: absolute; z-index: 3000; }
.ProductListContainer { margin: 0 auto; }
#featured-next, #featured-prev { cursor: pointer; top: 85px; }
#featured-prev {
	left: 5px;
	width: 0;
	height: 0;	
	border-top: 25px solid transparent;
	border-right: 20px solid #666;
	border-bottom: 25px solid transparent;
}
#featured-prev:hover { border-right: 20px solid #909090; }
#featured-next {
	right: 5px;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 20px solid #666;
	border-bottom: 25px solid transparent;	
}
#featured-next:hover { border-left: 20px solid #909090; }
#HomeFeaturedProducts li { background: #CDCDCD; }

.home #home-text { margin: 25px 0 25px; padding: 15px; background: #CDCDCD; }
.home #home-text h1 { font-size: 1.3em; font-weight: bold; }
.home #home-text p.bottom { text-align: right; }

   
/* =============================================================================
   Internet Explorer 7 -n- ie7
   ========================================================================== */
/* IE7 browser-specific:  
	*:first-child+html #example { display: none; }	*/

*:first-child+html #SearchForm input.button { margin-top: 0; }
*:first-child+html #SideNewsletterBox input[type="text"] { margin: 7px 0 0 10px; }
*:first-child+html #SideNewsletterBox input[type="submit"] { margin: 5px 0 0 10px; line-height: 1; padding: 2px 5px 1px; }
*:first-child+html #SideNewsletterBox label { display: none; }

/* 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-366a8/templates/__custom/img/fancybox/fancybox_loading.gif?t=1424927056); opacity:0.8; cursor:pointer; z-index:1010}
.fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url(//cdn11.bigcommerce.com/s-366a8/templates/__custom/img/fancybox/fancybox_sprite.png?t=1424927056)}
.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-366a8/templates/__custom/img/fancybox/blank.gif?t=1424927056); 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-366a8/templates/__custom/img/fancybox/fancybox_buttons.png?t=1424927056); 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}