/* Diamondstudsonly main css template */
/*body {color: #cecece; width: 1000px; margin: 0 auto; font-family: Arial; background: url(images/Background-Gradient.gif) repeat-x #1d1d1d; color: #b2b2b2;}*/
/*body {color: #cecece; width: 1000px; margin: 0 auto; font-family: Arial; background: url(images/xmastrees.jpg) #002645;  background-position: top center; background-attachment:fixed; background-repeat:no-repeat; color: #b2b2b2;}*/

body {color: #cecece; width: 1000px; margin: 0 auto; font-family: Arial; color: #b2b2b2; background-color: #000;}
img { border: none; }
a, a:visited { border: none; text-decoration: none; color: #fff; }
a:hover {color: #fff;}

/*Basic Layout Styles*/
#container { background-color: #404140; float: left; border-left: 8px solid #7A7B79; border-right: 8px solid #7A7B79; border-bottom: 5px solid #7A7B79; border-top: 5px solid #7A7B79; width: 1000px; overflow: hidden; }
#mainContent { width: 796px; float: left; overflow: hidden; background: #414141; }
#mainContent h1 {font-family: sans-serif; color: #fff; margin-left: 10px; font-size: 20px;}
#cartContent { width: 998px; float: left; background: #252525;}
#cartContent h1 { color: #5e94fe; margin-left: 10px;}
#detailsContent { float: left; width: 796px; background-color: #414141; color: #000; overflow: hidden;}
#detailsContent h1 {font-family: sans-serif; font-size: 32px;}
#CertifiedDetailsContent { float: left; width: 796px; background-color: #7f7f7f; color: #000; overflow: hidden; border-left: 1px solid #404040;}

/* Full length page layouts */
#mainContentFull { width: 998px; float: left; overflow: hidden; background: #414141; }
#mainContentFull h1 {font-family: sans-serif; color: #fff; margin-left: 10px; font-size: 20px;}

/*header styles */
#headContainer { background-color: #000; overflow: hidden;}
.headLinks { float: right; font-size: 14px; margin: 15px 10px 0px 0px; color: #fff;  background-color: #0F0F0F;  overflow: hidden; border: 2px solid #838383;
						-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; line-height: 18px;}
.headLinks a:link, .headLinks a:visited { color: #fff; }
.headLinks a:hover {color: #5e94fe;}
.headMarquee { width: 998px; text-align: right; }
.promoBanner, .promoBanner a:link, .promoBanner a:visited {color: #e9b758; width: 1000px; font-size: 20px; padding-left: 10px; margin-top: 0px; text-align: center; background: #2e2e2c;}
.promoBanner a:hover {color: #fff;}
/* Info Columns */
#infoColumn { width: 195px; float: left; padding-left: 5px; overflow: hidden; background: #404140; } 
#infoColumnArticles { width: 195px; float: left; padding-left: 5px; font-size: 12px;}
.IE6Warning{width: 1000px; background-color: black; color: yellow; text-align: center; font-weight: bold;}

.helpFlag {float: left; widht: 335px; height: 80px; background-color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: -15px 0px 0px 0px;}
.helpFlag img {position: relative; top: 15px;}

/* Corner Flag */
#corner-ad {
	display: block;
	width: 200px;
	height: 200px;
	background: green;
	position: absolute;
	top: -100px;
	right: -100px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

/* Everything below would normally go in an IE-only stylesheet */

#corner-ad {
	top: -142px\9;
	right: -60px\9;
	*right: -140px;
	filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
	zoom: 1;
}

/* Button Style */
.genbutton {float: left; display: block; outline: none; cursor: pointer; text-align: center;
	          text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; font-weight: bold; padding: .5em 2em .55em;
			  text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;
	  		  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);
			  color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
			  background: -moz-linear-gradient(top,  #faa51a,  #f47a20); 
			  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.genbutton:hover {text-decoration: none; position: relative; top: 1px;}
.genbutton:active {position: relative; top: 1px;}
.bestValueBox{float: left; width: 180px; margin: 0px 0px 0px 15px; text-align: center; border: 1px solid black;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					-moz-box-shadow:    2px 2px 2px 3px #0F0F0F;
  					-webkit-box-shadow: 2px 2px 2px 3px #0F0F0F;
  					box-shadow:         2px 2px 2px 3px #0F0F0F;}
.bestValueImage{float: left; width: 180px; height: 180px; margin: 0px 0px 10px 0px;}
.bestValueRetail{color: black; font-weight: bold; font-size: 18px;}

/* ========== Kevin's changes (Updated by Jarod)========= */
#headContainer { width:1000px; height:148px; background:url(../images/head/2011-Logo.jpg) top left no-repeat;}
#headContainer a.indexlink { width:600px; height:135px; display:block;  display:block; float:left;}
.headLinks { float: right; font-size: 12px; margin: 15px 10px 0px 0px; color: #fff;  background-color: #52594F;  overflow: hidden; border: 2px solid #838383;}
#containerIndex { background-color: #5b5c5a; float: left; border-left: 8px solid #7A7B79; border-right: 8px solid #7A7B79; width: 1000px; overflow: hidden; overflow: hidden;}
#contentIndex { width:986px; text-align:center; margin:0 auto; background:#5b5c5a; border-left:8px solid #7a7b79; border-right:8px solid #7a7b79; min-height:900px; }
#maincontentIndex { background:url(../images/index/bg_mainarea.gif) repeat-y top left; width: 900px;  min-height:523px;   }
.contentleft { width:768px; float:left; background:url(../images/index/bg_diastuds.jpg) top left no-repeat #404140; min-height:523px; color:#fff; z-index: 5;}
.contentlefttxt p img { padding-left:40px;}
.contentlefttxt { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:308px; text-align:left; top:155px; padding-left:30px; position: relative;  }
.contentright { width:232px; float:left; font-family: Arial; text-align: center; background-color: #2b2b29;  min-height:523px;}
.contentright h4 { color:#FFF; font-size:14px; margin:0; padding:10px 40px 10px 30px; }
.contentright p { font-size:13px; color:#fff; margin:0; padding:7px 40px; }
.contentright strong { color:#C99B4F; font-size:24px;  }

/* Second Landing Page */
#mainContentIndex2 {background-color: #3f403f;   }
.contentleft2 { width:1000px; float:left; min-height:523px; color:#fff; z-index: 5; background-color: #3f403f;}
.diamondWorkshop {float: left; width: 715px; height: 296px; margin: 10px 0px 0px 25px; 
					background:url(../images/index/Diamond-Workshop.jpg) top left no-repeat #404140;
					border: 2px solid #e9d7b4; -moz-border-radius: 5px; -webkit-border-radius: 5px;
					-moz-box-shadow:    3px 3px 5px 6px #0F0F0F;
  					-webkit-box-shadow: 3px 3px 5px 6px #0F0F0F;
  					box-shadow:         3px 3px 5px 6px #0F0F0F;}
.indexDivider{ background: url(../images/index/index-divider.gif) top left no-repeat; height: 9px; width: 970px; margin: 20px 0px 10px 0px;}
.indexSupportContent {float: left; width: 230px;  text-align: center;  font-family: Arial; margin: 0px 0px 0px px;}
.indexSupportContent h4 { color:#FFF; font-size: 18px; margin:0; padding:10px 40px 10px 30px;}
.indexSupportContent p { font-size:13px; color:#fff; margin:0; padding:7px 40px;}
.indexSupportContent strong { color: #C99B4F; font-size: 24px;}
.diamondWorkshopText{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 308px; text-align: left; 
					  clear: both; float: left; margin: 110px 0px 0px 20px; clear: both;}
.shopByPrice{font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 650px; text-align: left; 
					  clear: both; float: left; margin: 7px 0px 0px 10px;}
.shopByPrice p {font-size: 16px; margin: 0px 0px 5px 10px; font-weight: bold;}
.shopByPrice a, .shopByPrice a:visited {font-size: 14px; margin: 0px 0px 0px 40px; color: orange; font-weight: bold;}
.shopByPrice a:hover {color: white;}
.indexbutton {float: left; display: block; margin: 110px 0px 0px 15px; outline: none; cursor: pointer; text-align: center;
	          text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; font-weight: bold; padding: .5em 2em .55em;
			  text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;
	  		  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);
			  color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
			  background: -moz-linear-gradient(top,  #faa51a,  #f47a20); 
			  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.indexbutton:hover {text-decoration: none; position: relative; top: 1px;}
.indexbutton:active {position: relative; top: 1px;}
.specialsBox {float: left; background: url(../images/index/specials-box.jpg) no-repeat; height: 259px; width: 200px; margin: 15px 0px 0px 28px;}
.specialsBoxWatch {float: left; background: url(../images/index/specials-box-Watch.jpg) no-repeat; height: 259px; width: 200px; margin: 15px 0px 0px 28px;}

/* Other Index elements */
.specvalue { width:147px; height:220px;  border:2px solid #000; background:#535952; margin: 40px 0px 0px 35px; }
.specvalue h2 { background:#232323; padding:4px 0; margin:0; color:#C19950; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;  } 

ul.centercontent { padding: 0 0 0 20px; margin: 200px 0px 0px 0px;}
ul.centercontent li { list-style:none; display:inline; padding:0; margin:0;}
ul.centercontent li div { width:160px; height:170px;  border:2px solid #000; float:left; margin:8px; background:#8A8F81; text-align:center;}
ul.centercontent li div h2 { background:#232323; padding:4px 0; margin:0; color:#C19950; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; } 
ul.centercontent li div h2 b { color:#fff; font-weight:bold; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; padding:0; margin:0;  } 


/* Sidebars */
.sidebarContent{ width:203px; float:left; font-family: Arial; text-align: center; background-color: #2b2b2b;  min-height:523px; border-left: solid 1px #000; 
				border-bottom: solid 1px #000; border-bottom-left-radius: 10px;}
.sidebarContent p {color: #c29c49;}
.sidebarAglBox{width: 180px; height: 130px; border: 1px solid #8c9082; background: #000; margin: 10px 0px 0px 12px;}
.sidebarAglBox img {margin: 10px 0px 0px 0px;}
.sidebarAglBox p {Color: #fff; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px;}
.sidebarAglBox a {color: #c29c49; font-size: 10px; font-weight: bold;}

.sideBarAd { width:175px; height:260px;  border:2px solid #000; background:#535952; margin: 40px 0px 0px 12px; }
.sideBarAd h2 { background:#232323; padding:4px 0; margin:0; color:#C19950; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;  }
.sideBarAd img {margin: 5px 0px 0px 0px;}
.sideBarAd p {font-size: 12px; text-align: left; margin: 5px 0px 0px 8px;}
.sideBarAd .adPrice {Font-size: 22px; margin: 5px 0px 0px 0px;}

.sideBarAdHome { width:175px; height:260px;  border:2px solid #000; background:#535952; margin: 10px 0px 0px 30px; }
.sideBarAdHome h2 { background:#232323; padding:4px 0; margin:0; color:#C19950; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;  }
.sideBarAdHome img {margin: 5px 0px 0px 0px;}
.sideBarAdHome .sideBarAdHomeText {font-size: 12px; text-align: left; margin: 5px 0px 0px 8px; color: #C19950; width: 165px; float: left; padding: 0px;}
.sideBarAdHome .adPrice {Font-size: 22px; margin: 8px 0px 0px 0px;}


/* FAQ Menus */
.faqMenu {float: left; font-size: 12px; width: 190px; line-height: 20px;}

/* Help System related */
.helpBox {float: left; width: 320px; height: 400px;  margin: 10px; padding: 5px;}
.helpBox a {line-height: 30px;}
.helpBox a:link, .helpBox a:visited  {color: #142434;}
.helpBox a:hover {color: #02588f;}
.helpBoxTitle {float: left; width: 320px; font-size: 18px; margin: 10px;}
.helpTopicTitle {width: 98%; background-color: #252525; color: #fff; padding-left: 10px; border-bottom: 1px solid #000;}

/*Bread Crumbs (Works best on chicken - 350 degrees for 20 minutes) */
.breadcrumbs { font-size: 12px; color: #000; margin: 10px 0px 10px 10px; }
.breadcrumbs a:link, .breadcrumbs a:visited {text-decoration: none; color: #cecece; }
.breadcrumbs a:hover { text-decoration: none; color: #006699; }
.newbreadcrumbs { font-size: 12px; color: #000; margin: 10px 0px 10px 10px; }
.newbreadcrumbs a:link, .breadcrumbs a:visited {text-decoration: none; color: #000; }
.newbreadcrumbs a:hover { text-decoration: none; color: #006699; }

/* Footer */
#footerNav {width: 996px; background: #A0A09E; text-align: center; padding: 5px; color: #000; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; float: left;}
#footerNav a:link, #footerNav a:visited { text-decoration: none; color: #000;font-weight:bold;}
#footerNav a:hover { text-decoration: none; color: #fff;font-weight:bold; }
#footerimg { background-color: #000; height:161px; width:997px;  }
#footerimg1 { width:304px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:left;  background-color: #1c1b19;}
#footerimg1 img { float:left; width:118px; }
#footerimg1 span { width:170px; float:left; padding: 30px 3px 0px 10px; line-height:1.5em; height: 115px;}
#footerimg2 { float:left; width:230px; height:131px; padding-top:3px; }
#footerimg3 { float:left; width:456px; height:131px; padding-top:3px; }
.footerImages { float: left;  padding: 8px; background-color: #000; }
.footerImages img { margin-right: 35px; }
.footerCopyright {float: left; width: 1018px; text-align: center; font-size: 10px; background-color: #000; }
.footerCoupon {float: left; width: 1018px; text-align: center; font-size: 14px; background-color: #000; padding: 5px;}

/* Start Navigation */
ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 1000px; background: #a1a1a1; font-size: 14px;}
ul.topnav li { float: left; margin: 0; padding: 3px 3px 3px 3px; position: relative;  z-index: 20; }
ul.topnav li a { padding: 3px 3px 3px 3px; color: #000; font-weight: bold; display: block; text-decoration: none; float: left; }
ul.topnav li a:visited { padding: 3px 3px 3px 3px; color: #000; display: block; text-decoration: none; float: left; }
ul.topnav li a:hover { }
ul.topnav li span { width: 17px; height: 25px; float: left;  }
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 30px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #515151; z-index: 20; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #535851; border-bottom: 1px solid #8c9082; clear: both; width: 170px; }/* Create bevel effect */
html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #a1a1a1 url(images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }
html ul.topnav li ul.subnav li a:visited { float: left; width: 145px; background: #a1a1a1 url(images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }
html ul.topnav li ul.subnav li a:hover { background: #eaeaea url(images/dropdown_linkbg.gif) no-repeat 10px center; }

/* Details Pages */
.detailTitle { font-size: 24px; color: #006699; margin: 0px 0px 10px 10px; }
.detailsItemInfo { float: left; width: 350px; color: #000;}
.detailsItemInfo p { margin: 0px 10px 10px 10px;}
.detailsMoreImages { float: right; width: 420px; margin: 10px 20px 10px 0px; }
.detailsMoreImages p { margin: 0px 0px 0px 0px; font-size: 12px;}
.detailsMoreImages a img { border: 1px solid #000; }
.detailsMoreImages a:hover img { border: 1px solid #fff; }
.detailsInfoTable { width: 300px; margin: 20px 0px 30px 15px; font-size: 12px; background-color: #1d1d1d; color: #fff; }
.detailsInfoTable th { background-color: #006699; color: #000; }
.detailsPrice {font-size: 18px; font-weight: bold; }
.detailsRetailPrice {font-size: 12px; font-weight: bold; color: black; text-decoration: line-through;}
.inputHelp { position: relative; top: 3px; }
.subDescription {margin-left: 10px; font-size: 12px;}
.hoopTitle {font-size: 16px;}
.hoopBoxTitle{width: 200px;}
#pinButton {position: relative; top: -70px; right: 30px; float: right;}

/* Gray background Pages */
.grayBackgroundContent { float: left; width: 786px; background-color: #7f7f7f; color: #000; padding: 5px; overflow: hidden;}
.grayBackgroundContent h1 {color: #fff; background-color: #252525; border: 1px #000000 solid; padding-top: 5px; 
							padding: 5px; padding-left: 40px; width: 100%; margin: -5px 0px 10px -10px; float: left;}

/*Upsell a.k.a. the add on machine BAMMO! */
.upsellContainer {width: 440px; float: left; margin: 15px 0px 0px 15px; overflow: hidden;}
.upsellTitle {width: 750px; float: left; border-bottom: 1px solid black;}
.upsellItem {float: left; width: 200px; font-size: 12px; margin: 5px 5px 5px 5px;}
.upsellItem img {float: left; margin-right: 5px;}
.upsellItem p {float: left; width: 95px; margin: 0px;}
.upsellItem a {font-weight: bold;}
.upsellItemName {float: left; font-weight: bold; margin: 1px 0px 10px 0px;}
.upsellPrice {float: left; font-weight: bold; margin: 0px 0px 10px 0px; display: block; width: 100px;}

/*Miscellaneous tidbits and Unicorn Magic*/
.redText { color: #d50202; }
.blueText { color: #fff; }
.blueTextDark { color: #006699; }
.blueTextOnGray {color: #02588f;}
.floatLeft { float: left; }
.clearBoth { clear: both; }

/*Cart Stuff */
.buttonCart { color: #000; font-size: 20px; border: 3px #000 double; background: url(images/cart_add.gif) no-repeat #006699; background-position: right; padding-right: 30px; }
.buttonCart:hover { background-color: #006699; color: #FFF; font-size: 18px; border: 3px #FFF double; }
.buttonEmailFriend { background-color: #cecece; color: #000; font-size: 18px; border: 3px #000 double; }
.buttonEmailFriend:hover { background-color: #cecece; color: #FFF; font-size: 18px; border: 3px #FFF double; }
.checkoutBredcrumbsContainer {float: left; width: 1000px;}
.alternatecheckoutbox {width: 230px; background-color: #FFFFFF; border: 1px #000000 solid; padding-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.errorMessage {color: red;}
#orderFormHolidayBanner {background: url(../images/cart/Hoops-Banner.jpg) no-repeat ; height: 83px; width: 944px; margin: 10px 0px 0px 10px;}
#orderFormHolidayBanner p {color: #fff; font-weight: bold; position: relative; left: 472px; top: 63px;}
#orderFormHolidayBannershowcart {background: url(../images/cart/Hoops-Banner-showcart.jpg) no-repeat; height: 83px; width: 944px; margin: 10px 0px 0px 25px;}
#orderFormHolidayBannershowcart p {color: #fff; font-weight: bold; position: relative; left: 472px; top: 63px;}
#orderFormHolidayBannerdetails {background: url(../images/cart/Hoops-Banner-details.jpg) no-repeat; height: 82px; width: 785px; margin: 10px 0px 10px 5px;}
#orderFormHolidayBannerdetails p {color: #fff; font-weight: bold; position: relative; left: 297px; top: 61px; font-size: 14px;}

/*About Us where we gloat of our awesomeness */
.aboutUsHead{ width: 600px; height: 120px;}
.aboutUsLeft {float: left; width: 350px; margin: 10px 0px 0px 10px; overflow: hidden;}
.aboutUsRight {float: left; width: 350px; margin: 10px 0px 0px 10px; overflow: hidden;}

/* Build Your Own */
.byoTitle{float: left; width: 650px; margin: 10px 0px -10px 10px; font-weight: bold;}
.byoTitle img {margin: 0px 10px 0px 0px;}
.byoTitle h1 {}
.byoTitle p {color: #c29c49; position: relative; top: -15px; }
.byoAglLogo{float: left;}
.byoRadio{margin: 10px 0px 0px 0px; padding: 0px 26px 0px 26px}
.byoRoundBox{width: 60px; float: left; text-align: center; margin: 0px 0px 0px 10px;}
.byoPrincessBox{width: 60px; float: left; text-align: center; margin: 0px 0px 0px 35px;}
.byoShapeBox{float: left; width: 136px; height: 230px; border: 1px solid #8c9082; background: #202020; margin: 0px 0px 0px 10px; overflow: hidden;}
.byoShapeBoxSingle{float: left; width: 136px; height: 190px; border: 1px solid #8c9082; background: #202020; margin: 0px 0px 0px 10px; overflow: hidden;}
.byoBoxNumber{float: left; padding: 8px; color: #c29c49; font-weight: bold; font-size: 20px;}
.byoShapeTitle{float: left; background: #000; padding: 8px; color: #fff; font-weight: bold; font-size: 12px; width: 92px;}
.byoShapeImage{margin: 10px 0px 0px 0px; width: 60px;}
.byoShapeSelect{width: 100px; text-align: center; margin: 20px 0px 0px 15px; }
.byoSettingBox{float: left; width: 800px; height: 230px; border: 1px solid #8c9082; background: #202020; margin: 0px 0px 0px 20px; overflow: hidden;}
.byoSettingBoxSingle{float: left; width: 800px; height: 190px; border: 1px solid #8c9082; background: #202020; margin: 0px 0px 0px 20px; overflow: hidden;}
.byoSettingTitle{float: left; background: #000; padding: 8px; color: #fff; font-weight: bold; font-size: 12px; width: 755px;}
.byoBox2Selects{float: left;  margin: 40px 0px 0px 10px;}
.byoSettingInnerBox{float: left; width: 222px; text-align: center; margin: 0px 0px 0px 20px;}
.byoSettingImage{float: left; margin: 10px 0px 0px 0px; width: 222px;}
.byoSettingSelect{width: 150px; text-align: center; margin: 10px 0px 0px 10px;}
.byoMetalSelect{width: 150px; text-align: center; margin: 0px 0px 0px 10px;}
.byoTableNumber{float: left; padding: 8px; color: #c29c49; font-weight: bold; font-size: 20px;}
.byoTableTitle{float: left; background: #000; padding: 8px; color: #fff; font-weight: bold; font-size: 14px; width: 908px; text-align: left;}
.byoTableTitleSubtext {color: #8c9082; font-size: 12px;}
.FreeShipFreeInsure {color: #c29c49; font-size: 12px; margin-left: 5px;}

.diamond_grid {width: 960px; text-align: center; margin: 20px 0px 30px 10px; border: 1px solid #8c9082; background: #202020; overflow: hidden;}
.diamond_grid th { color: #c29c49; font-size: 10px; }
.lt_grey_row { height: 40px; background-color: #292929; }
.dk_grey_row { height: 40px; background-color: #1d1d1d; }
.grid_image { width: 30px; }
.grid_weight { width: 90px; color: #c29c49; font-size: 18px; font-weight: bold; }
.grid_price { width: 85px; font-size: 18px; font-weight: bold; }
.grid_price a:link, .grid_price a:visited {color: #ffffff; text-decoration: none; }	
.grid_price a:hover { color:  aqua; }
.grid_priceGray { width: 85px; font-size: 18px; font-weight: bold; }
.grid_priceGray a:link, .grid_price a:visited {color: #353535; text-decoration: none; }	
.grid_priceGray a:hover { color:  aqua; }
.grid_price_GIA { width: 85px; font-size: 18px; font-weight: bold; 
				  background-image: url(../images/BuildYourOwn/GIA_button.gif); background-repeat: no-repeat;}
.grid_price_GIA a:link, .grid_price_GIA a:visited {color: #ffffff; text-decoration: none; position: relative; top: 10px;}	
.grid_price_GIA a:hover { color:  aqua; }
.grid_price_GIA img {position: relative; top: 10px;}

/* Popups */
.popupBody {width: 750px; background-color: #252525; background-image: none;}
.popupContainer { width: 700px; margin-left: 10px;}
.emailFriendContent {background-color: grey;}
.helpText {margin-left: 20px; width: 650px;}

/* Tables used to display tabular Data. */
table.tabularData, table.tabularData td, table.tabularData th { border: none; border-collapse: collapse; margin-bottom: 5px; }
table.tabularData td, table.tabularData th{ padding: 3px; background: #838383; color: #000; }
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  { background: #006699; color: #000; }

/* Form Fields */
.checkoutTextField { background-color: #fff; height: 20px; border-color: #cecece; font-size: 14px; padding-left: 3px; border: none; font-weight: bold; }
.checkoutTextArea {background-color: #fff; border-bottom-color: #cecece; font-size: 14px; border: none; font-weight: bold;}

/* Index page related */
.indexInfoColumn {float: left; width: 190px; height: 695px;  margin: 10px 0px 0px 0px; overflow: hidden; }
.IndexMailList {margin: 10px 0px 0px 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 180px; text-align: center; background-color: #142433;}
.indexBetterQuality { float: left; width: 550px; height: 340px; border: 2px solid #1d1d1d; margin: 10px 0px 0px 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;
					background: url(images/BoxGrad400.jpg) repeat-x;}
.indexBetterQuality h1 {color: #4184b3; font-size: 22px; margin-left: 50px;}
.indexBetterQuality p {margin-left: 15px; width: 450px; color: #FFF;}
.indexMostPopular {float: left; width: 218px; height: 340px; border: 2px solid #1d1d1d; margin: 10px 0px 0px 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;
									background: url(images/BoxGrad400.jpg) repeat-x;}
.indexMostPopular h1 { color: #4184b3; font-size: 22px; margin-left: 5px; text-align: center;}
.indexMostPopular p { font-size: 14px; margin-left: 15px; width: 190px; text-align: left; color: #FFF; position: relative; top: -35px; }
.indexMostPopular img { margin: -5px 0px 0px 5px; }
.indexGiaCertified { float: left; width: 420px; height: 340px; border: 2px solid #1d1d1d; margin: 10px 5px 10px 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;
									background: url(images/BoxGrad400.jpg) repeat-x;}
.indexGiaCertified h1 { color: #4184b3; font-size: 26px; margin-left: 15px; width: 400px; margin-bottom: 40px;}
.indexGiaCertified p { margin: 20px 0px 0px 220px; width: 180px; color: #FFF; }
.indexGiaCertified img { float: left; position: relative; top: -200px;}
.indexClearance { float: left; width: 168px; height: 340px; border: 2px solid #1d1d1d; margin: 10px 5px 0px 0px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
								background: url(images/BoxGrad400.jpg) repeat-x;}
.indexClearance h1 { color: #4184b3; font-size: 22px; margin-left: 5px; text-align: center; }
.indexClearance p { font-size: 14px; margin: 5px 0px 0px 10px; width: 150px; text-align: left; color: #FFF; }
.indexClearance img { margin: 0px 0px 0px 10px;}
.indexClearancePrice {margin: 10px 0px 0px 10px; font-size: 22px; font-weight: bold; width: 150px; text-align: center;}
.indexClearanceLink {margin: 10px 0px 0px 10px; width: 150px; text-align: center;}
.indexBlackDiamonds { float: left; width: 168px; height: 340px; border: 2px solid #1d1d1d; margin: 10px 5px 0px 0px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;
										background: url(images/BoxGrad400.jpg) repeat-x;}
.indexBlackDiamonds h1 { color: #4184b3; font-size: 22px; margin-left: 5px; text-align: center; }
.indexBlackDiamonds p { font-size: 12px; margin-left: 25px; width: 120px; text-align: left; color: #FFF; position: relative; top: -20px; }
.indexBlackDiamonds img {margin: 0px 0px 0px 5px;}
#easybutton {position: relative; top: 135px; left: 70px;}
#detailsbutton {position: relative; top: 130px; left: 600px;}

/* Loose Search related css */
.formButton {color: #fff; background-color: #006699; }
.formButton:hover { color: #000; background-color: #006699; }
.formButtonDeactive { color: #000; background-color: #000; border: 1px solid #000; }
.looseContainer { background-color: #c7c8ca; width: 700px; float: left; margin: 0px 0px 10px 0px; padding: 10px;}
.looseContainerStuds { background-color: #c7c8ca; width: 700px; float: left; margin: 0px 0px 10px 0px; padding: 10px;}
.looseTitle { float: left; width: 450px;  font-size: 16px; color: #000; margin-top: 10px; font-weight: bolder; }
.looseTitleStuds { float: left; width: 450px; font-size: 14px; color: #000; margin-top: 10px; }
.looseCharacteristics { float: left; width: 400px; font-size: 12px; color: #000;  font-weight: 400; }
.looseCharacteristicsStuds { float: left; width: 450px; font-size: 14px; color: #000; font-weight: 400; }
.loosePrice { float: left; height: 30px; width: 120px; text-align: center; color: #006699; position: relative; top: -5px; font-size: 20px; }
.loosePriceStuds { float: left; height: 30px; width: 120px; text-align: center; color: #fff; font-size: 20px; margin-top: -13px; }
.looseSubmitStuds{ float: left; height: 30px; width: 100px; text-align: center; color: #fff; margin-top: -13px; }
.looseSubmit { float: left; height: 30px; width: 100px; text-align: center; color: #fff }
.looseViewDetailButton { background-color: #006699; border: #006699; font-weight: bold; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px;
						font-size: 18px;}
.looseSliderText { border:0; color:#FFF; font-weight:bold; background-color: #0f0f0f; }
.looseSliderLabel { color: #006699; font-weight: bold; }

/* Certified Pairs */
.certifiedStudsInfo { float: left; margin-left: 5px; width: 450px; height: 100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; font-family: Arial, sans-serif; font-size: 12px; }
.certifiedStudsContainer { float: left; margin-left: 12px; background-color: #cecece; color: #0f0f0f; width: 620px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; }
.certifiedStudsPrice {font-size: 20px; text-align: center; float: left; width: 200px; margin: -30px 0px 0px 20px;}
.certifiedStudOptions { float: left; clear: left; margin: 20px 0px 5px 10px; width: 800px; }
.certifiedCartButton { background-color: #006699; border: 1px solid black; width: 100px; font-size: 16px; color: white; margin-left: 20px; border: 3px double #fff; }
.certifiedCartButton:hover { background-color: #006699; width: 100px; font-size: 16px; color: black; margin-left: 20px; border: 3px double #000; }

/* Search Resulta Pages */
.searchResultsContainer { float: left; width: 760px; background-color: #838383; color: #000; padding-left: 20px; padding-top: 20px; }
.searchResultsContainer h1 {font-family: serif; font-size: 32px;}
.searchResultsItem  {float: left; width: 170px; height: 280px; overflow: hidden;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid black; margin: 3px; 
								 padding: 3px; background: url(images/BoxGrad300.jpg) repeat-x; color: #cecece;}
.searchDescription { margin: 0px; width: 150px; font-size: 14px; text-align: left;}
.searchPrice {margin: 10px 0px 10px 0px;;}
.searchResultsPagination { width: 800px; float: left; margin: 0px 0px 10px 0px;}
.searchResultsText {border: 1px solid #0f0f0f; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 700px; padding: 5px; background-color: #142434; color: #fff; font-size: 14px;}

/*Empty Cart Page */
.emptyCartBox {float: left; width: 170px; height: 280px; overflow: hidden;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #0f0f0f; margin: 3px; 
								 padding: 3px; background: url(images/BoxGrad300.jpg) repeat-x; color: #cecece; margin: 0px 10px 30px 10px;}
.emptyCartDescription { margin: 0px; width: 150px; font-size: 14px; text-align: left;}
.emptyCartPrice {margin: 10px 0px 10px 0px;;}	

/*Black Diamonds Page */
.blackDiaSettingSelector { float: left; width: 160px; margin: 0px 30px 0px 0px; }
.blackDiaSettingSelector p { position: relative; top: -40px; }
.blackDiaPostSelector { float: left; height: 200px; border-left: 1px solid #1d1d1d; padding-left: 10px; position: relative; top: -65px;}
.blackDiamondTable { float: left; margin: 0px 0px 20px 10px; width: 700px; background: #1b1b1b;  -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.blackDiamondTable th {font-weight: bold; color: #006699;	}

/*Feedback and Testimonials */
.testimonialsDate { color: #142434; font-size: 18px; }
.testimonialsComment {border: 1px solid grey; padding: 10px; background-color: #1d1d1d; color: #cecece; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.feedbackTable th {color: #142434;}

/* Colored and Black Diamonds */
.colorheadinfo {background-color: #a60000; color: #000; padding: 3px; font-size: 12px; text-align: center; height: 15px; width: 745px; margin-left: 10px; }
.colorheadinfo p {text-align: center; margin: 0px;}
.colorheadinfo a:link, .colorheadinfo a:visited { color: #000;}
.colorheadinfo a:hover { color: #fff; }

/* Article Pages a.k.a SEO jargon*/
.articleContent {margin: 0px 0px 40px 10px;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#scrollContainer{float: left; width: 1000px; overflow: hidden; margin: 0px 0px 0px 10px; height: 160px;}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 930px;
	height:160px;
	background: #3f403f;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position: absolute;
	clear:both;
}

.items div {
	float:left;
	width:970px;
}

.items .srollBYO { background:url(../images/index/scroll-AGL-Studs.jpg) no-repeat;
	float:left; margin:20px 5px 20px 20px; background-color: #3f403f; padding:2px;
	width:154px; height:125px; border: 1px solid #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.items .srollBYO strong {position: relative; top: 100px; left: 10px; font-size: 12px; color: #e9d7b4;
}
.items .srollBYO:hover { text-decoration: none; position: relative;top: 1px; border: 1px solid #e9d7b4;}


.items .srollPrincess { background:url(../images/index/scroll-Princess.jpg) no-repeat;
	float:left; margin:20px 5px 20px 20px; background-color: #3f403f; padding:2px;
	width:154px; height:125px; border: 1px solid #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.items .srollPrincess strong {position: relative; top: 100px; left: 10px; font-size: 12px; color: #e9d7b4;}
.items .srollPrincess:hover { text-decoration: none; position: relative;top: 1px; border: 1px solid #e9d7b4;}


.items .srollBlack { background:url(../images/index/scroll-Black.jpg) no-repeat;
	float:left; margin:20px 5px 20px 20px; background-color: #3f403f; padding:2px;
	width:154px; height:125px; border: 1px solid #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.items .srollBlack strong {position: relative; top: 100px; left: 13px; font-size: 12px; color: #e9d7b4;}
.items .srollBlack:hover { text-decoration: none; position: relative;top: 1px; border: 1px solid #e9d7b4;}


.items .srollMargarita { background:url(../images/index/scroll-Margarita.jpg) no-repeat;
	float:left; margin:20px 5px 20px 20px; background-color: #3f403f; padding:2px;
	width:154px; height:125px; border: 1px solid #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.items .srollMargarita strong {position: relative; top: 100px; left: 5px; font-size: 12px; color: #e9d7b4;}
.items .srollMargarita:hover { text-decoration: none; position: relative;top: 1px; border: 1px solid #e9d7b4;}


.items .srollGIA { background:url(../images/index/scroll-GIA.jpg) no-repeat;
	float:left; margin:20px 5px 20px 20px; background-color: #3f403f; padding:2px;
	width:154px; height:125px; border: 1px solid #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.items .srollGIA strong {position: relative; top: 100px; left: 13px; font-size: 12px; color: #e9d7b4;}
.items .srollGIA:hover { text-decoration: none; position: relative;top: 1px; border: 1px solid #e9d7b4;}


/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 20px;
	background-color: #3f403f;
	padding:2px;
	width:154px;
	height:125px;
	border: 1px solid #0f0f0f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/index/scroll-left.gif) no-repeat;
	display: block;
	width: 16px;
	height: 92px;
	float: left;
	margin: 40px 10px;
	cursor: pointer;
	font-size: 1px; position: relative; top: -15px;
}

/* right */
a.right { clear:right; margin-right: 0px; position relative: top: -10px; background:url(../images/index/scroll-right.gif) no-repeat; }
a.right:hover {  }
a.right:active {  } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ }
a.left:active  	{ }

/* up and down */
a.up, a.down		{ 
	background:url(images/scroll-right.gif) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
			
}