BODY {background: #DFEDF2 url("../images/bg/body-bg.gif") repeat left top;}

/*Page*/
#page {
    width: 977px;
    background: transparent url(/images/containerbg.gif) repeat-y scroll 0 0;
    /*background: url("../images/bg/page-bg.png") repeat-y top left;*/
}

/*Header*/
.header, .content, .footer {
    width: 961px;
    margin-left: 6px;
    display: inline;
    margin-right:0;
} 

/* Main Navigation */
.header .main-nav {
	float: left;
	width: 100%;
	background: #E5E5E5 url("../images/bg/main-nav-bg.jpg") repeat-x top left;	
}
.header .main-nav UL {}
.header .main-nav UL LI {
	list-style: none;
	float: left;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	background: url("../images/bg/main-nav-selector.jpg") no-repeat top right;
}
.header .main-nav UL LI.white {background: none;}
.header .main-nav UL LI A {
	padding: 8px 28px;
	float: left;
}
.header .main-nav UL LI.green A {color: #79AE2D;}
.header .main-nav UL LI.violet A {color: #9476CB;}
.header .main-nav UL LI.blue A {color: #48B6DE;}
.header .main-nav UL LI.pink A {color: #F16694;}
.header .main-nav UL LI.orange A {color: #F7AB32;}
.header .main-nav UL LI.white A {color: #FFF;}

/* Logo */
.header .logo {
	float: left;
	height: 70px;
	margin: 10px 0 0 15px;
	display: inline;
}

/* Banner margin: 8px 15px 0 0;*/
.header .banner {
	display: inline;
	float: right;
	line-height:130%;
	margin: 2px -5px 0 0;
	text-align: right;
	background-image:url(/images/Header/hotline_bg.jpg); 
	background-repeat:no-repeat; 
	padding-right:30px; 
	width:325px; 
	height:80px
}
.header .banner p {
	font-size: 80%;	
	padding-right:70px;
	padding-top:3px;

}
.header .banner h2 {
	color: #6d45b5;
	font-size: 118%;
	padding-right:70px;
	padding-top:2px
	
	
}
.header .banner .Timings
{
	padding-right:70px;
	padding-bottom:10px;

}

/*Content*/
.content {background: #fff url("../images/bg/content-bg.jpg") repeat-x top left;}
.content A {
	color: #0000FF;
	text-decoration: underline;
}
.content A:HOVER {text-decoration: none;}
.content P {font-size: 12px;}
.content h2{
	font-size: 22px;
	margin-bottom: 15px;
}

/* Content Container */
.content .content-container {
	margin: 15px 15px 0 15px;
	padding-bottom: 15px;
	width: 931px;
	float: left;
	display: inline;
}

/* Service Title */
.service-title {
	float: left;
	width: 100%;
	margin-top: 9px;
	height: 110px;
	position: relative;
}
.service-title.aol {
	background: #fff url("../../../main-site/public/images/bg/service-title-bg-aol.jpg") repeat-x top left;
	border-width: 2px 0;
	border-style: solid;
	border-color: #CECECE; 
	margin:0;
}
.service-title.vigin-media {background: #F6CECE url("../../../main-site/public/images/bg/service-title-bg-virgin-media.jpg") repeat-x top left;margin:0;}
.service-title.tiscali {
	background: url("../../../main-site/public/images/bg/service-title-bg-tiscali.jpg") no-repeat 550px 38px;
	border-width: 2px 0;
	border-style: solid;
	border-color: #6F6F6F; 
	margin:0;
}
.service-title.three {
	background: url("../../../main-site/public/images/bg/service-title-bg-three.jpg") no-repeat right top;
	border-width: 2px 0;
	border-style: solid;
	border-color: #A9218F; 
	margin:0;
}
.service-title.bt {
	background: #E4E4E2 url("../../../main-site/public/images/bg/service-title-bg-bt.jpg") repeat-x left bottom;
	border-width: 2px 0;
	border-style: solid;
	border-color: #031C67; 
	margin:0;
}
.service-title.sky {
	background: #C2D0D7 url("../../../main-site/public/images/bg/service-title-bg-sky.jpg") repeat-x left bottom;
	border-width: 2px 0;
	border-style: solid;
	border-color: #8E9EAD; 
	margin:0;
}
.service-title.talktalk {
	background: #fff url("../../../main-site/public/images/bg/service-title-bg-talktalk.jpg") repeat-x left top;
	border-width: 2px 0;
	border-style: solid;
	border-color: #CACACA; 
	margin:0;
}
.service-title.orange-tm {
	background: #000 url("../../../main-site/public/images/bg/service-title-bg-orange.jpg") no-repeat left bottom;
	border-width: 2px 0;
	border-style: solid;
	border-color: #4B4B4B; 
	margin:0;
}
.service-title.o2 {
	background: #2179B8 url("../../../main-site/public/images/bg/service-title-bg-o2.jpg") repeat-x left top;
	border-width: 2px 0;
	border-style: solid;
	border-color: #87ADCB; 
	margin:0;
}
.service-title .logo{
	float: left;
	margin: 29px 0 0 21px;
}
.service-title.vigin-media .logo {margin: 22px 0 0 15px;}
.service-title.tiscali .logo {margin: 40px 0 0 22px;}
.service-title.three .logo {margin: 11px 0 0 26px;}
.service-title.bt .logo {margin: 24px 0 0 18px;}
.service-title.sky .logo {margin: 16px 0 0 6px;}
.service-title.orange-tm .logo {margin: 11px 0 0 20px;}
.service-title.o2 .logo {margin: 15px 0 0 28px;}
.service-title .hotline{
	font-size: 18px;
	line-height: 120%;
	text-align: right;
	margin: 32px 16px 0 0;
}
.service-title.aol .hotline {color: #5f5e5e;}
.service-title.vigin-media .hotline, .service-title.three .hotline,
.service-title.o2 .hotline {color: #fff;}
.service-title.tiscali .hotline {color: #5F5E5E;}
.service-title.bt .hotline {color: #00236C;}
.service-title.sky .hotline {color: #738596;}
.service-title.talktalk .hotline {color: #747474;}
.service-title.orange-tm .hotline {color: #DE6A0B;}
.service-title.talktalk .image {
	background: url("../images/pictures/talktalk-image.gif") no-repeat top left;
	width: 159px;
	height: 60px;
	position: absolute;
	bottom: 6px;
	right: 168px;	
}

/* Main Content */
.content .content-container.blue H4 {color: #205383;}
.content .content-container.red H4 {color: #CC0000;}
.content .content-container.purple H4 {color: #7658C2;}
.content .content-container.purple-green H4 {color: #0166A9;}
.content .content-container.violet H4 {color: #A9218F;}
.content .content-container.orange-green H4 {color: #7FB708;}
.content .content-container.orange-black H4 {color: #FA6D06;}
.content .content-container.red H4 {color: #D30000;}
.content P {line-height: 140%;}
.content H5 {
	padding-bottom: 6px;			
	margin-top: 0px;/*margin-top: 14px;*/			
	font-size: 16px;
	font-weight: normal;
}

/* Side Content */
.side-content {
	float: right;
	width: 149px;
	display: inline;
} 
.side-content H4 {
	margin-top: 5px;			
	text-align: right;
}
.side-content H3.rounded {
	margin: 15px 0 0 0;			
	background: url("../images/bg/rounded-h3-c.jpg") repeat-x top left;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	color: #5B5B5B;
}
.side-content H3.rounded SPAN {
	display: block;
	background: url("../images/bg/rounded-h3-l.jpg") no-repeat left top;
}
.side-content H3.rounded SPAN SPAN {
	background: url("../images/bg/rounded-h3-r.jpg") no-repeat right top;
	padding: 0 0 0 10px;
	font-size: 13px;
}
.side-content H3.rounded A.rss {
	float: right;
	margin: 9px 9px 0 0;
	font-size: 10px;
	line-height: 110%;
}

/* Tick List */
.side-content UL.tick-list {margin: 0 0 0 5px;}
.side-content UL.tick-list LI {
	list-style: none;
	font-size: 11px;
	line-height: 120%;
	background: url("../images/icons/tick.gif") no-repeat left top;
	padding-left: 16px;
	margin-top: 4px;
	float: left;
	color: #2E2E2E;
}

/* Rounded Box */
.side-content .box-rounded {
	float: left;
	width: 147px!important;
	width: 100%;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #BFBFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.side-content .box-rounded .bottom-left, .side-content .box-rounded .bottom-right {
	float: left;
	width: 100%;
	position: relative;
}
.side-content .box-rounded .bottom-left {
	background: url("../images/bg/rounded-box-bl.gif") no-repeat bottom left;
	left: -1px;
	bottom: -1px;
}
.side-content .box-rounded .bottom-right {
	background: url("../images/bg/rounded-box-br.gif") no-repeat bottom right;
	right: -2px;
	padding-bottom: 10px;
}
.side-content .box-rounded A.photo {
	float: left;
	margin: 4px 4px 2px 7px;
}
.side-content .box-rounded A.image-link, .side-content .box-rounded P,
.side-content .box-rounded H5 {margin-left: 7px;}
.side-content .box-rounded A.image-link {
	margin-top: 4px;
	float: left;
	border: 1px solid #C1C3C0;
	font-size: 1px;
	line-height: 0;
}
.side-content .box-rounded P {
	padding-bottom: 6px;			
	margin-top: 8px;
	margin-right: 8px;
	font-size: 10px;
	line-height: 120%;
}
.side-content .box-rounded P STRONG A {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.side-content .box-rounded P STRONG A:HOVER {text-decoration: underline;}
.side-content .box-rounded H5 {
	margin-top: 4px;
	font-size: 11px;
	letter-spacing: -1px;
}
.side-content .box-rounded H5.green {color: #6CA120;}
.side-content .box-rounded H5.blue {color: #43A8CD;}
.side-content .box-rounded H5.top-ind {margin-top: 14px;}
.side-content .box-rounded UL {margin: 8px 7px 0 20px;}
.side-content .box-rounded UL LI {
	font-size: 10px;
	line-height: 130%;
}

/* Box Grey */
.side-content .box-grey {
	float: left;
	width: 100%;
	background: url("../images/bg/box-grey-c.jpg") repeat-y top left;	
	margin-top: 15px;
}
.side-content .box-grey .top, .side-content .box-grey .top {
	float: left;
	width: 100%;
}
.side-content .box-grey .top {background: url("../images/bg/box-grey-t.jpg") no-repeat top left;}
.side-content .box-grey .bottom {
	background: url("../images/bg/box-grey-b.jpg") no-repeat bottom left;
	padding-bottom: 4px;
}
.side-content .box-grey H3, .side-content .box-grey FORM LABEL {color: #444;}
.side-content .box-grey H3 {
	margin: 12px 10px 0 10px;			
	font-size: 13px;
	line-height: 130%;
	text-transform: uppercase;
}
.side-content .box-grey H3.title-image {
	padding: 10px 0 10px 50px;
	margin: 1px 10px 0 10px;
	font-size: 17px;
	background: url("../images/icons/survey-icon.jpg") no-repeat top left;
}
.side-content .box-grey FORM {margin: 4px 0 0 10px;}
.side-content .box-grey FORM.survey {
	float: left;
	display: inline;
	padding-bottom: 4px;
}
.side-content .box-grey FORM.survey P {
	margin-left: 15px;
	font-size: 12px;
}
.side-content .box-grey FORM LABEL, .side-content .box-grey FORM INPUT {font-size: 11px;}
.side-content .box-grey FORM LABEL {
	line-height: 110%;
	display: block;
}
.side-content .box-grey FORM.survey LABEL {
	display: inline;
	padding-bottom: 2px;
}
.side-content .box-grey FORM INPUT {
	width: 130px;
	background-color: #fff;
	border: 1px solid #BDBDBD;
	color: #999;
	margin-top: 4px;
}
.side-content .box-grey FORM.survey INPUT { 
	width: auto;
	margin-left: 34px;
}
.side-content .box-grey FORM DIV {float: left;}
.side-content .box-grey FORM.survey DIV.relax {float: none;}
.side-content .box-grey FORM .letter {
	float: left;
	background: url("../images/icons/letter.png") no-repeat top left;
	width: 49px;
	height: 46px;
	font-size: 1px;
	line-height: 0;
}
.side-content .box-grey FORM BUTTON {
	background: url("../images/buttons/submit-button.png") no-repeat top left;
	border: none;
	width: 78px;
	height: auto!important;
	height: 29px;
	text-align: center;
	font-size: 12px;
	color: #474747;
	text-transform: uppercase;
	float: left;
	padding: 5px 0 8px 0!important;
	padding: 0;
	margin-top: 8px;
	cursor: pointer;
}
.side-content .box-grey FORM.survey BUTTON {margin-left: 26px;}

/*Footer*/
.footer {
	background: #fff url("../images/bg/footer-bg.gif") repeat-x top left;
	padding-bottom: 20px;
}
.footer UL {
	margin: 20px 0 0 20px;			
	float: left;
	width: 220px;
	display: inline;
}
.footer UL LI {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 180%;
	float: left;
	clear: left;
	width: 100%;
}
.footer UL LI A {
	color: #5B5B5B;
	margin-left: 28px;
	float: left;
}
.footer UL LI STRONG {
	font-size: 12px;
	display: block;
}
.footer UL LI STRONG A {
	padding-left: 28px;
	margin-left: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 220%;
}
.footer UL LI STRONG.green A {background-image: url("../images/icons/square-green.gif");}
.footer UL LI STRONG.violet A {background-image: url("../images/icons/square-violet.gif");}
.footer UL LI STRONG.blue A {background-image: url("../images/icons/square-blue.gif");}
.footer UL LI STRONG.pink A {background-image: url("../images/icons/square-pink.gif");}
.footer UL LI STRONG.navy A {background-image: url("../images/icons/square-navy.gif");}
.footer UL LI STRONG.yellow A {background-image: url("../images/icons/square-yellow.gif");}
.footer UL LI STRONG.orange A {background-image: url("../images/icons/square-orange.gif");}