/* 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;}
img { border: none; }
a, a:visited { border: none; text-decoration: none; color: #006699; }
a:hover {color: #5e94fe;}

/*Basic Layout Styles*/
#container { background-color: #000; float: left; border: 3px solid #1d1d1d; width: 1000px; overflow: hidden; }
#mainContent { width: 796px; float: left; overflow: hidden; }
#mainContent h1 { color: #5e94fe; margin-left: 10px;}
#cartContent { width: 998px; float: left;}
#cartContent h1 { color: #5e94fe; margin-left: 10px;}
#detailsContent { float: left; width: 796px; background-color: #7f7f7f	; color: #000; overflow: hidden;}
#detailsContent h1 {font-family: serif; font-size: 32px;}

/*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: 5px; text-align: center;}
.promoBanner a:hover {color: #fff;}
/* Info Columns */
#infoColumn { width: 195px; float: left; padding-left: 5px; overflow: hidden; } 
#infoColumnArticles { width: 195px; float: left; padding-left: 5px; font-size: 12px;}

/* 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: #142434; 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; }

/* Footer */
#footerNav {width: 990px; background-color: #1e1e1e; float: left; text-align: center; padding: 5px; background: url(images/topnav_bg.gif) repeat-x; color: #fff;}
#footerNav a:link, #footerNav a:visited { text-decoration: none; color: #fff;}
#footerNav a:hover { text-decoration: none; color: #006699; }
.footerImages { float: left; width: 998px; padding: 8px; background-color: #000; }
.footerImages img { margin-right: 40px; }
.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: #222; font-size: 14px; background: url(images/topnav_bg.gif) repeat-x; z-index: 20; }
ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative;  z-index: 20; }
ul.topnav li a { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }
ul.topnav li a:visited { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }
ul.topnav li a:hover { background: url(images/topnav_hover.gif) no-repeat center top; }
ul.topnav li span { width: 17px; height: 35px; float: left; background: url(images/subnav_btn_blue.gif) no-repeat center top; }
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: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; z-index: 20; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px; }/* Create bevel effect */
html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 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: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }
html ul.topnav li ul.subnav li a:hover { background: #222 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: 24px; font-weight: bold;}
.inputHelp { position: relative; top: 3px; }
.subDescription {margin-left: 10px; font-size: 12px;}
.hoopTitle {font-size: 16px;}

/* Gray background Pages */
.grayBackgroundContent { float: left; width: 786px; background-color: #7f7f7f; color: #000; padding: 5px; overflow: hidden;}
.grayBackgroundContent h1 {color: #fff; background-color: #142434; 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: 796px; float: left; margin-left: 10px; overflow: hidden;}
.upsellTitle {width: 750px; float: left; border-bottom: 1px solid black;}
.upsellItem {float: left; width: 210px; font-size: 12px; margin: 10px;}
.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: #5e94fe; }
.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;}

/*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 */
.byoStepTitle { float: left; width: 100%; margin: 20px 0px 20px 0px; }
.byoSettingContainer { width: 200px; float: left; }
.diamond_grid { width: 750px; text-align: center; margin-bottom: 30px; }
.diamond_grid th { color: #6699ff; font-size: 10px; }
.lt_grey_row { height: 50px; background-color: #292929; }
.dk_grey_row { height: 50px; background-color: #1b1b1b; }
.grid_image { width: 30px; }
.grid_weight { width: 90px; color: #6699ff; 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; }

/* Popups */
.popupBody {width: 750px; background-color: #333; 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; border: 2px solid #1d1d1d; margin: 10px 0px 0px 0px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.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;}

/* 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: 780px; 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;}