/* Theme Name: Woodox Theme URI: http://www.nsdigital.co.za/ Description: The default framework for NS Digital Version: 1.0.0 Author: NS Digital Author URI: http://www.nsdigital.co.za/ */ /* Default styles */ @import "css/reset.css"; /* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/CUSTOM.CSS */ /*----------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers -2.2 Header --2.2.1 Logo --2.2.2 Language Picker --2.2.3 Text Size --2.2.4 Search -2.3 Navigation -2.4 Content --2.4.1 Home Page -2.5 Footer 3. WIDGETS 4. POSTS -4.1 Typographic Elements -4.2 Images 5. COMMENTSAREA -5.1 Comments -5.2 Comments Form 6. GENERAL STYLES 7. Accessibility -7.1 Clearing -7.2 Accessibility -----------------------------------------------*/ /*-----------------------------*/ /* 1. SETUP */ /*-----------------------------*/ /* 1.1 Defaults */ body { font: 12px Arial, Helvetica, Sans-serif; line-height: 1.5; /*unitless for proper inheritance*/ color: #333; background:#FFFFFF; color:#1f2324;font-family:Verdana, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 { margin: 0; color: #1f2324; } h1 {font-size: 18px} h2 {font-size: 16px} h3 {font-size: 16px} h4 {font-size: 14px} h5 {font-size: 12px} h6 {font-size: 12px} h1, h2, p{font-family:Verdana, Helvetica, sans-serif;} p {margin: 3px 0; color:#1f2324;} strong{font-weight:bold;} em{font-style:italic;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration: none; color:#1f2324;} a:hover { } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } img:a{border:none;} /*-----------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-----------------------------*/ /* 2.1 Containers */ body{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:1.3em; background:#ffffff;} #header{width:100%; margin:13px 0 0 0; background:url(images/bg_header.jpg) no-repeat top; border-bottom:#ed7802 solid 3px; padding:19px 0 0 0;} .wrapper{width:960px; margin:0 auto 0 auto;} #header #s{width:153px; padding:3px 0 3px 5px; border:#dddddd solid 1px; font-family:Arial, Helvetica, sans-serif; color:#535154; font-size:10px;} #header label{display:none;} #header #searchsubmit{display:none;} div#languages{display:inline; float:left; padding:0 0 0 8px; margin:0px 0 0 0;} div#languages ul#qtranslate-chooser{float:left; margin:0 0 0 0;} div#languages ul#qtranslate-chooser li{float:left;} div#languages ul#qtranslate-chooser li a{padding:0px; color:#666666; float:left; width:25px; height:16px; margin:1px 0 0 7px;} div#languages ul#qtranslate-chooser li a:hover{text-decoration:underline; color:#000000;} div#languages ul#qtranslate-chooser li a.first{padding-left:0;} img#logo{float:left;} #searchbar{float:right;} #searchbar form{float:left;} #searchbar img{float:left; margin:1px 0 0 8px;} #searchbar div{float:left;} #nav{float:right; margin:-4px 0 0 0; width:840px;} #dropline {padding:0 0 0 30px; margin:0 0 0 0px; list-style:none; height:40px; position:relative; float:left; left:50px;} #dropline table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;} #dropline li {float:left;} #dropline li a {display:block; height:40px; line-height:40px; padding:1px 20px 1px 0; float:left; color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase;} #dropline li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;} #dropline li a:hover {color:#ed7802;} #dropline li a:hover b {} #dropline li:hover > a {} #dropline li:hover > a b {} #dropline ul {padding:5px 0 0 0; margin:0; list-style:none; position:absolute; height:20px; background:#ed7802; left:-9999px; top:42px; z-index:10; margin-left:50px; width:710px;} #dropline ul li {height:25px; line-height:14px;} #dropline ul.right li {float:right;} #dropline ul li a {color:#ffffff; padding:0 10px 0 10px; height:25px; line-height:14px; font-weight:bold; font-size:11px;} #dropline ul li a:hover {height:25px; line-height:14px; background:transparent; color:#000000;} #dropline ul.right li a {border-right:0;} #dropline ul li a.last {border:0;} body.page-template-home_page-php #dropline li.current1 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-products-php #dropline li.current2 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-news_landing-php #dropline li.current3 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-press-php #dropline li.current4 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-partner_login-php #dropline li.current5 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-news-php #dropline li.current3 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-partner_login_landing-php #dropline li.current5 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-contact-php #dropline li.current6 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-news_newsletter-php #dropline li.current3 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-press_newsletter-php #dropline li.current4 a.top {line-height:56px; height:44px; color:#ed7802;} body.page-template-home_page-php #dropline li.current1 ul {left:0; z-index:1;} body.page-template-products-php #dropline li.current2 ul {left:0; z-index:1;} body.page-template-news_landing-php #dropline li.current3 ul {left:0; z-index:1;} body.page-template-press-php #dropline li.current4 ul {left:0; z-index:1;} body.page-template-partner_login-php #dropline li.current5 ul {left:0; z-index:1;} body.page-template-news-php #dropline li.current5 ul {left:0; z-index:1;} body.page-template-partner_login_landing-php #dropline li.current5 ul {left:0; z-index:1;} body.page-template-news_newsletter-php #dropline li.current3 ul {left:0; z-index:1;} body.page-template-press_newsletter-php #dropline li.current4 ul {left:0; z-index:1;} #dropline :hover ul {left:0;} #dropline li.current ul {left:0; z-index:1;} #dropline li.current a {line-height:36px; height:44px; text-transform:uppercase; color:#000000;} #dropline li.current a:hover{color:#ed7802;} #dropline li.current a b {line-height:36px;} #dropline li.current ul li a {color:#ffffff; padding:0 10px 0 10px; height:25px; line-height:14px; background:transparent;} #dropline li.current ul li.current_sub a {color:#ffffff;} #dropline li.current ul li.current_sub a:hover {color:#000000;} #dropline li.current ul li a:hover {color:#000000;} a#nav_active{margin-top:10px;} a#nav_active b{ color:#ed7802;} #content{width:100%; background:url(images/bg_content.jpg) repeat-x top #FFFFFF; min-height:559px; height:auto !important; height:559px;} #left_column{width:197px; float:left; padding:60px 0 0 0; margin:0 0 0 10px; display:inline;} #left_column ul li{margin:25px 0 0 0;} #left_column ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; text-decoration:none; text-transform:uppercase;} #left_column ul li a.active{color:#ed7802;} #left_column ul li a:hover{color:#ed7802;} #left_column ul li ul{margin:0px 0 0 30px;} #left_column ul li ul li{margin:10px 5px 0 0;} #left_column ul li ul li ul{margin:0 0 0 15px;} #left_column ul li.current_page_item a{color:#ed7802;} body.page-id-187 #left_column ul li.page-item-189 a{color:#333333;} body.page-id-187 #left_column ul li.page-item-190 a{color:#333333;} #right_column{width:740px; float:right; padding:77px 0 50px 0;} .box{width:229px; float:left; background-color:#1a171b; padding:6px 0 0 0; margin:10px 12px 0 0; position:relative;} .box a{text-decoration:none; display:inline-block; min-height:240px; height:auto; height:240px;} .box strong{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; position:absolute; margin:12px 20px 0 21px; line-height:1.5em; width:188px; text-shadow: #333333 2px 2px 2px; } .box span{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding:9px 0 15px 17px; line-height:1.3em; width:200px; display:block;} .login{width:169px; border:#d5d5d6 solid 1px; background:url(images/box_top.jpg) no-repeat top right #FFFFFF; padding:7px 0 5px 8px; margin-bottom:7px; margin-top:16px;} .login h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1a171b; text-transform:uppercase; margin:0 0 37px 0;} .login label{display:none;} .login p{margin:0 0 0 0; padding:0 0 0 0;} .avatar_container{display:none;} #user_login{width:101px; border:#c6c5c6 solid 1px; padding:3px 0 3px 60px; background:url(images/username.jpg) no-repeat bottom left; margin:0 0 0 0;} #user_pass{width:101px; border:#c6c5c6 solid 1px; padding:3px 0 3px 60px; background:url(images/passwort.jpg) no-repeat bottom left; margin:-7px 0 0 0;} .subscribe_field{width:111px; border:#c6c5c6 solid 1px; padding:3px 0 3px 50px; background:url(images/email.jpg) no-repeat bottom left; margin:0 0 0 0;} .title{width:111px; border:#c6c5c6 solid 1px; padding:3px 0 3px 50px; background:url(images/title.jpg) no-repeat bottom left; margin:0 0 0 0;} .title_g{width:111px; border:#c6c5c6 solid 1px; padding:3px 0 3px 50px; background:url(images/title_g.jpg) no-repeat bottom left; margin:0 0 0 0;} .name{width:111px; border:#c6c5c6 solid 1px; padding:3px 0 3px 50px; background:url(images/name.jpg) no-repeat bottom left; margin:0 0 0 0;} #wp-submit{width:166px; height:23px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/orange.jpg) no-repeat; cursor:pointer; margin:3px 0 3px -2px;} #wp-submit:hover{color:#CCCCCC;} .subscribe_button{width:166px; height:23px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/orange.jpg) no-repeat; cursor:pointer; margin:3px 0 3px -2px;} .subscribe_button:hover{color:#CCCCCC;} #left_column ul.sidebarlogin_otherlinks li a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px 0; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} #left_column ul.sidebarlogin_otherlinks li a:hover{color:#CCCCCC;} .login ul.sidebarlogin_otherlinks li a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px 0px; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} .login ul.sidebarlogin_otherlinks li a:hover{color:#CCCCCC;} #left_column .login ul.sidebarlogin_otherlinks li{margin:0 0 0 -1px;} #left_column .login li.page_item a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px -2px; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} #left_column .login li.page_item a:hover{color:#CCCCCC;} #login_error{color:red; line-height:1.3em; text-align:left;} .login a.black_button{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px 0; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} .orange_button:hover{color:#CCCCCC;} .black_button:hover{color:#CCCCCC;} #partner_login ul.sidebarlogin_otherlinks li{background:none; padding:0 0 0 0; margin:0 0 0 -1px;} #partner_login ul.sidebarlogin_otherlinks li a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px 0; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal; text-decoration:none;} #partner_login ul.sidebarlogin_otherlinks li a:hover{color:#CCCCCC;} #partner_login .login ul.sidebarlogin_otherlinks li a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px 0px; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} #partner_login .login ul.sidebarlogin_otherlinks li a:hover{color:#CCCCCC;} #partner_login .login ul.sidebarlogin_otherlinks li{margin:0 0 0 -1px;} #partner_login .login li.page_item a{width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px -2px; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal;} #partner_login .login li.page_item a:hover{color:#CCCCCC;} #partner_login h2{padding-top:32px; float:left; font-size:12px; color:#1a171b; text-transform:uppercase;} #breadcrumb2{margin:-15px 0 0 0;} #breadcrumb2 p{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:9px;} #breadcrumb2 p a{color:#666666; text-decoration:none;} #breadcrumb2 p a:hover{text-decoration:underline;} #breadcrumb2 #crumb{width:400px; float:left; margin:15px 0 0 0;} #breadcrumb2 p#links{width:260px; float:right; color:#000000; text-align:right; padding-right:30px;} #breadcrumb2 p#links a{color:#000000;} #breadcrumb{margin:-15px 0 0 0;} #breadcrumb p{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:9px;} #breadcrumb p a{color:#666666; text-decoration:none;} #breadcrumb p a:hover{text-decoration:underline;} #breadcrumb #crumb{width:400px; float:left; margin:15px 0 0 0;} #breadcrumb p#links{width:290px; float:right; color:#000000; text-align:right; padding-right:30px;} #breadcrumb p#links a{color:#000000;} .white_box{width:710px; background-color:#FFFFFF; margin:8px 0 0 0; padding:0 0 25px 0;} .section{padding:25px 0 0 0; position:relative; float:left;} .section .images{width:147px; float:left; margin:0 45px 0 0;} .section .images img{margin:0 0 20px 0; float:left; position:relative;} .section .images .no_image{width:147px; height:141px; background:#ffffff; float:left; margin-bottom:20px;} .section .entry h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:normal; position:relative; margin:0 0 20px 0;} .section p{width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.3em; position:relative; margin:0 0 20px 0;} .section p strong{line-height:1.3em;} .section li{width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.3em; position:relative; background:url('images/list_item.jpg') no-repeat; padding:0 0 0 10px; background-position:0px 5px; float:left; margin:4px 0 4px 0;} .section img{float:left; margin:0 45px 0 0;} .section ul{margin:0 0 20px 0; float:left;} .section .entry{width:500px; float:left;} .section a{text-decoration:underline; line-height:1.3em;} .section a:hover{text-decoration:none;} .entry p{width:500px; float:left;} .entry sub{font-size:0.8em; padding-top:4px;} .entry p img{margin:20px 0 0 10px; display:inline; padding:1px;} .section .entry table{float:left; width:500px;} .section .entry table input{border:solid 1px #c9c9c9; padding:3px; margin:0 0 0 0 -10px; float:left;} .section .entry td{color:#000000;} .section .entry td p{padding:0px;} .section .entry #event_registration{border:solid 1px #dc6f01; text-align:center; padding:4px; background:#ed7802; color:#ffffff; font-weight:bold;} /* Registration Page Styles */ #single #register-page{text-align:center;} #single #register-page form#loginform{} #single #register-page h2{text-align:center; font-size:1.6em;} #single #register-page p{} #single #register-page p.message{text-align:center; margin:10px 0 20px 0; font-size:1.1em; font-weight:bold;} #insitelogin_container{} #insitelogin_container #login{border:solid 1px #999999; width:300px; margin:0 auto; padding:20px; background:#ffffff;} #single #register-page p#nav{border:solid 1px red; width:300px;text-align:center; margin:10px 0 20px 0; float:left; display:block; display:none;} #single #register-page p#nav br{display:none;} #single #register-page p#nav a{margin:0 0 10px 0;} #single #register-page label{} #single #register-page input{display:block; margin:10px 0 10px 0; width:235px;} #single #register-page p.forgetmenot{border:solid 1px green; padding:0px; width:300px; display:block;} #single #register-page p.forgetmenot{display:none;} #single #register-page p.forgetmenot br{float:left;} #single #register-page p.forgetmenot label input#rememberme{float:left;} #single #register-page #backtoblog{display:none;} #single #register-page #wp-submit{width:176px;} div#register-padder{float:left; height:100px; clear:both;} p#reg_passmail{} #single #register-page #login form#registerform input{width:280px; border:solid 1px #c6c5c6; padding:4px;} #single #register-page #login form#registerform input#user_login{padding-left:60px; width:224px;} #single #register-page #login form#registerform input#wp-submit{width:176px; border:none;} #results div{margin:0px 0 20px 0; border-bottom:#cccccc solid 1px; padding:0 0 20px 0; width:890px;} #results div small{color:#000000; margin:0 0 0 0; font-weight:bold;} #results div h3{margin:0 0 4px 0;} .post{} .navigation{display:block; position:relative; margin:0 0 20px 0;} .navigation a{background:#eab580; padding:3px;} .navigation a:hover{background:#ed7802; color:#ffffff;} #form{width:120px;} #form input{margin:0 0 10px 0;} #form select{margin:0 0 10px 0;} body.search #single{margin-bottom:40px;} body.page-id-179 .entry_top{padding:0 0 0 192px;} .entry_top h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:normal; position:relative; margin:0 0 20px 0;} .entry_top p{width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.3em; position:relative; margin:0 0 20px 0;} #not_found{padding:40px;} #not_found h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ed7802; font-weight:normal; position:relative; margin:0 0 20px 0;} #not_found p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:1.3em; margin:0 0 10px 0;} label.screen-reader-text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:1.3em; margin:0 0 0 0;} body.page-id-199 h2 span{display:none;} body.page-id-199 #partner_login{margin:0px 0 0 0;} #partner_login h2 span{display:none;} #partner_login{margin:0px 0 0 0;} #single{background:#ffffff; bottom:-40px; position:relative; padding:30px;} #single .entry{float:none; margin:0 0 30px 0;} #single .entry p{float:none; line-height:1.3em; width:900px;} a.post-edit-link{background:#ed7802; color:#ffffff; padding:2px; margin:0 0 0 0; float:none;} a.post-edit-link:hover{background:#ffffff; color:#000000;} #single h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ed7802; font-weight:normal; position:relative; margin:0 0 20px 0; float:none;} #searchsubmit{width:166px; height:23px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/orange.jpg) no-repeat; cursor:pointer; margin:-2px 0 0 0;} #searchsubmit:hover{color:#CCCCCC;} #s{width:153px; padding:3px 0 3px 5px; border:#c6c5c6 solid 1px; font-family:Arial, Helvetica, sans-serif; color:#535154; font-size:10px;} #news_form{margin:0 0 20px 0;} #news_form select{margin:0 0 10px 0;} #news_form input{float:none; width:250px; border:#c6c5c6 solid 1px; padding:3px 0 3px 3px; margin:0 0 10px 0;} #news_form label{width:130px; text-align:right; color:#000000; display:inline-block; margin:0 5px 0 0;} #news_form .subscribe_button{width:166px; border:none; margin:0 0 0 136px;} body.page-id-182 .entry p{float:none;} #unsubscribe{padding:20px 20px 0 20px;} #unsubscribe label{color:#000000; padding:0 6px 0 0;} #unsubscribe h2{margin:0 0 20px 0;} #unsubscribe p{line-height:1.3em; margin:0 0 20px 0;} #unsubscribe #email{border:#c6c5c6 solid 1px; padding:3px 0 3px 3px; width:158px;} #unsubscribe .subscribe_button{margin:20px 0 20px 0;} #unsubscribe a.lbAction{background:#ed7802; color:#ffffff; padding:2px; float:right; border:#333333 solid 1px; margin:-17px -17px 0 0; position:relative;} #unsubscribe a.lbAction:hover{background:#ffffff; color:#000000;} #partner_login{width:180px; float:left; padding:0 0 0 10px;} #partner_login h2{margin:0 0 20px 0;} #partner_login label{display:none;} #partner_login p{margin:0 0 0 0;} #partner_login ul.pagenav {list-style-type:none; padding:0px; background-image:none;} #partner_login ul.pagenav li.page_item{list-style-type:none; background-image:none; padding:0px;} #partner_login a.logout{ width:166px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; background:url(images/black.jpg) no-repeat; cursor:pointer; margin:0 0 3px -2px; display:block; text-align:center; padding:7px 0 0 0; font-weight:normal; } #partner_login a.logout:hover{color:#CCCCCC;} p#unsub_but{text-align:right;} body.logged-in .post-227 #partner_login{margin:-2px 0 0 0;} b.submit_hint{padding:5px 0 0 0; float:left;} #footer{width:100%; border-top:#9c9e9f solid 3px; padding:9px 0 27px 0;} #footer p{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#b5b6b7; text-transform:uppercase;} #footer p a{text-decoration:none; color:#b5b6b7;} #footer p a:hover{text-decoration:underline;} ul#placeImages{height:95px; background:#ffffff; width:712px;} ul#placeImages li h2{margin:5px 0 0 10px;} ul#placeImages li p{margin:0 0 0 0; width:712px; line-height:1.3em;} .piclenselink{display:none;} /* ---------------- Begin Ticker box CSS ----------------- */ .tickerbox {width:712px; margin: 0 0 0 0; padding:0; height:95px; float:left;} .tickerbox ul {width:712px; position:relative; padding:0 0 0 0;} .tickerbox li { width:100%; list-style:none; position:absolute; padding:0 0 0 0; overflow:hidden } .tickerbox li img{display:block; margin:-3px 0 0 0; padding:0 0 0 0;} /* ---------------- End Ticker box CSS ----------------- */ /*-----------------------------*/ /* 7. ACCESSIBILITY */ /*-----------------------------*/ /* 7.1 clearing */ .clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix{display: inline-block; width:100%;} * html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* 7.2 accessibility */ .accessibility { position: absolute; top: -999em; left: -999em;}