/* 	
	RESETS
   	GENERIC
   	HEADER
	NAVIGATION
   	BODY
   	FOOTER
*/

/* =RESETS
----------------------------------------------------*/
img 								{ border: 0; }
form								{ padding: 0; margin: 0; }

/* =GENERIC
----------------------------------------------------*/
html, body 							{ margin: 0px; background: #f2f2f2 url(/images/background.gif) repeat-x; font-family: Verdana; font-size: 10px; color: #666; }

td 									{ font-size: 11px; }

h1 									{ font-weight: bold; color: #676767; font-size: 15px; padding-bottom: 0px; margin-bottom: 4px; padding-top: 15px; }
h2 									{ font-weight: bold; color: #4a6f8b; font-size: 13px; padding-bottom: 0px; margin-bottom: 4px; padding-top: 15px; }
h3									{ font-weight: bold; font-size: 12px; margin-top: 20px; margin-bottom: 5px; }
h4									{ font-size: 12px; }
p 									{ padding: 0; margin: 0 0 10px 0; color: #666; line-height: 18px; }

ul									{ margin-left: 0px; padding-left: 40px; }
ul.ul_c1_3							{ margin-left: 0px; padding-left: 25px; margin-top:10px;}
li									{ padding: 0px 0px 8px 0px; }

input, textarea, select				{ font-family: Verdana; font-size: 10px; }

a, a:visited 						{ color: #3d5b77; text-decoration: none; }
a:hover, a:active					{ color: #4a6f8b; }

.safe_color 						{ color: #a7bb36 !important; }
.pay_color 							{ color: #f16f23 !important; }
img.image							{ border: 1px solid #ddd; }

div#front_content_top				{ background: url(/images/content_background_front.gif) top; margin-top: 3px; height: 5px; }
div#front_content_bottom			{ background: url(/images/content_background_front.gif) bottom; padding-bottom: 1px;}

div#content_top						{ background: url(/images/content_background.gif) top; margin-top: 3px; height: 5px; width: 877px; }
div#content_bottom					{ background: url(/images/content_background.gif) bottom; padding-bottom: 1px; width: 877px; }

td.c1_2								{ width: 374px; padding: 0 32px 16px 32px; }
td.c1_3								{ width: 174px; padding: 0 32px 16px 32px; }
td.c2_3								{ width: 576px; padding: 0 32px 16px 32px; }
td.c1_1								{ padding: 0 32px; width: 813px; }
td.splitter							{ width: 1px; vertical-align:top; padding-top:80px;}

.instructive						{ color: #999; font-size: 9px; font-style: italic; }

.sketched							{ background: url(/images/sketched_paragraph.gif) repeat-y; color: red; min-height: 70px; padding: 2px 5px; }
.sketched_image						{ border: 1px solid red; padding: 2px 5px; }

/* =LAYOUT
----------------------------------------------------*/
div#application						{ width: 889px; }

/* =HEADER
----------------------------------------------------*/

div#header							{ height: 54px; position: relative; }
div#logo							{ position: absolute; bottom: 4px; left: 15px; }
div#sign_in							{ position: absolute; right: 18px; font-size: 10px; font-weight: bold; top: 13px; }
div#sign_in td						{ font-size: 10px; }
div#sign_in a						{ color: #999; }

/* =NAVIGATION
----------------------------------------------------*/
div#navigation						{ position: absolute; bottom: 6px; right: 18px; font-size: 10px; }
div#navigation ul					{ list-style: none; margin: 0px; padding: 0px; }
div#navigation ul li				{ padding: 0px 0px 0px 12px; float: left; }
div#navigation ul li a				{ color: #808080; padding: 0 10px;}
div#navigation ul li a:hover		{ color: #555; }
div#navigation ul li a.current		{ color: #555; font-weight: bold; }

div#sub_navigation					{ position: absolute; bottom: 6px; right: 0px; font-size: 10px; }
div#sub_navigation ul				{ list-style: none; margin: 0px; padding: 0px; }
div#sub_navigation ul li			{ padding: 0px 0px 0px 15px; float: left; }
div#sub_navigation ul li a			{ color: #808080; padding: 0 8px;}
div#sub_navigation ul li a:hover	{ color: #284041; }
div#sub_navigation ul li a.current	{ color: #555; font-weight: bold; }

div#billboard						{ position: relative;}
div#billboard ul					{ list-style: none; margin: 0px; padding: 0px; position: absolute; top: 44px; left: 680px; }
div#billboard ul li					{ padding: 0; font-size: 11px; line-height: 19px; color: #666; }
div#billboard ul li a				{ color: #666;}
div#billboard ul li a:hover			{ color: #333; }
div#billboard ul li a.current		{ color: #555; font-weight: bold; }

/* =BODY
----------------------------------------------------*/
div#body							{ text-align: left; }
div#body_top						{ height: 6px; background: url(/images/body.gif) top; }
div#content							{ background: url(/images/body_content.gif); padding: 0 6px; }
div#body_bottom						{ height: 6px; background: url(/images/body.gif) bottom; }

div#section							{ position: relative; height: 42px; border-bottom: 1px solid #f0f0f0;}
div#section h1						{ margin: 0px; padding: 20px 0 1px 0; }

/* welcome/index */
div.product_bullets					{ min-height: 150px;}
div.product_bullets ul				{ margin-top: 15px; margin-left: 20px; }
div.product_bullets ul li			{ line-height: 20px; margin-bottom: 5px; }
div.badge_and_button				{ margin: 0 0 30px 120px; }

div.frontbox						{ width: 361px; height: 63px; background: url(/images/frontbox.gif); padding: 10px 20px; margin-top: 30px; cursor: pointer; }
div.frontbox h1						{ margin-top: 0px; padding-top: 0px; padding: 0px; margin: 0px; margin-bottom: 10px; color: #3d5b77; }
 
/* safe/index && pay/index */
table.product_comparison td,
table.product_comparison th			{ border-bottom: 1px solid #f0f0f0; padding: 10px; text-align: center; }
table.product_comparison td.label	{ text-align: left; }
table.product_comparison td.button	{ border-bottom: 0px; }

/* safe/acquirer/getting_enabled */
div#send_message input#name, 
div#send_message input#company, 
div#send_message input#email, 
div#send_message input#phone		{ width: 260px; }
div#send_message textarea#message	{ width: 260px; height: 85px; margin: 0px; }

/* contact_column */
div#contact_column input#name, 
div#contact_column input#company, 
div#contact_column input#email, 
div#contact_column input#phone			{ width: 165px; }
div#contact_column textarea#message	{ width: 165px; height: 85px; margin: 0px; }
div#contact_column p 								{ margin: 0 0 5px 0; }

/* contact/index */
input#name, input#company, input#email, 
input#phone							{ width: 200px; }
textarea#message					{ width: 400px; height: 150px; margin: 0px; }

/* =FOOTER
----------------------------------------------------*/
div#footer							{ color: #999; text-align: center; font-size: 9px; padding: 4px 0 8px 0; }
div#footer a						{ color: #999; }