/* new homepage styles */

@import url('HeaderFooter2.css');

body
{
	background: #fff;
	color: #666;
	margin: 0;
	padding: 0;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../../images/bg-top.jpg) repeat-x center top;
}

.accessStyle, .hide
{
	display: none;
}

.clearer
{
	height: 1px;
	clear: both;
	overflow: hidden;
}

#mainContent
{
	width: 900px;
}

#supplementaryContent
{
	float: left;
	width: 900px;
}

p
{
	line-height: 2em;
	padding-bottom: 10px;
}

*
{
	padding: 0;
	margin: 0;
}





/* fix firefox bug where it borders hidden input fields */
input[type=hidden]
{
	display: none;
}

.services
{
	margin-top: 10px;
}



.services 
{
	display: block;
	
	width: 165px;
	list-style: none;
	position: relative;
	float: left;
	margin-right: 11px;
	font-size: 0.9em;
	height:264px;
}

.info
{
	position:absolute;
	top:160px;
	display: block;
	width: 139px;
}

.services #last
{
	margin-right: 0;
}

.services p
{
	font-family: arial;
	font-size: 1.2em;
	text-align: left;
	background: #e8e8e8 url(../../images/p-bg.gif) repeat-x top;
	height: 61px;
	padding: 8px 13px;
	width:100%;
	line-height: 1.5em;
	letter-spacing: 0;
}

.info a
{
	text-indent: -5000px;
	overflow: hidden;
	background: url(../../images/learn-more.gif) no-repeat bottom right;
	display: block;
	width: 163px;
	height: 21px;
	margin-top: 5px;
}

.info a.ES
{
	background: url(../../images/es/learn-more.gif) no-repeat bottom right;
}

.info a.FR
{
	background: url(../../images/fr/learn-more.gif) no-repeat bottom right;
}

.info a.DE
{
	background: url(../../images/de/learn-more.gif) no-repeat bottom right;
}

.supBoxes
{
	margin-top: 25px;
}



.supBoxes 
{
	display: block;
	
	width: 196px;
	height: 200px;
	list-style: none;
	
	position: relative;
	float: left;
	margin-right: 30px;   
	font-size: 0.9em;
}

.supBoxes #last
{
	margin-right: 0;
}

.supBoxes .corner
{
	display: block;
	position: absolute;
	background: url(../../images/box-corner.gif) no-repeat top left;
	width: 17px;
	left: 188px;
	top: 198px;
	height: 13px;
	z-index: 200;
}

.supinfo
{
	margin-top: 1px;
	width: 170px;
	background: url(../../images/box-p-bottom.gif) no-repeat top;
	height: 121px;
	padding: 8px 13px;
}

.supinfo p
{
	font-family: arial;
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0;
}

.supinfo img
{
	margin:0px;
	padding:0px;
}

.supBoxes .sup a
{
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	background: url(../../images/learn-more.gif) no-repeat bottom right;
	display: block;
	width: 199px;
	height: 21px;
	top: 180px;
	left: -5px;
	z-index: 150;
}

.supBoxes .sup a.ES
{
	background: url(../../images/es/learn-more.gif) no-repeat bottom right;
}

.supBoxes .sup a.FR
{
	background: url(../../images/fr/learn-more.gif) no-repeat bottom right;
}

.supBoxes .sup a.DE
{
	background: url(../../images/de/learn-more.gif) no-repeat bottom right;
}

.supBoxes #box6 .sup a{
	background:url(../../images/start-trial.gif) no-repeat bottom right;
	left: -1px;
}

.supBoxes #box6 .sup a.ES{
	background:url(../../images/es/start-trial.gif) no-repeat bottom right;
}

.supBoxes #box6 .sup a.FR{
	background:url(../../images/fr/start-trial.gif) no-repeat bottom right;
}

.supBoxes #box6 .sup a.DE{
	background:url(../../images/de/start-trial.gif) no-repeat bottom right;
}

.supBoxes .swirl .sup .supinfo{
	background:url(../../images/swirl-bg.gif) no-repeat bottom;
}



/* additional */

img
{
	display: block;
	border: 0;
}

h2{
	font-size:1.4em;
	line-height:1.2em;
	padding-bottom:10px;
}

#home
{
	background: url(../../images/uk/headers/main2.gif) no-repeat left;
	text-indent: -5000px;
}

#homeES
{
	background: url(../../images/es/headers/main2.gif) no-repeat left;
	text-indent: -5000px;
}

#homeFR
{
	background: url(../../images/fr/headers/main2.gif) no-repeat left;
	text-indent: -5000px;
}

#homeDE
{
	background: url(../../images/de/headers/main2.gif) no-repeat left;
	text-indent: -5000px;
}

#globalNav
{
	margin-top: 8px;
	margin-left: 0;
}

ul.services h3, ul.supBoxes h3
{
	font-size: 1em;
	font-weight: normal;
}

.headerGreen, .headerOrange, .headerClear
{
	margin-bottom: 1px;
	text-decoration: none;
	display: block;
	height: 34px;
	padding-left: 8px;
	line-height: 34px;
	font-weight: normal;
	font-size: 2em;
	font-family: arial, Sans-Serif;
}

.headerGreen
{
	color: #fff;
	width: 157px;
	background: #97c331 url("/images/homepage/header-green-repeater.gif") repeat-x;
}

.headerOrange
{
	color: #fff;
	width: 188px;
	background: #97c331 url("/images/homepage/header-orange-repeater.gif") repeat-x;
}

.headerClear
{
	background-color: #fff;
	color: #97c331;
	width: 188px;
}

/* text links on homepage styles */

.servTitle
{
	width: 165px;
	height: 36px;
	background-image: url(../../upload/blank.jpg);
	background-repeat: no-repeat;
}

.servTitle h2, #trialTitle h2, .clearTitle h2
{
	display: list-item;
	font-weight: normal;
	font-size: 2em;
	font-family: arial, Sans-Serif;
	padding-top: 6px;
	padding-left: 10px;
}

.servTitle a
{
	color: #fff;
	text-decoration: none;
}
.servTitle a:hover
{
	color: #fff;
}

#trialTitle
{
	width: 196px;
	height: 36px;
	background-image: url(../../upload/orange-blank.jpg);
	background-repeat: no-repeat;
}



#trialTitle a
{
	color: #fff;
	text-decoration: none;
}
#trialTitle a:hover
{
	color: #fff;
}

.clearTitle
{
	width: 196px;
	height: 36px;
	background-image: none;
}

.clearTitle a
{
	color: #9ec82b;
	text-decoration: none;
}
.clearTitle a:hover
{
	color: #9ec82b;
}

#box1
{
	position: absolute;
	left: 0px;
	top:0px;
}

#box2
{
	position: absolute;
	left: 182px;
	top:0px;
}

#box3
{
	position: absolute;
	left: 364px;
	top: 0px;
}

#box4
{
	position: absolute;
	left: 546px;
	top: 0px;
}

#box5
{
	position: absolute;
	left: 728px;
	top: 0px;
}

#box6
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#box7
{
	position: absolute;
	left: 232px;
	top: 0px;
}

#box8
{
	position: absolute;
	left: 464px;
	top: 0px;
}

#box9
{
	position: absolute;
	left: 696px;
	top: 0px;
}

.Servbox
{
	border: 1px solid #e8e8e8;
	padding: 2px 2px 0 2px;
	height: 265px;
}

.rowBox
{
	border: 1px solid #e8e8e8;
	padding: 2px;
	height: 200px;
}

/* H1 as text styling */

#homeUK h1 {
	color:#70258A;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:2.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

/* Feefo */
#feefo{
	height: 61px;
	width: 180px;
	background-image: url(../../images/feefo-bg-yellow.jpg);
	background-repeat: no-repeat;
	margin: 3px 0 5px -4px;
}

#rating{
float: right;
font-size: 14px;
font-weight: bold;
margin: 23px 9px 0 0;
}

.supBoxes .sup .review a{
position: relative;
height: auto;
width: auto;
top: 0;
left: 0;
margin: 0;
padding: 0;
background-image: none;
text-indent: 0;
color: #666;
text-decoration: none;
}