/*	---------------------------------------------------------------
		@filename		homepage.css
		@author			jonathan.fields@akqa.com
		@description	Page layout + global style definitions
		
		Contents
		1. Carousel 
		2. Callouts
		
	--------------------------------------------------------------- */
	
	
/*	
	=========== 1. Carousel  ===========
*/	

#home #nav_qt_wrapper{
	margin-bottom: -1px;
}

html body #header #no-flash p.get-flash{
	clear: both;
	font-size: 18px;
	color:#333;
	width: 480px;
	margin 0 auto;
	text-align: center;
	line-height: 23px;
	top:180px;
}
html body #header #no-flash p.get-flash a{
	top:14px;
}

html body #header #no-flash p.get-flash a img{
	border:0;
}
#home #header {
	height: 509px;
	background: url("/assets/images/backgrounds/slideshow.png") repeat-x transparent 0 0;
	
}

#home #header #link-logo{
	top: 35px;
}

#home #main a{
	font-size:11px;
}

#home #main a:hover{
	color: #656565
}

#home #header .left h1{
	float:left;
}

#home .head-search{
	position: absolute;
	top:0;
	right: 0;
}


#home #header .page-section{
	position: relative;
	height: 0;
	z-index: 9999;
}
#home #header  #footer{
	height: 145px;
}
#no-flash{
	background: url("/assets/images/backgrounds/radial-left.png") no-repeat scroll 0 0 transparent;
}



#no-flash .picture-frame {
	width: 100%;
	height:	500px;
	position:relative;
	background: url("/assets/images/backgrounds/radial-right.png") no-repeat scroll 100% 0 transparent;
}

#no-flash .picture-frame  div.slide{
	position: absolute;
	top:0;
	overflow:hidden;
	width: 100%;
	height: 506px;
	background: 50% 100%  transparent no-repeat;
	opacity: 0;	
	visibility: hidden;
	margin:0;
	filter: none !important;
}

#home #no-flash .picture-frame  div.slide.half{
	width: 50%;
	margin-left:50%;
}

#home #no-flash .picture-frame div#section-iphone{
	height: 506px !important;
}

#home #no-flash .picture-frame div.qp1,
#home #no-flash .picture-frame div.qp2,
#home #no-flash .picture-frame div.qp3,
#home #no-flash .picture-frame div.qp4{
	height: 372px;
	
}

#no-flash .picture-frame  div.slide div.slide-inner{
	width:960px;
	margin:120px auto 0;
}

#no-flash .picture-frame  div.slide div.slide-inner h3,
#no-flash .picture-frame  div.slide div.slide-inner h4,
#no-flash .picture-frame  div.slide div.slide-inner p,
#no-flash .picture-frame  div.slide div.slide-inner a{

	text-indent: -5000px;
}
#no-flash .picture-frame  div.slide div.slide-inner h3{
	font-size: 18px;
	line-height: 1em;
	width: 300px;
	margin-bottom: 15px;
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap {
	display: none;
    height: 30px;	
    position: static;
    top: 374px;
    width: 200px;
}

#home #no-flash .picture-frame  div.active div.slide-inner ul.symMap{
	display:block;
	position: absolute;
	margin-top: 6px;
}

#home #no-flash .picture-frame  div.qp5 div.slide-inner ul.symMap{
	top:308px;
}

#home #no-flash .picture-frame  div.qp5 div.slide-inner ul.symMap li{
	margin-left: -1px;
}

#home #no-flash .picture-frame  div.qp5 div.slide-inner ul.symMap li a:hover{
	background-image: url("/assets/images/home/slides/links2.png");
}

#home #no-flash .picture-frame  div.qp6 div.slide-inner ul.symMap{
	top:323px;
}

#home #no-flash .picture-frame  div.qp6 div.slide-inner ul.symMap li{
	width: 162px;
}

#home #no-flash .picture-frame  div.qp6 div.slide-inner ul.symMap li.b{
	width: 220px;
}

#home #no-flash .picture-frame  div.qp6 div.slide-inner ul.symMap li a:hover{
	background-image: url("/assets/images/home/slides/links3.png");
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap li{
    height: 11px;
    margin-bottom: 7px;

    width: 130px;
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap li a{
	width: 100%;
	height: 100%;
	display: block;
	background: none no-repeat 0 0 transparent;
	top:0;
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap li a:hover{
	background-image: url("/assets/images/home/slides/links1.png");
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap li.b a:hover{
	background-position: 0 -18px;
}

#no-flash .picture-frame  div.slide div.slide-inner ul.symMap li.b{
	width: 160px;
}

#no-flash .picture-frame  div#section-iphone{
	background-image: url("/assets/images/home/slides/slide1.png");
}

#no-flash .picture-frame div.slide.active {
	
	z-index: 999;
	visibility: visible;
}

#home #no-flash .picture-frame div#section-iphone.active{
	z-index: 9;
}

#no-flash .picture-frame div.slide h5{
	position: absolute;
	font-size:0;
	text-indent: -5000px;
	width: 300px;
	height: 52px;
	background: transparent no-repeat 0 0;

	left: 238px;
	top:200px;	
}

.dj_ie7 #home #navigation-container.activeX{
	height: 500px;
	margin-bottom: -459px;
}

#home #navigation-container.activeX{
	height: 500px;
	margin-bottom: -458px;
}

iframe.iframe{
    background: none no-repeat scroll 50% 50% transparent;
    border: medium none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 217px;
    z-index: 999;
	margin-top: 0;

}

span.sleeve{
	display: block;
	position:absolute;
	width: 217px;
	top:-2px;
	left:0;
	z-index:1001;
	background: url(/assets/images/backgrounds/sleeve.png) no-repeat 100% 100% transparent;
	height: 100%
}




.dj_ie7 .dropdown{
	border: none !important;
	marign-top: -1px;
}

#no-flash .picture-frame div.slide img.iphone{

	display: block;
	padding: 46px 0 0 11px;
}

#no-flash .picture-frame div.slide img.zip{
	display: block;
	margin: 0 0 0 -165px;
}

#no-flash .picture-frame div.slide img.global{
	display: block;
	margin: 82px 0 0 -165px;
}

#no-flash .picture-frame div.slide div.wrapper{
	margin: 30px 0 0 50%;
	position: absolute;
	top:0;
	width:0;
}

#home #no-flash .picture-frame div.qp6 div.wrapper{
	margin-top: 0;
}

#no-flash .picture-frame div.slide.qp2 h5{
	background-image: url("/assets/images/headers/find-with-gps.png");
}

#no-flash .picture-frame div.slide.qp3 h5{
	background-image: url("/assets/images/headers/see-zip.png");	
}

#no-flash .picture-frame div.slide.qp4 h5{
	background-image: url("/assets/images/headers/monitor-your-mail.png");
}


#no-flash .picture-frame div.slide.qp5{
	background-image: url("/assets/images/home/slides/slide5.png");
	background-position: 50% 100%;
	height: 496px;
}

#no-flash .picture-frame div.slide.qp6{
	background-image: url("/assets/images/home/slides/slide6.png");
}

#home #header div#control{
	position: absolute;
	top: -81px;
	right: 0;
	width: 73px;
	height: 31px;
	z-index: 99;
}

#home #header div#control a{
	float: left;
	display:block;
	height: 31px;
	width: 31px;
	background: url("/assets/images/home/control.png") no-repeat 0 0 transparent;
	opacity: .7;
	text-indent: -5000px;
	font-size: 0;
	visibility: visible;
}

#home #header div#control a.disabled,
#home #header div#control a.disabled:hover{
	opacity:.3;
}

#home #header div#control a:hover {
	opacity: 1.0;
}

#home #header div#control a.next {
	margin-left: 9px;
	background-position: 100% 100%;
}

#deliver-innovation {
	position: absolute;
	top: -60px;
	left: 0;
	width: 146px;
	height: 31px;
}

#deliver-innovation a{
	display: block;
	height: 100%;
	width: 100%;
	top:0;
	opacity: .8;
	font-size:0;
	text-indent: -5000px;
	background: url("/assets/images/headers/deliver-innovation.png") no-repeat 0 0 transparent;
}

#deliver-innovation a:hover{
	opacity: 1;
}

/*	
	=========== 2. Callouts  ===========
*/


/*.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 800;
 
	background: transparent !important;
}
.dijitDialogUnderlay {
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-top:41px;
	width:100%;
	height:100%;
}

#tooltip-modal {
	z-index: 1001;
}

#tooltip-modal
{
	top:210px !important;
}
#tooltip-modal .dijitDialogCloseIcon
{
	background-image: url("/assets/images/home/modal-close.png");
	width:38px;
	height:38px;
	float:right;
	position:relative;
	margin-bottom:-22px;
	margin-right:-10px;
	z-index:1002;
	cursor:pointer;
	display:none;
}
#tooltip-modal .closeText{
	display:none;
}
*/

#tooltip-underlay
{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin-top:43px;
	z-index:999;
	background-color:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display:block;
	
}


#home #main{
	background: url("/assets/images/backgrounds/hp_main.png") #dddddf 0 0 repeat-x;
	height: 225px;
}

#home #main-inner{
	clear: both;
}

#home #main-repeat #keycommand_help{
	padding:10px 10px 0px 0px;
	margin-bottom:-10px;
	float:right;
	display:inline-block;
	filter:alpha(opacity=70);
  	opacity:0.70;
}

#home #main-repeat #keycommand_help:hover{
	filter:alpha(opacity=100);
  	opacity:1.0;
}

#home #callouts {
	width: 100%;
}

#home #callouts li{
	width: 232px;
	float: left;
	margin-right: 10px;
	margin-top: 48px;
}

#home #callouts li ul{
	float:left;
}
	
#home #callouts li li {
	margin: 0 0 2px 0 !important;
	float:none;
	width: 100%;
	font-weight: bold;

}


#home #callouts li.last{
	width: 234px;
	margin-right: 0;
}

#home #callouts li dl {
	width: 100%;
}


#home #callouts dt{
	width: 100%;
	height:19px;
	background: no-repeat 0 0 transparent;
	font-size: 0;
	text-indent: -5000px;
}

#home #callouts dt a{
	display: block;
	width 100%;
	height: 100%;
}

#home #callouts dt.h1{
	background-image: url("/assets/images/headers/corporate-sustainability.png");
	height:43px;
}

#home #callouts dt.h2{
	background-image: url("/assets/images/headers/our-organization.png");
}

#home #callouts dt.h3{
	background-image: url("/assets/images/headers/newsroom.png");
}

#home #callouts dt.h4{
background-image: url("/assets/images/headers/easy_to_find.png");
}

#home #callouts dd{
	margin-top: 10px;
}

#home #callouts dd img{
	float: right;
}

#home #callouts dd img.i1{
	margin-right: 40px;	
}

#home #callouts dd img.i2{
	margin-right: 16px;
	margin-left: -15px;
}

#home #callouts dd img.i4{
margin: 5px 53px 0 0;
}

#home #callouts dd p{
	margin-bottom: 4px;
}

#home #callouts dd .s1{
	width: 133px !important;
}

#home #callouts dd .s2{
	width: 205px !important;
}

#home #callouts dd .s3{
	width: 155px !important;
}

#home #callouts dd .s4{
width: 105px !important;
}