html, body {height:100%; font-size:75%;}
*, html, body {margin:0px; padding:0px;}
body {font:12px Times New Roman, Times, serif; color:#4d493e; text-align:center; background: #e7d178 url(../img/bbodyBg.jpg) center top repeat-y;}
td, input, textarea, option, select {font:12px Times New Roman, Times, serif; color:#4d493e;}
td, th {font-size:75%;}
html>body td {font-size:1em;}
html>body th {font-size:1em;}


img {border:0px solid;}
a {text-decoration:underline; color:#ce8a3d;}
a:hover {text-decoration:none}
.reverse {text-decoration:none}
.reverse:hover {text-decoration:underline}
li {list-style-type:none}
.clear {clear:both; height:0px}
.clear150 {clear:both; height:150px}
.oneHundreedPercent {width:100%;}
.red {color:#b13939 !important}

#minWidth {position:relative; width:1000px; min-height:100%; height:100%; margin:0 auto; margin-bottom:-80px; text-align:left; background: url(../img/bodyBg.jpg) center top no-repeat;}
html>body #minWidth {height:auto;}

#header {height:276px; position:relative;}
#header #logo {position:absolute; left:33px; top:26px;}
#header #logo a:hover {opacity:.8;}
#header #unav {position:absolute; right:40px; top:14px; border-bottom:1px solid #bb965c; padding-bottom:1px;}
#header #unav li {float:left; padding-right:14px; margin-right:9px; background: url(../img/unavRazd.gif) right top no-repeat;}
#header #unav li.last {padding-right:0; margin-right:0; background: none;}
#header #unav li a:hover {opacity:.7;}
#header #slogan {position:absolute; right:111px; top:78px; width:556px; height:36px; background: url(../img/slogan.gif) left top no-repeat;}
#header #slogan span {display:none;}
#header #bagsin {position:absolute; right:108px; top:133px; padding-left:226px; height:26px; min-height:26px; background: url(../img/bagsin.gif) left bottom no-repeat; font:22px Comic Sans MS, Comic Sans MS, cursive; color:#5a2800;}
html>body #header #bagsin {height:auto;}
#header #bagsin span {display:none;}
#header #mainNav {position:absolute; right:17px; top:220px; width:580px; height:56px;}
#header #mainNav td {padding-right:4px;}
#header #mainNav a {height:56px; display:block; background: url(../img/unavBg.gif) left top no-repeat; padding:0 0 0 10px; font:14px Times New Roman, Times, serif; color:#010000; text-decoration:none; text-align:center;}
html>body #header #mainNav a {background: url(../img/unavBg.png) left top no-repeat;}
#header #mainNav a span {display:block; height:56px; cursor:hand; overflow:hidden;}
#header #mainNav a span {background: url(../img/unavBg.gif) right -56px no-repeat; padding:0 8px 0 0;}
html>body #header #mainNav a span {background: url(../img/unavBg.png) right -56px no-repeat;}
#header #mainNav a span span {background: url(../img/unavBg.gif) left -112px repeat-x; padding:8px 4px 0 4px;}
html>body #header #mainNav a span span {background: url(../img/unavBg.png) left -112px repeat-x; height:48px;}

#header #mainNav a.selected {height:56px; display:block; background: url(../img/unavBg.gif) left -168px no-repeat; padding:0 0 0 10px; font:14px Times New Roman, Times, serif; color:#010000; text-decoration:none; text-align:center;}
html>body #header #mainNav a.selected {background: url(../img/unavBg.png) left -168px no-repeat;}
#header #mainNav a.selected span {display:block; height:56px; cursor:hand; overflow:hidden;}
#header #mainNav a.selected span {background: url(../img/unavBg.gif) right -224px no-repeat; padding:0 8px 0 0;}
html>body #header #mainNav a.selected span {background: url(../img/unavBg.png) right -224px no-repeat;}
#header #mainNav a.selected span span {background: url(../img/unavBg.gif) left -280px repeat-x; padding:8px 4px 0 4px;}
html>body #header #mainNav a.selected span span {background: url(../img/unavBg.png) left -280px repeat-x; height:48px;}

#header #mainNav a:hover {background: url(../img/unavBg.gif) left -168px no-repeat;}
html>body #header #mainNav a:hover {background: url(../img/unavBg.png) left -168px no-repeat;}
#header #mainNav a:hover span {background: url(../img/unavBg.gif) right -224px no-repeat;}
html>body #header #mainNav a:hover span {background: url(../img/unavBg.png) right -224px no-repeat;}
#header #mainNav a:hover span span {background: url(../img/unavBg.gif) left -280px repeat-x;}
html>body #header #mainNav a:hover span span {background: url(../img/unavBg.png) left -280px repeat-x;}

#indexBody {padding:47px 0 0 36px;}
#indexBody .lc {float:left; width:331px; margin-right:29px; padding-top:8px;}
#indexBody .rc {float:left; width:590px;}

#indexBody .lc #pct {background: url(../img/pctBg.jpg) left top no-repeat; height:392px;}
#indexBody .lc #pct h1 {height:97px; margin-bottom:27px; background: url(../img/h1onceUponSh.gif) 52px 33px no-repeat;}
#indexBody .lc #pct h1 span {display:none;}
#indexBody .lc #pct p {padding:0 15px 22px 54px; font:19px Times New Roman, Times, serif; color:#3d3929;}
#indexBody .lc #pct .btn {padding:0 0 0 70px;}
#indexBody .lc #pct .btn a {display:block; background: url(../img/btnReg.gif) left top no-repeat; width:209px; height:62px;}
#indexBody .lc #pct .btn a:hover {opacity:.7;}
#indexBody .lc #pct .btn span {display:none;}
#indexBody .rc .goods {padding-bottom:30px;}
#indexBody .rc .goods .good {width:189px; height:222px; padding:13px 0 0 12px; background: url(../img/goodBg.gif) left top no-repeat; float:left; }
html>body #indexBody .rc .goods .good {width:177px; height:209px; background: url(../img/goodBg.png) left top no-repeat;}
#indexBody .rc .goods .good .im {width:164px; height:197px; overflow:hidden;}
#indexBody .rc .goods .vr {float:left; width:10px; height:222px; background: url(../img/vr.gif) center center no-repeat; }
#indexBody .rc .area h2 {background: url(../img/h2howWorks.gif) left top no-repeat;}

.area {height:1px; min-height:1px;}
html>body .area {height:auto;}
.area .topBg {height:13px; background: url(../img/areaBg.gif) left top no-repeat; padding:0 0 0 14px;}
html>body .area .topBg {background: url(../img/areaBg.png) left top no-repeat;}
.area .topBg .bg01 {height:13px; background: url(../img/areaBg.gif) right -26px no-repeat; padding:0 14px 0 0;}
html>body .area .topBg .bg01 {background: url(../img/areaBg.png) right -26px no-repeat;}
.area .topBg .bg02 {height:13px; background: url(../img/areaBg.gif) left -13px repeat-x; padding:0 14px 0 0;}
html>body .area .topBg .bg02 {background: url(../img/areaBg.png) left -13px repeat-x;}
.area .botBg {height:13px; background: url(../img/areaBg.gif) left -39px no-repeat; padding:0 0 0 14px;}
html>body .area .botBg {background: url(../img/areaBg.png) left -39px no-repeat;}
.area .botBg .bg01 {height:13px; background: url(../img/areaBg.gif) right -65px no-repeat; padding:0 14px 0 0;}
html>body .area .botBg .bg01 {background: url(../img/areaBg.png) right -65px no-repeat;}
.area .botBg .bg02 {height:13px; background: url(../img/areaBg.gif) left -52px repeat-x; padding:0 14px 0 0;}
html>body .area .botBg .bg02 {background: url(../img/areaBg.png) left -52px repeat-x;}
.area .content {background: url(../img/areaContentBg.gif) right top repeat-y; padding-right:11px; height:1px; min-height:1px;}
html>body .area .content {background: url(../img/areaContentBg.png) right top repeat-y; padding-right:14px; height:auto;}
.area .content .bg {background: url(../img/areaContentBg.gif) left top repeat-y; padding:13px 10px 5px 32px; height:1px; min-height:1px;}
html>body .area .content .bg {background: url(../img/areaContentBg.png) left top repeat-y; height:auto;}
.area .content h2 {margin-bottom:12px; height:19px;}
.area .content h2 span {display:none;}
.area .content p {font:18px/21px Times New Roman, Times, serif; color:#4d493e; padding-bottom:12px;}

.area .storePart {padding: 5px 0 10px 0; font:bold 16px Times New Roman, Times, serif; color:#c37837;}
#myBagsBody {padding:15px 0 0 20px; position:relative;}
#myBagsBody #pagePath {margin-left:366px; font:bold 14px Times New Roman, Times, serif; color:#c37837; padding-bottom:15px;}
#myBagsBody #pagePath a {text-decoration:none; color:#c37837;}
#myBagsBody #pagePath a:hover {color:#d29a61;}
#myBagsBody .welcome {text-align:right; padding-right:40px; font:15px Times New Roman, Times, serif; color:#865e2f; padding-bottom:15px;}
#myBagsBody .lc {float:left; width:260px; margin-right:21px; margin-bottom:60px; padding-top:36px;}
#myBagsBody .lc .item {padding-bottom:35px; text-align:center;}
#myBagsBody .lc .item h2 span {display:none;}

#myBagsBody .lc #givingBag h2 {height:24px; background: url(../img/h2givingabag.gif) center top no-repeat; margin-bottom:5px;}
#myBagsBody .lc #givingBag .btn a {display:block; width:232px; height:63px; background: url(../img/btnCreateYourStory.gif) left top no-repeat; margin:0 auto;}
#myBagsBody .lc #receivedBag h2 {height:25px; background: url(../img/h2receivedBag.gif) center top no-repeat; margin-bottom:5px;}
#myBagsBody .lc #receivedBag .btn a {display:block; width:232px; height:63px; background: url(../img/btnAddNewBag.gif) left top no-repeat; margin:0 auto;}
#myBagsBody .lc .clearHr {clear:both; height:2px; border-top:1px solid #b7742e; border-bottom:1px solid #faeba6; margin-bottom:25px;}
html>body #myBagsBody .lc .clearHr {height:0;}
#myBagsBody .rc {float:left; width:682px;}
#myBagsBody .rc .area .bg {padding:13px 0 0 20px;}

#myBagsBody .rc .area .lblock {float: left; display: block; width: 315px;}
#myBagsBody .rc .area .rblock {float: right; display: block; width: 315px;}

#myBagsBody .rc .area h2 {background: url(../img/h2myBags.gif) center top no-repeat; height:25px; margin:0 0 5px 0;}
#myBagsBody .rc .area h2.journey {background: url(../img/h2jbags.gif) center top no-repeat; height:26px; margin:0 0 5px -15px;}
#myBagsBody .rc .area h2.bagDetail {height:30px; background: url(../img/h2bagDetail.gif) center top no-repeat; margin-bottom:5px;}
#myBagsBody .area h2.editbag {background: url(../img/h2editBag.gif) center top no-repeat; height:25px; margin-bottom:18px;}
#myBagsBody .rc .area .item {width:189px; height:222px; padding:13px 0 0 12px; background: url(../img/goodBg.gif) left top no-repeat; float:left; margin-right:6px;}
#myBagsBody .rc .area .item .imgview {display: block; width: 165px; overflow: hidden}
#myBagsBody .rc .area .itemsm {width:70px; height:70px; padding:13px 5px; float:left; margin:0;}
#myBagsBody .rc .area .iblock {width:370px; padding:13px 5px; float:left; margin:0;}
#myBagsBody .rc .area .iblock label {display:block; float:left; width:93px; text-align:right; font:bold 14px Times New Roman, Times, serif; color:#4d493e; margin-right:13px;}
#myBagsBody .rc .area .history {padding:13px; margin:0;}
#myBagsBody .rc .area .history label {display:block; float:left; width:93px; text-align:left; font:bold 14px Times New Roman, Times, serif; color:#7D3101; margin-right:13px;}
#myBagsBody .rc .area .history .comment_item {padding:5px 0; margin:0;}
.comment_item #commtext, .addcomment #commtext, #Comment {border: 1px solid #F5E19B; width: 400px;}
/*#myBagsBody .rc .area .eblock {padding:13px; margin:0;}
#myBagsBody .rc .area .eblock label {display:block; float:left; width:93px; text-align:left; font:bold 14px Times New Roman, Times, serif; color:#4d493e; margin-right:13px;}*/
html>body #myBagsBody .rc .area .item {width:177px; height:auto; min-height:209px; background: url(../img/goodBg.png) left top no-repeat;}
#myBagsBody .rc .area .item .im {width:164px; height:197px; overflow:hidden;}
#myBagsBody .rc .area .item h3 {text-align:center; font:16px Times New Roman, Times, serif; color:#7d432e; padding:10px 0 6px 0;}
#myBagsBody .rc .area .eimg {padding:7px 0;}
#myBagsBody .rc .area .item .er {padding:5px; text-align:center;}
#myBagsBody .rc .area .item .er A {padding:0 10px; font-weight: bold;}
#myBagsBody .rc .area .clearHr {clear:both; height:1px; background-color: #e3cf89; margin:0 20px 8px 10px;}
/*#myBagsBody #prevInfo {position:relative; margin: 0px 0 15px 35px; width:232px; height:45px;}
#myBagsBody #prevInfo .btn a {display:block; width:232px; height:45px; background: url(../img/btnPrevInfo.gif) left top no-repeat; margin:0 auto;}*/
#myBagsBody #prInfo {position:relative; margin:20px 0 5px 15px; width:232px; height:45px;}
#myBagsBody #prInfo .btn a {display:block; width:232px; height:45px; background: url(../img/btnProfileInfo.gif) left top no-repeat; margin:0 auto;}

#myBagsBodyWide #pagePath {margin-left:376px; font:bold 14px Times New Roman, Times, serif; color:#c37837; padding-bottom:15px;}
#myBagsBodyWide #pagePath a {text-decoration:none; color:#c37837;}
#myBagsBodyWide #pagePath a:hover {color:#d29a61;}
#myBagsBodyWide .rc {padding:35px 10px 25px 32px}
#myBagsBodyWide .rc .area .bg {padding:13px 0 30px 20px;}
#myBagsBodyWide .rc .area h2 {background: url(../img/h2uc.gif) center top no-repeat; height:30px; margin:0 0 5px 0;}
#myBagsBodyWide .rc .area .item {width:189px; height:222px; padding:13px 0 0 12px; background: url(../img/goodBg.gif) left top no-repeat; float:left; margin-right:6px;}
html>body #myBagsBodyWide .rc .area .item {width:177px; height:auto; min-height:209px; background: url(../img/goodBg.png) left top no-repeat;}
#myBagsBodyWide .rc .area .item .im {width:164px; height:197px; overflow:hidden;}
#myBagsBodyWide .rc .area .item h3 {text-align:center; font:14px Times New Roman, Times, serif; color:#7d432e; padding:10px 0 12px 0;}
#myBagsBodyWide .rc .area .clearHr {clear:both; height:1px; background-color: #e3cf89; margin:0 20px 8px 10px;}
#myBagsBodyWide .rc .area .vr {float:left; width:48px; height:222px; background: url(../img/vr.gif) center center no-repeat; }

#profileInfo {padding:15px 15px 0 30px; position:relative;}
#profileInfo #pagePath {margin-left:376px; font:bold 14px Times New Roman, Times, serif; color:#c37837; padding-bottom:15px;}
#profileInfo #pagePath a {text-decoration:none; color:#c37837;}
#profileInfo #pagePath a:hover {color:#d29a61;}
#profileInfo .welcome {float:right; padding-right:40px; font:15px Times New Roman, Times, serif; color:#865e2f; padding-bottom:15px;}
#profileInfo .area h2 {background: url(../img/h2profileInfo.gif) 460px top no-repeat; height:25px; margin-bottom:16px;}
#profileInfo .area label {display:block; float:left; width:426px; text-align:right; font:bold 14px Times New Roman, Times, serif; color:#4d493e; margin-right:13px;}
#profileInfo .area .txt {float:left; width:184px; height:17px; border:1px solid #b3b9c3; background-color: #fff; padding:1px 5px 0 5px; margin-bottom:7px; font-size:13px; color:#525252;}
html>body #profileInfo .area .txt {width:172px; height:14px;}
#profileInfo .area .btns {padding:14px 0 30px 439px;}
#profileInfo .area .btns .btn {margin-right:11px; float:left;}

#becomeMember {padding:50px 15px 0 30px; position:relative; height:1px; min-height:1px;}
html>body #becomeMember {height:auto;}
#becomeMember .area .bg {padding:13px 10px 45px 32px}
#becomeMember .area h2 {background: url(../img/h2reg.gif) 364px top no-repeat; height:41px; margin-bottom:5px;}
#becomeMember .area label {display:block; float:left; width:353px; text-align:right; font:bold 14px Times New Roman, Times, serif; color:#4d493e; margin-right:13px;}
#becomeMember .area label.chlabel {width:200px; text-align:left; font:normal 13px Times New Roman, Times, serif; padding-top:8px;}
#becomeMember .area .txt {float:left; width:184px; height:17px; border:1px solid #b3b9c3; background-color: #fff; padding:1px 5px 0 5px; margin-bottom:7px; font-size:13px; color:#525252;}
html>body #becomeMember .area .txt {width:172px; height:14px;}
#becomeMember .area .ch {float:left; margin:8px 7px 5px 0; //margin:5px 5px 5px 0;}
#becomeMember .area .btns {padding:14px 0 30px 366px;}
#becomeMember .area .btns .btn {margin-right:11px; float:left;}

#registerBag {padding:15px 15px 0 30px; position:relative; height:1px; min-height:1px;}
html>body #registerBag {height:auto;}
#registerBag #pagePath {margin-left:376px; font:bold 14px Times New Roman, Times, serif; color:#c37837; padding-bottom:15px;}
#registerBag #pagePath a {text-decoration:none; color:#c37837;}
#registerBag #pagePath a:hover {color:#d29a61;}
#registerBag .welcome {float:right; padding-right:40px; font:15px Times New Roman, Times, serif; color:#865e2f; padding-bottom:15px;}
#registerBag .area .bg {padding:13px 10px 25px 32px}
#registerBag .area h2 {background: url(../img/h2regBag.gif) 364px top no-repeat; height:25px; margin-bottom:18px;}
#registerBag .area h2.givebag {background: url(../img/h2giveBag.gif) 364px top no-repeat; height:25px; margin-bottom:18px;}
#registerBag .area label {display:block; float:left; width:353px; text-align:right; font:bold 14px Times New Roman, Times, serif; color:#4d493e; margin-right:13px;}
#registerBag .area label span {color:#f9493e;}
#registerBag .area .txt {float:left; width:184px; border:1px solid #b3b9c3; background-color: #fff; padding:1px 5px 0 5px; margin-bottom:7px; font-size:13px; color:#525252;}
#registerBag .area textarea {float:left; width:306px; height:86px; border:1px solid #b3b9c3; background-color: #fff; padding:1px 5px 0 5px; margin-bottom:7px; font-size:13px; color:#525252;}
html>body #registerBag .area textarea {width:294px; height:83px;}
#registerBag .area select {float:left; font-size:11px; width:57px; margin-right:6px; margin-bottom:7px;}
#registerBag .area .tip {padding:0 0 5px 368px; margin-top:-5px; color:#8f5f2f; font-size:13px; float:left; line-height:1.2em; display: block; width: 340px;}
#registerBag .area .req {padding:3px 0 5px 368px; color:#000; font-size:12px; float:left; line-height:1.2em;}
#registerBag .area .req span {color:#f9493e;}
#registerBag .area .btns {padding:14px 0 0 366px;}
#registerBag .area .btns .btn {margin-right:11px; float:left;}
#registerBag .area div.sign {position:absolute; left:85px; top:190px; width:235px; height:112px; background: url(../img/sign.gif) left top no-repeat;}
#registerBag .area div.sign span {display:none;}


/* 
#bbag {position:absolute; left:6px; top:147px; width:410px; height:218px; * filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bbag.png', sizingMethod='crop');} 
html>body #bbag {background: url(../img/bbag.png) left top no-repeat;}
*/
#bbag {position:absolute; left:6px; top:147px; width:410px; height:218px; * filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bbagX3.png', sizingMethod='crop');}
html>body #bbag {background: url(../img/bbagX3.png) left top no-repeat;}
#bbag02 {position:absolute; right:0; bottom:-50px; width:271px; height:250px; * filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bbag02.png', sizingMethod='crop');}
html>body #bbag02 {background: url(../img/bbag02.png) left top no-repeat;}

#errors {padding: 5px 0 5px 300px;}
#errors span {color:#f9493e; font-weight:bold;}

/* footer */
#footerPad {height:80px; clear:both;}
#footer {height:80px; position:relative; top:0px; width:1000px; margin:0 auto; text-align:left;}
#footer p {font:12px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 0 74px;}

.googlecart-add-button {
    margin-top: 5px;
    margin-left: 75px;
    bottom: 0;
    left: 35px;
}