/* THESE STYLES ARE USED BY ALL FMP AND FMS PRODUCT PAGES */
/*--------------------------------------------------------*/

/* General */
/*-------------------------------------------------*/

#lower-area h2                        { color: #222 !important; letter-spacing: -.04em; }
#lower-area h2, 
#lower-area h3, #lower-area h4, 
#lower-area h5, #lower-area h6        { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
#lower-area h3                        { color: #222; font-weight: bold; font-size: 130%; }
#lower-area h4                        { font-weight: bold; font-size: 120%; }
.intro                                { color: #8c8c8c; font: normal 125% "Lucida Grande", Helvetica, Arial, sans-serif; }
.intro.intro-main                     { color: #333; font: normal 120%/150% "Lucida Grande", Helvetica, Arial, sans-serif; }
#buy-box h4                           { font-size: 120%; }

img.before                            { float: left; margin: 5px 30px 0 0; }
img.after                             { float: right; margin: 5px 0 0 30px; }
h2.topmost                            { margin-bottom: 3px !important; }

#lower-area .button-gray              { display: inline; }

.callout                              { background: #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ddd; margin-top: 20px; padding: 20px; }
.callout                              { background: url(/products/filemaker-pro/images/bg_overview_callout.png) repeat-x 0 0; }
.callout .firstcolumn                 { width: 320px; margin-left: 10px; }
.callout .lastcolumn                  { width: 320px; }
#next-steps                           { padding-right: 0; }

/* Sub Nav */
/*-------------------------------------------------*/
#sub-header h2                        { font-size: 170%; margin-top: 32px; }
#sub-nav li                           { font-size: 90%; }
#sub-nav a                            { padding: 5px 10px; }
#main                                 { background-position: 0 -10px; }

/* More Info (at the bottom of some pages) */
/*-------------------------------------------------*/

.more-info													  { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd; background: url(/products/filemaker-pro/images/icon_learnmore.png) no-repeat 0 20px; }
.more-info h3, 
.more-info p 													{ margin-left: 70px !important; }
.more-info ul 												{ margin-left: 90px !important; }

/* Buy Box */
/*-------------------------*/

#buy-box                              { height: 100px; padding: 10px 15px; margin-bottom: 10px; background: url(/products/filemaker-pro/images/bg_buy_now.png) repeat-x 0 0; border: 1px solid #d9cae0; }
#buy-box.server                       { background-image: url(/products/filemaker-server/images/bg_buy_now.png) !important; border: 1px solid #A99BCF; }
#buy-box.server a                     { color: #431ca6; }
#buy-box a                            { color: #6b0863; background-image: url(/products/filemaker-pro/images/arrow_purple_right.png); }
#buy-box img, #buy-box-server img     { float: left; }
#buy-box h4											     	{ margin: 5px 0 5px 80px; }
#buy-box p, #buy-box-server p     		{ margin: 0 0 5px 80px; }