@charset "utf-8";
/* Sue Fisher King */
html {font-size:100%;}

body {color:#575757;
	font-size: 11px;
	font-family:Georgia, "garamond", "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	background:url(../img/public/bg_top_gradient.gif) left top repeat-x;
	line-height:19px;
	letter-spacing:0.01em;
}

#flashcontent div.flashIn{
 padding: 20px;
 border: 1px dotted #666;
 width:770px;
 margin:100px 0 300px 208px;
}

* {margin:0; padding:0;}
:focus{ outline:none;}
input{ margin:0; padding:0;}

a img{border:none; text-decoration:none;}
img{border:none; display:block;}
a, a:link {color: #83151a;text-decoration: none; outline:none;}	
a:visited {text-decoration:none; color: #83151a;}	
a:hover {text-decoration:underline; color:#83151a;}	
a:active {text-decoration: none;color: #83151a;}
.titleColor{color: #83151a;}
.displayBlock{ display:block;}
.goldColor{ color:#c19f58;}
.serifFont{ font-family:Georgia, "Times New Roman", Times, serif !important;}
.sanSerifFont{ font-family:Arial, Helvetica, sans-serif !important;}
.poRelative{ position:relative;}

ul{list-style:none; }

.italic {font-style:italic;}
.bold { font-weight:bold; }

.clr {clear:both;}
.clr2 { clear:both; height:0px;}
.hide { display: none; }
.fltLft {float:left; }
.fltRgt {float:right; }
.alignRgt{text-align:right;}
.hide{display:none;}
.alignLft{ text-align:left;}
.alignRgt{ text-align:right;}
.alignCenter{ text-align:center;}

h1{color:#634229; font: normal 20px Georgia, "Times New Roman", Times, serif; line-height:22px; margin:0; padding:2px 0px 25px 0px;}
h2{color:#634229; font: normal 18px Georgia, "Times New Roman", Times, serif; line-height:20px; margin:0; padding:2px 0px 5px 0px;}
h3{color:#634229; font:normal 28px Georgia, "Times New Roman", Times, serif; line-height:30px; margin:0; padding:0px 0px 6px 0px;}
h4{color:#6d4a4a; font: bold 13px Georgia, "Times New Roman", Times, serif; line-height:20px; margin:0; padding:2px 0px 4px 0px;}
.nobg{ background-image:none !important;}

p{padding:0px 0px 20px 0px; letter-spacing:0.02em; color:#1c1c1c; line-height:17px; font-size:12px;}
.colorTitle{ color:#440a0a;}
.colorBrownRed{ color:#6d4a4a;}
.colorBlack{ color:#000;}
.colorDarkBrown{ color:#64412b;}
.colorDarkRed{ color:#750102;}
.colorBrownGray{color:#bfa896;}

.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }


.noPadRight{ padding-right:0px !important;}
.noPadLeft{ padding-left:0px !important;}
.noPadTop{ padding-top:0px !important;}
.noPadBottom{ padding-bottom:0px !important;}

.lineHeight20{ line-height:20px;}
.box {height: auto;width:auto; margin:0; padding:0;}

.topGradient{background:url(../img/public/bg_top_gradient.gif) left top repeat-x;}
.topBgContainer{ background: url(../img/public/bg_top_lft.gif) left top no-repeat; width:1150px;}
.btmBgContainer{ background:url(../img/public/bg_btm_rgt.gif) 1000px 414px no-repeat; width:auto;}
#container{ height:auto; width:1150px; padding:0px 0px 0px 0px; margin:0px; }

/*------------------header----------------------------*/
#head{width:1150px; padding:0px 0px 0px 0px; height:148px;}
.headBox{ padding:0px 0px 0px 213px; width:937px; position:relative;}
.logo{ width:249px; height:18px; display:block; background:url(../img/public/logo.gif) left top no-repeat; position:absolute; left:213px; top:70px; cursor:pointer;}

/*--------- top nav ---------*/
.navBox{ width:937px; height:16px; position:absolute; left:213px; top:111px;}
ul#nav{ height:16px; list-style:none;}
ul#nav li{ float:left; display:block; padding-right:40px;}
ul#nav li a, ul#nav li a:visited{ height:16px; padding:0px 0px 0px 0px; font: normal 14px Georgia,"garamond", "Times New Roman", Times, serif; line-height:16px; display:inline-block; letter-spacing:0.02em; text-decoration:none; color:#938a76;}
ul#nav li.active a,  ul#nav li.active a:hover{ color:#83151a !important;}
ul#nav li a:hover{ color:#83151a !important;}

ul#nav ul:after{ content:"."; visibility:hidden; display: block; height:0; clear:both;}

.shopBox{ height:46px; background:url(../img/public/icon_birdhouse.gif) left top no-repeat; padding-left:51px; position:absolute; top:18px; right:130px; display:inline-block;}
.shopDivider{ background:url(../img/public/shop_line.gif) 12px 15px no-repeat; width:27px; height:46px; float:left;}
.shopObject{padding: 19px 0px 0px 0px; float:left; font:12px Arial, Helvetica, sans-serif; display:inline-block; color:#948a75;}
.shopObject a, .shopObject a:visited{color:#948a75;}
.shopBox ul{ list-style:none;}
.shopBox ul li{ float: left;}

/*----------------- main -----------------------------*/
#bodyLft{width:191px; float:left; padding:0px 0px 0px 0px;}
#bodyRgt{width:842px; float:left; background:url(../img/public/bg_top_corner.gif) left top no-repeat; padding:0px; position:relative;}
#bodyRgt2{width:810px; background:url(../img/public/bg_btm_corner.gif) 7px bottom no-repeat; padding:11px 15px 13px 17px; min-height:400px; height:400px; height:auto !important;}
.bodyBox{ width:770px; padding:20px 20px 20px 20px;  background-color:#fcfaf5; min-height:400px; height:400px; height:auto !important;}

.bodyBox2{ background-color:#fcfaf5; width:810px;}

#bodyRgt2 table{ border-collapse:collapse; }
/*#bodyRgt2 table td{ padding:10px 27px 10px 8px; background:url(/shop/img/public/dot_line.gif) left bottom repeat-x;  font:11px Arial, Helvetica, sans-serif;} */
#bodyRgt2 td input{ width:35px; height:14px; padding:3px; line-height:12px; font:11px normal Arial, Helvetica, sans-serif; border:1px solid #b39d8f;}
#bodyRgt2 td select, #bodyRgt2 select{height:20px; padding:2px; text-align:left; line-height:11px; font:12px normal Arial, Helvetica, sans-serif; border:1px solid #b39d8f;}
#bodyRgt2 td select>option, #bodyRgt2 select option{padding:2px 3px 2px 3px;}
#bodyRgt2 td textarea{ padding:3px; line-height:12px; font:11px normal Arial, Helvetica, sans-serif; border:1px solid #b39d8f; overflow-x: hidden; overflow-y:hidden;}
#bodyRgt2 td .checkbox{ width:auto; display:inline-block;}

#bodyRgt2 .btnUpdate{ background:#dcdcce url(../img/public/btn_update.gif) left top no-repeat; width:46px !important; height:16px !important; font-size:10px; line-height:16px; color:#565551; display:block; border:0px !important; padding:0px !important; cursor:pointer;}
#bodyRgt2 .btnDelete{ background: url(../img/public/btn_delete.gif) left top no-repeat; width:16px; height:16px; display:block;}
.noBorder{ border-bottom:none !important;}
.noPad{ padding:0px !important;}

table#tatal{}
table#total td{ padding:3px 10px 5px 10px; color:#440a0a;}


.horLine{background: url(../img/public/colorbg_line.gif) left bottom no-repeat; height:5px; width:auto; display:block; margin:0px; padding:0px; }
.pageNav{ float:right; font:12px Arial, Helvetica, sans-serif; display:block; padding-right:30px;}
.pageNav2{ float:right; font:12px Arial, Helvetica, sans-serif; display:block; padding-right:0px;}
.pageNav li{ float:left; display:inline-block; padding:0px 5px 0px 5px;}
.pageNav2 li{ float:left; display:inline-block; padding:0px 5px 0px 5px;}
.pageNav a, .pageNav a:visited{line-height:12px; height:12px; display:inline-block; color:#938a76; }
.pageNav2 a, .pageNav2 a:visited{line-height:12px; height:12px; display:inline-block; color:#938a76; }
.pageNav .arrowLft{ background:url(../img/public/top_page_nav_lft.gif) left 3px no-repeat; height:12px; width:12px; display:block;}
.pageNav .arrowRgt{ background:url(../img/public/top_page_nav_rgt.gif) right 3px no-repeat; height:12px; width:12px; display:block;}

.pageNav2 .arrowLft{ background:url(../img/public/btm_sidenav_arrow_lft.gif) left center no-repeat; height:11px; display:block; padding:0px 13px 0px 18px;}
.pageNav2 .arrowRgt{ background:url(../img/public/btm_sidenav_arrow.gif) right center no-repeat; height:11px; display:block; padding:0px 18px 0px 13px;}
.pageNav .active a, .pageNav .active a:hover, .pageNav2 .active a, .pageNav2 .active a:hover{ color:#7c1111; font-weight:bold; text-decoration:none;}

ul.list li, .pointer{background:url(../img/public/btm_sidenav_arrow.gif) left 1px no-repeat; line-height:15px; font:12px Arial, Helvetica, sans-serif; padding:0px 0px 5px 20px;}

/*--------- checkout ---------------*/
#checkoutTable td{ padding:10px 27px 10px 8px; background:url(../img/public/dot_line.gif) left bottom repeat-x;  font:11px Arial, Helvetica, sans-serif;}
#checkoutTable td input{ text-align:right;}
#checkoutTable2 td{ padding:1px 20px 12px 0px; font:11px Arial, Helvetica, sans-serif; vertical-align:middle; text-align:left;}
#checkoutTable3 td{ padding:18px 27px 18px 8px; background:url(../img/public/dot_line.gif) left bottom repeat-x;  font:11px Arial, Helvetica, sans-serif;}

.checkoutHead{ width:770px; height:37px; padding:7px 0px 20px 0px;}
ul#checkoutNav{ height:37px; list-style:none; padding:0px; margin:0px; display:block;}
ul#checkoutNav li{ padding:0px 27px 0px 0px; background:url(../img/public/checkout_pointer.gif) right center no-repeat; height:37px;line-height:37px; float:left; display:inline-block; position:relative;}
ul#checkoutNav li a{ padding:8px 0px 9px 45px; background:url(../img/public/checkout_birdbox.gif) left top no-repeat; height:20px; line-height:20px; display:inline-block; position:relative; font:20px normal Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#b8afaf; cursor:default;}
/*ul#checkoutNav li a:hover,*/ ul#checkoutNav li.active a{ background-position: left bottom; color: #83151a;}
/*ul#checkoutNav li:hover li,*/ ul#checkoutNav li.active li{background:url(../img/public/checkout_bird.gif) left top no-repeat; color: #83151a;}
ul#checkoutNav ul{ display:block; position:absolute; left:-30px; top:-18px; z-index:5;}
ul#checkoutNav li li{ height:37px; width:37px; line-height:37px; padding:20px 0px 0px 30px; background:none; text-align:center; font:30px normal Georgia, "Times New Roman", Times, serif; color:#b8afaf;}

.btnContinueShop{ background:url(../img/public/btn_continue_shop.gif) left top no-repeat; width:167px; height:27px; display:block; border:none; cursor:pointer;}
.btnContinueShop2{ background:url(../img/public/btn_continue_shop_big.gif) left top no-repeat; width:202px; height:35px; display:block; border:none; cursor:pointer;}
.btnBacktoshipping{ background:url(../img/public/btn_backtoshipping.gif) left top no-repeat; width:302px; height:35px; display:block; border:none; cursor:pointer;}

.btnCheckout{ background:url(../img/public/btn_checkout.gif) left top no-repeat; width:104px; height:27px; display:block; border:none; cursor:pointer;}
.btnContinue{ background:url(../img/public/btn_continue.gif) left top no-repeat; width:104px; height:27px; display:block; border:none; cursor:pointer;}
.btnBack{ background:url(../img/public/btn_back.gif) left top no-repeat; width:80px; height:27px; display:block; border:none; cursor:pointer;}
.btnPlaceorder{ background:url(../img/public/btn_placeorder.gif) left top no-repeat; width:133px; height:35px; display:block; border:none; cursor:pointer;}
.btnTrack{ background:url(../img/public/btn_track.gif) left top no-repeat; width:60px; height:25px; display:block; border:none; cursor:pointer;}
.btnBacktohome{ background:url(../img/public/btn_backtohome.gif) left top no-repeat; width:159px; height:35px; display:block; border:none; cursor:pointer;}

.placeorderBox{ width:195px; float:left;}

/*---------- subscribe mailing list ---------------*/
.btnSubmit{ background:url(../img/public/btn_submit.gif) left top no-repeat; width:67px; height:25px; display:block; border:none; cursor:pointer;}

/*---------- product ---------------*/

div#product{ padding-left:20px;}
div#product .inProduct{ float:left; background-image:none; padding:0px 17px 24px 17px; display:inline-block; width:148px; line-height:15px; font:11px Arial, Helvetica, sans-serif;}

.productDetailLft{ float:left; width:434px; height:489px;}
.productDetailRgt{ float:left; width:326px; padding:18px 25px 18px 25px;}

.breadcrumbColor, .breadcrumbColor a, .breadcrumbColor a:visited{ color:#c0af7d;}
.productDetailLine{ background:url(../img/public/detail_line.gif) left top no-repeat; height:5px; display:block;}
.productThumbLine{ background:url(../img/public/detail_thumb_line.gif) left top no-repeat; height:4px; display:block;}

table#productDetail td, #ajax_color_selectlist td, #ajax_qty_btn td{ padding:1px 12px 5px 0px; background:none;}

/*table#productDetail select{ width:120px;} */

.btnPurchase{ background:url(../img/public/btn_purchase.gif) left top no-repeat; cursor:pointer;  border:none !important; width:118px !important; height:44px !important; margin-left:190px; display:inline-block;}
.btnPurchase2{ /*background:url(../img/public/btn_purchase2.gif) left top no-repeat;*/   border:none !important;  margin-left:190px; display:inline-block;}

div.productDetailHead{ width:326px; display:block;}
div.productDetailHead a{ color:#796c64;}
div.productDetailCont{ width:311px; display:block; padding-left:0px; padding-top:5px; padding-bottom:0px;}
div.productDetailCont select, div.productDetail .cont div select{ width:auto; margin-right: 5px; margin-bottom:7px; padding-left:0px !important; margin-left:0px !important;}
div.productDetailCont div{ display:inline;}

.detailThumb{ width:50px; height:50px;  float:left; padding:5px 5px 5px 2px;}
.detailThumb img{display:block;border:1px solid #fcfaf5;}
.detailThumb img:hover{ border:1px solid #967c7b;}


/*----------------- landing pages ----------------*/
/*table.landingTable td{ vertical-align:top;}
.landingLft{ float:left; width:491px; height:491px;}
.landingRgt{ float:left; width:297px; height:463px; padding:18px 0px 0px 22px;}
*/
.landingLft{ float:left; width:491px; height:491px;}
.landingRgt{ float:left; width:297px; height:463px; padding:18px 0px 0px 22px;}
.landingRgtBox{ width:165px; display:block; position:relative; padding-left:132px;}
.landingTxt{ position:absolute; top:0px; left:0px; display:inline-block; /*width:140px;*/ width:90%;}

/*----------------- side nav ----------------------*/
/*ul#topSideNav{ list-style:none; padding:0px 0px 30px 15px; width:176px;}
ul#topSideNav>li{ padding:0px 0px 9px 0px; line-height:15px; text-align:right; display:block;}
ul#topSideNav li a{ color:#9e9581; line-height:15px; font:12px Arial, Helvetica, sans-serif;}
ul#topSideNav li a:hover, ul#topSideNav li.active a{ font-weight:bold; text-decoration:none; color:#730101;}

ul#topSideNav li ul{ display:none;}
ul#topSideNav li.active>ul{ display:block;}
ul#topSideNav ul li{padding:2px 0px 0px 0px !important; line-height:12px; text-align:right; display:block;}
ul#topSideNav ul li a{ font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal !important; color:#730101; display:block;}
ul#topSideNav ul li a:hover, ul#topSideNav ul li.active a{ font-weight:normal; text-decoration:none; color:#000;}
*/
.btmSideNavBox{position:absolute; left:-191px; bottom:5px; width:191px; text-align:right;}
.btmSideNavTopLine{ background:url(../img/public/btm_sidenav_line.gif) right top no-repeat; height:2px; padding-bottom:3px;}
.btmSideNavBox>a, .btmSideNavBox>a:visited {color:#634229;}
.btmSideNavBox>a:hover{color:#740101; text-decoration:none;}
.btmSideNavBox2{width:191px; background:url(../img/public/btm_sidenav_line2.gif) right bottom no-repeat; padding:0px 0px 5px 0px; color:#634229;}
ul#btmSideNav{ list-style:none; width:191px;  text-align:right;}
ul#btmSideNav li{ padding:2px 0px 2px 0px; display:block; font:10px Arial, Helvetica, sans-serif; line-height:12px;}
ul#btmSideNav li a, ul#btmSideNav li a:visited{padding:0px 0px 0px 18px; display:inline-block; color:#938a76;}
ul#btmSideNav li a:hover, ul#btmSideNav li a.active{background:url(../img/public/btm_sidenav_arrow.gif) left top no-repeat; color:#740101; text-decoration:none;}
ul#btmSideNav div{ display:inline-block;}

/*------ NEW top side nav (currently using) --------------*/
div#topSideNav {list-style:none; padding:0px 0px 7px 15px; width:176px;}
div#topSideNav div.by_brand_menu, div#topSideNav div.by_producttype_menu{ padding:0px 0px 3px 0px; line-height:15px; text-align:right; display:block;}
div#topSideNav div.by_brand_menu a, div#topSideNav div.by_producttype_menu a{ color:#9e9581; line-height:15px; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
div#topSideNav div.by_brand_menu a:hover, div#topSideNav div.by_brand_menu .active a, div#topSideNav div.by_producttype_menu a:hover, div#topSideNav div.by_producttype_menu.active a{ font-weight:bold; text-decoration:none; color:#730101;}

div#topSideNav div.brand_list, div#topSideNav div.producttype_list{padding:2px 0px 0px 0px !important; line-height:12px; text-align:right; display:block;}
div#topSideNav ul li{ padding-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
div#topSideNav ul li a{ font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; display:block;}
div#topSideNav ul li a:hover{ font-weight:normal; text-decoration:none; color:#730101;}
div#topSideNav ul li a.active{ font-weight:bold; text-decoration:none; color:#730101;}



/* ---------- secondary page ------------*/
.orderstatusBox{ width:226px; padding:25px 40px 25px 40px; background-color:#f2e9d4; border:1px solid #e1d6bc; float:left;}
.orderstatusBoxRgt{ width:410px; padding:0px 0px 0px 0px; float:right;}
.ContactBox{ float:left;}
ul.legalList{ list-style:disc outside; margin-left:22px;}
ul.legalList li{ padding:0px 0px 20px 0px !important; background-image:none !important;}

table.orderPolicyTable { border-collapse:collapse;}
table.orderPolicyTable td{ border:1px dotted #CCC; padding:4px 6px 4px 6px; font:12px Arial, Helvetica, sans-serif;}
/*----------------- foot --------------------------------*/
#foot{width:942px; height:250px; padding:0px 0px 0px 208px;  font-family: Georgia, "Times New Roman", Times, serif;}
#foot a, #foot a:visited{color:#c7c7c9;}
.footNav{ padding:2px 20px 10px 0px; display:inline-block; float:left; height:10px; line-height:10px;}
.footNav a, .footNav a:visited{ color:#7c5938 !important; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}

.tradeInfo{ float:right; font-size:12px; line-height:12px; padding-right:135px; text-align:right; color:#b0a48b;}

.copyright{ float:right; padding-right:135px; text-align:right; font:10px Arial, Helvetica, sans-serif;color:#c7c7c9;}
.copyright a, .copyright a:visited{color:#c7c7c9;}

/*---------------------------space-----------------------*/
.mgnRgt16{ margin-right:16px;} /* for checkoutNav */
.padRgt75{padding-right:75px;} /* for placeorderBox */
.padRgt15{padding-right:15px;} /* for total */
.padRgt60{padding-right:60px;} /* for contactBox */
.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop15{padding-top:15px;}
.padTop17{padding-top:17px;}
.padTop20{padding-top:20px;}
.padTop45{padding-top:45px;}
.padTop60{padding-top:60px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop42{padding-top:42px;}
.padTop38{padding-top:38px;}
.padTop80{padding-top:80px;}
.mgnTop30{margin-top:30px;}
.mgnTop40{margin-top:40px;}
.mgnTop45{margin-top:45px;}
.padTop30{padding-top:30px;}

.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}


/********************  yoko added    ********************/
.error-message{color:#CC9933;}


/*
TODO:
this is for landing front page for left accordion mene.
want to set active if it's open
*/
.openbrand_menu a, .openproducttype_menu a{
color:#730101 !important;text-decoration:none; font-weight:bold;
}
.openproduct a{color:#730101 !important; font-weight:bold;}

ul#btmSideNav li .selected a{
background:url(../img/public/btm_sidenav_arrow.gif) left top no-repeat; color:#740101; text-decoration:none;
}







.tab{
	display:block;
}

.noshow{
	display: none;
}

/********************************************************/