/* ============== */
/* = Corgi = */
/* ============== */

/* ====================== */
/* = Full url for Corgi = */
/* ====================== */
/*http://britishgas.steakdev.com/corgi/*/

#corgi {
	width: 730px;
	float: left;
	font-size: 1em;
	margin: 11px 0 0 0;
	color:#666666;
}

/* =============== */
/* = Main banner = */
/* =============== */

#banner-main {
	background: url("/images/content/Content/corgi/the-gas-safe-register.jpg") no-repeat top left;
	width:730px;
	height: 92px;
	display:block;
	float:left;
}

/* ========= */
/* = Panels = */
/* ========= */

#panel-main {
	background: url("/images/content/Content/corgi/panel-main-bg.png") repeat-y top left;
	float: left;
	width: 730px;
	margin: 10px 0 10px 0;
}

	#panel-main-top {
		background: url("/images/content/Content/corgi/panel-main-top.png") no-repeat top left;
		float: left;
		width: 730px;
		height: 5px;
		margin-bottom:10px;
	}

	#panel-main-content {
		background: url("/images/content/Content/corgi/panel-main-btm.png") no-repeat bottom left;
		float: left;
		width: 730px;
		height: 720px;
		
	}
	


	#panel-left div.hr {
		background: url("/images/content/Content/corgi/hr.gif") no-repeat;
		height:1px;
		width: 424px !important;
		margin-left: 17px;
	}
	
	#panel-right div.hr {
		background: url("/images/content/Content/corgi/right-hr.gif") no-repeat;
		height:1px;
		width: 214px;
		margin-left: 17px;
	}
	
	#panel-left {
		background: url("/images/content/Content/corgi/panel-left-bg.gif") repeat-y top left;
		width: 459px;
		float:left;
		margin: 0px 0 10px 9px;
	}


	#panel-left-top {
		background: url("/images/content/Content/corgi/panel-left-top.png") no-repeat top left;
		width: 459px;
		float:left;
		height: 38px;
	}

		#panel-left-content {
			width: 459px;
			float:left;
			margin-top:17px;
			background: url("/images/content/Content/corgi/panel-left-btm.gif") no-repeat bottom left;
			margin-top:10px;
			_margin-top:-18px;
		}

		#panel-left h3 {
			padding: 7px 17px 30px 17px;
			font-size:18px;
			font-weight: normal;
			margin-bottom:10px;
		}
		
		#panel-left-top h2 {
			padding: 7px 17px 30px 17px;
			font-size:1.2em;
			margin-bottom:10px;
		}

	

		#panel-right h3 {
			padding: 7px 17px 10px 17px;
			font-size:18px;
			font-weight: normal;
			margin-bottom:10px;
		}
		
		#panel-left-content p, #panel-right p {
			padding: 0 17px 17px 17px;
			margin-bottom:0px !important;
		}

		#panel-left-content h2 {
			padding: 0 17px 10px 17px;
			margin-bottom: 0px;
		}
		
		#panel-right h2 {
			padding: 0 17px 10px 17px;
			color: #223b76;
			margin-bottom:0px !important;
		}
		
		#panel-left-content ul {
			padding: 0 17px 17px 17px;
			list-style-type:disc;
			margin-left:17px;
		}

		#panel-left-content ul li {
			margin-bottom: 5px;
		}


		#panel-right {
			background: url("/images/content/Content/corgi/panel-right-bg.png") no-repeat top left;
			width: 240px;
			float:left;
			margin: 0px 0 10px 9px;
		}

div.corgi-shield {
	float:left;
	width:0px;
	height:69px;
	padding-right:10px;	
	margin-left:9px;
}

div.copy {
	float:left;
	width: 400px;	
}

	div.copy p {
		margin:0 0 10px 0 !important;
	}
	


/* ========= */
/* = Boxes = */
/* ========= */

#box-1 {
	background: url("/images/content/Content/corgi/box-1.gif") no-repeat top left;
	width: 350px;
	height:199px;
	float:left;
	margin: 0;
}

#box-1 h3, #box-2 h3 {
	color: #545454;
	font-size: 18px;
	font-weight: normal;
	margin: 15px 10px 30px 20px;
}

#box-1 h4, #box-2 h4 {
	color: #223b76;
	margin: 10px 10px 10px 20px;	
}

#box-1 p, #box-2 p {
	color: #545454;
	margin: 0 30px 10px 20px;	
}

#box-1 div.action p, #box-2 div.action p {
	color: #545454;
	margin: 0 0 5px 0;	
}

#box-1 div.action, #box-2 div.action {
	color: #545454;
	font-size:18px;
	font-weight: bold;
	float:right;
	margin: 0 30px 10px 0;	
}


#box-1 div.action a {
	background: url("/images/content/Content/corgi/find-out-more.gif") no-repeat top left;
	width: 108px;
	height: 20px;
	display:block;
	float:right;
}

#box-2 div.action a {
	background: url("/images/content/Content/corgi/book-now.gif") no-repeat top left;
	width: 108px;
	height: 20px;
	display:block;
	float:right;
}

#box-1 div.action a span, #box-2 div.action a span {
	display:none;
}

.btm {
	clear:both;
}


#box-2 {
	background: url("/images/content/Content/corgi/box-2.gif") no-repeat top left;
	width: 350px;
	height: 199px;
	float:left;
	margin: 0 0 0 30px;
}


#panel-main-content:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
   }



/* ========= */
/* = Lists = */
/* ========= */

#box-left ul {
	color: #fff;
}

ul.tick {
	margin:0 0 10px 0;
}

ul.tick li {
	background: url("/images/content/Content/corgi/tick.png") no-repeat 0 15%;
	margin: 0 0 2px 0;
	padding: 0 0 0 20px;
}

ul.tick li.highlight {
	font-weight: bold;
}

ul.arrow {
	margin:0 0 10px 0;
}

ul.arrow li {
	background: url("/images/content/Content/corgi/arrow.png") no-repeat 0 50%;
	margin-bottom: 2px;
	padding: 0 0 0 20px;
}

/* ================== */
/* = Boiler content = */
/* ================== */

#leftBoxBoiler
{
	background: url(/images/ppc/boiler_boxleft_bg.gif) no-repeat;
	width: 352px;
	height: 293px;
	margin-right: 26px; 
	float:left; 
	position: relative;
}

#rightBoxBoiler
{
	background: url(/images/ppc/boiler_boxright_bg.gif) no-repeat;
	width: 352px;
	height: 293px;
	float:left; 
	position: relative;
}


#leftBoxBoiler ul, #rightBoxBoiler ul
{
	list-style-image:url(/images/content/Content/corgi/boiler_check.gif);
	font-size:1em;
	margin-top:152px;
	color:#333;
	margin-left:15px;
	line-height:1.5em;
}

#leftBoxBoiler li, #rightBoxBoiler li {
	margin: 0 0 4px 0 !important;
}

#leftBoxBoiler a,#leftBoxBoiler a:hover, #rightBoxBoiler a, #rightBoxBoiler a:hover
{
	height:25px;
	position:absolute;
	text-indent:-9999px;
	overflow: hidden;
	width:120px;
	background: url('/images/content/Content/corgi/blank.gif') !important; 
	border-bottom: none !important; 
	right: 4px;
	bottom: 12px;
	z-index: 100000;
}