#container #main, #productheader a.buy, #branding h2, #country .flag.usa{ behavior:url(/global/scripts/lib/iepngfix.htc); }

/* layout */
a[href="#"] { color: red; }
html { background: #f3f3f3 url(../images/bg_gradient_20101105.gif) repeat-x top left; }
#content { padding:18px 50px; }

img.center { margin:0 auto; display:block; }

.grid2col .column { width:415px; margin-left:50px; }
.grid3col .column { width:260px; margin-left:50px; }


/* product header */
#productheader h1 a { background-image:url(../images/product_title20090625.png); width:252px; }

body#features				#productheader ul#productnav li#pn-features a,
body#integration			#productheader ul#productnav li#pn-integration a,
body#profiles				#productheader ul#productnav li#pn-profiles a,
body.apps					#productheader ul#productnav li#pn-apps a,
body#deployment-resources	#productheader ul#productnav li#pn-resources a { color:#999 !important; cursor: default; }


/* apps nav */
#appsnav { float:left; margin-top:10px; width:244px; }
#appsnav li { padding:0 0 1px; _padding-top:2px; }
#appsnav li a { display:block; position:relative; padding:6px 0 6px 23px; color:#8c8c8c; line-height:25px; background:url(../images/fn_arrow_grey.gif) no-repeat 95% 12px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#appsnav:hover li a { color:#333; text-decoration:none; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
#appsnav li a:hover,
#appsnav:hover li a:hover { background:url(../images/fn_arrow_blue.gif) no-repeat 95% 12px; color:#08c; }

#intelligence		#appsnav #an_intelligence,
#salesforce			#appsnav #an_salesforce,
#collaboration		#appsnav #an_collaboration,
#mobile-it			#appsnav #an_mobile-it,
#news				#appsnav #an_news,
#documents			#appsnav #an_documents,
#organization		#appsnav #an_organization,
#travel				#appsnav #an_travel { background:#f2f2f2; position:relative; background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eaeaea)); }

#intelligence		#appsnav #an_intelligence a,
#salesforce			#appsnav #an_salesforce a,
#collaboration		#appsnav #an_collaboration a,
#mobile-it			#appsnav #an_mobile-it a,
#news				#appsnav #an_news a,
#documents			#appsnav #an_documents a,
#organization		#appsnav #an_organization a,
#travel				#appsnav #an_travel a { color:#333; cursor:default; background:url(../images/fn_arrow_black.gif) no-repeat 95% 12px; }

#rates { width:922px; padding:22px 29px 11px; margin:18px auto 6px; background-color:#f7f7f7; border:1px solid #e3e3e3; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; }
#rates .column.first { width:571px; }
#rates .column.last { background:none; width:255px; }
#rates h2 { vertical-align:center; }
#rates h3 { margin:0; padding:9px 0 4px; font-size:11px; color:#424242; }
#rates p { color:#797979; font-size:11px; }
#rates a.more { background-image:url(../images/external10x10.gif); padding-right:15px; }


/* movie overlays */
#OverlayPanel .movie848 { position:relative; width:902px; height:600px;  }
#OverlayPanel .movie848 h2 { width:848px; padding-top:20px; margin-right:auto; margin-left:auto; }

#OverlayPanel .movie848 .movie,
#OverlayPanel .movie848 .movie-loading,
#OverlayPanel .movie848 .endState { position:relative; width:848px; height:480px; }
#OverlayPanel .movie848 .moviePanel { *background: #fff; }
#OverlayPanel .movie848 .movie { margin:0 auto; padding-bottom:29px;  }
#OverlayPanel .movie848 .movie-loading { background-image:url(../images/qt_loading848x480.gif); }
#OverlayPanel .movie848 .endState { background-image:url(../images/qt_endstate848x480.jpg); }


/* page specific
------------------------*/

/* overview */
#overview #main { background:#fff url(../images/gradient_top_20101105.gif) repeat-x 0 0; }
#overview #main #hero { padding: 13px 70px 0 36px; }
#overview #main #hero h1 { margin: 40px 0 5px 0; *margin-bottom: 15px; }
#overview #main #hero img.hero { float: left; margin-right: 142px; *margin-bottom: -24px; }

#overview #main #nav { clear: both; height: 146px; padding: 35px 0 0 65px; background: url(../images/overview_nav_bg_20101105.jpg) no-repeat 0 0; }
#overview #main #nav li { float: left; width: 145px; margin-right: 31px; }
#overview #main #nav li a { color: #333; display: block; }
#overview #main #nav li h4 { _margin-right: -10px; _position: relative; }
#overview #main #nav li a:hover { text-decoration: none; }
#overview #main #nav li a:hover span { text-decoration: underline; }
#overview #main #nav li p { margin-bottom: 0; }
#overview #main #nav li span { padding-right: 10px; color: #08c; background: url(../images/down_scrollernav.gif) no-repeat 100% 50%; }

#overview #main #content { clear: both; padding: 28px 40px 14px; font-size: 14px; line-height: 20px; }
#overview #main #content h3 { font-size: 20px; }
#overview #main #content .section { clear: both; }

#overview #main #speed h3 { padding-top: 40px; }
#overview #main #speed img { margin: 0 80px 62px 60px; }

#overview #main #easy img { margin: 0 95px 53px 68px; }

#overview #main #safe h3 { padding-top: 35px; }
#overview #main #safe img { margin: 0 90px 52px 60px; }

#overview #main #apps h3 { padding-top: 35px; }
#overview #main #apps img { margin: 0 52px 50px -40px; }

#overview #main #whatever h3 { padding-top: 85px; }
#overview #main #whatever img { margin: 0 -40px 18px 10px; }

#overview #main #profiles { margin: 0 -40px; padding: 60px 43px 0; background: url(../images/overview_profiles_bg_20101105.jpg) no-repeat 0 0; *padding-top: 30px; }
#overview #main #profiles h3 { padding-top: 78px; }
#overview #main #profiles img { margin: 0 40px 0 0; }


/* features */
#features #main #content #hero h1 { margin-top:40px; margin-bottom:0; background:url(../images/features_title20090625.gif) no-repeat 0 0; text-indent:-9999px; zoom:1; }
#features #main #content #hero p.intro{ width:500px; }
#features #main #content #hero .flushright { margin-top:-75px; }

#features #main #content .grid2cola .column { margin-top:30px; _margin-top:0; }

#features #main #content .feature { min-height:330px; _height:330px; }
#features #main #content .feature h3 { font-size:14px; }
#features #main #content .leftside { margin-left:180px; }
#features #main #content .rightside { margin-right:180px; }

#features #content .surveycallout { margin-left:20px; }

#features #content .sidebar { background-color:#f8f8f8; float:right; font-size:11px; margin-bottom:18px; width:260px; }
#features #content .sidebar_wrap { padding:0 20px 1px; background:url(../images/sidebar_capbottom20090625.png) no-repeat left bottom; }

#features #content .sidebar h3 { margin:-3px -20px 10px; padding:15px 20px 16px; border-bottom:1px solid #cfcfcf; background:url(../images/sidebar_captop20090625.png) no-repeat left top; }
#features #content .sidebar hr { margin-bottom:16px; height:1px; background:none; border:none; border-top:1px solid #d7d7d7; }
#features #content .sidebar img.appstore { float:left; margin:10px 13px 10px 0; position:relative; }
#features #content .sidebar img.exchange { float:right; margin-left:10px; margin-top:3px; }
#features #content .sidebar p.exchange { margin-bottom:38px; }

#features #main #content #email h3 { padding-top:30px; }
#features #main #content #calendar h3 { padding-top:25px; }
#features #main #content #spotlight h3 { padding-top:60px; }
#features #main #content #safari { min-height:230px; _height:230px; }
#features #main #content #safari img.right { padding-top:7px; }
#features #main #content #contacts h3 { padding-top:55px; }
#features #main #content #voicecontrol { margin-top:-60px; }
#features #main #content #voicecontrol h3 { padding-top:80px; }
#features #main #content #voicecontrol p { width:400px; }
#features #main #content #smarter { margin-top:-50px; }
#features #main #content #smarter h3 { padding-top:60px; }
#features #main #content #more h3 { padding-top:70px; }
#features #main #content #more img.left { margin-right:24px; }


/* integration */
#integration #main { background:#fff url(../images/gradient_top_20101105.gif) repeat-x 0 0; }
#integration #main h2 { margin-bottom: 0; *margin-bottom: 5px; }
#integration #main h3 { padding-top: 10px; }
#integration #main a.pdf { padding: 1px 0 0 22px; background: url(../images/icon_pdf_20101105.gif) no-repeat 0 0; }
#integration #main p.intro { line-height: 26px; margin-bottom: 30px; }
#integration #main .section { border-top: 1px solid #e5e5e5; padding-top: 38px; margin-top: 30px; }
#integration #main .grid2col { clear: both; }

#integration #content { padding-bottom: 60px; }

#integration #hero { padding-top: 30px; margin-bottom: 60px; } 
#integration #hero h1 { margin: 65px 0 10px; line-height: 1px; }
#integration #hero p.intro { margin-right: -10px; *margin-right: -15px; }
#integration #hero img.flushleft { margin-right: 37px; margin-bottom: 10px; *margin-bottom: -20px; }
#integration #hero .callout { width: 830px; clear: both; padding: 11px 25px 9px; }
#integration #hero .callout h4 { margin-bottom: 3px; }
#integration #hero .callout .column { width: 400px; padding: 10px 0 13px; }
#integration #hero .callout .column.first { border-right: 1px solid #ddd; }
#integration #hero .callout .column.last { width: 399px; padding-left: 28px; border-left: 1px solid #fff; }
#integration #hero .callout .column.last p { margin-right: 0; }
#integration #hero .callout img { float:left; margin-right:14px; }


#integration .callout { 
	width: 360px; display: inline-block; padding: 17px 25px 20px; font-size: 12px; line-height: 15px;
	box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; 
	-webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff); 
	*border: 1px solid #e3e3e3;
	*background-color: #f8f8f8;
	*padding-bottom: 0px;
}
#integration .callout p { margin-bottom: 8px; }
#integration .callout h4 { font-size: 14px; margin-bottom: 10px; }
#integration .callout li { margin-bottom: 10px; }
#integration .callout .column.first { width: 220px; }
#integration .callout .column.last { width: 140px; }
#integration .callout a { zoom: 1; }

#integration #seamless h2 { padding-top: 15px; }
#integration #seamless img.right { margin: 0 0 15px 0; }
#integration #seamless .callout .column.last { width: 105px; }

#integration #security img.left { margin: 0 0 15px 15px; }
#integration #security .callout { *padding-bottom: 20px; }
#integration #security .column.last p { margin-right: -5px; }

#integration #deployment img.right { margin: 0 0 15px 0; }


/* deployment resources */
#deployment-resources #content { width: 887px; padding: 57px 38px 70px 55px; }
#deployment-resources #content p { margin-bottom: 3px; }
#deployment-resources #content p.intro { margin-bottom: 50px; }
#deployment-resources #content h1 { margin-bottom: 5px; line-height: 1px; }
#deployment-resources #content h2 { padding: 18px 0 7px; margin-bottom: 15px; font-size: 18px; border-bottom: 1px solid #e4e4e4; }
#deployment-resources #content a { margin-bottom: 25px; font-size: 11px; }
#deployment-resources #content a.pdf { padding-top: 3px; }
#deployment-resources #content a.html { padding-top: 2px; }
#deployment-resources #content .column { width: 286px; margin-left: 26px; }
#deployment-resources #content .column.last { width: 260px; }
#deployment-resources #content .box { margin-bottom: 20px; padding: 16px 20px 1px; background-color: #f5f5f5; font-size: 11px; box-shadow: inset rgba(0,0,0,0.05) 0px 0px 4px; -webkit-box-shadow: inset rgba(0,0,0,0.05) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,0.05) 0px 0px 4px; *border: 1px solid #e3e3e3; }
#deployment-resources #content .box h3 { margin: 0 -20px 20px; padding: 0 20px 15px; border-bottom: 1px solid #e4e4e4; font-size: 14px; *padding-bottom: 14px; }
#deployment-resources #content .box table { margin: 10px 0 13px -5px; }
#deployment-resources #content .box table tr td { vertical-align: middle; *padding: 10px 0; }
#deployment-resources #content .box table tr td a { *margin-bottom: 0; }
#deployment-resources #content .box table tr td img { margin: 8px 0; float: left; *margin: 0; }
#deployment-resources #content .box.alt { *padding-bottom: 13px; }
#deployment-resources #content #additional.box { *padding-bottom: 25px; }
#deployment-resources #content #additional.box a { width: 60px; display: block; text-align: left; *width: 62px; }


/* Apps for iPhone
------------------------*/
.apps #main { background-image: none; padding: 0; }

/* apps landing */
#landing #content img#hero { position: absolute; right: 103px; top: 56px; }
#landing #content h1 { text-align: left; margin-bottom: -7px; *margin-bottom: 5px; padding-top: 40px; }
#landing #content p.intro { width: 500px; font-size: 18px; margin-bottom: 0px; }
#landing #content { width: 888px; padding: 46px 46px 40px; }

#landing ul.app-links { margin-top: 20px; margin-bottom: 40px; }
#landing ul.app-links li a { display: block; padding: 25px 0 25px 82px; font-size: 15px; line-height: 16px; }
#landing ul.app-links li a:hover { text-decoration: none; }
#landing ul.app-links li a em.more { text-align: left; white-space: normal; font-weight: normal; font-style: normal; background: url(../images/morearrow_08c.gif) no-repeat 100% 50%; padding-right: 10px; }
#landing ul.app-links li a:hover em.more { text-decoration: underline; }
#landing ul.app-links li#app-store a { background: url(../images/landing_chiclet_store_20100607.jpg) no-repeat 0 50%; position: relative; }
#landing ul.app-links li#in-house a { background: url(../images/landing_chiclet_app_20100607.jpg) no-repeat 0 50%; position: relative;}

#landing #main #slideshow { position: relative; width: 864px; height: 325px; margin-bottom:30px; padding: 19px 0 22px 25px; top: 0px; left: 0; background: url(../images/quotes_bg_20100505.gif) repeat-x bottom left; }
#landing #main #slideshow .slideshow { display: none; position: absolute; top: 0; left: 0; width:839px; }
#landing #main #slideshow .slideshow .column.left img { margin: 45px 0 0 7px; }
#landing #main #slideshow .slideshow .column.right { border-left:1px solid #e5e5e5; float:right; height:277px; padding-left:22px; width:248px; padding-top: 50px; }
#landing #main #slideshow .slideshow .column.right.twooverlays { padding-top: 0px; height:327px; }
#landing #main #slideshow .slideshow h3 { font-size: 15px; color: #333; line-height:16px; padding-bottom: 13px; margin: 16px 0 8px; text-align:center;}
#landing #main #slideshow .slideshow ul { margin: 0 auto; width: 202px; }
#landing #main #slideshow .slideshow ul li { float: left; height:84px; _height:99px; width:99px; font-size: 11px; line-height: 16px; text-align: center; }
#landing #main #slideshow .slideshow ul li a { color: #666; }
#landing #main #slideshow .slideshow ul li a:hover { color: #08c; text-decoration: none; }
#landing #main #slideshow .slideshow ul img { margin-bottom: -2px; }
#landing #main #slideshow .slideshow-nav {  top:279px; _top: 300px; }

#landing #main #slideshow .overlaythumb { color: #666; background: url(../images/landing_popup_button_bg_20100730.jpg) no-repeat; width: 192px; height: 60px; position: relative; display: block; margin-left: 30px; margin-bottom: 28px; cursor: pointer; text-decoration: none; outline: none; }
#landing #main #slideshow .overlaythumb:hover { background-position: -192px; background-repeat: no-repeat; }
#landing #main #slideshow .overlaythumb img.chiclet { float: left; margin-right: 8px; margin-left: 18px; margin-top: 7px;}
#landing #main #slideshow .overlaythumb p { margin-bottom: 0px; padding-top: 12px; }
#landing #main #slideshow .overlaythumb p span.more { font-size: 11px; }


/* Slideshow Business Global Styles */
.in-house #main .slideshow,
#landing #main #slideshow .slideshow { display: none; position: absolute; top: 0; left: 0; }
.in-house #main #slideshow-swap,
#landing #main #slideshow #slideshow-swap { position: relative; }
.in-house #main #slideshow-swap .slideshow, 
#landing #main #slideshow #slideshow-swap .slideshow { display: block; }
#slideshow-swap-business .slideshow-business { display: block; position: relative; }
#landing #main #slideshow .slideshow-nav { position:relative; top:364px; margin:0 auto; text-align:center; width:80px; height: 10px; }
#landing #main #slideshow .slideshow-nav li { float: left; }
.in-house #main .slideshow-nav li { *float: left;  }
.in-house #main .slideshow-nav a,
#landing #main #slideshow .slideshow-nav a { display: block; width: 8px; height: 8px; background: url(dot20070414.png) no-repeat; text-indent: -9999px; overflow: hidden; float: left; margin-right: 5px; _margin-right:2px; }
.in-house #main .slideshow-nav a:hover,
#landing #main #slideshow .slideshow-nav a:hover { background-position: 0 -8px; }
.in-house #main .slideshow-nav a.active,
#landing #main #slideshow .slideshow-nav a.active { background-position: 0 -16px; }
.in-house #main .slideshow-nav,
#landing #main #slideshow .slideshow-nav { position:relative; margin:0 auto; text-align:center; width:80px; _width:80px;  }

#landing #main #slideshow .overlaythumbholder { margin-bottom: 28px; }
#landing #main #slideshow .overlaythumb { color: #666; background: url(landing_popup_button_bg_20100730.jpg) no-repeat; width: 192px; height: 60px; position: relative; display: block; margin-left: 30px; margin-bottom: 10px; cursor: pointer; text-decoration: none; outline: none; }
#landing #main #slideshow .overlaythumb:hover { background-position: -192px; background-repeat: no-repeat; }
#landing #main #slideshow .overlaythumb img.chiclet { float: left; margin-right: 8px; margin-left: 18px; margin-top: 7px;}
#landing #main #slideshow .overlaythumb p { margin-bottom: 0px; padding-top: 12px; }
#landing #main #slideshow .overlaythumb p span.more { font-size: 11px; }

/* in-house apps for iphone */
.in-house #content { clear: both; padding:18px 40px; }
.in-house #content p.intro { line-height: 26px; }
.in-house #content img.flushright { margin-right: -40px !important; }
.in-house #content img.flushleft { margin-left: -40px !important; }
.in-house #content .grid2col .column.first { width: 430px; }
.in-house #content .grid2col .column.last { width: 421px; }

.in-house #main #slideshow { position: relative; height: 130px; }
.in-house #main #slideshow2 { position: relative; height: 118px; }
.in-house #main #slideshow .slideshow-nav { top:130px; }
.in-house #main #slideshow2 .slideshow-nav { position: absolute; bottom: 13px; left: 199px; }

.in-house #pagenav { width: 900px; margin-bottom: 0; margin-top: 32px; padding-bottom: 8px; *padding-top: 38px; }
.in-house #pagenav .previous { *margin-top: -18px; }

.in-house #content #hero h1 { margin-bottom: 0; }
.in-house #content .section { padding-top: 40px; border-top: 1px solid #e5e5e5; }
.in-house #content .section h2 { font-weight: bold; font-size: 20px; line-height: 26px; }
.in-house #content .callout { position: relative; zoom: 1; padding: 20px; background-color: #f4f4f4; border: 1px solid #ededed; }
.in-house #content .callout p { color: #333; line-height: 17px; margin-bottom: 0; }

.in-house #content #field-sales.section { -webkit-transform: translateZ(0); }

.in-house #header { position: relative; padding: 59px 0 5px 0; margin-bottom: 41px; background: url(../images/nav_bg20100528.gif) repeat-x bottom left; }
.in-house #header h1 { text-align: center; line-height: 10px; margin-bottom: 49px; }
.in-house #header a { color: #333; }
.in-house #header a:hover,
.in-house #header a:hover h4 { color: #08c; text-decoration: none; }
.in-house #header ul { margin: 0 auto; height: 174px; width: 756px; background: url(../images/nav_divider_bg20100505.gif) no-repeat bottom left; }
.in-house #header ul p { margin-bottom: 12px; line-height: 16px; }
.in-house #header ul h4 { line-height: 17px; }
.in-house #header ul li { float: left; width: 222px; padding: 0 10px 0 19px; word-spacing: -1px; }
.in-house #header ul img { margin: 0 auto 0px; display: block; }
.in-house #header li#sn-innovative img { margin-top: -2px; }

#innovative.in-house #header ul #sn-innovative,
#sdk.in-house #header ul #sn-sdk,
#resources.in-house #header ul #sn-resources { background: url(../images/nav_active20100505.gif) no-repeat 1px bottom; height:174px; }

#innovative.in-house #header ul #sn-innovative h4,
#innovative.in-house #header ul #sn-innovative p,
#sdk.in-house #header ul #sn-sdk h4,
#sdk.in-house #header ul #sn-sdk p, 
#resources.in-house #header ul #sn-resources h4,
#resources.in-house #header ul #sn-resources p { color: #666; text-shadow: 1px 1px 0px #fff; }

.in-house #header .carrot { position: absolute; width: 27px; height: 15px; bottom: -10px; _top: 318px; background: url(../images/nav_carrot20100528.gif) no-repeat; }
#innovative.in-house #header .carrot { left: 226px; }
#sdk.in-house #header .carrot { left: 477px; }
#resources.in-house #header .carrot { left: 728px; }


/* in-house apps page specific */
#innovative #content .section img,
#innovative #content #hero img.flushright { margin-bottom: 45px; position: relative; }
#innovative #content .section img.right { margin-right: -2px; margin-left: 0; }
#innovative #content .grid2col .column.last { width: 428px; }

#innovative #content .callout { width: 386px; }
#innovative #content .callout p { padding-left: 171px; }
#innovative #content .callout h4 { padding-top: 2px; }
#innovative #content .callout img.thumb { margin: 0 16px 0 0; padding: 6px; float: left; background-color: #fff;  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; *border: 1px solid #dedede; }
#innovative #content .callout span.play { position: absolute; top: 48px; left: 74px; width: 46px; height: 46px; background: url(../images/play_20100505.png) no-repeat; z-index: 100; behavior:url(/global/scripts/lib/iepngfix.htc); }
.in-house #content #field-sales .callout span.play { top: 32px; left: 57px;  } 
#innovative #content #business-process .callout span.play { top: 30px; left: 57px;  }
#innovative #content .callout.short { padding-bottom: 39px; *padding-bottom: 22px; }

#innovative #business-intelligence .first img.flushleft { *float: none; }
#innovative #field-sales .first img.left { margin-left: -7px; _margin-right: -30px; *float: none; }
#innovative #collaboration .first img.left { *float: none; }
#innovative #training img.right { margin-bottom: 0px; }

#sdk #content #hero h1 { padding-top: 30px; }
#sdk #content #hero img.right { margin-bottom: 45px; position: relative; right: -20px; *right: 50px; _position: absolute; }
#sdk #content .column.first p.intro { *width: 400px; _margin-bottom: 60px; }
#sdk #content .callout h3 { border-bottom: 1px solid #cfcfcf; padding-bottom: 10px; margin-bottom: 15px; }
#sdk #content .callout h4 { font-size: 12px; }

#sdk #iphone .callout img.left { padding-top: 5px; }
#sdk #web .callout img.right { margin: 0; }
#sdk #web .callout .column.first { width: 182px; }
#sdk #web .callout .column.last { width: 167px; margin-right: 5px; }

#sdk #integrating .column.first { width: 595px; }
#sdk #integrating .column.last { width: 250px; }
#sdk #integrating .callout img { margin-bottom: 0; margin-right: 12px; }
#sdk #integrating .callout h4 { padding-top: 8px; }
#sdk #integrating .callout h4.sub { padding-top: 0; margin-bottom: 18px; font-weight: normal; color: #666; }
#sdk #integrating img.center { margin-top: 40px; }

#sdk .tech-apps { margin-top: 35px; margin-bottom: 35px; }
#sdk .tech-apps .column.first { width: 418px !important; }
#sdk .tech-apps p { padding-left: 94px; margin-bottom: 35px; }
#sdk .tech-apps img { clear: left; margin-right: 15px; margin-top: 0; }
#sdk .tech-apps img.push { margin-top: -7px; }

#resources #content #hero p.intro { width: 420px; }
#resources #content #hero img.flushright { margin-bottom: 30px; *margin-left: -35px; position: relative; }
#resources #content .callout { padding: 16px; }
#resources #content .callout span.new { position: absolute; top: 0px; left: 0px; width: 47px; height: 47px; background: url(../images/badge_new_20100505.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#resources #content .callout img.left { margin-right: 25px; }
#resources #content .callout img.itunes { margin: 12px 6px 0 0; }
#resources #content .callout p.itunes { padding-top: 15px; margin-bottom: 3px; }
#resources #content p.button { color: #666; font-size: 14px; padding-top: 2px; }
#resources #content a.button { float: left; margin-right: 9px; }
#resources #content #program { margin: 20px 0; }
#resources #content #program p,
#resources #content #program h4 { padding-left: 108px; }
#resources #content #program p { margin-bottom: 40px; }
#resources #content #program .column.last img.left { margin-left: 11px; }


/* commercial apps for iphone */
.commercial #main #hero { height:455px; }
.commercial #main #hero img { margin-top:34px; }
.commercial #main #hero img.center { margin-top:0; }
.commercial #main #hero h2 img { margin:95px 0 0 -10px; position:relative; }
.commercial #main #hero p.intro { width:295px; margin:8px 0 0 -7px; line-height:22px; position:relative; }
.commercial #main #hero img.flushright { position:relative; }

.commercial #content { clear:both; float:right; padding:25px 38px 0; width:659px; border-left:1px solid #e3e3e3; z-index:1; }
.commercial #content img.flushright { margin-right:-38px !important;  }
.commercial .grid2col { clear:both; margin-top:-20px; }
.commercial .grid2col .column.first { width:380px; *height:170px; _height:250px; }
.commercial .grid2col .column.last { width:250px; *height:170px; _height:250px }
.commercial .grid2col .column.last ul { margin-bottom:15px; }

.commercial #main .appicons .column { width:47%; margin-bottom:35px; _margin-bottom:-35px; }
.commercial #main .appicons img.left { position:relative; margin:-2px 11px 0 0; }
.commercial #main .appicons h4 { margin-bottom:.5em; font-size:13px; }
.commercial #main .appicons h4 a { color:#000; text-decoration:none; }
.commercial #main .appicons h4 a:hover { color:#08c; }
.commercial #main .appicons p { margin:0 -5px 0 79px; }

.commercial .callout { background-color:#f1f1f1; padding:20px 20px 25px; font-size:12px; border-color:#ededed; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; }
.commercial .callout h3 { font-size:12px; margin-bottom:15px; }
.commercial .callout ol,
.commercial .callout a { font-size:12px; }
.commercial .callout ol li { margin-bottom:3px; }
.commercial #content .callout ol li a strong { font-weight:normal; color:#08c; }
.commercial #content .callout ol li a span { display:none; }
.commercial .callout img.right { margin-left:0; }


/* commercial apps page specific */
#intelligence.commercial #main #hero img.flushright { margin-top:10px; }
#intelligence.commercial #main #hero p.intro { width:330px; margin-top:-8px; }
#intelligence.commercial #main .appicons { margin-top:-22px; }

#salesforce.commercial #main #hero img.flushright { margin-top:2px; }
#salesforce.commercial #main #hero h2 img { margin:67px 0 0 -7px; }
#salesforce.commercial #main #hero p.intro { width:300px; margin-top:-5px; }

#collaboration.commercial #main #hero img.flushright { margin-top:2px; }
#collaboration.commercial #main #hero h2 img { margin:67px 0 0 -7px; }
#collaboration.commercial #main #hero p.intro { width:316px; margin-top:-5px; }

#travel.commercial #main #hero img.flushright { margin-top:12px; }
#travel.commercial #main .appicons { margin-top:-32px; }

#organization.commercial #main #hero h2 img { margin-top:55px; }
#organization.commercial #main #hero img.flushright { margin-top:12px; }
#organization.commercial #main #hero p.intro { width:295px; margin-top:-8px; }
#organization.commercial #main .appicons { margin-top:-20px; }

#documents.commercial #main #hero img.flushright { margin-top:16px; }
#documents.commercial #main #hero p.intro { width:280px; margin-top:-8px; }
#documents.commercial #main .appicons { margin-top:-24px; }

#news.commercial #main #hero img.flushright { margin-top:14px; }
#news.commercial #main #hero p.intro { width:265px; margin-top:-1px; }
#news.commercial #main .appicons { margin-top:-23px; }

#mobile-it.commercial #main #hero img.flushright { margin-top:12px; }
#mobile-it.commercial #main #hero h2 img { margin-top:15px; }
#mobile-it.commercial #main #hero p.intro { width:295px; margin-top:-1px; }
#mobile-it.commercial #main .appicons { margin-top:-23px; }


/* commercial apps pagenav */
#pagenav a { *border:none; }
#pagenav { clear:both; width:655px; margin:20px 0 14px; padding-top:1.83em; padding-bottom:1em; border-top:1px solid #eee; }
#pagenav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#pagenav img { display:none; }
#pagenav div { width:50%; }
#pagenav div.previous { float:left; }
#pagenav div.previous a { padding-left:20px; background:url(../images/arrow_prev.gif) no-repeat 0 50%; }
#pagenav div.next { float:right; text-align:right; *margin-top:-18px; }
#pagenav div.next a { padding-right:20px; background:url(../images/arrow_next.gif) no-repeat 100% 50%; }
#pagenav div.previous .replaced { background-position:0 0; display:inline; height:auto; padding:0; text-indent:0; width:auto; }


/* @group OverlayContent appDemos */
#landing #OverlayPanel { *margin-top: -270px !important; _margin-top: -270px !important;  }
#landing #OverlayPanel[style] { width: 795px !important; height: 547px !important; margin-top: -270px; }
#landing img.overlayPanelShadowImage { *height: 589px !important; _height: 630px !important; }
#landing .overlaypanel .overlayPanelContent { background: url("../images/overlay_bgdark20100730.png") no-repeat !important; position: relative; width:795px; *width: 794px !important; height: 548px; padding-left: 86px; padding-top: 21px; margin-top:-1px; margin-left: -1px; _margin-left: -4px; _top: -5px !important;}
#landing .overlaypanel .overlayPanelContent .swapView { width: 640px; }
#landing .overlaypanel .overlayPanelContent .moviePanel { margin-top:15px; padding: 0px; *margin-top: 0px;  }
#landing .overlaypanel .overlayPanelContent .moviePanel.movie-loading-panel_640x360 { *display: none !important; }
#landing .overlaypanel .overlayPanelContent .background { width: 640px; height: 360px; }
#landing .overlaypanel .overlayPanelContent .movie { width: 640px; height: 360px; position: relative; margin-top: 40px; margin-left: -10px; overlay: hidden; }
#landing.mobileSafari .overlaypanel .overlayPanelContent .movie { margin-left: 75px; margin-top: 60px; }
#landing .overlaypanel .overlayPanelContent .endState { height: 360px; }
#landing .overlaypanel .overlayPanelContent h2.title { color: #fff; font-size: 19px; text-shadow: #000 1px 1px 0px;  }
#landing .overlaypanel .overlayPanelContent h3 { color: #fff; font-size: 16px; margin-top: 10px; font-weight: normal; font-style: normal; text-shadow: #000 1px 1px 0px; }
#landing .overlaypanel .overlayPanelContent img.purchase { margin-top: -35px; position: relative; right: 0; }
#landing .overlaypanel .overlayPanelContent .movie a img { position: relative; float: right; }
#landing .overlaypanel #appSlider { width: 795px; height: 60px; position: absolute; bottom: 36px; left: 0px; }

#appSlider .arrow { width: 30px; height: 80px; position: absolute; top: -15px; cursor: pointer; }
#appSlider .arrow.left { left: 15px; background: url(../images/slider_left_bg_20100607.png) no-repeat 0 top; _background: url(http://images.apple.com/iphone/business/apps/images/slider_left_bg_20100607.gif) no-repeat 0 top; }
#appSlider .arrow.right { right: 10px; background: url(../images/slider_right_bg_20100607.png) no-repeat 0 top; _background: url(http://images.apple.com/iphone/business/apps/images/slider_right_bg_20100607.gif) no-repeat 0 top; }
#appSlider .arrow.left.disabled, #appSlider .arrow.right.disabled { background-position: 0 -178px; }
#landing .overlaypanel .mask { width: 696px; height: 60px; top: 0px; position: absolute; left: 57px; overflow: hidden; }
#landing ul.app-subnav li { position: relative; display: inline; float: left; }
#landing ul.app-subnav a.overlaythumb { position: relative; display: inline; width: 159px; height: 60px; float: left; color: #fff; background: url("../images/overlay_slider_thumbbg20100730.png") no-repeat; margin-right: 15px; outline: none; }
#landing ul.app-subnav a.overlaythumb p { margin-left: 8px; margin-top: 5px; color: #b2b2b2; position: absolute;}
#landing ul.app-subnav a.overlaythumb p.title { text-shadow: #000 1px 1px 0px; color: #fff; font-size: 11px; }
#landing ul.app-subnav a.overlaythumb p.time, #landing ul.app-subnav a.overlaythumb p.playing { bottom: 4px; margin-bottom: 0px; font-size: 10px; }
#landing ul.app-subnav a.overlaythumb.active { background-repeat: no-repeat; background-position: -159px 0; }
#landing ul.app-subnav li img.chiclet { float: right; margin-top: 6px; margin-right: 6px;}
#landing ul.app-subnav a.overlaythumb p.playing { display: none; }
#landing ul.app-subnav a.overlaythumb.active p.playing { display: block; position: absolute; padding-left: 15px; }
#landing ul.app-subnav a.overlaythumb.active p.playing img { position: absolute; margin-left: -15px; margin-top: 1px; }
#landing ul.app-subnav a.overlaythumb.active p.time { display: none;  }
#landing ul.app-subnav a.overlaythumb:hover { text-decoration: none; }
#landing .overlaypanel .endState p { padding-top: 140px; }
#landing .overlaypanel .endState p a.pillbutton { margin-bottom: 5px; }
#landing .overlaypanel.popped .closeButtonContainer { margin-left: -4px; margin-top: -1px; _margin-left: -7px; _margin-top: -5px; z-index: 90001 !important; }
#landing.mobileSafari .overlayPanelContent { background: none !important; }
#landing.mobileSafari .overlayPanelContent .background { background: url("../images/overlay_bgdark20100730.png") no-repeat !important; width: 796px; position: absolute; height: 548px; left: 0; top: 0; z-index: -1; }
/* @end */


/*---- slyder ----*/
/* nav is hidden 
#appSlider .nav { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; }
#appSlider .nav a { display: inline-block; width: 11px; height: 8px; background: url(../images/dot.png) no-repeat 50% 0; cursor: pointer; }
#appSlider .nav a:hover { background-position: 50% 50%; }
#appSlider .nav a.active { background-position: 50% 100%; cursor: default; }
*/