/* start common styles for drilldown pages */
div#learnmore {
z-index: 3;
}

img.innovation {
width: 9.5em;
_width: 9.6em;
height: 1.7em;
}

img.btn_more {
width: 2em;
height: 2em;
}

/* start styles for billboards */
div#billboard {
position: relative;
margin-top: 6.5em;
}

div#billboard img.screenshot {
width: 24.3em;
_width: 24.5em;
height: 24.3em;
_height: 24.5em;
}

div#billboard img.headline {
width: 60em;
_width: 60.4em;
position: relative;
z-index: 5;
}

div#billboard p.intro {
color: #707070;
font-size: 1.8em;
font-family: arial,helvetica,sans-serif;
line-height: 175%;
padding-top: .5em;
position: relative;
z-index: 3;
}
/* end styles for billboards */


/* start styles for content */
div#content {
position: relative;
}

/* start styles for copyblocks */
div.copyblocks {
float: right;
_display: inline;
width: 39em;
position: relative;
}

h1, h2, h3 {
line-height: 120%;
}

div.copyblocks h2 {
color: #e65f00;
margin: 1em 0 .1em;
position: relative;
z-index: 3;
}

h2 img {
width: 1.11em;
height: 1.11em;
position: relative;
top: .3em;
}


h2 img.innovation {
width: 5.28em;
_width: 5.34em;
height: .97em;
position: absolute;
top: .1em;
right: 1em;
}

div.copyblocks p, div.copyblocks p li, div.copyblocks li {
line-height: 150%;
position: relative;
z-index: 3;
}

div.copyblocks ul {
margin-left: .2em;
}

div.copyblocks li {
font-size: 1.1em;
margin-top: .75em;
}

div.copyblocks li.plain {
list-style: none;
list-style-position: outside;
}

div.copyblocks h4 {
color: #5a5a5a;
margin: 1em 0 .2em 0;
}

div.copyblocks p.note {
font-size: 1em;
margin: 1em 0 0 0;
}

div.callout {
padding: 1.25em 1.5em 1.5em;
background-color: #eee;
border: .1em #5a5a5a dashed;
margin-top: 2em;
}

div.callout h3 {
color: #e65f00;
margin: 0;
}

div.callout li {
margin: .5em 0 0 1.5em;
line-height: normal;
list-style-position: outside;
}
/* end styles for copyblocks */

/* start styles for sidebars */
div.sidebar {
float: left;
_display: inline;
width: 19.5em;
position: relative;
margin: 5em 0 -5em 0;
}

div.feature {
margin: 0 0 5em;
}

div.feature img.feature-img {
width: 20em;
_width: 20.1em;
height: 16.3em;
_height: 16.4em;
margin-bottom: .4em;
}

div.feature h3 {
color: #e65f00;
padding-bottom: 0;
margin-bottom: 0;
margin-left: 1.3em;
}

div.feature p {
font-size: 1em;
margin-left: 1.8em;
width: 16em;
line-height: 130%;
}
/* end styles for sidebars */

/* end styles for content */

/* end common styles for drilldown pages */



/* start styles for ActiveSync page */
body.activesync div#billboard img.headline {
height: 15em;
height: 15.1em;
}

body.activesync img#screen_treo700w_agenda{
position: absolute;
top: 0;
left: 3em;
z-index: 0;
}

body.activesync img#screen_treo700w_email {
position: relative;
z-index: 5;
float: left;
_display: inline;
margin: 4.4em 2.75em 0 11em;
}

body.activesync div#billboard p.intro {
margin-left: 17.75em;
}

body.activesync div.copyblocks {
margin-top: -.5em;
}

body.activesync img#screen_treo700w_contacts-list {
position: relative;
z-index: 6;
clear: left;
float: left;
_display: inline;
margin: -8.6em 2.75em 0 -16.4em;
_margin-top: -8.4em;
}

body.activesync div.sidebar {
margin-top: 20em;
_margin-top: 20em;
z-index: 7;
}
/* end styles for ActiveSync page */



/* start styles for Bluetooth page */
body.bluetooth img#photo_treo700w_bluetooth {
width: 37.5em;
_width: 37.8em;
height: 33em;
_height: 33.2em;
position: absolute;
top: 5.3em;
left: 0;
z-index: 0;
}

body.bluetooth div#billboard p.intro {
margin: -.5em 0 0 17.8em;
_margin-top: -.75em;
position: relative;
z-index: 1;
}

body.bluetooth span.spacer {
float: left;
clear: left;
height: 1.75em;
_height: 1.3em;
margin: 0;
padding: 0;
_background: #fff;
}

body.bluetooth span#spacer-1 {
width: 0;
}

body.bluetooth span#spacer-2 {
width: 1.78em;
height: 3.5em;
_height: 3em;
}

body.bluetooth span#spacer-3 {
width: 1.3em;
}

body.bluetooth span#spacer-4 {
width: 2.56em;
}

body.bluetooth span#spacer-5 {
width: 3.89em;
}

body.bluetooth span#spacer-6 {
width: 4em;
}

body.bluetooth span#spacer-7 {
width: 3.67em;
}

body.bluetooth span#spacer-8 {
width: 2.28em;
height: 5.25em;
_height: 4.5em;
}

body.bluetooth img#bluetooth-logo {
width: 18em;
height: 3.5em;
position: absolute;
top: 39em;
left: 21em;
}

body.bluetooth div.copyblocks {
margin-top: -2em;
}

body.bluetooth div.callout h3 {
margin-bottom: .4em;
}

body.bluetooth div.sidebar {
margin-top: -11em;
z-index: 3;
}

body.bluetooth div.sidebar div.feature {
margin-bottom: 3.5em;
}

body.bluetooth div#learnmore {
margin-top: -3em;
_margin-top: -6em;
}
/* end styles for Bluetooth page */



/* start styles for Email/Messaging page */
body.email div#billboard img.headline {
height: 15em;
_height: 15.1em;
}

body.email img#screen_treo700w_email {
position: absolute;
top: .25em;
left: 2.5em;
z-index: 0;
}

body.email img#screen_treo700w_mms {
position: relative;
z-index: 5;
float: left;
_display: inline;
margin: 1.3em 2.5em 3em 13.3em;
padding-bottom: 3em;
}

body.email img#screen_treo700w_msn-messenger {
position: relative;
z-index: 0;
clear: left;
float: left;
_display: inline;
margin: -10.2em 2.5em 0 -18.5em;
}

body.email img#detail_treo700w_keyboard {
width: 25em;
_width: 25.2em;
height: 21em;
_height: 21.1em;
float: left;
_display: inline;
margin: .25em 1.25em 0 0;
_margin-top: .5em;
}

body.email div#keyboard-detail.feature {
margin: 1.75em 0 0 0;
}

body.email div#keyboard-detail.feature p {
float: right;
width: 12.6em;
margin-left: 0;
}

body.email div.sidebar {
margin-top: 10em;
}

body.email div.feature {
margin-bottom: 2.5em;
}

body.email div#learnmore {
margin-top: -10em;
_margin-top: -13.5em;
}
/* end styles for Email/Messaging page */



/* start styles for Enhancements page */
img#photo_treo700w_enhancements {
width: 23em;
_width: 23.2em;
height: 43em;
_height: 43.3em;
position: absolute;
}

body.enhancements img#photo_treo700w_enhancements {
left: 3.75em;
top: 1em;
z-index: 0;
}

body.enhancements img.headline {
height: 15em;
_height: 15.1em;
}

/*
body.enhancements div#billboard p.intro {
font-size: 1.4em;
margin: 0 0 0 15em;
line-height: 200%;
padding-top: .75em;
}
*/

body.enhancements div#billboard p.intro {
margin: 0 0 0 15.25em;
}

body.enhancements div.copyblocks {
padding-bottom: 6em;
}

img#photo_enhancements_camera {
width: 28em;
_width: 28.2em;
height: 25em;
_height: 25.2em;
position: absolute;
bottom: -4em;
left: -23em;
_left: -23.1em;
z-index: 1;
}

body.enhancements div.sidebar {
margin-top: 5em;
}
/* end styles for Enhancements page */



/* start styles for Multimedia page */
body.multimedia div#billboard img.headline {
height: 15em;
width: 60.4em;
}

body.multimedia img#screen_treo700w_mediaplayer{
position: absolute;
top: 11em;
left: 14em;
z-index: 8;
}

body.multimedia img#photo_treo700w_multimedia {
width: 26.5em;
_width: 26.7em;
height: 46.5em;
_height: 46.8em;
position: absolute;
z-index: 0;
top: 10em;
left: -2em; 
}

div#left-copy {
width: 27em;
float: left;
_display: inline;
margin: 20em 0 0 1em;
position: relative;
border-right: .1em #b4b4b4 solid;
padding: 3em 2em 3em 0;
}

div#left-copy p.text2.intro {
position: relative;
z-index: 3;
margin-top: 0;
margin-top: 0;
}

span.spacer {
float: left;
clear: left;
height: 1.5em;
}

div#left-copy span#spacer-1 {
width: 8.5em;
}

div#left-copy span#spacer-2 {
width: 7.75em;
}

div#left-copy span#spacer-3 {
width: 7em;
}

div#left-copy span#spacer-4 {
width: 6.25em;
}

div#left-copy span#spacer-5 {
width: 5.5em;
}

div#left-copy span#spacer-6 {
width: 4.75em;
}

div#left-copy span#spacer-7 {
width: 4em;
}

div#left-copy h2.top {
margin-top: .5em;
_margin-top: .75em;
clear: left;
}

div#left-copy img#feature_video-mode {
margin: .7em -1.2em .4em -1.3em;
float: left;
_display: inline;
}

div#right-copy {
width: 27em;
float: right;
_display: inline;
padding: 3.5em 1em 0 0;
_padding-top: 3.75em;
position: relative;
}

div#right-copy p.intro {
margin-left: 4.71em;
}

div#right-copy img#playsforsure-logo {
width: 10.5em;
height: 10.5em;
position: absolute;
left: -11.5em;
bottom: -.5em;
}

div#left-copy p.intro span.text1, div#right-copy p.intro span.text1 {
font-size: 1.33em;
}

body.multimedia div#learnmore {
margin-left: 12em;
margin-top: 1.5em;
}
/* end styles for Multimedia page */



/* start styles for OfficeDocs page */
body.officedocs div#billboard {
margin-top: 6.5em;
}

body.officedocs div#billboard img.headline {
height: 15em;
_height: 15.1em;
position: relative;
top: 1.25em;
}

body.officedocs img#screen_treo700w_wordmobile{
position: absolute;
top: 0;
left: 3em;
z-index: 0;
}

body.officedocs div#billboard p.intro {
margin-left: 22.15em;
}

body.officedocs div.copyblocks {
margin-top: -.75em;
}

body.officedocs img#screen_treo700w_excelmobile {
position: relative;
z-index: 5;
float: left;
_display: inline;
margin: -14em 2.75em 0 -8.25em;
}

body.officedocs img#screen_treo700w_pptmobile {
position: relative;
z-index: 6;
clear: left;
float: left;
_display: inline;
margin: -7.5em 2.75em 0 -15em;
}

body.officedocs div.sidebar {
margin-top: 24em;
z-index: 7;
}

body.officedocs div.feature {
margin-bottom: 3.5em;
}

body.officedocs div#learnmore {
margin-top: -7em;
_margin-top: -10.5em;
}
/* end styles for OfficeDocs page */



/* start styles for Organizer page */
body.organizer div#billboard img.headline {
height: 15em;
height: 15.1em;
}

body.organizer img#screen_treo700w_agenda {
position: absolute;
top: 6.5em;
left: 3.25em;
z-index: 0;
}


div#screenshotbox {
width: 12.2em;
float: right;
display: inline;
position: relative;
top: 4em;
}

body.organizer div#billboard p.intro {
margin-left: 17em;
}

body.organizer div#billboard p.intro span#spacer-1 {
float: left;
width: 5.25em;
height: 3em;
}

body.organizer div.copyblocks {
margin-top: -.5em;
}

body.organizer img#screen_treo700w_tasks {
position: relative;
z-index: 5;
float: left;
_display: inline;
margin: -4.25em 2.75em 0 -8.25em;
}

body.organizer img#screen_treo700w_contacts {
position: relative;
z-index: 6;
clear: left;
float: left;
_display: inline;
margin: -11.5em 2.75em 0 -15em;
_margin-top: -11.25em;
}

body.organizer div.sidebar {
margin-top: 37em;
_margin-top: 38em;
z-index: 7;
}

body.organizer div.feature {
margin-bottom: 4em;
}

body.organizer div#learnmore {
margin-top: 1em;
}
/* end styles for Organizer page */



/* start styles for Phone page */
body.phone img#photo_treo700w_enhancements {
left: 3.75em;
top: 0;
z-index: 0;
}

body.phone div#billboard p.intro {
margin-left: 15.25em;
}

body.phone div.feature {
margin-bottom: 3.5em;
}

body.phone div#learnmore {
margin-top: -10.5em;
_margin-top: -9.5em;
}
/* end styles for Phone page */

/* start of learn more area 

div#learnmore {
width: 57.3em;
margin-top: 3.5em;
margin-bottom: 4.8em;
}

div#lrnmoretxt {
width: 57.3em;
font-size:1.2em;
font-weight: bolder;
margin-bottom: .5em;
}

div#learn {
width: 34.8em;
position: relative;
left:2em;
}

div#learn #list ul {
list-style-position: outside;
font-size: 1.2em;
line-height: 1em;
}


div#buysection {
width: 20.5em;
border-left: 1px solid #cccccc;
float: right;
position: relative;
padding-left: 1em;
}

div#buysection #pricecopy {
font-size: 1.0em;
}

#buysection #pricecopy .smlprice {
font-weight: bolder;
font-size: 1.1em;
}

div#buysection #smlbuy {
position: relative;
margin-top: 1em;
margin-bottom: 1em;
}

div#buysection .order {
color: #5a5a5a;
}

div#buysection .phone {
font-size: 1.4em;
font-weight: bolder;
color: #5a5a5a;
padding-bottom: .3em;
}

div.notified {
color: #0c99cc;
font-size: 1.2em;
font-weight: bold;
padding-top: .3em;
padding-bottom: .2em;
}

end of learn more area */

/* start styles for Today page */
body.today img.headline {
height: 5em;
}

body.today div#screen-notes {
position: absolute;
top: 5em;
left: 0;
width: 60em;
height: 31em;
z-index: 5;
}

body.today img#screen_treo700w_today {
width: 29em;
_width: 29.2em;
height: 31em;
_height: 31.2em;
float: left;
_display: inline;
margin: 0 0.5em 0 13em;
_margin-top: -.2em;
position: relative;
z-index: 0;
}

body.today p.label {
font-size: 1em;
position: absolute;
z-index: 2;
}

body.today p.label img {
width: 1.7em;
height: 1.7em;
position: absolute;
top: -.2em;
}

body.today p.label.left img {
right: 0;
}

body.today p.label.right img {
left: 0;
}

body.today p.label.left {
padding-right: 2.25em;
left: 42.5em;
}

body.today p.label.right {
padding-left: 2.25em;
text-align: right;
right: 47.6em;
}

body.today p.label a, body.today p.label a:visited {
color: #464646;
display: block;
text-decoration: none;
}

body.today p.label a:hover {
color: #e65f00;
}

body.today p#action-keys {
top: 29.5em;
}

body.today p#web-search {
top: 24.5em;
}

body.today p#messages {
top: 22.1em;
}

body.today p#calendar {
top: 18.1em;
}

body.today p#speed-dials {
top: 13.6em;
}

body.today p#dial-by-name {
top: 10.8em;
}

body.today p#call-status {
top: 8.3em;
padding-left: 0;
}

body.today p#start-menu {
top: 2.9em;
right: 40.1em;
}

body.today p#evdo-status {
top: 1em;
right: 32.6em;
}

body.today p#phone-status {
top: 1em;
left: 30.8em;
}

body.today p#battery-status {
top: 2.9em;
left: 32.8em;
}

body.today p#local-time {
top: 5.8em;
}

body.today p#bluetooth-status {
top: 8.1em;
}

body.today p#privacy-status {
top: 10.3em;
}

body.today div.info {
display: none;
width: 22em;
padding: 1em 1em 1em;
border: .2em #e65f00 solid;
background-color: #eee;
position: absolute;
left: 20em;
z-index: 6;
}

body.today div.info p strong {
color: #e65f00;
}

body.today div.info img {
position: absolute;
top: 1em;
right: 1em;
}

body.today div#info_action-keys {
bottom: 4em;
}

body.today div#info_web-search {
bottom: 8em;
padding-top: 2em;
}

body.today div#info_messages {
bottom: 10em;
}

body.today div#info_calendar {
bottom: 17.2em;
}

body.today div#info_dial-by-name {
top: 14em;
padding-top: 2em;
}

body.today div#info_start-menu {
top: 9em;
}

body.today div#info_evdo-status {
top: 9em;
}

body.today div#info_phone-status {
top: 9em;
}

body.today div#info_local-time {
top: 9em;
}

body.today div#info_bluetooth-status {
top: 12.5em;
}

body.today div#info_privacy-status {
top: 12.5em;
}

body.today div#billboard p.intro {
margin: 6.6em 0 0 11.7em;
}

body.today div.sidebar {
margin-top: -8.25em;
}

body.today div.feature {
margin-bottom: 2.25em;
}

body.today div#photo-speed-dial {
margin-bottom: 20em;
}
/* end styles for Today page */



/* start styles for Web page */
body.web div#billboard {
margin-top: 6em;
}

body.web div#billboard img.headline {
height: 20em;
_height: 20.1em;
}

body.web img#ie-logo {
width: 5.5em;
height: 5.5em;
position: absolute;
top: 14.5em;
left: 46em;
}

body.web img#screen_treo700w_espn-website {
position: absolute;
top: 6.7em;
left: 2.25em;
z-index: 0;
}

body.web div#billboard p.intro {
margin-left: 22.15em;
}

body.web div.copyblocks {
margin-top: -.75em;
}

body.web img#screen_treo700w_windowsmedia-website {
position: relative;
top: -7em;
float: left;
_display: inline;
z-index: 5;

margin: -12.5em 2.75em 0 -8.25em;
}

body.web img#screen_treo700w_add-to-favorites {
position: relative;
z-index: 6;
clear: left;
float: left;
_display: inline;
margin: -10.5em 2.75em 0 -15em;
}

body.web div.sidebar {
margin-top: 33em;
_margin-top: 32em;
}

/* start of copyarea */

div#copy {
width: 43.2em;
_width: 43.3em;
position: relative;
top: 2.8em;
padding-bottom: 1.5em;
}

div#copy p {
font-size: 1.1em;
line-height: 1.5em;
}

div#copy .subhd {
font-size: 1.1em;
line-height: 1.2em;
font-weight: bolder;
color: #5a5a5a;
padding-bottom: 0;
}

div#copy .subhd  a.newfootnote {
	_line-height: 2.4em;
}

div#copy .subhdblue {
font-size: 1.1em;
line-height: 1.2em;
font-weight: bolder;
color: #0c99cc;
padding-bottom: 0;
}

div#copy .hdng {
font-size: 1.5em;
line-height: 1.5em;
font-weight: bolder;
color: #000;
padding-top: 1.5em;
padding-bottom: 1.5em;
}

div#screenshotbox {
width: 12.2em;
float: right;
display: inline;
position: relative;
top: 4em;
}

/* fix IE cutting off bottom of screenshotbox */
body.organizer div#screenshotbox, body.activesync div#screenshotbox {
	_padding-bottom: 2em;
}

div#copylist {
margin-bottom: 1em;
position: relative;
top: -.5em;
}

div#copylist ul{
list-style-type: disc;
list-style-position: inside;
font-size: 1.1em;
line-height: 1.5em;
}

div#copylist li{
color: #ef6500;
}

div#copylist li span{
color: #5a5a5a;
}

/* end of copy area */

/* end styles for Web page */