@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: black; 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: #999; text-transform: uppercase; }
h2{ font-size: 1.8em; font-weight: normal; letter-spacing: 2px; }
h1 a, h2 a, h3 a { color: #000; }
h3, h4, h4, h5, h6 { font-weight: normal; }

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%; 
	border-collapse: collapse; 
	background: transparent url(/local/pyrrha/images/home/bg_large.jpg); 
	padding-top: 25px;
	padding-bottom: 25px;
}

#container td.left { background-position: 100% 0; } 

#content_container {
	margin: 0px auto;
	width: 994px;
}

#content_container img.bg_frame {
	display: block;
}

#content { 
	color: #999; 
	/*height: 526px; */
	padding: 1px; 
	padding-left: 64px;
	padding-right: 64px;
	background: url(/local/pyrrha/images/layout/content_bg.png);
}
html>body #content {
	width: 866px;
}

#content a {
	color: #A66A52;
}

#content.twoColumn .columnA, #content.twoColumn .columnB, #content.twoColumn-wide .columnA, #content.twoColumn-wide .columnB, #content.twoColumn-wideB .columnA, #content.twoColumn-wideB .columnB {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}


/*#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 { height: auto; }
#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 { font-size: 120%; } /* colin@brainbits.ca increase font size of footer by 1pt (approx) */
#footer { text-align: center; font-family: Helvetica, Arial, sans-serif; color: #999; font-weight: bold; letter-spacing: 1px; }
#footer .controls a { color: #A66A52; }
#footer a.follow { margin: 0; display: inline-block; vertical-align: middle; }
#footer form { display: inline; display: inline-block; margin: 0 0.4em 0 0; }
#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: 10px 0 20px; }

#header { 
	width: 994px;
	height: 110px;
	margin: 0 auto; 
	padding: 10px 0 12px; 
}

#logo {
	float: left;
	width: 77px; 
	height: 107px;
}
#logo a { margin: 0 auto; text-indent: -9999px; display: block; width: 77px; height: 107px; background: transparent url(../images/layout/full_logo.png) no-repeat 0 0; }

/*
#nav { 
	margin-top: 35px;  
	float: right;
	text-align: right;
}
#nav ul { overflow: auto; display: inline-block; margin: 0 auto 0.6em; }
#nav li { float: left; margin: 0 10px; }
#nav li a { 
	float: left; 
	text-transform: uppercase; 
	font-size: 16px;  
}*/
#nav { 
	margin-top: 32px;  
	float: right;
	text-align: right;
	line-height: 24px;
}
#nav ul { overflow: auto; display: inline; margin: 0 auto 0.6em; }
#nav li { display: inline; margin: 0 10px; }
#nav li a { 
	text-transform: uppercase; 
	font-size: 16px;  
}
#nav li.active a, #nav li a:hover { color: #fff; }
#nav .level-1, #nav .level-2 { line-height: 20px; }
#nav .level-1 li a, #nav .level-2 li a { 
	font-size: 12px;	
}

#fg { font-size: 1.3em; left: 10%; line-height: 1.7em; margin: 0 auto; position: absolute; top:160px; width: 500px; }

.controls { padding: 1em 0; overflow: auto; font-size: 125%;}
#content .controls a { color: #999; 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 { margin: 0 auto; width: 780px; }
#contact .column { float: left; width: 370px; padding: 0 10px; }
#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;  }


#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 { position: relative; width: 800px; height: 600px; margin: 0 auto; }
.ui-dialog #gallery { width: auto; height: auto; position: static; }
#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 { position: absolute;  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 20px 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-trigger { display: block; height: 16px; width: 72px; color: black; text-transform: uppercase; border: solid 1px black;text-align: center; padding-top: 4px; font-weight: bold; } 
.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; }


/* colin@brainbits.ca additions */

.resource-list img {
	float: right;
}

div.shipping-page {
	margin: 1em 0;
}

div.shipping-page p {
	margin: .5em 0;
}

div.shipping-page h2 {
	margin-top: 1em;
	border-bottom: solid 1px black;
}

div.shipping-info {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	font-size: 130%;
	margin: 1em 0;
}

.pager-next,
.pager-prev {
	font-size: 130%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 1em;
	color: black;
	font-weight: bold;
}

.pager-next {
	float: right;
}
.post {
	clear: both;
}

.share-trigger {
	color: white !important;
	background-color: #222;
}

.subcategories {
	text-align: left;
	padding-left: 1em;
}

.subcategories li {
	font-size: 115%;
	line-height: 1.5;
}

.subcategories li a {
	color: black;
}

.message {
  background-color: #222;
  padding: 1em;
  font-size: 130%;
  color: #ddd;
  line-height: 1.5;
  clear: both;
}

.message strong {
  font-size: 125%;
}

.message a {
  text-decoration: underline;
  color: white;
}