/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ body { background:#fff; color:#444; 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:960px; 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*/{ color:#0f2c8a; font-weight:normal; text-decoration:none;} a { padding:0; color:#0f2c8a; font-weight:normal; text-decoration:underline;} 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; font-weight:normal; text-decoration:none;} a:hover, a:focus { cursor:pointer; color:#ff6600;} a:active { text-decoration:underline;} a.selected, a.selected:hover { } strong a { font-weight:bold !important;} h1, h2, h3, h4, h5, h6, p { margin:0 0 10px 0;} p { line-height:1.4em;} h1 { font-size:2.4em; color:#0f2c8a; letter-spacing:-0.05em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} h2 { font-size:1.8em; color:#0f2c8a;} h3 { font-size:1.2em; font-weight:bold; margin-bottom:10px;} h4 { font-size:1.4em; font-weight:normal; margin-bottom:7px;} h5 { font-size:1.2em; font-weight:normal; margin-bottom:7px;} h6 { font-size:1em; font-weight:normal; margin-bottom:7px;} ol, ul { margin-left:20px;} li { margin-bottom:3px;} ul li { background:url(/images/icons.gif) no-repeat -270px -16px; list-style-type:none; margin:0; padding:2px 0 2px 20px; color:#444} ul { margin:0;} 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:#0f2c8a; font-size:1.6em; font-weight:normal; letter-spacing:-0.09em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:6px 0 6px;} .title span { display:block; } /* 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:#999 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:#777; color:#fff;} /* Logos */ .logo { display:block; text-indent:-9000px;} .logo.companylogo { width:201px; height:61px; 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; margin:75px 5px 0 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:#fff; color:#8d8580; position:relative;} #header .inner { padding:15px 0px 1px; } #header #headercontent { height:84px; width:960px; position:relative; background:url(/images/xgradients.gif) no-repeat top left; position:relative; z-index:1;} #headnav { position:absolute; top:10px; right:0px; width:277px; height:22px; font-size:1.2em; } #headnav a { float:left; background:none; color:#ccc; padding:3px 8px 1px; height:18px; margin-right:2px;} #headnav a:hover, #headnav a:focus, #headnav a.selected { background:none; color:#eee;} #header #companylogo { position:absolute; top:15px; left:20px; margin:0;} #header #search { position:absolute; top:36px; left:330px; padding: 0 0 0 3px; width:264px; height:22px; background:#fff; border:1px solid #d0d0d0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #header #search legend, #header #search label { display:none;} #header #search #simpleSearch { background:#fff; border:none; padding:4px 5px 2px 2px; width:193px; float:left; color:#a7a09b;} #header #search #searchgobutton { background: url(/images/icons.gif) no-repeat 0 -64px; width:65px; height:24px; border:none; text-indent:-9000px; cursor:pointer; position:absolute; top:-1px; right:-1px;;} #header #contact { margin:0 auto; width:300px; font-size:0.9em; font-weight:normal; display:none;} #header2 { background:#fff; color:#726459; width:960px; margin:0 auto;} #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:123px; position:relative;} /* Navigation Bar */ #nav { height:40px; text-align:left; width:960px; margin:0 auto; padding:0 } /*EXTRA CSS -> look in css/nav for header #nav styles*/ /* Content Layout */ #content { background:#fff; border-left:240px solid #fff; border-right:310px solid #fff; display:block; position:relative; } #content #inner { display:block; overflow:hidden; border:1px solid #cacaca; padding:10px;} #left, #right { background:#fff; position:relative;} #left { float:left; left:0px;} #left .linner { padding:0px 10px 20px 0px;} #right { float:right; right:0px;} #right .rinner { padding:0px 0px 20px 10px;} #centre { display:block; height:1%; padding:0 0 10px; position:relative; } #centre .cinner { overflow:hidden; } #page1 #centre .cinner { overflow:hidden; background:none; } #content { border-left-width:240px; border-right-width:240px;} .noleftcol #content { border-left:none !important;} .norightcol #content { border-right:none !important;} #inner { margin-left:-240px; margin-right:-240px;} .noleftcol #content #inner { margin-left:0 !important;} .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 { 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; padding-top:5px; background:url(/images/xgradients.gif) 0 -100px no-repeat;} #footnav { margin:0; padding:0; height:100px; } #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:#333;} #footer #copyright { float:left; margin:5px 0 0 0;} #footer .box { padding:10px; color:#707070; background:#eee;} #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;} #footer #twitter{ position:absolute; top:80px; right:240px;} #footer #facebook{ position:absolute; top:80px; right:200px;} #footer #linkedin{ position:absolute; top:80px; right:160px;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { height:1%; margin-bottom:10px; 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;} .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 .tl { top:0; left:0; display:none;} #cb .tr { top:0; right:0; display:none;} #cb .bl { bottom:0; left:0; background-position:-124px -38px;} #cb .br { bottom:0; right:0; background-position:-132px -38px;} .column .b { display:block; background-position:-124px 0;} .column .tr { background-position:-132px 0;} .column .bl { background-position:-124px -8px;} .column .br { background-position:-132px -8px;} /* Filters used in some modules */ .filters { position:relative; 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 8px; font-size:1.4em;} .column .title span { padding:5px 0 0;} .column .box { border:none; background:#bbbbbb;} .column .box .inner { padding:8px 8px 0 8px;} .column .filters { margin-bottom:15px; width:97%;} .contentbox .b { display:block; background-position:-94px -30px;} .contentbox .tl { left: -1px; top:-1px;} .contentbox .tr { background-position:-102px -30px; right: -1px; top:-1px;} .contentbox .bl { background-position:-94px -38px; left: -1px; bottom:-1px;} .contentbox .br { background-position:-102px -38px; right: -1px; bottom:-1px;} /*COLUMN BOXES*/ .column .box { background:url(/images/xgradients.gif) 0 -360px repeat-x #EDEDED; border:1px solid #CFCFCF;} .column .box .title{ background: url(/images/casestudy.gif) no-repeat left top; height:34px; color:#fff; margin:8px;} .column .box .cbox img { width:190px; float:left;} .column .box.contentbox .cbox .b{ display:none} .column .box .b { display:block; background-position:-64px 0px; width:8px} .column .box .tl { left: -1px; top:-1px;} .column .box .tr { background-position:-72px 0px; right: -1px; top:-1px;} .column .box .bl { background-position:-64px -8px; left: -1px; bottom:-1px;} .column .box .br { background-position:-72px -8px; right: -1px; bottom:-1px;} /*RTE COLUMN BOXES*/ .column .box.rtecontent .inner{ padding:8px;} .column .box.rtecontent { background:#EDEDED url(/images/xgradients.gif) repeat-x scroll 0 -360px;} /*Gallery COLUMN BOXES*/ .column .box.gallery .inner{ padding:0px;} /*CENTRAL TEXT AREA*/ #LQW_mainContent .rtecontent{ border:1px solid #cacaca; padding:5px 10px;} #LQW_mainContent .rtecontent .b { width:8px; height:8px; background:url(/images/icons.gif); z-index:10; position:absolute; overflow:hidden;} #LQW_mainContent .rtecontent .tl { top:-1px; left:-1px; background-position:-124px -30px;} #LQW_mainContent .rtecontent .tr { top:-1px; right:-1px; background-position:-132px -30px;} #LQW_mainContent .rtecontent .bl { bottom:-1px; left:-1px; background-position:-124px -38px;} #LQW_mainContent .rtecontent .br { bottom:-1px; right:-1px; background-position:-132px -38px;} /*CENTRAL NEWS TEXT AREA*/ #LQW_mainContent .news{ border:1px solid #cacaca; padding:5px 10px;} #LQW_mainContent .news .b { width:8px; height:8px; background:url(/images/icons.gif); z-index:10; position:absolute; overflow:hidden;} #LQW_mainContent .news .tl { top:-1px; left:-1px; background-position:-124px -30px;} #LQW_mainContent .news .tr { top:-1px; right:-1px; background-position:-132px -30px;} #LQW_mainContent .news .bl { bottom:-1px; left:-1px; background-position:-124px -38px;} #LQW_mainContent .news .br { bottom:-1px; right:-1px; background-position:-132px -38px;} /*CENTRAL FORM TEXT AREA*/ #LQW_mainContent .form{ border:1px solid #cacaca; padding:5px 10px;} #LQW_mainContent .form .b { width:8px; height:8px; background:url(/images/icons.gif); z-index:10; position:absolute; overflow:hidden;} #LQW_mainContent .form .tl { top:-1px; left:-1px; background-position:-124px -30px;} #LQW_mainContent .form .tr { top:-1px; right:-1px; background-position:-132px -30px;} #LQW_mainContent .form .bl { bottom:-1px; left:-1px; background-position:-124px -38px;} #LQW_mainContent .form .br { bottom:-1px; right:-1px; background-position:-132px -38px;} /*PRODUCTS CONTAINER*/ #LQW_mainContent .contentbox{ background:#eee; padding:5px;} #LQW_mainContent .contentbox .tl { top:0px; left:0px; background-position:-64px -30px;} #LQW_mainContent .contentbox .tr { top:0px; right:0px; background-position:-72px -30px;} #LQW_mainContent .contentbox .bl { bottom:0px; left:0px; background-position:-64px -38px;} #LQW_mainContent .contentbox .br { bottom:0px; right:0px; background-position:-72px -38px;} /*PRODUCTS*/ #LQW_mainContent .contentbox .cbox.product { background: #fff; border:1px solid #cacaca; padding:5px 10px; width:312px; height:200px; margin:5px; float:left;} #page120 #LQW_mainContent .contentbox .cbox.product { background: #fff; border:1px solid #cacaca; padding:5px 10px; width:312px; height:400px; margin:5px; float:left;} #LQW_mainContent .contentbox .cbox.product .LQW_txt2 h2 { width:200px} #page88 #LQW_mainContent .contentbox .cbox.product .LQW_txt2 { padding-right:0px;} #LQW_mainContent .contentbox .cbox.product .b{ background:url(/images/icons.gif) no-repeat; display:block;} #LQW_mainContent .contentbox .cbox.product .tl { top:-1px; left:-1px; background-position:-94px -30px;} #LQW_mainContent .contentbox .cbox.product .tr { top:-1px; right:-1px; background-position:-102px -30px;} #LQW_mainContent .contentbox .cbox.product .bl { bottom:-1px; left:-1px; background-position:-94px -38px;} #LQW_mainContent .contentbox .cbox.product .br { bottom:-1px; right:-1px; background-position:-102px -38px;} /*CATEGORIES*/ #page21 #LQW_mainContent .contentbox, #page29 #LQW_mainContent .contentbox, #page30 #LQW_mainContent .contentbox, #page31 #LQW_mainContent .contentbox{ background:none; padding:0px;} #LQW_mainContent #cbox16.box .b, #LQW_mainContent #cbox8.contentbox .b, #LQW_mainContent #cbox17.contentbox .b, #LQW_mainContent #cbox22.contentbox .b { display:none } #LQW_mainContent #cbox16.box .title, #LQW_mainContent #cbox8.contentbox .title, #LQW_mainContent #cbox17.contentbox .title, #LQW_mainContent #cbox22.contentbox .title { display:none } #LQW_mainContent .contentbox .cbox.category{ background: #EDEDED url(/images/xgradients.gif) repeat-x scroll 0 -360px; border:1px solid #CFCFCF; padding:10px; width:200px; height:228px; margin:5px; float:left;} #ie6 #LQW_mainContent .contentbox .cbox.category{ height:240px; margin:3px;} #LQW_mainContent .contentbox .cbox.category img { float:left;} #LQW_mainContent .contentbox .cbox.category .b{ background:url(/images/icons.gif) no-repeat; display:block !important;} #LQW_mainContent .contentbox .cbox.category .tl { top:-1px; left:-1px; background-position:-64px -0px;} #LQW_mainContent .contentbox .cbox.category .tr { top:-1px; right:-1px; background-position:-72px -0px;} #LQW_mainContent .contentbox .cbox.category .bl { bottom:-1px; left:-1px; background-position:-64px -8px;} #LQW_mainContent .contentbox .cbox.category .br { bottom:-1px; right:-1px; background-position:-72px -8px;} .column .box.form { background:#6a8fc4 url(/images/xgradients.gif) 0 -229px repeat-x; border:none; } .column .box.form .title{ background:none; } .column .form .b {display:block; background-position:-94px 0; } .column .form .tl{ left:0px; top:0px} .column .form .tr { background-position:-102px 0; right:0px; top:0px} .column .form .bl { background-position:-94px -8px; left:0px; bottom:0px} .column .form .br { background-position:-102px -8px; right:0px; bottom:0px} /* Side nav */ #sidenav { position:relative; background:url(/images/sidenav_bg.gif) top;} #sidenav dl { margin:0; padding-top:10px;} #sidenav dd { width:220px;} #sidenav a { background:url(/images/icons.gif) no-repeat -286px 8px; display:block; padding:7px 10px 7px 20px; color:#707070; margin-bottom:1px; text-decoration:none;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected { color:#333; text-decoration:none;} #sidenav .sub0 a{ display:none;} #sidenav .sub1 a { background-position:-250px -12px; padding-left:35px;} #sidenav .sub1 a:hover { } #sidenav .sub1 a.selected { } #sidenav .sub2 a { background-position:-235px -12px; padding-left:50px;} #sidenav .sub2 a:hover { } #sidenav .sub2 a.selected { } #sidenav .b { display:none; background-position:-34px -30px;} #sidenav .tr { background-position:-42px -30px;} #sidenav .bl { background-position:-34px -38px;} #sidenav .br { background-position:-42px -38px;} #sidenav .foot{ height:11px; width:230px; background:url(/images/sidenav_foot.gif) no-repeat; position:absolute; bottom:-10px} /* 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:97px; right:0px; width:275px; text-align:right; font-size:0.9em; color:#333;} #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:#0E287D; border:1px solid #3c3733; font-weight:normal; color:#fff;} #header #login .button:hover, #header #login .button:focus { background:#372C24;} /* If login box set to show in header */ #header .login { width:200px; 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; } #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:5px; padding-bottom:5px;} .contentbox .cbox .name { margin:5px 0; height:30px; font-size:1.2em; color:#0F2C8A; letter-spacing:-0.03em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .contentbox .cbox .photoimg { float:right; margin:0 0 5px 5px;} .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:190px; float:left; margin-right:5px;} .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 #b5b5b5; padding:3px 5px; background:#f0f0f0; -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; color:#fff;} .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:290px; margin-top:25px;} #ie6 .gallery .inner { height:500px;} .gallery .slideshow { position:relative;} .gallery .slideshow .button { position:absolute; background-image:none; top:-20px; margin:0 ; padding:0 10px;} .gallery .slideshow .pause { left:8px;} .gallery .slideshow .next { right:8px;} .gallery .slideshow .prev { right:57px;} .gallery .slideshow div { text-align:center; width:100%;} .gallery .slideshow img { border:1px solid #ccc; background:#fff; max-width:198px; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .slideshow.caption { width:100%; color:#777;} .gallery .slideshow.caption h3 { margin:5px 10px 0;} .gallery .slideshow.caption p { margin:0 10px 5px;} .gallery .thumbnails dd { overflow:hidden; padding:0; display:block; margin:4px; float:left; text-align:left; font-size:0.9em; line-height:1.1em; } .gallery .thumbnails a { background:none;} .gallery .thumbnails a:hover .caption { color:#372C24; text-decoration:underline;} .gallery .thumbnails .photoimg {border:1px solid #ccc; background:#FFF; display:block; width:96px; height:96px;} .gallery .thumbnails .photoimg img{ border:none;} .gallery .thumbnails a:hover img { border-color:#000;} .gallery .thumbnails .caption { display:block; height:50px;} .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;} .locmap .b{ display:none;} .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 a { color:#0F2C8A;} .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; color:#333;} /* 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 /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Banners for contact */ #contactbanner { background:none; border:none; margin:0px;} #contactbanner .b { display:none;} #contactbanner .inner { padding:0;} #contactbanner a { background:none; padding:0;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM PAGE STYLES /* --------------------------------------------------------------------------------------------------------------------------------- */ #contbox{ width:600px; background:#eee;} #contbox dd{ border:1px solid #dedede; border-width:0 1px; width:578px; padding:5px 10px} #contbox #header { background:url(/images/xgradients.gif) 0 -84px; height:5px; width:600px; display:block;} #contbox #footer { background:url(/images/xgradients.gif) 0 -89px; height:5px; width:600px; display:block;} #banner{ display:none} #page1 #banner{ background:url(/images/mainbanner.jpg) no-repeat; width:960px; height:351px; display:block !important;} /* --------------------------------------------------------------------------------------------------------------------------------- IMAGE SLIDE SHOW FOR HOMEPAGE /* --------------------------------------------------------------------------------------------------------------------------------- */ a:hover { cursor:pointer; text-decoration:underline;} a:active { text-decoration:underline;} dd,dl { margin:0; padding:0;} dl {margin: 0; padding: 0; list-style: none; display:block; } dl dd {float:left; display:block; } #slideshow_wrapper{ background:url(/images/slideshow_bg.gif) no-repeat; width:960px; height:351px;} #pane {position:relative; overflow:hidden; width:940px; margin:0 10px; height:235px;} #slideshow {position:absolute; margin:0; padding:0; height:235px;} dl .slide {width:960px; color:white; font-weight:bold;height:245px;} #scroll_controls {width:960px; height:106px; margin:6px 4px 0} #scroll_controls dd {float:left; display:block; padding:10px 0 0 10px; background:url(/images/slideshow_tabs.gif); text-align:left; width:226px; height:96px; border:1px solid #ccc; border-width:0 1px;} #scroll_controls dd h2{ font-size:1.6em;} #scroll_controls dd a {background:none; width:226px; height:96px; text-decoration:none; display:block;} #scroll_controls #dd1{ background-position:0px 0px;} #scroll_controls #dd1 h2{ color:#f81600; font-weight:bold;} #scroll_controls #dd2{ background-position:-236px 0px;} #scroll_controls #dd2 h2{ color:#8bc100; font-weight:bold;} #scroll_controls #dd3{ background-position:-472px 0px;} #scroll_controls #dd3 h2{ color:#482eb6; font-weight:bold;} #scroll_controls #dd4{ background-position:-708px 0px;} #scroll_controls #dd4 h2{ color:#e65c2c; font-weight:bold;} #slide1 {background:url(/images/fire_image.jpg) no-repeat;} #slide2 {background:url(/images/healthcare_image.jpg) no-repeat;} #slide3 {background:url(/images/security_image.jpg) no-repeat;} #slide4 {background:url(/images/communications_image.jpg) no-repeat;} .selected { font-weight:bold; } #extra_controls { margin:4px; padding:4px;} #extra_controls dd { margin:4px; padding:4px;} #LQW_header .b { display:none;} h1, h2{ color:#97bf0e;} .product h2{ color:#97bf0e; background:url(/images/xgradients.gif) no-repeat left bottom; padding:0 0 10px;} #LQW_rightContent .box .title{ background: url(/images/casestudy.gif) no-repeat -436px top;} h1, h2{ color:#97bf0e;} .product h2{ color:#97bf0e; background:url(/images/xgradients.gif) no-repeat left bottom; padding:0 0 10px;} #LQW_rightContent .box .title{ background: url(/images/casestudy.gif) no-repeat -436px top;} /* Plan nav */ #nav dl { margin:0 auto; display:inline-block;} #nav dd { display:inline; background:url(/images/icons.gif) no-repeat; margin:8px 10px 0 0;} #nav a { color:#5b554c; text-decoration:none; font-weight:bold; font-size:1.2em; letter-spacing:-0.05em; padding:5px 0 5px 28px; border-right:1px solid #d4d4d4; display:inline-block; white-space:nowrap; position:relative; cursor:pointer;} #nav a span { padding:5px 10px 5px 0; } #nav a:hover, #nav a:focus { color:#0E287C } #nav a:hover span, #nav a:focus span { } #nav a.selected, #nav a.selected:hover { } #nav a.selected:focus span { text-decoration:underline;} #nav a.selected span, #nav a.selected:hover span { } /* Tab Specific styles*/ #nav #hnav21 { background-position: 0 -222px;} #nav #hnav29 { background-position: 0 -253px;} #nav #hnav30 { background-position: 0 -285px;} #nav #hnav31 { background-position: 0 -317px;} #nav #hnav38 { background-position: 0 -349px;} #nav #hnav73 { background: none;} /************************************* * 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: 33%;} .rte_twocol_big_right {width: 63%; float:right;} .rte_twocol_big_left {width: 63%;} .rte_twocol_small_right {width: 33%; float:right;} .rte_threecol {width: 31%;}