/* EUROSIS - AlexB */ /* lightbox fix */ #prevLink { left: 0; float: left; background: url(/sfLightboxPlugin/images/prev.gif) left 96% no-repeat !important; } #nextLink { right: 0; float: right; background: url(/sfLightboxPlugin/images/next.gif) right 96% no-repeat !important; } /* HTML bits */ body { margin:0px; padding:20px 0px 0px 0px; font-family:lucida, tahoma, ariel, helvetica, sans-serif; font-size:1em; background:white; color:#6d7979; } p { font-size:0.8em; line-height:1.5; margin:10px 0px 10px 0px; } hr { display:none; } .hr /*actually a div!*/ { width:87%; height:1px; background:url(/images/bgs/horiz_dots_bg.gif) top left repeat-x; margin:0px 0px 0px 15px; } h1 { font-size:2.2em; font-weight:normal; color:#2b3775; margin:0px 0px 0px 0px; padding:0px; line-height: 1.3em; } h2 { font-size:1.5em; font-weight:normal; color:#949bc1; margin:10px 0px 10px 0px; padding:0px; } h3 { font-size:0.9em; font-weight:bold; color:#6d7979; margin:5px 0px 0px 0px; padding:0px; line-height:1.3; } h4 { font-size:0.9em; font-weight:bold; color:#6d7979; margin:5px 0px 0px 0px; padding:0px; line-height:1.5; } h2 a { text-decoration:none; color:#949bc1; } h2 a:hover { text-decoration:none; color:#2b3775; } fieldset h2 { margin-top: 0px; } img { border:none; } a { color:#2b3775; text-decoration:underline; } a:hover { color:#949bc1; text-decoration:none; } /* the divs */ #wrapper { width:960px; margin: 0 auto; } #main { width:100%; overflow:hidden; background:url(/images/bgs/vert_dots.gif) 268px 0px repeat-y; } #col1 { float:left; width:267px; } #col2 { float:right; width:683px; } #footer { margin-top:20px; width:100%; background:#eff2f2; border-bottom: 15px solid #ffffff; } #footer_content { position: relative; width:960px; margin: 0 auto; vertical-align:middle; overflow:hidden; } #col1 p { letter-spacing:+0.5px; font-size:0.7em; padding:10px 20px 10px 15px; margin:0px; color:#a5a5a5; } #col1 h3 { color:#72799a; font-weight:normal; font-size:1.4em; margin:20px 20px 0px 0px; padding:0px; text-align:right; } #col2 .hr { width:100%; } #col2 p { margin-left:0px; margin-bottom: 8px; } #col2 p.small { font-size: 0.65em; } /* auto-pad the main div */ .content { margin-left:15px; } .content .hr { margin-left:0px; } /* some random bodges */ .no_top_pad { padding-top:0px; margin-top:0px; } .tright { text-align:right; font-size: 1em !important; letter-spacing: -1px; clear: both; } .tright img { margin-bottom: 8px; } /* The horisontal nav - home / etc / etc */ .top_nav_surround { margin:0px 0px 0px 10px; width:100%; overflow:hidden; padding:0px; list-style:none; color:#a5a5a5; font-size:1em; } .top_nav { margin:10px 0px 10px 10px; width:100%; overflow:hidden; padding:0px; list-style:none; color:#a5a5a5; font-size:1em; margin-left:-12px; } .top_nav li { color:#a5a5a5; font-size:1em; float:left; margin:0px 0px 0px 5px; background:url(/images/bgs/top_nav_spacer.gif) top left no-repeat; padding-left:12px; } .top_nav .first { background:none; padding-left:0px; } .top_nav li a { text-decoration:none; color:#676767; } .top_nav li a:hover { text-decoration:underline; color:#2b3775; } .top_nav li .current { text-decoration:underline; color:#2b3775; } /* Nav - the main menu on the left */ .nav { margin:10px 0px 10px 14px; width:100%; overflow:hidden; padding:0px; list-style: none; color:#a5a5a5; font-size:1em; } .nav li { color:#72799a; font-size:0.9em; margin:5px 0px 0px 0px; padding:0px 0px 2px 21px; background: url(/images/bgs/nav_bullet.gif) 0px 2px no-repeat; } .nav li a { text-decoration:none; color:#72799a; font-weight:bold; } .nav li a.simultaneous-interpretation-services { color: #f0972d; } .nav li a.interactive-voting { color: #73b543; } .nav li a.conference-microphones { color: #e25856; } .nav li a:hover { text-decoration:underline; color:#2b3775; } .nav li .current { text-decoration:underline; color:#2b3775; } .nav li ul { margin: 8px 0px 0px 5px; padding: 0px; list-style: none; } .nav li ul li { margin:3px 0px 0px 0px; background: url(/images/bgs/nav_sub_bullet.gif) 0px 5px no-repeat; padding: 0px 0px 2px 11px; } .nav li ul li a { font-weight:normal; } /* Nav's little brother */ .subnav { color:#949bc1; } .subnav li a { text-decoration:none; color:#949bc1; } .subnav li a:hover { text-decoration:underline; color:#2b3775; } .subnav li .current { text-decoration:underline; color:#2b3775; } /* Left side form */ #col1 form { padding:0px; margin:0px; font-size:0.7em; color:#2b3775; } #col1 form fieldset { padding:0px; margin:0px; border:none; } #col1 form legend { display:none; } #col1 form ul { padding:0px; margin:0px 0px 0px 15px; list-style:none; width:230px; overflow:hidden; } #col1 form ul li { padding:0px; margin:4px 0px; width:100%; overflow:hidden; } #col1 form input { float:right; width:140px; } #col1 form select { float:right; width:144px; } #col1 form label { float:left; width:80px; padding-top: 4px; } #col1 form button { float:right; height:22px; width:60px; text-indent: 10000px; background-image:url(/images/buttons/submit.gif); background-position:top left; background-repeat: no-repeat; border:0px; } #col1 form button:hover { background-position:bottom left; } /* Home Page Colours */ .orange { color:#f0972d; } .green { color:#73b543; } .red { color:#e25856; } /* the big 3 columns on the homepage */ .homepage_cta { position: relative; width:200px; overflow:hidden; float:left; margin-right:34px; height: 395px; } .homepage_cta img { margin-bottom: 0px !important; } .homepage_cta h1 { font-size:1.6em; line-height: 1.1em; margin-top: 5px; height: 49px; margin-bottom: 8px; } .homepage_cta a.link { position: absolute; bottom: 0px; left: 5px; } .last_cta { margin-right: 0px !important; } /* footer stuff, list and left-para */ #footer_content p { padding-top:0px; font-size:0.7em; color:#5662a3; line-height: 1.8em; } #footer_content a { color:#5662a3; text-decoration:none; } #footer_content ul { margin:0px 0px 0px 0px; padding:0px; list-style:none; color:#a5a5a5; font-size:0.7em; color:#5662a3; } #footer_content ul li { color:#a5a5a5; font-size:1em; float:left; margin:0px 0px 0px 10px; } #footer_content ul li a { text-decoration:underline; color:#5662a3; } #footer_content ul li a:hover { text-decoration:none; color:#2b3775; } #footer_content div.right { text-align: right; overflow: hidden; width: 550px; } #footer_content ul.top { position: absolute; right: 0; top: 10px; } #footer_content ul.bottom { position: absolute; right: 0; top: 31px; } #footer_content ul.bottom li a { color: #8590c9; } #footer_content ul.bottom li a.top { margin-left: 136px; color: #727272 !important; background: url(/images/buttons/btn-back-to-top.gif) 0px 2px no-repeat; padding-left: 8px; } /* main col lists */ #col2 ul { font-size:0.8em; margin:5px 0px 15px 0px; overflow:hidden; line-height: 1.2em; padding:0px 0px 0px 0px; list-style-image:url(/images/bgs/nav_sub_bullet.gif); } #col2 ul li { margin:7px 0px 0px 30px; } #col2 ul li a { font-weight:normal; } #col2 ol { font-size: 0.8em; margin: 7px 0px 15px 10px; line-height: 1.5em; } /* for the align="" images. */ #col2 img { margin-top: 10px; margin-right:15px; margin-bottom:15px; } /* icons for examples pages */ #col2 div.col-left { float: left; width: 465px; } #col2 div.col-right { float: right; width: 160px; padding-left: 5px; } #col2 div.col-left table img { margin: 10px 0px 0px; } #col2 div.col-left table p { padding-right: 10px; text-align: center; } #col2 ul.example-videos li { line-height: 1.4em; } #col2 ul.voting-examples li { margin-bottom: 10px; } #col2 ul.voting-examples li a { padding: 4px 0px 4px 22px; } #col2 ul li .lg-training-and-assessment, #col2 ul li .nhs-training-and-assessment, #col2 ul li .corporate-training-and-assessment, #col2 ul li .education-training-and-assessment, #col2 ul li .armed-forces-training-and-assessment, #col2 ul li .emergency-services-training-and-assessment, #col2 ul li .market-research-training-and-assessment, #col2 ul li .recruitment-agencies-training-and-assessment, #col2 ul li .retail-training-and-assessment, #col2 ul li .entertainment-training-and-assessment, #col2 ul li .gnrl-training-and-assessment, #col2 ul li .holiday-training-and-assessment, .training { background: url(/images/icons/icon-training.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .nhs-recruitment, #col2 ul li .lg-recruitment, #col2 ul li .corporate-recruitment, #col2 ul li .armed-forces-recruitment, #col2 ul li .emergency-services-recruitment, #col2 ul li .recruitment-agencies-recruitment, #col2 ul li .gnrl-recruitment, #col2 ul li .holiday-recruitment, #col2 ul li .retail-recruitment, .recruitment { background: url(/images/icons/icon-recruit.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-public-consultation, #col2 ul li .nhs-public-consultation, #col2 ul li .corporate-public-consultation, #col2 ul li .education-public-consultation, #col2 ul li .armed-forces-public-consultation, #col2 ul li .emergency-services-public-consultation, #col2 ul li .charities-public-consultation, #col2 ul li .gnrl-public-consultation, .consult { background: url(/images/icons/icon-consult.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-decision-making, #col2 ul li .nhs-decision-making, #col2 ul li .corporate-decision-making, #col2 ul li .education-decision-making, #col2 ul li .armed-forces-decision-making, #col2 ul li .emergency-services-decision-making, #col2 ul li .market-research-decision-making, #col2 ul li .recruitment-agencies-decision-making, #col2 ul li .retail-decision-making, #col2 ul li .entertainment-decision-making, #col2 ul li .gnrl-decision-making, #col2 ul li .holiday-decision-making, .decision { background: url(/images/icons/icon-decision.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-risk-analysis, #col2 ul li .nhs-risk-analysis, #col2 ul li .corporate-risk-analysis, #col2 ul li .armed-forces-risk-analysis, #col2 ul li .emergency-services-risk-analysis, #col2 ul li .market-research-risk-analysis, #col2 ul li .retail-risk-analysis, .risk { background: url(/images/icons/icon-risk.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-opinion-gathering, #col2 ul li .nhs-opinion-gathering, #col2 ul li .corporate-opinion-gathering, #col2 ul li .education-opinion-gathering, #col2 ul li .armed-forces-opinion-gathering, #col2 ul li .emergency-services-opinion-gathering, #col2 ul li .market-research-opinion-gathering, #col2 ul li .recruitment-agencies-opinion-gathering, #col2 ul li .retail-opinion-gathering, #col2 ul li .entertainment-opinion-gathering, #col2 ul li .charities-opinion-gathering, #col2 ul li .gnrl-opinion-gathering, #col2 ul li .holiday-opinion-gathering, .opinion { background: url(/images/icons/icon-opinion.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-entertainment, #col2 ul li .nhs-entertainment, #col2 ul li .corporate-entertainment, #col2 ul li .education-entertainment, #col2 ul li .armed-forces-entertainment, #col2 ul li .emergency-services-entertainment, #col2 ul li .market-research-entertainment, #col2 ul li .recruitment-agencies-entertainment, #col2 ul li .retail-entertainment, #col2 ul li .en-entertainment, #col2 ul li .charities-entertainment, #col2 ul li .gnrl-entertainment, #col2 ul li .holiday-entertainment, .entertainment { background: url(/images/icons/icon-entertainment.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .advertising-market-research, .market { background: url(/images/icons/icon-market.gif) 0px 3px no-repeat; padding-left: 22px; } #col2 ul li .lg-reports, #col2 ul li .nhs-reports, #col2 ul li .corporate-reports, #col2 ul li .education-reports, #col2 ul li .armed-forces-reports, #col2 ul li .emergency-services-reports, #col2 ul li .market-research-reports, #col2 ul li .recruitment-agencies-reports, #col2 ul li .retail-reports, #col2 ul li .en-reports, #col2 ul li .charities-reports, #col2 ul li .holiday-reports, #col2 ul li .entertainment-reports, #col2 ul li .gnrl-reports, .reports { background: url(/images/icons/icon-report.gif) 0px 3px no-repeat; padding-left: 22px; } /* LI used for a long list - 3 cols wide */ #col2 .floated { margin-left:10px; } #col2 .floated li { margin-bottom:8px; float:left; display:block; margin:0px 0px 7px 0px; width:180px; padding:0px; padding-left:13px; background-image:url(/images/bgs/nav_sub_bullet.gif) ; background-position:0px 4px ; background-repeat: no-repeat; } /* big pngy buttons */ .huge_button { height:101px; width:310px; background-image:url(/images/bgs/huge_button_border.png); background-color:black; background-position:top left; background-repeat:none; position:relative; margin-bottom: 15px; } /* colour with PNG overlay */ .huge_button a { display: block; position:absolute; height: 38px; width:310px; text-align:center; color:white; padding-top: 63px; cursor: pointer; font-size: 0.85em; text-decoration: none; } .huge_button a:hover { color: #dedede !important; } .huge_button_inner { height:101px; width:310px; background-position:top left; background-repeat:none; } /* PNG overlay */ .huge_button_inner.hire { background-image:url(/images/bgs/huge_button_overlay_hire.png); } .huge_button_inner.buy { background-image:url(/images/bgs/huge_button_overlay_buy.png); } a.buy-large { float: left; display: block; height: 38px; width: 310px; background:url(/images/buttons/buy-green.jpg) left top no-repeat; padding-top: 63px; text-align: center; color: #ffffff !important; font-size: 0.9em; text-decoration: none; } a.hire-large { float: left; display: block; height: 38px; width: 310px; background:url(/images/buttons/hire-green.jpg) left top no-repeat; padding-top: 63px; text-align: center; color: #ffffff !important; font-size: 0.9em; text-decoration: none; margin-right: 40px; } a.buy-large:hover, a.hire-large:hover { color: #dedede !important; } /* request info button */ a.quote { display: block; background: url(/images/buttons/request-quote-blue.jpg) left top no-repeat !important; padding-top: 12px; height: 30px; width:153px; text-align:center; color: #ffffff !important; font-size: 0.9em; font-weight: bold; text-decoration: none; } a.quote:hover { color: #dedede !important; } /* useful for divs. */ .left { float:left; } .right { float:right; } .pagination { width:100%; overflow:hidden; clear:both; } #col2 form { margin:20px 0px 0px 0px; font-size:1em; } #col2 form fieldset { border:1px solid #dedede; padding:20px; } #col2 form legend { display:none; } #col2 form label { display:block; width: 200px; float:left; font-size: 1.3em; padding: 1px 0px 0px; line-height: 1.2em; } #col2 form label.big { width: 400px !important; padding: 3px 0px; } #col2 form ul { margin:0px 0px -8px 0px !important; padding:0px; width:100%; overflow:hidden; list-style-image: none;} #col2 form ul li { margin:0px 0px 10px 0px; padding:0px; width:100%; overflow:hidden; background: none; } #col2 form button { height:22px; width:70px; background:url(/images/buttons/send.gif) top left no-repeat; border:0px; font-weight: bold; color: #ffffff; font-size: 0.9em; padding-bottom: 2px; float: left; margin-right: 8px; } #col2 form button:hover { background-position:bottom left; } #col2 form button.checkout { width:85px; background:url(/images/buttons/btn-checkout.gif) top left no-repeat; } #col2 form button.continue { width:160px; background:url(/images/buttons/btn-continue.gif) top left no-repeat; } #col2 form input { float: right; font-family:lucida, tahoma, ariel, helvetica, sans-serif; font-size:0.9em; } #col2 form input.text { width:405px; padding: 4px; font-size: 1em; color: #888888; border-width: 1px; } #col2 form label span { color:red; } #col2 form input.width2 { width: 100px; padding: 4px; font-size: 1em; color: #888888; border-width: 1px; } #col2 form input.width3 { float: left; width: 100px; padding: 4px; font-size: 1em; color: #888888; border-width: 1px; } #col2 form select { float: right; width:415px; padding: 3px; } #col2 form textarea { width:612px; padding: 4px; border-width: 1px; height:130px; font-family:lucida, tahoma, ariel, helvetica, sans-serif; font-size: 1em; color: #888888; line-height: 1.45em; } .assets_table { width:100%;border:1px solid #dedede; border-bottom:none; clear:both; margin-top:10px; } .assets_table th { font-size:0.8em; font-weight:normal; color:#ababab; padding:2px 5px; border-bottom:1px solid #DEDEDE; text-align:left; } .assets_table td { font-size:0.8em; border-bottom:1px solid #dedede; padding:5px 5px; vertical-align:middle; } .assets_table td img { margin:0px !important; padding:0px !important; } /* shop stuff - basket etc */ #col2 a.lnk-go { background: url(/images/icons/icon-login.gif) 0px 1px no-repeat; padding-left: 18px; } #shop_tools { background: #eff2f2; margin:0px; margin-bottom:10px; padding:8px; } #shop_tools ul { margin:0px; padding:0px; list-style:none !important; width:100%; overflow:hidden; } #shop_tools ul li { margin:0px; padding:0px 10px 0px 0px; float:left; } #shop_tools ul li.divider { padding-right: 6px; } #shop_tools ul li.user { background: url(/images/icons/icon-user.gif) 0px 2px no-repeat; padding-left: 21px; } #shop_tools ul li a { line-height: 1.4em; color: #2b3775; } #shop_tools ul li a.basket { background: url(/images/icons/icon-basket.gif) 0px -1px no-repeat; padding-left: 21px; } #shop_tools ul li a.checkout { background: url(/images/icons/icon-checkout.gif) 0px -1px no-repeat; padding-left: 21px; } #shop_tools ul li a.invoice { background: url(/images/icons/icon-pay-invoice.gif) 0px 0px no-repeat; padding-left: 21px; } #breadcrumb { margin:0px; margin-bottom:10px; padding:0px 0px 8px 0px; font-size:0.8em; background: url(/images/bgs/horiz_dots_bg.gif) bottom left repeat-x;; } #breadcrumb ul { margin:0px; padding:0px; list-style:none; overflow:hidden; list-style-image: none !important; } #breadcrumb ul li { margin:0px; padding:0px 5px 0px 0px; float:left; } .thumbnail { margin:0px; padding:5px; border:1px solid #CCCCCC; } .assets_table .thumbnail { margin:none; padding:none; border:none; } .search_shop_form { border:0px; float:right; margin:0px; padding:0px; margin-right:20px; width:400px; } .search_shop_form fieldset { border:0px !important; padding:0px !important; margin:0px; } .search_shop_form legend { display:none; } .search_shop_form label { float:left; font-size:1em; font-weight:bold; width:60px !important; } .search_shop_form input { width:100px; } .search_shop_form .search_button { } .search_shop_form ul { margin:0px; padding:0px; list-style:none; } .search_shop_form ul li { margin:0px; padding:0px; float:left; } .basket_form { border:0px; margin:0px; padding:0px; width:100% !important; } .basket_form fieldset { border:0px !important; padding:0px !important; margin:0px 0px 10px 0px !important; } .basket_form legend { display:none; } .basket_form label { float:left; font-size:1em; font-weight:bold; width:60px !important; } .basket_form .search_button { } .basket_form ul { margin:0px; padding:0px; list-style:none; } .basket_form ul li { margin:0px; padding:0px; float:left; } .basket_form .quantity { width:30px; } .basket_form .checkbox { float:none !important; } .subscribe { width:220px; float:right; padding:10px; border:1px dotted #bcbcbc; margin-left:10px; margin: 10px 0px; background: #eff2f2; } .subscribe h2 { margin: 0px 0px 6px !important; font-size: 0.8em; background: url(/images/icons/icon-news.gif) 0px 2px no-repeat; padding: 3px 0px 0px 21px; font-weight: bold; } .subscribe form { margin: 0px !important; padding: 0px !important; } .subscribe form ul { margin: 0px !important; list-style-image: none !important; } .subscribe form fieldset { border:0px !important; padding: 0px !important; } .subscribe form label { float: none; display: block !important; padding-bottom: 4px; font-size: 0.8em !important; font-weight: bold; } .subscribe form input.text { width: 206px !important; display: block !important; } .subscribe form button { background-image: url(/images/buttons/send-news.gif) !important; } span.basket-add a { background: url(/images/icons/icon-basket-add.gif) 0px 0px no-repeat; padding-left: 20px; font-size: 0.8em; font-weight: bold; } a.non-profit { color: #73b543; } a.profit { color: #e25856; } #col2 p a.more { background: url(/images/icons/icon-login.gif) 0px 1px no-repeat; padding-left: 18px; font-style: normal; font-weight: bold; letter-spacing: 0px; } .shop-category-section { float:left; width:300px; margin-right:20px; padding: 0px 6px 5px 14px; background: #e2f0d8; } .shop-category-section-alt { float:right; width:300px; margin-right:0px; padding: 0px 6px 5px 14px; background: #fad9d9; } img.bsi { float: right; margin: 15px 21px 0px 0px; }