﻿html, body {
	height: 100%;
	background-color: #dddcda;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/************************************************************/
/*START: header */
div#header_zone {
	height: 118px;
	background: #fff;
	position: relative;
	width: 980px;
	z-index: 202;
}
div#logo_zone, .logo_zone {
	position: absolute;
	top: 27px;
	left: 20px;
	z-index: 202;
}
div#logo_zone a, .logo_zone a {
	display: block;
}
/*END: header */
/************************************************************/
/************************************************************/
/*START: navigation*/
div#nav_zone {
	background: #fff;
	position: relative;
	padding: 0 20px 0 90px;
    height: 29px;
}
div#nav_zone_links {
	background: #fff;
	position: relative;
	padding: 0 20px 0 90px;
    height: 23px;
}
div#prim_nav_zone_wrapper {
	position: relative;
	background: #fff;
	z-index: 121;
}
div#identifier {
	float: left;
	width: 205px;
}
div#prim_nav_zone {
	float: left;
}
div#sec_nav_zone {
	position: absolute;
	top: 147px;
	left: 90px;
	z-index: 199;
	width: 870px;
	overflow: hidden;
	height: 0;
}
/*END: navigation*/
/************************************************************/
/************************************************************/
/*START: generic zone*/
div#generic_zone {
	padding: 0 20px 0 0;
}
div#generic_nav_zone {
	float: right;
	padding: 11px 0 0 0;
	position: relative;
	z-index: 200;
}
div#search_zone {
	float: right;
	padding: 13px 0 0 10px;
}
div#search_zone fieldset {
	display: inline;
}
div#search_zone input.field {
	display: block;
	float: left;
	font-size: 11px;
	color: #666666;
	border: 1px solid #dddcda;
	padding: 1px 5px;
	width: 97px;
}
div#search_zone input.button, div#search_zone img {
    float: left;
    display: block;
    margin: 0 7px 0 0;
}
div#search_zone img
{
    cursor:pointer;
}
/*Unified search control*/
div#search_zone_unified {
	float: right;
	padding: 13px 0 0 10px;
}
div#search_zone_unified fieldset {
	display: block;
}
div#search_zone_unified input.field {
	display: block;
	float: left;
	font-size: 11px;
	color: #666666;
	border: 1px solid #dddcda;
	padding: 1px 5px;
	width: 150px;
}
div#search_zone_unified input.button, div#search_zone img {
    float: left;
    display: block;
    margin: 0 7px 0 0;
}
div#search_zone_unified img
{
    cursor:pointer;
}
/*END: generic zone*/
/************************************************************/
/************************************************************/
/*START: keyvisual + clip */
div#visual_zone {
	position: relative;
}

div#openedvisual_zone {
	position: relative;	
}
div.no_visual {
	height: 1px;
	overflow: hidden;
	margin: 0 20px 10px 90px;
	background: #eeedec url(img/bg-nav-border-space.gif) no-repeat 175px 0;
}
/**** keyvisual stage ****/
div#keyvisual_stage {
	position: absolute;
	left: 90px;
	top: 0;
	width: 890px;
	height: 100%;
}
div.keyvisual {
	background-repeat: no-repeat;
	width: 870px;
}
/**** keyvisual+clip - large visual ****/
div.visual_large {
	height: 320px;
}
div.visual_large div.keyvisual {
	height: 320px;
}
div.visual_large div.flyout {
	z-index: 1;
	height: 550px;
	clip: rect(0px, 890px, 320px, 0px);
	overflow: hidden;
}
div.visual_large div.open {
	clip:rect(0px, 890px, 550px, 0px);
	z-index: 101;
}
/**** keyvisual+clip - small visual ****/
div.visual_small {
	height: 170px;
}
div.visual_small div.keyvisual {
	height: 170px;
}
div.visual_small div.flyout {
	z-index: 1;
	height: 550px;
	clip: rect(0px, 890px, 170px, 0px);
	overflow: hidden;
}
div.visual_small div.open {
	clip:rect(0px, 890px, 550px, 0px);
	z-index: 101;
}
/**** clip - common styles ****/
div#clip, div#clipclosed, div#clipopened {
	position: absolute;
	z-index: 2;
}

div#clipopened
{
    left:607px !important;
}

div#clip_border {
	position: absolute;
	top: 0;
	height: 100%;
}
/**** clip content - common styles ****/
div#clipopened a.visualtoggle {
    background-image: url("/SiteCollectionImages/Career/back.jpg") !important;
}

div#clipclosed a.visualtoggle {
    background-image: url("/SiteCollectionImages/Career/more.jpg") !important;
}

a.visualtoggle {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 14px;
}

div#clip_content {
	background: url(img/bg-clip.png) repeat 0 0;
	padding: 0 20px 0 0;
	height: 100%;
	overflow: hidden;
}
div.clip_related div#clip_content {
	padding: 0 20px 0 3px;
}
div#clip_content a {
	color: #fff;
}
div#clip_content a.link {
	background-image: url(img/icon-link-fff.gif);
}
div.clip_txt p {
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}
div.clip_link {
	position: absolute;
	left: 0;
}
div.clip_link a {
	font-size: 11px;
	line-height: 16px;
	display: block;
	float: left;
	padding: 0 0 0 48px;
	background: url(img/clip-icon-link.gif) no-repeat 0 0;
	height: 33px;
}
div.clip_link a:hover {
	background-image: url(img/clip-icon-link-hover.gif);
}
/**** clip - large ****/
div.clip_large {
	top: 70px;
	left: 458px;
	width: 432px;
	height: 250px;
}
div.clip_large div#clip_border {
	left: -34px;
	width: 34px;
	background: transparent url(img/clip-l.png) no-repeat 0 0;
}
div.clip_large div.clip_h5 {
	padding: 30px 0 0 0;
}
div.clip_large div.clip_h5 h5 {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
}
div.clip_large div.clip_h6 {
	padding: 11px 0 0 0;
}
div.clip_large div.clip_h6 h6 {
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
}
div.clip_large div.clip_link {
	top: 187px;
	width: 412px;
	height: 63px;
	background: url(img/bg-clip.png) repeat 0 0;
	overflow: hidden;
}
/**** clip - small ****/
div.clip_small {
	top: 50px;
	left: 607px;
	width: 283px;
	height: 120px;
}

div.clip_smallquery {
	bottom: 0px !important;	
	top:auto !important;
}

div.clip_small div#clip_border {
	left: -17px;
	width: 17px;
	background: transparent url(img/clip-s.png) no-repeat 0 0;
}
div.clip_small div.clip_h6 {
	padding: 14px 0 5px 0;
	margin-left: -1px;
}
div.clip_small div.clip_h6 h6 {
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
}
div.clip_small div#clip_content {
	padding: 0 20px 0 10px;
}
/*END: keyvisual + clip */
/************************************************************/
/************************************************************/
/*START: breadcrumb */
div#breadcrumb_zone {
	padding: 0 205px 0 295px;
	min-height: 34px;
}
/*END: breadcrumb */
/************************************************************/
/************************************************************/
/*START: content grid */
div#content_zone {
	padding: 0 20px 0 90px;
}
body#home div#content_zone {
	padding: 27px 20px 0 90px;
}
div#functional_col {
	float: left;
	width: 175px;
	margin: 0 30px 0 0;
	padding: 1px 0 0 0;
}
body#home div#functional_col {
	padding: 0;
}
div#content_col {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
	padding: 0;
}
div#related_col, body#home div#related_col {
	float: left;
	width: 185px;
	padding: 0;
}
div#extended_content_col {
	float: right;
	width: 665px;
	padding: 16px 0 0 0;
}
/*END: content grid */
/************************************************************/
/************************************************************/
/*START: footer*/
form#aspnetForm {
	height: 100%;
	display: block;
}
div#footer_position_wrapper {
    background-color: white;
    width: 980px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

div#footer_position_placeholder {
	height: 49px; /* #footer-position-placeholder must be the same height as #footer-zone */
}
div#footer_zone, div.footer_zone {
	/*position:absolute;
	left:25%;*/
	width: 980px;
	/*height: 29px;
	padding: 20px 0 0 0;*/
}
div.footer {
	position: relative;
	margin: 0 20px 0 295px;
	/*padding: 7px 0 0 0;*/
	border-top: 1px solid #eeedec;
	overflow: hidden; /* do not use clearfix class inside sticky footer  */
	width: 665px;
}
div.footer:after { /* only needed for older mozilla  */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size: 1px;
	visibility: hidden;
}
body.multiline_footer div#footer_position_wrapper {
	margin: 0 0 -69px; /* the bottom margin is the negative value of the footer's height */
}
body.multiline_footer div#footer_position_placeholder {
	height: 69px; /* #footer-position-placeholder must be the same height as #footer-zone */
}
body.multiline_footer div#footer_zone {
	height: 49px;
}
body.multiline_footer div.footer_zone {
	height: 49px;
}
/*END: footer*/
/************************************************************/
/************************************************************/
/*START: flash flyouts */
.flyout_positioner {
	position: relative;
	z-index: 1;
}
/*END:  flash flyouts */
/************************************************************/
/************************************************************/
/*START: finder_zone */
div#finder_zone {
	background: #eeedec;
	margin: 0 20px 0 90px;
	border-top: 5px solid #dddcda;
	border-bottom: 5px solid #dddcda;
	padding: 7px 10px 10px;
	width: 850px;
}
/*END:  finder_zone */
/************************************************************/
/************************************************************/
/*START: productfinder*/
div.pf_small_bottom {
	position: relative;
	width: 175px;
	height: 109px;
}
div.pf_medium_top {
	position: relative;
	width: 175px;
	height: 240px;
}
div.pf_small_bottom div.flyout,
div.pf_medium_top div.flyout {
	position: absolute;
	z-index: 1;
	width: 870px;
	height: 369px;
	overflow: hidden;
	top: 0;
	left: 0;
}
div.pf_small_bottom div.flyout {
	top: -260px;
	clip: rect(260px, 175px, 369px, 0px);
}
div.pf_small_bottom div.open {
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}
div.pf_medium_top div.flyout {
	clip: rect(0px, 175px, 240px, 0px);
}
div.pf_medium_top div.open {
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}
/**** non-flash version - compact ****/
div#productfinder h3 {
	color: #666;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}
div#productfinder li {
	margin: 2px 0 0 0;
	border: 1px solid #dddcda;
	font-size: 11px;
	line-height: 14px;
}
div#productfinder li:first-child {
	margin: 4px 0 0 0;
}
div#productfinder li a.button {
	display: block;
	color: #666;
	font-weight: bold;
	background: #fff url(img/icon-link.gif) no-repeat 5px 7px;
	padding: 3px 5px 3px 18px;
}
div#productfinder li a.button:hover {
	color: #991d85;
}
/*END: productfinder*/
/************************************************************/

/* Rotating Stage */

#stage_ctrls
{
    position: absolute;
    z-index: 1;
}

#stage_nav_left
{
    cursor: pointer;
    background: url(img/stage-left.gif);
    height: 32px;
    width: 32px;
}

#stage_nav_right
{
    position: relative;
    float: right;
    left: -20px;
    bottom: 32px;
    cursor: pointer;
    background: url(img/stage-right.gif);
    height: 32px;
    width: 32px;
}

#stage_nav_right_country
{
    position: relative;
    float: left;
    left: 838px;
    bottom: 32px;
    cursor: pointer;
    background: url(img/stage-right.gif);
    height: 32px;
    width: 32px;
}

#stage_nav_right_product
{
    position: relative;
    float: left;
    left: 633px;
    bottom: 32px;
    cursor: pointer;
    background: url(img/stage-right.gif);
    height: 32px;
    width: 32px;
}
DIV.footer_zone {
    width: 980px;
    height: 40px;
    padding: 0px 0 0 0;
    margin: 0 auto;
    background-color: white;
}
/*Inverted icons*/
div#clip_content a.document-inverted {
    background: url(img/icon-document-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-document-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.ppt-inverted {
    background: url(img/icon-presentation-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-presentation-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.image-inverted {
    background: url(img/icon-image-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-image-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.audio-inverted {
    background: url(img/icon-audio-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-audio-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.movie-inverted {
    background: url(img/icon-movie-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-movie-inverted.gif);
    padding: 3px 0 0 20px;
}

div#clip_content a.download-inverted {
    background: url(img/icon-download-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-download-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.pdf-inverted {
    background: url(img/icon-pdf-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-pdf-inverted.gif);
    padding: 4px 0 0 13px;
}

div#clip_content a.xls-inverted {
    background: url(img/icon-excel-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-excel-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.window-inverted {
    background: url(img/icon-window-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-window-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.extern-inverted {
    background: url(img/icon-link-extern-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-link-extern-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.link-inverted {
    background: url(img/icon-link-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-link-inverted.gif);
    padding: 3px 0 0 13px;
}

div#clip_content a.doc-inverted {
    background: url(img/icon-word-inverted.gif) no-repeat 0px 5px;
    background-image: url(img/icon-word-inverted.gif);
    padding: 3px 0 0 13px;
}
