body { margin:0; font-family: sans-serif; font-size: 13px; color: #000000; background-color: #d8c8c0; background-image: url(https://www.superinn.com/db/1177/webview//copp1.gif); } .boldtable, .boldtable TD, .boldtable TH { font-family: sans-serif; font-size: 12px; } .boldtablewhite, .boldtablewhite TD, .boldtablewhite TH { font-family: sans-serif; font-size: 12px; color: #ffffff; } .pricetableheader { FONT-WEIGHT: bold; font-size: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff;} .pricetabledata { FONT-WEIGHT: bold; font-size: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #000000;} .linksreserve { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000} .Linksreserve:hover { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .line { background: #4d4a3e} .links11 { font-family: sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: underline} .Links11:hover { font-family: sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none} .Linkwhite { FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 14px; color: #ffffff; TEXT-DECORATION: none} .Linkwhite:hover { FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 14px; color: #ffffff; TEXT-DECORATION: none} .siLinkwhite { FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff; TEXT-DECORATION: underline} .siLinkwhite:hover { FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff; TEXT-DECORATION: none} .siLinkwhitebold { FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff; TEXT-DECORATION: underline} .siLinkwhitebold:hover { FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff; TEXT-DECORATION: none} .links { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000} .Links:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .linkssmlnu { font-family: sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none} .Linkssmlnu:hover { font-family: sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: underline} .linkssml { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000} .Linkssml:hover { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .Linkgray { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #999999} .Linkgray:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #999999; TEXT-DECORATION: none} .Linkblack { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000;padding: 5px 5px 5px 5px;} .Linkblack:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .Linkblacka { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .Linkblacka:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none} .Linkred { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #FF0000} .Linkred:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #999999} .fformBtn { background-color: #9c9680; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; } .inputitem11 { font-family: Arial; font-size: 11px;border: solid 1px1 #000000; BACKGROUND-COLOR: #ffffff } .inputdropsml { font-family: Arial; font-size: 10px; border: solid 1px1 #BABABA; /* BACKGROUND-COLOR: #e4f2ff */ } .inputdrop11 { font-family: Arial; font-size: 11px; border: solid 1px1 #BABABA; /* BACKGROUND-COLOR: #e4f2ff */ } table#menu { background-color:#000000; align:center; border: solid 0px; FONT-SIZE:13px; FONT-FAMILY: Sans-Serif; } td.off { padding: 3px; spacing: 1px; background-color:#4d4a3e; FONT-WEIGHT: bold; ONT-FAMILY: sans-serif, Verdana, Arial, Helvetica; FONT-SIZE: 12px; COLOR: #000000; text-align: center; cursor:hand; } td.on { padding: 3px; spacing: 1px; background-color:#9c9680; FONT-FAMILY: sans-serif, Verdana, Arial, Helvetica; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; text-align: center; cursor:hand; } TD.padded5 {padding: 5px; color:000000 ; font-family: Arial, Helvetica, sans-serif ; font-size:10px ; text-align:center; background:ffffff; background-color:ffffff} TD.a0 {cursor:hand; padding: 5px; color:000000 ; font-family: Arial, Helvetica, sans-serif ; font-size:11px ; text-align:center; background:ffffff; background-color:ffffff} TD.a1 {padding: 5px; font-family: Arial, Helvetica, sans-serif ; font-size:11 ; font-weight: ; text-align:center; background:#9c9680; color:ffffff ;} table#box { background-color:#000000; align:center; border: solid 0px ; FONT-SIZE:13px; FONT-FAMILY: Sans-Serif;} #availchart { align:center; border: solid 0px ; FONT-SIZE:13px; FONT-FAMILY: Sans-Serif;} #availchart td { border: 1px solid #fff;padding: 5px;} #xxxbox td {border-color: solid 1px #000;} td.boxoff { padding: 3px; spacing: 1px; background-color:#4d4a3e;} .boxheader { FONT-WEIGHT: bold; font-size: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #ffffff;} .text10 { font-size: 10px;} .formBtna190 {cursor:hand; width:190px;font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#444444;background-color:#eeeeee;border-style:double;border-color:#999999;border-width:3px;} .formBtna {cursor:hand; font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#444444;background-color:#eeeeee;border-style:double;border-color:#999999;border-width:3px;} .formBtnb185 {cursor:hand; width:185px;font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#444444;background-color:#eeeeee;border-style:double;border-color:#eeeeee;border-width:3px;} .txtlinkssml { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000} .txtLinkssml:hover { font-family: sans-serif; font-size: 11px; font-weight: bold; color: #000000; TEXT-DECORATION: none} #emailleftcol {width: 120px; text-align: right} .emailinput {width:185px;} #gcheader {font-weight: bold; border-bottom: 1px #ffffff solid; padding-top:10px;} .gcinput {width:250px;} .vcode{ font-family: sans-serif; font-size: 11px; font-weight: bold; color: #ffffff} #res_1_d {color: #000000} .tdminichartdow {background-color: #4d4a3e; text-align: center; color: #ffffff; padding: 3px;} .tdminichartbooked {background-color: #4d4a3e; text-align: center; color: #ffffff; padding: 3px;} .tdminichartavail {background-color: #ffffff; text-align: center; color: #000000; padding: 3px;} .tdminichartavail a{color: #000000;} .tdminichartavail a:hover{color: #000000; text-decoration: none;} .txtcolorthree {color: #ffffff;} #box td.ao {background-color: #fff;} #chart { border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; border-style: solid; } #chart td, .#chart th { margin: 0; padding: 4px; border-width: 1px 1px 0 0; border-style: solid; } /* CSS Document */ body, html, div, blockquote, img, label, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, a, fieldset { margin: 0; padding: 0; border: 0; outline: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul, ol { list-style: none; } p {margin-top: 10px; margin-bottom: 10px;} body {background: url(/db/1177/webview/bg.gif) #3a332e;FONT-SIZE: 14px; PADDING: 0px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; min-height:1000px;} /*general*/ #container {margin: 0px auto; background: url(/db/1177/webview/container-bg.gif) #eeece8 repeat-x; width: 960px; min-height: 800px;-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 20px #000;} #container-inner {background: url(/db/1177/webview/container-inner.jpg) center bottom no-repeat; padding: 20px; width: 920px;padding-bottom: 230px; } #breadcrumbs {margin-bottom: 15px;} #media {width: 908px; height: 388px; border: 1px solid #797267; padding: 5px; background-color: #fcfcfc; margin-top: 10px;} #media-shadow {height: 18px; width: 920px; background-image: url(/db/1177/webview/media-shadow.gif); margin-bottom: 15px;} #topofpage {display: block; height: 20px;} .back-to-top { background: url("/db/1177/webview/to-the-top.png") no-repeat; border: medium none; border-radius: 4px 4px 4px 4px; bottom: 45%; rright: 5%; cursor: pointer; display: none; height: 50px; position: fixed; right: 40px; width: 50px; z-index: 5; } /*header*/ #header {height: 120px;} #logo {width: 300px; height: 120px; background: url(/db/1177/webview/logo.png) no-repeat ;float: left; z-index: 10;position:relative; float: left; } #logo a {width: 300px; height: 120px; display: block;} #top-nav {float: right; width: 620px; height: 65px; background-image: url(/db/1177/webview/top-nav-bg.png); text-align: right;} #top-nav a {background-color: #426273; color: #eeece8; height: 30px; float: right; line-height: 30px; text-decoration: none; margin-right: 10px; padding-right: 20px; padding-left: 20px;font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; -moz-border-radius: 3px; border-radius: 3px;} #top-nav a:hover {background-color: #3a332e;} #top-nav a:first-child {margin-right: 0px;} /*home*/ .home-second {float: right; margin-left: 20px;-moz-box-shadow: 0 0 5px 5px #ccc; margin-bottom: 10px; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; border: 5px solid #fff; margin-right: 10px;} /*Content*/ #content-full {min-height: 500px; display: block; margin-right: 20px; line-height: 1.7em; margin-bottom: 20px;} #content-left {float:left; min-height: 500px; display: block; width: 685px; margin-right: 20px; line-height: 1.7em; margin-bottom: 20px;} #content-left a, #content-full a {color: #426273;text-shadow:0 1px 0 #fff;} #content-left a:hover, #content-full a:hover {color: #3a332e;text-shadow:0 1px 0 #fff;} #content-right {float: left; width: 215px; min-height: 500px; display: block; line-height: 1.7em; margin-bottom: 20px;} #nav-right {background-image: url(/db/1177/webview/right-nav-bg-1.gif); height: 247px; border: 1px solid #797267; margin-bottom: 30px;} #nav-right ul {background-image: url(/db/1177/webview/right-nav-bg-2.png); height: 245px; border: 1px solid #fff;} #nav-right ul li {border-bottom: 1px dashed #eeece8; margin-left: 20px; margin-right: 20px;} #nav-right ul a {color: #eeece8; height: 35px; line-height: 35px; text-decoration: none; display: block; font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; text-align: center;text-shadow:0 1px 0 #3a332e;} #nav-right ul a:hover {color: #3a332e;text-shadow:none;} #nav-right ul li:first-child {padding-top: 15px;} #nav-right ul li:last-child {padding-bottom: 15px; -bottom: none;} h1 {font-family: 'Euphoria Script', cursive; font-size: 46px; line-height: 46px;margin-bottom: 20px; color: #426273; margin-top: 10px;} h2, #content-left h2 a {font-family: 'EB Garamond', serif; font-size: 26px;margin-bottom: 10px; margin-top: 20px; color: #3A332E;} #content-left h2 a:hover { color: #80786d;} h3 {font-family: 'Euphoria Script', cursive; font-size: 30px; margin-bottom: 10px; color: #426273;} h4 {font-family: 'EB Garamond', serif; font-size: 20px;margin-bottom: 10px; margin-top: 20px; color: #426273;} #from-our-blog {border-bottom: 1px dashed #797267; padding-bottom: 15px;} #from-our-blog h3 {border-bottom: 1px dashed #797267; padding-bottom: 10px;} #from-our-blog a {color: #3a332e;text-shadow:0 1px 0 #fff; font-weight:bold; display: block;} #from-our-blog a:hover {color: #426273;} #newsletter-signup {background: url(/db/1177/webview/newsletter-signup.gif); height: 135px; width: 200px; display: block; margin: 0px auto; margin-top: 10px;} #newsletter-signup a {with: 200px; height: 135px; display: block;} .pic-right {float: right; margin-left: 20px;-moz-box-shadow: 0 0 5px 5px #ccc; margin-bottom: 10px; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; border: 5px solid #fff; margin-right: 10px;} .pic-left {float: left; margin-right: 20px;-moz-box-shadow: 0 0 5px 5px #ccc; margin-bottom: 10px; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; border: 5px solid #fff; margin-left: 10px;} .list {list-style-type: none; margin: 0 0 20px; padding: 0;} .list li {border-bottom: 1px dashed #cccccc ; margin: 0;; background: url(/db/1177/webview/arrow-green.png) no-repeat scroll 5px 17px transparent; line-height: 35px; list-style-type: none; margin: 0; padding: 0 0 0 25px; } .list li:last-child {border-bottom: none;} .list li:hover { background-color: #eeece8; /* Animate all properties across supporting browsers */ -webkit-transition: all 0.5s ease-in-out; /* -o-transition: all 1s ease-in-out; */ -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .list li a {color: #4d4d4d; display: block; text-decoration:none;} .list li a:hover {color: #666666;} /*dining*/ .menu-breaker {display: block; padding-bottom: 40px; border-bottom: 1px dashed #3a332e; margin-bottom: 40px;} /*blog*/ .post {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #797267;} .blog-photo img {margin-bottom: 20px;} .archives-header {margin-top: 30px;} .ul-archives a {color: #426273;text-shadow:0 1px 0 #fff; display: block;} .ul-archives a:hover {color: #3a332e;text-shadow:0 1px 0 #fff;} /*page*/ .activities h2 {border-bottom: 1px dashed #d4cfc7; padding-bottom: 10px; margin-bottom: 0px;} .activities p {margin: 0px;} .activities a {display: block; border-bottom: 1px dashed #d4cfc7; line-height: 40px; padding-left: 20px;} .activities a:hover {background-color: #d4cfc7;} /*Category*/ #packages-and-specials h2 a {background-color: #7e766c; color: #eeece8; display: block;text-shadow:0 1px 0 #000; line-height: 40px; padding-left: 10px; text-decoration:none;} #packages-and-specials h2 a:hover {background-color: #426273; color: #eeece8; text-shadow:0 1px 0 #000; } #packages-and-specials .read-more {background-color: #426273; color: #eeece8; height: 30px; float: right; line-height: 30px; text-decoration: none; margin-right: 10px; padding-right: 20px; padding-left: 20px;font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; text-shadow:none;} #packages-and-specials .read-more:hover { background-color: #8da7a7; text-shadow:none; color: #eeece8;} #packages-and-specials .post {padding-bottom: 40px;} /*Room Tabs*/ #tabs-container {background-color: #fff; padding: 30px; width: 790px; margin: 30px auto; -moz-box-shadow: 0 0 5px 5px #ccc; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; } .vtabs {width: 180px; float: left; font-size: 14px;} .vtabs li {margin-bottom: 5px;} #content-full .vtabs li a {background-color: #8da7a7; height: 40px; padding-left: 10px; color: #fff; display: block; line-height: 40px; text-decoration: none;font-family: 'EB Garamond', serif; font-size: 20px;text-shadow:0 1px 0 #000; } #content-full .vtabs li a:hover {background-color: #426273;} .vtabs-tabs {display: block; float: left; width: 600px; margin-left: 10px;} #content-full .tab h2 a {font-family: 'EB Garamond', serif; font-size: 26px;margin-bottom: 10px; color: #3A332E; text-decoration:none;} #content-full .tab h2 a:hover {color: #426273;} .tab-copy {padding: 15px; background: url(/db/1177/webview/tab-copy-bg.png) bottom repeat-x;} #content-full p {padding: 0px; margin: 0px;} #content-full a {text-decoration:underline;} #content-full a:hover {text-decoration:underline;} .location-price {float: right; text-align:right;font-size: 20px; color: #426273;} /*Room*/ .room-nav {margin-bottom: 10px;} #content-left .room-nav a {background-color: #8da7a7; color: #eeece8; height: 30px;line-height: 30px; text-decoration: none; margin-right: 10px; padding-right: 20px; padding-left: 20px;font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; -moz-border-radius: 3px; border-radius: 3px; float: left;text-shadow:0 1px 0 #000;} #content-left .room-nav a:hover {background-color: #426273;} #content-left .room-nav .book-now {background-color: #426273; color: #eeece8; height: 30px;line-height: 30px; text-decoration: none; margin-right: 10px; padding-right: 20px; padding-left: 20px;font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; -moz-border-radius: 3px; border-radius: 3px; float: left;text-shadow:0 1px 0 #000;} #content-left .room-nav .book-now:hover {background-color: #8da7a7;} /*Packages*/ .packages-post {margin-top: 10px; min-height: 200px;} .packages-post img {float: left; margin-right: 20px;-moz-box-shadow: 0 0 5px 5px #ccc; margin-bottom: 10px; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; border: 5px solid #fff; margin-top: 5px;} /*social*/ #social-links { clear: both; display: block; margin-bottom: 20px; overflow: hidden; list-style: none outside none; } #social-links li {display: block; float: left; margin-right: 10px; overflow: hidden;} #social { border: 1px solid #7c7b77;width: 690px; margin: 0px auto; background-color: #f7f5f2; -moz-box-shadow: 0 0 5px 5px #ccc; -webkit-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc; margin-bottom: 20px; -moz-border-radius: 5px; border-radius: 5px;} #social a {height: 70px; margin-left: 20px; margin-right: 20px;} #social a:first-child {margin-left: 4px;} #social a:last-child {margin-right: 4px;} #social-inner {border: 1px solid #ffffff;padding: 20px; text-align: center; -moz-border-radius: 5px; border-radius: 5px;} #social-background {height: 70px; width: 650px;} #social-background a {display: block; float: left;} #social-2 {width: 547px; margin: 0px auto;} #social-2 {text-align: center; margin-top: 30px;} #social-2 a {margin-right: 20px; margin-left: 20px; display: block; float: left;} #social-kb {background: url(/db/1177/webview/social1.gif); width: 70px;} #social-kb:hover { background: url(/db/1177/webview/social1.gif) -170px 0px no-repeat;} #social-sr {background: url(/db/1177/webview/social1.gif) 0px -80px; width: 154px;} #social-sr:hover { background: url(/db/1177/webview/social1.gif) -170px -80px no-repeat;} #social-ri {background: url(/db/1177/webview/social1.gif) 0px -160px; width: 42px;} #social-ri:hover { background: url(/db/1177/webview/social1.gif) -170px -160px no-repeat;} #social-ili {background: url(/db/1177/webview/social1.gif) 0px -240px; width: 140px;} #social-ili:hover { background: url(/db/1177/webview/social1.gif) -170px -240px no-repeat;} #social-bbav {background: url(/db/1177/webview/social1.gif) 0px -320px; width: 70px;} #social-bbav:hover { background: url(/db/1177/webview/social1.gif) -170px -320px no-repeat;} #social-facebook {background: url(/db/1177/webview/social-facebook.png); width: 136px; height: 70px;} #social-facebook:hover { background: url(/db/1177/webview/social-facebook.png) 0px -70px no-repeat;} #social-pinterest {background: url(/db/1177/webview/social-pinterest.png); width: 136px; height: 70px;} #social-pinterest:hover { background: url(/db/1177/webview/social-pinterest.png) 0px -70px no-repeat;} #social-twitter {background: url(/db/1177/webview/social-twitter.png); width: 136px; height: 70px;} #social-twitter:hover { background: url(/db/1177/webview/social-twitter.png) 0px -70px no-repeat;} /*footer*/ #footer {width: 960px; min-height: 300px; margin: 40px auto; color: #f1ecde; line-height: 1.7em; font-size: 12px; text-align: center;} #footer a {color: #f1ecde;} #footer a:hover {text-decoration: none;;} /*tabs*/ .top-tab-container {width: 640px; margin: 30px auto;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; xborder-bottom: 1px solid #999; xborder-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; xborder: 1px solid #999; xborder-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; xborder: 1px solid #fff; outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; } .tab_container { xborder: 1px solid #999; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; margin-bottom: 30px; } .tab_content { padding: 20px; } #content-left .tab_content h2:first-child {margin-top: 0px;} /*nav*/ #nav { background:url(/db/1177/webview/nav.gif) no-repeat; width:920px; height:40px; margin:0; padding:0; list-style: none; line-height: 1; text-align: left; z-index: 2000; } #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 2000; } #nav span { display: none; } #nav li, #nav a { height:40px; display:block; } /* add the height again */ #nav li { float:left; list-style:none; position:relative; } #nav-01 { width: 60px;} #nav-02 { width: 186px;} #nav-03 { width: 178px;} #nav-04 { width: 112px;} #nav-05 { width: 87px;} #nav-06 { width: 98px;} #nav-07 { width: 95px;} #nav-08 { width: 104px;} /*-------------- X position of item -84px (width of first item)/ height of item from above -40px (height of visibale portion of menu) ------------- */ #nav-01 a:hover { background:url("/db/1177/webview/nav.gif") 0px -40px no-repeat; } #nav-02 a:hover { background:url("/db/1177/webview/nav.gif") -60px -40px no-repeat; } #nav-03 a:hover { background:url("/db/1177/webview/nav.gif") -246px -40px no-repeat; } #nav-04 a:hover { background:url("/db/1177/webview/nav.gif") -424px -40px no-repeat; } #nav-05 a:hover { background:url("/db/1177/webview/nav.gif") -536px -40px no-repeat; } #nav-06 a:hover { background:url("/db/1177/webview/nav.gif") -623px -40px no-repeat; } #nav-07 a:hover { background:url("/db/1177/webview/nav.gif") -721px -40px no-repeat; } #nav-08 a:hover { background:url("/db/1177/webview/nav.gif") -816px -40px no-repeat; } #nav a { display: block; /* width: 10em;*/ } #nav li { float: left; /* width: 10em;*/ } #nav li ul { position: absolute; left: -9999em; padding-right:1px; background-color:#797267; /* this is the bgcolor of drop down menu*/ color: #ffffff; z-index: 100; } /*start of third level*/ #nav li ul ul { margin: -20px 0 0 210px; border-top: 1px solid #E5E5E5; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } /* end of third level */ #nav li:hover, #nav li.hover { position: static; } /* test for IE7 hack */ #nav li:hover ul { left: auto; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li ul li { height:30px; /* Height of each drop down nav list item */ border:1px solid #797267; border-top:none; /*width: 200px;*/ } #nav li ul li a { width:100%; height:30px; /* Height of each drop down nav link, same as above */ line-height:30px; /* Height of each drop down nav link, same as above */ } #nav li ul li a span { display:block; padding-left:14px; text-align: left; font-size: 12px; font-family: 'Port Lligat Sans', sans-serif; font-size: 16px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#ffffff; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; } /* Hover styles for drop down items */ #nav ul a:hover { background-image:none; background-color:#eeeeee; color:#000; text-decoration:none; } /* width of drop down nav - choose width that allows items to display on one line*/ #nav-02 ul, #nav-02 li { width:220px; } #nav-03 ul, #nav-03 li { width:220px; } #nav-04 ul, #nav-04 li { width:220px; } #nav-05 ul, #nav-05 li { width:220px; } #nav-06 ul, #nav-06 li { width:220px; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider { position:relative; width: 908px; height: 388px; background:url(file:///M|//db/1177/webview/loading.gif) no-repeat 50% 50%; padding: 0px; background-color: #fff; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position:absolute; left:30px; bottom: 30px; } .nivo-controlNav a { display:block; width:22px; height:11px; background:url(/db/1177/webview/bullets1.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:0 -11px; } .nivo-directionNav a { display:block; width:40px; height:189px; background:url(file:///M|//db/1177/webview/arrows.png) no-repeat; text-indent:-9999px; border:0; top: 100px; } #container a.nivo-prevNav { top: 150px; left:30px; background-position: -10px 0px; } #container a.nivo-nextNav { top: 150px; background-position:-50px 0px; right:30px; } #container a.nivo-prevNav:hover { background-position: 0px -176px; width: 50px; left: 20px; } #container a.nivo-nextNav:hover { background-position: -50px -176px; width: 40px; } .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; padding: 0px; margin: 0px; font-weight: bold; display: block; width: 660px; } .wp-pagenavi .pages { color:#A7A7A7; float:right; text-align:right; width:100px; border: 0px; padding: 0px 3px 0px 0px; margin: 0px; } #container .wp-pagenavi span { text-decoration: none; padding: 5px 10px 5px 10px; margin: 2px; } #container .wp-pagenavi .page {border: 1px solid #666666;} #container .wp-pagenavi .extend {border: 0px; margin: 0px; padding: 3px; } #container .wp-pagenavi a{ text-decoration: none; margin: 2px; background:url("file:///M|//db/1177/webview/navi-bg-gray.png") no-repeat scroll #cccccc; border:1px solid #575757; padding: 5px 10px 5px 10px; margin: 2px; color: #333333; text-shadow:0 1px 0 #ffffff; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } #container .wp-pagenavi a:hover, #container .wp-pagenavi span.current { background:url("file:///M|//db/1177/webview/navi-bg.png") no-repeat scroll #3a332e; color:#FFFFFF !important; text-shadow:0 1px 0 #333333; border: 1px solid #666666; } #container .wp-pagenavi span.current { font-weight: bold; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #content-full .Linkwhite { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: none; }