/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* LAYOUT */
#container { width: 850px; margin: 0 auto; position: relative; background-color:#000; padding-bottom:10px;}
.column {float: left; display:inline;}
#container:after, #header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* TYPE */
body { font: 11px/16px Verdana, Arial, sans-serif; color: #333; background-color:#000}
p {padding-bottom:15px}
a {color: #834F84;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
h1 {font-size:18px; line-height:16px; font-weight:normal; padding-bottom:15px}
.pink {color:#FF99FF}
.homeheader {width:622px; text-align:center; padding-top:40px; font-size:13px; color:#834F84; font-style:italic}
/* TOPPER */
#topper { height:125px; border-bottom:thin solid white}
#topper img {margin-top:25px; margin-left:48px}
/* NAVIGATION */
#navigation {width:175px; height:620px; margin: 0 auto; position: relative; z-index: 9998; float:left; border-right:thin solid white}
#navigation #nav {width:120px; height:0; margin-left:25px; margin-top: 0; padding: 0; }
#navigation #nav li { display: block; margin-top:30px; width:120px; float:left; height:0px}
#navigation #nav li a { float: left; height: 0; padding-top: 20px; overflow: hidden; background-image: url(../assets/navnew.gif); background-repeat: no-repeat; }
/* SIGNUP */
#signup {font: 9px/15px Verdana, Arial, sans-serif; color:#ccc; text-align:right; position:absolute; top:380px; left:0px; width:150px; z-index:9999}
#signup input {margin:0; padding:0; margin-bottom:5px; margin-top:5px; float:right; clear:both}
#signup .pink {float:right}
/* BUTTONS */
#navigation #nav li#home a {width:120px; background-position: 0 0; }
#navigation #nav li#collection a {width:120px; background-position: 0 -35px; }
#navigation #nav li#shop a {width:120px; background-position: 0 -70px; }
#navigation #nav li#aboutus a {width:120px; background-position: 0 -105px; }
#navigation #nav li#contact a {width:120px; background-position: 0 -140px; }
#navigation #nav li#stockists a {width:120px; background-position: 0 -175px; }
#navigation #nav li#press a {width:120px; background-position: 0 -210px; }
/* OVER STATES */
#navigation #nav li#home a:hover { background-position: -150px 0; }
#navigation #nav li#collection a:hover { background-position: -150px -35px; }
#navigation #nav li#shop a:hover { background-position: -150px -70px; }
#navigation #nav li#aboutus a:hover { background-position: -150px -105px; }
#navigation #nav li#contact a:hover { background-position: -150px -140px; }
#navigation #nav li#stockists a:hover { background-position: -150px -175px; }
#navigation #nav li#press a:hover { background-position: -150px -210px; }
/* ON STATES */
#navigation.home #nav li#home a { background-position: -150px 0 !important; cursor: default; }
#navigation.collection #nav li#collection a { background-position: -150px -35px !important; cursor: default;}
#navigation.shop #nav li#shop a { background-position: -150px -70px !important; cursor: default;}
#navigation.aboutus #nav li#aboutus a { background-position: -150px -105px !important; cursor: default;}
#navigation.contact #nav li#contact a { background-position: -150px -140px !important; cursor: default;}
#navigation.stockists #nav li#stockists a { background-position: -150px -175px !important; cursor: default;}
#navigation.press #nav li#press a { background-position: -150px -210px !important; cursor: default;}
/* MAIN */
#main {width:660px; height:602px; float:left; display:inline}
#content { background-color:#fff; margin-top:17px; margin-left:23px; padding-top:18px; padding-left:22px; padding-right:24px; width:576px; height:460px}
#contentflow { background-color:#fff; margin-top:17px; margin-left:23px; padding-top:18px; padding-left:22px; padding-right:24px; width:576px;}
#contenthome {height:488px; margin-top:17px; margin-left:23px;}
/* THUMBS & ITEMS */
#thumbs {width:195px; margin:0; padding:0}
.thumb {float:left; display:block;}
.itemholder {position:absolute; top:192px; left:420px; width:370px}
.items {display:none; text-align:right; font-size:10px; }
.items strong {font-weight:bold; font-size:11px}
/* SHOP */
#shoplaunch img {border:1px solid #999}
#shoplaunch a {text-decoration:none; color:#333}
#shoplaunch a:hover {text-decoration:none; color:#834F84}
#shoplist {font-weight:bold}
#shoplist a {font-weight:normal}
#shopitem {position:absolute; top:192px; left:440px; width:350px; text-align:center}
.inviso {display:none}
#shopbuy {position:absolute; top:350px;}
#shopbuy2 {position:absolute; top:192px;}
#shopbuy select, #shopbuy2 select, #shopbuy3 select, #shoplist select, #coupon select {background-color:#eee; border: thin solid #b3b3b3; margin-right:10px; margin-top:6px; font-size:9px}
#giftcert select {background-color:#FFD9FF; border: thin solid #E086E0; margin-right:10px; margin-top:6px; font-size:9px}
#shopbuy input, #shopbuy2 input, #shopbuy3 input, #coupon input, #coupon1 input {background-color:#FFD9FF; border: thin solid #E086E0; padding:2px; margin-top:8px; margin-right:10px; font-size:9px; float:left}
input.grey {background-color:#eee!important; border: thin solid #b3b3b3!important}
.selectwords { font:9px/9px Verdana, Arial, sans-serif; color: #777; }
.soldout {font:9px/9px Verdana, Arial, sans-serif; padding-top:10px; font-style:italic; font-weight:bold; color:#111; }
#giftcert input {background-color:#FFD9FF; border: thin solid #E086E0; padding:2px; margin-top:8px; margin-right:10px; font-size:9px;}
#giftcert { margin: 0px; padding:3px; border: 1px solid #E086E0; text-align:center; background: #FFF2F2; }
#coupon {position:absolute; top:580px;}
#coupon1 {position:absolute; top:420px;}
#nogoodcoupon { font-style:italic; font-size:10px; margin-left:5px; color:#834F84}
#goodcoupon { margin: 0px; padding:3px; border: 1px solid #E086E0; text-align:center; background: #FFF2F2; color:#834F84; width:188px}
.allgone {font:9px/9px Verdana, Arial, sans-serif; font-style:italic; color:#333!important; text-decoration:line-through!important}
.sale {font:11px/15px Verdana, Arial, sans-serif; color:#834F84; font-weight:bold}
#shopphoto {margin-top:0px; width:350px; padding-bottom:20px}
#shopdescription {position:absolute; left:520px; top:192px}
#shopbuy3 {width:600px}
#shopbuy3 select, #shopbuy3 input {margin:0}
#shopnav {position:absolute; top:575px; left:300px; text-align:right; font-size:20px}
#shopnav a:hover {text-decoration:none; color:#FF99FF}
/* FOOTER */
#foot {font: 10px/14px Verdana, Arial, sans-serif; color:#ccc; margin-left:25px; margin-top:10px;}
.copyright {font-size:9px}
/* SCROLLER */
.holder {float: left; position: relative; width: 600px; height: 468px; margin: 0;}
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: default; right: 0; top: 0; height: 100%; background: url(../assets/scroller_track.gif) repeat-y;}
.jScrollPaneDrag { position: absolute; background: url(../assets/scroller_drag_middle.gif) no-repeat 0 50%; cursor: default; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_top.gif) no-repeat; height: 24px;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_bottom.gif) no-repeat; cursor: default; height: 12px;}
.scroll-pane {width: 600px; overflow: auto; float: left; height: 460px; margin: 0px;}