/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ body { background:#fff; 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.3em;} .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;} label.hidden { display:inline !important; left:-9000px; position:absolute;} fieldset.hidden { display:block !important;} .nomargin { margin:0 !important;} .fleft { float:left;} .fright { float:right;} .aleft { position:absolute; top:0; left:0;} .aright { position:absolute; top:0; right:0;} .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 { padding:0; color:#009ddb; font-weight:normal; text-decoration:none; background:none; border-bottom:1px dotted #fff;} a:hover, a:focus { cursor:pointer; color:#009ddb; border-bottom:1px dotted #009ddb; text-decoration:none;} strong a, h1 a, h2 a, h3 a, h4 a { font-weight:bold !important;} p,li { line-height:1.5em;} p { margin-bottom:1.5em; max-width:640px;} h1, h2, h3, h4, h5, h6 { margin:0 0 1em 0;} h1 { font:2.4em/0.95em "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:30px; font-weight:bold; color:#f80;} h2 { font-size:2.1em; color:#444; font-weight:bold; margin-bottom:1.1em;} h3 { font-size:1.5em; color:#444; font-weight:bold; margin-bottom:0.8em;} p + h2 { margin-top:1.4em;} p + h3 { margin-top:1.4em;} .column h3 { font-size:1.4em; font-weight:bold; color:#45474C;} h3.leadin { color:#a9acb0; font-size:1.4em; font-weight:normal; line-height:1.3em; margin-top:-10px; margin-bottom:25px;} h4, h5, h6 { font-size:1.1em; font-weight:bold; margin-bottom:0.3em; line-height:1.2em; color:#444;} ol, ul { margin:0 0 1.5em 25px;} ol li { display:list-item; vertical-align:top;} input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif;} .hr, .hr2, .hr3, .hr4 { background:#e3e3e4; border:none; height:4px; margin:25px 0; background:url(/images/xgradients2.gif) no-repeat -2206px 0;} .hr2 { height:8px; background-position:-630px 0;} .hr3 { height:4px; background-position:-2206px -38px; margin:20px 0;} .hr4 { height:4px; background-position:-2206px 18px; margin:20px 0;} strong { font-weight:bold;} em { font-style:italic;} acronym { border-bottom:1px dotted #A9AFB7; cursor:help;} .comment { font-size:0.85em; color:#A9AFB7;} a.comment { font-size:1em; color:#A9AFB7; background:none; padding:0;} p.summary { font-size:1.4em; letter-spacing:-0.01em; line-height:1.3em; padding:10px 0; color:#3e4043;} .caption { display:block; margin-bottom:5px;} .smaller { font-size:0.9em; line-height:normal;} .larger { font-size:1.1em;} blockquote { font-size:1.2em; margin:20px 0; color:#3e4043;} blockquote p { margin:0; font-style:italic;} blockquote p.quote { margin:3px 0 0; color:#A9AFB7; font-size:0.8em;} blockquote .edge { background:url(/images/icons.gif) no-repeat -30px 0; display:block; width:25px; height:23px; position:absolute; left:-24px; top:25px;} blockquote .lquote { background:url(/images/icons.gif) no-repeat -226px -56px; line-height:1em; padding:1px 0 0 18px; color:#fff;} blockquote .rquote { background:url(/images/icons.gif) no-repeat -202px -76px; line-height:1em; padding:1px 22px 0 0; color:#fff;} blockquote a { border-color:#A9AFB7;} blockquote a:hover { color:#009ddb; border-color:#009ddb;} #ie6 blockquote { width:98%;} /* Titles for modules */ .title, .title a { font-weight:bold;} .title, .calcmon { font-size:1.2em; line-height:1.5em; margin:0 0 5px; color:#081026;} /* 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; color:#616469; padding:3px; background:#fff url(/images/xgradients.gif) repeat-x 0 -252px; border:1px solid #CFD5DD;} .button:hover, .button:focus { border-color:#009ddb; color:#000;} .cta { display:inline-block; color:#009DDB; text-shadow:1px 1px 0 #fff; font-weight:bold; padding:10px 20px;} .cta { background-color:#fff; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(177,180,183,0.4)); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(177,180,183,0.4))); border:1px solid #c7c7ca; border-color:rgba(162,164,166,0.6); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .cta:hover, .cta:focus { color:#009DDB; border-style:solid; border-color:#a8a8aa; text-decoration:none; -moz-box-shadow:0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2); box-shadow:0 0 6px rgba(0,0,0,0.2);} #ie6 .cta, #ie7 .cta { background-color:#e0e1e4;} #ie6 .cta:hover, #ie7 .cta:hover { background-color:#fff;} /* Logos */ .logo { display:block; text-indent:-9000px; background:url(/images/logos.jpg) no-repeat 0 0; padding:0;} .logo.companylogo { width:219px; height:46px; color:#fff; position:relative; border:none;} .logo.liquidwebpowered { background-position:0 -139px; width:134px; height:35px; padding:0; position:relative; border:none;} .logo.liquidwebpowered:hover { background-position:0 -219px;} .logo.imrg { background-position:-255px 0; width:79px; height:37px;} .logo.bssa { background-position:-362px 0; width:53px; height:37px;} .logo.buslnk { background-position:-436px 0; width:81px; height:37px;} .logo.ais { background-position:-536px 0; width:44px; height:37px;} .logo.imrg:hover { background-position:-255px -50px;} .logo.bssa:hover { background-position:-362px -50px;} .logo.buslnk:hover { background-position:-436px -50px;} .logo.ais:hover { background-position:-536px -50px;} .logo#aislogo { position:absolute; top:75px; right:10px;} /* 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;} .icon.tick { background-color:#fff; background-position:0 -58px; height:12px; width:18px;} .icon.rss { background-position:-64px -57px;} .icon.twitter { background-position:-44px -57px;} .icon.twitter2 { background-position:0 -96px; width:32px; height:28px; margin-right:5px; border-bottom:none;} .icon.email { background-position:-38px -97px; width:27px; height:27px; margin-right:5px; border-bottom:none;} /* Banners */ .banner { display:block; text-indent:-9000px; border:none;} .banner.joinrss { background:url(/images/logos.jpg) no-repeat 0 -333px; width:259px; height:40px; margin-bottom:15px;} .banner.ical { background:url(/images/logos.jpg) no-repeat 0 -388px; width:258px; height:45px; margin-top:-10px;} /* --------------------------------------------------------------------------------------------------------------------------------- STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { background:#000 url(/images/warmstrip.gif) repeat-x 0 bottom; color:#c2cbdf; position:relative;} #header .inner { padding:18px 10px 7px; position:relative;} #header #headercontent { height:62px; position:relative; z-index:1;} #headnav a { font-size:1.3em; letter-spacing:-0.07em; border:none; font-weight:bold; float:left; background:none; color:#c2cbdf; padding:14px 8px 29px; margin:0 0 0 5px;} #headnav a:hover, #headnav a:focus { background:none; color:#fff; text-decoration:none;} #headnav .selected { color:#fff;} #header #companylogo { float:left; margin:0 0 0 8px;} #header #search { display:none;} #header #contact { display:none;} #banner { color:#fff; background:#0d121f url(/images/body.jpg) no-repeat center 0;} #banner .header { clear:both; text-align:left; color:#878fa2;} #banner .header .box { background:none; border:none; margin:0;} #banner .header .rtecontent { padding:30px 10px 10px;} #banner .header h3 { color:#dfe4ee;} #banner .header .overlay { position:absolute; bottom:-69px; right:-332px;} #banner #headerimages { height:229px;} #page30 #banner .header .rtecontent { height:179px; width:575px;} #page30 #banner .header h1 { margin:0;} #page30 #banner .header .date { margin-bottom:15px;} #ie6 #banner .header .overlay { bottom:-70px;} #banner #flash { width:960px; height:229px;} #banner .aright { top:25px; right:11px;} /* slideshow */ #headerimages { margin:0 8px 35px; height:269px; overflow:hidden;} #page1 #headerimages, #page73 #headerimages { margin:-24px 8px 23px;} #slideshow_wrapper { width:944px; height:269px; display:block; text-align:center; overflow:hidden; position:relative;} #slideshow_wrapper .slide { float:left;} .slideshow_controls { position:absolute; bottom:30px; left:20px; font-size:1.1em;} .slideshow_controls dd { float:left; margin-right:5px;} .slideshow_controls a { color:#5d5f62; text-shadow:1px 1px 0 #fff; display:block; font-weight:bold; padding:12px 28px;} .slideshow_controls a { background-color:#e0e1e4; background-color:rgba(202,204,207,0.4); background-image:-moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(177,180,183,0.8)); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(177,180,183,0.8))); border:1px solid #c7c7ca; border-color:rgba(162,164,166,0.6); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .slideshow_controls a:hover { color:#555; background-color:#fff; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(177,180,183,0.4)); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(177,180,183,0.4))); border-color:#a8a8aa; text-decoration:none; -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2); box-shadow:0 1px 4px rgba(0,0,0,0.2);} .slideshow_controls a.selected, .slideshow_controls a.selected:hover { color:#555; background-color:#fff; background-image:-moz-linear-gradient(top, rgba(177,180,183,0.7), rgba(177,180,183,0.3) 6%); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(177,180,183,0.7)), color-stop(0.06,rgba(177,180,183,0.3)), to(rgba(177,180,183,0.3))); border-color:#c7c7ca; cursor:default; text-decoration:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #ie6 .slideshow_controls a, #ie7 .slideshow_controls a { background-color:#e0e1e4;} #ie6 .slideshow_controls a:hover, #ie7 .slideshow_controls a:hover { background-color:#fff;} #ie6 .slideshow_controls a.selected, #ie7 .slideshow_controls a.selected { background-color:#F1F1F1;} /* LS Features page slideshow */ #page90 #headerimages, #page90 #slideshow_wrapper { height:309px;} #page90 .slideshow_controls dd { background:url(/images/featureslideshowicons.png) no-repeat -655px -20px;} #page90 .slideshow_controls #dd2 { background-position:-666px -20px;} #page90 .slideshow_controls #dd3 { background-position:-648px -20px;} #page90 .slideshow_controls #dd4 { background:none;} #page90 .slideshow_controls dd a { width:120px; height:120px; padding:0; margin-right:105px; text-indent:-9000px; display:block; border:none; background:url(/images/featureslideshowicons.png) no-repeat -14px -156px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #page90 .slideshow_controls #dd1 a { background-position:-14px -156px;} #page90 .slideshow_controls #dd1 a:hover, #page90 .slideshow_controls #dd1 a.selected { background-position:-14px -16px;} #page90 .slideshow_controls #dd2 a { background-position:-165px -156px;} #page90 .slideshow_controls #dd2 a:hover, #page90 .slideshow_controls #dd2 a.selected { background-position:-165px -16px;} #page90 .slideshow_controls #dd3 a { background-position:-326px -156px;} #page90 .slideshow_controls #dd3 a:hover, #page90 .slideshow_controls #dd3 a.selected { background-position:-326px -16px;} #page90 .slideshow_controls #dd4 a { background-position:-473px -156px;} #page90 .slideshow_controls #dd4 a:hover, #page90 .slideshow_controls #dd4 a.selected { background-position:-473px -16px;} /* CMS page slideshow */ #page84 #headerimages { height:500px; margin-top:70px;} #page84 #slideshow_wrapper { margin-top:46px; height:454px; overflow:visible;} #page84 #slideshow_wrapper #pane { height:454px; overflow:hidden;} #page84 .slideshow_controls { left:5px; top:-46px; font-size:0.9em;} #page84 .slideshow_controls dd { background:url(/images/featureslideshowicons.png) no-repeat -655px -20px;} #page84 .slideshow_controls a { padding:5px 10px; background-color:#fff; border-color:#dededf; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(177,180,183,0.2)); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(177,180,183,0.2)));} #page84 .slideshow_controls a:hover { border-color:#aeaeb1;} #page84 .slideshow_controls a.selected, #page84 .slideshow_controls a.selected:hover { border-color:#aeaeb1; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(177,180,183,0.6)); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(177,180,183,0.6)));} #page84 #cmshead { position:absolute; top:-605px; left:10px;} /* Content Layout */ #middle { background:#fff url(/images/xgradients.gif) repeat-x 0 -252px; border-top:1px solid #555; border-top-color:rgba(0,0,0,0.5); padding-top:35px;} #content { border-left:345px solid transparent; border-right:345px solid transparent; display:block; position:relative;} #ie6 #content { border-color:#fff;} #content #inner { display:block;} #left, #right { position:relative;} #left { float:left; left:0px;} #left .linner { padding:0 75px 20px 10px;} #right { float:right; right:0px;} #right .rinner { padding:0 10px 20px 75px;} #centre { display:block; height:1%; padding:0 10px 10px; position:relative;} #page1 #centre { padding-left:20px; padding-right:0;} #centre .cinner { overflow:hidden;} #page30 #centre .cinner { overflow:visible;} #content { border-left-width:345px; border-right-width:345px;} .noleftcol #content { border-left:none !important;} .norightcol #content { border-right:none !important;} #inner { margin-left:-345px; margin-right:-345px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner { margin-right:0 !important;} #left { width:345px;} #right { width:345px;} #centre { margin-left:345px; margin-right:345px;} .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;} #foottext { font-size:0.9em; padding:10px;} #foottext a { background:none; color:#a9afb7; border:none; padding:0; text-decoration:underline; font-weight:normal; margin:0;} #foottext a:hover, #foottext a:focus, #foottext a.selected { color:#081026;} #ftxt { position:relative;} #footnav { margin:0; padding:0;} #copyright { float:left; margin-right:4px; color:#a9afb7;} #copyright a:hover .icon.tick, #copyright a:focus .icon.tick { background-position:0 -78px;} #footnav a, #copyright a { margin-left:5px; border-left:1px solid #c5c9d0; padding-left:6px; color:#a9afb7;} #footnav a { float:left;} #footer #backtotop { font-size:0.8em; padding:4px; background:#F3F4F5; text-transform:uppercase; border:1px solid #CFD5DD; border-right:none; text-align:center; color:#666; bottom:80px; position:fixed; right:0;} #footer #backtotop:hover, #footer #backtotop:active { color:#009ddb;} #footer #backtotop .b { display:block;} #footer .icon.tick { position:relative; bottom:-2px; display:inline-block;} .footer .rtecontent .inner { padding:0;} .footer .rtecontent a, #bespokefoot a { color:#3E4043; border-color:#A9AFB7; font-style:normal;} .footer .rtecontent a:hover, .footer .rtecontent a:focus, #bespokefoot a:hover, #bespokefoot a:focus { color:#009ddb; border-color:#009ddb;} .footer .hr2 { margin:20px 0;} #footer #fhr2 { margin-top:0;} #latesttweet h3 a { padding:0; background:none;} #latesttweet p { margin:0; color:#666;} #newsletter { position:relative;} #newsletter p { margin-bottom:0; color:#666;} #newsletter form { margin:2px 0 9px;} #newsletter .notice { position:absolute; bottom:0; left:0;} #newsletter .button { margin:0;} #partners { margin-left:10px; float:left; width:320px;} #partners a { float:left; margin-right:10px; border:none; position:relative;} #footer .bubble { display:none; width:238px; height:60px; z-index:6; font-size:0.9em; padding:10px; position:absolute; top:-85px; left:0; border:1px solid #cfd5dd; background:#f3f4f5 url(/images/xgradients2.gif) repeat-x -276px 0; color:#666; text-indent:0;} #footer .liquidwebpowered .bubble { left:-136px;} #partners a:hover span, #footer .liquidwebpowered:hover span { display:block;} #bespokefoot { position:absolute; right:0; bottom:115px; z-index:5;} .rte_fourcol { position:relative; min-height:140px; padding-right:20px; width:203px; margin:0 5px 0 10px;} #ie6 .rte_fourcol { height:140px;} .rte_fourcol p { margin:0;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { height:1%; margin-bottom:15px; position:relative;} .inner { height:1%; padding:5px 0;} .b { width:8px; height:8px; background:url(/images/icons.gif) -64px 0; z-index:10; position:absolute; overflow:hidden; display:none;} .tl { top:-1px; left:-1px;} .tr { top:-1px; right:-1px; background-position:-72px 0;} .bl { bottom:-1px; left:-1px; background-position:-64px -8px;} .br { bottom:-1px; right:-1px; background-position:-72px -8px;} .column .b { display:block;} .column a { border-bottom-color:#F3F4F5;} .column a:hover, .column a:focus { border-bottom-color:#009ddb;} /* 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; width:97%;} /* Sideboxes */ .column h3 { margin:0 0 6px;} .column blockquote { margin:0;} .column .title { margin:0 0 5px; padding:0 20px; color:#3e4043; letter-spacing:-0.05em;} .column .title span { padding:20px 0 0;} .column .inner .title, .column .inner .title span { padding:0;} .column .box { border:1px solid #cfd5dd; background:#f3f4f5 url(/images/xgradients2.gif) repeat-x -276px 0;} .column .box .inner { padding:20px;} /* Side nav */ #sidenav { position:relative;} #sidenav .b { display:block;} #sidenav dl { padding:20px;} #sidenav a { position:relative; margin-left:-15px; background:url(/images/icons.gif) no-repeat -120px 14px; color:#666; display:block; padding:9px 9px 9px 15px; border:none;} #sidenav a:hover, #sidenav a:focus { color:#081026; background-position:-95px -10px; text-decoration:none;} #sidenav .sub0 a, #sidenav .sub0 a.selected { border:none; font-size:1.2em; line-height:1.5em; margin:0 0 5px; color:#081026; letter-spacing:-0.01em; border-bottom:1px solid #e3e3e4; background:none; padding:0; font-weight:bold;} #sidenav .sub1 a.selected, #sidenav .sub1 a.selected:hover { color:#666; background:#f3f4f5 url(/images/xgradients.gif) no-repeat -319px -110px; text-indent:-5px; margin-left:-10px; height:18px; width:264px;} /* Sitemap */ #sitemap .sub1 a { margin-left:15px;} #sitemap .sub2 a { margin-left:30px;} /* --------------------------------------------------------------------------------------------------------------------------------- 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 .title { display:none;} .contentbox .cbox { position:relative; float:left;} .contentbox .cbox .name { color:#2b333e; margin:5px 5px 0; font-size:1.1em;} .contentbox .folio { display:block; border:1px solid #dee2e7; background:#fff; overflow:hidden; height:160px;} .contentbox .folio:hover, .contentbox .folio:focus { border-color:#3E4043;} /* featured portfolio websites */ .contentbox .featured { width:284px; height:214px; padding:8px; margin:0 12px 12px 0; background:#fff url(/images/xgradients2.gif) repeat-x -1654px 0;} .contentbox#cbox9 { margin-bottom:35px;} .cinner .contentbox .featured .LQW_txt1 a { color:#A9AFB7; border-bottom-color:#A9AFB7; margin-left:5px; font-size:0.85em; background:none; padding:0;} .cinner .contentbox .featured .LQW_txt1 a:hover, .cinner .contentbox .featured .LQW_txt1 a:focus { color:#2B333E; border-color:#2B333E;} /* standard portfolio websites */ .contentbox .minifolio { width:153px; height:115px; padding:8px; margin:0 17px 17px 0; background:#fff url(/images/xgradients2.gif) repeat-x -1963px 0;} .contentbox .minifolio .folio { width:150px; height:80px;} .contentbox .minifolio .name { margin:3px 0; font-size:0.85em; color:#5d6269; line-height:1.11em;} /* videos page */ .contentbox#cbox14 .cbox { width:100%;} .contentbox#cbox14 .LQW_txt2 { float:right; margin:0 50px 0 15px;} .contentbox#cbox14 .LQW_txt2 p { margin:0;} /* partners page */ .partner.cbox { background:#fff url(/images/xgradients3.gif) repeat-x 0 bottom; padding:10px; height:85px; width:200px; margin:0 13px 15px 1px; position:relative;} .partner.cbox h2 { margin:0 0 2px; font-size:1.7em;} .partner.cbox p { margin:0;} .partner.cbox:hover { cursor:pointer; background:#fff;} .partner .LQW_img { margin-right:10px; text-align:center;} .partner .LQW_img a { background:none; border:none; position:absolute; z-index:10; top:0; left:0; padding:10px; width:200px; margin-left:1px; height:85px; border:1px solid #ccc; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:2px 4px 4px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 4px rgba(0,0,0,0.1); box-shadow:2px 4px 4px rgba(0,0,0,0.1);} .partner .LQW_img a:hover { border-color:#bbb; -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.4); box-shadow:1px 1px 6px rgba(0,0,0,0.4);} .partner .LQW_img img { margin:10px auto 0;} .partner .LQW_txt1 { display:none;} .partner .LQW_txt1 p { font-size:0.9em;} .partner:hover .LQW_txt1 { display:block; position:absolute; bottom:95px; left:1px; z-index:10; background:#fff; padding:10px 20px 0; width:180px; border:1px solid #bbb; border-bottom:none; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px; border-radius:7px 7px 0 0;} /* partners page */ .fpartner.cbox { background:#fff url(/images/xgradients3.gif) repeat-x 0 bottom; padding:20px 320px 20px 20px; height:210px; width:592px; margin:0 1px 10px 1px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .fpartner.cbox h2 { margin:0 0 15px; font-size:2.4em;} .fpartner.cbox h2 a { color:#FF8800;} .fpartner.cbox:hover { cursor:pointer;} .fpartner .LQW_img { float:left; margin-right:10px;} .fpartner .LQW_img a { background:none; border:none; position:absolute; z-index:10; top:0; left:0; padding:20px; width:890px; margin-left:1px; height:210px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 4px 4px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 4px rgba(0,0,0,0.1); box-shadow:2px 4px 4px rgba(0,0,0,0.1);} .fpartner .LQW_img a:hover { border-color:#bbb; -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.4); box-shadow:1px 1px 6px rgba(0,0,0,0.4);} .fpartner .LQW_img img { float:right; margin-top:10px;} .fpartner .LQW_txt1 p { font-size:1.1em;} .fpartner .LQW_txt1 .cta { color:#666;} /* ------------------ Forms ------------------ */ .form legend, .form .title { display:none;} .form acronym { font-weight:bold; color:#ff9900; font-size:1.4em; border:none;} #ie6 .form acronym { display:none;} .form dl { margin:0;} .form dd { overflow:hidden; position:relative; width:100%; margin-bottom:15px;} .form .label { position:relative;} .form .inputs { display:block;} .form .input, .form .textarea, .form .tinyinput { width:574px; color:#4f545c; border:1px solid #fff; padding:4px 5px; background:#fff url(/images/xgradients.gif) repeat-x 0 -273px;} .form .input { background:url(/images/xgradients.gif) no-repeat 0 -156px;} .form .input:focus { background-position:0 -186px; outline:none;} .form .textarea { border-color:#cfd5dd; background:#fff;} .form .textarea:focus { border-color:#97a3b4;} .form .tinyinput { background:none; width:125px; border-color:#97a3b4; float:left;} .form .tinyinput.empty { border-color:#cfd5dd; color:#A9AFB7;} .form .radios { padding:2px 0; display:block;} .form .label acronym { display:inline; color:#A9AFB7;} .form .hr { margin:10px 20px;} .form .comment { clear:both; display:block; font-size:0.85em; margin:0; color:#A9AFB7;} .form .notice { border-width:0px; font-size:0.85em; background:none; display:block; margin:0; padding:0 1px;} .form .button { margin:0 0 15px;} .form .small + acronym + .notice { width:120px;} .form .cross { border:1px solid #f89090;} .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;} .cinner .form .button { padding:3px 20px;} /* Restyle page for form Free Site Appraisal*/ #page45 .input53 .input { padding-left:40px;} #page45 .input53 .comment { display:inline; font-size:1em; position:absolute; top:27px; left:5px;} /* Restyle page for form Survey*/ #page46 .form dd { margin-bottom:20px;} #page46 .form .label { font-weight:bold;} #page75 .form dd { margin-bottom:30px;} #page75 .form .label { color:#555; font-weight:bold; margin-bottom:7px; display:block;} #page75 .form .radios { float:left; margin-right:30px;} /* ------------------ Image galleries ------------------ */ .gallery { float:right; margin:0; width:592px;} .gallery .inner { min-height:450px;} #ie6 .gallery .inner { height:450px;} .gallery .title { display:none;} .gallery .slideshow { position:relative;} .gallery .slideshow .button { position:absolute; background-image:none; top:0px; margin:0; padding:0 10px; z-index:10;} .gallery .slideshow .next, .gallery .slideshow .prev { display:none;} .gallery .slideshow .playpause { left:45%; top:45%;} .gallery .slideshow div { text-align:center; width:100%;} .gallery .slideshow img { border:1px solid #ccc; background:#fff; padding:5px;} .gallery .slideshow.caption { background:#333; width:100%; color:#fff;} .gallery .slideshow.caption h3 { margin:5px 10px 0;} .gallery .slideshow.caption p { margin:0 10px 5px;} .gallery .thumbnails dd { overflow:hidden; background:#F3F4F5; 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;} .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 & Events ------------------ */ h1.headline { color:#444; margin-bottom:35px; font:bold 2em Arial, Helvetica, sans-serif;} h3.headline { margin:0;} h3.headline a { border:none;} .summary .date { margin-bottom:5px; display:block; font-size:0.9em; color:#A9AFB7;} .news .desc, .events .desc { position:relative; top:-25px; font-style:italic;} .news dl { margin:0;} .news dd { margin-bottom:10px;} .news .hr { margin:40px 0 30px;} .news .label { margin-right:5px;} .news .filter { float:left; margin-right:10px;} .column .news h3.headline, .column .events h3.headline { font-size:1em; line-height:normal;} .column .news .inner, .column .events .inner { padding-top:5px;} .column .news .selectbox, .column .events .selectbox { width:97%;} .column .news .label { display:block;} .column .news .filter { margin-bottom:5px;} .column .news p { margin:0; font-size:0.9em;} .column .news dd { margin:0; position:relative;} .column .news .summary a { margin-left:-15px; background:url(/images/icons.gif) no-repeat -73px -203px; color:#666; display:block; padding:9px 9px 9px 15px;} .column .news .summary a:hover, .column .news .summary a:focus { color:#081026; background-position:-48px -227px; text-decoration:none;} .column .news .summary .selected a { color:#666; background:#f3f4f5 url(/images/xgradients.gif) no-repeat 0 -110px; height:18px; margin-left:-47px; text-indent:32px; white-space:nowrap; overflow:hidden;} .column .news .summary .hr { display:none;} .cinner .news .title, .cinner .events .title { display:none;} .cinner .news .headline a, .cinner .events .headline a { font-weight:bold; color:#3e4043; letter-spacing:-0.03em;} .cinner .news .continue, .cinner .events .continue { color:#009ddb;} .cinner .news .continue:hover, .cinner .news .continue:focus, .cinner .events .continue:hover, .cinner .events .continue:focus { color:#009ddb;} .events .desc { border-bottom:1px solid #E5E5E5; padding-bottom:10px;} .events .desc span { display:block;} .events.calendar { text-align:center;} .events.calendar .title { display:none;} .events.calendar thead td { padding:0; border-bottom:1px solid #aeb5bf;} .events.calendar thead .calcmon { color:#3E4043; display:inline; font-size:1.3em; font-weight:bold; background:none; border:none; padding:0; margin:0;} .events.calendar thead .calcmon:hover, .events.calendar thead .calcmon:focus { background:none; color:#009ddb; text-decoration:underline;} .events.calendar thead .icon { position:absolute; top:10px;} .events.calendar thead .icon.arrow_left { left:20px;} .events.calendar thead .icon.arrow_right { right:20px;} .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:#666666; border:1px solid #CFD5DD; border-radius:3px;} .events.calendar tbody a:hover, .events.calendar tbody a:focus, .events.calendar tbody a.active:hover, .events.calendar tbody .selected a { border-color:#aeb5bf; background-color:#CFD5DD;} .events.calendar tbody a.active { font-weight:bold; text-decoration:underline;} .events.calendar tbody .eday a { font-weight:bold; background-color:#009ddb; color:#fff} .events.calendar tbody .eday a:hover { background:#009ddb; color:#fff} .events.calendar tbody .eday.selected a { background:#009ddb; color:#fff;} .events.calendar tbody .eday a.active {} .events.calendar tbody .oday a { background:#F3F4F5; border-color:#F3F4F5; color:#A9AFB7;} .events.calendar tbody .oday a:hover, .events.calendar tbody .oday a:focus { background:#fff; border-color:#CFD5DD; color:#666666;} /* Header links for news/events */ .narrow { font:2.6em/0.95em "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:25px; letter-spacing:-0.01em; color:#009ddb; width:595px; float:left;} #sociallinks { width:218px; float:right; background:url(/images/sociallinks.png) no-repeat 0 0; padding:8px 20px; position:relative; top:-10px;} #ie6 #sociallinks { background:#525a77;} #sociallinks .icon { float:left; margin-right:5px;} #sociallinks a { background:none; color:#878FA2; border:none; padding:2px 0; display:inline-block;} #sociallinks a:hover { color:#fff; text-decoration:underline;} /* ------------------ RTE BOX ------------------ */ .cinner .box.rtecontent { margin:0;} .cstudy { float:left; width:335px;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Benefits of LS */ #benefits { margin-bottom:40px;} #benefits p { margin-bottom:0;} #benefits img { float:left; margin-right:10px;} #about .rte_twoeqcol_left, #about .rte_twoeqcol_right { width:290px;} #rss, #rss .inner, #twitter, #twitter .inner { padding:0; background:none; border:none;} #rss .b, #twitter .b { display:none;} #videobanner a, #rss a, #twitter a { padding:0; background:none; border:none;} #twitter { margin-top:-5px;} /* Features page */ #page50 #benefits .inner { padding-top:16px;} #page50 #benefits h3 { font-size:1.4em; margin-bottom:25px; line-height:1.3em; color:#444;} #page50 #benefits h3 span { position:relative; top:4px;} #page50 #benefits .hr3 { margin:25px 0 10px;} .features_list { width:685px; margin-bottom:30px;} .features_list ul { list-style:none; margin:0;} .features_list li { position:relative;} .features_list h2 { background:url(/images/accordion.gif) no-repeat 0 7px; display:block; width:640px; margin:0; cursor:pointer; font-size:1.5em; padding:15px 10px 15px 35px; border:2px solid #ddd; border-width:2px 0 0 0;} .features_list li:last-child h2 { border-bottom-width:2px;} .features_list h2:hover { background-color:#f2f2f2;} .features_list li.active h2 { background:#eee url(/images/accordion.gif) no-repeat 0 -73px; border-bottom-width:2px; border-color:#d5d5d5;} .features_list p.thead { margin:0; line-height:normal; font-weight:bold; position:absolute; top:0; right:0;} .features_list p.thead span { display:block; width:60px; padding:10px 10px 11px; float:left; text-align:center;} .features_list p.thead span.standard { border-right:1px solid #d5d5d5;} .features_list div { width:650px; padding:0 0 10px 35px;} .features_list table { margin-bottom:10px;} .features_list td { line-height:normal; padding:7px 0; border:1px solid #ddd; border-width:0 0 1px 0;} .features_list tr:last-child td { border-bottom:none;} .features_list td:last-child { border-left-width:1px;} .features_list .icon.tick { background-position:0 -79px;} #casestudies { margin-top:-30px;} #casestudies a { border:none;} #featurenav { overflow:hidden;} .footer #featurenav { margin-left:10px; margin-top:-20px;} #featurenav ul { list-style:none; margin:0;} #featurenav li { float:left; display:inline; width:170px; margin-right:20px;} #featurenav li.last { margin:0;} #featurenav a { color:#009ddb; border-bottom:1px dotted #fff;} #featurenav a:hover, #featurenav a:focus { color:#009ddb; border-bottom:1px dotted #009ddb;} #featurenav h4 a { border:none !important;} #ikit { background:#ebecee; width:260px; padding:20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} #page78 h1 { margin-bottom:40px;} #noborders { background:none; border:none;} #noborders .b { display:none;} #page1 #noborders .inner { padding:10px 0 0 0;} #page1 #noborders .inner h3 { margin-bottom:10px;} #page1 #noborders .inner p { margin-bottom:10px;} #xmas p, #xmas li { font-size:1.3em;} #xmas #xheader, #xmas #xfooter { background:#990906 url(/images/xmasbanners/xheader_bg.gif) no-repeat 0 0; position:relative; border:3px solid #e77e11; padding:25px 20px; color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} #xmas #xheader h1, #xmas #xfooter h3 { color:#fff;} #xmas #xheader p, #xmas #xfooter h3, #xmas #xcontent p:last-child { margin:0;} #xmas #xheader { padding-right:500px; height:237px;} #xmas #xexample { width:505px; height:566px; background:url(/images/xmasbanners/xexample.jpg) no-repeat 0 0; position:absolute; top:17px; right:1px;} #xmas #xcandle { width:128px; height:111px; background:url(/images/xmasbanners/xcandle.png) no-repeat 0 0; position:absolute; top:-20px; right:0;} #xmas #xheader h1 { font-size:2.8em; margin-bottom:20px;} #xmas #xcontent { padding:28px 510px 28px 23px;} #xmas #xcontent ul { margin-left:0;} #xmas #xcontent li { list-style:none; background:url(/images/xmasbanners/xbullet.jpg) no-repeat 0 3px; margin:0; padding-left:25px;} #xmas #xfooter { background:#b20e0b;} /* BikeBiz newsletter page */ #page115 #banner, #page116 #banner { background:#fff url(/images/xgradients.gif) repeat-x 0 -252px; border-top:1px solid #7F7F7F; padding-top:35px;} #page115 #banner .box.rtecontent, #page115 #banner .box.rtecontent .inner, #page116 #banner .box.rtecontent, #page116 #banner .box.rtecontent .inner { padding:0;} #page115 #banner .box.rtecontent p, #page116 #banner .box.rtecontent p { width:auto; max-width:none; margin:0;} #page115 #banner .box.rtecontent p img, #page116 #banner .box.rtecontent p img { display:block;} #page115 #middle, #page116 #middle { background:#fff; border: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, .rte_fourcol { float:left;} .rte_twoeqcol_left {width:460px; } .rte_twoeqcol_right {width:460px; 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:300px; margin-right:20px;} .rte_threecol:nth-child(3) { margin:0;}