/* colors grey-#BCBDC0		dark-grey-#333132		near-black-#050506 */



/* general */
body {font-family:helvetica, verdana, arial; font-size:10pt; color:#BCBDC0; background:#333132;}

a {text-decoration:none; color:#FFF;}
a:hover {color:#BCBDC0;}

h1 {font-size:30px; position:relative;}
h1 .sub {font-size:9pt; position:absolute; bottom:0px; right:3px; letter-spacing:1px;}
h2 {font-size:12pt; font-style:italic; margin-top:15px; color:#FFF;}
h3 {font-weight:bold; color:#FFF; font-size:9pt;}
h3.sub {font-weight:normal; color:#BCBDC0; float:right;}

p {margin:15px 0 0; line-height:14pt;}

.extra_space {margin-top:30px;}
.small_text {font-size:8pt; font-weight:bold;}
.spaced {margin-left:30px;}
.centered {text-align:center;}
.white {color:#FFF;}
.bold {font-weight:bold;}

.split {clear:both;}
.neg_right {margin-right:-15px;}
.float_right {float:right;}

img.right_wrapped {float:right; margin:15px 0 10px 10px;}



/* layout blocks */
#outer_container {width:720px; margin:30px auto;}
#head {width:288px; margin:0 0 40px;}
#nav {text-align:right; height:23px; background:#050506; padding:0 30px; margin:0 0 30px;}
#main_content {background-color:#050506; padding:5px 30px 20px;}
#main_content_item {background-color:#050506; padding:20px 10px 28px;}
#main_content_item_text {background-color:#050506; padding:5px 50px 20px 56px;}



/* main content */
.index {background:url(../images/page_bg/index_bg.gif) no-repeat 0 100%;}
.vouchers {background:url(../images/page_bg/vouchers_bg.gif) no-repeat 0 100%;}
.about_stones {background:url(../images/page_bg/about_stones.gif) no-repeat 0 100%;}
.about_artist {background:url(../images/page_bg/about_artist.gif) no-repeat 0 100%;}
.links_page {background:url(../images/page_bg/links.gif) no-repeat 0 50px;}
.contact {background:url(../images/page_bg/contact.gif) no-repeat 0 100%;}

.right_content {float:right; width:330px;}

#featured {border:1px solid #BCBDC0; padding:10px; margin:20px 0 0;}
#featured a {display:block; float:left; width:74px; margin:8px 3px 0 0; font-size:8pt;}
#featured img {margin:0 0 3px;}
#featured p {margin:5px 0 -10px; font-size:8pt;}
ul.search {margin:15px 0 10px -5px;}
ul.search li {float:left; margin:0 0 0 5px;}
ul.search li.first {font-size:0.6em; width:120px; text-align:right; padding:1px 0 0;}
ul.search li.second {font-weight:bold; font-size:8pt; color:#FFF; padding:4px 0 0;}
#main_content ul.search li.third select {width:120px; font-size:8pt; border:1px solid #BCBDC0; padding:1px 3px; margin-top:-15px;}
ul.search li.fourth {margin-left:1px;}
#main_content ul.search li.fourth input {font-size:8pt; margin-top:-15px;}

.title {float:left; width:220px; margin-top:18px;}
ul.pages {float:right; width:200px; text-align:right; margin-top:16px;}
ul.pages li {float:right; margin-left:2px; font-weight:bold;}
ul.pages li a {display:block; color:#BCBDC0; font-weight:bold;}
ul.pages li a:hover {color:#FFF;}

.grid {float:left; width:120px; margin:15px 15px 0 0; position:relative;}
.grid h3 {margin:0 0 10px;}
.grid p {margin:0 0 0 5px; font-size:9pt; font-weight:bold}
.grid p a {font-size:7pt; font-weight:bold; margin:0 0 0 15px;}
.grid .sold {position:absolute; margin:0; text-align:center; width:114px; top:136px; left:3px; background:#333132; padding:1px 0; font-size:11pt;}

#main_content_item a.back {float:left; background:#BCBDC0; padding:3px; margin-right:10px; color:#050506; font-size:8pt; font-weight:bold;}
#main_content_item img {float:left; width:300px; margin-right:18px;}
#main_content_item_text a.basket {float:right; margin-top:15px; font-weight:bold; font-size:8pt; padding:6px 30px 6px 6px; border:1px solid #BCBDC0; background:url(../images/basket.gif) no-repeat 97% 1px;}
#main_content_item_text a.basketsold {float:right; margin-top:15px; font-weight:bold; font-size:8pt; padding:6px 6px 6px 6px; border:1px solid #BCBDC0;}
#main_content input, #main_content select {}
#main_content input.basket {font-weight:bold; font-size:8pt; color:#FFF; font-family:helvetica, verdana, arial; padding:3px 30px 3px 3px; border:1px solid #BCBDC0; background:url(../images/basket.gif) no-repeat 97% 1px;}

ul.links {margin-top:20px;}
ul.links li.name {color:#BCBDC0; font-weight:bold; font-size:9pt;}
ul.links li.description {margin-top:5px; font-size:8pt;}
ul.links li.url {float:right;}

input.basket {margin-top:15px;}



/* lists */
#main_content dl.form_list {margin-top:15px;}
#main_content dl.form_list dd {margin:-13px 0 10px 100px;}
#main_content dl.form_list dd input, #main_content dl.form_list dd textarea {margin-top:0px; padding:0 1px; font-size:8pt; border:1px solid #FFF; width:230px; font-family:helvetica, verdana, arial;}
#main_content dl.form_list dd textarea {height:70px;}
#main_content dl.form_list dd.submit input {float:right; border:1px solid #BCBDC0; background:#BCBDC0; font-size:8pt; width:45px; margin-right:-4px;}

#main_content.links_page dl	{ font-size:100%; }
#main_content.links_page dl dt	{ font-style:italic; font-size:110%; clear:both; margin-top:1em; border-bottom:1px solid #FFF; }
#main_content.links_page dl dd a	{ font-weight:bold; }


/* navigation */
#nav ul {float:right;}
#nav ul li {float:left; position:relative;}
#nav ul li a {display:block; padding:6px 15px; color:#BCBDC0; font-weight:bold; font-size:8pt;}
#nav ul li a:hover {color:#FFF;}
#nav ul li a.basket {background:url(../images/basket.gif) no-repeat 100% 2px; padding-right:25px;}
#nav ul li ul {position:absolute; background:#7D797C url(../images/sub_nav_bg.gif) repeat-x 0 0; visibility:hidden; left:15px; padding:5px;}
#nav ul li ul li {float:none;}
#nav ul li ul li a {color:#FFF; padding:2px 3px; width:70px; font-weight:normal;}
#nav ul li ul li a:hover {color:#050506;}



/* foot */
#foot li {float:left; margin:10px 20px 0 0;}
#foot li a {color:#BCBDC0;}
#foot li a:hover {color:#FFF;}

table { margin: 15px 0; }
table tr td { vertical-align: top; }


table.basket {width: 100%; border-collapse:collapse;}
table.basket td {padding:6px 10px; border:1px solid #000; vertical-align: top; background: #282828;}
table.basket th {padding:6px 10px; color:#fff; background:#000; border:1px solid #000; font-weight:normal; text-align:center;}
table.basket td.blank {border:0px; background: #000;}
table.basket td.right, table.basket th.right {text-align:right;}
table.basket .second {width:280px;}
table.basket select, table.basket input { margin: 0; }

.buttons {margin:50px 0 0;}
.buttons p {text-align:right; margin-right:6px;}
.buttons .checkout{ 
	float:right; border:1px solid #BCBDC0;
	background:#BCBDC0; font-size:8pt;
	margin:0; cursor: pointer;
	padding:0 3px; display: block;
}

td.left { text-align: left; }
td.center { text-align: center; }