/*  IMPORTANT - this cascading style sheet (css) controls most design & format decisions for this template.
    Only those familiar with CSS should edit this document.
	 Mark-up helper text is offered to define sections. */
	
/* -------------------------------------------------------------
   STANDARD CLASSES - this section defines standard html classes	
   ------------------------------------------------------------ */

html { height: 100%; margin-bottom: 10px; }
	
body {
	background: #666 url(../images/background.jpg) repeat-x;
	color: #FFFFFF; /*defines the general text color for the entire site */
	font-family: Verdana, Arial, sans-serif; /*defines the general font family & size for the entire site */
	font-size: 14px;
	margin: 10px 0;
	padding: 0;	
	text-align: center; }

a:link, a:visited {
	color: #3399ff;
	text-decoration: underline; }

a:hover {
	color: #0066ff;
	text-decoration: none; }

/*h1 { color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 150%; height: 54px; line-height: 54px; margin: 10px auto 12px 0; background: #495965 url(../images/header-right-end-2.gif) no-repeat top right; width: 95%; text-align: left; padding: 0 0 0 18px; }*/
div.h1 { height: 44px; margin: 10px 0 18px auto; background: transparent url(../images/page_hdr_round_dark_gray_middle_bg.gif) repeat-x; width: 100%; }
div.h1 div.leftEdge { height: 44px; background: transparent url(../images/page_hdr_round_dark_gray_left_edge.gif) top left no-repeat; }
div.h1 div.rightEdge { height: 44px; background: transparent url(../images/page_hdr_round_dark_gray_right_edge.gif) top right no-repeat; }
div.h1 div.content { height: 44px; line-height: 46px; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 18.2px; text-align: right; padding: 0 36px 0 0; }
h2 { color: #D57FA0; font-weight: bold; font-size: 130%; }
h2.top { text-align: center; }
h3 { color: #FFFFFF; font-weight: bold; font-size: 105%; }	
h4 { color: #FFFFFF; font-weight: bold; }
h5 { color: #FFFFFF; font-weight: bold; letter-spacing: .75em; }
h6 { color: #FFFFFF; font-weight: bold; }	
hr { color: #ccc; background-color: #ccc; border: none; height: 1px; width: 100%;}
img { border: none;}
/*
strong { color: #A634B3; }
*/
/*
li { font-size: 90%; }
p { font-size: 90%; }
*/
ol { list-style-type: decimal; }
ul { list-style: url(../images/bullet.gif); }
table, tr, td { border-collapse: collapse; } /* collapses any borders from any html tables - required for javascript calendar */

/* --------------------- 
   END Standard Classes 
/* --------------------- */


/* -------------------- 
   LAYOUT Information
   -------------------- */
#wrapper { 
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background: #000000 url('../images/body.png') repeat-y; }

#header {
	width: 900px;
	height: 290px;
	background: url(../images/header.png) no-repeat top;
	position: relative; }

/*	
#header h1 {
	float:left;
	color:#0066ff;
	font: bold 30px Helvetica, sans-serif;
	padding: 5px 0 0 20px;
	line-height: 80px;
	margin: 0; }

#header h1 a:link, #header h1 a:visited, #header h1 a:hover { text-decoration: none; color:#0066ff; }	
*/

#header #topLogo {
    float: left; margin: 26px auto 16px 34px;
}

#header #topLogo img {
    width: 385px;
    height: 45px;
    border: none;
}

#header #topLogo a {
    outline: none;
}

#icons {
	float:right;
	display: none;
	padding: 20px 10px 0 0;
}

#flashcontent { margin: 0px; }
	
#body1 { /* main content right aligned */
	float: right;
	width: 530px; /* width designed for ie 6 */
	line-height: 1.5em;
	padding: 10px; }

html>body #body1 { width: 550px; margin: 30px 20px 20px 10px;  } /* width designed for ie 7 and firefox */
	
#body1b { /* main content left aligned */
	float: left;
	width: 530px; /* width designed for ie 6 */
	line-height: 1.5em;
	padding: 10px; }

html>body #body1b { width: 550px; margin: 30px 10px 20px 20px;  } /* width designed for ie 7 and firefox */
	
#body2 { /* sidebar content left aligned */
	float: left;
	width: 250px;
	padding: 10px 20px; 
	margin-top: 20px; }

html>body #body2 { margin-top: 12px; }
	
#body2b { /* sidebar content right aligned */
	float: right;
	width: 250px;
	padding: 10px 20px; 
	margin-top: 30px; }	
	
#body3 {
	width: 846px;
	line-height: 1.5em;
	padding: 4px 29px 10px 25px; 
	margin-top: 15px;
	 }
	
#footer {
	color: #333;
	font-size: 80%;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0px 20px;
	clear: both;
	border-top: 1px solid #cccccc;
	position: relative;
}

#footer p {
	color: #CCC;
	font-size: 80%; 
	margin: 10px auto 10px auto;
}
	
#footer p.links { margin: 0 auto 4px auto; }
#footer a:link, #footer a:hover, #footer a:visited { text-decoration: none; color: #0066ff; }
#footer span.mail { padding: 0 0 0 12px; }

#footer-main {
	padding-top: 5px;
}
#copyscape {
	position: absolute;
	right: 0;
	top: 8px;
}

#footer2 {
	background: transparent url(../images/footer.png) no-repeat;
	height: 20px;
	width: 900px;
	clear:both;
}

#footer p.not-affiliated { color: red; margin: 10px auto 10px 0; text-align: center; }

#navigation {
	color: #333;
	font-size: 130%;
	text-align: center;
	padding: 0 0 20px 0;
}

#navigation a { outline: none; }
#navigation a:link, #navigation a:visited { text-decoration: none; font-weight: bold; }
#navigation a:hover{ border-bottom: 2px solid #0066ff; font-weight: bold; }
#navigation div.row { margin: 6px auto; }

#navigation a.tech { padding: 0 38px 0 0; background: transparent url(../images/tech_icon.gif) no-repeat right 2px; }

/* -------------------- 
   END Layout Information
   -------------------- */	


	

/* ------------------------ 
   GENERAL CLASSES & ID'S
   ------------------------ */	
.border { padding: 4px;	border: 1px solid #000; } /* simple border */
.border2 { padding: 4px; border: 1px solid #000; background-color: #fff; color: #333; } /* simple border w/background color */
	
.borderfloatL { /* poloroid style border w/float left */ 
	float: left;
	padding: .5em .5em 2em .5em;
	margin: 0 10px 10px 0; 
	zoom: 1; /* ie fix */
	background: #EBEBEB url(../images/shadow-btm.png) repeat-x bottom; }

.borderfloatR { /* poloroid style border w/float right */ 
	float: right;
	padding: .5em .5em 2em .5em;
	margin: 0 0 10px 10px; 
	zoom: 1; /* ie fix */
	background: #EBEBEB url(../images/shadow-btm.png) repeat-x bottom; }

.borderfloatR p, .borderfloatL p { /* poloroid style text */ 
	margin: 0; 
	font: 7pt Arial, sans-serif; 
	color: #333; 
	text-align: center;
}
	
.cred { color: #ff0000; } /* color red */
.cblue { color: #3366CC; } /* color blue */
.cgreen { color: #009900; } /* color green */
.center { text-align: center; }	
.clear { clear: both; }
.floatL { float: left; margin: 0 10px 0 0; } /* basic float left */ 
.floatR { float: right; margin: 0 0 0 10px; } /* basic float right */ 
.right { text-align: right; }
.xsmall { font-size: x-small; }
.xxsmall { font-size: xx-small; }

/* --------------------------- 
   END General Classes & ID's
   --------------------------- */		

	
/* -------------------------------------------
	MAIN MENU SECTION - For Advanced Users Only
	------------------------------------------- */
/*
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { list-style: none; display: inline; }
#menu { width: 240px; border: 1px solid #000; margin: 10px 10px 10px 0; }
#menu li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu li a:link, #menu li a:visited { color: #FFFFFF; font: bold 12px Verdana; display: block; background: url(../images/menu.gif); padding: 8px 0 0 20px; }
#menu li a:hover, #menu li #current, #menu li a:active { color: #000000; font: bold 12px Verdana; background: url(../images/menu.gif) 0 -32px; padding: 8px 0 0 20px; text-indent: 4px; }
*/
/* ---------------------
   END Main Menu Section
	--------------------- */

div.paragraph { margin: 12px auto; }

.panel {
	float: right;
	margin: 0 0 10px 10px; 
	zoom: 1; /* ie fix */
	color: #000;
	border: 1px solid #fff;
	background: #52b4ff url(../images/panel_bg_blue.gif) repeat-y center top; }

.pinkPanel {
    background: #d57fa0 url(../images/panel_bg_pink.gif) repeat-y center top;
}

.panel div.header { padding: 1em 0 1em 0; border-bottom: 1px solid #fff; background: #1160ff; color: #fff; }
.panel div.content { padding: 0 1.0em 1.5em 1.0em; }

.panel p {
	margin: 0; 
	text-align: justify;
}

.panel ul, .panel ol { margin: 0; padding: 0; }
.panel li { margin: 0 .75em 0 2.25em; padding: 0; }

.panel div.header { text-align: center; font-size: 120%; font-weight: bold; }

.imagePanel { margin-top: 8px; margin-bottom: 12px; }  /* padding: 5px 6px; background-color: #fff; */
.imagePanel .caption { color: #fff; text-align: center; margin: 2px auto 0 auto; font-size: 90%; line-height: normal; padding: 0 4px; }
.imagePanel a { outline: none; }

.altImages .imagePanel { background: none; margin-bottom: 0; padding: 0; }
.altImages .imagePanel .caption { margin: 0 auto; color: inherit; }

.altImages2 .imagePanel { padding: 1px 1px 5px 1px; }

.rightAlignImagePanel { float: right; clear: right; margin-right: 0; margin-left: 12px; }
.leftAlignImagePanel { float: left; clear: left; margin-right: 12px; margin-left: 0; }

.groupImagePanel {  }
.rightAlignGroupImagePanel { float: right; clear: right; }

.haViewerTips div.h1 { margin-bottom: 18px; }
.haViewerTips .listHeader { margin: 0 auto 6px auto; text-align: center; font-weight: bold; }
.haViewerTips ol li { margin-bottom: 8px; }
.haViewerTips div.haViewerPanel { float: left; margin: 0 36px 12px 0; width: 203px; }
.haViewerTips div.haViewerPanel img { width: 203px; height: 265px; border: none; }

.haViewerTips div.arrowsPatternContentContainer { padding: 14px 0 0 0; }
.haViewerTips div.arrowsPatternPanel { float: right; margin: 12px 0 6px 12px; width: 204px; }
.haViewerTips div.arrowsPatternPanel img { width: 204px; height: 162px; border: none; }

.haViewerTips div.heartsPatternContentContainer { width: 90%; margin-left: 0; padding: 24px 0 0 0; }
.haViewerTips div.heartsPatternPanel { float: right; margin: 12px 0 6px 12px; width: 205px; }
.haViewerTips div.heartsPatternPanel img { width: 205px; height: 176px; border: none; }

/*  If the H&A Viewer Tips are removed from the Panel and put onto its own page, these styles won't be needed. */
.haViewerTipsPanel { width: 450px; margin: 12px 0 12px 12px; }
.haViewerTipsPanel .listHeader { font-weight: bold; margin: 14px auto 6px auto; text-align:center; }

.pullQuote { clear: both; text-align: center; font-size: 120%; line-height: 140%; padding: 24px 60px; font-style: italic; color: #A1E3C4; }

/*  Revolutionaries  */
.revolutionaries {  }
.revolutionaries .fig1-1 {  }
.revolutionaries .fig1-1 img {  }

.revolutionaries .fig1-2 {  }
.revolutionaries .fig1-2 img {  }


/*  GIA Excellent Cut (Proportion Values and Ranges  */

.giaExcellentCutPanel { float: left; width: 325px; margin: 12px 16px 12px 0; }
.giaExcellentCutPanel div.content { padding: 1em; }
.giaExcellentCutPanel div.content span.label { font-weight: bold; }
.giaExcellentCutPanel div.footnote { margin: 8px auto 0 0; font-size: 80%; line-height: 1.1em; }
.giaExcellentCutPanel div.caption { padding: 3px 0; text-align: center; background-color: #fff; }


/*  Welcome Panel  */
.welcomePanel { float: right; width: 275px; margin: 12px 0 12px 12px; border: none; }
.welcomePanel div.content { padding: 1em 1.35em 1em 1.15em; }
.welcomePanel .middleBg { background: transparent url(../images/welcome_panel_middle_bg.gif) repeat-y top center; }
.welcomePanel .topBg { background: transparent url(../images/welcome_panel_top.gif) no-repeat top center; }
.welcomePanel .bottomBg { background: transparent url(../images/welcome_panel_bottom.gif) no-repeat bottom center; }

/*  Callout Panel  */
.calloutPanel { background-color: #303030; width: 85%; margin: 12px auto; }
.calloutPanel .edge { background: transparent url(../images/ha_panel_dot.gif); }
.calloutPanel .leftEdge { background-repeat: repeat-y; background-position: left top; }
.calloutPanel .rightEdge { background-repeat: repeat-y; background-position: right top; }
.calloutPanel .topEdge { background-repeat: repeat-x; background-position: left top; }
.calloutPanel .bottomEdge { background-repeat: repeat-x; background-position: left bottom; }
.calloutPanel .topLeft { background: transparent url(../images/ha_panel_top_left.gif) no-repeat left top; }
.calloutPanel .bottomLeft { background: transparent url(../images/ha_panel_bottom_left.gif) no-repeat left bottom; }
.calloutPanel .topRight { background: transparent url(../images/ha_panel_top_right.gif) no-repeat right top; }
.calloutPanel .bottomRight { background: transparent url(../images/ha_panel_bottom_right.gif) no-repeat right bottom; }
.calloutPanel .content { padding: 14px 26px 18px 26px; font-size: 125%; line-height: 140%; text-align: center; }

/*  Homepage  */
div.homePage h2.top { width: 80%; margin-left: auto; margin-right: auto; }
div.homePage div.calloutOne { margin: 22px auto; }
div.homePage img.homeDiamond { width: 178px; height: 169px; float: right; }


/*
.hpPanel .corner { background: transparent url(../images/ha_panel_corners.gif) no-repeat; position: absolute; width: 15px; height: 15px; }
.hpPanel .topLeft { left: 0; top: 0; background-position: 0 0; }
.hpPanel .bottomLeft { left: 0; bottom: 0; background-position: 0 -15px; }
.hpPanel .topRight { right: 0; top: 0; background-position: -15px 0; }
.hpPanel .bottomRight { right: 0; bottom: 0; background-position: -15px -15px; }
.hpPanel .edge { background: transparent url(../images/ha_panel_dot.gif); }
.hpPanel .leftEdge { background-repeat: repeat-y; background-position: 0 0; }
.hpPanel .rightEdge { background-repeat: repeat-y; background-position: right 0; }
.hpPanel .topEdge { background-repeat: repeat-x; background-position: 0 0; }
.hpPanel .bottomEdge { background-repeat: repeat-x; background-position: 0 bottom; }
.hpPanel .content { padding: 14px; }
*/

/*  Contact Us Page  */

#contactUs .requiredField { margin: 0 100px 0 0; float: right; color: yellow; }
#contactUs .required { color: Yellow; font-weight: bold; }
#contactUs .message { display: none; margin: 12px auto; text-align: center; font-size: 150%; color: Red; font-weight: bold; }
#contactUs table.contactForm { width: 540px; margin: 12px auto 12px 36px; }
#contactUs table.contactForm td { width: 50%; text-align: left; vertical-align: top; padding: 4px; }
#contactUs div.completed { font-size: 150%; width: 540px; text-align: center; margin: 24px auto; }
/* #contactUs p.intro { width: 450px; } */
#contactUs div.finderAnnounce { float: right; width: 365px; margin: 0 auto 12px 0;  }
#contactUs div.finderAnnounce p.first { margin-top: 0; }
#contactUs div.finderAnnounce fieldset { border: 1px solid gray; padding: 0 10px; }
#contactUs div.finderAnnounce fieldset legend { color: #39f; font-weight: bold; }
#contactUs div.finderAnnounce fieldset div.content { min-height: 100px; color: #D57FA0; font-weight: bold;  background: transparent url(../images/jeweler_finder_announce.gif) no-repeat right top; margin: 8px auto; padding: 0 130px 0 6px; }

/*  Cut Grades Arrive in America  */
.cutGradesAmerica {  }
.cutGradesAmerica div.calloutOne
    { width: 35%; float: left; margin: 12px 16px 12px 0; }
.cutGradesAmerica div.calloutTwo, .cutGradesAmerica div.calloutThree
    { width: 35%; float: right; margin: 12px 0 12px 16px; }

.cutGradesHistory { width: 90%; margin: 48px auto 24px auto; background-color: #4E075F; border: 1px solid yellow; }
.cutGradesHistory div.header { padding: 10px; text-align: center; font-size: 120%; border-bottom: 1px solid yellow; color: Yellow; font-weight: bold; }
.cutGradesHistory div.content { padding: 12px; }
.cutGradesHistory div.event { margin: 8px auto; clear: left; }
.cutGradesHistory div.event span.year { float: left; color: yellow; font-weight: bold; }
.cutGradesHistory div.event span.desc { margin-left: 3.8em; display: block; text-align: left; }

/*  Grading H/A  */
.gradingHa {  }
.gradingHa a { outline: none; }
.gradingHa img { border: none; }
.gradingHa div.topImage { text-align: center; padding: 20px 0 14px 0; }
.gradingHa div.topImage img { width: 325px; height: 154px; }
.gradingHa div.topImage div.caption { color: #008080; font-weight: bold; font-size: 120%; }
.gradingHa div.imageParagraph { position: relative; margin: 0 auto; }
.gradingHa div.imageParagraph img {  }
.gradingHa div.imageParagraph div.textParagraph { position: absolute; margin-left: 120px; left: 0; bottom: 12px; width: 670px; }  /* setting explicit width as hack for IE7 (maybe IE6 too). */
.gradingHa div.pageDivider { height: 1px; width: 75%; margin: 55px auto 25px auto; background-color: #008080; }
.gradingHa div.introEnd { padding-bottom: 24px; }

/*  DNA  */
.dna {  }
.dna .lastIntroParagraph { margin-bottom: 44px; }
.dna .chartImage { text-align: center; width: 818px; margin: 36px auto 54px auto; }
.dna .nomenImage { text-align: center; width: 478px; margin: 16px auto 54px auto; }
.dna h3 { color: #D57FA0; margin: 30px auto 0 auto; }
.dna .guideline { margin-top: 0; color: #D57FA0; }
.dna .sideBySide { clear: none; margin-left: 3px; margin-right: 3px; }
.dna .firstSideBySide { margin-left: 15px; }

/*  Tech section pages  */
.techSectionLabel { clear: both; float: left; overflow: hidden; width: 100%; margin-bottom: 18px; }
.techSectionLabel .tsOuter { float: left; left: 50%; position: relative; }
.techSectionLabel .tsInner { float: left; right: 50%; position: relative; }
.techSectionLabel .tsContent { background-color: #1A27FF; color: #fff; font-weight: bold; border: 1px solid #fff; padding: 6px 12px; }

/*  Bottom Nav  */
div.bottomNavigation { margin: 22px auto 18px auto; text-align: center; }
div.bottomNavigation div.contentWrapper {  }
div.bottomNavigation table.wrapper { border-collapse: collapse; margin: 0 auto; }
div.bottomNavigation div.middleBg { height: 58px; background: transparent url(../images/ha_bottom_nav_bg.gif) repeat-x left -116px; }
div.bottomNavigation div.leftEdge { height: 58px; background: transparent url(../images/ha_bottom_nav_bg.gif) no-repeat left 0; }
div.bottomNavigation div.rightEdge { height: 58px; background: transparent url(../images/ha_bottom_nav_bg.gif) no-repeat right -58px; }
div.bottomNavigation div.innerContents { padding: 0 10px; }
div.bottomNavigation div.header { height: 27px; line-height: 27px; }
div.bottomNavigation div.bottomContent { height: 31px; }
div.bottomNavigation div.bottomContent table {  }
div.bottomNavigation div.bottomContent table td { vertical-align: middle; text-align: center; }

div.bottomNavigation td.previous div { padding: 3px 8px; }
div.bottomNavigation td.divider div { padding: 3px 2px; color: #707070; }
div.bottomNavigation td.next div { padding: 3px 8px; }
div.bottomNavigation a { outline: none; }

/*  Creation  */
div.creation { }
div.creation h2.pageTitle { text-align: center; }
div.creation div.figHa1 { text-align: center; margin: 26px auto; width: 504px; }
div.creation div.figHa2 { text-align: center; margin: 18px auto; width: 285px; }
div.creation div.figHa3 { text-align: center; margin: 18px auto; width: 514px; }

/*  FAQ  */
div.faq {  }
div.question { font-weight: bold; color: #008080; margin: 30px auto 12px auto; }
div.answer { padding: 0 0 0 48px; }


/*  Main Naviation  */
#nav2 { margin: 0 auto 22px auto; }
#nav2 a.tech span { padding: 0 31px 0 0; vertical-align: top; *zoom: 1; background: transparent url(../images/tech_icon_4.png) no-repeat right 2px; }
#nav2 div.row { clear: both; float: left; overflow: hidden; width: 100%; margin: 2px auto 5px; }

#nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
	left: 50%;
	/*clear: left;*/
}

#nav2 ul li {
	float: left;
	position: relative;
	right: 50%;
	/*display: inline;*/ /*For ignore double margin in IE6*/
	margin: 0 10px;
}

#nav2 ul li a {
	text-decoration: none;
	float:left;
	color: #3399FF;
	cursor: pointer;
	outline: none;
	height: 24px;
	font: 900 14px/23px Verdana, "Arial", Helvetica, sans-serif;
}

#nav2 ul li a b {
	margin: 0 10px 0 -10px;
	padding: 0 6px 0 14px;
	height: 24px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

#nav2 ul li a:hover { background: url(../images/ha_menu_bgs.gif) no-repeat right -24px; }
#nav2 ul li.current a, #nav2 ul li a:hover { color: #d8d8d8; }
#nav2 ul li a:hover b { background: url(../images/ha_menu_bgs.gif) no-repeat left -24px; }
#nav2 ul li.current a { background: url(../images/ha_menu_bgs.gif) no-repeat right 0; }
#nav2 ul li.current a b { background: url(../images/ha_menu_bgs.gif) no-repeat left 0; }

/* Acknowledgements  */
div.acknowledgements { }
div.acknowledgements div.contributorsWrapper { width: 710px; margin: 12px auto;  }
div.acknowledgements div.contributor { float: left; margin: 12px 0; width: 333px; height: 146px; background: transparent url(../images/ha_acknowledge_box_3.png) no-repeat; }
div.acknowledgements div.contributorsWrapper div.rightContributor { float: right; }
div.acknowledgements div.contributor div.details { color: #000; padding: 18px 6px 6px 85px; }
div.acknowledgements div.contributor div.details p { margin: 8px auto; line-height: 135%; }
div.acknowledgements div.contributor div.lengthy { padding-top: 14px; }
div.acknowledgements div.contributor div.lengthy p { margin: 2px auto 4px auto; line-height: 125%; }
div.acknowledgements div.contributor div.nonLengthy { padding-top: 28px; }
div.acknowledgements div.contributor div.veryNonLengthy { padding-top: 30px; }
div.acknowledgements div.contributor div.veryNonLengthy p { margin: 12px auto; }

/*
    Fluorescence
*/
div.fluorescence {  }
div.fluorescence div.giaComment { text-align: center; width: 500px; margin: 24px auto; }

/* Error page */
#errorPage { padding: 0 0 30px 0; }
/* Page Not Found */
#pageNotFound  { padding: 0 0 30px 0; }


/* Jewerler Finder */
div.jewelerFinder {  }
div.jewelerFinder .outerPageContents { width: 830px; margin: 0 auto; padding: 0 0 12px 0; }
div.jewelerFinder .introText { padding: 0 0 12px 0; }
div.jewelerFinder .enterEmailNote { color: yellow; }
div.jewelerFinder .yourLocation { margin: 0 auto 0 auto; }
div.jewelerFinder .yourLocation fieldset { border: 1px solid gray; padding: 0 10px; }
div.jewelerFinder .yourLocation fieldset legend { color: #39f; font-weight: bold; }
div.jewelerFinder .yourLocation fieldset .content {  }
div.jewelerFinder #initialLoad { height: 50px;  }
div.jewelerFinder #noResults { display: none; padding: 35px 0 75px 0; font-size: 16px; text-align: center; font-weight: bold; color: #D57FA0; }
div.jewelerFinder #emailSent { display: none; padding: 35px 50px 75px 50px; font-size: 16px; text-align: center; font-weight: bold; color: #D57FA0; }
div.jewelerFinder .resultsIntro { margin: 20px auto 16px auto; color: Yellow; }

div.jewelerFinder .yourLocation label { display: block; }
div.jewelerFinder .byZip { float: left; width: 220px; }
div.jewelerFinder .yourLocation .block .content { padding: 6px 12px 16px 12px; }
div.jewelerFinder .yourLocation .block .searchBtn { margin: 12px auto 0 auto; }
div.jewelerFinder .yourLocation .block .searchBtn a { outline: none; margin: 0 auto; background: transparent url(../images/ha_find_btn_2.gif) no-repeat 0 -29px; display: block; width: 111px; height: 29px; }
div.jewelerFinder .yourLocation .block .searchBtn a span { background: transparent url(../images/ha_find_btn_2.gif) no-repeat 0 0; display: block; width: 111px; height: 29px; }
div.jewelerFinder .yourLocation .block .searchBtn a:hover span { background: none; cursor: pointer; }

div.jewelerFinder .orBlock { float: left; width: 45px; height: 200px; margin: 0 16px; background: transparent url(../images/ha_find_or_2.gif) no-repeat center 45px; }

div.jewelerFinder .byZip input.zip { width: 80px; }
div.jewelerFinder .byLocation { float: left; width: 270px; }
div.jewelerFinder .yourLocation .firststeps { width: 230px; }
div.jewelerFinder .yourLocation .stepone {  }
div.jewelerFinder .yourLocation .steptwo { margin: 24px auto 0 auto; }
div.jewelerFinder .yourLocation .stepthree { width: 575px; float: right; margin: 0 auto 0 0; }
div.jewelerFinder .yourLocation .firststeps .block .content { padding-bottom: 9px; }
div.jewelerFinder .yourLocation .block .emailAddress .content { padding-left: 0; padding-right: 0; padding-bottom: 6px; }
div.jewelerFinder .yourLocation .emailAddress input { width: 99%; }
div.jewelerFinder .options { width: 97%; margin: 0 auto 0 0; }
div.jewelerFinder .options .optionsHeader { color: #39f; font-weight: bold; text-decoration: underline;  }
div.jewelerFinder .yourLocation .stepDesc { margin: 0 auto 14px auto; padding: 4px 12px; background-color: #06414F; }

div.jewelerFinder .retailerJoin { background: transparent url(../images/ha_map_retailers_bg.png) no-repeat center top; width: 615px; height: 64px; margin: 18px auto; text-align: center; }
div.jewelerFinder .retailerJoin .content { padding: 10px 30px;  }
div.jewelerFinder .retailerJoin p { margin: 0 auto; }
div.jewelerFinder .retailerJoin .title { font-size: 16px; font-weight: bold; }


div.jewelerFinder #mainBand { display: none; }
div.jewelerFinder #mainBand .mapContainer { float: left; width: 500px; height: 400px; }
div.jewelerFinder #mainBand #map { width: 500px; height: 400px; }
div.jewelerFinder #mainBand .storesContainer { float: left; width: 305px; margin: 0 0 0 15px; height: 400px; overflow: auto; border: 1px solid gray; background-color: #03072E; }
div.jewelerFinder #mainBand #storesListContainer { padding: 5px; }
div.jewelerFinder #mainBand #storesListContainer ul { list-style: none; margin: 0; padding: 0; }
div.jewelerFinder #mainBand #storesListContainer li { margin: 6px auto 12px 0; padding: 0 0 0 30px; background-repeat: no-repeat; background-position: left top; }
div.jewelerFinder #storesListContainer div { color: #f0f0f0; font-size: 13px; }
div.jewelerFinder #storesListContainer .name { font-weight: bold; color: #e8e8e8; font-size: 14px; }


/* Map List Completion */
.mapListCompletion {  }

.mapListCompletion .contentBlock { margin: 30px auto; }
.mapListCompletion .objectives {  }
.mapListCompletion .objectives .siteName { color: Blue; }
.mapListCompletion .onRecord {  }
.mapListCompletion .onRecord ol {  }
.mapListCompletion .onRecord ol li { margin-bottom: 8px; }
.mapListCompletion .onRecord ol li span.title { font-weight: bold; }
.mapListCompletion .displayInfo {  }
.mapListCompletion .form .initInvMinNote { color: Red; }
        
.mapListCompletion .formEntry table { margin: 0 auto; }
.mapListCompletion .formEntry table td.label { text-align: right; font-weight: bold; }
.mapListCompletion .formEntry table td { text-align: left; padding: 3px 5px; }
.mapListCompletion .formEntry table h2 { font-size: 120%; }
.mapListCompletion .formEntry table div.templateContainer { padding: 12px; }
.mapListCompletion .formEntry table input { width: 220px; }
.mapListCompletion .formEntry table td.buttons { padding: 30px 0 6px 0; border: none; text-align: center; }
.mapListCompletion .formEntry table td.buttons span { padding: 0 8px; }
.mapListCompletion .formEntry table td.buttons span.saveBtn input { color: Blue; font-weight: bold; }
.mapListCompletion .formEntry table td.buttons input { width: auto; }
.mapListCompletion .requiredNote { text-align: right; margin: 0 auto 18px auto; color: Yellow; padding: 0 12px 0 0; }
.mapListCompletion .requiredNote .asterisk {  }
.mapListCompletion .formEntry table span.required { color: Yellow; }
.mapListCompletion .formEntry table td.postalCode input { width: 100px; }
.mapListCompletion .formEntry div.stateNotApplicable { display: none; }
.mapListCompletion div.missing { margin: 36px auto; }
.mapListCompletion div.completed { margin: 24px auto;  }
.mapListCompletion div.completed h2 { margin-bottom: 18px; }
.mapListCompletion div.completed .title { margin: 20px auto 30px auto; font-size: 120%; }

/* Map Listing Request */
.mapListingRequest { }
.mapListingRequest .formEntry { padding: 0 0 24px 0; }
.mapListingRequest .formEntry table.main { margin: 0 auto 0 0; }
.mapListingRequest .formEntry table.main td.label { text-align: right; font-weight: bold; }
.mapListingRequest .formEntry table.main td { text-align: left; padding: 3px 5px; }
.mapListingRequest .formEntry table.main h2 { font-size: 120%; }
.mapListingRequest .formEntry table.main div.templateContainer { padding: 12px; }
.mapListingRequest .formEntry table.main input { width: 220px; }
.mapListingRequest .formEntry table.main td.yearsInBusiness input { width: 30px; }
.mapListingRequest .formEntry table.main td.jbtNumber input { width: 130px; }

.mapListingRequest .requiredNote { text-align: right; margin: 0 auto 18px auto; color: Yellow; padding: 0 60px 0 0; }
.mapListingRequest .requiredNote .asterisk {  }
.mapListingRequest .formEntry table span.required { color: Yellow; }
.mapListingRequest .formEntry div.stateNotApplicable { display: none; }

.mapListingRequest .formEntry table.bottomQuestions { margin: 24px auto 24px 12px; }
.mapListingRequest .formEntry table.bottomQuestions td { text-align: left; padding: 3px 5px; }
.mapListingRequest .formEntry table.bottomQuestions td.label { font-weight: bold; }
.mapListingRequest .message { display: none; margin: 12px auto; text-align: center; font-size: 120%; color: Red; font-weight: bold; }

.mapListingRequest .formEntry div.buttons { padding: 30px 0 6px 0; border: none; text-align: center; }
.mapListingRequest .formEntry div.buttons { padding: 0 8px; }
.mapListingRequest .formEntry div.buttons span.saveBtn input { color: Blue; font-weight: bold; }

.mapListingRequest .completed { margin: 24px auto; }
.mapListingRequest .completed h2 { margin-bottom: 18px; }




















/*______________________________________________________________________
DO NOT REMOVE
Title: Series 100 - TemplateHappy.com / Golden Pinecone Web Development
Version: January 2008
Websites: http://www.templatehappy.com/
          http://www.goldenpinecone.com
________________________________________________________________________*/