body {
	background:#fff url(/images/ui/background.png) repeat-x;
	padding:0;
	margin:0;
	color:#373434;
}
.container {
	margin:0 auto;
	padding:0;
}
.popup-container {
	padding:0 2em;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	margin:0 auto;
	text-align:center;
}
.clear {
	clear:both;
}
.showitem {
	display:block;
}
.hideitem {
	display:none;
}
a {
	color:#0093d0;
	text-decoration:none;
	outline:0;
}
a:hover {
	color:#004e60;
	text-decoration:underline;
}

h1 {
	color:#0093d0;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:100;
	letter-spacing:-0.02em;
}
h1 .sub{
	color:#565a5d;
}
h2 {
	color:#85bc3c;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:100;
}
h2 strong {
	font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
}
h3 {
	color:#313335;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4 {
	color:#004e60;
}
h4 strong.big {
	font-size:110%;
}
p img {
	margin:0;
}
p.left img {
	margin:0 1em 0 0;
	padding:0;
}
p.right img {
	margin:0 0 0 1em;
	padding:0;
}
p.icon {
	margin-left:80px;
}
.screenshot {
	border:1px solid #373434;
}
hr {
	background:#b3cdd9;
	color:#b3cdd9;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	margin:0 0 1.4em 0;
	border:none;
}
ol.steps {
	list-style:none;
	padding:0;
	margin:0 0 0.5em 0;
}
ol.steps li {
	font-size:120%;
	padding:0 0 1em 30px;
}
ol.steps .step1 {
	background:url(/images/ui/step1-02.gif) no-repeat;
	background-position:0 0;
}
ol.steps .step2 {
	background:url(/images/ui/step2-02.gif) no-repeat;
	background-position:0 0;
}
ol.steps .step3 {
	background:url(/images/ui/step3-02.gif) no-repeat;
	background-position:0 0;
}
.plan-box {
	border:1px solid #b3cdd9;
	padding:5px;
	margin:0 10px 1.5em 0;
	float:left;
	width:150px;
}
.plan-box.last {
	margin-right:0;
}
.plan-detail {
	padding:0.5em 1.5em 1.5em 1.5em; 
	margin:0 0 0.5em 0; 
	background: #E5ECF9;
	text-align:center;
}
.plan-select {
	text-align:center;	
}
.span-4 img {
	text-align:center;
}
.plan-detail h2 {
	margin:0;
	color:#fff;
	font-size:3em;
}
.plan-detail#plan1 {
	color:#fff;
	background:#f02547;
}
.plan-detail p {
	margin:0;
}
.details {
	padding:1em 1.5em 0.5em 1.5em;
	clear:both;
	margin:0 0 1.5em 0;
	background:#f0f7e8;
	border:1px solid #c8e3a4;
}
.details.bonus {
	padding:1em 1.5em;
}
.details.bonus h2 {
	display:inline;
	vertical-align:middle;
}
.details.bonus p {
	display:inline;
	vertical-align:middle;
	padding:0 0 0 6px;
}
.selector {
	margin:0 0 1.5em 0;
}
.selector .item {
	float:left;
	text-align:center;	
	padding:1.5em 0;
	width:25%;
}
p.item {
	float:left;
	text-align:center;	
	padding:1.5em 0;
	margin:0 5em 0 0;
}
.header {
	margin:0;
	padding:0;
	line-height:0;
}
#introduction {
	background:url(/images/content/hero-n81.jpg) no-repeat;
	background-position:right top;
	clear:both;
	height:480px;
}
#splash {
	padding:5em 30px 0 30px;
}
#key-features {
	padding:0 30px;
	margin:1.5em 0 3em 0; 
	
}
.wrapper #key-features {
	padding:0;
}
#key-features ul {
	list-style:none;
	margin:0 0 3em 0;
	padding:0;
}
#key-features ul li {
	background:url(/images/ui/tick-01.gif) no-repeat;
	background-position:0 50%;
	font-size:1.3333em;
	margin:0;
	padding:0.386em 0 0.386em 30px;
}
#steps div {
	margin:1em 0 1em 15px;
	background:#f0f7e8;
	border:1px solid #c8e3a4;
	width:293px;
	float:left;
}
#steps h2 {
	margin:0 30px;
}
#steps p {
	font-size:1.3333em;
	margin:0 15px;
	padding:1.2em 0 1.2em 42px;
}
#steps .step1 p {
	background:url(/images/ui/step1-01.gif) no-repeat;
	background-position:0 50%;
}
#steps .step2 p {
	background:url(/images/ui/step2-01.gif) no-repeat;
	background-position:0 50%;
}
#steps .step3 p {
	background:url(/images/ui/step3-01.gif) no-repeat;
	background-position:0 50%;
}
.wrapper {
	clear:both;
	background:#fff;
	padding:2em 30px 1em 30px;
	margin:3em 0 0 0;
}
.content {
	float:left;
	margin-right:30px;
	width:570px;
}
.sidebar {
	width:290px;
	float:left;
	margin:0 0 1.5em 0;
}
#preview-selector {
	margin:0 0 3em 0;
}
#preview-selector .thumbs a {
	margin:0 0 0 10px;
	line-height:0;
	font-size:0;
}
.popup-container {
	background:#fff;
	padding:1em;
	margin:0;
}
#setup-diagram {
	width:560px;
	height:510px;
	overflow:hidden;
	position:relative;
	margin:0 0 2em 0;
}
#setup-diagram #slider {
	width:425px;
	margin:0 auto;	
	overflow:hidden;
	float:left;
}
#setup-diagram #diagram-content {
	width:3600px;
}
#setup-diagram .button {
	width:40px;
	margin:0 10px;
	float:left;
	top:160px;
	position:relative;
}
#setup-diagram .diagram {
	width:425px;
	float:left;
	margin:0 20px 0 0;
}
#setup-diagram .exp {
	background:url(/images/ui/exp-bg.gif) no-repeat;
	margin:0.5em 0 0 0;
	height:150px;
}
/*
#setup-diagram #step1 {
	left:0px;
}
#setup-diagram #step2 {
	left:425px;
}
#setup-diagram #step3 {
	left:850px;
}
#setup-diagram #step4 {
	left:1275px;
}
#setup-diagram #step5 {
	left:1700px;
}
#setup-diagram #step6 {
	left:2125px;
}
#setup-diagram #step7 {
	left:2550px;
}
#setup-diagram #step7 {
	left:2550px;
}
#setup-diagram #step8 {
	left:2975px;
}*/

#setup-diagram .diagram h4 {
	margin:0 0 0.25em 0;
	padding:1em 15px 0.5em 15px;
}
#setup-diagram .diagram p {
	padding:0 15px;
}
/* --------------------------------------------------------------

	Navigation

-------------------------------------------------------------- */

#navigation {
	margin:0;
	position:relative;
	top:42px;
	left:40px;
	height:34px;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	height:100%;
}
#navigation ul li {
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	float:left;
	width:134px;
}
#navigation ul li a {
	display:block;
	margin:0 10px;
	padding:0 0 6px 0;
	color:#565a5d;
	text-decoration:none;
	font-size:1.1667em;
	line-height:28px;
	height:28px;
}
#navigation ul li a:hover {
	color:#0093d0;
}
#navigation a.active {
	background:url(/images/ui/nav-current.gif) no-repeat;
}
#nav-learn,
#nav-plans,
#nav-register,
#nav-support {
	background:url(/images/ui/nav-divider.png) no-repeat;
	background-position:right top;
}

/* --------------------------------------------------------------

	Footer

-------------------------------------------------------------- */
#footer {
	clear:both;
	border-top:1px solid #b3cdd9;
	padding:1em 15px;
	margin:3em 0 0 0;
	font-size:0.9167em;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	padding:0 20px 0 0;
}
#copyright {
	float:right;
}

/* --------------------------------------------------------------

	My Account

-------------------------------------------------------------- */
#account-wrapper {
	clear:both;
	background:#fff;
	padding:0;
	margin:3em 0 0 0;
}
#account-header {
	background:#004e60;
	height:3em;
}
#account-header h3 {
	margin:0;
	padding:0;
	display:block;
	width:100%;
}
#account-header h3 a {
	display:block;
	line-height:36px;
	color:#fff;
	text-decoration:none;
	background:url(/images/ui/icon-account-home.gif) no-repeat;
	background-position:15px 9px;
	padding:0 15px 0 40px;
	width:175px;
}
#account-header h3 a:hover {
	background:#0093d0 url(/images/ui/icon-account-home.gif) no-repeat;
	background-position:15px 9px;
}
#account-header span {
	padding:0 10px 0 0;
}
#account-header p {
	color:#fff;
	text-align:right;
	line-height:3em;
	padding:0 15px 0 0;
	margin:0;
}
#account-header p a {
	color:#85d0ef;
}
#account-header p a:hover {
	color:#00bfe6;
}
#account-navigation {
	background:#fff;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}
#account-navigation div.section {
	height:2.5em;
	line-height:2.5em;
	background:#f6f7f7;
	padding:0 15px;
}
#account-navigation div.section p {
	font-size:1.1667em;
	margin:0;
}
#account-navigation div#details {
	background:#f6f7f7 url(/images/ui/icon-heading-details.gif) no-repeat;
	background-position:15px 7px;
	padding:0 15px 0 40px;
}
#account-navigation div#history {
	background:#f6f7f7 url(/images/ui/icon-heading-history.gif) no-repeat;
	background-position:15px 7px;
	padding:0 15px 0 40px;
}
#account-navigation div#service {
	background:#f6f7f7 url(/images/ui/icon-heading-service.gif) no-repeat;
	background-position:15px 7px;
	padding:0 15px 0 40px;
}
#account-navigation div#handset {
	background:#f6f7f7 url(/images/ui/icon-heading-handset.gif) no-repeat;
	background-position:15px 7px;
	padding:0 15px 0 40px;
}
#account-navigation ul {
	border-top:1px solid #e6e6e6;
	margin:0;
	padding:0;
	list-style:none;
}
#account-navigation li {
	border-bottom:1px solid #e6e6e6;
	display:block;
	width:100%;
}
#account-navigation li a {
	display:block;
	text-decoration:none;
	padding:0.5em 15px;
	width:198px;
}
#account-navigation li.active a {
	background:#f0f7e8;
}

#account-navigation li a:hover {
	color:#fff;
	background:#0093d0;
}
#account-content {
	margin:2em 0;
	padding:0 30px 0 20px;
	/*padding:1.25em 15px 0 5px;*/
}

/* --------------------------------------------------------------

	Forms

-------------------------------------------------------------- */
.user-input {
	padding:2em 30px 0 30px;
	clear:both;
	/*margin:0 -25px 1.5em -25px;*/
	margin:0 0 1.5em 0;
	border:1px solid #b3cdd9;
	background:#f6fcff;
}
.widetextarea {
	width:500px;
}
.form-field {
	margin:0 0 0.5em 0;
	clear:both;
}
.form-button {
	margin:0 0 2em 0;
	clear:both;
	padding:0;
}
.date-selector {
	display:inline;
	margin:0 5px 0 0;
}
.drop-selection label {
	margin:0 10px 0 0;
	vertical-align:middle;
}
.drop-selection select {
	margin:0 5px 0 0;
	vertical-align:middle;
}
.drop-selection .form-button {
	display:inline;
	clear:none;
	padding:0;
}
.drop-selection .form-button input {
	margin:0 5px 0 0;
	vertical-align:middle;
}
.drop-selection{
	background:#f6fcff;
	padding:1.5em 15px;
	border:1px solid #b3cdd9;
	margin:0 0 1.5em 0;
}
form div.price {
	float:right;
}	
input.checkbox {
	float:left;
	display:block;
}
img.verification {
	border:1px solid #bbb;
	display:block;
	margin:0 0 1em 0;
}
input.cvn:focus,
input.postcode:focus {
	border:1px solid #666;
}
input.cvn, input.postcode, input.amount {
	margin:0.5em 0;
	border:1px solid #bbb;
	width:70px;
	padding:5px;
}
p.checkbox, label.checkbox {
	margin:1px 0 0 6px;
	vertical-align:top;
	text-align:left;
	float:left;
}
input.radio {
	vertical-align:top;
	margin-top:2px;
}
fieldset {
	border:none;
	padding:0 0 1em 0;
	margin:0 0 1.5em 0;
	border-bottom:1px solid #b3cdd9;
	overflow:auto;
}
textarea {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0 0 1.5em 0;
	font-size:100%;
}	
.req {
	color:#f02547;
	padding:0 0.25em;
}
.error, .notice, .success {
	padding:0.8em 1em 0 1em;
	margin-bottom:1em;
	border:1px solid #ddd;
}
p.success, p.notice, p.success {
	padding:0.8em 1em;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#f1f8e8;
	color:#264409;
	border-color:#c9e4a4;
}
.error a {
	color:#0093d0;
}
.notice a {
	color:#514721;
}
.success a {
	color:#264409;
}
p.success, p.notice, p.error {
	padding:0.8em 1em;
}
.user-input .error {
	background:none;
	border:none;
	padding:0;
}
.user-input .error input,
.user-input .error select,
.user-input .error textarea {
	background:#FBE3E4;
}
.creditcard-removing {
	color:#f00;
	background-color: #fff;
}

/* --------------------------------------------------------------

	Misc

-------------------------------------------------------------- */

table {
	font-size:1em;
}
table th, table td{
	padding:0 10px;
	text-align:left;
}
table th{
	background:#565a5d;
	height:2em;
	color:#fff;
}
table th a {
	color:#fff;
	text-decoration:none;
}
table td{
	height:2em;
}
table.data th {
	background:#004e60;
	color:#fff;
	padding:0.5em 20px;
}
table.data td {
	padding:0.5em 20px;
	border-bottom:1px solid #e6e6e6;
}
table.data .even td {
	background:#f6f7f7;
}
.listtable{
	font-size:1em;
}
.listtable-big td{
	padding:12px 16px;
}
.listtable-big img{
	vertical-align:middle;
	margin:0 10px 0 0;
}
.listtable p{
	margin:0;
	padding:0;
}
.list-moreinfo{
	float:right;
}
.list-moreinfo img{
	margin:0;
}
.listtable th, .listtable td{
	padding:0 10px;
	text-align:left;
}
.listtable th{
	background:#565a5d;
	height:2em;
	color:#fff;
}
.listtable th a {
	color:#fff;
	text-decoration:none;
}
.listtable td{
	height:2em;
	border-bottom:1px solid #e6e6e6;
}
.listtable-even{
	background:#fff;
}
.listtable-odd{
	background:#f6f7f7;
}
.listtable-oddover, .listtable-evenover{
	background:#f6fcff;
}
.listtable-pagination{
	text-align:right;
	margin:5px 0 0 0;
	position:relative;
}
.listtable-pagination div{
	display:inline;
	margin:0 0 0 2px;
}
.listtable-paginationhighlight{
	background:#f6fcff;
	border:1px solid #b3cdd9;
	font-weight:bold;
	padding:3px 8px;
}
.listtable-paginationlink a{
	background:#fff;
	border:1px solid #ddd;
	padding:3px 8px;
	text-decoration:none;
}
.listtable-paginationlink a:hover{
	background:#0093d0;
	border:1px solid #0093d0;
	color:#fff;
}
#sitemap ul li {
	padding:1em 0 0 0;
}