/* resets/fonts/globals *//*{{{*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:1.22em;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts */
body {font:14px "times new roman",times,serif;}
table {font-size:inherit;font:100%;}
address {
    padding: 0 0 1em 0.5em;
}
blockquote {
    padding: 0 0 1em 2.5em;
}
blockquote .attrib {
    text-align: right;
    padding-right: 30%;
}
select, input, textarea {
    font:99% "times new roman",times,serif;
    border: 1px solid #333;
}
input[type="image"], input.imagetype {
    border: 0;
}
input[type="submit"], input.submittype {
    border: 1px outset black;
    text-align: center;
    background: #000;
    color: #988344;
    padding: 0.5em;
}
pre, code {font:115% monospace;*font-size:100%;}
p {
    padding-bottom: 1em;
}
h1 {
    font-size: 128%;
    font-weight: bold;
    padding-bottom: 1em;
}
h2 {
    font-size: 171%;
    font-weight: normal;
    padding-bottom: 0.7em;
    color: #988344;
}
.commonInner h2 {
    font-size: 111%;
    font-weight: normal;
    padding-bottom: 0;
    color: #988344;
}

/* base */
.clear:after {
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
  clear: both;
}
* html .clear {height: 1%;}

a.imap { /* hidden link text w graphic as BG of parent */
  display: block;
  width: 100%;
  height: 11px;
  /* border: 1px solid green; */
}
a.imap span { display: none; } /* for link text to be hidden */

a, a:visited, a:link, a:active {
   color: #988344;
   text-decoration: none;
}
a:hover {
    color: #695a2f;
}


/* base */
body {
    text-align: center;
	background-color: #f2ead6;
	color: #333;
}


table td {
	vertical-align: top;
}
/*}}}*/



/* header */
#hdr1 {
    min-height: 199px;
    _height: 199px;
    border-bottom: 6px solid #988344;
    background: #f2ead6 url(../img/bg.header.gif) no-repeat 211px center;
    min-width: 1003px;
    _width: 1003px;
}
#logo1 {
    position: absolute;
    left: 27px;
    top: 22px;
    width: 202px;
    height: 164px;
    background: url(../img/ww-logo.gif) no-repeat;
}
#logo1 a {
    height: 164px;
}
#outW {
    text-align: left;
}


/* nav */
#nav1 {
    position: absolute;
    left: 285px;
    top: 170px;
    min-width: 51em;
    text-align: left;
}
#nav1 ul {
    list-style-type: none;
}
#nav1 li {
    float: left;
    font-size: 114%;
    padding-right: 1.2em;
    text-transform: uppercase;
}
#nav1 li a:hover {
}


/* main */
#outW {
    position: relative;
    background: #f2ead6 url(../img/bg.faux.gif) repeat-y;
    border-bottom: 6px solid #988344;
}
/* wider 381px dark bar for all pages with photos on left */
#wwhome #outW, #page_company #outW, #page_endorsements #outW, #page_policies #outW {
    background: #f2ead6 url(../img/bg.faux2.gif) repeat-y;
}
#wwhome #outW {
    border: 0;
    background: #f2ead6;
}
#homeW {
    min-width: 998px;
    _width: 998px;
    border-bottom: 6px solid #988344;
}
#founder-msg {
    float: left;
    width: 381px;
    text-align: center;
    padding-top: 22px;
}
#promomsg1 {
    text-align: center;
}
#promomsg1 h2 {
    padding: 0;
    margin: 0 0 0 381px;
    width: 620px;
    height: 74px;
    background: url(/img/homefooterjumper2009.gif) no-repeat center center;
}
#promomsg1 h2 span {
    display: none;
}
#promomsg1 h2.sue {
    width: 632px;
    background-image: url(/img/homefooterquote.gif);
    margin-left: 369px
}


.leftalign {
    float: left;
}
img.rightalign {
    float: right;
}
div.homeInner {
    float: left;
    padding: 5px 1em 0 1em;
    width: 284px;
    line-height: 1.1em;
}
div.homeInner h1 {
    padding-bottom: 0.5em;
}
div.homeInner p {
    padding-bottom: 0.5em;
}
#homeW a.leftalign {
    padding-top: 14px;
}
#cHome3 {
    text-align: center;
}
#cHome3 img.ntHdr {
    margin-left: 14px;
    margin-bottom: 12px;
}

div.commonInner {
    padding: 0.8em 3em 0.8em 1em;
    line-height: 1.3em;
    margin-left: 388px;
}
.commonLeftImg {
    float: left;
    margin-right: 1.5em;
    width: 381px;
}
.commonLeftImg img {
    margin-bottom: 4px;
}
.commonRightImg {
    float: right;
    margin-left: 1.5em;
}

.photoCaption {
    text-align: right;
    font-size: 0.9em;
    padding: 0 0.5em;
}

#productNav {
    position: absolute;
    left: 0;
    width: 248px; 
    margin-right: 27px; 
    padding-top: 6px;
    background-color: #e7dec7;
}
#productNav img.ntHdr {
    margin-left: 16px;
}

#productNav ul {
    position: relative;
    top: -1.6em;
    font-size: 17px;
    padding-left: 22px;
}
#productNav ul li {
    padding-top: 1.6em;
}
#productNav ul ul {
    top: 0;
    padding-left: 1em;
}
#productNav ul ul li {
    padding-top: 0;
}
#contactInfo {
    width: 222px; 
    float: left; 
    margin-right: 27px; 
    padding-top: 1.6em;
    background-color: #e7dec7;
    padding-left: 26px;
    padding-bottom: 1.6em;
}

p.lighter {
   color: #988344;
}
div.innerW {
    padding-top: 15px;
    width: 711px;
    min-height: 470px;
    _height: 470px;
    margin-left: 276px;
    padding-bottom: 50px;
    position: relative;
}

div.productList {
    padding-bottom: 1em;
}
div.productList a.image {
    float: left;
}
div.productList div.descr {
    margin: 0 130px 0 133px;
    color: #333;
}
div.productList h3 {
    margin: 0 1em 0 133px;
    text-transform: uppercase;
    font-size: 128%;
    font-weight: normal;
}
div.productList h3 a {
    color: #333;
}
div.productList form {
    float: right;
    padding-right: 15px;
}


h3.prodcatH {
    color: #988344;
}


#apparelListW div.productList h3 {
    text-transform: none;
}
#apparelListW div.descr {
    color: #988344;
}

#miniCart {
    float: left;
    width: 185px;
    padding: 25px 0 0 26px;
    font-size: 90%;
}
#miniCart strong {
    font-weight: normal;
}
#miniCart div {
}
#miniCart td {
    padding: 0 0.5em;
}


.prDetailPicsW, .prRefillPic {
    float: left;
    /* width: 294px; */
    text-align: center;
}
.prRefillPic {
    float: right;
}
.apparelW .prDetailPicsW {
    margin: 45px 0;
}
.prRefillPic {
    margin-bottom: 4em;
}
.prDetailDesc, .prDetailDescExtra {
    margin-left: 290px;
    padding: 0 1em;
    border-left: 1px solid #988344;
}
.apparelW .prDetailDesc, .apparelW .prDetailDescExtra {
    padding: 45px 1em;
}
.prDetailDescExtra {
    margin-left: 314px;
}
.prPrice {
    padding: 1.4em 0;
    font-weight: bold;
}
.prOptionSelect, .prQtySelect {
    padding: 10px 0;
}
.prOptionSelect {
    margin: 0 50px 0 0;
    color: #000;
}
.prQtySelect label,
.prOptionSelect label {
    float: left;
    width: 6em;
    text-align: right;
    padding-right: 0.2em;
}
.prBtn {
    padding: 2.4em 0;
}

option.optnull {
    color: #999;
}

#prDetailPic img {
    float: left;
}

#prAddPics div {
    float: right;
}

#mainPic {
    max-width: 250px;
}

.userIndicator {
    font-weight: bold;
    border: 1px solid #988344;
    padding: 0.5em;
    background: #f8f4eb url(/img/bg.notice.gif) no-repeat 5px center;
    padding-left: 35px;
}

a#cmContinueShopping {
    position: absolute;
    left: -256px;
    display: block;
    text-align: left;
    padding: 0.4em 0 0.4em 26px;
    background: url(/img/bg.arrows1.gif) no-repeat 7px 7px;
}

#cmCartListing table {
    width: 50em;
}
#cmCartListing td, #cmCartListing th {
    padding: 0.4em;
}
#cmCartListing th {
    font-weight: normal;
    padding-bottom: 0;
    border-bottom: 1px solid #988344;
}
.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}
.aligncenter {
    text-align: center;
}
input.cartQty {
}
tr.carttotal {
    font-weight: bold;
}
#opCartEmpty {
    border: 0;
	background-color: #f2ead6;
    color: #988344;
    cursor: pointer;
}
#cartControlButtons {
    text-align: right;
    width: 50em;
}
.policyNotice {
    font-size: 90%;
    padding-top: 2em;
    margin: 0 0 20px 276px;
}

#cartWrapper, #checkoutWrapper {
    position: relative;
    margin: 0 20px 0 276px;
    padding-top: 25px;
    padding-bottom: 50px;
    z-index: 1;
}


.cartLoginFormBox {
    padding: 1em 0;
    border-bottom: 1px solid #988344;
}
.cartLoginFormBox p {
    padding: 0;
}
.cartLoginFormBox table.login {
    margin: 1em 0 0 0;
}
.cartLoginFormBox table.login td {
    padding-right: 0.4em;
    vertical-align: middle;
}

div.userError {
    padding: 0.5em;
    border: 1px solid #988344;
    background: #f8f4eb url(/img/bg.error.gif) no-repeat 5px 9px;
    padding-left: 35px;
}
div.userError ul {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 1em;
    text-indent: -1em;
}

#checkoutCartSteps {
    font-size: 90%;
    color: #333;
    padding-bottom: 0.2em;
}
#checkoutCartSteps .cartStepCurr {
    font-weight: bold;
}
#checkoutCartSteps .cartStepPrev {
    color: #555;
}
.formReqStar {
    color: #988344;
    font-weight: bold;
}
.reqFieldNotice {
}
h2.checkoutSectionHeader {
    font-weight: bold;
    font-size: 110%;
    padding: 0;
}
.userInstruction {
    border: 0;
    padding: 0;
    font-weight: normal;
}
.userHelpText {
    font-size: 90%;
}



.checkoutFormBox {
    padding: 0.5em 0;
}
.checkoutFormBox p {
    padding: 0;
}
.checkoutFormBox table {
    margin: 0 0 1em 0;
}
.checkoutFormBox table td {
    padding: 0.2em 0.4em;
}
.checkoutFormBox .paymentType {
    padding-top: 0.5em;
}


.formexFieldSubmit input {
    border: 1px outset black;
    text-align: center;
    background: #000;
    color: #988344;
    padding: 0.5em;
}
.formexFieldRadio input {
    border: 0;
}
input#f_op_login {
    padding: 0 0.5em;
    font-size: 99%;
}
.checkoutSubmitButtonArea {
    text-align: right;
}
#checkoutPaymentCardTypeSelection {
    background: url(/cart/images/4-Credit-Card-Logos-Small.gif) no-repeat right center;
    padding-right: 198px;
}
#checkoutPaymentCardTypeSelection img {
    margin-right: 6px;
    cursor: pointer;
    border: 2px solid #f2ead6;
    filter:alpha(opacity=60);
     -moz-opacity: 0.60;
     opacity: 0.60;

}
#checkoutPaymentCardTypeSelection img.sel {
    border: 2px solid #333;
    opacity: 100%;
    filter:alpha(opacity=100);
     -moz-opacity: 1;
     opacity: 1;
}

#chkConfirmCustInfo {
    padding-top: 1em;
}
#chkConfirmCustInfo div {
    padding-left: 0.8em;
}
#chkConfirmOrderHeader div {
    padding-left: 0.8em;
}
#chkConfirmOrderInfo table {
    margin-left: 0.8em;
}
#chkConfirmCustInfo .custName {
    font-weight: bold;
    display: inline;
}
#chkConfirmCustInfo .custEmail {
    display: inline;
    padding-left: 0;
}

td.checkoutAddress .customerAddress {
    padding-left: 0.8em;
}
.checkoutConfirmEditAddrLink {
    font-size: 90%;
    padding-left: 0.8em;
}

.accountNote {
    padding: 1em 0;
}
.checkoutHintNotice {
    font-size: 90%;
    display: inline;
    color: #988344;
}
td.formField {
    white-space: nowrap;
}
td.formLabel, td.formLabelReq, td.formLabelErr {
    text-align: right;
}
.formLabelErr {
    color: #b50;
    font-weight: bold;
    text-decoration: underline;
}
.cartYouAreNot {
    font-size: 90%;
}
.userAcctNotice {
    padding-top: 1em;
}
#chkConfirmOrderHeader {
    padding: 1em 0;
}
#orderPrintLink {
    text-align: right;
}
.orderHeader {
    font-weight: bold;
}
.orderHeader span {
    font-weight: normal;
}
#orderHistory table {
    width: 100%;
}
#orderHistory th {
    font-weight: normal;
    padding-bottom: 0;
    border-bottom: 1px solid #988344;
}
#orderHistory td {
}

table#contactForm td {
    padding: 0.4em;

}



#secNotice {
    position: relative;
    clear: left;
    float: left;
    background: #fff;
    font-size: 90%;
    padding: 25px 26px 2px 26px;
    width: 149px;
    margin: 40px 20px;
    text-align: center;
    z-index: 100;
}
#secNotice div {
    text-align: center;
    margin-bottom: 24px;
    z-index: 2;
}
#secNotice div img {
    float: none;
}
div#secureShop {
    display: none;
    position: absolute;
    top: 15px;
    left: 100px;
    width: 609px;
    border: 1px solid #333;
    background: #fff;
    cursor: default;
    text-align: left;
    padding: 0.5em;
    z-index: 101;
    color: #000;
}
div#secureShop ul {
    list-style-type: disc;
    list-style-position:inside;
    padding-bottom:1em;
}
div#secureShopLink {
    cursor: pointer;
    color:#988344;
    position: relative;
}
#secureShopLink:hover #secureShop {
    display: block;
}
div.AuthorizeNetSeal {
    font: inherit !important;
    width: auto !important;
}
div.AuthorizeNetSeal a {
    color: #988344 !important;
    cursor: pointer;
}


table.productListRefill {
    float: left;
    width: 60%;
    margin-bottom: 4em;
}
table.productListRefill td {
    padding: 0 2em 2em 0;
    color: #988344;
}
table.productListRefill form {
    margin: 0;
    padding: 0;
    height: 29px;
}
