@import url("thickbox.css");
body { background-color:#E0EBF0; font:12px Trebuchet MS, Arial, sans-serif; text-align: center; margin: 0; padding: 0;}
#all { position:relative; width:850px; margin:auto; padding-top:72px;}
#logo { background: url(../images/treefish_logo.gif) no-repeat; height:175px; width:375px; position:absolute; z-index:1; margin:-72px 0 0 -56px; }
#content { position:relative;  background-color:#F5F8FA;  text-align:center; width:850px; border: 3px solid #3B839F; } 

#topright { float:right; margin:20px 20px 0 0; width:286px; height:35px; background: url(../images/topright.gif) no-repeat;}
.about, .email {float:right;}
.about { margin: 5px 26px 0 0; width:85px; height:27px;}
.about a { display:block; width:85px; height:27px;}
.email { margin: 5px 3px 0 0; width:165px; height:27px;}
.email a { display:block; width:165px; height:27px; }
.transparent {opacity:0; filter: alpha(opacity=0); border: 1px solid black;}

#centerlinks { `margin:0px 0 0 320px; }
.necklaces, .braclets, .earrings, .other , .necklaceson, .bracletson, .earringson , .otheron {float:right; margin:5px 20px 5px 5px;}
.necklaces, .necklaceson, .necklaces a { width:112px; height:25px;}
	.necklaces a { background: url(../images/neck_off.gif) no-repeat; display:block;}
	.necklaces a:hover { background: url(../images/neck_on.gif) no-repeat;}
	.necklaceson { background: url(../images/neck_on.gif) no-repeat;}
.braclets, .bracletson, .braclets a { width:106px; height:25px; }
	.braclets a { background: url(../images/braclet_off.gif) no-repeat; display:block;}
	.braclets a:hover { background: url(../images/braclet_on.gif) no-repeat;}
	.bracletson { background: url(../images/braclet_on.gif) no-repeat;}
.earrings, .earringson, .earrings a { width:93px; height:33px;}
	.earrings a { background: url(../images/ear_off.gif) no-repeat; display:block;}
	.earrings a:hover, .earringson { background: url(../images/ear_on.gif) no-repeat;}
.other, .otheron, .other a { width:127px; height:25px; }
	.other a { background: url(../images/other_off.gif) no-repeat; display:block;}
	.other a:hover, .otheron { background: url(../images/other_on.gif) no-repeat;}

.line { margin:2px 10px 10px 10px; _margin: 10px; border-top:1px solid #3B839F;}
.product_container {margin:0px 0px 10px 10px; text-align:left;}
#title{margin:0 0 10px 20px;}
.product{ float:left; margin:5px 21px 25px 20px;color:#3D6B79;text-align:left;font-weight:bold;width:125px;}
.product img {border:1px solid #3B839F;display:block;}
.product a {text-decoration:none;color:#3D6B79;}
.product a:hover {text-decoration:underline;color:#3D6B79;}

.oproduct{ float:left; margin:5px 21px 5px 27px;color:#3D6B79;text-align:left;font-weight:bold;width:225px;}
.oproduct img {border:1px solid #3B839F;}
.oproduct a {text-decoration:none;color:#3D6B79;}
.oproduct a:hover {text-decoration:underline;color:#3D6B79;}

.desc {margin:10px;text-align:center;}