/* CSS Document 
background = FAEBD7
text = 8B4513
hover = 800000
*/

.float-catch { clear: both; }


html {
	background: url("/images/main_bg.jpg") top left repeat;
	
	}

body { 
font-size: 16px;
margin: 0;
padding: 0;
background: url("/images/top_bg.jpg") top center repeat-x;
font-family: "Trebuchet MS", sans-serif;


}

a, a:link, a:visited {
	color: #78412D;
	outline: none;
}

a:hover {
	color: #C58E28;
}

#page-top {
	margin: 0px auto;
	background: transparent;
	width: 950px;
}

#page {
width: 950px;
margin: 0px auto;
clear: both;
background: #ffffff;
}

#header {
clear: both;
height: 100px;
margin: 0;
}

#footer {
	
	text-align: center;
	width: 950px;
	margin: 0px auto;
	font-size: 12px;
	color: #fff;
}

#footer p {
	margin: 10px 0px;
	
}

#footer a, #footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #C58E28;
}



#logo {
background: url("/images/site-logo2.png") top center no-repeat;
float: left;
display: inline;
margin: 10px 0;

}

#logo a {
display:block;
height:85px;
width:800px;
}

#login {
float: left;
margin: 10px 0 0 0;
padding: 0 20px 0 0;
width: 130px;
height:85px;
line-height: 130%;
text-align: right;
clear: right;
font-size: 22px;
border: thin;
font-family: Anglican, Times, serif;
}

#login a:link { 
color: #000000;
font-weight: 600;
text-decoration: none;
}
#login a:visited {
color: #000000;
font-weight: 600;
text-decoration: none;
}
#login a:hover {
color: #E0BF76;
font-weight: 600;
text-decoration: none;
}

#ags {
background: url("../images/ags2.gif") top left no-repeat;
float: right;
display: inline;
margin: 0;
}

#ags a {
display:block;
height:100px;
width:120px;
}

#navbar {
width: 950px;
height: 55px;
text-align: center;
padding-top: 18px;
background: url(/images/navbar.png) top center no-repeat;
margin: 0px auto;
font-size: 17px;
font-family: Anglican, Times, serif;

}

#navbar ul {
padding: 0;
margin: 0px;
}

#navbar li {
height: 50;
border-left: 1px solid #8B4513;
display: inline;
padding: 0 10px 0 12px;
margin: 0;
list-style-type: none;
text-align: left;
}

#navbar li:first-child {
 border: none;

}

#navbar a {
text-decoration: none;

}
#navbar a:link { color: #8B4513 }
#navbar a:visited {color: #8B4513 }
#navbar a:hover {color: #800000 }

#search {
width: 150px;
padding: 10px 0 20px 20px;
margin: 0;

}

#search input {
	width: 120px;
	margin-bottom: 10px;
}

.search-button {

cursor: pointer;
padding-top:4px;

}

#side-container {
	float: left;
}

#sidebar-outer {
	border: 1px solid #E6E6E6;
	padding: 6px;
	background: #ffffff;
	width: 180px;
	margin-left: 10px;
}

#sidebar {
background: #77452b url(/images/sidebar-bg.png) repeat-x;
min-height: 424px;
margin-left: 0;
padding-top: 10px;
color: #ffffff;
font-size: 12px;
}

#sidebar ul {
padding: 0;
margin: 0;
text-decoration: none;

}

#sidebar li {
padding-left: 20px;
margin: 3px 0px;
list-style-type: none;
text-align: left;
}

#sidebar h2 {
padding: 5px 5px 5px 10px;
margin: 5px;
text-align: left;
text-transform: uppercase;
font-size: 14px;
color: #845B2C;
background: #e0bf76 url(/images/sidebar-h2-bg.jpg) repeat-x;

}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

#sidebar a:hover { 
	color: #E0BF76;
	}

#certs {

	margin: 20px 0 20px 10px;
	color: #000000;
	font-size: 12px;
	width: 192px;
	text-align: center;
	
	/* border: 1px solid #e6e6e6; */
}

#certs img {
	border: none;
}

#certs img {
	margin-bottom: 20px;
}


#main {

float: right;
clear: none;
width: 720px;

min-height: 425px;
margin-left: 0px;
padding: 10px;
}

.gemlist {
float: left;
width: 600px;

margin-left: 0px;
}

#main h2 { 
color: #C58E28;

font-size: 28px;
margin: 0 0 10px 0;
}

#main p {
	margin: 10px 0;
}

.smaller {
font-size: 50px;
}


#main h3 { 
text-align: left;
text-indent: 50px;
}

.promo-box {
	/* border: 1px solid #ccc; */
	margin-bottom: 25px;
}

.promo-box img {
 	float: left;
 	margin: 0px 15px 0px 0px;
}

.promo-text {
	width: 550px;
	float: left;
	
	color: #4D4D4D;
	font-size: 15px;
}

#gallery ul {
padding: 0;
margin: 0;

}

#gallery li {
height: 215px;
display: inline;
margin: 0;
list-style-type: none;
text-align: center;
}


td {
text-align:center;
}

IMG {
border-color: #000000
}

.floatcatch {
clear: both;
}

/* Slightly spaced out Paragraph */
.spaced { 
margin-top: 30px;
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 700px;
}

/* More spaced out Paragraph */
.bottom { 
margin-top: 75px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 650px;
}

/* Centered Paragraph */
.c { 
text-align: center;
margin-left: auto;
margin-right: auto;
width: 650px;
}

/* Justified Paragraph */
.j { 
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 650px;
}

/* Justified Paragraph - Error Messages (red) */
.e { 
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 650px;
color: red;
}

/* Narrow Paragraph for inventory display */
.n { 
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 550px;
}

.ia { 
text-align: justify;
background-color: #FFFFCC;
padding-left: 50px;
padding-right: 50px;
width: 650px;
}

.ib { 
text-align: justify;
background-color: #FAEBD7;
padding-left: 50px;
padding-right: 50px;
width: 650px;
}

.f {
text-align: left;
margin-left: 200px;
width: 250px;
border: thin;
}

.little {
font-size: 12px;
font-style: italic;
}

.rc {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 575px;
}

.rco {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 575px;
height: 200px;
}

.hidden { display: none; }

#jewelry {

float: left;
width: 310px;
text-align: center;
}

#gallery {
float: none;
width: 720px;
text-align: center;
margin-left: auto;
margin-right: auto;

}


.featured {
	background: #511f00 url(/images/gallery-bg.jpg) repeat-x;
	padding: 10px;
}

.featured #gallery {
	margin: 0px auto;
	width: 610px;
}

.featured-outer {
	padding: 6px;
	border: 1px solid #E6E6E6;
	width: 700px;
	margin: 20px 0;
	clear: both;
}

.featured h2 {
	margin: 0px;
	text-align: center;
	font-family: Georgia, Times, serif !important;
	font-weight: bold;
	color: #ffffff !important;

}

.featured .cell {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	padding: 20px;
	min-height: 160px;
	
}

.featured a {
	color: #fff;
}

.cell {

float: left;
min-width: 215px;
max-width: 215px;
min-height: 200px;
text-align: center;
padding: 0 10px 10px 15px;

}

.rc-cell {

float: left;
min-width: 215px;
max-width: 215px;
min-height: 185px;
text-align: center;
padding: 0 10px 10px 15px;

}

.c-cell {

float: left;
min-width: 215px;
max-width: 215px;
min-height: 180px;
text-align: center;
padding: 0 10px 10px 15px;

}

.cell a {
font-size: small;
}

.c-cell a {
font-size: small;
}


.cell a IMG {
border: 1px solid #000000;
text-decoration: none;
}

.rc-cell a IMG {
border: 1px solid #000000;
text-decoration: none;
}

.c-cell a IMG {
border: 1px solid #000000;
text-decoration: none;
}

.cell a:hover IMG {
border: 1px solid #000000;
}

.rc-cell a:hover IMG {
border: 1px solid #000000;
}

.c-cell a:hover IMG {
border: 1px solid #000000;
}

.cell IMG {
width: 160;
height: 125;
border-color: #000000;
text-align: center;
border: thin solid;

}

.rc-cell IMG {
width: 160;
height: 125;
border-color: #000000;
text-align: center;
border: thin solid;

}

.c-cell IMG {
width: 160;
height: 125;
border-color: #000000;
text-align: center;
border: thin solid;

}

#left-table {
min-width: 300px;
float: left;
clear:left;
text-align: right;
padding-right: 10px;
padding-bottom: 20px;
}

#left-table table {
float: right;
}

#left-table td {
text-align: right;
}

#right-table {
clear: right;
text-align: left;
padding-left: 10px;
padding-bottom: 20px;
}

#right-table td {
text-align: left;
}

#bottom {
clear: both;
}

.chain-container {
margin-top: 25px;
margin-bottom: 50px;
width: 650px;
height: 100px;
margin-left: 25px;
margin-right: 25px;
}

.chain-desc {
text-align: justify;
width: 165px;
height: 125px;
float: left;
}

.chain-image {
margin-left: 21px;
width: 162px;
height: 120px;
margin-right: 50px;
float: left;
}

.click {
text-align: center;
font-size: 12px;
font-style: italic;
}

.chain-box {
width: 200px;
margin-right: 50px;
max-height: 23px;
border: thin solid #000000;
float: left;
}

.tj {
text-align: left;
margin-top: 0px;
margin-bottom: 2px;
padding: 0;
}

#custom {
text-align: justify;
width: 650px;
min-height: 125px;
margin-left: auto;
margin-right: auto;
}

#custom h3 {
text-indent: 0;
margin-bottom: 10px;
}

#custom p {
margin-top: 0;
}


.breadcrumb {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	color: #E0BF76;
}

.breadcrumb a:hover {
	color: #78412D;
}

.breadcrumb li {
	display: inline;
}


.left-gem {
width: 115px;
float: left;
clear:left;
text-align: right;
padding-right: 5px;
padding-bottom: 20px;
}

.left-gem table {
float: right;
}

.left-gem td {
text-align: right;
}

.right-gem {
width: 200px;
float: left;
text-align: left;
padding-left: 5px;
padding-bottom: 20px;
}

.right-gem td {
text-align: left;
}

.wide-gem {
width: 550px;
float: left;
text-align: left;
padding-left: 5px;
padding-bottom: 20px;
}

.wide-gem td {
text-align: left;
}

#gem-box {
width: 382px;
margin-left: 10px;
float: left;
clear: right;
}

.gem-image {
width: 380px;
clear: both;
}

.gem-thumb {
width: 100px;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 4px;
float: left;
}

.gc {
text-align: center;
font-style: italic;
font-size: 12px;
}

.gd {
text-align: center;
font-size: 16px;
}

.form-align {
text-align: left;
width: 200px;
float: left;
margin-right: 50px;
}

.form-short {
text-align: left;
width: 100px;
float: left;
margin-right: 30px;
}

#entry-points {
	
}

#entry-points div {
	border:1px solid #E6E6E6;
	padding:6px;
	float: left;
	margin:10px 0;
}

#entry-points div a {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	width: 215px;
	height: 191px;
	
}

#entry-points div a:hover {
	background-position: top right;
}

#entry2 {
	margin: 10px 13px !important;
}

#entry1 a {
	background: url(/images/btns-entry-point-01.jpg);
}

#entry2 a {
	background: url(/images/btns-entry-point-02.jpg);
}

#entry3 a {
	background: url(/images/btns-entry-point-03.jpg);
}

.bordblock {
width: 330px;
float: left;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
font-weight: bold;
}

.bordblockc {
width: 330px;
float: left;
text-align: center;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
margin-left: 165px;
}

.cs { 
text-align: center;
font-size: 14px;
font-style: italic;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-top: 0;
width: 650px;
}



/* Gemology 101 */

.no-border-right { border-right: none !important;}
.no-border-left { border-left: none !important;}

em { font-size: .9em;}

ul.tabs {
	float: right;
	padding: 0px;
	margin: 0;
	font-size: .9em;
}

ul.tabs a.current {
	color: #C58E28;
}


ul.tabs li {
	list-style: none;
	margin-bottom: 5px;
}

ul.tabs li a {
	text-decoration: none;
	padding: 4px;
	border: 1px solid #78412D;
	background: url(/images/tabs-bg.jpg) repeat-x;
	display: block;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	text-shadow: 1px 1px 1px #FFF;
}

.panes {
	float: right;
	width: 540px;
	padding: 10px;
	border:1px solid #E6E6E6;
	min-height: 325px;
}

.panes strong {color: #C58E28;}

.panes h3 {
	margin-top: 0;
	text-indent: 0 !important;
	color: #800000;
	font-size: 1.25em;
}

.panes h3.pane-title {
	margin: 0 0 10px 0;
	color: #C58E28;
	font-size: 1.3em;
}

.panes h4 {
	text-indent: 0 !important;
	color: #800000;
	font-size: 1.1em;
}

.panes ul li {
	list-style: none;
	margin-bottom: 5px;
}

.panes ul li ul li, .panes ul.cut-grade li {
	list-style: square;
}


ul.sub-tabs {
	padding: 4px;
	margin: 0 0 10px 0;
	font-size: .78em;
	background: url(/images/tabs-bg.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 15px; /* Had to force a height to make it work in IE 6 and 7 */
}

.phenomena-tab { height: 35px !important}

ul.sub-tabs li {
	margin: 0 0 2px;
	padding: 0 4px;
	float: left;
	border-right: 1px solid #78412D;
	border-left: 1px solid #f7f0e2;
}

ul.sub-tabs li a {
	text-decoration: none;
}

ul.sub-tabs a.current {
	color: #C58E28;
}



/* Generic Landing Pages */


#landing-pages {
	float: left;
	width: 450px;
}

#landing-pages strong {
	color: #C58E28;
}

#landing-pages ul li {
	margin: 8px 0;
}


#landing-pages h3, #sidebar-form h3 {
	text-indent: 0px !important;
	color: #C58E28;
}

#landing-pages #before-after-container .image-comparison,  #landing-pages .image-comparison img {
	/* float: left; */
	/* width: 420px; */
	text-align: center;
	margin-bottom: 15px;
}

 #landing-pages .image-comparison {
 	/* width: 410px; */
	text-align: center;
	margin-bottom: 15px;
 }

#landing-pages #before-after-container .image-comparison img, #landing-pages .image-comparison img {
	margin: 10px 0;
}

#landing-pages #before-after-container .image-comparison span, #landing-pages .image-comparison span  {
	color: #C58E28;
}

#sidebar-form {
	float: right;
	width: 250px;
	border-left: 1px solid #C58E28;
	padding: 0 0 0 15px;
}

/* New Landing Pages for Raincross and Custom */


#new-landing-pages {
}

#new-landing-pages strong {
	color: #C58E28;
}

#new-landing-pages ul li {
	margin: 8px 0;
}


#new-landing-pages h3, #sidebar-form h3 {
	text-indent: 0px !important;
	color: #C58E28;
}

#new-landing-pages #before-after-container .image-comparison,  #new-landing-pages .image-comparison img {
	/* float: left; */
	/* width: 420px; */
	text-align: center;
	margin-bottom: 15px;
}

#new-landing-pages .image-comparison {
 	width: 420px;
	text-align: center;
	margin: 0px auto 15px;
 }

#new-landing-pages #before-after-container .image-comparison img, #new-landing-pages .image-comparison img {
	margin: 10px 0;
}

#new-landing-pages #before-after-container .image-comparison span, #new-landing-pages .image-comparison span  {
	color: #C58E28;
}





/*
#sidebar-form h3.call-to-action {
	font-size: 1px;
	text-indent: -9999px !important;
	background: url("/images/free-estimate.jpg") no-repeat;
	width: 252px;
	height: 77px;
	display: block;
	
}
*/

#sidebar-form h3 {
	font-size: 1.5em;
	margin: 10px 0 5px;
}

#sidebar-form h4 {
	font-size: 1.25em;
	margin: 10px 0 5px;
	color: #C58E28;
}

#sidebar-form ul {
	padding: 0px;
	margin: 0px;
}

#sidebar-form ul li {
	margin: 8px 0;
	list-style: none;
}

#sidebar-form ul.appraisal-sidebar {
	margin-left: 10px;
	padding-left: 10px;
}

#sidebar-form ul.appraisal-sidebar li {
	list-style: square;
}

#sidebar-form strong {
	color: #C58E28;
}

#sidebar-form span.phone {
	font-size: 1.75em;
	display: block;
}

#sidebar-form span.customer {
	display: block;
	float: right;
}

#repair-form em{
	font-weight: bold;
}


div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  /* width: 50px; */
  text-align: right;
  }
  
  
div.row span.formw label.error {
	float: left;
	color: #ff0000;
	font-size: .8em;
}

div.row span.formw {
  float: right;
  width: 195px;
  text-align: left;
  } 
  
div.row span input {
	border: 1px solid #999;
	padding: 4px;
}
  
div.row span.form-textarea {
	padding: 4px;
	text-align: left;
}
div.row span.form-textarea label.error {
	color: #ff0000;
	font-size: .8em;
}

#not-gaurantee span {
	margin-left: 5px;
	color: #C58E28;
}