@CHARSET "UTF-8";

@font-face {
 font-family: "FG Amyie";
 src: url("/css/fonts/FGAmyie.eot"); /* EOT file for IE */
 src: url("/css/fonts/FGAmyie.ttf"); /* TTF file for CSS3 browsers */
}

/* Common */

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
  background-color: #e8e8e8;
}

h1, h2, h3 { font-family: "Century Gothic", Futura, Copperplate, "Copperplate Gothic Light", "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
h2 { text-shadow: #fff 1px 1px 1px; font-size: 2.2em; text-align: center; }
h3 { text-shadow: #fff 1px 1px 1px; font-size: 1.6em; text-align: center; }
h4 { text-shadow: #fff 1px 1px 1px; }

a { color: #3b5998; }
a.black { color: #000; font-weight: bold; text-decoration: none; }
a.black:hover { color: #444; text-decoration: underline; }
a.zoom { cursor: -moz-zoom-in; }

hr { height: 2px; border-width: 0; color: #444; background-color: #444; }

/* Utility */

.container_6 { width: 480px !important; }

.neg_tm_1 { margin-top: -1em; }

.tm_0 { margin-top: 0; }
.tm_05 { margin-top: 0.5em; }
.tm_1 { margin-top: 1em; }
.tm_15 { margin-top: 1.5em; }
.tm_2 { margin-top: 2em; }

.tp_05 { padding-top: 0.5em; }
.tp_1 { padding-top: 1em; }
.tp_3 { padding-top: 3em; }

.bm_0 { margin-bottom: 0; }
.bm_05 { margin-bottom: 0.5em; }
.bm_1 { margin-bottom: 1em; }
.bm_2 { margin-bottom: 2em; }
.bm_3 { margin-bottom: 3em; }

.fs_3  { font-size: 3em; }
.fs_2  { font-size: 2em; }
.fs_15 { font-size: 1.5em; }
.fs_12 { font-size: 1.2em; }
.fs_09 { font-size: 0.9em; }

.fl { float: left; }
.fr { float: right; }

.bdr {
  border: 1px solid #000;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 5px 10px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 5px 5px;
}

.center { text-align: center; }
.center_child_p { text-align: center; }
.hidden { display: none !important; }

.serif { font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif; }
.label { font-size: 0.8em; font-variant: small-caps; }

span.amp { font-family: Baskerville, "Goudy Old Style", Palatino, "Palatino Linotype", Constantia, "Book Antiqua", serif; font-style: italic; }

/* Image-replaced headers */

.img_replace { display: block; background-repeat: no-repeat; text-indent: -9999px; }

h1 a.img_replace { background-image: url("/images/common/header.logo.png"); }
h2.img_replace   { margin-left: auto; margin-right: auto; }
h2.bandages      { height: 82px;  width: 347px; background-image: url("/images/bandages.title.png"); }
h2.contact_us    { height: 81px;  width: 443px; background-image: url("/images/contact-us.title.png"); }
h2.our_story     { height: 83px;  width: 381px; background-image: url("/images/our-story.title.png"); }
h2.news          { height: 82px;  width: 190px; background-image: url("/images/news.title.png"); }
h2.pabb          { height: 137px; width: 700px; background-image: url("/images/pabb.title.png"); }
h2.sales_reps    { height: 77px;  width: 780px; background-image: url("/images/wtb.sales_reps.title.png"); }
h2.where_to_buy  { height: 83px;  width: 544px; background-image: url("/images/wtb.stores.title.png"); }

/* Image constraints */

.container_12 .grid_2 img.constrain { max-width: 140px; }
.container_12 .grid_4 img.constrain { max-width: 300px; }
.container_12 .grid_6 img.constrain { max-width: 460px; }

/* Header */

.header {
  background-color: #fff;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
}
.header h1 { margin: 0; padding: 0; line-height: 79px;width: 229px; margin:0 auto;}

.header-menu {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 970px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}

.header-menu div.menu-bg-left { position: absolute; z-index: -1; left: 0; top: 0; height: 40px; width: 30px; background: url("/images/common/menu.bg.left.png") no-repeat top left; }
.header-menu div.menu-bg-right { position: absolute; z-index: -1; right: 0; top: 0; height: 40px; width: 30px; background: url("/images/common/menu.bg.right.png") no-repeat top right; }
.header-menu div.menu-bg-middle { position: absolute; z-index: -1; left: 30px; top: 0; height: 40px; width: 900px; background: url("/images/common/menu.bg.middle.png") repeat-x; }

.header-menu ul { margin: 0; padding: 0; height: 40px; list-style-type: none; }
.header-menu ul li { float: left; margin: 0; padding: 0; height: 40px; font-size: 1.2em; }
.header-menu ul li.inside { padding-left: 30px; background: url("/images/common/menu.icon.star.png") no-repeat 10px 15px; }
.header-menu ul li.last { float: right; }

.header-menu ul li a { display: block; margin: 0; padding: 9px 5px 0; height: 31px; color: #fff; text-decoration: none; }
.header-menu ul li a:hover { background: url("/images/common/menu.bg.middle.hover.png") repeat-x; }

.header-menu ul li.first a { padding-left: 20px; background: url("/images/common/menu.bg.left.png") no-repeat top left; }
.header-menu ul li.first a:hover { background-image: url("/images/common/menu.bg.left.hover.png"); }

.header-menu ul li.last a { padding-right: 20px; background: url("/images/common/menu.bg.right.png") no-repeat top right; }
.header-menu ul li.last a:hover { background-image: url("/images/common/menu.bg.right.hover.png"); }

.header-menu ul li a.pabb,
.header-menu ul li a.cart { padding: 0; height: 40px; }
.header-menu ul li a.pabb span { display: block; margin-right: 4px; padding: 9px 60px 0 5px; height: 31px; background: url("/images/common/menu.icon.pabb.png") no-repeat center right; }
.header-menu ul li a.cart span { display: block; padding: 6px 0 0 32px; height: 34px; width: 87px; text-indent: -9999px; background: url("/images/common/menu.icon.cart.png") no-repeat center right; }
.header-menu ul li a.cart:hover span  { background-image: url("/images/common/menu.icon.cart.hover.png"); }

.header-menu ul li a.cart-droppable-hover { background-image: url("/images/common/menu.bg.right.hover.png"); }
.header-menu ul li a.cart-droppable-hover span { background-image: url("/images/common/menu.icon.cart.hover.png"); }

body.our-story .header-menu a.our-story { background-image: url("/images/common/menu.bg.left.hover.png"); }
body.bandages .header-menu a.bandages,
body.where-to-buy .header-menu a.where-to-buy,
body.pabb .header-menu a.pabb,
body.news .header-menu a.news,
body.contact-us .header-menu a.contact-us { background-image: url("/images/common/menu.bg.middle.hover.png"); }
body.cart .header-menu a.cart { background-image: url("/images/common/menu.bg.right.hover.png"); }
body.cart .header-menu a.cart span { background-image: url("/images/common/menu.icon.cart.hover.png"); }

/* Page content (after header) */

.post-header { padding: 0 0 2em; background: url("/images/common/content.bg.png") repeat-y top center; }
.content { padding-top: 3em; padding-bottom: 1em; }

/* Footer */

.footer .menu-bar { margin: 0; padding: 10px; height: 40px; list-style-type: none; background-color: #500026; -moz-box-shadow: rgba(0,0,0,0.5) 0px 5px 10px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 5px 10px; }
.footer .menu-bar li { float: right; margin-left: 15px; }
.footer .menu-bar a { display: block; text-indent: -9999px; }
.footer .menu-bar a.carry { height: 40px; width: 32px; background: url("/images/common/footer.icon.carry.png") no-repeat; }
.footer .menu-bar a.facebook { height: 40px; width: 41px; background: url("/images/common/footer.icon.facebook.png") no-repeat; }
.footer .menu-bar a.twitter { height: 40px; width: 41px; background: url("/images/common/footer.icon.twitter.png") no-repeat; }
.footer .attribution { margin: 1em; color: #500026; text-align: center; }

/* Pre-content (Breadcrumbs and Cart) */

.pre-content { position: relative; }
.pre-content .breadcrumbs { position: absolute; padding-top: 0.25em; color: #444; font-weight: bold; }
.pre-content .breadcrumbs a { color: #444; text-decoration: none; }
.pre-content .breadcrumbs a:hover { color: #000; text-decoration: underline; }
.pre-content .cart-container {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
}
.pre-content .cart-container .cart-content { padding: 0.25em; }
.pre-content .cart-arrow { position: absolute; top: -142px; left: 67px; height: 90px; width: 74px; background: url("/images/common/cart.arrow.png") no-repeat; }

/* Cart */

table.cart-table { width: 100%; border-collapse:collapse; text-align: left; font-size: 1.5em; }
table.cart-table th { padding: 0.5em; text-align: center; font-variant: small-caps; }
table.cart-table td { padding: 0.5em; }
table.cart-table tbody { border: 1px solid #000; }
table.cart-table tbody tr { background-color: #fff; background: rgba(255,255,255,0.25); }
table.cart-table tbody tr.even { background-color: #eee; background: rgba(255,255,255,0.5); }
table.cart-table tbody td { vertical-align: middle; }
table.cart-table tbody td.icon { padding: 0.25em; }
table.cart-table tbody td.icon img.constrain { max-height: 50px !important; max-width: 50px !important; }
table.cart-table tbody td span.series { font-size: 0.66em; }
table.cart-table tbody td.quantity input { font-size: 1em; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; }
table.cart-table tbody td.quantity .ui-spinner-button { border-left: 0; border-color: #444 !important; }

table.cart-table tfoot td { padding-top: 1em; vertical-align: top; }
table.cart-table tfoot td input { font-size: 0.83em; }

table.order-summary { width: 100%; border-collapse:collapse; text-align: left; font-size: 1.2em; }
table.order-summary th { padding: 0.25em 0.5em; text-align: left; font-variant: small-caps; }
table.order-summary td { padding: 0.25em 0.5em; text-align: right; }
table.order-summary tbody { border: 1px solid #000; }
table.order-summary tbody tr { background-color: #fff; background: rgba(255,255,255,0.25); }
table.order-summary tbody tr.even { background-color: #eee; background: rgba(255,255,255,0.5); }
table.order-summary tfoot { font-size: 1.25em; }

td table.order-summary { font-size: 0.75em; }
td table.order-summary tbody { border: 0; border-bottom: 2px solid #000; }
td table.order-summary tbody th,
td table.order-summary tbody td { padding: 0.1em 0.5em; }
td table.order-summary tbody tr,
td table.order-summary tbody tr.even { background: none; }
td table.order-summary tfoot th,
td table.order-summary tfoot td { padding: 0.1em 0.4em; }

ul.order-steps { margin: 0; padding: 0; list-style-type: none; } 
ul.order-steps li { float: left; margin-right: 2.5em; font-size: 1.2em; }
ul.order-steps li.last { margin-right: 0; }
ul.order-steps li a { display: block; margin: 0; text-decoration: none; color: #000; }
ul.order-steps li.past a { color: #444; }
ul.order-steps li.future a { color: #777; }
ul.order-steps li a span.number { float: left; display: block; margin: 0 0.5em 0 0; padding: 0; width: 1.5em; text-align: center; border: 2px solid; -moz-border-radius: 5px; -webkit-border--radius: 5px; background-color: #fff; background: rgba(255,255,255,0.75); font-size: 0.8em; font-weight: bold;}

.coupon {
  font-size: 0.8em;
  padding: 5px;
  border: 1px solid #004a75;
  background-color: #c2e9ff;
  background: rgba(194,233,255,0.75);
}

.coupon .icon { margin-left: 3px; padding-left: 21px; background-repeat: no-repeat; background-position: 0 2px; }
.coupon .info { background-image: url("/images/icons/accept.png"); }
.coupon .remove { background-image: url("/images/icons/delete.png"); }

/* Home page */

body.home .post-header { padding-bottom: 10em; }
body.home .pre-content { display: none; }
body.home .content { padding-top: 0; padding-bottom: 0; }

body.home div#slideshow { z-index: 0; }
body.home .footer .menu-bar { z-index: 1; margin-top: -67px; padding-right: 35px; padding-top: 83px; height: 123px; background: url("/images/homepage/footer.bg.png") no-repeat bottom center; -moz-box-shadow: none; -webkit-box-shadow: none; }
body.home .footer .menu-bar li a.carry { margin-top: 2px; height: 80px; width: 54px; background: url("/images/homepage/footer.icon.carry.png") no-repeat; }
body.home .footer .menu-bar li a.facebook { height: 80px; width: 94px; background: url("/images/homepage/footer.icon.facebook.png") no-repeat; }
body.home .footer .menu-bar li a.twitter { height: 80px; width: 75px; background: url("/images/homepage/footer.icon.twitter.png") no-repeat; }
body.home .footer .attribution { margin-top: -20px; }

/* Our Story */

body.our-story .handwritten { font-family: "FG Amyie", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }

/* Bandages */

body.bandages .coming-soon { font-size: 1.5em; font-weight: bold; text-shadow: #444 0px 4px 10px; }

body.bandages ul.categories,
body.bandages ul.series,
body.bandages ul.products { list-style-type: none; margin-left: 0; margin-right: 0; padding: 0; }

body.bandages ul.categories a.black:hover { text-decoration: none; text-shadow: #888 0px 4px 10px; }

body.bandages ul.series li h4 { margin: 0 0 0.3em; font-size: 2em; font-weight:bold; text-align: center; line-height: 1.2em; }
body.bandages ul.products li h4 { margin: 0 0 0.3em; font-size: 1.25em; font-weight:bold; border-bottom: 2px solid #000; text-align: center; }

body.bandages ul.series li h4 a:hover,
body.bandages ul.products li h4 a:hover { text-decoration: none !important; }

body.bandages ul.products input.add_to_cart { padding: 0; font-size: 0.8em; }

body.bandages-boys     .content { background: url("/images/bandages.title.boys.png") no-repeat 640px 23px; }
body.bandages-girls    .content { background: url("/images/bandages.title.girls.png") no-repeat 640px 22px; }
body.bandages-everyone .content { background: url("/images/bandages.title.everyone.png") no-repeat 670px 36px; }

body.bandages ul.filters            { list-style-type: none; margin-bottom: 0; }
body.bandages ul.filters li         { margin-left: 0; padding-left: 30px; background: url("/images/bandages.filter.star.png") no-repeat 11px 15px; }
body.bandages ul.filters li.first   { padding-left: 0; background: transparent; }
body.bandages ul.filters a.boys     { height: 52px;  width: 95px; background: url("/images/bandages.filter.boys.png") no-repeat 0px 0px; }
body.bandages ul.filters a.girls    { height: 39px;  width: 87px; background: url("/images/bandages.filter.girls.png") no-repeat 0px 0px; }
body.bandages ul.filters a.everyone { height: 50px;  width: 103px; background: url("/images/bandages.filter.everyone.png") no-repeat 0px 1px; }
body.bandages ul.filters a.all      { height: 37px;  width: 95px; background: url("/images/bandages.filter.all.png") no-repeat 0px 3px; }

body.bandages .form-confirmation { font-size: 1em; }

/* Where to Buy */

body.where-to-buy .button_box { padding-top: 80px; padding-bottom: 120px; text-align: center; }

body.where-to-buy ul.states li,
body.where-to-buy ul.countries li { margin-bottom: 0.3em; }

body.where-to-buy ul.stores { list-style-type: none; margin: 0; padding: 0; }
body.where-to-buy ul.stores li h4 { margin-bottom: 0; font-size: 1.2em; font-weight: bold; }
body.where-to-buy ul.stores li .address { margin-left: 1em; font-weight: normal; color: #444; }

body.where-to-buy .sales_rep_map { padding: 8px 0; background-color: #e8e8e8; text-align: center; }
body.where-to-buy ul.sales_reps { list-style-type: none; }
body.where-to-buy ul.sales_reps li { margin: 0 0 2em; padding-left: 3.5em; }
body.where-to-buy ul.sales_reps li a.map_key { float: left; display: block; margin-left: -3em; height: 2em; width: 2em; text-indent: -9999px; }
body.where-to-buy ul.sales_reps li h4 { margin-bottom: 0.3em; font-size: 1.1em; }
body.where-to-buy ul.sales_reps li h4 a { color: #000; text-decoration: none; }
body.where-to-buy ul.sales_reps li h4 a:hover { color: #444; text-decoration: underline; }
body.where-to-buy ul.sales_reps li p { margin-bottom: 0.5em; color: #444; line-height: 1.2em; }
body.where-to-buy ul.sales_reps li.no_key { margin: 0 0 1em; padding-left: 1em; }
body.where-to-buy ul.sales_reps li.no_key p { color: #000; line-height: 1.5em; }

/* PABB */

body.pabb .content { position: relative; padding-bottom: 0; background: url("/images/pabb.content.bg.png") no-repeat 10px -65px; }
body.pabb .pre-footer { margin: 20px 0 5px; height: 165px; background: url("/images/pabb.pre-footer.bg.png") no-repeat bottom center; }

/* News */

body.news .content { padding-top: 0; padding-bottom: 0; }

/* Error pages */

body.error { background-image: url("/images/common/content.bg.png"); background-repeat: repeat-y; background-position: top center; }
body.error .header { -moz-border-radius: 20px; -webkit-border--radius: 20px; }
body.error .header dl { margin: 0 auto 2em; width: 620px; }
body.error .header dt { font-size: 1.25em; font-weight: bold; font-variant: small-caps; }
body.error .header dd { margin-bottom: 1em; }

/* Misc. Forms */

label { display: block; margin: 0.3em 0; font-size: 1.2em; font-weight: bold; }
label.help { margin-left: 0.2em; font-size: 0.9em; font-weight: normal; }
input:focus, textarea:focus { background-color: #fff7c0; }
.container_12 input, .container_12 select, .container_12 textarea { padding: 4px; font-size: 1.2em; }

.container_12 input[type="text"],
.container_12 input[type="email"],
.container_12 input[type="number"],
.container_12 textarea {
  border: 1px solid #444;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-shadow: inset rgba(0,0,0,0.25) 0px 2px 4px;
  -webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 2px 4px;
}

.container_12 .input_1 input { width: 60px; }
.container_12 .input_2 input, .container_12 .input_2 select { width: 120px; }
.container_12 .input_3 input, .container_12 .input_3 select { width: 210px; }
.container_12 .input_4 input, .container_12 .input_4 select { width: 290px; }
.container_12 .input_5 input, .container_12 .input_5 textarea { width: 370px; }
.container_12 .input_6 input, .container_12 .input_6 textarea { width: 450px; }

.form-confirmation {
  margin-bottom: 0.5em;
  padding: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
  border: 2px solid #ff280f;
  background-color: #fff7c0;
  text-align: center;
}

/* Form Errors */
ul.error_list {
  list-style-type: none;
  margin: 0.3em 0;
  padding: 5px;
  border: 1px solid #ff280f;
  background-color: #fff7c0;
}

ul.error_list li {
  margin-left: 3px;
  padding-left: 21px;
  background: url("/images/icons/exclamation.png") no-repeat 0 2px;
  font-weight: bold;
}

/* jquery.ui */
.ui-draggable { cursor: move }
.ui-effects-transfer { z-index: 4; border: 2px dotted #444; }

/* qtip */
.qtip { z-index: 5 !important; }

#headerleft {
	float: left;
	height: 79px;
	width: 760px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 90px;
	
}
#headerright {
	float: right;
	width: 80px;
	margin-top: 20px;
	margin-bottom: 15px;
	height: 79px;
	padding-right: 10px;

}