body {
	margin: 0;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

a {color: #45a5ff; text-decoration: underline;}
a:visited {color: #457eff; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: underline;}

p {margin-bottom: 0;}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding-bottom: 4px;
	border-bottom: 1px solid #525775;
	background: url(../graphics/diamond_header.jpg) right no-repeat;
	line-height: normal;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 25px 0 0 0;
	padding-bottom: 4px;
	border-bottom: 1px solid #525775;
	line-height: normal;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 25px 0 0 0;
	line-height: normal;
}

dl {margin: 0; padding: 0;}
dt {margin: 0; padding: 6px; float: left; clear: both; border-bottom: 1px solid #4b537b;}
dd {margin: 0; padding: 0; float: left;}

dd.resultsLeft {width: 70px;}
dd.resultsRight {}

#container {
	width: 780px;
	margin: 0 auto;
}

#header {
	width: 780px;
	height: 174px;
	padding-bottom: 1px;
	border-bottom: 1px solid #525775;
}

	#headerTop {
		width: 780px;
		height: 134px;
	}
	
		#logo {
			width: 100px;
			height: 134px;
			background: url(../graphics/consumer_direct_jewelers.jpg) no-repeat;
			float: left;
		}
		
		#logo a {width: 100px; height: 134px; display: block;}
		
		#headerRight {
			width: 448px;
			height: 134px;
			text-align: right;
			background: url(../graphics/twin_city_diamonds.gif) no-repeat;
			float: right;
		}
		
			#topNavContainer {height: 25px; float: right;}
			
				#topNavLeft {width: 24px; height: 25px; background: url(../graphics/bg_topNavLeft.gif) no-repeat; float: left;}
				#topNav {height: 25px; float: left;}
				#topNavRight {width: 24px; height: 25px; background: url(../graphics/bg_topNavRight.gif) no-repeat; float: left;}
		
					#topNav ul {margin: 0; padding: 0; list-style: none;}
					#topNav li {margin: 0; padding: 0; list-style: none; float: left;}
					
					#topNav a {height: 25px; display: block; float: left;}
					#topNav a:hover {background-repeat: no-repeat; background-position: 0 -25px;}
					
					.createAccountNav {width: 100px; background: url(../graphics/nav/create_account.gif) no-repeat;}
						.createAccountNavOn {width: 100px; background: url(../graphics/nav/create_account.gif) no-repeat 0 -25px;}
					.myAccountNav {width: 100px; background: url(../graphics/nav/my_account.gif) no-repeat;}
						.myAccountNavOn {width: 100px; background: url(../graphics/nav/my_account.gif) no-repeat 0 -25px;}
					.loginNav {width: 53px; background: url(../graphics/nav/login.gif) no-repeat;}
						.loginNavOn {width: 53px; background: url(../graphics/nav/login.gif) no-repeat 0 -25px;}
					.logoutNav {width: 53px; background: url(../graphics/nav/logout.gif) no-repeat;}
						.logoutNavOn {width: 53px; background: url(../graphics/nav/logout.gif) no-repeat 0 -25px;}
					.wishListNav {width: 77px; background: url(../graphics/nav/wish_list.gif) no-repeat;}
						.wishListNavOn {width: 77px; background: url(../graphics/nav/wish_list.gif) no-repeat 0 -25px;}
		
	#headerBottom {
		width: 780px;
		height: 40px;
		background: url(../graphics/bg_nav_bottom.jpg) left no-repeat;
	}
	
		#nav {
			width: 680px;
			height: 40px;
			float: right;
		}
		
		#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none;}
		#nav ul li {float: left;}
		#nav ul li a {
			height: 40px;
			display: block;
			float: left;
		}
		
		#nav ul li a:hover {
			background-position: 0 -40px;
			background-repeat: no-repeat;
		}
		
		.diamondSearch {
			width: 113px;
			background: url(../graphics/nav/diamond_search.gif) no-repeat;
		}
		
		.diamondSearchOn {
			width: 113px;
			background: url(../graphics/nav/diamond_search.gif) 0 -40px no-repeat;
		}
		
		.education {
			width: 80px;
			background: url(../graphics/nav/education.gif) no-repeat;
		}
		
		.educationOn {
			width: 80px;
			background: url(../graphics/nav/education.gif) 0 -40px no-repeat;
		}
		
		.rightRing {
			width: 82px;
			background: url(../graphics/nav/right_ring.gif) no-repeat;
		}
		
		.rightRingOn {
			width: 82px;
			background: url(../graphics/nav/right_ring.gif) 0 -40px no-repeat;
		}
		
		.reserveDiamond {
			width: 82px;
			background: url(../graphics/nav/reserve_diamond.gif) no-repeat;
		}
		
		.reserveDiamondOn {
			width: 82px;
			background: url(../graphics/nav/reserve_diamond.gif) 0 -40px no-repeat;
		}
		
		.consignment {
			width: 97px;
			background: url(../graphics/nav/consignment.gif) no-repeat;
		}
		
		.consignmentOn {
			width: 97px;
			background: url(../graphics/nav/consignment.gif) 0 -40px no-repeat;
		}
		
		.about {
			width: 78px;
			background: url(../graphics/nav/about.gif) no-repeat;
		}
		
		.aboutOn {
			width: 78px;
			background: url(../graphics/nav/about.gif) 0 -40px no-repeat;
		}
		
		.contact {
			width: 85px;
			background: url(../graphics/nav/contact.gif) no-repeat;
		}
		
		.contactOn {
			width: 85px;
			background: url(../graphics/nav/contact.gif) 0 -40px no-repeat;
		}
		
		.policy {
			width: 63px;
			background: url(../graphics/nav/policy.gif) no-repeat;
		}
		
		.policyOn {
			width: 63px;
			background: url(../graphics/nav/policy.gif) 0 -40px no-repeat;
		}

#body {
	width: 780px;
	padding: 20px 0;
}

	#insideBody {
		width: 670px;
		margin: 20px auto 0 auto;
		padding: 15px;
		border: 1px solid #525775;
		background-color: #0f1019;
	}
	
	#fullCaseContainer {
		width: 778px;
		margin: 0 auto;
		border-left: 1px solid #525775;
		border-right: 1px solid #525775;
		border-bottom: 1px solid #525775;
		background-color: #0f1019;
	}
	
		#subNav {
			width: 778px;
			height: 62px;
			padding: 15px 0 0 0;
		}
		
			#subNav ul {margin: 0 0 0 84px; padding: 0; list-style: none;}
				*html #subNav ul {margin: 0 0 0 42px;}
			#subNav ul li {margin: 0 0 0 40px; padding: 0; list-style: none; float: left;}
				
				#subNav a {
					width: 74px;
					height: 62px;
					background-repeat: no-repeat;
					display: block;
					float: left;
				}
				
				#subNav a:hover {
					background-position: 0 -62px;
					background-repeat: no-repeat;
				}
				
					.shapeNav {background-image: url(../graphics/nav/shape.gif);}
						.shapeNavOn {background-image: url(../graphics/nav/shape.gif); background-position: 0 -62px;}
					
					.colorNav {background-image: url(../graphics/nav/color.gif);}
						.colorNavOn {background-image: url(../graphics/nav/color.gif); background-position: 0 -62px;}
						
					.clarityNav {background-image: url(../graphics/nav/clarity.gif);}
						.clarityNavOn {background-image: url(../graphics/nav/clarity.gif); background-position: 0 -62px;}
						
					.caratNav {background-image: url(../graphics/nav/carat_weight.gif);}
						.caratNavOn {background-image: url(../graphics/nav/carat_weight.gif); background-position: 0 -62px;}
						
					.cutNav {background-image: url(../graphics/nav/cut.gif);}
						.cutNavOn {background-image: url(../graphics/nav/cut.gif); background-position: 0 -62px;}
	
		#fullCaseBare {
			width: 748px;
			padding: 40px 15px 15px 15px;
		}
			
	#fullCase {
		width: 748px;
		margin: 0 auto;
		padding: 15px;
		border-left: 1px solid #525775;
		border-right: 1px solid #525775;
		border-bottom: 1px solid #525775;
		background-color: #0f1019;
	}
	
		#resultsPageLeft {
			width: 400px;
			min-height: 132px;
			padding: 10px;
			border: 1px solid #525775;
			background-color: #000000;
			float: left;
		}
		
			.resultsTopic {
				padding: 3px;
				color: #45a5ff;
				text-align: right;
				/*background-color: #1f1f1f;*/
				border-bottom: 1px solid #333333;
				border-right: 1px solid #333333;			
			}
			
			.resultsDisplay {
				padding: 3px;
				border-bottom: 1px solid #333333;
			}
			
			.warningTD {
				padding: 3px;
				font-weight: bold;
				color: #FFFF00;
			}

		#resultsPageRight {
			width: 290px;
			min-height: 132px;
			padding: 10px;
			border: 1px solid #525775;
			background-color: #000000;
			float: right;
		}
		
			#resultsPageRight h3 {margin: 0 0 12px 0; border-bottom: 1px solid #525775;}
			
			.searchAgainHeaderLeft {
				width: 179px; /* 185px */
				color: #45a5ff;
				padding: 3px;
				border-bottom: 1px solid #333333;
				background-color: #1f1f1f;
			}
			
			.searchAgainHeaderRight {
				width: 98px; /* 105px */
				color: #45a5ff;
				padding: 3px;
				border-bottom: 1px solid #333333;
				border-left: 1px solid #333333;
				background-color: #1f1f1f;
			}
			
			.searchAgainContentLeft {
				width: 179px; /* 185px */
				padding: 3px;
				text-align: center;
			}
			
				.searchAgainContentLeft select {width: 100%;}
			
			.searchAgainContentRight {
				width: 98px; /* 105px */
				padding: 3px;
				border-left: 1px solid #333333;
			}
			
		.educationLeft {
			width: 578px;
			float: left;
		}
		
		.educationRight {
			width: 154px;
			float: right;
		}
		
			.educationBigImage {
				width: 132px;
				padding: 10px;
				border: 1px solid #525775;
				background-color: #000000;
				text-align: center;
			}
			
			.educationAction {
				width: 154px;
				padding-top: 15px;
			}
		
	#diamondThumbs {
		margin: 0 auto;
		width: 718px;
		padding: 15px;
		border: 1px solid #525775;
		background-color: #000000;
	}
	
	#diamondContainer {
		padding: 5px;
		border: 1px solid #525775;
		background-color: #000000;
		text-align: center;
		margin-left: 2px;
		float: left;
	}
	
	*html #diamondContainer {margin-left: 1px;}
	
		#diamondContainer p {margin-top: 4px;}
		
		#diamondContainer a, #diamondContainer a:visited, #diamondContainer a:hover {color: #ffffff; text-decoration: none;}
	
	#findDiamonds {
		margin: 0 auto;
		width: 718px;
		padding: 15px;
		border: 1px solid #525775;
		background-color: #000000;
	}
		
		#caratsearch {float: left; width: 110px;}
		#lighttext {float: left; padding: 0 15px; width: 300px; color: #959595;}
		#findDiamond {float: right; padding-left: 15px; width: 255px;}
	
	#Search_lblShpPrices {
		text-align: center;
		font-weight: bold;
		color: #62a5ff;
	}
	
	#resultsTableContainer {
		width: 780px;
		margin: 20px auto 0 auto;
	}
	
		#paging, #pagingBottom {
			width: 760px;
			padding: 5px 10px;
			text-align: right;
			font-weight: bold;
			border-bottom: 1px solid #111111;
		}
		
		#paging {background: url(../graphics/bg_grayHead.gif) repeat-x #2f2f2f;}
		#pagingBottom {background: url(../graphics/bg_blueHead.gif) repeat-x #192a8a;}
		
			#paging a, #pagingBottom a {color: #ffffff; text-decoration: underline; padding: 0 4px;}
			#paging a:visited, #pagingBottom a:visited {color: #999999; text-decoration: underline;}
			#paging a:hover, #pagingBottom a:hover {color: #45a5ff; text-decoration: underline;}
		
		#results {
			width: 780px;
		}
		
		.resultsHeader {
			text-align: center;
			padding: 3px;
			border-bottom: 1px solid #4d5eb8;
			border-right: 1px solid #101b53;
			border-left: 1px solid #404c8c;
			background: url(../graphics/bg_blueHead.gif) repeat-x #192a8a;
			color: #ffffff; /*#45a5ff;*/
		}
		
		.resultsRow1 {
			padding: 3px;
			border-bottom: 1px solid #333333;
			border-left: 1px solid #333333;
			background-color: #000000;
			text-align: center;
		}
		
		.resultsRow2 {
			padding: 3px;
			border-bottom: 1px solid #333333;
			border-left: 1px solid #333333;
			background-color: #1f1f1f;
			text-align: center;
		}
		
		#detailsLeft {
			width: 154px;
			float: left;
		}
		
			#detailsDiamond {
				width: 132px;
				padding: 10px;
				text-align: center;
				border: 1px solid #525775;
				background-color: #000000;
			}
			
			#detailsDefinitions {
				width: 132px;
				margin-top: 15px;
				padding: 10px;
				border: 1px solid #525775;
				background-color: #000000;
			}
		
		#reserveLeft {
			width: 350px;
			padding: 10px;
			border: 1px solid #525775;
			background-color: #000000;
			float: left;
		}
		
		#detailsDetails {
			width: 340px;
			margin-left: 15px;
			padding: 10px;
			border: 1px solid #525775;
			background-color: #000000;
			float: left;
		}
		
				#detailsDetails h3 {margin: 0; border-bottom: 1px solid #525775;}
		
		#detailsRight {
			width: 202px;
			float: right;
		}	
		
			#detailsAction {
				width: 180px;
				padding: 10px;
				border: 1px solid #525775;
				background-color: #000000;
			}
				
			#detailsQuestion {
				width: 180px;
				margin-top: 15px;
				padding: 10px;
				border: 1px solid #525775;
				background-color: #000000;
			}
			
			#detailsRight h3 {margin: 0; border-bottom: 1px solid #525775;}
			
	#signupContainer {
		width: 716px;
		padding: 15px;
		background-color: #000000;
		border: 1px solid #525775;
	}
		
		#signupContainer h2 {margin: 0; border-bottom: 1px solid #333333;}
	
		#signupLeft {
			width: 400px;
			float: left;
		}
		
		#signupRight {
			float: left;
		}
		
		#loggedInRight {
			width: 280px;
			padding: 10px;
			background-color: #0f1019;
			border: 1px solid #525775;
			float: right;
		}
		
		#loginLeft {
			width: 337px;
			float: left;
		}
		
		#loginRight {
			width: 340px;
			padding: 10px;
			background-color: #0f1019;
			border: 1px solid #525775;
			float: right;
		}
		
		
/*** GOOGLE MAP STYLES ***/

.map_header {
	padding: 8px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #525775;
	background-color: #1e2031;
}

#map {
	width: 400px;
	height: 300px;
}

#footer {
	width: 780px;
	margin: 0 auto;
	padding: 0 0 15px 0;
}

	#footerLeft {
		width: 85px;
		height: 19px;
		float: left;
	}
	
		#footerLeft a {
			width: 85px;
			height: 19px;
			display: block;
			background: url(../graphics/lancet.gif) no-repeat;
		}
		
			#footerLeft a:hover {background: url(../graphics/lancet.gif) 0 -19px no-repeat;}
	
	#footerRight {
		width: 680px;
		float: right;
		font-size: 10px;
		text-align: right;
	}

.nomargin {margin: 0;}
.clearfloats {clear: both;}
.hiddenspan {display: none;}
.center {text-align: center;}

.Border, .ImageShapeBorder {border: 1px solid #8886b5; text-align: center;}
.inputText {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	border: 1px solid #525775;
	background: url(../graphics/bg_grayHead.gif) repeat-x;
	color: #ffffff;
	padding: 2px;
	margin: 0;
}

.inputTextBig {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	border: 1px solid #525775;
	background: url(../graphics/bg_grayHead.gif) #2f2f2f repeat-x;
	color: #ffffff;
	padding: 2px;
	margin: 0;
}

.selectInput {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	border: 1px solid #525775;
	background: #1f1f1f;
	color: #ffffff;
	padding: 2px;
	margin: 0;
}

.textAreaInput {
	width: 200px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	border: 1px solid #525775;
	background: url(../graphics/bg_comments.gif) #2f2f2f repeat-x;
	color: #ffffff;
	padding: 2px;
	margin: 0;
}

/*** SUBMIT BUTTON STYLES ***/

#loginButton {width: 150px; height: 35px; background: url(../graphics/buttons/login.gif) no-repeat; border: 0; cursor: pointer;}
#saveAccountButton {width: 150px; height: 35px; background: url(../graphics/buttons/save_account.gif) no-repeat; border: 0; cursor: pointer;}
#createAccountButton {width: 150px; height: 35px; background: url(../graphics/buttons/create_account.gif) no-repeat; border: 0; cursor: pointer;}
#resetButton {width: 54px; height: 21px; background: url(../graphics/buttons/reset.gif) no-repeat; border: 0; cursor: pointer;}


/*** ICON LIST STYLES ***/

.listIcons {margin: 15px 0 0 0; padding: 0; list-style: none;}
.listIcons li {margin: 8px 0; padding: 0 0 0 24px; list-style: none;}

	.heartIcon {background: url(../graphics/icons/heart.gif) no-repeat;}
	.userIcon {background: url(../graphics/icons/user.gif) no-repeat;}
	.magnifyIcon {background: url(../graphics/icons/magnifier.gif) no-repeat;}
	.disconnectIcon {background: url(../graphics/icons/disconnect.gif) no-repeat;}
	.homeIcon {background: url(../graphics/icons/home.gif) no-repeat;}
	.connectIcon {background: url(../graphics/icons/connect.gif) no-repeat;}
	.arrowUpIcon {background: url(../graphics/icons/arrow_up.gif) no-repeat;}

/*** LIST STYLES ***/

.listNormal {margin: 15px 0 0 25px; padding: 0;}
.listNormal li {margin: 8px 0; padding: 0;}

.imageRight {float: right;}
.imageLeft {float: left;}

.imageLeftMargin {float: left; margin: 0 10px 0 0;}

.imageRightBorder {float: right; margin: 0 0 0 10px; border: 1px solid #525775;}
.borderBottom {border-bottom: 1px solid #525775;}

.floatRight {float: right;}
.floatLeft {float: left;}

.blueHighlight {color: #45a5ff;}
.warning {color: #FFFF00;}