/* CSS Document */

body {
	margin:0px; 
	background-color:#DDE6ED!important;
	background-image:   url(../../../../images/design/main-bg.jpg); 
	background-position: top;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	
}


/* HEADER */

#header {
	width: 1024px;
	height: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	background-image:   url(../../../../images/design/header.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	clear:both;
}


#header-top {
	width: 1004px;
	height: 27px;
	padding: 0px 10px 0px 10px;*padding:0px 10px 6px 10px;
	background-color:transparent;
}

.header-top-menu {
	float: left;
	margin: 0px;
	padding:10px 12px 6px 12px;	*padding: 12px;
}

.header-top-menu li {
	list-style: none;
	float: left;
	border-right: 1px solid #0072BB;
	padding: 0px 8px 0px 8px;
	font-size: 12px;
	font-family: arial;
}

.header-top-menu li a:link, .header-top-menu li a:visited {color: #000000;}
.header-cart a:link, .header-cart a:visited {color: #000000;}
span.gold-club-msg {color: #F00; font-weight:bold; font-size:13px; background-color:#FFF;}

.header-cart {
	float: right;
	font-size: 13px;
	font-family: arial;
	color: #000!important;
	margin-right:10px;
	margin-top: 9px;	
	height: 21px;
}

.header-cart span{
	border-right: 1px solid #0072BB;
	padding: 0px 5px 0px 5px;
}

.header-cart * a:link, .header-cart * a:visited, .header-cart a:link, .header-cart a:visited {
	color: #00F;
}

.header-cart img {vertical-align: middle;}

#logo
{
	float: left;
	margin: 17px 0px 0px 15px;
	display: inline;
}

#logo img.shipping
{	
	margin-left: 53px;
	margin-right: 20px;
	margin-bottom: 15px;
}

#header-search {
	margin: 12px 20px 0px 0px; *margin: 8px 20px 0px 0px;
	padding: 0;
/*	width: 20%; */
	float:right;
}

#header-search img {vertical-align: middle;}

div#header-search form input#search_input {
	border: 1px solid #888; /*#B6BFC6#E3E8EE*/; 
	width: 180px; 
	height: 20px; 
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	font-family: arial;
}

.header-nav {
margin: 0px;
/*padding: 0px 0px 0px 12px; */padding: 5px 0px 0px 14px;
width: 325px;
display: block;
float:left;
}

.header-nav li {
	float: left;
	list-style: none;
	background-image:   url(../../../../images/design/menu-sep.gif); 
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
	font-family: arial;
	padding: 4px 9px 4px 9px;
	margin: 0px 0px 5px 0px; *margin: 0px
}

.header-nav li a:link, .header-nav li a:visited {color: #3F5771;}

.header-nav li:last-child {background-image:none;}

.header-nav2 {
display: inline; 
float: left;
clear: both;
margin: 0px 0px 0px 5px; *margin: 28px 0px 0px 5px;
padding: 13px 0px 0px 15px;
text-align: center;
width: 747px;
height: 70px;
}

.header-nav2 * a:link, .header-nav2 * a:visited
{	color: #00F;
	text-decoration: underline;}
	
.header-nav2 * a:hover, .header-nav2 * a:active
{	color: #00D;
	font-weight:bold;
}

/*.header-nav2 * div > a img + span{display:block; text-decoration:underline;}
.header-nav2 * div > a img:hover + span{color: #00D; font-weight:bold;}*/
.header-nav2 * div span{display:block; text-decoration:underline;}
.header-nav2 * div > a:hover span{color: #00D; font-weight:bold;}
		
#gold-club
{



	clear:right;
	float:right;
	margin: 5px 10px 0 0; *margin: 10px 10px 0 0;
	width: 227px;
	padding: 0px;
	display: inline;
}



/***************   Main Content  **************************/
#main-cont {
	background-image:   url(../../../../images/design/shadow_bg.jpg); 
	background-repeat: repeat-y;
	background-position: left top;
	width: 1022px;
	height: auto;
}


	/**************   boxes  ***************/
div.box-top{
	background-image: url(../../../../images/design/cbox-top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 11px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.box-top-ecourse{
	background-image: url(../../../../images/design/box-top-ecourse.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 13px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.box-mid h2{
	font-size: 13px;
	color: #0033cc;
	text-align:center;
	margin: 0px 2px 10px 2px;
	padding: 0px 0px 8px 0px;
	background-image: url(../../../../images/design/box-header-line.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#catBox h1 {
	font-size: 14px;
	color: #03c;
	text-align: center;
	margin: 0px 2px 10px 2px;
	padding: 0px 0px 8px 0px;
	background-image: url(../../../../images/design/box-header-line.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div.box-mid{
	background-image: url(../../../../images/design/cbox-mid.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 190px;
	height: auto;
	color: #111;
	padding: 0px 5px 0px 5px;
}

div.box-mid-ecourse{
	background-image: url(../../../../images/design/box-mid-ecourse.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 190px;
	height: auto;
	color: #111;
	padding: 0px 5px 0px 5px;
}

div.box-mid a{
	color: #0033cc;
	text-decoration: none;font-size:13px;
}

div.box-mid-ecourse a{
	color: #0033cc;
	text-decoration: none;
}

div.box-mid a:hover {
	color: #0000FF;
	text-decoration: underline;font-size:13px;
}

div.box-mid-ecourse a:hover {
	color: #0000FF;
	text-decoration: underline;
}

div.box-bottom{
	background-image: url(../../../../images/design/cbox-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 11px;
}

div.box-bottom-ecourse{
	background-image: url(../../../../images/design/box-bottom-ecourse.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 14px;
}


/*****   Cart Box    *****/
div.cartbox-top{
	background-image: url(../../../../images/design/cart_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 95px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

img.cartbox-top{
	border: none;
}

div.cartbox-mid {
	width: 198px;
	height: auto;
	border: 1px solid #858c9f;
	background-color: #f5f2de;
}

div.cartbox-mid p {
	text-align: center;
}

span#itemsCount{
	font: bold 14px Verdana, Geneva, sans-serif;
	color: #036;
}

div.cartbox-subtotal{
	background-image: url(../../../../images/design/cart_subtotal.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
	width: 200px;
	height: 26px;
	font: bold 14px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center; 
	padding-right: 0px;
	line-height: 24px;
}

div.cartbox-bottom{
	background-image: url(../../../../images/design/cart_bottom.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 35px;
	text-align:center;
	line-height: 30px;
}




/***************    Footer    ********************/
div#footer-img
{
	background-image: url(../../../../images/design/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1022px;
	height: 39px;
}
/*
#footer * a {
	background-image:   url(../../../../images/design/menu-sep.gif); 
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 23px;
	float: left;
	padding:4px 9px 4px 9px;
}*/

#footer * a:link, #footer * a:visited {color: #3F5771;}
#footer * a:hover, #footer * a:active {color: #2E4680;}
#outofstock * a:hover, #outofstock * a:active {	color: #03C;}
#catBox * a:link.BoxLink, #catBox * a:visited.BoxLink {

	color:#00F;text-decoration:underline;font-size:13px;

}



#catBox * a:hover.BoxLink, #catBox * a:active.BoxLink {

	color:#2969c3;text-decoration:none;font-size:13px;

}

a.blue_link {
	color: #00f;
	text-decoration:underline;
}
a.blue_link:hover {
	font-weight:bold;
}






/*********  Text Page styles *******/

div.row {

	min-height: 75px;

	width: 100%;

	padding: 15px;

	clear: both;

}



div.cell1 {

	width: 20%;

	text-align: center;

	vertical-align: center;

	display: inline;

}



div.cell2 {

	width: 80%;

	padding: 10px;

	text-align: left;

	display: inline;

 }



div.row img {

	border: none;

	width: 76px;

	height: 50px;

	display: block;

}



div.cell a {

	display: block;

	text-align: center;

}



table#jewelry_supplies tr td {

	text-align: center;

	padding: 5px;

}



table#jewelry_supplies tr td img {

	border: none;

	width: 76px;

	height: 50px;

}





h1.pageHeader {

	font-size: 14px;

	margin: 0px 0 0px 0;

}

.CatalogItemLight a:link, .CatalogItemLight a:visited {
	color: #00F;
	text-decoration: underline;
}

.CatalogItemLight a:hover, .CatalogItemLight a:active {
	color: #00D;
	font-weight: bold;
}

/** Resource Menu **/
.resource_menu {
	margin-left: 2px;
}

.resource_sub_menu {
	margin-left: 15px;
}


/*****************  Infusion Form - Survey   ****************/

	div.infusionForm h1, div.infusionForm h2 {
		color: #061E5F;
	}
	
	div.infusionForm td {
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	div.infusionForm td.section_header {
		font: bold 16px Tahoma, Geneva, sans-serif;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	
		div.infusionForm td.section_header span {
			border-bottom: 1px dashed #666;
		}
		
		div.infusionForm td.left {
			text-align: right;
			padding-left: 50px;
			padding-right: 5px;
		}

		div.infusionForm td.right {
			text-align: left;
			padding-right: 50px;
			padding-left: 5px;
		}

		.h2pageheader {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 24px;
			margin: 0pt auto;
			color: rgb(204,0,0);
			text-align:center;
			font-weight:bold;
		}

/*****************  End Infusion Form - Survey   ****************/