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

/*
  *** TABLE OF CONTENTS ***
  ------------------------------------------------------------------------------  
  Following the name of each section is !n! and a 3 or more 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
  ------------------------------------------------------------------------------

  ----------------------------------------------
  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 = !chk
  Account = !acct
  Home Page = !hpg
  Media Queries = !mqs
  Helper Classes = !hlp  
  Print Styles = !prn 
  Plugins = !plg

*/

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

/* =============================================================================
   Base !n! !bas
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);   
html,
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  background: url(../../img/bg.jpg) 0 0 repeat-x #edf8fa;
  font-size: 14px;
  line-height: 1.4;
}

html,
body,
button,
input,
select,
textarea,
.Content h2 {
  color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6,
.Content h2,
.TitleHeading {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
	color: #2566b1;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

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

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

h3,
.Content 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;
}

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: #3983c5;
}

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

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;
}

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

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

/* == Buttons =============================================================== */
.button,
.sharebutton,
.sharebutton a,
.Content a.button,
.Right a.button,
.Left a.button,
input[type=submit],
input[type=button],
button {
  display: inline-block;
  width: auto !important;
  padding: 8px 16px!important;
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(207, 228, 128, 0.9);
  color: #598501 !important;
  background: url(../../img/bg-btn.jpg) 0 50% repeat-x;
  border: 1px solid #8fbe00;
  -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 {
  font-size: 14px;
  text-decoration: none;
  background: #b1d478;
  color: #fff;
	text-shadow: 1px 1px 0 rgba(207, 228, 128, 0.9);
}

.sharebutton {
  padding: 0 !important;
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button.download {
  margin-bottom: 10px;
}

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

#ProductReviews .button {
  float: right;
}

#LoginButton {
  margin-bottom: 12px;
}

.AddCartButton input.button {
  margin: -4px 0 0 10px;
}

.CheckoutButton {
  margin-bottom: 1.5em;
}

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

input.button[value="update quantity"] {
  margin-top: 5px;
}

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

textarea {
  overflow: auto;
}

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

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

.HorizontalFormContainer dt {
  padding: 13px 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 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
   ========================================================================== */
article.post { border-top: 1px dotted #2161AD; padding-top: .5em; margin-bottom: .5em; }   
.single article.post { border-top: none; padding-top: 0; margin-bottom: .5em; }

#Container {
  width: auto;
  margin: 0;
}

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

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

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

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

#TopMenu,
#Header {
  height: auto;
}

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

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

#WrapperOuter {

}

#Wrapper {
  text-align: left;
  *zoom: 1;
}
#Wrapper:before,
#Wrapper:after {
  content: "";
  display: table;
}
#Wrapper:after {
  clear: both;
}

/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

/* == TopMenu =============================================================== */ 
  
#TopMenuOuter { padding-bottom: 8px; }

#TopMenu { }

#TopMenu ul { float: right; }
#TopMenu li {padding: 0 3px; }
#TopMenu li a,
#TopMenu li div {
  color: #3983c5;
  border: none;
  font-size: .85em;
  margin: 8px 0 0 0;
  padding: 0 4px;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

#TopMenu li:after { float: right; display: block; margin: -17px -5px 0 0; content: "/"; color: #3983c5; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85); }
#TopMenu li.welcome { margin: 0 -10px 0 0; }
#TopMenu li.welcome:hover { text-decoration: none; cursor: default; }
#TopMenu li.welcome:after,
#TopMenu li.CartLink:after { display: none; }
#TopMenu li a:hover {
  color: #2161ad;
}

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

#HeaderOuter { background: transparent; }

#Header { }

#header-left { float: left; width: 440px; }
#tagline { font-size: 1.4em; color: #3983c5; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85); font-weight: 300; }

#header-right { float: right; clear: none; width: 480px; }
#cartLink {
	font-family: 'Open Sans', sans-serif; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);  font-size: 1em; font-weight: 700; text-decoration: none;
	display: block; float: right; background: #3983c5; margin: 5px 0 0 10px; padding: 3px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  
}
#cartLink span#border {
	display: block; border: 1px solid #94bad9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background: url(../../img/bg-cart-link.png) 0 -4px no-repeat transparent; padding: 2px 8px 2px 32px;
}
#contact {
	float: right; margin: 8px 60px 0 0;
	font-family: 'Open Sans', sans-serif; font-size: .95em; font-weight: 700; color: #3983c5; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}
#contact a{ text-decoration: none; font-weight: 700; color: #3983c5; }

#contact .lg{ font-size: 1.5em; }
/* == Logo ================================================================== */
#Logo { float: left; width: auto; }
#Logo img { display: block; margin: -8px 0 0 0; }

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

#SearchForm {
	background: url(../../img/bg-search-form.jpg) 0 100% repeat-x #d3e680;
	border: 1px solid #8fbe00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;  
  width: auto;
	margin: 10px 0 0 0;
  padding: 2px;
}
#SearchForm form { float: left; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(109, 165, 0, 1.0); -moz-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; margin: 0; padding: 2px; }

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

#SearchForm #search_query {
	width: 377px;
  margin-right: 0;
  padding: 2px 8px!important;
  font-size: .85em!important;
	-moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; 
}
#SearchForm input.button {
	display: block; height: 28px; background: url(../../img/bg-search-btn.jpg) 50% 50% no-repeat transparent!important; text-indent: -9999em; border-width: 1px; border-style: solid; border-color: transparent transparent transparent #0084a8;
	-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; 
}

.QuickSearch {
  z-index: 9999;
}

.QuickSearchHover td {
  background: #f4f4f4;
}

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

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

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

#PrimaryMenu {
	width: 940px; background: url(../../img/bg-lt-blue-gradient.jpg) 0 0 repeat-x #a0c4e1; overflow: hidden; border: 1px solid #84a9c9;
	-moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
}

#PrimaryMenu > ul > li {
  float: left;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #9ec4e1;
	margin: 0;
}


#PrimaryMenu > ul > li.ActivePage { border: 1px solid #6da400; }
#PrimaryMenu li {
  margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
  display: block;
	overflow: hidden;
  padding: 10px 14px;
	font-family: sans-serif;
  font-size: 1em;
	font-weight: 700;	
  text-decoration: none;
  color: #fff;
	text-shadow: 1px 1px 0 rgba(16, 131, 171, 0.85);
	background: url(../../img/bg-dk-blue-gradient.jpg) 0 0 repeat-x #5689c0;
	border: none;
}

#PrimaryMenu > ul > li.ActivePage a {
  color: #598501;
	padding: 9px 14px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.55);
	background: url(../../img/bg-nav-link-active.jpg) 0 0 repeat-x #2161ad;
	border: none;
}
#PrimaryMenu > ul > li.First,
#PrimaryMenu > ul > li.First a { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; }

#PrimaryMenu a { text-decoration: none; }

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

#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a { color: #598501; }
#PrimaryMenu > ul > li > a:hover { color: #fff; background: #73aa26; border: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55); }

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

/* Drop Down */

#PrimaryMenu ul li {
  position: relative;
}

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

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

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

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

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

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

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

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

#PrimaryMenu ul li ul a:hover {
  color: #fff;
  background: #0088cc;
}

/* 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: 520px;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 1em;
}

.Content.Wide {
  width: 730px;
  margin: 0;
  padding: 0;
}

.Content.Widest {
  width: 940px;
  margin: 0;
  padding: 0;
}

.page-title {}
.page-title h1 {}
.page-title:before,
.page-title:after {
  content: "";
  display: table;
}
.page-title:after {
  clear: both;
}
.page-title {
  *zoom: 1;
}

/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

.Left {
  width: 200px;
  margin-right: 10px;
}

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

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

.Left h3,
.Right h3 {
  width: auto; font-size:1.25em; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(16, 131, 171, 0.85);
  margin: 0; padding: 6px 10px; background: url(../../img/bg-nav-link.jpg) 0 0 repeat-x #2161ad;
	border-width: 2px 0; border-style: solid; border-color: #9ac4e5 transparent #5886c0 transparent;
}

.Left li,
.Right li {
  border: none;
}

.Left a,
.Right a {
  display: block;
}

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

/* Side Gift Certificate Boxes */

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

/* Side Top Sellers */

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

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

/* Side Category List */

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

/* == Side Category Popout == */

#SideCouponCodeBox .Textbox,
#SideCouponCodeBox .button,
#SideGiftCertificateCodeBox .Textbox,
#SideGiftCertificateCodeBox .button {
  float: left;
}
#SideCouponCodeBox .CouponCode,
#SideGiftCertificateCodeBox form {
  overflow: hidden;
}
#SideCouponCodeBox .BlockContent,
#SideGiftCertificateCodeBox .BlockContent {
  padding: 10px;
}
#SideCouponCodeBox .button,
#SideGiftCertificateCodeBox .button {
  margin-left: 5px;
}

#SideCatPopOut {
  position: relative;
  z-index: 69;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d7dde3;
}
/* FOR HOVER-ACTIVATION ONLY */
#SideCategoryList .sf-menu a { width: 180px; padding: 6px 8px; }

/* resets */

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

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

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

.wp #sidebar ul li,
#SideCatPopOut ul li {
  position: relative;
	padding: 0;
}

.wp #sidebar ul li.recentcomments { width: 100%; clear: both; border-bottom: 1px solid #9ec4e1; padding: 3px 0; }
.wp #sidebar ul li.recentcomments a { text-decoration: none; border: none; }
.wp #sidebar ul li.recentcomments a:hover { background: transparent; color: #2161ad; }
.wp #sidebar ul li a {
	color: #2464af;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  width: 184px;
	margin: 0;
	padding: 6px 8px;
  position: relative;
	border-width: 1px 0;
	border-style: solid;
	border-color: #9ec4e1 transparent #e7f1f8 transparent;
}
#SideCatPopOut ul li a {
	color: #2464af;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  width: 181px;
	margin: 0;
	padding: 6px 8px;
  position: relative;
	border-width: 1px 0;
	border-style: solid;
	border-color: #9ec4e1 transparent #e7f1f8 transparent;
}

.wp #sidebar ul li a:hover { background: url(../../img/bg-sidebar-hover.jpg) 0 100% repeat-x #edf8fa; color: #2161ad; text-decoration: none; }
#SideCatPopOut ul li a:hover { background: url(../../img/bg.jpg) 0 -135px repeat-x #edf8fa; color: #2161ad!important; text-decoration: none; }

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

#SideCatPopOut > ul > li > a:hover > .caret,
#SideCatPopOut > ul > li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
#SideCategoryList .sf-menu ul { left: 210px; } /* FOR HOVER-ACTIVATION ONLY */
/* popout styles */
#SideCatPopOut ul li.sfHover ul {
  position: absolute;
  top: 3px;
  left: 180px;
  z-index: 1000;
  float: left;
	overflow: hidden;
  display: none;
  width: 223px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #d7dde3!important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

#SideCategoryList .sf-menu ul a { padding: 4px 8px 4px 8px; width: 215px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }

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

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

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

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

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

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

#SideCatPopOut ul li ul a { width: 206px;border-top: none; }

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

#SideCatPopOut ul li ul a:hover {
  color: #2464af;
  background: #94c343;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}

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

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

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

#SideCategoryList .sf-menu li ul li:hover > a,
#SideCategoryList .sf-menu li ul a:focus,
#SideCategoryList .sf-menu li ul a:hover,
#SideCategoryList .sf-menu li ul a:active,
#SideCategoryList .sf-menu .sfHover a { color: #2464af; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
#SideCategoryList .sf-menu li ul a,
#SideCategoryList .sf-menu li ul a:hover { color: #fff!important; }
/* End Side Category PopOut */

.Left .ProductList .ProductImage,
.Right .ProductList .ProductImage {
	display: block;
}

.Left .BlockContent,
.Right .BlockContent { background: #b9d6eb; background: rgba(57, 131, 197, 0.3); border: 1px solid #9ec4e1; }

.Left .ProductList,
.Right .ProductList { border: 2px solid #cbe0f0; }

.Left .ProductList li,
.Right .ProductList li {
  width: auto;
	padding: 6px 12px;
  border-bottom: none;
	text-align: center;
}

.Left .ProductList li .ProductImage,
.Right .ProductList li .ProductImage {
	display: table-cell;
	width: 158px!important;
	height: auto!important;
	margin: 0 0 5px 0;
	padding: 4px 4px 34px 4px!important;
	border: 1px solid #a0b8ca;
	background: #fff;
	text-align: center;
	overflow: hidden!important;
	vertical-align: middle;
}

.Left .ProductList li .ProductImage img,
.Right .ProductList li .ProductImage img { max-width: 158px!important }

.Left .ProductList li em,
.Right .ProductList li em { width: 168px!important; }

.Left .ProductList li em,
.Right .ProductList li em { margin-left: 7px\9!important; }

.Left .ProductList strong,
.Left .ProductList strong a,
.Right .ProductList strong,
.Right .ProductList strong a { color: #2464af; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85); }

.Left .ProductList strong a:hover,
.Right .ProductList strong a:hover { color: #1e5292; }

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

#FooterOuter {
  padding: 13px 0 5px;
  background: url(../../img/bg-feat-items.jpg) 0 0 repeat-x #f1fafb;
}

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

/* Footer Navigation */
#Footer h2 { text-align: left; font-size: 1em; font-weight: 700;color: #357cc0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85);}
#Footer #FooterMenu ul {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#Footer ul#social { }
#Footer ul#social li { float: right; width: 29px; clear: none; display: block; margin: 0 0 0 5px; padding: 0; list-style: none; border: none; }
#Footer ul#social li a {
	display: block;
	width: 29px;
	height: 28px;
	background-image: url(../../img/social-media-icons.png);
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	text-indent: -999em;
	border: none;
}
#Footer ul#social li#fb a { background-position: 50% 0px; }
#Footer ul#social li#tw a { background-position: 50% -31px; }
#Footer ul#social li#yt a { background-position: 50% -62px; }
#Footer ul#social li#bl a { background-position: 50% -93px; }

#Footer #FooterMenu ul li {
  float: left;
	width: 100%;
	margin: 0 0 4px 0;
  position: relative;
}

#Footer #FooterMenu ul li a {
  padding: 0;
  color: #909090;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65);
  border: none;
}

#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a {
  color: #2161ad;
}

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

#Footer #copyright { font-size: .85em;margin: 2em 0; }

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

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */
.ProductPrice, .ProductList em { color: #2566b1; }

.Breadcrumb {
  font-size: 1em;
}

.Breadcrumb li:first-child {
  padding-left: 0;
}

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

.FeedLink {
  display: none;
}

select#qty_,
select[id*="qty_"] {
  width: 70px;
}

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

/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */

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

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

/* =============================================================================
   Category !n! !ctg
   ========================================================================== */
#CategoryHeading h1 {
  width: auto; font-size:1.25em; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(16, 131, 171, 0.85);
  margin: 0; padding: 7px 10px; background: url(../../img/bg-nav-link.jpg) 0 0 repeat-x #2161ad;
	border-width: 2px 0; border-style: solid; border-color: #9ac4e5 transparent #5886c0 transparent;
}
.SortBox {
  float: right;
  margin: 5px 5px 0 0;
  font-size: 1em;
	color: #fff;
}
.CategoryPagination {
	color: #034285;
	background: #d4e5f3;
	border: 1px solid #9ec4e1;
	position: relative; 
}
.CategoryPagination { color: #303030; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);  }
.CategoryPagination a { color: #2464af; }
.CategoryPagination .PagingList { padding: 8px 0; background: url(../../img/bg-lt-blue-gradient.jpg) 0 0 repeat-x #a0c4e1; }
.PagePrev, .PageNext { display: block; position: absolute; }
.PagePrev { top: 12px; left: 10px }
.PageNext { top: 12px; right: 10px }
.PagePrev a,
.PageNext a { text-decoration: none;  }
/* Sub Category and Sub Brand List */

.SubCategoryList,
.SubBrandList {
  background: #F4F4F4;
}

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

.SubCategoryList li,
.SubBrandList li {
  background: url(../../img/subcategory.png) no-repeat 3px 1px;
}

.SubCategoryList li:last-child,
.SubBrandList li:last-child {
  margin-bottom: 0;
}

/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.ProductList li .ProductCompareButton {
  text-align: left;
}

.Content .ProductList,
.fastCartContent .ProductList { margin-left: -20px; *margin-left: -40px; position: relative; }

.Content .ProductList li,
.fastCartContent .ProductList li {
	position: relative;
  width: 184px!important;
	border: 1px solid dbdbdb;
	padding: 18px 22px;
	background: #fff;
	margin: 0 0 20px 20px;
	*margin: 0 0 20px 20px;
	text-align: center;
}

.SearchContainer .ProductList li {
	width: 184px!important;
	border: 1px solid dbdbdb;
	padding: 18px 17px;
}
#HomeFeaturedProducts .es-carousel { margin-left: -10px; }
#HomeFeaturedProducts .ProductList li {
  width: 184px!important;
	height: auto!important;
	min-height: 0;
	border: 1px solid dbdbdb;
	padding: 6px;
	background: #fff;
	margin: 0 0 10px 20px;
	text-align: center;
}

#HomeFeaturedProducts .ProductList li .ProductDetails { min-height: 60px; }

.Content .ProductList li:hover,
.Content .ProductList li.Over,
#HomeFeaturedProducts .ProductList li:hover,
#HomeFeaturedProducts .ProductList li.Over {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #dcecbd 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcecbd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #dcecbd 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #dcecbd 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #dcecbd 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #dcecbd 0%,#ffffff 100%);
	border: 1px solid #a9d374;
}

.ProductList li .ProductImage {
	position: relative;
	padding: 4px 5px!important;
	border: 1px solid #dbdbdb!important;
}

.ProductList li em {
	width: 184px; background: #72a6d4;
	text-align: center; padding: 4px 0; color: #fff; font-size: 1.2em; font-weight: 700; text-shadow: 1px 1px 0 rgba(89, 136, 178, 0.95);
}
.ProductList li:hover em {
	background: #71aa28; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55);
}

.ProductList strong,
.ProductList strong a { color: #909090; font-size: 1em; }

.ProductList strong:hover,
.ProductList strong a:hover { color: #787878; text-decoration: none; }

/* =============================================================================
   Product !n! !prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */

#ProductDetails .ProductThumbImage { padding: 4px; border: 1px solid #a0b8ca; background: #fff; background: rgba(255, 255, 255, 0.5); }

#ProductDetails .ProductThumbWrap {
  float: left;
}

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

#ProductDetails .ProductTinyImageList {
}

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

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

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

.PrimaryProductDetails .ProductMain {
  width: 278px;
  margin-left: 10px;
}

#ProductDetails hr {
  display: none;
}

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

/* Details Grid */   

.ProductDetailsGrid .DetailRow,
.productAttributeList .productAttributeRow {
  padding: 0!important;
  margin: 0 0 8px!important;
}
.DetailRow .page-title h1 {
	font-size: 1.2em;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
	text-transform: uppercase;
	margin: 0;
}

.ProductDetailsGrid .Label,
.productAttributeList .productAttributeLabel {
  width: auto!important;
  text-align: left;
  padding: 0!important;
  margin: 0 10px 0 0!important;
	color: #383838;
}

.ProductDetailsGrid .Value,
.productAttributeList .productAttributeValue,
.productAttributeList .productAttributeValue a { color: #2566b1; }

.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;
}

html.javascript .productOptionViewRectangle input,
html.javascript .productOptionPickListSwatch input {
  left: 3px;
  top: 3px;
}

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

/* Product and Search tabs  */

#ProductTabs {
  float: left;
}

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

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

.TabNav li a {
  display: block;
  top: 0;
  margin: 0;
  padding: 5px 6px 5px;
	color: #598501;
	font-size: 1.4em;
	font-weight: 700;
  background: url(../../img/bg-btn.jpg) 0 50% repeat-x;
  border: 1px solid #76ac29;
  text-shadow: 1px 1px 0 rgba(207, 228, 128, 0.9);
	text-transform: uppercase;
}

.TabNav li a:hover { background: #b2d470; color: #598501; }

.TabNav li.Active a {
  padding: 5px 6px 5px;
	color: #3983c5;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
	background: #bad6eb;
	border: 1px solid #9ec4e1;
  border-bottom: 1px solid transparent;
}

#TabPanels {
  clear: both;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 0px;
  background: #bad6eb;
  border: 1px solid #9ec4e1;
}
#TabPanels .Block {margin: 0; border-width: 0 4px 4px 4px; border-style: solid; border-color: #cbe0f0; padding: 10px; }

#SideTopSellers h3 { color: #2566b1; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9); }

#SideTopSellers .ProductList li { width: 122px!important; padding: 9px 18px!important; }
#SideTopSellers .ProductList li .ProductImage {
	display: table-cell;
	width: 112px!important;
	height: 112px!important;
	margin: 0 0 5px 0;
	padding: 4px;
	border: 1px solid #a0b8ca;
	background: #fff;
	text-align: center;
	overflow: hidden!important;
	vertical-align: middle;
}

#SideTopSellers .ProductList li .ProductImage img { max-width: 112px!important; max-height: 112px!important; }

#SideTopSellers .ProductList li em { width: 114px; }

#SideTopSellers .ProductList strong,
#SideTopSellers .ProductList strong a { color: #2464af; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85); }

#SideTopSellers .ProductList strong a:hover { color: #1e5292; }

#SideTopSellers .ProductList li .button { background: url(../../img/bg-btn.jpg) 0 0 repeat-x #71aa28; padding: #}

/* =============================================================================
   Cart !n! !crt
   ========================================================================== */

#CartHeader {
  overflow: hidden;
}

#CartHeader h2 {
  float: left;
}

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

/* fast cart */

.fastCartContent {
  min-height: 235px;
  width: auto;
}

.fastCartContent h2 {
  color: #000;
  background-color: transparent;
}

.fastCartSummaryBox {
  background-color: #fff;
  border:1px solid #eee;
}

/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */

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

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

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
  color: #888;
}

.ExpressCheckoutCompletedContent {
  left: 325px;
}

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

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

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

/* Order Complete */

#share-product #tabcontent {
  overflow:hidden;
}

#share-product #tabcontent .photo {
  width:auto; margin-right:14px;
}

#share-product ul.tabs li img {
  top:0;
}

/* =============================================================================
   Account !n! !acct
   ========================================================================== */

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

/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */
.slides li { width: 940px; height: 303px; }
#slide-01 { background: url(../../img/flexslider/slide-02-bg.jpg) 0 0 no-repeat transparent; }
#inventory-btn { position: absolute; top: 192px; left: 20px; }
#contact-btn { position: absolute; top: 192px; right: 20px; }

a.button.red {
	background: url(../../img/bg-red-btn.jpg) 0 -4px repeat-x #aa2925; border: 1px solid #aa2925; margin-top: 3px; padding: 8px 16px!important;
	color: #fff!important; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.65)!important; cursor: default; cursor: pointer;
}
a.button.red:hover {
	background: #aa2925; border: 1px solid #aa2925;
	#fff!important; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.65)!important;
}

.button.blue {
	background: url(../../img/bg-blue-gradient.jpg) 0 50% repeat-x #2465b0; border: 1px solid #69a0d2;
	color: #fff!important; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.65)!important;
}
.button.blue:hover {
	background: #69a0d2; border: 1px solid #69a0d2;
	color: #fff!important; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.65)!important;
}


.slides a.button.red { padding: 10px 14px!important; font-size: 18px; color: #fff!important; text-shadow: 1px 1px 0 rgba(0,0, 0, 0.65)!important; background: url(../../img/bg-red-btn.jpg) 0 2px repeat-x #df9195 }

#contact-txt { position: absolute; top: 264px; width: 100%; text-align: center; font-size: 20px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); color: #fff; }
#contact-txt a { text-decoration: none; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45); }
#contact-txt a:hover { text-decoration: none; color: #1C3B60; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); }
/* Side Newsletter Box */

#SideNewsletterBox { float: left; width: 940px; border: 1px solid #aa2925; }
#top-banner { margin-bottom: 10px; float: left; width: 940px; border: 1px solid #2465b0; }
#SideNewsletterBox form { margin: 0; }
#SideNewsletterBox .inner {
	float: left;
	width: 918px;
	border: 1px solid #df9195;
	background: #df9195;
	background: -moz-linear-gradient(top,  #df9195 0%, #aa2924 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df9195), color-stop(68%,#aa2924));
	background: -webkit-linear-gradient(top,  #df9195 0%,#aa2924 68%);
	background: -o-linear-gradient(top,  #df9195 0%,#aa2924 68%);
	background: -ms-linear-gradient(top,  #df9195 0%,#aa2924 68%);
	background: linear-gradient(to bottom,  #df9195 0%,#aa2924 68%);
	padding: 15px 10px;
}
#top-banner .inner { float: left; width: 916px; border: 1px solid #69a0d2; background: url(../../img/bg-blue-gradient.jpg) 0 50% repeat-x #2465b0; padding: 0 10px; }

#top-banner h1 { text-align: center; margin: 4px 0; font-size: 1.5em; color: #fff; text-shadow: 1px 1px 0 rgba(34, 97, 174, .85); text-transform: uppercase; }
#top-banner h1 a { font-weight: 700; color: #fff; text-decoration: none; }

#SideNewsletterBox h3 { float: left; margin: -4px 10px 0 0; font-size: 2.3em; color: #fff; text-shadow: 1px 1px 0 rgba(34, 97, 174, .85); }
#SideNewsletterBox h3 .blue,

#top-banner h1 .blue { margin: 8px 0 0 0; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .85); }
#top-banner h1 a .blue { color: #1c3b60; }

#SideNewsletterBox p { float: left; margin: 3px 0 0 0; font-size: 1.6em; color: #fff; text-shadow: 1px 1px 0 rgba(34, 97, 174, .95); }

#SideNewsletterBox input[type='text'] {
	float: right;
  width: 325px;
  font-size: .85em;
  margin: 0 0 0 8px;
	padding: 4px 5px 5px 5px;
	background: #ebf2f9;
	color: #2465b0;
	border: 1px solid #2465b0;
}
#SideNewsletterBox input.button {
  float: right;
  font-size: 1em;
  margin: 0 0 0 10px;
	color: #2465b0;
}

#signup #SideNewsletterBox { float: left; width: 728px; border: 1px solid #2465b0; }
#signup #SideNewsletterBox .BlockContent { float: left; background: url(../../img/bg-envelope.png) 0 50% no-repeat; padding: 10px 0 10px 130px;}
#signup #SideNewsletterBox form { margin: 0; }
#signup #SideNewsletterBox .inner { float: left; width: 706px; border: 1px solid #69a0d2; background: url(../../img/bg-blue-gradient.jpg) 0 0 repeat-x #2060ad; padding: 15px 10px; }

#signup #SideNewsletterBox input[type='text'] {
	float: left;
  width: 325px;
  font-size: .85em;
  margin: 10px 0 0 8px;
	padding: 4px 5px 5px 5px;
	background: #ebf2f9;
	color: #2465b0;
	border: 1px solid #2465b0;
}
#signup #SideNewsletterBox input.button {
  float: left;
	clear: left;
  font-size: 1em;
  margin: 10px 0 0 0;
	color: #2465b0;
}

/* == Elastislide Styles == */
#carousel { background: url(../../img/bg-feat-items.jpg) 0 0 repeat-x #f1fafb; border-bottom: 1px solid #c7d4d8; padding-bottom: 1em;}
#carousel.es-carousel-wrapper {
  padding: 10px 30px;
  position:relative;
}

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

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

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

#carousel .es-nav span {
  diplay: block;
  margin-top: -20px;
  width: 26px;
  height: 88px;
  text-indent:-9000px;
  cursor:pointer;
  opacity: 1;
  position: absolute;
  top: 50%;
	background-image: url(../../img/bg-carousel-nav.png);
	background-repeat: no-repeat;
}

#carousel .es-nav span.es-nav-prev {
  left: 0px;
  background-position: 0 0;
}

#carousel .es-nav span.es-nav-next {
  right:0px;
  background-position: 100% 0;}

#carousel .es-nav span.es-nav-prev[style*="none"],
#carousel .es-nav span.es-nav-next[style*="none"] { display: block !important; opacity: 1; filter: alpha(opacity=100); }

/* == End Elastislide Styles == */
.action { }
.action h1 { font-size: 1.4em; }
.action h1 a { text-decoration: none; }
.action img { float: left; margin: 0 .5em .5em 0; }
.action p { color: #909090; font-size: 1em; }

/* =============================================================================
   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 { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
/* 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; }
}