/* RESET */

@import url(reset.css);

/* GENERAL */

html {
  height: 100%;
}
body {
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  background: #fff url(/img/body_bg.png) repeat-y;
  height: 100%;
}
p, ul, ol, dl {
  margin: 0 0 1em;
  line-height: 1.4em;
  max-width: 600px;
}
strong {
  font-weight: bold;
}
label {
  font-size: 11px;
  font-weight: bold;
}
input.text, select, textarea {
  padding: 2px;
  font-size: 11px;
  background: #fff;
  border: 1px solid #666;
}

/* HEADERS */

h2 {
  margin: 0 0 20px;
  height: 44px;
  text-indent: -9000px;
}
h3 {
  margin: 0 0 .1em;
  font-size: 12px;
}
h4 {
  margin: 0 0 .2em;
  font-size: 12px;
}

/* LINKS */

a {
  color: #336600;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
.links a {
  text-decoration: none;
}
.links a:hover {
  text-decoration: underline;
}
.link_arrow {
  margin: 0 0 1.2em;
  clear: both;
}
.link_arrow a {
  padding: 0 0 0 21px;
  background: url(/img/arrow_right.png) no-repeat left 1px;
  text-decoration: none;
}
.link_arrow a:hover {
  background-position: left -19px;
  text-decoration: underline;
}

/* LISTS */

ul {
  margin: 0 0 1.2em 16px;
  line-height: 1.4em;
}
li {
  margin: 0 0 .2em;
  padding: 0 0 0 10px;
  background: url(/img/bullet.png) no-repeat 0 .6em;
}
ul ul {
  margin: 1em 0 0 1em;
}
dt {
  margin: 0 0 .4em;
  font-weight: bold;
}
dd {
  margin: 0 0 1em;
  line-height: 1.4em;
} 

/* TABLES */

table {
  margin: 0 0 0 0;
}
th {
  font-weight: bold;
}

caption {
  padding: 0 0 .6em; /* padding instead of margin for ie */
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
table.v-1 {
  margin: 0 0 25px;
}
table.v-1 tr.thead th {
  background: url(/img/th_bg.png) repeat-x 0 0;
}
table.v-1 th,td{
  padding: 5px 18px 5px 6px;
  text-align: left;
}
.sizechart {
  border-bottom: 1px solid #c6c6c6;
}
table.v-2 {
}
.
table.v-2 th,td{
  padding: 2px 0px 2px 0px;
  text-align: left;
  border:0px;
}
table.v-3 {
  margin:0;
  width:430px;
}
.gray {
  padding:5px 5px 5px 10px;
  background-color: #E5E6E8;  
}
table.v-3 td {
  padding:5px 8px 5px 0;
}
table.v-3 td .tableline{
  height:1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
}

table.v-3 textarea {
  width:402px;
  height:65px;
  margin:0 0 20px 0;
}


/* BACKGROUND */

/* this is generated by javascript */
#background-1  {
  background: url(/img/document_bg.png) repeat-x 190px 0;
  height: 100%;
}
/* this is generated by javascript */
#background-2  {
  background: url(/img/header_bg.png) no-repeat 0 0;
  height: 100%;
}

/* DOCUMENT */

#document {
  min-height:100%;
  margin: 0 0 -2em;
  min-width: 940px;
  overflow: hidden;
}
#documentFlash {
  margin: 0 0 0 0;
  min-width: 940px;
  _min-width: 940px;
  height:100%;

}

/* HEADER */

#header, #headerFlash {
  padding: 25px;
  width: 140px;
  float: left;
}
#headerFlash {
  padding:25px 20px 25px 30px;
}
#header h1 a, #headerFlash h1 a {
  margin-bottom: 20px;
  height: 35px;
  text-indent: -9000px;
  background: url(/img/logo.png) no-repeat center;
  display: block;
}
form#search {
  padding: 15px 0;
  border-top: 1px solid #ccc;
}
form#search input {
  width: 109px;
}

/* NAV */

#nav ul {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
}
#nav li {
  margin: 0;
  padding: 0;
  background: none;
}
#nav a {
  height: 25px;
  display: block;
  text-decoration: none;
  text-indent: -9000px; 
  background-position: -20px 0;
  background-repeat: no-repeat;
}
li#nav-1 a {
  background-image: url(/img/nav_1.png);
}
li#nav-2 a {
  background-image: url(/img/nav_2.png);
}
li#nav-3 a {
  background-image: url(/img/nav_3.png);
}
li#nav-4 a {
  background-image: url(/img/nav_4.png);
}

/* hover  */
#nav a:hover {
  background-position: -180px 0;
}

/* current */
.s-1 li#nav-1 a, .s-2 li#nav-2 a, .s-3 li#nav-3 a, .s-4 li#nav-4 a {
  background-position: -340px 0 !important;
}

/* NAV SUB */

#nav ul ul {
  margin: 0 0 5px;
  display: none;
}
#nav ul ul li {
  margin: 0 0 .2em;
}
#nav ul ul a {
  margin-right: 9px;
  padding-right: 10px;
  height: auto;
  display: block;
  font-size: 12px;
  text-decoration: none;
  text-indent: 0;
  text-align: right;
  color: #f4f4f4;
  background: url(/img/sub_bg.png) no-repeat right center !important;
}

/* show sub-nav for current section */
.s-1 li#nav-1 ul, .s-2 li#nav-2 ul, .s-3 li#nav-3 ul, .s-4 li#nav-4 ul{
  display: block;
}

/* hover  */
#nav ul ul a:hover {
  text-decoration: underline;
  background-position: right center;
}

/* current  */
.p-1 #sub-1 a, .p-2 #sub-2 a, .p-3 #sub-3 a, .p-4 #sub-4 a, .p-5 #sub-5 a, .p-6 #sub-6 a, .p-7 #sub-7 a, .p-8 #sub-8 a, .p-9 #sub-9 a{
  font-weight: bold;
  color: #fff;
  text-decoration: none !important;
}

/* TNAV*/

ul#tnav {
  margin: 0;
  padding: 15px 0 0;
  list-style-type: none;
  border-top: 1px solid #ccc;
}
ul#tnav li {
  margin: 0;
  padding: 0;
  background: none;
}
ul#tnav a {
  height: 25px;
  display: block;
  text-decoration: none;
  text-indent: -9000px; 
  background-position: -20px 0;
  background-repeat: no-repeat;
}
li#tnav-1 a {
  background-image: url(/img/tnav_1.png);
}
li#tnav-2 a {
  background-image: url(/img/tnav_2.png);
}
li#tnav-3 a {
  background-image: url(/img/tnav_3.png);
}
li#tnav-4 a {
  background-image: url(/img/tnav_4.png);
}



/* hover  */
#tnav a:hover {
  background-position: -180px 0;
}

/* current */
.account li#tnav-1 a, .cart li#tnav-2 a, .checkout li#tnav-3 a {
  background-position: -340px 0;
}

/* BREADCRUMB */

ul#breadcrumb {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  left: 215px;
}
ul#breadcrumb li {
  padding: 0 0 0 9px;
  display: inline;
  background: url(/img/breadcrumb_arrow.png) no-repeat left center;
}
ul#breadcrumb li.first {
  padding: 0;
  background: none;
}
ul#breadcrumb a {
  text-decoration: none;
}
ul#breadcrumb a:hover {
  text-decoration: underline;
}

/* BODY */

#body {
  margin: 0 0 0 190px;
  padding: 45px 25px 5em;
  width: 700px;
  overflow: hidden;
  position: absolute;

}
#bodyFlash {
  margin: 0 0 0 190px;
  width:auto;
  height:100%;
  min-width:430px;
}
.column-1 {
  float: left;
  width: 48%;
}
.column-2 {
  float: right;
  width: 48%;
}

/* CONTENT */

#content {
  padding: 0 20px 0 0;
  width: 430px;
  border-right: 1px solid #dcdcdd;
  float: left;
  min-height: 380px;
}

#contentMyAccount {
  padding: 0 0 0 0;
  width: 680px;
  float: left;
  min-height: 380px;
}

/* ASIDE */

#aside {
  padding: 90px 20px 15px;
  width: 190px;
  float: left;
  background: url(/img/sun_mountain_emblem.png) no-repeat 20px 0;
  font-size: .9em;
}
#aside h3 {
  margin: 0 0 7px;
  text-indent: -9000px;
  height: 12px;
}
#aside h3.sun {
  background: url(/img/txt3_sun.png) no-repeat;
}
#aside h3.news {
  background: url(/img/txt3_news.png) no-repeat;
}
#aside h3.locator {
  background: url(/img/txt3_locator.png) no-repeat;
}
#aside h3.email {
  margin: 0 0 10px;
  background: url(/img/txt3_email.png) no-repeat;
}
#aside h4 {
  margin: 0 0 .1em;
  font-size: 11px;
}
#aside ul {
  margin-left: 0;
}


/* FOOTER */

#footer {
  display: block;
  height: 2em;
  margin-top:-2em;
  text-indent: 8px;
  color: #ccc;
  background: #666;
  position: fixed;
  width:100%;
  bottom:0px;
  clear: both;
}
#footer p, #footer ul {
  margin: .7em 0 0;
  line-height: 1em !important;
  font-size: 85%;
  float: left;
}
#footer ul {
  padding: 0;
  list-style-type: none;
}
#footer li {
  margin: 0 4px;
  padding: 0;
  float: left;
  background: none;
  border-left: 1px solid #aaa;
}
#footer li.first {
  border-left: none;
}
#footer a {
  color: #ccc;
  text-transform: uppercase;
  text-decoration: none;
}

/* BOXES */

.box {
  margin: 7px 0 15px;
  padding: 10px 10px 13px;
  background: #fff url(/img/box_bg.png) repeat-x bottom;
  border: 1px solid #D6D6D6;
}
.boxbig {
  margin: 7px 0 15px;
  padding: 10px 10px 13px;
  background: #fff url(/img/box_bg.png) repeat-x bottom;
  border: 1px solid #D6D6D6;
}

/* these rules required for javascript-added drop-shadow effect */
.shadow {
  padding: 0 4px 4px 0; 
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  background: url(/img/shadow.gif) no-repeat right bottom;
    float: left;
}

/* SIMPLEMODAL */

#modalOverlay { background-color:#000; }
#modalContainer {
  width: 600px;
  padding: 10px 10px 13px;
  left: 50%;
  top: 50px;
  margin-left: -240px;
  border: 2px solid #555555;
  background: #fff;
}
#modalContainer a.modalCloseImg {
  background: url(/img/close.png) no-repeat center top;
  width: 40px;
  height: 30px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
#modalContainer a.modalCloseImg:hover {
  background-position: center -40px;
}
#modalContainer #basicModalContent {}


/* BUTTONS */

button, a.button {
  text-indent: -9000px;
  border: none;
  height: 27px;
  cursor: pointer;
  display: block;
}
button:hover, a.button:hover {
  background-position: 0 -31px !important;
}
button.arrow {
  width: 21px;
  height: 22px;
  background: url(/img/btn_arrow.png) no-repeat;
  display: inline;
  position: relative;
  top: 3px;
}
button.arrow:hover {
  background-position: 0 -30px !important;
}
button.add_cart {
  width: 128px;
  background: url(/img/btn_add_cart.png) no-repeat;
}
a.button.find_retailer {
  width: 147px;
  background: url(/img/btn_find_retailer.png) no-repeat;
}
button.check_out {
  width: 111px;
  background: url(/img/btn_check_out.png) no-repeat;
}
/* JHeng */
img.check_out {
  width: 111px;
  background: url(/img/btn_check_out.png) no-repeat;
}
input.update {
  width: 87px;
  border:0;
  background: url(/img/btn_update.png) no-repeat;
}
button.update {
  width: 87px;
  background: url(/img/btn_update.png) no-repeat;
}
/*JHeng */
button.continue_shop {
  width: 171px;
  background: url(/img/btn_continue_shop.png) no-repeat;
  margin-left:345px;
}
button.sign_in {
  width: 87px;
  background: url(/img/btn_sign_in.png) no-repeat;
}
a.button.continue {
  width: 105px;
  background: url(/img/btn_continue.png) no-repeat;
}
button.submit_search {
  width: 141px;
  background: url(/img/btn_submit_search.png) no-repeat;
}
button.submit {
  width: 88px;
  background: url(/img/btn_submit.png) no-repeat;
}
button.address_book {
  width: 122px;
  background: url(/img/btn_address_book.png) no-repeat;
}
button.order_history {
  width: 124px;
  background: url(/img/btn_order_history.png) no-repeat;
}
button.edit_account {
  width: 115px;
  background: url(/img/btn_edit_account.png) no-repeat;
}
button.continue_form {
  width: 90px;
  background: url(/img/btn_continue_form.png) no-repeat;
}
button.back {
  float:left;
  width: 70px;
  background: url(/img/btn_back.png) no-repeat;
}
button.delete {
  float:left;
  width: 70px;
  background: url(/img/btn_delete.png) no-repeat;
}
button.continue {
  float:right;
  width: 104px;
  background: url(/img/btn_continue.png) no-repeat;
}
button.continueleft {
  float:left;
  width: 104px;
  background: url(/img/btn_continue.png) no-repeat;
}
button.change_address {
  width: 141px;
  background: url(/img/btn_change_address.png) no-repeat;
}
button.redeem {
  width: 79px;
  background: url(/img/btn_redeem.png) no-repeat;
}
button.add_address {
  width: 117px;
  background: url(/img/btn_add_address.png) no-repeat;
}
button.confirm_order {
  width: 143px;
  background: url(/img/btn_confirm_order.png) no-repeat;
}
/* ACCORDION */

.accordion {
  margin: 0 0 2em;
}
.accordion-topic {
  margin: 0 0 .9em;
  color: #336600;
  font-weight: bold;
}
.accordion-topic span.inner {
  padding: 0 15px 0 0;
  background: url(/img/arrow_hide.png) no-repeat right;
}
.accordion-panel {
  margin: 0 0 12px;
}
.accordion .on {
  margin-bottom: .4em;
}
.accordion .on span.inner {
  background: url(/img/arrow_show.png) no-repeat right;
}
.accordion .hover {
  cursor: pointer;
}

/* ERRORS */

.error {
  color: #ff0000;
}
ul.error {
  margin: 0 0 12px;
  padding: 5px 8px 0px;
  border: 1px solid #ff0000;
  list-style-type: none;
}
ul.error li {
  margin: 0 0 5px;
}

/* MISC */

.hide {
  display: none;
}
.clear {
  clear: both;
}
.small {
  font-size: .9em;
}
.ucase {
  text-transform: uppercase;
}
.alert {
  color: #ff0000;
}
.black {
  color: #000;
  font-weight: bold!important;
}

/* PAGE HEADERS */

.s-1.p-0 h2 {
  background: url(/img/txt1_products.png) no-repeat;
}
.s-1.p-1 h2 {
  background: url(/img/txt1_outerwear.png) no-repeat;
}
.s-1.p-2 h2 {
  background: url(/img/txt1_bags.png) no-repeat;
}
.s-1.p-2.a h2 {
  background: url(/img/txt1_carry.png) no-repeat;
}
.s-1.p-3 h2 {
  background: url(/img/txt1_carts.png) no-repeat;
}
.s-1.p-4 h2 {
  background: url(/img/txt1_accessories.png) no-repeat;
}
.s-2 h2 {
  background: url(/img/txt1_school.png) no-repeat;
}
.s-3.p-0 h2 {
  background: url(/img/txt1_support.png) no-repeat;
}
.s-3.p-1 h2 {
  background: url(/img/txt1_faq.png) no-repeat;
}
.s-3.p-2 h2 {
  background: url(/img/txt1_locator.png) no-repeat;
}
.s-3.p-3 h2 {
  background: url(/img/txt1_warranty.png) no-repeat;
}
.s-3.p-4 h2 {
  background: url(/img/txt1_size.png) no-repeat;
}
.s-3.p-5 h2 {
  background: url(/img/txt1_custom.png) no-repeat;
}
.s-3.p-6 h2 {
  background: url(/img/txt1_policies.png) no-repeat;
}
.s-3.p-7 h2 {
  background: url(/img/txt1_shipping.png) no-repeat;
}
.s-3.p-8 h2 {
  background: url(/img/txt1_tracking.png) no-repeat;
}
.s-4.p-0 h2 {
  background: url(/img/txt1_about.png) no-repeat;
}
.s-4.p-1 h2 {
  background: url(/img/txt1_contact.png) no-repeat;
}
.s-4.p-2 h2 {
  background: url(/img/txt1_press.png) no-repeat;
}
.s-4.p-3 h2 {
  background: url(/img/txt1_history.png) no-repeat;
}
.search h2 {
  background: url(/img/txt1_searchresults.png) no-repeat;
}
.cart h2 {
  background: url(/img/txt1_cart.png) no-repeat;
}
.login h2 {
  background: url(/img/txt1_login.png) no-repeat;
}
.myaccountinformation h2 {
  background: url(/img/txt1_myaccountinformation.png) no-repeat;
}
.congratulations h2 {
  background: url(/img/txt1_congratulations.png) no-repeat;
}
.paymentinformation h2 {
  background: url(/img/txt1_payment_information.png) no-repeat;
}
.deliveryinformation h2 {
  background: url(/img/txt1_delivery_information.png) no-repeat;
}
.confirmorder h2 {
  background: url(/img/txt1_confirm_order.png) no-repeat;
}
.checkout h2 {
  background: url(/img/txt1_check_out.png) no-repeat;
}


/* HOME */



/* PRODUCTS - HOME */

/* headers */
.s-1.p-0 #cat-1 h3 {
  background: url(/img/txt2_outerwear.png) no-repeat;
}
.s-1.p-0 #cat-2 h3 {
  background: url(/img/txt2_bags.png) no-repeat;
}
.s-1.p-0 #cat-3 h3 {
  background: url(/img/txt2_carts.png) no-repeat;
}
.s-1.p-0 #cat-4 h3 {
  background: url(/img/txt2_accessories.png) no-repeat;
}

/* images */
.s-1.p-0 #cat-1 .inner {
  background: url(/img/cat_apparel.jpg) no-repeat right;
}
.s-1.p-0 #cat-2 .inner {
  background: url(/img/cat_bags.jpg) no-repeat right;
}
.s-1.p-0 #cat-3 .inner {
  background: url(/img/cat_carts.jpg) no-repeat right;
}
.s-1.p-0 #cat-4 .inner {
  background: url(/img/cat_accessories.jpg) no-repeat right;
}

/* PRODUCTS - CATEGORY LISTING */

/* layout */
.category .box {
  margin: 0 0 20px 20px;
  padding: 0;
  float: left;
}
.category .box.first {
  margin-left: 0;
}
.category .box .inner {
  padding: 10px;
  width: 312px;
  height: 217px;
}

/* layout for acessories*/
.category .boxbig {
  margin: 0 0 20px 20px;
  padding: 0;
  float: left;
}
.category .boxbig.first {
  margin-left: 0;
}
.category .boxbig .inner {
  padding: 10px;
  width: 312px;
  height: 244px;
}

/* text */
.category .box h3 {
  margin: 0 0 8px;
  height: 18px;
  text-indent: -9000px;
}

/*JHeng - Modified width to be larger to handle new width */
.category .box a {
  display: block;
  width: 300px;
  text-decoration: none;
}
.category .box a:hover {
  text-decoration: underline;
}
.category .box ul {
  margin: 0;
  line-height: 1.2em;
  list-style-type: none;
}
.category .box li {
  margin: 0 0 .2em;
  padding: 0;
  background: none; 
}
.category .box li span{
  font-style: italic;
}


/* text for accessories */
.category .boxbig h3 {
  margin: 0 0 8px;
  height: 18px;
  text-indent: -9000px;
}
.category .boxbig a {
  display: block;
  width: 160px;
  text-decoration: none;
}
.category .boxbig a:hover {
  text-decoration: underline;
}
.category .boxbig ul {
  margin: 0;
  line-height: 1.2em;
  list-style-type: none;
}
.category .boxbig li {
  margin: 0 0 .2em;
  padding: 0;
  background: none; 
}


/* 'see all' link */
.link_all {
  margin: -10px 0 10px;
  text-align: right;
  clear: both;
}
.link_all a {
  padding: 0 23px 0 0;
  background: url(/img/arrow_right.png) no-repeat right 1px;
  text-decoration: none;
}
.link_all a:hover {
  background-position: right -19px;
  text-decoration: underline;
}

/* PRODUCTS - PRODUCT LISTING */

#body.product {
  padding-right: 0; /* because of 'fluid' product listing */
  width: auto;
  min-width: 705px; 
}
#body.product .link_all {
  margin-right: 35px; /* because of 'fluid' product listing */
}

/* layout */
.product .box {
  margin: 0 15px 15px 0;
  width: 192px;
  height: 192px;  
  position: relative;
  float: left;
}
.product .box h3 a {
  text-decoration: none;
  text-transform: uppercase;
}
.product .box img {
  position: absolute;
  bottom: 10px;
  left: 25px;
}

/* layout for accessories*/
.product .boxbig {
  margin: 0 15px 15px 0;
  width: 134px;
  height: 192px;  
  position: relative;
  float: left;
}
.product .boxbig h3 a {
  text-decoration: none;
  text-transform: uppercase;
}
.product .boxbig img {
  position: absolute;
  bottom: 10px;
  left: 25px;
}


/* PRODUCTS - BAGS */

/* outerwear box text */
.s-1.p-1 #cat-1 h3 {
  background: url(/img/txt2_mensRainflex.png) no-repeat;
}
.s-1.p-1 #cat-2 h3 {
  background: url(/img/txt2_womensRainflex.png) no-repeat;
}
.s-1.p-1 #cat-3 h3 {
  background: url(/img/txt2_mensOuterwear.png) no-repeat;
}
.s-1.p-1 #cat-4 h3 {
  background: url(/img/txt2_womensOuterwear.png) no-repeat;
}
/* outerwear box image */
.s-1.p-1 #cat-1 .inner {
  background: url(/img/outwear_mensRainflex.jpg) no-repeat 95%;
}
.s-1.p-1 #cat-2 .inner {
  background: url(/img/outwear_womensRainflex.jpg) no-repeat 95%;
}
.s-1.p-1 #cat-3 .inner {
  background: url(/img/outwear_mensOuterwear.jpg) no-repeat 95%;
}
.s-1.p-1 #cat-4 .inner {
  background: url(/img/outwear_womensOuterwear.jpg) no-repeat 95%;
}

/* bags box text */
.s-1.p-2 #cat-1 h3 {
  background: url(/img/txt2_carry.png) no-repeat;
}
.s-1.p-2 #cat-2 h3 {
  background: url(/img/txt2_crossover.png) no-repeat;
}
.s-1.p-2 #cat-3 h3 {
  background: url(/img/txt2_cart.png) no-repeat;
}
.s-1.p-2 #cat-4 h3 {
  background: url(/img/txt2_womens.png) no-repeat;
}
/* bags box image */
.s-1.p-2 #cat-1 .inner {
  background: url(/img/bag_carry.jpg) no-repeat 95%;
}
.s-1.p-2 #cat-2 .inner {
  background: url(/img/bag_crossover.jpg) no-repeat 95%;
}
.s-1.p-2 #cat-3 .inner {
  background: url(/img/bag_cart.jpg) no-repeat 95%;
}
.s-1.p-2 #cat-4 .inner {
  background: url(/img/bag_womans.jpg) no-repeat 95%;
}

/* carts box text */
.s-1.p-3 #cat-1 h3 {
  background: url(/img/txt2_powerAssistedCarts.png) no-repeat;
}
.s-1.p-3 #cat-2 h3 {
  background: url(/img/txt2_pushCarts.png) no-repeat;
}
.s-1.p-3 #cat-3 h3 {
  background: url(/img/txt2_speedCartRentals.png) no-repeat;
}
/*.s-1.p-3 #cat-4 h3 {
  background: url(/img/txt2_womensOuterwear.png) no-repeat;
}*/

/* carts box image */
.s-1.p-3 #cat-1 .inner {
  background: url(/img/carts_powerAssisted.jpg) no-repeat 95%;
}
.s-1.p-3 #cat-2 .inner {
  background: url(/img/carts_v2.jpg) no-repeat 95%;
}
.s-1.p-3 #cat-3 .inner {
  background: url(/img/carts_rental.jpg) no-repeat 95%;
}
/* .s-1.p-3 #cat-4 .inner {
  background: url(/img/) no-repeat 95%;
}*/

/* accessories box text */
.s-1.p-4 #cat-1 h3 {
  background: url(/img/txt2_outerwear.png) no-repeat;
}
.s-1.p-4 #cat-2 h3 {
  background: url(/img/txt2_carts.png) no-repeat;
}
.s-1.p-4 #cat-3 h3 {
  background: url(/img/txt2_bags.png) no-repeat;
}
.s-1.p-4 #cat-4 h3 {
  background: url(/img/txt2_specialties.png) no-repeat;
}
/* accessories box image */
.s-1.p-4 #cat-1 .inner {
  background: url(/img/accessories_outerwear.jpg) no-repeat 95%;
}
.s-1.p-4 #cat-2 .inner {
  background: url(/img/accessories_carts.jpg) no-repeat 95%;
}
.s-1.p-4 #cat-3 .inner {
  background: url(/img/accessories_bags.jpg) no-repeat 95%;
}
.s-1.p-4 #cat-4 .inner {
  background: url(/img/accessories_specialties.jpg) no-repeat 95%;
}

/* PRODUCTS - DETAIL */

/* description area */
.detail #desc {
  padding: 10px 20px;
  width: 360px;
  font-size: 11px;
  float: right;
}
.detail #desc h3 {
  font-size: 24px;
  text-transform: uppercase;
}
.detail #desc p.subhead {
  margin-top: -4px;
  font-size: 1.1em;
}
.detail #desc h4 {
  font-size: 15px;
}
.detail #desc ul {
  margin-left: 0;
}

/* product shot area */
.detail .box {
  width: 260px;
  float: left;
  position: relative;
  text-align: center;
}
.detail .boxbig {
  width: 260px;
  float: left;
  position: relative;
  text-align: center;
}
.detail a.enlarge {
  text-indent: -9000px;
  background: url(/img/enlarge.png) no-repeat;
  width: 36px;
  height: 34px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.detail a.enlarge:hover {
  background-position: 0 -40px;
}
/* 2010-03-22 Alt. View */
.detail a.altview {
  color: #336600;
  position: absolute;
  top: 15px;
  left: 15px;
  text-decoration: none;
}
.detail a.altview:hover {
  color: #666;
  text-decoration: underline;
}
/* 2010-03-22 Alt. View */
.detail a#product_shot {
  margin: 0 auto 15px;
  padding: 10px 0;
  display: block;
  width: 193px;
  height: 255px;
}
.detail .box button, .detail .box a.button {
  margin: 0 auto;
}
.detail .box h4, .detail .box p {
  text-align: left;
}
.detail .boxbig button, .detail .box a.button {
  margin: 0 auto;
}
.detail .boxbig h4, .detail .box p {
  text-align: left;
}
.detail form {
  margin: 0 0 15px;
  padding: 0 0 20px;
  border-bottom: 1px solid #bdbdbd;
}

/* product color swatches - the html for this is generated by javascript */
.detail .color {
  font-size: 1.1em;
}
.detail .color span {
  margin: 7px 3px 17px;
  width: 20px;
  height: 20px;
  display: -moz-inline-box;
  display: inline-block;
  border: 1px solid #336600;
  cursor: pointer;
}
.detail .color span:hover {
  width: 18px;
  height: 18px;
  border-width: 2px;
}
.detail .color span.selected {
  width: 20px;
  height: 20px;
  border: 3px solid #000;
  cursor: default;
  position: relative;
  top: 2px;
}
.detail span.red { background: #ac2e39; }
.detail span.gold { background: #fff; }
.detail span.plum { background: #fcba2b; }
.detail span.baltic { background: #314f87; }
.detail span.lava { background: #dfdc2c }
.detail span.black { background: #000; }

/* enlarge product pop-up */
.pop {
  margin: 0 auto;
  width: 536px;
  clear: both;
}

/* product nav */
ul.pro_nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
  height: 25px;
  position: relative;
  top: 5px;
  min-width: 100%;
}
ul.pro_nav li {
  margin: 0;
  padding: 0;
  background: none;
}
ul.pro_nav a {
  padding: 0 0 0 18px;
  position: absolute;
  top: 0;
  background-position: 0 1px;
  background-repeat: no-repeat;
  text-decoration: none;
}
ul.pro_nav a:hover {
  background-position: 0 -19px;
  text-decoration: underline;
}
li.pro_nav-1 a {
  left: 0;
  background-image: url(/img/arrow_left.png);
}
li.pro_nav-2 a {
  left: 45%;
  background-image: url(/img/arrow_up.png);
}
li.pro_nav-3 a {
  right: 0;
  background-image: url(/img/arrow_right.png);
}

/* RETAIL LOCATOR */

form#locator div {
  float: left;
}
form#locator label {
  margin: 0 0 2px;
  display: block;
}
form#locator input, form#locator select {
  margin: 0 0 10px;
}
input#locator-2, select#locator-3 {
  margin-right: 14px !important;
}
form#locator button {
  margin: 20px 0 0;
}

/* form field sizes */
input#locator-1 { width: 230px; }
input#locator-2 { width: 170px; }
select#locator-3 { width: 50px; }
input#locator-4, input#locator-4 { width: 100px; }

/* CONTACT */

form#contact div {
  float: left;
}
form#contact label {
  margin: 0 0 2px;
  display: block;
}
form#contact input.text, form#contact select, form#contact textarea {
  margin: 0 0 10px;
}
input#contact-1, input#contact-3, input#contact-5, select#contact-6, input#contact-6 {
  margin-right: 14px !important;
}

/* radio buttons and checkboxes */
form#contact div.radio, form#contact div.checkbox {
  margin: 0 0 20px;
  float: none;
}
form#contact div.radio label {
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: normal;
  display: inline;
}
form#contact div.checkbox {
  margin: 15px 0 20px;
  float: none;
}
form#contact div.checkbox input {
  float: left;
}
form#contact div.checkbox label {
  margin: 0 0 0 25px;
  padding: 2px 0 0;
}
form#contact button {
  margin: 0 auto 20px;
}

/* form field sizes */
form#contact input.text { width: 202px; }
input#contact-5, input#contact-7 { width: 170px !important; }
input#contact-6 { width: 44px !important;  }
select#contact-6 { width: 50px; }
form#contact textarea { width: 424px; height: 60px; }

/* WARRANTY */

#warranty {
  width:430px;
}
form#warranty div {
  float: left;
}
form#warranty label {
  margin: 0 0 2px;
  display: block;
}
form#warranty input.text, form#warranty textarea {
  margin: 0 0 10px;
}
form#warranty select {
  margin: 0 0 10px 0;
}
input#warranty-1, input#warranty-3, input#warranty-5, select#warranty-6, input#warranty-8, input#warranty-10, input#warranty-12, select#warranty-14, select#warranty-17  {
  margin-right: 14px !important;
}

/* radio buttons and checkboxes */
form#warranty div.radio, form#warranty div.checkbox,form#warranty div td {
  margin: 0 0 10px;
  border:0px !important;
  padding:3px;
  float: none;
}
form#warranty div.radio label {
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: normal;
  display: inline;
}
form#warranty div.checkbox {
  margin: 15px 0 20px;
  float: none;
}
form#warranty div.checkbox input {
  float: left;
}
form#warranty div.checkbox label {
  margin: 0 0 0 25px;
  padding: 2px 0 0;
}
form#warranty button {
  margin: 0 auto 20px;
}

/* form field sizes */
/* JHeng - Modified to suit the existing warranty reg fields */
#warranty-11 { width:208px; }
form#warranty input.text { width: 202px; }
input#warranty-5 { width: 170px !important; }
input#warranty-7 { width: 120px !important; }
select#warranty-6 { width: 100px; }
select#warranty-11 { width: 208px!important; }
#warranty-18 { margin-left: 20px; }
form#warranty textarea { width: 424px; height: 60px; }

/* MY ACCOUNT INFORMATION */

#accountinfo {
  width:430px;
}
form#accountinfo div {
  float: left;
}
form#accountinfo label {
  margin: 0 0 2px;
  display: block;
}
form#accountinfo input.text, form#accountinfo textarea {
  margin: 0 0 10px;
}
form#accountinfo select {
  margin: 0 0 10px 0;
}
input#accountinfo-2, input#accountinfo-5, input#accountinfo-7, select#accountinfo-8, input#accountinfo-11, input#accountinfo-13 {
  margin-right: 14px !important;
}

/* radio buttons and checkboxes */
form#accountinfo div.radio, form#accountinfo div.checkbox,form#accountinfo div td {
  margin: 0 0 10px;
  border:0px !important;
  padding:3px;
  float: none;
}
form#accountinfo div.radio label {
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: normal;
  display: inline;
}
form#accountinfo div.checkbox {
  margin: 15px 0 20px;
  float: none;
}
form#accountinfo div.checkbox input {
  float: left;
}
form#accountinfo div.checkbox label {
  margin: 0 0 0 25px;
  padding: 2px 0 0;
}
form#accountinfo button {
  margin: 0 auto 20px;
}

/* form field sizes */

form#accountinfo input.text { width: 202px; }
input#accountinfo-7 { width: 170px !important; }
select#accountinfo-8 { width: 50px; }
input#accountinfo-9 { width: 170px !important; }
#accountinfo-11 { width:208px; }
form#accountinfo textarea { width: 424px; height: 60px; }



/* FORGOT PASSWORD */

#forget_password {
  width:430px;
}
form#forget_password div {
  
}
form#forget_password label {
  margin: 0 0 2px;
  display: block;
}
form#forget_password input.text, form#forget_password textarea {
  margin: 0 0 10px;
}
form#forget_password select {
  margin: 0 0 10px 0;
}
input#forget_password-1 {
  margin-right: 14px !important;
}




/* CART */

.cart .box {
  padding-bottom: 50px;
  position: relative;
}
.cart input.qty {
  width: 24px;
}
.cart th.wide {
  width: 400px;
}
.cart tr.last td{
  font-weight: bold;
  text-align: right;
  border-bottom: none;
}
.cart .box button, .cart .box a.button {
  position: absolute;
  bottom: 20px;
}
.cart button.check_out {
  right: 10px;
}
.cart button.update {
  left: 10px;
}
.cart a.button.continue_shop {
  right: 130px;
}

/* LOGIN */

.login .box {
  min-height: 140px;
  position: relative;
}
.login h4 {
  margin: 0 0 1.6em;
}
.login .box button, .login .box a.button {
  position: absolute;
  bottom: 15px;
  right: 10px;
}
form#login label {
  margin: 0 5px 10px 0;
  display: inline-block;
  width: 90px;
  text-align: right;
}
form#login input {
  margin: 0 0 10px;
  width: 160px; 
}
input#login-1 {
  width: 160px;
  margin-right: 14px !important;
}
input#login-2 {
  width: 120px;
}
form#login p {
  position: absolute;
  bottom: 7px;
  left: 10px;
}

/* MISC */

.loading {
  background: url(/img/loading.gif) no-repeat 50% 50%;
  height: 100%;
  width: 100%;
}
.get_adobe a {
  text-indent: -9000px;
  width: 124px;
  height: 31px;
  display: block;
  background: url(/img/get_adobe.png) no-repeat;
}
#embroidery_images img {
  padding: 8px 8px 0 0;
}

input.avail-colors
{
  font-size: 11px;
  font-weight:bold;
  color: #777;
  border:0;
  background-color:#fff;
}

.textbold{
  font-weight: bold;
  padding:30px 0 10px 0;
}
.textboldpad{
  font-weight: bold;

}

tr.sub_total
{
  /*border:1px solid black;*/
}

td.sub_total_item
{
  text-align:right;
}

 td.sub_total_price
{
  text-align:right;
}

.warning
{
  color:red;
}

.infoBoxNoticeContents
{
  color:red;
  color:red;
}

/* JHeng */
/* Left Navigation Styles for links that don't use background images */
li#tnav-no-img {
  margin: 0;
  padding: 7px 3px 0px 0px;
  list-style-type: none;
}
li#tnav-no-img li {
  margin: 0;
  padding: 0;
  background: none;
}
li#tnav-no-img a {
  font-family:arial,helvetica,verdana;
  font-size:13px;
  display: block;
  text-decoration: none;
}
li#tnav-no-img a:hover {
  text-decoration: underline;
}
li#tnav4-no-img {
  font-size: 11px;
  color:#252525;
}

/**/