/* Main Template */
*{
margin: 0px;
padding: 0px;
}

body{
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
line-height: 150%;
}

.bold{
font-weight: bold;
}

.bold.url{

}

#wrapper{
background: url(../images/bg.jpg) top left repeat-x;
background-attachment:fixed;
}

#green_strip {
display: block;
position: absolute;
top: 125px;
height: 180px;
background: url(../images/alpha80green.png);
width: 100%;
}


#wrapper_inner{
width: 960px;
padding: 10px;
padding-top: 5px;
margin: auto;
background: url(../images/alpha66white.png);
z-index: 100;
position: relative;
}


#header{
height: 120px;
}

#middle{
position: relative;
}

a, a:link, a:visited{
text-decoration: none;
color: #0e9631;
}

a:focus, a:hover{
color: #3f7f69;
outline: none;
}

a img, a :hover img, a:focus img{
border: 0px;
padding: 0px;
margin: 0px;
}

.rounded10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.shadow_bottomright{
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.75);
}

/* Top menu */
#header_top{
float: left;
}

.greenline{
width: 100%;
border-bottom: 1px solid #0e9631;
margin-bottom: 10px;
}

#header_menu{
float: right;
padding-top: 17px;
}

#header_menu ul li{
display: block;
float: left;
}

#header_menu ul li a{
padding: 2px 8px;
margin-right: 10px;
font-size: 16px;

background: url(../images/alpha66white.png);
}

#header_menu ul li a:hover{
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.50);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.50);
}

#top h2{
margin-bottom: 5px;
font-size: 24px;
}

#top h3{
font-size: 20px;
}


/* Image area */
#imageslices {
width: 100%;
height: 180px;
overflow: hidden;
background-color: green;
}



/* How to */
#how_it_works{

margin-bottom: 20px;
}


ul#shippingservice_list{
padding-left: 20px;

}

ul#shippingservice_list li{
color: #0e9631;
font-weight: bold;
margin-bottom: 1px;
}


div.howitem{
margin-top: 195px;
width: 109px;
float: left;
height: 110px;
font-size: 12px;
-webkit-border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
padding: 5px;
border: 1px solid #DDDDDD;
cursor: pointer;
margin-right: 12px;
}

div.howitem .howitem_inner{
height: 120px;
}

div.howitem.howitem.howitem1{
margin-top: 0px;
position: absolute;
top: 10px;
left: 0px;
width: 670px;
height: 160px;
font-size: 13px;
}


div.howitem2{
width:  140px;
}

div.howitem.selected{
background: url(../images/alpha66white.png);
border: 1px solid green;

-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.50);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.50);
}

/* Form */


div.howitem.howitem7 {
margin-top: 0px;
margin-right: 0px;
position: absolute;
right: 0px;
top: 10px;
width: 250px;
height: 300px;
}

div.howitem.howitem7:hover{

}

#mainform{
font-size: 12px;
-webkit-border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
padding: 5px;
border: 1px solid #DDDDDD;
cursor: pointer;
margin-right: 12px;


margin-top: 0px;
margin-right: 0px;
border: 0px;

position: absolute;
right: 0px;
top: 10px;
width: 250px;
height: 300px;
background-color: #EEEEEE;
border: 1px solid #EEEEEE;
padding: 5px;
}

#mainform:hover{
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.50);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.50);
}

.formitem{
margin-bottom: 5px;
}

.formitem .formlabel{
display: block;
float: left;
width: 80px;
font-weight: bold;

}


div.how_separator {
width: 15px;
margin-top: 250px;
float: left;
}

.formitem input{
border: 1px solid #CCCCCC;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
letter-spacing: 1px;
width: 155px;

-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.formitem textarea{
width: 245px;
}

input#signup{
float: right;
font-weight: bold;
border: 1px solid #0e9631;
-webkit-border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
padding: 3px;
cursor: pointer;
}

input#signup:hover{
background-color: #0e9631;
color: #FFFFFF;
border: 1px solid #0e9631;
}

#just400{
 width: 240px;
 height: 45px; 
 
 background: url(../images/alpha66green.png);
 padding: 5px;
 padding-top: 2px;
 margin-bottom: 10px;
 font-size: 30px;
 font-weight: bold;
 color: #FFFFFF;
 -webkit-border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
 text-shadow:2px 2px 2px #3f7f69;
}

span.just{
font-size: 18px;
float: left;
margin-left: 5px;
display: block;
margin-top: -2px;
margin-bottom: 1px;
height: 0px;
}

span.euro400{
display: block;
margin-left: 35px;
float: left;
margin-right: 8px;
margin-top: 3px;
}

span.per_month{
font-size: 20px;

}

h3.bottom_claim{
text-align: center;
font-size: 20px;
margin-bottom: 15px;
}


/* Footer */

#footer{
	width:100%;
	height:100px;
	margin:20px 0 0 0;
	text-align:center;
	background:#ffffff;
}

.footer_container {
    color: #666666;
    font-size: 10px;
    line-height: 13px;
    margin: 0 auto;
    width: 980px;
}

.f_info{ 
	float:left;
	margin:0;
	width:110px;
	text-align: left;
}

.awards {
	float: left;
}

ul.f_menu{
	float:left;
	width:150px;
	overflow:hidden;
	margin:5px 0 0 0;
}

ul.f_menu li{
	border-left:1px solid #999999;
	margin:0 0 0 -1px;
	overflow:visible;
	float: left;
	list-style: none;
}

ul.f_menu li a{
	color:#666666;
	font-size:11px;
	padding:0 3px;
	margin:0 2px;
}

ul.f_menu li a:hover{
	color:#222222;
	text-decoration:underline;
}

.f_pay{
	float:left;
	background:transparent url('../img/footer_pay2.jpg') no-repeat scroll 0 0;
	width:368px;
	height:26px;
	margin:25px 0 0 0;
}


/* Systrick */
.clearfix{
clear: both;
}