/* ///// default stylesheet ///// */ /* ///// global styles ///// */ body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.3em; text-align: left; color: #000; background-color: #e4e4e4; margin: 0; padding: 0; } h1,h2,h3,h4,h5 { color: #000; margin: 0; padding: 0;} p { margin: 0 0 15px 0; padding: 0; } a { text-decoration: underline; color: #000; } a:hover { text-decoration: underline; } img { border: none; } .clear { clear: both; } form, fieldset { margin: 0; padding: 0; border: none; } a:active { outline: none; } a:focus { -moz-outline-style: none; } /* ///// wrapper and shadow effects ///// */ #footer, #bottom, #wrapper { position: relative; width: 981px; margin: 0 auto 0 auto; } #wrapper { padding: 0 11px 0 10px; background: transparent url(/images/lr_shadow2.png) 0 0 repeat-y; } #bottom { padding: 0 10px 10px 10px; height: 1px; background: transparent url(/images/bottom_shadow2.png) 0 0 no-repeat; } #footer { height: 25px; font-size: 0.9em; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } /* ///// header ///// */ #header { position: relative; margin: 0 auto 0 auto; width: 981px; height: 143px; background: transparent url(/images/header.jpg) 0 0 no-repeat; z-index: 10 !important; } #header #skip { display: none; } #header h1 { position: absolute; width: 210px; height: 140px; margin: 0; padding: 0; z-index: 10; } #header h1 a { position: absolute; display: block; top: 0; left: 0; width: 210px; height: 140px; text-indent: -9999px; } /* ///// top menu ///// */ #mainMenu { position: relative; float: right; top: 91px; margin: 0 20px 0 0; width: 667px; height: 24px; z-index: 10 !important; } /* hack to correct IE5.5 faulty box model */ * html #mainMenu { width: 667px; w\idth: 667px; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; } /* 2nd level width */ #mainMenu ul ul { width: 172px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ #mainMenu li { float: left; width: 172px; position: relative; display: block; border-bottom: 1px solid #c5c5c5; } /* style the links for the top level */ #mainMenu a, #mainMenu a:visited { position: relative; display: block; text-decoration: none; width: 165px; height: 24px; line-height: 24px; color: #003762; font-weight: bold; font-size: 0.9em; } /* a hack so that IE5.5 faulty box model is corrected */ * html #mainMenu a, * html #mainMenu a:visited { width: 172px; w\idth: 154px; } /* hide the sub levels and give them a positon absolute so that they take up no room */ #mainMenu ul ul { visibility: hidden; position: absolute; height: 0; top: 24px; left: 0; width: 172px; } /* another hack for IE5.5 */ * html #mainMenu ul ul { top:24px; t\op:24px; } /* style the table so that it takes no part in the layout - required for IE to work */ #mainMenu table { position: absolute; top: 0; left: 0; border-collapse: collapse; } /* style the second level links */ #mainMenu ul ul a, #mainMenu ul ul a:visited { background: transparent url(/images/2nd-level-off.gif) top left no-repeat; height:auto !important; line-height: 1.2em; padding: 6px 5px 4px 7px; width: 160px; } /* yet another hack for IE5.5 */ * html #mainMenu ul ul a, * html #mainMenu ul ul a:visited { width:160px; w\idth:154px; } /* style the top level hover */ #mainMenu a:hover, #mainMenu ul ul a:hover { } #mainMenu :hover > a, #mainMenu ul ul :hover > a { color: #003762; background: transparent url(/images/2nd-level-over.gif) top left no-repeat; } /* make the second level visible when hover on first level list OR link */ #mainMenu ul li:hover ul, #mainMenu ul a:hover ul { visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #mainMenu ul :hover ul ul { visibility:hidden; } /* make the third level visible when you hover over second level list OR link */ #mainMenu ul :hover ul :hover ul { visibility:visible; } #mainMenu .contact, #mainMenu .news, #mainMenu .environment, #mainMenu .services, #mainMenu .products, #mainMenu .aboutUs, #mainMenu .mills { border: 0 !important; } #mainMenu .contact a.contact, #mainMenu .news a.news, #mainMenu .environment a.environment, #mainMenu .services a.services, #mainMenu .products a.products, #mainMenu .aboutUs a.aboutUs, #mainMenu .mills a.mills { border: 0 !important; text-indent: -9999px; background: transparent url(/images/main_menu_v3.gif) 0 0 no-repeat; } #mainMenu .aboutUs { width: 88px !important; } #mainMenu .mills { width: 58px !important; } #mainMenu .products { width: 94px !important; } #mainMenu .services { width: 84px !important; } #mainMenu .environment { width: 120px !important; } #mainMenu .news { width: 122px !important; } #mainMenu .contact { width: 84px !important; } #mainMenu .aboutUs a.aboutUs { width: 88px !important; background-position: 0 0; } #mainMenu .mills a.mills { width: 58px !important; background-position: -88px 0; } #mainMenu .products a.products { width: 94px !important; background-position: -146px 0; } #mainMenu .services a.services { width: 84px !important; background-position: -241px 0; } #mainMenu .environment a.environment { width: 120px !important; background-position: -326px 0; } #mainMenu .news a.news { width: 122px !important; background-position: -445px 0; } #mainMenu .contact a.contact { width: 84px !important; background-position: -567px 0; } #mainMenu .aboutUs a.aboutUs:hover { width: 81px !important; background-position: 0 -24px; } #mainMenu .mills a.mills:hover { width: 51px !important; background-position: -88px -24px; } #mainMenu .products a.products:hover { width: 88px !important; background-position: -146px -24px; } #mainMenu .services a.services:hover { width: 78px !important; background-position: -241px -24px; } #mainMenu .environment a.environment:hover { width: 113px !important; background-position: -326px -24px; } #mainMenu .news a.news:hover { width: 115px !important; background-position: -445px -24px; } #mainMenu .contact a.contact:hover { width: 77px !important; background-position: -567px -24px; } #mainMenu .aboutUs a.current { background-position: 0 -48px; } #mainMenu .mills a.current { background-position: -88px -48px; } #mainMenu .products a.current { background-position: -146px -48px; } #mainMenu .services a.current { background-position: -241px -48px; } #mainMenu .environment a.current { background-position: -326px -48px; } #mainMenu .news a.current { background-position: -445px -48px; } #mainMenu .contact a.current { background-position: -567px -48px; } #mainMenu .contact ul, #mainMenu .news ul, #mainMenu .environment ul, #mainMenu .services ul, #mainMenu .products ul, #mainMenu .mills ul, #mainMenu .aboutUs ul { text-indent: 0 !important; } /* 2nd level width */ /* #mainMenu .contact li a needs to be pixels less due to padding around the arrow image */ #mainMenu .contact ul li, #mainMenu .contact ul { width: 124px !important; } #mainMenu .contact li a { width: 112px !important; } /* ///// top nav ///// */ #topNav { position: absolute; top: 10px; right: 10px; width: 700px; text-align: right; color: #003762; } #topNav form { display: inline; } #topNav input { width: 152px; height: 14px; background-color: #e5ebf1; border-top: 1px solid #000; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #959595; color: #707070; font-size: 0.9em; } #topNav img { border: 1px solid #00adee; margin: 0 2px 0 2px; } #topNav img:hover { border: 1px solid #00adee; } #topNav em { font-style: normal; margin: 0 5px 0 5px; } #topNav a.clientLogin { color: #003762; font-style: normal; margin: 0 10px 0 5px; text-decoration: none; } #topNav a.clientLogin:hover { text-decoration: none; border-bottom: 1px dotted #003762; } /* ///// containers ///// */ #home #wrapper #mainContainer { position: relative; border-top: 1px solid #fff; position: relative; min-height: 457px; height: auto !important; height: 457px; background-color: #686868; } #sub #wrapper #mainContainer { border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; min-height: 457px; height: auto !important; height: 457px; background: #fff url(/images/bg_sub_content.gif) 0 0 repeat-y; } #products #wrapper #mainContainer { border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; min-height: 457px; height: auto !important; height: 457px; background: #fff url(/images/bg_sub_content.gif) 0 0 repeat-y; } .hilight { background-color: #ffffcc; } #home #wrapper #leftContainer { position: relative; float: left; min-height: 457px; height: auto !important; height: 457px; width: 785px; } #home #wrapper #rightContainer { position: relative; float: left; min-height: 457px; height: auto !important; height: 457px; background-color: #333; width: 196px; } #home #wrapper #mainContainer #rightContainer h2 { position: relative; display: block; width: 175px; height: 20px; background: transparent url(/images/hdr_news.gif) 0 0 no-repeat; margin: 10px 0 0 10px; } #home #wrapper #mainContainer #rightContainer span { display: none; } #home #wrapper #mainContainer #rightContainer .newsItem { font-size: 0.9em; line-height: 1.3em; position: relative; float: left; width: 175px; margin: 0 0 10px 10px; padding: 0 0 7px 0; color: #fff; background-color: #4d4d4d; } #home #wrapper #mainContainer #rightContainer .arrow { background: #4d4d4d url(/images/icn_arrow_news.gif) top right no-repeat; } /* ///// home page image fader ///// */ #home #wrapper #mainContainer #leftContainer #imageFader { } #home #imageFader { position: relative; width: 785px; height: 317px; padding: 0; margin: 0; } #home #imageFader img { width: 785px; height: 317px; border: 0; top: 0; left: 0; } #home #imageFader span { display: none; } /* ///// home page news ///// */ #home #wrapper #mainContainer #rightContainer .newsItem h3 { color: #25c0fa; margin: 5px; font-size: 1em; font-weight: normal; } #home #wrapper #mainContainer #rightContainer .newsItem h3 a { color: #25c0fa; margin: 5px 5px 5px 0; font-size: 1em; font-weight: normal; text-decoration: none; } #home #wrapper #mainContainer #rightContainer .newsItem h3 a:hover { text-decoration: none; } #home #wrapper #mainContainer #rightContainer .newsItem p { margin: 5px; } #home #wrapper #mainContainer #rightContainer .newsItem a { color: #fff; text-decoration: underline; } #home #wrapper #mainContainer #rightContainer .newsItem a:hover { color: #25c0fa; text-decoration: underline; } #home #wrapper #mainContainer #rightContainer .newsItem.hovered { background-color: #666; cursor: pointer; } #home #wrapper #mainContainer #rightContainer .newsItemImage { margin: 6px 0 0 10px; } /* ///// ajax content - news ///// */ #home #wrapper #mainContainer #rightContainer #ajaxContent { } /* ///// home page news pagination ///// */ #home #newsPaging { color: #999; text-align: center; font-size: 0.9em; margin: 0 0 10px 0; } #home #newsPaging a { padding: 4px; margin: 2px; color: #999; text-decoration: none; } #home #newsPaging a:hover { text-decoration: underline; background-color: #fff; color: #666; } #home #newsPaging strong { margin: 0 5px 0 5px; } /* ///// home page quicklinks ///// */ .whitebox { background-color: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /*.whitebox { } */ .fake { } #home #quickLinks { margin: 10px 0 10px 0; } #home #quickLinks ul, #home #quickLinks ul li { position: relative; float: left; display: block; padding: 0; margin: 0; list-style: none; } #home #quickLinks ul li { margin: 0 0 0 10px; } #home #quickLinks a { position: relative; display: block; float: left; padding: 0; width: 248px; height: 120px; } #home #quickLinks span { display: none; } /* ///// main content - sub pages ///// */ /* // quick links // */ #sub #wrapper #mainContainer #localQuickLinks { position: relative; float: left; width: 197px; } #sub #wrapper #mainContainer #localQuickLinks ul, #sub #wrapper #mainContainer #localQuickLinks ul li { position: relative; float: left; padding: 0; margin: 0; list-style: none; } #sub #wrapper #mainContainer #localQuickLinks ul li { margin: 10px 0 0 10px; } #sub #wrapper #mainContainer #localQuickLinks a { position: relative; display: block; float: left; padding: 0; width: 175px; height: 120px; } #sub #wrapper #mainContainer #localQuickLinks span { display: none; } /* // product quicklinks // */ #products #wrapper #mainContainer #productQuickLinks { position: relative; float: left; width: 210px; } #products #wrapper #mainContainer #productQuickLinks ul, #products #wrapper #mainContainer #productQuickLinks ul li { position: relative; float: left; padding: 0; margin: 0; list-style: none; } #products #wrapper #mainContainer #productQuickLinks ul li { margin: 0; } #products #wrapper #mainContainer #productQuickLinks a { position: relative; display: block; float: left; padding: 0; margin: 0 0 1px 15px; width: 195px; height: 38px; } #products #wrapper #mainContainer #productQuickLinks span { display: none; } #products #wrapper #mainContainer #productQuickLinks li.prodInfo { background: transparent url(/images/prod_menu1_off.gif) top right no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodInfo:hover { background: transparent url(/images/prod_menu1_on.gif) 5px 0 no-repeat; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #products #wrapper #mainContainer #productQuickLinks li.prodInfo.active { background: transparent url(/images/prod_menu1_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodInfo a:hover { background: none; } #products #wrapper #mainContainer #productQuickLinks li.prodAttrib { background: transparent url(/images/prod_menu2_off.gif) top right no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodAttrib:hover { background: transparent url(/images/prod_menu2_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodAttrib.active { background: transparent url(/images/prod_menu2_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodAttrib a:hover { background: none; } #products #wrapper #mainContainer #productQuickLinks li.prodSpec { background: transparent url(/images/prod_menu3_off.gif) top right no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodSpec:hover { background: transparent url(/images/prod_menu3_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodSpec.active { background: transparent url(/images/prod_menu3_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodSpec a:hover { background: none; } #products #wrapper #mainContainer #productQuickLinks li.prodData { background: transparent url(/images/prod_menu4_off.gif) top right no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodData:hover { background: transparent url(/images/prod_menu4_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodData.active { background: transparent url(/images/prod_menu4_on.gif) 5px 0 no-repeat; } #products #wrapper #mainContainer #productQuickLinks li.prodData a:hover { background: none; } #products #wrapper #mainContainer #productQuickLinks li.prodLogo img { width: 165px; margin: 20px 0 0 20px; } /* / product quicklink panels (not buttons) / */ #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 { position: relative; float: left; width: 197px; } #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1 ul, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2 ul, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 ul, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1 ul li, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2 ul li, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 ul li { position: relative; float: left; padding: 0; margin: 0; list-style: none; } #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1 ul li, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2 ul li, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 ul li { margin: 10px 0 0 10px; } #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1 a, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2 a, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 a { position: relative; display: block; float: left; margin: 10px 0 0 25px; padding: 0; width: 173px; height: 120px; } #products #wrapper #mainContainer #productQuickLinks #ql #quicklink1 span, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink2 span, #products #wrapper #mainContainer #productQuickLinks #ql #quicklink3 span { display: none; } #products #wrapper #mainContainer #productQuickLinks #ql a { display: block; z-index: 100; } #products #wrapper #mainContainer #productQuickLinks #ql a:hover { background-color: #009ee1; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; z-index: 100; } /* // main content // */ #sub #wrapper #mainContainer #mainContent { position: relative; float: left; width: 574px; padding: 15px 25px 25px 25px; } #sub #wrapper #mainContainer #mainContent h3 { color: #003762; font-size: 1.4em; margin: 0 0 10px 0; } #sub #wrapper #mainContainer #mainContent h3 span { color: #009ee1; } #sub #wrapper #mainContainer #mainContent h4 { color: #003762; font-size: 1.1em; margin: 0 0 10px 0; } #sub #wrapper #mainContainer #mainContent h4 span { color: #009ee1; } #products #wrapper #mainContainer #mainContent { position: relative; float: left; width: 561px; padding: 15px 25px 25px 25px; } #products #wrapper #mainContainer #mainContent h3 { color: #003762; font-size: 1.4em; margin: 0 0 10px 0; } #products #wrapper #mainContainer #mainContent h3 span { color: #009ee1; } #products #wrapper #mainContainer #mainContent h4 { color: #003762; font-size: 1.1em; margin: 0 0 10px 0; } #products #wrapper #mainContainer #mainContent h4 span { color: #009ee1; } #mainContent a { color: #009ee1; font-weight: bold; } #mainContent a:hover { color: #003762; font-weight: bold; } #mainContent strong { color: #009ee1; } #mainContent table strong { color: #003762; } #sub #mainContent ol, #sub #mainContent ul { padding: 0 0 20px 25px; } #products #mainContent ol, #products #mainContent ul { padding: 0 0 0 25px; } #mainContent ul li { font-weight: bold; } #mainContent ol li { font-weight: normal; } #mainContent ul { margin: 0 0 10px 0; } #products #wrapper #mainContainer #mainContent .white { color: #fff; } #products #wrapper #mainContainer #mainContent table td { padding: 10px; } /* // local menu // */ #wrapper #mainContainer #localMenu { position: relative; float: left; width: 145px; margin: 12px 0 0 15px; } #wrapper #mainContainer #localMenu ul, #wrapper #mainContainer #localMenu ul li { position: relative; float: left; display: block; padding: 0; margin: 0; list-style: none; } #wrapper #mainContainer #localMenu ul li.first { color: #2e2e2e; } #wrapper #mainContainer #localMenu ul { margin: 0 0 4px 0; } #wrapper #mainContainer #localMenu a.first { color: #2e2e2e; } #wrapper #mainContainer #localMenu a.first:hover { color: #003762; } #wrapper #mainContainer #localMenu a { position: relative; display: block; float: left; margin: 0 0 5px 0; padding: 0; width: 157px; /*min-height: 20px; height: auto !important; height: 20px;*/ width: 140px; color: #0098d5; text-decoration: none; font-weight: bold; } #wrapper #mainContainer #localMenu a:hover { color: #003762; } #wrapper #mainContainer #localMenu ul ul { width: 145px; } #wrapper #mainContainer #localMenu ul ul a { /*min-height: 20px; height: auto !important; height: 20px;*/ width: 138px; font-weight: normal; color: #000; margin: 0; padding: 0 0 0 8px; background: transparent url(/images/bg_localmenu_sub_off.gif) 0 0 no-repeat; } #wrapper #mainContainer #localMenu ul ul a:hover { color: #fff; background: transparent url(/images/bg_localmenu_sub_on.gif) 0 0 no-repeat; } #wrapper #mainContainer #localMenu ul span.subArrow { width: 11px; height: 20px; background: transparent url(/images/icn_arrow-dn_sub.gif) 0px -4px no-repeat; } #wrapper #mainContainer #localMenu a.current { color: #003762; margin: 0 0 5px 0; } #wrapper #mainContainer #localMenu ul ul a.active { color: #fff; background: transparent url(/images/bg_localmenu_sub_on.gif) 0 0 no-repeat; } /* // jquery image strip // */ #wrapper #imageStrip { position: relative; width: 981px; height: 165px; background: transparent url(/images/icn_line_sub.gif) bottom left repeat-x; } /* ///// footer ///// */ #footer .footerItems1 a { margin: 0 5px 0 5px; } #footer .footerItems2 { margin: 0 5px 0 5px; } /*///////// enquiry form ////////*/ /*/////////////////////////////////*/ #enquiryForm { display: block; width: 330px; top: 0px; left: 0px; margin: 20px 0 0 2px; } #enquiryForm hr { width: 290px; } #enquiryForm span.hr { display: block; margin: 10px 0 10px 0; height: 1px;width:320px; background: #666 url(/images/icn-line.gif) top left repeat-x; } #enquiryForm span.hr hr { display: none; } #enquiryForm h4 { color: #00a3e6; font-weight: normal; font-size: 1em; } #enquiryForm p { color: #666; padding: 0 0 5px 0; margin: 0; } #enquiryForm fieldset { padding: 0; margin: 0; border: 0; color: #003974 ;} #enquiryForm label { color: #666; display: block; clear: left; float: left; width: 120px; font-weight: normal; padding: 2px 0 4px 0; } #enquiryForm .captcha { display: block; width: 256px; background-image: none; } #enquiryForm .captcha label span { display: inline; width: auto; padding: 0; } #enquiryForm .captcha img { border: 1px solid #888; } #enquiryForm .captcha input { } #enquiryForm .captcha span { display: block; font-size: 0.9em; color: #666; } #enquiryForm .captcha label span, #enquiryForm label span { color: #cc0000; font-weight: bold; } #enquiryForm textarea, #enquiryForm input { margin: 2px 0 4px 0; width: 320px; } #enquiryForm .captcha_success_message { width: 520px; display: block; background-color: #d9efd0; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #33691c; } #enquiryForm .captcha_error_message { width: 520px; display: block; background-color: #efa3a3; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #f90505; } #enquiryForm #captchText { color: #666; display: block; width: 190px; padding: 0 0 0 130px; } #enquiryForm input#captcha, #enquiryForm input#turing { width: 100px; } #enquiryForm #submit { width: 150px;} #enquiryForm #enqradio { display: block; position: relative; margin: 0 0 10px 0; } #enquiryForm #enqradio input { width: 30px; } #enquiryForm #enqradio span { color: #666; font-weight: normal; } #enquiryForm #enqcheck1 { display: block; margin: 10px 0 0 0; } #enquiryForm #enqcheck1 input { width: 30px; } #enquiryForm #enqcheck1 span { display: block; color: #666; font-weight: normal; } #enquiryForm #enqcheck1 legend { color: #666; font-weight: bold; } #enquiryForm #enqcheck2 { display: block; } #enquiryForm #enqcheck2 input { width: 30px; } #enquiryForm #enqcheck2 span { display: block; color: #666; font-weight: normal; } #enquiryForm #enqcheck2 legend { color: #666; font-weight: bold; } #enquiryForm h4 { color: #666; font-weight: bold; } /* // Videos // */ #vids { width: 560px; } #vids p { background-color: #ccc; padding: 5px; } #vids .vidsItem { position: relative; float: left; width: 260px; padding: 0; margin: 0 20px 10px 0; z-index: 20;} /*#vids .vidsItem img { border: 1px solid #fff; width: 260px; height: 200px; }*/ #vids .vidsItem .vidContent { width: 260px; height: 200px; z-index: 22; } #vids .vidsItem .vidContent a { border: 1px solid #fff; position: relative; display: block; width: 258px; height: 198px; z-index: 22; } #vids .vidsItem .vidContent a:hover { border: 1px solid #666; background:url(/images/icn_link.png) center center no-repeat; } #vids .vidsItem .vidContent span { display: none; } #vids .vidsItem .fileDesc { position: absolute; background-color: #000; float: left; top: 1px; left: 1px; width: 238px; padding: 10px; color: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 21; } /* for downoad section */ #vidsSpecial { position: relative; width: 410px; } #vidsSpecial p { background-color: #ccc; padding: 5px; } #vidsSpecial .vidsItem { position: relative; float: left; width: 400px; padding: 0; margin: 0 20px 10px 0; z-index: 20;} /*#vidsSpecial .vidsItem img { border: 1px solid #fff; width: 400px; height: 250px; }*/ #vidsSpecial .vidsItem .vidContent { width: 400px; height: 250px; z-index: 22; } #vidsSpecial .vidsItem .vidContent a { border: 1px solid #fff; position: relative; display: block; width: 398px; height: 248px; z-index: 22; } #vidsSpecial .vidsItem .vidContent a:hover { border: 1px solid #666; background:url(/images/icn_link.png) center center no-repeat; } #vidsSpecial .vidsItem .vidContent span { display: none; } #vidsSpecial .vidsItem .fileDesc { position: absolute; background-color: #000; float: left; top: 1px; left: 1px; width: 378px; padding: 10px; color: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 21; } /* news */ #newsContent a { color: #fff; } #newsContent a:hover { color: #00adee; } #newsContent em { font-weight: normal; font-style: normal; } .toggler-5 img { position: relative; float: left; margin: 0 10px 0 0; } #newsContent .toggler-5 .backtop a { color: #003762; } #newsContent .toggler-5 .backtop a:hover { color: #00aade; } /* Download centre */ .line { background: transparent url(/images/icn_line.gif) 0 0 repeat-x; height: 2px; margin: 10px 0 10px 0; } .downloadItem span { color: #000; font-weight: bold; } /* contact details */ #contactDetails { width: 560px; } #contactDetails .contactItem { position: relative; float: left; width: 262px; height: 375px; margin: 0 18px 10px 0; } #contactDetails .contactImage img { border: 1px solid #fff; padding: 0; margin: 0; } #contactDetails .contactImage img:hover { border: 1px solid #666; } #contactDetails .contactText { background-color: #ccc; padding: 5px; border: 1px solid #ddd; }