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

html {
	margin-bottom: 1px;
	min-height: 100%;
}

/* RESET... EVERYTHING */

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, input {
	margin: 0;
	padding: 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}

table {
	line-height: 119%;
}

th {
	vertical-align: top;
}

td {
	vertical-align: top;
}

tr {
	vertical-align: top;
}

.dataRow {
	background-color: #daf1ff;
}

.xRow {
	background-color: #fbf49b;
}

.yRow {
	background-color: #fffbcf;
}

.mainRow {
	background-color: #57ace1;
	color: #fff;
}

body {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #4d4d4d;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

.strongPlus {
	font-size: 11pt;
}

small{
	font-size: 11px;
	line-height: 14px;
	color: #828282;
}

big{
	font-size: 14px;
	line-height: 25px;
}

em {
	font-style:italic;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

sup{
	font-size: 9px;
}

.hr{
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.toggle{
	display:none;
}

/* FORMATTING */

p{
	margin: 10px 0px;
	line-height: 17px;
}

a {
	cursor: pointer;
	color: #2279af;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

a:hover{
	color: #c46b63;
}

h1{
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
	color: #c46b63;
	margin: 20px 0px 15px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

h2{
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
	color: #c46b63;
	margin: 0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

h3{
	font-size: 18px;
	font-weight: normal;
	color: #2279af;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

h4{
	font-size: 18px;
	font-weight: normal;
	color: #c46b63;
	line-height: 24px;
	margin: 0;
	padding: 9px 0px;
	border-bottom: 4px solid #fafafa;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

h5{
	font-size: 14px;
	font-weight: bold;
	color: #c46b63;
	line-height: 24px;
	margin: 0px 0px -10px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

big {
	font-size: 14px;
	line-height: 20px;
}

a.reverse{
	color: #c46b63;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}
a.reverse:hover{
	color: #2279af;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

.h2sub{
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
	color: #4d4d4d;
	margin: 0;
	padding: 0px;
}

.h3sub {
	font-size: 14px;
	line-height: 110%;
	margin: 0 auto;
	padding: 0;
	font-weight: normal;
	font-style: oblique;
}

.h3note {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 110%;
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
	font-style: oblique;
	color: #000;
}

.testimonial {
	font-size: 14px;
	font-weight: normal;
	color: #2279af;
	line-height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.testimonial_sub {
	font-size: 10px;
	font-style:italic;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.read_more a {
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
	color: #2279af;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.read_more a:hover {
	color: #c46b63;
}

.centered_numbers {
	margin: 0 20px 10px 0;
	font-size: 13px;
	font-weight: bold;
	color: #2279af;
	vertical-align: middle;
	line-height: 24px;
}

.green_title {
	font-style: oblique;
	font-weight: normal;
	font-stretch: condensed;
	padding: 10px;
	color: #56A152;
}

.greener {
	color: #10885a;
}

.green, .green a {
	color: #10885a;
}
.green a:hover {
	color: #02e992;
}
.green a:visited {
	color: #10885a;
}

.PGA-Rec {
	font-size: 15px;
	line-height: 120%;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.no-show {
	display: none;
}
.txt_inline {
	display: inline;
}

.txt_error{
	color: #990000;
	font-weight: bold;
}

.txt_grey{
	color: #999999;
}

.txt_highlight{
	color: #c46b63;
}

.no-margin{
	margin: 0;
}

.union { text-align: center; }

#electronic_top { width: 600px; height: 338px; background: url('../images/electronic-top.jpg') no-repeat; }
#world-greatest { width: 130px; height: 88px; margin-top: -120px; margin-left: -65px; float: right; }
#world-greatest-alt { width: 260px; height: 88px; margin-top: 215px; margin-left: -65px; float: right; }

.icon_pdf a{
	background-image: url('../images/icon_pdf.gif');
	background-repeat: no-repeat;
	display: inline-block;
	padding: 2px 0px 0px 25px;
	background-position: 0px 4px;
}
.back {
	float: right;
	padding-bottom: 3px;
	padding-left: 3px;
}

.input_field input{
	font-size: 11px;
	color: #5c5c5c;
	padding: 2px;
	border: 1px solid #959494;
	width: 176px;
}

.smallTitle {
	font-size:15px;
}

/* CUSTOM FORMATTING */

.img_lightbox img{
	padding: 0px;
	border: 4px solid #f7ecdf;
	margin: 5px, 5px 55px 55px;
}

.lightboxes{
	float:left;
	vertical-align:top;
	font-size: 10px;
}

span.img_lightbox img{
	margin-top: 0;
	margin-right: 10px;
}

.img_lightbox a:hover img{
	border: 4px solid #2279af;
}

.available-colors{
	width: 85px;
	padding-right: 15px;
	float: left;
}

.available-colors span{
	width: 85px;
	height: 60px;
	display: block;
}

.available-colors p{
	font-size: 11px;
}

.light-grey{
	background-color: #8f8f8f;
}

.charcoal-grey{
	background-color: #666666;
}

.hunter-green{
	background-color: #09411e;
}

.black{
	background-color: #000;
}

.tile-red{
	background-color: #6b1f12;
}

.midnight-blue{
	background-color: #00215e;
}

.white{
	background-color: #FFF;
	border: 1px solid #dedede;
}

.grey{
	background-color: #9e9e9e;
}

.red-oxide{
	background-color: #7b4b35;
}

.safety-yellow{
	background-color: #fcdb00;
}

.safety-orange{
	background-color: #f3692b;
}

.safety-red{
	background-color: #b3010d;
}

.safety-blue{
	background-color: #0071b5;
}

.safety-green{
	background-color: #34a97c;
}

.designer-white{
	background-color: #ffffff;
	border: 1px solid #dedede;
}

.pink-fluff{
	background-color: #f2e7e7;
}

.skys-the-limit{
	background-color: #bddfeb;
}

.french-sonnet{
	background-color: #fefeda;
}

.snowflake-confetti{
	background-color: #f8fefa;
	border: 1px solid #dedede;
}

.star-of-the-garden{
	background-color: #e2d4af;
}

.thunder-bay{
	background-color: #76b3d0;
}

.mayan-maize{
	background-color: #fef27a;
}

.fading-fog{
	background-color: #dbe4e3;
}

.golden-prairie{
	background-color: #bb9e52;
}

.pinetree-trail{
	background-color: #b0efd4;
}

.castellina{
	background-color: #d2cdc7;
}

.titanic-grey{
	background-color: #a3b9b6;
}

.castle-dale{
	background-color: #6f745e;
}

.mandala-bay{
	background-color: #2f817b;
}

.bright-burgundy{
	background-color: #89343b;
}

.dark-bronze{
	background-color: #37432d;
}

.jeffs-java{
	background-color: #47371e;
}

.tile-green{
	background-color: #02522f;
}

.hot-shot{
	background-color: #ff601f;
}

.arc-white{
	background-color: #f5f4f0;
	border: 1px solid #dedede;
}

.thunder-blue{
	background-color: #334d66;
}

.ultramarine-blue{
	background-color: #383f73;
}

.sherwood{
	background-color: #3c4b44;
}

.pale-green{
	background-color: #8d9f75;
}

.moss-green{
	background-color: #83896c;
}

.tuxedo-black{
	background-color: #201d18;
}

.storm-grey{
	background-color: #575350;
}

.victorian-lace{
	background-color: #ebd7bc;
}

.chicory{
	background-color: #7e7160;
}

.lodestone{
	background-color: #c9bfa6;
}

.luxurious-red{
	background-color: #8a3941;
}

.commodore{
	background-color: #29426b;
}

.cedar-green{
	background-color: #2d5349;
}

.slate-gray{
	background-color: #a1a7a8;
}

.anchor-gray{
	background-color: #44494d;
}

statusGroup {
}


/* CONTAINERS */

#wrapper{
	width: 945px;
	margin: 0px auto;
	background-image: url('../images/header_bg.gif');
	background-repeat: repeat-x;
	background-color: #FFF;
}

#header{
	height: 91px;
}

#tagline{
	height: 8px;
	float: none;
	padding: 2px 2px 16px 2px;
}

#logo{
	width: 240px;
	float: left;
}

.spacer_h10 { width: 100%; height: 10px; float: none; clear: both; }
.spacer_h20 { width: 100%; height: 20px; float: none; clear: both; }
.spacer_h30 { width: 100%; height: 30px; float: none; clear: both; }
.spacer_h40 { width: 100%; height: 40px; float: none; clear: both; }
.spacer_h50 { width: 100%; height: 50px; float: none; clear: both; }

/* MAIN CONTAINERS & COLUMNS */

#main{
	background-image: url('../images/main_bg.gif');
	background-repeat: repeat-y;
	background-position: 625px 0px;
	padding-left: 25px;
	border-bottom: 12px solid #FFF;
}

#column_left{
	width: 600px;
	float: left;
}

#main #column_left ul li { font-size: 13px; line-height: 125%; padding: 0 0 10px 0; }
#main #column_left ul li span { font-weight: bold; color: #2279af; }

#column_right{
	width: 280px;
	float: right;
}

.box_border_thick{
	border: 8px solid #f7ecdf;
	padding: 0px 9px 9px 9px;
	margin-bottom: 8px;
}

.box_border_thick_blue{
	border: 8px solid #57ace1;
	padding: 0px 9px 9px 9px;
	margin-bottom: 8px;
}

.box_plain{
	border: 0;
	padding: 0px 9px 9px 9px;
	margin-bottom: 8px;
}

.box_border_top{
	border-top: 4px solid #c46b63;
}

.box_border_top .content{
	border-top: 17px solid #FFF;
	border-bottom: 17px solid #FFF;
}

.img_home{
	height: 270px;
	background-image: url('../images/new_img_home_marquis.jpg');
	background-repeat: no-repeat;
}

.box_border_top .divider{
	background-image: url('../images/main_bg.gif');
	background-repeat: repeat-y;
	background-position: center;
}

.column_left{
	width: 280px;
	float: left;
}

.column_right{
	width: 280px;
	float: right;
}

.column_triple{
	width: 200px;
	float: left;
}

/* SPECIAL HOME STYLES */


/* FOOTER */

#footer{
	border-top: 2px solid #f7ecdf;
	position: relative;
	width: 100%;
}

#footer p{
	font-size: 12px;
	margin: 10px 5px;
}

/* REGULAR COLUMNS */

#main #column_left ul li{
	list-style-type: disc;
	margin: 6px 0px 6px 0px;
}

/* NAV TOP */

#nav_top{
	margin: 0px;
	height: 25px;
	width: 700px;
	float: right;
}

#nav_top ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	clear:both;
}
#nav_top ul li {
	position:relative;
	float: left;
	width: auto;
	display:block;
	margin: 0px 2px 0px 5px;
}
#nav_top ul li.nav_last {
	margin-right: 0px;
}
#nav_top ul li a {
	font-size: 10px;
	color: #FFF;
	display: block;
	padding: 6px 4px;
	text-decoration: none;
}

#nav_top ul li a:hover {
	background-color: #f7ecdf;
	color: #c46b63;
}

#nav {
	margin: 10px 0px px 0px;
	height: 45px;
	width: 700px;
	float: right;
}

#nav ul {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0;
	list-style: none;
	clear:both;
}

#nav ul li {
	position:relative;
	float: left;
	margin: 0px 0px 0px 13px;
}

#nav ul li.nav_last {
	margin-right: 0px;
}
#nav ul li a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	height: 42px;
	display: inline-block;
	margin: 0;
	padding: 0px 5px;
	text-shadow: none;
}
#nav ul li a:hover, #nav ul li.nav_selected a{
	background-image: url('../images/nav_bg.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
}

#nav ul li.dropdown_selected a{
	background-image: none;
	height: 100%;
	font-size: 10px;
	color: #666;
	text-shadow: none;
}


/* SIDENAV  */

.sidenav{

}

.sidenav ul{
	margin-top: 0;
	margin-bottom: 0;
}

.sidenav ul li{
	margin: 0px 0px 0px -40px;
}

.sidenav ul li a{
	display: block;
	padding: 6px 10px;
	font-size: 14px;
}

.sidenav ul li a:hover{

}

.sidenav ul li.sidenav_selected a{
	font-weight: bold;
}

/* HOME LINKS */

.link_electronic-lockers a{
	display: block;
	height: 55px;
	width: 300px;
	margin: 60px 0px 0px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 115%;
}

.link_sub {
	font-size: 11px;
	color: #2279af;
	font-weight: normal;
	font-style: oblique;
	margin: -14px 0px 0px 15px;
}

.link_sub a {
	color: #c46b63;
	text-decoration: underline;
}

.link_sub a:hover {
	color: #2279af;
	text-decoration: none;
}

.link_copy {
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	text-align: left;
	line-height: 135%;
}

.link_copy a {
	color: #c46b63;
	text-decoration: underline;
}

.link_copy a:hover {
	color: #2279af;
	text-decoration: none;
}

.link_coin-lockers a{
	display: block;
	height: 30px;
	width: 300px;
	margin: 12px 0px 0px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 115%;
}

.link_bag-check a{
	display: block;
	height: 40px;
	width: 300px;
	margin: 1px 0px 0px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 115%;
}

.link_wus_sidenav a{
	font-size: 10px;
	line-height: 1.3em;
	text-decoration: underline;
	color: #4d4d4d;
	margin-top: 5px;
}
.link_wus_sidenav a:hover{
	color: #c46b63;
	text-decoration: none;
}

.link_wus a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;
	display: block;
	height: 35px;
	width: 300px;
	margin: 10px 0px 0px 15px;
}
.link_wus a:hover{
	color: #c46b63;
	text-decoration: none;
}

.link_electronic_box a {
	display: block;
	width: 350px;
	height: 250px;
	margin: -250px 10px 0px 250px;
	float: left;
}

/* FORM */

.formtitles {
	font: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #c46b63;
}

.formstyle {
	font: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 13px;
	color: #4d4d4d;
	border: 1px solid #666666; 
}

.btn {
	background-image:url(../images/sendbtn.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	text-decoration: none;
	margin-right: 8px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
}

.btnhov {
	background-image:url(../images/sendbtn2.png);
	color: #d8f6ff;
}

.asterick {
	font: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	color: #930;
}

.warningtext {
	font: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #930;
}


/*globalnav*/

#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbb;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:right;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

	


/* 404 PAGE */

#home_404{
	margin: 40px 0px;
}

#home_404 #header{
	height: 108px;
	background-image: url('../images/bg_404.gif');
	background-repeat: repeat-x;
}

#home_404 h2{
	width: 400px;
	margin: 40px auto;
	line-height: 25px;
}

/* DropDown Menu */

ul.dropdown {
 font-weight: bold;
}

ul.dropdown li {
	border-style: none;
	border-width: 0;
}

ul.dropdown li.hover,
ul.dropdown li:hover

ul.dropdown a:link,
ul.dropdown a:visited
ul.dropdown a:hover
ul.dropdown a:active


/* -- level mark -- */

ul.dropdown {
 position: relative;
 float: right;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 75%;
 left: -55px;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
 padding: 4px;
 font-size: 10px;
 width: 145px;
 background-color: #f7ecdf;
 border-right: #666666 1px solid;
 border-bottom: #666666 1px solid;
 border-left: #CCCCCC 1px solid;
 text-align: left;
}

ul.dropdown ul li:hover {
 background-color: #FFFFFF;
}

ul.dropdown ul ul {
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

.dropdown-upward {
 margin-top: 400px !important;
}

/* added for menu */

ul.dropdown *.dir {
	float: right;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-left: 50px;
}


/* Television Sidenav Box */

.television {
	padding: 10px;
	vertical-align: middle;
}

.television img {
	width: 65px;
	padding-right: 11px;
	padding-bottom: 20px;
	margin-left: 14px;
	margin-top: -5px;
}

.television p {
	font-size: 1.2em;
	font-weight: bold;
	color: #c46b63;
}


/* LIGHTBOX */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url('../images/prevlabel.gif') left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url('../images/nextlabel.gif') right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* BOXSTYLE */

.larger {
	font-size: 14px;
}

.Eval {
	text-decoration: underline;
}

.Eval:hover{
	text-decoration: underline;
}

.PGA {
	padding: 10px 0 3px 0;
}

.PGA a {
	text-decoration: underline;
}

.PGA a:hover{
	text-decoration: underline;
}

.Comparisons{
	color: #c46b63;
	line-height: 133%;
	text-decoration: underline;
}

.Comparisons:hover{
	color: #2279af;
	text-decoration: underline;
}

/* INFO PANEL */
#note { position: relative; float: left; padding: 0; margin: 0; }
#note img { width: 20px; padding: 0 0 0 10px; vertical-align: middle; }
#info {display: none; float: left; position: absolute; color: #666; margin: 10px 0 0 65px; padding: 7px; width: 230px; background-color: #fff; border: 1px solid #666; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .7); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .7); box-shadow: 0 1px 6px rgba(0, 0, 0, .7); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; z-index: 9999; }
#note:hover > #info { display: block; }