@charset "UTF-8";
/* CSS Document */
/*
Blue: #426178
light blue: #afcbdb
*/
img, div { behavior: url(iepngfix.htc) }


body {
	text-align:center;
	margin:0px;
	background-color:#46728c;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bg_pattern.gif);
	background-repeat: repeat-x;
}

a:link, a:active, a:visited { color:#666666; text-decoration:none;}
a:hover { color:#666666; text-decoration:underline;}

/* Div Tags */
#bigMain {
	width:794px;
	text-align:center;
	position:relative;
	margin:0 auto;
	background-color: #FFF;
	border: 1px solid #426178;
}

#content {
	width:794px;
	border-bottom:solid 1px #426178;
	background-color:#FFFFFF;
	margin:0 auto;
}
#clear { line-height:0px; clear:both;}


#indexContent { width:754px; margin:0 auto; text-align:center;}
#indexContent p { font-size:12px; color:#666666; line-height:17px; text-align:left;}
#indexContent ul { color:#666; font-size:12px; line-height:16px; text-align:left;}
#indexContent li { padding:5px 0px 0px 0px;}

#indexL { float:left; width:420px; text-align:left; padding:20px 0px 0px 0px;}
#indexR { float:right; width:315px; font-size:12px; color:#666666; line-height:17px; text-align:left; padding:10px 0px 0px 0px;}
#indexR p { color:#666666; font-size:12px; line-height:16px; padding:0px;}

#indexRTest {float:right; width:315px; font-size:12px; color:#666666; line-height:17px; text-align:left; padding:10px 0px 0px 0px; background:url(images-site/ctm-image.jpg);}

#featuredContent { width:754px; margin:0 auto; padding:4px 0px 0px 0px; text-align:left;}
#featuredL { width:250px; text-align:left; float:left; border-right: solid 1px #426178;}
#featuredR {width:250px; text-align:left; float:right; border-left: solid 1px #426178;}
#featuredM { width:245px; margin-left:251px;}

.featured { color:#666666; font-size:12px; padding:0px 5px 0px 10px; line-height:16px; margin:5px 0px 0px 0px}

#more  { text-align:right; padding:0px 10px 0px 0px;}
#more a:link, #more a:visited, #more a:active {font-size:12px; font-weight:bold; color:#666666; text-decoration:underline;}
#more a:hover {font-size:12px; font-weight:bold; color:#666666; text-decoration:none;}

#centeredContent { width:754px; padding:20px; margin-top:20px; text-align:center;}

#top { width:794px; padding:0px;}

#topNav { padding:0px; margin:0px; width:794; background:url(images/header_07.gif) repeat-x; text-align:center;}
#topNav li { list-style:none; display:inline; padding:0px; margin:0px;}

#topContainer { width:794px; padding:0px;}
#topMiddleL { float:left; width:275px;}
#topMiddleR { float:right; text-align:left; padding:7px;}
#topMiddleR img {}
input.topImage { padding:0px 0px 0px 1px;}

#navigation { width:794px; padding:0px;}

#footer { padding:10px 0px 10px 0px; border-bottom:solid 1px #426178; border-top:solid 1px #426178; width:794px; margin:0 auto;}
#footer a { padding:10px; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#footer a:hover { padding:10px; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:underline;}

#leftNav {float:left; width:170px; padding:10px; text-align:left;}
#leftNav ul { border-bottom:solid 1px #999999; padding-bottom:10px;}
#leftNav ul.last { border-bottom:0px; padding-bottom:10px;}
#leftNav li { padding:0px 0px 0px 10px; list-style-image:url(images/arrow.gif); font-size:12px; color:#666666; line-height:18px;}
#leftNav li a:link, #leftNav li a:active, #leftNav li a:visited { font-size:12px; color:#666666; text-decoration:none;}
#leftNav li a:hover { font-size:12px; color:#666666; text-decoration:underline;}

#thumbs { text-align:center; float:left; margin:10px; width:120px;font-size:12px; color:#666666;}
#thumbs img{ height:100px;}


#tile { text-align:left;color:#426178;font-size:12px; line-height:16px; }
#tile ul {
	color:#426178;
	font-size:12px;
	line-height:16px;
	text-align:left;
	list-style-type: square;
}
#tile li { padding:5px 0px 0px 0px;}
#tile a { color:#426178; font-size:12px; line-height:16px; text-align:left; padding-left:5px; padding-right:5px; font-weight:bold; text-decoration:underline;}
#tile a:hover {text-decoration:underline;}
/* Classes */
.searchHead { color:#666666; font-size:14px; font-weight:bold; text-align:left; padding:10px; background-color:#afcbdb; border-bottom: solid 1px #bcb88d;}

h2 { color:#426178; font-size:14px; font-weight:bold; text-align:left;}

table.search { padding:0px;}

td.thumbs {padding:0px; height:130px; vertical-align:bottom;}
td.thumbs a:link, td.thumbs a:visited, td.thumbs a:active { display:block; padding:6px; text-align:center; line-height:16px;}
td.thumbs a:hover { background-color:#afcbdb;display:block; padding:6px; text-align:center; line-height:16px}

table.search img { border:solid 1px #8cd88d;}

.stoneName { color:#666666; font-size:10px; font-weight:bold; text-decoration:none;}
.stoneName a { color:#666666; font-weight:bold; text-decoration:none;}
.stoneName a:hover { color:#666666; font-weight:bold; text-decoration:underline;}

.question { font-style:italic; font-size:14px; font-weight:bold; color:#426178;}

#faq { text-align:left; color:#666666; font-size:12px; line-height:17px; border-bottom:solid 1px #3cb88d; padding:10px;}

/* Login Page */
#500Wide { width:500px; border:solid 1px #426178; margin:0 auto;}

#login { width:500px; margin:0 auto;  border:solid 1px #426178;}
#greenHead { background:url(images/popup_01.jpg) repeat-x #8CB88D; padding:10px; font-size:14px; color:#000000; font-weight:bold;}
#formRowL { padding:5px; text-align:center;}
#formRow { padding:5px; border-bottom:solid 1px #426178; text-align:center;}
#rowL { float:left; width:235px; text-align:right; font-size:12px; padding-top:3px;}
#rowR { float:right; width:245px; text-align:left; font-size:12px;}

input { border:solid 1px #426178; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.submit { background:url(images/popup_01.jpg) repeat-x #8CB88D; border:solid 1px #426178; padding:5px; font-size:12px; color:#000000; font-weight:bold;}

/*POP UP STUFF*/
body.pop { text-align:center; margin:5px; background-color:#eef2fb; font-family:Arial, Helvetica, sans-serif;}

#popContent { width:700px; text-align:center; margin:0 auto; overflow:hidden; background-color:#FFF; border:solid 1px #8dba8f;}
#topBar { background:url(images/popup_01.jpg) repeat-x #8CB88D; padding:10px; width:680px; font-size:14px; color:#000000; font-weight:bold; text-align:left;}
#bottomBar { background:url(images/popup_10.jpg) repeat-x #fff; text-align:center; width:700px;}
#bottomBar input { border:0;}

#stone { width:450px; padding:10px; font-size:12px; color:#666666; font-weight:bold; float:left; text-align:left}

#stoneDesc { width:225px; padding-top:10px; text-align:left; float:right;}
.descLabel { }
.description { }
#stoneLabel { float:left; width:110px; color:#426178; font-size:12px; font-weight:bold; text-align:left; padding:0px 0px 20px 0px;}
#stoneLabelText { float:right; width:110px; color:#666666; font-size:12px; font-weight:normal; line-height:16px; text-align:left;}

#stoneInfo { border-bottom:solid #666 1px; text-align:left; font-size:14px; font-weight:bold; color:#666; padding:20px 0px 0px 0px; margin:0px 0px 20px 0px;}

/*  Main Pages Classes  */

#pageContent { float:left; width:550px; text-align:left;}
#pageContent p { font-size:12px; color:#666666; line-height:18px;}
#pageRight { float:right; width:170; text-align:left;}
#glassTb {border:1px #666 solid; font-size:10px;}

/*  Contact Classes  */
#contact { width:650px; margin:0 auto; border-bottom:solid 1px #426178; padding:20px 0px 20px 0px; color:#666666; text-align:center;}
#contactL { float:left; width:310px; text-align:left; color:#666666; font-size:12px; line-height:17px; font-weight:normal; padding:0px 0px 0px 50px;}
#contactR { float:right; width:250px; text-align:left; color:#666666; font-size:12px; line-height:17px; font-weight:normal; padding:0px 0px 0px 30px; }
.locName { font-size:14px; font-weight:bold; color:#426178;}

#pageHead { background:url(images-site/table-header.jpg) repeat-x #728873; color:#FFFFFF; font-size:12px; padding:5px;}

.pager { font-size:12px; color:#666;}
.pager a { color:#666; text-decoration:none;}
.pager a:hover { color:#666; text-decoration:underline;}

/* Database Classes */

#productsContainer { width:700px; border:solid 1px #426178; margin:0 auto;}

.break { padding:7px 0px 7px 0px; text-align:center; border-bottom:solid 1px #426178;}

.adminTable {border-left: solid 1px #bcb88d; border-top:solid 1px #bcb88d; font-size:12px;}
.adminTable td { border-right: solid 1px #bcb88d; border-bottom:solid 1px #bcb88d; padding:3px; color:#333333;}
.adminTable a { color:#666666; text-decoration:none;}
.adminTable a:link { color:#666666; text-decoration:underline;}

.tableHead { background:url(images-site/table-header.jpg) repeat-x #728873; color:#FFFFFF; font-size:14px; border-right: solid 1px #bcb88d;}
.tableHead a:link, .tableHead a:visited, .tableHead a:visited { color:#FFFFFF; text-decoration:none; padding:5px; display:block;}
.tableHead a:hover { color:#FFFFFF; text-decoration:underline; padding:5px; display:block; padding:5px; display:block;}

.tableHeadLast { background:url(images-site/table-header.jpg) repeat-x #728873; color:#FFFFFF; font-size:14px;}
.tableHeadLast a:link, .tableHeadLast a:visited, .tableHeadLast a:visited { color:#FFFFFF; text-decoration:none; padding:5px; display:block;}
.tableHeadLast a:hover { color:#FFFFFF; text-decoration:underline;}

.sortCol { text-align:left; font-size:12px; background-color:#F3F3F3; border-right: solid 1px #bcb88d;}
.sortCol a:link, .sortCol a:active, .sortCol a:visited { color:#666666; text-decoration:none; display:block; padding:5px;}
.sortCol a:hover { display:block; background-color:#afcbdb; padding:5px;}

.sortcolLast { text-align:left; font-size:12px; background-color:#F3F3F3;}
.sortcolLast a:link, .sortcolLast a:active, .sortcolLast a:visited { color:#666666; text-decoration:none; display:block; padding:5px;}
.sortcolLast a:hover { display:block; background-color:#afcbdb; padding:5px;}

.hide { border-top:solid 1px #426178; border-bottom:solid 1px #426178; text-align:center; background-color:#F3F3F3;}
.hide a:link, .hide a:visited, .hide a:active { text-decoration:underline; font-size:12px; color:#333333; font-weight:bold; display:block; padding:10px;}
.hide a:hover { text-decoration:none; font-size:12px; color:#333333; font-weight:bold; display:block; padding:10px; background-color:#afcbdb;}

.popupPanel { position:absolute; z-index:1; }

#PagingList { padding:10px 0px;}

#dropDowns { color:#666666;  background-color:#afcbdb; border-bottom: solid 1px #bcb88d; width:700px;}

#drop1 { width:700px; font-size:12px;}
#dropR { width:200px; float:right; padding:5px 0px;}
#dropL { width:200px; float:left; padding:5px 0px;}
#dropL2 { width:240px; float:right; padding:5px 0px;}

#stoneName { color:#666666; font-size:10px; font-weight:bold; text-decoration:none; height:50px; overflow:hidden;}
#stoneName a { color:#666666; font-weight:bold; text-decoration:none;}
#stoneName a:hover { color:#666666; font-weight:bold; text-decoration:underline;}

/*  Overlays  */
#overGallery {
	width:750px;
	height:650px;
	z-index:1000;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	background:url(images/overlay-back.png) no-repeat;
	visibility:hidden;
	position:absolute;
	top:100px; left:20px;
}
#overFlash { margin:0 auto; text-align:center; padding:30px 0px 0px 0px; width:650px;}

.updateOverlay
{ 
	position:fixed;
	border: 1px solid #333;
	background-color: white;
	color:#666666;
	left:25px;
	margin:0 auto; z-index:999;
}


#subnav_glass2{background-image:url(images-site/header-glass2.gif);height:44px;width:754px;background-repeat:no-repeat;margin-top:35px;}
#subnav_glass2 #linkbox{float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;text-align:right;padding-top:10px;}
#subnav_glass2 #linkbox a{color:#666666; padding:0px 0px 0px 20px; text-decoration:none;}
#subnav_glass2 #linkbox a:hover{text-decoration:underline;}
#headImage{text-align:left;}
.lineBreak{height:1px;background-color:#333}
#sizesR{margin-left:40px;line-height:20px;}
.green{color:#3BAB19}
.faq{font-size:14px; font-style:italic; font-weight:bold;}
#faqbox{width:450px;}
#mainfaqbox{background:url(images-site/sideimage.jpg) no-repeat scroll right center transparent;}

#subnav_chroma{background-image:url(images-site/header-chroma.gif);height:60px;width:754px;background-repeat:no-repeat;margin-top:35px;}
#subnav_chroma #linkbox{float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;text-align:right;padding-top:10px;}
#subnav_chroma #linkbox a{color:#666666; padding:0px 0px 0px 20px; text-decoration:none;}
#subnav_chroma #linkbox a:hover{text-decoration:underline;}

.bottomborder  { border-bottom:solid 1px #426178;}
#logos { float:left; margin:0px 0px 0px 260px; width: 100px;}
#logoContent { float:right; width:380px;}
#logoContent p { text-align:left; font-size:12px; color:#666;}

.chroma { text-align:center; font-size:12px; vertical-align:top; color:#666;}
.chroma img { border:solid 1px #426178;}
/* tile display */
#tile_details { width:700px; }
#tile_details ul {list-style:none; margin:0; padding:0; width:690px;}
#tile_details li {display:inline; float:left; width:105px; height:150px; margin:10px; text-align:center;}