/* PP 25/06/10 */

/* Page content */
.bannerText {
	padding:12px 0 0 55px;
	margin:0;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
	width:320px;
	font-size:130%;
}
bannerText p {
	margin:0 0 20px 0;
}

#blackBar {
	background-color:#000;
	height:31px;
	text-align:left;
}
#blackBar p {
	width:960px;
	margin:0px auto;
	text-align:left;
}

.box div {padding:8px 0px;}

.line {
	border-bottom:1px solid #999;}

#colAproducts {
	width:710px;
	float:left;
	margin:-14px;
	padding:0;
	border:0px solid purple;
	background-color:#fff;
	z-index:10;
	min-height:580px;
}

#infopanel {
	border:1px solid #e2e2e2;
	background-color:#fff;
	padding:0 0 20px 0;
}
body>#content {
	width: 100%;
	min-width: 960px;
}
#columnLeft {
	width: 21em;
	float: left;
	padding: 10px 0px 0px 16px;
	margin: 0px 16px 0px 0px;
}
#columnRight {
	width: 21em;
	float: left;
	padding: 10px 0px 0px 0px;
}
#top {
	float:right;
	margin-right:15px;
}
.firefoxhr {
	width:640px; 
	position: absolute;
	height:1px;

}
/* Header Backgrounds  */
#whyskyprotectMainBox{
background-image:url(images/whyskyprotect-banner.jpg);
background-repeat:no-repeat;
height:295px;
padding:20px 0 20px 20px;
text-align:left;
}
/* Header Backgrounds  */
#sky-competitorsMainBox{
background-image:url(images/718x205_banner_01.jpg);
background-repeat:no-repeat;
height:190px;
padding:20px 0 0px 20px;
text-align:left;
}

/* General Styles products landing page  */

.button{
	float:left;
}
.clear{
	clear:both; 
}
.greyBorder {
	border:#e2e2e2 1px solid;
	padding:15px;
	margin:8px 8px 8px 0;
	text-align:left;
	float:left; 
}
.greyBoxLeft {
	border:#e2e2e2 1px solid;
	padding:15px;
	margin:0 10px 0 0;
	text-align:left;
	float:left;
	width:318px;
	background-color:#fbfbfb;
	min-height:170px;
}
.greyBoxRight {
	border:#e2e2e2 1px solid;
	padding:15px;
	margin:0;
	text-align:left;
	float:left;
	width:318px;
	background-color:#fbfbfb;
	min-height:170px;
}
.greyBoxRight img {
	float:left;
}
.greyBox2 {
	border:#e2e2e2 1px solid;
	padding:15px;
	margin:8px 0px 8px 0;
	text-align:left;
	float:left;
	width:680px; 
}
.greyBox3 {
	border:#e2e2e2 1px solid;
	padding:15px;
	margin:8px 8px 8px 0;
	text-align:left;
	float:left;
	width:234px;  
}

/*Steps*/
.steps {
	float:left;
	width:725px;
	background-color: #fff;
	padding: 0px;
    border:none;
	margin:0 auto 2px auto;
	text-align: left;
}




/******************* New Styles ********************/

#colA {
	width:720px;
	float:left;
	margin:0px auto;
	background-color: #fff;
	border:0px solid purple;	
}
#colB {
	text-align:left;
	float:right;
	margin:0;
	/*padding: 8px 0;*/
	text-align:right;
	vertical-align:top;
	width:234px;
	border:0px solid green;
}

#colB img {
	margin-bottom:8px;}


/* Home NavBar*/

#header a img {
	z-index:1}
	

/* MainHome Styles */
#col {
	width:960px;
	float:left;
	margin:0px;
	background-color: #fff;
	border:0px solid purple;	
}
#outercontainer {
	background-color: #fff;
	border:0px solid green;
	width:946px;
	padding:0px;
	float:left;
}

#homeMainBox{
	background-image:url(images/homepage-banner.jpg);
	background-repeat:no-repeat;
	padding:0;
	height:295px;
	width:960px;
	text-align:left;
	border:px solid green;

}

.greyHomeBoxLeftMainHome {
	border:#e2e2e2 1px solid;
	padding:7px 11px ;
	margin:8px 15px 0 0;
	text-align:left;
	float:left;
	width:285px;
	background-color:#fbfbfb;
	min-height: 190px;
	height:auto;

}

.greyHomeBoxRightMainHome {
	border:#e2e2e2 1px solid;
	padding:7px 11px 31px;
	margin:8px 0 0;
	text-align:left;
	float:left;
	width:285px;
	background-color:#fbfbfb;
	height: 167px;
	

}
.greyHomeBoxLeftMainHome div input {
	margin:5px 0 ;
	padding:0;
}
input {
	margin-top:3px;
	padding:0;
}
.homeText {
	border:#e2e2e2 0px solid;
	padding:7px 11px 31px;
	margin:8px 15px 0 0;
	text-align:left;
	float:left;
	width:610px;
	background-color:#fff;
	font-size:100%;
	height:185px;

}



/* Grey Box Home */
.greyBox {
	border:#e2e2e2 0px solid;
	padding:0px;
	margin:0px 0px 8px 0px; 
}

/* Grey Box Sky Protect Landing Page */
#homeMainBoxImage{
	background-image:url(images/home-main-banner.jpg); 
	background-repeat:no-repeat;
	padding:20px 0px 20px 20px;
	height:408px;
	text-align:left;
}
#homeMainBoxImage span {
	color:#FFFFFF;
	display:block;
	width:380px;
	padding-top:240px;
	padding-left:85px;
	font-size:90%;
}


.greyHomeBoxLeftProtect {
	border:#e2e2e2 1px solid;
	padding:7px 10px 6px;
	margin:0px 10px 0 0;
	text-align:left;
	font-size:11px;
	float:left;
	width:331px;
	background-color:#fbfbfb;
	/* i.e hack */
	/*min-height:85px;
    height:auto !important;
    height:85px;*/
}
.greyHomeBoxRightProtect {
	border:#e2e2e2 1px solid;
	padding:7px 10px 6px;
	margin:0;
	text-align:left;
	font-size:11px;
	float:left;
	width:332px;
	background-color:#fbfbfb;
	height:154px;
	/* i.e hack 
	min-height:105px;
    height:auto !important;
    height:105px;*/
}
.greywhySkyBoxRight {
	border:#e2e2e2 1px solid;
	padding:7px 10px 6px;
	margin:0;
	text-align:left;
	font-size:11px;
	float:left;
	width:332px;
	background-color:#fbfbfb;
	height:134px;
	/* i.e hack 
	min-height:105px;
    height:auto !important;
    height:105px;*/
}


.greyBoxHomeColB {
	border:#e2e2e2 1px solid;
	background-color:#F7F7F7;
	padding:6px;
	text-align: center;
	font-size:90%;
	float:left;
	width:220px; 
}
.greyBoxHomeColB h5{
	float:left;
	text-align:left;
	padding:1px 6px 13px;
	width:200px;
}

.greyBoxHomeColB span{
	float:left;
	text-align:left;
	padding:0px 5px 14px 6px;
}

.greyBoxHomeColB ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.greyBoxHomeColB li {
	/* background-image:url(bullet.jpg); */
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:0 0 0 5px;
}	

	
/* Bullet Styles */	
.bullet-pink {
	color:#FF0099;
	line-height:20px;
	padding-right:8px;}

.listlinks li {
	border-bottom:1px solid #ffffff;
	background-color:#EEEEEE;
	
	padding: 5px 10px;
}
.listlinks li li{border-bottom:0px solid #ffffff;}

.listlinks li a, .listlinks li a:visited {
	color:#333333;
	font-weight:bold;
	display:block;
}


/* FAQ Styles */

.mC {text-align:left;}
.mH {cursor:pointer;  font-weight:bold; }
.mL {display:none; margin-bottom:10px; color:#000000; font-weight:normal;}
.mO {margin-left:10px; display:block;}


/*Tables*/
table {
	padding:0px;
	border:none;
}
table td{
	font-size: 100%;
	padding: 8px 10px 3px 30px;
	background-color:#e5e5e5;
	border:none;
	
}
table td10{
	font-size: 100%;
	padding: 8px 10px 3px 10px;
	background-color:#e5e5e5;
	border:none;
	
}
table th{
	font-size: 100%;
	font-weight:bold;
	padding: 8px 10px 3px 8px;
	background-color:#e5e5e5;
	border:none;
	margin:5px;

}

#colA .box div#prices {
	margin-left:30px;
	min-height:170px}
div#prices h5{
	margin:20px 0 4px 0}

.headingbg{
	background-color:#f8f8f8;
	padding-bottom:7px;
}
table td table {
	margin: 0px;
}
table.noBorderr td {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float:left}
	
table.noBorder {
	border:none;

}
table.noBorderr {
	border:none;

	margin: 0px;
	float:left;
}

#basketDisplay{
	float:right;
	list-style:none li ul;
	padding:4px 15% 0 0; }

/*Tables
table td.outWarranty{
	font-size: 100%; 	padding: 0px 10px 0px 0px;}

table th.outWarranty{
	font-size: 100%; 	padding: 0px 10px 0px 0px;}
.outWarrantyB {
		border-left:0px solid #f8f8f8; 		background-color:#CCC;}
.rightline {
	border-right:0px solid #f8f8f8;}
.rightlinePadding {
	border-right:0px solid #f8f8f8; 	margin-right:0px;}
*/

/*  FAQ  */

/*
			Vertical Accordions
		*/
		
		.ol-accordion-multibuy{padding:5px 0px 5px 0px; margin:5px 0px 5px 0px; }
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #EEE;
			padding: 0 10px 0 10px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			font-weight:bold;
			color: #000000;
			border-bottom: 1px solid #FFF;
			cursor: pointer;
			margin: 0;
		}
		

		
		
		.accordion_toggle:hover{
			background: url(../images/accordion_toggle_hover.jpg) no-repeat top right #FFF;
			color: #000;
			font-weight:bold;
			text-decoration:none;
			border-bottom: 1px solid #823e77;
		}
		
		.accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #FFF;
			color: #000;
			font-weight:bold;
			border-bottom: 1px solid #823e77;
		}
		.accordion_toggle_active:hover {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #FFF;
			color: #000;
			font-weight:bold;
			border-bottom: 1px solid #823e77;
		}
		
		.accordion_content {
		
			color: #444444;
			overflow: hidden;
			padding: 0px;
			width:595px;
			margin:7px 0 15px 10px;
		}
			
			
		.accordion:link, .accordion:visited {
			background: #EEE;
			display:block;
			line-height:30px;
			padding: 0 10px;
			color: #000;
			font-weight:bold;
			text-decoration:none;
			border-bottom: 1px solid #FFF;
		}
		
		.accordion:hover, .accordion:active {
			background: #FFF;
			color: #000;
			display:block;
			padding: 0 10px;
			font-weight:bold;
			text-decoration:none;
			border-bottom: 1px solid #823e77;
		}	
			.accordion_content p {
				padding: 0px;
			}
			
	
		
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 580px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #EEE;
			padding: 0 10px 0 10px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #FFF;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #FFF;
			color: #000;
			border-bottom: 1px solid #823e77;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}


			.vertical_accordion_content p {
				line-height: 150%;
				padding: 0px 0px;
			}
  			
		
					
    /* Container styling*/
    
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 600px;
    }





/* Tool Tip */
a.info:link, a.info:visited{
    position:relative; 
    color:#000;
	z-index:24;
    text-decoration:none;
	border-bottom: 0px solid #FFFFFF;}

a.info:hover{z-index:25; visibility:visible;}

a.info span{display: none;}

a.info:hover span{ 
    display:block;
    position:absolute;
    top:0em; left:1.5em; width:17em;
    border:1px solid #fff;
    background-color:#A34D87; color:#fff;
	padding:5px;
    text-align: left}
	
/* General Styles */
.productBox {
	border:1px solid #dedede;
	padding:20px;
	margin:10px 45px 30px 0;
	width:90%;
	float:left;
	vertical-align:top;
	text-align:center;
}
.imgProducts{
	border:0px solid #DEDEDE;
	padding:0px 5px 150px 70px;
	margin:2px;
	float:right;
	position:relative;
	top:-55px; 
}