@CHARSET "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
ul { list-style: none; }

body { background-color: #1d1d1d; color: #999; font-size: 10px; font-family: Georgia, Times, serif; }

a, img, object { outline: none; border: none; }
a { color: #999; text-decoration: none; }

h1,h2,h3 { color: #000; text-transform: uppercase; }
h2{ font-size: 1.8em; font-weight: normal; letter-spacing: 2px; }
h1 a, h2 a, h3 a { color: #000; }

input { font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #999; font-weight: bold; letter-spacing: 1px; }

.glyph, .icon { background-image: url(../images/sprite.png); background-repeat: no-repeat; }
.glyph.line { background-position: 0 -354px; height: 5px; clear:left;  }
.glyph.line-handshake { background-position: 0 -367px; height: 30px; margin: 0 auto 20px; width: 820px; }
.glyph.stamp { display: block; background-position: -572px -30px; height: 35px; width: 27px; }
.glyph.contact { display: block; background-position: -420px -15px; height: 125px; width: 130px; }
.glyph.leaves { display: block; background-position: -772px -0px; height: 24px; width: 48px; }

.icon { width: 20px; height: 14px; display: inline-block; vertical-align: bottom; }
.icon-cart { background-position: 0 -60px; }
.icon-search { background-position: 0 -80px; }

#glyph-left, #glyph-right { display: block; width: 50px; height: 40px; position: absolute; top: 382px; }
#glyph-left { left: 8px; background-position: 0 0; }
#glyph-right { right: 8px; background-position: -50px 0; }

.image img { display: block; }

#wrapper { width: 100%; overflow: hidden; }

#container { width: 100%; table-layout: fixed; border-collapse: collapse; }
#container td { background: transparent url(../images/bg.jpg) repeat 0 0; }
#container td.left { background-position: 100% 0; } 
#content { margin: 0 auto; color: #000; height: 546px; width: 865px !important; vertical-align: top; padding: 0; }
#content.shop { padding: 20px 0; }

#content.twoColumn .columnA { float: left; width: 590px; margin: 30px 0 0 0; padding: 0; }
#content.twoColumn .columnB { margin: 30px 0 0 650px; }

#content.twoColumn-wideB .columnA { float: left; width: 320px; margin: 30px 0 0 0; padding: 0; }
#content.twoColumn-wideB .columnB { margin: 30px 0 0 350px; }

#content.twoColumn-equal { padding: 0 20px; }
#content.twoColumn-equal .columnA { float: left; width: 384px; min-height: 482px; margin: 0 0 30px 0; padding: 0 20px 0 7px; border-right: 1px solid #000; }
#content.twoColumn-equal .columnB { float: left; width: 384px; min-height: 482px; margin: 0 0 30px 0; padding: 0 7px 0 20px; }
#content.twoColumn-equal .line { margin: 30px 0; clear: both; }


.columnB .section h3 { letter-spacing: 1px; background: transparent url(../images/sprite.png) no-repeat -4px -320px; padding: 0 0 10px 0; margin: 0 0 6px 0; font-size: 1.2em; }
.columnB .section p, .columnB .section ul { font-size: 1.1em; margin: 0 0 36px 0; }
.columnB .section a { color: #000; }
.columnB .section a:hover { color: #444; }

#footer { text-align: center; font-family: Helvetica, Arial, sans-serif; color: #999; font-weight: bold; letter-spacing: 1px; }
#footer .controls a { color: #999; }
#footer form { display: inline; display: inline-block; }
#footer input { border: 1px solid #414141; background-color: #1d1d1d; padding: 2px 5px; color: #999; }
#footer input[type=text] { padding: 3px 5px;  } 
#footer .stamp { margin: 8px 0 0 0; }
#footer .stamp a { margin: 0 auto;  }
#footer .copy { margin: 100px 0 200px; }

#header { width: 800px; height: 100px; margin: 0 auto; padding: 20px 0 12px; text-align: center; }
#logo a { margin: 0 auto; text-indent: -9999px; display: block; width: 70px; height: 28px; background: transparent url(../images/logo.png) no-repeat 0 0; }
#nav { margin-top: 14px;  }
#nav ul { overflow: auto; display: block; margin: 6px auto; }
#nav > ul { width: 420px; }
#nav li { float: left; margin: 0 10px; }
#nav li a { float: left; text-transform: uppercase; font-size: 1.2em;  }
#nav li.active a, #nav li a:hover { color: #fff; }


.controls { padding: 1em 0; overflow: auto; }
.controls a { color: #333; letter-spacing: 1px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 3px; }


.attributes dt { text-transform: uppercase; letter-spacing: 1px; }
.attributes dd { margin: 0 0 6px 0; }
.attributes select { width: 100%; border: 1px solid #000; background: #fff; padding: 2px; }

#contact { text-align: center; width: 374px; margin: 0 auto; }
#contact .glyph { margin: 30px auto 30px; }
#contact h2 {  background: transparent url(../images/sprite.png) no-repeat -30px -312px; padding: 0 0 10px 0; }
#contact .section { margin: 0 0 34px 0; }
#contact p { margin: 13px 0; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px;  }
#contact a { color: #000; }

#about-fade, #press-fade { display: block; position: relative; visibility: hidden; opacity: 0; padding: 30px; height: 380px; width: 540px; margin: 53px auto 0; background-color: #1d1d1d; }
#about-fade a { display: block; margin: 0 auto; padding: 50px 0; text-indent: -9999px; height: 26px; background-color: transparent; background-image: url(../images/pyrrha_about.png); background-repeat: no-repeat; }
#about-fade a.bio { background-position: 14px 50px; width: 269px; border-bottom: 1px solid #F3E1C9; }
#about-fade a.story { background-position: -280px 50px; width: 270px; border-bottom: 1px solid #F3E1C9; }
#about-fade a.green { background-position: -562px 50px; width: 338px; }

#press-fade a { display: block; float: left; text-indent: -9999px; height: 380px; vertical-align: middle; background-color: transparent; background-image: url(../images/pyrrha_editorial_celebrity.png); background-repeat: no-repeat; }
#press-fade a.editorial { background-position: 24px 167px; width: 269px; left: 30px; border-right: 1px solid #F3E1C9; }
#press-fade a.celebrity { background-position: -264px 167px; width: 270px; right: 30px; }

#gallery { }
#gallery ul.images { width: 800px; height: 600px;  }
#gallery ul.images li { position: absolute; display: block; width: 800px; }
#gallery ul.images li img { display: block; }
#gallery #next, #gallery #prev { position: absolute; display: block; text-indent: -9999px; top: 45%; width: 59px; height: 59px; background: transparent url(../images/sprite.png) no-repeat 0 0; }
#gallery #next { background-position: -660px -160px; right: -30px;}
#gallery #prev { background-position: -600px -160px; left: -30px; }
#gallery #index { position: absolute; bottom: 14px; height: 24px; background: #fff; padding: 0px 8px 2px; font-size: 20px; font-weight: bold; border: 1px solid #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#gallery #index a { margin: 0 4px; }
#gallery #index a.active { color: #000;  }

#pane { height: 480px; outline: none; }

.ui-dialog { border: 1px solid #000; background: #fff; color: #000;   }
.ui-dialog-titlebar { text-align: right; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 1em 2em; }
.gallery .ui-dialog-titlebar { height: 0px; padding: 0; }
.gallery .ui-dialog-titlebar-close { z-index: 999; position: absolute; display: block; text-indent: -9999px; top: -13px; right: -13px; width: 26px; height: 26px; background: transparent url(../images/sprite.png) no-repeat -787px -198px; }
.gallery .ui-dialog-titlebar-close span { display: none; }
.ui-dialog-titlebar a { color: #000; }
.ui-dialog-content h2 { padding: 0 0 10px; border-bottom: 1px solid #000; margin: 0 0 1em 0; }
.ui-dialog-content p { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; margin: 1em 0; line-height: 1.4em; }
.ui-dialog-content .columnA { float: left; padding: 0 20px 30px 80px; width: 300px; }
.ui-dialog-content .columnB { float: left; padding: 0 80px 30px 20px; width: 300px; }
div.div { height: 1px; border-bottom: 1px solid #000; }

.share { width: 100px; position: relative; font-family: Helvetica, Arial, sans-serif; color: #939393; }
.share a { text-decoration: none; color: #939393; }
.share .share-trigger { display: block; text-indent: -9999px; height: 16px; width: 72px; background: transparent url(../images/sprite.png) no-repeat -745px -140px; }
.share .share-inside { position: absolute; left: 85px; top: -4px; width: 240px; background-color: #fff; border: 1px solid #000; z-index: 101;}
.share .share-inside .nub { background: transparent url(../images/sprite.png) no-repeat -798px -47px; width: 8px; height: 17px; position: absolute; top: 1px; left: -8px; }
.share ul { list-style: none; padding: 12px 0 12px 12px; overflow: auto; }
.share li { float: left; width: 114px; height: 20px; margin: 0 0 6px 0; }
.share li a { float: left; width: 80px; height: 17px; padding: 3px 0 0 24px; background-image: url(../images/share-icons.png); background-position: 0 0; background-repeat: no-repeat; }
.share li.subscribe a { background-position: 0 0; }
.share li.blinklist a { background-position: 0 -160px; }
.share li.bloglines a { background-position: 0 -60px; }
.share li.blogmarks a { background-position: 0 -140px; }
.share li.digg a { background-position: 0 -240px; }
.share li.delicious a { background-position: 0 -20px; }
.share li.email a { background-position: 0 -280px; }
.share li.facebook a { background-position: 0 -260px; }
.share li.flickr a { background-position: 0 -40px; }
.share li.furl a { background-position: 0 -200px; }
.share li.magnolia a { background-position: 0 -80px; }
.share li.newsvine a { background-position: 0 -120px; }
.share li.reddit a { background-position: 0 -100px; }
.share li.stumbleupon a { background-position: 0 -220px; }
.share li.technorati a { background-position: 0 -180px; }


.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 12px;
    outline: none;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent url(../images/scroller-track.png) repeat-y scroll -4px 0;
}
.jScrollPaneDrag {
    position: absolute;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    background: transparent url(../images/sprite.png) no-repeat scroll -101px -14px;
    width: 30px !important;
    
}
.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;
    height: 23px;
    background: transparent url(../images/sprite.png) no-repeat scroll -236px 0px;
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 23px;
    background: transparent url(../images/sprite.png) no-repeat scroll -257px -4px;
}

#flashMessenger { padding: 1em 1em 2em; background: transparent url(../../../core/images/bg_000_80.png);  }
#flashMessenger .top { text-align: right; height: 1em;}
#flashMessenger .inside { text-align: center; font-size: 2em; color: #fff; }