/*--- Configure default CSS ---- */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
table {/* NOTE: must use 'cellspacing="0"' in HTML */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
a img {
	border: 0;
}
a:hover {
	cursor: pointer;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* --- Page Structure --- */

body {
	padding: 0;
	background: #efefef;
}
#page {
	margin: 0 auto;
	background: #efefef;
}

/* --- Typography --- */
h1, h2, h3, p, ul, li, body{
	font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; 
}
h1,h2{ 
	font-size: 15px; 
	letter-spacing: -0.5px;
	padding: 0.2em 0 0.1em 0.25em;
	font-weight: bold; 
	color: #000;
}
h2 { 
	color: #444;
}
h3 {  
	font-size: .9em; 
	font-weight: bold;
}
body { 
	line-height: 1.5em; 
	font-size: 0.9em; 
	color: #333; 
	background-size: cover; 
}
p {
	margin: .5em;
	line-height:1.5em; 
	font-size: 0.9em;
}
ul, ol {
	margin: 0.5em 0 0 1.5em;
}
ul {
	list-style: square;
	color:  #333;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
em {
	font-weight: bold;
	color:  #ff2222;
}
/* --- Forms --- */
input[type=text],
input[type=password],
textarea {
	background: #FFF;
	color: #666;
	border: none;
}
input[type=text]:focus,
textarea:focus {
	color: #666;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/* --- Anchor Text and Hyperlinks --- */
a {
	color: #0088cc  /*3B8DBD*/;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	cursor: pointer;
}

/* --- Header --- */

#branding {
	border-top: 3px solid #40c030;;
	background: #49cf36;  
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 3px;
}
#head-top {
	margin: 0 5%;
	width: 90%;
	position: relative;
}
#ie7 #head-top {
	padding-left: 5%;
	width: 85%;
}
.logo {
	overflow: hidden;
	display: block;
}
span#main-logo img {
	width: 160px;
	height: auto;
	display: block;
	margin: 4px 0 0 -22px;
	padding-bottom: 2px;
}
#mini-nav {
	position: absolute;
	top: 4px;
	right: 0px;
}	
#mini-search {
	position: absolute;
	top: 4px;
	right: 44px;
}	

#mini-feedback {
	position: absolute;
	top: 4px;
	right: 88px;
}
#mini-feedback a,

#mini-nav a,
#mini-search a {
	font-size: 14px;
	width: 18px;
	height: 28px;
	padding: 8px 10px 2px 10px;
	float: left;
	text-align: center;
	line-height: 22px;
	border-radius: 2px;
	color: #fff;
	background: #40c030; /* #41c730; */
	text-decoration: none !important;
}


#uvTab {
	display: none;
	}

#mini-feedback a.active,

#mini-nav a.active,
#mini-search a.active{
	padding-bottom: 6px;
}
#main-nav.inactive {
	display: none;
}
#main-nav.active {
	display: block;
	background: #40c030;;
	border-radius:4px;
	padding: 0 0 0 0;
}
#main-nav.active ul {
	list-style: none;
	margin: 0;
	padding: 2px 0 0 0;
}
#main-nav.active ul li {
	border-bottom: 1px solid #3a3;
}
#main-nav.active ul li a {
	color: #fff;
	padding: 6px 0 6px 20px;
	display: block;
	font-size: 13px;
	font-weight: bold !important;
}
#main-nav.active ul li a:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background: #0da401;
	font-weight: bold !important;
}

/* --- Google Custom Search --- */

#search-container.active {
	padding: 10px 2px 10px 15px;
	background: #40c030;;
	border-radius: 4px;
}
#search-container.inactive {
	display: none;
}
#search-container.active {
	display: block;
}
#branding #search-container.active input:-moz-placeholder {
    text-indent:4%;     
}

/* --- Main Content Area --- */
#main{
	background: #fff;
	max-width: 1000px;
	min-width: 320px;
	margin: 0 auto;
	padding: 1px 0 10px 0;
}
.head1 {
	display: block;
	border-top: 2px solid #67d136;
	height: 0.1em;
}
.hcenter {
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.main_row {
	display:table;
	width: 100%;
}
.main_col1  {
	padding: 0px 1px 0 1px;
}
.main_col2 {
	padding: 0px 5px 0 5px;
	margin-left:auto;
	margin-right:auto;
}
.rel_item {
	line-height: 105%;
	margin: 0 auto;
	padding: .3em 0 .3em 0;
	text-align: left;
}
#calc{
	width: 308px;
	display: block;
	margin: 6px auto 0px auto;
	overflow: hidden;
	border-style: solid;
	border-width: 8px 6px 0px 6px;
	border-color: #efefef;
}
#calc1 th{
	font-size: 12px;
	line-height: 1.0em;
	text-align: center;
	padding-top: 7px;
	color: #777;
	border: none;
	}
#calc th.sorting_disabled{
	padding-left: 3px;
}
#calc th.curr{
	text-align: right;
	padding: 0 12px 0 0;
}
#calc th.left{
	text-align: left;
	padding-left: 0;
}
#calc1 td{
	font-size:11px;
	line-height: 1.1em;
	vertical-align: middle;
	padding: 1px 3px 0 0;
	background: #fff;
}
#calc1 td.center{
	padding: 1px 1px 1px 1px;
}	
#calc1 td.sum{
	font-size:12px;
	font-weight: bold
}
#calc1 td.curr{
	font-size:12px;
	text-align: right;
	color: #000;
	}

/* --- Homewyse Input Elements --- */	

p.label1{
	position: absolute;
	top: -5px;
	left: 0px;
	font-weight: bold;
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	text-shadow: none;
}
.cl1{
	line-height:1.0em;
	margin: 0 0 2px 5px;
	font-weight: bold;
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	text-shadow:none;
	}
#grid1{
	position: absolute;
 	border-collapse: collapse;
	width: 230px;
	top: 1px;
	left: 60px;
}
#dd{
	font-size: 10px;
}
#a1,#a2,#a3,#a4,#a5,#a6,#b1,#b2,#b3,#b4,#b5,#b6,#c1,#c2,#c3,#c4,#c5,#c6 {
	color:#ff6510;
	font-weight: bold;
	font-size: 11px;
}
td.ng{
	font-size: 12px;
	font-weight: bold;
	width: 4.2em;
	text-align: center;
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cdcdcd;
}
td.qrh{
	padding-right: .5em;
	text-align: right;
	font-size: 9px;
	color: #666;
	text-shadow: none;
	width: 80px;
}
td.qch{
	font-size: 9px;
	line-height: 1.2em;
	text-align: center;
	height: 9px;
	color: #666;
	text-shadow: none;
	padding-top: 5px;
}
.c320x10{
	background: #efefef;
	border:none;
	width:320px;
	height:10px;
	position: relative;
}
.c320x34{
	padding: 3px 0px 3px 0px;
	background: #efefef;
	border:none;
	width:320px;
	height:34px;
	position: relative;
}
.c320x44{
	padding: 3px 0px 3px 0px;
	background: #efefef;
	border:none;
	width:320px;
	height:45px;
	position: relative;  
}
.c320x68{
	padding: 3px 0px 3px 0px;
	background: #efefef;
	border: none;
	width:320px;
	height:82px;
	position: relative;
}

#calc_slot{
	margin: auto;
}

#postcode5{
	width: 5em;
	color: #ff6510;  /*#ff8800;*/ 
	font-weight: bold; 
	font-size: 14px;
	border-radius: 3px;
	padding: .2em .2em 0 .2em;
	margin-left: 10px;
	margin-top: 15px;
	display: inline-block;
	text-align: center;
	float: left;
	height: 25px;
}
#ub1{
	margin-left: 5em;
	padding: 8px 0 0 160px;
	line-height: 0.8em;
}
#cx1{
	width: 90px;
 }
#cx2{
	width: 140px;
 }
#cx3{
	margin-top: 5px;
 } 
#slider-1, #slider-2, #slider-3, #slider-4{
	display:none;
}
#sl-1,#sl-2,#sl-3,#sl-4{
	color: #ff6510;  /*#ff8800;*/ 	
}
ul.refbox {
	list-style-type: none;
	padding: 0 30px 0 0;
	margin: 10px 0 0 2px;
	}
li.refbox {
	background-image: url("../ref1/ref_box.gif");
	background-repeat: no-repeat;
	background-position: .2em .2em;
	padding: 0 0 8px 23px;
	line-height: 1.4em;
	font-size: 12px;
	}

/* --- Footer --- */

#foot1{
	background: #49cf36;
	display: block;
	border-bottom: 3px solid #40c030;;
	max-width: 1000px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#foot1 .nav {
	float: left;
	list-style: none;
	margin: 20px 0 0 0;
	width: 100%;
}
#foot1 .nav li {
	float: left;
	margin: 0 15px 10px 0;
}
#foot1 .nav li a{
	color: #fff;
	font-size: .9em;
	text-decoration: none;
	font-weight: normal;
	text-shadow: none;
}
#foot1 .nav li a:hover {
	color:  #222;
	text-shadow: none;
	text-decoration: none;
	font-weight: normal;
}
#foot1 .nav li span {
	color: #005500;
	font-size: .8em;
	margin: 0 0px 10px 0;
	text-shadow: none;
	text-decoration: none;
	font-weight: normal;
}
#calc_slot.p {
	position: relative;
	top: -5em;
	font-size: 0.9em;
	
}
p.ctext1{
	color:  #ff2222;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}
p.ctext2{
	color: #999999;
	font-size: 0.7em;
	font-weight: bold;
	margin-top: 0.8em;
}
#ad-banner1{
	height: 100px;
}
div.addthis_toolbox{
	height: 32px;
}

#button1 {
border-radius: 4px;
background-color: #ffffff;
padding: 3px 8px 5px 8px;
color: #666666;
font-weight: bold;
font-size: 11px;
font-family: Open Sans, Helvetica, Arial, sans-serif;
}
#button1:hover {
background-color: #efefef;
}
#ad-slot2{
		display: none;
}
#ad-slot1 {
	height: 286px;
}
#ad-slot2{
	height: 256px;
}
/* --- Responsive Width Specifications --- */

@media all and (min-width: 370px){
	#calc{
		width: 344px;
	}
	.c320x10, .c320x34, .c320x44, .c320x68{
	/*	width:356px;  */
		padding-left: 18px;
		padding-right: 20px;
	}
	p.label1{
		left: 18px;
	}
	#ad-slot1 {
	margin-top:30px;
	height:316px;
	}
	#ad-slot2 {
	height:286px;
	}
}

@media all and (min-width: 720px){  /* 700  */
	.main_col1{
		max-width: 680px;
		display: table-cell;
		vertical-align: top;
	}
	.main_col2 {
		display: table-cell;
		width: 340px;
	}
	.main_colA{
		display: table-cell;
		width: 50%;
		vertical-align: top;	
		padding:0 1em 0 1em;
	}
	#uvTab{
		display: initial;
	}
	#ad-slot2{
		display: block;
	}
	#calc_slot {
	display: none;
}	


}

@media only screen and (min-width: 730px) { /* 730 */

#ad-banner1{
	height: 96px;
}
.logo {
	position: absolute;
	top: 5px;
	left: 0;
	height: 85px;
	overflow: visible;
}
span#main-logo img {
	width: 250px;
	height: auto;
	margin-left: -40px;
}
#mini-nav {
	display: none;
}
#mini-search {
	display: none;
}
#mini-feedback {
	display: none;
}

#search-container.inactive {
	display: block;
}
#main-nav.inactive {
	display: block;
}
#main-nav {
	padding: 0;
	overflow: hidden;
	margin: 0 0 -10px 0;
	height: 36px;
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
}
#main-nav ul {
	list-style: none;
	margin: -5px 0 0 0;
	padding: 0;
}
#main-nav ul li {
	width: 16.0%; /* 19.5%;*/
	float: left;
	text-align: center;
	line-height: .9em;
	font-weight: bold;
	border-left: 2px solid #49cf36;
	background: #49c036;  /* #49d72d; */
	padding-left: 0;
}
#main-nav ul li a {
	display: block;
	color: #fff;
	line-height: 14px;
	font-size: 14px;
	padding: 14px 0 10px 0;
	text-shadow: none;
}
#main-nav ul li a:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background: #0da401;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
}
#branding {
	height: 120px;
}
#head-top {
	height: 100%;
	max-width: 1000px;
}
#search-container {
	position: absolute;
	top: 30px;
	right: 5px;
	width: 46%;
	max-width:300px;
}
#foot1 .nav {
	float: right;
	width: auto;
	padding-right: 5%;
}
#foot1 .nav li {
	margin: 0 0 10px 30px;
}
}
/* --- Overrides --- */
.ui-btn {
	margin: 2px 20px 0px 4px;
	border-radius: 3px;
	line-height: 10px;
}

div.ui-slider-mini {
    height: 2px;
    margin: 0 10px 0 10px;
    top: 0px;
	width: 280px;
}
html {
	overflow-y:scroll;
}
a.ui-link, a.ui-link:hover{
	text-decoration: none;
	font-weight: normal !important; 
	text-shadow: none;
}
a.ui-link:hover{
	text-decoration: underline;
}
div.list1 a{
	font-size: 12px;
}
div.addthis_toolbox {
	width: 260px;
	margin: 10px auto;
}
#popts-button .ui-btn-text {
	font-size: 12px;
	font-weight: bold;	
	color: #ff6510;
}
.ui-select{
	margin: 4px 0px 0 7px;
}
.ui-btn-inner {
	font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#555555;
}
#ad-slot1{
	margin-top:30px;
	}
	
#hire1{
	float: left;
	width: 80px;
    margin: 5px 15px 0px 6px;
}
	
/* external css sheets below */ 
	
/*  Table  */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
table.dataTable td {
	padding: 3px 10px;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}
/*  Table wrapper  */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
/* font awesome */

@font-face{font-family:'FontAwesome';src:url('fa/font/fontawesome-webfont.eot');src:url('fa/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fa/font/fontawesome-webfont.woff') format('woff'),url('fa/font/fontawesome-webfont.ttf') format('truetype'),url('fa/font/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"],a [class^="icon-"]:before,a [class*=" icon-"]:before{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.2857142857142858em;text-align:center}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.5714285714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:.7142857142857143em;display:inline-block;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.icon-search:before{content:"\f002"}.icon-comments-alt:before{content:"\f0e6"}.icon-reorder:before{content:"\f0c9"}

/* Open sans font */

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}