/* @Template "Actinic" (c) 2009 Green Jersey */ html, body, form, fieldset, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a{margin:0; padding:0} html{overflow-y:scroll;} body.mainbody{font-family:"Trebuchet MS",Arial,sans-serif; color:#222; line-height:140%; font-size:13px;background:#fff url(../images/page-bg.png) 0 0 repeat-x} /* Link Styles */ a{color:#4C80C1; text-decoration:none} a:hover{background-color:#f1f1f1;} a.nobg {background:none;} .blue {color:#4c80c1;} a.readmore {background:url(../images/more-buttons.png) 100% 0 no-repeat;color:#fff;padding:0 35px 0px 0px;text-transform:uppercase;font-weight:bold;line-height:29px;height:29px;display:inline-block;} a.readmore:hover {background-color:none} h1{ font-size:160%} h2{ font-size:140%;margin-bottom:10px} h3{ font-size:120%;margin-bottom:8px} h4{ font-size:110%;margin-bottom:6px} h5{ font-size:100%;margin-bottom:6px} ul {list-style-type:square;margin:0 0 12px 20px} ul li {margin:0 0 5px 0;} ul.menu li, .roknewsflash ul li {background:none;} ol{margin:0 0 12px 28px} ol li{padding-left:0px;line-height:130%;margin:0 0 7px 0} ul ul{ list-style-type:disc} ul ul ul{ list-style-type:none} p{margin-bottom:12px} .hide {display:none;visibility:hidden} a img{border:none} .componentheading{font-weight:bold; font-size:170%; line-height:normal; padding-bottom:12px; text-transform:uppercase;color:#81719A} .contentheading{font-weight:bold; font-size:170%; line-height:normal; padding-bottom:12px;color:#81719A} .small, .createdate, .modifydate{font-size:90%; line-height:90%; color:#666} /* Core Output */ table.contenttoc{border:2px solid #ccc; padding:5px 10px 10px; margin:0 0 10px 10px; background:#f6f6f6} table.contenttoc th{padding:5px; color:#666; text-transform:uppercase; background:#f6f6f6; margin-bottom:10px} table.contenttoc td{padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #ddd} table.contenttoc td a{display:block; color:#F36F9D; font-weight:bold} table.contenttoc td a:hover{text-decoration:none; color:#E13074} .sectiontableheader{font-weight:bold; padding:5px 0; border-bottom:1px solid #ddd} .sectiontableentry1 td{background:#f2f2f2; padding:4px; border-bottom:1px solid #ddd} .sectiontableentry2 td{background:#fcfcfc; padding:4px; border-bottom:1px solid #ddd} .article_column{padding-right:5px} .column_separator{padding-left:10px} span.article_separator{clear:left;margin-top:12px; margin-bottom:4px; width:100%; display:block; height:1px;border-bottom:1px dotted #ddd;margin:15px 0} fieldset{border:none} #form-login{} #form-login ul{margin:10px 0 0 15px; padding:0} #form-login #modlgn_username, #form-login #modlgn_passwd{width:95%} .article_separator{} .article_row{display:block;float:left;width:100%;} #left .moduletable, #right .moduletable, #left .moduletable_text, #right .moduletable_text, #left .moduletable_menu, #right .moduletable_menu{margin-bottom:18px} /* Layout */ #wrapper{width:980px; margin:0 auto;padding:0;background:#fff;border-left:5px solid #fff;border-right:5px solid #fff;} #header{height:153px;position:relative;background:url(../images/peel.png) 100% 0 no-repeat} #logo{height:73px;width:130px;background:url(../images/logo.png) 0 0 no-repeat;position:absolute;top:15px;left:0} #logo a {height:73px;width:130px;display:block;cursor:pointer;} #logo a:hover{background:none;} #logo h1 {text-indent:-20000px} #peel a{width:59px;height:44px;background:url(../images/peel-button.png) 0 0 no-repeat;position:absolute;right:7px;top:10px} #peel a:hover {background-position:0 -44px;} #peel span {display:none;visibility: hidden} #contact {position:absolute;bottom:15px;right:10px;} #contact span {display:block;text-align:right;color:#8673A5;float:right;} #contact span a,#contact span a:hover {color:#8673a5;background:none;} #contact span.email span.value {background:url(../images/email-bg.png) 0 0 no-repeat;font-size:13px;margin-bottom:3px;padding-left:21px;} #contact span.tel span.value {background:url(../images/telephone-bg.png) 0 0 no-repeat;font-size:22px;font-weight:bold;padding-left:23px;} #page {min-height:40px;} #topnav {position:absolute;top:13px;right:65px;} #topnav ul {list-style:none;margin:0;padding:0;height:12px;line-height:12px;float:right;} #topnav ul li,#topnav ul li a {margin:0;padding:0;float:left;} #topnav ul li a {color:#B2A8C3;border-right:1px solid #E2DCEB;font-size:11px;margin-right:9px;padding-right:9px;} #topnav ul li.item21 a {border:0} #topnav ul li a:hover {color:#8673A5;background:none} #banner,#slideshow {background:#C5BED2 url(../images/banner-bg.png) 0 100% no-repeat;margin-bottom:10px;} #inner_wrapper{height:100%;background:#fff;} #slideshow {height:185px;color:#fff} #slideshow .frame,#slideshow .basic {position:relative} #slideshow .basic {background:url(../images/actinic-banner-bg.jpg) 0 0 no-repeat} #slideshow .padding {padding:0 5px;} #slideshow .slide-nav {position:absolute;left:299px;bottom:22px;} #slideshow ul.tabs {margin:0;list-style:none;} #slideshow ul.tabs li {float:left} #slideshow ul.tabs li a {display:block;width:13px;height:13px;background:url(../images/slide-nav.png) 0 0 no-repeat;} #slideshow ul.tabs li.selected a {background-position:-13px 0;} #slideshow ul.tabs li a span {display:none;} #slideshow a.button-prev, #slideshow a.button-next {width:12px;height:16px;background:url(../images/slide-prev-next.png) 0 0 no-repeat;display:block;} #slideshow a.button-prev {position:absolute;left:-12px;top:0} #slideshow a.button-next {position:absolute;right:-12px;top:0;background-position:-12px 0} #slideshow a.button-prev span, #slideshow a.button-next span {display:none;} #slideshow .article {padding:0 0 0 20px;height:180px} #slideshow .article h1,#slideshow .article h2,#slideshow .article h3 {padding-top:10px;} #slideshow .article h2 {color:#fff;font-weight:normal;font-size:37px;line-height:85%;text-transform:uppercase;margin-bottom:5px} #slideshow .article h3 {font-size:28px;font-weight:normal;margin-bottom:16px;} #slideshow .article ul {margin:0;list-style:none;line-height:130%;margin-bottom:8px;} #slideshow .article ul li {padding-left:12px;} #slideshow .flt-r {float:right;margin-left:20px} /* Slideshow colouring */ .slide-blue .hilite {color:#4c80c1;} .slide-green .hilite {color:#729603} .slide-red .hilite {color:#C73434} .slide-yellow .hilite {color:#A18103} .slide-blue ul li {background:url(../images/square-bullet-blue.png) 0 6px no-repeat} .slide-green ul li {background:url(../images/square-bullet-green.png) 0 6px no-repeat} .slide-red ul li {background:url(../images/square-bullet-red.png) 0 6px no-repeat} .slide-yellow ul li {background:url(../images/square-bullet-yellow.png) 0 6px no-repeat} .slide-green a.readmore {background-position:100% -58px;} .slide-red a.readmore {background-position:100% -174px;} .slide-yellow a.readmore {background-position:100% -116px;} .slide-blue a.readmore:hover {background-position:100% -29px;} .slide-green a.readmore:hover {background-position:100% -87px;} .slide-red a.readmore:hover {background-position:100% -203px;} .slide-yellow a.readmore:hover {background-position:100% -145px;} #left{float:left;width:300px} #right{float:right;width:300px} #content00{margin:0;} #content10{margin:0 0 0 320px} #content01{margin:0 320px 0 0;} #content11{margin:0 320px;} #footer{position:relative;border-top:1px solid #C6BED2;border-bottom:1px solid #C6BED2;display:block;padding-top:10px;margin-top:10px;color:#8878A2;font-size:11px;line-height:12px;height:23px} .flt-left {position:absolute;left:0;} .flt-right {position:absolute;right:0;} #footer .flt-right a {color:#709200;} #footer .copyright {float:left;} #footer ul {list-style: none;padding:0;margin:0;float:left;} #footer ul li {float:left;} #footer ul li a {float:left;border-left:1px solid #8878B8;padding-left:8px;margin-left:8px;color:#B2A8C3} #footer ul li a:hover {color:#8878A2;background:none;} #footer #extra {text-align:center;padding-top:15px;margin-top:20px;line-height:150%;} .separator {clear:both;height:1px;line-height:0;font-size:0;} .clearboth{clear:both} .padding{padding:10px} #banner .padding{padding:0 5px 5px 5px;} .module-inside .padding {padding:0 10px;} .module-nobox .module-inside .padding {padding:0;} /* CLEARFIX */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden} /* Hides from IE-mac \*/ * html .clearfix{height:1%} /* End hide from IE-mac */ /* Main Navigation */ #nav{position:absolute;left:0;bottom:0px;height:50px;} #nav ul{padding:0; margin:0; list-style:none} #nav ul li{float:left;padding:0;margin:0;} #nav ul li a{float:left;display:block; text-decoration:none;margin-right:30px;height:50px} #nav ul li li{display:none} #nav ul.menu li a span {display:none;visibility:hidden;} #nav ul.menu .item1 a {background:url(http://www.actinic.co.uk/templates/actinic/images/nav-business1.png) 0 0 no-repeat;width:125px;} #nav ul.menu .item3 a {background:url(http://www.actinic.co.uk/templates/actinic/images/nav-online1.png) 0 0 no-repeat;width:125px;} #nav ul.menu .item4 a {background:url(http://www.actinic.co.uk/templates/actinic/images/nav-retailers1.png) 0 0 no-repeat;width:125px;} #nav ul.menu li a:hover {background-position:0 -50px;} #nav ul.menu li.active a {background-position:0 -100px;} /* Modules */ .module-top {height:10px;background:url(../images/module-top.png) 0 0 no-repeat;font-size:0;line-height:0;} .module-inside {background:#C6BED2} .module-bottom {height:10px;background:url(../images/module-bottom.png) 0 100% no-repeat;font-size:0;line-height:0;} #left .module,#right .module {margin-bottom:10px;} .module-nobox .module-top, .module-nobox .module-bottom {display:none;visibility:hidden;height:0;line-height:0;} .module-nobox .module-inside {background:none;} .module-level3 {margin-bottom:5px;} /* Level 3 Navigation */ .module-level3 .module-top {display:none;visibility:hidden;height:0;line-height:0;} .module-level3 .module-bottom {height:22px;background:url(../images/level3-module-bottom.png) 0 0 no-repeat;font-size:0;line-height:0;} .module-level3 .module-inside {background:#DFDAE8;} .module-level3 .padding {padding:0;} .module-level3 ul#mainlevel, .module-level3 ul#mainlevel ul {list-style:none;padding:0;margin:0;} .module-level3 ul#mainlevel li.mainlevel_current, .module-level3 ul#mainlevel li.mainlevel_active, .module-level3 ul#mainlevel li.mainlevel {margin:0;padding:0;background:url(../images/level3-item-bg.png) 0 0 repeat-x;} .module-level3 ul#mainlevel li a.mainlevel {font-size:13px;color:#666;display:block;height:30px;line-height:30px;background:url(../images/level3-arrows.png) 9px -30px no-repeat;padding-left:25px;} .module-level3 ul#mainlevel li a.mainlevel:hover {color:#222} .module-level3 ul#mainlevel li.mainlevel_current a.mainlevel, .module-level3 ul#mainlevel li.mainlevel_active a.mainlevel {background-position:9px 0;color:#0A3B79} .module-level3 ul#mainlevel li.sublevel_current, .module-level3 ul#mainlevel li.sublevel {padding:0;margin:0 0 0 25px;background:url(../images/level4-item-bg.png) 0 0 repeat-x;} .module-level3 ul#mainlevel li.sublevel a.sublevel, .module-level3 ul#mainlevel li.sublevel_current a.sublevel {font-size:11px;color:#666;display:block;height:30px;line-height:30px;padding-left:13px;background:url(../images/level4-arrows.png) 2px -30px no-repeat;} .module-level3 ul#mainlevel li.sublevel a.sublevel:hover {color:#222} .module-level3 ul#mainlevel li.sublevel_current a#active_menu {background-position:2px 0;color:#0A3B79} /* User Modules */ .usermods-row {width:100%;overflow:hidden;} .usermods-row .usermod{float:left;} .usermods-row .single{width:100%} .usermods-row .first50{margin-right:10px;overflow:hidden;} .usermods-row .last50{margin-left:10px;overflow:hidden;} .row1 {padding-bottom:10px} .row2 {padding-top:10px} /* ROUNDED MODULES */ div.module-flat {margin-bottom:20px;} div.module-green h3, div.module-purple h3, div.module-blue h3, div.module-outline h3, div.module-outline2 h3, div.module-yellow h3, div.module-red h3 {font-size:28px;color:#fff;line-height:100%;font-weight:normal} div.module-outline h3,div.module-outline2 h3 {color:#6D5A8B} .usermods-row div.module-outline h3 {color:#6D5A8B;background:url(../images/big-arrow.png) 0 0 no-repeat;padding:26px 0 0 0;font-size:16px;font-weight:bold} /* Standard Purple Color/Outline Style - purple/white */ div.module-outline {color:#6D5A8B;background: url(../images/module-tr.png) 100% 0 no-repeat;} div.module-outline div {background: url(../images/module-tl.png) 0 0 no-repeat;} div.module-outline div div {background: url(../images/module-br.png) 100% 100% no-repeat;} div.module-outline div div div{background: url(../images/module-bl.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-outline div div div div {background: none;padding: 0;height:1%;} div.module-outline {margin-bottom: 10px;height:1%;} div.module-outline div div, div.module-outline div div div {height:100%} /* Standard Purple Color/Outline2 Style - purple/light purple */ div.module-outline2 {color:#6D5A8B;background: url(../images/module-tr-outline2.png) 100% 0 no-repeat;} div.module-outline2 div {background: url(../images/module-tl-outline2.png) 0 0 no-repeat;} div.module-outline2 div div {background: url(../images/module-br-outline2.png) 100% 100% no-repeat;} div.module-outline2 div div div{background: url(../images/module-bl-outline2.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-outline2 div div div div {background: none;padding: 0;height:1%;} div.module-outline2 {margin-bottom: 10px;height:1%;} /* Green Color */ div.module-green {color:#fff;background: url(../images/module-tr-green.png) 100% 0 no-repeat;} div.module-green div {background: url(../images/module-tl-green.png) 0 0 no-repeat;} div.module-green div div {background: url(../images/module-br-green.png) 100% 100% no-repeat;} div.module-green div div div {background: url(../images/module-bl-green.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-green div div div div {background: none;padding: 0;height:1%;} div.module-green {margin-bottom: 10px;height:1%;} /* Purple Color */ div.module-purple {color:#fff;background: url(../images/module-tr-purple.png) 100% 0 no-repeat;} div.module-purple div {background: url(../images/module-tl-purple.png) 0 0 no-repeat;} div.module-purple div div {background: url(../images/module-br-purple.png) 100% 100% no-repeat;} div.module-purple div div div {background: url(../images/module-bl-purple.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-purple div div div div {background: none;padding: 0;height:1%;} div.module-purple {margin-bottom: 10px;height:1%;} /* Blue Color */ div.module-blue {color:#fff;background: url(../images/module-tr-blue.png) 100% 0 no-repeat;} div.module-blue div {background: url(../images/module-tl-blue.png) 0 0 no-repeat;} div.module-blue div div {background: url(../images/module-br-blue.png) 100% 100% no-repeat;} div.module-blue div div div {background: url(../images/module-bl-blue.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-blue div div div div {background: none;padding: 0;height:1%;} div.module-blue {margin-bottom: 10px;height:1%;} /* Yellow Color */ div.module-yellow {color:#fff;background: url(../images/module-tr-yellow.png) 100% 0 no-repeat;} div.module-yellow div {background: url(../images/module-tl-yellow.png) 0 0 no-repeat;} div.module-yellow div div {background: url(../images/module-br-yellow.png) 100% 100% no-repeat;} div.module-yellow div div div {background: url(../images/module-bl-yellow.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-yellow div div div div {background: none;padding: 0;height:1%;} div.module-yellow {margin-bottom: 10px;height:1%;} /* Red Color */ div.module-red {color:#fff;background: url(../images/module-tr-red.png) 100% 0 no-repeat;} div.module-red div {background: url(../images/module-tl-red.png) 0 0 no-repeat;} div.module-red div div {background: url(../images/module-br-red.png) 100% 100% no-repeat;} div.module-red div div div {background: url(../images/module-bl-red.png) 0 100% no-repeat;padding: 15px 15px 22px 15px;} div.module-red div div div div {background: none;padding: 0;height:1%;} div.module-red {margin-bottom: 10px;height:1%;} div.module-green div.slideshow div, div.module-purple div.slideshow div, div.module-blue div.slideshow div, div.module-yellow div.slideshow div, div.module-red div.slideshow div {height:auto} /* Breadcrumbs */ #breadcrumb {margin:0 0 10px 0;display:block;width:100%;height:12px;line-height:12px;position:relative;z-index:2} ul.breadcrumbs {font-size:11px;list-style:none;padding:0;margin:0 0 0 5px;} ul.breadcrumbs li {padding:0 0 0 10px;margin:0 0 0 7px;float:left;background:url(../images/breadcrumb-arrow.png) 0 50% no-repeat} ul.breadcrumbs li.homeLink {padding:0;margin:0;background:none;} ul.breadcrumbs li.homeLink a {background:url(../images/homelink.png) 0 50% no-repeat;height:9px;width:9px;display:block;margin-top:1px;} ul.breadcrumbs li.homeLink span {display:none;visibility:hidden;} ul.breadcrumbs li.breadLast span,ul.breadcrumbs li.businesses span {border-bottom:1px dotted #111} /* Search */ .module-search .inputbox-search {border:1px solid #fff;background:#fff url(../images/search-bg.png) 0 100% repeat-x;height:17px;width:245px;display:inline;padding:2px 5px 0 5px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:11px;float:left;margin-right:1px;color:#666} .module-search .button-search {height:22px;width:21px;background:url(../images/search-button.png) 0 0 no-repeat;border:none;text-indent:-20000px;letter-spacing:100px;font-size:0;line-height:0;cursor:pointer} .module-search .module-bottom {height:10px;background:#C6BED2;font-size:0;line-height:0;} .results ul.list {list-style:none;margin:0;padding:0;} .results ul.list li {background:#fcfcfc;padding:10px;border:1px solid #eee;margin:0 0 10px 0} .results ul.list li:hover {background:#fafafa;border:1px solid #ddd} span.highlight {color:#222;background:#ff9;padding:0 3px} /* Tabs */ a:focus{outline:none} div.yoo-carousel{overflow:hidden;} div.yoo-carousel div.frame{position:relative; overflow:hidden} div.yoo-carousel div.panel{overflow:hidden} div.yoo-carousel div.panel div.slide{float:left; overflow:hidden} div.yoo-carousel ul.tabs{padding:0px; margin:auto; list-style:none} div.yoo-carousel ul.tabs li{margin:0px; padding:0px; float:left; display:block} div.yoo-carousel ul.tabs li a{float:left; display:block} div.yoo-carousel ul.tabs li a span{float:left; display:block} div.yoo-carousel div.left ul.tabs{float:left} div.yoo-carousel div.right ul.tabs{float:right} div.yoo-carousel div.left ul.tabs li, div.yoo-carousel div.left ul.tabs li a, div.yoo-carousel div.left ul.tabs li a span, div.yoo-carousel div.right ul.tabs li, div.yoo-carousel div.right ul.tabs li a, div.yoo-carousel div.right ul.tabs li a span{float:none} div.yoo-carousel .prev, div.yoo-carousel .next{position:absolute; top:35%; z-index:1} div.yoo-carousel .prev{left:0px} div.yoo-carousel .next{right:0px} /* Main Tab Styling */ div.default div.yoo-carousel{background:#fff; background:url(../images/tabs/blue/panel-t.png) 0 32px no-repeat} /* tabs */ div.default div.yoo-carousel div.top ul.tabs{height:33px} div.default div.yoo-carousel div.top ul.tabs li *{cursor:pointer} div.default div.yoo-carousel div.top ul.tabs li{margin:0px 10px 0px 0px} div.default div.yoo-carousel div.top ul.tabs li.item1{margin:0px 10px 0px 20px} div.default div.yoo-carousel div.top ul.tabs li.selected a, div.default div.yoo-carousel div.top ul.tabs li.selected a:hover{cursor:pointer} div.default div.yoo-carousel div.top ul.tabs li a span span{height:33px; padding:0px 20px 0px 20px; line-height:30px; font-weight:bold; font-size:16px; overflow:hidden} div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited{color:#fff; text-decoration:none} div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited{color:#fff; text-decoration:none} div.default div.yoo-carousel .panel-background{height:272px;width:618px;overflow:hidden;margin:0 6px;border-top:20px solid #fff;border-left:15px solid #fff;border-right:15px solid #fff;} /* buttons */ div.default div.yoo-carousel .prev span{width:6px; height:9px; display:block;margin-top:35px} div.default div.yoo-carousel .next span{width:6px; height:9px; display:block;margin-top:35px} div.default div.yoo-carousel .prev a, div.default div.yoo-carousel .next a{cursor:pointer} /* scroller */ div.default div.yoo-carousel .panel-container{margin:auto;} /* article */ div.default div.yoo-carousel .article{} div.default div.yoo-carousel .article h3{text-transform:uppercase;padding-bottom:0px; margin-bottom:10px; line-height:100%; font-size:32px; font-weight:normal;letter-spacing:0px} div.tabs-blue, div.tabs-green {padding-top:8px;} div.default div.yoo-carousel .article ul {list-style-type:none;margin:0 0 12px 0} div.default div.yoo-carousel .article ul li {padding-left:14px;line-height:120%;margin:0 0 5px 0} div.slideImage {display:none;} div.slideContent {margin:10px 0 0 25px;float:left;} /* Blue Tabs */ div.tabs-blue div.default div.yoo-carousel .article {color:#255592} div.tabs-blue div.default div.yoo-carousel .article a {color:#255592;text-decoration:underline} div.tabs-blue div.yoo-carousel{background:url(../images/tabs/blue/panel-t.png) 0 32px no-repeat} div.tabs-blue div.yoo-carousel div.top ul.tabs li a{background:url(../images/tabs/blue/tab_m.png) 0 0 repeat-x} div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a, div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a:hover{background:url(../images/tabs/blue/tab_m.png) 50% -33px no-repeat;} div.tabs-blue div.yoo-carousel div.top ul.tabs li a span{background:url(../images/tabs/blue/tab_l.png) 0 0 no-repeat} div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a span, div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a:hover span{background:url(../images/tabs/blue/tab_l.png) 0 -33px no-repeat} div.tabs-blue div.yoo-carousel div.top ul.tabs li a span span{background:url(../images/tabs/blue/tab_r.png) 100% 0 no-repeat;} div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a span span, div.tabs-blue div.yoo-carousel div.top ul.tabs li.selected a:hover span span{background:url(../images/tabs/blue/tab_r.png) 100% -33px no-repeat} div.tabs-blue div.yoo-carousel div.top ul.tabs li a:hover span{background:url(../images/tabs/blue/tab_l.png) 0 -66px no-repeat} div.tabs-blue div.yoo-carousel div.top ul.tabs li a:hover{background:url(../images/tabs/blue/tab_m.png) 50% -66px repeat-x} div.tabs-blue div.yoo-carousel div.top ul.tabs li a:hover span span{background:url(../images/tabs/blue/tab_r.png) 100% -66px no-repeat} div.tabs-blue div.yoo-carousel .panel-container{background:url(../images/tabs/blue/panel_b.png) 0 100% repeat-x} div.tabs-blue div.yoo-carousel .panel-container-bl{background:url(../images/tabs/blue/panel_bl.png) 0 100% no-repeat} div.tabs-blue div.yoo-carousel .panel-container-br{background:url(../images/tabs/blue/panel_br.png) 100% 100% no-repeat} div.tabs-blue div.yoo-carousel .prev span{background:url(../images/tabs/blue/button_prev.png) 100% 0 no-repeat;} div.tabs-blue div.yoo-carousel .next span{background:url(../images/tabs/blue/button_next.png) 100% 0 no-repeat;} div.tabs-blue div.default div.yoo-carousel .panel-background{background:url(../images/tabs/blue/tab-article-bg.png) 0 0 repeat-x;} div.tabs-blue div.default div.yoo-carousel .article ul li {background:url(../images/tabs/blue/chevron-bullet.gif) 0 3px no-repeat} /* Green Tabs */ div.tabs-green div.default div.yoo-carousel .article {color:#4F6901} div.tabs-green div.default div.yoo-carousel .article a {color:#4F6901;text-decoration:underline} div.tabs-green div.yoo-carousel{background:url(../images/tabs/green/panel-t.png) 0 32px no-repeat} div.tabs-green div.yoo-carousel div.top ul.tabs li a{background:url(../images/tabs/green/tab_m.png) 0 0 repeat-x} div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a, div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a:hover{background:url(../images/tabs/green/tab_m.png) 50% -33px no-repeat;} div.tabs-green div.yoo-carousel div.top ul.tabs li a span{background:url(../images/tabs/green/tab_l.png) 0 0 no-repeat} div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a span, div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a:hover span{background:url(../images/tabs/green/tab_l.png) 0 -33px no-repeat} div.tabs-green div.yoo-carousel div.top ul.tabs li a span span{background:url(../images/tabs/green/tab_r.png) 100% 0 no-repeat;} div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a span span, div.tabs-green div.yoo-carousel div.top ul.tabs li.selected a:hover span span{background:url(../images/tabs/green/tab_r.png) 100% -33px no-repeat} div.tabs-green div.yoo-carousel div.top ul.tabs li a:hover span{background:url(../images/tabs/green/tab_l.png) 0 -66px no-repeat} div.tabs-green div.yoo-carousel div.top ul.tabs li a:hover{background:url(../images/tabs/green/tab_m.png) 50% -66px repeat-x} div.tabs-green div.yoo-carousel div.top ul.tabs li a:hover span span{background:url(../images/tabs/green/tab_r.png) 100% -66px no-repeat} div.tabs-green div.yoo-carousel .panel-container{background:url(../images/tabs/green/panel_b.png) 0 100% repeat-x} div.tabs-green div.yoo-carousel .panel-container-bl{background:url(../images/tabs/green/panel_bl.png) 0 100% no-repeat} div.tabs-green div.yoo-carousel .panel-container-br{background:url(../images/tabs/green/panel_br.png) 100% 100% no-repeat} div.tabs-green div.yoo-carousel .prev span{background:url(../images/tabs/green/button_prev.png) 100% 0 no-repeat;} div.tabs-green div.yoo-carousel .next span{background:url(../images/tabs/green/button_next.png) 100% 0 no-repeat;} div.tabs-green div.default div.yoo-carousel .panel-background{background:url(../images/tabs/green/tab-article-bg.png) 0 0 repeat-x;} div.tabs-green div.default div.yoo-carousel .article ul li {background:url(../images/tabs/green/chevron-bullet.gif) 0 3px no-repeat} /* yellow Tabs */ div.tabs-yellow div.default div.yoo-carousel .article {color:#7B6301} div.tabs-yellow div.default div.yoo-carousel .article a {color:#7B6301;text-decoration:underline} div.tabs-yellow div.yoo-carousel{background:url(../images/tabs/yellow/panel-t.png) 0 32px no-repeat} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a{background:url(../images/tabs/yellow/tab_m.png) 0 0 repeat-x} div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a, div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a:hover{background:url(../images/tabs/yellow/tab_m.png) 50% -33px no-repeat;} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a span{background:url(../images/tabs/yellow/tab_l.png) 0 0 no-repeat} div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a span, div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a:hover span{background:url(../images/tabs/yellow/tab_l.png) 0 -33px no-repeat} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a span span{background:url(../images/tabs/yellow/tab_r.png) 100% 0 no-repeat;} div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a span span, div.tabs-yellow div.yoo-carousel div.top ul.tabs li.selected a:hover span span{background:url(../images/tabs/yellow/tab_r.png) 100% -33px no-repeat} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a:hover span{background:url(../images/tabs/yellow/tab_l.png) 0 -66px no-repeat} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a:hover{background:url(../images/tabs/yellow/tab_m.png) 50% -66px repeat-x} div.tabs-yellow div.yoo-carousel div.top ul.tabs li a:hover span span{background:url(../images/tabs/yellow/tab_r.png) 100% -66px no-repeat} div.tabs-yellow div.yoo-carousel .panel-container{background:url(../images/tabs/yellow/panel_b.png) 0 100% repeat-x} div.tabs-yellow div.yoo-carousel .panel-container-bl{background:url(../images/tabs/yellow/panel_bl.png) 0 100% no-repeat} div.tabs-yellow div.yoo-carousel .panel-container-br{background:url(../images/tabs/yellow/panel_br.png) 100% 100% no-repeat} div.tabs-yellow div.yoo-carousel .prev span{background:url(../images/tabs/yellow/button_prev.png) 100% 0 no-repeat;} div.tabs-yellow div.yoo-carousel .next span{background:url(../images/tabs/yellow/button_next.png) 100% 0 no-repeat;} div.tabs-yellow div.default div.yoo-carousel .panel-background{background:url(../images/tabs/yellow/tab-article-bg.png) 0 0 repeat-x;} div.tabs-yellow div.default div.yoo-carousel .article ul li {background:url(../images/tabs/yellow/chevron-bullet.gif) 0 3px no-repeat} /* red Tabs */ div.tabs-red div.default div.yoo-carousel .article {color:#920101} div.tabs-red div.default div.yoo-carousel .article a {color:#920101;text-decoration:underline} div.tabs-red div.yoo-carousel{background:url(../images/tabs/red/panel-t.png) 0 32px no-repeat} div.tabs-red div.yoo-carousel div.top ul.tabs li a{background:url(../images/tabs/red/tab_m.png) 0 0 repeat-x} div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a, div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a:hover{background:url(../images/tabs/red/tab_m.png) 50% -33px no-repeat;} div.tabs-red div.yoo-carousel div.top ul.tabs li a span{background:url(../images/tabs/red/tab_l.png) 0 0 no-repeat} div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a span, div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a:hover span{background:url(../images/tabs/red/tab_l.png) 0 -33px no-repeat} div.tabs-red div.yoo-carousel div.top ul.tabs li a span span{background:url(../images/tabs/red/tab_r.png) 100% 0 no-repeat;} div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a span span, div.tabs-red div.yoo-carousel div.top ul.tabs li.selected a:hover span span{background:url(../images/tabs/red/tab_r.png) 100% -33px no-repeat} div.tabs-red div.yoo-carousel div.top ul.tabs li a:hover span{background:url(../images/tabs/red/tab_l.png) 0 -66px no-repeat} div.tabs-red div.yoo-carousel div.top ul.tabs li a:hover{background:url(../images/tabs/red/tab_m.png) 50% -66px repeat-x} div.tabs-red div.yoo-carousel div.top ul.tabs li a:hover span span{background:url(../images/tabs/red/tab_r.png) 100% -66px no-repeat} div.tabs-red div.yoo-carousel .panel-container{background:url(../images/tabs/red/panel_b.png) 0 100% repeat-x} div.tabs-red div.yoo-carousel .panel-container-bl{background:url(../images/tabs/red/panel_bl.png) 0 100% no-repeat} div.tabs-red div.yoo-carousel .panel-container-br{background:url(../images/tabs/red/panel_br.png) 100% 100% no-repeat} div.tabs-red div.yoo-carousel .prev span{background:url(../images/tabs/red/button_prev.png) 100% 0 no-repeat;} div.tabs-red div.yoo-carousel .next span{background:url(../images/tabs/red/button_next.png) 100% 0 no-repeat;} div.tabs-red div.default div.yoo-carousel .panel-background{background:url(../images/tabs/red/tab-article-bg.png) 0 0 repeat-x;} div.tabs-red div.default div.yoo-carousel .article ul li {background:url(../images/tabs/red/chevron-bullet.gif) 0 3px no-repeat} /* News Ticker */ body div#newsflash.roknewsflash {border:0;margin:0 0 10px 0;position:relative;height:41px;width:660px;background:url(../images/news-ticker-bg.png) 0 0 no-repeat;line-height:41px;} /* clear any default styling */ .roknewsflash .controls { width:55px;position:absolute;top:0;right:0;} .roknewsflash .controls span {display:none;} .roknewsflash .controls div {width:21px;height:21px;float:left;margin-left:0px;margin-top:10px;} .roknewsflash .controls .control-prev {background:url(../images/arrows.png) 100% 0 no-repeat;cursor:pointer} .roknewsflash .controls .control-next {background:url(../images/arrows.png) 0 0 no-repeat;cursor:pointer} .roknewsflash .controls .control-prev-hover {background:url(../images/arrows.png) 100% -21px no-repeat;cursor:pointer} .roknewsflash .controls .control-next-hover {background:url(../images/arrows.png) 0 -21px no-repeat;cursor:pointer} .roknewsflash .controls .control-prev-down {background:url(../images/arrows.png) 100% -42px no-repeat;cursor:pointer} .roknewsflash .controls .control-next-down {background:url(../images/arrows.png) 0 -42px no-repeat;cursor:pointer} .roknewsflash .flashing {position:absolute;top:0;left:12px;line-height:40px;font-weight:normal;color:#978AAD} .roknewsflash ul {margin:0 60px 0 0;padding:0 0 0 60px;} .roknewsflash li {list-style:none;margin:0;padding:0;line-height:40px;} .roknewsflash li a {color:#B2A8C3} .roknewsflash li a:hover {color:#978AAD;background:none;cursor:pointer} div.empty {height:0;line-height:0;font-size:0;border-bottom:1px solid #9E98A8} div.sitemap ul,div.sitemap ul li {padding:0;margin:0;list-style:none;} div.sitemap ul.level_0 li a{display:block;font-size:160%;background:#8977A8;color:#fff;text-transform:uppercase;padding:10px;margin:0;border-bottom:1px solid #fff;border-top:15px solid #fff;} div.sitemap ul.level_1 li a {font-size:140%;margin:0;background:#C5BED2;text-transform:none;padding:5px 10px;border-top:0;} div.sitemap ul.level_2 li a {font-size:110%;background:#DFDAE8;padding:4px 10px;color:#8977A8;margin:0;border-top:0;} div.sitemap ul.level_3 li a {font-size:100%;font-weight:bold;background:#eee;padding:3px 10px 3px 25px;color:#222;margin:0;border-top:0;} div.sitemap ul.level_4 li a {font-size:90%;font-weight:normal;margin:0;padding:1px 10px 1px 50px;background:#f8f8f8;color:#666;border-top:0;} div.sitemap ul li a:after {content:" >";} div.sitemap ul li a:hover {background:#4F82C1;color:#fff;} /* Typography Styles */ ul.chevron {list-style-type:none;margin:0 0 12px 8px} ul.chevron li {background:url(../images/bullet-arrow.png) 0 2px no-repeat;padding-left:18px;line-height:130%;margin:0 0 7px 0} img.float-left,img.float-right {background:#fff;padding:1px;margin:1px;border:1px solid #bbb;} img.noborder {border:0;} img.float-left-icons {float:left;background:#fff;padding:0px;margin:0 25px 10px 0;border:0px;} img.float-right-icons {float:right;background:#fff;padding:0px;margin:0 0 10px 10px;border:0px;} img.float-right-ratings {float:right;background:#fff;padding:0px;margin:0 0 10px 10px;border:0px;} img.float-left {float:left;margin:0 10px 10px 0} img.float-right {float:right;margin:0 0 10px 10px} .buttonheading{font-size:90%;padding:0!important;margin:0;} .infoBar {padding:0;} p.note {padding:10px;background:#ffffee; border-top:1px dotted #B2A8C3;border-bottom:1px dotted #ccc;} table.courseDetails {float:right!important;width:40%!important;background:#DFDAE8;color:#111;font-size:90%;margin:0 0 12px 12px;line-height:130%;} table.courseDetails td {border:1px solid #fff!important;padding:5px!important} table.courseDetails caption {font-size:120%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} table.serviceDetails {float:left!important;width:60%!important;background:#DFDAE8;color:#111;font-size:90%;margin:0 0 12px 12px;line-height:130%;} table.serviceDetails td {border:1px solid #fff!important;padding:5px!important;vertical-align:text-top} table.serviceDetails caption {font-size:120%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} table.agendaDetails {float:left!important;width:90%!important;background:#DFDAE8;color:#111;font-size:90%;margin:0 0 12px 12px;line-height:130%;} table.agendaDetails td {border:1px solid #fff!important;padding:5px!important;vertical-align:text-top} table.agendaDetails caption {font-size:120%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} table.pictureGallery {float:left!important;width:40%!important;background:#DFDAE8;color:#111;font-size:90%;margin:0 0 12px 12px;line-height:130%;} table.pictureGallery td {border:1px solid #fff!important;padding:5px!important} table.pictureGallery caption {font-size:120%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} table.offerDetails {float:left!important;width:90%!important;background:#DFDAE8;color:#111;font-size:100%;margin:0 0 12px 12px;line-height:130%;} table.offerDetails td {border:1px solid #fff!important;padding:5px!important;vertical-align:text-center} table.offerDetails caption {font-size:140%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} table.comparison {font-size:90%} table.comparison td {border:1px solid #ccc} table.comparison td.title {width:12%;text-align:center} span.yes,span.no {margin:0 auto;display:block;text-align:center;width:15px;height:14px;overflow:hidden;font-size:0;line-height:0;color:#fff;} span.yes {background:url(../images/yes.png) 0 0 no-repeat;} span.no {background:url(../images/no.png) 0 0 no-repeat;} table.simple {background:#DFDAE8;color:#111;margin:0 0 12px 12px;line-height:140%;} table.simple td {border:1px solid #fff!important;padding:5px!important} table.simple caption {font-size:120%;padding:5px 0;margin-bottom:3px;background:#9382AF!important;color:#fff} td.result {text-align:center;} td.title {background:#6A5789;color:#fff} /* // JoomlaWorks "Tabs & Slides" Plugin for Joomla! 1.5.x - Version 2.4 // License: http://www.gnu.org/copyleft/gpl.html // Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company. // More info at http://www.joomlaworks.gr // Developers: Fotis Evangelou // ***Last update: May 20th, 2008*** */ /* --- Generic --- */ a:active,a:focus {outline:0;} .jwts_clr {clear:both;height:0;line-height:0;} /* --- Slides --- */ .jwts_slider {margin:4px 0px;padding:0px;} .jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;} /* DEFAULT STYLING */ .jwts_title {margin:0 0 5px 0;padding:0px;overflow:hidden;cursor:pointer;} a.jwts_title_text, a.jwts_title_text:link {display:block;background:url(../images/slides-bg.png) 0 0 no-repeat;padding:0 0 0 25px;margin:0;line-height:30px;height:30px;font-size:13px;font-weight:bold;text-decoration:none;color:#fff;} a.jwts_title_text:visited {color:#fff;} a.jwts_title_text:hover {display:block;background-position:0 -30px;margin:0;color:#fff;} .jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;background:none;border:none;} .jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */ #page table {border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:10px;} #page table caption {background:#DFDAE8;border:1px solid #ddd;font-weight:bold;} #page table th {background:#B2A8C3;border:1px solid #ddd;color:#fff;} #page table td {border:1px solid #ddd;padding:3px;} #page table tfoot {background:#f9f9f9} #page fieldset {border:1px solid #ddd;padding:10px;margin-bottom:10px;} #page fieldset legend {font-weight:bold;text-transform:uppercase;color:#8673A5;font-size:110%} /* Buy Now */ .buynow {font-size:160%;color:#524767;font-weight:bold;margin-top:20px;margin-bottom:10px;} #buybutton{height:30px;width:104px;overflow:hidden;background:url(../images/buy-now.png) 0 0 no-repeat;margin-bottom:30px;margin-top:20px;} #buybutton a {text-indent:-9999px;height:30px;width:104px;display:block;cursor:pointer;} #buybutton a:hover{height:30px;width:104px;overflow:hidden;background:url(../images/buy-now.png) 0 0 no-repeat;background-position:0 -30px;} .blog .contentheading {} /* Blockquote styles */ .module-blue blockquote, .module-green blockquote, .module-yellow blockquote, .module-red blockquote {margin:0 0px 12px 0px;padding:15px 0 0 40px;background-position:0 0;background-repeat:no-repeat;font-family:georgia;font-style:italic;font-size:120%;line-height:150%} #left .module-blue blockquote, #left .module-green blockquote, #left .module-yellow blockquote, #left .module-red blockquote {font-size:110%;line-height:140%} .module-blue blockquote p, .module-green blockquote p, .module-yellow blockquote p, .module-red blockquote p {margin:0;padding:0 40px 15px 0;background-position:100% 100%;background-repeat:no-repeat;} .module-blue blockquote {background-image:url(../images/quote-blue-top.png);} .module-blue blockquote p {background-image:url(../images/quote-blue-bottom.png);} .module-green blockquote {background-image:url(../images/quote-green-top.png);} .module-green blockquote p {background-image:url(../images/quote-green-bottom.png);} .module-yellow blockquote {background-image:url(../images/quote-yellow-top.png);} .module-yellow blockquote p {background-image:url(../images/quote-yellow-bottom.png);} .module-red blockquote {background-image:url(../images/quote-red-top.png);} .module-red blockquote p {background-image:url(../images/quote-red-bottom.png);} .module-blue h5, .module-green h5, .module-yellow h5, .module-red h5 {padding:0;margin:0 55px 0;line-height:100%;font-style:normal;} .module-blue a, .module-green a, .module-yellow a, .module-red a {color:#ddd;text-decoration:underline} .module-blue a:hover, .module-green a:hover, .module-yellow a:hover, .module-red a:hover {color:#fff;text-decoration:underline;background:none;} .module-blue h5 {color:#D3DDE9;} .module-green h5 {color:#DFE5CC;} .module-yellow h5 {color:#E5E0CC;} .module-red h5 {color:#E9CCCC;} /* Forms styling */ form#ChronoContact_ebook, form#ChronoContact_callback, form#ChronoContact_supportenquiry, form#ChronoContact_feefo_feedback {border:1px solid #B2A8C3;background:#F9F8FA;padding:15px;height:100%;float:left;} form#ChronoContact_feefo_feedback {width:90%;margin:0 0 15px 0} form#ChronoContact_feefo_feedback td {width:50%} #page form table {border-collapse: collapse;border-spacing:0} #page form table td {padding:5px;border:0} #page form table td table td {padding:0 0 10px 0;} #page form table td .inputbox {border:1px solid #B2A8C3;padding:3px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;} input.LV_invalid_field,.textbox.LV_invalid_field {border:1px solid #ee0000!important;} #page form table td .textbox{border:1px solid #B2A8C3;padding:3px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;width:350px;} #page form table td div.linebreak {height:1px;border-top:1px dotted #B2A8C3;padding-top:10px;margin-top:10px;width:90%;margin-left:auto;margin-right:auto} span.red {color:#e00} span.LV_validation_message {font-weight:normal;font-size:11px;position:absolute;left:100px;} div.chronoform {display:none;visibility:hidden;} form#ChronoContact_feefo_feedback .inputbox {width:200px;} #page form#ChronoContact_feefo_feedback .textbox {width:300px;height:170px;} /* Directory */ /* See also com_partners.css */ .partnersSearchMod {background:#ECE9F2;border-top:1px solid #9C99A2;border-bottom:1px solid #9C99A2;padding:10px;color:#5F548C} .partnersSearchMod .inputbox, div#ssfm90538 table.partnerseSearchForm input.inputbox {border:1px solid #ABABAD;padding:4px;} .partnersSearchModLabel,.partnersSearchModLabelBox,.partnersSearchModLabelCat {display:inline-block;width:150px} .partnersSearchMod #searchphraseany {margin-left:155px;} .partnerseSearchForm {border-bottom:1px solid #fff;width:100%;margin:0 0 6px 0;padding:0 0 6px 0} .searchSubmit {width:100%;text-align:center} .listingLabel {display:inline-block;width:90px;} /* Form - store login */ h4.underline {border-bottom:1px solid #aca8b4;padding:0 0 10px 0;margin:0 0 10px 0} form#storeLogin {padding:0;margin:0;} form#storeLogin .inputbox {width:165px;border:1px solid #ACA8B4;padding:4px;} form#storeLogin label {font-weight:bold;} span.storeLoginID,span.storeLoginPass {display:inline-block;margin-right:15px;} .login-button {vertical-align: bottom} /* Left colour module styles - 29/3/10 */ #left .module-outline div,#left .module-outline div div,#left .module-outline div div div, #left .module-outline div div div div, #left .module-outline2 div,#left .module-outline2 div div,#left .module-outline2 div div div, #left .module-outline2 div div div div, #left .module-blue div,#left .module-blue div div,#left .module-blue div div div, #left .module-blue div div div div, #left .module-green div,#left .module-green div div,#left .module-green div div div, #left .module-green div div div div, #left .module-red div,#left .module-red div div,#left .module-red div div div, #left .module-red div div div div, #left .module-yellow div,#left .module-yellow div div,#left .module-yellow div div div, #left .module-yellow div div div div {background-image:none;padding:0;} #left .module-outline .module-top, #left .module-outline .module-bottom, #left .module-outline2 .module-top, #left .module-outline2 .module-bottom, #left .module-blue .module-top, #left .module-blue .module-bottom, #left .module-green .module-top, #left .module-green .module-bottom, #left .module-red .module-top, #left .module-red .module-bottom, #left .module-yellow .module-top, #left .module-yellow .module-bottom {background:url(../images/side-module-colours.png) 0 0 no-repeat;height:5px;line-height:0;font-size:0;} #left .module-outline .module-inside, #left .module-outline2 .module-inside, #left .module-blue .module-inside, #left .module-green .module-inside, #left .module-red .module-inside, #left .module-yellow .module-inside {padding:10px 15px;} #left .module-outline .module-inside {background:#fff url(../images/side-module-outline.png) 0 0 repeat-y;} #left .module-outline2 .module-inside {background:#DFDAE8 url(../images/side-module-outline2.png) 0 0 repeat-y;} #left .module-outline .module-bottom {background-position:0 -5px} #left .module-outline2 .module-top {background-position:0 0} #left .module-outline2 .module-bottom {background-position:0 -5px} #left .module-red .module-top {background-position:0 -20px} #left .module-red .module-bottom {background-position:0 -25px} #left .module-green .module-top {background-position:0 -30px} #left .module-green .module-bottom {background-position:0 -35px} #left .module-yellow .module-top {background-position:0 -40px} #left .module-yellow .module-bottom {background-position:0 -45px} #left .module-blue .module-top {background-position:0 -10px} #left .module-blue .module-bottom {background-position:0 -15px} /* Mini Merchant Login */ form.storeLogin {padding:0;margin:0;} form.storeLogin .inputbox {width:160px;border:1px solid #ACA8B4;padding:4px;margin:0 0 10px 0} form.storeLogin label {font-weight:bold;width:80px;display:inline-block;} span.storeLoginID,span.storeLoginPass {display:inline-block;margin-right:15px;} .login-button {vertical-align: bottom;} /* Social Media Icons */ #socialmedia {float:right;margin:5px 0 0 0} .twitter,.facebook,.youtube, .twitter:hover,.facebook:hover,.youtube:hover {background:url(../images/social-media-sprite.png) 0 0 no-repeat;height:20px;width:19px;display:block;float:left;margin-right:7px} .twitter,.twitter:hover {background-position:-19px 0;} .facebook,.facebook:hover {background-position:0 0} .youtube,.youtube:hover {background-position:-39px 0;width:49px;} #socialmedia span {display:none;visibility:hidden} /* Showcase styling */ table.sobi2Listing td {vertical-align:top} .showcaseImage {width:210px;height:132px;position:relative;margin:0 auto;background:#fff;margin-right:5px} .showcaseImage img {width:200px;height:132px;} .showcaseImage a:hover img {opacity:0.8;} a.imageZoom {z-index:5;width:32px;height:32px;display:block;position:absolute;background:transparent url(../images/zoomimage.png) 0 0 no-repeat;right:-5px;top:-10px} a.imageZoom:hover {background-position:0 -32px} a.imageZoom span {display:none;visibility:hidden} table.sobi2Listing {border-spacing:0;border-collapse:collapse} table.sobi2Listing td {text-align:center} table.sobi2Listing td h4 {padding:10px 0} img.sobi2DetailsImage {width:660px;border-top:1px solid #C6BED2;border-bottom:1px solid #C6BED2;padding:15px 0} .module-directorySearch {margin:20px 0 10px 0;} .module-directorySearch h3 {color:#fff;} .module-directorySearch .inputbox {padding:1px 5px;} .sobiSearchModLabelBox-directorySearch,.sobiSearchModLabelCat-directorySearch {font-weight:bold;color:#fff;text-shadow:0 1px 0 #8A7BA4} /* Detail View */ .casestudiesMain {float:left;} .csLabel {float:left;display:block;width:170px;font-weight:bold;color:#8673A5} .csData {margin-left:170px;display:block;width:490px} .casestudiesMain p.line,.casestudiesMain div.line {border-bottom:1px solid #C6BED2;margin:0 0 10px 0;padding:0 0 10px 0;width:660px} .sobi2Footer {display:none;visibility:hidden} a.detailsImageLink:hover,a.detailsImageLink:focus {opacity:0.8} ul.actinicServicesList {margin:0;padding:0;list-style:none;height:35px} ul.actinicServicesList li {background:url(../images/services.png) 0 0 no-repeat;padding:0;margin:0;display:block;height:35px;float:left;margin-right:25px;} ul.actinicServicesList li a {display:block;height:35px;} ul.actinicServicesList li a:hover {background:none;background:rgba(255,255,255,0.3);} ul.actinicServicesList li.Actinic-Payments {width:138px;background-position:-130px 0} ul.actinicServicesList li.Actinic-Feefo {width:130px;} ul.actinicServicesList li.Actinic-Hosting {width:138px;background-position:-268px 0;} /* Form */ #sobi2EditForm fieldset {border:1px solid #B2A8C3;padding:15px;margin-bottom:25px;background:#F9F8FA} #sobi2EditForm fieldset legend {color:#fff;padding:3px 15px 5px 15px;background:#B2A8C3;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;} #sobi2CustomCancelButton {border:none;background:none;color:#999;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;cursor:pointer} #sobi2CustomCancelButton:hover {color:#000;} #sobi2CustomSendButton2 {background:#5F7E01;color:#fff;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;float:right;padding:5px 15px;border:none;-moz-border-radius:5px;font-weight:bold;margin:0 0 20px 0;cursor:pointer} #sobi2CustomSendButton2:hover {background:#000} #sobiSearchResponseContainer .componentheading {margin:0;padding:0;text-transform:none;color:#000;font-size:18px;text-align:left;} #sobiSearchResponseContainer .sobi2Listing {margin:20px 0 0 0} #sobi2PageNav {width:100%;text-align:center;margin-top:15px;} #sobi2EditForm fieldset fieldset {border:none;padding:0;margin:0;background:none} #sobi2EditForm fieldset fieldset legend {background:none;padding:0;color:#000;font-weight:bold;} #sobi2EditForm label {font-weight:bold;float:left;display:block;width:150px;} span.fieldHelp {margin-left:150px;font-size:90%;color:#888} #sobi2EditForm .inputbox {border:1px solid #B2A8C3;padding:3px;font-family:"Trebuchet MS",Arial,sans-serif; color:#222;font-size:13px;} #sobi2EditForm textarea {width:450px;height:150px} ul.checkboxgroup {list-style:none;padding:0;margin:0 0 0 150px;} #sobi2EditForm ul.checkboxgroup label {float:none;font-weight:normal;width:auto} ul.checkboxgroup li {list-style:none;padding:0;margin:0 0 5px 0;} #sobi2EditForm p {margin:0 0 15px 0} dl#system-message {font-size:110%;background:#F0F4E5;padding:0px;border-bottom:1px solid #5F7E01;margin:0 0 25px 0;} dt.message {background:#5F7E01;color:#fff;font-weight:bold;padding:5px 15px;} dd.message {padding:15px;margin:0;} dd.message ul, dd.message li {padding:0;margin:0;list-style:none;font-size:13px;} dd.message li {background:url(../images/62.png) 0 0 no-repeat;line-height:24px;padding-left:30px;} /* Call to action graphics ORIGINAL: Blue: id-1 Green: id-2 Yellow: id-3 Red: id-4 REVISED: Blue: id-3 Green: id-2 Yellow: id-1 Red: id-4 */ a.calltoaction {display:block;width:300px;height:120px;background-position:0 0;background-repeat:no-repeat;margin-bottom:0px;} #wrapper a.calltoaction:hover {background-color:none;background-position:0 -120px} a.calltoaction span {display:none;visibility:hidden} /*Actinic Community*/ a.image1,.id-3 a.image1 {background-image:url(../../../images/calltoaction/actinic-community-blue.jpg);} .id-2 a.image1 {background-image:url(../../../images/calltoaction/actinic-community-green.jpg);} .id-1 a.image1 {background-image:url(../../../images/calltoaction/actinic-community-yellow.jpg);} .id-4 a.image1 {background-image:url(../../../images/calltoaction/actinic-community-red.jpg);} /*Call Back*/ a.image2,.id-3 a.image2 {background-image:url(../../../images/calltoaction/call-back-blue.jpg);} .id-2 a.image2 {background-image:url(../../../images/calltoaction/call-back-green.jpg);} .id-1 a.image2 {background-image:url(../../../images/calltoaction/call-back-yellow.jpg);} .id-4 a.image2 {background-image:url(../../../images/calltoaction/call-back-red.jpg);} /*Customer Login Express 8*/ a.image3,.id-3 a.image3 {background-image:url(../../../images/calltoaction/customer_login_express8-blue.jpg);} .id-2 a.image3 {background-image:url(../../../images/calltoaction/customer_login_express8-green.jpg);} .id-1 a.image3 {background-image:url(../../../images/calltoaction/customer_login_express8-yellow.jpg);} .id-4 a.image3 {background-image:url(../../../images/calltoaction/customer_login_express8-red.jpg);} /*Demo Startups*/ a.image4,.id-3 a.image4 {background-image:url(../../../images/calltoaction/demo-startups-blue.jpg);} .id-2 a.image4 {background-image:url(../../../images/calltoaction/demo-startups-green.jpg);} .id-1 a.image4 {background-image:url(../../../images/calltoaction/demo-startups-yellow.jpg);} .id-4 a.image4 {background-image:url(../../../images/calltoaction/demo-startups-red.jpg);} /*Download Centre*/ a.image5,.id-3 a.image5 {background-image:url(../../../images/calltoaction/download-centre-blue.jpg);} .id-2 a.image5 {background-image:url(../../../images/calltoaction/download-centre-green.jpg);} .id-1 a.image5 {background-image:url(../../../images/calltoaction/download-centre-yellow.jpg);} .id-4 a.image5 {background-image:url(../../../images/calltoaction/download-centre-red.jpg);} /*EPOS Showroom*/ a.image6,.id-3 a.image6 {background-image:url(../../../images/calltoaction/epos-showroom-blue.jpg);} .id-2 a.image6 {background-image:url(../../../images/calltoaction/epos-showroom-green.jpg);} .id-1 a.image6 {background-image:url(../../../images/calltoaction/epos-showroom-yellow.jpg);} .id-4 a.image6 {background-image:url(../../../images/calltoaction/epos-showroom-red.jpg);} /*Free eBook*/ a.image7,.id-3 a.image7 {background-image:url(../../../images/calltoaction/free-ebook-blue.jpg);} .id-2 a.image7 {background-image:url(../../../images/calltoaction/free-ebook-green.jpg);} .id-1 a.image7 {background-image:url(../../../images/calltoaction/free-ebook-yellow.jpg);} .id-4 a.image7 {background-image:url(../../../images/calltoaction/free-ebook-red.jpg);} /*Free Product Trial*/ a.image8,.id-3 a.image8 {background-image:url(../../../images/calltoaction/free-product-trial-blue.jpg);} .id-2 a.image8 {background-image:url(../../../images/calltoaction/free-product-trial-green.jpg);} .id-1 a.image8 {background-image:url(../../../images/calltoaction/free-product-trial-yellow.jpg);} .id-4 a.image8 {background-image:url(../../../images/calltoaction/free-product-trial-red.jpg);} /*January Special Offers*/ a.image9,.id-3 a.image9 {background-image:url(../../../images/calltoaction/january-special-offers-blue.jpg);} .id-2 a.image9 {background-image:url(../../../images/calltoaction/january-special-offers-green.jpg);} .id-1 a.image9 {background-image:url(../../../images/calltoaction/january-special-offers-yellow.jpg);} .id-4 a.image9 {background-image:url(../../../images/calltoaction/january-special-offers-red.jpg);} /*Live Chat Available*/ a.image10,.id-3 a.image10 {background-image:url(../../../images/calltoaction/Live_chat_available-blue.jpg);} .id-2 a.image10 {background-image:url(../../../images/calltoaction/Live_chat_available-green.jpg);} .id-1 a.image10 {background-image:url(../../../images/calltoaction/Live_chat_available-yellow.jpg);} .id-4 a.image10 {background-image:url(../../../images/calltoaction/Live_chat_available-red.jpg);} /*Sign Up Now*/ a.image11,.id-3 a.image11 {background-image:url(../../../images/calltoaction/sign-up-now-blue.jpg);} .id-2 a.image11 {background-image:url(../../../images/calltoaction/sign-up-now-green.jpg);} .id-1 a.image11 {background-image:url(../../../images/calltoaction/sign-up-now-yellow.jpg);} .id-4 a.image11 {background-image:url(../../../images/calltoaction/sign-up-now-red.jpg);} /*Special Offer EPOS*/ a.image12,.id-3 a.image12 {background-image:url(../../../images/calltoaction/special_offer_EPOS-blue.jpg);} .id-2 a.image12 {background-image:url(../../../images/calltoaction/special_offer_EPOS-green.jpg);} .id-1 a.image12 {background-image:url(../../../images/calltoaction/special_offer_EPOS-yellow.jpg);} .id-4 a.image12 {background-image:url(../../../images/calltoaction/special_offer_EPOS-red.jpg);} /*Startups Pricing*/ a.image13,.id-3 a.image13 {background-image:url(../../../images/calltoaction/startups-pricing-blue.jpg);} .id-2 a.image13 {background-image:url(../../../images/calltoaction/startups-pricing-green.jpg);} .id-1 a.image13 {background-image:url(../../../images/calltoaction/startups-pricing-yellow.jpg);} .id-4 a.image13 {background-image:url(../../../images/calltoaction/startups-pricing-red.jpg);} /*Videos*/ a.image14,.id-3 a.image14 {background-image:url(../../../images/calltoaction/videos-blue.jpg);} .id-2 a.image14 {background-image:url(../../../images/calltoaction/videos-green.jpg);} .id-1 a.image14 {background-image:url(../../../images/calltoaction/videos-yellow.jpg);} .id-4 a.image14 {background-image:url(../../../images/calltoaction/videos-red.jpg);} /*Customer Support*/ a.image15,.id-3 a.image15 {background-image:url(../../../images/calltoaction/customer-support-blue.jpg);} .id-2 a.image15 {background-image:url(../../../images/calltoaction/customer-support-green.jpg);} .id-1 a.image15 {background-image:url(../../../images/calltoaction/customer-support-yellow.jpg);} .id-4 a.image15 {background-image:url(../../../images/calltoaction/customer-support-red.jpg);} /*Demo Actinic Online*/ a.image16,.id-3 a.image16 {background-image:url(../../../images/calltoaction/demo-online-blue.jpg);} .id-2 a.image16 {background-image:url(../../../images/calltoaction/demo-online-green.jpg);} .id-1 a.image16 {background-image:url(../../../images/calltoaction/demo-online-yellow.jpg);} .id-4 a.image16 {background-image:url(../../../images/calltoaction/demo-online-red.jpg);} /*Actinic Online Features in Detail*/ a.image17,.id-3 a.image17 {background-image:url(../../../images/calltoaction/actinic_online_features_in_detail_blue.jpg);} .id-2 a.image17 {background-image:url(../../../images/calltoaction/actinic_online_features_in_detail_green.jpg);} .id-1 a.image17 {background-image:url(../../../images/calltoaction/actinic_online_features_in_detail_yellow.jpg);} .id-4 a.image17 {background-image:url(../../../images/calltoaction/actinic_online_features_in_detail_red.jpg);} a.submit-my-site {text-decoration:none;background:url(../images/subnav-bg.png) 50% 50% no-repeat;color:#8673A5;font-family:"Trebuchet MS",Arial,sans-serif;font-size:16px;padding:10px 0px;border:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;font-weight:bold;margin:0 0 20px 0;cursor:pointer;text-align:center;margin:15px 20px 0 20px;display:block;-moz-box-shadow:0 2px 5px rgba(000,000,000,0.6);-webkit-box-shadow:0 2px 5px rgba(000,000,000,0.6);box-shadow:0 2px 5px rgba(000,000,000,0.6);text-shadow:1px 1px 0 #ECE9F1} a.submit-my-site:hover {color:#6B6278}