<!-- Common Baseline Style Sheet for DEEPER POWERED STORES -->



* {
  margin: 0px;
  padding: 0px;
}



html {
  overflow-y:scroll;
}



body {
  background-color: #004F80;

  font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
  font-size: 10pt;

  text-decoration: none;
  color: #000000;
  scrollbar-face-color: #ADC7E4;
  scrollbar-shadow-color: #E9F0F8;
  scrollbar-highlight-color: #8FB3DA;
  scrollbar-3dlight-color: #E9F0F8;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #CCCCCC;
  scrollbar-arrow-color: #8FB3DA;
  text-align:left;
}

P {
	font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
	font-size: 10pt;
	text-align:left;
}


TD {
	font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
	font-size: 10pt;
}


TH {
	font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
	font-size: 13px;
}

UL {
	text-align:left;
	margin-left: 40px; 
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 15px;
}


TEXTAREA {
	border-bottom-width: 1px;
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-top-width: 1px;
	font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-indent: 2px;
}


INPUT {
	background-color: #FFB;
	border-color: #222;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	color: #222;
	font-family: Tahoma, Verdana, Arial, Swiss, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-indent: 2px;
}

.inputformfield {
	height:20px;
}


SELECT {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
}


A:link {
	COLOR: #000000;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, Swiss, sans-serif;
	TEXT-DECORATION: underline,overline;
}


A:hover {
	COLOR: #3C75B4;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, Swiss, sans-serif;
	TEXT-DECORATION: underline;
}


A:visited {
	COLOR: #000000;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, Swiss, sans-serif;
	TEXT-DECORATION: underline;
}


A:active {
	COLOR: #000000;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, Swiss, sans-serif;
	TEXT-DECORATION: none;
}










/************************************************************ USER ACCOUNT MANAGEMENT *************************************************************/



table.tablecontainer {
	width:100%;
	border-collapse:collapse;
	text-align:left;
}

table.nobackground {
    background: none;
	width:100%;
	border-collapse:collapse;
	text-align:left;
}

tr .tablecontainer{
	padding-top:3px;
	padding-bottom:3px;
}

tr.tableheader {
    background-color:#888;
	color:#FFF;
	font-weight:600;
}

td.tableheader {
    padding-top:6px;
	padding-bottom:6px;
}

tr.odd {
   background-color:#FFF;
}

tr.even {
   background-color:#DDF;
}

td {
	xborder-bottom: 1px dotted #666;
}



.tablecontainer {
	border: 4px solid #888;
	border-radius: 7px;
	padding:0px;
	background: #edf3f6;
	text-align:left;
	xbehavior: url(/National_Library/20160930123623oe_/http://www.e316.com/includes/ie-fixes/pie/PIE.htc);
}

.tablewrapper {
	text-align:center;
}

.tableinnerpadding {
	padding:25px;
}


h3 {
	font-family:Oswald, Arial Narrow, Helvetica Narrow, Arial, Helvetica;
	font-size:26px;
	text-transform:uppercase;
	color:#60B0EF;
	margin-bottom:20px;
	text-shadow: 1px 1px 1px #666;
	text-align:left;
}

.sectionboldtext {
	font-size:14px;
	color:#60B0EF;
	font-weight:600;
}


.messagebox{
	border: 4px solid #FF3333;
	border-radius:10px;
	padding:20px;
	color:#333;
	background: #FFAAAA;
	margin-top:5px;
	margin-bottom:15px;
	xbehavior: url(/National_Library/20160930123623oe_/http://www.e316.com/includes/ie-fixes/pie/PIE.htc);
}

.divround{
	border:4px solid #ccc;
	padding:20px;
	border-radius:10px;
	xbehavior: url(/National_Library/20160930123623oe_/http://www.e316.com/includes/ie-fixes/pie/PIE.htc);
}

.buttonbar{
    vertical-align:top;
}






/************************************************************ BLUE Header Bar *************************************************************/

.header {
  background: #ffffff;
}

TR.header {
  background: #ffffff;
}


.headerNavigation {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}


A.headerNavigation, A.headerNavigation:visited { 
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
        text-decoration: none;
}

A.headerNavigation:hover { 
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
        text-decoration: underline;
}






TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 9pt;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}






TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 9pt;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



/*********************************************************** General Theme items ****************************************************/


a:link{color:#003399; text-decoration:none;}
a:visited{color:#003399; text-decoration:none;}
a:hover{color:#003399; text-decoration:underline;}
a.wl:link{color:#fff; text-decoration:underline;}
a.wl:visited{color:#fff; text-decoration:underline;}
a.wl:hover{color:#bdd3ff; text-decoration:underline;}
a.gotolink:link{color:#c4d5f4; text-decoration:none;}
a.gotolink:visited{color:#c4d5f4; text-decoration:none;}
a.gotolink:hover{color:#c4d5f4; text-decoration:underline;}



/*********************************************************** Submenu Tab Bar in Grey/White ****************************************************/

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		border-bottom: 1px solid #aaa;
 		xbackground: url(/National_Library/20160930123623oe_/http://www.e316.com/themes/deepBlue/images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 11px;
		line-height: 15px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-top: 1px solid #aaa;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 2px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}

/*********************************************************** SubTabNav ****************************************************/

#tabnavsub
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		xbackground: url(/National_Library/20160930123623oe_/http://www.e316.com/themes/deepBlue/images/tab_bottom.gif) repeat-x bottom;
	}

#tabnavsub li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnavsub a:link, #tabnavsub a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnavsub a:link.active, #tabnavsub a:visited.active
	{
		border-bottom: 1px solid #ffd;
		background: #ffd;
		color: #000;
	}

#tabnavsub a:hover
	{
		background: #fff;
	}
	
	
	
/******************************************************** Standard Buttons Format *******************************************************************/

.button
{
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

.button:focus
{
        outline: 0;
        background: #fafafa;
}    

.button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

/* Hexadecimal entities for the icons */

.add:before
{
        content: "\271A";
}

.edit:before
{
        content: "\270E";
}

.delete:before
{
        content: "\2718";
}

.save:before
{
        content: "\2714";
}

.email:before
{
        content: "\2709";
}

.like:before
{
        content: "\2764";
}

.next:before
{
        content: "\279C";
}

.star:before
{
        content: "\2605";
}

.spark:before
{
        content: "\2737";
}

.play:before
{
        content: "\25B6";
}	

/******************************************************** Content Management System *****************************************************************/

.AdminDashboard {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 100px;
  right: 0px;
  width: 150px;
  height:400px;
  overflow:hidden;
  z-index:300;
  border:2px dashed #222;
  background: #FFF;
  padding:5px;
}


/******************************************************** Left Nav Menu Items ***********************************************************************/
.leftnavrow{font-size: 9pt; width:100%; padding:4px 2px 4px 2px; border-top:1px solid #444444;}
.leftnavrow_sub{width:100%; background-color:#f2f2f2; color:#2f2f2f; font-size: 9pt; border-top: 1px solid #444444;}
.leftnavrow_sub_inner{padding: 2px 2px 2px 2px;}
.leftnavrow_subText{text-align:left;}

/******************************************************* CSS honeypot for bots ********************************************************************/
.hnypot { display: none; }

#ringsizerbutton {
    background-image: url('/National_Library/20160930123623oe_/http://www.e316.com/content/jewelry/ring-sizer-button.gif');
    background-repeat: no-repeat;
    border: 0 none;
    display: block;
    height: 37px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 138px;
}

/************************************************ For atlanta warehouse page *****************************************/
#warehouse_menu_table {
  width:80%; 
  font-size:1.2em;
}
#warehouse_menu_table td {
  width:50%; 
}