@charset "UTF-8";
/* CSS Document */


img { border:none;}

.required { color: red; }

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion .ui-accordion-header {
background: #f6f6f6;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after { display: table; content: " "; }
.clearfix:after, .container:after, .row:after, .clear  { clear: both; }
.box { box-sizing:border-box;}

.hide-for-xsmall, .hide-for-xsmall-inline { display:none;}

#ostbye { margin:0px 0 0 10px;}

#menuIcon { display:contents; position:absolute; top:52px; right:0px; margin-bottom:10px;}
.clearBlock { }

/*** TOP NAV ***/
.menu { position:absolute; top:0px; left:0px; width:85%; background:#edeff1; z-index:999; display:none;} 
.menu ul { list-style:none; margin:0px; padding:0px; float:none;}
.menu ul li { float:none; display:block; padding:5px; border-right:none; border-bottom:solid 1px #1e4569; }
.menu ul li a { color:#1e4569; text-decoration:none; font-size:14px; }
.menu ul li:last-child { border-right:none;}
.menu ul li.menuName { display:none }

/*** HOME SEARCH ***/
#mobileSearch {display:block; position:absolute; top:100px; right:0px; }
.homeSearch, .innerSearch  { background:#fff; width:225px; height:43px; position:absolute; top:90px; right:34px; display:none;}
.homeSearch .miniSearch, .innerSearch .miniSearch { height:28px; margin:6px; width:70%; font-size:14px; border:none; outline:none;}
.homeSearch .miniSearchButton, .innerSearch .miniSearchButton { float:right; margin:5px 10px 0 0;}

#stickySocialBar {position:fixed; background-color:White; padding-left:5px; width:36px; overflow:hidden;}
.customerList {  top:50px; right:250px; position:absolute; }
.left { float:left;}
.right {float:right;}
.center {text-align:center;}

/*** DASHBOARD ***/
.salesDash
{
    width: 100%;
}

.salesDash td
{
    vertical-align:bottom;
    font-size:14px;
    font-weight: 400;
    /* font-weight:bold; */
}

.salesDash h1
{
    font-family: Arial;
    color: #adadab;
    font-size:18px;
    text-align:left;
    padding-bottom:5px;
    text-transform: uppercase;
    margin:0px;
}

.salesDash h3
{
    color: #666666;
    font-size:16px;  
}

.salesDash h4
{
    font-family: Arial;
    color: #adadab;
    font-size:11px;
}  
#salesDashboard .gradientBox
{
    margin-bottom: 3px;
    padding: 5px 10px 35px 10px;
    display:block;
}

#salesDashboard table th
{
    font-family: arial, verdana;
    color: black;
    font-size:14px;
    line-height: 15px;
    font-weight:bold;
    text-transform: uppercase;
}

#salesDashboard table th a
{    
    color: black;
}
#salesDashboard .loader
{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
}
#salesDashboard .left,
#salesDashboard .left td,
#salesDashboard .left th
{
    text-align: left;
    float:inherit;
}
#salesDashboard td.left,
#salesDashboard th.left
{
    text-align: left !important;
    float:inherit;
}
#salesDashboard .right,
#salesDashboard .right td,
#salesDashboard .right th
{
    text-align: right;
    float:inherit;
}
#salesDashboard td.right,
#salesDashboard th.right
{
    text-align: right !important;
    float:inherit;
}
.gradientBox {
    background-color: White;
    background-image: url("../Images/gradient.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    margin-bottom: 3px;
}

/*** END DASHBOARD ***/


.uncompletedAppt { background-color:#E2ECF8; } 
.surplus { color: Green; }

.pageContent { background-color:White; padding: 10px 20px 35px 20px; }
.pageContent a { color: #BA9D16; text-decoration: none; }
.pageContent {font-size:15px;}

.inputGrey { color: #90918d; }
h1
{
	font-size: 22px;
}

.pageContent h2
{
    font-size:16px;
    margin: 0;
}

.formTable tr
{
	vertical-align: top;
}
.formTable th
{
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
}
.tabActive
{
	padding: 5px;
	background-color: #EEEEEE;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
.tabActiveLink, .tabActiveLink:link, .tabActiveLink:active, .tabActiveLink:visited, .tabActiveLink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00267F;
	text-decoration: none;
}
.tabGrey
{
	padding: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
}
.tabGreyLink, .tabGreyLink:link, .tabGreyLink:active, .tabGreyLink:visited, .tabGreyLink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.tabBody
{
    background-color: #EEEEEE; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999;
    padding: 5px;
}

.hr {
    border-color: #DBDBDB;
    border-top: 1px solid #DBDBDB;
    border-width: 1px;
    height: 0px;
    margin-bottom: 7px;
    margin-top: 5px;
    border-left:0px;
}

.flyOutList
{
  text-align: left;
	position: relative;
	z-index: 1;
	border: 1px solid #DBDBDB;	
	background-color: #FFFFFF;
	cursor: default;
	font-size:10px;
	font-weight:normal;
}

.flyOutListSelected
{
	padding: 2px 5px 2px 5px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.flyOutListSelected img
{
	vertical-align:middle;
}

.flyOutListArrow
{
	position: absolute;
	right: 5px;
	top: 7px;
    background-image:url("../images/arrow.gif");
    background-repeat:no-repeat;
    width:10px;
    height:5px;
	  
}


.flyOutListDrop
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	display: none;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
	font-size:10px;
	font-weight:normal;
	cursor: default;	
}

.flyOutListList
{
    text-align: left;
	padding: 2px 0px 2px 0px;
	white-space: nowrap;
	overflow: auto;	
}

.flyOutListOut
{
	padding: 0px 5px 0px 5px;
}

.flyOutListOut img
{
	margin:2px;
	vertical-align:middle;
}

.flyOutListOver
{
	background-color: #D8B511;
	color: White;
	padding: 0px 5px 0px 5px;
}

.flyOutListOver img
{
	margin:2px;
	vertical-align:middle;
}



/*** INNER SEARCH ***/
#mobileSearch {display:block; position:absolute; top:100px; right:0px; }

.innerTopNav a { display:block; float:left; text-decoration:none; border-right:solid 1px #cccccc; 
                 box-sizing:border-box; height:43px; text-transform:uppercase; display:none; text-align:center;}
.innerTopNav a:last-child { border-right:none; }
.innerTopNav a.RRC { border-right:none; color:#3d6b96;}
.innerTopNav a.shimmering { color:#80cbdb;}
.innerTopNav a.shimmering.IN { border-bottom:solid 4px #80cbdb;}
.innerTopNav a.men { color:#bd6c4c;}
.innerTopNav a.fashion { color:#9fa0d7;}
.innerTopNav a.fashion.IN { border-bottom:solid 4px #9fa0d7;}
.innerTopNav a.main-bridal { color:#e4c161;}
.innerTopNav a.main-bridal.IN { border-bottom:solid 4px #e4c161;}
.innerTopNav a.men-bridal { color: #B4887B;}
.innerTopNav a.family { color: #79B3A4;}
.innerTopNav a.two-us { color: #1D3563;}
.innerTopNav a.eco { color: #2E793F;}

.innerTopNav .nav20 { width: 17%; }
.innerTopNav .nav30 { width: 19%; }
.innerTopNav .nav40 { width: 24%; }

.HERO { background-color:#fff; margin-bottom:5px; height:314px; overflow:hidden; width:100%; position:relative;}
/*.HERO .backButton { position:absolute; left:10px; bottom:7px; height:52px; overflow:hidden; transition: all 0.5s ease;}
.HERO .allButton { position:absolute; right:10px; bottom:7px; height:52px; overflow:hidden; transition: all 0.5s ease;}*/

.HERO .allButton { 
    position:absolute;
    right:10px;
    bottom:7px;
    height: 43px;
    width:140px;
    overflow:hidden;
    transition: all 0.5s ease;
}
.HERO .allButton img { 
    height: 43px;
    width:140px;
}
.HERO .backButton { 
    position:absolute;
    left:10px;
    bottom:7px;
    height: 43px;
    width:103px;
    overflow:hidden;
    transition: all 0.5s ease;
}
.HERO .backButton img {
    height: 43px;
    width:103px;
}

.allButton, .backButton   { background:#234c73;}
.bridal-hero { background-image:url(../images/responsive/main-bridal-hero.png); background-size: cover; background-repeat:no-repeat; }
.men-bridal-hero { background-image:url(/Images/new-design/home/mens-main-category.jpg); background-repeat:no-repeat; }
.main-bridal-hero .allButton, .main-bridal-hero.allButton, .main-bridal-hero.backButton   { background:#e6c771;}
.main-bridal-hero .allButton:hover, .main-bridal-hero.allButton:hover, .main-bridal-hero.backButton:hover { background:#f4d787;}
.fashion-hero { background-image:url(../images/responsive/fashion-hero.jpg); background-repeat:no-repeat; }
.men-fashion-hero { background-image:url(../images/responsive/mens-gifts-hero-mobile.png); background-repeat:no-repeat; }
.pizazz-hero { background-image:url(../images/responsive/pizazz-hero-mobile.png); background-repeat:no-repeat; }
.fashion-hero .allButton, .fashion-hero.allButton, .fashion-hero.backButton { background:#c4c5e4;}
.fashion-hero .allButton:hover, .fashion-hero.allButton:hover, .fashion-hero.backButton:hover { background:#d6d7f0;}
.two-us-hero .fashion-hero .allButton, .two-us-hero .fashion-hero.allButton, .two-us-hero .fashion-hero.backButton { background:#b5c9e2;}
.two-us-hero .fashion-hero .allButton:hover, .two-us-hero .fashion-hero.allButton:hover, .two-us-hero .fashion-hero.backButton:hover { background:#b6d3f8;}
.shimmering-hero { background-image:url(../images/responsive/shimmering-hero.jpg); background-repeat:no-repeat; }
.shimmering-hero .allButton, .shimmering-hero.allButton, .shimmering-hero.backButton { background:#81daed;}
.shimmering-hero .allButton:hover, .shimmering-hero.allButton:hover, .shimmering-hero.backButton:hover { background:#6ccce0;}
.odds-ends-hero .allButton, .odds-ends-hero.allButton, .odds-ends-hero.backButton { background:#84b7e9;}
.odds-ends-hero .allButton:hover, .odds-ends-hero.allButton:hover, .odds-ends-hero.backButton:hover { background:#84b7e9;}
.main-bridal-hero { background-image:url(../images/responsive/main-bridal-hero.png); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.inserts-wraps-hero {background-image:url(../Images/responsive/InsertsAndWraps.jpg); background-repeat:no-repeat;}

.eco-hero { background-image:url(../images/responsive/eco-hero.png); background-repeat:no-repeat; background-size: cover; background-position: center; }
.eco-hero .allButton, .eco-hero.allButton, .eco-hero.backButton { background:#2f7840;}
.eco-hero .allButton:hover, .eco-hero.allButton:hover, .eco-hero.backButton:hover { background:#72ba3b;}

.diva-hero.backButton img, .diva-hero.allButton img { background-color:#234c73;}

.ladies-hero { background-image:url(../images/responsive/ladies-diamond-mobile.jpg); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.diva-hero { background-image:url(/Images/new-design/home/Diva_Home_mobile.jpeg); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.family-hero { background-image:url(../images/responsive/family-hero-mobile.png); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.little-diva-hero { background-image:url(../images/responsive/little-diva-hero.jpg); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.lotopia-hero { background-image:url(../images/responsive/lotopia-hero-mobile.png); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.marriage-hero { background-image:url(/Images/new-design/home/MarriageSymbol_Home.jpg); background-repeat:no-repeat; background-size: cover !important; background-position: center top !important; }
.pendants-hero { background-image:url(../images/responsive/pendants-earrings-hero.jpg); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.roc-hero { background-image:url(../images/responsive/ROC-hero-mobile.png); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.she-hero { background-image:url(../images/responsive/she-hero-mobile.png); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.odds-ends-hero { background-image:url(../images/responsive/odds-mobile.jpg); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.two-us-hero { background-image:url(../images/responsive/2us-mobile.jpg); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.celebration-hero { background-image:url(../images/responsive/Celebration-hero.jpg); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.forever-hero { background-image:url(../images/responsive/ForeverElegant-hero.jpg); background-repeat:no-repeat; background-size: cover; background-position: center top; }
.icherish-hero { background-image:url(../images/responsive/iCherish-hero-mobile.png); background-repeat:no-repeat; background-size: contain; background-position: center top; }
.men-bridal-hero{ background-size: cover; background-position: center center;}
.shimmering-hero{ background-size: cover; background-position: center center;}
.fashion-hero{ background-size: cover; background-position: center center;}

.catBox { background:#fff; margin:2px; height:155px; box-sizing:border-box; padding-top:15px;}
.catBox a { display:block; width:100%; height:155px;}
.catBox a img { display:block; margin:0 auto; width:100%;}
/*** CATEGORY BOX COLORS ***/
.main-bridal .catBox { background-image:url(../images/responsive/bridal-back.jpg); background-repeat:repeat-x; background-position:0px -6px; transition: all 0.5s ease;}
.fashion .catBox { background-image:url(../images/responsive/fashion-back.jpg); background-repeat:repeat-x; background-position:0px -6px; transition: all 0.5s ease;}
.shimmering .catBox { background-image:url(../images/responsive/shimmering-back.jpg); background-repeat:repeat-x; background-position:0px -6px; transition: all 0.5s ease;}
.fashion .catBox:hover, .main-bridal .catBox:hover, .shimmering .catBox:hover, .odds-ends .catBox:hover, .eco .catBox:hover { background-position:0px 0px;}
.odds-ends .catBox { background-image:url(../images/responsive/odds-back.jpg); background-repeat:repeat-x; background-position:0px -6px; transition: all 0.5s ease;}
.eco .catBox { background-image:url(../images/responsive/eco-back.jpg); background-repeat:repeat-x; background-position:0px -6px; transition: all 0.5s ease;}

/*** PRODUCT LIST ***/
.categoryTitle { background:#fff; border-bottom:solid 1px #e3e3e3; padding:20px;}
.categoryTitle h1 { font-size:21px; font-weight:400; padding:0px; margin:0px; text-transform:uppercase;}
.displayTools { background:#fff; padding:10px 10px; border-bottom:solid 1px #e3e3e3; color:#a2a2a2;}
.displayTools .count { font-size:14px;}
.displayTools .count .number { font-size:16px;}
.displayOptions {}
.nextPrev a, .mobileFilter a, .paging a, .displayOptions a, a.checkoutButton { display:block; color:#fff; text-decoration:none; background:#76a4d8; width:75px; padding:5px 0; text-align:center; float:right; margin:0 1px; font-size:14px;}
a.checkoutButton {padding:8px 10px; text-transform:uppercase; }
.nextPrev a .arrows { font-size:21px; line-height:14px;}
.paging, .displayOptions { font-size:14px;}
.hide-no-mobile { display:inline-block;}
.hide-mobile, .hide-mobile-table { display:none; }

.displayTools select { margin-top:4px; border-bottom:solid 1px #e3e3e3;}
.filterBar { background:#f5f5f5; font-size:16px; border-bottom:solid 1px #e3e3e3; display:none;}
.filterBar.selectedFilters { background:#FAFAFA; padding:3px 20px; color: #737373; font-size:14px;}

.filterTitle { height:50px; box-sizing:border-box; position:relative; color:#737373; float:left; padding:18px 20px 0 20px; border-right:solid 1px #e3e3e3;}
.filterBlock { height:50px; box-sizing:border-box; position:relative; float:left; padding:18px 20px; color:#737373; border-right:solid 1px #e3e3e3; cursor:pointer; position:relative;}
.filterMenu { position:absolute; top:50px; left:0px; background:#efeeee; z-index:800; padding:10px; font-size:14px; line-height:34px; width:200px; border:solid 1px #e3e3e3; 
              cursor:default; display:none; max-height:300px; overflow:auto;}
.filterMenu input, .filterMenu label, .pointer { cursor:pointer;}

.productList { background:#fff; padding:20px;}
.productBlock { padding:10px 0; min-height: 190px !important;}
.productBlock a { text-align:center; font-size:13px; width:100%; display:block; text-decoration: none; color:#737373;}
.productBlock img { display:block; margin:0 auto;}
.productBlock .prodName { font-weight:600; color:#000;}
.productBlock:hover { 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 64%, rgba(0,0,0,0.1) 97%, rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(64%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 64%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 64%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0.1) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 64%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0.1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 64%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); 
}







/*** PRODUCT PAGE ***/

.whiteBG { background:#fff;}
.productContent {background-color: #ffffff; }
.productPhoto img { margin:0 auto; display:block;}
.productInfo .mainrow {  border-top:5px solid #02162F;}
.productDetails { font-size:14px;}
.productDetails .row { margin:0px;}
.priceBox { padding:20px; box-sizing:border-box; text-align:center; font-size:24px;}
.productTitle { padding:10px; box-sizing:border-box; border-right:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; }
.productBox { padding:10px; } 
.productTitle .name { font-size:24px;}
.detailsBox { padding:10px; box-sizing:border-box; border-right:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; height:40px; line-height:13px;}
.gray { background:#f2f2f2;}

.stepGrey
{
	color: #999999;
}

a.cartButton { display:block; width:200px; text-align:center; padding:10px 0; width:130px; text-decoration:none; margin:20px auto;}
input.cartButton { background:none; border:0; padding:10px;  margin:15px auto; }
input.setButton { background:none; border:0;  padding:10px;}
.cartButton:hover, .setButton:hover { background:#1d4572;}
a.cartButton, input.cartButton, input.setButton { background-color:#112a46; font-size:14px; text-transform:uppercase; color:#fff; }

.setButtonContainer {border-top:none; padding:10px 0; margin-top:-1px;}

.relatedLinks { border-top:5px solid #02162F; }
.relatedProducts { border-top:solid 1px #e5e5e5 !important; }

.tab, .activetab { text-align:center; font-size:14px; box-sizing:border-box; height:50px; padding-top:10px;}
.tab { border-top: solid 4px #d2d2d1; color:#737372;}
.activetab { border-top:solid 4px #1964ac; color:#1964ac; }
 a.activetab { color:#1964ac; text-decoration:none;}
 a.tab { color:#737372; text-decoration:none;}
.relatedProduct { text-align:center; box-sizing:border-box; padding-bottom:20px; font-size:12px; line-height:14px;}
.relatedProduct img { display:block; width:85%; height:auto; margin: 0 auto;}
.relatedProduct-Name { font-size:14px; font-weight:bold;}
.relatedProduct a { display:block; width:100%; height:100%; color:#585858; text-decoration:none; }
.borderTop {border-top:solid 1px #e5e5e5 !important;}

.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px; }
.font12 {font-size:12px; }
.red, .error { color:Red !important;}



.highResButton
{
    font-size:14px; 
    padding:2px; 
    margin-right:10px;
    background: none repeat scroll 0 0 #0d496e;
    border:none;
    outline: 0;
    box-shadow: none;
    color:White;
    line-height:30px;
    padding-right:15px;
    opacity: 0.5;
    border-radius: 0px 4px 4px 0px;
}
.high-res-button:hover + .high-res-icon, .high-res-button:hover, .high-res-icon:hover, .web-button:hover + .web-icon, .web-button:hover, .web-icon:hover{
    opacity:1 !important;
    cursor:pointer;
}
.high-res-button + .high-res-icon:after{
    content: url(../Images/book.svg);
    position: relative;
    top: 8px;
}
.web-button + .web-icon:after{
    content: url(../Images/browser.svg);
    position:relative;
    top:7px;
}
.high-res-icon, .web-icon{
    display: inline-block;
    width: 18px;
    height: 34px;
    background-color: #0d496e;
    float: right;
    padding-left:10px;
    padding-right:5px;
    opacity: 0.5;
    border-radius: 4px 0px 0px 4px;
}
@media(max-width:991px) {
    .productInfo.box {
        top: 30px;
    }
    .ringImageNameType {
        bottom: 0px !important;
    }

    .imageLinkClass .productImage {
        height: initial !important;
        width: 100%;
    }
    .high-res-button{
        margin-bottom: 5px;
        margin-right: 20px;
    }
    .web-button{
        margin-right:20px;
    }
}
.block { display:block; }

.talkToRetailer
{
    color: #76a4d8;
    font-style: italic;
    font-size:20px;
    margin-top:10px;
     font-family: "Times New Roman", Times, serif;
}
.talkToRetailerButtons input
{
    width:100%;
    display:block;
    margin-bottom:5px;
    line-height:24px;
}

.icon-padding
{
    padding: 0 0 0 3px;
}

.icons 
{
    position:absolute;
    right:10%;
}

.noWrap { white-space:nowrap; }

.borderBottom th, .borderBottom td
{
   border-bottom: 1px solid #CCCCCC;   
}

.bold { font-weight:bold; }

a.blueLink {
    color: #4E86C6;
}

.resourceTools {display:none; }

.marketingColor { color: #ebb41f; font-size:17px;}
.legendPadding { padding:0 4px 0 2px; }







.treeOpen
{
	background-image: url(../Images/toggle_open.gif);
}
.treeClosed
{
	background-image: url(../Images/toggle_closed.gif);
}
.floaterTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #eeeeee;
	/*background-color: #CCCCCC;*/
}
.floater
{
	z-index: 20000;
	background-color: #EEEEEE;
	border: 2px solid #000000;
	position: absolute;
	
	left: 50%;
}

.floater1
{
	z-index: 1003;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	position: absolute;
	top: 50%;
	left: 50%;
}

.floaterFrame
{
	z-index: 1002;
	position: absolute;
	top: 50%;
	left: 50%;
}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion .ui-accordion-header
{
    text-transform:uppercase;
    color:#6598C3;
    font-weight:bold;
}

.accordion .ui-icon.iconOpen {
    background:url(../Images/collapse.png) no-repeat;
    background-size:25px;
    width:32px;
    height:26px;
}
.accordion .ui-icon.iconClosed {
    background:url(../Images/expand.png) no-repeat;
      background-size:25px;
    width:32px;
    height:26px;
}

.font12 { font-size:12px; }

.row { position:relative;}
.header .row { z-index:-3;}

ul.additionalImgs
{
    list-style:none; padding:0px; margin:0px;
}
.additionalImgs li
{
    cursor:pointer; padding:5px; float:left;
}

.logos .col-20 { width:50%; float:left; }

.logos .col-25 { width:50%; float:left; }

.logos .col-20:last-child { width:100%; }

.logos .col-25:last-child { width:100%; }

ul.freeShip {
		list-style: none;
		margin: 0px;
		padding: 0px;
		color:#fff;
		font-size: 14px;
		display:table;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		
	}
	ul.freeShip li {
		display: table-cell;
		vertical-align: middle;
        line-height:16px;
	}
	ul.freeShip li:last-child {
		
	}

/** MEDIA QUERIES */




@media (min-width: 401px) 
{
    .newsletterSignup {  font-size:14px; position: relative;}
    .newsletterForm { height:40px; border:solid 1px #93afc7; background:#fff; padding:2px; margin-top:10px; width: 100%; top: 20px; position: relative;}
    .newsletterButton { float:right; position: relative; top: 0px;}
}
@media(max-width: 830px) {
    #salesDashboard .gradientBox > div {
        overflow: scroll;
    }
    .salesDash {
        min-width: 100%;
    }
    .salesDash td {
        font-size:12px;
        padding-right: 15px;
        white-space: nowrap;
    }
    #salesDashboard table th {
        font-size:11px;
        line-height: 13px;
        padding-right: 15px;
        white-space: nowrap;
    }
    #salesDashboard .right th, #salesDashboard .right td {
        text-align: left;
    }
}
@media (min-width: 768px) {
	.resultsGrid .vibeTile, .resultsGrid .specialTile, .resultsGrid .businessTile { width:49%; }
	.homeSearch { width:320px; right:0px;}
	.homeSearch .miniSearch { width:70%;}
	.footer { text-align:center; font-size:10px; line-height:9px; color:#fff;}
	.newsletterSignup .fontTwelve { display:block;}
	.newsletterInfo { font-size:14px;}	
	.homeCategory a { background-size: 240px 231px;}
	
	.innerSearch { width:320px; right:0px;}
	.innerSearch .miniSearch { width:70%;}
	.hide-mobile { display:block !important;}
	.hide-mobile-table { display:table-cell !important; }
	.mobileFilter, .hide-no-mobile { display:none !important;}
	.paging, .displayOptions { padding-top:5px;}
    .paging {width: 50%;}
	.displayTools select { margin-top:0px;}
	.filterBar { display:block;}
	
	.HERO .allButton, .HERO .allButton img { 
    height: 52px;
    width:168px;
}

.HERO .backButton, .HERO .backButton img { 
    height: 52px;
    width:125px;
}
.talkToRetailerButtons input { width:70%; }

}
@media (max-width: 768px){
    .removeRightmargin2{ margin-right: 0px;}
}
@media (min-width: 768px) 
{

  
  #ostbye { width:230px; height:auto;}
  /*** HOME SEARCH ***/
.homeSearch { background:#fff; float:right; width:450px; height:43px; display:block;}
.homeSearch .miniSearch { height:28px; margin:6px; width:85%; font-size:14px; border:none; outline:none;}
.homeSearch .miniSearchButton { float:right; margin:5px 10px 0 0;}
#mobileSearch {display:none; }
.newsletterInfo { width:90%;}

.innerSearch { background:#fff; float:right; width:320px; height:43px; display:block;}
.innerSearch .miniSearch { height:28px; margin:6px; width:85%; font-size:14px; border:none; outline:none;}
.innerSearch .miniSearchButton { float:right; margin:5px 10px 0 0;}

.bridal-hero { background-image:url(../images/responsive/bridal-hero.png); background-position:center top;}
.men-bridal-hero { background-image:url(../images/responsive/MENS-hero.jpg); background-position:right bottom;}
.fashion-hero { background-image:url(../images/responsive/fashion-hero.jpg); background-position:center top;}
.pizazz-hero { background-image:url(../images/responsive/pizazz-hero.png); background-position:20px 0px;}
.men-fashion-hero { background-image:url(../images/responsive/mens-gifts-hero.png); background-position:center top;}
.shimmering-hero { background-image:url(../images/responsive/shimmering-hero.jpg);}
.odds-ends-hero { background-image:url(../images/responsive/odds-hero.jpg); background-position:20px 0px;}
.two-us-hero { background-image:url(../images/responsive/2us-hero.jpg); background-position:20px 0px;}
.celebration-hero { background-image:url(../images/responsive/Celebration-hero.jpg); background-position:20px 0px;}
.main-bridal-hero { background-image:url(../images/responsive/main-bridal-hero.png); background-position:center top;}
.ladies-hero { background-image:url(../images/responsive/ladies-diamond-hero.jpg); background-repeat:no-repeat; }

.diva-hero { background-image:url(/Images/new-design/home/Diva_Home_mobile.jpeg); background-repeat:no-repeat; }
.family-hero { background-image:url(../images/responsive/family-hero.jpg); background-repeat:no-repeat; }
.little-diva-hero { background-image:url(../images/responsive/little-diva-hero.jpg); background-repeat:no-repeat; }
.lotopia-hero { background-image:url(../images/responsive/lotopia-hero.jpg); background-repeat:no-repeat; }
.marriage-hero { background-image:url(/Images/new-design/home/MarriageSymbol_Home.jpg); background-repeat:no-repeat; }
.pendants-hero { background-image:url(../images/responsive/pendants-earrings-hero.jpg); background-repeat:no-repeat; }
.roc-hero { background-image:url(../images/responsive/ROC-hero.jpg); background-repeat:no-repeat; }
.she-hero { background-image:url(../images/responsive/she-hero.jpg); background-repeat:no-repeat; }
.eco-hero { background-image:url(../images/responsive/eco-hero.png); background-position:center bottom;}
.forever-hero { background-image:url(../images/responsive/ForeverElegant-hero.jpg); background-position:20px 0px;}
.icherish-hero { background-image:url(../images/responsive/iCherish-hero.png); background-position:20px 0px;}

.displayTools { padding:10px 20px; }
.displayTools .count .number { font-size:22px;}

.productInfo .mainrow.relatedLinks { border-top:5px solid #02162F;}

 .familyResource, .oddsAndEnds {margin-right:7px;}
  .homeShipping { height:202px; padding:0px; }
  .homeNewsletter {text-align:left;}
}
.hiddenImage{display: none;}
.innerSearch{display: block;}

 .mecButton
    {
        height:auto;
        background-color:#4E86C6;
        position: relative;
        font-weight:bold;
        width: auto;
        color: #fff;
        float: right;
        text-align: center;
        vertical-align: bottom;
        padding: 7px 9px;
    }
    .mecButton span
    {
        position: relative;
        top: 6px;
    }


@media (max-width: 1059px){
    .hideformobile2{
        display:none !important;
    }
    .showformobile{
        float:none !important;
    }
    .homeResource{
        padding-right: 7px;
    }
    .fixnav{ position: relative; bottom: 170px;right: 15px; z-index:999;}
    
}
@media(max-width: 551px){
    .responsiveImg{width:100% !important; height:100% !important;}
    
}

@media(min-width: 550px){
    .actsImg input{width:60% !important;}
}
@media(min-width: 767px){
    .actsImg input{width:50% !important;}
}
@media(min-width: 1160px){
    .actsImg input{width:100% !important;}
}
@media (max-width: 1059px){
    .nav {display:none;}
    .newsletterButton{top:-9px !important; left:2px;}
    .removeRightmargin{ margin-right: 0px; }
    #menuIcon{display: block;}
    #mobileSearch{display: block;}
    .hiddenImage{display:block; position: absolute;}
    .innerSearch{display: none;}
    .freeShip{display:none !important;}
    .freeShipLogo{display:none !important;}
    .collorcorrect{color: #1e4569 !important; font-size:14px !important;}
    .homeResource{padding-right:7px;}
}
@media (min-width: 1160px) {
  .float-right{float:right; display:contents;}
  .removeText{display:none;}
  .clearfix{display:inline;}


  .logos .col-20 { width:20% }
  .logos .col-25 { width:25% }
  .logos .col-20:last-child { width:20%; }
  .logos .col-25:last-child { width:25%; }
  
  #menuIcon { display:none;}
  .resourceTools {display:inline-block;}
	

   

  .mainNav { display:block;}
  .clearBlock, .hide-for-md { display:none !important;}
  
  /*** HOME SEARCH ***/
.homeSearch { background:#fff; width:500px; height:43px; position:absolute; top:95px; right:0px; }
.homeSearch .miniSearch { height:28px; margin:6px; width:85%; font-size:14px; border:none; outline:none;}
.homeSearch .miniSearchButton { float:right; margin:5px 10px 0 0;}

.menu { position:absolute; top:30px; right:20px; width:100%; background:none; z-index:-2; display:contents;}
.menu ul { list-style:none; margin:0px; padding:0px; float:right;}
.menu ul li { float:left; display:block; padding:5px; border-right:none; width:auto; border-bottom:none; color:#fff; font-size:12px;}
.menu ul li a { color:#fff; text-decoration:none; font-size:12px; }
.menu ul li:last-child { border-right:none;}
.menu ul li.menuName {display:block;}

/*** HOME CATEGORIES ***/

.homeResource { background-size: 100% 100%; }
.oddsAndEnds { background-size: 100% 100%; }

.newsletterForm { height:33px; border:solid 1px #93afc7; background:#fff; padding:2px; margin-top:10px; width: 100%; top:0px; position: relative;}
.newsletterButton { float:right; position: relative; }

 .customerList { top:110px; right:480px;}
 
 /*** INTERIOR PAGES ***/


.homeButtonIcon {border-right: solid 1px #cccccc; background:url(../images/home-icon.png) no-repeat center; width:5.2%; height:43px; position:relative; float:left; top:0px; box-sizing:border-box;}
#innerOstbye { width:219px; height:81px; margin:12px 0 0 12px;}

.innerSearch { background:#fff; height:35px; position:relative; float:left; top:0px; box-sizing:border-box;}
.innerSearch .miniSearch { height:25px; margin:6px; width:65%; font-size:14px; border:none; outline:none;}
.innerSearch .miniSearchButton { float:right; margin:3px 10px 0 0;}

.innerTopNav { width:100%; height:43px; float:left; display:inline-table}
.innerTopNav a {font-size:14px; padding:14px 0px; display:block; }
.pendants-hero {background-position: 0px, 0px;}
.fashion-hero { background-position:20px 0px;}
.pizazz-hero, .odds-ends-hero, .ladies-hero, .two-us-hero, .marriage-hero { background-position:150px 0px;}
.family-hero { background-position:130px 0px; background-size: contain;}

.productContent {background: #ffffff url(../images/responsive/blue-line.png) repeat-y top center;  background-size: 5px; }
.productInfo .mainrow { border-top:0px;}

.productPhoto img { padding:70px 0;}
.setButtonContainer {border-top:solid 1px #e5e5e5;}


 .homeResource, .oddsAndEnds, .familyResource {margin-right:7px;}
}
@media (max-width: 1250px){
    .newsletterButton{top:-31px}
}

@media (max-width: 1060px){
    .newsletterButton{top:0px}
}

@media (max-width: 1059px){
    .homeCategory { background-color:#fff;  font-size:0px; margin:0px; margin-bottom:7px; }
}
@media (max-width: 767px){
    .homeCategory { margin-right: 0px !important; }
}

@media (min-width: 1160px){
    .container { width: 1130px; }
    .nav { width: 1130px; }
}

@media (max-width: 1249px){
    .catBox a img {width: initial;}
}

@media (max-width: 767px){
    .catBox a img {width: 320px !important;}
}

@media (max-width: 400px){
    .catBox a img {width: 100% !important;}
}

@media (min-width: 1250px) 
{
    
    .hide-for-large { display:none !important;}
    /*** HOME CATEGORIES ***/
    /*.homeCategory { height:320px;}
    .homeCategory a { background-size:auto;}*/

    /*** INTERIOR PAGES ***/
    .innerTopNav a {font-size:15px; padding:12px 0px; display:block; }

    .fashion-hero, .bridal-hero, .main-bridal-hero, .celebration-hero, .forever-hero, .icherish-hero { background-position:center top}

    .tab, .activetab { font-size:16px; padding-top:15px;}
    .productInfo .mainrow { border-left:3px solid #02162F; border-top:0px;}
    .productInfo .mainrow.relatedLinks { border-top:15px solid #13294B;}

}

.manageDisplayRow:hover
{
    background-color: #f2f2f2;
}

/**** DISPLAY ADMIN STYLES ****/
.displayContainer
{
    position: relative;
    margin: 5px;
    padding: 5px;
}
.displayHeaderContainer
{
    position: relative;
    display: inline-block;
    width: 100%;
}
.displayHeaderRight
{
    float: right;
    position: relative;
    width: 49%;
    text-align: right;
}
.displayHeaderLeft
{
    float: left;
    position: relative;
    width: 49%;
}
.displayLayoutWrapper
{
    position: relative;
    margin: 5px;
    padding: 5px;
}
.displayLayoutRow
{
    position: relative;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.displayLayoutColumn
{
    position: relative;
    margin: 5px;
    width: auto;
    display: inline-block;
}
.displayLayoutItem
{
    margin: 10px;
    padding: 5px;
    display:inline-block;
    width: 100px;
    border: 3px solid #E6E6E6;  
}
.displayLayoutItemImage
{
    width: 100px;
    height: 100px;
}

#paymentEditHeaderContainer
{
    clear:both;
    margin: 8px 0px;
}

/**** MEC FORM ADMIN STYLES ****/
.editMecFormBodyContainer
{
    width: 100%;
    position: relative;
    /*background-color: green;*/
}
.editMecHeaderContainer
{
    width: 82%;
    position: relative;
    background-color: yellow;
    margin: 0px auto;
    clear: both;
}
.editMecHeaderContainer .mecHeaderRow
{
    margin: 7px 15px;
}
.editMecHeaderContainer .mecHeaderRow .label
{
    font-weight: 600;
}

.editMecHeaderContainer .left
{
    /*background-color: orange;*/
    position :relative;
    float: left;
    display: inline;
    width: 50%;
    margin: 4px 0px;
}
.editMecHeaderContainer .right
{
    /*background-color: pink;*/
    position :relative;
    float: right;
    display: inline;
    width: 50%;
    margin: 4px 0px;
}
.editMecSettingsContainer
{
    position: relative;
    /*background-color: red;*/
    padding:20px 0px 45px 0px;
    margin: 0 auto;
    clear: both;
    width: 80%;
}
.editMecSettingsContainer span
{
    margin-right: 10px;
}
.editMecDetailsContainer
{
    width: 100%;
    position: relative;
    margin: 0px 0px;
    clear: both;
    border-top: solid 1px #000;
    /*border-bottom: solid 1px #000;*/
}

.editPaymentContainer
{
    width: 100%;
    position: relative;
    padding: 8px 0px 0px 0px;
    clear: both;
    /*border-bottom: solid 1px #000;*/
}

.editMecDetailsContainer .infoNote
{
    width: 100%;
    position: relative;
    margin: 5px 0px 0px 0px;
    clear: both;
    /*border-bottom: solid 1px #000;*/
}

.editMecFormBodyContainer .editMecDetailsContainer div
{
    clear: both;
    padding-top: 10px;
}
.editMecFormBodyContainer .editMecDetailsContainer div span:nth-child(odd)
{
    float:left;
    position: relative;
    width: 145px;
    margin-bottom: 5px;
}
.editMecFormBodyContainer .editMecDetailsContainer div span:nth-child(even)
{
    float:left;
    position: relative;
    width: 175px;
    margin-right: 35px;
    margin-bottom: 5px;
}

.mecDetailsTable
{
    position: relative;
    margin: 0 auto;
    padding: 0px 25px;
    width: 100%;
    
    margin-top: 20px;
}

.mecDetailsTable
{
    /*background-color: green;*/
    position: relative;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
.mecDetailsTable img
{
    /*background-color: green;*/
    position: relative;
    height: 100%;
       border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
.mecDetailsTable thead
{
    font-weight: 600;
    /*margin-bottom: 5px;
    border-bottom: solid 2px #000;
    position: relative;*/
}
.mecDetailsTable > tbody > tr:hover
{
    background-color: #fff6f6;
}


.itemSelector
{
    margin: 0px auto;
}
.addItemButton
{
    padding: 10px 15px;

    margin: 10px 5px;
}
.saveMecFormButton
{
    position: relative;
    float: right;
    padding: 8px;
    margin: 0px 8px;
}

.newRequestButton
{
    float: right;
    margin-bottom: 15px;
}

.editMecFormBodyContainer .editMecSettingsContainer div
{
    clear: both;
}
.editMecFormBodyContainer .editMecSettingsContainer div span:nth-child(odd)
{
    float:left;
    position: relative;
    width: 145px;
    margin-bottom: 5px;
}

.editMecFormBodyContainer .editMecSettingsContainer div span:nth-child(even)
{
    float:left;
    position: relative;
    width: 175px;
    margin-right: 35px;
    margin-bottom: 5px;
}

.chooseCustomerContainer
{
    float:right;
    margin: 0px 15px;
}

.floatRight
{
    float: right;
}

.displaysAdminContainer > div
{
    margin: 5px 0px;
}
.displaysAdminContainer > div > span
{
    margin-right: 5px;
}

.displayAdminTable th, .displayAdminTable td
{
    padding: 3px 10px;
}
.displayAdminTable thead tr td
{
    font-weight: 600;
    padding-bottom: 5px;
}
.displayAdminTable tbody > tr:hover
{
    background-color: #f2f3ff;
}

.displayLayoutAdminTable thead tr td
{
    font-weight: 600;
    padding-bottom: 5px;
}

.editButton
{
    margin: 15px;
    position: relative;
    padding: 5px 10px;
}

.displayLayoutAdminContainer
{
    margin: 20px;
}

.deleteRowButton
{
    margin: 0px 15px;
}

.displayAdminBodyContainer div
{
    margin: 10px 0px;
}

.mecRequestTable
{
    margin: 10px auto;
    padding: 20px 0px;
    border-top: 1px solid #ccc;
}

.mecRequestTable th
{
    height: auto;
    padding: 5px 0px;
}

.mecRequestTable th a
{
    color: #000;
}

.mecRequestTable th, .mecRequestTable td
{
    width: 12.5%;
    padding: 3px 0px;
    text-align: center;
}
.mecFilterRow
{
    padding: 5px 0px;
}
.mecFilter
{
    margin: 0px 8px;
}
.mecInput
{
    width: 100px;
}

.backButton
{
    background-color: #fff;
}

#mecMessageContainer
{
    text-align: center;
    font-size: 1.2em;
}

#mecItemLookupDialog .mecItemLookupHeader
{
    margin-bottom: 20px;
    padding:10px 0px 20px 5px;
    border-bottom: 1px solid #ccc;
}

#mecItemLookupDialog .mecItemLookupBody
{
    /*background-color: red;*/
}

#mecItemLookupDialog #mecResultsTable
{
    /*background-color: green;*/
    position: relative;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
#mecItemLookupDialog #mecResultsTable img
{
    /*background-color: green;*/
    position: relative;
    height: 100%;
       border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
#mecItemLookupDialog #mecResultsTable thead tr
{
    font-size: 1.1em;
    font-weight: 600;
}
#mecItemLookupDialog #mecResultsTable tbody tr
{
    font-size: 1.0em;
    font-weight: 500;
    margin: 8px; 
    border-top: 1px solid #f6f6f6;
}
#mecItemLookupDialog #mecResultsTable tbody tr:hover
{
    background-color: #fff6f6;
    /*font-weight: 600;*/
}
#mecItemLookupDialog #mecResultsTable tbody tr td
{
    font-size: .8em;
    font-weight: 300;
    width: 12.5%;
}


ul.ui-autocomplete {
    z-index: 1100;
}

.submitMecRequestButton
{
    position:relative;
    width: 120px;
    height: 30px;
    float: right;
}

.centeredText
{
    text-align: center;
    display: block;
    padding: 10px 0px;
}

.emailTextBox
{
    padding: 5px 10px;
}

#mecItemLookupDialog
{
    border-bottom: 1px solid #aaa;
}

.ui-dialog .ui-dialog-buttonpane
{
    border: none;
}

.pageContent a.mecInvoiceLink
{
    text-decoration: underline;
    font-size: 1.1em;
    color: #4621ff;
    cursor: pointer;
}

#paymentsContentContainer
{
    position:relative;
}
#paymentsContentContainer .paymentsTableContainer
{
    position:relative;
}
#paymentsContentContainer .paymentsTableContainer table
{
    position:relative;
    width: 100%;
    padding: 0px;
}
#paymentsContentContainer .paymentsTableContainer table thead tr
{
    position:relative;
    background-color: #E9EAEC;
    font-size: 1.1em;
    font-weight: 600;
}
#paymentsContentContainer .paymentsTableContainer table tr:nth-child(even) 
{
    background-color: #F8F8F8;
}
#paymentsContentContainer .paymentsTableContainer table tr td
{
    position:relative;
    padding: 8px 10px;
}
#paymentsContentContainer .paymentsTableContainer table tr td input
{
    width: 15px;
    height: 15px;
}
.paymentsFooterContainer
{
    position:relative;
    padding: 20px 10px;
    font-size: 1.1em;
    font-weight: 600;
    display: block;
    text-align: right;
}
.paymentsFooterContainer a
{
    position: relative;
    background-color: #C2C3C5;
    padding: 10px 12px;
    display:inline-block;
    margin: 4px 0px;
}
.paymentsFooterContainer a.footerTopButton
{
    background-color: #C2C3C5;
    color:#0E192B;
}
.paymentsFooterContainer a.footerBottomButton
{
    background-color: #2A74B3;
    color: #fff;
}

.enterPaymentAmountTextBox
{
    padding: 3px;
}

#paymentsContentContainer .row
{
    position:relative;
    padding: 4px 0px;
}
#paymentsContentContainer .row span:first-child
{
    width: 160px;
    display: inline-block;
    text-align: right;
    margin-right: 25px;
    font-weight: 600;
}
#paymentsContentContainer .row span, #paymentsContentContainer .row input, #paymentsContentContainer .row select
{
    position:relative;
    margin: 0px 0px 0px 8px;
}

#paymentHeaderContainer
{
    position: relative;
    padding-bottom: 148px;
    border-bottom: #eeeeee 1px solid;
}
#paymentHeaderContainer div
{
    position: relative;
    width: 33.3%;
    float: left;
}
#paymentHeaderContainer div span
{
    position: relative;
    float: left;
    display: inline-block;
}
div.paymentsFooterContainer > div.paymentSummaryBox > div:nth-child(1) > span:nth-child(2)
{
    position: relative;
    width: 120px;
}

.amountDueTextbox
{
    min-width: 75px;
}

a#addNewPaymentOptionLink
{
    width: 75px;
    text-align: left;
}

.summarySection span
{
    width: 100%;
}

#paymentsContentContainer div.row.paymentSectionButtons
{
    padding-left: 200px;
}

.newPayType
{
    position: relative;
    padding-top: 10px;
}

.radioButtonGroupHorizontalLayout
{
    display: inline;
}

.navisionExportButton
{
    float: right;
    padding: 5px 8px;
}

table.batchTable tbody tr:hover
{
    background-color: #e4e4e4;
}
table.batchTable td
{
    margin: 0px;
    padding: 5px 15px;
}

table.eosTable tbody tr:hover
{
    background-color:#ededed;
}
table.eosTable td
{
    text-align:center;
    padding: 3px 8px;
}

#manageTerritoryGoalContainer span.eosEditFieldTitle
{
    width: 200px;
}

#under_one_year_hover {
    position:absolute;
    visibility:hidden;
    font-size:12.5px;
    z-index:1;
    color:red;
}
#non_active_hover {
    position:absolute;
    visibility:hidden;
    font-size:12.5px;
    z-index:1;
    color:red;
}
tr.message_row td {
    padding-bottom: 20px;
}
#mecItemLookupDialog {
    min-width:400px;
}
.blocker {
    pointer-events:none;
}
.ProdImage{width:100px;height:100px; text-align:center;}
.PrintButton1{color: white; position:relative; font-size: 15px;float:right; background-color: #EAB011; width: 90px; height: 40px; text-align: center;border:none; padding-left:20px; cursor:pointer;}
.PrintButton{color: white; position:relative; font-size: 15px;float:right; background-color: #A8A8A8; width: 90px; height: 40px; text-align: center;border:none; padding-left:20px; cursor:auto;}
.PrintCustomButton{color: white; position:relative; font-size: 15px;float:right; background-color: #82AEDF;  height: 40px; text-align: center;border:none; margin-left:10px; padding-right:15px;}
.TextLabel{width:50px;text-align:center;border-radius:5px;height:20px;margin-bottom:10px;}
.PrintButton:hover{cursor:pointer;}
.PrintCustomButton:hover{cursor:pointer;}
#PrintIcon:hover{cursor:pointer;}

.topNavLinks{
    width:100%;
    float:left;
    height:70px;
}
.topNavLinks ul{
    width: 100%;
    background: #fff;
}
.topNavLinks ul li{
    list-style-type: none;
    background:#fff;
}


.span0{
    margin: auto;
    text-align: center;
    position: relative;
    top: 25%;
}
.span6{
    margin: auto;
    text-align: center;
    position: relative;
    top: 25%;
}


.border0{
    border-right: 4px solid #02162f;
}
.border1{
    border-right: 4px solid #02162f;
}
.border2{
    border-right: 4px solid #02162f;
}
.border3{
    border-right: 4px solid #02162f;
}
.border4{
    border-right: 4px solid #02162f;
}
.border5{
    border-right: 4px solid #02162f;
}
.border6{
    border-right: 4px solid #02162f;
}
.border7{
    border-right: 4px solid #02162f;
}
.border8{
    border-right: none;
}
.salesToolsButton
{
    height:30px;
    left:20px;
    position: relative;
}

.fixretailTools{
    bottom: 9px;
}
.fixretailTools2{
    top: -4px !important;
}

.salesToolsButton a
{
    color: #E9AF10 !important;
    font-size: 11pt !important;
    line-height:30px;
    vertical-align:top;
    padding: 0px 3px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     .fixhideformobile2{
         clear:right;
         margin-top:30px;
     }
     .IDME{
        margin-right: 18px;
    }
}

@supports (display:-ms-grid) {
  /* IE Edge 12+ CSS styles go here */ 
    .hideformobile2{
        clear:initial;
    }
    .fixhideformobile2{
        clear:right;
        margin-top:40px;
        padding-right:18px;
    }
    .IDME{
        margin-right: 18px;
    }
}

/*
    CUSTOM RING FORM
*/
.form-steps{
    font-family: fangsong;
    font-size: 20px;
}
.form-steps li{
    padding-bottom:50px;
}
.container-steps{

}
.please-note{
    font-family: 'Monotype Corsiva';
    font-size: 30px;
}
.steps-header{
    font-family: fangsong;
    font-size: 35px;
}
.form-note{
    font-family: fangsong;
    font-size:20px;
}
.getting-started{
    font-family: fangsong;
    font-size: 20px;
}
.right-form p{
    margin: 0;
}
.the-cost{
    font-size:30px;
    font-family:fangsong;
    padding-top:25px;
}
.the-cost-x{
    font-family: Verdana;
    position: relative;
    right: 35px;
    top: 5px;
    font-size: 40px;
}
.the-cost-free{
    position: relative;
    right: 25px;
    font-size:40px;
}
.store-contact{
    width: 100%;
}
.phone-email{
    width: 100%;
}
.store-contact td{
    text-align: left;
}
.phone-email td{
    text-align: left;
    padding-left:10px;
}
.store-contact td input{
    text-align: left;
    width:100%;
}
.phone-email td input{
    text-align: left;
    width:100%;
}
.additional{
    width:100%;
    text-align: left;
}
.additional input, .additional select{
    width:100%;
}
.right-form-area{
    padding-left:50px;
    text-align:center;
}
.capitalize-all{
    text-transform: capitalize;
}
.open-orders-display{
    display: flow-root !important;
}
@media(max-width:1059px){
    .right-form-area{
        padding-left: initial;
    }
}

.imageAreaClass{
    display:flex; 
    margin-top:85px;
    margin-bottom: 85px;
}
.imageAreaClassAuthenticated{
    display:flex;
}
.PushImageSectionDownAuthenticated{
    padding-right:10px;
    clear:both;
    position:relative;
}
.PushImageSectionDown{
    padding-right:10px;
    clear:both;
}
.imageLinkClass{
    margin:auto;
}

#leftImageArrow{
    cursor:pointer;
    font-size:60px;
    margin-bottom: auto;
    position: relative;
    margin-top: auto;
    padding-left: 15px;
    color:#112a46;
}

.rightImageArrow{
    cursor:pointer;
    font-size: 60px;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 15px;
    color:#112a46;
    text-decoration:none;
}

#leftImageArrow:hover, .rightImageArrow:hover{
    color: #0d496e;
}

.ringImageNameType{
    position: relative;
    bottom: 60px;
    margin: auto;
    text-align: center;
    width: 100%;
    display: block;
    color: grey;
    opacity: .8;
    font-style: italic;
    text-decoration: none;
}
#ctl00_Content_ImageLink{
    text-decoration:none;
}
#ctl00_Content_RelatedLinksSB{
    display:flex;
}
a.tab{
    border-top: initial;
    margin: auto;
    text-align: center;
    color: #112a46;
    font-size: 20px;
    font-weight: bold;
}

.activetab .under_tab{
    width: 50px;
    display: block;
    border: 2px solid #112a46;
    background: #112a46;
    margin: auto;
    position: relative;
    top: 5px;
}

#ctl00_Content_RelatedSB{
    border-top:none !important;
}
#ctl00_Content_RelatedHyperLink{
    border-bottom:none !important;
}
#ctl00_Content_RelatedSB{
    border-left:none;
}
#ctl00_Content_RelatedLinksSB{
    border-left:none;
}
.success {
    color:green;
}