/*  -- GENERAL
--------------------------------------------------------------------------------  */

html { border-top: 1px solid #747474; }
body { font-size: 62.5%; font-family: Arial, sans-serif; line-height: 1.5; color: #555555; }
body p { font-size: 1.2em; margin-bottom: 12px; }

body#home { background: url(../img/bg-home.jpg)  top center repeat-x; }
body#section { background: #fff url(../img/bg-section.jpg) top center repeat-x; }
/*body#content { background: #fff url(../img/bg-content-small.jpg) top center repeat-x; }*/

body#home div#header h1, div#header h2 { float: left; }
body#home div#header h1 a, div#header h2 a { display: block; width: 288px; height: 160px; text-indent: -9999em; padding: 30px 0 0 0; background: url('/frontend/img/logo.png?100814') bottom left no-repeat; }

a {color: #0645AD; text-decoration: none;}
.float-left { float: left; }
.float-right { float: right; }
.width-wrap { width: 950px; margin: 0 auto; }
strong { font-weight: bold; }
.top-container { clear: both; padding: 0 0 0 173px; }
/*#top { position: absolute; bottom: 10px; left: 0; font-size: 1.0em; color: #737373; text-decoration: none; padding: 0 0 0 15px; background: url(../img/grey-arrow.png) left center no-repeat; cursor: pointer; clear: both; display: block;}*/
#top { font-size: 1.0em; color: #737373; text-decoration: none; padding: 0 0 0 15px; background: url(../img/grey-arrow.png) left center no-repeat; cursor: pointer; clear: both; display: block; }
.top-container #top { width: 60px; display: block !important; }

div#header { height: auto !important; height: 97px; min-height: 97px; width: 965px; margin: 0px auto; overflow: hidden; padding: 0 5px 0 0; }

ul#main-nav { font-size: 1.8em; font-weight: bold; float: right; margin-top: 65px;}
ul#main-nav li { display: block; float: left; }
ul#main-nav li a { display: block; color: #414141; text-decoration: none; padding: 5px 10px; margin-left: 5px; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ul#main-nav li.active a,
ul#main-nav li a:hover { color: #FFF; background: #414141; }
ul#main-nav li.last-child a { padding: 5px 5px; margin-left: 5px; }

ul#options-nav { float: right; font-size: 1.1em; width: auto; height: 21px; }
ul#options-nav.no-donate { width: 252px; }
ul#options-nav li { display: block; float: right; }
ul#options-nav li a { display: block; padding: 10px 12px 0px 12px; color: #505050; line-height: 1; text-decoration: none; }
ul#options-nav li a:hover { text-decoration: underline; }
ul#options-nav li.last-child a { padding: 10px 5px 0px 12px; }
ul#options-nav li a.dropdown { background: url('../img/sprite-icons.png') no-repeat 100% -317px; padding-right: 15px;}

ul#options-nav li.donate a {
  background: transparent url('../img/donate-now-top.png') no-repeat top center;
  text-indent: -9999px;
  width: 127px;
  height: 36px;
}

div.banner a.flash { display: none; } /* Default flash state */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

div.youtube {
  display: block;
  overflow: hidden;
}

/*  -- FOOTER
--------------------------------------------------------------------------------  */

/*
body#section div#footer-wrap, body#content div#footer-wrap { background: #383838 url(../img/bg-footer.jpg) repeat-x; overflow: hidden; min-width: 970px; margin: 0px auto; }
*//* handles the slight gradient on the footer */

body#section div#footer-wrap, body#content div#footer-wrap { background: #383838; overflow: hidden; min-width: 970px; margin: 0px auto; } /* handles the slight gradient on the footer */
div#footer { width: 950px; padding: 25px 70px; margin: 0 auto; clear: both; overflow: hidden; }
body#section div#footer, body#content div#footer { background: #383838 url(../img/bg-footer.jpg) repeat-x; }
div#footer h4 { font-size: 1.8em; color: #4a4a4a; font-weight: bold; }
div#footer li { font-size: 1.2em; }

div#quick-links { width: 150px; float: left; }
div#quick-links li { line-height: 1.9em; }
div#quick-links a:hover { text-decoration: underline; }

div#content-block { width: 380px; float: left; padding: 0 22px; }

div#latest-news { width: 370px; float: left; }
div#latest-news ul { margin-top: 10px; }
div#latest-news ul li { padding: 10px 20px 10px 0px; border-top: 1px solid #e3e3e3; line-height: 1.2em; }
div#latest-news ul li.last-child { border-bottom: 1px solid #e3e3e3; }
div#latest-news span.type { color: #444444; font-size: 1em; font-weight: bold; }
div#latest-news span.date { font-size: 0.8em; color: #444444; }
div#latest-news a { color: #0645AD; text-decoration: none; }
div#latest-news a:hover { text-decoration: underline; }
#home div#latest-news h4 { float: left; }

body#section div#footer h4, body#content div#footer h4 { color: #A4A4A4; }
body#section div#footer a:hover, body#content div#footer a:hover { color: #864a09; text-decoration: underline; }
body#section div#footer, body#content div#footer { color: #A4A4A4; }
body#section div#footer a, body#content div#footer a { color: #FFF;}
body#section div#footer a:hover, body#content div#footer a:hover { color: #FFF;}
div#latest-news ul li { overflow: hidden; with: 100%; }
div#latest-news ul li img { margin-right: 10px; }
body#section div#latest-news ul li, body#content div#latest-news ul li { border-top: 1px solid #606060; }
body#section div#latest-news ul li.last-child, body#content div#latest-news ul li.last-child { border-bottom: 1px solid #606060; }
body#section div#latest-news span.type, body#content div#latest-news span.type { color: #A4A4A4; }
body#section div#latest-news span.date, body#content div#latest-news span.date { color: #A4A4A4; white-space: nowrap; }

#footer div#latest-news img {
  float: left;
  margin: 0 10px 0 0;
  width: 48px;
  height: 48px;
}

/* footer button */
div#footer a.btn-grey { margin-top: 2px; }
div#footer a.btn-grey:hover { background: #E9E9E9; color: #000 !important; text-decoration: none !important; }
div#footer  div#latest-news a.btn-grey { font-size: .9em; }

#home div#footer div#latest-news a.btn-grey { font-size: 1.1em; background: #E9E9E9; float: left; margin-left: 10px; color: #505050; }
#home div#footer div#latest-news a.btn-grey:hover { background: #505050; color: #FFF !important; }


/*  -- Tools
--------------------------------------------------------------------------------  */
.container { overflow: hidden; width: 100%; }
a.btn-grey { display: inline-block; background: #505050; color: #FFF; font-size: 1.1em; font-weight: normal; text-decoration: none; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
a.btn-grey:hover { background: #E9E9E9; color: #000; text-decoration: none; }
.mLeft0 { margin-left: 0 !important; }


/*  -- HOME PAGE
--------------------------------------------------------------------------------  */

#slideshow { margin: 5px auto 0; padding: 8px 5px; clear: both; width: 950px; height: 320px; background: url(../img/feature-home.png) no-repeat 0 3px; overflow: hidden; }
#slideshow #slidesContainer {
  margin:0 auto;
  width:949px;
  height:320px;
  overflow-y: auto; /* allow scrollbar */
  overflow-x: hidden;
  position:relative;
}

#slideshow .slide { position: relative; overflow: hidden; width: 899px; height: 280px; padding: 20px 25px; background: no-repeat 0 0; }
#slideshow .slide h2 { font-size: 4.6em; width: 500px; line-height: 110%; float: left; margin-top: 10px; font-weight: bold; }
#slideshow .slide h2 a { text-decoration: none; color: #000; }
#slideshow .donationBox { position: relative; width: 210px; height: 230px; float: right; background: #ee7722; }
#slideshow .donationBox h3 { font-size: 3.5em; padding: 10px 15px 0; font-weight: bold; color: #313131; line-height: 100%; text-shadow: 0 -1px 1px rgba(0,0,0,0.1); }
#slideshow .donationBox p { position: absolute; z-index: 5000; color: #313131; margin: 8px 15px; font-size: 1.2em; text-shadow: 0 -1px 1px rgba(0,0,0,0.2); }
#slideshow .involveBox { background: #D05E06; padding: 15px; position: absolute; bottom: 0; left: 0; width: 180px; }
#slideshow .slide h4 { position: absolute; bottom: 0; left: 0;  font-size: 1.6em; font-weight: bold; z-index: 200; }
#slideshow .slide h4 a { background: url('../img/sprite-icons.png') no-repeat 100% -375px; padding-right: 20px; display: block; line-height: 50px; color: #000; text-decoration: none; margin: 0 20px; }

#slideshow .slide .bottomBar { position: absolute; background: #000; opacity: .1; z-index: 100; bottom: 0; left: 0; width: 100%; height: 50px;  }
#slideshow .opa50 .bottomBar { opacity: .5 }

#slideControls	{ position: absolute; bottom: 15px; right: 20px; z-index: 400; margin: 0; }
#slideControls a { cursor: pointer; display: block; float: left; width: 16px; height: 16px; margin-left: 5px; background: url('../img/sprite-icons.png') no-repeat 0 -240px; text-indent: -999px }
#slideControls a.active { background-position: 0 -265px; }

.btn {
	font-size: 1.3em;
	display: block;
	background: #5FA70A url('../img/sprite-bg.gif') repeat-x 0 -34px;
	text-align: center;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px #AE4F05;
	-webkit-box-shadow: 0 1px 2px #AE4F05;
	-box-shadow: -1px 0 2px #AE4F05;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 34px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn:hover { background-position: 0 -102px; }
.btn:active { background-position: 0 -136px; }

.btn-black { background: #000 url('../img/sprite-bg.gif') repeat-x 0 0; }

.btn-black:hover { background-position: 0 -68px; }
.btn-black.btn:active { background-position: 0 -170px; }

.bold { font-weight: bold !important; }

#slideshow .redBox { background: #E70033; }
#slideshow .redBox .involveBox { background: #C90628; }
#slideshow .redBox .btn {
	-moz-box-shadow: 0 1px 2px #A90522;
	-webkit-box-shadow: 0 1px 2px #A90522;
	-box-shadow: -1px 0 2px #A90522; }


div.home-donation-form { padding-bottom: 10px !important; }
div.home-donation-form fieldset { margin: 0; }
div.home-donation-form input { background: #FFF url('../img/sprite-icons.png') no-repeat 5px -281px; color: #5B5B5B; font-weight: bold; font-size: 2.4em; border: 1px solid #FFF; width: 70px; padding: 3px 8px 0 20px; -moz-border-radius: 5px 0 0 5px; margin-bottom: 5px; -webkit-border-radius: 5px 0 0 5px; float: left; }
div.home-donation-form a.donate-more { clear: both; display: block; text-align: center; color: #313131; font-weight: bold; font-size: 1.1em; margin-top: 5px; text-decoration: underline; }

div.donate-arrows { width: 22px; height: 34px; float:left; }
span.donate-up a { display: block; width: 22px; height: 17px; text-indent: -9999em; background: url(../img/btn-donate.png) center top no-repeat; }
span.donate-down a { display: block; width: 22px; height: 17px; text-indent: -9999em; background: url(../img/btn-donate.png) center bottom no-repeat; }
a.donate-go { width: 43px; float: left; margin-left: 6px; font-weight: bold; text-transform: none; }

div#promo-panel { width: 950px; margin: 0px auto; margin-top: 8px; overflow: hidden; }
ul#promos { float: left; background: #fff; border: 1px solid #e0e0e0; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
body#home ul#promos { width: 708px; }
ul#promos li { display: block; float: left; margin: 0px 0px 0px 15px; cursor: pointer; }
ul#promos div.promo-wrap { padding-bottom: 32px; position: relative; display: block; float: left; margin-top: 8px;  border-right: 1px solid #ececec; }
ul#promos li.last-child div.promo-wrap { border-right: none; padding-right: 0px; }
ul#promos h5 { color: #2b2b2b; font-size: 1.6em; font-weight: bold; width: 118px; line-height: 1.1; margin-bottom: 6px;}
ul#promos p { font-size: 1.2em; line-height: 1.2; }
ul#promos span.button { position: absolute; left: 0; bottom: 10px; border: 1px solid #e07103; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
ul#promos span.button a { display: inline-block; background: #ee7722; color: #313131; border: 1px solid #f3a140; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 9px 3px 9px; text-decoration: none; }
ul#promos span.button a:hover { background: #e07103; }

/* PF Changes */
div#promo-panel ul#promos li { width: 157px; }
div#promo-panel ul#promos li div.promo-wrap { width: 152px; padding-right: 5px; }

/* Home link active on homepage */
body#home ul#main-nav li.home a,
body#home ul#main-nav li.home a:hover {
  color: #FFF; background: #414141;
}


/* Base subpanel styles */
#slideshow .sub-panel {
  position: relative;
  width: 210px;
  height: 230px;
  float: right;
  background: #ccc;
}
#slideshow .sub-panel h3 {
  font-size: 3.5em;
  padding: 10px 15px 0;
  font-weight: bold;
  color: #313131;
  line-height: 100%;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
}
#slideshow .sub-panel p {
  color: #313131;
  margin: 8px 15px;
  font-size: 1.2em;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}
#slideshow .sub-panel .button-box {
  background: #a9a9a9;
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
}
/* Standard button, Black */
#slideshow .button-box .button {
	display: block;
	background: #000 url('../img/sprite-bg.gif') repeat-x 0 0;
	text-align: center;
	color: #FFF;
/*	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);*/
  -moz-box-shadow: 0 1px 2px #1f1f1f;
	-webkit-box-shadow: 0 1px 2px #1f1f1f;
	-box-shadow: -1px 0 2px #1f1f1f;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#slideshow .button-box .button a {
	font-size: 1.8em;
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 34px;
	font-weight: bold;
}

#slideshow .button-box .button:hover { background-position: 0 -68px; }
#slideshow .button-box .button:active { background-position: 0 -170px; }


/* Scheme 1, Orange, green button */
/*
light: #ee7722
dark: #D05E06
button: #94ef2a
shadow: #3e6d07
title: #000
text: #313131
*/
#slideshow div.scheme1 {
  background: #ee7722;
}
#slideshow h2 a.scheme1,
#slideshow h4 a.scheme1 {
  color:  #000;
}
#slideshow div.scheme1 h3,
#slideshow div.scheme1 p {
  color:  #313131;
}
#slideshow div.scheme1 .button-box {
  background: #FFCC00;
}
#slideshow div.scheme1 .button-box .button {
	background: #000000 url('../img/sprite-bg.gif') repeat-x 0 0;
  -moz-box-shadow: 0 1px 2px #1F1F1F;
	-webkit-box-shadow: 0 1px 2px #1F1F1F;
	-box-shadow: -1px 0 2px #1F1F1F;
}
#slideshow div.scheme1 .button-box .button a { color: #ffffff; }
#slideshow div.scheme1 .button-box .button:hover { background-position: 0 -68px; }
#slideshow div.scheme1 .button-box .button:active { background-position: 0 -170px; }

/* Scheme 2, Red, Default black button */
/*
light: #B90029
Dark: #960021
Button: black
title:  cE31738
text: white
*/
#slideshow h2 a.scheme2,
#slideshow h4 a.scheme2 {
  color:  #E31738;
}
#slideshow div.scheme2 {
  background: #B90029;
}
#slideshow div.scheme2 h3,
#slideshow div.scheme2 p {
  color: #FFF;
}
#slideshow div.scheme2 p {
  position: absolute;
  z-index: 5000;
}
#slideshow div.scheme2 .button-box {
  background: #960021;
}


/*  -- Banner Slots
--------------------------------------------------------------------------------  */
div#promo-panel div.banner { float: right; width: 230px; height: 155px; background: transparent; }

div.banner { margin-bottom: 12px; }



/*  -- SITEMAP
--------------------------------------------------------------------------------  */

body#content div#wide-column { width: 660px; min-height: 400px; margin: 0 60px 0 0; font-size: 1.2em; padding: 17px 0 20px;}
body#content div#wide-column h1 { font-size: 2.6em; color: #444444; font-weight: bold; margin: 0 0 8px;}

body#content div#wide-column ul { margin: 0 0 20px 40px; }
body#content div#wide-column ul li { font-weight: bold; margin: 0 0 6px;}
body#content div#wide-column ul ul { margin: 2px 0 6px 36px; }
body#content div#wide-column ul ul li { font-weight: normal; }

body#content div#wide-column #top { margin: 0 0 0 172px; }

body#content div#wide-column a:hover { text-decoration: underline; }
body#content div#wide-column .top-link { background-image: url(../img/link-arrow.png) background-repeat: no-repeat; background-position: center right; display: inline-block; width: auto; padding: 0 15px 0 5px; font-weight: bold; font-size: 16px; }

div#right-column2 { width: 210px; margin: 0 0 0 20px; padding: 30px 0; }
div#right-column2 h2 { font-size: 2.2em; color: #282828; font-weight: bold; }
div#right-column2 h3 { font-size: 1.8em; color: #282828; font-weight: bold; }
div#right-column2 h4 { font-size: 1.2em; color: #863e04; font-weight: bold; line-height: 1.1em;}
div#right-column2 h4 a { color: #863e04; text-decoration: none; }
div#right-column2 span.date { color: #555555; font-weight: bold; font-size: 0.9em;}

div#right-column2 ul.shopfeed { margin: 1px 0 27px; }
div#right-column2 ul.shopfeed li { padding: 6px 0px 9px 4px; border-bottom: 1px solid #dddddd; }
div#right-column2 ul.shopfeed li.first-child { border-top: 1px solid #dddddd; }
div#right-column2 ul.shopfeed p { margin: 0px; }
div#right-column2 ul.shopfeed li img { margin-right: 10px; }
div#right-column2 ul.shopfeed li a:hover { color: #ee7722; text-decoration: underline; }

div#right-column2 ul.feed { margin: 1px 0 27px; }
div#right-column2 ul.feed li { padding: 6px 0px 9px 4px; border-bottom: 1px solid #dddddd; }
div#right-column2 ul.feed li.first-child { border-top: 1px solid #dddddd; }
div#right-column2 ul.feed p { margin: 0px; }
div#right-column2 ul.feed li img { margin-right: 10px; }
div#right-column2 ul.feed li a:hover { color: #864a09; text-decoration: underline; }

#right-column2 p.price { font-weight: bold; color: #363636;}
#right-column2 p.price sup { font-size: 8px; }

#right-column2 .grey-btn { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; background: #444444; font-weight: bold; padding: 2px 5px; font-size: 1.1em; display: inline-block; }
#right-column2 .grey-btn:hover { color: #864a09; background: #C1C1C1; }

/* Default list style */
div#middle-column ul li { list-style: disc; margin-left: 15px; font-size: 1.4em; color: #363636; }
div#middle-column ol li { list-style: decimal; margin-left: 15px; font-size: 1.4em; color: #363636; }

div#middle-column ul li a,
div#middle-column ol li a { text-decoration: underline; }

div#middle-column ul li a:hover,
div#middle-column ol li a:hover { text-decoration: none; }

div.content ul, div.content ol { margin-bottom: 12px; }

/*  -- PRODUCT
--------------------------------------------------------------------------------   */

body div#middle-column #product-page p { color: #363636; font-size: 1.2em; }
body div#middle-column #product-page p.notice { font-weight: bold; }

body div#middle-column #product-page img.float-left { margin: 0 10px 0 0; }


/* body div#middle-column .product-form { float: right;} */
body div#middle-column .product-form fieldset { background: #fcf9f6; border: 1px solid #f0eae5; padding: 7px; width: 365px; margin: 14px 0 11px; }

body div#middle-column #product-page .product-form div { overflow: hidden; clear: both; }
body div#middle-column #product-page .product-form label { text-transform: uppercase; clear: both; }
body div#middle-column #product-page .product-form p.form-intro { border-bottom: 1px solid #c5c2be; color: #444444; padding: 0 0 4px; }
body div#middle-column #product-page .product-form p.form-intro #is-member { margin: 0 4px 0 0; }
body div#middle-column #product-page .product-form p.price { float: right;  border: 0px; padding: 0px; font-size: 1.8em; color: #000; position: relative; top: -4px; }
body div#middle-column #product-page .product-form p.price span { font-size: 0.8em; color: #333; }
body div#middle-column #product-page .product-form p.price sup { font-size: 0.5em; }
body div#middle-column #product-page .product-form p label { text-transform: none; font-weight: bold; }
body div#middle-column #product-page .product-form label.quantity-label { float: left; padding: 4px 8px 0 0; }
body div#middle-column #product-page .product-form input.quantity { margin: 0 0 6px; width: 22px; padding: 2px 4px; font-size: 1.2em; float: left; }
body div#middle-column #product-page .product-form label.variant-label { float: left; clear: both; padding: 4px 4px 0 0; display: block; }
body div#middle-column #product-page .product-form select.variant { font-size: 1.2em; float: left; }
body div#middle-column #product-page .product-form .green-cart-btn { background: #4a8507 url(../img/btn-addtocart.png) no-repeat 9px 5px; height: 22px; padding: 0 14px 0 23px; border: 0px; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 1.2em; width: 95px; margin: 11px 0 0; }
body div#middle-column #product-page .product-form .green-cart-btn:hover { cursor: pointer; color: #1D1D1D; background-color: #C1C1C1; background-position: 9px -34px; }



/*  -- SECTION PAGE
--------------------------------------------------------------------------------  */
div#feature { width: 908px; height: 206px; overflow: visible; padding: 25px; margin: 5px auto 0px auto; color: #313131; background: url(../img/feature-section.png) no-repeat; }
div#feature h1 { width: 655px; font-size: 3.6em; line-height: 1; margin-bottom: 10px; font-weight: bold; }
div#feature h2 { width: 655px; font-size: 2.1em; font-weight: normal; line-height: 1.3; }
div#feature h3 { width: 190px; font-size: 2.4em; color: #683700; font-weight: bold; margin: 10px 0 13px 0px; line-height: 1; }
div#feature ul { width: 187px; margin: 0 0 0 3px; font-size: 1.2em; }
div#feature ul li { margin-bottom: 3px; }
div#feature ul li a { color: #313131; text-decoration: none; }
div#feature ul li a:hover {text-decoration: underline; }
div#feature a { color: #313131; text-decoration: underline; }
div#feature a:hover { text-decoration: none; }

div#feature .section_main { width: 670px; }
div#feature .section_side { margin-left: 40px; width: 198px; }
div#feature .section_side img { border: 3px solid #FFF !important; }

div#wrapper { background: #ffffff; margin: 0px auto; width: 970px; overflow: hidden; margin-top: 13px; min-height: 600px;}

div#left-column { width: 150px; padding: 20px 0px; }
div#left-column ul { font-size: 1.2em; font-weight: bold; border: 1px solid #ebebeb; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div#left-column li ul { display: none; }
	/* reset */
	div#left-column li ul,
	div#left-column li ul ul,
	div#left-column li ul ul ul { font-size: 1em; font-weight: normal; border: 0;  padding: 0; margin: 0; }
	div#left-column li ul li,
	div#left-column li ul li a,
	div#left-column li ul ul li,
	div#left-column li ul ul li a,
	div#left-column li ul ul ul li,
	div#left-column li ul ul ul li a { color: #000; padding: 0; margin: 0; border: 0; background: none; }

    div#left-column li.active > ul/*,
	div#left-column li:hover > ul*/ { display: block; }

	/* level 1 */
	div#left-column li { padding: 0 10px; }
	div#left-column li a { color: #282828; text-decoration: none; border-bottom: 1px solid #e2e2e2; display: block; padding: 5px 0; }
	div#left-column li:hover,
	div#left-column li.active { background: #ee7722; }
	div#left-column li:hover > a,
	div#left-column li.active > a,
	div#left-column li a:hover { color: #313131; border-color: #ee7722; }
	div#left-column li.last-child a { border-bottom: none; }

	/* level 2 */
	div#left-column li ul { font-weight: bold; margin-top: 1px; background: url('../img/bg-left-nav-border.gif') no-repeat 0 0; }
	div#left-column li ul li,
	div#left-column li ul li:hover,
	div#left-column li ul li.active {
		background-color: transparent !important;
		background: url('../img/bg-left-nav-border.gif') no-repeat 10px 100%;
		padding: 5px 0; }
	div#left-column li ul li.last-child { background-image: none; }
	div#left-column li ul li a { color: #313131; display: block; padding-left: 15px; }
	div#left-column li ul li.active > a,
	div#left-column li ul li > a:hover { color: #000; /*background: url('../img/sprite-icons.png') no-repeat 0 -472px;*/ }


	/* level 3 */
	div#left-column li ul ul { margin: 5px 0 0 2px ; background: none; }
	div#left-column li ul ul li { margin: 5px 0; }
	div#left-column li ul ul li,
	div#left-column li ul ul li:hover,
	div#left-column li ul ul li.active {
		background-color: transparent !important;
		background-image: none;
		padding: 0; }
	div#left-column li ul ul li.last-child { margin-bottom: 0; }
	div#left-column li ul ul li a { color: #313131; padding-left: 15px; }
	div#left-column li ul ul > li:hover > a,
	div#left-column li ul ul > li.active > a,
	div#left-column li ul ul > li > a:hover { color: #000; background: url('../img/sprite-icons.png') no-repeat 0 -432px; }

	/* level 4 */
	div#left-column li ul ul ul { margin: 2px 0 0 8px; font-size: 0.9em; }
	div#left-column li ul ul ul li { list-style: disc; color: #313131; margin: 0 0 0 22px; background: none !important; }
	div#left-column li ul ul ul li:hover,
	div#left-column li ul ul ul li.active{ color: #000; list-style: disc; }
	div#left-column li ul ul ul li a { color: #313131; background: none !important; }

div#middle-column { position: relative; width: 540px; min-height: 600px; margin: 0 0 0 30px; padding: 20px 0 50px; }
div#middle-column.large, div#middle-column.right-only { margin-left: 0; }

div#middle-column.small { width: 510px; }
div#middle-column.left-only { width: 770px; }
div#middle-column.right-only { width: 660px; }
div#middle-column.large { width: 950px; margin-left: 0; }

div#middle-column h2 { font-size: 2.2em; font-weight: bold; color: #363636; margin-bottom: 5px; }
div#middle-column p.content { font-size: 1.4em; }
div#middle-column p.intro { font-size: 1.6em; }
div#middle-column p.caption { font-size: 1.2em; color: #636363; text-align: center; padding: 0 40px; margin-bottom: 20px; }

div#middle-column h1	{ font-size: 3.6em; font-weight: bold; color: #363636; line-height: 1; margin-bottom: 20px; }
div#middle-column h2 a	{ color: #0645AD; font-weight: bold; font-size: 0.82em; margin: 0 0 5px 0; text-decoration: none; }
div#middle-column h3	{ font-size: 1.6em; font-weight: bold; color: #363636; line-height: 1; margin: 30px 0 8px; }
div#middle-column h3 a	{ background: url('../img/sprite-icons.png') no-repeat 100% -497px; padding-right: 20px; }
div#middle-column h3 a[name] { background: none; padding: 0; }
div#middle-column p		{ font-size: 1.4em; color: #363636; }
div#middle-column p a	{ text-decoration: underline; color: #0645AD !important; }
div#middle-column img	{ text-align: center; padding: 3px; border: 1px solid #dbdbdb; margin-top: 20px;}

div#middle-column ul.one_column { margin-top: 15px; margin-bottom: 15px; }
div#middle-column ul.one_column li { list-style: none; background: url('../img/li-one_column.gif') no-repeat 1px 8px; padding-left: 15px; margin: 0; }

div#middle-column ul.two_column { overflow: hidden; font-size: .9em; margin-bottom: 18px; }
div#middle-column ul.two_column li { width: 237px; display: block; float: left;  border-bottom: 1px solid #dddddd; margin: 0; clear: left; }
div#middle-column ul.two_column li.first-col { border-top: 1px solid #dddddd; }
div#middle-column ul.two_column li.even { margin-left: 25px; clear: none; }
div#middle-column ul.two_column li a { color: #0645AD; display: block; padding: 6px 0; text-decoration: none; }
div#middle-column ul.two_column li a:hover { color: #0645AD; text-decoration: underline; width: 237px; }

div#right-column { width: 240px; /* was originally 240 but breaking float and appeared underneath with this width */ margin: 0 0 0 20px; padding: 0; background: url('../img/bg-column-middle-left.gif') repeat-y 0 0; }
div#right-column .bgTop { background: url('../img/bg-column-middle-top.gif') no-repeat 0 0; min-height: 600px; }
div#right-column .bgBottom { padding: 20px 0px 20px 30px; background: url('../img/bg-column-middle-bottom.gif') no-repeat 0 100%; min-height: 600px; }

div#right-column h2 { font-size: 2.2em; color: #282828; font-weight: bold; }
div#right-column h3 { font-size: 1.8em; color: #282828; font-weight: bold; }
div#right-column h4 { font-size: 1.2em; color: #0645AD; font-weight: bold; }
div#right-column h4 a { color: #0645AD; text-decoration: underline; }
div#right-column span.date { color: #555555; font-weight: bold; font-size: 0.9em;}
div#right-column ul.feed { margin: 10px 0 20px; }
div#right-column ul.feed li { padding: 10px 0px 10px; border-bottom: 1px solid #dddddd; }
div#right-column ul.feed li.first-child { border-top: 1px solid #dddddd; }
div#right-column ul.feed p { margin: 0px; }
div#right-column ul.feed li img { margin-right: 10px; }
div#right-column ul.feed li a { color: #0645AD; text-decoration: underline; }
div#right-column ul.feed li a:hover { text-decoration: none; }


div#left-column .banners .banner img, div#left-column .banners .banner object, div#left-column .banners .banner object embed { width: 150px; }
div#right-column .banners .banner img, div#right-column .banners .banner object, div#right-column .banners .banner object embed { width: 210px; }

/*  -- CONTENT PAGE
--------------------------------------------------------------------------------  */
div#toolbar { border-bottom: 1px solid #dbdbdb; padding: 7px 0px; font-size: 1.1em; overflow: hidden; width: 100%; }
div#breadcrumb { float: left; }
div#breadcrumb a {color: #0645AD; text-decoration: underline; }
div#breadcrumb a:hover { text-decoration: none; }
div#breadcrumb span.where { font-size: 0.9em; font-weight: bold; }
div#breadcrumb span.current { font-weight: bold; }
#options { float: right; }
#options li { float: left; margin-left: 10px; height: 20px; }
#options li { display: block; }
#options li a { display: block; text-indent: -9999px; background: url(../img/btn-options.png) no-repeat 0 0; }
#options li a.increase-fontsize { background-position: -19px 2px !important; height: 20px; width: 24px; }
#options li a.decrease-fontsize { background-position: 0 2px !important; height: 20px; width: 19px; }
#options li a.download { background-position: -54px 0 !important; height: 20px; width: 20px; }
#options li a.print { background: url("../img/toolbar-icons.png") no-repeat 0px 0px; height: 20px; width: 20px; }
#options li a.twitter {	background: url("../img/btn-twitter.png") no-repeat top center; width: 56px; height: 20px; }
#options li a.twitter:hover { background-position: bottom center; }
#options li a.facebook { background: url('../img/toolbar-icons.png') no-repeat -27px 0px; width: 60px; height: 20px; }

ul.article_footer { height: 40px; border-style: dotted; border-color: #aaa; border-width: 1px 0px; margin-top: 90px; }
ul.article_footer li { display: block; float: left; margin-left: 10px; height: 20px; padding: 10px 0px; }
ul.article_footer li.top a { font-size: 10px !important; line-height: 20px !important; }
ul.article_footer li.social { float: right; }
ul.article_footer li.social a { display: block; text-indent: -9999px; background: url("../img/toolbar-icons.png") no-repeat 0px 0px; }
ul.article_footer li.social a.print { background-position: 0px 0px; width: 20px; height: 20px; }
ul.article_footer li.social a.twitter { background-position: -98px 0px; width: 55px; height: 20px; }
ul.article_footer li.social a.facebook { background-position: -27px 0px; width: 60px; height: 20px; }

div.news-list-slot div.list h3 { display: none; }
div.news-list-slot div.list ul { list-style-type: none; margin: 0px; }
div.news-list-slot div.list ul li {
  float: left;
  width: 160px;
  height: auto;/*295px;*/
/*  border: 1px solid #ccc;*/
  margin: 0px 7px !important;
  list-style-type: none !important;
  overflow-y: hidden;
}
div.news-list-slot div.list ul li:first-child { margin-left: 0 !important; }
div.news-list-slot div.list ul li:last-child { margin-right: 0 !important; }
div.news-list-slot div.list ul li a.item-image img { height: 114px; width: 152px; margin: 0px !important; float: none; }
div.news-list-slot div.list ul h4 { font-weight: bold; padding: 3px 0px; font-size: 16px; }
div.news-list-slot div.list ul h4 a { text-decoration: none !important; }
div.news-list-slot div.list ul li p { font-size: 13px !important; margin: 0px; }
div.news-list-slot div.list ul li p span.date { display: block; font-weight: bold; font-size: 13px; margin-top: 5px; }
div.news-list-slot div.list div.row { border-bottom: 1px dotted #999; padding: 15px 0px; }
div.news-list-slot div.news-list-slot-end { clear: both; margin-bottom: 10px; }
div.clearfix { clear: both; }


/*  -- Search PAGE
--------------------------------------------------------------------------------  */

#search-form { width: 660px; }
#search-form fieldset { background: #ECECEC; padding: 20px; }
#search-form input.text { color: #313131; float: left; border: 1px solid #C2C2C2; border-right: 0; padding: 4px 5px; font-size: 1.6em; width: 523px;  }
#search-form .button {
	background: #94ef2a url('../img/sprite-bg.gif') repeat-x 0 0;
	border: 0;
	cursor: pointer;
	color: #fff;
	height: 30px;
	border-bottom: 1px solid #C2C2C2;
	font-weight: bold;
	font-size: 1.4em;
	/* corners */
	border-top-right-radius : 5px;
	-moz-border-radius-topright : 5px;
	-webkit-border-top-right-radius : 5px;
	border-bottom-right-radius : 5px;
	-moz-border-radius-bottomright : 5px;
	-webkit-border-bottom-right-radius : 5px;
}
#search-form .button:hover { background-position: 0 -68px; }
#search-form .button:active { background-position: 0 -170px; }
#search-form ul { overflow: hidden; width: 100%; margin: 20px 0 0; }
#search-form ul li { float:left; width: auto !important; margin-right: 50px; list-style: none !important; margin-left: 0 !important; }
#search-form li input	{ margin-top: .4em;}
#search-form ul li label { width: auto; margin-left: 5px; font-weight: bold; color: #313131; font-size: 1.2em;  }

#search-results { margin-bottom: 40px; }
#search-results p#results { margin: 20px 0 0; }
#search-results hr { border: 1px solid #C1C1C1; border-width: 1px 0 0 0; margin: 15px 0; }
#search-results a:hover { text-decoration: underline }
div#middle-column #search-results h3 a { text-decoration: underline; }
div#middle-column #search-results h3 a:hover { text-decoration: none; }
#search-results p { margin-bottom: 0; }
.pagination { overflow: hidden; width: 100%; }
.pagination li { float: left; margin-right: 10px; color: #000; font-size: 1.2em; list-style: none !important; margin-left: 0 !important }
.pagination li a { font-weight: bold; color: #000; text-decoration: underline; }

/* tools */
.mTop0 { margin-top: 0 !important; }


/*  -- Accessibility PAGE
--------------------------------------------------------------------------------  */
#accessibility { margin-bottom: 40px; border-top: 1px solid #C1C1C1; }
#accessibility dl { border-botom: 1px solid #C1C1C1; margin: 20px 0; border-bottom: 1px solid #C1C1C1; padding-bottom: 20px; }
#accessibility dt { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
#accessibility ul { overflow: hidden; width: 100%; }
#accessibility li { float: left; margin-right: 15px; list-style: none !important; margin-left: 0 !important; font-size: 1.6em !important; }
#accessibility li.last-child { margin-right: 0; }
#accessibility li a { text-decoration: none !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; padding: 0px 10px 2px 40px; color: #313131; line-height: 2em; font-weight: normal; }
#accessibility li.active a,
#accessibility li a:hover { background-color: #DDD; }

.contrast-st, .contrast-yb , .contrast-wb  { background: url('../img/sprite-icons.png') no-repeat 0 0; }
.contrast-st	{ background-position: 3px 3px; }
.contrast-yb 	{ background-position: 3px -35px; }
.contrast-wb 	{ background-position: 3px -71px; }

#accessibility #textSize li {  margin-right: 1px; }
#accessibility #textSize li a { padding: 5px 7px; line-height: 100%; font-weight: bold; font-size: 1.6em; margin-top: .4em; }
#accessibility #textSize li a.size-big { font-size: 2.1em; margin-top: .1em; padding: 5px 7px 4px; }
#accessibility #textSize li a.size-bigger { font-size: 2.6em; margin-top: 0; padding: 3px 8px; }

ul#font-sizes { float: right; }
ul#font-sizes li { float: left; margin-left: 2px; height: 20px; display: block; }
ul#font-sizes li.last-child { margin-left: 1px; }

#font-sizes li a {
/*    line-height: 100%;*/
    line-height: 20px;
    height: 20px;
    font-weight: bold;
/*    margin-top: .4em;*/
    color: #363636;
}

#font-sizes li a.size-st {
    padding-top: .3em;
    font-size: 1em;

}
#font-sizes li a.size-big {
    padding-top: .6em;
    font-size: 1.3em;

}
#font-sizes li a.size-bigger {
    padding-top: .9em;
    font-size: 1.6em;
}

#font-sizes li a span {
    padding: 2px 3px;
    background-color: transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#font-sizes li.active a span {
    background-color: #ddd;
    color: #000;
}

/*  -- Sitemap
--------------------------------------------------------------------------------  */
	/* first level and default*/
	div#middle-column .tree li { font-size: 1.6em; list-style: none; margin-left: 0; font-weight: bold; }
	div#middle-column .tree li a:hover { text-decoration: underline; }
	/* second level */
	div#middle-column .tree li ul { margin-left: 40px; }
	div#middle-column .tree li ul { margin-bottom: 20px; }
	div#middle-column .tree li li { font-size: 1em; }
	/* third level */
	div#middle-column .tree li li ul { margin-bottom: 0; }
	div#middle-column .tree li li li {  font-size: .8em; margin: 3px 0 ; }
	/* fourth level */
	div#middle-column .tree li li li li { font-weight: normal; font-size: 1em; }
	/* fifth level */
	div#middle-column .tree li li li li li { font-size: .9em; }

/*  -- HACKS
--------------------------------------------------------------------------------  */
body { -webkit-text-stroke:1px transparent; } @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}} /* thins text in safari and chrome so not too bold */


/*  -- SHOP
--------------------------------------------------------------------------------  */
body div#middle-column ul#category-listing { overflow: hidden; margin: 0; }
div#middle-column ul#category-listing h3 { color: #0645AD; font-size: 1.3em; line-height: 1; margin: 0 0 3px 0; }
div#middle-column ul#category-listing h3 a { color: #0645AD; text-decoration: none;/* background: none !important; */ background-position: 100% -495px;}
div#middle-column ul#category-listing h3 a:hover { text-decoration: underline; }
div#middle-column ul#category-listing p { font-size: 0.9em; line-height: 1.2; margin: 0; padding: 0; }
body div#middle-column ul#category-listing li { list-style: none !important; width: 242px; display: block; float: left; margin: 0 0 40px 0; clear: left; }
body div#middle-column ul#category-listing li.even { margin-left: 15px; clear: none;}
body div#middle-column ul#category-listing img { float: left; margin: 0 10px 0 0; }

body div#middle-column ul#product-listing { overflow: hidden; margin: 30px 0 0 0; }
div#middle-column ul#product-listing h3 { color: #0645AD; font-size: 1.0em; line-height: 1; margin: 0 0 3px 0; }
div#middle-column ul#product-listing h3 a { color: #0645AD; text-decoration: none; }
div#middle-column ul#product-listing h3 a:hover { text-decoration: underline; }
div#middle-column ul#product-listing p { font-size: 0.9em; line-height: 1.2; margin: 0; padding: 0; }

body div#middle-column ul#product-listing li { display: block; list-style: none !important; overflow: hidden; margin: 0 0 28px 0;}
body div#middle-column ul#product-listing img { float: left; margin: 0 10px 0 0; }

div#middle-column ul#product-listing p.product-details { font-size: 1.1em; width: 394px; float: left; padding: 3px; margin: 13px 0 0 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
div#middle-column ul#product-listing p.product-details span { display: block; float: left;}
div#middle-column ul#product-listing p.product-details a { color: #0645AD; text-decoration: none; float: right; }

/* Pagination on product page */

div.pagination a.backToCategories {
  font-size: 16px;
  text-decoration: underline;
}

div.pagination .pages {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-size: 13px;
}

#middle-column div.pagination .pages ul#pagination {
  float: right;
}

#middle-column div.pagination .pages ul#pagination li {
  font-size: 13px;
  color: #808080;
}

#middle-column div.pagination .pages ul#pagination li a {
  color: #0645AD;
  font-weight: normal;
}


/* -- CART
--------------------------------------------------------------------------------  */

#cart {
  width: 210px;
}

#product-page a.addToCart {
  display: block;
  text-indent: -99999px;
  width: 95px;
  height: 22px;
  background: url(../img/add-checkout-btn.gif) no-repeat top left transparent;
  float: right;
}

#product-page a.addToCart.loading {
  background-position: 0 -22px !important;
}

#product-page a.addToCart.done {
  background-position: 0 -44px !important;
}

#cart #cartItemWrap {
  position: relative;
  background: #ececec;
  padding: 5px;
  margin: 5px 0 20px;
  padding-bottom: 38px;
}

#cart #cartItemWrap strong {
  margin-left: 5px;
  font-weight: bold;
  font-size: 13px;
}

#cart #cartItemWrap strong.noItemsMessage {
  display: block;
  padding-bottom: 5px;
}

#cart #cartItemWrap table strong {
  margin: 0;
  font-size: 12px;
}

#cart table {
  margin: 5px 0 5px 5px;
  width: 190px;
}

#cart td.middle, #cart th.middle {
  text-align: center;
}

#cart td.right, #cart th.right {
  text-align: right;
}

#cart td, #cart th {
  font-size: 12px;
  padding: 5px 0;
  border-bottom: 1px solid #bababa;
}

#cart tr.total td {
  border-bottom: 0;
}

#cart table thead th {
  font-size: 10px;
  color: #636363;
  text-transform: uppercase;
}

#right-column #cart h3 {
  width: 210px;
  background: url(../img/cart-h3-bg.gif) no-repeat top right transparent;
  font-size: 21px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #282828;
}

#cart.empty #cartItemWrap {
  padding-bottom: 0;
}

#cart a.checkoutButton {
  display: block;
  background: url(../img/cart-checkout-btn.gif) no-repeat top left transparent;
  text-indent: -99999px;
  width: 210px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Checkout styles */

#middle-column #cart-page h1 {
  margin-bottom: 10px;
}

#cart-page ul.checkoutProgress li {
  font-size: 12px;
  list-style: none;
  display: block;
  float: left;
  padding: 8px 27px 0 10px;
  height: 25px !important;
  height: 33px;
  margin: 0;
  background: url(../img/checkout-arrow.gif) no-repeat top right #ececec;
}

#cart-page ul.checkoutProgress li.selected {
  font-weight: bold;
  background: url(../img/checkout-arrow-selected.gif) no-repeat top right #d9d9d9;
}

#cart-page ul.checkoutProgress li.preselected {
  background: url(../img/checkout-arrow-preselected.gif) no-repeat top right #ececec;
}

#cart-page ul.checkoutProgress li.last-child {
  padding-right: 15px;
  background: #ececec;
}

#cart-page ul.checkoutProgress li.selected.last-child {
  background: #d9d9d9;
}

  #cart-page #checkoutWrap {
    clear: both;
    width: 523px;
  }
  #cart-page .payment_result error {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  #cart-page .payment-details {
    float: left;
    width: 240px;
    margin-top: 20px;
    font-size: 12px;
  }
  #cart-page .payment-notice {
    margin-top: 20px;
    font-size: 12px !important;
    font-weight: bold;
  }
  #cart-page .payment-gateway {
    width: 113px;
    height: 150px;
    float: left;
    margin: 20px 40px;
    padding: 30px;
  }

#cart-page #checkoutWrap h2 {
  padding-top: 15px;
  clear: both;
  font-size: 16px;
  color: #363636;
  font-weight: normal;
  margin-bottom: 0;
}


#middle-column #cart-page em {
  font-style: normal;
  font-size: 11px;
}

#cart-page em.gstInfo {
  font-size: 13px;
  display: block;

}

#cart-page table th {
  font-weight: bold;
  font-size: 13px;
  color: #282828;
  border-bottom: 1px solid #bababa;
}

#cart-page table td {
  font-size: 12px;
  color: #282828;
}

#cart-page table td, #cart-page table th {
  padding: 5px 0;
}

#cart-page table input.itemQuantityEditable {
  text-align: center;
  width: 35px;
  margin-left: 20px;
}

#cart-page table a.updateButton, #cart-page .isMembersChoice a.updateMemberButton {
  margin-left: 25px;
  display: block;
  text-indent: -99999px;
  height: 18px;
  width: 55px;
  background: url(../img/checkout-update-btn.gif) no-repeat top left transparent;
}

#cart-page table select.variationList {
  width: 100px;
}

td.middle, th.middle {
  text-align: center;
}

td.right {
  text-align: right;
}

#cart-page table tr.last-item td {
  border-bottom: 1px solid #bababa;
}

#cart-page div.links {
  height: 28px !important;
  height: 48px;
  margin-top: 50px;
}

#cart-page div.links, #cart-page div.isMembersChoice {
  width: 500px !important;
  width: 520px;
  background: #fcf9f6;
  border: 1px solid #f0eae5;
  padding: 10px;
}

#cart-page div.isMembersChoice {
  margin: 15px 0 5px;
}

#cart-page div.isMembersChoice label {
  font-weight: bold;
  font-size: 12px;
  padding-left: 5px;
  line-height: 1.2;
}

#cart-page div.isMembersChoice a.updateMemberButton {
  float: right;
  margin-top: -1px;
}

#cart-page div.links a {
  display: block;
  text-indent: -99999px;
  height: 28px;
  text-transform: uppercase;
}

#cart-page div.links a.productsLink {
  background: url(../img/checkout-back-btn.gif) no-repeat top left transparent;
  width: 154px;
  float: left;
}

#cart-page div.links a.nextLink {
 background: url(../img/checkout-next-btn.gif) no-repeat top left transparent;
 width: 204px;
 float: right;
}

#cart-page div.links a.previousLink {
 background: url(../img/checkout-previous-btn.gif) no-repeat top left transparent;
 width: 94px;
 float: left;
 color: transparent;
}

#cart-page div.links a.backToHomepage {
 background: transparent url("../img/checkout-back-to-homepage-btn.gif") no-repeat center center;
 width: 100%;
 color: transparent;
}

#cart-page div.links input.payment {
 background: url(../img/checkout-payment-btn2.gif) no-repeat top left transparent;
 width: 215px;
 height: 28px;
 text-indent: -9999px;
 cursor: pointer;
 float: right;
 color: transparent;
 text-transform: capitalize;
 border: none;
}

#cart-page div.links input.confirmation {
 background: url(../img/checkout-confirmation-btn2.gif) no-repeat top left transparent;
 width: 215px;
 height: 28px;
 text-indent: -9999px;
 cursor: pointer;
 float: right;
 color: transparent;
 text-transform: capitalize;
 border: none;
}

#cart-page td.total {
  padding-right: 15px;
}

.checkoutDetails {
    clear: both;
    border: 1px solid transparent;
    width: 520px;
}






/* FORMS */
form fieldset	{ margin: 10px 0 30px; color: #000; font-family:Arial,sans-serif; font-size: 1em; }
form .legend   { border-bottom: 1px solid #BABABA; color: #000; display: block; font-weight: normal; font-size: 1.6em; margin: 10px 0 0; width: 100%; }
fieldset .description { margin: 0 0 20px; }
form fieldset dl fieldset { width: auto; margin: 0px; display: inline; float: left; text-align: left; }
form fieldset dl fieldset legend { border: none; display: block; font-size: 12px; margin: 0px; margin-right: 15px; float: left; width: 100%; height: auto; word-wrap: break-word; text-align: left; position: relative; }
form fieldset dl fieldset legend label { border: none; display: inline; font-size: 12px; width: 150px; }

form dl			{ overflow: hidden; padding: 5px 10px; width: 100%; }
form dt			{ float: left; font-size: 1.2em; margin-right: 15px; text-align: right; width: 150px; }
form dd			{ float: left; width: 315px; text-align: left; }
form dd.large   { width: 100%; }
form dd ul li label   { font-size: 12px; }

form input.text,
form textarea,
form select		{ border: 1px solid #7F9DB9; float: left; font-size: 1.2em; }
form input.text,
form textarea	{ padding: 2px 5px; width: 150px; }
form textarea	{ width: 475px; max-width: 99%; height: 150px; }
form select		{ min-width: 162px;  padding: 1px; }

form ul			{ overflow: hidden; width: 100%; }

form li			{ list-style: none !important ; margin-left: 0 !important; overflow: hidden; width: 100%; }
form li input,
form li label	{ float: left; }
form li input	{ margin: 2px 10px 0 1px;}
form li label	{ width: auto; }

form label.radio { width: auto; }
form .inline li	{ float: left; margin-right: 30px; width: auto; }
form .inline li label	{ width: auto; }
form li input.radio, form li input.checkbox, form label.radio, form label.checkbox, form .checkbox-field label { float: none; }
form label.radio, form label.checkbox, form .checkbox-field label { font-size: 0.85em; }

form p.help		{ float: left; font-size: 1.1em !important; font-style: italic; line-height: 105%; margin: 3px 0 0 10px; width: 300px; }

form dd.postcode input { width: 30px; }
form dd.postcode a { margin-left: 10px; }

.required,
.error label,
.error li.error label	{ color: #962C2C !important; font-size: 13px !important; font-weight: bold !important; }
.error li               { color: #962C2C !important; font-size: 13px !important; font-weight: bold !important; }
.error					{ background: #F7F1F1; }
.error li label			{ color: #000; }
div.error				{ padding: 10px 15px; color: #000 !important; margin-bottom: 20px; }
div.error p				{ margin: 0 0 5px; color: #000 !important; }

div.success_message		{ background: #F1F7F1; padding: 10px 15px; color: #000; margin-bottom: 20px; }
div.success_message p	{ margin: 0 0 5px; color: #000 !important; }

/*
form .submit			{
	background: #8DB857 url('../img/sprite-form-button.gif') no-repeat 100% 0;
	cursor: pointer;
	border: 0; color: #FFF;
	min-height: 25px;
	padding: 2px 20px 5px 8px;
	text-transform: uppercase;
	font-size: 1.4em;
	border-top-left-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
	border-bottom-left-radius : 5px;
	-moz-border-radius-bottomleft : 5px;
	-webkit-border-bottom-left-radius : 5px;

}
*/
form .submit {
	display: block;
	background: #000 url('../img/sprite-bg.gif') repeat-x 0 0;
	text-align: center;
	color: #FFF;
    border: none;
    -moz-box-shadow: 0 1px 2px #1f1f1f;
	-webkit-box-shadow: 0 1px 2px #1f1f1f;
	-box-shadow: -1px 0 2px #1f1f1f;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    padding: 5px;
    cursor: pointer;
	font-size: 1.8em;
	text-decoration: none;
	line-height: 34px;
	font-weight: bold;
}
form .submit:hover { background-position: 0 -68px; }
form .submit:active { background-position: 0 -170px; }

form input.submit { padding: 0 1.5em; }

form .submit span		{ font-size: .8em; }

form .footer			{ background-color: #FCF9F6; border: 1px solid #F0EAE5; padding: 12px 10px; overflow: hidden; width: 488px; }
form .footer .submit	{ float: right; }

/* actions */
form dl:hover		{ background: #FAFAFA; }
form dl.error:hover	{ background: #F7F1F1; }



li.payment_options {
    float: left;
    width: 240px;
    padding: 5px;
    border: 1px solid #f4ede7;
    background-color: #fcf9f6;
    margin: 5px;
}
/*
li.payment_options.first-child {
    margin-right: 18px;
}
*/

/*  -- HACKS
--------------------------------------------------------------------------------  */
body { -webkit-text-stroke:1px transparent; } @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}} /* thins text in safari and chrome so not too bold */


/*  -- SHOP
--------------------------------------------------------------------------------  */
body div#middle-column ul#category-listing { overflow: hidden; margin: 0; }
div#middle-column ul#category-listing h3 { color: #0645AD; font-size: 1.3em; line-height: 1; margin: 0 0 3px 0; }
div#middle-column ul#category-listing h3 a { color: #0645AD; text-decoration: none;/* background: none !important; */ background-position: 100% -495px;}
div#middle-column ul#category-listing h3 a:hover { text-decoration: underline; }
div#middle-column ul#category-listing p { font-size: 0.9em; line-height: 1.2; margin: 0; padding: 0; }
body div#middle-column ul#category-listing li { list-style: none !important; width: 242px; display: block; float: left; margin: 0 0 40px 0; clear: left; }
body div#middle-column ul#category-listing li.even { margin-left: 15px; clear: none;}
body div#middle-column ul#category-listing img { float: left; margin: 0 10px 0 0; }

body div#middle-column ul#product-listing { overflow: hidden; margin: 30px 0 0 0; }
div#middle-column ul#product-listing h3 { color: #0645AD; font-size: 1.0em; line-height: 1; margin: 0 0 3px 0; }
div#middle-column ul#product-listing h3 a { color: #0645AD; text-decoration: none; }
div#middle-column ul#product-listing h3 a:hover { text-decoration: underline; }
div#middle-column ul#product-listing p { font-size: 0.9em; line-height: 1.2; margin: 0; padding: 0; }

body div#middle-column ul#product-listing li { display: block; list-style: none !important; overflow: hidden; margin: 0 0 28px 0;}
body div#middle-column ul#product-listing img { float: left; margin: 0 10px 0 0; }

div#middle-column ul#product-listing p.product-details { font-size: 1.1em; width: 394px; float: left; padding: 3px; margin: 13px 0 0 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
div#middle-column ul#product-listing p.product-details span { display: block; float: left;}
div#middle-column ul#product-listing p.product-details a { color: #0645AD; text-decoration: none; float: right; }



/*  -- LIBRARY AREA CSS
--------------------------------------------------------------------------------  */
body.library div#middle-column fieldset { margin: 10px 0 0 0; }
body.library div#middle-column label { font-size: 1.2em; color: #000; }
body.library div#middle-column input { font-size: 1.2em; color: #000; }
body.library div#middle-column p { font-size: 1.2em; color: #000; }
body.library div#middle-column div { font-size: 1.1em; color: #000; }
body.library div#middle-column span { font-size: 1.2em; color: #000; }
body.library div#middle-column hr { margin: 0.8em auto; }
body.library div#middle-column td, body.library div#middle-column th { font-size: 1.2em; padding: 5px; }
body.library div#middle-column caption { font-size: 1.2em; }
body.library div#middle-column p a { margin: 0 5px 0 0; }
body.library div#middle-column a#top { position: relative; } /* acting strange because of iframe, this at least makes it sit at the bottom */
body.library div#middle-column a#hlBrief { font-weight: bold; }

body.library form input.text,
body.library form textarea,
body.library form select {
    float: none;
}

div.audio_download {
    float: right;
    width: 160px;
    background-color: #ee7722;
    padding: 10px;
}
div.audio_download h2 {
    font-size: 12px !important;
    border-bottom: 1px solid #d65b00;
    padding-bottom: 5px;
    background: transparent url(../img/music_note.png) no-repeat top right;
}
div.audio_download ul {
	list-style-type: none !important;
	list-style-image: url('../img/bullet-image.png') !important;
	list-style-position: outside !important;
    margin-bottom: 0px;
}
div.audio_download ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: outside !important;
    font-size: 12px !important;
    margin-left: 15px !important;
}
div.audio_download ul li:hover {
	list-style-type: none !important;
	list-style-image: url('../img/bullet-image.png') !important;
	list-style-position: outside !important;
}
div.audio_download ul li a {
    text-decoration: none !important;
    color: #555;
}
div.audio_download ul li a:hover {
    color: #333;
}

body.marketing-panel {

}

body#section.marketing-panel,
body#content.marketing-panel {
    background-image: url(../img/bg-home.jpg);
    background-position: 50% 8px;
}

body#section.marketing-panel.no-features,
body#content.marketing-panel.no-features {
    background-image: url(../img/bg-no-features.jpg);
    background-position: 50% 0px;
}

body.marketing-panel #wrapper {
    background-color: transparent;
}
body.marketing-panel #toolbar {
    margin-top: 15px;
    padding-top: 10px;
}

body.marketing-panel #promo-panel #promos li,
body.marketing-panel div#promo-panel ul#promos li div.promo-wrap {
    width: auto;
}
body.marketing-panel div#promo-panel ul#promos li div.promo-wrap p {
    padding-right: 3px;
}
body.marketing-panel div#promo-panel {
    margin-left: 6px;
}
#mail-chimp {
    background: transparent;
    clear: left;
    width: 100%
}

#mail-chimp .container {
    border-bottom: 1px solid #e3e3e3;
    margin: 10px 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}
#mail-chimp.footer .container { border-bottom: 1px solid #606060; }

#mail-chimp label { font-size: 12px; }
#mail-chimp.footer label { color: white; }

#mail-chimp input.text {
    background: white;
    float: none;
    font-size: 15px;
    margin: 10px 0px;
    padding: 8px;
    width: 354px;
}

#mail-chimp input.submit { padding: 0 0.5em; }
#mail-chimp.footer input.submit {
    background-color: #505050;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}