/* ---------------- Changes for minisites --------------- */
#iphone #feature-area h2              { margin-left: 480px; margin-bottom: 15px; padding-top: 120px; color: #000; font-size: 300%; }
#iphone #feature-area h3              { margin-left: 480px; color: #666666; font-size: 190%; line-height: 130%; }
#ipad #feature-area h2                { text-align: center; margin-bottom: 15px; padding-top: 40px; color: #000; font-size: 300%; }
#ipad #feature-area h3                { text-align: center; color: #666666; font-size: 190%; line-height: 130%; }
#ipad #feature-area img#feature-appstore { top: 290px !important; }
/* ----------------  /End Changes for minisites --------- */

#lower-area                           { width: 920px; padding: 25px; }
#lower-area h3                        { color: #333; margin-bottom: 3px; }
#lower-area p                         { color: #666; line-height: 160%; }
#lower-area p.note                    { color: #999 !important; }

/* Right Column - What's New */
#iphone #right-col, #ipad #right-col  { float: right; margin-top: -15px; width: 240px; padding: 15px !important; }
#right-col h4                         { font-size: 110%; font-weight: bold; color: #444; }
#right-col ul                         { margin-left: 15px !important; }
#right-col li                         { list-style: disc; margin-bottom: 5px; color: #555; font-size: 95%; }

/* BENTO FOR IPHONE */
/*-------------------------*/

#iphone #main                         { position: relative; }
/* #iphone #right-col                    { position: absolute; right: 20px; top: 20px; float: none; } */

#iphone #feature-area                 { width: 1000px; height: 372px; margin-bottom: 20px; background: url(/global_images/bento4/feature_bg_iphone.jpg) no-repeat 0 0; }
/* #iphone #feature-area h2              { margin-left: 480px; text-indent: -5000px; height: 223px; background: url(/global_images/bento4/headline_meet_bento_iphone.png) no-repeat 0 110px; } */
#iphone #feature-area img#feature-appstore { margin: 70px 0 0 830px; }
#iphone #feature-area p               { float: right; font-size: 10px; width: 200px; margin: 203px -350px 0 0; }
#iphone #feature-area p a             { color: #810000; }
#iphone #feature-area a.more          { background: url(/global_images/bento4/arrow_red.png) no-repeat 100% 4px; padding-right: 8px; }

#iphone #lower-area #what-is-bento-iphone { height: 194px; border-bottom: 1px solid #cfcfcf; margin: -10px 0 30px 0; }
#iphone #what-is-bento-iphone h3      { font-size: 185%; }
#iphone #what-is-bento-iphone p       { font-size: 110%; }
#iphone #lower-area #what-is-bento-iphone img.right { float: right; margin: -50px 0 0 0!important; }
	
#iphone #lower-area #get-started      { padding-bottom: 20px; }
#iphone #get-started img.left         { margin: 0 35px 0 0; }
#iphone #get-started h3               { margin-top: 50px; padding-top: 40px; }
#iphone #get-started p                { padding-bottom: 10px; }
#get-started #overlay-bento-iphone-template { margin-left: 315px; width: 280px; }

#iphone #lower-area #stays-in-sync    { clear: both; padding-top: 80px; }
#iphone #stays-in-sync img.right      { margin: -110px -34px 0 0; }
#iphone #stays-in-sync h3             { margin-top: 27px; }
#iphone #stays-in-sync .quote         { background: url(/global_images/bento4/img_quote_box.png) no-repeat; width: 362px; height: 102px; margin-top: 20px;}
#iphone #stays-in-sync .quote p       { color: #652b30; font-style: italic; padding: 18px 20px 0 40px; width: 300px; }
#iphone #stays-in-sync .quote p img.left-quote { vertical-align: super; margin-left: -20px; padding-right: 5px; }
#iphone #stays-in-sync .quote p img.right-quote { vertical-align: sub; margin-right: -20px; padding-left: 5px; }
#iphone #stays-in-sync .quote p.customer { color: #652b30; font-weight: bold; font-style: normal; padding: 0 20px 0 0 !important; text-align: right; }
			
#iphone #lower-area #plays-well-with-others { float: right; margin-top: 55px; }
#iphone #plays-well-with-others img	  { padding-bottom: 25px; }
	

/* BENTO FOR IPAD */
/*-------------------------*/

#ipad #main                           { position: relative; }
/* #ipad #right-col                      { position: absolute; right: 20px; top: 20px; float: none; } */

#ipad #feature-area                   { background: url(/global_images/bento4/feature_ipad_bg.jpg) -1px no-repeat; width: 1002px; height: 462px; margin-bottom: 10px; padding: 0 0 0 0; }
/* #ipad #feature-area h2                { float: right; text-indent: -5000px; background: url(/global_images/bento4/headline_meet_bento_ipad.png) no-repeat; width: 663px; height: 64px; margin: 33px 165px 0 0;} */
#ipad #feature-area img#feature-appstore { float: left; position: relative; top: 390px; left: 841px; }

#top-content                          { width: 620px; float: left; }

#what-is-bento-ipad                   { height: 241px;; border-bottom: 1px solid #cfcfcf; margin: -10px 0 30px 0; }
#what-is-bento-ipad h3                { font-size: 185%; }
#what-is-bento-ipad p                 { font-size: 110%; }
#what-is-bento-ipad img.right         { float: right; margin: -50px 0 0 30px !important; }

#get-started-in-seconds               { padding-bottom: 55px; padding-right: 20px;  }
#get-started-in-seconds img           { margin-right: 50px !important; }
#get-started-in-seconds h3            { margin-top: 55px; }

#get-in-touch-with-details            { clear: both; padding-top: 120px; }
#get-in-touch-with-details img.right  { margin: -110px -34px 0 0; }
#get-in-touch-with-details .callout   { border: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #A1A1A1; }
.bento #get-in-touch-with-details .callout { /* background: url(/global_images/bento4/img_quote_box.png) no-repeat; */ width: 362px; margin-top: 20px; padding: 5px; }
.bento #get-in-touch-with-details .callout p { color: #652b30; font-style: italic; padding: 18px 20px 0 40px; width: 300px; }
.bento #get-in-touch-with-details .callout p img.left-quote { vertical-align: super; margin-left: -20px; padding-right: 5px; }
.bento #get-in-touch-with-details .callout p img.right-quote { vertical-align: sub; margin-right: -20px; padding-left: 5px; }
.bento #get-in-touch-with-details .callout p.customer { color: #652b30; font-weight: bold; font-style: normal; padding: 0 20px 0 0 !important; text-align: right; }
			
#ipad #lower-area #big-beautiful-bento { clear: both; padding-top: 30px; padding-right: 50px !important; padding-bottom: 20px; }
#ipad #lower-area #big-beautiful-bento img.left { margin: 20px 50px 0 -44px; }
#ipad #lower-area #big-beautiful-bento h3 { padding-top: 80px; }
	
#ipad #lower-area #stays-in-sync { clear: both; padding-top: 40px; }
	#ipad #lower-area #stays-in-sync img.right { margin: -40px -34px 0 0; }
	#ipad #lower-area #stays-in-sync h3 { margin-top: 20px; }