body {margin:0; background:#272324; font-family:Arial, Helvetica, sans-serif;}
#wrapper {position:relative; width:975px; margin:0 auto;}
#topTitle {position:relative; width:975px; height:60px; color:#FFFFFF;}
#topTitle h1.Title {font-size:24px; font-weight:bold; margin:0; padding:0; cursor:pointer;}
#topTitle h2.Title {font-size:14px; font-style:italic; letter-spacing:6px; font-weight:normal; margin:0; padding:0; cursor:pointer;}
#topTitle h1.Title2 {font-size:18px; font-style:italic; font-weight:normal; margin:0; padding:0;}
#topNav {position:relative; width:955px; height:20px; background:#be4400; padding:10px 0 10px 20px; color:#FFFFFF;}
#topNav a {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;}
#topNav a:hover {text-decoration:underline;}
#heroWrapper {position:relative; width:975px;}
#bodyWrapper {position:relative; width:975px; background:#FFFFFF;}

#contactInfo {position:relative; width:200px; background:#383224;}
#contactInfo .Title {position:relative; background:url(../images/greenTitleBg.jpg) repeat-x; color:#FFFFFF; width:200px; height:32px; cursor:pointer}
#contactInfo .Title span {padding:15px; font-weight:bold;}
#contactInfo .Text {padding:20px 0 0 15px; color:#FFFFFF; font-weight:bold; font-size:13px;}
#contactInfo p {padding:0 0 5px 0; margin:0;}
#contactInfo .Orange {color:#ff6600;}

#heroArea {background:url(../images/hero.jpg) no-repeat; width:774px; height:200px; color:#FFFFFF;}
#blueArea {position:relative; width:955px; background:#e9eaf5; padding:15px 0 10px 20px;}
#blueArea h1.DarkBlue {color:#003366; font-size:24px; margin:0; padding:0 0 5px 0;}
#blueArea h1.LightBlue {color:#0066cc; font-size:14px; font-weight:normal; margin:0; padding:0 0 5px 0;}
#blueArea h2.DarkBlue {color:#003366; font-size:18px; margin:0; padding:0;}
#orangeArea {position:relative; width:975px; height:50px; background:#faf7f4; color:#ff6600; font-size:18px;}
#orangeArea h1 {font-size:18px;}

#footer {position:relative; width:955px; height:70px; padding:10px; margin:0 0 10px 0; text-align:center; color:#d6cd9e; font-size:12px; background:#676050;}
#footer a {color:#FFFFFF; font-size:12px; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.Spacer {font-size:1px; margin:0; padding:0;}
#emailUsLink a {color:#ff6600; padding:0 0 30px 0;}

/*--HomePage Specific--*/
#mainArea {position:relative; width:975px; background:#fff; text-align:center; padding:5px 0 15px 0;}
#thumbnailText {background:url(../images/callout.gif) no-repeat; position:absolute; top:408px; left:28px; font-size:12px; color:#003366; font-weight:bold; width:450px; height:60px; padding:13px 20px; text-align:left;}

/*--Inventory Page Specific--*/
#mainArea.InventoryPage {position:relative; background:#000000; width:975px; text-align:center; padding:15px 0 15px 0;}

/*--Advanced Search Specific--*/
#advancedSearchWrapper {padding:10px;}
#advancedSearchDescription {position:relative; background:#be4400; width:330px; height:280px; padding:10px;}
#advancedSearchDescription h1 {font-size:18px; color:#FFFFFF;}
#advancedSearchSliderWrapper {position:relative; background:#CCCCCC; border:1px solid #999999; width:560px; height:280px; padding:10px; font-size:12px; color:#333333;}
#advancedSearchSliderWrapper .Title {margin:0; padding:0 0 5px 0;}
#advancedSearchSliderWrapper .BorderStandard {background:#fff; border:1px solid #666666; padding:5px;}
#advancedSearchSliderWrapper label {font-weight:bold;}
#advancedSearchSliderWrapper .Slider {width:330px;}
#advancedSearchSliderWrapper .Range {border:0; color:#009900; font-weight:bold; display:inline; width:60px;}
#advancedSearchSliderWrapper .Range2 {border:0; color:#009900; font-weight:bold; display:inline; width:160px;}

/*--NEW ADVANCED SEARCH--*/
#searchFilterLeft {position:relative; background:#dfdcdc; width:230px; height:275px; padding:10px;}
#searchFilterLeft h1 {color:#755450; font-size:18px; margin:0; padding:0 0 5px 0;}
#searchFilterLeft h2 {color:#000; font-size:14px; margin:0; padding:0 0 5px 0;}
#searchFilterLeft p {color:#755450; font-size:11px; margin:0; padding:0;}
#searchFilterLeft label {color:#333333; font-size:12px; font-weight:bold;}
.SearchFilter {background:url(../images/advancedsearch/searchFilterBgGray.jpg); width:101px; height:20px; color:#fff; border:0; text-align:left; padding:0 0 0 5px; margin:0; cursor:pointer; font-size:10px;}
#searchPageShape h1 {font-size:15px;}
#searchPageShape a {display:block; width:220px; padding:2px; font-size:11px; font-weight:bold; text-decoration:none; color:#755450; text-align:right; background:#fff; border-top:1px solid #333333;} 
#searchPageShape a:hover {background:#FFFFCC; color:#FFFFFF;}
#searchPageShape a.On:hover {background:#FFFFCC; color:#666666;}
#searchPageShape a.On {background:#755450; color:#FFFFFF;}
#searchPageShape .ShapeSelectList {width:230px; height:190px;}

#searchPageSort {font-size:11px;}
#searchPageSort h1 {font-size:15px;}

#searchFilterRight {position:relative; background:#fff; width:515px; height:285px; padding:5px;}
#searchFilterRight .SearchSlider {position:relative; width:100%;}
.SearchSliderRow {background:#ede9e9; padding:2px; height:33px; width:510px; margin:0 0 5px 0; border-bottom:1px solid #666666;}
.MinValue input {width:50px; font-size:10px;}
.MaxValue input {width:50px; font-size:10px;}
.Slider {width:365px; margin:0 10px 0 10px;}

#searchFilterRight .Title {color:#be4400; font-size:14px; font-weight:bold; display:block; float:left;}
#searchFilterRight .Label {color:#666666; font-size:11px; font-weight:bold; display:block; float:left;}
#claritySliderWrapper .Label {color:#666666; font-size:8px; font-weight:bold; display:block; float:left;}

.ExcellentCut {font-size:10px; font-weight:bold; margin:0; padding:0;}
.VeryGoodCut {font-size:10px; font-weight:bold; margin:0; padding:0 0 0 80px;}
.GoodCut {font-size:10px; font-weight:bold; margin:0; padding:0 0 0 120px;}
.ColorGrade {font-size:10px; font-weight:bold; margin:0; padding:0 25px 0 0px;}
.ClarityGrade {font-size:10px; font-weight:bold; margin:0; padding:0 10px 0 0px;}

#searchResults {padding: 0 10px 0 10px;}

#searchPreLoader {display:none; width:950px; height:510px; position:absolute; top:0; left:12px; z-index:1000; margin:0px auto; background:#000000; opacity:.8; filter: alpha(opacity = 80);}
#preloaderIcon {background:url(../images/advancedsearch/preloaderBg.png) no-repeat; width:196px; height:78px; margin:10px auto; position:relative; opacity:1; filter: alpha(opacity = 100);}

/*--SHAPE FILTER POP UP--*/
#shapePopUp {position:absolute; background:#FFFFFF; top:110px; left:210px; font-size:11px; width:137px; height:280px; z-index:1000; border:1px solid #999999;}
#shapePopUp .Title {background:#896c69; color:#FFFFFF; font-size:12px; padding:5px; text-align:center;}
#shapePopUp .Item {color:#333333; text-align:right; height:20px; padding:0 5px 0 0; border-bottom:1px solid #666666;}
#shapePopUp .Name {padding:0 10px 0 0;}
#shapePopUp .Action {text-align:left; padding:5px 0 5px 10px;}
#shapePopUp .ApplyShapeFilter {background:url(../images/advancedsearch/applyShapeButton.jpg) no-repeat; width:56px; height:13px; border:none; cursor:pointer}
#shapePopUp .Round {background:url(../images/advancedsearch/diamond_round.jpg) no-repeat 25px 0px;}
#shapePopUp .Princess {background:url(../images/advancedsearch/diamond_princess.jpg) no-repeat 25px 0px;}
#shapePopUp .Emerald {background:url(../images/advancedsearch/diamond_emerald.jpg) no-repeat 25px 0px;}
#shapePopUp .Radiant {background:url(../images/advancedsearch/diamond_radiant.jpg) no-repeat 25px 0px;}
#shapePopUp .Oval {background:url(../images/advancedsearch/diamond_oval.jpg) no-repeat 25px 0px;}
#shapePopUp .Pear {background:url(../images/advancedsearch/diamond_pear.jpg) no-repeat 25px 0px;}
#shapePopUp .Marquise {background:url(../images/advancedsearch/diamond_marquise.jpg) no-repeat 25px 0px;}
#shapePopUp .Heart {background:url(../images/advancedsearch/diamond_heart.jpg) no-repeat 25px 0px;}
#shapePopUp .Asscher {background:url(../images/advancedsearch/diamond_asscher.jpg) no-repeat 25px 0px;}
#shapePopUp .Cushion {background:url(../images/advancedsearch/diamond_cushion.jpg) no-repeat 25px 0px;}

/*--NEW SHAPE CHOOSER--*/
#chooseShape {position:absolute; background:url(../images/advancedsearch/searchShape_bg.jpg) no-repeat;	width:251px; height:220px; font-size:11px; color:#755450; width:251px; left: -10px;	top: 3px;}
#chooseShape .Item {padding:3px;}
#chooseShape .ApplyShapeFilter {background:url(../images/advancedsearch/applyShapeButton.jpg) no-repeat; width:56px; height:13px; border:none; cursor:pointer}
#chooseShape .FirstRow {margin:50px 0 0 15px;}
#chooseShape .SecondRow {margin:45px 0 0 15px;}

a.ClassicSearch {display:block; color:#333333; font-weight:bold;}

/*--SEARCH RESULTS TABLE--*/
#mainArea {position:relative;}
#searchResultsTop {width:100%; text-align:left;}
#searchResultsTop h1.DarkBlue {color:#003366; font-size:14px; margin:0; padding:10px 0 0px 10px;}
#preloader {position:absolute; top:30px; left:600px; width:300px; text-align:left; height:15px; margin:0 0 0 15px; display:none; font-size:12px;}
#howToUse {font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#fff;}
#howToUse input {font-size:11px;}
#howToUse h1 {padding:5px 0 5px 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#howToUse .ui-dialog .ui-dialog-titlebar {padding:0; position: relative;}
#searchShapeIndicator {position:absolute; top:10px; left:320px; text-align:left; height:15px; margin:0 0 0 15px; padding:0; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#viewingIndicator {cursor:pointer;}

#seachResultsWrapper_xgrid {margin:60px 0 0 0; padding:0 0 10px 0;}
#searchResultsSummaryContainer.DarkBlue {position:absolute; top:0px; left:0; color:#003366; font-size:14px; margin:0; padding:30px 0 0px 10px; margin:0; width:950px; text-align:left; font-weight:normal; font-size:12px;}
#searchResultsSummaryContainer span {font-weight:bold;}
ui-widget-content {background:url(../images/advancedsearch/slider_point_left.png) no-repeat;}