@charset "utf-8";
/* CSS Document */
* 							{margin: 0; padding: 0;}
body 						{text-align: center; font: normal 80% Arial, Helvetica, sans-serif; }
a, a:link					{text-decoration: underline; color: #606e7f; font-weight: normal;}
a:hover						{text-decoration:none; color: #d03527; font-weight: normal;}
p							{margin-bottom:11px; color: #3a3a3a;}
img							{border: 0;}
small 						{font-size:80%;}
sup							{color: #FF0000;font-size:100%;}
h1 							{font-size:140%; color: #3a3a3a; margin-bottom:11px; }
h2 							{font-size:120%; color: #3a3a3a; margin-bottom:11px;}
h3 							{font-size:100%; color: #3a3a3a; margin-bottom:4px;}
h4 							{font-size:150%; color: #3a3a3a;}
hr							{color: #D7DEE6; height: 1px; border: 0;}

.form						{width:490px; font: normal 100% Arial, Helvetica, sans-serif; }
.dropdown  					{font: normal 11px Arial, Helvetica, sans-serif; background: #eee; border: #8D8D8D 1px solid;}
.red_text					{color: #FF0000;}
.blue_text					{color: #8294ab;}

.but_black							{width: 141px; height: 27px; background: url(but_black.png) no-repeat; color: #fff; font-size:16px; padding-top:3px; }
.but_black a, .but_black a:link		{color: #fff;} 
.but_black a:hover					{text-decoration: underline; }

.but_search			 		{height: 17px; width: 24px; font-weight: bold; color: #fff; background-color: #222; border: #222 0px solid; font-size:9px;}
.input_search			 	{height: 17px; width: 105px; font-weight: normal; color: #333; background-color: #fff; border: #222 1px solid; }

.inputshort				 	{width: 60px; }

.msgError					{border: #FF0000 1px solid; padding:8px; width:474px;margin-bottom:8px;color: #FF0000; background: #ffe7e7;}
.msgError .title			{font-weight: bold; color: #FF0000;}

.news_info_box 				{display: inline; padding-left: 50px; float: right; padding-bottom: 30px; padding-right:10px; width: 162px; margin-right: -220px; margin-top: 450px; font-size:90%; z-index: inherit;}

.aside						{display: block; background: top left url('bullet.png') no-repeat ; text-decoration: none; color: #666; font-weight: normal; padding-left:17px; }
.aside:link					{text-decoration: none; color: #666; font-weight: normal;}
.aside:hover				{text-decoration:underline; color: #d03527; font-weight: normal;}

.astar						{display: block; background: top left url('bullet_star.png') no-repeat ; text-decoration: none; color: #666; font-weight: normal; padding-left:17px; }
.astar:link					{text-decoration: none; color: #666; font-weight: normal;}
.astar:hover				{text-decoration: underline; color: #d03527; font-weight: normal;}

#top						{height:30px; text-align: right; background: center url('top_bar.jpg') no-repeat #8294ab; padding-top:6px; padding-right:5px;}

#wrapper					{width:980px; text-align:left; margin: 0px auto; }

#logo						{width:150px; float: left; background: url('logo.png') no-repeat; margin: 30px 10px 0px 40px ; height: 145px;  }
#logotext					{width:780px; background: url('logotext.png') no-repeat; float: left; height: 131px; text-align:right; margin: 0 auto;}

#navbar						{width:570px; float: left; height: 40px; font-size:14px; visibility:hidden;}

#hotline					{width:210px; float: right; height: 40px; font-weight: bold; font-size:16px; vertical-align:top; margin-top:2px; }

#container					{width:980px; float:left;}

.sidebar_nav_left			{padding:25px 10px 10px 50px;}
.sidebar_nav_right			{}

.left_bar					{background: top right url('left_bar.jpg') no-repeat;}
.right_bar					{background: top left url('right_bar.png') no-repeat; display: inline; float: right; vertical-align: top; width: 180px; padding: 23px 20px 0px 20px; margin-left:25px;}

#contentsearch				{padding: 22px 40px 20px 40px;}
#contentsearch td			{padding: 0px 5px 0px 5px;}
#contentsearch .diamondsearchbox	{border: solid 1px #D7DEE6;}

#content1					{padding: 22px 40px 20px 40px; margin: 0 auto;}
.shadow_content1			{background: top left url('shadowcontent1.jpg') repeat-y;}
#content1 th				{padding: 5px; background:#D7DEE6; color:#7B8BA2; text-transform:uppercase; font-weight: normal; font-size: 85%;}
#content1 th a				{color:#3a3a3a; font-weight: bold; text-decoration:none;}
#content1 th a:hover		{color:#3a3a3a; font-weight: bold; text-decoration:underline;}
#content1 td				{padding: 5px 13px 8px 13px; font-size: 95%; }
#content1 tr:hover			{padding: 5px; background:#eff1f5;}
#content1 table				{border: solid 1px #D7DEE6;}

#content1 ul				{margin-left:16px;}
#content2 ul				{margin-left:16px;}

#content2					{padding: 15px 40px 20px 40px ;margin: 0 auto;}
.shadow_content2			{background: repeat-y top left url('shadowcontent2.jpg');}
#content2 th				{padding: 5px ; background:#D7DEE6; color:#7B8BA2; text-transform:uppercase; font-weight: normal; font-size: 85%;}
#content2 th a				{color:#4f5968; text-decoration:none;font-weight: bold; }
#content2 th a:hover		{color:#7B8BA2; text-decoration:none;font-weight: bold; }
#content2 td				{padding: 5px; font-size: 95%;}

#contentview				{padding: 22px 40px 20px 40px; margin: 0 auto;}
#contentview td				{padding: 5px;}
#contentview .box			{border: solid 1px #D7DEE6;}
#contentview .thumb			{border: solid 1px #D7DEE6; margin: 5px 8px 5px 0px;}
#contentview .buttonbar 	{float:left;}

.benefit					{border: solid 1px #D7DEE6; background:#f2f4f8;}
.benefit td					{padding:10px 8px 15px 15px; }

.row1						{background: #fff;}
.row1:hover					{background:#eff1f5;}
.row2						{background: #f2f4f8;}
.row2:hover					{background:#eff1f5;}

.home_pick_diamonds_table		{border: #8294ab solid 1px; width:400px; }
.home_pick_diamonds_table td	{border-bottom: #8294ab  1px solid; padding: 2px;}
.diamondsearchbox				{width:490px;}
.shapelabel						{width:24%; float:left; margin-top:5px; font-size:90%;}
.cutlabel						{width:19%; float:left; margin-top:5px; font-size:90%;}


.jewelbox					{width: 115px; float: left; margin-left:10px;}
.jewelthumb					{border: #8294ab solid 1px;}

.footerbar					{background: bottom left url('footer_bar.jpg') no-repeat ; height:120px; padding-top:6px;}
#footer						{font-size: 14px; text-align:center; }
#footer a,#footer a:link 	{text-decoration: none; color: #444; }
#footer a:hover				{color: #FF0000; text-decoration:none;}
.copyright					{font-size: 12px; color:#FFFFFF; text-align:center; height:30px; vertical-align:middle; }
.webmaster					{font-size: 11px; color:#8294ab; padding-top:2px; text-align:center; margin-bottom:15px;}
.webmaster a 				{font-size: 11px; color:#8294ab; text-decoration:none; font-weight:bold;}
.webmaster a:link			{font-size: 11px; color:#8294ab; text-decoration:none; font-weight:bold;}
.webmaster a:hover			{font-size: 11px; color:#8294ab; text-decoration:underline; font-weight:bold;}

.clear						{clear:both;}

a.info					{position:relative; /*this is the key*/ z-index:24; background-color:#ccc; color:#000; text-decoration:none;}
a.info:hover			{z-index:25; background-color:#ff0;}
a.info span				{display: none;}
a.info:hover span		{/*the span will display just on :hover state*/ display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center;}



/* Spry Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal							{ margin: 0; padding: 0; list-style-type: none; font-size: 85%; cursor: default; width: auto;}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive								{ z-index: 1000;}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li							{ margin: 0px 5px 0px 0px;	padding: 0;	list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 6.9em; float: left;}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul							{ margin: 5px 0px 0px 0px;	padding: 0; list-style-type: none;	font-size: 100%; z-index: 1020; cursor: default; width: 13em; position: absolute; left: -1000em;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible 	{ left: auto;}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li 						{ width: 13em;}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul 						{ position: absolute; margin: 3% 0 0 98%;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0;}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul 		{ border: 1px solid #d7dee6;}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a			{ display: block; cursor: pointer; background-color: #eff1f5; padding: 0.3em 0.75em; color: #333; text-decoration: none;}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #d7dee6; color: #000;}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #d7dee6; color: #000;}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{ background-image: url('SpryMenuBarDown.gif'); background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url('SpryMenuBarRight.gif'); background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url('SpryMenuBarDownHover.gif'); background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url('SpryMenuBarRightHover.gif'); background-repeat: no-repeat; background-position: 95% 50%;}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010;}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {	ul.MenuBarHorizontal li.MenuBarItemIE {	display: inline; f\loat: left; background: #FFF; }}