* {margin: 0; padding: 0}
html {height: 100%}
body {font: 12px arial, sans-serif; line-height: 1; color: #666; background: #FFF; width: 902px; margin: 0 auto; position: relative}

a img {border: none}
input.text, input.password, textarea {border: 1px solid #c98e3d; color: #666; font: 12px arial, sans-serif}
textarea {padding: 2px; width: 538px; height: 70px}
h2 {font-size: 17px; font-weight: bold; color: #666; letter-spacing: 1px; padding-bottom: 12px; text-align: center}
ul, ol {list-style: none}

.small {font-size: 11px}
.brown {color: #c98e3d}
.clear {clear: both}

#logo {float: left; margin: 54px 0 0 10px; display: block;}
#logo img {display: block}

#navbar {float: left; margin: 67px 0 11px 20px; height: 26px; font: 11px Arial, sans-serif;
 overflow: hidden; min-width: 500px;}
#navbar li {float: left; height: 26px; padding: 0 14px 0 12px; background: url('/images/navbar/divider.gif') 100% 11px no-repeat}
#navbar li a {display: block; height: 9px; margin-top: 11px; text-transform: uppercase; color: #c98e3d; text-decoration: none}
#navbar .contact {background: none}
#navbar .home a {background: url('/images/navbar/home.gif') no-repeat; width: 33px}
#navbar .about a {background: url('/images/navbar/about.gif') no-repeat; width: 39px}
#navbar .collections a {background: url('/images/navbar/collections.gif') no-repeat; width: 79px}
#navbar .editorial a {background: url('/images/navbar/editorial.gif') no-repeat; width: 60px}
#navbar .press a {background: url('/images/navbar/press.gif') no-repeat; width: 36px}
#navbar .retail a {background: url('/images/navbar/retail.gif') no-repeat; width: 39px}
#navbar .blog a {background: url('/images/navbar/blog.gif') no-repeat; width: 30px}
#navbar .shop a {background: url('/images/navbar/shop.gif') no-repeat; width: 31px}
#navbar .contact a {background: url('/images/navbar/contact.gif') no-repeat; width: 53px}
#navbar .home a:hover {background: url('/images/navbar/home_h.gif') no-repeat}
#navbar .about a:hover {background: url('/images/navbar/about_h.gif') no-repeat}
#navbar .collections a:hover {background: url('/images/navbar/collections_h.gif') no-repeat}
#navbar .editorial a:hover {background: url('/images/navbar/editorial_h.gif') no-repeat}
#navbar .press a:hover {background: url('/images/navbar/press_h.gif') no-repeat}
#navbar .retail a:hover {background: url('/images/navbar/retail_h.gif') no-repeat}
#navbar .blog a:hover {background: url('/images/navbar/blog_h.gif') no-repeat}
#navbar .shop a:hover {background: url('/images/navbar/shop_h.gif') no-repeat}
#navbar .contact a:hover {background: url('/images/navbar/contact_h.gif') no-repeat}
.home #navbar {background: url('/images/navbar/active_left.gif') no-repeat; left: 267px}
.home #navbar .home {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 19px}
.home #navbar .about {padding: 0 14px 0 7px}
.home #navbar .home a, .home #navbar .home a:hover {background: url('/images/navbar/home_a.gif') no-repeat}
.about #navbar .home {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.about #navbar .about {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.about #navbar .collections {padding: 0 14px 0 7px}
.about #navbar .about a, .about #navbar .about a:hover {background: url('/images/navbar/about_a.gif') no-repeat}
.collections #navbar .about {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.collections #navbar .collections {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.collections #navbar .editorial {padding: 0 14px 0 7px}
.collections #navbar .collections a, .collections #navbar .collections a:hover {background: url('/images/navbar/collections_a.gif') no-repeat}
/*.editorial #navbar .collections {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}*/
.editorial #navbar .about {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.editorial #navbar .editorial {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.editorial #navbar .press {padding: 0 14px 0 7px}
.editorial #navbar .editorial a, .editorial #navbar .editorial a:hover {background: url('/images/navbar/editorial_a.gif') no-repeat}
.press #navbar .editorial {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.press #navbar .press {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.press #navbar .retail {padding: 0 14px 0 7px}
.press #navbar .press a, .press #navbar .press a:hover {background: url('/images/navbar/press_a.gif') no-repeat}
.retail #navbar .press {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.retail #navbar .retail {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.retail #navbar .blog {padding: 0 14px 0 7px}
.retail #navbar .retail a, .retail #navbar .retail a:hover {background: url('/images/navbar/retail_a.gif') no-repeat}
.blog #navbar .retail {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.blog #navbar .blog {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.blog #navbar .shop {padding: 0 14px 0 7px}
.blog #navbar .blog a, .blog #navbar .blog a:hover {background: url('/images/navbar/blog_a.gif') no-repeat}
.shop #navbar .blog {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.shop #navbar .shop {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.shop #navbar .contact {padding: 0 14px 0 7px}
.shop #navbar .shop a, .shop #navbar .shop a:hover {background: url('/images/navbar/shop_a.gif') no-repeat}
.contact #navbar .shop {background: url('/images/navbar/active_left.gif') 100% 0 no-repeat; padding: 0 21px 0 13px}
.contact #navbar .contact {background: url('/images/navbar/active_right.gif') 100% 0 no-repeat; padding: 0 19px 0 5px}
.contact #navbar .contact a, .contact #navbar .contact a:hover {background: url('/images/navbar/contact_a.gif') no-repeat}

#main {clear: both; width: 900px; height: 540px; border: 1px solid #c98e3d; overflow: hidden}
#sidebar {width: 232px; float: left; margin-top: 29px; padding: 0 20px 0 30px}
#content {width: 550px; height: 445px; margin-top: 11px}
#page_title {padding-top: 25px; height: 23px}

#sidebar #border {background: url('/images/sidebar/border.jpg') no-repeat; width: 178px; height: 153px; padding: 25px 0 0 26px; margin-top: 32px}
#sub {padding-top: 20px}
#sub li {width: 179px; padding-right: 24px; margin-bottom: 11px; font-size: 1px}
#sub li:hover {background: url('/images/sidebar/arrow_grey.gif') 100% 1px no-repeat}
#sub li.active, #sub li.active:hover {background: url('/images/sidebar/arrow_black.gif') 100% 1px no-repeat}
#sub li a {display: block; height: 9px; width: 179px}

.side_title {margin: 20px 0 0 20px}
.side_title2 {margin-bottom: 3px; display: block}
#side_text {padding: 10px 0 0 20px; width: 180px; font-size: 11px; line-height: 15px}
#side_text  p {padding-bottom: 17px}
#side_text input {display: block; float: left}
#side_text input.text {border: 1px solid #c98e3d; height: 17px; width: 147px; margin-right: 4px}

#content {line-height: 15px; letter-spacing: 1px; width: 553px; min-height: 445px; padding-right: 30px}
#content a {text-decoration: none}
#content a:link, #content a:visited {color: #666; border-bottom: 1px solid #666}
#content a:hover {color: #666; background-color: #f8f3ec; border-bottom: 1px solid #c98e3d}
#content p {padding-bottom: 15px}
#content form p {padding-bottom: 10px}
#content .title {display: block; padding-bottom: 17px}

.blog_entry {border-bottom: 1px solid #ccc; margin-bottom: 10px; clear:both}
.blog_entry.no_border {border: none}
.blog_entry h3 {font-size: 13px; margin-bottom: 2px}
.blog_entry p {padding-bottom: 12px !important}
.blog_entry p.title {padding-bottom: 5px}
.blog_entry p.links {padding-top: 4px !important; font-size: 10px; clear: both}
.blog_entry img {/*display: block;*/ float:left; margin: 0 12px 6px 0}
#content .blog_entry h3 a, #content .blog_entry h3 a:visited {color: #000; background: none; border: none}
#content .blog_entry h3 a:hover {color: #666; background: none; border: none}

.press_entry {clear: both; border: none; border-top: 1px solid #ccc; padding-top: 20px}
.press_entry.first {border: none; padding: 0; }
.press_entry img {float: right; margin-bottom: 20px}
.press_entry p {width: 430px}
.press_entry b {letter-spacing: 2px}

.retail_entry {padding-bottom: 20px}
.retail_entry p {padding-bottom: 0 !important}

.collections #content {width: 600px; padding: 0}
#coll_list {float: left; position: relative; height: 450px; width: 90px; padding-top: 3px; color: #999; line-height: 15px}
#coll_list a {color: #999 !important; border-bottom: none !important; background: none !important}
#coll_list a:hover {color: #444 !important; border-bottom: none !important; background: none !important}
#coll_list .active a, #coll_list .active a:hover {font-weight: bold; color: #000 !important}

#coll_nav {position:absolute;bottom: 20px; height: 7px}
#coll_nav a, #coll_nav a:hover {width: 10px; height: 7px; margin-right: 5px; display: block; float: left; border-bottom: none !important}
#coll_nav .left {background: url('/images/arrow_grey_l.gif') no-repeat !important}
#coll_nav .left:hover {background: url('/images/arrow_black_l.gif') no-repeat !important}
#coll_nav .right {background: url('/images/arrow_grey_r.gif') no-repeat !important}
#coll_nav .right:hover {background: url('/images/arrow_black_r.gif') no-repeat !important}
#coll_pic {float: left; padding-top: 3px}
#coll_text {float: left; font-size: 10px; line-height: 15px; color: #000; width: 130px; padding-left: 20px}
#coll_text p {padding-bottom: 12px}


#editorial_nav {position: absolute; bottom: 65px; left: 110px; color: #999; font-size: 10px;}
#editorial_nav a, #editorial_nav a:hover {width: 10px; height: 7px; margin-right: 0px; display: block; float: left; border-bottom: none !important}
#editorial_nav .left {background: url('/images/arrow_grey_l.gif') no-repeat !important}
#editorial_nav .left:hover {background: url('/images/arrow_black_l.gif') no-repeat !important}
#editorial_nav .right {background: url('/images/arrow_grey_r.gif') no-repeat !important}
#editorial_nav .right:hover {background: url('/images/arrow_black_r.gif') no-repeat !important}
#editorial_pic {float: left; padding-top: 3px}
#editorial_text {float: left; font-size: 10px; line-height: 15px; color: #000; width: 130px; padding-left: 20px}
#editorial_text p {padding-bottom: 12px}

.send2friend {letter-spacing: 1px}
.send2friend label {display: block; float: left; width: 90px; padding-top: 4px}
.send2friend p {margin-bottom: 6px}
.send2friend a {text-decoration: none; color: #999; position: relative; bottom: 6px; letter-spacing: 0; padding: 0 1px; border-bottom: 1px solid #666}
.send2friend a:hover {color: #555; background-color: #f8f3ec; border-bottom: 1px solid #c98e3d}
.send2friend textarea, .send2friend input.text {width: 200px; padding: 1px}
.send2friend textarea {height: 50px}
.send2friend p.submit {padding-top: 6px; margin: 0; text-align: center}

#footer {height: 30px}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
 line-height: 1px;
 font-size: 1px;
 position: absolute;
 top: 0; left: 0;
 background-color: white;
}

.vscrollerbase {
 width: 9px;
 background: url('/images/scroll-bg.gif');
}

.vscrollerbasebeg {
 width: 9px; height: 9px;
 background: url('/images/scroll-top.gif') top no-repeat;
}

.vscrollerbaseend {
 width: 9px; height: 9px;
 background: url('/images/scroll-bottom.gif') bottom no-repeat;
}

.vscrollerbar {
 width: 9px;
 height: 24px !important;
 background: url('/images/scroll-scroll.gif') center no-repeat;
}

.hscrollerbase {
 height: 9px;
 background: url('/images/scroll-bg-d.gif');
}

.hscrollerbasebeg {
 width: 9px; height: 9px;
 background: url('/images/scroll-left.gif') left no-repeat;
}

.hscrollerbaseend {
 width: 9px; height: 9px;
 background: url('/images/scroll-right.gif') right no-repeat;
}

.hscrollerbar {
 width: 24px !important;
 height: 9px;
 background: url('/images/scroll-scroll.gif') center no-repeat;
}

.scrollerjogbox {
 width: 9px;
 height: 9px;
 top: auto; left: auto;
 bottom: 0px; right: 0px;
 background-color: white;
}


.minipopup_body {overflow:hidden; background:white;}

.minipopup_left {width:20px; float:left;}
.minipopup_right {width:20px; float:left;}
.minipopup_top {height:20px; line-height:8px; float:left;}
.minipopup_bottom {height:20px; line-height:8px; float:left;}
.minipopup_width {width:200px; float:left;}
.minipopup_height {height:200px; float:left;}

.minipopup_left.minipopup_top {background:url(rounded-white.png) no-repeat;}
.minipopup_left.minipopup_bottom {background:url(rounded-white.png) 0px -20px no-repeat;}
.minipopup_right.minipopup_top {background:url(rounded-white.png) -20px 0px no-repeat;}
.minipopup_right.minipopup_bottom {background:url(rounded-white.png) -20px -20px no-repeat;}

.minipopup_width.minipopup_top {background:url(rounded-white.png) 0px -40px repeat-x;}
.minipopup_width.minipopup_bottom {background:url(rounded-white.png) 0px -60px repeat-x;}

.minipopup_height.minipopup_left {background:url(rounded-white.png) 0px -80px repeat-x;}
.minipopup_height.minipopup_right {background:url(rounded-white.png) -20px -80px repeat-x;}