/*
Grid:
	The standard spacing (padding/margin) between elements is 10px
	The grid is then divided into 3 slices with 10px between each.
	There are several combinations that theses slices can appear,
	utilizing the slice css class below:
		3/3 (div.slice_3_3)
		2/3 (div.slice_2_3)
		1/3 (div.slice_1_3)
		
	Note: The slice boxes are smacked together with no whitespace to make it work in IE6 + IE7

Styles:
	=RESETS
	=GENEREL
	=SHARED
	=HEADER (div#header)
	=PAGES
	=FOOTER (div#footer)
*/

/* =RESETS
-------------------------------------------------------------------------------------------------------------------------------------------*/
html 													{ color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td	{ margin: 0; padding: 0; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
table													{ border-collapse: collapse; border-spacing: 0; }
fieldset,img											{ border: 0; }
address,caption,cite,code,dfn,em,strong,th,var			{ font-style: normal; font-weight: normal; }
li														{ list-style: none; }
caption,th												{ text-align: left; }
h1,h2,h3,h4,h5,h6										{ font-size: 100%; font-weight: normal; }
q:before,q:after										{ content: ''; }
abbr,acronym 											{ border: 0; font-variant: normal; }
sup 													{ vertical-align: text-top; }
sub 													{ vertical-align: text-bottom; }
input,textarea,select									{ font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select									{ *font-size: 100%; }
legend													{ color: #000; }

/* =GENERAL
-------------------------------------------------------------------------------------------------------------------------------------------*/
html, body												{ background: url(../images/background.png) repeat-x #878789; font-family: Helvetica, Arial; color: #333; font-size: 12px; }

strong													{ font-weight: bold; }

h1														{ color: #00448a; font-size: 26px; margin-bottom: 5px; }
h2														{ color: #00448a; font-size: 16px; margin-bottom: 5px; }
h3														{ color: #00448a; font-size: 14px; margin-bottom: 7px; }
h4														{ font-weight: bold; }
p														{ margin-bottom: 10px; }

ol														{ margin-left: 30px; margin-top: 10px; }
ol li													{ list-style: decimal; margin-bottom: 5px; font-weight: bold; }
ol li p													{ font-weight: normal; margin-bottom: 0px; }
ul														{ margin-left: 30px; margin-top: 10px; }
ul li													{ list-style: disc; margin-bottom: 5px;  }

a, a:link, a:visited									{ color: #79c630; text-decoration: underline; outline: none; }
a:hover													{ color: #00448a; }
a:active												{ color: #016dc0; }
a.blue													{ color: #00448a; }

form ol													{ margin-left: 0px; margin-top: 0px; }
form ol li												{ font-weight: normal; padding: 4px 0px; list-style: none; margin-bottom: 0px;  }
form ol li label										{ display: inline-block; width: 200px; padding-right: 5px; vertical-align: top; }
form ol li.form_button									{ text-align: right; }

input[type=text], input[type=password]					{ width: 173px; } /* Does not work in IE6 */
textarea												{ width: 175px; height: 50px; }
select													{ width: 177px; }

/* =SHARED
-------------------------------------------------------------------------------------------------------------------------------------------*/
div#layout												{ width: 922px; margin: 0 auto; padding-top: 20px; overflow: hidden; }

p.read_more												{ text-align: right; }
p.no_header												{ margin-top: 35px; }

/* grid slices */
div.slice_1_3											{ background: url(../images/slice_1_3_bg.png) repeat-y; width: 294px; color: #7f7f7f; line-height: 16px; overflow: hidden; margin-top: 0px; padding-top: 0px;}
div.slice_1_3 div.inner_slice							{ padding: 10px; font-size: 12px; overflow: hidden; }
img.slice_icon											{ float: left; }
div.slice_icon_text										{ width: 220px; float: right }
div.slice_icon_text p									{ margin-bottom:5px; }

div#question_slice										{ float: right; cursor: pointer; }
div#question_slice div.inner_slice						{ height: 125px; }

div.clickable_slice                                     { float: right; margin-bottom: 10px; cursor: pointer; }

div.slice_2_3											{ background: url(../images/slice_2_3_bg.png) repeat-y; width: 598px; color: #333; line-height: 18px; }
div.slice_header_2_3									{ background: url(../images/slice_2_3_header.png) no-repeat; height: 61px; line-height: 18px; padding: 25px; font-size: 14px; margin-bottom: -25px; position: relative; }
div.slice_header_2_3 h1									{ margin-bottom: 10px; }
div.slice_header_2_3 h1 div								{ color: #888; display: inline; vertical-align: middle; font-size: 16px; }
div.slice_header_2_3 div#back_to						{ position: absolute; right: 20px; top: 15px; }
div.slice_header_2_3 div#back_to a						{ font-size: 10px; color: #666; text-decoration: none; }
div.slice_header_2_3 div#back_to a:hover				{ text-decoration: underline; color: #00448a; }
div.slice_2_3 div.inner_slice							{ padding: 10px 20px 10px 20px; font-size: 12px; }
div.slice_2_3 h2										{ margin-top: 35px; }

div.slice_3_3											{ margin-top: 0px; background: url(../images/slice_3_3_bg.png) repeat-y; color: #333; line-height: 18px; }
div.slice_header_3_3									{ background: url(../images/slice_3_3_header.png) no-repeat; height: 61px; line-height: 18px; padding: 25px; font-size: 14px; margin-bottom: -25px; position: relative; }
div.slice_header_3_3 h1									{ margin-bottom: 10px; }
div.slice_header_3_3 h1 div								{ color: #888; display: inline; vertical-align: middle; font-size: 16px; }
div.slice_header_3_3 div#back_to						{ position: absolute; right: 20px; top: 15px; }
div.slice_header_3_3 div#back_to a						{ font-size: 10px; color: #666; text-decoration: none; }
div.slice_header_3_3 div#back_to a:hover				{ text-decoration: underline; color: #00448a; }
div.slice_3_3 div.inner_slice							{ padding: 10px 20px 10px 20px; font-size: 12px; }
div.slice_3_3 h2										{ margin-top: 35px; }

div#validation_errors									{ border: 1px solid #dcdcdc; margin-top: 35px; background: #eef5fa; padding: 10px;  }
div#validation_errors h2								{ color: #800; margin: 0px; }
div#validation_errors ul								{ margin-left: 10px; }
div#validation_errors ul li								{ padding: 0px; margin: 2px 0px; list-style: none; }

/* =HEADER
-------------------------------------------------------------------------------------------------------------------------------------------*/
div#header												{ background: url(../images/header.png) no-repeat; position: relative; height: 130px; }
div#header_click										{ cursor: pointer; position: absolute; top: 20px; left: 20px; width: 250px; height: 100px;}
ul#navigation											{ margin-bottom: 0px; margin-top: 0px; position: absolute; bottom: 0px; right: 20px; font-size: 11px; font-family: Verdana; }
ul#navigation li 										{ list-style: none; float: left; text-transform: uppercase; margin: 0 10px; padding-bottom: 12px; }
ul#navigation li:hover									{ border-bottom: 6px solid #00448a; padding-bottom: 6px; }
ul#navigation li a										{ color: #d4d4d4; text-decoration: none; padding-bottom: 5px; }
ul#navigation li.current								{ border-bottom: 6px solid #79c630; padding-bottom: 6px; }
ul#navigation li.current a								{ color: #fff; }

div#subnavigation										{ overflow: hidden; background: #fff; width: 100%; }
div#subnavigation ul									{ margin-bottom: 0px; margin-top: 0px; float: right; margin-right: 10px; margin-bottom: 10px; }
div#subnavigation ul li 								{ list-style: none; float: left; margin: 0 10px; }
div#subnavigation ul li a								{ color: #666; text-decoration: none; }
div#subnavigation ul li a.current						{ color: #000; }
div#subnavigation ul li a:hover							{ color: #79c630; }

/* =PAGES
-------------------------------------------------------------------------------------------------------------------------------------------*/
div#content												{ background: #fff; position:relative; padding:10px !important; margin:0; overflow: hidden; } /* height: 100%; is for ie */

/* welcome/index */
div#slideshow											{ height: 290px; margin-bottom: 10px; font-size: 14px; padding-top: 0px;  }
div#slideshow img.selected								{ position: absolute; z-index: 200; }
ul#slideshow_navigation									{ float: left; height: 290px; margin-top: 0px; margin-left: 0px; width: 294px; }
ul#slideshow_navigation li								{ margin-bottom: 0px; height: 50px; margin-bottom: 10px; list-style: none; outline: none; }
ul#slideshow_navigation li.bottom						{ margin-bottom: 0px; }
div#slideshow_content									{ float: right; width: 526px; color: #555; background: url(../images/slideshow_content.png) no-repeat; height: 248px; padding: 21px 36px; position: relative; }
div#slideshow_content div.left_column					{ float: left; width: 300px; }
div#slideshow_content div.right_column					{ float: right; }
div#more_on_integration									{ float: left; height: 20px; padding-top: 5px; padding-right: 10px; font-size: 13px; }
div.continue_button										{ position: absolute; right: 16px; bottom: 16px; }
div#flowchart											{ text-align: center; margin-top: 30px; }

div#slideshow2_container 			{ width:902px; height:291px; position:relative; background:url('/images/bg_front1.jpg'); margin-bottom:10px; }
div#slideshow2_container h2			{ font-weight:bold; font-size:200%; color:#303030; line-height:120%; padding-left:70px;}
div#slideshow2_container ul#h2 		{ width:330px; padding-left:70px; }
div#slideshow2_container li 		{ margin-bottom:8px; line-height:120%; }
div#slideshow2_container sup 		{ color:red; padding-left:3px; font-weight:bold; }
div#slideshow2_container label 		{ display:block; font-weight:bold; font-size:90%; margin-top:0px; }
div#slideshow2_container input 		{ border:1px solid #303030; padding:3px 2px; font-size:90%; width:260px; }
ul#slide_navigation					{ margin-bottom: 0px; margin-top: 0px; position: absolute; bottom: 0px; right: 5px; font-size: 10px; font-family: Verdana; }
ul#slide_navigation li 				{ list-style: none; float: left;  margin: 0 10px; padding-bottom: 9px; }
ul#slide_navigation li:hover 		{ border-bottom: 4px solid #79c630; padding-bottom: 4px; }
ul#slide_navigation li a 			{ color: #404040; text-decoration: none; padding-bottom: 5px; }
ul#slide_navigation li.jFlowSelected 	{ border-bottom: 4px solid #00448a; padding-bottom: 4px; }
ul#slide_navigation li.jFlowSelected a 	{ color: #000; }
div.jFlowSlideContainer				{ float:left; width:902px; height:260px; overflow:hidden; }
span.error							{ color:#800; font-size:90%; }

/* merchants/sign_up */
table#pricing											{ width: 100%; margin-bottom: 15px; }
table#pricing td										{ border-bottom: 1px solid #eef5fa; }
table#pricing td.price									{ text-align: right; color: #333; }
input#contact_phone										{ width: 78px; }
input#contact_phone_ext									{ width: 48px; }

div.form												{ width: 388px; float: left; }
div.signup_instructive									{ float: right; margin-top: 60px; width: 150px; font-size: 11px; color: #888; }

/* shoppers/track */
p#contact_support 										{ float: left; margin-top: 20px; }
div#reference_instructive								{ float: right; margin-top: 55px; width: 150px; font-size: 11px; color: #888; }

/* company/index */
div.company												{ overflow: hidden; margin-top: 20px; }
div.company	div											{ float: left; }
div.company h4											{ float: right; width: 430px; }
div.company p											{ float: right; width: 430px; } 

/* company/banks */
div.bank_country										{ border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; overflow: hidden; }
div.bank_country h4										{ float: left; }
div.banks												{ margin-left: 130px; }
div.banks a												{ padding-bottom: 20px; display: block; }

/* press_kit/whos_who */
div.bio													{ overflow: hidden; margin-bottom: 30px; width: 100%; }
img.bio_picture											{ float: left; width: 100px; }
div.bio_description										{ float: right; width: 440px; }
div.bio_description h2									{ margin: 0px; float: left; width: 300px; }
div.bio_description small								{ float: right; text-transform: uppercase; font-size: 9px; color: #777; }

/* contact/index */
textarea#message										{ height: 150px; }

/* =FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------*/
div#footer												{ background: url(../images/footer.png) no-repeat; height: 95px; padding: 10px 20px; color: #8d8c8c; font-size: 10px; position: relative; }
div#footer a, div#footer a:visited						{ color: #8d8c8c; text-decoration: none; }
div#footer a:hover										{ color: #79c630;}
div#footer ul.section									{ float: left; margin-right: 40px; margin-top: 0px; margin-left: 0px; }
/* IE needs fixed with on floated elements */
div#footer ul#merchants_section							{ width: 95px; }
div#footer ul#shoppers_section							{ width: 100px; }
div#footer ul#company_section							{ width: 85px; }
div#footer ul#contact_us_section						{ width: 80px; }
div#footer ul#legal_section								{ width: 140px; }

div#footer li											{ margin-bottom: 0px; list-style: none; white-space: no-wrap; }
div#footer li.section_name								{ font-weight: bold; color: #4a4a4a; }
img#verisign_logo										{ position: absolute; right: 20px; top: 10px; }


div#copyright											{ padding-top: 5px; text-align: center; font-size: 9px; padding-bottom: 10px; }