/************************************************** * Body * **************************************************/ body { background:#eff7fb url('../img/background/body.jpg') repeat-x; background-position:0 0; color:#666; font:100.1%/1 Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { color:#2180a0; text-decoration:none; } a:hover { } abbr { border-bottom:1px dotted #666; cursor:help; } img { border:0; } textarea { overflow:auto; } /************************************************** * General > Classes * **************************************************/ .block { display:block; } .clear { clear:both; } .ImageFloatLeft { float:left; margin:0 10px 10px -15px; } .ImageFloatRight { float:right; margin:0 -15px 10px 10px; } /************************************************** * Container * **************************************************/ #container { font-size:.75em; line-height:1.35; margin:0 auto; position:relative; text-align:left; width:990px; z-index:2; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #container #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 0; height:115px; margin:0 0 10px; overflow:hidden; width:990px; } #container #header span { float:left; height:133px; margin:0; padding:0; width:232px; } #container #header span a { display:block; height:133px; text-indent:-9999px; width:232px; } #container #header .bholder { display:block; height:133px; width:100%; } #container #header .banner { display:inline-block; height:133px; text-indent:-9999px; margin-left:40px;width:270px; float:left; } #container #header .banner a { display:block; height:133px; text-indent:-9999px; width:270px; } #container #header ul { margin: 0; text-align: left; overflow: hidden; float:right; list-style:none; margin:0; padding:49px 0px 3px 0; } #container #header ul li{ display: inline; } #container #header ul li a{ color: #494949; padding: 17px 18px 5px 5px; margin: 0; text-decoration: none; font-weight:610; font-size:14px; font-family:Trebuchet MS; } #container #header ul li a:hover{ color: #85ab57; background: transparent url(menuover.gif) bottom center no-repeat; /*background of menu item onMouseover*/ } #container #header ul li a#active_menu { color: #85ab57; background: transparent url(menuover.gif) bottom center no-repeat; /*background of menu item onMouseover*/ } #container #banner { text-align:center; margin:10px; } /************************************************** * Container > Content * **************************************************/ #container #content { float:right; padding:0 0px 0 0px; width:770px; } #container #content2 { float:right; padding:0 47px 0 0; width:570px; } #container #content a { color:#2180a0; text-decoration:underline; } #container #content a:hover { text-decoration:none; } #container #content h2 { color:#3fa7cf; font-size:1.3em; font-weight:400; margin:0; padding:0 15px 10px; } #container #content h3 { clear:both; color:#b13d9a; font-size:1.3em; font-weight:400; margin:0; padding:10px 15px 5px; } #container #content h4 { clear:both; font-size:1.1em; font-weight:bold; margin:0; padding:5px 15px; } #container #content ol { margin:0; padding:0 15px 10px 45px; } #container #content p { margin:0; padding:0 15px 10px; } #container #content p.launch-website { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:center right; color:#93c74f; display:block; float:right; font-size:.9em; margin:1px 10px 0 0; padding:0 15px 0 0; } #container #content p.launch-website a { color:#93c74f; text-decoration:none; } #container #content p.launch-website a:hover { text-decoration:underline; } #container #content ul { margin:0; padding:0 0 6px 40px; } #container #content ul li { line-height:1.6; } #container #content2 a { color:#2180a0; text-decoration:underline; } #container #content2 a:hover { text-decoration:none; } #container #content2 h2 { color:#3fa7cf; font-size:1.3em; font-weight:400; margin:0; padding:0 15px 10px; } #container #content2 h3 { clear:both; color:#b13d9a; font-size:1.3em; font-weight:400; margin:0; padding:10px 15px 5px; } #container #content2 h4 { clear:both; font-size:1.1em; font-weight:bold; margin:0; padding:5px 15px; } #container #content2 ol { margin:0; padding:0 15px 10px 45px; } #container #content2 p { margin:0; padding:0 15px 10px; } #container #content2 p.launch-website { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:center right; color:#93c74f; display:block; float:right; font-size:.9em; margin:1px 10px 0 0; padding:0 15px 0 0; } #container #content2 p.launch-website a { color:#93c74f; text-decoration:none; } #container #content2 p.launch-website a:hover { text-decoration:underline; } #container #content2 ul { margin:0; padding:0 0 6px 40px; } #container #content2 ul li { line-height:1.6; } /************************************************** * Container > Content > Breadcrumbs * **************************************************/ #container #content #breadcrumbs { /*background:#fff url('../img/background/content_breadcrumbs.jpg') no-repeat; background-position:0 0; */color:#666; height:14px; line-height:14px; margin:0 0 15px; overflow:hidden; padding:13px 0;margin-left:100px; width:470px; float:left; } #container #content #breadcrumbs p { font-size:.9em; margin:0; padding:0 15px; } #container #content #breadcrumbs p a { border-bottom:1px dotted #666; color:#666; padding:0 0 1px; text-decoration:none; } #container #content #breadcrumbs p a:hover { border-bottom:1px solid #999; } /************************************************** * Container > Content > Form * **************************************************/ #container #content .form { } #container #content .form dl { margin:0; padding:10px 15px 0; width:460px; } #container #content .form dl dd { float:left; margin:3px 0 3px 10px; width:220px; } #container #content .form dl dd input { background:#fff; border:1px solid #aaa; color:#454545; margin:0; padding:2px; width:226px; } #container #content .form dl dd select { width:232px; } #container #content .form dl dd textarea { background:#fff; border:1px solid #aaa; color:#454545; font:1em Arial, Helvetica, sans-serif; overflow:auto; padding:2px; width:226px; } #container #content .form dl dd.checkbox { } #container #content .form dl dd.checkbox input { background:0; border:0; margin:6px 0; text-indent:6px; width:auto; } #container #content .form dl dt { clear:both; display:block; float:left; padding:5px 0 0; width:220px; } #container #content .form dl dt label { } #container #content .form dl dt label span { font-size:.9em; } #container #content .form dl dt label span.error { color:#f00; padding:0 0 0 3px; } #container #content .form input { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 4px; border:0; clear:both; color:#3fa7cf; float:left; margin:10px 0 10px 245px; padding:0 0 0 12px; width:auto; } #container #content .form p { clear:both; margin:0; padding:5px 0 15px 15px; } #container #content .form p input { clear:none; margin:2px 5px 0 0; padding:0; vertical-align:middle; } /************************************************** * Container > Content > Articles * **************************************************/ #container #content .blog { width:100%; background:#fff url('../img/background/articletop.jpg') no-repeat top left; padding:5px;border-left:1px solid #d8e9f0;border-right:1px solid #d8e9f0; } #container #content .contentpaneopen { width:100%; background:#fff url('../img/background/articletop.gif') no-repeat top left;padding:5px; font-size:12px !important; color:#333 !important; font-family:Arial, Helvetica, sans-serif !important; } #container #content .contentheading { font-size:13px; text-decoration:none; margin-left:10px; border-bottom:1px dotted #999; } #container #content .buttonheading { border-bottom:1px dotted #999; } #container #content .contentheading h1 { font-size:13px; } #container #content .contentheading h1 a { color:#d10096; } #container #content .contentheading h1 a:hover { text-decoration: underline; } #container #content .contentpaneopen img { padding-right:5px;} #container #content .contentpaneopen p { padding-left:0px;margin-left:0px; font-size:12px; color:#333 !important; font-family:Arial, Helvetica, sans-serif; } #container #content .contentpaneopen span {font-size:12px; color:#333 !important; font-family:Arial, Helvetica, sans-serif; } #container #content .contentpaneopen span[style] {font-size:12px !important; color:#333 !important; font-family:Arial, Helvetica, sans-serif !important; } #container #content .contentheading a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 2px; color:#2180a0; text-decoration:none; line-height:160%; padding:0 0 0 18px; } #container #content .contentitem { background:#fff; padding:10px; color:#333 !important; font-size:13px !important; font-family: Tahoma, Arial, non-serif;} #container #content .contentitem #svejo { position:absolute; top:-80px; right:10px;} #container #content .contentitem img {margin-right:5px; padding:2px; border:1px solid #d8e9f0;} #container #content .contentitem h1.contentpagetitle { font-weight:bold; font-size:13px; color:#d10096; text-decoration:none; } #container #content .buttonheading { display:none;} #container #content .credentials { margin-bottom:5px; font-size:10px;} #container #content .credentials a { font-size: 10px; } #container #content .contentitem .contentitemcontent p {margin:0; padding-left:0; padding-right:0;} #container #content .contentitem #CommentMenu img {margin:0; padding:0; border:0;} #container #content .contentitem .emoticoncontainer img {margin:0; padding:0; border:0;} #container #content table.blog .contentitem { position:relative; min-height:230px; margin-top:10px; margin-bottom:10px; border:none; border-bottom:1px solid #d8e9f0;} #container #content table.blog .contentitem h1 { display:block; width:530px; float:right; text-align:left; padding:0; margin:0; } #container #content table.blog .contentitem h1 a { font-weight:bold; font-size:13px; color:#d10096; text-decoration:none; } #container #content table.blog .contentitem h1 a:hover { text-decoration: underline; } #container #content table.blog .contentitem h2 { display:block; width:530px; float:right; text-align:left; padding:0; margin:0; } #container #content table.blog .contentitem h2 a { font-weight:bold; font-size:13px; color:#d10096; text-decoration:none; } #container #content table.blog .contentitem h2 a:hover { text-decoration: underline; } #container #content table.blog .contentpaneopen img { padding-right:5px; } #container #content table.blog .buttonheading { display:none;} #container #content table.blog .credentials { display:block; width:530px; float:right; text-align:left; margin-bottom:5px; font-size:10px;} #container #content table.blog .credentials a { font-size: 10px; } #container #content table.blog .credentials { display:block; width:530px; float:right; text-align:left; line-height:11px; font-size:11px;} #container #content table.blog .contentitem .contentitemcontent img {padding:2px; border:1px solid #d8e9f0; margin-left:5px; position:absolute; top:-35px; left:-220px; clear:both; max-height:200px;} #container #content table.blog .contentitem .contentitemcontent {display:block;clear:both; float:right; text-align:left; width:520px; padding-right:10px;position:relative;} #container #content table.blog .contentitem .contentitemcontent p {margin:0; padding:0; line-height:12px;} #container #content table.blog .contentitem .contentitemcontent a.readon {display:block; clear:both; margin-top:5px; margin-right:10px;} /* tableless */ /* #container #content .contentitem { position:relative; height:230px; margin-top:10px; margin-bottom:10px;} #container #content .contentitem h1 { display:block; width:530px; float:right; text-align:left; line-height:13px; } #container #content .contentitem h1 a { font-weight:bold; font-size:13px; color:#d10096; } #container #content .contentitem h1 a:hover { text-decoration: underline; } #container #content .contentitem h2 { display:block; width:530px; float:right; text-align:left; line-height:13px; } #container #content .contentitem h2 a { font-weight:bold; font-size:13px; color:#d10096; } #container #content .contentitem h2 a:hover { text-decoration: underline; } #container #content .contentpaneopen img { padding-right:5px; } #container #content .buttonheading { display:none;} #container #content .credentials { display:block; width:530px; float:right; text-align:left;} #container #content .contentitem .contentitemcontent img {padding:2px; border:1px solid #d8e9f0; position:absolute; top:-50px; left:-220px; clear:both; max-height:200px;} #container #content .contentitem .contentitemcontent {display:block;clear:both; float:right; text-align:left; width:530px;position:relative;} #container #content .contentitem .contentitemcontent p {margin:0; padding:0; line-height:12px;} */ #container #content .pagenav { text-decoration: none; display:block; padding:3px; float:left; padding-left:5px; padding-right:5px; margin-right:3px; border:1px solid #ddeffd; background-color: white; } #container #content .pagenav:hover { text-decoration: none; display:block; padding:3px; float:left; color:#fff; padding-left:5px; padding-right:5px; border:1px solid #ddeffd; background-color: #1c8094; } #container #content span.pagenav { text-decoration: none; color:#fff; display:block; padding:3px; float:left; padding-left:5px; padding-right:5px; border:1px solid #ddeffd; background-color: #1c8094; } /************************************************** * Container > Sidebar * **************************************************/ #container #sidebar { float:left; padding:0 0 0 0px; width:205px; } #container #sidebar h3 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:260px; } #container #sidebar h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:260px; } #container #sidebar h5 { clear:both; color:#3fa7cf; font-size:1em; font-weight:400; margin:0 1px; padding:10px 0 0 14px; width:260px; } #container #sidebar p { font-size:.9em; line-height:1.4; margin:0; padding:10px 15px 8px; } #container #sidebar ul { list-style:none; margin:0; padding:11px 18px 0; } #container #sidebar ul li { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; } #container #sidebar ul li a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 -2px; color:#666; line-height:160%; padding:0 0 0 18px; } #container #sidebar ul li a { background-position:0 2px;# } #container #sidebar ul li a:hover { color:#f48ad4; } #container #sidebar ul li.selected a, #container #sidebar ul li a#active_menu { color:#f48ad4; font-weight:bold; } #container #sidebar ul li span { font-size:.9em; } #container #sidebar ul li ul { display:none; height:0; visibility:hidden; } #container #sidebar ul li ul.selected { display:block; height:auto; padding-top:1px; visibility:visible; } #container #sidebar ul li ul li { border:0; margin:0; padding:0; } #container #sidebar ul li ul li a { background:0; padding:0 0 0 8px; } #container #sidebar ul li ul li.selected a { background:url('../img/background/sidebar_ul_li_ul_li_a.jpg') no-repeat; background-position:0 50%; } #container #sidebar ul.news-items { color:#666; font-size:.9em; padding:12px 19px 15px; } #container #sidebar ul.news-items li { } #container #sidebar ul.news-items li a { color:#666; display:block; } #container #sidebar ul.news-items li a:hover { color:#018ac0; } #container #sidebar2 { float:left; padding:0 0 0 0px; width:240px; } #container #sidebar2 h3 { background:#fff url('../img/background/sidebar_h42.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:215px; } #container #sidebar2 h3.forum { background:#fff url('../img/background/heading/forum.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:215px; } #container #sidebar2 .moduletable-calc h3 { background:#fff url('../img/background/heading/calculators.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:215px; } #container #sidebar2 .moduletable-site h3 { background:#fff url('../img/background/heading/sites.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:215px; } #container #sidebar2 h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:260px; } #container #sidebar2 h5 { clear:both; color:#3fa7cf; font-size:1em; font-weight:400; margin:0 1px; padding:10px 0 0 14px; width:260px; } #container #sidebar2 p { font-size:.9em; line-height:1.4; margin:0; padding:10px 15px 8px; } #container #sidebar2 ul { list-style:none; margin:0; padding:11px 18px 0; } #container #sidebar2 ul li { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; } #container #sidebar2 ul li a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 -2px; color:#666; line-height:160%; padding:0 0 0 18px; } #container #sidebar2 ul li a { background-position:0 2px;# } #container #sidebar2 ul li a:hover { color:#f48ad4; } #container #sidebar2 ul li.selected a, #container #sidebar2 ul li a#active_menu { color:#f48ad4; font-weight:bold; } #container #sidebar2 ul li span { font-size:.9em; } #container #sidebar2 ul li ul { display:none; height:0; visibility:hidden; } #container #sidebar2 ul li ul.selected { display:block; height:auto; padding-top:1px; visibility:visible; } #container #sidebar2 ul li ul li { border:0; margin:0; padding:0; } #container #sidebar2 ul li ul li a { background:0; padding:0 0 0 8px; } #container #sidebar2 ul li ul li.selected a { background:url('../img/background/sidebar_ul_li_ul_li_a.jpg') no-repeat; background-position:0 50%; } #container #sidebar2 ul.news-items { color:#666; font-size:.9em; padding:12px 19px 15px; } #container #sidebar2 ul.news-items li { } #container #sidebar2 ul.news-items li a { color:#666; display:block; } #container #sidebar2 ul.news-items li a:hover { color:#018ac0; } /************************************************** * Container > Sidebar > Quick Enquiry * **************************************************/ #container #sidebar #quick_enquiry { background:url('../img/background/sidebar_quick_enquiry.jpg') repeat-y; background-position:0 0; height:auto !important; height:188px; margin:20px 0 15px; min-height:188px; position:relative; width:240px; } #container #sidebar #quick_enquiry:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } #container #sidebar #quick_enquiry div { background:url('../img/background/sidebar_quick_enquiry_div.jpg') no-repeat; background-position:bottom center; height:auto !important; height:108px; min-height:108px; } #container #sidebar #quick_enquiry dl { margin:-4px 0 0; padding:0 16px; } #container #sidebar #quick_enquiry dl dt { clear:both; float:left; padding:4px 0; width:62px; } #container #sidebar #quick_enquiry dl dt.name { background:url('../img/icon/sidebar/form_name.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt.email { background:url('../img/icon/sidebar/form_email.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt.phone { background:url('../img/icon/sidebar/form_phone.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt label { color:#555; font-size:.9em; line-height:16px; padding:2px 0 2px 23px; } #container #sidebar #quick_enquiry dl dt span { } #container #sidebar #quick_enquiry dl dt span.error { color:#f00; } #container #sidebar #quick_enquiry dl dd { background:url('../img/background/sidebar_quick_enquiry-input.jpg') no-repeat; background-position:0 4px; border:0; float:right; margin:0; padding:2px 0; } #container #sidebar #quick_enquiry dl dd.submit { background:#3eacd1 url('../img/background/sidebar_quick_enquiry-submit.jpg') no-repeat; bottom:0; height:35px; left:0; padding:0; position:absolute; width:240px; } #container #sidebar #quick_enquiry dl dd input { background:0; border:0; color:#666; font-size:.95em; height:14px; line-height:14px; padding:4px 4px 0; width:167px; } #container #sidebar #quick_enquiry dl dd.submit input { background:transparent; clear:both; color:#fff; cursor:pointer; display:block; float:none; height:35px; padding:0; width:240px; } #container #sidebar2 #quick_enquiry { background:url('../img/background/sidebar_quick_enquiry.jpg') repeat-y; background-position:0 0; height:auto !important; height:188px; margin:20px 0 15px; min-height:188px; position:relative; width:240px; } #container #sidebar2 #quick_enquiry:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } #container #sidebar2 #quick_enquiry div { background:url('../img/background/sidebar_quick_enquiry_div.jpg') no-repeat; background-position:bottom center; height:auto !important; height:108px; min-height:108px; } #container #sidebar2 #quick_enquiry dl { margin:-4px 0 0; padding:0 16px; } #container #sidebar2 #quick_enquiry dl dt { clear:both; float:left; padding:4px 0; width:62px; } #container #sidebar2 #quick_enquiry dl dt.name { background:url('../img/icon/sidebar/form_name.jpg') no-repeat; background-position:0 50%; } #container #sidebar2 #quick_enquiry dl dt.email { background:url('../img/icon/sidebar/form_email.jpg') no-repeat; background-position:0 50%; } #container #sidebar2 #quick_enquiry dl dt.phone { background:url('../img/icon/sidebar/form_phone.jpg') no-repeat; background-position:0 50%; } #container #sidebar2 #quick_enquiry dl dt label { color:#555; font-size:.9em; line-height:16px; padding:2px 0 2px 23px; } #container #sidebar2 #quick_enquiry dl dt span { } #container #sidebar2 #quick_enquiry dl dt span.error { color:#f00; } #container #sidebar2 #quick_enquiry dl dd { background:url('../img/background/sidebar_quick_enquiry-input.jpg') no-repeat; background-position:0 4px; border:0; float:right; margin:0; padding:2px 0; } #container #sidebar2 #quick_enquiry dl dd.submit { background:#3eacd1 url('../img/background/sidebar_quick_enquiry-submit.jpg') no-repeat; bottom:0; height:35px; left:0; padding:0; position:absolute; width:240px; } #container #sidebar2 #quick_enquiry dl dd input { background:0; border:0; color:#666; font-size:.95em; height:14px; line-height:14px; padding:4px 4px 0; width:167px; } #container #sidebar2 #quick_enquiry dl dd.submit input { background:transparent; clear:both; color:#fff; cursor:pointer; display:block; float:none; height:35px; padding:0; width:240px; } /************************************************** * Container > Sidebar > Box * **************************************************/ #container #sidebar .box { background:url('../img/background/sidebar_box.jpg') no-repeat; background-position:0 0; height:100px; margin:20px 0 0; padding:0 15px 0 0; width:260px; } #container #sidebar .box.sign-up-for-our-free-marketing-tips { } #container #sidebar .box.a-decade-of-creative-marketing { background-position:0 -100px; padding-top:5px; } #container #sidebar .box h5 { color:#3fa7cf; font-size:1.4em; font-weight:400; margin:0; padding:20px 0 0 120px; text-align:right; width:140px; } #container #sidebar .box p { color:#93c74f; float:right; font-style:normal; line-height:12px; margin:0; padding:10px 0 0; } #container #sidebar .box p a { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:0 50%; color:#93c74f; display:block; padding:0 0 0 15px; } #container #sidebar .box p a:hover { text-decoration:underline; } #container #sidebar2 .box { background:url('../img/background/sidebar_box.jpg') no-repeat; background-position:0 0; height:100px; margin:20px 0 0; padding:0 15px 0 0; width:260px; } #container #sidebar2 .box.sign-up-for-our-free-marketing-tips { } #container #sidebar2 .box.a-decade-of-creative-marketing { background-position:0 -100px; padding-top:5px; } #container #sidebar2 .box h5 { color:#3fa7cf; font-size:1.4em; font-weight:400; margin:0; padding:20px 0 0 120px; text-align:right; width:140px; } #container #sidebar2 .box p { color:#93c74f; float:right; font-style:normal; line-height:12px; margin:0; padding:10px 0 0; } #container #sidebar2 .box p a { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:0 50%; color:#93c74f; display:block; padding:0 0 0 15px; } #container #sidebar2 .box p a:hover { text-decoration:underline; } /************************************************** * Footer * **************************************************/ #footer { background:url('../img/background/footer.jpg') repeat-x; color:#0e90c3; font-size:.8em; height:80px; margin:20px 0 0; width:100%; } #footer .inner { background:url('../img/background/footer_inner.jpg') repeat-x; background-position:0 0; height:80px; margin:0 auto; text-align:center; width:960px; } #footer .inner p { line-height:65px; margin:0; padding:35px 0 0; } #footer .inner p a { color:#0e90c3; } #footer .inner p a:hover { text-decoration:underline; } #footer .inner p abbr { border-bottom-color:#0e90c3; } /************************************************** * Homepage * **************************************************/ #homepage { background:#eff7fb url('../img/background/homepage/body.jpg') repeat-x; background-position:0 0; } /************************************************** * Homepage > Bodyhelper * **************************************************/ #homepage #bodyhelper { /* background:#fff url('../img/background/homepage/bodyhelper.jpg') repeat-x; background-position:0 0; height:650px; position:absolute; right:0; top:0; width:50%; z-index:1; */} /************************************************** * Homepage > Container * **************************************************/ #homepage #container { } /************************************************** * Homepage > Container > Header * **************************************************/ #homepage #container #header { background:url('../img/background/homepage/header_noflash.jpg') no-repeat; background-position:0 0; height:280px; margin:0; width:990px; } /************************************************** * Homepage > Container > Content * **************************************************/ #homepage #container #content { float:right; padding:0 0px 0 10px; width:740px; } /************************************************** * Homepage > Container > Content > Left * **************************************************/ #homepage #container #content .left { float:left; width:440px; } #homepage #container #content .left h3 { background:#fff url('../img/background/sidebar_h41.jpg') no-repeat; background-position:0 0; background-repeat:no-repeat; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; padding:0 0 0 15px; width:465px; } #homepage #container #content .right .moduletable-pro h3 { background:#fff url('../img/background/sidebar_h41_p.jpg') no-repeat; background-position:0 0; background-repeat:no-repeat; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; padding:0 0 0 15px; width:235px; margin-bottom:5px;margin-top:5px;} #homepage #container #content .left h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; background-position:0 0; background-repeat:no-repeat; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; padding:0 0 0 15px; width:260px; } #homepage #container #content .left .contentdiv { position:relative;} #homepage #container #content .left .contentdiv table td.contentbody { position:relative; padding-left:212px;} #homepage #container #content .left .contentdiv img { display:block; position:absolute; padding:2px; border:1px solid #d8e9f0; left:0px; top:5px; margin-right:4px; width:200px; height:155px; } #homepage #container #content .left .contentdiv a.featuredtitle { display:block; font-size:13px; color:#d10096; text-decoration:none; position:relative; top:5px; padding-bottom:5px; font-weight:bold; width:248px;} #homepage #container #content .left p { color:#666; font-size:.9em; line-height:1.5; margin:0; padding:0 19px; } #homepage #container #content .left p.action { margin:0 0 15px; padding:0; text-indent:-9999px; } #homepage #container #content .left p.action a { display:block; height:99px; margin:12px 0 0; width:278px; } #homepage #container #content .left ul { list-style:none; } #homepage #container #content .left .dn-whole { margin-top:4px; padding-left:15px; width:450px; } #homepage #container #content .left .dn-title { font-size:13px; } #homepage #container #content .left .dn-introtext { margin-top:4px; } #homepage #container #content .left .dn-introtext div.write_comment a.readon{ clear:both; display:block; padding:2px; padding-bottom:0px; margin-left:5px; } #homepage #container #content .left .dn-introtext div.jcomments-links { display:block; height:20px; margin-bottom:2px; clear:both; } #homepage #container #content .left .dn-introtext p { padding:0; margin:0; padding-left:5px; padding-top:5px; } #homepage #container #content .left .dn-introtext { display:block; background:#fff; padding-right:5px; border:1px solid #ddebee; } #homepage #container #content .left .dn-introtext img{ padding:2px; margin-right:4px; background:#fff; border:1px solid #ddebee; } /************************************************** * * **************************************************/ #homepage #container #content .left .announcement { padding:0 0 10px; } #homepage #container #content .left .announcement p { padding:8px 19px; } /************************************************** * * **************************************************/ #homepage #container #content .left .accreditations { } #homepage #container #content .left .accreditations img { margin:-5px 0 0; padding:0 8px; } /************************************************** * * **************************************************/ #homepage #container #content .left .current-survey { } #homepage #container #content .left .current-survey h5 { font-size:.95em; font-weight:400; margin:0; padding:10px 19px; } #homepage #container #content .left .current-survey p { padding:10px 19px; } #homepage #container #content .left .current-survey ul { color:#666; font-size:.9em; margin:0; padding:0 19px; } #homepage #container #content .left .current-survey ul li { float:left; margin:0 10px 0 0; } #homepage #container #content .left .current-survey ul li input { vertical-align:baseline; } #homepage #container #content .left .current-survey ul li label { } #homepage #container #content .left .current-survey .results { } #homepage #container #content .left .current-survey .results .result { } #homepage #container #content .left .current-survey .results .result p { padding:0 19px; } /************************************************** * Homepage > Container > Content > Right * **************************************************/ #homepage #container #content .right { float:right; width:250px; margin-left:21px;} #homepage #container #content .right h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; background-position:0 0; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:19px 1px 10px; padding:0 0 0 15px; width:260px; } #homepage #container #content .right .moduletable-site { text-align:center; } #homepage #container #content .right .moduletable-log { text-align:center; } .moduletable-log { text-align:center; } #homepage #container #content .right .moduletable-log .inputbox-log { background:#fff; border:1px solid #3fa7cf; width:200px; color:#333; margin-bottom:4px; } .moduletable-log .inputbox-log { background:#fff; border:1px solid #3fa7cf; width:200px; color:#333; } #homepage #container #content .right .moduletable-log .button-log { background:#fff; border:1px solid #3fa7cf; width:90px; float:right; color:#3fa7cf; } .moduletable-log .button-log { background:#fff; border:1px solid #3fa7cf; width:90px; color:#3fa7cf; margin-right:23px; } table.mod_login-log { margin-top:10px; } .moduletable-log h3 { background:#fff url('../img/background/heading/login.jpg') no-repeat; background-position:0 0; color:#3fa7cf; font-size:1.1em; font-weight:400; line-height:40px; margin:0px 10px 20px; text-align:left; padding:0 0 0 15px; width:180px; } #homepage #container #content .right .moduletable-log h3 { background:#fff url('../img/background/heading/login.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:235px; } #homepage #container #content .right img { padding:22px 14px; } #homepage #container #content .right p { color:#666; font-size:.9em; line-height:1.5; margin:0 0 5px; padding:10px 15px 0; } #homepage #container #content .right p.action { text-indent:-9999px; } #homepage #container #content .right p.action a { display:block; height:106px; margin:5px 0 0; width:240px; } #homepage #container #content .right ul { list-style:none; } #homepage #container #content .right ul.quicklinks { margin:0 0 27px; padding:11px 18px 0; } #homepage #container #content .right ul.quicklinks li { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; } #homepage #container #content .right ul.quicklinks li a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 4px; color:#666; display:block; line-height:1.6; padding:0 0 0 18px; text-decoration:none; } #homepage #container #content .right ul.quicklinks li a:hover { color:#018ac0; } /************************************************** * Homepage > Container > Sidebar * **************************************************/ #homepage #container #sidebar2 { width: 230px;} #homepage #container #sidebar p { color:#666; font-size:.9em; } #homepage #container #sidebar p a { text-decoration:underline; } #homepage #container #sidebar p a:hover { text-decoration:none; } /************************************************** * Homepage > Container > Sidebar > Quick Enquiry * **************************************************/ #homepage #container #sidebar #quick_enquiry { height:1%; margin-top:0; min-height:1%; } #homepage #container #sidebar #quick_enquiry div { height:115px; min-height:115px; }