/* @override http://www.shabbychic.com/css/shabby.css */

/****** Global **************************************************/
html { background-color: #eaeaeb; }
body { overflow-y: scroll; font: 12px Arial, Sans-Serif; color: #5b5b5d; }
div#wrapper { width: 940px; padding: 10px; margin: auto; background-color: #fff; }
.hide { display: none; }
a { text-decoration: none; color: #5d5d5d;}
a:hover,
a:focus { text-decoration: underline; }

/****** Header **************************************************/
div#hd { text-align: center; position: relative; z-index: 100; }
div#hd ul { width: 920px; margin: 15px auto 10px; padding-bottom: 5px; border-bottom: 1px solid #96989c; }
div#hd ul li { display: inline; margin: 0 30px; }
div#hd ul li#gallery-nav { position: relative; cursor: pointer; height: 100px; }
div#hd ul li#gallery-nav ul { display: none; text-align: left; width: 200px; position: absolute; left: 0; top: -10px; padding-top: 20px; background: url(/images/bg-L2nav.png) no-repeat left 10px; z-index: 99; border-bottom: none;}
div#hd ul li#gallery-nav ul li { margin: 3px 0 0 5px; display: block; }
div#hd ul li#gallery-nav ul li a { display: block; color: #fff; font-family: Georgia, Times, Serif; text-transform: uppercase; font-size: 11px; }
div#hd ul li#gallery-nav ul li a:hover,
div#hd ul li#gallery-nav ul li a:focus { text-decoration: none; color: #f2b9ce;}

/****** Body **************************************************/
div#bd { overflow: hidden;}
/* Left Column */
div#leftCol { width: 470px; float: left; }
/* Right Column */
div#rightCol { width: 460px; float: right; margin-top: 50px; }
div#rightCol h2 { text-align: center; margin-bottom: 10px; }

/* Heritage */
div.scroll { width: 390px; height: 390px; margin-left: 30px; padding-right: 5px; overflow: auto; }
div.scroll p { font: 12px Arial, Sans-Serif; margin-bottom: 10px; }
div.scroll em { display: block; text-align: center;}

/* Gallery */
div#gallery-nav { border: 10px solid #eaeaeb; margin-top: 10px; }

/* Press */
ul#press-articles { overflow: hidden; }
ul#press-articles li { position: relative; width: 147px; height: 147px; overflow: hidden; float: left; display: inline; margin: 0 0 11px 11px;}
ul#press-articles li.hide { display: none;}
ul#press-articles li.one{ margin-left: 0px;}
ul#press-articles li a { color: #666; }
ul#press-articles li a:hover { text-decoration: none; }
ul#press-articles li p.press-info { display: none; position: absolute; top: 0; left: 0; text-align: center; width: 147px; height: 110px; padding-top: 37px; font-weight: bold; }

/* Shop */
body#shop div#rightCol h2 { margin-bottom: 10px;}
body#shop div#rightCol ul { margin: 0 20px 0 10px;}
body#shop div#rightCol ul li { overflow: hidden; border-top: 1px solid #eeeef0; padding-left: 30px; margin-top: 10px; }
body#shop div#rightCol ul li img { float: left; }
body#shop div#rightCol ul li p { float: right; width: 240px; text-align: center; margin-top: 30px; font-size: 12px; }
body#shop div#rightCol ul li#shabby-couture { margin-top: 15px; }
body#shop div#rightCol ul li#shabby-couture p { margin-top: 10px;}
body#shop div#rightCol ul li#shabby-couture a { color: #5b5b5b; font-size: 12px;}
body#shop div#rightCol ul li#shabby-couture a:hover { text-decoration: underline;}
body#shop div#rightCol ul li sup { font-size: 9px; color: #5b5b5b; }
body#shop div#rightCol ul li#shabby-home p { margin-top: 65px; }
body#shop div#rightCol ul li#simply-shabby { margin-top: 5px; }
body#shop div#rightCol ul li#simply-shabby p { margin-top: 50px;}
body#shop div#rightCol ul li#simply-shabby a:hover { text-decoration: underline;}
body#shop div#rightCol ul li p img { float: none; }
body#shop div#rightCol ul li p span { font-size: 12px;}
body#shop div#rightCol ul li address { float: left; width: 200px; font-size: 14px; font-style: normal; padding: 10px 0; }
body#shop div#rightCol ul li address a { color: #5b5b5d;}
body#shop div#rightCol ul li div.store-hours { float: right; width: 150px; margin-top: 25px;}
body#shop div#rightCol ul li div.store-hours p { margin-top: 0; text-align: left; float: none; width: 100px;}
body#locations h2 { text-align: center; margin: 20px 0;}
div.shoplink { font-size: 12px; font-style: normal; padding: 10px 0; }

/* Shop > New */
body#shoplist h2 { text-align: center; margin: 20px 0; }
body#shoplist ul#shoplist { display: block; margin: 25px 0; }
body#shoplist ul#shoplist li { padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #eee; }
body#shoplist ul#shoplist a.shoplist-image { width: 200px; display: block; float: left; margin: 10px 0 0 50px; text-align: center; }
/*body#shoplist ul#shoplist a.shoplist-image img { width: 200px; }*/
body#shoplist ul#shoplist p { margin: 0 75px 10px 350px; color: #999; line-height: 19px; }
body#shoplist ul#shoplist p strong { color: #6f6f70; font-size: 13px; line-height: 19px; }
body#shoplist ul#shoplist p span, body#shoplist ul#shoplist p a:link, body#shoplist ul#shoplist p a:visited { color: #b9a485; cursor: pointer; }
body#shoplist ul#shoplist p span:hover { text-decoration: underline; }

/* Contact */
div#contact-info { text-align: center; height: 145px;}
div#contact-info p { margin-bottom: 10px; font-size: 13px; }
div#contact-info a { font-size: 11px; color: #5b5b5d;}

/* Terms of Use */
body#terms-of-use h2 { text-align: center; margin: 20px 0;}
div#bd ol { margin: 10px 50px; list-style: decimal; }
div#bd ol li { margin-bottom: 8px;}

/* Privacy Policy */
body#privacy-policy div#bd { margin: 0 50px;}
body#privacy-policy div#bd h2 { text-align: center; margin: 20px 0;}
body#privacy-policy div#bd h3  { margin: 10px 0 3px; }
body#privacy-policy div#bd p  { margin-bottom: 5px; }

/****** Buckets **************************************************/
div#buckets { background-color: #eaeaeb; padding: 10px; margin-top: 7px; height: 105px; overflow: hidden; }
div#buckets a.bucket { float: left; height: 95px; width: 215px; border: 5px solid #fff; margin-left: 6px; position: relative; }
div#buckets span {  text-transform: uppercase; color: #fff; font-weight: bold; font-size: 12px; display: block; position: absolute; top: 3px; left: 5px; }
div#buckets img { position: absolute; top: 0; left: 0;}
div#buckets a:hover { text-decoration: none; }
/*div#buckets a#bucket1 { background: url("/images/box-target.jpg") }
div#buckets a#bucket2 { background: url("/images/box-facebook.jpg") }
div#buckets a#bucket3 { background: url("/images/box-press.jpg") }
div#buckets a#bucket4 { background: url("/images/box-blog.jpg") }*/

/****** Footer **************************************************/
div#ft { width: 960px; margin: 8px auto 20px; overflow: hidden; }
div#ft ul { float: left; }
div#ft li { display: inline; float: left; font: 10px Georgia, Times, "Times New Roman", Sans-Serif; text-align: right; margin-right: 5px;}
div#ft p { font: 10px Georgia, Times, "Times New Roman", Sans-Serif; text-align: right; float: right; }
div#ft p a,
div#ft ul a { color: #5b5b5b; }

/***** Custom Scroll *******************************************************/
.jScrollPaneContainer{position:absolute; overflow:hidden; z-index:1; padding-right: 40px;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:5px; top: 0; height:100%; background:#96989b; width: 1px !important;}
.jScrollPaneDrag{position:absolute; left: -4px; background:#f2b9ce; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; background-color:#666; height:15px !important; width:10px !important; }
a.jScrollArrowUp:hover{ border:none;}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:15px !important; width:10px !important; }
a.jScrollArrowDown:hover{ border: none;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}

/* Dealers */
table#dealers { width: 920px; margin: 5px 10px 25px; }
table#dealers tr td { padding: 5px 0; border-bottom: 1px solid #eee; vertical-align: middle; width: 184px; text-align: left !important; }
table#dealers tr td.telephone { width: 164px; }
table#dealers tr td.website { width: 224px; }
table#dealers tr td.carried { font-size: 11px; font-style: italic; color: #999; width: 164px; }

/* Treasures */
div.treasures p { color: #999; line-height: 19px; margin: 0 25px 10px 470px; }
div.treasures p a { color: #B9A485; cursor: pointer; }
div.treasures p strong { color: #6F6F70; font-size: 13px; line-height: 19px; }
div.treasures img { float: left; width: 350px; margin: 0 0 40px 80px; }
div.treasures-fabrics h3 { margin: 5px 0 15px 0; clear: both; }
div.treasures-fabrics li { float: left; margin: 0 10px 10px 0; }
div.treasures-fabrics ul { margin-bottom: 25px; }
div.treasures-fabrics ul img { border: 1px solid #eee; width: 176px; }

/* Social */
div#fbook { width: 177px; height: 20px; float: right; margin: -80px 0 0 0; text-align: right; }

/* Blog */
ul#blog li { width: 594px; display: block; margin: 0 0 0 10px; }
ul#blog li small { font-style: italic; color: #999; display: block; margin: 0 0 10px 0; }
ul#blog li h4 { font-size: 20px; font-weight: normal; color: #999 !important; margin: 0 !important; font-family: serif; }
ul#blog li div.entry p { margin: 15px 0; line-height: 18px; }
ul#blog { margin-left: 250px; }
div#blog_left { width: 200px; float: left; padding: 0 0 0 15px; }
div#blog_left li { margin: 3px 0; }
div#blog_left h5 { margin-bottom: 5px; color: #999; }
div#blog_left h5.multi { margin-top: 20px; padding-top: 19px; border-top: 1px dashed #ccc; }
input#ujyha-ujyha { width: 180px; padding: 5px 6px; }
div#blog_left form#subForm input { margin-bottom: 10px; }