@import url(http://fonts.googleapis.com/css?family=Griffy);
@import url(http://fonts.googleapis.com/css?family=Life+Savers);
@import url(http://fonts.googleapis.com/css?family=Open Sans);

root { 
    display: block;
}
*{
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
}
body{
    background-color: #e0e0e0;
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	max-width: 900px;
	min-width: 900px;
}

td {
        font-size: 10pt;
        font-family: "verdana,helvetica,arial";
}

.td-norm {
        font-size: 10pt;
        font-family: verdana,helvetica,arial;
}

.product_alert {
        font-size: 12pt;
        font-family: verdana,helvetica,arial;
        color: red;
        font-weight: bold;
}

.product_alert_2 {
        font-family: verdana,helvetica,arial;
        color: red;
        font-weight: bold;
}

.xmas_headline {
        font-family: Griffy;
        font-size: 18pt;
        color: red;
}

.xmas_body {
        font-family: Open Sans 400;
        font-size: 10pt;
        color: green;
        font-weight: bold;
}


                                .desc {
                                        font-family: verdana,arial,sans-serif;
                                        font-size: 9pt;
                                        margin-top: 8px;
                                }

		.p_desc { padding-top: 8px; }

header{
    width: 900px;
    height: 150px;
    display: block;
    margin: 0 auto;
    background-color: #003366;
    -webkit-box-shadow:  0px 5px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow:  0px 5px 1px 0px rgba(255, 255, 255, 0.5);
}
#headerleft{
    float: left;
    height: 150px;
    width: 33%;
    color: #ffcc66;
}
#headerleft>a{
    display: block;
    padding-top: 25px;
}
#headerleft>p{
    padding-left: 6px;
    font-size: 18px;
}
#headerleft>p>strong>b{
    color: #fff;;
}
#headerright{
    float: right;
    height: 150px;
    width: 67%;
}
#accinfo{
    float: right;
    height: 60%;
    padding: 10px;
    padding-top: 0px;
}
#youraccount,#support,#mycart{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 75px;
    margin-left: 10px;
    padding-right: 15px;
}
#youraccount,#support{
    border-right: 1px dotted #fff;
}
#youraccount a{
    color: #fff;
}
#support a{
    color: #fff;
}
#imgcart{
    display:inline-block;
    height:65px;
    width:65px;
}
#mycart a{
    padding-top: 30px;
}
#serch{
    position: relative;
    float: right;
    height: 35px;
    width: 85%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e1e1e1;  // light gray background around search box
    padding-right: 0px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-box-shadow:  2px 2px 1px 0px rgba(255, 255, 255, 0.5);
        
        box-shadow:  2px 2px 1px 0px rgba(255, 255, 255, 0.5);
}
#serchwithe{
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    position:relative;
    height: 25px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #fff;
    width: 400px;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
        
        box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
#inputserch{
	line-height:14px;
    border: 0;
	font-size: 14px;
    margin-top: 4px;
    margin-left: 8px;
    width: 379px;
    display: inline-block; 
    background: transparent;
}
.btnserch {
    position:absolute; 
    right: 9px;
    top:3px;
	-moz-box-shadow:inset 0px 0px 0px -50px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px -50px #fce2c1;
	box-shadow:inset 0px 0px 0px -50px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:1px 0px 15px #cc9f52;
        margin-right: 4px;
        margin-top: 3px;
        float: right;
        
    padding-bottom: 3px;
    padding-top: 3px;
}.btnserch:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.btnserch:active {
	position:absolute;
	top:4px;
}
.menu {
    background-color:#ffcc66;     /// #f93;
    width:95%;
    margin: 0 auto;
    margin-top: 3px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    font-family: Arial,Helvetica,sans-serif;
   # text-transform: uppercase;
}
.menu > span {
    display:inline-block;
    margin:0 auto;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
    float:left;
	margin-left: 2px;
	margin-top: 1px;

    padding:0;
    position:relative;
    height: 35px;
}
#nav>li:first-child{
    margin-left: 10px;
}
#nav > li > a {
    color:#666666;   /*// #fff;  */
    display:block;
    font-size:90%;
    padding:3px 5px;
    position:relative;
    text-decoration:none;
    height: 25px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#nav > li > a:hover {
    border-color:#999;
    color:#003366;
    -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
}
#nav > li.selected  > a {
    background-color:#e0e0e0;
    z-index:2;
    -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        
    -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
#nav li div {
    position:relative;
}
#nav li div div {
    background-color:#e0e0e0;
    padding:12px 0;
    display:none;
    font-size:0.75em;
    margin:0;
    margin-left: 5px;
    text-transform: none;
    position:absolute;
    top:-1px;
    z-index:10;
    width:190px;
}
#nav li div div.wrp2 {
    width:380px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
     margin:15px 0;
	margin-top: 10px;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:170px;
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
    border-bottom:1px solid #E3E3E3;
    color:#4F4F4F;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:13px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#333;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-weight: normal;
    font-size:12px;
}
#nav li ul ul li a:hover{
    text-decoration: underline;
    color:#000000;
}
#main_content{
    width: 900px;
    margin: 0 auto;
##    height: 500px;
    background-color: #fff;
}
.separator{
    margin-top: 7px;
	line-height: 200%;
    color:#999999;
    padding-left: 7px;
    padding-right: 7px;
}
/* ribbon style */

 .ribbon-wrapper {
	position: relative;
        display: block;
        width: 900px;
	border-top: 0px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
  .ribbon-front {
	background-color: #003366;	height: 1px;
	width: 900px;
	position: relative;
        display: block;
        margin: 0 auto;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 1px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	border-color: transparent #011C37 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 880px;
	border-color: transparent transparent transparent #011C37;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 10px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 0px;
	height: 1px;
	background-color: #003366;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 0px;
	height: 1px;
	background-color: #003366;	z-index: 0;
}


/*  //#### above is old header.css  */


.shipping {
margin-top: 8px; 
margin-bottom: -4px; 
padding: 3px; 
width: 350px; 
background: wheat;
font-family: verdana, helvetica, sans-serif;
font-size: 8pt;
}

.title_prod {
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
text-style: italic;
font-size: 13pt;
}

.home_cart {
display: inline;
font-weight: bold;
float: center;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
color: red;
}

img {
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
}

td {
padding: 5px;
}

a:link {color:#003366; text-decoration: underline;}      /* unvisited link */
a:visited {color: purple; text-decoration: underline;}  /* visited link */
a:hover {color: black; text-decoration: underline;}  /* mouse over link */
a:active {color: #666666; text-decoration: underline;}  /* selected link */


.table {
padding: 4px;
}

.td {
font-family: verdana, sans-serif;
font-size: 12px;
padding:5px;
}

.disclaim {
 font-family: Verdana;
 font-size: 10px;
 font-style: italic;
 text-align: center;
 color: black;
}

.disclaim_red {
 font-family: Verdana;
 font-size: 10px;
 font-weight: bold;
font-style: italic;
 text-align: center;
 color: red;
}

.logo {
margin-left: 12px;
}

#box {
align: left;
width: 872px;
border-width: 1px;
border-color: silver;
border-style: solid;
background: white;
padding: 6px;
margin-left: auto;
margin-right: auto;
}

#bigbox {
background-color: white;
}

div.tab_head {
background-color: #666666;
width: 900px;
height: 26px;
font-family: sans-serif;
font-size:13px;
font-style: italic;
font-weight: bold;
color:white;
line-height: 1.9;
text-indent: 6px;

#float:left;
text-align:left;
margin-top: 4px;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
clear: both;
}


#box_container {
width: 900px;
background: white;
padding: 0em;
#float: left;
#margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
}

#box_quicklinks {
width: 448px;
border-width: 1px;
border-color: silver;
border-style: solid;
background: white;
padding: 3px;  
float: left;
margin-left: 1px;
}

#ql_leftcol {
float:left;
font-family: sans-serif;
text-align: center;
margin: 1px;
margin-bottom: 16px;
}



#box_util {
width: 400px; 
border-width: 1px;
border-color: white;
border-style: solid;
background: white;
padding: 6px;
margin-left: 6px;
float: left;
}

#hp_util_box {
width: 170px;
height: 135px;
border-width: 1px;
border-color: #[colord];
border-style: solid;
background: white;
padding: 5px;
margin: 5px;
float: left;
}

#sub_box_first {
width: 218px;
height: 280px;
border-width: 1px;
border-color: #003366;
border-style: solid;
background: white;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom:4px;
float: left
}


#sub_box {
width: 218px;
height: 280px;
border-width: 1px;
border-color: #003366;
border-style: solid;
background: white;
padding: 0px;
margin-left: 6px;
margin-right: auto;
#margin-bottom:10px;
float: left
}

#pop_prod_box {
width: 110px;
border-width: 1px;
border-style: solid;
padding: 5px;
margin: 5px;
text-align:center;
float: left
}


.sub_box_text {
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
text-align: left;
margin: 5px;
}

a.sub_box_head:link {text-decoration: underline; font-family: sans-serif; font-size:16px; font-weight:bold; color:#000000; margin-bottom: 4px; line-height: 1.9; margin: 5px;}
a.sub_box_head:visited {text-decoration: underline; font-family: sans-serif; font-size:16px; font-weight:bold; color:#000000; margin-bottom: 4px; line-height: 1.9;  margin: 5px;}
a.sub_box_head:hover {text-decoration: underline; font-family: sans-serif; font-size:16px; font-weight:bold; color:#000000; margin-bottom: 4px; line-height: 1.9; margin: 5px; }


a.redhead:link { font-family: sans-serif; font-size: 10px; color:#990000; font-weight: bold; text-decoration: underline; line-height: 1.0}
a.redhead:visited { font-family: sans-serif; font-size: 10px; color:#990000; font-weight: bold; text-decoration: underline; line-height: 1.0 }
a.redhead:hover { font-family: sans-serif; font-size: 10px; color:#990000; font-weight: bold; text-decoration: underline; line-height: 1.0}

a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
}


.txt {
font-family: verdana, sans-serif;
font-size:12px;
}

.h2 {
font-family: verdana, sans-serif;
font-size:18px;
font-style: italic;
font-weight: bold;
}

.h4 {
font-family: sans-serif;
font-size:12px;
font-style: italic;
font-weight: bold;
text-align: center;
}

.product_head {
font-family: verdana, arial, helvetica;
font-size:18px;
font-style: italic;
font-weight: bold;
text-align: left;
}

.subhead {
 font-family: Verdana;
 font-size: 10px;
 font-style: italic;
font-weight: bold;
 text-align: left;
 color: red;
}

#prod_bgbox {
width: 650px;
border-style: solid;
border-color: red;
margin: 5px;
padding: 20px;
float: left;
}

#prod_navbox {
width: 180px;
float: left;
height: 1000px;
padding: 6px;
margin-right: 8px;
}


.disclaim {
 font-family: Verdana;
 font-size: 10px;
 font-style: italic;
 text-align: center;
 color: black;
}
.select {
font-style: italic;
padding: 1px;
font-size: 9px;
color: #000000;
background-color: #ffcc66;
border-style: inset;
border-width: 1px;
}

.form {
font-style: italic;
padding: 2px;
font-size: 10px;
color: #000000;
border-style: inset;
border-width: 1px;
}

#search {
width: 200px;
margin-right: 25px;
margin-top: 15px;
float: right;
}

.search_text {
margin-top: 20px;
font-family: verdana;
font-size: 10px;
color: white;
font-weight: bold;
text-align:center;
}

textfield {
font-size:11px;
padding:0px 2px;
border:solid 1px #aacfe4;
width:150px;
margin:2px 0 2px 10px;
float: left;
}

.button{
margin-left:1px;
width:25px;
height:20px;
background:#666666; /* url(img/button.png) no-repeat;*/
text-align:center;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding: 1px;
}


/* CANVAS */

#canvas {
}

#canvas_nav {
height: 1000px;
width: 190px;
margin-left: 5px;
float: left;
}

#canvas_box {
width: 690px;
min-width: 690px;
margin-left: 6px;
float: left;
}

#canvas_half_box {
width: 330px;
margin-right: 5px;
float: left;
border-style: solid;
border-width: 1px;
border-color: red;
padding: 3px;
}

#canvas_item {
width: 325px;
padding: 4px;
float: left;
margin-bottom: 6px;
font-family: verdana, arial, helvetica;
font-size:11px;
}

#canvas .h4 {
display: block;
font-family: verdana, arial, helvetica;
font-size:15px;
font-style: italic;
font-weight: bold;
text-align: center;
}

#canvas .img {
float: left;
margin-right: 6px;
}

#canvas .copyright {
float: left;
margin-top:12px;
margin-bottom: 12px;
margin-left: 200px;
}

/* from css.html  */




a.history:link { color: white; text-decoration: underline; }
a.history:visited { color: white; text-decoration: underline; }
a.history:hover { color: white; text-decoration: underline; }


#box-table-a
{
	font-family: "Verdana", Sans-Serif;
	font-size: 7pt;
	margin: 0px;
	width: 240px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a td
{
	padding: 3px;
	background: #ffff99; 
	border-bottom: 2px solid #fff;
	color: #333;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #ffcc66;
	color: #333;
}

img.disp {
    display: block;
    margin-right: -5; }


th.grid {     font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
	color: #000000;
	padding: 5px;
}

td.grid {     font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
        color: #000000;
	padding: 5px;
}

td.grid_land {     font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
        color: #000000;
        padding: 6px;
}

.retail {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
    text-decoration: line-through;
}

                        .grid-white {  padding: 8px; font-family: "verdana", "Helvetica", "Arial", sans-serif; font-size: 10pt; background: white; }

                        .grid-meas {  padding: 8px; font-family: "verdana", "Helvetica", "Arial", sans-serif; font-size: 9pt; }

.breadcrumbs {
vertical-align: text-top;
margin-right: 1px;
margin-left: 1px;
}

a.bc:link { font-size: 8pt; color: #003366; font-style: italic;  }
a.bc:visited { font-size: 8pt; color: #003366; font-style: italic; }



/*   from main.css */




/* Style 5 */

/* @group Structure */






span.alert {
	color: #CC0000;
	border-top: 3px solid #F89394;
	border-bottom: 3px solid #F89394;
	background: #F6D0D2 url(http://sbo.sailboatowners.com/templates/rt_synapse/images/style5/typo/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #94B9E8;
	border-bottom: 3px solid #94B9E8;
	background: #D0DEF1 url(http://sbo.sailboatowners.com/templates/rt_synapse/images/style5/typo/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #F8E594;
	border-bottom: 3px solid #F8E594;
	background: #F6EFD2 url(http://sbo.sailboatowners.com/templates/rt_synapse/images/style5/typo/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #CBE39F;
	border-bottom: 3px solid #CBE39F;
	background: #E5EED6 url(http://sbo.sailboatowners.com/templates/rt_synapse/images/style5/typo/status-download.png) 10px 50% no-repeat;
}

/* @end */



/* vertical menu*/

 * {padding:0; margin:0;}

a:link { text-decoration: none; }

/* body {font-size:5px; font-family: Verdana, Arial, Helvetica;} */
#leftcolumn {float:left; width:162px, text-decoration: none;}
.dropdown {display:block; position:relative;}

.dropdown dt {width:147px; /*border: 2px solid #ffffff; padding:4px;*/  font-weight:bold; cursor:pointer; background: #ffffff;}
.dropdown .upperdd {border-bottom:none; font-size:11px;}
/* .dropdown dt:hover {text-decoration:underline;} */
.dropdown dd {position:absolute; top:0; overflow:hidden; width:147px; display:none; background:#ffcc66; opacity:0}
.dropdown ul {width:147px; border:1px solid #ffffff; list-style:none}
.dropdown li {display:inline; width:147px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; font-weight:bold; padding:4px; color:#000000; text-decoration:none; background:#ffcc66; width:147px; border:1px solid #ffffff; padding:4px; font-family: verdana, arial, helvetica; font-size: 11px;}
/* .dropdown a:hover {text-decoration:underline;} 
.dropdown dt:hover {text-decoration:underline;} */
.dropdown .underline {border-bottom:1px; solid #ffffff; font-size:11px; color: #000000; width:147px;}


.naked {display:block; position:relative;}
.naked dt {width:147px; border:2px solid #ffffff; padding:4px; font-weight:bold; cursor:pointer; background:#ffcc66; }
.naked .upperdd {border-bottom:none; font-size:11px;}

.naked dt:link {text-decoration: none; };
.naked dt:hover {text-decoration: underline;}
.naked dt:visited {text-decoration: none; };

.naked dd {position:absolute; top:0; overflow:hidden; width:147px; display:none; background:#ffffff; opacity:0}
.naked a, .naked a:active, .naked a:visited {display:block; /*padding:4px;*/ color:#000000; text-decoration:none;  font-family: verdana, arial, helvetica; font-size: 11px;  /*background:#ffffff; width:194px; */}
 /* .naked a:hover {text-decoration: underline;}  
.naked dt:hover {text-decoration: underline;} */

.naked .underline {border-bottom:1px; solid #ffffff; font-size:11px; color: #000000;}
.naked .bt {border-style:solid; border-width:2px 2px 1px; border-color: #ffffff; font-size:11px; color: #000000;}