.Pane, .SildePane
{
    border-width: 0;
    font-family: Arial;
    vertical-align: middle;
}
.Pane td
{
    background-repeat: no-repeat;
    cursor: pointer;
    font-family: arial;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    border-width: 0;
    color: #fff;
}
.SildePane td
{
    vertical-align: middle;
}
.TrackShadow
{
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(Images/trackShadow.gif);
    display: inline;
    width: 6px;
    height: 5px;
}
.TableMain
{
    border-top: solid 1px #97a6b3;
}
.SearchResults
{
    border: solid 1px #d8d8d8;
    border-collapse: collapse;
}
.SearchResults th, .ComparisonTable th
{
    background: url(Images/SearchBG.png) -52px -91px;
    font-weight: 400;
    color: #747474;
    vertical-align: middle;
    font-size: 11px;
    padding: 0;
}
.SearchResults th.OrderByTh
{
    background: url(Images/SearchBG.png) -153px -65px;
    background-repeat: repeat-x;
    font-size: 11px;
    padding: 0;
}
.SearchResults th span
{
    color: #3e6e95;
    font-family: Arial;
    font-weight: 400;
}
.SearchResults td
{
    text-align: center;
    cursor: default;
    border: solid 1px #fff;
    padding-top: 2px;
    padding-bottom: 2px;
}
.SearchResults a, .SearchResults td
{
    font-size: 11px;
}
.SliderResultAlternate
{
    text-align: center;
    background-color: #f1f1f1;
    border: solid 1px #fff;
}
.detUnderlined
{
    font-size: 11px;
    border-bottom: 1px solid #f2e9e2;
}
.currentPage
{
    background-color: #d9ddee;
    border: solid 1px #b1b4cb;
    text-decoration: none;
}
.InPopup
{
    margin: 1px 5px;
    padding: 1px 2px 2px;
}
.Arrow
{
    background: url(Images/SearchBG.png) -195px -96px;
    width: 10px;
    height: 12px;
}
.ArrowASC
{
    background: url(Images/SearchBG.png) -205px -96px;
    width: 10px;
    height: 12px;
}
.ArrowDESC
{
    background: url(Images/SearchBG.png) -185px -98px;
    width: 10px;
    height: 12px;
}
.HeaderTbl td, .HeaderTbl
{
    border-collapse: collapse;
    padding: 1px;
    cursor: pointer;
}
.LeftArrow
{
    background: url(Images/SearchBG.png) -92px -164px;
    width: 15px;
    height: 15px;
    display: block;
    cursor: pointer;
}
.RightArrow
{
    background: url(Images/SearchBG.png) -108px -164px;
    width: 15px;
    height: 15px;
    display: block;
    cursor: pointer;
}
.SearchContainer
{
    background-position: -286px -253px;
    width: 750px;
    height: 166px;
}
.SearchContainer td
{
    vertical-align: top;
}
.SearchTitle
{
    background-image: url(Images/SearchBG.png);
    background-position: -59px -44px;
    width: 169px;
    height: 19px;
    margin-top: 10px;
    margin-left: 0;
}
.SearchPanel
{
    margin-top: 0;
    margin-left: 0;
}
.BasicLeft
{
    background: url(Images/SearchTile.png) 0 -171px;
    width: 16px;
    height: 166px;
}
.BasicRight
{
    background: url(Images/SearchTile.png) 0 -348px;
    width: 16px;
    height: 166px;
}
.BasicMid
{
    background: url(Images/SearchTile.png) 0 0;
    width: 720px;
    height: 166px;
}
.AdvanceLeft
{
    background: url(Images/SearchTile.png) 0 -778px;
    width: 16px;
    height: 256px;
}
.AdvanceRight
{
    background: url(Images/SearchTile.png) 0 -1038px;
    width: 16px;
    height: 256px;
}
.AdvanceMid
{
    background: url(Images/SearchTile.png) 0 -520px;
    width: 720px;
    height: 256px;
}
.Help
{
    background: url(Images/SearchBG.png) -340px -48px;
    width: 10px;
    height: 10px;
    display: inline;
    padding-left: 10px;
}
td.LableText, .LableText
{
    cursor: default;
    font-family: arial;
    font-size: 11px;
    color: #fff;
    text-align: left;
    vertical-align: top;
    padding-top: 7px;
}
.separator
{
    width: 18px;
}
.SlideBox
{
    border-width: 0;
    width: 42px;
    height: 16px;
    background-color: transparent;
    font-size: 9px;
    vertical-align: top;
    text-align: center;
    padding: 2px auto auto auto;
    letter-spacing: -1px;
    color: #404040;
    margin-top: 1px;
}
.SlideBoxDiv
{
    background-image: url(Images/Slidbox.gif);
    width: 51px;
    height: 23px;
    z-index: 200;
    position: relative;
    display: inline;
    padding-left: 4px;
    top: -9;
}
.BtnCenterOff
{
    background: url(Images/SearchBG.png) -51px -65px;
    background-repeat: repeat-x;
}
.BtnCenterOver
{
    background: url(Images/SearchBG.png) -153px -65px;
    background-repeat: repeat-x;
}
.BtnCenterOn
{
    background: url(Images/SearchBG.png) -256px -65px;
    background-repeat: repeat-x;
}
.BtnCenterDis
{
    background: url(Images/SearchBG.png) 0 -200px;
    background-repeat: repeat-x;
}
.BtnTopLeftOnL
{
    background: url(Images/SearchBG.png) 0 0;
}
.BtnTopLeftOverL
{
    background: url(Images/SearchBG.png) 0 -30px;
}
.BtnTopLeftOffL
{
    background: url(Images/SearchBG.png) 0 -58px;
}
.BtnTopLeftDisL
{
    background: url(Images/SearchBG.png) 0 -85px;
}
.BtnTopLeftOnR, .BtnOnR, .BtnBottomLeftOnR
{
    background: url(Images/SearchBG.png) -27px 0;
}
.BtnTopLeftOverR, .BtnOverR, .BtnBottomLeftOverR
{
    background: url(Images/SearchBG.png) -27px -30px;
}
.BtnTopLeftOffR, .BtnOffR, .BtnBottomLeftOffR
{
    background: url(Images/SearchBG.png) -28px -58px;
}
.BtnTopLeftDisR, .BtnDisR, .BtnBottomLeftDisR
{
    background: url(Images/SearchBG.png) -27px -85px;
}
.BtnTopRightOnL, .BtnOnL, .BtnBottomRightOnL
{
    background: url(Images/SearchBG.png) -17px 0;
}
.BtnTopRightOverL, .BtnOverL, .BtnBottomRightOverL
{
    background: url(Images/SearchBG.png) -17px -30px;
}
.BtnTopRightOffL, .BtnOffL, .BtnBottomRightOffL
{
    background: url(Images/SearchBG.png) -17px -58px;
}
.BtnTopRightDisL, .BtnDisL, .BtnBottomRightDisL
{
    background: url(Images/SearchBG.png) -17px -85px;
}
.BtnTopRightOnR
{
    background: url(Images/SearchBG.png) -11px 0;
}
.BtnTopRightOverR
{
    background: url(Images/SearchBG.png) -11px -30px;
}
.BtnTopRightOffR
{
    background: url(Images/SearchBG.png) -11px -58px;
}
.BtnTopRightDisR
{
    background: url(Images/SearchBG.png) -11px -85px;
}
.BtnBottomLeftOnL
{
    background: url(Images/SearchBG.png) -34px 0;
}
.BtnBottomLeftOverL
{
    background: url(Images/SearchBG.png) -34px -30px;
}
.BtnBottomLeftOffL
{
    background: url(Images/SearchBG.png) -34px -58px;
}
.BtnBottomLeftDisL
{
    background: url(Images/SearchBG.png) -34px -85px;
}
.BtnBottomRightOnR
{
    background: url(Images/SearchBG.png) -45px 0;
}
.BtnBottomRightOverR
{
    background: url(Images/SearchBG.png) -45px -30px;
}
.BtnBottomRightOffR
{
    background: url(Images/SearchBG.png) -45px -58px;
}
.BtnBottomRightDisR
{
    background: url(Images/SearchBG.png) -45px -85px;
}
.White
{
    color: #fff;
    font-size: 11px;
}
.Black
{
    color: #646464;
    font-size: 11px;
}
.Blue
{
    color: #595959;
    font-size: 11px;
}
.RoundOff
{
    background: url(Images/SearchBG.png) -62px 0;
    width: 17px;
    height: 18px;
}
.RoundOn
{
    background: url(Images/SearchBG.png) -62px -25px;
    width: 17px;
    height: 18px;
}
.RoundOver
{
    background: url(Images/SearchBG.png) -62px -138px;
    width: 17px;
    height: 18px;
}
.RoundDis
{
    background: url(Images/SearchBG.png) -62px -118px;
    width: 17px;
    height: 18px;
}
.PrincessOff
{
    background: url(Images/SearchBG.png) -92px 0;
    width: 17px;
    height: 18px;
}
.PrincessOn
{
    background: url(Images/SearchBG.png) -92px -25px;
    width: 17px;
    height: 18px;
}
.PrincessOver
{
    background: url(Images/SearchBG.png) -92px -138px;
    width: 17px;
    height: 18px;
}
.PrincessDis
{
    background: url(Images/SearchBG.png) -92px -118px;
    width: 17px;
    height: 18px;
}
.EmeraldOff
{
    background: url(Images/SearchBG.png) -123px -1px;
    width: 17px;
    height: 17px;
}
.EmeraldOn
{
    background: url(Images/SearchBG.png) -123px -26px;
    width: 17px;
    height: 17px;
}
.EmeraldOver
{
    background: url(Images/SearchBG.png) -123px -139px;
    width: 17px;
    height: 17px;
}
.EmeraldDis
{
    background: url(Images/SearchBG.png) -123px -118px;
    width: 17px;
    height: 17px;
}
.SquareOff
{
    background: url(Images/SearchBG.png) -153px -1px;
    width: 17px;
    height: 17px;
}
.SquareOn
{
    background: url(Images/SearchBG.png) -153px -26px;
    width: 17px;
    height: 17px;
}
.SquareOver
{
    background: url(Images/SearchBG.png) -153px -139px;
    width: 17px;
    height: 17px;
}
.SquareDis
{
    background: url(Images/SearchBG.png) -153px -118px;
    width: 17px;
    height: 17px;
}
.OvalOff
{
    background: url(Images/SearchBG.png) -184px -1px;
    width: 17px;
    height: 17px;
}
.OvalOn
{
    background: url(Images/SearchBG.png) -184px -26px;
    width: 17px;
    height: 17px;
}
.OvalOver
{
    background: url(Images/SearchBG.png) -184px -139px;
    width: 17px;
    height: 17px;
}
.OvalDis
{
    background: url(Images/SearchBG.png) -184px -118px;
    width: 17px;
    height: 17px;
}
.RadiantOff
{
    background: url(Images/SearchBG.png) -212px -1px;
    width: 19px;
    height: 17px;
}
.RadiantOn
{
    background: url(Images/SearchBG.png) -212px -26px;
    width: 19px;
    height: 17px;
}
.RadiantOver
{
    background: url(Images/SearchBG.png) -212px -139px;
    width: 19px;
    height: 17px;
}
.RadiantDis
{
    background: url(Images/SearchBG.png) -212px -118px;
    width: 19px;
    height: 17px;
}
.PearOff
{
    background: url(Images/SearchBG.png) -242px -1px;
    width: 17px;
    height: 17px;
}
.PearOn
{
    background: url(Images/SearchBG.png) -242px -26px;
    width: 17px;
    height: 17px;
}
.PearOver
{
    background: url(Images/SearchBG.png) -242px -139px;
    width: 17px;
    height: 17px;
}
.PearDis
{
    background: url(Images/SearchBG.png) -242px -118px;
    width: 17px;
    height: 17px;
}
.HeartOff
{
    background: url(Images/SearchBG.png) -272px 0;
    width: 19px;
    height: 17px;
}
.HeartOn
{
    background: url(Images/SearchBG.png) -272px -26px;
    width: 19px;
    height: 17px;
}
.HeartOver
{
    background: url(Images/SearchBG.png) -272px -138px;
    width: 19px;
    height: 17px;
}
.HeartDis
{
    background: url(Images/SearchBG.png) -272px -118px;
    width: 19px;
    height: 17px;
}
.MarquiseOff
{
    background: url(Images/SearchBG.png) -302px -1px;
    width: 17px;
    height: 17px;
}
.MarquiseOn
{
    background: url(Images/SearchBG.png) -302px -26px;
    width: 17px;
    height: 17px;
}
.MarquiseOver
{
    background: url(Images/SearchBG.png) -302px -139px;
    width: 17px;
    height: 17px;
}
.MarquiseDis
{
    background: url(Images/SearchBG.png) -302px -118px;
    width: 17px;
    height: 17px;
}
.CushionOff
{
    background: url(Images/SearchBG.png) -332px -1px;
    width: 17px;
    height: 17px;
}
.CushionOn
{
    background: url(Images/SearchBG.png) -332px -26px;
    width: 17px;
    height: 17px;
}
.CushionOver
{
    background: url(Images/SearchBG.png) -332px -139px;
    width: 17px;
    height: 17px;
}
.CushionDis
{
    background: url(Images/SearchBG.png) -332px -118px;
    width: 17px;
    height: 17px;
}
.TrueHeartsOn
{
    background: url(Images/SearchBG.png) -245px -47px;
    width: 95px;
    height: 17px;
}
.TrueHeartsOff, .TrueHeartsOver , .TrueHeartsDis
{
    background: url(Images/SearchBG.png) -245px -91px;
    width: 95px;
    height: 17px;
}
.RRound
{
    background: url(Images/SearchBG.png) -365px -2px;
    width: 15px;
    height: 13px;
}
.RPrincess
{
    background: url(Images/SearchBG.png) -365px -23px;
    width: 15px;
    height: 13px;
}
.REmerald
{
    background: url(Images/SearchBG.png) -367px -45px;
    width: 13px;
    height: 13px;
}
.RSquare, .RSquare
{
    background: url(Images/SearchBG.png) -365px -65px;
    width: 15px;
    height: 13px;
}
.RPear
{
    background: url(Images/SearchBG.png) -366px -86px;
    width: 13px;
    height: 13px;
}
.RRadiant
{
    background: url(Images/SearchBG.png) -365px -107px;
    width: 15px;
    height: 13px;
}
.ROval
{
    background: url(Images/SearchBG.png) -366px -128px;
    width: 13px;
    height: 13px;
}
.RCushion
{
    background: url(Images/SearchBG.png) -365px -149px;
    width: 15px;
    height: 13px;
}
.RHeart
{
    background: url(Images/SearchBG.png) -365px -170px;
    width: 15px;
    height: 13px;
}
.RMarquise
{
    background: url(Images/SearchBG.png) -366px -192px;
    width: 13px;
    height: 13px;
}
.BtnCompare
{
    background: url(Images/SearchBG.png) 0 -141px;
    width: 56px;
    height: 21px;
    cursor: pointer;
    margin-top: 5px;
}
.EternityComparisonTbl
{
    border-collapse: collapse;
    width: 387px;
}
.EternityComparisonTbl td
{
    border-collapse: collapse;
    border: solid 1px #d5d5d5;
    font-size: 9px;
    color: #6d6d6d;
    text-align: center;
}
.ToolTip
{
    background: url(Images/SearchBG.png) no-repeat -103px -200px;
    width: 92px;
    height: 25px;
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 11px;
}
.ToolTipTable
{
    margin-left: 48px;
    empty-cells: show;
    border-collapse: collapse;
}
.ToolTipTable td
{
    width: 30px;
    empty-cells: show;
    height: 21px;
}
.PhotoIcon
{
    background: url(Images/SearchBG.png) -57px -163px;
    width: 22px;
    height: 12px;
    cursor: pointer;
}
.BasicOptionArrow
{
    background: url(Images/SearchBG.png) -227px -45px;
    padding: 0;
    width: 7px;
    height: 14px;
}
.AdvancedOptionsArrow
{
    background: url(Images/SearchBG.png) -235px -45px;
    width: 7px;
    height: 14px;
    margin-left: 3px;
}


#Loading, .update-panel
{
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #F3F3F3 url('Images/Loading.gif') no-repeat center 75px;
}


#Loading h2
{
    margin-top: 150px;
    font: bold 16px Arial;
    text-align: center;
}


#ajax-case
{
    position: relative;
    min-height: 320px;
    _height: 320px;
    overflow: visible;
}

.sl-btnAdd
{
    cursor: pointer;
    width: 153px;
    height: 29px;
    background: url('Images/SearchBG.png') -132px -165px;
    display: block;
    margin: 4px 2px;
}

.View1TypeOff
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -289px -168px;
    border-width: 0px;
}

.View1TypeOn
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -289px -191px;
    border-width: 0px;
}
.View2TypeOff
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -313px -168px;
    border-width: 0px;
}

.View2TypeOn
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -313px -191px;
    border-width: 0px;
}
.View3TypeOff
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -337px -168px;
    border-width: 0px;
}

.View3TypeOn
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -337px -191px;
    border-width: 0px;
}
.View4TypeOff
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -203px -198px;
    border-width: 0px;
}

.View4TypeOn
{
    cursor: pointer;
    width: 21px;
    height: 19px;
    background: url('Images/SearchBG.png') -229px -198px;
    border-width: 0px;
}

.ViewTypeTbl
{
    margin-top: 3px;
}
.ViewTypeTbl, .ViewTypeTbl td
{
    border-collapse: collapse;
    border-width: 0px;
}

.View2ItemTbl
{
    border: solid 1px #f0f0f0;
    background-color: White;
    width: 144px;
    height: 155px;
    font-size: 10px;
    display:inline-table;
    #display:inline; /* override for IE*/
    margin:2px 2px 2px 2px;

}
.View3ItemTbl
{
    border: solid 1px #f0f0f0;
    background-color: White;
    width: 244px;
    height: 222px;
   
    font-size: 11px;
    display:inline-table;
    #display:inline; /* override for IE*/
    margin:2px 2px 2px 2px;
   
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.View3ItemTbl {margin:0px;}
.View2ItemTbl {margin:0px;}
}
.ViewPrice
{
padding:0px;
    text-align:center;
    font-size: 11px;
    color: #a50000;
}

.MagIcon
{
    top:154px;
    left:212px;
    position:relative;
    background: url('Images/SearchBG.png') -255px -198px;
    width:21px;
    height:21px;
}
.MagIcon2
{
    top:72px;
    left:106px;
    position:relative;
    background: url('Images/SearchBG.png') -255px -198px;
    width:21px;
    height:21px;
}

.TabSeperator
{
    width:5px;
    border-bottom:solid 1px #dadada;
    empty-cells:show;
}

.TabOn
{
    background: url('Images/SearchBG.png') -0px -228px;
    width:151px;
    height:25px;
   text-align:center;
   font-size:11px;
   cursor:pointer;
}

.TabOff
{
    background: url('Images/SearchBG.png') -155px -228px;
    width:151px;
    height:25px;
    border-bottom:solid 1px #dadada;
    text-align:center;
    border-bottom:solid 1px #dadada;
   font-size:11px;
   cursor:pointer;
}
.Disable
{
    color:#9d9d9d;
}
.TabOff span.TabTitle{
color:#4d799c;
}
.TabOn span.TabTitle{
font-weight:bold;
}
.Pager{

padding:0px;
text-align:right;
margin:0px 0px 2px 0px;
}
.Pager , .Pager td
{
font-size:10px;
}

.V4 td
{
 border: solid 1px #d8d8d8;
 border-collapse:collapse;
}
.V4Alternate
{
    background-color: #f1f1f1;
}

  
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }