/*
CSS for new style Heart Telecoms.
*/

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

body{
	margin: 0; 
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	font-weight: 100;
}

thead {
        background-color: #ffffff;
	color: #005297;
	text-align: left;
}
th {
	text-align: left;
}

img{
	border: none;
}

.container{
	width: 950px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 00px 0px;
	position: relative;
}

/*
a:link		{ color: #f48745; text-decoration: underline; }
a:visited	{ color: #005297; text-decoration: underline; }
a:hover		{ color: #444444; text-decoration: underline; }
a:active	{ color: #005297; text-decoration: underline; }
*/

.header{
	width: 950px;
	height: 65px;
	padding: 0;
	margin: 0;
	position: relative;
}

.logo{
	float: left;
	width: 375px;
}

.test_mode {
	height: 65px;
	padding: 0;
	margin: 0;
	position: relative;
	color: blue;
}

.main_left_sep {
	float: left;
	width: 10px;
	height: 400px;
	padding: 0;
	margin: 0;
	position: relative;
}

.order-now{
	float: right;
	width: 475px;
	text-align: right;
}

.navbar{
	width: 950px;
	padding: 0px 0px 9px 0px;
	margin: 0;
	position: relative;
}

.top-banner{
	width: 950px;
	padding: 0px 0px 6px 0px;
	margin: 0;
	position: relative;
}

#top-banner2{
	width: 680px;
	height: 88px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 0px;
	position: relative;
}

#top-banner3{
	width: 680px;
	min-height: 88px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	position: relative;
}

#top-banner3 h1{
	font-size: 23px;
	margin: 20px 0 5px 0px;
	padding: 0;
	line-height: 25px;
	background: none;
	color: #005297;
	border: none;
	font-weight: 400;
}

#top-banner2 h1{
	font-size: 23px;
	margin: 20px 0 5px 12px;
	padding: 0;
	line-height: 25px;
	background: none;
	color: #ffffff;
	border: none;
	font-weight: 400;
}

#top-banner3 h3{
	font-size: 14px;
	color: #ffc10e;
	margin: 0;
	font-weight: 900;
	padding: 5px 0px 0px 0px;
}

#top-banner2 h3{
	font-size: 14px;
	color: #ffc10e;
	margin: 0;
	font-weight: 400;
	padding: 3px 0px 0px 12px;
}

.left-text{
	background-image: url(/images/top_gray.jpg);
	background-repeat: no-repeat;
	height: 88px;
	width: 586px;
	float: left;
	padding: 0px 0px 0px 10px;
}

.left-text2{
	min-height: 88px;
	width: 540px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.right-image{
	min-height: 88px;
	width: 121px;
	float: right;
	text-align: right;
}

.right-image2{
	min-height: 88px;
	width: 168px;
	float: right;
	text-align: right;
}


.calls-long-box{
	background-image: url(/images/calls_long_banner-2.jpg);
	background-repeat: no-repeat;
	height: 336px;
	width: 680px;
	float: left;
	margin: 0px 0px 20px 0px;
	position: relative;
}

.calls-long-box-wrapper{
	padding: 78px 18px 0px 18px;
}


.isdn2-long-box{
	background-image: url(/images/isdn2-longbox.jpg);
	background-repeat: no-repeat;
	height: 336px;
	width: 680px;
	float: left;
	margin: 0px 0px 20px 0px;
	position: relative;
}

.isdn2-long-box-wrapper{
	padding: 78px 18px 0px 18px;
}
.isdn30-long-box{
	background-image: url(/images/isdn30-longbox.jpg);
	background-repeat: no-repeat;
	height: 336px;
	width: 680px;
	float: left;
	margin: 0px 0px 20px 0px;
	position: relative;
}

.isdn30-long-box-wrapper{
	padding: 78px 18px 0px 18px;
}
.business-long-box{
	background-image: url(/images/businessanalogue-longbox.jpg);
	background-repeat: no-repeat;
	height: 336px;
	width: 680px;
	float: left;
	margin: 0px 0px 20px 0px;
	position: relative;
}

.business-long-box-wrapper{
	padding: 78px 18px 0px 18px;
}

/*
.4-boxes{
	width: 950px;
	height: 390px;
	position: relative;
}
*/
.four-boxes{
	width: 950px;
	height: 390px;
	position: relative;
}

.central-boxes{
	width: 950px;
	position: relative;
}

.home-box-1{
	background-image: url(/images/landline.jpg);
	background-repeat: no-repeat;
	height: 390px;
	width: 230px;
	float: left;
	margin: 0px 10px 0px 0px;
	position: relative;
}

.home-box-2{
	background-image: url(/images/calls.jpg);
	background-repeat: no-repeat;
	height: 390px;
	width: 230px;
	float: left;
	margin: 0px 10px 0px 0px;
	position: relative;
}

.home-box-3{
	background-image: url(/images/broadband.jpg);
	background-repeat: no-repeat;
	height: 390px;
	width: 230px;
	float: left;
	margin: 0px 10px 0px 0px;
	position: relative;
}

.home-box-4{
	background-image: url(/images/numbers.jpg);
	background-repeat: no-repeat;
	height: 390px;
	width: 230px;
	float: left;
	position: relative;
}

.home-box-wrapper{
	padding: 150px 12px 15px 12px;
	position: absolute;
	width: 200px;
	top: 0;
	left: 0;
	text-align: left;
}


.home-box-more-info{
	position: absolute;
	top: 336px;
	left: 0;
	width: 230px;
	text-align: center;
}

/*
ul{
	padding: 0;
	text-align: left;
	list-style: none; 
	margin: 0px;
}
*/

li{
	background-repeat: no-repeat;
	padding: 4px 0px;
	padding-left: 15px;
}

.bullet-li{
	background-image: url(/images/dot.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px;
	padding-left: 15px;
}

.business-broadband{
	background-image: url(/images/broadband_products.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 680px;
	margin: 30px 0px 0px 0px;
	position: relative;
}

#broadband-products td{
	margin: 0px 0px 3px 0px;
	padding: 0px 9px 0px 6px;
	}

.business-options{
	background-image: url(/images/broadband_options.jpg);
	background-repeat: no-repeat;
	height: 174px;
	width: 680px;
	margin: 30px 0px 0px 0px;
	position: relative;
}

#broadband-options td{
	margin: 0px 0px 3px 0px;
	padding: 0px 9px 0px 6px;
	}

/*
.3-boxes{
	width: 950px;
	height: 113px;
	position: relative;
}
*/
.three-boxes{
	width: 950px;
	height: 113px;
	position: relative;
}

.home-box-5{
	background-image: url(/images/partners.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 309px;
	float: left;
	margin: 0px 12px 0px 0px;
	position: relative;
}

.home-box-6{
	background-image: url(/images/conferencing.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 308px;
	float: left;
	margin: 0px 12px 0px 0px;
	position: relative;
}

.home-box-7{
	background-image: url(/images/leased_lines.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 309px;
	float: left;
	margin: 0px;
	position: relative;
}

.home-box-small-wrapper{
	padding: 63px 0px 0px 18px;
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	text-align: left;
}


.home-box-small-more-info{
	position: absolute;
	top: 98px;
	left: 233px;
	text-align: center;
}

.landline-3-boxes{
	height: 421px;
	position: relative;
}

.landline-box-1{
	background-image: url(/images/pstn_analogue.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 237px;
	float: left;
	margin: 0px 4px 0px 0px;
	position: relative;
}

.landline-box-2{
	background-image: url(/images/isdn2.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 237px;
	float: left;
	margin: 0px 4px 0px 0px;
	position: relative;
}

.landline-box-3{
	background-image: url(/images/isdn30.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 237px;
	float: left;
	margin: 0px;
	position: relative;
}

.landline-box-wrapper{
	padding: 85px 8px 0px 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 221px;
	text-align: left;
}

.landline-box-more-info{
	position: absolute;
	top: 375px;
	left: 0;
	width: 237px;
	text-align: center;
}









.calls-3-boxes{
	height: 421px;
	position: relative;
}

.calls-box-1{
	background-image: url(/images/calls_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px 16px 0px 0px;
	position: relative;
}

.calls-box-2{
	background-image: url(/images/line_rental_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px;
	position: relative;
}


.numbers-box-1{
	background-image: url(/images/0844_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px 16px 0px 0px;
	position: relative;
}

.numbers-box-2{
	background-image: url(/images/0800_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px;
	position: relative;
}

.numbers-box-3{
	background-image: url(/images/0845_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px 16px 0px 0px;
	position: relative;
}

.numbers-box-4{
	background-image: url(/images/0871_background.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px;
	position: relative;
}

.login-box-1{
	background-image: url(/images/existing_customer.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px 16px 0px 0px;
	position: relative;
}

.login-box-2{
	background-image: url(/images/new_customer.jpg);
	background-repeat: no-repeat;
	height: 421px;
	width: 352px;
	float: left;
	margin: 0px;
	position: relative;
}

.calls-box-wrapper{
	padding: 85px 8px 0px 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 336px;
	text-align: left;
}

.calls-box-more-info{
	position: absolute;
	top: 365px;
	left: 0;
	width: 352px;
	text-align: center;
}

.calls-box-more-info-2{
	position: absolute;
	top: 271px;
	left: 358px;
	width: 352px;
	text-align: center;
}


.footer-banner{
	padding: 0px 0px 8px 0px;
}



.footer{
	width: 923px;
	background-image: url(/images/footer_background.jpg);
	background-repeat: repeat-x;
	padding: 16px 11px 16px 16px;
	position: relative;
	color: #FFFFFF;
}

#calls-table{
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 0;
	background: #EEE;
	border-collapse: collapse;
	border: 1px solid #DDD;
}

#calls-table th {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 2px 10px 2px 5px;		
	border-right: 1px dashed #FFF;
}

#calls-table td {
	font-size: 12px;
	margin: 0;
	padding: 2px 10px 2px 5px;	
	border-right: 1px dashed #CCC;	
	border-bottom: 1px solid #DDD;
}

.table-cln-1{
	width: 140px;
}

.table-cln-2{
	width: 180px;
}

.table-cln-3{
	width: 30px;
	border-left: 1px solid #ffffff;
}

.table-cln-4{
	width: 140px;
}

.table-cln-5{
	width: 180px;
	border-right: 1px solid #ffffff;
}

td{
	padding: 3px;
}


.input-box-message{
	width: 300px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	font-weight: 100;
}

.text-area-message{
	width: 370px;
	height: 200px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	font-weight: 100;
}


.footer-logo{
	margin: 0px 0px 10px 0px;
}

.footer-telephone{
	font-size: 20px;
	line-height: 36px;
	font-weight: 100;
	color: #4f4f4f;
}

.service-title{
	font-size: 19px;
	font-weight: 100;
	color: #ffffff;
}

a.service-title,
a.service-title:visited,
a.service-title:link{
	text-decoration: none;
	font-size: 19px;
	font-weight: 100;
	color: #ffffff;
}

a.service-title:hover{
	text-decoration: none;
	font-size: 19px;
	font-weight: 100;
	color: #474747;
}

a.service-sub-title,
a.service-sub-title:visited,
a.service-sub-title:link{
	text-decoration: none;
	font-size: 13px;
	font-weight: 100;
	color: #ffffff;
}

a.service-sub-title:hover{
	text-decoration: none;
	font-size: 13px;
	font-weight: 100;
	color: #474747;
}

.bottom-logo{
	float: right;
	top: 0;
}



.line-rental-picture{
	background-image: url(/images/i-business-calls.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}



#navColumn {
	float: left;
	width: 200px;
	padding: 0 0 0 0;
	margin: 0;
}

/*
#navColumn h2 {
	font-size: 150%;
	margin: 20px 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	color: #f48745;
	border: none;
	font-weight: 400;
}
*/
#navColumn h2 {
	font-size: 17px;
	margin: 5px 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	color: #f48745;
	border: none;
	font-weight: normal;
}

/*
#mainTopWrapper {
        padding: 10px 10px 0 10px;
        margin: 0;
}
*/
#mainTopWrapper {
        padding: 0;
        margin: 0;
}

/*
#mainTopWrapper .mainTopViewBasket {
        float: right;
        width: 120px;
        padding: 0 10px 0 0;
        margin: 0;
        text-align: right;
        background: url("../images/general/phone.gif") left no-repeat;
}
*/

#mainTopWrapper .mainTopViewBasket {
        float: right;
        width: 120px;
        padding: 0 0 0 0;
        margin: 0 0 -4px 0;
        text-align: right;
}

#mainTopWrapper .mainTopHeader {
        float: left;
        text-align: left;
        position: relative;
}


#mainWrapper {
        padding: 0 10px 0 0;
        margin: 0;
}

/*
#mainColumn {
	float: right;
	width: 680px;
	padding: 0;
	margin: 0px 0 10px 0;
	color: #444;
}
*/
#mainColumn {
	float: left;
	width: 680px;
	padding: 0;
	margin: 0px 0 10px 0;
	color: #444;
}

/*
#mainColumn h1 {
	font-size: 150%;
	color: #f48745;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0;
	font-weight: 400;
}
*/
#mainColumn h1 {
	font-size: 150%;
	color: #f48745;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	font-weight: 400;
}


#mainColumn h2 {
	font-size: 13px;
	color: #006EC1;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0;
}

#mainColumn h3 {
	font-size: 13px;
	color: #006EC1;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0;
}
/*---------------------------------------------------------------------------------
Side Navigation
---------------------------------------------------------------------------------*/
	
#navColumn ul {
	margin: 0 0 20px 0; 
	padding: 0;
	border-top: #e1e1e1 solid 1px;
}

#navColumn a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#navColumn li {
	margin: 0; 
	padding: 3px 10px 3px 0;
	list-style-type: none;
	background: none;
	border-bottom: 1px solid #e1e1e1;
}

#navColumn li a:link		{ color: #006EC1; text-decoration: none; }
#navColumn li a:visited		{ color: #006EC1; text-decoration: none; }
#navColumn li a:hover		{ color: #005297; text-decoration: none; }
#navColumn li a:active		{ color: #006EC1; text-decoration: none; }



form, fieldset{
	margin: 0;
	border: 0;
}

.error{
	font-family: Arial;
	font-size: 11px;
	color: #660000;
	font-weight: 100;
}

/*
.available-numbers-table {
	font-family: Arial;
	font-size: 12px;
	width: 100%;
	background: white;
        padding: 0;
	margin: 0;
	border-collapse: collapse;
        border: 1px solid #DDD;
}
*/
.available-numbers-table {
	font-family: Arial;
	font-size: 12px;
	width: 100%;
	background: white;
        padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.available-numbers-table-h3 {
	color: #f48745;
	font-weight: 100;
	text-decoration: none;
}

/*
#available-numbers-table td {
        font-size: 12px;
        margin: 0;
        border-right: 1px dashed #CCC;
        border-bottom: 1px solid #DDD;
	width: 25%;
}
*/
#available-numbers-table td {
        font-size: 12px;
        margin: 0;
	width: 25%;
}

.account-table {
	width: 100%;
	text-align: left;
}

.account-table th{
	margin: 0;
	padding: 0px;
	text-align: left;
}

.account-table td{
	text-align: left;
}

.feedback-table {
	width: 100%;
	border: 0;
	padding: 1px;
}

.feedback-table td{
	margin: 1px;
	vertical-align: top;
	border: none;
}

.feedback-table-td1 {
	margin: 1px;
	width: 450px;
	vertical-align: top;
}

.error {color:#FF0000; /* font-size:10pt; */ font-weight:bold; vertical-align: middle}

p.error {
  padding-left:32px;
  height: 32px;
  padding-top: 7px;
  background: url("/images/error.gif") no-repeat top left;
}

.introduced_customer_table {
	border: 0;
	width: 680px;
	text-align: center;
	padding: 0;	
}
.introduced_customer_services_table {
	border: 0;
	width: 430px;
}

.introduced_customer_services_type_td {
	text-align: left;
/*	padding 5px; */
	width: 100px;
}

.introduced_customer_services_approved_td {
	text-align: left;
	width: 75px;
}

.introduced_customer_services_pending_td {
	text-align: left;
	width: 80px;
}

.introduced_customer_services_new_td {
	text-align: right;
	width: 75px;
}

.introduced_customer_services_amend_td {
	text-align: right;
	width: 100px;
}

.partner_sales_table {
	border: 1px solid #ccc;
	width: 680px;
	padding: 3px 0px 3px 3px;
	background-color: white;
}

.partner_sales_table th{
	padding: 3px 0px 3px 3px;
}

.partner_sales_table td{
	padding: 3px 0px 3px 3px;
}

#staticMainColumn {
	float: right;
	width: 680px;
	padding: 0;
	margin: 0px 0 10px 0;
	color: #444;
}

#staticMainColumn h1 {
	font-size: 150%;
	color: #f48745;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	font-weight: 400;
}


#staticMainColumn h2 {
	font-size: 13px;
	color: #006EC1;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0;
}

#staticMainColumn h3 {
	font-size: 13px;
	color: #006EC1;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0;
}

.basket-table {
	width: 100%;
}

.basket-table th {
	border-bottom: thin solid #d1cedd;
}

.basket-table-bottom-cell {
	border-top: thin solid #d1cedd;
	border-bottom: thin solid #d1cedd;
}

/*
Enhanced theme stuff
*/
.draggable-icon-box .title {
	background: url("/e-h-theme/title_bar_bg.png") top right repeat; 
	color: #1F1F1F; 
	padding-left: 4px;
	border: none;
	width: 100%;
}
.draggable-icon-box .up-arrow,
.draggable-icon-box .down-arrow {
	width: 40px;
	height: 19px;
	background: url("/e-h-theme/up_down_box.png");
}