/*------------------------------------------------------------------------------
	theme.css

	Written by Andreas Pizsa.
	Copyright (C) 2008 daotec Ltd.
	All rights reserved.
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
	VERSION HISTORY
--------------------------------------------------------------------------------
	$Log::                                                                    $
------------------------------------------------------------------------------*/

* {
	color: #4c4c4c;
	font-family:  "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

* { padding: 0; margin: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

html {
	overflow-y: scroll;
}

div {
	overflow: visible;
}

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clear { clear: both; }

body {
	width: 978px;
	margin: 0px auto;
	x-system-font:none;
	color:#333333;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	position: relative;
	xbackground: white url(daopay-p-bg.gif) no-repeat center top;
}

a {
	text-decoration: none;
}

a.silent:hover {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4 {
	margin-top:18px;
	margin-bottom:18px;
	font-weight:bold;
}

h1 {
	font-size:24px;
	line-height:36px;
}

h2 {
	font-size:16px;
	line-height:18px;
}

h3 {
	font-size:1em;
	line-height:18px;
}

h4 {
	font-size:10px;
	line-height:18px;
}

ol, ul {
	margin-left: 0;
	padding-left: 0;
}


a.more {
	color: #1e1a3f;
	background: transparent url(morearrow-right.gif) no-repeat 100% 50%;
	white-space: nowrap;
	padding-right: 10px;
	clear: none;
}

a.more.right {
	float: right;
}

a.more.left {
	background: transparent url(morearrow-left.gif) no-repeat left 50%;
	padding-left: 10px;
	padding-right: 0px;
	float: left;
}

/*------------------------------------------------------------------------------
	HEADER & NAVIGATION
------------------------------------------------------------------------------*/
#global-header {
	display: block;
	width: 100%;
	overflow: visible;
	padding-top: 10px;
	height: 110px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1000;
}

#global-header h1 {
	height: 53px;
	overflow: hidden;
	display: inline;
	float: left;
	width: 50%;
	clear: none;
}


#global-header h1 a.pay900-logo {
	color: transparent;
	padding-top: 0px;
	margin-top: 0px;
	background: url("pay900logo.png") no-repeat 0 0;	
	width: 160px;
	height: 53px;
	text-indent: -1000px;
	float: left;
	behavior: url(/theme/iepngfix.htc);
}

#global-header a#global-login {
	font-size: 10px;
	width: 125px;
	text-align: right;
	overflow: visible;
	position: absolute;
	left: 760px;
	top: 30px;
}


#navi {
	background: url(/theme/de/navi_bg.jpg) repeat-x left top;
	height:38px;
	margin:0;
	padding:0;
	width: 100%;
	position:relative;
	/*border: 1px solid black;*/
}
#navi img {
	margin:0;
	padding:0;
}

#global-demo-button {
	background: url(/theme/en/navi_demo.jpg) no-repeat left top;
}

/* SEARCH */

#global-search {
	display: inline;
	width: 100px;
	height: 38px;
}

/* LANGUAGES */
/* with help from http://www.howtocreate.co.uk/tutorials/testMenu.html */

#global-language {
	float: right;
	clear: right;
	display: inline;
}

ul#global-language-menu {
	text-align: left;
	font-size: 10px;
	display: inline;
	overflow: visible;
	clear: none;
	width: 60px;
	background-color: transparent;
	cursor: default;
	position: absolute;
	left: 915px;
	top: 30px;
	z-index: 10;
}

ul#global-language-menu > li {
	background: transparent url(language-dropdown.png) no-repeat right 7px;
	position: relative;
	behavior: url(/theme/iepngfix.htc);
}

ul#global-language-menu > li > ul {
	text-align: left;
	display: none;
	position: absolute;
	top: -0px;
	left: -10px;
	width: 60px;
	
	
}

ul#global-language-menu li:hover > ul {
	display: block;
	background-color: black;
	opacity: 0.7;
	color: white;
}

ul#global-language-menu li:hover > ul li,
ul#global-language-menu li:hover > ul a
{
	color: white;
}


/* Sections (Personal, Business, Developers, Support) */

body.business li#gn-business a {
	height: 20px;
	margin-bottom: 0px;
}

body.personal li#gn-personal a {
	height: 20px;
	margin-bottom: 0px;
}

body.developers li#gn-developers a {
	height: 20px;
	margin-bottom: 0px;
}

body.support li#gn-support a {
	height: 20px;
	margin-bottom: 0px;
}

body.about li#gn-about a {
	height: 20px;
	margin-bottom: 0px;
}

/*------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------*/
#global-footer {
	margin-top: 50px;
	width: 100%;
	overflow: hidden;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 14px;
	padding-left: 0px;
	margin-bottom: 30px;
	border-top: 1px solid #dbdbdb;
}

#global-footer #global-sitemap {
	padding: 10px;
	clear: both;
	overflow: hidden;
	background-color: #f4f4f4;
	width: 100%;
}

#global-footer #global-sitemap ol {
	padding-left: 1%;
	font-size: 11px;
	font-weight: bold;
	float: left;
	clear: none;
	width: 19%;
}

#global-footer #global-sitemap li {
	font-weight: normal;
	display: list-item;
}

#global-footer #copyright,
#global-footer #privacy,
#global-footer #tos,
#global-footer #imprint
{
	padding-top: 20px;
	margin-right: 20px;
	float: left;
}

#global-footer #logo {
	padding-top: 20px;
}

#global-footer #logo a {
	background: transparent url(welcome-to-global-income-pay900.gif) no-repeat;
	float: right;
	width: 190px;
	height: 12px;
	behavior: url(/theme/iepngfix.htc);
	text-indent: -9000px;
}

#global-footer #trademarks {
	float: left;
	clear: both;
	color: silver;
}

/*------------------------------------------------------------------------------
	PRODUCT HEADER
------------------------------------------------------------------------------*/
#productheader {
	display: block;
	clear: both;
	padding-left: 10pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
	height: 15px;
	border-bottom: 1px solid #dbdbdb;
	width: 963px;
	overflow: visible;
}

#productheader h2 {
	margin: 0 0 0 0;
	float: left;
	clear: left;
	display: none;
}

#productheader ol {
	margin: 0 0 0 0;
	width: 100%;
	overflow: visible;
}

#productheader li {
	display: inline;
}

#productheader li a {
	Color: black;
	margin-right: 30px;
}

#productheader li a:hover {
}

#productheader li a.current {
	color: silver;
}

/*------------------------------------------------------------------------------
	BODY
------------------------------------------------------------------------------*/
#container {
	
	iewidth: 100%;
	width: 978px;
	overflow: visible;
	z-index: 0;
	position: relative;
}

#container #main {
	width: 100%;
	overflow: auto;
}

#container #content {
	clear: both;
	iewidth: 100%;
	width: 978px;
	overflow: hidden;
}


#container #content h1.first,
#container #content h2.first,
#container #content h3.first,
#container #content h4.first
{
	margin-top:0;
}

#container #content p {
	margin-top: 10px;
}

#container #content p.first {
	margin-top: 0;
}

#hero {
	width: 978px;
	height: 305px;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------
	CONTENT-FOOTER
------------------------------------------------------------------------------*/
#container #contentfooter {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 978px;
	overflow: hidden;
}


#contentfooter .cap.top {
	display: block;
	height: 17px;
	margin-bottom: -17px;
	width: 100%;
}

#container #contentfooter .cap.bottom {
	display: block;
	min-height: 128px;
	margin-top:-120px;
	width: 100%;
}

/*------------------------------------------------------------------------------
	GRID
------------------------------------------------------------------------------*/
.column {
	overflow: hidden;
}

.grid2, .grid3, .grid4 {
	width: 100%;
	width: 978px;
	overflow: hidden;
}

.grid2 .column {
	width: 48%;
}

.grid2 .column.first,
.grid3 .column.first
{
	float: left;
	padding-right: 2%;
}

.grid2 .column.last,
.grid3 .column.last
{
	padding-left: 2%;
	float: right;
}

.grid3 .column.first {
	margin-right: 2%;
}

.grid3 .column {
	width: 31%;
	float: left;
	clear: none;
}

.grid4 .column {
	width: 23%;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	iewidth: 240px;
	iemargin-right: 12px;	
	/*text-align: justify;*/
}

.grid4 .column.last {
	margin-right: 0;
}

.center {
	text-align: center;
}