/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: black;
	background: #232323;
	background-image:url(images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link {color:#d49443; font-weight:bold; text-decoration:none;} 
a:visited{color:#d49443; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}

.container {
	width: 801px;
	margin: 0 auto;
	background-color:#b7b7b7;
}	

.content {background-image:url(images/Unforgettable-Jewelry_12.jpg); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;	font-weight: inherit;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;}
.padder {padding:0 20px 50px 20px;}
.padder2 {padding: 20px 0px 60px 20px; margin:0;}
.copyright {float:right;}
.footer {background-color:#000000; color:#c9b382; padding: 20px 20px;}
div.footer a:link {color:#c9b382; font-weight:normal;} 
div.footer a:visited{color:#c9b382; font-weight:normal;}
div.footer a:hover{color:#e4cc98;}
h3 {font:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
.fancyheading {font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; color:#d49443;}
#sideBar {width:200px; margin:0; padding:0; float:left;}
#rightcontent {width:500px; padding:30px 30px 60px 0px; float:right;}
#sideBar ul{
	margin: auto 0px;
	padding:0px;
	width: 132px;
}
#sideBar ul li{
	margin-left:0px;
	padding-left:10px;
	list-style: none;
	border-bottom:solid 1px #CCC;
}
.underline {border-bottom:solid 1px #CCC; padding-left:10px;}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #CCC;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}