/* CSS Document */


#page {width:850px; margin:0 auto; text-align:left; position:relative;}
body {width:100%; text-align:center; background-color:#000000;}
p {padding:10px 40px 0 20px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; margin:0; line-height:21px;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFFFFF; font-weight:normal; padding:0 0 10px 10px; margin:0;}
#important { font-size:10px; color:#003333; margin:0; padding:0;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:16px; font-weight:normal; padding:0 10px 0 10px; margin:0;}
h3 a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:16px; font-weight:lighter; padding:20px 0 0 20px; margin:0;}
h3 a:hover {color:#CCCCCC;}
h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFFFFF; font-weight:lighter; padding:10px 0 10px 20px; margin:0;}
a {padding:0; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; margin:0; text-decoration:none;}
a:hover {color:#CCCCCC; text-decoration:underline;}
ul {margin:0; padding:0 0 0 20px;}
li {margin:0; padding:0;}

/*Header & Navigation*/
#header {background:url(images/header2.jpg) no-repeat; height:39px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFFFFF; padding:88px 0 0 50px; margin:0; display:block;}
#header a {color:#fff; text-decoration:none}
#header a:hover {text-decoration:underline;}
#header a.link1 {position:absolute; display:block; height:67px; width:605px; left:180px; top:15px;}

/*Left Nav*/
#left_nav ul {display:block; margin:0; padding:0 0 10px 15px; list-style:none; position:relative;}
#left_nav ul li {margin:0; padding:2px; list-style:none; font-size:14px; position:relative; color:#fff; text-decoration:none; display:block; white-space:nowrap;}
#left_nav ul li:hover, #left_nav ul li.sfhover {color:#fff; text-decoration:underline;}
#left_nav ul ul {display:none; padding:0; position:absolute; left:80px; top:2px; width:145px; z-index:1000000; margin:0; border:1px solid #2a9fa9;}
#left_nav li li {display:block; background:#dedede; padding:0; margin:0; text-decoration:none; border:none;}
#left_nav li li a {text-decoration:none; border:none;}
#left_nav li:hover ul, #left_nav li.sfhover ul {display:block; background:url(images/ulbg.gif) repeat;}
#left_nav ul li ul li a {color:#000000; display:block; padding:0 0 5px 10px; margin:0; text-decoration:none; background:url(images/ulbg.gif) repeat; border:none;}
#left_nav ul li ul li a:hover {background:#b2b2b2; color:#000000; text-decoration:none; border:none;}
#shoppingLeft {padding:0; margin:0;}

#twitter_facebook {padding:100px 0 0 25px; display:block;}
#twitter_facebook div {padding:10px 0; height:50px;}
#home #twitter_facebook {display:none;}

/*Body*/
#bg {background:url(images/body_bg.jpg); margin:0; padding:0;}
#bottom {background:url(images/bottom.jpg) no-repeat; height:1px; width:850px; padding:0; margin:0 auto;}

#shows #emailList {display:block; padding:0 0 10px 15px; margin:0;}
#index #shows #emailList {display:none;}
#emailList table#constant_contact {background:url(images/emailerBG.jpg) repeat-x; height:81px; padding:0; margin:0; width:190px; float:left;}
table#constant_contact {background:url(images/emailerBG.jpg) repeat-x; height:81px; padding:0; margin:0 0 0 150px;}

#inventory {width:600px; padding-bottom:20px;}
#inventory div {padding:20px 25px 30px 25px; float:left; width:150px; height:210px; text-align:center;}
#inventory img {border:3px solid #999;}
#inventory h4 {padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:21px; width:150px;}
#inventory div p {padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:12px; line-height:21px;}
#inventory a {padding:0; margin:0; line-height:21px; font-size:12px; line-height:18px;}
/*#inventory div img {border:5px #999 solid;}*/

#categories {width:600px; padding-bottom:20px;}
#categories div {padding:20px; float:left; width:150px; height:170px;}
#categories h4 {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px; font-weight:bold;}
#categories div p {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px;}
#categories a {padding:0; margin:0;}

#stoneDirectory div {width:275px; float:left; display:block; padding-bottom:20px;}

#viewItem {width:580px; padding:20px 20px 0 0; position:relative;}
#viewItem img {border:3px solid #999;}
#viewItem h4 {padding:0 0 10px 20px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px; font-weight:bold;}
#viewItem p {padding:0 10px 10px 20px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:14px;}

#description {padding:0; margin:0; position:absolute; top:590px;}
#chain {padding:10px 40px 0 20px; margin:0;}
#select {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

#form {margin:0; padding:0;}

/*Table*/
#table {background:url(images/body_bg.jpg); padding:0; margin:0;}
#text {padding:10px 0 0 30px; margin:0;}
#text p {padding-left:10px;}


#shoppingLeft {padding:0; margin:0; width:210px; vertical-align:top;}
#shows {width:210px;}
#shows p {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; padding:20px 20px 0 15px; margin:0;}
#shows a {display:block; background:no-repeat; float:left; font-size:12px;}
#shows a.additional_shows {width:183px; background-image:url(images/additional_shows.jpg); height:46px; padding:0 0 5px 15px;}

/*Footer*/
#footer {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; width:850px; padding:20px 0 0 15px; margin:0 auto; position:relative; height:175px;}
#footer a {font-size:12px; color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer #stones {font-size:10px; padding:5px 0 0 0; color:#999999;}
#footer #stones a {font-size:10px; color:#999999; text-decoration:none;}
#footer #stones a:hover {font-size:10px; color:#fff; text-decoration:underline;}
#sugarloaf {padding:0 10px 10px 0; margin:0;}







<!-- Cart CSS - Written 7/15/09, by Brent Stees -->
#cart {margin:15px; padding:0; display:block; font-family:Arial, Helvetica, sans-serif;}
#cart table {margin:0; padding:0; border:0; width:100%;}
#cart table td {margin:0; padding:0; border:0; background-repeat:no-repeat; height:11px;}
#cart ul {margin:0; padding:15px 0; list-style:none; display:block; background:url(img/cart/cart_body.png)}

/* Top */
#cart td.tl {background-image:url(img/cart/cart_tl.png); background-position:left; width:9px;}
#cart td.tr {background-image:url(img/cart/cart_tr.png); background-position:right;}
#cart li.head {height:12px; line-height:12px; font-size:12px; font-weight:900; padding-bottom:3px; border-bottom:#CCCCCC 1px solid; margin-bottom:15px; background:none;} 
#cart li.head div.cartImage {font-weight:900; margin:0; height:12px; float:left; width:52px; padding-left:30px;} 
#cart li.head div.cartDelete {font-weight:900; margin:0; height:12px; line-height:12px; font-size:12px; float:left; width:37px;} 
#cart li.head b {font-weight:900; height:12px; line-height:12px; font-size:12px; float:left; width:100px; padding:0; margin:0;} 
#cart li.head em {width:90px; height:12px; line-height:12px; font-size:12px; padding:0; float:right; margin:0; font-style:normal; font-weight:900; text-align:right;} 
#cart li.head div.cartQuantity {font-weight:900; margin:0; height:12px; line-height:12px; font-size:12px; float:right; width:30px;} 

/* Bottom */
#cart td.bl {background-image:url(img/cart/cart_bl.png); background-position:left; width:9px; height:35px; line-height:0;}
#cart td.br {background-image:url(img/cart/cart_br.png); background-position:right; height:35px; position:relative;}
#cart td.br span {text-align:center; height:13px; line-height:13px; display:block; font-size:13px; color:#fff; font-weight:900; width:195px;}

/* Line Items */
#cart li {display:block; padding: 5px 0 6px 0; height:30px; position:relative; z-index:10; margin:0 15px; background:url(img/cart/line.png) repeat-x 0 100%;} 
#cart li input.cartDelete {margin:9px 15px 9px 0px; height:12px; line-height:12px; font-size:12px; float:left;} 
#cart li a {display:block; padding:0; background:no-repeat 50% 50%; width:28px; height:28px; position:absolute; left:37px; border:#ccc 1px solid; top:5px;} 

/* Thumb Hover */
#cart li a img {display:none; border:none;} 
#cart li a:hover {padding:0; background:#fff; width:auto; height:auto; background-image:none; top:0px; left:32px;} 
#cart li a:hover img {display:block; border:5px #fff solid; height:150px; width:150px;}
#cart li input.cartQuantity {margin:4px; height:12px; line-height:12px; font-size:10px; padding:3px; border-width:1px; float:right; width:24px; text-align:right;} 
#cart li b {display:block; width:auto; height:12px; line-height:12px; font-size:12px; padding:9px; float:left; margin-left:45px; } 
#cart li em {display:block; width:90px; height:12px; line-height:12px; font-size:12px; padding:9px 0px 9px 9px; float:right; margin:0; font-style:normal; font-weight:900; text-align:right;} 

/* Buttons */
#cart #buttons {position:relative; z-index:9; height:35px; line-height:13px;}
#cart #buttons div {position:absolute; top:16px; left:0; width:400px;}
#cart #buttons a {display:block; height:19px; width:auto; background:url(img/cart/button-l.png) no-repeat 0% 0%; float:left; margin-right:5px; text-decoration:none; outline:none;}
#cart #buttons a span {margin-left:18px; display:block; background:url(img/cart/button-r.png) no-repeat 100% 0%; float:left; padding:2px 9px 4px 0; width:auto; font-size:11px; color:#FFFFFF; white-space:nowrap; cursor:pointer;}
#cart #buttons a:hover {background-position: 0% -20px;}
#cart #buttons a:hover span {background-position: 100% -20px;}
#cart #buttons a.remove span {padding-right:20px;}
#cart #buttons a.remove {background-position: 0% -40px;}
#cart #buttons a.remove span {background-position: 100% -40px;}
#cart #buttons a.remove:hover  {background-position: 0% -60px;}
#cart #buttons a.remove:hover span {background-position: 100% -60px;}

#discountCode {position:relative; z-index:9; height:35px; line-height:13px; padding-left:358px;}
#discountCode input {display:block; height:19px; width:auto; background:url(img/cart/button-1.png) no-repeat 0% 0%; float:left; margin-right:5px; text-decoration:none; outline:none;}
#discountCode #discountNumber {background:#fff;}
#discountCode #discountButton {margin-left:10px; background:#666; display:block; float:left; padding:2px 9px 4px 9px; width:auto; font-size:11px; color:#fff; white-space:nowrap; cursor:pointer; border:1px solid #fff;}
#discountCode #discountButton:hover {background-position:100% -20px;}


<!--[if IE 6]>
<style type="text/css">
#cart #buttons a span {margin-left:9px;}
#cart li.head div.cartDelete {padding-left:15px;} 
#cart li.head em {padding-right:15px;} 
#cart #buttons a span {padding:3px 9px 3px 0;}
</style>
<![endif]-->

<!--[if IE 7]>
<style type="text/css">
#cart li.head div.cartDelete {padding-left:15px;} 
#cart li.head em {padding-right:15px;} 
#cart #buttons a span {padding:3px 9px 3px 0;}
</style>
<![endif]-->

<!-- End Cart CSS -->



