/*========================================================*/ /* CSS for GoNoFee */ /* by ikonic */ /* http://www.ikonicmedia.com */ /*========================================================*/ body{border-left:0px 0px 0px 0px; background-color: #cdcccb; background:url(bg/stripeBackground.gif); background-repeat: repeat-x; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; height:100%;} #fckbody{ background-color: #ffffff; background-image:none;} /* ********** Banner Containers ************** */ .flashcontent{background-position:left top; margin-left: 0px;} #custombanner{ background-image:url(images/banner1.png); background-repeat:no-repeat; background-position:right; background-color:#e6e6e6; padding:0px; width: 100%; height: 220px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF;} #homepagebanner{ background-image:url(images/banner.png); background-repeat:no-repeat; background-position: right top; padding-top:10px; padding-left:10px; height: 220px;} #topbanner{ background-image:url(images/banner2.png); background-repeat:no-repeat; background-position: right top; padding-top:10px; padding-left:10px; width: 100%; height: 220px;} #none{width:100%; height:100%;} .vnav2{ background-image: url(images/vnav2_02.png); background-repeat: repeat-y;} #vnavtop{ background-image: url(images/vnav_01.png); background-repeat: no-repeat; padding-top:0px; padding-right:10px; width:100%; height:45px;} /* ********** Setting Text Throughout the skin ************** */ H1 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: normal; COLOR: #181818; line-height: .75em} H2 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 30px;COLOR: #b4b4be;} H3 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 25px;COLOR: #646478;} H4 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 20px;FONT-WEIGHT: normal; COLOR: #f2aa07;} H5 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 18px;COLOR: #51626f; margin-bottom: 0px;} H6 {FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px;COLOR: #5e9521;} /*-- Turned off as caused layout issues Bullets List TH,TD,p{ FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial,Helvetica ,sans-serif; font-size:12px; color:#434343; list-style-image:url(images/bullet.png) } LI.check{ FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial,Helvetica, sans-serif; font-size:11px; color:#434343; list-style-image:url(images/check.png); PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0.2em; PADDING-TOP: 0px} --*/ .ListingsFooterText A:Link {font-size: 10px; } /*-- Default Links--*/ A,A:link,A:visited,A:active{ color:#51626f; text-decoration:none; font-size: 12px; } A:hover{ color:#1a2732; text-decoration:none; } /*-- most of the text on site --*/ .normal,.Normal,p{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000; line-height: 1.6em; padding: 0; margin: 0;} /*-- most of the bold text on site --*/ .NormalBold { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; } /*-- headings - mostly in admin --*/ .Head{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color:#181818; line-height: 1.3em; } /*-- subheadings - mostly in admin --*/ .SubHead{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#51626f; line-height: 1.6em;} /*-- subheadings - mostly in admin --*/ .SubSubHead{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333; } /*-- special Custom Long Descripton text in Property Agent --*/ .normal,.Normal, .star p{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.6em; padding: 0; margin: 0;} .glue { margin-left: 5px; margin-top: 15px; margin-bottom: 0px; font-weight: bold;} .opholder { margin-left: 5px; margin-top: 15px; margin-bottom: 0px; font-weight: bold;} #holder44 { margin-left: 5px; width: 180px;} /* ********** style For width setting of skin ************** */ .Standard-880{ width:880px;} .Standard-960{ width:960px;} .Standard-1024{ width:1024px;} .Fluid98 { width:98%;} /* ********** Control Panel style ************** */ .controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; } .controlpanel IMG{ margin:15px 5px 0px; } .controlpanel TD TD TD TD IMG{ margin:0px; } .controlpanel TD TD TD{ width:auto; } .controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; } .controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; } .controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; } .controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; } .controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;} .controlpanel A.CommandButton{ font-size:10px; text-decoration:none;} .controlpanel A.CommandButton:link{ color:#000; } .controlpanel A.CommandButton:visited{ color:#000; } .controlpanel A.CommandButton:active{ color:#000; } .controlpanel A.CommandButton:hover{ color:#51626F; text-decoration:underline;} .CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ font-size:12px; color:#6F5E51; text-decoration:none; font-weight:bold; text-transform: uppercase } A.CommandButton:hover{ color:#000; text-decoration:none; font-weight:bold; font-size:12px; } /* ********** Search style ************** */ .searchBG{ background-image: url(images/searchBG_01.png); background-repeat: no-repeat;} #searchBG{ background-image: url(images/searchBG_01.png); background-repeat: no-repeat; width:156px; height:18px; background-position: right bottom;} #SearchContainer input{MARGIN: 0px 0px 0px 0px; BORDER: 1px solid #000033; font-size:9px; color:#000033; BACKGROUND:#ffffff; WIDTH: 100px; HEIGHT: 15px;} .search,a.search:link,a.search:active,a.search:visited,.search{ color:#396185; text-decoration:none; font-weight:bold; font-size:10px;} a.search:hover{ color:#000000; text-decoration:none; font-weight:bold; font-size:10px;} #dnn_dnnSEARCH_txtSearch{ padding-left: 0px; width: 122px; Font-size: 11px; color:#333333; HEIGHT:16px; border: 0px dotted #b7b8b4; background-color: transparent;} /* ********** Login Button style ************** */ .StandardButton {color: #434343; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #181818; HEIGHT:26px; padding: 0px 12px 0px 12px; width: 99%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#b7b8b4');} /* ********** Pane Padding ************** */ .TopBannerPane{ padding:0px 0px 3px 0px; width:100%;} .MidBannerPane{ padding:0px 0px 0px 0px; width:100%;} .BannerPane{ padding:3px 0px 3px 0px; width:100%;} .BannerTEXTPane{ padding:5px 5px 5px 5px;} .UpperPane{ padding:0px 0px 0px 0px; width:100%;} .LeftNav{ padding:10px 8px 0px 8px; width:100%;} .LeftNav2{ padding:8px 8px 8px 8px; width:100%;} .TopLeftPane{ padding:3px 3px 3px 0px; width:50%;} .TopRightPane{ padding:3px 0px 3px 3px; width:50%;} .TopPane{ padding:3px 0px 3px 0px; width:100%;} .LeftPane{ padding:3px 6px 3px 0px; width:20%;} .ContentPane{ padding:3px 0px 3px 0px; width:60%;} .RightPane{ padding:3px 0px 3px 6px; width:20%;} .MidLeftPane{ padding:3px 3px 3px 0px; width:33%;} .MiddlePane{ padding:3px 3px 3px 3px; width:33%;} .MidRightPane{ padding:3px 0px 3px 3px; width:33%;} .CenterPane{ padding:3px 0px 0px 0px; width:100%;} .BottomColumn1{ padding:3px 3px 3px 0px; width:25%;} .BottomColumn2{ padding:3px 3px 3px 3px; width:25%;} .BottomColumn3{ padding:3px 3px 3px 3px; width:25%;} .BottomColumn4{ padding:3px 0px 3px 3px; width:25%;} .BottomPane{ padding:0px 0px 0px 0px; width:100%; background-color:#e0e6e6;} .LowerPane{ padding:3px 0px 3px 0px; width:100%;} .LeftContentGNF{ padding:10px 3px 3px 0px; width:61%;} .RightContentGNF{ padding:10px 0px 0px 0px; width:38%;} /* ********** Login style ************** */ .login,a.login:link,a.login:active,a.login:visited,.login{ font-size:11px; color:#8996a0; text-decoration:none; font-weight:Normal; border-bottom:0px dotted; padding: 4px 4px 0 4px;} a.login:hover{ font-size:11px; color:#000; text-decoration:none; font-weight:Normal; border-bottom:0px dotted; padding: 4px 4px 0 4px;} /* ********** User style ************** */ .user,a.user:link,a.user:active,a.user:visited,.user{ color:#606060; text-decoration:none; font-weight:normal; font-size:12px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-image: url(images/user.gif); background-repeat: no-repeat; background-position: left center; height:16px; padding: 3px 0px 3px 28px; margin: 0 0px 0 6px;} a.user:hover{ color:#181818; text-decoration:none; font-weight:normal; font-size:12px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-image: url(images/user-hov.gif); background-repeat: no-repeat; background-position: left center; height:16px; padding: 3px 0px 3px 28px; margin: 0 0px 0 6px;} /* ********** Date style ************** */ .date,a.date:link,a.date:active,a.date:visited{ color:#696969; text-decoration:none; font-weight:normal; font-size:11px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-image: url(images/calendar.gif); background-repeat: no-repeat; background-position: left center; background-image: url(images/calendar.gif); background-repeat: no-repeat; background-position: left center; padding: 4px 4px 0 20px; } a.date:hover{ color:#181818;} /* ********** Breadcrumb style ************** */ .breadcrumb,a.breadcrumb:link,a.breadcrumb:active,a.breadcrumb:visited{ font-size:11px; color:#606060; text-decoration:none; font-weight:normal; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;} a.breadcrumb:hover{ font-size:11px; color:#181818; text-decoration:underline; font-weight:normal; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;} /* ********** Copyright style ************** */ .copyright,a.copyright:link,a.copyright:active,a.copyright:visited{ font-size:11px; color:#8996a0; text-decoration:none; border-bottom:0px dotted; font-weight:Normal;} a.copyright:hover{ color:#606060; text-decoration:none; font-weight:Normal;} /* ********** Privacy/Terms style ************** */ .terms,a.terms:link,a.terms:active,a.terms:visited{ font-size:11px; color:#8996a0; text-decoration:none; font-weight:Normal; border-bottom:0px dotted; padding: 4px 4px 0 4px;} a.terms:hover{ color:#000; text-decoration:none; font-weight:Normal; border-bottom:0px dotted; padding: 4px 4px 0 4px;} /* ********** Footer style ************** */ .footer,a.footer:link,a.footer:active,a.footer:visited{ } a.footer:hover{} /* ********** Links style ************** */ .links,a.links:link,a.links:active,a.links:visited{FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e0e6e6; text-decoration:none; font-weight:Normal; border-bottom:0px dotted; padding: 4px 4px 0 4px; margin-top:50px;} a.links:hover{ text-decoration:none; color:#a4aeb5;} /*-- SPANS & DIVs For most of the Featured Typography --*/ SPAN.note, SPAN.info, SPAN.alert, SPAN.download, SPAN.tip { DISPLAY: buser-check; PADDING-RIGHT: 10px; PADDING-LEFT: 35px; PADDING-BOTTOM: 7px; MARGIN: 10px 0px; PADDING-TOP: 7px} SPAN.note { PADDING-RIGHT: 10px; BORDER-TOP: #aab4be 1px dotted; PADDING-LEFT: 10px; BACKGROUND: #f4f5f6; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #aab4be 1px dotted; TEXT-ALIGN: justify} SPAN.info { BORDER-TOP: #aab4be 1px dotted; BACKGROUND: url(images/div_info.png) #f4f5f6 no-repeat 3px 3px; BORDER-BOTTOM: #aab4be 1px dotted} SPAN.alert { BORDER-TOP: #ffb4a0 1px dotted; BACKGROUND: url(images/div_alert.png) #fff5eb no-repeat 3px 3px; BORDER-BOTTOM: #ffb4a0 1px dotted} SPAN.download { BORDER-TOP: #78be5a 1px dotted; BACKGROUND: url(images/div_download.png) #f5faeb no-repeat 3px 3px; BORDER-BOTTOM: #78be5a 1px dotted} SPAN.tip { BORDER-TOP: #ffc864 1px dotted; BACKGROUND: url(images/div_tip.png) #fffdeb no-repeat 3px 3px; BORDER-BOTTOM: #ffc864 1px dotted} DIV.info, DIV.alert, DIV.download, DIV.tip { PADDING-RIGHT: 10px; PADDING-LEFT: 35px; PADDING-BOTTOM: 7px; MARGIN: 10px 0px; PADDING-TOP: 7px} DIV.note { PADDING-RIGHT: 10px; BORDER-TOP: #aab4be 1px dotted; PADDING-LEFT: 10px; BACKGROUND: #f4f5f6; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #aab4be 1px dotted; TEXT-ALIGN: justify} DIV.info { BORDER-TOP: #aab4be 1px dotted; BACKGROUND: url(images/div_info.png) #f4f5f6 no-repeat 3px 3px; BORDER-BOTTOM: #aab4be 1px dotted} DIV.alert { BORDER-TOP: #ffb4a0 1px dotted; BACKGROUND: url(images/div_alert.png) #fff5eb no-repeat 3px 3px; BORDER-BOTTOM: #ffb4a0 1px dotted} DIV.download { BORDER-TOP: #78be5a 1px dotted; BACKGROUND: url(images/div_download.png) #f5faeb no-repeat 3px 3px; BORDER-BOTTOM: #78be5a 1px dotted} DIV.tip { BORDER-TOP: #ffc864 1px dotted; BACKGROUND: url(images/div_tip.png) #fffdeb no-repeat 3px 3px; BORDER-BOTTOM: #ffc864 1px dotted} ACRONYM { CURSOR: help; BORDER-BOTTOM: #969696 1px dashed} A.external { PADDING-LEFT: 13px; BACKGROUND: url(images/link_external.png) no-repeat 0px 40%} A.attachement { PADDING-LEFT: 13px; BACKGROUND: url(images/link_attachment.png) no-repeat 0px 40%} EM.box { FONT-style: normal; FONT-FAMILY: "Courier New", Courier, monospace} EM.file { FONT-style: normal; FONT-FAMILY: "Courier New", Courier, monospace} EM.directory { FONT-style: normal; FONT-FAMILY: "Courier New", Courier, monospace} EM.box { BORDER-RIGHT: #aab4be 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #aab4be 1px dotted; PADDING-LEFT: 2px; BACKGROUND: #f4f5f6; PADDING-BOTTOM: 0px; BORDER-LEFT: #aab4be 1px dotted; PADDING-TOP: 0px; BORDER-BOTTOM: #aab4be 1px dotted} EM.file { PADDING-RIGHT: 0px; PADDING-LEFT: 13px; BACKGROUND: url(images/em_file.png) no-repeat 0px 1px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px} EM.directory { PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(images/em_directory.png) no-repeat 0px 1px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px} /*-- Demo Site Use --*/ DIV.grid2:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } DIV.grid3:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } DIV.grid4:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } DIV.grid5:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } UL.hlist-left:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } UL.hlist-right:unknown { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } DIV.grid-col { FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: 2% } DIV.grid-lastcol { FLOAT: right; OVERFLOW: hidden; MARGIN-RIGHT: 0px! important } DIV.grid2 DIV.grid-col { WIDTH: 48.8% } DIV.grid3 DIV.grid-col { WIDTH: 31.9% } DIV.grid4 DIV.grid-col { WIDTH: 23.4% } DIV.grid5 DIV.grid-col { WIDTH: 18.3% } .float-left { FLOAT: left } .float-right { FLOAT: right } .gnfSTYLE1 {font-size: 11px; color: #000000; margin-bottom: 10px; line-height: 16px; } #wrapper55 { color: #333; width: 960px; float: left; height: 275px; margin: 0px; } #leftcolumn55 { color: #333; margin-left:0px; height: 275px; width: 724px; /* corrected alignment in ff with -1 instead of 725px */ float: left; display: inline; } #rightcolumn55 { color: #333; background: #52626f; height: 275px; width: 235px; float: left; display: inline; } #footer55 { width: 900px; clear: both; color: #333; border: 1px solid #ccc; background: #BD9C8C; margin: 0px 0px 10px 0px; padding: 10px; } .quicksearchtext p { color: #ffffff; font-size:16px; margin-top:30px; border: none; margin-left: 30px; } /* smallContainer ----------------------------------------------- */ .smallContainer { width: 420px; margin-top: 10px; margin-left: 30px; height: auto; float: left; background:transparent; } .smallContainer h2 { font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none; } .smallContainer h3 { margin-bottom:.2em; font-size:12px; } .smallContainer h4 { font-size:14px; text-transform:capitalize; margin-bottom:.2em; } .smallContainer p { font-size: 11px; line-height: 1.45em; margin-bottom:15px; border: none; background:transparent; } .smallContainer img { padding: 0px; } .smallContainer .image { float:left; clear: both; margin:0px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff; } /* lgContainer on HP ----------------------------------------------- */ .lgContainer { width: 920px; height:auto; float: left; margin-left: 30px; } .lgContainer h2 { font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none; } .lgContainer h3 { font-size:.8em; margin-bottom:.2em; margin-top: .2em; text-transform:capitalize; } .lgContainer h4 { font-size: 16px; color:#000000; text-transform:capitalize; margin-bottom:.4em; } .lgContainer p { line-height: 1.6em; margin-bottom:10px; border: none; } .lgContainer .image { float:left; clear: both; margin:3px 10px 5px 0; padding:4px; border:1px solid #bbb; background:#eeeeee; } .lgContainer a.image { float:left; clear: both; margin:3px 10px 50px 0; padding:4px; border:1px solid #bbb; background:#fff; } .lgContainer a.image:hover { border:1px solid #666; } .lgContainer a.image img { float:left; border:1px solid #bbb; } /* lgContainer Pages ----------------------------------------------- */ .container_16 { margin-left: auto; margin-right: auto; width: 920px; float: left; } .grid_8, .grid_12 { display: inline; float: left; } .grid_12 p { margin-bottom: 10px; } .grid_12 p { margin-top: 10px; } .grid_12 h2 { margin-bottom: -5px; padding:0; color:#51626f; font-size:14px; } .grid_12 h1 { margin-bottom: 0px; padding:0; color:#394a58; font-size:14px; font-weight:bold; line-height: .9em; } .container_16 .grid_8 { width: 460px; } .container_16 .grid_12 { width: 680px; } .container_16 .buttonContainer { width: 220px; height: 360px; padding-top: 10px; background-image:url(images/smback.jpg); background-repeat:no-repeat; display: inline; margin-left: 20px; margin-top: 10px; float: left; } .container_16 .addressGNFContainer { width: 220px; height: 160px; padding-top: 10px; background-image:url(images/smbackaddress.jpg); background-repeat:no-repeat; display: inline; margin-left: 20px; margin-top: 10px; float: left; } /* Apply Now and Advanced Search Column Pages ----------------------------------------------- */ .exSmallContainer { width: 180px; height:auto; margin-left:20px; margin-top:13px; margin-bottom: 0px; border-bottom: 1px #666666 dotted; float: left; } .exSmallContainer h1 { font-size:12px; letter-spacing:1px; text-transform:uppercase; margin: 0; line-height: 17px; color: #000000; font-weight:bold; } .exSmallContainer img { float:right; clear: both; margin:3px 2px 3px 5px; } .exSmallContainer p { color: #51626f; padding-bottom:15px; font-size:11px; margin: 5px 0 0 0; line-height: 16px; border: none; } a.one:link {color: #51626f;} a.one:visited {color: #b8b8b8} a.one:hover {color: #1a2732} /******* Menu Top of Page *********/ .menutopGNFholder { float: right; margin-left:370px; margin-top:5px; } ul#menuTopGNF{ margin:0; padding:0; list-style-type:none; width: 100px; position:relative; display:inline; height:40px; FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;} ul#menuTopGNF li{ display:inline; width:130px; float:left; margin:0; padding:0; } ul#menuTopGNF li a{ display:block; float:left; color:#51626f; font-size:11px; text-decoration:none; padding:9px 0px 0 9px; height:15px; } ul#menuTopGNF li a:hover{ background:transparent url("images/blue.jpg") repeat-x top left; color:#1a2732; } /******* Bullets Small width*********/ .sexypanels{ list-style-type: none; margin: 0; padding: 0; width: 170px; /* width of menu */ } .sexypanels li{ border-bottom: 1px solid white; /* white border beneath each menu item */ } .sexypanels li a{ font: bold 12px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; display: block; color: 51626f; width: auto; padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 0px; text-decoration: none; border-bottom: 1px solid white; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/ } .sexypanels li a:visited, .sexypanels li a:active{ color: #000; } .sexypanels li a:hover{ background-color: #fff; /*color of menu onMouseover*/ color: #1a2732; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ }