/* start of multimedia page */

/* start of billboard */

div#billboardarea {
width: 57.3em;
padding: 0; 
position: relative;
}

div#billboard {
width: 43.2em;
padding: 0; 
position: relative;
}

img.header {
height: 20.7em;
position: relative;
}

/* end of billboard */

/* start of copyarea */

div#copy {
width: 43.2em;
_width: 43.3em;
padding-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 .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: 10em;
}

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 */

/* start of features area */

div#features {
width: 57.3em;
height: 37.4em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-top: 5em;
margin-bottom: 2em;
background-image: url("/pe/products/smartphone/treo680/images/shared_feature_box_bg.gif");
background-repeat: no-repeat;
}

div#featcontent {
width: 55.3em;
height: 33em;
position: relative;
margin-left: 2em;
margin-top: 2em;
}

div#boxleft {
width: 26.2em;
height: 33em;
position: relative;
border-right: 1px solid #cccccc;
vertical-align: top;
}

div#boxright {
width: 26.3em;
position: relative;
padding-left: 2.2em;
vertical-align: top;
float: right;
}

div#features .title {
font-size: 1.4em;
font-weight: bolder;
padding-top: .5em;
margin-bottom: 1.2em;
}

img.featurescreen {
width: 16.9em;
height: 16.9em;
}

div#features .copy {
font-size: 1.1em;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: .5em;
}

/* end of features area */

/* start of learn more area */

div#learnmore {
width: 59em;
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: 30em;
position: relative;
}

div#learn #list ul {
list-style-position: outside;
font-size: 1.2em;
line-height: 1.6em;
}


div#buysection {
width: 28em;
border-left: 1px solid #cccccc;
float: right;
position: relative;
padding-left: 0.5em;
}

div#buysection #pricecopy {
font-size: 1em;
margin-bottom: 0.5em;
}

#buysection #pricecopy .smlprice {
font-weight: bolder;
font-size: 1.2em;
}

div#buysection #smlbuy {
position: relative;
margin-top: 1em;
margin-bottom: 1em;
}


div#buysection .order {
color: #5a5a5a;
padding-top: .3em;
display: inline;
}

div#buysection .phone {
font-size: 1.2em;
font-weight: bolder;
color: #5a5a5a;
padding-bottom: .3em;
display: inline;
}


div.notified {
color: #0c99cc;
font-size: 1.2em;
font-weight: bold;
padding-top: .3em;
padding-bottom: .2em;
}

/* end of learn more area */

/* start of activesync page */

/* start of sysreq area */

div#sysreq {
width: 41.4em;
height: 23.3em;
background-color: #eeeeee;
margin-top:4em;
position: relative;
right: 3em;
}

div#topcornerreq {
position:relative;
left: 38.6em;
}

div#btmcornerreq {
position: absolute;
left: 38.6em;
top: 20.5em;
_top: 20.4em;
}

img.topright {
width: 2.8em;
height: 2.8em;
}

img.btmright {
width: 2.8em;
height: 2.8em;
}

div#sysreqtxtbox {
width: 36.5em;
position: relative;
top: -1em;
margin-left:4.5em;
}

div#sysreqtxtbox .sysreqtitle {
font-size: 1.4em;
font-weight: bolder;
color: #0c99cc;
margin-bottom: .2em;
}

div#sysreqtxtbox .title {
font-size: 1.1em;
font-weight: bolder;
color: #5a5a5a;
margin-top: .8em;
margin-bottom: .3em
}

div#sysreqtxtbox ul {
line-height: 1.6em;
}

/* end of sysreq area */

/* end of activesync page */


/* start of messaging page */

/* start of feature area */

div#msgfeatcontent {
width: 53.1em;
position: relative;
margin-left: 2.2em;
}

div#680feature {
width: 13.3em;
height: 37em;
position: relative;
}

div#featscreen {
width: 10.4em;
height: 10.3em;
position: absolute;
top:10em;
left: 1.4em;
z-index:10;
}

div#msgfeatcopyarea {
width: 36.5em;
position: relative;
float:right;
margin-left: 2.5em;
margin-top: 9.3em;
}

div#msgfeatcopyarea .msgfeattitle {
font-size: 1.4em;
font-weight:bolder;
color: #5a5a5a;
padding-bottom: .8em;
}

div#msgfeatcopyarea .msgfeatcopy {
font-size: 1.2em;
line-height:1.6em;
color: #5a5a5a;
}

div#msgfeatcopyarea .msgfeatlink {
font-size: 1.2em;
line-height:1.6em;
color: #e65f00;
text-decoration: underline;
}

/* end of feature area */

/* end of messaging page */

/* start of email page */

/* start of feature area */

div#emlfeatcontent {
width: 53.1em;
position: relative;
margin-left: 2.2em;
}


div#emlfeatcopyarea {
width: 36.8em;
position: relative;
float:right;
margin-left: 2.5em;
margin-top: 2em;
}

div#emlfeatcopyarea .emlfeattitle {
font-size: 1.4em;
font-weight:bolder;
color: #5a5a5a;
padding-bottom: .8em;
}

div#emlfeatcopyarea .emlfeatcopy {
font-size: 1em;
line-height:1.3em;
color: #5a5a5a;
}

div#emlfeatcopyarea .emlfeatlink {
font-size: 1.1em;
line-height:1.4em;
color: #e65f00;
text-decoration: underline;
font-weight:bolder;
}

div#emlfeatcopyarea .emlfeathd {
font-size: 1.1em;
line-height:1.4em;
color: #5a5a5a;
font-weight:bolder;
}

/* end of feature area */

/* end of email page */

/* start of bluetooth page */

/* start of more info area */

div#btinfobox {
width: 57.3em;
height: 25em;
margin-top:3em;
position: relative;
}

div#btinfobox #btinfoprod {
width: 11.6em;
height: 25em;
z-index:10;
position: relative;
}

.btprodshot {
width: 11.6em;
height: 25em;
}

div#btmoreinfo {
width: 38em;
height: 21.7em;
_height: 21.6em;
background-color: #eeeeee;
margin-top: 2em;
position: absolute;
top: 1.3em;
}


div#topcornerbtinfo {
position:relative;
left: 35.2em;
_left: 35.1em;
}

div#btmcornerbtinfo {
position: absolute;
left: 35.2em;
_left: 35.1em;
top: 18.9em;
_top: 18.8em;
}


div#btmoreinfotxtbox {
width: 24.5em;
position: relative;
top: -1em;
margin-left:13em;
}

.btinfotitle {
font-size: 1.4em;
font-weight: bolder;
color: #0c99cc;
margin-bottom: .2em;
}

div#btmoreinfotxtbox ul {
font-size: 1.1em;
line-height: 1.4em;
margin-top: 1em;
}

div#btaccessbox {
width: 12.2em;
height: 21.7em;
_height: 21.6em;
background-color: #eeeeee;
margin-top: 3.3em;
margin-left: .7em;
float: right;
}

div#topbtaccess {
position:relative;
width: 12.2em;
height:1.8em;
}

div#btmbtaccess {
position:relative;
width: 12.2em;
height:1.8em;
top: 1em;
_top: .4em;
}

div#btaccesscopy {
margin-left: .7em;
font-size: 1.2em;
font-weight:bolder;
color: #9c55aa;
}

div#btaccessimg {
width: 12.2em;
height:10.9em;
margin-top: .5em;
margin-bottom: .5em;
}

div#btaccessname {
font-size: 1em;
line-height: 1.2em;
margin-left: .7em;
}

/* end of more info area */

/* end of bluetooth page */


/* start of office docs page */

/* start of more info area */

div#docsaccessbox {
width: 12.2em;
height: 37.7em;
background-color: #eeeeee;
margin-top: 3.3em;
margin-bottom: 2em;
}

div#docsaccessname {
font-size: .9em;
_font-size: .9em;
line-height: 1.6em;
margin-left: .7em;
padding-right:.5em;
padding-top:1.8em;
_padding-top: 0;
}

div#topdocsaccess {
position:relative;
width: 12.2em;
height:1.8em;
}

div#btmdocsaccess {
position:relative;
width: 12.2em;
height:1.8em;
top: 1.1em;
}

div#docsaccessimg {
width: 12.2em;
height:10.9em;
margin-top: .5em;
}

div#docsfeatcopyarea {
width: 36.8em;
position: relative;
float:right;
margin-left: 2.5em;
margin-top: 7.5em;
}

div#docsfeatcopyarea .emlfeattitle {
font-size: 1.4em;
font-weight:bolder;
color: #5a5a5a;
padding-bottom: 2em;
}

div#docsfeatcopyarea .emlfeatcopy {
font-size: 1.1em;
line-height:1.6em;
color: #5a5a5a;
}

div#docsfeatcopyarea .emlfeatlink {
font-size: 1.1em;
line-height:1.6em;
color: #e65f00;
text-decoration: underline;
font-weight:bolder;
}

div#docsfeatcopyarea .emlfeathd {
font-size: 1.1em;
line-height:1.4em;
color: #5a5a5a;
font-weight:bolder;
}


/* end of more info area */

/* end of docs2go page */

/* start of options page */

/* start of billboard area */

div#billboardoptions {
width: 43.2em;
padding: 0; 
position: relative;
}

div#billboardoptions div#smartphone {
width: 14.7em;
height: 20.6em;
position: relative;
}

div#billboardoptions div#headline {
width: 26.7em;
height: 20.6em;
padding: 0; 
margin-left: 1.5em;
float: right;
}

img.options680 {
width: 14.7em;
height: 20.6em;
}

img.optionsheadline {
width: 26.7em;
height: 12.2em;

}

img.optionshrule {
width: 43.2em;
height: .1em;
}

div#billboardoptions {
width: 43.2em;
padding: 0; 
position: relative;
}

div#headerlinks {
width: 26.7em;
position: relative;
margin-top: .6em;
}

div#headerlinks #opleft {
width: 15em;
position: relative;
}

div#headerlinks #opright {
width: 11em;
float: right;
}

div#headerlinks ul {
font-size: .9em;
}

div#headerlinks ul a:visited {
color: #e65f00;
}

div#headerlinks li {
line-height: 1.8em;
}

div#optophrule {
width: 43.2em;
height: .1em;
position: relative;
}

div#ophrule {
width: 43.2em;
height: .1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

/* end of billboard area */

/* start of copy styles */

.optionscategory {
font-size: 2.4em;
color: #5a5a5a;
font-weight: light;
margin-bottom: .7em;
}

.optionsprodtitle {
font-size: 1.2em;
color: #5a5a5a;
font-weight: bold;
margin-bottom: .3em;
}

.optionsprodtitlenew {
color: #0c99cc;
}

.optionsproddesc {
font-size: 1.1em;
line-height: 1.5em;
}

div#optionspricebox {
width: 22em;
height: 1.1em;
margin-top: .7em;
margin-bottom: 2.5em;
}

div#optionsdetails {
width: 8.3em;
border-right:1px solid #999;
font-size: 1.1em;
font-weight: bold;
color: #e65f00;
position: relative;
}

div#optionsdetails a:visited{
color: #e65f00;
}

div#optionsbuy {
font-size: 1.1em;
font-weight: bold;
float: right;
}

div#optionsbuy a, a:visited{
color: #006764;
}

/* end of copy styles */

/* start of screenshot styles */

div#optshot2 {
position: relative;
top: 17em;
_top: 20em;
}

div#optshot3 {
position: relative;
top: 25em;
_top: 32em;
}

div#optshot4 {
position: relative;
top: 47em;
_top: 54em;
}

div#optshot5 {
position: relative;
top: 88em;
_top: 94em;
}

div#optshot6 {
position: relative;
top: 98em;
_top: 107em;
}

div#optshot7 {
position: relative;
top: 126em;
_top: 134em;
}

/* end of screenshot styles */

/* start of accessory box */

div#optaccessbox {
width: 12.2em;
height: 21.9em;
_height: 21.8em;
background-color: #eeeeee;
margin-left: .7em;
position: relative;
top:120em;
_top:130em;
}

div#optaccesscopy {
font-size: .9em;
line-height: 1.8em;
margin-left: .7em;
}

div#optaccesscopy .arrows { 
font-size: .7em; 
font-weight: bold; 
vertical-align: middle;
}

div#optaccesscopy a, a:visited{
color: #5a5a5a;
}

img.cdrom {
width: 2.2em;
height: 2.2em;
position: absolute;
left: 23em;
}

img.sdcard {
width: 2.2em;
height: 2.2em;
position: absolute;
margin-left: 50em;
left: 50em;
margin-top: -.2em;
display: block;
}

img.accessrule {
width: 12.2em;
height: 1.8em;
}

/* end of accessory box */

/* end of options page */

/* start of web page */

/* start of blazer box */

div#webfeatcontent {
width: 54em;
position: relative;
margin-left: 1.7em;
}


div#webfeatcopyarea {
width: 37.9em;
position: relative;
float:right;
margin-left: 1em;
margin-top: 1em;
}

div#webfeatcopyarea #left{
width: 17.2em;
position: relative;
margin-right: 1.7em;
}

div#webfeatcopyarea #right{
width: 19.3em;
position: relative;
float:right;
padding-left: 1em;
margin-top: 1.7em;
}

div#webfeatcopyarea .webfeattitle {
font-size: 1.4em;
font-weight:bolder;
color: #5a5a5a;
padding-bottom: .8em;
}

div#webfeatcopyarea .webfeatcopy {
font-size: 1em;
line-height:1.2em;
color: #5a5a5a;
}

div#webfeatcopyarea .webfeatcopytitle {
font-size: 1em;
font-weight: bold;
color: #5a5a5a;
}

div#webfeatcopyarea .webfeatlink {
font-size: 1em;
line-height:1.2em;
color: #e65f00;
text-decoration: none;
}

div#webfeatcopyarea .webfeatnew {
font-size: 1em;
font-weight:bold;
color: #0c99cc;
}

/* end of blazer box */

/* end of web page */

/* start of avvenu page */

/* start of side box styles */

div#screenshotbox .avpurp {
font-size: 1.2em;
line-height: 1.2em;
font-weight: bolder;
color: #9e56ac;
padding-bottom: 1em;
}

div#screenshotbox .avblue {
font-size: 1em;
line-height: 1.6em;
font-weight: bolder;
color: #3a4587;
}

div#screenshotbox .avside {
font-size: 1em;
line-height: 1.6em;
padding-bottom: 1em;
font-family: arial, helvetica;
}

div#avdlimg {
position: relative;
float: right;
padding-right: .5em;
}

/* end of side box styles */

/* start of learn more area */

div#learnmorealt {
width: 45em;
margin-top: 4em;
margin-bottom: 4.8em;
position: relative;
}

div#lrnmoretxtalt {
width: 35em;
font-size:1.2em;
font-weight: bolder;
margin-bottom: .5em;
}

div#learnalt {
width: 37.3em;
position: relative;
}

div#learnalt #list ul {
list-style-position: outside;
font-size: 1.2em;
line-height: 1.6em;
}


div#buysectionalt {
width: 28em;
border-left: 1px solid #cccccc;
position: relative;
float:right;
padding-left: 1.4em;
margin-top: 3.5em;
padding-right: 9.8em;
}

div#buysectionalt #pricecopy {
font-size: 1.1em;
margin-bottom: 0.5em;
}

#buysectionalt #pricecopy .smlprice {
font-weight: bolder;
font-size: 1.3em;
}

div#buysectionalt #smlbuy {
position: relative;
margin-top: 1em;
margin-bottom: 1em;
}

div#buysection img.imgover, div#buysectionalt img.imgover {
	vertical-align: middle;
	margin-top: 0.4em;
}


div#buysectionalt .order {
color: #5a5a5a;
padding-top: .3em;
display: inline;
}

div#buysectionalt .phone {
font-size: 1.2em;
font-weight: bolder;
color: #5a5a5a;
padding-bottom: .3em;
display: inline;
}

div#avecom680 {
width: 5.4em;
height: 11.5em;
margin-top: 1.9em;
}

/* end of learn more area */

/* start qwertybox */

body.email div#qwertybox {
  	width: 41.3em;
  	height: 21.7em;
  	margin: 4em 0 0 -2em;
  	position: relative;
}

html>body.email div#qwertybox {
	margin: 4em 0 0 -2em;
}

body.email div#qwertybox div#qwertyimg {
  	float: left;
  	display: inline;
	width: 25.9em;
	height: 21.7em;
}


body.email div#qwertybox div#qwertyimg img {
	width: 25.9em;
	height: 21.7em;
}



body.email div#qwertybox div#qwertycopy {
	width: 12.6em;
  	height: 21.7em;
  	float: left;
  	display: inline;
  	background: #EEE url("/us/images/products/smartphones/treo680/email_qwerty_fbox_cell_background.jpg") no-repeat;
}

body.email div#qwertybox div#qwertycopy p {
  	padding-top: 3em;
  	margin-right: .3em;
 	color: #0C99CC;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
}

body.email div#qwertybox div#qwertyedge {
  	width: 2.8em;
  	height: 21.7em;
	display: inline;
}

body.email div#qwertybox div#qwertyedge div#trcorner {
	background: #EEE url("/us/images/products/smartphones/treo680/shared_fbox_top_right_corner.gif") top right no-repeat;
	float: left;
	width: 2.8em;
	height: 2.8em;
	display: block;
}

body.email div#qwertybox div#qwertyedge div#brcorner {
	background: #EEE url("/us/images/products/smartphones/treo680/shared_fbox_bot_right_corner.gif") bottom right no-repeat;
	float: left;
	width: 2.8em;
	height: 2.8em;
}

body.email div#qwertybox div#qwertyedge div#filler {
	float: left;
	height: 16.1em;
	width: 2.8em;
	background: #EEE;
	display: block;
}

body.email div#learnmore {
	padding-top: 5em;
}


/* end qwertybox */


/* start gmapsbox */

body.web div#gmapsbox {
  	width: 41.4em;
  	height: 21.7em;
  	margin: 4em 0 0 -2em;
  	position: relative;
}

html>body.web div#gmapsbox {
	margin: 4em 0 0 -2em;
}

body.web div#gmapsbox div#gmapsimg {
  	float: left;
  	display: inline;
	width: 21.2em;
	height: 21.7em;
}


body.web div#gmapsbox div#gmapsimg img {
	width: 21.2em;
	height: 21.7em;
}



body.web div#gmapsbox div.copy {
	width: 17.3em;
  	height: 21.7em;
  	float: left;
  	display: inline;
  	background: #EEE url("/us/images/products/smartphones/treo680/web_ss_background_lg.jpg") no-repeat;
}

body.web div#gmapsbox div.copy h3 {
  	padding-top: 3em;
  	margin-right: .3em;
 	color: #0C99CC;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
}


body.web div#gmapsbox div.copy p {
  	margin-right: .3em;
 	color: #464646;
	font-size: 1.1em;
	line-height: 1.6em;
}

body.web div#gmapsbox div#edge {
  	width: 2.8em;
  	height: 21.7em;
	display: inline;
}

body.web div#gmapsbox div#edge div#trcorner {
	background: #EEE url("/us/images/products/smartphones/treo680/shared_fbox_top_right_corner.gif") top right no-repeat;
	float: left;
	width: 2.8em;
	height: 2.8em;
	display: block;
}

body.web div#gmapsbox div#edge div#brcorner {
	background: #EEE url("/us/images/products/smartphones/treo680/shared_fbox_bot_right_corner.gif") bottom right no-repeat;
	float: left;
	width: 2.8em;
	height: 2.8em;
}

body.web div#gmapsbox div#edge div#filler {
	float: left;
	height: 16.1em;
	width: 2.8em;
	background: #EEE;
	display: block;
}

body.web div#learnmore {
	padding-top: 3em;
	_padding-top: 4em;
}


/* end gmapsbox */



/* begin convince/expense page */

body.expense img.header {
	width: 57.3em;
	_width: 57.5em;
	height: 20.7em;
	_height: 20.8em;
}

body.expense img.intro {
	width: 57.3em;
	height: 7.3em;
}

body.expense div#copy {
	width: 40em;
}

body.expense div#copylist ul {
	margin-left: 1.5em;
	
}

body.expense div#copylist ul li {
	list-style-position: outside;
}

body.expense div#screenshotbox {
  	top: 0em;
	width: 19.9em;
	margin-right: -2em;
}

body.expense div#screenshotbox img {
	width: 19.9em;
	height: 20.7em;
}

body.expense div#learnmore {
	margin-top: -1em;	
}
@media all and (min-width: 0px){
   body.expense div#learnmore {
		margin-top: 0em;	
	}
}


/* end covince/expense page */

/* begin work page */

body.work img.header {
	width: 57.3em;
	_width: 57.6em;
	height: 15.9em;
}


body.work div#screenshotbox {
  	top: -1em;
	width: 20.2em;
	margin-right: -2em;
}

body.work div#screenshotbox img {
	width: 20.2em;
	height: 44.8em;
}

body.work div#copy {
	width: 38.7em;
}


body.work div#learnmore {
	margin-top: -1em;	
}
@media all and (min-width: 0px){
   body.work div#learnmore {
		margin-top: 0em;	
	}
}

/* end work page */

/* begin play page */

body.play img.header1 {
	width: 57.3em;
	_width: 57.6em;
	height: 15.9em;
}

body.play img.header2 {
	width: 40.4em;
	_width: 40.6em;
	height: 10.6em;
	position: relative;
}

body.play div#screenshotbox {
  	top: 0em;
	width: 20.2em;
	margin-right: -2em;
}

body.play div#screenshotbox img {
	width: 20.2em;
	height: 44.8em;
}

body.play div#copy {
	width: 38.7em;
}

/* end play page */

body.web div#learnmorealt {
	margin-top: 2em;
}

body.web div#lifestyle {
	margin-top: 3em;
	_margin-top: 7em;
}

body.dun div#screenshotbox {
	top: 9em;
}


body.officedocs div#learnmore {
	padding-top: 6em;
}

body.multimedia div#lifestyle {
	padding-top: 2em;
}


