/* 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        {
}
#lower-area h3                        { color: #222; font-weight: bold; font-size: 130%; }
#lower-area h4                        { font-weight: bold; font-size: 120%; }
.intro                                {
	color: #8c8c8c;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.intro.intro-main                     {
	color: #333;
	font-size: 120%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
}
#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; }

#sub-header h2                        { font-size: 210%; margin-top: 26px; }

#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; }


/* 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; }