/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ body { background:#bfb7ac; color:#555; cursor:default; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} #wrapper { font-size:1.2em;} .wrapper { width:980px; margin:0 auto; text-align:left; position:relative;} /* --------------------------------------------------------------------------------------------------------------------------------- RESETS & UNIVERSAL CLASSES /* --------------------------------------------------------------------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;} fieldset, img, abbr, acronym { border:0 none;} table { border-collapse:separate; border-spacing:0;} :focus { outline:0;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} caption, th { text-align:left;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after { content:"";} .hidden, .special_message { display:none !important;} #accessibility { display:block !important; position:absolute; top:0; left:-99999px;} label.hidden { display:inline !important; left:-9000px; position:absolute;} fieldset.hidden { display:block !important;} .nomargin { margin:0 !important;} .fleft { float:left;} .fright { float:right;} .clear { clear:both; height:0; line-height:0; visibility:hidden;} .clearfix:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl { display:inline-block;} /* --------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY /* --------------------------------------------------------------------------------------------------------------------------------- */ a[href^="http:"] /*external links*/{ padding-left:15px; color:#372C24; background:url(/images/xgradients.gif) repeat-x 0 bottom; font-weight:normal; text-decoration:none;} a { padding:0; color:#372C24; font-weight:normal; text-decoration:none;} a[href^="http://www.liquidweb.info/"] /* <= MUST change domain name for internal links. MUST leave as duplicate of above line for IE6*/ { padding:0; color:#372C24; background:url(/images/xgradients.gif) repeat-x -15px bottom; font-weight:normal; text-decoration:none;} a:hover, a:focus { cursor:pointer; color:#ff6600;} a:active { text-decoration:underline;} a.selected, a.selected:hover { background:#797367;} strong a { font-weight:bold !important;} h1, h2, h3, h4, h5, h6, p { margin:0 0 15px 0;} p { line-height:1.4em;} h1 { color:#9c9376; font-size:2.4em; letter-spacing:-0.05em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} h2 { font-size:1.5em;} h3 { font-size:1.2em; font-weight:bold; margin-bottom:10px;} h4, h5, h6 { font-size:1em; font-weight:bold; margin-bottom:7px;} ol, ul { margin-left:20px;} li { margin-bottom:3px;} ul li { background:url(/images/icons.gif) no-repeat -118px -163px; list-style-type:none; margin:0; padding:2px 0 2px 20px;} ul { margin:0 0 15px;} input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif;} .hr { background:#f2eee9; border:none; height:2px; margin:15px 0;} strong { font-weight:bold;} em { font-style:italic;} acronym { font-weight:bold; color:#ff9900; font-size:1.4em;} .cross { border:1px solid #f89090;} /* Titles for modules */ .title, .calcmon { color:#73695b; font-size:1.6em; font-weight:normal; letter-spacing:-0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 6px;} .title span { display:block; border-bottom:1px solid #BFB7AC;} /* Notices for error, warning and success messages */ .notice { margin-bottom:10px;} .notice * { margin:0 0 5px 0;} .notice.error { background:#ffeded; border:1px solid #f89090; color:#d10000; padding:2px;} .notice.warning { background:#fffced; border:1px solid #dfd292; color:#866c13; padding:2px;} .notice.success { background:#f3ffed; border:1px solid #c2e1b6; color:#51713d; padding:2px;} .notice.info { background:#eff8ff; border:1px solid #b7d4ee; color:#455a6d; padding:2px;} .notice .inner { margin:0 0 10px; padding:5px 15px;} /* Images used in galleries and content boxes */ .photoimg img, .photo { border:1px solid #CCC; padding:3px; background:#fff; overflow:hidden;} /* --------------------------------------------------------------------------------------------------------------------------------- BUTTONS LOGOS ICONS /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Buttons for forms */ .button { display:block; cursor:pointer; border:none; color:#fff; font-weight:bold; padding:3px; background:#958977 url(/images/icons.gif) no-repeat -278px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .button:hover, .button:focus { background-color:#1B1713; color:#fff;} /* Logos */ .logo { display:block; text-indent:-9000px;} .logo.companylogo { width:198px; height:46px; background:url(/images/logos.gif) no-repeat 0 0; color:#fff; position:relative;} .logo.liquidwebpowered { width:134px; height:35px; background:url(/images/logos.gif) 0 -175px; padding:0;} /* Icons */ .icon { display:block; border:0; height:16px; width:16px; text-indent:-9000px; background:url(/images/icons.gif) no-repeat 0 0;} .icon.arrow_left /*calendar icon*/{ background-position:0 -18px; width:14px; height:14px;} .icon.arrow_right /*calendar icon*/{ background-position:0 -35px; width:14px; height:14px;} /* File type icons */ a[title="doc"] { background:url(/images/icons.gif) no-repeat -146px -136px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="txt"] { background:url(/images/icons.gif) no-repeat -166px -116px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="csv"], a[title="xls"] { background:url(/images/icons.gif) no-repeat -186px -96px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="pdf"] { background:url(/images/icons.gif) no-repeat -206px -76px; padding-left:20px; border-bottom:1px dotted #372c24;} a[title="zip"], a[title="rar"] { background:url(/images/icons.gif) no-repeat -226px -56px; padding-left:20px; border-bottom:1px dotted #372c24;} /* Banners */ .banner { display:block; text-indent:-9000px;} .banner.joinrss { background:url(/images/logos.gif) no-repeat 0 -333px; width:200px; height:61px;} .banner.ical { background:url(/images/logos.gif) no-repeat 0 -238px; width:200px; height:73px;} /* --------------------------------------------------------------------------------------------------------------------------------- STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { background:#1b1713; color:#8d8580; position:relative;} #header .inner { padding:15px 10px 1px; position:relative;} #header #headercontent { height:51px; position:relative; z-index:1;} #headnav { position:absolute; top:10px; left:220px; width:430px; height:22px;} #headnav a { float:left; background:none; color:#7a726c; padding:3px 8px 1px; height:18px; margin-right:2px;} #headnav a:hover, #headnav a:focus, #headnav a.selected { background:none; color:#b8b0aa;} #header #companylogo { position:absolute; top:0; left:0; margin:0;} #header #search { position:absolute; top:5px; right:0; padding:3px 0; width:205px; background:#372c24; border:1px solid #5a4c40; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #header #search legend, #header #search label { display:none;} #header #search #simpleSearch { background:#372c24; border:none; padding:4px 5px 2px; width:170px; float:left; color:#a7a09b;} #header #search #searchgobutton { background:#372C24 url(/images/icons.gif) no-repeat 0 3px; width:20px; height:20px; border:none; text-indent:-9000px; cursor:pointer; float:right;} #header #contact { margin:0 auto; width:300px; font-size:0.9em; font-weight:normal; display:none;} #header2 { background:#372c24; border-top:1px solid #5a4c40; border-bottom:1px solid #d7d2cb; color:#726459;} #header2 .header { clear:both; text-align:left;} #header2 .header .box { background:none; border:none;} #header2 h1 { font-size:1.6em; color:#726459; font-weight:bold;} #headerimages { height:100px;} /* Navigation Bar */ #nav { height:29px; text-align:left; width:980px; margin:0 auto; margin-top:15px;} /*EXTRA CSS -> look in css/nav for header #nav styles*/ /* Content Layout */ #content { background:#fff; border-left:220px solid #fff; border-right:220px solid #fff; display:block; position:relative;} #content #inner { display:block; overflow:hidden;} #left, #right { background:#fff; position:relative;} #left { float:left; left:0px;} #left .linner { padding:20px 10px 20px 10px;} #right { float:right; right:0px;} #right .rinner { padding:20px 10px 20px 10px;} #centre { display:block; height:1%; padding:20px 30px 10px; position:relative;} #centre .cinner { overflow:hidden;} #content { border-left-width:220px; border-right-width:220px;} .noleftcol #content { border-left:none !important;} .norightcol #content { border-right:none !important;} #inner { margin-left:-220px; margin-right:-220px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner { margin-right:0 !important;} #left { width:220px;} #right { width:220px;} #centre { margin-left:220px; margin-right:220px;} .noleftcol #content #centre { margin-left:0 !important;} .norightcol #content #centre { margin-right:0 !important;} .noleftcol #content #left { display:none!important;} .norightcol #content #right { display:none!important;} /* Footer */ #footer { clear:both; position:relative; color:#81786a;} #foottext { font-size:0.9em;} #footnav { margin:0; padding:0;} #footnav a { background:none; float:left; padding:0 4px; margin:0; border-left:1px solid #81786a; color:#81786a;} #footnav a:hover, #footnav a:focus, #footnav a.selected { color:#fff;} #footer #copyright { float:left; margin-right:4px;} #footer .box { padding:10px; color:#5B554C; background:#d4cfc8;} #footer .inner {} #footer .b { display:block; background-position:-64px -30px;} #footer .tr { background-position:-72px -30px;} #footer .bl { background-position:-64px -38px;} #footer .br { background-position:-72px -38px;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { background:#fff; height:1%; margin-bottom:15px; position:relative;} .inner { height:1%; padding:5px 0;} .b { width:8px; height:8px; background:url(/images/icons.gif) -34px 0; z-index:10; position:absolute; overflow:hidden; display:none;} .tl { top:0; left:0;} .tr { top:0; right:0; background-position:-42px 0;} .bl { bottom:0; left:0; background-position:-34px -8px;} .br { bottom:0; right:0; background-position:-42px -8px;} #ie6 .bl, #ie6 .br { bottom:-1px;} #cb .b { display:block;} #cb .tl { display:none;} .column .b { display:block; background-position:-64px 0;} .column .tr { background-position:-72px 0;} .column .bl { background-position:-64px -8px;} .column .br { background-position:-72px -8px;} /* Filters used in some modules */ .filters { position:relative; background:#E7E4E0; padding:5px 10px; margin-bottom:15px;} .filters .b { display:block; background-position:-64px 0;} .filters .tr { background-position:-72px 0;} .filters .bl { background-position:-64px -8px;} .filters .br { background-position:-72px -8px;} .column .filters { padding:0; margin:0;} /* Sideboxes */ .column .title { margin:0 0 5px; padding:0 10px; font-size:1.4em;} .column .title span { padding:10px 0 0;} .column .box { border:none; background:#e7e4e0;} .column .box .inner { padding:5px 10px;} .column .filters { margin-bottom:15px; width:97%;} /* Side nav */ #sidenav { position:relative;} #sidenav dl { margin:0; background:#958977; padding:8px;} #sidenav a { background:url(/images/icons.gif) no-repeat -286px 8px; display:block; padding:7px 10px 7px 20px; color:#fff; margin-bottom:1px; text-decoration:none;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected { background-color:#a29686; text-decoration:none;} #sidenav .sub1 a { background-position:-250px -12px; padding-left:35px;} #sidenav .sub1 a:hover { background-color:#a29686;} #sidenav .sub1 a.selected { background-color:#a29686;} #sidenav .sub2 a { background-position:-235px -12px; padding-left:50px;} #sidenav .sub2 a:hover { background-color:#a29686;} #sidenav .sub2 a.selected { background-color:#a29686;} #sidenav .b { display:block; background-position:-34px -30px;} #sidenav .tr { background-position:-42px -30px;} #sidenav .bl { background-position:-34px -38px;} #sidenav .br { background-position:-42px -38px;} /* Sitemap */ #sitemap .sub1 a { margin-left:15px;} #sitemap .sub2 a { margin-left:30px;} /* Search results */ #searchres h3 { margin:0 0 5px;} #searchres h3 a { font-weight:bold;} #searchres .found { font-weight:bold; background:#F2EEE9; color:#000;} /* Login box */ .column .login { background:#E7E4E0; width:350px;} .column .login .inner { position:relative; padding:10px;} .column .login .b { display:block; background-position:-64px 0;} .column .login .tl, .login .tr { display:none;} .column .login .bl { background-position:-64px -8px;} .column .login .br { background-position:-72px -8px;} .column .login #password { width:130px; float:left;} .column .login .button { margin:0; float:right; margin-right:8px;} .column .login .notice { background:none;} /* User logged in as ... (logout) */ #header #login { position:absolute; top:0; right:260px; width:175px; text-align:right; font-size:0.9em; color:#A7A09B;} #header #login #logoutbutton { float:right; width:auto; margin-left:5px;} #header #login .text { display:inline;} #header #login .notice{ font-size:1em; padding:4px 0; white-space:nowrap; width:auto; margin:0; float:left; color:#8D8580; background:none; border:none; text-indent:10px;} #header #login .button { margin:0; float:left; padding:1px 3px 0; background:#000; border:1px solid #3c3733; font-weight:normal; color:#A7A09B;} #header #login .button:hover, #header #login .button:focus { background:#372C24;} /* If login box set to show in header */ #header .login { width:auto; float:right; padding:0; background:none; position:relative; display:block; margin:0; border:none;} #header .login .inner { margin:0; padding:0;} #header .login legend, #header .login .title { display:none;} #header .login dd { display:inline; width:auto;} #header .login .input { height:15px; float:right; padding:1px 0; background:#000; border:1px solid #3c3733; color:#A7A09B; margin-bottom:2px;} #header .login #password { width:63px; float:left;} #header .login #loginbutton { float:right;} #header .login .label { display:block; padding:3px 0 0; width:auto; margin:0 7px 2px 0;} #header .login a { font-size:0.9em;} /* --------------------------------------------------------------------------------------------------------------------------------- MODULES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Content Boxes */ .contentbox .alphafilter { margin-bottom:4px;} .contentbox .azfilter { margin:0;} .contentbox .azfilter a { float:left; background:#fff; color:#958977; border:1px solid #d6d0c7; margin:0 1px 2px 0; padding:0 3px;} .contentbox .azfilter a:hover, .contentbox .azfilter a:focus, .contentbox .azfilter a.selected { background:#958977; border-color:#958977; color:#fff; text-decoration:none;} .contentbox .cbox { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:3px solid #f2eee9;} .contentbox .cbox .name { margin-bottom:5px; font-size:1.2em; font-weight:bold; letter-spacing:-0.03em;} .contentbox .cbox .photoimg { float:right; margin:0 0 5px 10px;} .column .contentbox .cbox .b { display:none;} .column .contentbox .cbox .title {} .column .contentbox .cbox .inner { padding:0;} .column .contentbox .cbox .title div { padding:0 10px;} .column .contentbox .cbox img { width:172px;} .column .contentbox .cbox .photoimg { float:none; margin:0 0 5px 0;} #footer .contentbox .cbox .b, #footer .contentbox .filters .b { display:none;} /* Events */ .events h1.headline { margin-bottom:20px;} .events h3.headline { margin:0;} .events .headline a { font-weight:bold;} .events .date { font-style:italic;} .events .summary .date { margin-bottom:5px; display:block;} .events .desc { position:relative; top:-20px;} .events .cat, .events .loc { display:block;} .events .loc { margin-top:10px;} .events dl { margin:0;} .events dd { margin-bottom:10px;} .events .hr { margin:15px 0;} .events .label { margin-right:5px;} .events .filters { margin-bottom:15px;} .events .filter { float:left; margin-right:10px;} .events.calendar { text-align:center;} .events.calendar .title { display:none;} .events.calendar thead td { padding:0; border-bottom:1px solid #BFB7AC;} .events.calendar thead .calcmon { color:#73695B; display:inline; font-size:1.4em; background:none; border:none; padding:0;} .events.calendar thead .calcmon:hover, .events.calendar thead .calcmon:focus { background:none; color:#73695B; text-decoration:underline;} .events.calendar thead .icon { position:absolute; top:10px;} .events.calendar thead .icon.arrow_left { left:10px;} .events.calendar thead .icon.arrow_right { right:10px;} .events.calendar thead .ctext { display:none;} .events.calendar tbody th { font-size:0.8em; padding:5px 0; font-weight:normal; text-align:center; text-transform:uppercase;} .events.calendar tbody td { padding:0; width:14%;} .events.calendar tbody a { background:#fff; display:block; margin:0 1px 1px; padding:1px 0; color:#958977; border:1px solid #D6D0C7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .events.calendar tbody a:hover, .events.calendar tbody a:focus, .events.calendar tbody a.active:hover, .events.calendar tbody .selected a { background-color:#958977; color:#fff;} .events.calendar tbody a.active { font-weight:bold; background:#BFB7AC; color:#fff;} .events.calendar tbody .eday a { font-weight:bold; color:#ff9900} .events.calendar tbody .eday.selected a { background:#ff9900; color:#fff;} .events.calendar tbody .eday a.active { background:#958977; color:#fff;} .events.calendar tbody .oday a { background:#E7E4E0; border-color:#E7E4E0; color:#b2a796;} .events.calendar tbody .oday a:hover, .events.calendar tbody .oday a:focus { background:#fff; border-color:#D6D0C7; color:#958977;} .column .events h3.headline { font-size:1em;} .column .events .label { display:block;} .column .events .filter { margin-bottom:5px;} .column .events p { margin:0; font-size:0.9em;} .swatch { display:block; width:16px; height:16px;} .swatch.fleft { margin-right:5px;} .swatch.fright { margin-left:5px;} /* Forms */ .form legend { display:none;} .form dl { margin:0;} .form dd { overflow:hidden; position:relative; width:100%; margin-bottom:5px;} .form .label { position:relative; float:left; width:25%; padding:5px 0; text-align:right; margin-right:15px;} .form .input, .form .textarea { width:65%; border:1px solid #BFB7AC; padding:3px 5px; background:#f3f1ed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .form .label acronym { position:absolute; right:-8px;} .form .hr { margin:10px 20px;} .form .comment { clear:both; display:block; font-size:0.9em; margin:0 0 0 28%; color:#958977;} .form .notice { border-width:0px; display:block; font-size:0.9em; margin:0 0 0 28%; padding:0 1px; width:64%;} .form .button { margin:15px 0 15px 28%;} .form .small + acronym + .notice { width:120px;} .column .form .label { float:none; padding:0; width:100%; text-align:left; display:block;} .column .form .label acronym { position:static;} .column .form .input, .column .form .textarea { width:90%; background:#fff;} .column .comment, .column .notice { margin:0; width:90%;} .column .button { margin:5px 0;} .column .hr { margin:5px 0;} #centre .form .button { padding:3px 20px;} /* Image galleries */ .gallery .inner { min-height:500px;} #ie6 .gallery .inner { height:500px;} .gallery .slideshow { position:relative;} .gallery .slideshow .button { position:absolute; background-image:none; top:-30px; margin:0; padding:0 10px;} .gallery .slideshow .next { right:0;} .gallery .slideshow .prev { right:50px;} .gallery .slideshow .playpause { right:100px} .gallery .slideshow div { text-align:center; width:100%;} .gallery .slideshow img { border:1px solid #ccc; background:#fff; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .slideshow.caption { background:#333; width:100%; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .slideshow.caption h3 { margin:5px 10px 0;} .gallery .slideshow.caption p { margin:0 10px 5px;} .gallery .thumbnails dd { overflow:hidden; background:#E7E4E0; padding:5px 6px; width:60px; display:block; margin:0 8px 15px 0; float:left; text-align:left; font-size:0.9em; line-height:1.1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .thumbnails a { background:none;} .gallery .thumbnails a:hover .caption { color:#372C24; text-decoration:underline;} .gallery .thumbnails .photoimg { display:block; height:60px;} .gallery .thumbnails a:hover img { border-color:#000;} .gallery .thumbnails .caption { display:block; height:50px;} .column .gallery .thumbnails dd { height:60px; margin:0; padding:0;} .column .gallery .thumbnails .caption { display:none;} /* Google maps */ .locmap .inner { padding:0;} .locmap .title { display:none;} .locmap .map{ height:302px; color:#000; background:#fff; border:1px solid #CCC; margin:0;} .column .locmap .map { width:100%; height:160px;} .column .locmap .map div.gmnoprint { display:none;} /* News */ .news h1.headline { margin-bottom:20px;} .news h3.headline { margin:0;} .news .headline a { font-weight:bold;} .news .date { font-style:italic;} .news .summary .date { margin-bottom:5px; display:block;} .news .desc { position:relative; top:-20px;} .news dl { margin:0;} .news dd { margin-bottom:10px;} .news .hr { margin:15px 0;} .news .label { margin-right:5px;} .news .filters { margin-bottom:15px;} .news .filter { float:left; margin-right:10px;} .column .news h3.headline { font-size:1em;} .column .news .selectbox { width:97%;} .column .news .label { display:block;} .column .news .filter { margin-bottom:5px;} .column .news p { margin:0; font-size:0.9em;} /* RSS */ .rss h1.headline { margin-bottom:20px;} .rss h3.headline { margin:0;} .rss .headline a { font-weight:bold;} .rss .date { font-style:italic;} .rss .summary .date { margin-bottom:5px; display:block;} .rss .desc { position:relative; top:-20px;} .rss dl { margin:0;} .rss dd { margin-bottom:10px;} .rss .hr { margin:15px 0;} .column .rss h3.headline { font-size:1em;} .column .rss p, .column .rss .source { margin:0; font-size:0.9em;} /* RTE areas */ .rtecontent {} #header .rtecontent { background:none; border:none;} #header .rtecontent .inner { padding:0;} #footer .rtecontent { border:none;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Banner on home page left column */ #homebanner { background:none;} #homebanner .b { display:none;} #homebanner .inner { padding:0;} #homebanner a { background:none; padding:0;} /* Plan nav */ #nav dl { margin:0 auto; display:inline-block;} #nav dd { display:inline;} #nav a { background:#d4cfc8 url(/images/xgradients.gif) no-repeat 0 -92px; color:#5b554c; text-decoration:none; font-weight:bold; font-size:1.2em; letter-spacing:-0.05em; padding:7px 0 7px 20px; display:inline-block; white-space:nowrap; position:relative; cursor:pointer;} #nav a span { padding:7px 20px 7px 0; background:#d4cfc8 url(/images/xgradients.gif) no-repeat right -92px;} #nav a:hover, #nav a:focus { background:#fff url(/images/xgradients.gif) no-repeat 0 -46px;} #nav a:hover span, #nav a:focus span { background:#fff url(/images/xgradients.gif) no-repeat right -46px;} #nav a.selected, #nav a.selected:hover { background:#fff url(/images/xgradients.gif) no-repeat 0 0;} #nav a.selected:focus span { text-decoration:underline;} #nav a.selected span, #nav a.selected:hover span { background:#fff url(/images/xgradients.gif) no-repeat right 0;} /************************************* * LiquidShop RTE PAGES CSS Stylesheet *************************************/ .rte_wrapper { width:100%; overflow:hidden;} .rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float:left;} .rte_twoeqcol_left {width: 48%; } .rte_twoeqcol_right {width: 48%; float:right;} .rte_twocol_small_left {width: 38%;} .rte_twocol_big_right {width: 58%; float:right;} .rte_twocol_big_left {width: 58%;} .rte_twocol_small_right {width: 38%; float:right;} .rte_threecol {width: 31%;}