/* Theme Name: Tronox Preview Theme Theme URL: http://www.northstreetcreative.com/ Description: A theme used to preview changes on Tronox.com Author: North Street Creative Author URI: http://www.northstreetcreative.com Version: 3.1.4 Tags: green, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, translation-ready, custom-menu (optional), theme-options, featured-image-header, featured-images, full-width-template, pagination, blog-template The CSS, XHTML and Design are released under the GPL: http://www.opensource.org/licenses/gpl-license.php */ /********************************************************************************************************************* 1. Common 2. Hyperlinks 3. Headings 4. Header 5. Navbar 6. Featured Slider 7. Featured Tabber 8. Homepage 9. Content 9A. Table Content 10. Images 11. WordPress Gallery 12. Sidebar 13. Sidebar Widgets 14. Recent Comments Widget 15. Calendar Widget 16. Custom Menu Widget 17. Search Form 18. Footer Top 19. Footer 20. Comments *********************************************************************************************************************/ /* Begin Updated Import Fonts (11th February 2015) */ @font-face { font-family: 'Neue Helvetica W1G 45 Light'; src: url('fonts/Helvetica/29E682_2_0.eot'); src: url('fonts/Helvetica/29E682_2_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_2_0.woff') format('woff'), url('fonts/Helvetica/29E682_2_0.ttf') format('truetype'); } @font-face { font-family: 'Neue Helvetica W1G 55 Roman'; src: url('fonts/Helvetica/29E682_1_0.eot'); src: url('fonts/Helvetica/29E682_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_1_0.woff') format('woff'), url('fonts/Helvetica/29E682_1_0.ttf') format('truetype'); } @font-face { font-family: 'Neue Helvetica W1G 65 Medium'; src: url('fonts/Helvetica/29E682_3_0.eot'); src: url('fonts/Helvetica/29E682_3_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_3_0.woff') format('woff'), url('fonts/Helvetica/29E682_3_0.ttf') format('truetype'); } @font-face { font-family: 'Neue Helvetica W1G 75 Bold'; src: url('fonts/Helvetica/29E682_0_0.eot'); src: url('fonts/Helvetica/29E682_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_0_0.woff') format('woff'), url('fonts/Helvetica/29E682_0_0.ttf') format('truetype'); } @font-face { font-family: 'Helvetica 77 Cond Bold'; src: url('fonts/Helvetica/29E682_5_0.eot'); src: url('fonts/Helvetica/29E682_5_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_5_0.woff') format('woff'), url('fonts/Helvetica/29E682_5_0.ttf') format('truetype'); } @font-face { font-family: 'Neue Helvetica W1G 45 Cond Lgt'; src: url('fonts/Helvetica/29E682_4_0.eot'); src: url('fonts/Helvetica/29E682_4_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_4_0.woff') format('woff'), url('fonts/Helvetica/29E682_4_0.ttf') format('truetype'); } @font-face { font-family: 'Helvetica 77 Italic Cond Bold'; src: url('fonts/Helvetica/29E682_6_0.eot'); src: url('fonts/Helvetica/29E682_6_0.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica/29E682_6_0.woff') format('woff'), url('fonts/Helvetica/29E682_6_0.ttf') format('truetype'); } /* End Updated Import Fonts (11th February 2015) */ @font-face { font-family: 'FranklinGothicFSCondensed'; src: url('http://www.tronox.com/fonts/FranklinGothic-Cd-webfont.eot'); src: url('http://www.tronox.com/fonts/FranklinGothic-Cd-webfont.eot?iefix') format('eot'), url('http://www.tronox.com/fonts/FranklinGothic-Cd-webfont.woff') format('woff'), url('http://www.tronox.com/fonts/FranklinGothic-Cd-webfont.ttf') format('truetype'), url('http://www.tronox.com/fonts/FranklinGothic-Cd-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FranklinGothicFSCondensed'; src: url('http://www.tronox.com/fonts/FranklinGothic-CdIt-webfont.eot'); src: url('http://www.tronox.com/fonts/FranklinGothic-CdIt-webfont.eot?iefix') format('eot'), url('http://www.tronox.com/fonts/FranklinGothic-CdIt-webfont.woff') format('woff'), url('http://www.tronox.com/fonts/FranklinGothic-CdIt-webfont.ttf') format('truetype'), url('http://www.tronox.com/fonts/FranklinGothic-CdIt-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'FranklinGothicFSCondensed'; src: url('http://www.tronox.com/fonts/FranklinGothic-DemiCd-webfont.eot'); src: url('http://www.tronox.com/fonts/FranklinGothic-DemiCd-webfont.eot?iefix') format('eot'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCd-webfont.woff') format('woff'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCd-webfont.ttf') format('truetype'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCd-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'FranklinGothicFSCondensed'; src: url('http://www.tronox.com/fonts/FranklinGothic-DemiCdIt-webfont.eot'); src: url('http://www.tronox.com/fonts/FranklinGothic-DemiCdIt-webfont.eot?iefix') format('eot'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCdIt-webfont.woff') format('woff'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCdIt-webfont.ttf') format('truetype'), url('http://www.tronox.com/fonts/FranklinGothic-DemiCdIt-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: italic; } body { background: #fff; color: #000; font-size: 15px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; /*font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial;*/ line-height: 18px; margin: 0px; padding: 0px; border-top: 6px solid #2c4088; } #bgwrapper { background: #ffffff; position: relative; } #wrap { width: 1000px; font-size: 16px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; /*font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial;*/ margin: 0px auto 0px; padding: 0px 20px 20px 20px; position: relative; } /********************************************************************************************************************* * 1. Common * *********************************************************************************************************************/ .post-edit-link { display:none; } .hidden { display: none; } .clear { clear: both; } code { color: #666666; background: #EEEEEE; font-size: 11px; margin: 0px; padding: 10px; display: block; font-family: Arial, Helvetica, sans-serif; } hr { border: 0; width: 100%; height: 1px; color: #DDDDDD; background-color: #DDDDDD; margin: 5px 0 8px 0; padding: 0; } .error { font-weight: bold; color: #ff0000; } sub { vertical-align: sub; font-size: smaller; line-height: 8px; } /********************************************************************************************************************* * 2. Hyperlinks * *********************************************************************************************************************/ a img { border: none; } a, a:link { color: #7cb900; /*text-decoration: none;*/ } a:focus, a:hover, a:active { color: #7cb900; text-decoration: underline; } .tronox-alkali-top > a:hover{text-decoration:underline;} /********************************************************************************************************************* * 3. Headings * *********************************************************************************************************************/ h1 { color: #000000; font-size: 28px; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; /*font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial;*/ font-style: normal; font-weight: normal; text-transform: none; line-height: 32px; margin: 2px 0px 2px 0px; padding: 0px 0px 6px 0px; } h2 { color: #666666; font-size: 24px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; text-transform: none; margin: 5px 0px 5px 0px; padding: 0px 0px 2px 0px; } h3 { color: #666666; font-size: 22px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; text-transform: none; text-align: left; margin: 2px 0px 5px 0px; padding: 2px 0px 2px 0px; } h4 { color: #666666; font-size: 20px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; line-height: 26px; margin: 2px 0px 5px 0px; padding: 2px 0px 5px 0px; } h5 { color: #666666; font-size: 15px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-weight: normal; text-transform: none; margin: 2px 0px 5px 0px; padding: 2px 0px 2px 0px; } h6 { color: #666666; font-size: 14px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-weight: bold; text-transform: none; margin: 2px 0px 8px 0px; padding: 2px 0px 2px 0px; border-bottom: 1px dotted #CCCCCC; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2c4088 !important; font-size: 19px; text-decoration: none; border: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #669900 !important; text-decoration: none; border: none; } /********************************************************************************************************************* * 4. Header * *********************************************************************************************************************/ #header { float: left; width: 216px; height: auto; margin: 37px auto 20px; padding: 0px; } #header #title a { display: block; width: 940px; height: 74px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; } .headerlogo { width: 216px; height: 60px; background-repeat:no-repeat; margin: 0px; padding: 0px; } /********************************************************************************************************************* * 5. Navbar * *********************************************************************************************************************/ #navbar { float: right; background: #ffffff; /*width: 710px;*/ height: 45px; /*-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #cccccc;*/ color: #ffffff; font-size: 15px; /*font-family: 'Neue Helvetica W1G 55 Roman', sans-serif, Helvetica, Arial;*/ /*font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial;*/ font-style: normal; /*text-transform: uppercase;*/ font-weight: normal; letter-spacing: none; margin: 50px 0px 20px 0px; padding: 0px; position: relative; z-index: 9; zoom:1; } /*** ESSENTIAL STYLES ***/ .menu, .menu * { margin: 0; padding: 0; list-style: none; zoom:1; } .menu { line-height: 1.0; zoom:1; } .menu ul { margin: auto 0px auto 0px; padding: 0px; /*height: 50px;*/ zoom:1; } .menu ul ul, ul.menu ul { /*position: absolute; top: -9999px;*/ width: 124px; /* left offset of submenus need to match (see below) */ zoom:1; } .menu ul li ul li, ul.menu ul li { width: 100%; margin: 0px 0px 0px 0px; zoom:1; } .menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ zoom:1; } .menu li { float: left; position: relative; height: 45px; zoom:1; } .menu a { display: block; position: relative; height: 45px; zoom:1; } .menu li:hover ul, .menu li.sfHover ul { left: 0; top: 34px; /* match top ul list item height */ z-index: 99; zoom:1; } ul.menu li:hover li ul, ul.menu li.sfHover li ul { top: -9999px; zoom:1; } ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 124px; /* match ul width */ top: 0; zoom:1; } ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -9999px; zoom:1; } ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; zoom:1; } /*** SKIN ***/ .menu .current_page_ancestor>a { color:#fff !important; } /*.single-products .menu-item-708 a { background: #70d44d; color: #fff !important; } */.menu .current_page_item a, .menu .current-menu-item a, .menu .current_page_ancestor a, .menu .current-cat a { /*background: #c7fba8;*/ background: #70d44d; color: #fff; /*padding:8px 10px 8px 10px;*/ text-decoration: none; line-height: 17px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: auto; zoom:1; } .menu { float: left; margin-bottom: 0px; zoom:1; } .menu a { /*border-right: 1px solid #cccccc;*/ padding: 15px 18px 13px 18px; margin: 0px; font-size:18px; text-decoration: none; line-height: 16px; text-shadow: none; height: 17px; zoom:1; } #menu-item-2553 a { padding: 15px 46px 13px 30px; } .menu a { /* visited pseudo selector so IE6 applies text colour*/ /*color: #666666;*/ color: #2d4088; zoom:1; } .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ /*color: #666666;*/ /*color: #fff;*/ zoom:1; } #menu-item-34 a { /*-moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;*/ zoom:1; color:#2d4088; } #menu-item-2602 a { /*-moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;*/ zoom:1; color:#2d4088; } #menu-item-2555 a { border-right: none; /*-moz-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;*/ /* padding-right: 36px; */ zoom:1; color:#2d4088; } #menu-item-34 a:focus, #menu-item-34 a:hover, #menu-item-34 a:active { /*-moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;*/ zoom:1; } .menu li { background: none; margin: 0px 0px 0px 0px; width: auto; height: 45px; zoom:1; } .menu li li { background: #ffffff; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: none; zoom:1; } #sidebar .menu li li { border:none; zoom:1; } .menu li li a, .menu .current_page_ancestor li a { color: #666666; /*background: #ffffff;*/ font-size: 13px; line-height: 17px; padding: 8px 10px 8px 10px; text-shadow: none; outline: 0; height:auto; zoom:1; } .menu li li .current_page_item a, .menu li li .current-menu-item a, .menu li li .current-cat a { background: #ccd1e5; color: #2c4088 !important; font-size: 13px; line-height: 17px; padding: 8px 10px 8px 10px !important; outline: 0; height:auto; zoom:1; } .menu li li li { background: #ffffff; zoom:1; } .menu li:hover, .menu li.sfHover { background: none; color: #666666; outline: 0; border-right: none; height: 45px; zoom:1; } /*.menu a:focus, .menu a:hover, .menu a:active { background: #c7fba8; color: #666666; padding: 15px 38px 13px 38px; outline: 0; border-right: 1px solid #cccccc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 17px; zoom:1; }*/ #menu-item-2553 a:focus, #menu-item-2553 a:hover, #menu-item-2553 a:active { padding: 15px 46px 13px 30px; } .menu li li a:hover, .menu li li a:active { background: #70d44d !important; color: #2c4088 !important; font-size: 13px; padding: 8px 10px 8px 10px !important; line-height: 17px; outline: 0; height:auto; zoom:1; } .menu li li:hover, .menu li li.sfHover { background: #70d44d !important; outline: 0; zoom:1; } #menu-item-27 a { border-right: none; padding-right: 17px; zoom:1; } #navbar .sub-menu { position:absolute; width: 260px; top:45px; left:-1px; zoom:1; } #navbar .sub-menu .sub-menu { top:-1px; left:259px; } #navbar .sub-menu li { height:auto; zoom:1; } *+html #navbar .sub-menu li { width: 330px; } #navbar .sub-menu li:last-child { border-bottom:1px solid #ccc; zoom:1;/*border-radius: 0 0 4px 4px;*/ } #navbar .sub-menu li:last-child a {; border-radius: 0 0 4px 4px; } #navbar .sub-menu a { background: #ffffff !important; white-space:nowrap; color:#2c4088 !important; padding:8px 30px 8px 30px !important; width:auto; zoom:1; font-size:15px; } #navbar .sub-menu a:hover { background: #2e4088 !important; color:#fff !important; } /*#navbar .sub-menu .current-menu-item a, #navbar .sub-menu .current-page-ancestor a, #navbar .sub-menu .current-cat a, #navbar .submenu .current-menu-ancestor a { background: #eeeeee !important; color:#2c4088 !important; }*/ #navbar .current-menu-item a, #navbar .current-page-ancestor a, #navbar .current-cat a, #navbar .current-menu-ancestor a, .products-section #menu-item-2553 a { /*background: #c7fba8; color: #666;*/ background:#70d44d; color:#fff; text-decoration: none; zoom: 1; } #navbar .current-menu-ancestor a > .sf-sub-indicator{ } #navbar .current-menu-item a > .sf-sub-indicator, #navbar .current-page-ancestor a > .sf-sub-indicator, #navbar .current-cat a > .sf-sub-indicator, #navbar .current-menu-ancestor a > .sf-sub-indicator, .products-section #menu-item-2553 a > .sf-sub-indicator { background: url(images/arrows-ffffff.png) no-repeat -10px -98px !important; } #navbar .menu .current_page_ancestor li a { } #menu-item-34 .current-menu-item a, #menu-item-34 .current_page_ancestor a, #menu-item-34.current-cat a { background: #70d44d; color: #666 !important; text-decoration: none; zoom: 1; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; zoom:1; } #menu-item-2555 .current-menu-item a, #menu-item-2555 .current_page_ancestor a, #menu-item-2555.current-cat a { background: #70d44d; color: #666 !important; text-decoration: none; zoom: 1; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; zoom:1; } /* apply hovers to modern browsers */ /*** shadows for all but IE6 ***/ .sf-shadow ul ul { padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; zoom:1; } .sf-shadow ul.sf-shadow-off { background: transparent; zoom:1; } /*** HOMEPAGE BOTTOM MENU **/ #homepagebottom-nav { display: block; clear:both; height: 60px; margin-bottom: 0px; zoom:1; } #homepagebottom-nav li a { /*background: #EEE;*/ background:#e6e7e8; font-size: 19px; padding: 20px 0px 20px 0px; margin-right: 20px; /*border: 1px solid #CCC; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; width:316px*/ color:#000; zoom: 1; width: 480px; text-align: center; font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial; } .lt-ie8 #homepagebottom-nav li a { display: block; padding: 15px 0px 20px 0px !important; } #homepagebottom-nav li a:hover { /*background : #c7fba8;*/ background:#2d4088; color:#fff; } #homepagebottom-nav li:hover { zoom:1; } #menu-item-2561 a, #homepagebottom-nav #menu-item-6599 a { margin-right: 0px !important; zoom:1; } #homepagebottom-nav img { margin: 0px 0px 2px 3px; vertical-align:middle; zoom:1; } #contentleft .intro-text #Pigmentpagebottom-nav { display: block; clear:both; height: 60px; margin-bottom: 0px; zoom:1; } #contentleft .intro-text #Pigmentpagebottom-nav li a { /*background: #EEE;*/ background:#e6e7e8; font-size: 19px; padding: 20px 0px 20px 0px; margin-right: 20px; color:#000; zoom: 1; width: 236px; height:auto; text-align: center; font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial; border:none; border-radius:0px; color:#000 !important; } .lt-ie8 #contentleft .intro-text #Pigmentpagebottom-nav li a { display: block; padding: 15px 0px 20px 0px !important; } #contentleft .intro-text #Pigmentpagebottom-nav li a:hover { background:#2d4088; color:#fff !important; } #contentleft .intro-text #Pigmentpagebottom-nav li:hover { zoom:1; } #contentleft .intro-text #menu-item-2561 a { margin-right: 0px !important; zoom:1; } #contentleft .intro-text #Pigmentpagebottom-nav img { margin: 0px 0px 2px 3px; vertical-align:middle; zoom:1; } /********************************************************************************************************************* * 6. Featured Slider * *********************************************************************************************************************/ #homeslider { float: left; display: block; position: relative; width: 998px; height: 358px; overflow: hidden; z-index: 1; border: 1px solid #cccccc; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } #homeslider ul, #homeslider li { list-style-type: none; margin: 0px; padding: 0px; } #homeslider .slide-title { position: absolute; display: block; height: 30px; width: auto; padding: 10px 15px 10px 15px; overflow: hidden; z-index: 7; clear: both; background: #2E4088; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; } #homeslider .slide-title h1 { margin: 0px; padding: 0px; color:#fff; text-transform: uppercase; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; } #homeslider .slide-content { position: absolute; right: 0; bottom: 0; width: 274px; height: 70px; background: #2E4088; color: white; z-index: 7; font-size: 16px; padding: 15px; line-height:23px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial;/*-moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;*/ } #homeslider .slide-content a { color: #79d758; /*background: white; border-radius: 4px;*/ padding: 1px 6px;/*text-transform: uppercase; font-size: 13px;*/ text-decoration: none; } #homeslider .slide-content a:hover { color: #ffffff; text-decoration: underline; } #homeslider2 { float: left; display: block; position: relative; width: 998px; height: 68px; overflow: hidden; z-index: 1; border: 1px solid #cccccc; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } #homeslider2 li { width:998px; height:68px; background:#fff; } #homeslider2 .slide-date { font-size:14px; margin:15px 0 0 15px; line-height:12px; text-transform: uppercase; } #homeslider2 .slide-content { margin:0 0 0 15px; color: #2E4088; font-size: 17px; } #homeslider2 .slide-content a { margin-left:5px; } #homeslider2 div.anythingSlider .arrow.back { background: none; position: absolute; background: none; width: 45px; height: 70px; clear: both; z-index: 9; overflow: hidden; display: block; left: 0; margin: 0; border-right:1px solid #ccc; } #homeslider2 div.anythingSlider .arrow.forward { background: none; position: absolute; background: none; width: 45px; height: 70px; right: 0px; clear: both; z-index: 9; overflow: hidden; display: block; margin: 0; border-left: 1px solid #CCC; } #homeslider2 div.anythingSlider .anythingWindow { display: block; position: relative; width: 910px; height: 70px; overflow:hidden; left:45px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; clear: both; z-index: 1; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } /*#homeslider .slideinfo h1 a { display: block; color: #FFFFFF !important; width: auto; font-size: 14px; line-height: 22px; margin: 4px 12px 4px 12px; padding: 0px; } #homeslider .slideinfo h1 a:hover { color: #99CC00 !important; } #homeslider .slideinfo p { color: #999999; height: 20px; margin: 0px; padding: 0px 12px; overflow: hidden; } */#homeslider .slideinfo_bg { float: left; display: block; background: #000000; width: 938px; height: 30px; margin: 248px 0px 0px 0px; padding: 0px; position: absolute; z-index: 6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } div.anythingSlider { margin: 0px; padding: 0px 0px 0px 0px; position: relative; list-style: none; overflow: hidden; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } div.anythingSlider li iframe, div.anythingSlider li embed, div.anythingSlider li object { float: left; display: block; width: 620px; height: 328px; margin: 0px; padding: 0px; position: relative; z-index: 8; } div.anythingSlider li .feature_video { float: left; display: block; width: 620px; height: 298px; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 8; } div.anythingSlider li .feature_img { float: left; display: block; width: 1000px; height: 360px; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 1; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } div.anythingSlider img { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } div.anythingSlider .anythingWindow { float: left; display: block; position: relative; width: 1000px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; clear: both; z-index: 1; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } ul.anythingBase li.panel { background: #eee; display: block; overflow: hidden; float: left; padding: 0; margin: 0; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } /* Navigation Arrows */ #homeslider div.anythingSlider .arrow.back { float: left; display: none !important; background-image: url('http://tx.northstreetcreative.com/wp-content/themes/tronox 1.0/images/nav-arrow-back.png'); position: absolute; background:none; width: 30px; height: 30px; left: 560px; margin: 248px 0px 0px 0px; clear: both; z-index: 9; overflow: hidden; } #homeslider div.anythingSlider .arrow.forward { float: right; display: none !important ; background-image: url('http://tx.northstreetcreative.com/wp-content/themes/tronox 1.0/images/nav-arrow-forward.png'); position: absolute; background:none; width: 30px; height: 30px; right: 0px; margin: 248px 0px 0px 0px; clear: both; z-index: 9; overflow: hidden; } div.anythingSlider .arrow.forward a { display: block; background-image: url('img/slider-arrows.jpg'); color: #ffffff; height: 68px; width: 45px; font-size: 14px; text-align: center; line-height: 28px; margin: 0px 0px 0px 0px; outline: 0; background-position:45px 0; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } div.anythingSlider .arrow.forward a span { display:none; } div.anythingSlider .arrow.back a { display: block; background-image: url('img/slider-arrows.jpg'); color: #ffffff; height: 68px; width: 45px; font-size: 14px; text-align: center; line-height: 28px; margin: 0px 0px 0px 0px; outline: 0; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } div.anythingSlider .arrow.back a span { display:none; } div.anythingSlider .arrow.forward a:hover { opacity:0.6; filter:alpha(opacity=60); text-decoration: none; } div.anythingSlider .arrow.back a:hover { opacity:0.6; filter:alpha(opacity=60); text-decoration: none; } div.anythingSlider .arrow a:active, div.anythingSlider .arrow a:focus { text-decoration: none; } div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .back:hover, div.anythingSlider .forward:hover { background-position: -30px 0; } div.anythingSlider .forward.disabled { display: none; } div.anythingSlider .back.disabled { display: none; } /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { display: none !important; } /* Navigation Links */ div.anythingSlider .anythingControls { display: block; background: #333333; height: 30px; width: 620px; margin: 298px auto 0px; padding: 0px; position: absolute; overflow: hidden; outline: 0; } div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur { background: #cccccc !important; } div.anythingSlider .thumbNav { text-align: center; height: 30px; margin: 0px auto 0px 10px !important; padding: 0px; } .lt-ie9 div.anythingSlider .thumbNav { background: none !important; } div.anythingSlider .thumbNav li { display: inline; /*background: #ffffff;*/ height: 30px; width: 16px; text-transform: none; font-size: 0; line-height: 0; } div.anythingSlider .thumbNav a { display: inline-block; background: #cccccc; height: 15px; width: 15px; margin: 2px 10px 10px 2px; padding: 0px; outline: 0; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; } div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur { height: 15px; width: 15px; margin: 2px 8px 10px 0px; padding: 0px; background: #cccccc; border: 2px solid #2C4088; } div.anythingSlider.rtl .thumbNav a { float: right; } div.anythingSlider.rtl .thumbNav { float: left; } /********************************************************************************************************************* * 7. Featured Tabber * *********************************************************************************************************************/ div#feature_list { float: right; display: block; width: 668px; height: 290px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; overflow: visible; border: none; background: #eee; } div#feature_list .anythingSlider { } div#feature_list .featuredtitle { display: none; height: 40px; font-size: 28px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-weight: normal; font-style: normal; line-height: 28px; margin: 0px; padding: 0px; color: #2c4088; } div#feature_list ul { list-style: none; margin: 0px 10px 0px 0px; } div#feature_list ul#output li { list-style:none; width: 668px; } div#feature_list div.anythingSlider .thumbNav { margin-left: 564px !important; } #featured_news_nav { float: left; width: 450px; height: 30px; margin: 0px 0px 0px 0px; background: #dfe8f1; } ul#tabs { display: block; width: 428px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; background: #dfe8f1; overflow: hidden; } ul#tabs p { color: #333333; font-size: 12px; line-height: 18px; margin: 5px 0px 0px 0px; padding: 0px; } ul#tabs li { float: right; display: inline-block; height: 10px; width: 10px; font-size: 12px; font-family: Arial; margin: 10px 0px 0px 2px; } ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; } ul#tabs li h3 { margin: 0px; padding: 0px; } ul#tabs li h3 a { display: block; background: #cccccc; color: #999999 !important; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 12px; font-style: normal; line-height: 30px; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 10px; width: 10px; outline: none; overflow: hidden; } ul#tabs li h3 a:hover { background: #cccccc; color: #333333 !important; text-decoration: none; } ul#tabs li a:hover { text-decoration: none; } ul#tabs li h3 a.current { color: #333333 !important; background: #999999; } ul#tabs li h3 a.current:hover { text-decoration: none; cursor: default; } ul#output { float: left; display: block; background: #FFFFFF; width: 450px; height: 418px; margin: 0px; padding: 0px; position: relative; overflow: hidden; -moz-border-radius: 0px 3px 3px 3px; -khtml-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; } ul#output h1 { font-size: 19px; line-height: 19px; margin: 0px; padding: 0px 15px 0px 15px; overflow: hidden; color: #2c4088; } ul#output p { line-height: 18px; margin: 5px 0px 0px 0px; padding: 0px 15px 0px 15px; overflow: hidden; } ul#output .feature_img { width: 450px; display: inline-block; margin: 0px; padding: 0px; overflow: hidden; } #feature_list iframe, #feature_list embed { display: block; width: 450px; height: 260px; margin: 0px; padding: 0px; } #feature_list .feature_info { float: right; display: inline-block; width: 215px; height: 245px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; } ul#output li { width: 450px; height: 420px; margin: 0px; padding: 0px; overflow: hidden; } ul#output li a { color: #7cb900; margin: 0px; padding: 0px; text-decoration: none; } ul#output li a:hover { color: #7cb900; text-decoration: underline; } ul#output h1 a:hover { color: #7cb900; text-decoration:none; } .readfullstory { float: right; display: inline-block; color: #7cb900; font-size: 14px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: lighter; text-decoration: underline; line-height: 22px; width: auto; margin: 5px 15px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; } .readfullstory a { float: right; text-align: right; font-size: 14px; color: #7cb900; padding: 0px 10px 4px 10px; } /********************************************************************************************************************* * 8. Homepage * *********************************************************************************************************************/ #hometopright { position: absolute; width: 184px; margin: 0px 0px 0px 0px; padding-top: 10px; color: #999; font-size: 14px; right: 20px; top: 0; z-index: 11px !important; } #hometoprightlinks { float:right; padding: 5px 10px 0px 0px; z-index: 11px !important; } #hometopright a { color:#999999; } #hometopright a:hover { color:#666666; text-decoration:none; } #topsearchform { float:right; width:184px; margin:0px 0px 0px 0px; } #topsearchform #searchsubmit { display:none; } #topsearchform #Query { background: #ffffff; float: left; width: 148px; color: #999; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 6px 5px; display: inline; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #topsearchform #s { background: #ffffff; float: left; width: 147px; color: #999; font-size: 13px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif; /*font-family: Arial, Helvetica, sans-serif;*/ margin: 0px 0px 0px 0px; padding: 6px 28px 6px 5px; display: inline; border: 1px solid #CCC;/*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ } #mag-glass-top { float: right; margin: 15px 0px 0px 0px; position:absolute; right:8px; top:1px; } /* global submenu */ #global-menu-container { /*width: 223px;*/ position: absolute; right: 204px; top: 0; padding: 15px 10px 0px 0px; z-index: 10; color: #999; font-size: 14px; white-space: nowrap; } .lt-ie8 #global-menu-container { } #global-menu-container a { /*color: #999;*/ color:#70d44d; } #global-menu-container a:hover { color: #666; text-decoration: none; } #global-link { display: block; height: 16px; margin-left: 11px; padding-left: 21px; background: url('images/globe.png') no-repeat 0 1px; position: relative; width: auto; text-decoration: none; } #global-link:hover, #global-menu-container:hover #global-link { background-position: 0 -15px; color: #666; } #global-menu { position: absolute; display: none; } #global-menu-container:hover #global-menu { display: block; left: 0; top: 0; } #global-link-list { background: #ffffff; border: 1px #999999 solid; padding: 14px 30px 0 10px; margin: 44px 0 0 0; list-style: none; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .5); } #global-link-list li { height: 16px; margin-bottom: 11px; } #global-menu table, #global-menu table td { border: 0; padding: 0; margin: 0; white-space: nowrap; } #global-menu table td img { margin-right: 10px; } #global-menu a { color: #2c4088; } #global-menu-nub { background: url('images/global-nub.gif') no-repeat; position: absolute; top: 34px; left: 14px; width: 12px; height: 11px; } /* end global submenu */ #banner { float: left; display: block; background: none; width: 1000px; height: 360px; margin: 0px 0px 20px 0px; padding: 0px; position: relative; z-index: 1; overflow: hidden; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } #banner2 { float: left; display: block; background: none; width: 1000px; height: 70px; margin: 0px 0px 20px 0px; padding: 0px; position: relative; z-index: 1; overflow: hidden; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } #bannerright { float: right; background: #FFFFFF; display: block; width: 298px; height: 278px; margin: 0px; padding: 0px; overflow: hidden; border: 1px solid #cccccc; } #bannerright .widget { float: left; display: block; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } #bannerright h3 { margin: 0px 0px 15px 0px; padding: 0px; text-align: left; color: #000000; font-size: 24px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; text-transform: none; line-height: 20px; } #bannerright li { text-decoration: none; list-style: none; width: 100%; border-top: 1px solid #cccccc; margin: 0; padding: 0; } #bannerright li a, #bannerright li a:link, #bannerright li a:visited { color: #2c4088; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 15px; text-decoration: none; height: auto; } #bannerright li a:hover { color: #7CB900; background:none; text-decoration:underline; } #bannerright ul { list-style: none; margin: 0px !important; padding: 0px !important; } #bannerright ul li { width: 278px; list-style: none; margin: 0px 0px 0px 0px; padding: 6px 10px 6px 10px; line-height: 19px; } #homecontent_topright { float: right; display: block; width: 298px; height: 328px; margin: 0px; padding: 0px; overflow: hidden; background: #ffffff; border: none; } .postarea { position: relative; } #homecontent_topright .postarea { margin:0px; padding:0px; } #homecontent_topright .postarea h1 { margin:0px; padding: 5px 10px 5px 10px; } #homecontent_topright .postarea h2 { background: none; padding: 0px; margin: 0px; color: #2c4088; font-size: 19px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; text-transform: none; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } #homecontent_topright .postarea a { color:#2c4088; } #homecontent_topright .postarea hr { margin:10px 0px 10px 0px; } #homecontent_topright .postarea li { *margin-left: -14px; } #homebox_topright { padding:0px; } #homepagemid { float: left; width: 940px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } #homepagemid .homebox { background: none; width: 100%; list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } #homepagemid h2 { background: none; padding: 15px 15px 5px 15px; margin: 0px; text-align: left; color: #2c4088; font-size: 19px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; text-transform: none; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } #homepagemid p { height: 74px; margin: 0px 0px 5px 0px; padding: 0px 15px 10px 15px; line-height: 20px; overflow: hidden; } #homepagemid a { text-decoration:none; } #homepagemid a:hover { text-decoration:underline; } #homepagemid img { float: right; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #homecontent_fullwidth { float: left; display: block; width: 100%; height: 175px; margin: 0px; padding: 0px 0px 0px 0px; overflow: hidden; background: #ffffff; border: 1px solid #cccccc; } #homecontent_fullwidth p { font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: italic; font-size: 21px; line-height: 26px; color: #2c4088; text-align: center; height: auto; margin: 25px 20px auto 20px; padding: 10px 15px 10px 15px; } #homecontent_left { float: left; display: block; width: 460px; height: 255px; margin: 0px 20px 0px 0px; padding: 0px; overflow: hidden; } #homecontent_left .postarea { margin: 0px; padding: 0px; } #homecontent_left p { margin: 0px; padding: 5px 0px 10px 0px; } #homecontent_left h1 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; line-height: 24px; border-bottom: 1px solid #7cb900; } #homecontent_left h2 { margin: 0px; padding: 0px; } #homecontent_left h4 { margin: 0px; padding: 0px; } #homecontent_left h6 { border-bottom: none; padding: 0px; margin: 2px 0px 0px 0px; } #homecontent_left h6 a { font-size: 16px; font-weight: normal; } #home-news-widget { width: 438px; float: left; display: inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } #homecontent_right { float: right; width: 460px; height: 255px; } #homecontent_right h1 { margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; line-height: 24px; border-bottom: 1px solid #7cb900; } .homebox { float: left; background: #FFFFFF; list-style:none; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; } #homepagebot { float: left; width: 940px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } #homecontent_bot_left { background: #ffffff; float: left; display: block; width: 458px; height: 353px; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #cccccc; } #homecontent_bot_left h1 { padding:10px 15px 10px 15px; margin: 0px; } #homecontent_bot_left p { padding: 0px; height: auto; } #homecontent_page p { margin: 0px; padding: 5px 0px 5px 0px; text-align: left; color: #666666; font-size: 14px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; text-transform: none; line-height: 22px; } .learnmore { float: left; display: block; color: #666666; font-size: 14px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: lighter; line-height: 30px; width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; } .learnmore a { float: right; text-align: right; padding: 0px 10px 4px 10px; } #map { position: relative; top: 0px; left: 0px; width: 458px; height: 205px; background-image: url("img/world-cropped.jpg"); background-repeat: no-repeat; background-color: #333; } .location { position:absolute; display:block; cursor:pointer; /*background-image:url("/img/blip.gif");*/ } .tooltip { display:block; background-image: linear-gradient(bottom, rgb(77,77,77) 23%, rgb(128,128,128) 62%); background-image: -o-linear-gradient(bottom, rgb(77,77,77) 23%, rgb(128,128,128) 62%); background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 23%, rgb(128,128,128) 62%); background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 23%, rgb(128,128,128) 62%); background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 23%, rgb(128,128,128) 62%); background-color: black; border:1px solid #999; box-shadow:2px 2px 3px #000; color:#fff; border-radius:3px; padding:3px; } #map a img { float: none !important; } /********************************************************************************************************************* * 9. Content * *********************************************************************************************************************/ #content_top { float: left; position: relative; width: 1000px; /*height: 200px;*/ display: block; background: none; /*overflow: hidden;*/ margin: 0px auto 20px auto; padding: none; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } #featurebanner { /*float: left;*/ position: relative; /*height: 200px;*/ width: 1000px; display: block; background: #eeeeee; /*overflow: hidden;*/ -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } body.page-id-8 #content_top, body.page-id-8 #featurebanner { height : auto; } #content_top h1 { display:none; } #content_top .h1 { display:none; } #featurebanner img { margin: 0px 0px 0px 0px; padding: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; width: 1000px; height: auto; } #content_top h1 a, #content_top .h1 a { position: absolute; display: block; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 24px; font-weight: normal; line-height: 32px; color: #ffffff !important; text-transform: uppercase; text-decoration: none; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; height: 30px; width: auto; padding: 10px 15px 10px 15px; background: #2e4088; z-index: 9999; bottom: 0; left: 0; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #content { float: left; width: 1000px; display: block; background: none; margin: 0px auto 0px; padding: 0px 0px 0px 0px; } #contentleft { float: right; width: 750px; margin: 0px 0px 0px 0px; /*padding: 15px 14px 25px 15px;*/ padding:0; background: #ffffff; /*border: 1px solid #cccccc;*/ zoom: 1; } .lt-ie9 #contentleft { padding-bottom: 30px; } #contentleft p { line-height:24px; font-size:18px; } #contentleft .postarea { margin: 0px 0px 0px 0px; zoom: 1; } #contentleft a { color:#2c4088 !important; text-decoration:none; } #contentleft a:hover { color:#7cb900 !important; text-decoration:underline; } #contentleft h1 { margin-bottom:5px; } #contentleft h2 { font-size:28px; color:#000000; margin:15px 0px 35px 0px; padding:15px 0px 0px 0px; border-top: none; font-family: 'Helvetica 77 Cond Bold'; } #contentleft h2 a { text-decoration:none; } #contentleft h2 a:hover { text-decoration:none; } #contentleft h3 { font-size:19px; color:#000000; margin:15px 0px 0px 0px; padding: 2px 0px 5px 0px; } #contentleft h3 a { text-decoration:none; } #contentleft h3 a:hover { text-decoration:none; } #contentleft h4 { font-size:19px; color:#666666; line-height:19px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; } .intro-text { font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 19px; font-style: italic; line-height: 24px; color: #2c4088; background:#eeeeee; padding: 15px 15px 15px 15px; margin-bottom:15px; border-top: none; border-bottom: none; display: none; } .parent-pageid-54 .intro-text { display:block; } #contentwide { float: left; width: 930px; margin: 0px 0px 0px 0px; padding: 15px; } #contenthome { width: 1000px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; line-height: 20px; } #contentleft .avatar { background: #FFFFFF; margin: 10px 0px 10px 0px; padding: 4px; border: 1px solid #DDDDDD; } #contentleft iframe, #contentleft embed, #contentleft object { display: block; width: 640px; margin: 0px; padding: 0px; } #contentleft .feature_video { float: right; display: block; width: 640px; height: 360px; margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; position: relative; z-index: 6; } #contentleft .feature_img { display: block; margin: 0px 0px 5px 0px; padding: 0px; } .postarea:last-child, .postarea-last { margin-top:0px; padding-bottom: 30px; } .postarea p { margin: 0px; padding: 5px 0px 15px 0px; } .postarea ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } .postarea ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .postarea ul { list-style-type: none; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; } .postarea li { line-height:20px; } .postarea ul ul { list-style-type: none; margin: 0px 0 0 50px; padding: 0px 0px 0px 0px; } .postarea ul li { list-style: outside; list-style-type: disc; background: none; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 18px; } .postarea ul ul li { background: none; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; list-style-type: circle; padding: 0px 0px 0px 25px\9; *padding: 0px 0px 0px 15px; } .postarea a { text-decoration:underline; } #postarea-news h1 { margin-bottom:0px; padding-bottom:0px; } #postarea-news img { padding:10px 0px 10px 0px; } .postarea a:hover { text-decoration:underline; } .post-footer { margin-top:15px; } .post-footer a { text-decoration:underline; } .product-list-item { padding-bottom:5px; border-bottom:1px solid #cccccc; } .product-list-item a { text-decoration:underline; } .product-list-item a:hover { text-decoration:underline; } ul.product-list-ul, ul.product-list-ul li { list-style: none; } .section-list-item { position: relative; padding-bottom: 15px; border-bottom: 1px solid #cccccc; text-align:justify; } .children-page-links{} .children-page-links .section-list-item{ border-bottom:0px; border-top:1px solid #cccccc;} .children-page-links .section-list-item:first-child{ border-top:0px;} .section-list-item a { text-decoration:underline; } .section-list-item a:hover { text-decoration:underline; } #titaniumdioxide-footer { float: left; padding: 10px 0px 10px 0px; margin-bottom: 40px; width: 100%; } #titaniumdioxide-footer h2 { color: #000 !important; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #titaniumdioxide-menu-box1 { float: right; width: 354px; padding: 0px 10px 20px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #titaniumdioxide-menu-box1 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #titaniumdioxide-menu-box2 { float: left; width: 354px; padding: 20px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #titaniumdioxide-menu-box2 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #titaniumdioxide-menu-box3 { float: right; width: 354px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #titaniumdioxide-menu-box3 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .titaniumdioxide-image-box { float:left; width: 44%; padding: 2% 2%; margin: 1%; height: 66px; background-image: url("http://tx.northstreetcreative.com/wp-content/uploads/2012/04/titaniumdioxide-thumbnail.jpg"); border: 1px solid #CCC; display:inline-block; zoom:1; *display:inline; } .titaniumdioxide-menu-box :first-child { margin:15px 0px 0px 0px; } .titaniumdioxide-menu-box h3 { margin-top:0px !important; } .titaniumdioxide-menu-box p { display:inline; } .electrolytics-menu-box { float:left; width: 44%; padding: 2% 2%; margin: 1%; height: 66px; background:#e3fed6; border: 1px solid #CCC; display:inline-block; zoom:1; *display:inline; } .electrolytics-image-box { float:left; width: 44%; padding: 2% 2%; margin: 1%; height: 66px; background-image: url("http://tx.northstreetcreative.com/wp-content/uploads/2012/04/titaniumdioxide-thumbnail.jpg"); border: 1px solid #CCC; display:inline-block; zoom:1; *display:inline; } .electrolytics-menu-box :first-child { margin:15px 0px 0px 0px; } .electrolytics-menu-box h3 { margin-top:0px !important; } .electrolytics-menu-box p { display:inline; } #electrolytics-footer { float: left; padding: 25px 0px 10px 0px; margin: 15px 0px 40px 0px; border-top: 1px solid #CCC; width: 100%; } #electrolytics-footer h2 { color: #000 !important; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #electrolytics-menu-box1 { float: right; width: 354px; padding: 0px 10px 20px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #electrolytics-menu-box1 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #electrolytics-menu-box2 { float: left; width: 354px; padding: 20px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #electrolytics-menu-box2 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #electrolytics-menu-box3 { float: right; width: 354px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #electrolytics-menu-box3 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .mineralsands-menu-box { float:left; width: 44%; padding: 2% 2%; margin: 1%; height: 66px; background:#e3fed6; border: 1px solid #CCC; display:inline-block; zoom:1; *display:inline; } .mineralsands-image-box { float:left; width: 44%; padding: 2% 2%; margin: 1%; height: 66px; background-image: url("http://tx.northstreetcreative.com/wp-content/uploads/2012/04/titaniumdioxide-thumbnail.jpg"); border: 1px solid #CCC; display:inline-block; zoom:1; *display:inline; } .mineralsands-menu-box :first-child { margin:15px 0px 0px 0px; } .mineralsands-menu-box h3 { margin-top:0px !important; } .mineralsands-menu-box p { display:inline; } #mineralsands-footer { float: left; padding: 10px 0px 10px 0px; margin-bottom: 40px; width: 100%; } #mineralsands-footer h2 { color: #000 !important; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #mineralsands-menu-box1 { float: right; width: 354px; padding: 0px 10px 20px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #mineralsands-menu-box1 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #mineralsands-menu-box2 { float: left; width: 354px; padding: 20px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #mineralsands-menu-box2 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } #mineralsands-menu-box3 { float: right; width: 354px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; height: 95px; /*background: #E3FED6; border: 1px solid #CCC; */display: inline-block; zoom: 1; } #mineralsands-menu-box3 h2 { color: #000; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .tronox-alkali-top{position: absolute; padding: 15px 10px 0px 0px; right: 453px; color: rgb(153, 153, 153); font-size:14px;} .tronox-alkali-top a { border-right: 1px solid #70d44d; color: #70d44d; margin-right: 5px; padding-right: 10px; text-decoration: none; } .slide-tronox{background: none repeat scroll 0 0 #2e4088; border: 4px none; clear: both; display: block; float: right; height: 18px; overflow: hidden; padding: 9px 14px; position: absolute; right: 0; color: #fff; width: auto; z-index: 7;} .slide-tronox a{ color:#79d758; font-size:16px;text-decoration: none;} .slide-tronox a:hover{ color:#fff;} .tron-link{margin-left: 20px; margin-top: 60px; position: absolute;} .lt-ie8 .recent-news-listings { zoom: 1; } .recent-news-listings:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #media-footer { clear: both; position: relative; left: -250px; width: 1000px; zoom: 1; } #media-footer td, #media-footer tr { border:none; } .lt-ie8 .page-id-20 #content { overflow: hidden; } #media-footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #media-footer div:first-child { margin:15px 0px 0px 0px; } .media-info-panel { float:left; width:303px; min-height:200px; background:#eeeeee; padding:10px; margin:15px 0px 0px 15px; display:inline-block; zoom:1; } .media-info-panel :first-child { margin:15px 0px 0px 0px; } .media-info-panel h3 { margin-top:0px !important; } .media-info-panel img { width:75px; height:75px; float:left; } .media-info-panel p { display:inline; } ul.news-list { margin: 0; } ul.news-list, ul.news-list li { list-style: none; clear: both; margin: 0; } ul.news-list li { position: relative; display: block; padding: 3px 5px 3px 5px !important; zoom: 1; height: auto; } .lt-ie8 .postarea ul.news-list li { line-height: normal; } ul.news-list li:nth-child(odd) { background: #eeeeee; padding: 7px 5px 7px 5px !important; } ul.news-list li.odd-news-row { background: #eeeeee; padding: 7px 5px 7px 5px !important; } ul.news-list li .time { position: absolute; top: 3px; left: 5px; color: #000000; } ul.news-list li.odd-news-row .time { position: absolute; top: 7px; } ul.news-list li:nth-child(odd) .time { position: absolute; top: 7px; } ul.news-list li a { margin-left: 85px; display:block; } ul.news-list .time, ul.news-list .news-link { display: block; } #home-news-widget .news-list { padding: 0; margin: 0; } #home-news-widget ul.news-list li:nth-child(odd) { background: none; padding: 3px 5px 3px 5px !important; } #home-news-widget ul.news-list li.odd-news-row .time { position: absolute; top: 3px; } #home-news-widget ul.news-list li:nth-child(odd) .time { position: absolute; top: 3px; } #home-news-widget ul.news-list li a { color: #2C4088; } .career-category { list-style-type: none !important; } .career-category span { font-weight:bold; } .career-location { list-style-type: none !important; } .career-location span { font-weight:bold; } #contentleft .job-information p { line-height:12px; } /* business segments */ .page-id-898 .postarea ul { list-style: none !important; margin: 0; } .page-id-898 .postarea ul li { list-style: none; background: #E3FED6; border: 1px solid #CCC; padding: 0 13px 13px 13px !important; margin-bottom: 12px; } .page-id-898 .postarea ul li h2, .page-id-898 .postarea ul li p { margin-bottom: 0 !important; margin-top: 0 !important; } blockquote { font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-size: 18px; line-height: 22px; margin: 10px 25px 10px 25px; padding: 0px 25px 0px 15px; border-left: 2px solid #dddddd; } #content blockquote p { margin: 0px; padding: 10px 0px 10px 0px; } .postauthor { margin: -10px 0px 4px 0px; padding: 0px; } .meta { display:none; background: none; font-size: 11px; margin: 10px 0px 20px 0px; padding: 6px 10px 6px 10px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } .meta p { margin: 0px; padding: 0px; } .archive_column { float: left; width: 300px; margin: 5px 0px 0px 0px; padding: 0px 20px 20px 0px; } #prevLink { float: left; } #nextLink { float: right; } #prevLink p, #nextLink p { padding: 0px; } .menuselect { margin:15px 0px 15px 0px; } .dropdown { float:left; margin:0px 15px 15px 0px; } .briefcaseLegend { margin-top:15px; } span.horz-divide { width: 100%; border-top: 1px solid #CCC; margin: 30px 0 10px; float: left; } .children-page-links { margin-top:15px; zoom: 1; } .children-page-links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .children-page-links li { list-style-type:none; line-height:21px; } .children-page-links li a { text-decoration:underline; } .children-page-links li a:hover { text-decoration:underline; } .children-page-links .leadership-photo { margin: 10px 15px 15px 0px; } .children-page-links h4 { margin-top:10px !important; } .children-page-links h2 { padding-bottom:15px !important; border-bottom: 1px solid #cccccc; } .children-page-links .section-box-item { width:365px; height:260px; float:left; display: block; /*margin-right:20px; */ zoom: 1; } .children-page-links .section-box-item.ceo-message { width: 370px; margin-right: 15px; } .children-page-links .section-box-item.business-divisions { width: 370px; margin-right: 15px; } .children-page-links p.section-box { background: #EEE; border: 1px solid #CCC; padding: 20px 30px; height: 166px; overflow:hidden; } .children-page-links h3 { margin-bottom:10px !important; } .children-page-links p { margin:0; padding: 0; padding-bottom: 1.25em; } .product-list { padding: 15px 0px 15px 0px; border-top:none; /* border-bottom: 1px solid #CCC;*/ float: left; width: 100%; margin-bottom: 15px; } .product-list li { list-style:none; } .tio2-foot { /* margin-top:265px;*/ float:left; } #contentleft .product-list h2, #contentleft .technological-innovation-info h2, #contentleft .operations-info h2 { margin-top:0; padding-top:0; } .product-list .page_item { float:left; } .product-list a { display: block; width: 344px; padding: 9px; float: left; height: 20px; margin: 10px 10px 10px 0px; text-align: center; background: #C5CADE; border-radius: 4px; border: 1px solid #A8ACC7; cursor: pointer; text-decoration: none !important; } .product-list .page-item-779 a, .product-list .page-item-709 a { display: block; width: 344px; padding: 9px; float: left; height: 20px; margin: 10px 10px 10px 0px; text-align: center; background: #C5CADE; border-radius: 4px; border: 1px solid #A8ACC7; cursor: pointer; text-decoration: none !important; } .product-list .page-item-728 a { display: block; width: 344px; padding: 9px; float: left; height: 20px; margin: 10px 0px 10px 10px; text-align: center; background: #C5CADE; border-radius: 4px; border: 1px solid #A8ACC7; cursor: pointer; text-decoration: none !important; } #contentleft .product-list .page_item a:hover { background: #2c4088; color: #ffffff !important; } /* Mineral Sands specific product list styles */ .page-id-12 .product-list { padding: 15px 0px 0px 0px; } .page-id-12 .product-list li.page_item { margin: 0; padding: 0 0 10px 0; width: 750px; } .page-id-12 .product-list li.page_item:nth-child(even) { background: #eee; } .page-id-12 .product-list li.page_item.even-row { background: #eee; } .page-id-12 .product-list .page_item:last-child { border-bottom: none; } .page-id-12 .product-list li.page_item .figure { float: left; margin: 10px 8px 0 0; padding: 0 0 0 10px; } .page-id-12 .product-list li.page_item .figure img { height: 50px; width: 50px; } .page-id-12 #contentleft .product-list .page_item:first-child .figure { margin: 0px 8px 0px 0px; } .page-id-12 #contentleft .product-list h3 { margin: 10px 0 0 0; padding: 0px 0px 2px 0px; } .page-id-12 #contentleft .product-list .page_item:first-child h3 { margin: 0px; } .page-id-12 #contentleft .product-list .page_item p { padding: 5px 0 0 0; } .page-id-12 #contentleft .product-list a { background: none; border-radius: 0; border: none; display: inline; float: none; height: auto; margin: 0; padding: 0; text-align: left; width: auto; } .page-id-12 #contentleft .product-list a:hover { /* background: none !important; color: #7CB900 !important; */ } .product-list-item div.figure, div.figure { float: left; padding: 0px; margin: 5px 15px 10px 0px; } /* End Mineral Sands specific product list styles */ /* Ten Reasons page styles */ .postarea ul#ten-reasons-list { list-style: none; } #ten-reasons-list strong { color: #000; font-size: 15px; } .postarea ul#ten-reasons-list li { list-style: none; margin: 0px; padding: 8px 5px 8px 5px; } /* Why Tronox (Ten Reasons) Accordian styles */ .page-id-2757 #contentleft .postarea h2 { font-size: 19px; line-height: normal; margin-top: 0; } .page-id-2757 #contentleft .postarea ul { list-style: none; margin: 0; } .page-id-2757 #contentleft .postarea ul li { list-style: none; margin: 0; } .page-id-2757 #contentleft .postarea ul li strong, .page-id-2757 #contentleft .postarea ul li strong { background-image: url('images/add-icon.png'); background-position: 6px center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0 0 2px 0; padding: 10px 10px 10px 25px; width: 715px; /* 750px */ } .page-id-2757 #contentleft .postarea ul li strong.hideDesc { background-image: url('images/minus-icon.png'); } .page-id-2757 #contentleft .postarea ul li em { display: none; font-style: normal; padding: 8px 0 10px 25px; } /* .no-js .page-id-2757 #contentleft .postarea ul li em { display: block; } */ .page-id-2757 #contentleft .postarea ul li em em { display: inline; font-style: italic; padding: 0; } .page-id-2757 #contentleft .postarea ul li em strong { background: none; cursor: default; display: inline; margin: 0; padding: 0; width: auto; } .page-id-2757 #contentleft .postarea .show-all-link { background-image: url('images/add-icon.png'); background-position: left center; background-repeat: no-repeat; display: inline-block; outline: 0; overflow: hidden; padding: 0 0 0 20px; position: relative; right: 0px; } .page-id-2757 #contentleft .postarea .show-all-link.hide-all-link { background-image: url('images/minus-icon.png'); } .no-js .page-id-2757 #contentleft .postarea .show-all-link { display: none; } /* Why Tronox (Ten Reasons) Accordian styles */ .page-id-2757 #contentleft .postarea h2 { font-size: 19px; line-height: normal; margin-top: 0; } .page-id-2757 #contentleft .postarea ul { list-style: none; margin: 20px 0; } .page-id-2757 #contentleft .postarea ul li { list-style: none; margin: 0 0 6px 0; } .page-id-2757 #contentleft .postarea ul li strong { background-image: url('images/togglePlus.png'); /*background-position: 6px center;*/ background-position: 97% center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0; padding: 20px; width: 715px; /* 750px */ font-size:20px; font-weight:normal; letter-spacing:normal; /*font-family: 'Neue Helvetica W1G 45 Cond Lgt';*/ font-family: 'Helvetica 77 Cond Bold'; } .page-id-2757 #contentleft .postarea ul li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-2757 #contentleft .postarea ul li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } .page-id-2757 #contentleft .postarea ul li em { display: none; font-style: normal; padding: 15px 20px; } /* .no-js .page-id-2757 #contentleft .postarea ul li em { display: block; } */ .page-id-2757 #contentleft .postarea ul li em em { display: inline; font-style: italic; padding: 0; } .page-id-2757 #contentleft .postarea ul li em strong { background: none; cursor: default; display: inline; margin: 0; padding: 0; width: auto; } .page-id-2757 #contentleft .postarea .show-all-link { background-image: url('images/add-icon.png'); background-position: left center; background-repeat: no-repeat; display: inline-block; outline: 0; overflow: hidden; padding: 0 0 0 20px; position: relative; right: 0px; } .page-id-2757 #contentleft .postarea .show-all-link.hide-all-link { background-image: url('images/minus-icon.png'); } .no-js .page-id-2757 #contentleft .postarea .show-all-link { display: none; } .page-id-62 ul.tronox-Accordion li strong { background-image: url('images/togglePlus.png'); /*background-position: 6px center;*/ background-position: 97% center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0; padding: 20px; width: 715px; /* 750px */ font-size:20px; font-weight:normal; letter-spacing:normal; /*font-family: 'Neue Helvetica W1G 45 Cond Lgt';*/ font-family: 'Helvetica 77 Cond Bold'; } .page-id-62 ul.tronox-Accordion li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-62 ul.tronox-Accordion li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } .page-id-872 ul.tronox-Accordion li strong { background-image: url('images/togglePlus.png'); /*background-position: 6px center;*/ background-position: 97% center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0; padding: 20px; width: 715px; /* 750px */ font-size:20px; font-weight:normal; letter-spacing:normal; /*font-family: 'Neue Helvetica W1G 45 Cond Lgt';*/ font-family: 'Helvetica 77 Cond Bold'; } .page-id-872 ul.tronox-Accordion li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-872 ul.tronox-Accordion li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } .page-id-832 ul.tronox-Accordion li strong { background-image: url('images/togglePlus.png'); /*background-position: 6px center;*/ background-position: 97% center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0; padding: 20px; width: 715px; /* 750px */ font-size:20px; font-weight:normal; letter-spacing:normal; /*font-family: 'Neue Helvetica W1G 45 Cond Lgt';*/ font-family: 'Helvetica 77 Cond Bold'; } .page-id-832 ul.tronox-Accordion li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-832 ul.tronox-Accordion li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } .page-id-734 ul.tronox-Accordion li strong { background-image: url('images/togglePlus.png'); /*background-position: 6px center;*/ background-position: 97% center; background-repeat: no-repeat; background-color: #efefef; cursor: pointer; display: block; height: auto; margin: 0; padding: 20px; width: 715px; /* 750px */ font-size:20px; font-weight:normal; letter-spacing:normal; /*font-family: 'Neue Helvetica W1G 45 Cond Lgt';*/ font-family: 'Helvetica 77 Cond Bold'; } .page-id-734 ul.tronox-Accordion li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-734 ul.tronox-Accordion li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } /* End Ten Reasons page styles */ /* Fix Broken Float on Leadership Page */ .page-id-67 .section-list-item, .page-id-85 .section-list-item { overflow: auto; } /* bio image jquery hack */ div.bio-img-container { position: absolute; top: 0; left:0; } .section-list-item div.bio-img-container { padding-top: 20px; } .technological-innovation-info, .operations-info { width: 46%; margin: 10px 2% 20px; float: left; display: block; padding-bottom: 20px; } .featured-news-banner { display:block; width:100%; float:left; padding-bottom:15px; } .featured-news-banner a { text-decoration:underline; } .featured-news-banner h2 a { text-decoration:none; } .featured-news-banner li { width:25%; float:left; display:block; list-style:none; position:relative; } .featured-news-banner li img { width:92%; height:auto; padding:4%; } .featured-news-banner .feature_info h2 { margin: 0px 0px 10px 0px !important; padding:0px 0px 0px 0px !important; line-height:22px; text-align:center; } .featured-news-banner h2 a { font-size:17px; } .recent-news-listings { padding: 0px 0px 15px 0px; border-bottom: 1px solid #CCC; float: left; width: 100%; margin-bottom:20px; /*border-top: 1px solid #CCC; margin-top: 20px;*/ } .page-id-18 .recent-news-listings { padding: 0px 0px 15px 0px; border-top: 1px solid #CCC; border-bottom: none; float: left; width: 100%; margin-top: 20px; } .page-id-18 #contentleft .postarea h2 { padding-top:0px; } .page-id-20 #contentleft .postarea h2 { padding-top:0px; } .page-id-20 #contentleft .postarea ul { margin:0px; } .page-id-20 #contentleft .postarea ul li { margin-top:0px; } .date { color:#666666; font-size:15px; font-weight:normal; margin-right: 4px; } .postarea .recent-news-listings ul li { list-style:none; padding: 5px 7px 5px 7px; } .postarea .recent-news-listings ul li:nth-child(odd) { background:#eeeeee; } .recent-news-listings a { text-decoration:underline; } .recent-news-listings li a { text-decoration:none; } .recent-news-listings li a:hover { text-decoration:none; } .tronox-photo-wrapper { border-bottom:1px solid #ccc; float:left; } #contentleft .tronox-photo-wrapper h2 { padding-top:0px; width: 100%; /*float:left;*/ } #contentleft .tronox-photo-wrapper a { text-decoration:underline; } .tronox-photo-wrapper h2 span { display: block; line-height: 24px; text-align: left; } .tronox-photo-wrapper img { margin-top:-30px; } /*.msds-wrapper th, .msds-wrapper td { width:50%; text-align:left; padding:5px 10px; border : 1px solid #ccc; } .msds-wrapper tr.odd { background-color:#eee; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }*/ .news-readmore a { text-decoration:underline; } .odd { background:#eeeeee; } .postarea table { width:100%; } .postarea table th { background: #333333; color: #ffffff; border: 1px #333333 solid; } .postarea table caption { text-align: left; padding: 15px 8px !important; } .postarea table th, .postarea table td { text-align:left; padding:5px 10px; border : 1px solid #ccc; } .postarea table h3 { margin-top:2px !important; } .postarea table h2 { margin-top:2px !important; padding-top:2px !important; } .postarea table tr:nth-child(odd) { background-color:#eee; border-left: 1px solid #DDD; border-right: 1px solid #DDD; } .postarea table th.product-cell, .postarea table td.product-cell { width: 50%; } .parent-pageid-58 .postarea table td { width: 50%; } .parent-pageid-58 .postarea table.unstyled-table tr, .parent-pageid-58 .postarea table.unstyled-table td { background:none !important; border:none !important; } #contentleft .postarea-search { margin: 0px 0px 0px 0px; } #contentleft .postarea-search p { margin: 5px 0px; } #contentleft .postarea-search h1 a { text-decoration:none; } #contentleft .postarea-search a { text-decoration:underline; } #contentleft .postarea-search prevLink p, #nextLink p { padding-bottom: 15px; } .second-featured-image { width:364px; height:95px; overflow:hidden; border-radius:4px; float:left; } .second-featured-image img { width:100%; height:100%; } /* New Modules / Buckets on Homepage */ #home-modules { clear: both; height: auto; margin: 0 0 0px 0; padding-bottom: 0px; /*border-bottom: 1px #ccc solid;*/ width: 100%; } #home-modules:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .lt-ie8 #home-modules { background: none; float: left; overflow: hidden; position: relative; z-index: 1; zoom: 1; } .home-module-container:first-child { margin-left:0 !important; } .home-module-container p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin:0px; } .home-module-container img { width: 100%; height: auto; } .home-module-container h3 { font-size: 15px; font-weight: bold; -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0 0 6px 0; padding: 0; } .home-module-container.col3 p a:hover { text-decoration: underline; } /* 2 column */ .home-module-container.col2 { border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; font-size: 15px; padding: 20px 20px 20px 268px; position: relative; width: 200px; margin-left:20px; } .home-module-container.col2 h2 { color: #000; font-size: 19px; margin: 0 0 15px 0; padding: 0; } .home-module-container.col2 a { color: #2E4088; display: block; font-size: 15px; height: auto; margin: 10px 0 0 0; outline: 0; overflow: hidden; text-decoration: none; width: auto; } .home-module-container.col2 a.thumblink { display: block; height: 141px; margin: 0; overflow: hidden; position: absolute; top: 20px; left: 20px; width: 225px; } /* 3 column */ .home-module-container.col3 { /*border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ float: left; font-size: 16px; padding: 0px; position: relative; width: 320px; margin-left: 20px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial; color:#000; } .home-module-container.col3 h2 { color: #000; font-size: 18px; margin: 10px 0; padding: 0; font-family: 'Helvetica 77 Cond Bold', Arial; } .home-module-container p.fixBtm { bottom: 0; position: absolute; } .home-module-container.col3 a { color: #2E4088; display: block; font-size: 15px; height: auto; margin: 0; outline: 0; overflow: hidden; text-decoration: none; width: auto; margin-top: 2px; } .home-module-container p a : hover { text-decoration : underline; } .home-module-container.col3 a.thumblink { display: block; height: 156px; margin: 0; overflow: hidden; } .home-module-container.col3 a.viewbtn { color: #fff; display: inline-block; font-size: 15px; height: auto; margin: 0; outline: 0; overflow: hidden; text-decoration: none; width: auto; margin-top: 0; padding:8px 15px; background:#2d4088; font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial; } .home-module-container.col3 a.viewbtn:hover { background:#70d44d; color:#fff; } /* Contact Us Specific Styles */ .page-id-62 .postarea, .page-id-832 .postarea, .page-id-734 .postarea, .page-id-872 .postarea { float: left; width: 200px; } .page-id-62 .gform_wrapper, .page-id-832 .gform_wrapper, .page-id-734 .gform_wrapper, .page-id-872 .gform_wrapper { width: 460px; float: right; background: #eeeeee; padding: 20px; } .gform_wrapper ul li { margin-left: 0; } li.no_ast .gfield_required { display:none; } li.no_ast .validation_message { display:none; } .gform_wrapper li.gfield.gfield_error.no_ast, .gform_wrapper li.gfield.gfield_error.no_ast.gfield_contains_required.gfield_creditcard_warning { background-color:transparent; } /* general new formatting 06.08.2012 */ .postarea hr { border-width: 0 !important; color: #cccccc !important; margin-top: 10px; } .postarea hr + h2 { margin-top: 0 !important; } .disclaimer, .gfield_html small { clear: both; float: none; padding-top: 20px; font-size: 12px; } #contentleft .disclaimer p, .gfield_html small { line-height: 14px; font-size: 12px; } .tio2-foot table, .tio2-foot table tr, .tio2-foot table td, .tio2-foot table th, .tio2-foot table tbody { border: 0 !important; border-spacing: 0; padding: 0; margin: 0; background: none !important; } .page-template-page_comingsoon-php { border: none; } .page-template-page_comingsoon-php #content { float: none; width: 857px; padding-top: 100px; } .page-template-page_comingsoon-php #content a { color: #2C4088 !important; } .page-template-page_comingsoon-php .recent-news-listings ul.news-list { padding-left: 0; margin: 0 auto; } .page-template-page_comingsoon-php .recent-news-listings { border-bottom: none; width: 857px; } .page-template-page_comingsoon-php .recent-news-listings a { color: #2C4088 !important; } #navbar li a:hover { /*background: #C7FBA8;*/ background:#70d44d; color:#fff; } /********************************************************************************************************************* * 9A. Table Styles * *********************************************************************************************************************/ table { border-collapse:collapse; border:none; margin-top:0px; } tr { vertical-align:top; padding:0px; } tr table tr:last-child td { border:none; } td { padding:15px 15px 15px 0px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } th { font-size:19px; color:#000000; font-weight:normal; text-align:left; padding:10px 0px 10px 0px; } #search-results td { border: 0; } .title { font-size:17px; color:#000000; line-height:21px; } .icon { width:16px; } .filesize { padding-right:5px; } figure { float:left; padding: 5px 8px 5px 0px; margin: 0px 0px 0px 0px; } .product-list-item figure { float: left; padding: 0px; margin: 5px 15px 10px 0px; } .product-list-item figure img { display: inline; } .parent-pageid-58 table { width: 668px; margin-top: 15px; } .parent-pageid-58 td { padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .parent-pageid-58 h2 { margin-top: 0px !important; padding-top: 0px !important; } .parent-pageid-58 h3 { margin-top: 0px !important; padding-top: 0px !important; } .postid-342, .postid-6389 table { margin-top: 10px; } .postid-342, .postid-6389 th { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-342, .postid-6389 td { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-342, .postid-6389 caption { background: #eee; border: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } .postid-471 table { margin-top: 10px; } .postid-471 th { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-471 td { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-471 caption { background: #eee; border: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } .postid-476 table { margin-top: 10px; } .postid-476 th { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-476 td { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-476 caption { background: #eee; border: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } .postid-483 table { margin-top: 10px; } .postid-483 th { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-483 td { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-483 caption { background: #eee; border: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } .postid-485 table { margin-top: 10px; } .postid-485 th { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-485 td { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .postid-485 caption { background: #eee; border: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } .page-id-198 caption { background: #eee; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; color: #000; font-size: 22px; text-align: center; padding: 15px; } /********************************************************************************************************************* * 10. Images * *********************************************************************************************************************/ img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 0px; margin: 0px 15px 15px 0px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 10px 0px 10px 10px; } .alignleft { float: left; margin: 10px 10px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; background: #FFFFFF; text-align: center; padding: 5px 0px 0px 0px; margin-bottom: 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .wp-caption img { margin: 0px 0px 0px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 5px !important; font-size: 11px; font-weight: normal; text-align: center !important; line-height: 14px; } .leadership-photo { float:left; text-align:left; margin:0px 15px 15px 0px; } .page-id-762 #contentleft .postarea a { text-decoration:underline; } .page-id-282 #contentleft .postarea h2 { padding-top:0px; } .page-id-282 #contentleft .postarea h3 { margin-top:-3px; padding-top:0px; } .page-id-282 #contentleft .postarea a { text-decoration:underline; } .tronox-logos { float:left; text-align:left; margin: 3px 15px 30px 0px; } .pantone-swatch { margin-bottom: 10px; } /********************************************************************************************************************* * 11. WordPress Gallery * *********************************************************************************************************************/ .gallery { margin: auto; padding: 0px; } .gallery img { background: #F5F5F5; border: 1px solid #DDDDDD !important; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .gallery img:hover { background: #EEEEEE; } /********************************************************************************************************************* * 12. Sidebar * *********************************************************************************************************************/ #sidebar { float: left; display: inline-block; width: 218px; margin: 0px 20px 0px 0px; padding: 0px 0px 10px 0px; background: #ffffff;/*border: 1px solid #cccccc;*/ } .textwidget { margin: 5px 0px 0px 15px; padding: 0px 0px 0px 0px; line-height: 20px; } .investor-icon { display: inline; margin: 0px 11px 0px 0px; } #sidebar #s { margin-left: 12px; } #sidebar #searchsubmit { margin-left: 12px; } #sidebar .textwidget { margin-left: 12px; } #sidebar .sf-sub-indicator { position: absolute; display: block; right: 12px; top: 14px; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; zoom: 1; } #sidebar .sf-sub-indicator {background: url(images/arrows-ffffff-old.png) no-repeat -10px -100px; } #sidebar ul.menu li a:hover .sf-sub-indicator {background: url(images/arrows-ffffff.png) no-repeat -10px -100px; } #sidebar .widget .current_page_item a .sf-sub-indicator, #sidebar .widget .current-menu-item a .sf-sub-indicator, #sidebar .widget .current-cat a .sf-sub-indicator, #sidebar .widget .current_page_ancestor a .sf-sub-indicator{background: url(images/arrows-ffffff.png) no-repeat -10px -100px; } /********************************************************************************************************************* * 13. Sidebar Widgets * *********************************************************************************************************************/ #sidebar .widget { float:left; background: none; width: 218px; margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } #sidebar .widget a { color: #2c4088; } #sidebar .widget p { color:#666666; } #sidebar .widget li { list-style-type: none; color:#2c4088; } #sidebar .widget ul { color:#2c4088; margin: 0px 0px 5px 0px; padding: 0px; } #sidebar .widget ul li { display: inline; color: #2c4088; } #sidebar .widget ul li a { font-size: 16px; display: block; color: #2c4088; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; list-style-type: none; text-decoration: none; border-top: none; } #sidebar .widget ul li a:hover { display: block; color: #2c4088; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; } #sidebar .widget ul li ul li a { /*text-indent: 15px;*/ padding: 6px 10px 6px 25px !important; border-top: none; background: #ccd1e5; } #sidebar .widget ul li ul li ul li a { text-indent: 26px; border-top: none; } #sidebar ul.menu li { float: none; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: auto; border-top: none; border-bottom: 1px solid #CCCCCC; background:white; } #sidebar ul.menu li a { color: #2c4088; line-height: 20px; margin: 0px 0px 0px 0px; padding: 8px 12px 8px 12px; text-shadow: none; height: auto; border-top: none; border-right:none; font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial; } #sidebar ul.menu li a:hover { background: #70d44d !important; color: #fff !important; margin: 0px 0px 0px 0px; padding: 8px 12px 8px 12px; height: auto; } #sidebar ul.menu .current_page_item a, #sidebar ul.menu .current-menu-item a { background: #70d44d; height: auto; color:#fff; } #sidebar ul.menu li ul.sub-menu { width: 100%; margin: 0px 0px 0px 0px; } #sidebar ul.menu li ul.sub-menu li { font-size: 14px; background: #ccd1e5; margin: 0px; padding: 0px; border-bottom: none; } #sidebar ul.menu li ul.sub-menu li a { font-size: 15px; background: #eeeeee; margin: 0px 0px 0px 0px; padding: 6px 15px 6px 15px; border-bottom: 1px solid #ffffff; color: #2c4088; } /*#sidebar ul.menu li ul.sub-menu li a .sf-sub-indicator{ background:url("images/arrows-ffffff-old.png") no-repeat scroll -10px -100px rgba(0, 0, 0, 0) } #sidebar ul.menu li ul.sub-menu>li:hover>a>.sf-sub-indicator{ background:url("images/arrows-ffffff.png") no-repeat scroll -10px -100px rgba(0, 0, 0, 0) } */ #sidebar ul.menu li ul.sub-menu li a:hover { font-size: 15px; color: #ffffff !important; background: #2c4088 !important; ; margin: 0px 0px 0px 0px; padding: 6px 15px 6px 15px; } #sidebar .widget .current_page_item a, #sidebar .widget .current-menu-item a, #sidebar .widget .current-cat a, #sidebar .widget .current_page_ancestor a { color: #2c4088 /*!important*/; border-right: none; padding: 8px 12px 8px 12px; text-decoration: none; height: auto; } #sidebar .widget .sub-menu .current-menu-parent a { color: #2c4088; background: #eeeeee; } /*, #sidebar .widget .sub-menu .current-menu-item a, #sidebar .widget .sub-menu .current-cat a, #sidebar .widget .sub-menu .current_page_ancestor a { color: #fff; background: #2C4088; }*/ #sidebar .widget .current-page-parent .sub-menu li a .sf-sub-indicator{background:url("images/arrows-ffffff-old.png") no-repeat -10px -100px ; } #sidebar .widget .current-page-parent .sub-menu li a:hover .sf-sub-indicator{background:url("images/arrows-ffffff.png") no-repeat -10px -100px ; } #sidebar .widget .sub-menu .current_page_ancestor a .sf-sub-indicator{background:url("images/arrows-ffffff-old.png") no-repeat -10px -100px ; } #sidebar .widget .sub-menu .current_page_ancestor a:hover .sf-sub-indicator{background:url("images/arrows-ffffff.png") no-repeat -10px -100px ; } #sidebar .widget .sub-menu .current_page_ancestor a { color: #2c4088 !important; background: #eeeeee; } #sidebar .widget .current-page-ancestor .current-page-ancestor .current-menu-item a { color: #fff !important; background: #2C4088; } #sidebar ul.menu li ul.sub-menu li.current-menu-item a{color: #fff !important; background: #2C4088;} #sidebar .widget li .current_page_item a, #sidebar .widget li .current-menu-item a, #sidebar .widget li .current-cat a { background: #ccd1e5 /*!important*/; color: #2c4088; padding: 0px 0px 0px 0px; border-right: none; height: auto; } #sidebar .widget_recent_entries { padding:0px 15px 0px 15px; } #sidebar .widget_recent_entries h4 { color: #666; font-size: 19px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: normal; line-height: 26px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } #sidebar .widget_recent_entries ul li a { color:#2c4088; } #sidebar .widget_recent_entries ul li a:hover { color:#7cb900; } #sidebar .advanced_recent_posts_widget { padding-left:15px; } /*#sidebar .sub-menu .current-menu-item a, #sidebar .widget li .current-menu-item a { background: #2C4088 !important; color: #ffffff !important; }*/ /********************************************************************************************************************* * 14. Recent Comments Widget * *********************************************************************************************************************/ #recentcomments { margin: 0px; padding: 0px; } #recentcomments a { display: inline; background: none !important; font-weight: bold; padding: 0px; margin: 0px; border: none !important; } #content #recentcomments li, #footerwidgets #recentcomments li { display: block; margin: 5px 0px 0px 0px; padding: 4px 0px 0px 0px; border-top: 1px dotted #CCCCCC; } /********************************************************************************************************************* * 15. Calendar Widget * *********************************************************************************************************************/ #calendar_wrap { margin: 0px auto 0px; padding: 5px 10px 5px 10px; } #wp-calendar { width: 100%; text-align: center; } #wp-calendar a { margin: 0px !important; } #wp-calendar caption { font-size: 16px; margin: 5px 0px 5px 0px; } #wp-calendar #prev a { float: left; margin: 10px 0px 0px 0px !important; text-align: left; } #wp-calendar #next a { float: right; margin: 10px 0px 0px 0px !important; text-align: right; } /********************************************************************************************************************* * 16. Custom Menu Widget * *********************************************************************************************************************/ #sidebar ul.menu, #footerwidgets ul.menu { float: none; } #footerwidgets ul.menu .current-menu-item a { background: #FFFFFF; color: #7cb900 !important; height: auto; } #footerwidgets ul.menu li a { background: #FFFFFF !important; color: #2c4088; line-height: 20px; margin: 0px 0px 0px 0px; padding: 12px 15px 12px 15px; text-shadow: none; border-bottom: 1px solid #CCCCCC; height: auto; } #footerwidgets ul.menu li a:hover { background: #FFFFFF; color: #7cb900 !important; margin: 0px 0px 0px 0px; padding: 12px 15px 12px 15px; height: auto; } #footerwidgets ul.menu li { float: none; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; } #footerwidgets ul.menu li ul.sub-menu { width: 100%; margin: 0px 0px 0px 0px; } #footerwidgets ul.menu li ul.sub-menu li a { background: #FFFFFF; margin: 0px 0px 5px 0px; } /*#sidebar ul.menu li ul.sub-menu li ul.sub-menu li, #footerwidgets ul.menu li ul.sub-menu li ul.sub-menu li { display: none; }*/ /********************************************************************************************************************* * 17. Search Form * *********************************************************************************************************************/ .widget_search { float: left; display: block; width: 100%; margin: 0px; padding: 0px; } #searchform { margin: 0px; padding: 0px; } #searchform label { display: none; } #s { background: #f5f5f5; float: left; width: 158px; color: #999999; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 15px; padding: 6px 4px; display: inline; border: 1px solid #cccccc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #searchsubmit { float: left; background: #2c4088; color: #ffffff; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; margin: 10px 0px 0px 15px; padding: 4px 8px; cursor: pointer; border: 1px solid #2c4088; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #searchsubmit:hover { background: #465796; color: #FFFFFF; border: 1px solid #465796; } #searchformheader { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #searchbox { float: left; display: inline; background: #DDDDDD url(images/fold_subscribe.gif) no-repeat scroll right top; font-size: 11px; line-height: 11px; width: 278px; color: #666666; font-family: Arial, Helvetica, sans-serif; padding: 10px 5px 8px 5px; margin: 0px 0px 0px 0px; border: none; } #mag-glass-sidebar { float: right; margin: 5px 14px 0px 0px; } /********************************************************************************************************************* * 18. Footer Top * *********************************************************************************************************************/ #footertop { background: #FFFFFF; width: 100%; margin: 0px auto 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #DDDDDD; } #footerwidgets { background: #FFFFFF; width: 940px; font-size: 0px; line-height: 0px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; overflow: hidden; } #footerwidgets p { margin-top: 2px; } #footerwidgets a { text-decoration:none; } #footerwidgets a:hover { text-decoration:underline; } #footerwidgets h4 { margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; text-align: left; color: #2c4088; font-size: 22px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-weight: lighter; text-transform: none; line-height: 20px; border-bottom: 1px solid #7cb900; } #footerwidgets h5 { margin:0px 0px 0px 0px; padding: 2px 0px 0px 0px; } #footerwidgets h5 a { color: #2C4088 !important; font-size: 15px; text-decoration: none; border: none; } #footerwidgets h5 a:hover { text-decoration:none; } #footerwidgets h6 { margin:0px 0px 5px 0px; border-bottom: none; } #footerwidgets h6 a { color: #2C4088; font-size: 15px; text-decoration: none; font-weight: normal; border: none; } #footerwidgets h6 a:hover { text-decoration: underline; color: #7cb900; } #footerwidgets li { text-decoration: none; list-style-type: none; padding: 0px 0px 15px 0px; } #footerwidgets ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; } #footerwidgets ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } #footerwidgets ul li ul li a { text-indent: 10px; } #footerwidgets ul li ul li ul li a { text-indent: 20px; } #footerwidgets .widget { font-size: 15px; line-height: 20px; margin: 0px; padding: 15px 0px 25px 0px; } .footerwidget01 { width: 300px; float: left; display: inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } .footerwidget01 ul li a { color: #2c4088; display: inline; background: none; padding: 4px 0px 0px 0px; } .footerwidget01 ul li a:hover { color:#7CB900; text-decoration:none; } .footerwidget02 { width: 300px; float: left; display: inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } .footerwidget02 ul li a { color: #2c4088; display: block; background: transparent url(images/arrow_bullet.png) no-repeat 0px -80px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 12px; text-decoration:underline; } .footerwidget02 ul li a:hover { display: block; background: transparent url(images/arrow_bullet_hover.png) no-repeat 0px -80px; color: #7CB900; } .footerwidget03 { width: 300px; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /********************************************************************************************************************* * 19. Footer * *********************************************************************************************************************/ #footerbg { background: #fff; width: 100%; margin: 0px auto 0px; } #footer { width: 1000px; height: 110px; color: #666666; margin: 0px auto 0px; padding: 17px 0px 0px 0px; border-top: 1px solid #ccc; } .home #footer { height: 80px; } #footer p { margin: 0px; padding: 0px; } .footerleft { float: left; line-height: 12px; margin-left: 0px; } .footertop { font-size: 13px; color: #666666; font-weight: normal; height: 35px; margin: 0px; padding: 0px 0px 10px 0px; } #footertop-logo { float: left; padding: 4px 10px 0px 0px; } #footertop-text { float: left; line-height: 18px; } .footertop a { color: #666666; text-decoration: underline; } .footertop a:hover { color: #222222; text-decoration: underline; } .footerbottom { font-size: 13px; color: #666666; font-weight: normal; line-height: 16px; padding: 8px 0px 0px 0px; } .footerbottom a { color: #666666; text-decoration: underline; } .footerbottom a:hover { color: #222222; text-decoration: underline; } .footerright { float: right; font-size: 13px; color: #666666; font-weight: normal; text-align: right; line-height: 16px; margin: 0px 0px 0px 0px; } .footerright_h1 { font-size: 15px; color: #c7c7c7; font-weight: normal; } .footerright ul { padding: 0px; margin: 5px 0px 0px 0px; } .footerright a { color: #666666; text-decoration: underline; } .footerright a:hover { color: #222222; text-decoration: underline; } /********************************************************************************************************************* * 20. Comments * *********************************************************************************************************************/ #respond { margin: 20px 0px 10px 0px; } #comment { background: #FFFFFF !important; color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 5px 0px; padding: 4px; border: none; } #submit { background: #EEEEEE; color: #666666; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; margin: 0px; padding: 4px 8px 4px 8px; border: 1px solid #DDDDDD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #submit:hover { background: #669900; color: #FFFFFF; border: 1px solid #669900; } #author, #email, #url { background: #FFFFFF !important; color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 6px; border: 1px solid #DDDDDD; } .commentlist li .avatar { background: #FFFFFF; float: right; margin: 0px 0px 0px 5px; padding: 4px; border: 1px solid #DDDDDD; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; margin: 5px 5px 1px 0px; } #commentform { margin: 5px 10px 0px 0px; } #commentform textarea { width: 100%; padding: 5px; border: 1px solid #dddddd; } #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 0px 0px 10px 0px; float: left; padding: 5px 5px 5px 5px; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-style: normal; font-size: 14px; cursor: pointer; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { font-weight: bold; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; list-style: none; } .commentlist li ul li { font-size: 12px; margin: 15px 0px 0px 0px; } .commentlist p { font-weight: normal; text-transform: none; margin: 10px 0px 10px 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .nocomments { display:none; text-align: center; margin: 0px; padding: 0px; } .reply a, .reply a:visited { display: inline-block; background: #FFFFFF; color: #666666; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; margin: 0px; padding: 4px 10px 4px 10px; border: 1px solid #DDDDDD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .reply a:hover { background: #669900; color: #FFFFFF; text-decoration: none; border: 1px solid #669900; } .commentmetadata { font-size: 10px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; } .thread-even { background: #F5F5F5; margin: 0px; padding: 0px; } .depth-1 { border: 1px solid #DDDDDD; margin: 0px; padding: 0px; } .even, .alt { border: 1px solid #DDDDDD; margin: 0px; padding: 0px; } /* added by tom conlon to remove nav rollovers and expose sub links .sub-menu { display: none !important; } .current-menu-parent .sub-menu, .current_page_item > .sub-menu, .current_page_item > .sub-menu li, .current-page-ancestor > .sub-menu, .current-page-ancestor > .sub-menu > .current-menu-parent .sub-menu, .current-page-ancestor > .sub-menu > .current-menu-parent .sub-menu li, .single-products .menu-item-708 > .sub-menu, .single-products .menu-item-708 > .sub-menu li { display: block !important; position: relative !important; height: auto !important; visibility: visible !important; top: 0 !important; left: 0 !important; } #sidebar ul.menu li ul.sub-menu li ul.sub-menu li { background: #dcdfeb !important; } #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_item a { background: #ebedf3 !important; } #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_item a:hover { background: #2C4088 !important; } #sidebar ul.menu li ul.sub-menu li.current_page_item > a, #sidebar ul.menu li ul.sub-menu li.current-menu-item > a { background: #ebedf3 !important; } #sidebar ul.menu li ul.sub-menu li.current_page_item > a:hover, #sidebar ul.menu li ul.sub-menu li.current-menu-item > a:hover { background: #2C4088 !important; } end tom conlon edits */ /* ---------------------------------------------------------------- Gravity Forms Front End Form Styles Version 1.6 http: //www.gravityforms.com updated: November 3, 2011 3:46 PM Gravity Forms is a Rocketgenius project copyright 2011 Rocketgenius Inc. http: //www.rocketgenius.com this may not be re-distrubited without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ .gform_wrapper { overflow: inherit; margin: 10px 0; max-width: 98% } .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 { font-weight: normal; border: none; outline: none; background: none } .gform_wrapper :focus { outline: 0 } .gform_wrapper form { text-align: left } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { outline-style: none; font-size: 14px; font-family: inherit; padding: 2px 3px 2px 3px; letter-spacing: normal; border: 1px solid #cccccc; } .gform_wrapper input[type=image] { border: none !important; padding: 0 !important; width: auto !important } .gform_wrapper textarea { outline-style: none; font-size: 14px; font-family: inherit; letter-spacing: normal; padding: 2px 3px 2px 3px; border: 1px solid #cccccc; resize: none } .gform_wrapper ul { margin: 0; list-style-type: none } html>body .entry ul, .gform_wrapper ul { text-indent: 0 } .gform_wrapper li, .gform_wrapper form li { list-style-type: none !important; list-style-image: none !important; list-style: none !important; overflow: visible } .gform_wrapper ul li.gfield { clear: both } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow: hidden } .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li { margin-bottom: 14px } .gform_wrapper ul.right_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_checkbox li { margin-bottom: 10px } .gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible } .gform_wrapper select { font-size: 13px; font-family: inherit; padding: 3px 0 3px 0; letter-spacing: normal; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border: 1px solid #cccccc; border-image: initial; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; } .gform_wrapper .inline { display: inline !important } .gform_wrapper .gform_heading { width: 98%; margin-bottom: 18px } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 70px; vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { margin-right: 12px } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { margin-right: 6px } .gform_wrapper .gfield_time_ampm { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_time_ampm select { width: 60px !important } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 70% !important } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 50px; float: left } .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 85% !important } .gform_wrapper .field_hover { border: 1px dashed #2175A9; cursor: pointer } .gform_wrapper .field_selected { background-color: #DFEFFF; border: 1px solid #C2D7EF } .gform_wrapper .field_name_first, .gform_wrapper .field_name_last { width: 50%; float: left } .gform_wrapper .ginput_complex { overflow: hidden } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input { width: 95% !important } .gform_wrapper .field_name_last input { width: 93% !important } .gform_wrapper .datepicker { width: 100px !important } .gform_wrapper .ginput_complex .ginput_left { width: 50%; float: left } .gform_wrapper .ginput_complex .ginput_right { width: 49%; float: right } .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width: 50% } .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width: 90% !important } .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width: 95% !important } .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select { width: 95% !important } .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 96% !important } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: block; margin: 2px 0; font-size: 13px; letter-spacing: 0.5pt } .gform_wrapper .ginput_complex .name_prefix { float: left; width: 30px !important; margin-right: 14px } .gform_wrapper .ginput_complex .name_suffix { float: left; width: 30px !important } .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last { float: left; width: 100px; margin-right: 8px } .gform_wrapper .top_label .gfield_label { margin: 10px 0 4px 0; font-weight: normal; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both; } .gform_wrapper .left_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; } .gform_wrapper .right_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; text-align: right } .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio { margin-left: 32%; overflow: hidden } .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { width: 25% } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 47% } .gform_wrapper .top_label input.medium { padding-right: 2px } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 99.2% } .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small { width: 15% } .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium { width: 35% } .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { width: 63% } .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex { width: 64% } .gform_wrapper h2.gsection_title { margin: 0 !important; padding: 0 !important; letter-spacing: normal !important } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: normal; font-size: 1.3em } .gform_wrapper h3.gform_title { letter-spacing: normal !important; margin: 10px 0 6px 0 } .gform_wrapper span.gform_description { font-weight: normal } .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title { width: 98% } .gform_wrapper .gsection { border-bottom: 1px dotted #CCC; padding: 0 0 8px 0; margin: 16px 0px 10px 0px; clear: both } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important } /* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/ .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative } .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 6px 0; padding: 0 } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block; margin: 0 0 0 24px; padding: 0; width: auto; line-height: 1.5; vertical-align: top } .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input { float: left; margin-top: 2px } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: 0.85em; line-height: 1.5em; clear: both; font-family: sans-serif; letter-spacing: normal } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { padding: 4px 0 8px 0 } .gform_wrapper .gfield_description { padding: 10px 0 0 0; width: 99.8% } .gform_wrapper .left_label .gfield_description, .gform_wrapper .right_label .gfield_description { width:63% } .gform_wrapper .description_above .gfield_description { padding: 0 0 10px 0 } .gfield_date_year+.gfield_description { padding: 0 } .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction { margin-left: 31% } .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description { margin-left: 0; padding-top: 4px; padding-left: 0; line-height: 1.5em } .gform_wrapper .gfield_required { color: #666666; margin-left: 4px } .gform_wrapper textarea.small { height: 80px } .gform_wrapper textarea.medium { height: 150px } .gform_wrapper textarea.large { height: 250px } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #FFDFDF; margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border: 1px solid #C89797 } .gform_wrapper li.gfield.gfield_creditcard_warning { margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border: 1px dashed #C89797 } .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message { font-size:1em; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding: 10px 20px 10px 45px; min-height: 25px; background-image: url(../images/stopbanner.png); background-repeat: no-repeat; background-position: 0 0; background-color: #790000; border-bottom: 1px solid #620101; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,0.50); line-height: 1.3em; letter-spacing: 0.2pt } li.gfield + li.gfield.gfield_creditcard_warning { margin-top: 14px !important } .gform_wrapper li.gfield.gfield_error .gfield_description { color: #790000 } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 99% } .gform_wrapper .top_label .gfield_error { width: 97% } .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea { width: 100% } .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width: 66% } .gform_wrapper .gfield_error .gfield_label { color: #790000 } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 12px; margin-bottom: 12px !important } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 12px } .gform_wrapper .validation_error { color: #790000; font-weight: normal; font-size: 14px; line-height: 1.5em; margin-bottom: 16px } .gform_wrapper .validation_message { color: #790000; font-size: 11px; letter-spacing: normal } .gform_wrapper .gform_footer { padding: 10px 0 10px 0; margin: 10px 0 0 0; clear: both } .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding: 16px 0 10px 31% } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { background: #2C4088; color: white; font-family: 'FranklinGothicFSCondensed', sans-serif, Helvetica, Arial; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 4px 8px; cursor: pointer; border: 1px solid #2C4088; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ie9 .gform_wrapper .gform_footer input.button, .ie9 .gform_wrapper .gform_footer input[type=submit] { display: block; min-width: 55px; padding: 8px 8px 4px 8px !important; text-align: center; } .gform_wrapper .gform_footer input[type=image] { padding: 0; width: auto !important; background: none !important; border: none !important } #gforms_confirmation_message { background-color: #C7FBA8; border: 1px solid #ccc; margin: 10px 0 0 100px; padding: 30px 10px; width: 60%; font-size: 1.4em; color: #2C4088; text-align: center; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height: 43px; display: block; overflow: hidden; margin-bottom: 4px; } .gform_wrapper .ginput_complex .ginput_full input { width: 98% !important } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin: 0 0 8px 0; line-height: 1.3em } .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label { font-weight: bold } .gform_wrapper .product-class { margin-left:30px; } .gform_wrapper .product-class label.gfield_label { border-bottom:1px dotted #ccc; width:100%; } #field_19_19 .gfield_label { display:none; } /* jQuery UI date picker ------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 1em; list-style: none; font-family: "lucida sans", "lucida grande", lucida , sans-serif; background-color: #FFF; font-size: 1em; border: 4px solid #C1C1C1; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative } .ui-datepicker-div, #ui-datepicker-div { z-index: 9999; display: none } .ui-datepicker-inline { float: left; display: block } .ui-datepicker-control { display: none } .ui-datepicker-current { display: none } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; left: 0.5em; top: 0.5em; background-color: #EEE } .ui-datepicker-next { left: 14.6em } .ui-datepicker-next: hover, .ui-datepicker-prev: hover { background-color: #DADADA } .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background-image: url(../images/datepicker_arrow_left.gif); background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #d3d3d3; cursor: pointer } .ui-datepicker-next a { background-image: url(../images/datepicker_arrow_right.gif); background-position: 50% 50%; background-repeat: no-repeat } .ui-datepicker-header select { border: 1px solid #D3D3D3; color: #555; background-color: #E6E6E6; font-size: 1em; line-height: 1.4em; position: absolute; top: 0.5em; margin: 0 !important } .ui-datepicker-header option: focus, .ui-datepicker-header option: hover { background-color: #DADADA } .ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em } .ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em } table.ui-datepicker { width: 15.5em; text-align: right } table.ui-datepicker td a { padding: .1em; display: block; color: #555; background-color: #E6E6E6; cursor: pointer; border: 1px solid #FFF; text-align: center } table.ui-datepicker td a: hover { border: 1px solid #FFF; color: #212121; background-color: #DADADA; text-decoration: none } table.ui-datepicker td a: active { border: 1px solid #AAA; color: #212121; background-color: #FFF; text-decoration: none } table.ui-datepicker .ui-datepicker-title-row td { padding: .2em 0; text-align: center; font-size: 0.9em; color: #222; text-transform: uppercase } table.ui-datepicker .ui-datepicker-title-row td a { color: #222; padding: 0.3em 0 } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 193px; height: 200px } img.ui-datepicker-trigger { cursor: pointer; vertical-align: top; width: 17px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper input.datepicker.datepicker_with_icon { margin-right: 4px !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* tame those pesky hidden fields ------------------------------------------------------*/ .gform_wrapper input[type=hidden], .gform_wrapper input.gform_hidden, .gform_wrapper .gform_hidden, .gform_wrapper .gf_hidden { display: none !important; max-height: 1px !important; overflow: hidden } .gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br { display: none !important } /* additional spacing and padding tweaks ------------------------------------------------------*/ .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding: 0 !important } .gform_wrapper ul.gfield_radio li input+input { margin-left: 4px; } .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] { margin-right: 6px; margin-top: 4px } .gform_wrapper .top_label .gfield_description, { padding: 10px 0 0 0 } .gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message { padding: 10px 0 10px 0 !important } .gform_wrapper .ginput_container + .gfield_description.validation_message { margin-top: 6px } .gform_wrapper .ginput_container.ginput_list { margin-top: 6px } .gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message { margin-top: 0 } /* HTML field default margins -----------------------------------------------------*/ .gform_wrapper .left_label li.gfield_html_formatted, .gform_wrapper .right_label li.gfield_html_formatted { margin-left: 32% } .gform_wrapper .gfield_html.gfield_no_follows_desc { margin-top: 10px } /* ajax forms ------------------------------------------------------*/ .gform_wrapper .gform_ajax_spinner { padding-left: 10px } /* hide the honeypot field ------------------------------------------------------*/ .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px } /* Really Simple Captcha ------------------------------------------------------*/ .gform_wrapper .gfield_captcha_input_container { padding-top: 3px } .gform_wrapper .simple_captcha_small input { width: 100px } .gform_wrapper .simple_captcha_medium input { width: 150px } .gform_wrapper .simple_captcha_large input { width: 200px } .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .right_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_large { margin-left: 32% } .gform_wrapper .gfield_captcha_container img.gfield_captcha { border: none !important; background: none !important; float: none !important; margin: 0 !important; padding: 0 !important } /* math challenge ------------------------------------------------------*/ .gform_wrapper .math_small input { width: 69px } .gform_wrapper .math_medium input { width: 90px } .gform_wrapper .math_large input { width: 108px } .gform_wrapper .left_label .math_small, .gform_wrapper .right_label .math_small, .gform_wrapper .left_label .math_medium, .gform_wrapper .right_label .math_medium, .gform_wrapper .left_label .math_large, .gform_wrapper .right_label .math_large { margin-left: 32% } /* textarea character counter ------------------------------------------------------*/ .gform_wrapper div.charleft { font-size: 11px; margin-top: 4px; color: #B7B7B7; width: 92% !important; white-space: nowrap !important } .gform_wrapper div.charleft[style] { width: 92% !important } .gform_wrapper .left_label div.charleft, .gform_wrapper .right_label div.charleft { margin-left: 32% } .gform_wrapper div.charleft.warningTextareaInfo { color: #A1A1A1 } .gform_wrapper li.gf_hide_charleft div.charleft { display: none !important } /* pricing fields ------------------------------------------------------*/ .gform_wrapper .ginput_price { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 } .gform_wrapper span.ginput_total { color: #060; font-size: 1.2em } .gform_wrapper .top_label span.ginput_total { margin: 8px 0 } .gform_wrapper span.ginput_product_price_label { margin-right: 2px } .gform_wrapper span.ginput_product_price { color: #900 } .gform_wrapper span.ginput_quantity_label { margin-left: 10px; margin-right: 2px } .gform_wrapper input.ginput_quantity { width: 40px } /* multi-page form paging ------------------------------------------------------*/ .gform_wrapper .gform_page_footer { margin: 20px 0; width: 92%; border-top: 1px dotted #CCC; padding: 16px 0 0 0 } .gform_wrapper .gform_page_footer .button.gform_button { margin-right: 10px } /* multi-page progress bar ------------------------------------------------------*/ .gform_wrapper .gf_progressbar_wrapper { clear: both; width: 92%; margin: 0 0 8px 0; padding: 0 0 16px 0; border-bottom: 1px dotted #CCC } .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { font-size: 13px; line-height: 1em !important; margin: 0 0 6px 0 !important; padding: 0 !important; clear: both; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 } .gform_wrapper .gf_progressbar { width: 99%; height: 20px; overflow: hidden; line-height: 20px !important; border: 1px solid #ACACAC; border-right: 1px solid #959595; border-bottom: 1px solid #959595; background-image: url(../images/percentbar_bg.png); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .gform_wrapper .gf_progressbar_percentage { height: 20px; text-align: right; font-family: helvetica,arial,sans-serif; font-size: 13px !important; text-shadow: 0 1px 1px rgba(0,0,0,0.50) } .gform_wrapper .gf_progressbar_percentage span { margin-right: 5px; margin-left: 5px } .gform_wrapper .percentbar_blue { background-image: url(../images/percentbar_blue.png); background-repeat: repeat-x; background-color: #0072BC; color: #FFF } .gform_wrapper .percentbar_gray { background-image: url(../images/percentbar_gray.png); background-repeat: repeat-x; background-color: #666; color: #FFF } .gform_wrapper .percentbar_green { background-image: url(../images/percentbar_green.png); background-repeat: repeat-x; background-color: #94DC21; color: #FFF } .gform_wrapper .percentbar_orange { background-image: url(../images/percentbar_orange.png); background-repeat: repeat-x; background-color: #DC7021; color: #FFF } .gform_wrapper .percentbar_red { background-image: url(../images/percentbar_red.png); background-repeat: repeat-x; background-color: #DC2521; color: #FFF } .gform_wrapper .percentbar_custom { background-image: url(../images/percentbar_custom.png); background-repeat: repeat-x } /* multi-page steps ------------------------------------------------------*/ .gform_wrapper .gf_page_steps { width: 92%; margin: 0 0 8px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #CCC } .gform_wrapper .gf_step { width: auto !important; margin: 0 10px 10px 0; font-size: 14px; height: 20px; line-height: 20px !important; filter: alpha(opacity=50); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; font-family: arial,sans-serif; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .gf_step span.gf_step_number { font-size: 20px; float: left; font-family: arial,sans-serif } .gform_wrapper .gf_step.gf_step_active { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0 } .gform_wrapper .gf_step_clear { display: block; clear: both; height: 1px; overflow: hidden } /* password strength indicator -----------------------------------------------------------------*/ .gform_wrapper .gfield_password_strength { border: 1px solid #DDD; margin: 0; padding: 3px 5px; text-align: center; width: 200px; background-color: #EEE } .gform_wrapper .gfield_password_strength.bad { background-color: #FFB78C; border-color: #FF853C } .gform_wrapper .gfield_password_strength.good { background-color: #FFEC8b; border-color: #FC0 } .gform_wrapper .gfield_password_strength.short, .gform_wrapper .gfield_password_strength.mismatch { background-color: #FFA0A0; border-color: #f04040 } .gform_wrapper .gfield_password_strength.strong { background-color: #C3FF88; border-color: #8DFF1C } /* reset the default list styles for the HTML blocks -----------------------------------------------------------------*/ body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li { list-style-type: disc !important; overflow: visible; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul { list-style-type: disc !important; margin: 0 0 1.5em 1.5em; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li { list-style-type: decimal!important; overflow:visible; margin: 0 0 .5em 0; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol { list-style-type: decimal!important; margin: 0 0 1.5em 1.5em; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl { margin: 0 0 1.5em 0; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt { font-weight: bold } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd { margin: 0 0 1em 1.5em; } /* list fields added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper table.gfield_list, .gform_wrapper table.gfield_list caption, .gform_wrapper table.gfield_list tbody, .gform_wrapper table.gfield_list tfoot, .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr, .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } .gform_wrapper table.gfield_list { border-spacing: 0; border-collapse:collapse } .gform_wrapper table.gfield_list thead th { font-weight: bold; text-align: left } .gform_wrapper li.gfield.gfield_error table.gfield_list thead th { color: #790000 } .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr { padding: 0; margin: 0 } .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { padding:0 0 0.5em 0 } .gform_wrapper table.gfield_list th + th, .gform_wrapper table.gfield_list td + td { padding:0 0 0.5em 0.7em } .gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list { width: 64% } .gform_wrapper .top_label .gfield_list { width: 99% } .gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column { width: 45% } .gform_wrapper .top_label .gf_list_one_column { width: 46% } .gform_wrapper .gfield_list input{ width: 98% } .gfield_icon_disabled { cursor: default !important; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 } .gform_wrapper table.gfield_list td.gfield_list_icons { min-width: 45px !important } /* enhanced UI/select styles added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important } .gform_wrapper .chzn-container { font-size: 13px; position: relative; margin-bottom: 4px; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .chzn-container .chzn-drop { background-color: #FFF; border: 1px solid #AAA; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); z-index: 999 } .gform_wrapper .chzn-container-single .chzn-single { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -o-linear-gradient(top, #EEE 0%,#FFF 50%); background-image: -ms-linear-gradient(top, #EEE 0%,#FFF 50%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FFF',GradientType=0 ); background-image: linear-gradient(top, #EEE 0%,#FFF 50%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #AAA; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 0 0 0 8px; color: #444; text-decoration: none } .gform_wrapper .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis } .gform_wrapper .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #CCC; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCC), color-stop(0.6, #EEE)); background-image: -webkit-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -o-linear-gradient(bottom, #CCC 0%, #EEE 60%); background-image: -ms-linear-gradient(top, #CCC 0%,#EEE 60%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #CCC 0%,#EEE 60%); border-left: 1px solid #AAA; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px } .gform_wrapper .chzn-container-single .chzn-single div b { background-image: url(../images/chosen-sprite.png); background-position: 0 1px; background-repeat: no-repeat; display: block; width: 100%; height: 100% } .gform_wrapper .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap } .gform_wrapper .chzn-container-single .chzn-search input { background: #FFF url(../images/chosen-sprite.png) 100% -20px no-repeat; background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #AAA; font-family: sans-serif; font-size: 1em } .gform_wrapper .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .gform_wrapper .chzn-container-multi .chzn-choices { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -o-linear-gradient(bottom, white 85%, #EEE 99%); background-image: -ms-linear-gradient(top, #FFF 85%,#EEE 99%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 85%,#EEE 99%); border: 1px solid #AAA; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative } .gform_wrapper .chzn-container-multi .chzn-choices li { float: left; list-style: none } .gform_wrapper .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0 } .gform_wrapper .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none } .gform_wrapper .chzn-container-multi .chzn-choices .search-field .default { color: #999 } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #E4E4E4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E4E4), color-stop(0.7, #EEE)); background-image: -webkit-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -moz-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #EEE 70%); background-image: -ms-linear-gradient(top, #E4E4E4 0%,#EEE 70%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #E4E4E4 0%,#EEE 70%); color: #333; border: 1px solid #B4B4B4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice span { cursor: default } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus { background-color: #D4D4D4 } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background-image: url(../images/chosen-sprite.png); background-position: right top; background-repeat: no-repeat } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close: hover { background-position: right -9px } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px } .gform_wrapper .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto } .gform_wrapper .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0 } .gform_wrapper .chzn-container .chzn-results li { line-height: 80%; padding: 7px 7px 8px; margin: 0; list-style: none } .gform_wrapper .chzn-container .chzn-results .active-result { cursor: pointer } .gform_wrapper .chzn-container .chzn-results .highlighted { background-color: #F0F0F0; } .gform_wrapper .chzn-container .chzn-results li em { background-color: #FEFFDE; font-style: normal } .gform_wrapper .chzn-container .chzn-results .highlighted em { background: transparent } .gform_wrapper .chzn-container .chzn-results .no-results { background-color: #F4F4F4 } .gform_wrapper .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold } .gform_wrapper .chzn-container .chzn-results .group-option { padding-left: 20px } .gform_wrapper .chzn-container-multi .chzn-drop .result-selected { display: none } .gform_wrapper .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3) } .gform_wrapper .chzn-container-active .chzn-single-with-drop { border: 1px solid #AAA; -webkit-box-shadow: 0 1px 0 #FFF inset; -moz-box-shadow: 0 1px 0 #FFF inset; -o-box-shadow: 0 1px 0 #FFF inset; box-shadow: 0 1px 0 #FFF inset; background-color: #EEE; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -o-linear-gradient(bottom, white 0%, #EEE 50%); background-image: -ms-linear-gradient(top, #FFF 0%,#EEE 50%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 0%,#EEE 50%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0 } .gform_wrapper .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none } .gform_wrapper .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px } .gform_wrapper .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3) } .gform_wrapper .chzn-container-active .chzn-choices .search-field input { color: #111 !important } .gform_wrapper .chzn-rtl { direction: rtl; text-align: right } .gform_wrapper .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px } .gform_wrapper .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0 } .gform_wrapper .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #AAA; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .gform_wrapper .chzn-rtl .chzn-choices li { float: right } .gform_wrapper .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0 } .gform_wrapper .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top } .gform_wrapper .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px } .gform_wrapper .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px } .gform_wrapper .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none } .gform_wrapper .chzn-rtl .chzn-search input { background: url(../images/chosen-sprite.png) -38px -20px no-repeat, #FFF; background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); padding: 4px 5px 4px 20px } /* ============================================================================ */ /* ! CSS Ready Classes ------------------------------------------------------ */ /* ============================================================================ */ /* inline fields ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_inline { vertical-align: top; width: auto !important; margin-right: 14px; float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].large { width: 25.4em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium { width: 18.7em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium { width: 6em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].small { width: 5em !important } .gform_wrapper .top_label li.gfield.gf_inline select { width: auto !important } .gform_wrapper .top_label li.gfield.gf_inline textarea { width: 95% !important } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text], .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] { width: 70% !important } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year { width: 50px } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm { width: auto } .gform_wrapper li.gf_inline div.ginput_container { white-space: nowrap !important } /* 2 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_half { margin: 0 0 8px 0; width: 49% } .gform_wrapper .top_label li.gfield.gf_right_half { margin: 0 0 8px 0; width: 49% } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 46% } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { margin-right: 1% } .gform_wrapper .top_label li.gfield.gf_left_half { float: left; clear: left !important } .gform_wrapper .top_label li.gfield.gf_right_half { float: right; clear: right !important } .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large { width: 97% } .gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea { width: 98% } .gform_wrapper .top_label li.gfield.gf_left_half input.small, .gform_wrapper .top_label li.gfield.gf_right_half input.small { width: 35% } .gform_wrapper .top_label li.gfield.gf_left_half+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half+li.gsection { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 0 0 8px 0 } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer { clear: both } /* 3 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { margin: 0 0 8px 0; width: 32% } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { width: 29% } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { margin-right: 1% } .gform_wrapper .top_label li.gfield.gf_left_third { float: left; clear: left !important } .gform_wrapper .top_label li.gfield.gf_middle_third { float: left; margin-left: 2%; clear: none !important } .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third { margin-left: 3% } .gform_wrapper .top_label li.gfield.gf_right_third { float: right; clear: right !important } .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large { width: 95% } .gform_wrapper .top_label li.gfield.gf_left_third+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_third+li.gsection { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer { clear: both } /* radio/checkbox sub-column ready classes ------------------------------------------------------*/ .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li { width: 50%; float: left; margin: 0 0 8px 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_col3 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_col3 ul.gfield_radio li, .gform_wrapper li.gfield.gf_col3 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_col3 ul.gfield_radio li { width: 33%; float: left; margin: 0 0 8px 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li { width: 25%; float: left; margin: 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li { width: 20%; float: left; margin: 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_col3 ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_col3 ul.gfield_radio, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_col3 ul.gfield_checkbox, .gform_wrapper li.gfield.gf_col3 ul.gfield_radio { overflow: hidden } /* optional height settings for the radio/checkbox columns */ .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li { height: 25px } .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li { height: 50px } .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li { height: 75px } .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li { height: 100px } .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li { height: 125px } .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li { height: 150px } /* radio/checkbox inline list ready classes ------------------------------------------------------*/ .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { width: auto !important; float: none !important; margin: 0 10px 10px 0; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* hide am/pm field ready class ------------------------------------------------------*/ .gform_wrapper li.gf_hide_ampm div.gfield_time_ampm { display: none !important } /* scrolling text section break ready class ------------------------------------------------------*/ .gform_wrapper li.gsection.gf_scroll_text { height: 180px; width: 96%; overflow: auto; border: 1px solid #CCC; border-bottom: 1px solid #CCC !important } .gform_wrapper li.gsection.gf_scroll_text h2.gsection_title { margin: 10px 10px 0 10px !important } .gform_wrapper li.gsection.gf_scroll_text .gsection_description { margin: 10px; font-size: 0.8em } /* credit card icons ------------------------------------------------------*/ .gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px } .gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(../images/gf_creditcard_icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float:left } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px } /* credit card fields ------------------------------------------------------*/ .gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left } .gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; margin-right: 1% } .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important } .gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label { white-space: nowrap !important } .gform_wrapper .ginput_complex span.ginput_cardextras { display: block; overflow: hidden } .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important } .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 48% !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px } .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { max-width: 50% !important } .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(../images/gf_creditcard_icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* ================================================================================= */ /* ! Browser Specific Rules ------------------------------------------------------ */ /* ================================================================================= */ /* Safari specific rules ------------------------------------------------------*/ .entry .gform_wrapper.gf_browser_safari ul li:before, .entry .gform_wrapper.gf_browser_safari ul li:after { content: "" } .gform_wrapper.gf_browser_safari .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_safari .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_safari .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_safari .gfield_checkbox li input { margin-top: 4px } /* Chrome specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_chrome ul li: before, .gform_wrapper.gf_browser_chrome ul li: after, .entry .gform_wrapper.gf_browser_chrome ul li:before, .entry .gform_wrapper.gf_browser_chrome ul li:after { content: none } .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_chrome .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_chrome .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { margin-top: 4px } /* Firefox specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_gecko ul li: before, .gform_wrapper.gf_browser_gecko ul li: after, .entry .gform_wrapper.gf_browser_gecko ul li:before, .entry .gform_wrapper.gf_browser_gecko ul li:after { content: none } .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select { margin-left: 2px } .gform_wrapper.gf_browser_gecko .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 2px } /* Opera specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_opera ul li: before, .gform_wrapper.gf_browser_opera ul li: after, .entry .gform_wrapper.gf_browser_opera ul li:before, .entry .gform_wrapper.gf_browser_opera ul li:after { content: none } .gform_wrapper.gf_browser_opera .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px } .gform_wrapper.gf_browser_opera .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_opera .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_opera .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } /* IE specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_ie ul li: before, .gform_wrapper.gf_browser_ie ul li: after, .entry .gform_wrapper.gf_browser_ie ul li:before, .entry .gform_wrapper.gf_browser_ie ul li:after { content: none } .gform_wrapper.gf_browser_ie .gfield_time_hour { width: 80px } .gform_wrapper.gf_browser_ie .gfield_time_minute { width: 70px } .gform_wrapper.gf_browser_ie .gfield_time_ampm { padding-top: 2px } .gform_wrapper.gf_browser_ie .gfield_time_hour input, .gform_wrapper.gf_browser_ie .gfield_time_minute input { margin-left: 0 } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left label, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right label { margin: 3px 0 5px 0 } .gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 3px } .gform_wrapper.gf_browser_ie ul.top_label .clear-multi { overflow: hidden; clear: both } .gform_wrapper.gf_browser_ie .gfield_radio li { line-height: 1.3em !important } .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_ie .gfield_checkbox li input { margin-top: 0 } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select { padding: 2px 0 2px 0 } .gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width: 99%!important} .gform_wrapper.gf_browser_ie .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_ie .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { position: relative; top: -1px; left: 4px } /* iPhone specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_iphone ul li: before, .gform_wrapper.gf_browser_iphone ul li: after, .entry .gform_wrapper.gf_browser_iphone ul li:before, .entry .gform_wrapper.gf_browser_iphone ul li:after { content: none } /* rules for other unknown browsers ------------------------------------------------------*/ .gform_wrapper.gf_browser_unknown ul li: before, .gform_wrapper.gf_browser_unknown ul li: after, .entry .gform_wrapper.gf_browser_unknown ul li:before, .entry .gform_wrapper.gf_browser_unknown ul li:after { content: none } /* additional from styles ------------------------------------------------------*/ .pagination { clear:both; padding:20px 0; position:relative; font-size:13px; line-height:22px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 15px 5px 15px; text-decoration:none; width:auto; color:#fff; background: #2d4088; } #contentleft .pagination a.inactive { color:#fff !important; text-decoration:none; } .pagination a:hover{ color:#fff; background: #70d44d; } .pagination .current{ padding:6px 15px 5px 15px; background: #70d44d; color:#fff; } #contentleft .postarea-search .pagination a { color:#fff !important; text-decoration:none; } #contentleft .postarea a.readMorebtn { color: #fff !important; display: inline-block; font-size: 15px; height: auto; margin: 0; outline: 0; overflow: hidden; text-decoration: none; width: auto; margin-top: 0; padding:8px 15px; background:#2d4088; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; } #contentleft .postarea a.readMorebtn:hover { background:#70d44d; color:#fff; } ul.product-info { width:100%; height:auto; margin:0px; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } ul.product-info li { width:230px; height:auto; margin:0 30px 40px 0; padding:0px; float:left; list-style:none; } ul.product-info li:nth-child(3n+3) { margin-right:0px; } ul.product-info li figure { width:100%; height:200px; margin:0 0 15px 0; padding:0px; border:#e4e4e4 solid 1px; overflow:hidden; } ul.product-info li figure img { width:100%; height:auto; } ul.product-info li h3 { font-size:18px; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; margin-bottom:15px; } #contentleft ul.product-info li p { font-size:16px; line-height:22px; } .page-id-5446 #contentleft .postarea, .page-id-5442 #contentleft .postarea, .page-id-5444 #contentleft .postarea { width:750px; height:auto; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper { width:240px; height:auto; float:left; border:none; margin-bottom:30px; margin-right:15px; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner { width:240px; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p { width:240px; height:240px; margin:0px; padding:0px; overflow:hidden; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p img, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p img, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p img { max-width:100%; height:200px; margin:0px; padding:0px; float:left; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a { width:auto; height:16px; float:left; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-size:16px; padding:6px 0 6px 20px; text-decoration:none; background-image: url(images/downloadPic.png); background-repeat: no-repeat; background-position:0 10px; } .page-id-5446 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a:hover, .page-id-5442 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a:hover, .page-id-5444 #contentleft .postarea .tronox-photo-wrapper .tronox-photo-wrapper-inner p a:hover { background-position:0 -24px; } .page-id-62 #contentleft .postarea .gform_wrapper, .page-id-832 #contentleft .postarea .gform_wrapper, .page-id-872 #contentleft .postarea .gform_wrapper, .page-id-734 #contentleft .postarea .gform_wrapper { width:96%; padding:2%; margin:0px; font-style:normal; } .page-id-832 #contentleft .postarea, .page-id-872 #contentleft .postarea { width:100%; } .page-id-62 #contentleft .postarea ul.ourCompanyForm, .page-id-832 #contentleft .postarea ul.ourCompanyForm, .page-id-872 #contentleft .postarea ul.ourCompanyForm, .page-id-734 #contentleft .postarea ul.ourCompanyForm { width:100%; height:auto; margin:15px 0 25px 0px; padding:0px; float:left; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li, .page-id-832 #contentleft .postarea ul.ourCompanyForm li, .page-id-872 #contentleft .postarea ul.ourCompanyForm li, .page-id-734 #contentleft .postarea ul.ourCompanyForm li { width:100%; height:auto; margin:0px; padding:0px; list-style:none; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li strong, .page-id-832 #contentleft .postarea ul.ourCompanyForm li strong, .page-id-872 #contentleft .postarea ul.ourCompanyForm li strong, .page-id-734 #contentleft .postarea ul.ourCompanyForm li strong { width:94%; height:auto; margin:0; padding:20px 3%; background-color: #efefef; display:block; font-size:26px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-weight:bold; color:#2d4088; background-image: url('images/togglePlus.png'); background-position: 97% center; background-repeat: no-repeat; cursor: pointer; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li strong:hover, .page-id-832 #contentleft .postarea ul.ourCompanyForm li strong:hover, .page-id-872 #contentleft .postarea ul.ourCompanyForm li strong:hover, .page-id-734 #contentleft .postarea ul.ourCompanyForm li strong:hover { background-image: url('images/togglePlusWhite.png'); background-color:#2d4088; color:#fff; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li strong.hideDesc, .page-id-832 #contentleft .postarea ul.ourCompanyForm li strong.hideDesc, .page-id-872 #contentleft .postarea ul.ourCompanyForm li strong.hideDesc, .page-id-734 #contentleft .postarea ul.ourCompanyForm li strong.hideDesc { background-image: url('images/toggleMinus.png'); background-color:#2d4088; color:#fff; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper, .page-id-832 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper, .page-id-872 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper { font-style:normal; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper h2, .page-id-832 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper h2, .page-id-872 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper h2, .page-id-734 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper h2 { color:#2d4088; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; font-size:26px; bottom-bottom:#ccc solid 1px; margin:30px 0 10px !important; padding:0 0 15px !important; } .page-id-62 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper .gform_heading, .page-id-832 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper .gform_heading, .page-id-872 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper .gform_heading, .page-id-734 #contentleft .postarea ul.ourCompanyForm li em .gform_wrapper .gform_heading { display:none; } .page-id-62 #contentleft .postarea h2, .page-id-832 #contentleft .postarea h2, .page-id-872 #contentleft .postarea h2, .page-id-734 #contentleft .postarea h2 { width:100%; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; font-size:26px; float:left; padding:0 0 15px 0; margin:15px 0 20px 0; border-bottom:#ccc solid 1px; } .postarea ul.ourcompany-contact { width:750px; height:auto; margin:20px 0; padding:0px; float:left; display:block; } .postarea ul.ourcompany-contact li { width:230px; height:auto; margin:0 25px 30px 0; padding:0px; list-style:none; display:inline-table; } .postarea ul.ourcompany-contact li p.strong { font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; color:#2d4088; font-size:18px; line-height:24px; padding:0 0 5px 0; } .page-id-118 #contentleft .postarea h2, .page-id-133 #contentleft .postarea h2, .page-id-169 #contentleft .postarea h2, .page-id-179 #contentleft .postarea h2, .page-id-779 #contentleft .postarea h2, .page-id-728 #contentleft .postarea h2 { font-size:28px; color:#2c4088; margin:5px 0px 25px 0px; padding:15px 0px 20px 0px; border-top: none; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; border-bottom:#cccccc solid 1px; } #contentleft .postarea .productGridView, #contentleft .postarea .product-list-group { width:750px; height:auto; margin:0px; padding:0px; box-sizing: border-box; float:left; } #contentleft .postarea .productGridView .product-list-item { float: left; height: auto; list-style: outside none none; margin: 0 30px 30px 0; padding: 0; width: 230px; border-bottom:none; } #contentleft .postarea .productGridView .product-list-item a.readMorebtn { margin-top:15px; } #contentleft .postarea .productGridView .product-list-item h3 { font-size:24px; color:#000; margin:0 0 15px 0; padding:0px; border-top: none; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; } #contentleft .postarea .productGridView .product-list-item p { font-size:16px; line-height:20px; } .page-id-110 #contentleft .postarea table.unstyled-table, .page-id-112 #contentleft .postarea table.unstyled-table, .page-id-114 #contentleft .postarea table.unstyled-table { width:772px; height:auto; background-color:#f1f2f2; padding:15px; border-collapse:inherit; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; color:#2d4088; font-size:18px; } .page-id-110 #contentleft .postarea table.unstyled-table tbody tr td, .page-id-112 #contentleft .postarea table.unstyled-table tbody tr td, .page-id-114 #contentleft .postarea table.unstyled-table tbody tr td { width:244px; } .page-id-110 #contentleft .postarea table.unstyled-table tbody tr td a, .page-id-112 #contentleft .postarea table.unstyled-table tbody tr td a, .page-id-114 #contentleft .postarea table.unstyled-table tbody tr td a { text-decoration:none; padding:10px 0px; display:inline-table; } .page-id-110 #contentleft .postarea table, .page-id-112 #contentleft .postarea table, .page-id-114 #contentleft .postarea table { width:772px; height:auto; border-collapse:collapse; margin-bottom:25px; margin-top:0px; display:table; } .page-id-110 #contentleft .postarea table tbody tr td, .page-id-112 #contentleft .postarea table tbody tr td, .page-id-114 #contentleft .postarea table tbody tr td { width:244px; border:none; padding-right:20px; padding-left:0px; padding-bottom:20px; padding-top:0px; display:table-cell; } .page-id-110 #contentleft .postarea table tr:nth-child(2n+1), .page-id-112 #contentleft .postarea table tr:nth-child(2n+1), .page-id-114 #contentleft .postarea table tr:nth-child(2n+1) { background-color:transparent; border-left: none; border-right: none; } .page-id-110 #contentleft .postarea table tbody tr td h2, .page-id-112 #contentleft .postarea table tbody tr td h2, .page-id-114 #contentleft .postarea table tbody tr td h2 { width:244px; height:auto; background-color:#2d4088; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; font-size:24px; color:#fff; padding:15px 0px !important; margin:0 0 10px 0; text-align:center; } .page-id-110 #contentleft .postarea table tbody tr td h3, .page-id-112 #contentleft .postarea table tbody tr td h3, .page-id-114 #contentleft .postarea table tbody tr td h3 { width:244px; height:auto; background-color:#f1f2f2; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; font-size:18px; color:#2d4088; padding:15px 0px !important; margin:0 0 15px 0; text-align:center; } .page-id-110 #contentleft .postarea table tbody tr td p, .page-id-112 #contentleft .postarea table tbody tr td p, .page-id-114 #contentleft .postarea table tbody tr td p { width:100%; height:auto; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-size:18px; line-height:26px; color:#000; padding:0px !important; margin:0 0 10px 0; text-align:left; word-break:break-all; white-space:normal; } .page-id-110 #contentleft .postarea table tbody tr td p strong, .page-id-110 #contentleft .postarea table tbody tr td p em, .page-id-112 #contentleft .postarea table tbody tr td p strong, .page-id-112 #contentleft .postarea table tbody tr td p em, .page-id-114 #contentleft .postarea table tbody tr td p strong, .page-id-114 #contentleft .postarea table tbody tr td p em { width:100%; height:auto; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-size:18px; line-height:26px; color:#000; padding:0px !important; margin:0px; text-align:left; font-weight:bold; font-style:normal; } .page-id-110 #contentleft .postarea h2, .page-id-112 #contentleft .postarea h2, .page-id-114 #contentleft .postarea h2 { width:244px; height:auto; background-color:#2d4088; font-family: 'Helvetica 77 Cond Bold', sans-serif, Helvetica, Arial; font-size:28px; color:#fff; padding:15px 0px !important; margin:0 0 10px 0; text-align:center; } .page-id-280 #content #contentleft .postarea ul.product-info li p img.alignleft, .page-id-4741 #content #contentleft .postarea ul.product-info li img.alignnone { width:100%; height:220px; margin:0 0 15px 0; padding:0px; } .page-id-280 #content #contentleft .postarea ul.product-info li p { padding-bottom:5px; } .page-id-280 #content #contentleft .postarea ul.product-info li p a { width:auto; height:16px; float:left; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-size:16px; padding:6px 0 6px 20px; text-decoration:none; background-image: url(images/downloadPic.png); background-repeat: no-repeat; background-position:0 10px; } .page-id-280 #content #contentleft .postarea ul.product-info li p a:hover { background-position:0 -24px; } .page-id-4741 #content #contentleft .postarea ul.product-info li a { width:auto; height:16px; float:left; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; font-size:16px; padding:6px 0 6px 20px; text-decoration:none; background-image: url(images/downloadPic.png); background-repeat: no-repeat; background-position:0 10px; } .page-id-4741 #content #contentleft .postarea ul.product-info li a:hover { background-position:0 -24px; } .col-3 { float: left; width: 33.33%; } #contentleft .col-3 h2 { margin:5px 0 5px; padding:0px; line-height:1.1; color:#2c4088; font-size:22px; } #contentleft .col-3 h3 { font-size: 20px; font-weight: bold; margin: 10px 0 5px; padding: 0; } .page-id-734 .postarea { width:100%; } .page-id-734 .gform_wrapper { width:100%; float:left; background: #eeeeee; padding: 20px; } #contentleft ul.ourcompany-contact li h4 { color: #000; font-size: 21px; font-weight: bold; margin-bottom: 10px; font-family: 'Neue Helvetica W1G 45 Cond Lgt', sans-serif, Helvetica, Arial; } #navbar ul.main-navigation li span.sf-sub-indicator { display:none !important; } #navbar ul.main-navigation li { display: block; position: relative; float: left; } #navbar ul.main-navigation li a { font-family: 'Neue Helvetica W1G 45 Cond Lgt', Arial, Helvetica, sans-serif; font-size: 18px; /*height: 17px;*/ line-height: 16px; margin: 0; padding: 15px 18px 13px; display: block; text-decoration: none; text-shadow: none; white-space: nowrap; /*color: #2d4088;*/ } #navbar ul.main-navigation li.current-menu-item > a, #navbar ul.main-navigation li.current-menu-ancestor > a, #navbar ul.main-navigation li.current-page-ancestor > a, #navbar ul.main-navigation li.current-menu-parent > a, #navbar ul.main-navigation li a:hover { background: #70d44d; color:#fff; } #navbar ul.main-navigation li ul { display: none; /*position:absolute;*/ } #navbar ul.main-navigation li:hover > ul { display: block; position: absolute; } #navbar ul.main-navigation li:hover li { float: none; } #navbar ul.main-navigation li:hover li a:hover { background: #2e4088; color:#fff; } #navbar ul.main-navigation li ul li { width:100%; border-top: 0; } #navbar ul.main-navigation ul ul { left: 260px; top: 0; } #navbar ul.main-navigation li ul { width:260px; } #navbar ul.main-navigation li ul li a { font-size:15px; display: block; padding: 8px 15px; background: #ffffff none repeat scroll 0 0; border-bottom: medium none; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; text-decoration: none; white-space: nowrap; color: #2d4088; } #navbar ul.main-navigation li ul li:last-child a { border-bottom: 1px solid #cccccc; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Arrow Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #navbar ul.main-navigation li a span.menuArrow { background:url(images/arrow-downBlue.png) no-repeat 5px 7px; width:20px; height:10px; display:inline-table; } #navbar ul.main-navigation li a:hover span.menuArrow, #navbar ul.main-navigation li.current-menu-item a span.menuArrow, #navbar ul.main-navigation li.current-menu-ancestor a span.menuArrow { background:url(images/arrow-downwhite.png) no-repeat 5px 7px; width:20px; height:10px; display:inline-table; } #navbar ul.main-navigation li a span.menuArrow1 { background:url(images/arrow-downwhite.png) no-repeat 5px 7px; width:20px; height:10px; display:inline-table; } #navbar ul.main-navigation li ul li a span.menuArrow, #navbar ul.main-navigation li.current-menu-item ul li a span.menuArrow, #navbar ul.main-navigation li.current-menu-ancestor ul li a span.menuArrow { background:url(images/arrow-leftBlue.png) no-repeat 75px 4px; width:100%; height:10px; display:inline-table; } #navbar ul.main-navigation li ul li a:hover span.menuArrow { background:url(images/arrow-leftwhite.png) no-repeat 75px 4px; width:100%; height:10px; display:inline-table; } /*body.postid-855 #navbar ul.main-navigation > li > a > span.menuArrow { background:url(images/arrow-downwhite.png) no-repeat 5px 7px; width:20px; height:10px; display:inline-table; }*/ body.postid-850 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-852 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-855 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-3621 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-1803 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-1804 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-1805 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-1806 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-3630 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-342 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-471 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-476 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-483 #navbar ul.main-navigation > li > a > span.menuArrow, body.postid-485 #navbar ul.main-navigation > li > a > span.menuArrow, body.page-id-862 #navbar ul.main-navigation > li > a > span.menuArrow, body.page-id-864 #navbar ul.main-navigation > li > a > span.menuArrow, body.page-id-866 #navbar ul.main-navigation > li > a > span.menuArrow, body.page-id-3242 #navbar ul.main-navigation > li > a > span.menuArrow, body.page-id-872 #navbar ul.main-navigation > li > a > span.menuArrow { background:url(images/arrow-downwhite.png) no-repeat 5px 7px; width:20px; height:10px; display:inline-table; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~ End Arrow Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .crisis-communication { color: rgb(153, 153, 153); font-size: 14px; padding: 15px 10px 0 0; position: absolute; right: 537px; } .crisis-communication a { border-right: 1px solid #70d44d; color: #70d44d; margin-right: 5px; padding-right: 10px; text-decoration: none; } .crisis-communication > a:hover{text-decoration:underline;} /*Added by Nikesh 08-Feb-2016 start*/ .headerTopWrap { width:auto; float:right; position:relative; z-index:99; } .headerTopWrap .tronox-alkali-top, .headerTopWrap .crisis-communication, .headerTopWrap #global-menu-container, .headerTopWrap #hometopright { position:relative; right:auto; float:left; } #tronox-contact-us { float:left; font-size: 14px; padding: 15px 10px 0 0; } #tronox-contact-us a { border-left: 1px solid #70d44d; color: #70d44d; margin-left: 5px; padding-left: 10px; text-decoration: none; } #tronox-contact-us a:hover { text-decoration:underline; } .headerTopWrap .tronox-alkali-top, .headerTopWrap .crisis-communication { padding-right:0px; } .headerTopWrap #global-link { margin-left:5px; } .headerTopWrap #global-menu-nub { left:7px; } .headerWrap { width:100%; float:left; } .headerWrap #header { margin-top:-3px; } .headerWrap #navbar { margin-top:10px; } .headerWrap #navbar ul.main-navigation li a span.menuArrow { display:inline-block; height:17px; } /*Added by Nikesh 08-Feb-2016 end */ /*******************************Complaint Form css start************************************/ .exceptionFrm { width:100%; float:left; font-size:18px; line-height:24px; } .exceptionFrm a { color:#2c4088; text-decoration:none; } .exceptionFrm a:hover { text-decoration:underline; color:#7cb900; } .exceptionFrm p { margin-bottom:20px; } .requiredField { color:#ff0000; } .exceptionFrm h1 { line-height:normal; font-weight:normal; font-family: "Helvetica 77 Cond Bold", Helvetica, Arial, sans-serif; font-size:28px; color:#000; margin:0px 0 20px 0; } .exceptionFrm h2 { color: #2d4088; font-family: "Helvetica 77 Cond Bold",sans-serif,Helvetica,Arial; line-height:normal; font-weight:normal; font-size: 24px; margin: 20px 0 ; width:100%; float:left; } .exceptionFieldGroup { width:100%; float:left; margin-bottom:20px; } .exceptionFieldLabel { float:left; font-size:16px; font-weight:400px; line-height:normal; color:#444; width:100%; margin-bottom:2px; } .exceptionFieldLabel span { color:#ff0000; } .pageContent .gform_wrapper .exceptionFrm .top_label .gfield_label{ margin-bottom:0;} .pageContent .gform_wrapper .exceptionFrm ul.gfield_radio li{ width:100%; margin:3px 0px !important;} .gform_wrapper .exceptionFrm .gfield_description { font-size:14px; line-height:normal; color:#8c8c8c; width:100%; float:left; margin:0 0 2px 0!important; padding:0 !important; } .exceptionFrmTxt { border:1px solid #ccc; font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; font-size:15px; color:#444; padding:5px; background:#fff; width:50%; } .datePickerWrap { border:1px solid #ccc; padding:5px; background:#fff; width:50%; float:left; } .datePickerWrap select{ width:31%; float:left; margin:0px 2% 0px 0px;} select.exceptionFrmTxt { padding:2px 5px; } select.exceptionFrmTxt option { padding:3px 5px; } textarea.exceptionFrmTxt { line-height:normal; } .fullField { width:100%; float:left; } .radioBtnLabel { float:left; margin:5px 20px 5px 0px; font-size:14px; font-weight:400px; line-height:normal; color:#444; } .radioBtnLabel input[type="radio"] { } .radioBtnLabel input[type="text"] { min-width:200px; } .fullField .radioBtnLabel { margin:5px 0; } .yesOpt { width:100%; float:left; display:none; } .exceptionFieldSubmit { background: #2d4088; color: #ffffff; display:block; float:left; font-size: 18px; font-weight:normal; font-family:"Neue Helvetica W1G 45 Cond Lgt", Arial,Helvetica,sans-serif; line-height:24px; padding: 8px 25px; width:auto; border:0; cursor:pointer; text-decoration: none; margin-right:12px; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; } .exceptionFieldSubmit:hover { background:#70d44d; } .exceptionFieldSubmit:disabled, .exceptionFieldSubmit:disabled:hover { cursor:default; background:#999; } .page-id-6565 #ui-datepicker-div{ padding:0px;} .page-id-6565 .ui-datepicker-calendar { font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; width:100%; } .page-id-6565 .ui-datepicker-calendar th, .page-id-6565 .ui-datepicker-calendar td { font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; font-size:14px; padding:8px 0; text-align:center; } .page-id-6565 .ui-datepicker-calendar td { font-size:14px; } .page-id-6565 .ui-datepicker-header { background:#2d4088; float:left; width:100%; height:30px; } .page-id-6565 .ui-datepicker-next, .page-id-6565 .ui-datepicker-prev { background-image: url("images/arrow-calender.png"); background-repeat: no-repeat; background-color:#2d4088; cursor: pointer; display: inline-block; height: 30px; line-height: 600%; overflow: hidden; text-align: center; width: 30px; position:static; } .page-id-6565 .ui-datepicker-next { background-position: center 0; float: right; } .page-id-6565 .ui-datepicker-prev { background-position: center -30px; float: left; } .page-id-6565 .ui-datepicker-title{ text-align:center;} .page-id-6565 .ui-datepicker-title select { border: 1px solid #cccccc; color: #2d4088 !important; background:#fff; margin:4px 2px!important; padding:0px; position:relative; top:0; font-size:14px; } .page-id-6565 .ui-datepicker-title select option{ background:#fff; color:#2d4088;} /* .page-id-6918 .ui-datepicker-next { font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; left: auto; padding: 3px 10px; right: 7px; } */ #gform_browse_button_22_79 { background: #2d4088 none repeat scroll 0 0; color: #ffffff; padding: 7px 15px !important; border:0; } .page-id-4741 #content #contentleft .postarea ul.product-info li a.imgBlock{ background:none; display: block; height: auto; padding: 0; margin-bottom:15px; } .page-id-4741 #content #contentleft .postarea ul.product-info li a.imgBlock img{ margin:0;} /*******************************Complaint Form css end************************************/ .mission-vision-wrap{width:100%; float:left;} .mission-vision-list{width:100%; float:left; margin:0 0 25px 0; padding-bottom:25px; border-bottom:1px solid #eee; display:table;} .mission-vision-img{width:200px;} .mission-vision-text{padding-left:20px;} .mission-vision-text p{margin:0; padding:0;} .pageContent .mission-vision-text h2{margin:0 0 7px 0; font-size:23px;} .pageContent .mission-vision-text h3{margin:0 0 7px 0; color:#2c4088; text-transform:uppercase; font-family:"Neue Helvetica W1G 65 Medium"; font-size:17px;} .mission-vision-img, .mission-vision-text{display:table-cell; vertical-align: middle;} .mission-vision-wrap .mission-vision-list:last-child{border-bottom:0;} .briefTxt{width:100%;text-align:center; margin-bottom:20px;} .fullImg, .squireImg { display: block; width: 100%; } #contentleft .mission-vision-text h3 { color: #2c4088; font-family: "Neue Helvetica W1G 65 Medium"; font-size: 17px; margin: 0 0 7px; text-transform: uppercase; } #contentleft .mission-vision-text h2 { font-size: 23px; margin: 0 0 12px; } /*****login page css start*****/ .login-page { padding:40px 0 20px 0; width:100%; float:left; } .login-page *{box-sizing:border-box;} .pageContainer.login-page h1 { margin-bottom:35px; } .pageContainer.login-page.forgetpwd h1 { margin-bottom: 16px; } .pageContainer.login-page.forgetpwd > p{ font-size : 18px; line-height: 24px; text-align: center;} .tronoxLoginWrap { width:95%; margin:0 auto; max-width:645px; background:#eeeeee; } .tronoxLoginWrap:after { display:block; content:""; clear:both; } .login-header { color:#fff; background:#2d4088; font-size:26px; line-height:20px; font-weight:bold; font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; padding:20px; } .login-container { width:100%; float:left; padding:10% 15%; } .login-field-wrap { width:100%; float:left; padding-left:115px; margin:15px 0; position:relative; } .login-field-wrap .email_error { color:#790000; } .labelTxt { width:115px; float:left; position:absolute; top:0; left:0; font-size:18px; padding:7px 0px 5px 0; } .txtBox { padding:5px; border:1px solid #cccccc; font-family:"Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; font-size:16px; background:#fff; width:100%; } .forgetPass { margin:13px 10px; display:inline-block; font-family: "Neue Helvetica W1G 45 Cond Lgt",sans-serif,Helvetica,Arial; font-size: 15px; line-height: 18px; text-decoration:none; color:#000; } .forgetPass:hover { color:#2c4088; text-decoration:none; } .txtCenter{text-align:center;} .login-container .gform_button { background: #2d4088; color: #ffffff; display:block; float:left; font-size: 18px; font-weight:normal; font-family:"Neue Helvetica W1G 45 Cond Lgt", Arial,Helvetica,sans-serif; line-height:24px; padding: 8px 25px; width:auto; border:0; cursor:pointer; text-decoration: none; margin-right:12px; -webkit-appearance: none; border-radius:0; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; } .login-container .gform_button:hover { background:#70d44d; } /*****login page css end*****/ .img_exploration { float: left; width: 50%; } .second { margin-top: 23.8%; padding-left: 5px; } .leadership-photo.alignleft.cboxElement { position: absolute; top: 5px; }