/************************************
 * Formatting for JFaC
 * Author: Kate Napier
 * Modified: 26 Oct 2005
 ************************************/

/*Page size and layout*/
#pageContainer{
	width: 800px;
	background-position: top right;
}


/*Title Bar (JFaC Banner) size and layout*/
#titlebar{
	width: 800px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}


/*Top Navigation size and layout*/
#topnav{
	/*width: 800px;*/
	/*padding: 15px;*/
	padding: 10px;
	border-bottom: thick solid #BDBDBD;
	/*filter:alpha(opacity=25);
	opacity:.25;
	-moz-opacity: 0.25*/
}
#topnav a:link{
	text-decoration: none;
	color: #7C7C7C;
}
#topnav a:visited{
	text-decoration: none;
	color: #7C7C7C;
}
#topnav a:hover{
	text-decoration: underline;
	color: #7C7C7C;
}
img.topnavbar{
	position: absolute;
	top: 140px;
	left: 11px;
	z-index:-1;
}


/*Main Body size and layout*/
#mainbody{
	padding-top: 30px;
	width: 800px;
}
/*Main Body Links Style*/
#mainbody a:link{
	text-decoration: underline;
	color: #0000FF
}
#mainbody a:visited{
	text-decoration: underline;
	color: #FF66FF
}


/*Container for banners*/
div.bannercontainer{
	width: 800px;
	text-align: center;
}


/*Container for Information Modules*/
div.infocontainer_TBborder{
	width: 800px;
	height: 220px;
	padding: 10px;
	border-top: thin solid #BDBDBD;
	border-bottom: thin solid #BDBDBD;
}
div.infocontainer_Bborder{
	width: 800px;
	height: 220px;
	padding: 10px;
	border-bottom: thin solid #BDBDBD;
}
/*Information Module (fits two across on a page)*/
div.infomodule2{
	width: 375px;
	padding: 10px;
	display: inline;
	margin-bottom: 15px;
	float: left;
	text-align: center;
}
/*Information Module (fits three across on a page)*/
div.infomodule3{
	width: 240px;
	padding: 10px;
	margin-bottom: 25px;
	display: inline;
	float: left;
	text-align: center;
}
/*Information Module (fits four across on a page)*/
div.infomodule4{
	width: 177px;
	padding: 10px;
	margin-bottom: 25px;
	display: inline;
	float: left;
	text-align: center;
}

/*Paypal shopping cart button*/
#shoppingcart{
	float: right;
}


/*Jewelry modules (picture and description)*/
div.jewelrymodule{
	width: 375px;
	padding: 10px;
	display: inline;
	text-align: left;
	margin-bottom: 15px;
	float: left;
}
.jewelrymodule a:link{
	text-decoration: underline;
	color: #0000FF
}
.jewelrymodule a:visited{
	text-decoration: underline;
	color: #FF66FF
}

/*Jewelry Thumbnail Module (fits four across)*/
div.jewelrythumbnail{
	width: 175px;
	height: 200px;
	padding: 5px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	text-align: center;
}
img.jewelrythumbnail{
	width: 165px;
	height: 190px;
}
div.jewelrythumbnailsmall{
	width: 80px;
	height: 100px;
	padding: 5px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	text-align: center;
}
img.jewelrythumbnailsmall{
	width: 80px;
	height: 90px;
}

/*Navigation List border and padding*/
 ul{
	padding-left: 3px;
	margin: 0px;
	border-left: thin solid #BDBDBD;
	list-style-type: none;
	/*border-top: thin solid #BDBDBD;
	border-right: thin solid #BDBDBD;*/
 }
/*ul p{display: inline;}*/
ul li{
	display: inline;
	padding-right: 10px;
	padding-left: 0px;
	margin-left: 5px;
	margin-right: 5px;
	border-right: thin solid #BDBDBD;
	/*background: white;
	margin: 0px;
	padding: 5px;
	border-bottom: thin solid #BDBDBD;*/
}
/*ul li a{
	float: left;
	border-right: thin solid #BDBDBD
}
*/


/*Jewelry image formatting*/
img.jewelrysmall{
	width: 160px;
	height: 125px;
}
img.jewelry{
	width: 350px;
	height: 400px;
}


/*Regular Body text style*/
 body {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
 }



table {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	/*border-top: thin solid #BDBDBD;*/
	/*border-right: thin solid #BDBDBD*/
}

table.left {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	/*border-top: thin solid #BDBDBD;*/
	/*border-right: thin solid #BDBDBD*/
}

table.order1col{
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	width: 600px;
	text-align: center;
	text-decoration: bold;
	border: thin solid #BDBDBD;
	background: #FFCCFF;
}

table.order2col{
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	width: 600px;
}

table.order3col{
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	width: 600px;
	border: thin solid #BDBDBD;
}
table.order3col td.left{
	width: 320px;
	text-align: left;
}
table.order3col td.right{
	width: 360px;
	text-align: left;
}

table.order4col{
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
	width: 600px;
}
table.order4col td.outer{
	width: 200px;
	text-align: right;
}
table.order4col td.middle{
	width: 400px;
	text-align: left;
}



h1{
	font-family: Verdana, sans-serif;
	font-size: 18pt;
	text-align: center;
}

h2{
	font-family: Verdana, sans-serif;
	font-size: 16pt;
	text-align: center;
}

h3{
	font-family: Verdana, sans-serif;
	font-size: 14pt;
	text-align: center;
}