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

.clear { clear:both; }

a.action-button-long {
	padding-right:20px;
	width:240px;
}

.hog-mainContent {
	width:550px;
}
p.hog-call {
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	color:#E20027;
}
.hero-image{
	margin:0 0 20px 10px;
}
.hero-image-left {
	margin:0 10px 20px 10px;
	float:left;
}
.marketing-tile img {
	margin:0 0 10px 0;
}
.small-action-button {
	width:190px;
	margin:0 0 5px 0;
	background-image:url('../../images/findoutaboutgas/small-action-button.jpg');
}
.small-action-button a.action-button,.small-action-button a.action-button:hover {
	font-size:11px;
	padding-top:10px;
	background-image:url('../../images/findoutaboutgas/small-action-button.jpg');
	height:27px;
	width:170px;
	padding-right:20px;
	font-weight:bold;
}

div.smallTextBtn a {
	font-size: 12px;
}

p.strong-red {
	font-weight:bold;
	color:#E20027;
	margin-left:0;
	clear:both;
}
p.normal-red {
	color:#E20027;
	margin-left:0;
	clear:both;
}

p.normal-red strong {
	display:block;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 0 2px 0;
}

.right-column {
	float:right;
	width:190px;
	margin:15px 20px 0 0;
}
.right-column h2,.right-column p {
	margin-left:0;
}

.right-column p.intro {
	font-size:11px;
	color: #444;
}

.right-column ol li {
	font-size:11px;
	list-style:inside decimal;
	margin:0 0 0.7em 0;
	padding:0;
	color:#000;
}

.right-column ul li {
	font-size:11px;
	list-style:inside;
	margin:0 0 0.7em 0;
	padding:0;
	color:#000;
}

.hog-jumplinks {
	border-bottom:solid 1px #ccc;
	padding:0 0 1em 0;
}
.hog-jumplinks li {
	display:inline;
	margin:0 20px 0 0;
	padding:2px 0 0 30px;
	font-size:10px;
}

#endless-hot-water,
.hog-jumplinks .endless-hot-water {
	background: url('../../images/findoutaboutgas/icon-small-shower.png') 0 50% no-repeat;	
}

#endless-hot-water {
	background-image: url('../../images/findoutaboutgas/icon-shower.png'); 
	padding:5px 30px;
}


#space-heating {
	background:url('../../images/findoutaboutgas/icon-arrow.png') 0 50% no-repeat;
	padding:5px 30px;
}

#other-heating {
	background:url('../../images/findoutaboutgas/icon-coil.png') 0 50% no-repeat;
	padding:5px 30px;
}

#home-heating,
.hog-jumplinks .home-heating {
	background: url('../../images/findoutaboutgas/icon-small-house.png') 0 50% no-repeat; 
}

#home-heating {
	background-image: url('../../images/findoutaboutgas/icon-house.png');
	padding:5px 30px;
}

#cooking,
.hog-jumplinks .cooking {
	background: url('../../images/findoutaboutgas/icon-small-hot.png') 0 50% no-repeat; 
}

#cooking {
	background-image: url('../../images/findoutaboutgas/icon-hot.png');
	padding:5px 30px;
}

#outdoor-living,
.hog-jumplinks .outdoor-living {
	background: url('../../images/findoutaboutgas/icon-small-sausage.png') 0 50% no-repeat; 
}

#outdoor-living {
	background-image: url('../../images/findoutaboutgas/icon-sausage.png');
	padding:5px 30px;
}

p.car-icon {
	background-image:url('../../images/findoutaboutgas/icon-car-sedan.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 30px; 
}

h2.car-icon {
	background-image:url('../../images/findoutaboutgas/icon-car-sedan.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 30px; 
	line-height: 22px;
}

li.car-icon {
	background-image:url('../../images/findoutaboutgas/icon-car-sedan-small.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 30px; 
}

table {
	border: solid 1px #E20027;
	margin: 10px 0;
	border-collapse:collapse;
}

table.refuel {
	border: solid 1px #555;
}

table th, table td {
	margin: 0;
	border-collapse: collapse;
	border: solid 1px #666;
	padding: 2px;
}
	
table thead tr th {
	background: #E20027;
	color: #FFF;
	border: none;
	width: 25%;
}

table.refuel thead tr th {
	text-align: left;
	padding:3px 35px;
	background: #555 url('../../images/findoutaboutgas/plus_minus_grey.gif') 3px 3px no-repeat;
	/* background: #555 url('../../images/findoutaboutgas/plus_minus_grey.gif') right no-repeat;*/
	width: auto;
}

table.refuel tbody tr td {
	border: none;
	font-size:11px;
}

table tbody tr td {
	background: #fff;
	color: #333;
}

table tbody tr td.icons {
	text-align: left;
	vertical-align: middle;
	border: none;
	}

table tbody tr td.borderless {
	border: none;
}

table tbody tr.odd td {
	background: #f3f3f3;
}

.accordion {
    margin:0 0 0 10px;
    border: solid 1px #555;
}

.accordion h3 {
    /* background:#666 url('../../images/findoutaboutgas/accordion-closed.png') 5px 50% no-repeat;*/
	background: #555 url('../../images/findoutaboutgas/plus_minus_grey.gif') 3px 4px no-repeat;
    color:#FFF;
    padding:3px 35px;
    clear:both;
    margin:0;
}
.accordion h3.accordion-open {
    /* background-image:url('../../images/findoutaboutgas/accordion-open.png');*/
}
.accordionContent {
    
}
.accordionContent p {
    float:left;
    width:200px;
}
.even {
	background:#F6F6F6;
}
.faq {
	margin-bottom:30px;
}
.hog-faqs {
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
	margin-bottom:30px;
}
.hog-faqs li {
	list-style: none;
	margin:0;
	padding:0 0 1em 25px;
	background:url('../../images/findoutaboutgas/icon-small-arrow.png') no-repeat 0 0;
}
.hog-gas-safety-right-col {
	float:right;
	width: 430px;
	margin-bottom:20px;
}
.hog-gas-safety-right-col ol li {
	list-style:inside decimal;
}
div.hog-gas-safety-warning {
	display:block;
	width:410px;
	background:url('../../images/findoutaboutgas/hog-warning.png') 0% 00% no-repeat;
	margin:0 0 0 10px;
}
.hog-gas-safety-warning p {
	color:#FFF;
	display:block;
	width:330px;
	padding:10px 20px 15px 60px;
	margin:0;
	background:url('../../images/findoutaboutgas/hog-warning-bottom.png') 0% 100% no-repeat;
}
.hog-what-gas-col {
	float:left;
	width:270px;
}
 
/* Hog overlays */
.hog-overlay { 
	display:none; 
	z-index:10000; 
	background-color:#FFF; 
	width:610px;
	padding:20px;
	min-height:300px;
	-moz-box-shadow:0 0 90px 5px #000; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-box-shadow: 0 0 90px #000;     
} 
.hog-overlay a.top-close {
	background:url('../../images/findoutaboutgas/close.png') 100% 0% no-repeat; 
	position:absolute; 
	right:-8px; 
	top:-5px; 
	cursor:pointer; 
	height:38px;
	font-size:1%;
	text-indent:-30px;
	color:#FFF;
	width:80px;
	line-height:45px;
	behavior: url(iepngfix.htc);
}
.hog-overlay h1 {
	font-weight:normal;
	font-size:18px;
	margin:0 0 1em 0;
}
.hog-overlay h2 {
	margin:0 0 1em 0;
}
.hog-overlay h3 { margin-left:0; }
.hog-overlay p {
	margin:0 0 1em 0;
}

.hog-overlay div.formFieldWrapper,
.hog-overlay p.input-line {
	margin-bottom:0.2em;
}

.hog-overlay p.fine-print {
	/*text-align:right;*/
	float:left;
	width:450px;
}
.hog-overlay p.fine-print a {
	margin-right:20px;
}

.hog-overlay p.tiny {
	font-size:10px;
}

.hog-overlay label {
	font-size:10px;
	margin:0 0 3px 0;
	width:100px;
}
.hog-overlay input.text-input {
	border: solid 1px #CCC;
	padding:3px;
	width:230px;
}
.overlay-col {
	float:left;
	width:300px;
	border:0;
	margin:0;
	padding:0;
}
.hog-overlay .cancel { 
	cursor:pointer; 
}

.hog-overlay input.action-button,.hog-overlay input.action-button:hover {
	color:#FFFFFF;
	display:block;
	font-family:arial,sans-serif;
	font-size:17px;
	text-decoration:none;
	font-weight:normal;
	height:33px;
	padding:0 20px 10px 0;
	text-align:center;
	border:none;
	cursor:pointer;
}
.hog-overlay input.action-button:hover {
	text-decoration:underline;
}
.choose-contact-col {
	margin:15px 0 0 15px;
	width:191px;
	float:left;
}
.first {
	margin-left:0;
}

#leftNav ul li { border-bottom: 1px solid #FFF;}
sup { line-height:0; font-size:10px; }

.ss-branding { padding:0; margin:0; }
.ss-branding, .ss-branding img { padding:0; margin:0; text-align:center; }
a.action-button-small-text { font-size:14px; line-height:20px; }


/* additions Core */
.hog-overlay p.errorMessage,
.hog-overlay div.errorMessage {
	width: 88%;
	margin-bottom: 0;
	margin-top: 1em;
}