@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-size:14px; color:#6b6a6a; font-family: 'DroidSansRegular'; }
img{border:0px none;}
a{color:#70952e;}
strong{font-family: 'DroidSansBold'; font-weight:normal;}
h1{margin:0;padding:6px 0 5px 0;color:#2a436f; font-size:24px;  font-weight:normal; font-family: 'DroidSansBold';}

.wrap{width:1001px; margin-left:auto; margin-right:auto; position:relative; }
.back{
	float:right;
	position:relative;
	margin-top: 10px;
}


#topband{background:#fff; height:99px; border-top:19px solid #334c80;}
#topband .phone{float:right; text-align:right; color:#6ea4cb; font-size:14px; line-height:24px; padding-top:18px; display:block; overflow:hidden;}
#topband .phone strong{font-size:18px; color:#334c80; padding-right:10px; line-height:24px; margin-bottom:-2px; display:block; float:left;}
#topband .phone img{
	margin-left:20px;
	float:right;
}
#topband .logo{padding-top:23px;}

ul#menu{
	margin:0;
	padding:15px 0 0 0;
	float:right;
	text-align:right;
	list-style:none;
	clear:right;
}
ul#menu li{list-style:none; float:left;}
ul#menu li a{color:#5a5959; text-decoration:none; font-size:15px; margin-left:21px; }
ul#menu li a:hover{color:#70952e;}
ul#menu li a.active{color:#334c80;}

#imageband{height:342px; background:url(../images/home-bg.jpg) no-repeat top center; }
#imageband .wrap{ height:342px; position:relative;}
#imageband .sww{
	position:absolute;
	right:0px;
	top:45px;
	width: 99px;
}
#imageband .intro{
	margin-left:30px;
	padding-top:30px;
	width:450px;
	color:#242525;
	font-size:17px;
	line-height:20px;
	height:300px;
}
#imageband .intro h1{
	color:#29406e;
	font-size:27px;
	font-family: 'DroidSansBold';
	margin:0;
	padding:0 0 5px 0;
	line-height:31px;
	font-weight:normal;
}

#subimageband{height:129px; background:url(../images/sub-bg.jpg) no-repeat top center;}
#subimageband .wrap{height:92px; padding-top:37px; font-size:34px; color:#29406e; font-family: 'DroidSansBold';}
#subimageband .wrap .sub{font-size:27px;}
#subimageband .sww{position:absolute; right:0px; top:12px;}

#greenband{height:131px; background:url(../images/greenbg.gif) repeat-x top left; padding-top:17px;}
#greenband .which{position:absolute; left:230px; top:-38px; color:#477a9f; font-size:13px; font-family: 'DroidSansBold';}
#greenband .which a{color:#477a9f; text-decoration:none;}
#greenband .which a:hover{color:#334c80;}
#greenband .start{position:absolute; top:-91px; left:-40px;}
#greenband a.col{width:193px; float:left; border-right:1px solid #acc76b; background:url(../images/single-icn.png) no-repeat left 5px; padding: 14px 35px 0 63px; color:#fff; font-size:13px; text-decoration:none; display:block;}

#greenband .btn{display:block; margin-top:10px; color:#fff; font-size:14px; padding-left:28px; line-height:21px; background:url(../images/arr-start.png) no-repeat left; text-decoration:none; font-family: 'DroidSansBold';}
#greenband a.col:hover .btn{color:#29406e;}
#greenband h1{color:#fff; margin:0; padding:0 0 10px 0; font-family: 'DroidSansBold'; font-size:18px; font-weight:normal;}
#greenband h1 price{font-family: 'DroidSansRegular';}
#greenband .col.right{border-right:0px none; background:url(../images/mirror-icn.png) no-repeat left 5px; margin-left:25px; }


#baseband{border-top:10px solid #81ab35; background:url(../images/shade.png) repeat-x top left #233c69; clear:both;}
#baseband .strip{background:#415a8c; height:64px; margin:2px 0; color:#fff; font-size:18px; line-height:70px;}
#baseband .seo{float:right; position:relative; text-align:right; padding-top:12px;}
#baseband .seo img{margin-left:15px;}
#baseband .info{border-bottom:1px dotted #415a8c; overflow:hidden; padding:29px 0 40px 0;}
#baseband .copy{border-top:1px dotted #415a8c; color:#6a7b9a; font-size:12px; padding-top:14px; height:45px; line-height:15px;}
#baseband .copy a{color:#6a7b9a; text-decoration:none;}
#baseband .copy a:hover{color:#fff;}
#baseband .callback{float:right; width:285px; color:#fff; border-left:1px dotted #556584; padding: 7px 0 7px 60px;}
#baseband .callback h2{color:#fff; margin:0; padding:0; font-size:18px; font-family: 'DroidSansBold'; font-weight:normal;}
#baseband .callback span{clear:right; padding:6px 0 8px 0; line-height:20px; display:block; font-size:11px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
#baseband .callback input{color:#333; font-size:12px; height:16px; width:251px; border:1px solid #9ca1ab; margin-top:6px;}
#baseband .callback select{margin-left:5px; color:#333; font-size:12px; height:21px;}
#baseband h2{color:#fff; margin:0; padding:0; font-size:18px; font-family: 'DroidSansBold'; font-weight:normal;}
#baseband .credits{width:589px; background:#fff; border:3px solid #415a8c; padding:8px; -moz-border-radius: 5px; /* Firefox */  
  -webkit-border-radius: 5px; /* Safari, Chrome */  
  border-radius: 5px; /* CSS3 */ height:70px; margin-top:9px; position:relative;}
#baseband .credits img{float:left; }
#baseband .credits a.btn{background:url(../images/btn.png); display:block; width:172px; height:33px; text-align:center; color:#fff; font-size:16px; font-family: 'DroidSansBold'; text-decoration:none; line-height:33px; margin-top:15px; position:absolute; right:20px; bottom:-20px;}



#home{padding:5px 0 40px 0; line-height:19px;}
#home .rightcol{float:right; position:relative; width:369px; padding-top:25px;}
#home .rightcol .steps{border:1px solid #ddebf2; padding:23px 20px; margin-top:28px;}
#home .rightcol .steps ul{margin:0; padding:15px 0 0 0;}
#home .rightcol .steps li{
	list-style:none;
	display:block;
	padding-left:12px;
	background:url(../images/star.png) no-repeat left 3px;
	color:#555454;
	padding-bottom: 3px;
	font-size:13px;
}
#home .rightcol .quote{font-family:Arial, Helvetica, sans-serif; border:6px solid #daebec; padding:15px 25px 0px 25px; color:#233c69; font-style:italic; line-height:18px; font-size:12px; -moz-border-radius: 10px; /* Firefox */  
  -webkit-border-radius: 10px; /* Safari, Chrome */  
  border-radius: 10px; /* CSS3 */  
  -moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
margin-top:-164px;
background:#fff;
position:relative;}
#home .rightcol .quote strong{color:#7ba83a; font-style:normal; font-family: 'DroidSansBold'; font-weight:normal; display:block; padding-top:10px;}
#home .rightcol .quote a{color:#477a9f; font-style:normal; text-decoration:none; font-size:13px; line-height:36px;}
#home .rightcol .quote a:hover{text-decoration:underline;}
#home .rightcol .quote .flick{position:absolute; bottom:-48px; right:35px;}

#home .rightcol .steps h2{ color:#233c69; margin:0; padding:0 0 11px 0; font-weight:normal; font-size:21px; line-height:24px;}
#home .content{margin-right:430px;}

.content a.btn, .rightcol a.btn{background:url(../images/btn.png); display:block; width:172px; height:33px; text-align:center; color:#fff; font-size:16px; font-family: 'DroidSansBold'; text-decoration:none; line-height:33px; margin-top:15px;}



#sub{padding:5px 0 40px 0; line-height:19px;}
#sub .rightcol{width:288px; float:right; position:relative; padding-bottom:10px;}
#sub .content{
	margin-right:350px;
}
#sub .rightcol .quote{font-family:Arial, Helvetica, sans-serif; border:6px solid #daebec; padding:15px 20px 0px 20px; color:#233c69; font-style:italic; line-height:18px; font-size:12px; -moz-border-radius: 10px; /* Firefox */  
  -webkit-border-radius: 10px; /* Safari, Chrome */  
  border-radius: 10px; /* CSS3 */  
  -moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
margin-top:15px;
background:#fff;
position:relative;}
#sub .rightcol .quote strong{color:#7ba83a; font-style:normal; font-family: 'DroidSansBold'; font-weight:normal; display:block; padding-top:10px;}
#sub .rightcol .quote a{color:#477a9f; font-style:normal; text-decoration:none; font-size:13px; line-height:36px;}
#sub .rightcol .quote a:hover{text-decoration:underline;}
#sub .rightcol .quote .flick{position:absolute; bottom:-48px; right:35px;}
#sub .rightcol .steps{border:1px solid #ddebf2; padding:12px 10px; margin-top:28px;}
#sub .rightcol .steps h2{ color:#233c69; margin:0; padding:0 0 11px 0; font-weight:normal; font-size:21px; line-height:24px;}

#sub .rightcol .start{position:relative; padding-top:40px;}
#sub .rightcol .start a.panel{background:url(../images/panelbg.gif); border:1px solid #84ad48; margin-top:10px; padding: 20px 0 0 14px; height:114px; line-height:15px; display:block; text-decoration:none;}
#sub .rightcol .start a.panel .info{background:url(../images/single-icn.png) no-repeat left top;  color:#fff; font-size:13px; padding:8px 0 0 60px;}
#sub .rightcol .start a.panel .info h1{color:#fff; margin:0; padding:0 0 10px 0; font-family: 'DroidSansBold'; font-size:18px; font-weight:normal;}
#sub .rightcol .start a.panel .info h1 price{font-family: 'DroidSansRegular';}
#sub .rightcol .start a.panel .info .btn{display:block; margin-top:10px; color:#fff; font-size:14px; padding:0 0 0 28px; text-align:left; line-height:21px; height:21px; background:url(../images/arr-start.png) no-repeat left; text-decoration:none; font-family: 'DroidSansBold';}
#sub .rightcol .start a.panel:hover .btn{color:#2a436f;}
#sub .rightcol .start a.panel .info.mirror{background:url(../images/mirror-icn.png) no-repeat left top;}
#sub .rightcol .start .which{font-size:18px; color:#477a9f; font-family: 'DroidSansBold'; padding-top:13px;}
#sub .rightcol .start .which a{color:#233c69; text-decoration:none;}
#sub .rightcol .start .which a:hover{color:#84ad48;}
#sub .rightcol .start .label{position:absolute; top:-26px; left:-54px;}
#sub .rightcol .contents{
	position:relative;
	border:1px solid #dceaf2;
	padding:15px;
	margin:10px 0 20px 0;
	background:url(../images/stepsbg.gif) repeat-x bottom left;

}
.feedbackform{width:225px;}
#sub .rightcol .contents h2{
	margin:0;
	font-size:18px;
	color:#2a436f;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
	font-weight:normal;
	font-family: 'DroidSansBold';
}
#sub .rightcol .contents .button{
	margin-top:12px;
	margin-bottom: 5px;
}


#treeview{font-size:12px; color:#233c69; line-height:30px;}
#treeview a{color:#7ba73a; text-decoration:none;}
#treeview a:hover{text-decoration:underline;}




/* =================================== ACCOUNT PAGES============================= */

#account{
	margin-right:320px;
	position:relative;
	padding-bottom:30px;
}
#account .row{
	position:relative;
	overflow:hidden;
	margin-top: 20px;
	font-size:12px;
}
#account .box{
	padding:10px 15px 0 18px;
	float:left;
	background:url(../images/accountbg.gif) repeat-x bottom left;
	position:relative;
	height:185px;
	width:187px;
	border:1px solid #e1e6e9;
	margin-right:7px;
	
}
#account .box.last{margin-right:0px;}
#account .row h1{font-size:20px; line-height:24px;}
#account .box .button{position:absolute; bottom:20px; left:20px;}
.feedbackform{width:225px;}

#account .greenbox{
	width:402px;
	float:left;
	background:url(../images/greenbox.gif) repeat-x bottom left;
	position:relative;
	height:185px;
	padding:10px 18px 0 15px;
	border:1px solid #d7e8af;
	margin-right:15px;
}
#account .icon{float:right; position:relative; margin-left:50px; margin-bottom:20px;}
#account .greenbox .button{position:absolute; bottom:20px; left:20px;}


#account .table{
	margin-top:10px;
	margin-bottom:15px;
	position:relative;
}
#account .tabhead{
	color:#95b83f;
	font-size:14px;
	padding:5px 0 5px 10px;
	font-weight:normal; font-family: 'DroidSansBold';
	width:670px;
	overflow:hidden;
}
#account .tabrow{
	color:#253c6b;
	font-size:14px;
	padding:5px 0 5px 10px;
	width:670px;
	overflow:hidden;
}
#account .tabrow.grey{
	background:#f2f9fe;
	padding:5px 0 5px 10px;
	width:670px;
	overflow: hidden;
}
#account .cell01{width:490px; float:left; position:relative;}
#account .cell01 a{
	color:#2a436f;
	text-decoration: none;
}
#account .cell02{width:110px; float:right; position:relative; text-align:center;}
#account .cell02 img{margin-top:5px;}
#account .cell03{width:105px; float:left; position:relative;}
#account .cell05{width:80px; float:right; position:relative; text-align:center;}
#account h2{
	color:#298cb6;
	font-size:24px;
	font-weight:normal;
	margin:0;
}
#account .cell04{
	width:450px;
	float:left;
	position:relative;
	font-size:14px;
	color:#666;
	padding:6px 0;
}
#account .buttons{ position:relative; padding-top:5px; color:#253c6b;}
#account .mainbutton{float:right; margin-right:10px; margin-top:0px;}
#account .tick{
	position:absolute;
	top:-8px;
	right:35px;
}
#account .tickrow{
	color:#253c6b;
	font-size:16px;
	height:25px;
	width:683px;
	padding-left:10px;
	position: relative;
	padding-top: 5px;
}
#account .tickrow.grey{
	background:#f2f9fe;
	height:25px;
	width:683px;
	position: relative;
	padding-top: 5px;
}
.redborder {
	border-bottom: 2px solid red;
}

a.wills{color:#298cb6; font-size:15px; text-decoration:none; display:block; background:url(../images/acc_dot.gif) no-repeat left 5px; padding:0 0 4px 13px;}
a.wills:hover{color:#2a436f;}

#account .suppbox{
	padding:0 250px 0 20px;
	background:url(../images/accountbg.gif) repeat-x bottom left;
	position:relative;
	height:90px;
	border:1px solid #e1e6e9;
}
#account .suppbox .button{position:absolute; bottom:20px; right:35px;}
.willicon{float:right; position:relative; margin-left:20px; margin-bottom:5px;}

#invoices{margin-right:330px;position:relative; padding-bottom:30px;}
#invoices .form, #cartscreen .form{
	background:#fff;
	font-size: 13px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border:solid 1px #dbe9f2
}
#invoices .tabrow, #cartscreen .tabrow{
	background:#fff;
	padding:6px 0 6px 5px;
	display:block;
	overflow:hidden;
	position:relative;
}
#invoices .tabrowshade, #cartscreen .tabrowshade{
	background:#eff6f8;
	padding:5px 0 3px 5px;
	display:block;
	overflow:hidden;
	position:relative;
}
#invoices .cell01, #cartscreen .cell01{
	width:90px;
	float:left;
	position:relative;
	font-size: 13px;
}
#invoices .cell02, #cartscreen .cell02{
	width:200px;
	float:left;
	position:relative;
	color: #298cb6;
	font-size: 13px;
}
#invoices .cell03, #cartscreen .cell03{
	width:80px;
	float:left;
	position:relative;
	text-align:center;
}
#invoices .cellright, #cartscreen .cellright{
	width:70px;
	float:right;
	position:relative;
	text-align:right;
	padding-right: 10px;
}


/*  ===============================   FORMS  ================================== */

.address{border-top:1px solid #dbe9f2; margin-top:18px; padding-top:18px; color:#477a9f; font-size:13px; line-height:16px;}
.address .phone{float:right; text-align:reight; color:#6ea4cb; font-size:14px; line-height:24px; text-align:right;}
.address .phone strong{font-size:18px; color:#334c80;}
.address .phone a{font-size:18px; text-decoration:none;}

.formarea .form2{
	background:#fff;
	padding:15px;
	border:1px solid #d9e8f1;
	margin-bottom:12px;
	color:#1f7fa6;
	overflow:hidden;
	width:600px;
	font-size:14px;
}
.formarea .form2 .formtext{
	color:#334672;
	float:left;
	text-align:right;
	position:relative;
	width: 210px;
	padding-right:20px;
}
.formarea .form2 .formtextsmall{
	color:#334672;
	float:left;
	text-align:right;
	position:relative;
	width: 160px;
	padding-right:20px;
}
.formarea .form2 .formtext strong{color:#8eb33b;}
.formarea .form2 .formintro{
	color:#334672;
	display:block;
	float:left;
	width: 400px
}
.formarea .form2 .row{
	width:605px;
	overflow:hidden;
	padding-bottom:8px;
	position: relative;
}
.formarea .form2 .subrow{
	width:390px;
	overflow:hidden;
	padding-bottom:12px;
	position: relative;
	padding-left:230px;
}
.formarea .form2 .subrow a{
	color:#ccc;
	font-size: 14px;
}
.formarea .form2 .same{float:right; position:relative;}
.formarea .form2 .detailtext {color:#1f7fa6; float:left; position:relative; width:90px; font-size:12px;}
.formarea .loginfields{
	width:260px;
	float: left;
	position: relative;
	margin-right:10px;
}

.formarea {background-color: #f4fafd;margin: 15px 0 10px 0;padding: 10px; border:solid 1px #dbe9f2;}
#form .form{
	background:#fff;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 10px 15px 15px 15px;
	border:solid 1px #dbe9f2;
}
#form .plan{color:#96b83f; font-size:24px; font-weight:normal; font-family: 'DroidSansBold';}
#form  h2{
	color:#2a436f;
	margin:0;
	padding:0 0 10px 0;
	font-size:20px;
	font-weight:normal;
	font-family: 'DroidSansBold';
}
#form .formtext {
	color:#334672;
	float:left;
	text-align:right;
	position:relative;
	width: 200px;
	padding-right:30px;
	font-size:13px;
}
#form .formtext strong{color:#8eb33b;font-weight:normal;
	font-family: 'DroidSansBold';}
#form .formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	width: 260px;
	margin-bottom: 8px;
}
#form select.formsfixed {width:265px;}
#form .formsmulti {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #666666;width: 260px;margin-bottom: 9px;}
#form .formicon {margin-bottom: -10px;margin-left: 7px;}
#form .multiicon {margin-bottom: 3px;margin-left: 7px;}


.form .tabhead{
background:#253c6b;
	padding:3px 0 3px 5px;
	color:#fff;
	display:block;
	overflow:hidden;
	font-weight:normal; font-family: 'DroidSansBold';
	position:relative;

}
.form .totals{padding-right:10px;}
.totals{
	display:block;
	overflow:hidden;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
}
#summary .totals{padding-right:10px;}
.complete{float:right; margin-right:20px;}
.celltotal{
	width:160px;
	float:right;
	position:relative;
	color:#666;
	text-align:right;
	font-size:12px;
	padding-left: 12px;
}
.celltotal strong{
	color:#253c6b;
	font-size:18px;
}
.checkout_label strong{
	color:#334c80;
}

.confirmtags{
	float:left;
	position:relative;
	width:120px;
	clear:left;
	font-size: 12px;
}


#cartbutts{
	float:right;
	position:relative;
	padding-left: 50px;
}
#cartbutts img{margin-bottom:8px;}


/* ======================================================   Blog ======================================================  */

#blog{
	margin-right:350px;
	position:relative;
	padding-bottom:20px;
	padding-bottom:30px;
}
#blog .item {margin-top:10px;position:relative;padding-bottom: 10px;border-bottom: 1px solid #e9eaea;}
#blog .date {font-size: 17px;color: #6f9f2d;}
#blog .item a.title {font-size: 20px; line-height: 24px; color:#2a436f; text-decoration:none;display: block;padding-bottom: 8px;padding-top: 2px;  font-weight:normal; font-family: 'DroidSansBold';}
#blog .details {margin-top: 10px; padding-bottom: 10px; color:#2a436f;}
#blog .item a{color:#6f9f2d;text-decoration:none;}
#blog .item a:hover{text-decoration:underline;}
#blog .comments{margin-top:20px;position:relative;padding-bottom: 8px;}
#blog .comments .item{margin-top:8px;position:relative;padding-bottom: 8px;border-bottom-width: 1px solid #e9eaea;}

.rightcol ul{margin:0; padding:0; list-style:none;}
.rightcol li a{ font-size: 13px; color:#6f9f2d; text-decoration: none; display: block; width:175px; padding:3px 0 0 0; font-weight:normal; font-family: 'DroidSansBold';}
.rightcol li a:hover{
	color:#2a436f;
}
.rightcol ul ul li a{color:#474646; font-weight:normal; padding-left:10px;}
.rightcol ul ul li a:hover{color:#6f9f2d;}


/* ======================================================   Buttons ======================================================  */

a.mainbutton{background:url(../images/button.gif); width:158px; height:54px; text-align:center; color:#fff; font-size:17px; text-decoration:none; display:block; margin:15px 0 0 0; padding-top:8px; font-weight:normal; font-family: 'DroidSansBold';}
a.greybutton{
	background:url(../images/small_button.gif);
	width:130px;
	height:37px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:normal; font-family: 'DroidSansBold';
	margin:20px 0 0 0;
	padding-top:4px;
}

a.smallbutton{background:url(../images/smallbut_grey.gif); width:83px; height:17px; text-align:center; color:#fff; text-decoration:none; display:block;font-weight:normal; font-family: 'DroidSansBold'; margin:10px 0 0 0;}
a.smallbutton:hover{background:url(../images/smallbut_green.gif);}
a.smallbuttongreen{background:url(../images/smallbut_green.gif); width:83px; height:17px; font-size:14px; text-align:center; color:#fff; text-decoration:none; display:block;font-weight:normal; font-family: 'DroidSansBold'; margin:10px 0 0 0;}
a.smallbuttongreen:hover{background:url(../images/smallbut_grey.gif);}




/*  ===============================SHOPPING CART================================== */
#cartscreen{
	position:relative;
	margin-bottom:10px;
	width: 100%;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	overflow: hidden;
}
#cartscreen .buttons{padding:5px 0 5px 0; position:relative; height:30px;}
#cartscreen .buttons .mainbutton{float:right; position:relative;}

#cartscreen .steps{
	height:45px;
	position:relative;
	border:1px solid #dbe9f2;
	padding:6px 0 6px 15px;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
}
#cartscreen .stepicon{float:left; position:relative; margin:0 43px 0 0;}
#cartscreen .loader{text-align:center; padding-top:40px; padding-bottom:90px;}


.delivforms{width:160px; font-size:11px; color:#333;}
.voucher{float:left; position:relative;}
.voucher img{margin-bottom:-6px;}
.cartcosts{
	border-top:1px solid #d9ecf8;
	margin-top: 5px;
}
.cartback{
	position:relative;
	padding-bottom:10px;
	float: left;
	border: 1px solid #E1EFF4;
	width: 190px;
	height: 65px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.cartback a{line-height:20px;}

.cartopt{
	background:#e1eff4;
	height:65px;
	float: right;
	width: 620px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.cartopt h1{
	color:#333;
	font-size:18px;
	padding-right:20px;
	padding-bottom: 8px;
	font-weight:normal; font-family: 'DroidSansBold';
}
.cartopt img{
	float:left;
	margin-right:8px;
	margin-left: -5px;
}
.cartopt .debit{
	position:relative;
	margin-right: 0px;
	float: left;
}
.ortext{float:left; padding-right:10px; line-height:30px;}

.checkopt{
	width:459px;
	background-color: #f4fafd;
	border:solid 1px #dbe9f2;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.checkopt.space{
	margin-right:39px;
}
.checkopt ul{margin:0; padding:0;}
.checkopt li{
	display:block;
	padding-left:28px;
	background:url(../images/tick_check.gif) no-repeat left 4px;
	list-style:none;
	padding-top:8px;
	padding-bottom:8px;
}
.checkopt .smalltext{
	display:block;
	color:#2a436f;
	font-size:11px;
	padding-top: 3px;
}
.checkopt .mainbutton{margin-top:10px; float:none;}

.print{background:#fff;}
.print h2{color:#253c6b; font-size:26px; margin:0; padding:0;}


#cartleft{
	margin-left: 480px;
}
.formshalf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 125px;
	height: auto;
}
.formsdel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 150px;
	height: auto;
	margin-top:2px;
}
.formlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 265px;
	margin-bottom: 2px;
	height: auto;
}
.formssmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 100px;
	margin-bottom: 2px;
	height: auto;
}
#cartscreen .step{
	float:left;
	font-size:26px;
	line-height:40px;
	color:#ccc;
	padding-right: 130px;
}
#cartscreen .step.on{
	color:#298cb6;
}
#cartscreen .step.end{padding-right:0px;}
#cartscreen .step img{float:left; margin-right:10px;}
#cartscreen .formfloat{float:left; position:relative;}
#cartscreen .form a{
	color:#95b83f;
}
#cartscreen .form a:hover{color:#000;}
#cartscreen h3{color:#253c6b; font-size:21px; margin:0; padding:0;}
#cartscreen .form h3{color:#253c6b; font-size:20px; padding-bottom:10px;}
#cartscreen .formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 260px;
	margin-bottom: 2px;
	height: auto;
}
#cartscreen .formtext {
	color:#334672; float:left; text-align:right; position:relative;width: 140px; padding-right:20px; font-size:15px;}
	#cartscreen .table{
	margin:15px 0 20px 0;
}
#cartscreen .tabhead{
	background:#253c6b;
	padding:3px 0 3px 5px;
	color:#fff;
	display:block;
	overflow:hidden;
	font-weight:normal; font-family: 'DroidSansBold';
	position:relative;
}
#cartscreen .tabhead .cell02{color:#fff;}
#cartscreen .longbox{
	position:relative;
	padding:20px;
	border:1px solid #dceaf2;
	position:relative;
	padding:10px;
	border:1px solid #dceaf2;
	background: url(../images/featbg.gif) repeat-x left center;
	font-size:17px;
	font-weight:normal;
	font-family: 'DroidSansBold';
	color:#298cb6;
	text-align: center;
	margin-top: 10px;
}
#summary{
	width:460px;
	float:left;
}
#summary .tabhead{
	width:455px;

}
#summary .tabrow{
	width:455px;
	padding-top:8px;
	padding-bottom:8px;
}
#summary .tabrowshade{
	width:455px;
	padding-top:8px;
	padding-bottom:8px;
}
.previewbutt{
	float:right;
}
.cellcross{float:right; position:relative; text-align:center; width:55px;}



/* =================================== FAQs PAGE============================= */

#faqs{
	margin-right:350px;
	position:relative;
	padding-bottom:30px;
}
#faqs .row{
	margin-top:15px;
	margin-bottom: 20px;
	width: 95%;
	position: relative;
}
#faqs .row a {font-size: 20px;color: #a4b516;text-decoration:none;display: block;padding-top: 2px;}
#faqs .row a:hover{text-decoration:underline;}
#faqs .picleft{float:left;width:58px;position:relative;background: no-repeat top left;padding-left: 5px;}
#faqs .text{margin-left:80px;}
#faqs .introtext{font-size: 19px;color: #96b83f; display:block; padding-top:10px;}


/* =================================== MAIN FORMS============================= */

#floatbox {
		position:absolute;
		top:0px;
		right:0px;
		margin-left:235px;
		width:278px;
		line-height:21px;
        background-color:white;
        z-index:1;
		}

#formpage{position:relative;padding-top:15px;width:1002px;margin-left:auto;margin-right:auto;display:block;padding-bottom: 20px; min-height:500px;}
#formpage .rightcol{width:278px; float:right; position:relative; padding-bottom:35px;}
#formpage .content{
	margin-right:330px;
}
#formpage h1{
	margin:0;
	padding:6px 0 8px 0;
	color:#2a436f;
	font-size:24px;
	font-weight:normal;
	font-family: 'DroidSansBold';
}


#formpage .article{
	padding:44px 30px 24px 24px;
	margin:0;
	border:6px solid #daebec;
	position:relative;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}
#formpage .article .title{
	position:absolute;
	left:-30px;
	top:-13px;
}
#formpage .article h1{
	color:#253c6b;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin:0;
	padding-bottom:8px;
	font-weight:normal;
	font-family: 'DroidSansBold';
	
}
#formpage .article h2{
	margin:0;
	padding:0;
	color:#86af39;
	font-size:14px;
	font-weight:normal;
}

#formpage .info{
	float:right;
	position:relative;
	width: 21px;
	margin-right: 40px;
	cursor: pointer;
}

#formpage .form1{
	background:#fff;
	padding:15px;
	border:1px solid #d9e8f1;
	margin-bottom:12px;
	color:#1f7fa6;
	overflow:hidden;
	width:618px;
	font-size:13px;
}
#formpage .form1 .formtext{color:#334672;float:left;position:relative;width: 400px; padding-right:30px;}
#formpage .form1 .formintro{color:#334672; display:block; width: 620px}
#formpage .form1 .row{position:relative; width:100%; display:inline-block; overflow:hidden; padding-bottom:20px;}
#formpage h3{margin:0; padding:0; font-weight:normal;
	font-family: 'DroidSansBold'; color:#253c6b;}
#formpage ul{margin:0; padding:0; float:left; position:relative; width: 400px; color:#334672; padding-right:30px;}
#formpage li{display:block; list-style:none; padding-left:12px; background:url(../images/dot.gif) no-repeat left 7px; margin-bottom:3px;}
#formpage .radio{margin:0 0 -2px 45px;}
#formpage .multi{margin-top:86px;}
#formpage h2{color:#334672; margin:0; padding:0 0 15px 0; line-height:20px; font-weight:normal;
	font-family: 'DroidSansBold';}
#formpage h4{
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 6px 0;
}
#formpage .formblock{
	position:relative;
	padding-bottom:10px;
}

#formpage .form2{
	background:#fff;
	padding:20px;
	border:1px solid #d9e8f1;
	margin-bottom:12px;
	color:#1f7fa6;
	overflow:hidden;
	width:605px;
	font-size:13px;
}
#formpage .form2 .formtext{
	color:#334672;
	float:left;
	text-align:right;
	position:relative;
	width: 210px;
	padding-right:20px;
}
#formpage .form2 .formtextsmall{
	color:#334672;
	float:left;
	text-align:right;
	position:relative;
	width: 160px;
	padding-right:20px;
}
#formpage .form2 .formtext strong{color:#8eb33b;}
#formpage .form2 .formintro{
	color:#334672;
	display:block;
	float:left;
	width: 400px
}
#formpage .form2 .row{
	width:620px;
	overflow:hidden;
	padding-bottom:8px;
	position: relative;
}
#formpage .form2 .subrow{
	width:390px;
	overflow:hidden;
	padding-bottom:12px;
	position: relative;
	padding-left:230px;
}
#formpage .form2 .subrow a{
	color:#ccc;
	font-size: 14px;
}
#formpage .form2 .same{float:right; position:relative;}
#formpage .form2 .detailtext {color:#1f7fa6; float:left; position:relative; width:90px; font-size:12px;}
#formpage .formfields{
	width:260px;
	float: left;
	position: relative;
}
#formpage .loginfields{
	width:260px;
	float: left;
	position: relative;
	margin-right:10px;
}
#formpage .formfields.small{
	width:80px;
	margin-right: 5px;
}
#formpage .formfields.smaller{
	width:50px;
	margin-right: 5px;
}
#formpage .formfields.mid{width:170px;}
#formpage .textarea{
	width:490px;
	float: left;
	position: relative;
}
#formpage .checks{float:left; position:relative; width:110px; padding-bottom:5px;}
#formpage .checkgroup{
	float:left;
	position:relative;
	width:250px;
	padding-bottom:5px;
}
#formpage .addrow{position:relative; width:105px; text-align:right; float:right;}
#formpage .addrow a{color:#ccc;}

#formpage .addbutt{
	position:relative;
	margin-top:20px;
	text-align: center;
	margin-left: 10px;
	color: #CCCCCC;
}
#formpage .addbutt img{margin-top:6px;}


#steps{height:33px; position:relative; }
#steps ul{
	margin:0;
	padding:0;
	width:672px;
	list-style:none;
	background:url(../images/step.gif);
}
#steps li{
	display:block;
	background:none;
	height:24px;
	color:#fff;
	font-size:12px;
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:7px 5px 0 8px;
}
#steps li.on{
	background:url(../images/stepon.gif);
	font-size:13px;
	font-weight:normal;
	font-family: 'DroidSansBold';
	padding:7px 7px 0 7px;
	height:28px;
}
#steps li.first{padding:7px 8px 0 8px;}
#steps li.last{
	background:url(../images/stepon.gif);
	font-size:13px;
	float:right;
	font-weight:normal;
	font-family: 'DroidSansBold';
	padding:7px 8px 0 8px;
	height:28px;
}
#steps li a{color:#fff; text-decoration:none;}

#preview{background:url(../images/watermark.gif) top center; color:#000; font-size:13px; line-height:19px;}
.prevtitle{font-size:20px; color:#000; font-weight:bold; font-size:21px;}



/* =================================== PRICING PAGE============================= */

#pricing{margin-right:300px;position:relative; padding-bottom:30px;}
#pricing .row{
	position:relative;
	margin-bottom:30px;
	float: left;
	position: relative;
	padding-top:60px;
}
#pricing .row .label{position:absolute; top:-5px; left:-40px;}
#pricing a.box{float:left; position:relative; background:url(../images/pricebg.gif); border:1px solid #84ad48; margin-top:10px; padding: 18px 20px 0 18px; height:116px; line-height:17px; width:281px; display:block; text-decoration:none;}
#pricing a.box.space{margin-right:29px;}
#pricing a.box .info{background:url(../images/single-icn.png) no-repeat left top;  color:#fff; font-size:13px; padding:4px 0 0 60px;}
#pricing a.box .info .btn{display:block; margin-top:10px; color:#fff; font-size:14px; padding:0 0 0 28px; text-align:left; line-height:21px; height:21px; background:url(../images/arr-start.png) no-repeat left; text-decoration:none; font-family: 'DroidSansBold';}
#pricing a.box:hover .info .btn{color:#2a436f;}
#pricing a.box .info.mirror{background:url(../images/mirror-icn.png) no-repeat left top;}
#pricing a.box price{color:#fff;  font-size:19px; font-weight:normal; }
#pricing a.box h1{color:#fff;  font-size:19px; font-weight:normal; font-family: 'DroidSansBold';}
#pricing a.box img{margin-top:10px;}
#pricing .table{
	margin-top:10px;
	margin-bottom:25px;
	position:relative;
}
#pricing .tabhead{color:#95b83f; font-size:14px; padding:3px 0 3px 10px; font-weight:bold; width:683px; overflow:hidden;}
#pricing .tabrow{
	color:#253c6b;
	font-size:14px;
	padding:3px 0 3px 10px;
	width:683px;
	overflow:hidden;
}
#pricing .tabrow.grey{background:#f2f9fe; padding:3px 0 3px 10px; width:683px; overflow:hidden;}
#pricing .cell01{width:370px; float:left; position:relative;}
#pricing .cell02{width:110px; float:left; position:relative; text-align:center;}
#pricing .cell03{float:right; position:relative; width:40px; text-align:center;}
#pricing h2{color:#8bb13a; font-size:24px; font-weight:normal; margin:0;}


#pricing .longbox{
	position:relative;
	padding:20px;
	border:1px solid #dceaf2;
}
#pricing .longbox .price{
	float:right;
	position:relative;
	margin-top:-5px;
}
#pricing .longbox .tabrow{width:663px;}
#pricing .longbox .tabrow.grey{width:663px;}
#pricing .longbox .tabhead {width:663px;}



#quotes{
	
	margin-right:350px;
	position:relative;
	padding-bottom:30px;
}

#quotes .tabrow{
	font-family:Arial, Helvetica, sans-serif;
	color:#253c6b;
	font-size:13px;
	padding:20px;
	overflow:hidden;
	font-style:italic;
}
#quotes .tabrow.grey{
	background:#f2f9fe;
	
}
#quotes .tabrow strong{font-weight:normal; font-family: 'DroidSansBold'; font-size:15px; color:#7ba83a; display:block; padding-top:8px; font-style:normal;}



#articles{
	margin-right:350px;
	position:relative;
	padding-bottom:30px;
}
#articles .table{
	margin-top:10px;
	margin-bottom:15px;
	position:relative;
	font-size:13px;
}
#articles .tabrow{
	color:#253c6b;
	padding:7px 0 7px 10px;
	width:640px;
	overflow:hidden;
}
#articles .tabrow.grey{
	background:#f2f9fe;
	font-weight:normal; font-family: 'DroidSansBold';
	font-size:14px;
}
#articles .cell01{width:490px; float:left; position:relative;}
#articles .cell01 a{
	color:#2a436f;
	text-decoration: none;
}

#articles .cell03{width:320px; padding:2px 0;float:left; position:relative;}
#articles .cell03 a{
	color:#2a436f;
	text-decoration: none;
}
#articles .cell03 a:hover{color:#7ba83a;}

.blueheadings{color:#29406e; font-size:24px;}
.subheadings{
	color:#7ba73a;
	font-size:20px;
}
.boldblue{font-weight:normal; font-family: 'DroidSansBold'; color:#233c69;}
.largeblue{font-size:17px; color:#29406e;}





.prod-popup {
    z-index:2000;
    position: relative;
    background: #fff;
    width: 223px;
    max-height: 280px;
    padding: 15px;
    border: 5px solid #daebec;
    -moz-box-shadow:    1px 0px 5px 1px #333;
    -webkit-box-shadow: 1px 0px 5px 1px #333;
    box-shadow:         1px 0px 5px 1px #333;
	-moz-border-radius: 5px; /* Firefox */  
  -webkit-border-radius: 5px; /* Safari, Chrome */  
  border-radius: 5px;
    font-size:12px;
    line-height:15px;
}

.prod-popup strong{color:#29406e;}

#close-prod-popup {
    position: relative;    
    margin: 0;
    padding: 5px;
    text-align: right;
    top: 45px;
    left: 22px;
}
h3{color:#7ba73a;}
.payment{float:right; margin-top:14px;}

/*iwc test fix*/

.slicknav_menu{display:none !important;}

@media only screen and (max-width:1001px) {
    #topband, #imageband, #greenband, #home, #baseband, #formpage, .wrap{
		max-width:100% !important;
	}
	.logo{
		max-width: 149px;
		position: absolute;
		padding-top: 0 !important;
		margin-top: 0px !important;
		top: -42px !important;
		margin-left: 10px;
	}
	#topband .phone{
		float:none;
		text-align:left;
		padding:10px;
	}
	#topband{
		height:auto;
		border-top:none;
	}
	.slicknav_menu{
		background: #e8e8e8 !important;
	}
	.slicknav_nav a{
		color:#000 !important;
	}
	.slicknav_nav{
		margin-bottom:45px !important;
	}
	.content{
		margin-right:0px !important;
		padding:10px;
	}
	.wrap{
		margin-right:0px;
		margin-left:0px;
	}
	#greenband .start{
		left:-19px;
	}
	#home .rightcol, #sub .rightcol{
		float:none !important;
		width:100%;
	}
	.quote{
		margin-top:0px !important;
	}
	#greenband a.col, #greenband .col.right{
		width:32%;
		padding:14px 10px 0 36px;
		background-size: 30px;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		position:relative !important;
		top:auto !important;
		right:auto !important;
	}
	.intro{
		width:80% !important;
	}
	.bx-wrapper{
		width:100% !important;
	}
	#formpage .form1{
		width:95% !important;
		padding:5px !important;
	}
	#formpage .radio{
		margin:auto !important;
	}
	#formpage .form1 .formintro, #formpage ul{
		width:100% !important;
	}
	#floatbox{
		position:relative !important;
		right: auto !important;
		margin: 0px !important;
		top: auto !important;
		display:none;
	}
	#formpage .form2{
		width:85%;
	}
	#formpage .form2 .row{
		width:100%;
	}
	#formpage .form2 .formtext, .formfields{
		float:none !important;
		display: block;
		text-align: left;
	}
	#steps{
		height:auto !important;
	}
	#formpage ul{
		float:none !important;
	}
	#steps li.on, #steps li{
		float:none !important;
	}
	#formpage .form2 .subrow{
		padding-left:0px !important;
	}
	#formpage .textarea{
		width:95% !important;
	}
	#account{
		margin-right:auto !important;
		padding:10px !important;
	}
	.table{
		overflow:auto;
		width:100%;
	}
	#pricing, #articles{
		margin-right:0px !important;
		padding:10px !important;
	}
	#baseband .callback{
		float:none;
		width:auto;
	}
	.credits{
		display:none;
	}
	#mega-menu-1, .strip{display:none !important;}
	.slicknav_menu{display:block !important;}
	#baseband .copy{
		padding:10px;
	}
	#baseband h2, .bxslider p, .which{
		display:none;
	}
	#baseband .callback h2{
		display:block;
	}
	#subimageband .wrap{
		padding:24px 10px;
	}
	#subimageband{
		overflow:hidden;
	}
	#sub .rightcol .start .label{
		left:0px;
	}
}

/* NEW CART BUTTONS */


.tabrow.line{border-bottom:1px solid #d9ecf8}
#mainpage .longbox{font-size:16px;}
#cartscreen{padding-top:40px;}
.table h4{color:#253c6b; font-size:18px; margin:25px 0 15px;}
#cartscreen .cell02{font-size:13px; width:240px;}
#cartscreen .tabrowshade, #cartscreen .tabrow{padding: 12px 0 12px 8px;}
#cartscreen .cellong{width:570px; float:left; font-size:13px;}
#cartscreen .cellcross{width:100px;}
#cartscreen .add{cursor:pointer; background:url(../images/add-tick.png) no-repeat 85% center #95b83f; color:#fff; font-weight:bold; text-decoration:none; font-size:12px; line-height:15px; padding:2px 10px 4px; border-radius:10px; width:45px; text-align:left; display:inline-block;}
#cartscreen .add:before{content:"Add";}
#cartscreen .add.active{background:#b6dfeb;}
#cartscreen .add.active:before{content:"Remove";}
#cartscreen .add:hover{background-color:#298cb6;}
.celltotal{ padding-right:13px; font-size:13px;padding-left:0;}
.totals{padding-top:20px;}
.celltotal input{width:120px;}
.celltotal a {
    display: inline-block;
    padding: 2px 5px;
    background: #253c6b;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
#cartscreen .table{overflow:hidden;}
@media(max-width:1010px){#cartscreen .cellong{width:calc(100% - 190px);} #cartscreen{padding:30px 10px; box-sizing:border-box;}}
@media(max-width:650px){.celltotal{width:120px; padding-right:5px;}.totals{padding-right:0;}}

#formpage .form2 .row.iwc{ padding:0 0 30px 40px;}

@media(max-width:1010px){#formpage .formfields{display:inline-block;}#formpage .info{float:none; display:inline-block; margin-left:5px; margin-right:0;}#formpage .formfields{width:85%;}#formpage .form2 .formtext{width:80%;}#formpage .form2 .row.iwc{ padding:0 0 30px 0;}}

.prevtitle{font-size:28px;  text-align:center; padding-top:10px;  color: #253c6b; font-weight:bold;}
#preview .table{padding:5px 0 10px; width:750px; }
#preview .tabhead{padding:5px 8px; margin-bottom:5px; font-weight:normal; letter-spacing:0.04em; color:#fff;  background: #253c6b; }
#preview .tabrow{padding:12px 8px; }

#preview h4{position: relative;
    padding: 10px;
    border: 1px solid #dceaf2;
    background: url(../images/featbg.gif) repeat-x left center;
    font-size: 19px;
    font-weight: bold;
    color: #298cb6;
    text-align: center;
    margin: 10px 0;}
#preview .table .tabrow:nth-child(odd){background: rgba(187,218,227,0.3);}
#cartbutts .previewbutt{float:none; margin-right:12px;}
#fancybox-overlay{background-color:rgba(0,0,0,0.5)!important;}

@media(max-width:767px){
#preview .table{width:95%;}	
}