/*jewelreaper.com - turquoise beads (c) Mallini Design | mallinidesign@gmail.com*/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
}

p.red  {
	color: 990000;
	}

body {
	font-size: 100.01%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #003333;
	min-width:40em;
	background-color: #53d8d3;
	background:url(http://jewelreaper.com/mainbg.jpg) left top repeat-x;
}
td, div {
font-size:12px;
}
h2 {
font-size: 22px;
padding-bottom:10px;
text-align:center;
}
h3 {
font-size: 15px;
padding-bottom:10px;
text-align:center;
}
.bgLeft_top  {
	background: transparent url(http://jewelreaper.com/left_top.jpg) no-repeat scroll left top; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;

}
.checkout  {
	color: rgb(255, 255, 255); font-weight: bold;
}

.welcome  {
	padding: 3em 3em 0pt 2em; font-size: 12px;
}
.leftbox  {
	background: transparent url(http://jewelreaper.com/border_left.gif) repeat-y scroll right top; 
	padding-right: 16px; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

.tablebg  {
	background: rgb(130, 237, 249) url(http://jewelreaper.com/table_bg.gif) repeat scroll 0%; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	padding-left: 5px; font-size: 12px;
}
.topbox  {
	background: rgb(130, 237, 249) url(http://jewelreaper.com/border_top.gif) repeat-x scroll left top; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	font-size: 12px;
}
.bottombox  {
	background: transparent url(http://jewelreaper.com/border_bottom.gif) repeat-x scroll left bottom; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
.tube
{
	background: transparent url(http://jewelreaper.com/tube.jpg) no-repeat scroll right top; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	padding-right: 1em;
}
.bottomgrad {
	background: transparent url(http://jewelreaper.com/bottom_grad.jpg) repeat-x scroll left bottom; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
.bottomz  {
	background: transparent url(http://jewelreaper.com/bottom_z.jpg) no-repeat scroll right bottom; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
#beads_links {
position: absolute; right:0; top:160px; float: right; width:494px; height:60px; z-index:120; display:block;
text-align:right; margin-right:2.3em; line-height:2.3em;
}

#beads{
position: relative; right:0; top:45px; float:right; width:494px; height:135px; z-index:111;
}

#view img {
border: solid #000000 1px;

margin-top: 10px;
}

#bottom_bg {
position:absolute; bottom:0; left:0; width:100%; height:200px; z-index:2;
}
#t_beads{
position:absolute; left:60px; top:0; width:381px; height:243px; z-index:4;
}
a:link{color:#003333;}
a:visited{color:#0a2d2d;}
a:active{color: #666666;}
a:hover{color: #666666;}







#layout {	
	margin: 0;
/*	width: expression(document.body.clientWidth < 960? "960px" : "auto");*/
	min-width: 56em;
	overflow: -moz-scrollbars-none
	}
	
	
ul { list-style: none; margin: 0; padding: 10px 0 10px 18px; }



div#comment {
	color: #3366cc; 
	font-size:12px;
	font-weight:bold;
	padding-left:7em; 
	padding-top:15px;
}
div span#big{
	position: relative;
	font-weight: normal;
	top:-25px;
	right:0;
	font-size:20px;
	}
div span#small{
	position: relative;
	font-weight: normal;
	top:-10px;
	right:0;
	font-size:10px;
	}
div span#smalltext{
	font-weight: normal;
	font-size:12px;
	}
img#maps {
	border-style:solid;
	border-width:1px;
	margin-top:0.5em;
	border-color:#666699;
	margin-left:2px;
	margin-right:2px;
	}
div#maps {
	color: #666699;
	font-size:12px;
}
div#copy {
	font-size:10px;
	color:#666699;
	padding-left:2em;
	}
div#mylogo {
	padding-right:2em;
}
div#powered {
	font-size:10px;
	color:#666699;
	}
	
.hint {
	background-color: #EAEAFF;
	line-height:11px;
	color:#000;
	width:170px;
	border-top:1px solid  #666699;
	border-right:3px solid #666699;
	border-bottom:3px solid #666699;
	border-left:1px solid #666699;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:10px 5px 10px 10px;
	position:absolute;
	visibility:hidden;
	}
	
div#mallogo { position: relative; right: 15px; bottom: 0; font-size: 9px; padding:0; 
//font-size: 10px;
}
#made-in	{ margin-right: 5px; }
#made-in img	{ float: right; margin: 0 0.5em 2em 0.5em; 
//margin-top: 3px; 
}
#made-in br	{ clear: none; }

#logindiv{
position: relative; right:0px; top: -57px; width:160px; height:105px; background: url(images/login.jpg) left top no-repeat; padding-left:25px; padding-top:10px; margin-bottom: -60px; z-index:1; float:right;
}

input.emptyLogin {color: #999999;}
input.emptyPassword {color: #999999;}


#news-form { position: absolute; top: 60px; display: none; width:95%; z-index: 66; font-size:100%;  }
td.newsForm { font-size: 70%; border: 1px dotted #3366cc; background-color: white; }
#news-form td.loginForm table { border: 15px solid white; }
td.newsForm td { font-size: 70%; }
td.newsForm div { margin-bottom: 0.5em; }
td.newsForm a { color: #666666; }