/* General Content Styles */
body, div, span { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color: #3d3d3d;
background:#FFFFFF;
text-align: center;
}
a:focus {outline: none}
img.clickable {cursor:pointer;cursor:hand;}
#main-container {
margin:0;
color: #3d3d3d;
text-align: left;
width: 1024px; margin:0 auto;
}
.unit-container { width: 1032px !important; }
.content-wrapper { background: #FFFFFF url('/common/images/shadow-sides.gif') repeat-y 0 0; }
.home-container .content-wrapper { background: #FFFFFF url('/common/images/shadow-sides-home.gif') repeat-y 0 0; }
.unit-container .content-wrapper { background: #FFFFFF url('/common/images/shadow-sides-unit.gif') repeat-y 0 0; }
/* containment approach for div's with floated children */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p.quote { color: #3d3d3d !important; margin: 12px 0 12px 15px; }
.home-main { width: 1008px !important; margin-left: 12px !important; }
.home-container { height: 768px; }
#kohler { float: left; height: 609px; width: 196px; position: relative; top: 0; left: 0; overflow: hidden; }
#kohler .visit-kohler-link { position: absolute; z-index: 1; top: 250px; left: 21px; }
.slice-on img { border: none; }
#kohler .visit-kohler-link img { border: none; }
#purple-logo { position: relative; left: 20px; top: 20px; }
#kohler div.slice-off { overflow: hidden; position: absolute; top: 0; left: 0; display: none; }
#kohler div.slice-on { opacity: 1; filter: alpha(opacity = 100); }
.home { float: left; height: 609px; width: 200px; position: relative; top: 0; left: 0; }
.home div.slice-off { overflow: hidden; }
.home div.slice-off img.title { position: absolute; top: 20px; left: 20px; }
.divider { width: 1px; height: 609px; background-color: #fff; float: left; }
.kohler-slice, .slice { display: none; }
.slice-on { opacity: 0; filter: alpha(opacity = 0); position: absolute; top: 0; left: 0; height: 609px; width: 200px;}
.gradient-container { position: absolute; top: 60px; height: 549px; width: 196px; left: 0; overflow: hidden; }
.kohler-copy { position: absolute; top: 20px; left: 0; height: 500px; width: 196px; }
.gradient { display: none; position: relative; top: -85px; left: 0; height: 500px; width: 196px; z-index: 99; }
.slice-on .home-arrow { position: absolute; top: 23px; left: 103px; }
.slice-on .arrow-furniture { left: 138px; }
.slice-on .arrow-engines { left: 130px; }
.slice-on .arrow-golf { left: 150px; }
#main-container img.copy { position: absolute; top: 70px; left: 20px; }
#home-kitchen-on-visitkohler { position: absolute; top: 121px; width: 200px; height: 20px; }
#home-furniture-on-viewall { position: absolute; top: 120px; width: 200px; height: 20px; }
#home-engines-on-viewall { position: absolute; top: 138px; width: 200px; height: 20px; }
#home-golf-on-viewall { position: absolute; top: 137px; width: 200px; height: 20px; }
#home-kitchen-on-allbrands { position: absolute; top: 143px; width: 200px; height: 20px; }
.home-link-hover { background: url(../images/home-link-background.png) repeat scroll 0 0; }
#top-nav { margin: 0 0 22px 235px; }
.home-container #top-nav { opacity: 0; filter: alpha(opacity = 0); margin: 0 0 22px 228px !important; }
#top-nav ul { list-style-type:none; margin:0; padding:0; }
#top-nav li { color: #777777; float: left; margin: 6px 14px 0 1px; padding:0; }
#top-nav li a { text-decoration: none; color: #777777; }
#top-nav li.active a { color: #3d3d3d !important; }
#top-nav li a:hover { color: #3d3d3d !important; cursor: pointer; }
.unit-container #top-nav { margin-left: 232px; }
#splash-container {position:relative;left:209px;}
#splashLinkOn {display:none;}
#learnMore {text-decoration:none;}
.splash-image {position:absolute;top:51px;left:665px;}
.splash-copy {position:absolute;}
#splash-title {color:#000; font-size:32px; font-weight:700; letter-spacing:-1px;}
#history-splash-title {color:#000025;font-size:32px; font-weight:700;letter-spacing:0.25px;}
#splashcopy {width:600px;}
#splashcopy p {font-size:18px !important; line-height:28px; font-weight:300; letter-spacing:-0.75px; margin-top:6px;}
#logo { position:absolute; top:32px; left:33px; height: 200px; width: 196px; z-index:1; }
.logo-container { height: 200px; width: 196px; background:#000025; float: left; }
.logo-container img { margin: 20px 0 0 20px; }
.about-us-banner-title,
.fourlink-banner-title { width: 782px; height: 200px; background-color: #3d3d3d; color: #ffffff; float: left; border-left: 1px solid #e8e9e9; position: relative; }
.banner-title { width: 782px; height: 200px; background-color: #3d3d3d; color: #ffffff; float: left; border-left: 1px solid #e8e9e9; position: relative; }
.banner-title img { position: absolute; top: 0; left: 0; }
.banner-text {position:absolute; width:350px; left:15px; top:70px; z-index:100;}
.banner-title-text {position:absolute; width:350px; left:15px; font-size:20pt; top:25px; z-index:100;}
#bt1,#bt2,#bt3,#bt4,#btt1,#btt2,#btt3,#btt4 {display:none;}
.about-us-banner-title #small-banner-left {position:absolute; width:391px;}
.about-us-banner-title #small-banner-right {position:absolute; left:391px; width: 391px}
.fourlink-banner-title #small-banner-1 {position:absolute; width:195.5px;}
.fourlink-banner-title #small-banner-2 {position:absolute; left:195.5px; width:195.5px;}
.fourlink-banner-title #small-banner-3 {position:absolute; left:391px; width:195.5px;}
.fourlink-banner-title #small-banner-4 {position:absolute; left:586.5px; width:195.5px;}
.about-us-banner-title #small-banner-left img,
.about-us-banner-title #small-banner-right img,
.fourlink-banner-title #small-banner-1 img,
.fourlink-banner-title #small-banner-2 img,
.fourlink-banner-title #small-banner-3 img,
.fourlink-banner-title #small-banner-4 img {position:realtive;}
#stew-back-1, #stew-back-2, #stew-back-3, #stew-back-4 {display:none;}
#large-banner-1, #large-banner-2, #large-banner-3, #large-banner-4 {display:none;}
.close-button {position:absolute;left:725px;top:15px;width:30px; height:30px;}
.banner-title h1 { width: 500px; margin: 161px 0 0 19px; position: absolute; }
.row { margin-left:20px; width: 981px; }
.footer-wrapper .row { margin-left:0px;}
.home-container .row { margin-left:12px; }
.unit-container .row { margin-left:0; }
.content-row { background-color: #fff; }
#left-nav { width: 196px; float: left; padding-top: 45px; padding-bottom: 80px; background-color: #000025; border-top:solid 1px #fff;}
#left-nav p.instructionText {margin:0 0 0 21px;padding-bottom:16px;line-height: 18px; color: #fff;}
#left-nav ul.nav { list-style-type: none; padding: 0; margin: 0 0 0 21px; }
#left-nav ul.nav li { padding: 1px 0 2px 0; line-height: 18px; color: #fff;}
#left-nav ul.nav li#sectionHeader {font-size:16px; font-weight:700; line-height:20px;}
#left-nav ul.nav li.active {background: #808080; margin-left:-21px; padding-left:21px;}
#left-nav ul.nav li:hover {background: #808080; margin-left:-21px; padding-left:21px;}
#left-nav ul.nav li a { text-decoration: none; color: #fff; }
#left-nav ul.nav li.active a { color: #fff; cursor:default;}
#left-nav ul.subnav { list-style-type: none; padding: 0; margin: 0 0 0 10px; }
#left-nav ul.subnav li { border-bottom: 0; }
#left-nav ul.subnav li.active {background: #808080; margin-left:-31px; padding-left:31px; }
#left-nav ul.subnav li:hover {background: #808080; margin-left:-31px; padding-left:31px; }
#left-nav ul.subnav li a { color: #fff; cursor:pointer; }
#left-nav ul.subnav li.active a { color: #fff; cursor:default; }
#left-nav ul.subsubnav { list-style-type: none; padding: 0; margin: 0 0 0 10px; }
#left-nav ul.subsubnav li { border-bottom: 0; }
#left-nav ul.subsubnav li.active {background: #808080; margin-left:-41px; padding-left:41px;}
#left-nav ul.subsubnav li:hover {background: #808080; margin-left:-41px; padding-left:41px;}
#left-nav ul.subsubnav li a { color: #fff; cursor:pointer; }
#left-nav ul.subsubnav li.active a { color: #fff; cursor:default; }
ul.worldwide li.active { color: #3d3d3d !important; cursor:default !important; }
ul.worldwide li { color: #777777 !important; }
#lipsum {font-size:14px;}
#content { width: 562px; min-height: 400px; float:left; padding: 35px 20px 25px 20px; font-size: 14px;}
#content ul { margin-left: 10px; padding: 0; }
#content ul li { margin-left: 0; line-height: 16px; }
#content { width: 562px; min-height: 400px; float:left; padding: 35px 20px 25px 20px; font-size: 14px;}
#content ul#press { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #3d3d3d; margin-left: 10px; padding: 0; }
#content ul#press li { margin-left: 0; line-height: 16px; }
#content a { color: #000000; text-decoration: none; }
#content a:hover { color: #777777; text-decoration: underline; }
#content h2:first-child { padding-top: 3px; }
.content-row-container { background: transparent url('../images/container-bg.png') repeat-y; }
.map { width: 662px !important; position: relative; }
.callout-left { position: absolute; top: 0px; left: 30px; width: 160px;}
.callout-right { position: absolute; top: 0px; left: 17px; width: 160px;}
div.submenu-row { position: absolute; top: 52px; left: 10px; }
div.container-row .item { display:block;position:relative;top:0;left:0;width: 159px; border-bottom: 1px solid #e8e9e9; padding: 5px 0 2px 0; }
div.container-row .item img.pop-out { display: none; position:absolute;top:7px;right:0; }
.callout ul li { border-bottom: 1px solid #e8e9e9; padding: 6px 0 0 0; color: #777777; }
.callout-title { position: relative; top: 26px; left: 9px; }
#page-header-title {float:left;margin:10px 0 0 20px;width:500px;}
.seperator { border-bottom:1px dashed #abaaaa ; padding-bottom:6px; margin:5px 0 10px 0; width:100%;}
#content li .landing-copy-box {background-color:#000026;padding-bottom:3px;height:100%;}
#content li .landing-copy-box .preview-copy {float:left;width:30%;margin: 10px 10px 0 10px;color:#fff;height:167px;}
#content li .landing-copy-box .preview-copy p {color:#fff !important; overflow:hidden;}
#content li .landing-copy-box .preview-copy .preview-title {font-size:18px;font-family:Helvetica;}
#content li .landing-copy-box .preview-image {float:right;width:65%; max-height:201px;}
#content li .learn-more {font-family:Helvetica;font-size:16px;width:100%;clear:left;margin:10px 5px 8px 10px;}
#content li .learn-more .lmlink {color:#fff !important; }
#youtube-video {margin-top:20px;}
#photo-gallery {float:left; width:562px; min-height:180px; margin-top:-30px;}
#photo-gallery #title {font-family:Arial;line-height:12pt; background-color:#04043e;color:#fff; padding: 4px 0 4px 8px; margin:-4px 0 10px 0;font-size:15px; width:150px;}
#photo-gallery #slide-container {}
#photo-gallery #slide-container ul {list-style:none; margin-left:8px;}
#photo-gallery #slide-container li {float:left; margin: 2px 2px 2px 2px;}
#photo-gallery #slide-container li img {width:106px; height: 107px;}
#rightcol {margin:47px 0 0 0;width:160px;float:right;padding:0 10px 0 10px;border-left:solid 1px #e8e9e9; min-height:75px; height:100% !important;}
#rightcol #voices-of-kohler {font-family:Arial;line-height:12pt; background-color:#04043e;color:#fff; padding: 4px 0 4px 8px; margin:0px 0 10px 0;font-size:15px; width:150px;}
#rightcol li .rc-landing-copy-box { overflow:hidden;font-family:Arial; }
#rightcol li .rc-landing-copy-box .rc-preview-copy p { overflow:hidden;font-size:14px;}
#rightcol li .rc-landing-copy-box .rc-preview-copy a {line-height:15px;font-family:Helvetica;color:#777 !important;text-decoration:none;}
#rightcol li .rc-landing-copy-box .rc-preview-copy a:hover {color:#999 !important;}
#rightcol li .rc-landing-copy-box .rc-preview-copy .rc-preview-title a {font-size:18px;line-height:19px;font-family:Helvetica;color:#777 !important;text-decoration:none;}
#rightcol li .rc-preview-image {margin-bottom:6px; width:157.5px;}
#rightcol li .rc-preview-image:hover {margin-bottom:6px; width:157.5px;opacity:0.9;}
#rightcol li .rc-read-more {float:right;font-family:Helvetica;font-size:10px;}
#rightcol li .rc-seperator {border-bottom:1px solid #e8e9e9 ; padding:0 0 6px 20px; margin:5px 0 10px -10px; width:160px;}
#region-nav {min-height:32px; border-top:2px solid #939191; border-bottom:2px solid #939191;min-width:100%;margin-bottom:25px;}
#region-nav ul {margin:0 0 0 0; list-style:none;}
#region-nav li {color:#777; float:left; padding:8px 20px 10px 0;text-decoration:none;}
#region-nav li a {color:#777;text-decoration:none;}
.subnav-list {list-style:none; display:none; position:absolute;background-color:#fff;margin-top:10px; border: 1px solid #939192; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}
.subnav-list li {clear:both;}
.subnav-list li a {padding:3px 5px 3px 5px;}
#topimage {margin:95px 0 20px 10px ;width:160px;height:160px; }
#quotecolimage {display:block; margin-top:35px;float:right; margin-right:10px;}
#quote-col {width:168px;float:right;margin:50px 10px 0 0;}
#open-quote {float:left;}
#close-quote { margin:5px 0 -5px 0; position:absolute;}
#quote-copy {line-height:15px; margin:-13px 0px 0px 19px;font-family:Arial; font-size:14px; color:#9797be; font-style:italic; float:left;}
#middle-layout {margin-top:25px;}
#middle-tabs {width:740px;min-height:255px;}
#region-tabs {width:100%;min-height:240px;margin-top:10px;}
#content ul.tabrow {list-style: none;margin: 0;padding: 0; height: 28px;}
.tabrow li {margin:0 .5px;padding: 5px 15px 5px 15px;border:none; background: #eaeaea;display: inline-block; border-top-left-radius:5px; border-top-right-radius:5px; cursor:hand;}
.tabrow li.selected {background: #FFF; color: #000; border: 1px solid #b9b8b8;}
.tabrow {position: relative;}
.tabrow:after {position: absolute;content: "";width: 100%;bottom: 0;left: 0;border-bottom: 1px solid #AAA;z-index: 1;}
.tabrow:before { z-index: 1;}
.tabrow li { position: relative; z-index: 0; cursor:hand;}
.tabrow li.selected {z-index: 2; border-bottom-color: #FFF;}
#tab-body {clear:both; border:1px solid #b9b8b8; border-top:none; margin-top:-2px;min-height:194px;}
#tab-body #jt-tab {width:100%;min-height:215px; max-height:215px; overflow-y:scroll;overflow-x:hidden;}
#tab-body #brands-tab {width:520px; min-height:215px; max-height:215px; overflow-y:hidden;overflow-x:hidden; display:none; }
#tab-body #brands-tab p {margin:10px 15px 0 15px; max-height:215px; }
#tab-body #locations-tab {width:100%; min-height:215px; max-height:215px; overflow-y:scroll;overflow-x:hidden; display:none; padding:10px 0px 10px 15px;}
#tab-body #postings-tab {width:565px; min-height:215px; max-height:215px; overflow:hidden; display:none;}
.contact-frame {border:none;}
.career-contact {margin:0;padding:0;width:540px;}
.career-contact #contact-form-container {padding:15px 15px 15px 15px;}
.career-contact p { margin:0 0 1px 0; font-size:12px; }
.career-contact label { display:block; margin-bottom:3px; }
.career-contact .label-error {color:red !important;}
.career-contact input { width:244px; height:23px; margin-bottom:19px; border:1px solid #cecece; }
.career-contact input.large { width:505px; }
.career-contact select { width:244px; height:23px; margin-bottom:19px; border:1px solid #cecece; }
* html .career-contact input { height:21px; }
* html .career-contact select { height:21px; }
.career-contact .field { float:left; width:246px; }
.career-contact .field input { border:none; background-color:#e2e2e2; }
.career-contact .field select { border:none; background-color:#e2e2e2; }
.career-contact .field.right { margin:0 0 0 16px; }
.career-contact .field.right input { border:none; background-color:#e2e2e2; }
.career-contact .field.right select { border:none; background-color:#e2e2e2; }
.career-contact .field.large { width:511px; }
.career-contact textarea { width:508px; height:91px; margin-bottom:17px; border:none; background-color:#e2e2e2; overflow:hidden; }
.career-contact #submit { clear:left; float:left; width:65px; height:25px; border:none; margin:0; padding:0; }
#bottom-layout {clear:both; width:650px; min-height:180px;margin-top:30px;}
#bottom-layout ul {list-style:none;margin:10px 0 0 -10px;}
#bottom-layout li .region-landing-copy-box { overflow:hidden;font-family:Arial; float:left; width:173px; margin:0 10px 0 10px;}
#bottom-layout li .region-landing-copy-box .region-preview-copy p {color:#777 !important; overflow:hidden;font-size:11px;}
#bottom-layout li .region-landing-copy-box .region-preview-copy .region-preview-title a {font-size:18px;line-height:15px;font-family:Helvetica;color:#777 !important;text-decoration:none;}
#bottom-layout li .region-preview-image {margin-bottom:6px; width:157.5px;}
#bottom-layout li .region-preview-image:hover {margin-bottom:6px; width:157.5px;opacity:0.9;}
#bottom-layout li .faces-landing-copy-box { overflow:hidden;font-family:Arial; float:left; width:173px; margin:0 10px 0 10px;}
#bottom-layout li .faces-landing-copy-box .faces-preview-copy {color:#777 !important; overflow:hidden;font-size:11px;}
#bottom-layout li .faces-landing-copy-box .faces-preview-copy .faces-preview-title {font-size:18px;line-height:15px;font-family:Helvetica;color:#777 !important;text-decoration:none;}
#bottom-layout li .faces-preview-image {margin-bottom:6px; width:157.5px;}
#bottom-layout li .faces-preview-image:hover {margin-bottom:6px; width:157.5px;opacity:0.9;}
/**************************************************** WORLDWIDE ****************************************************/
#worldwide-loading { display: none; position: absolute; top: 200px; left: 280px; }
/** Begin Kitchen & Bath **/
/* The Americas */
#kbAmericas { position: absolute; top: 142px; left:145px; }
#kbAmericas div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#kbAmericas div.panelTwo { position: relative; width: 0px; overflow: hidden; position: absolute; top: 0px; left:200px; }
#kbAmericas div.panelOne div.callout-left div.menu-row { position: relative; top: 42px; left: 10px; }
/* Europe, Africa and the Middle East */
#kbEurope { position: absolute; top: 142px; left:213px; }
#kbEurope div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#kbEurope div.panelTwo { position: relative; width: 0px; overflow: hidden; position: absolute; top: 0px; left:-200px; }
#kbEurope div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
.jd-submenu { display: none; }
.kohler-submenu { display: none; }
.rada-submenu { display: none; }
/* Asia and Australia */
#kbAsia { position: absolute; top: 116px; left:371px; }
#kbAsia div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#kbAsia div.panelTwo { width: 0; overflow: hidden; position: absolute; top: 0px; left:30px; height: 280px; }
#kbAsia div.panelTwo-container { width: 230px; overflow: hidden; position: absolute; top: 0px; left:-200px; }
#kbAsia div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/** End Kitchen & Bath **/
/** Begin Furniture & Tile **/
/* The Americas */
#ftAmericas { position: absolute; top: 142px; left:145px; }
#ftAmericas div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#ftAmericas div.panelOne div.callout-left div.menu-row { position: relative; top: 42px; left: 10px; }
/* Europe, Africa and the Middle East */
#ftEurope { position: absolute; top: 142px; left:213px; }
#ftEurope div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#ftEurope div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/* Asia / Pacific */
#ftAsia { position: absolute; top: 116px; left:371px; }
#ftAsia div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#ftAsia div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/** End Furniture & Tile **/
/** Begin Engines & Generators **/
/* The Americas */
#egAmericas { position: absolute; top: 142px; left:145px; }
#egAmericas div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#egAmericas div.panelOne div.callout-left div.menu-row { position: relative; top: 42px; left: 10px; }
/* Europe, Africa and the Middle East */
#egEurope { position: absolute; top: 142px; left:213px; }
#egEurope div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#egEurope div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/* Asia / Pacific */
#egAsia { position: absolute; top: 116px; left:371px; }
#egAsia div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#egAsia div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
#egAsia div.panelTwo { position: relative; width: 0px; overflow: hidden; position: absolute; top: 0px; left:-200px; }
/** End Engines & Generators **/
/** Begin Golf & Resort Destinations **/
/* The Americas */
#grdAmericas { position: absolute; top: 142px; left:145px; }
#grdAmericas div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#grdAmericas div.panelOne div.callout-left div.menu-row { position: relative; top: 42px; left: 10px; }
/* Europe, Africa and the Middle East */
#grdEurope { position: absolute; top: 142px; left:213px; }
#grdEurope div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#grdEurope div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/* Asia / Pacific */
#grdAsia { position: absolute; top: 116px; left:371px; }
#grdAsia div.panelOne { position: relative; height: 0px; width: 0px; overflow: hidden; }
#grdAsia div.panelOne div.callout-right div.menu-row { position: relative; top: 39px; left: 9px; }
/** End Engines & Generators **/
#content p { line-height: 16px; }
#image-container { width: 160px; background-color: #ffffff; float: left; padding: 43px 20px 80px 0; }
.footer-wrapper { background: url(/common/images/shadow-bottom.gif) repeat-x scroll 17px 0; margin: 0 24px 0 18px; }
.home-container .footer-wrapper { margin: 0 12px; }
.unit-container .footer-wrapper { margin: 0 4px; }
.unit-container .footer-wrapper { margin: 0 4px; }
#footer { float: left; width: 764px; padding: 20px 0 20px 0px; color: #777777; }
.home-container #footer { width: 784px; opacity: 0; filter: alpha(opacity = 0); }
.unit-container #footer { width: 784px; padding-left:240px; }
#footer ul { list-style-type:none; margin:0; padding:0; }
#footer li { color: #777777; float: left; margin: 0 15px 0 0; }
#footer li a { text-decoration: none; color: #777777; }
#footer li a:hover { text-decoration: none; color: #3d3d3d; cursor: pointer; }
#subtitle { display:block; font-size: 18px; background-color: #ffffff; font-weight: bold; color: #3d3d3d; line-height:22px; margin-bottom:5px; }
h2 { font-size: 12px; background-color: #ffffff; font-weight: bold; color: #3d3d3d; }
h3 { font-size: 12px; background-color: #ffffff; font-weight: bold; color: #777777; }
h5 { font-size: 16px; font-weight:bold; color:#000;}
/* Business Unit Styles */
div.unit { margin:0 auto; color: #999; width:1024px; height:741px; background:#999 url(/common/images/bg-bunit-landing.png) no-repeat scroll 0 0; position:relative; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
div.unit #background-images { display:none; }
div.unit img.background { position:absolute; top:0; left:0; }
div.unit img.background.active { display:block; }
div.unit img.loader { position:absolute; top:210px; left:512px; opacity:0; filter:alpha(opacity=0); }
div.unit .unit-content { position:relative; left:229px; width:783px; height:190px; margin:0; padding:0; z-index:1; }
div.unit .unit-content ul { margin:0; padding:0; }
div.unit .unit-content ul li { margin:0; padding:0; float:left; list-style-type:none; cursor:pointer; }
div.unit #unit-nav { position:relative; top:32px; left:0; }
div.unit #unit-nav .main { margin:0 0 17px 0; height: 32px; }
div.unit #unit-nav .main li { width:195px; }
div.unit #unit-nav .main li:first-of-type { width:140px; }
div.unit #unit-nav .main li:nth-of-type(2) { width:250px; }
div.unit #unit-nav .subnav { display:none; width:783px; height:30px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
div.unit #unit-nav .subnav.active { display:block; }
div.unit #unit-nav .subnav li { height:30px; margin:0 20px 0 0; }
div.unit #unit-nav .subnav li.worldwide { margin:0 !important; }
div.unit #unit-nav .subnav li a { position:relative; top:9px; }
div.unit #unit-nav .subnav li .visit { display:none; position:absolute; top:30px; left:0; }
div.unit .subnav-container { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-top: 10px; }
#loadingDiv {position:absolute; top:0; left:-9999px}
#loadingDiv img {position:absolute;}
/** Search Results Styles **/
div.search-content div,
div.search-content p { font-family: Arial, Verdana, sans-serif; font-size: 12px !important; color: #777777 !important; }
div.search-pagination-container { width: 554px; height: 24px; }
div.search-showing { float: left; padding-left: 8px; width: 554px; line-height: 24px; height: 24px; font-family: Arial, Verdana, sans-serif; font-size: 12px !important; color: #3d3d3d !important; background:#FFFFFF url(../images/bg-pagination.jpg) repeat scroll 0 0; }
div.search-pagination-controls { line-height: 24px; }
div.search-page-number { font-weight: bold; float: right; padding: 0 15px 0 15px; height: 24px; }
div.search-next { float: right; padding-right: 6px; height: 24px; }
div.search-next-arrow { float: right; padding: 7px 12px 0 0;}
div.search-prev { float: right; height: 24px; }
div.search-prev-arrow { float: right; padding: 7px 8px 0 0;}
div.search-view-all { padding-left: 12px; width: 65px; border-left: 1px solid #ffffff; float: right; font-weight: bold; font-family: Arial, Verdana, sans-serif; font-size: 10px !important; align: center; }
div.search-header { font-family: Arial, Verdana, sans-serif; font-size: 12px !important; color: #3d3d3d !important; }
div.search-content { font-family: Arial, Verdana, sans-serif; font-size: 12px !important; color: #777777 !important; }
div.search-date-posted { font-family: Arial, Verdana, sans-serif; font-size: 10px !important; color: #777777 !important; }
div.search-result { margin-top: 21px; }
div.search-result-last { margin: 21px 0 18px 0; }
div.search-pagination-container a { text-decoration: none; color: #3d3d3d !important; }
ul.press-list { margin: 12px 0 0 0; padding:0; }
ul.press-list li { list-style-type:none; padding-bottom: 15px; }
.landing-list { margin: 12px 0 0 0px !important; padding:0; }
.landing-list li { list-style-type:none; padding-bottom: 15px; }
#content ul.job-list { margin: 5% 11.8% 3% 2%; padding-left:20px; float:left;}
#content ul.job-list li { list-style-type:none; padding-bottom:6px; }
#content div.vertical-break { margin:30px 20px 0 0; border-left:1px dotted gray;float:left;min-height:130px;}
#search-box-container { border-left: 1px solid #e6e7e7; }
#search-box-container a { text-decoration: none; color: #777777; }
#search-box-container a:hover { color: #3d3d3d;cursor:default; cursor: pointer; }
#filter-results-by-form div.active { color: #3d3d3d;cursor:default; }
#search-form { border-bottom: 1px solid #e6e7e7; padding: 0 0 14px 15px; width: 144px; }
#search-form-controls { padding-top: 10px; }
#search-box { width: 114px; height: 20px; float: left; }
.go-button { float: right; width: 20px; height: 20px; padding-left: 6px; line-height: 19px; font-weight: bold; background:#FFFFFF url(../images/bg-pagination.jpg) repeat scroll 0 0; }
.go-button a { text-decoration: none; color: #777777; }
.no-results { height: 270px; }
#sort-by-form { border-bottom: 1px solid #e6e7e7; padding: 14px 0 17px 15px; }
#sort-by-controls { padding-top: 14px; }
div.on-checkbox { height: 9px; width: 9px; margin-top: 2px; float: left; background: #ffffff url(../images/search-selected-box.gif) no-repeat scroll 0 0; }
div.off-checkbox { height: 9px; width: 9px; margin-top: 2px; float: left; background: #ffffff url(../images/search-not-selected-box.gif) no-repeat scroll 0 0; }
div.checkbox-row { color: #777777 !important; line-height: 15px; padding-bottom: 2px; }
div.checkbox-sub-row { color: #777777 !important; line-height: 15px; padding: 0 0 2px 16px; }
div.checkbox-label { padding-left: 15px; }
div.checkbox-label a { text-decoration: none; color: #777777; }
div.search-more { padding-left: 15px; }
div.search-more a { font-family: Arial, Verdana, sans-serif; font-size: 10px !important; color: #3d3d3d !important; text-decoration: none; }
#filter-results-by-form { padding: 14px 0 17px 15px; }
div.header-form { padding: 7px 0 7px 0; color: #3d3d3d !important; }
#overlay-shadow {display:none; position:absolute;top:0; left:0;width:100%; min-height:100%;background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:0.6;}
#gallery-overlay {display:none;position:absolute;top:10%;left:26%; height:625px; width:800px; background-color:#fff;-moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;}
#gallery-header { margin: 20px 20px 10px 20px;padding-bottom:15px;}
#overlay-title {float:left;font-size:20px;font-family:Arial;color:#4f5150;}
#overlay-close {float:right;}
#gallery-main {clear:both; position:relative;height:86%;}
#gallery-main #gallery-left {float:left; margin:20px 10px 10px 20px; background-color:#d1d0d0; border: 2px solid #6a6967; width:65%; height:500px;}
#gallery-main #gallery-left #left-content {width:100%; height:100%;background-color:transparent;overflow:hidden;}
#gallery-main #gallery-left #left-content ul {margin:0; list-style:none;}
#gallery-main #gallery-left #left-content ul li {float:left;}
#gallery-main #gallery-left #left-content ul li img {display:none;}
#gallery-main #gallery-left #prev-arrow {margin:-250px 0 0 10px;width:29px;height:39px;float:left;cursor:hand;}
#gallery-main #gallery-left #next-arrow {margin:-250px 10px 0 0; width:29px;height:39px;float:right;cursor:hand;}
#gallery-main #gallery-left #left-content .galleryImage {clear:both;}
#gallery-main #gallery-right {margin:20px 10px 10px 5px; float:right;width:28%;height:500px;position:relative;}
#gallery-main #gallery-right #right-content {min-height:180px;}
#gallery-main #gallery-right #right-content .subtitle {display:none; font-size:20px; font-family:Arial; color:#4f5150;}
#gallery-main #gallery-right #right-content .photo-desc {display:none;margin-right:5px;}
#gallery-main #gallery-right #gallery-selector {position:absolute;bottom:-5px; width:100%; overflow:hidden; height:320px;}
#gallery-main #gallery-right #gallery-selector #additionalCopy {font-size:16px;}
#gallery-main #gallery-right #gallery-selector ul {margin:0;list-style:none;}
#gallery-main #gallery-right #gallery-selector ul li { float:left;margin:2px 3px 0 3px;}
#gallery-main #gallery-right #gallery-selector ul li:hover { float:left;margin:2px 3px 0 3px;opacity:0.9;}
#gal-controls {clear:both;margin-left:20px;}
#gal-controls #img-controls {float:left;padding-top:8px; height:30px;}
#gal-controls #img-controls .gallery-zoom {margin-right:5px;}
.thumbLoaded img {width:95px; height:95px;}
#hidden-mosaic-background {display:block;}
#mosaic {position:absolute;width:745px;height:289px;}
#mosaic-base {top:0;left:0;width:745px;height:277px;background-image:none;margin-top:12px;}
#mosaic-base #logo-img {left:0;top:12px;}
#mosaic-base #experience-copy {position:absolute;width:250px; height:286px; top:12px; left:310px; z-index:10;}
#mosaic-base #experience-copy p {margin-top:0;}
#mosaic-base #mosaic-experience {font-family:Arial;position:absolute;z-index:10; bottom:0; left:0; font-size:18px; color:#d28417;text-decoration:underline;}
#tile-details .tile-details-copy-box {display:none;position:absolute;z-index:15;width:268px;height:277px;top:12px;left:350px;background-color:#000025;-moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 12px #000;}
#tile-details .tile-details-copy-box .tile-details-image img {width:230px;max-height:140px;margin:10px 18px 5px 18px;}
#tile-details .tile-details-copy-box .tile-details-copy .tile-details-title a {color:#fff !important;font-weight:bold;}
#tile-details .tile-details-copy-box .tile-details-copy {margin:2px 18px 3px 18px;max-height:115px; }
#tile-details .tile-details-copy-box .tile-details-copy .tdc-text {max-height:60px; overflow-y:scroll; margin-bottom:10px;}
#tile-details .tile-details-copy-box .tile-details-copy .tdc-text p {color:#fff !important;font-size:12pt; }
#tile-details .tile-details-copy-box .tile-details-copy .tile-learn-more {color:#fff !important; font-size:12pt;}
#tile-details .tile-details-copy-box .tile-details-copy .close-tile-detail {float:right;}
#tile-details .tile-details-copy-box .tile-details-copy .close-tile-detail img { width:18px; height:18px; }
.preview-thumb {width:66px; height:68px;margin-top:12px; display:block;}
#tile-preview-0 {position:absolute;top:35px;left:239px;z-index:8;}
#tile-preview-1 {position:absolute;top:0px;left:374px;z-index:8;}
#tile-preview-2 {position:absolute;top:35px;left:578px;z-index:8;}
#tile-preview-3 {position:absolute;top:140px;left:136px;z-index:8;}
#tile-preview-4 {position:absolute;top:106px;left:443px;z-index:8;}
#tile-preview-5 {position:absolute;top:210px;left:340px;z-index:8;}
#tile-preview-6 {position:absolute;top:175px;left:680px;z-index:8;}
#overlay { display:none; position:absolute; }
#flashGallery{ height:625px; width:860px;}
/*resolves firefox issue with flash object and borders*/
object:hover, object:focus, a:focus, a:active{
border:0px none;
outline:none;
-moz-outline-style: none;
}
.divSeeMore { font-family: Arial, Verdana, sans-serif; font-size: 10px !important; color: #3d3d3d !important; text-decoration: none; cursor:pointer;cursor:hand; }
dev.worldwide h1 { margin-left: 200px !important; background-color: #fff !important; margin-bottom: 0 !important; padding-bottom: 10px !important; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 - 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
.sIFR-active h1 { width: 500px; font-size: 24px; color: #000000; }
/* GORILLA CUSTOM 2 */
div.left-shadow { background: none repeat scroll 0 0 red;
float: left;
height: 100%;
width: 60px; }
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}