/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ html { background:#fff url(/images/ygradients.png) no-repeat center bottom; padding-bottom:50px;} body { background:none; color:#4d505a; cursor:default; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} #wrapper { font-size:1.2em; 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;} 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 { color:#213254; padding:0; font-weight:normal; text-decoration:none; border-bottom:1px dotted #798aac; zoom:1;} a:hover, a:focus { background-color:#CDDCFC; border-color:#213254; color:#213254; cursor:pointer;} a.selected, a.selected:hover {} a img { display:block;} a img:hover, a img:focus { opacity:0.7; filter:alpha(opacity = 70);} strong a { font-weight:bold !important;} h1, h2, h3, h4, h5, h6, p { margin:0 0 15px 0;} p { font-size:1.2em; line-height:1.4em; margin-bottom:1.4em; max-width:700px;} h1 { font-size:2.8em; letter-spacing:-0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#213254;} h2 { font-size:2.2em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#213254;} h3 { font-size:1.4em; font-weight:bold; margin-bottom:10px;} h4, h5, h6 { font-size:1em; font-weight:bold; margin-bottom:7px;} ol, ul { margin-left:20px; margin-bottom:30px;} li { font-size:1.2em; line-height:1.4em;} ul li { margin-left:20px;} ul { margin:0 0 15px;} input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif;} .hr { background:#DFE1E6; border:none; height:1px; margin:20px 0;} strong { font-weight:bold;} em { font-style:italic;} acronym { font-weight:bold; font-size:1.4em;} .cross { border:1px solid #f89090;} /* Titles for modules */ .title, .calcmon { margin:0 10px; color:#213254; font-size:2.4em; font-weight:normal;} /* 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 */ .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-left:10px; text-align:center; background:#89a1d0 url(/images/buttons.gif) no-repeat left -60px; border:none !important} .button span { display:block; background:url(/images/buttons.gif) no-repeat right -60px; padding:1px 10px 1px 0; border:none;} .button:hover, .button:focus { background-color:#3668A7; background-position:left -89px; color:#fff;} .button:hover span, .button:focus span { background-position:right -89px;} /* Logos */ .logo { display:block; text-indent:-9000px;} .logo.companylogo, .logo.companylogo:hover { width:225px; height:89px; margin-left:10px; background:url(/images/logos.gif) no-repeat 0 0; color:#fff; position:relative;} .logo.liquidwebpowered { border:none; width:96px; height:35px; margin-left:10px; background:url(/images/liquidweb.png) no-repeat 0 0; 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 -188px; width:16px; height:16px;} .icon.arrow_right /*calendar icon*/{ background-position:0 -208px; width:16px; height:16px;} /* 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:url(/images/xgradients.gif) no-repeat 260px 42px; position:relative;} #header .inner { padding:10px 10px 1px; position:relative;} #header #headercontent { height:105px; position:relative; z-index:1;} #headnav { position:absolute; top:10px; left:220px; width:430px; height:22px;} #headnav a { float:left; background:none; padding:3px 8px 1px; height:18px; margin-right:2px;} #headnav a:hover, #headnav a:focus, #headnav a.selected { background:none;} #header #companylogo { position:absolute; top:0; left:0; margin:0;} #header #companylogo a { border:none;} #newswrap { background:url(/images/ieshadows.gif) no-repeat -994px 0; padding:3px; width:225px; height:84px; position:relative; top:5px; float:right;} #newsletter { background:#cddcfc; color:#213254; width:202px; height:60px; padding:10px; border:2px solid #fff;} #newsletter label { font-size:1.1em; font-weight:bold; display:block;} #newsletter #email, #newsletter #mobile { width:190px; border:1px solid #aaa; padding:2px;} #newsletter #mobile { width:160px;} #newsletter #newssubmit { cursor:pointer;} #headimgwrap { background:url(/images/ieshadows.gif) no-repeat 0 -62px; padding:2px 3px; width:725px; margin-bottom:5px;} #headerimages { position:relative; height:308px; width:712px; overflow:hidden;} #headerimages .headerimg { height:300px; width:710px; overflow:hidden; border:2px solid #fff;} /* Content Layout */ #content { background:#fff; margin:0 10px; display:block; position:relative;} #content #inner { display:block; overflow:hidden;} #left, #right { position:relative;} #left { float:left; left:0px;} #left .linner { padding:0 10px 10px 0;} #right { float:right; right:0px;} #right .rinner { padding:0 0 10px 10px;} #centre { display:block; height:1%; padding:0 0 20px; position:relative;} #page1 #centre { padding-bottom:0;} #centre .cinner { overflow:hidden;} #content { padding-left:240px; padding-right:240px;} .noleftcol #content { padding-left:0 !important;} .norightcol #content, #page29 #content { padding-right:0 !important;} #inner { margin-left:-240px; margin-right:-240px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner, #page29 .norightcol #content #inner { margin-right:0 !important;} #left { width:240px;} #right { width:240px;} #centre { margin-left:240px; margin-right:240px;} .noleftcol #content #centre { margin-left:0 !important;} .norightcol #content #centre, #page29 .norightcol #content #centre { margin-right:0 !important;} .noleftcol #content #left { display:none!important;} .norightcol #content #right, #page29 .norightcol #content #right { display:none!important;} #page29 #inner { margin:0;} #page29 #right { display:none;} #page29 #centre { margin:0;} /* Footer */ #footer { background:#738cbf; margin:0 10px 5px; text-align:left; clear:both; position:relative; color:#fff;} #footer p { font-size:1.1em;} #footer .inner { padding:0;} #footer #copyright { color:rgba(255,255,255,0.7); float:left; margin-right:4px; width:600px;} #footer .title, #footer h3 { font:normal 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#213254; margin:0; padding:15px 10px 5px;} #foottext { font-size:0.9em; padding:5px 10px;} #footnav { margin:0; padding:0; position:absolute; bottom:7px; left:550px; width:300px;} #footnav a { border:none; background:none; float:left; padding:0; margin:0 10px 0 0; color:rgba(255,255,255,0.7); text-decoration:underline;} #ie6 #footnav a, #ie7 #footnav a { color:#fff !important;} #footnav a:hover, #footnav a:focus, #footnav a.selected { color:#fff;} #footercontent .inner { padding-top:0;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { height:1%; margin-bottom:10px; position:relative;} .inner { height:1%; padding:10px;} /* Filters used in some modules */ .filters { position:relative; margin-bottom:15px;} /* Sideboxes */ .column .title { background:#738CBF; padding:5px 10px; margin:0; font:normal 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff;} .column .box { border:none; background:#92A9D7; color:#fff;} .column .box .inner { padding:0; width:222px; overflow:hidden;} .column .filters { padding:0; margin:0;} .column .hr { margin:10px 0;} .column .content { background:#fff; position:relative; margin:0 0 10px; padding:2px;} .column .rtecontent { position:relative; margin:0 0 10px; background:#cddcfc; border:2px solid #fff; -moz-box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4); box-shadow:0 0 6px rgba(0,0,0,0.4);} #ie6 .column .rtecontent, #ie7 .column .rtecontent { border:1px solid #ccc;} #ie6 .column .rtecontent .inner, #ie7 .column .rtecontent .inner { padding:1px; background:#fff;} .column .rtecontent h1, .column .rtecontent h2, .column .rtecontent h3, .column .rtecontent p { margin:0; font-family:Arial, Helvetica, sans-serif;} .column .rtecontent h1 { font-size:1.8em; letter-spacing:normal;} .column .rtecontent h1 a { font-weight:bold;} .column .rtecontent h2 { font-size:1.6em; letter-spacing:normal;} .column .rtecontent h2 a { font-weight:bold;} .column .rtecontent h3 { font-size:1.4em; letter-spacing:normal;} .column .rtecontent h3 a { font-weight:bold;} .column .rtecontent a { color:#fff; padding:10px; display:block; border:none !important;} .column .rtecontent a img { margin:-10px;} .column .rtecontent, .column .rtecontent a, .column .rtecontent img, #membership, #membership a, #membership img { background:#3668A7 url(/images/xgradients.gif) no-repeat 0 -714px; width:auto !important;} .column .rtecontent a:hover, .column .rtecontent a:focus { opacity:0.7; filter:alpha(opacity = 70); zoom:1;} .column .rtecontent ul { margin:0; list-style-type:none; background-color:#4F77B6; background-image:url(/images/otherlinks.png); background-repeat:no-repeat; padding-top:30px;} .column .rtecontent li { margin:0; font-size:1em;} .column .rtecontent li:first-child a { border-top:1px solid #4866a0 !important;} .column .rtecontent li a { font-weight:bold; padding-top:4px; padding-bottom:4px; border-top:1px solid #6b90cb !important;} .column .rtecontent li a:hover { opacity:1; filter:alpha(opacity = 100); background:#213254 url(/images/xgradients.gif) repeat-x 0 -174px;} /* Side nav */ #sidenav { background:#fff; position:relative; margin:0 0 10px; padding:2px;} #sidenav dl { margin:0; background:#cddcfc; border:2px solid #fff; -moz-box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4); box-shadow:0 0 6px rgba(0,0,0,0.4);} #ie6 #sidenav, #ie7 #sidenav { margin-top:2px; margin-left:2px; margin-right:2px; padding:1px; border:1px solid #ccc;} #ie6 #sidenav dl, #ie7 #sidenav dl { background:#fff; border:none;} #sidenav a { background:#cddcfc; border:none; color:#213254; display:block; border-top:1px solid #fff; border-bottom:1px solid #cddcfc; padding:4px 10px; text-decoration:none;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected { background:#a8c0f2; border-bottom-color:#8da7dc; text-decoration:none;} #sidenav .sub0 a { background:#3e5788 url(/images/xgradients.gif) repeat-x 0 -214px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); border-bottom:1px solid #2f4774; font-size:1.4em; font-weight:bold; color:#fff;} #sidenav .sub0 a:hover {} #sidenav .sub0 a.selected { font-weight:bold;} #sidenav .sub1 a { font-weight:bold;} #sidenav .sub1 a:hover {} #sidenav .sub1 a.selected {} #sidenav .sub2 a { padding-left:30px; background-image:url(/images/icons.gif); background-repeat:no-repeat; background-position:-14px 7px;} #sidenav .sub2 a:hover {} #sidenav .sub2 a.selected { font-weight:bold;} #sidenav .sub3 a { padding-left:45px; background-image:url(/images/icons.gif); background-repeat:no-repeat; background-position:1px 7px;} #sidenav .sub3 a:hover {} #sidenav .sub3 a.selected { font-weight:bold;} #page29 #sidenav { display:none;} /* 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 #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;} #inner #membership a { border-bottom:1px dotted #798aac;} #inner #membership a:hover { background:none; border:none; color:#4D505A;} /* --------------------------------------------------------------------------------------------------------------------------------- MODULES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Content Boxes */ .contentbox .alphafilter { margin-bottom:4px;} .contentbox .azfilter { margin:0;} .contentbox .azfilter a { float:left; background:#fff; color:#213254; border:1px solid #DFE1E6; margin:0 1px 2px 0; padding:0 3px;} .contentbox .azfilter a:hover, .contentbox .azfilter a:focus, .contentbox .azfilter a.selected { background:#213254; border-color:#213254; color:#fff; text-decoration:none;} .contentbox .title { display:none;} .contentbox .inner { padding:0;} .contentbox .cbox { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #DFE1E6;} .contentbox .cbox .name { margin-bottom:5px; font-size:1.4em; font-weight:bold;} .contentbox .cbox .type { font-size:1.2em; position:absolute; top:3px; right:0;} .contentbox .cbox .photoimg { float:right; margin:0 0 5px 10px;} .contentbox .cbox .photoimg img { width:300px;} .contentbox .cbox p { font-size:1em; line-height:1.4em;} .contentbox .cbox .LQW_txt4, .contentbox .cbox .LQW_txt5, .contentbox .cbox .LQW_txt6 { display:inline;} .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;} .contentbox .cbox.feature { margin-bottom:0; width:331px; height:260px; overflow:hidden; float:left; padding:10px; border:2px solid #bde1cf; background:#def4ea; color:#1a3528;} .contentbox .cbox.feature .LQW_txt1 { font-size:1.4em; font-weight:bold; border:none; margin-bottom:5px;} .contentbox .cbox.feature .LQW_txt1 a { font-weight:bold; border:none; color:#006836;} .contentbox .cbox.feature .LQW_txt1 a:hover { background:none; text-decoration:underline;} .contentbox .cbox.feature a { color:#1a3528; border-color:#008445;} .contentbox .cbox.feature a:hover { background:#BDE1CF; border-color:#1a3528; color:#1a3528;} .contentbox .cbox.feature p { font-size:1.2em; line-height:1.4em; margin-bottom:5px;} .contentbox .cbox.feature.last { float:right; margin-right:2px;} .contentbox .cbox.feature .featureimg { float:right; margin:5px 0 5px 10px; border:2px solid #fff; -moz-box-shadow:0 0 4px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.6); box-shadow:0 0 4px rgba(0,0,0,0.6);} #ie6 .contentbox .cbox.feature .featureimg, #ie7 .contentbox .cbox.feature .featureimg { margin:0; margin-bottom:-3px; padding:0; background:#fff;} #ie6 .contentbox .cbox.feature .featureimg a, #ie7 .contentbox .cbox.feature .featureimg a { margin:0; margin-bottom:-3px; padding:0; border:none; background:none;} .events h1.headline { margin:0; letter-spacing:-0.05em; font:bold 1.4em Arial, Helvetica, sans-serif;} .events h3.headline { margin:0;} .events .headline a { font-weight:bold;} .events .date {} .events .summary .date { margin-bottom:5px; display:block;} .events .desc { font-size:1.2em; margin-bottom:15px;} .events .cat, .events .loc { display:block;} .events .loc {} .events dl { margin:0;} .events dd { margin-bottom:10px;} .events .hr { margin:15px 0;} .events .label { margin-right:5px;} .events .filters {} .events .filters dd { margin:0;} .events .filters a { color:#fff; background:none; padding:5px 10px; display:block; margin-bottom:1px; text-decoration:none;} .events .filters a:hover, .events .filters a:focus, .events .filters .selected a { background:#7B95C7; text-decoration:none;} .events .filter { margin:0; float:left; width:100%;} .events.calendar { text-align:center; margin:0 2px 10px;} .events.calendar .inner { padding:0;} .events.calendar .title { display:none;} .events.calendar thead td { padding:5px 0; background:#738CBF;} .events.calendar thead .calcmon { color:#fff; font-size:1.6em; display:inline; background:none; border:none; padding:0;} .events.calendar thead .calcmon:hover, .events.calendar thead .calcmon:focus { background:none; text-decoration:underline;} .events.calendar thead .icon { position:absolute; top:8px;} .events.calendar thead .icon.arrow_left { left:5px;} .events.calendar thead .icon.arrow_right { right:5px;} .events.calendar thead .ctext { display:none;} .events.calendar tbody th { background:#92A9D7; border-bottom:4px solid #92A9D7; font-size:0.8em; padding:3px 0; font-weight:normal; text-align:center; text-transform:uppercase;} .events.calendar tbody td { padding:0; width:14%;} .events.calendar tbody a { background:#d9e1f1; display:block; margin:0 1px 1px; padding:1px 0; color:#213254; border:1px solid #d9e1f1; -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:#718BBE; border-color:#718BBE; color:#fff;} .events.calendar tbody a.active { text-decoration:underline;} .events.calendar tbody .eday a { background:#fff; border-color:#fff; color:#213254; font-weight:bold;} .events.calendar tbody .eday a:hover, .events.calendar tbody .eday.selected a { background-color:#213254; border-color:#213254; color:#fff;} .events.calendar tbody .eday a.active { background:#958977; color:#fff;} .events.calendar tbody .oday a { background:#92A9D7; border-color:#92A9D7; color:#fff;} .events.calendar tbody .oday a:hover, .events.calendar tbody .oday a:focus { background:#738CBF; border-color:#738CBF; color:#fff;} .column .events h3.headline { font-size:1em;} .column .events .label { display:block;} .column .events p { margin:0; font-size:0.9em;} .cinner .events h1.title { font-size:2.8em; letter-spacing:-0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#213254; position:absolute; top:0; left:100px;} .cinner .events h3.title { font-size:2.8em; letter-spacing:-0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#213254; margin-bottom:15px;} .cinner .events img { float:right; margin:-50px 0 10px 10px; border:1px solid #d3d8e3; padding:3px; background:#fff url(/images/loading.gif) no-repeat center center; min-width:50px; min-height:50px;} .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%; max-width:50%;} .form .label { width:100%; display:block;} .form .input, .form .textarea { width:95%; padding:2px;} .form .label acronym { position:absolute; right:-8px;} .form .hr { margin:10px 20px;} .form .comment { clear:both; display:block; font-size:0.9em;} .form .notice { border-width:0px; display:block; font-size:0.9em; padding:0 1px;} .form .button { margin:10px 0 0 0;} .form .button.form1 { margin:0; background:url(/images/buttons.gif) no-repeat 0 -651px; width:57px; height:22px; font-size:0; color:#3E5788;} .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 .form .comment, .column .form .notice { margin:0; width:90%;} .column .form .button { margin:5px 0;} .column .form .hr { margin:5px 0;} .cinner .form .button { padding:3px 20px;} .footer .form {} .footer .form .input, .footer .form .textarea { background:#92A9D7; color:#fff; border:none;} .footer .form dd.input1 { width:25%; float:left; margin-right:5px;} .footer .form dd.input2 { width:25%; float:left; margin-top:-35px; margin-right:5px;} .footer .form dd.input5 { width:62%; margin:0; float:left;} .footer .form dd.input5 textarea { height:55px;} .footer .form acronym { display:none;} .footer .form .comment { color:#cedaf5;} .footer .form .notice { background:none; color:#fff; font-weight:bold; margin:0;} .footer .form .button.form1 { margin:0; position:absolute; bottom:3px; right:65px; background:url(/images/buttons.gif) no-repeat 0 -681px; width:57px; height:22px; font-size:0; color:#3E5788;} #footer .form .inner { padding:0 10px;} /* Image galleries */ .gallery { margin:0 0 10px;} .gallery .title { display:none;} .gallery .inner { padding:0;} .gallery .slideshow { position:relative; background:#fff url(/images/loading.gif) no-repeat center center;} .gallery .slideshow #loader { display:none;} .gallery .slideshow .button { position:absolute; background-image:none; top:0px; margin:0; padding:5px 10px;} .gallery .slideshow .next { right:0;} .gallery .slideshow .prev { right:50px;} .gallery .slideshow div { text-align:center; width:100%;} .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 { margin-left:5px;} .gallery .thumbnails dd { width:auto; height:124px; display:block; padding:2px; margin:0 5px 5px; float:left; text-align:center; font-size:0.9em; line-height:1.1em;} .gallery .thumbnails a, .gallery .thumbnails a:hover { border:none !important; background:#fff !important;} .gallery .thumbnails a img { border:2px solid #fff; -moz-box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4); box-shadow:0 0 6px rgba(0,0,0,0.4);} .gallery .thumbnails a:hover .caption { border-color:#fff; color:#372C24; text-decoration:underline;} .gallery .thumbnails .photoimg { display:block;} .gallery .thumbnails a:hover img { border-color:#fff; -moz-box-shadow:0 0 6px rgba(0,0,0,0.9); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.9); box-shadow:0 0 6px rgba(0,0,0,0.9);} .gallery .thumbnails .caption { display:none;} .column .gallery .thumbnails dd { height:60px; margin:0; padding:0;} .column .gallery .thumbnails .caption { display:none;} /* #headerimages { height:308px; width:720px; background:#fff url(/images/loading.gif) no-repeat center center; overflow:hidden; padding:2px;} #headerimages .headerimg { height:300px; width:712px; overflow:hidden;} */ /* Google maps */ .locmap .inner { padding:0 10px;} .locmap .title { display:none;} .locmap .map { height:302px; color:#000; background:#fff; border:1px solid #CCC; margin:0;} /* News */ .news { margin:0; max-width:710px;} .news .title { display:none;} .news h1.headline { margin-bottom:10px;} .news h3.headline { margin:0;} .news .headline a { font-weight:bold; border:none;} .news .date { display:block; margin:8px 0; color:#8c8f99;} .news .desc { position:relative; top:-10px;} .news dl { margin:0;} .news dd { margin-bottom:10px;} .news .imglink { position:relative; float:right; margin:5px 0 5px 10px; border:2px solid #fff; -moz-box-shadow:0 0 4px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.6); box-shadow:0 0 4px rgba(0,0,0,0.6);} #ie6 .news .imglink, #ie7 .news .imglink { background:none; padding:0;} .news .summary .continue { display:block; width:90px; font-weight:bold; margin-top:10px; color:#fff; text-align:center;} .news .summary p { margin:0 0 10px; font-size:1em; line-height:1.6em;} .news .label { margin-right:5px;} .news .filters { margin-bottom:15px; padding:10px 10px 0;} .news .filter { float:left; margin-right:10px;} #page1 .news { width:714px; margin-bottom:25px; background:#EDF3FF; border:2px solid #CDDCFC;} #page1 .news .button { position:absolute; bottom:5px; left:10px;} #page1 .news .title { display:block; background:url(/images/xgradients.gif) repeat-x scroll 0 -174px #213254; color:#fff; margin:0 0 5px; padding:5px 10px; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #page1 .news h3.headline { margin:5px 0 0;} #page1 .news h3.headline a { background-image:none;} #page1 .news h3.headline a:hover { background:none; text-decoration:underline;} #page1 .news .inner { padding:0;} #page1 .news .summary dd { position:relative; padding:0 10px; width:330px; height:245px; overflow:hidden; float:left; } #page1 .news .summary dd p { font-size:1.2em; line-height:1.4em;} #page1 .news .summary .button {} #page1 .news .summary .date { color:#6d7a94;} #page1 .news .summary .hr { display:none;} .column .news { margin-bottom:15px;} .column .news .summary { padding:10px 10px 0;} .column .news .title { display:block;} .column .news h3.headline { font-size:1.4em; margin-bottom:0;} .column .news h3.headline a { color:#fff; background-image:none;} .column .news h3.headline a:hover { background:#738CBF} .column .news img, .column .news .button { display:none;} .column .news .date { color:#cedaf5;} .column .news .hr { background:#a3b7e0;} .column .news .selectbox { width:97%;} .column .news .label { display:block;} .column .news .filter { margin-bottom:5px;} .column .news p { margin:0;} .column .news .summary p img { float:left; margin:5px 20px 5px 0;} .column .news .summary .date { display:block; margin-bottom:5px;} /* 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 { margin-bottom:10px;} .rtecontent img { background:#fff url(/images/loading.gif) no-repeat center center;} .header .rtecontent { background:none; border:none;} .header .rtecontent .inner { padding:0;} .footer .rtecontent { margin:0;} #page1 .rtecontent .inner { padding:0;} #classes, #membership { padding:10px;} #classes .inner, #membership .inner { width:202px;} #classes img, #membership img { border:1px solid #fff; border-color:rgba(255,255,255,0.7); margin:5px 0;} #classes p, #membership p { font-size:1.1em; line-height:1.3em;} #classes h3 a, #membership h3 a { padding:0;} #classes h3 a:hover, #membership h3 a:hover { text-decoration:underline;} #classes p a, #membership p a { padding:0; display:inline; background:none; text-decoration:underline;} #hometickets a { padding:10px 10px 5px;} #hometickets:hover { opacity:0.85; filter:alpha(opacity = 85);} #hometickets a:hover, #hometickets a:hover img { opacity:1; filter:alpha(opacity = 100);} #hometickets p { background:#3668A7; font-size:1em;} #ie6 #hometickets p img, #ie7 #hometickets p img { position:relative; top:-5px;} #hometickets p a { background:#3668A7;} #ie6 #membership .inner, #ie6 #classes .inner, #ie6 #acorn, #ie7 #membership .inner, #ie7 #classes .inner, #ie7 #acorn { border:none; background:none;} #acorn { background:none; border:none; padding:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .column #classes a { color:#fff !important;} .column #classes, .column #classes a, .column #classes img { background-color:#732e7d; background-position:0 -1554px;} .column #others ul { background-color:#008445;} .column #others a { color:#fff !important;} .column #others, .column #others a, .column #others img { background-color:#008445; background-position:0 -994px;} .column #others li a { border-color:#45bc7a !important;} .column #others li:first-child a { border-color:#008445 !important;} .column #others li a:hover { background:#005c30 url(/images/xgradients.gif) repeat-x 0 -254px !important;} #page29 .cinner .rtecontent { margin:0; width:50%; float:left;} #page29 #ie6 .cinner .rtecontent {} #page29 .rtecontent .inner { margin:0; padding:0;} #page29 #shows { width:100%;} #page29 #shows .inner { padding:10px 10px 0;} #page29 .rtecontent p { margin-bottom:5px;} #page29 .rtecontent a { background:none; border:none; border-bottom:1px dotted #008445;} #page50 .contentbox .inner, #page51 .contentbox .inner { padding:0 10px;} #page1 .cinner .rtecontent { padding:0 10px;} #page1 .cinner .rtecontent h1, #page1 .cinner .rtecontent h2, #page1 .cinner .rtecontent h3 { color:#213254;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Banner on home page left column */ #tickets, #schedules, #events, #press { background:none; margin-bottom:0;} #tickets h3, #schedules h3, #events h3 { margin:0;} #tickets .inner, #schedules .inner, #events .inner { padding:0;} #tickets a, #schedules a, #events a { background:none; padding:0; height:auto;} #press .inner { padding-bottom:0;} #press h1 { margin-bottom:0;} #inner #bandwshow a, #inner #dairyshow a, #inner #gardeningshow a, #inner #grasslanduk a, #inner #machineryshow a { border-bottom-width:0;} #inner #bandwshow a:hover, #inner #dairyshow a:hover, #inner #gardeningshow a:hover, #inner #grasslanduk a:hover, #inner #machineryshow a:hover { background:none; border:none; color:#fff;} #bandwshow, #dairyshow, #gardeningshow, #grasslanduk, #machineryshow { padding:10px;} #bandwshow .inner, #dairyshow .inner, #gardeningshow .inner, #grasslanduk .inner, #machineryshow .inner { width:202px;} #bandwshow img, #dairyshow img, #gardeningshow img, #grasslanduk img, #machineryshow img { border:1px solid #fff; border-color:rgba(255,255,255,0.7); margin:5px 0;} #bandwshow p, #dairyshow p, #gardeningshow p, #grasslanduk p, #machineryshow p { font-size:1.1em; line-height:1.3em;} #bandwshow h3 a, #dairyshow h3 a, #gardeningshow h3 a, #grasslanduk h3 a, #machineryshow h3 a { padding:0;} #bandwshow h3 a:hover, #dairyshow h3 a:hover, #gardeningshow h3 a:hover, #grasslanduk h3 a:hover, #machineryshow h3 a:hover { text-decoration:underline;} #bandwshow p a, #dairyshow p a, #gardeningshow p a, #grasslanduk p a, #machineryshow p a { padding:0; display:inline; background:none; text-decoration:underline;} #bandwshow, #bandwshow a, #bandwshow img { background-color:#008445; background-position:0 -994px; width:auto !important;} #dairyshow, #dairyshow a, #dairyshow img { background-color:#0491c9; background-position:0 -1274px; width:auto !important;} #gardeningshow, #gardeningshow a, #gardeningshow img { background-color:#732e7d; background-position:0 -1554px; width:auto !important;} #grasslanduk, #grasslanduk a, #grasslanduk img { background-color:#5da33a; background-position:0 -2114px; width:auto !important;} #machineryshow, #machineryshow a, #machineryshow img { background-color:#6f3a0a; background-position:0 -1834px; width:auto !important;} /* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ h1, h2, #inner .rtecontent a { color:#008445;} .button span { color:#fff;} #inner .rtecontent a { border-bottom:1px dotted #008445} #inner .rtecontent a:hover, #inner .rtecontent a:focus { background-color:#a3d8bf;} .rtecontent img { background:url(/images/loadingbandw.gif) no-repeat center center;} #newsletter { background:#cfebde; color:#1a3528;} #nav { background:#005c30 url(/images/xgradients.gif) repeat-x 0 -254px !important;} #lists li a.tl:hover, #lists li.selected a.tl, #lists li:hover > a.tl { background:#008445 url(/images/xgradients.gif) repeat-x 0 -294px !important;} #lists :hover div, #lists :hover div a { background:#008445 !important;} #lists :hover div a { border-top-color:#0e9454 !important;} #lists :hover div a:hover { background:#2aa76b !important; border-top-color:#3bb47a !important;} #sidenav dl, #sidenav a, .column .rtecontent { background-color:#cfebde;} #sidenav a { color:#1a3528; border-bottom-color:#cfebde;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected { background-color:#a3d8bf; border-bottom-color:#8eceb0;} #sidenav .sub0 a { background:#008445 url(/images/xgradients.gif) repeat-x 0 -294px; border-bottom-color:#0F6736;} #sidenav .sub2 a { background-position:-14px -23px;} #sidenav .sub3 a { background-position:1px -23px;} .column .rtecontent a { color:#fff !important;} .column .rtecontent, .column .rtecontent a, .column .rtecontent img { background-color:#008445; background-position:0 -994px;} .column .rtecontent ul { background-color:#008445;} .column .rtecontent li a { border-color:#45bc7a !important;} .column .rtecontent li:first-child a { border-color:#008445 !important;} .column .rtecontent li a:hover { background:#005c30 url(/images/xgradients.gif) repeat-x 0 -254px !important;} #footer { background:#2AA76B;} /* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ h1, h2, #inner .rtecontent a { color:#008445;} .button span { color:#fff;} #inner .rtecontent a { border-bottom:1px dotted #008445} #inner .rtecontent a:hover, #inner .rtecontent a:focus { background-color:#a3d8bf;} .rtecontent img { background:url(/images/loadingbandw.gif) no-repeat center center;} #newsletter { background:#cfebde; color:#1a3528;} #nav { background:#005c30 url(/images/xgradients.gif) repeat-x 0 -254px !important;} #lists li a.tl:hover, #lists li.selected a.tl, #lists li:hover > a.tl { background:#008445 url(/images/xgradients.gif) repeat-x 0 -294px !important;} #lists :hover div, #lists :hover div a { background:#008445 !important;} #lists :hover div a { border-top-color:#0e9454 !important;} #lists :hover div a:hover { background:#2aa76b !important; border-top-color:#3bb47a !important;} #sidenav dl, #sidenav a, .column .rtecontent { background-color:#cfebde;} #sidenav a { color:#1a3528; border-bottom-color:#cfebde;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected { background-color:#a3d8bf; border-bottom-color:#8eceb0;} #sidenav .sub0 a { background:#008445 url(/images/xgradients.gif) repeat-x 0 -294px; border-bottom-color:#0F6736;} #sidenav .sub2 a { background-position:-14px -23px;} #sidenav .sub3 a { background-position:1px -23px;} .column .rtecontent a { color:#fff !important;} .column .rtecontent, .column .rtecontent a, .column .rtecontent img { background-color:#008445; background-position:0 -994px;} .column .rtecontent ul { background-color:#008445;} .column .rtecontent li a { border-color:#45bc7a !important;} .column .rtecontent li:first-child a { border-color:#008445 !important;} .column .rtecontent li a:hover { background:#005c30 url(/images/xgradients.gif) repeat-x 0 -254px !important;} #footer { background:#2AA76B;} /* main nav style */ #navwrap { background:url(/images/ieshadows.gif) no-repeat 1px 0; padding:3px 4px; margin:0 8px;} #nav { background:#213254 url(/images/xgradients.gif) repeat-x 0 -174px; font-size:1.2em; margin-bottom:10px; border:2px solid #fff;} #lists { margin:0 auto; display:inline; position:relative; z-index:5;} #lists li { display:inline; position:relative; margin:0;} #lists li a.tl { border:none; color:#fff; padding:7px 12px; font-size:0.7em; line-height:1.5em; font-weight:bold; height:20px; margin:0 -4px 0 0; display:-moz-inline-box; display:inline-block; white-space:nowrap; cursor:pointer;} #lists li a.tl:hover, #lists li.selected a.tl, #lists li:hover > a.tl { background:#3e5788 url(/images/xgradients.gif) repeat-x 0 -214px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} /* actual flyout style */ #lists div { display:none;} #lists :hover div { width:240px; line-height:normal; display:block; background:#3e5788; position:absolute; z-index:6; left:-2px; top:28px; border:2px solid #fff; border-bottom-color:#fff !important; border-top:none; text-align:left; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2); box-shadow:2px 2px 2px rgba(0,0,0,0.2);} #ie6 #lists :hover div, #ie7 #lists :hover div { top:36px;} #lists :hover div dl { width:240px; float:left;} #lists :hover div dd { display:none;} #lists :hover div a { border:none; background:#3769A8; border-top:1px solid #4878b3; font-size:0.7em; display:block; text-decoration:none; color:#fff; color:rgba(255,255,255,0.9); font-weight:normal; padding:4px 12px;} #lists :hover div a:hover { background:#5789c8; color:#fff; border-top-color:#6e9dd9;} #ie6 #lists :hover div a { font-size:0.7em; width:100%; color:#fff;} #ie7 #lists :hover div a { color:#fff;} #lists :hover div dl:last-child a { padding-bottom:7px;} #lists #brand2:hover div dl:last-child a { padding-bottom:4px;} #lists .clear { clear:both;} /************************************* * 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%;}