﻿/* CSS Document */
#product_containter {
	width: 600px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color: #3E5E7s;
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited, a:hover {
	text-decoration: none;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1em;
}
img {
	border: none;
}
.clear {
	clear: both;
}
a.more:link, a.more:visited {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	color: #CB1F1B;
	background: url('../images/arrow_more.gif') no-repeat left 50%;
}
a.more:hover {
	border-bottom: 1px dotted #CB1F1B;
}
ul.style_none li {
	list-style-type: none !important;
}
ul.list_emphasized {
	padding: 0px 0px 0px 15px !important;
}
ul.list_emphasized li {
	font-style: italic;
}
/*********** header *********/
#header_wrapper {
	float: left;
	border-bottom: 5px solid #8E9038;
	width:1140px;
}
#logo {
	float: left; /*	margin: 30px 0px -7px 10px; */;
	padding: 0px;
	z-index: 10;
	border: none;
}
ul#top_nav {
	float: right;
	margin: 35px 10px 0px 350px;
	padding: 0px;
	display: inline-block;
}
ul#top_nav li {
	display: inline;
	margin: 0px;
	padding: 0px 8px;
	border-right: 1px solid #B9CBD7;
}
ul#top_nav li.last {
	border: none;
}
ul#top_nav a:link, a:visited {
	text-decoration: none;
	color: #4995B1;
}
#phone_times {
	float: right;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	color: #2B5462;
	clear: right;
	font-size: 90%;
}
hr#header_underline {
	clear: both;
	margin: 0px 0px 0px;
	padding: 0px;
	height: 5px;
	background-color: #8E9038;
	z-index: 5;
}
#content_wrapper {
	float: left;
	width: 100%;
	background: url('../images/side_bg.jpg') repeat-y left top;
}
/************* left content & nav **************/
#side_content {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background: url('../images/side_content_bg.jpg') repeat-x left top;
	width: 155px;
}
#side_content span {
	display: block;
	width: 155px;
	text-align: center;
	font-family: arial;
	color: #EFDFCF;
	text-transform: uppercase;
}
#shipping {
	margin: 6px;
	padding: 3px;
	width: 215px;
	background: #E2EAEF;
	border: 1px solid #537A92;
	text-align: center;
	color: #537A92;
	font-size: 80%;
	float: left;
	display: inline-block;
}
#shipping img {
	float: left;
	margin: 3px;
	padding-bottom: 10px;
}
#shipping em {
	display: block;
	margin: 6px 0px;
	padding: 0px;
	font-size: 1.9em;
	line-height: 1;
	font-style: normal;
	font-weight: bold;
	font-family: arial;
	text-align: center;
}
#shipping hr {
	margin: 0px 0px;
	padding: 0px;
}
/*side nav*/
#side_content dl {
	margin: -12px 0px 0px 0px;
	padding: 0px;
}
#side_content dl dt {
	color: #2F4755;
	padding: 20px 5px 2px 5px;
	font-weight: bold;
	text-transform: capitalize;
}
#side_content dl dd {
	margin: 0px;
	padding: 3px 8px 0px 12px;
}
#side_content dl dd a:link, #side_content dl dd a:visited {
	color: white;
}
#side_content dl dd a:hover {
	border-bottom: 1px dotted white;
}
#side_content ul {
	margin: 20px 0px;
	padding: 8px 0 30px 8px;
	border-bottom: 2px solid #2F4755;
	text-transform: capitalize;
}
#side_content ul li {
	list-style: none;
	font-size: 90%;
}
#side_content ul a:link, #side_content ul a:visited {
	color: #2F4755;
}
#side_content ul a:hover {
	border-bottom: 1px dotted #2F4755;
}
#mincart {
	padding: 10px 0px 10px 10px;
	border-top: 2px #2F4755 solid;
	border-bottom: 2px #2F4755 solid;
}
TD.mincart {
	font-size: 10px;
	font-family : Verdana;
}
P.mincart {
	font-size: 10px;
	font-family : Verdana;
}
/************** main content *********/
#main_content {
	float: left;
	margin: 0px 10px;
	padding: 0px;
	width: 70%;
}
#message {
	margin: 3px 0px 3px 0px;
	padding: 4px 4px 4px 4px;
	width: 900px;
	background-color: #E2EAEF;
	color: #586B67;
}
#feature {
	clear: both;
	background: url('../images/home-splash.jpg') no-repeat;
	height: 374px;
	width: 900px;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	overflow: hidden;
}
#feature h1 {
	float: right;
	width: 195px;
	text-align: center;
	font-size: 11px;
	/*padding:0px;
	margin:0px 0px 0px 0px;*/
}
#feature .animals {
	width: 225px;
	height: 360px;
	float: left;
	padding: 345px 0px 0px 0px;
	overflow: hidden;
}
#feature .serving {
	width: 225px;
	height: 360px;
	float: left;
	padding: 345px 0px 0px 0px;
	overflow: hidden;
}
#feature .jewelry {
	width: 225px;
	height: 360px;
	float: left;
	padding: 345px 0px 0px 0px;
	overflow: hidden;
}
#feature .chicken {
	width: 225px;
	height: 360px;
	float: left;
	padding: 345px 0px 0px 0px;
	overflow: hidden;
}
.feature_sub {
	float: left;
	margin: 10px 0px;
	padding: 0px 8px;
	width: 176px;
	height: 120px;
	min-height: 120px;
	border-right: 1px solid #A3BCD1;
}
.feature_sub h3 {
	margin: 0px 0px 8px 0px;
	padding: 1px 2px;
	background: #E2EAEF;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1em;
	font-weight: 100;
	text-transform: capitalize;
	text-align: center;
	color: #324B5A;
}
.feature_sub img {
	float: left;
	margin: 0px 8px 0px 0px;
	border: none;
}
.feature_sub a:link, .feature_sub a:visited {
	display: block;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	color: #666666;
	font-size: .8em;
}
.feature_sub a:hover {
	color: #333333;
}
hr.content_separator {
	clear: both;
}
#article {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 15px 0px 0px;
	width: 350px;
	height: 420px;
	line-height: 1.7;
	color: #666666;
	text-align: justify;
	border-right: 1px solid #A3BCD1;
}
#article h2, #customer_spotlight h2 {
	margin: 5px 0px 0px 0px;
	font-size: 1.6em;
	color: #A7A940;
	line-height: 1.7;
}
#article img {
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
#customer_spotlight {
	margin: 0px;
	padding: 0px;
	width: 420px;
	float: left;
}
#customer_spotlight p {
	color: #666666;
	text-align: justify;
}
#customer_spotlight p#submit {
	font-size: .8em;
	font-style: italic;
	color: #3E5E71;
}
#about_content {
	margin: 0px 0px 60px 0px;
	padding: 0px;
	width: 850px;
}
#about_content h2 {
	color: #3E5E71;
	font-size: 2em;
}
#about_content h3{
	color: #3E5E71;
	font-size: 2em;
}
#new_text big {
	color: #3E5E71;
	font-size: 20px;
}
#new_text h2{
	color: #3E5E71;
	font-size: 20px;
	float:left;
}
#about_content p, #new_text p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	color: #6C96AE;
	line-height: 1.5;
	text-align: justify;
}
#new_text a.hp-thumb{
	width:141px;
	height:18px;
	display:block;
	padding:165px 5px 0px 0px;
	float:left;
	color:#FFFFFF;
	text-align:right;
	margin:13px 0px 13px 11px;
	font-size:11px;
	font-weight:normal;
	border:none;
}
#new_text a.hp-thumb:hover{
	border:none;
}
#new_text #one.hp-thumb{
	background:url(../images/hp-thumb1.jpg) no-repeat;
	color:#FFFFFF;
}
#new_text #two.hp-thumb{
	background:url(../images/hp-thumb2.jpg) no-repeat;
	color:#FFFFFF;
}
#new_text #three.hp-thumb{
	background:url(../images/hp-thumb3.jpg) no-repeat;
	color:#FFFFFF;
}
#new_text #four.hp-thumb{
	background:url(../images/hp-thumb4.jpg) no-repeat;
	color:#FFFFFF;
}
#new_text #five.hp-thumb{
	background:url(../images/hp-thumb5.jpg) no-repeat;
	color:#FFFFFF;
	margin-left:30px;
}
#new_text #six.hp-thumb{
	background:url(../images/hp-thumb6.jpg) no-repeat;
	color:#FFFFFF;
	width:220px;
	padding-top:110px;
	margin-left:38px;
}
#new_text #seven.hp-thumb{
	background:url(../images/hp-thumb7.jpg) no-repeat;
	color:#FFFFFF;
	width:220px;
	padding-top:110px;
	margin-left:38px;
	margin-right:38px;
}
#new_text #eight.hp-thumb{
	background:url(../images/hp-thumb8.jpg) no-repeat;
	color:#FFFFFF;
}
#new_text #big.hp-thumb{
	background:url(../images/hp-thumb-big.jpg) no-repeat;
	color:#FFFFFF;
	width:551px;
}
#about_content a:link, #about_content a:visited, #new_text a:link, #new_text a:visited {
	color: #3E5E71;
	font-weight: bold;
}
#about_content a:hover, #new_text a:hover {
	border-bottom: 1px dotted;
}
/************ Name Necklaces Collection *******************/
#name_necklaces {
	width: 780px;
	margin: 20px 0px 60px 0px;
}
#name_necklaces h2 {
	font-size: 1em;
	color: #3E5E71;
	float:left;
}
#name_necklaces h2 a{
	font-size: 1em;
	color: #3E5E71;
	text-decoration:none;
}
#name_necklaces h1 {
	font-size: 1.5em;
	color: #3E5E71;
}
#name_necklaces h3 {
	font-size: 100%;
	color: #3E5E71;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#name_necklaces p {
	margin: 0px;
	padding: 0px;
	width: 650px;
	color: #517f9a;
	line-height: 1.2;
	text-align: justify;
}
#name_necklaces p a:link, #name_necklaces p a:visited {
	color: #517f9a;
	border-bottom: 1px dotted #517f9a;
}
#name_necklaces p a:hover {
	color: #3E5E71;
	border-bottom: 1px dotted #3E5E71;
}
.necklace, .necklace_right {
	float: left;
	margin: 3px 0px 3px 0px;
	padding: 0px 4px;
	border-right: 1px solid #9FBACA;
	width: 120px;
	height: 180px;
}
.jewelry_thumb, .jewelry_thumb_right, .ring, .ring_right, .animal, .animal_right, .bracelet, .bracelet_right {
	float: left;
	margin: 3px 0px 3px 0px;
	padding: 0px 10px;
	border-right: 1px solid #9FBACA;
}

.jewelry_thumb, .jewelry_thumb_right {
	width:150px;
	height: 200px;
}

.bracelet, .bracelet_right {
	width:200px;
	height: 200px;
}

.ring, .ring_right {
	width: 150px;
	height: 220px;
}
.animal, .animal_right  {
	width: 150px;
	height: 220px;
}
.necklace_right, .ring_right, .jewelry_thumb_right, .bracelet_right {
	border: none;
}
.necklace img, .necklace_right img, .ring img, .ring_right img, .bracelet img, .bracelet_right img, .jewelry_thumb img, .jewelry_thumb_right img {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.necklace a:link, .necklace a:visited, .necklace_right a:link, .necklace_right a:visited, .ring a:link, .ring a:visited, .ring_right a:link, .ring_right a:visited, .bracelet a:link, .bracelet a:visited, .bracelet_right a:link, .bracelet_right a:visited, .jewelry_thumb a:link, .jewelry_thumb a:visited, .jewelry_thumb_right a:link, .jewelry_thumb_right a:visited, .animal a:link, .animal a:visited, .animal_right a:link, animal_right a:visited {
	display: block;
	margin: 3px 1px;
	font-size: .9em;
	color: #2F4755;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: underline;
}
.necklace a:hover, .necklace_right a:hover, .ring a:hover, .ring_right a:hover, .bracelet a:hover, .bracelet_right a:hover, .jewelry_thumb a:hover, .jewelry_thumb_right a:hover, .animal a:hover, animal_right a:hover {
	color: #3683D3;
}
.necklace span, .necklace_right span, .ring span, .ring_right span, .bracelet span, .bracelet_right span, .jewelry_thumb span, .jewelry_thumb_right span, .animal span, .animal_right span {
	display: block;
	margin: 15px 5px 5px 5px;
	font-size: .7em;
	color: #666666;
	font-style: italic;
	text-align: center;
}
#name_necklaces hr {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	background-color: #9FBACA;
}
#name_necklaces hr.ring_line, .ring_line {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 600px;
	height: 1px;
	background-color: #9FBACA;
}
#necklace_info div {
	float: left;
	width: 200px;
	margin: 10px 25px 10px 0px;
}
#necklace_info div p {
	float: left;
	width: 180px;
	font-size: .9em;
	text-align: left;
}
#necklace_info h3 a{
	margin: 3px 0px;
	font-size: 1em;
	color: #333333;
	text-decoration: underline;
}
#necklace_info ul {
	float: left;
	margin: 0px;
	padding: 3px 0px 3px 8px;
}
#necklace_info ul li {
	color: #666666;
}
#necklace_info ul li a{
	color: #666666;
}
#necklace_info h4 {
	margin: 10px 0px 2px 0px;
	font-size: .9em;
	color: #666666;
	font-style: italic;
}
#necklace_info hr {
	clear: both;
	margin: 15px 0px;
	padding: 0px;
	height: 1px;
	background-color: #9FBACA;
}
#birthstones {
	margin: 10px;
	padding: 0px;
	color: #2F4755;
	text-transform: capitalize;
	text-align: center;
	border: 1px solid #E2EAEF;
	border-right: none;
}
#birthstones th {
	padding: 4px;
}
#birthstones td, #birthstones th {
	border-right: 1px solid #E2EAEF;
}
#birthstones tr.heading {
	background: #E2EAEF;
}
#birthstones i {
	display: block;
}
/********** name_necklace.asp **************/
img.header_img {
	float: left;
	margin: 0px 10px 10px 0px;
}
/****************  INNER PAGES  ****************/
#inner_pages, #about_us, #fundraising {
	margin: 0px 0px 70px 0px;
	padding: 0px;
}
#inner_pages h1, #inner_pages h2, #about_us h2, #fundraising h2 {
	margin: 0px;
	padding: 20px 0px 10px 0px;
	font-size: 2em;
	color: #3E5E71;
}
#about_us h2 a{
	color: #3E5E71;
	font-size:18px;
}
#inner_pages ol, #about_us ol, #name_necklaces ol {
	margin: 5px 0px 20px 20px;
	padding: 0px;
	color: #517f9a;
}
#inner_pages ol li, #about_us ol li, #name_necklaces ol li {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
}
#inner_pages a:link, #inner_pages a:visited {
	color: #3E5E71;
	font-weight: bold;
}
#inner_pages a:hover, #name_necklaces a:hover {
	color: black;
}
#inner_pages ul {
	margin: 0px;
	padding: 0px;
	color: #6C96AE;
}
#inner_pages ul li strong {
	color: #3E5E71;
}
#about_us em, #inner_pages em {
	color: #FF0000;
	font-weight: bold;
}
#inner_pages h3, #about_us h3 {
	font-size: 1.2em;
	margin: 0px;
	margin-top: 25px;
	padding: 0px;
	color: #3E5E71;
}
#about_us h4, #fundraising h4, #inner_pages h4 {
	font-size: 1em;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	color: #666666;
	font-style: italic;
}
#about_us p, #inner_pages p {
	margin: 5px 0px;
	text-align: justify;
	color: #517f9a;
}
/*** About us***/
#about_us ol.fair_trade {
	padding: 0px 0px 0px 50px;
}
#about_us ol.fair_trade li {
	font-size: 1em;
	list-style-type: decimal;
	list-style-position: outside;
}
/************* FUNDRAISING PAGE   *******************/
#inner_pages.fundraising ol li {
	margin: 0px 0px 8px 15px;
	padding: 0px;
	list-style-type: decimal;
	font-size: 1em;
	color: #517f9a;
	line-height: 1.4em;
}
.fundraising ul li {
	margin: 0px 0px 0px 25px;
	font-size: 1em;
	color: #517f9a;
	line-height: 1.4em;
	list-style: disc;
}
#inner_pages.fundraisung form input {
	width: 200px;
}
#inner_pages.fundraisung form input.submit {
	display: block;
	clear: both;
}
/*** colors **
dark blue: #3E5E71
light blue: #6C96AE
*/
/*********** footer  ***********/
#footer_nav {
	text-align: center;
}
#footer_nav a:link, #footer_nav a:visited {
	font-size: .8em;
	color: #666666;
}
#footer_nav a:hover {
	border-bottom: 1px dotted #666666;
}
/********* bottom links      *****************/
#bottom_links {
	margin: 60px 0px;
	border-top: 3px solid #666666;
}
#bottom_links img {
	border: none;
	display: inline;
	margin: 15px;
}
#bottom_links a.dcelestine {
	float: left;
}
#bottom_links a.link:link, #bottom_links a.link:visited {
	display: block;
	color: #DD0909;
}
#bottom_links a.link:hover {
	text-decoration: underline;
}
/*special */
#inner_pages.green h2, #inner_pages.green h3 {
	color: #009900 !important;
}
#inner_pages.african div {
	float: left;
}
#inner_pages.african img {
	float: left;
	margin: 60px 10px 35px 0px;
	clear: both;
}
#inner_pages.policies ul,  {
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}
#inner_pages.policies ul li {
	margin: 5px 0px;
	padding: 0px;
	text-transform: none;
	color: #6C96AE;
	list-style-type: none;
}
#inner_pages.policies ol ul {
	margin: 0px 0px 0px 15px;
	line-height: .7em;
	font-weight: 100 !important;
}
#name_necklaces ol a:link, #name_necklaces ol a:visited {
	text-transform: capitalize;
	color: #3E5E71;
}
#contact label {
	color: #6C96AE;
}
#contact form {
	max-width: 500px;
}
#serving-feature {
	clear: both;
	background: url('../images/serving-pieces.jpg') no-repeat;
	height: 374px;
	width: 900px;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	overflow: hidden;
	text-align: center;
}
#serving-feature b {
	width: 195px;
	text-align: center;
	/*padding:0px;
	margin:0px 0px 0px 0px;*/
}
#serving-feature .forks {
	width: 225px;
	height: 329px;
	float: left;
	padding: 302px 0px 0px 0px;
	overflow: hidden;
}
#serving-feature .salad-serv {
	width: 225px;
	height: 360px;
	float: left;
	padding: 302px 0px 0px 0px;
	overflow: hidden;
}
#serving-feature .cake-serv {
	width: 225px;
	height: 360px;
	float: left;
	padding: 302px 0px 0px 0px;
	overflow: hidden;
}
#monogram-feature {
	clear: both;
	background: url('../images/monogram-jewlary.jpg') no-repeat;
	height: 374px;
	width: 900px;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	text-align: center;
}
#monogram-feature b {
	width: 195px;
	text-align: center;
	/*padding:0px;
	margin:0px 0px 0px 0px;*/
}
#monogram-feature .mono-lace {
	width: 225px;
	height: 360px;
	float: left;
	padding: 309px 0px 0px 0px;
	overflow: hidden;
}
#monogram-feature .mono-necklace {
	width: 225px;
	height: 360px;
	float: left;
	padding: 309px 0px 0px 0px;
	overflow: hidden;
}
#monogram-feature .mono-ring {
	width: 225px;
	height: 360px;
	float: left;
	padding: 309px 0px 0px 0px;
	overflow: hidden;
}


