/* layout.css */

#layout {
  background-image: url(/images/layout_bg.gif);
  background-repeat: repeat-y;
  background-position: 40px 0;
  margin: 0;
  padding: 0;
}

#main {
  width: 960px;
  margin: 0;
  padding: 0;
}

#header {
  position: relative;
  top: 0;
  left: 0;
  width: 960px;
  height: 316px;
  margin: 0;
  padding: 0;
  background-image: url(/images/retail/header_bg.gif);
  background-repeat: no-repeat;
  background-position: 50px 40px;
  z-index: 99;
}

#header-cover {
  position: relative;
  top: 0;
  left: 0;
  width: 960px;
  height: 316px;
  margin: 0;
  padding: 0;
  background-image: url(/images/retail/header-cover_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
}

#header h1 {
  position: absolute;
  top: 0;
  left: 29px;
  background-image: url(/images/logo_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 302px;
  height: 73px;
  margin: 0;
  padding: 0;
  z-index: 100;
}

#header h1 a {
  display: block;
  width: 302px;
  height: 73px;
}

#header h1 img {
  display: none;
}

#header ul#navigation-top {
  position: absolute;
  top: 0;
  right: 6px;
  width: 930px;
  height: 26px;
  text-align: right;
  margin: 0;
  padding: 2px 12px;
  background-image: url(/images/header-navigation-top_bg.gif);
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 99;
}

#header ul#navigation-top li {
  display: inline;
  list-style-type: none;
  font-size: 90%;
  margin: 0 0 0 12px;
  padding: 0;
}

#header a:link, #header a:visited {
  color: #cccccc;
  text-decoration: none;
}

#header a:focus, #header a:hover, #header a:active {
  color: #cccccc;
  text-decoration: underline;
}

#header-photo-icon {
  position: absolute;
  top: 258px;
  left: 65px;
  display: block;
  width: 18px;
  height: 15px;
  background-image: url(/images/header-photo-icon.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 0;
  cursor: hand;
  cursor: pointer;
  z-index: 10000;
}

#header-photo-icon span {
  display: none;
}

#header-photo {
  display: block;
  position: absolute;
  top: 258px;
  left: 65px;
  width: 380px;
  height: auto;
  margin: 0;
  padding: 5px;
  border: 1px solid #333333;
  background-color: #ffffff;
  z-index: 1000000;
}

#header-photo span {
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
  width: 18px;
  height: 15px;
  background-image: url(/images/header-photo-close-icon.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 0;
  cursor: hand;
  cursor: pointer;
}

#header-photo dl {
  width: 380px;
  margin: 0;
  padding: 0;
  font-size: 90%;
}

#header-photo dt {
  font-weight: bold;
  clear: left;
  float: left;
  width: 85px;
  text-align: right;
  margin: 0 5px 0 0;
  padding: 0;
}

#header-photo dd p {
  padding: 0;
  margin: 0 0 10px 0;
}

#header-photo dd {
  float: left;
  width: 290px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#header-photo dd p:last-child {
  margin: 0;
}

#header-photo dd a:link,#header-photo dd a:visited{
  color: #3866DA;
  text-decoration: underline;
}

#header-html {
  display: block;
  position: absolute;
  top: 75px;
  left: 75px;
  width: 582px;
  height: 155px;
  padding: 10px;
  font-size: 90%;
}

#header-html h2 {
  margin: 0 0 0 -5px;
  padding: 0;
}

#header-html p {
  margin: 0 0 10px 0;
}

#header-html p, #header-html dd {
  font-size: 90%;
}

#header-html a:link, #header-html a:visited, #header-html a:focus, #header-html a:hover, #header-html a:active {
  color: #1f71c8;
}

#header-html dl dt {
  font-weight: bold;
  font-size: 110%;
}

#header-html dl dd {
  margin: 0 0 10px 20px;
}

#header-html dl#product-features {
  float: left;
  width: 310px;
  margin: 0 20px 10px 0;
}

#header-html dl#product-activities-weight {
  float: left;
  width: 230px;
  margin: 0;
}

#header-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 332px;
  height: 315px;
  background-image: url(/images/retail/header-right_bg.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#header-right img {
  position: absolute;
  top: 0;
  right: 0;
}

#header-right-html {
  position: absolute;
  top: 90px;
  left: 75px;
  padding: 10px;
  width: 183px;
  height: 150px;
}

#header-right-html h4 {
  font-size: 15px;
}

#header-right-html ul#product-ratings {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#header-right-html ul#product-ratings li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 5px 0;
  padding: 0 0 0 25px;
  background-position: left;
  background-repeat: no-repeat;
}

#header-right-html #header-cart {
  position: relative;
  width: auto;
  height: 100px;
}

#header-right-html #header-cart h4 {
  background-image: url(/images/cart_header_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 156px;
  height: 23px;
}

#header-right-html #header-cart h4 a {
  display: block;
  width: 156px;
  height: 23px;
}

#header-right-html #header-cart dl {
  font-size: 90%;
  width: 148px;
  height: 40px;
  margin: 0 0 0 35px;
}

#header-right-html #header-cart dl dt {
  clear: left;
  float: left;
  width: 85px;
  margin: 0;
}

#header-right-html #header-cart dl dd {
  float: left;
  width: 45px;
  margin: 0;
}

#header-right-html #header-cart a.begin-checkout {
  display: block;
  position: absolute;
  bottom: 0;
  right: -12px;
  background-image: url(/images/cart_checkout_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 120px;
  height: 16px;
}

#header-right-html #header-cart h4 span, #header-right-html #header-cart a.begin-checkout span {
  display: none;
}

li#rating-warmth {
  background-image: url(/images/product-ratings-warmth_bg.gif);
}

li#rating-water {
  background-image: url(/images/product-ratings-water_bg.gif);
}

li#rating-breathability {
  background-image: url(/images/product-ratings-breathability_bg.gif);
}

li#rating-wind {
  background-image: url(/images/product-ratings-wind_bg.gif);
}

#header-right-html ul#product-ratings li div {
  padding: 5px 0;
  margin: 0;
  background-position: right;
  background-repeat: no-repeat;
  font-size: 11px;
}

div.bars-0 {
  background-image: url(/images/product-bars-0_bg.gif);
}

div.bars-1 {
  background-image: url(/images/product-bars-1_bg.gif);
}

div.bars-2 {
  background-image: url(/images/product-bars-2_bg.gif);
}

div.bars-3 {
  background-image: url(/images/product-bars-3_bg.gif);
}

div.bars-4 {
  background-image: url(/images/product-bars-4_bg.gif);
}

div.bars-5 {
  background-image: url(/images/product-bars-5_bg.gif);
}

#header-right-icons {
  position: absolute;
  top: 259px;
  right: 11px;
  width: 151px;
  height: 50px;
  /*
  background-image: url(/images/header-right-icons_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  */
}

#content {
  background-image: url(/images/retail/content_bg.png);
  background-repeat: repeat-y;
  background-position: top left;
  padding: 40px 30px 0 70px;
}

#page-home #content {
  padding-top: 60px;
}

#site-link {
  float: right;
  background-image: url(/images/retail/home-link-left_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: -41px -30px 0 0;
  padding: 0;
}

#site-link a:link, #site-link a:visited, #site-link a:focus, #site-link a:hover, #site-link a:active {
  display: block;
  width: auto;
  background-image: url(/images/home-link-right_bg.gif);
  background-position: top right;
  background-repeat: no-repeat;
  color: #333333;
  text-decoration: none;
  padding: 4px 15px 4px 35px;
  margin: 0;
}

.floated-box {
  float: left;
  width: 178px;
  height: 170px;
  padding: 0 11px 11px 14px;
  margin: 0 12px 20px 0;
  background-image: url(/images/retail/home-box-body_bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  overflow: hidden;
}

.float-box.last {
  margin-right: 0;
}

.floated-box h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0 -11px 5px -14px;
  padding: 8px 0 0 14px;
  background-image: url(/images/retail/home-box-header_bg.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.floated-box h3 a {
  display: block;
}

.floated-box a:link, .floated-box a:visited, .floated-box a:focus, .floated-box a:hover, .floated-box a:active {
  color: #333333;
  text-decoration: none;
}

.floated-box p {
  margin-bottom: 0;
  font-size: 80%;
}

.floated-box ul, .floated-box ol {
  margin: 0;
  padding: 0;
  font-size: 80%;
}

.floated-box ul li, .floated-box ol li {
  margin: 0 0 0 1em;
}

.floated-box.product p img {
  float: left;
  margin: 0 5px 0 0;
}

.staticObject {
  float: right;
  width: 220px;
  padding: 0;
  margin: 0 0 0 20px;
}

.staticObject div {
  width: 200px;
  height: auto;
  padding: 0 10px 10px 10px;
  margin: 0 0 20px 0;
  background-color: #e6e6e6;
  background-image: url(/images/retail/static-object-body_bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.staticObject div h4 {
  font-size: 13px;
  margin: 0 -10px 10px -10px;
  padding: 10px 10px 0 10px;
  background-image: url(/images/static-object-header_bg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.staticObject div ul, .staticObject div ol {
  margin: 0 0 0 20px;
  padding: 0;
}

.staticObject div ul li, .staticObject div ol li {
  margin: 0;
  padding: 0;
}

.staticObject li.selected {
  font-weight: bold;
}

.staticObject li.selected li {
  font-weight: normal;
}

.staticObject p, .staticObject ol, .staticObject ul, .staticObject dl {
  margin: 0;
}

.staticObject p, .staticObject li, .staticObject dt, .staticObject dd, .staticObject th, .staticObject td {
  font-size: 80%;
}

.staticObject td dt, .staticObject td dd, .staticObject li li {
  font-size: 100%;
}

.staticObject, .staticObject a:link, .staticObject a:visited, .staticObject a:focus, .staticObject a:hover, .staticObject a:active {
  color: #333333;
}

.staticObject div dl dt {
  font-weight: bold;
}

.staticObject div dl dd {
  margin: 0 0 5px 20px;
}


.staticObject div dl dd a.more {
  margin: 0 0 0 5px;
}


div#static-right-fit h4 {
  padding: 0;
}

div#static-right-fit h4 span {
  display: block;
  background-image: url(/images/static-object-right-fit_bg.gif);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding: 8px 10px 5px 50px;
}

div#static-subscribe p {
  margin: 0 0 15px 0;
}

div#static-subscribe form {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  font-size: 80%;
  margin: 0;
  padding: 0;
}

div#static-subscribe form fieldset {
  border-width: 0;
  border-style: none;
  margin: 0;
  padding: 0;
}

div#static-subscribe form div {
  background-image: none;
  background-color: transparent;
  width: 200px;
  margin: 0;
  padding: 0;
}

div#static-subscribe form div label {
  display: block;
  width: 200px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#static-subscribe form div input.inputText {
  float: left;
  width: 140px;
}

div#static-documents table.data thead tr th {
  padding: 3px;
}

div#static-documents table.data tbody td {
  border-top: 1px solid #333333;
  padding: 3px;
}

div#static-documents table.data thead th, div#static-documents table.data tbody td {
  vertical-align: top;
  text-align: left;
}

div#static-documents table.data tfoot td {
  border-top: 1px solid #333333;
  padding: 3px;
}

div#static-documents table.data tfoot td a img {
  margin: 0 5px 0 0;
}

div#static-documents table.data td dt a {
  display: block;
  background-image: url(/images/pdf_16x16.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 0 0 20px;
  min-height: 16px;
}

div#static-documents table.data td dd {
  margin: 0 0 0 20px;
}

body#page-products div#content h2 {
  background-image: url(/images/retail/h2_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -20px;
  padding-left: 40px;
}

div.floatCategories {
  width: 696px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

div.floatCategories div.addOns {
  position: absolute;
  top: 0;
  right: -160px;
  width: 160px;
  margin: 0;
  padding: 0;
  font-size: 80%;
}

div.floatCategories div.addOns div.embroidery, div.floatCategories div.addOns div.gift-certificates {
  background-position: top left;
  background-repeat: no-repeat;
  width: 160px;
  margin: 0 0 10px 0;
  padding: 0;
}

div.floatCategories div.addOns div.embroidery {
  background-color: #bdbdbd;
  background-image: url(/images/product-addon-body-embroidery_bg.gif);
}

div.floatCategories div.addOns div.gift-certificates {
  background-color: #d0d9b6;
  background-image: url(/images/product-addon-body-gift-certificates_bg.gif);
}

div.floatCategories div.addOns div div {
  background-image: url(/images/retail/product-category-footer_bg.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 15px 10px 10px 25px;
  width: 125px;
}

div.floatCategories div.addOns div div h3 {
  font-size: 12px;
  color: #333333;
}

div.floatCategories div.addOns div div h3 a:link, div.floatCategories div.addOns div div h3 a:visited, div.floatCategories div.addOns div div h3 a:focus, div.floatCategories div.addOns div div h3 a:hover, div.floatCategories div.addOns div div h3 a:active {
  color: #333333;
  text-decoration: none;
}

div.floatCategories div.addOns div div p {
  margin: 0;
}

div.floatCategory {
  float: left;
  background-color: #e6e6e6;
  background-image: url(/images/retail/product-category-default_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 160px;
  height: 264px;
  margin: 0 72px 14px 0;
  padding: 0;
  overflow: hidden;
  z-index: 1;
}

div.floatCategory div {
  background-image: url(/images/retail/product-category-footer_bg.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 124px;
  height: 254px;
  padding: 0 18px 10px 18px;
  margin: 0;
  font-size: 80%;
  overflow: hidden;
  z-index: 1;
}

div.floatCategory div h3 {
  background-image: url(/images/retail/white_bg.gif);
  background-position: top right;
  background-repeat: repeat-x;
  margin: 0 -18px 0 1px;
  padding: 0;
  font-size: 12px;
  color: #333333;
}

div.floatCategory div h3 a:link, div.floatCategory div h3 a:visited, div.floatCategory div h3 a:focus, div.floatCategory div h3 a:hover, div.floatCategory div h3 a:active {
  display: block;
  color: #333333;
  padding: 9px 3px 124px 3px;
  text-decoration: none;
}

div.category-tree {
  float: left;
  width: 200px;
  height: auto;
  margin: 0 0 0 0;
}

div.category-tree ul {
  margin: 0;
  padding: 0;
}

div.category-tree ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

div.category-tree ul li ul {
  margin: 0 0 0 20px;
}

div.category-tree ul li a {
  display: block;
  background-image: url(/images/category-tree-li_bg.gif);
  background-position: 7px 5px;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}

div.category-tree ul li.selected a {
  background-image: url(/images/category-tree-li-selected-1_bg.gif);
  background-position: 4px 2px;
}

div.category-tree ul li.selected ul li.selected a {
  background-image: url(/images/category-tree-li-selected-2_bg.gif);
  background-position: 6px 3px;
}

div.category-tree ul li.selected a, div.category-tree ul li.selected ul li.selected a {
  font-weight: bold;
}

div.category-tree ul li.selected ul li a {
  background-image: url(/images/category-tree-li_bg.gif);
  background-position: 7px 5px;
  font-weight: normal;
}

div.category-tree ul li a:link, div.category-tree ul li a:visited, div.category-tree ul li a:focus, div.category-tree ul li a:hover, div.category-tree ul li a:active {
  color: #333333;
}

div.category-tree ul li a:link, div.category-tree ul li a:visited {
  text-decoration: none;
}

div.category-tree ul li a:focus, div.category-tree ul li a:hover, div.category-tree ul li a:active {
  text-decoration: underline;
}

div.category-products {
  float: left;
  /*width: 630px;*/
  margin: 0 0 0 20px;
}

div.category-products div.box {
  position: relative;
  float: left;
  width: 200px;
  height: 240px;
  background-image: none;
  background-position: top left;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 0 10px 10px 30px;
  margin: 0 40px 80px 0;
  font-size: 90%;
  cursor: pointer;
}

div.category-products div.box h3 {
  background-image: url(/images/category-product-header_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 12px;
  margin: 0 50px 10px -30px;
  padding: 16px 0 0 21px;
  height: 3em;
}

div.category-products div.box.hover {
  background-image: url(/images/retail/category-product-body-hover_bg.gif);
}

div.category-products div.box.hover h3 {
  background-image: url(/images/retail/category-product-header-hover_bg.gif);
}

div.category-products div.box div.price {
  position: absolute;
  top: 16px;
  right: 10px;
  color: #990000;
}

div.category-products div.box p {
  margin: 0 0 10px 0;
}

div.category-products div.box a:link, div.category-products div.box a:visited, div.category-products div.box a:focus, div.category-products div.box a:hover, div.category-products div.box a:active {
  color: #333333;
}

div.category-products div.box a:link, div.category-products div.box a:visited {
  text-decoration: none;
}

div.category-products div.box.hover a:link, div.category-products div.box.hover a:visited, div.category-products div.box a:focus, div.category-products div.box a:hover, div.category-products div.box a:active {
  text-decoration: underline;
}

#footer {
  background-image: url(/images/retail/footer_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 8px 0;
  padding: 25px 15px 0 85px;
  height: 50px;
  font-size: 85%;
  color: #cccccc;
}

#footer #responsibly-made {
  float: left;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
  color: #cccccc;
  text-decoration: underline;
}

#footer ul#navigation-bottom {
  padding: 2px 0 0;
  margin: 0 0 8px 0;
  list-style-type: none;
  text-align: right;
}

#footer ul#navigation-bottom li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
}

#footer ul#navigation-bottom li.last {
  background-image: none;
  padding: 0;
  margin: 0;
}

#footer #copyright, #footer #copyright a:link, #footer #copyright a:visited, #footer #copyright a:focus, #footer #copyright a:hover, #footer #copyright a:active, 
#footer #powered, #footer #powered a:link, #footer #powered a:visited, #footer #powered a:focus, #footer #powered a:hover, #footer #powered a:active, 
#footer #legal, #footer #legal a:link, #footer #legal a:visited, #footer #legal a:focus, #footer #legal a:hover, #footer #legal a:active {
  color: #4c4c4c;
}

#footer #copyright {
  float: left;
  width: 60%;
  height: auto;
}

#footer #powered {
  float: left;
  width: 60%;
  height: auto;
}

#footer #legal {
  float: right;
  text-align: right;
  width: 39%;
  height: auto;
}