﻿
/*#########################################################
  Content Containers
########################################################*/

#container1 
{
	width:100%;
}

#container2
{
    width: 980px;
    padding: 0 0 0 0;
    margin: auto;
    padding-left: 1px;
    background: url(../images/bg-shadow.png);
    _background: url(../images/bg-shadow.jpg); /*ie6*/
    background-repeat: repeat-y;
}

#main-container
{
    width: 960px;
    padding: 0px 0 0 15px;
    margin-top: -50px;
    margin-bottom: 22px;
}

#main-container #page-container
{    
	width:951px;
}

#main-container .page-container-customer
{    
	width:951px;
	margin-top:30px;
	_margin-top:30px;	
}

#main-container .page-container-salesrep
{    
	width:951px;
	margin-top:5px;
}

#main-container .selected-customer-widget
{
    width:951px;
    vertical-align:top;
    margin-top:25px;
}

/* SalesRepSelectedCustomer widget */

#sales-rep-selected-customer-container
{
    width:350px;
    height:22px;
    border:solid 1px #000000;
    text-align:left;
    margin-left:277px;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
}

#sales-rep-selected-customer-container .customer-data
{
    float:left;
    width:270px;
    white-space:nowrap;
    overflow:hidden;
    
}

#sales-rep-selected-customer-container .customer-links
{
    float:left;
    width:75px;
    margin-left:5px;
}

#sales-rep-selected-customer-container .account-name-text
{
    font-size:8pt;
    font-weight:normal;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
}

#sales-rep-selected-customer-container .account-number-text
{
    font-size:8pt;
    font-weight:normal;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
}

#sales-rep-selected-customer-container .change-account-link,
#sales-rep-selected-customer-container .change-account-link a,
#sales-rep-selected-customer-container .change-account-link a:visited
{
    font-size:7pt;
    font-weight:bold;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
    text-decoration:none !important;
}
#sales-rep-selected-customer-container .change-account-link a:hover
{
    text-decoration:underline !important;
    cursor:pointer;
}

html>body #sales-rep-selected-customer-container .change-account-link,
html>body #sales-rep-selected-customer-container .change-account-link a,
html>body #sales-rep-selected-customer-container .change-account-link a:visited
{
    /* non-IE */
    font-size:7pt;
    font-weight:bold;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
    text-decoration:none !important;
}
html>body #sales-rep-selected-customer-container .change-account-link:hover
{
    text-decoration:underline !important;
    cursor:pointer;
}

#sales-rep-selected-customer-container .shipto-text
{
    font-size:8pt;
    font-weight:normal;
    color:#000000;
    vertical-align:top;
    text-align:left;
}

#sales-rep-selected-customer-container .change-shipto-link,
#sales-rep-selected-customer-container .change-shipto-link a,
#sales-rep-selected-customer-container .change-shipto-link a:visited
{
    font-size:7pt;
    font-weight:bold;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
    text-decoration:none !important;
}
#sales-rep-selected-customer-container .change-shipto-link:hover
{
    text-decoration:underline !important;
    cursor:pointer;
}

html>body #sales-rep-selected-customer-container .change-shipto-link,
html>body #sales-rep-selected-customer-container .change-shipto-link a,
html>body #sales-rep-selected-customer-container .change-shipto-link a:visited
{
    font-size:7pt;
    font-weight:bold;
    line-height:12px;
    color:#000000;
    text-align:left;
    vertical-align:top;
    text-decoration:none !important;
}
html>body #sales-rep-selected-customer-container .change-shipto-link:hover
{
    text-decoration:underline !important;
    cursor:pointer;
}

/* end SalesRepSelectecCustomer widget */

/*#########################################################
  Header
########################################################*/

#header{
	margin:auto;
	width:960px;
	height:96px;	
}

#header #header-logo
{
    margin: 0px 0px 15px 0px;
    
    height: 93px;
    float: left;
    display: inline;
}

#header #header-logo img{
	margin:2px 0 4px 0;
}

#header .search-widget-panel
{
    width:375px;
    height:53px;
}
#header .column-search
{
    margin: 20px 0px 15px 18px;
    float: left;
    overflow: hidden;
}
/* move search widget up if marquee displaying */
#header .column-search-high
{
    margin: 6px 0px 15px 18px;
    float: left;
    overflow: hidden;
}

#header .main-search-watermark, 
#header .main-search-textbox
{
    border-style: hidden;
    border: none;
    font-size: 10pt;
    color: #000000;
    width: 260px;
    font-weight: bold;
    background-color: white;
    white-space: nowrap;
    padding: 2px 0px 0px 0px;
    margin: 17px 0px 0px 20px;
    float: left;
}

#header #LP_DIV_1360189341520
{
    margin: 1px 0px 0px 342px;
        
}

#header  .main-search-button
{
    padding: 0px;
    margin: 12px 10px 0px 0px;
    _margin: 12px 5px 0px 0px; /* IE 5 & 6 */
    float: right;
}

#header #header-links
{
    height: 60px;
    width: 220px;
    float: right;
    display: inline;
    position: relative;
    margin: 3px 8px 0px 0px;
}

/* Scrolling customer message marquee */

#nav #nav-tabs .bulletin-message-container
{
    float:left;
    width:283px;
    height:21px;
    margin-left:26px;
    padding-top:6px;
}
#nav #nav-tabs .bulletin-message-container-narrow
{
    /* narrower marquee if 3 tabs */
    float:left;
    width:250px;
    height:21px;
    margin-left:26px;
    padding-top:6px;
}

#nav #nav-tabs .bulletin-message-widget
{
    float:left;
    width:276px;
    border: solid 1px #0f75bc;
    padding:2px 2px 1px 2px;    
    color:#0f75bc;
    font-size:10pt;
    font-weight:bolder;
    line-height:15px;
    overflow:hidden;
}
#nav #nav-tabs .bulletin-message-widget-narrow
{
    /* narrower marquee if 3 tabs */
    float:left;
    width:245px;
    border: solid 1px #0f75bc;
    padding:2px 2px 1px 2px;    
    color:#0f75bc;
    font-size:10pt;
    font-weight:bolder;
    line-height:15px;
    overflow:hidden;
}
#nav #nav-tabs .bulletin-message-add
{
    float:left;
    width:276px;
    height:15px;
    border: solid 1px #0f75bc;
    padding:2px 2px 1px 2px;    
    color:#0f75bc;
    font-size:10pt;
    font-weight:bolder;
    line-height:15px;
}
#nav #nav-tabs .bulletin-message-add-narrow
{
    /* narrower marquee if 3 tabs */
    float:left;
    width:245px;
    height:15px;
    border: solid 1px #0f75bc;
    padding:2px 2px 1px 2px;    
    color:#0f75bc;
    font-size:10pt;
    font-weight:bolder;
    line-height:15px;
}
#nav #nav-tabs .bulletin-link-container
{
    float:left;
    margin-top:8px;
    margin-left:2px;
    width:20px;
}

#nav #nav-tabs .bulletin-edit-link
{
    font-size:9pt;
    font-weight:normal;
    color: #0f75bc !important;
}
#nav #nav-tabs .bulletin-edit-link a,
#nav #nav-tabs .bulletin-edit-link a:visited
{
    text-decoration:none;
    cursor:pointer;
}
#nav #nav-tabs .bulletin-edit-link:hover
{
    text-decoration:underline;
}

#nav #nav-tabs .bulletin-add-message
{
    font-size:8pt;
    font-weight:normal;
    color: #0f75bc !important;
}

/* end Scrolling customer message marquee */


    /* Header Links Row 1 */

#header #header-links #row1{
	height:30px;
}

#header #header-links #row1 #column-shop
{
    
    width: 225px;
    float: right;
    display: inline;
    font-size: 11px;
    text-align: right;
}

#header #header-links a{
	text-decoration:underline;
	color:#06F;
}

#header #header-links #row1 #column-shop img{
	margin-bottom:-5px;
}

#header #header-links #row1 #column-shop #cart
{
    width: 140px;
    float: left;
    display: inline;  
    vertical-align:top;
    _margin-left:-10px;
}

.classCartWidget
{
    float:right;
}

#header #header-links #divCartWidget a
{
	text-decoration:none;
}

.CartWidgetNumLineText
{
    float:left;
}
#header #header-links #row1 #column-shop #cart .item-count
{
    font-size: 8pt;
    color: #0a4b79;
    line-height:22px;
    vertical-align:middle;
}
#header #header-links #row1 #column-shop #cart .subtotal-value
{
    font-size:8pt;
    color: #0a4b79;
    line-height:22px;
    vertical-align:middle;
}
    
#header #header-links #row1 #column-shop #cart .cart-icon
{
    float:left;
    width:21px;
    height:16px;
    vertical-align:top;
}

#header #header-links #row1 #column-shop #cart .cart-lines-container
{
    float: left;
    height:22px;
    margin-left: 5px;
    /*padding-top: 8px;*/
    padding-left:4px;
    /*margin-bottom: 2px;*/
    white-space: nowrap;
}

#header #header-links #row1 #column-shop #cart .cart-subtotal-container
{
    float:left;
    height:22px;
    /*padding-top:8px;*/
    padding-left:4px;
    white-space:nowrap;
}

#header #header-links #row1 #column-shop #login-checkout
{
    width:84px;
	height:30px;
	float:right;
	display:inline;
}

#header #header-links #row1 #column-shop #login-checkout .checkout{
	position:relative;
	right:11px;
    color: #073555;
    font-weight: bold;
    text-decoration: none;
    line-height:22px;
    vertical-align:middle;
}

#header #header-links #row1 #column-shop #login-checkout .checkout:hover{
	text-decoration:underline;
}
.btn-login
{
    position:relative;
    _margin-top:-30px;
}

.LoginTextBlackBold, 
.LoginTextBlackBold a, 
.LoginTextBlackBold a:hover, 
.LoginTextBlackBold a:visited
{
    color: #000000 !important;
    font-family: Arial;
    font-size: 8pt;
    font-weight:bold;
    text-decoration: none !important;
}
.checkout, .checkout a, .checkout a:visited
{
    font-weight: bolder;
    font-size: 8pt;
    color: #0a4b79 !important;
    vertical-align: bottom;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
}
.checkout a:hover
{
    text-decoration: underline !important;
}

.LogoutLink, 
.LogoutLink a, 
.LogoutLink a:visited
{
    font-weight: normal;
    font-size: 8pt;
    color: #0f75bc !important;
    white-space: nowrap;
    text-decoration: underline !important;
    cursor: pointer;
    line-height:12px;
    *line-height:14px;
}

    /* Header Links Row 2 */

#header #header-links #row2{
	height: 18px;
	padding: 0px 5px 0 10px;
	text-align:right;
	font-size:11px;
	width:100%;
    
}
#header #header-links #row2 a{
	font-size:11px;
}
#header #header-links #row2 img{
	margin:0 3px 0 0;
}

/*#########################################################
  Navigation
########################################################*/

#nav{
	height:65px;
	width:960px;
	margin:auto;
	position:relative;
	top:-20px;
	/*_top:-41px;*/
	_top:-34px;
	margin-bottom:-28px;
	_margin-left:10px;
	z-index:3000;
	
}

#nav #nav-tabs {
	text-align:left;
	/*padding-right:20px;*/
	padding-right:2px;
}
#nav-tabs .header-tab-container
{
    float:right;
    background-image:url(../images/tab-header-blank.jpg);
    background-repeat:no-repeat;
    width:106px;
    height:30px;
}
.header-tab-container .header-tab-text,
.header-tab-container .header-tab-text a,
.header-tab-container .header-tab-text a:visited,
.header-tab-container .header-tab-text a:hover
{
    padding-top:2px;
    font-size:8pt;
    font-weight:normal;
    color:#ffffff !important;
    line-height:30px;
    text-align:center;
    vertical-align:middle;
    text-decoration:none !important;
    cursor:pointer;
}

/*
#nav #nav-tabs img{
	margin-right:-10px;
	float:right;
	display:inline;
	position:relative;
	bottom:0px;
}
*/

#nav #nav-buttons
{
    height: 30px;
    width: 960px;
    position: relative;
    /*background-image: url(../images/bg-nav.jpg);*/
    background-repeat: repeat-x;
    text-align: left;
    z-index: 2000;
    _margin-top:-2px;
}

#nav-buttons-loggedin {
	float:right;
	display:inline;
}

.MainMenuLeft
{
    padding-left: 10px;
}

.MainMenuRight
{
    padding-right: 10px;
}

.MainMenuCell
{
    text-align: center;
    vertical-align: middle;
}

.MainMenuLink, .MainMenuLink a, 
.MainMenuLink a:hover, 
.MainMenuLink a:visited, 
.MainMenuLinkHover
{
    color: #ffffff !important;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none !important;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    line-height: 26px;
}
.MainMenuDivider
{
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px; 
    padding-bottom: 0px; 
    height: 26px;
}

.MainMenuPopUp
{
    border-style: none solid solid solid;
    position: absolute;
    visibility: hidden;
    background-color: #ffffff;
    border-bottom-color: #0a4b79;
    border-bottom-width: thin;
    border-left-color: #0a4b79;
    border-left-width: thin;
    border-right-color: #0a4b79;
    border-right-width: thin;
    width: 450px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
    z-index: 1000 !important;
}

.MainMenuPopUpInner
{
    line-height: 17px;
}
.MainMenuPopUpLinks, 
.MainMenuPopUpLinks a, 
.MainMenuPopUpLinks a:hover, 
.MainMenuPopUpLinks a:visited
{
    /*color: White !important;*/
    color: #0091B6 !important;
    font-size: 9pt;
    font-weight: normal;
    cursor: pointer;
}
/*
.shop-on{
	position:relative;
	right:2px;
}

.shop-off{
	position:relative;
	right:-1px;
}

.shop-off-quickorder-on{
	 position:relative;
	 left:-96px;
}

.shop-off-myorganization-on{
	margin-left:-140px; 
	position:relative; 
	left:-118px;
	*left:-40px;
}
*/

.shop-off-myaccount-on{
	position:relative; 
	left:-96px;
}

.myorganization-off{
	position:relative;
	right:1px;
}

.myorganization-off-myaccount-on{
	position:relative; 
	left:-96px;
}

.myorganization-off-quickorder-on{
	position:relative; 
	left:-96px;
}

.myorganization-on{
	position:relative;
	left:-1px;
}

.myaccount-off-quickorder-on{
	position:relative; 
	left:-95px;
}

.myaccount-on{
	position:relative;
	right:-178px;
}

.quickorder-off{
	 padding-left:1px;
	 _margin-left:1px; /* ie6 */
}

.quickorder-on{
	 position:relative;
	
	 right:-274px;
}
/* Support for the "iehover-fix.js" */
ul.navItems iframe {position: absolute;left: -0.25em;top: -0.25em;z-index: -1;filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
* html ul.navItems li { z-index: 501; }
/* this is for IE 5.0
     select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */
/* end Navigation */


/*#########################################################
  Footer
########################################################*/
#footer-container{	
	height:40px;
	width:980px;
	clear:both;
	background-image:url(../images/bg-footer.png);
	_background-image:url(../images/bg-footer.jpg); /*ie6*/
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	left:-15px;
	_left:-15px;
	text-align:center;
	top:40px;
	margin-top:-15px;
}

#footer 
{
	height:13px;
	width:937px;
	background-color:#0091B6;
	position:relative;
	top:-8px;
	left:10px;
	color:#FFF;
	padding:10px 12px 7px 12px;
	font-size:11px;
	*margin-left:-19px; /*ie 6 & 7 */
	_margin-left:-21px; /*ie 6*/
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}

#footer #content-left{
	float:left;
	display:inline;
}

#footer #content-right{
	float:right;
	display:inline;
	width:300px;
	_width:350px; /*ie6*/
	text-align:right;
}


/*#########################################################
  Footer container 2
########################################################*/
#footer-container2
{ 
	width:980px;
	clear:both;
	margin-top: 20px;
    z-index:100;
    text-align: center;
    *background-image: none;
    *background-color:Transparent;
    _padding-top: 10px;
}
.footer-admin-links
{
    width: 980px;
    text-align: center;
    float: left;
    margin-top: 15px;
}
.footer-admin-links a, 
.footer-admin-links a:visited
{
    color: #0091B6 !important;
    font-weight:bold;
    font-size:8pt;
}
#powered-by-mbsdev
{ 
    float: right;
    margin-right: 450px;
    margin-top: 5px;
    padding-top: 10px;
    *margin-right: 0px; 
    *width: 980px;
    *text-align: center;
 }
 
/*#########################################################
  Jquery Nav Menu
########################################################*/ 

   ul.ldd_menu
   {
      margin: 0px;
      padding: 0;
      list-style: none;
      /*border-left: 10px solid #D04528;*/
      -moz-box-shadow: 0px 3px 4px #591E12;
      -webkit-box-shadow: 0px 3px 4px #591E12;
      -box-shadow: 0px 3px 4px #591E12;
      border-top-color: #0091B6;
      border-bottom-color: #0091B6;
      border-left-color: #0091B6;
   }
   

   ul.ldd_menu a
   {
      text-decoration:none;
      font-weight:600;
      font-size:13px;
      color:#fff;
   }
   
      ul.ldd_menu img
   {
      text-decoration:none;
      font-weight:600;
      font-size:13px;
      color:#0091B6;
      padding:0;
      margin-top:2px;
   }

   ul.ldd_menu .ldd_menuitem
   {
      float:left;
      position:relative;
      
   }

   ul.ldd_menu .ldd_menuitem img
   {
      float:left;
      position:relative;
      line-height:30px;
      vertical-align:middle;
      
   }

   li.ldd_item
   {
      position:relative;
      display:table-row;
      _display:inline; /* IE 6 & 7 */
      _position:fixed;/* IE 6 & 7 */
      
      
   }
   li.ldd_item span
   {
      position:relative;
      display:table-row;
      _display:inline; /* IE 6 & 7 */
      float:left;
      width:100%;
      
   }
   
   ul.ldd_menu ul.menu-divider
   {
      background-image:url(../images/menu-divider.jpg);
      width:3px;
      height:40px;
      padding:0;
      
   }
   
   ul.ldd_menu ul.menu-divider li
   {
      position:absolute;
      
   }
      
   
   
   ul.ldd_menu li a
   {
      float: left;
      color: #fff;
      font-size:13px;
      font-weight:600;
      line-height: 30px;
      cursor: default;
      /*padding: 0px 10px 0px 10px;*/
   }
   
   
   ul.ldd_menu li a.hovered, ul.ldd_menu li a:hover
   {
      border-color: #8FAB30;
      background-color: white;
      color: #8FAB30;
      border-style: solid;
      border-width: 2px 2px 0 2px;
      margin:-1px -2px 0 -2px;
      line-height: 27px;
   }

   
   
   ul.ldd_menu .ldd_submenu
   {
      position: absolute;
      top: 27px;
      width: 600px;
      height: auto;
      display: none;
      opacity: 0.95;
      left: 0px;
      _left: -15px; /* IE 6 & 7 */
      font-size: 10px;
      background: #FFFFFF;
      border-top: 0px solid #EF593B;
      -moz-box-shadow: 0px 3px 4px #0091B6 inset;
      -webkit-box-shadow: 0px 3px 4px #0091B6 inset;
      -box-shadow: 0px 3px 4px #0091B6 inset;
      z-index: 1900; /* IE 6 & 7 */
      color: #0091B6;
      border-style: solid;
      border-width: 0px 2px 2px 2px;
      margin:0px -2px 0 -2px;
      font-weight: bold;
      border-color: #8FAB30;
   }
   
   a.ldd_subfoot
   {
      background-color:#f0f0f0;
      color:#444;
      display:block;
      clear:both;
      padding:15px 20px;
      text-transform:uppercase;
      font-size:12px;
      text-shadow:0px 0px 1px #fff;
      -moz-box-shadow:0px 0px 2px #777 inset;
      -webkit-box-shadow:0px 0px 2px #777 inset;
      -box-shadow:0px 0px 2px #777 inset;
   }
    
   ul.ldd_menu ul
   {
      list-style: none;
      float: left;
      /*margin: 10px 0px 5px 10px;*/
      /*padding: 5px;*/
      width:45%;
   }
      
   li.ldd_heading
   {
      font-size: 13px;
      font-style: italic;
      color:#FFB39F;
      text-shadow:0px 0px 1px #B03E23;
      padding:0px 0px 10px 0px;
   }
   
   ul.ldd_menu li
   {
      margin:0;
   }
   
   ul.ldd_menu .ldd_item span a
   {
      font-weight:normal;
      font-size:9pt;
      line-height:20px;
      color: #0091B6;
      padding: 1px 3px;
      margin:0px;
      border:none;
      float:left;
   }
      
    ul.ldd_menu .ldd_item span a:hover, ul.ldd_menu .ldd_item span a.hovered
   {
      text-decoration:underline;
      border:none;
      padding: 0px 3px;
      margin:0px;
      font-weight:normal;
      font-size:9pt;
      line-height:20px;
      float:left;
      cursor:pointer;
      
   }
   
   /* promotional zones */
   
.promo-container .title
{
   color: #005CB9;
   font-weight: bold;
   font-size: 17px;
   float:left;
}

.promo-container .description
{
   color: #363333;
   font-weight: bold;
   font-size: 12px;
   float:left;
}

.promo-container img
{
   /*width:100%;*/
   height:auto;
}



/* Banner CSS */

.banner-container
{
   width:545px;
   float:left;
}

.banner-container .title
{
   color: #005CB9;
   font-weight: bold;
   font-size: 17px;
   float:left;
}

.banner-container .description
{
   color: #363333;
   font-weight: bold;
   font-size: 12px;
   float:left;
}

#edealsWindow .CSSEDealsPopupWindowHeader {
    padding: 6px;
    text-align:center;
    line-height: 18px;
    color: #0071bc;
}

#edealsWindow .CSSEDealsPopupWindowRow {
    padding-top: 5px;
    padding-right: 50px;
    min-height: 24px;
    text-align: right;
}

#edealsWindow .CSSEDealsPopupWindowLabel {
    padding-left: 5px;
    color: black;
}

#edealsWindow .CSSEDealsPopupWindowTextBox {
    padding-left: 5px;
    padding-right: 5px;
}

#edealsWindow .CSSEDealsPopupWindowRowButton {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

#edealsWindow .CSSEDealsPopupWindowButton {
    cursor: pointer;
}

#edealsWindow .CSSEDealsPopupWindowMessage {
    padding-top: 5px;
    color: red;
    text-align: center;
}

    .CSSEDealsPopupWindowWidget 
    {
            /* must be initially hidden */
        display:none;
 
        /* place overlay on top of other elements */
        z-index:10000;

        background-color: #fff;
        /*border-width: 1px;
        border-style: solid;
        border-color: black;*/
	   
		color:#efefef;
        width:320px; 
		min-height:120px;

        box-shadow: 0 0 90px 5px #000;
 
        /* CSS3 styling for latest browsers */
        -moz-box-shadow:0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000;

        padding: 5px;
    }

    .CSSEDealsPopupWindowWidget .close 
	{	   
	    background-image:url(http://jquerytools.github.io/media/img/overlay/close.png);
	    position:absolute;
	    right:-16px;
	    top:-20px;
	    cursor:pointer;
	    height:35px;
	    width:35px;
	}

.eDealsActionLink
{
    font-weight: bolder;
    font-size: 9pt;
    color: #771D38;
    text-decoration: none;
    cursor: pointer;
}

.eDealsActionLink:hover
{
    font-weight: bolder;
    font-size: 9pt;
    color: #771D38;
    text-decoration: none;
    cursor: pointer;
}