﻿/* products section */
h2.products{border-bottom: none;margin: 0 0 10px 0;	padding: 0;	text-align: center;	background: url(../../images/products_header_bg.jpg) repeat-y;	background-position: center;}
#telecoms, #broadband, #mobile, #website, #nts, #vault, #enquiry{float: left; cursor: pointer; height: 11em;width: 19.6em;margin-right: 3px; border: 1px solid #fff; border-bottom: 1px solid #ccc;margin-bottom: 10px; overflow: visible;}
#telecoms, #nts { width: 17em; }
#website, #enquiry { width: 20.6em; }
#enquiry, #website{	margin-right: 0;}
#telecoms h3, #broadband h3, #mobile h3, #website h3, #nts h3, #vault h3, #products h3, #enquiry h3{color: #3f5f85;}
#telecoms h3, #broadband h3, #mobile h3, #website h3, #nts h3, #vault h3, #enquiry h3{text-align: center;margin-left: 16px;padding-left: 0;font-size: 0.85em;}
#telecoms img, #broadband img, #mobile img, #website img, #nts img, #vault img, #enquiry img{margin-left: 4px; float: left; padding-right: 20px;}
#telecoms ul, #broadband ul, #mobile ul, #website ul, #nts ul, #vault ul, #enquiry ul{}
#telecoms li, #broadband li, #mobile li, #website li, #nts li, #vault li, #enquiry li{list-style-type: disc; font-size: 0.7em;}

/* =linechecker */
fieldset.linechecker{width: 420px; padding-left: 30px;}
fieldset.linechecker legend{margin-bottom: 10px;}

/* =Products */
#products{}
#products h3 a:link, #products h3 a:visited{color: #3f5f85;text-decoration: none;}
#products h3 a:hover, #products h3 a:active{color: #3f5f85;text-decoration: underline;}
#telecomsBox, #broadbandBox, #websiteBox, #ntsBox, #vaultBox, #enquiryBox, #mobilesBox {width: 298px; height: 180px; border: solid 1px white;}
#telecomsBox:hover { background: #ebf3ff; border: solid 1px #60a2fe; cursor: pointer; }
#broadbandBox:hover { background: #fff4df; border: solid 1px #febd44; cursor: pointer;   }
#mobilesBox:hover { background: #e6ffe6; border: solid 1px #69aa69; cursor: pointer;  }
#websiteBox:hover { background: #e6ffe6; border: solid 1px #69aa69; cursor: pointer;   }
#ntsBox:hover { background: #fef3f3; border: solid 1px #cb5c5c; cursor: pointer;   }
#vaultBox:hover { background: #f8f3ff; border: solid 1px #8e60cc; cursor: pointer;   }
#enquiryBox:hover { background: #fbf9dd; border: solid 1px #e2d543; cursor: pointer;   }
.left{float: left;}
.right{margin-left: 280px;}
#products h3{margin: 10px 0 0 0;padding-left: 10px;	font-size: 1.5em;}
#products .imgButton{float: left;padding: 3px 0 0 10px; border: solid 1px black;}
.mainImg{float: right;margin: 30px 0 0 0; }
/*#products p{font-size: 0.8em;width: 180px;padding-left: 10px;margin-left: 70px;height: 80px;}*/
#products p{width: 180px;padding-left: 10px;margin-left: 70px;height: 80px;}
#products ul{font-size: 0.9em;}
#products ul.list{font-size: 0.9em;	float: right; padding-top: 20px; padding-right: 10px;}
#products ul.list li{display: inline;padding-right: 7px;}

/* =website layouts */
.option{border: 1px solid #eee;	height: 260px;width: 600px;	margin: 10px 0px;}
.option .column1{float: left;width: 290px;border-right: 1px solid #eee;}
.option .column2{float: right;width: 290px;}
.option h4{padding: 5px 0px 10px 10px;}
.option img{margin: 0px 0px 0px 10px;border: 1px solid #000;}
.option p.layout_text{padding: 130px 10px 0px 0px;}
iframe{margin-top: 20px;padding: 0;}

h4{font-weight: bold;}
.checkerresults{width: 450px;}

.checkerdetails{font-size: 0.8em;}
.success{padding-left: 20px; background: url(images/apply.gif) no-repeat 3px 0px; font-weight: bold;}

fieldset.callback input, fieldset.callback select, fieldset.callback textarea {margin: 0px 0px 10px 5px;}

#linechecker{width: 144px; height: 12em; float: right; background: #fff; border: 3px solid #f60; text-align: center;}

#linechecker h4{background: #FFFFB4; margin: 0; padding: 3px 0 3px 2px; }

#linechecker label {padding-left: 2px; font-size: 0.8em; font-weight: bold; color: #333; margin-bottom: 0; padding-bottom: 0;}

#linechecker input{margin: 0px; padding: 0px; width: 130px;}