
/******************************
   General element styles
******************************/

h1 { float:left; width: 86px; height: 89px; }
h1 a { display:block; height:100%; margin-bottom:5px;  text-indent:-1000em; background:url("../images/logo.gif"); }

ul { list-style-type: none; }
ul.bulleted { list-style-type:disc; margin-left:25px; margin-bottom:8px; }
          ul.bulleted li { padding-bottom:6px; width:auto; overflow:visible !important; }


input { vertical-align: middle; }
fieldset { border:none; }
	legend { display: none; }
	fieldset div input { border:1px solid #999; }
a { color: #1d91cc; text-decoration: none; }
form div input { padding: 2px; }
form div input, select { font-size: 11px; color:#666; }
p { line-height: 1.5em; margin:0px; margin-bottom:10px;}
sup { font-size:8px; font-weight:bold; }
a img { border:none; }

.clear { clear:both; }

#wrapper { position: relative; font-size:11px; width:924px; margin:auto; background: #fff; }

/********** Palm Logo **********/
#mypalmlogo {
	background-image: url("../images/mypalm.gif");
	display: block;
	width: 68px;
	height: 36px;
	font-size: 1px;
	text-indent: -1000px;
}
#mypalmlogo:hover {
	background-image: url("../images/mypalm_on.gif");
}


/*****************************
   General styles
******************************/


a:hover { text-decoration: underline; }


/*****************************************
  Page Options - top of page (HEADER.HTML)
******************************************/

#page-options { padding-top:0px; }
	#page-options a { text-transform:lowercase; }
	#page-options ul, #page-options li { display: inline; }
	#page-options li { /*border-right:1px solid #666;*/ }
	#page-options li.active, #page-options li.active a { color:#333;padding-left:6px;  }
	#page-options a:hover { text-decoration: underline; color: #1d91cc; }
	#page-options li.last { border:none;}
#locations { padding-left: 20px; float:left;padding-top:17px; }
#header_form {padding-top:17px; }

#login_header { float:left;text-align:right; padding-top:13px; padding-left:5px; }
#mypalm_header { float:right; margin-right:20px;padding-top:4px;}
#mypalmlogo { float:left; cursor:hand}
#page-options form { margin-left: 101px; margin-top:-2px; text-align: center; }
#page-options form label { display: none; }
#page-options form div { display: inline; }



/*************
  Navigation 
*************/

#nav { position:relative; margin: 20px 0 15px 113px; padding-bottom:25px; height:25px; line-height:25px; padding-left:40px; background:  url('../images/nav-back.gif') no-repeat; }
	#nav li { background: url('../images/nav-seperator.gif') right center no-repeat; padding: 0 8px; float: left; height:25px; }
	#nav li.last { background: none; }
		#nav li a { text-transform: lowercase; display:block; padding: 0 15px; color: #333; }
		#nav li a.active, #nav li a:hover { color: #f38a3c; }
			#nav li ul { position: absolute; left:113px; bottom:0; width:700px;}
				#nav li li { padding:0px; margin:0px; }
				#nav li li a { padding: 0 8px; }
				#nav li li a.active, #nav li li a:hover { color: #f38a3c; }

/* page specific on states */
.main-products #nav li a#topnav-products, .main-products #nav li a#topnav-products:hover,
.main-software #nav-software li a#topnav-software, .main-software #nav-software li a#topnav-software:hover,
.main-store #nav li a#topnav-store, .main-store #nav li a#topnav-store:hover,
.main-support #nav li a#topnav-support, .main-support #nav li a#topnav-support:hover,
.main-business #nav li a#topnav-business, .main-business #nav li a#topnav-business:hover,
.main-developers#nav li a#topnav-developers, .main-developers#nav li a#topnav-developers:hover
{ color: #f38a3c; font-weight:bold; background-color:#ffffff;}


.subnav-accessories #nav li li a#topnav-2-accessories, .main-2-accessories #nav li li a#topnav-2-accessories:hover,
.subnav-products #nav li li a#topnav-2-products, .main-2-products #nav li li a#topnav-2-products:hover,
.subnav-handhelds #nav li li a#topnav-2-handhelds, .main-2-handhelds #nav li li a#topnav-2-handhelds:hover,

.subnav-smartphones #nav li li a#topnav-2-smartphones, .main-2-smartphones #nav li li a#topnav-2-smartphones:hover,

.subnav-companion #nav li li a#topnav-2-companion, .main-2-companion #nav li li a#topnav-2-companion:hover,

.subnav-solutions #nav li li a#topnav-2-solutions, .main-2-solutions #nav li li a#topnav-2-solutions:hover,
.subnav-knowledge #nav li li a#topnav-2-knowledge, .main-2-knowledge #nav li li a#topnav-2-knowledge:hover,
.subnav-waystoengage #nav li li a#topnav-2-waystoengage, .main-2-waystoengage #nav li li a#topnav-2-waystoengage:hover,
.subnav-purchase #nav li li a#topnav-2-purchase, .main-2-purchase #nav li li a#topnav-2-purchase:hover { color: #f38a3c; }


/*****************
  Main area
*****************/

#main { clear:both; overflow: auto; width:100%; }

	#content { float:left; background:#fff; }
	#content { width:478px; margin-right:28px;margin-left:28px; } 
	#content ul li { overflow:hidden;}/* */
	
#content-div-left {width:300px;float:left;padding-right:15px;}
#content-div-right-images {width:150px;float:right;padding-right:10px;padding-top:15px; font-size:9px; text-align:left} 
#content-div-right-images img{width:150px;padding-top:15px;} 
/*#content-div-left-landing { width:140px; float:left; padding-right:15px; }*/
#content-div-left-landing { width:145px; float:left; padding-right:10px; }
#content-div-right-landing { width:310px; float:right; padding-right:10px; padding-top:15px; }

#footnotes { clear:both; font-size:9px; }
#footnotes { margin-top:70px;  }
#footnotes li { margin: 15px 0; }
#footnotes .footnoteitem { clear:both;  }
#footnotes .footnotesleft { width:15px;float:left; text-align:left; /*font-weight:bold; */}
#footnotes .footnotesright {float:left;text-align:left; width: 775px; }
#footnotes .footnotesright p { font-size:9px; margin:0px; padding:0px; padding-bottom:6px;text-align:left; }
#footnotes .attribution { width:790px; float:left;font-size:9px;}

