@charset "utf-8";
/* CSS Document */


/*Main Page Elements*/

html{
	height:101%;
}

body{
	background:rgb(0,0,0) url(../images/pageElements/flameBG2.jpg) no-repeat top center;
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:center;
}

#wrapper{
	width:980px;
	margin:60px auto 0 auto;
	text-align:left;
}

#header{
	position:relative;
	width:980px;
	float:left;
	background:url(../images/pageElements/headerRounded.gif) no-repeat top left;
}

#bodyWrap{
	width:980px;
	float:left;
	background:rgb(255,255,255);
}

#footer{
	width:980px;
	height:20px;
	float:left;
	background:rgb(0,0,0) url(../images/pageElements/footerRounded.gif) no-repeat bottom left;
}

#page-base{
	width:965px;
	height:20px;
	margin-right:15px;
	margin-top:10px;
	float:left;
}

#page-base li a{
	color:#FFFFFF;
	text-decoration:none;
	float:right;
}
	
.clear{
	clear:both;
	height:1px;
	/*width:100%;*/
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.requiredField{
	color:rgb(255,0,0);
}

/*Required Field*/

#contactForm label em{
	color:rgb(255,0,0);
}

/*Sub Elements*/

/*Header*/

img#logo{
	margin:20px;
}

img#lpgLogo{
	position:absolute;
	top:17px;
	right:93px;
}

img#lpgLogo_LandingPage{
	position:absolute;
	top:18px;
	right:94px;
}

#langChange{
	position:absolute;
	top:17px;
	right:25px;
	width: 52px;
}

#langChange_LandingPage{
	position:absolute;
	top:18px;
	right:29px;
	width: 52px;
}

#extraMenu{
	position:absolute;
	top:17px;
	right:20px;
}

#extraMenu a, #langChange a{
	color:rgb(0,0,0);
	text-decoration:none;
}

#tabbedMenu{
	width:955px;
	height:33px;
	margin:0 auto 0 12px;
	background:rgb(255,255,255);
	border-bottom:solid 1px rgb(0,0,0);
	float:left;
	display:inline;
}

#tabbedMenu a{
text-decoration:none;
}

#tabbedMenu li{
	display:inline;
	height:33px;
	float:left;
	background:url(../images/pageElements/tabbedMenu/mButt_left_up.png) no-repeat top left;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	}
	
#tabbedMenu li a{
	height:33px;
	float:left;
	background:url(../images/pageElements/tabbedMenu/mButt_right_up.png) no-repeat top right;
	padding:0 20px 0 0;
	line-height:35px;
	color:rgb(0,74,140);
	}
	
#tabbedMenu li.tabSelected{
	display:inline;
	height:33px;
	float:left;
	background:url(../images/pageElements/tabbedMenu/mButt_left_down.png) no-repeat top left;
	padding:0 0 0 20px;
	}
	
#tabbedMenu li.tabSelected a{
	height:33px;
	float:left;
	background:url(../images/pageElements/tabbedMenu/mButt_right_down.png) no-repeat top right;
	padding:0 20px 0 0;
	line-height:28px;
	color:rgb(255,255,255);
	}

#subMenu{
	width:957px;
	height:28px;
	margin:0 auto 0 12px;
	background:rgb(255,255,255) url(../images/pageElements/headerMenu.jpg) no-repeat top left;
	float:left;
	display:inline;
}

#subMenu li.selected{
	display:inline;
	float:left;
	margin:0;
	background-color:#C1C1C1;
	padding: 0 20px;
}

#subMenu li.notselected{
	display:inline;
	float:left;
	margin:0;
	padding: 0 20px;
}

#subMenu a{
	line-height:28px;
	text-decoration:none;
	color:rgb(0,0,0);
}

/*Body*/

/*Menu Left*/

#sectionMenu{
	width:154px;
	margin:10px 6px 0 12px;
	background:rgb(255,255,255);
	float:left;
	display:inline;
}

.sectionTitle{
	width:154px;
	margin:1px 0;
	padding:0 0 0 0;
	background:url(../images/pageElements/sideMenu/sectionHeaderBG_bottom.png) no-repeat bottom left;
	float:left;
}

.sectionTitle a{
	color:rgb(0,73,139);
	text-decoration:none;
	width:154px;
	padding:5px 0 5px 6px;
	background:url(../images/pageElements/sideMenu/sectionHeaderBG_top.png) no-repeat top left;
	float:left;
}

/*ul.subsectionList{
	background:rgb(0,255,0);
	padding:10px 0 2px 0;
	margin:0 0 0 0;
	float:left;
	display:inline;
}*/

ul.subsectionList{
margin-right:-10px;
	float:left;
}

.subsectionItem{
	background:rgb(225,242,252);
	width:146px;
	margin-left:2px;
	padding:4px 0 4px 4px;
	display:inline;
	float:left;
	clear:left;
}

.subsectionItem a{
	line-height:12pt;
	color:rgb(0,73,139);
	text-decoration:none;
}

/*Main Content*/

#content{
	width:607px;
	/*margin:10px 6px 0 6px;*/
	margin:10px auto 0 auto;
	float:left;
}

#content h1{
	font-size:14pt;
	margin-left:5px;
	font-weight:normal;
	color:#00498B;

}

#content h2{
	font-size:12pt;
	margin-left:10px;
}

#content h3{
	font-size:12pt;
	font-weight:bold;
	margin-left:15px;
}

#content p{
	margin:10px 10px 10px 10px;
	line-height:125%;
	text-align:justify;
}

#content a, 
#content a:visited, 
#content a:active{
	color:rgb(0,73,139);
}

#content a:hover{
	color:rgb(231,50,65);
}

.speechmarks{
	color:#105593;
}

.asterisk{
	font-size:8pt;
}

.customerQuote{
	width:507px;
	margin:10px auto;
	border:solid 2px rgb(0,0,0);
}

.customerQuote1{
	width:507px;
	margin:10px auto;
	border:solid 2px rgb(0,0,0);
	background-color:rgb(225,242,252);
}

.contentList{
margin:20px;
}

.contentList li{
	list-style:disc outside !important;
	padding:4px;
	margin-left:30px;
}

ol.contentList li{
	list-style:decimal outside !important;
	padding:4px;
	margin-left:30px;
}

#breadCrumbs{
	width:607px;
	height:22px;
}

/*THIS NUDGE IS JUST FOR LANDING PAGE BREADCRUMBS*/
.nudgeRight{
	margin:0 0 0 16px;
}

#breadCrumbs li{
	display:inline;
	float:left;
	margin:0 2px;
}

#breadCrumbs li a{
	color:rgb(0,87,145);
	font-size:12px;
	text-decoration:none;
}

.boxLeft, .boxRight{
	width:280px;
	margin:10px 6px;
	/*background:rgba(0,255,0,.10);*/
}

/* More Information type boxes from bottom of Landing Pages */

.boxRight{
	float:right;
}

.boxLeft{
	float:left;
}

#LP_moreInfoBoxes{
	width:607px;
	margin-left:165px;
	float:left;
}

.question h2{
	font:14pt Arial, Helvetica, sans-serif;
	line-height:40px;
	height:40px;
	padding-left:40px;
	background:url(../images/pageElements/questionMark.png) no-repeat center left;
}

.moreInfo h2{
	font:14pt Arial, Helvetica, sans-serif;
	line-height:40px;
	height:40px;
	padding-left:40px;
	background:url(../images/pageElements/magnifier.png) no-repeat center left;
}

/*Footer Link*/

#footer ul{
margin: 0 auto;
width:980px;
text-align:center;
}

#footer ul li{
display:inline;
width:110px;
margin:0 20px;
}

#footer a{
color:rgb(0,0,0);
text-decoration:none;
}

/*TEMPORARY IMAGE STYLING*/

/*#content img.signPost{
	float:left;
}*/

/*.thirdWidth{
	margin:6px 1px;
}*/

/*Right Content*/

#rightContent{
	width:171px;
	margin:10px 10px 0 0;
	float:right;
}

#rightContent_nocrumb{
	width:171px;
	margin:0 10px 0 0;
	float:right;
}

#rightContent_nocrumb li{
	margin-bottom:10px;
}

#rightContent li{
	margin-bottom:10px;
}


li.rActionBox{
position:relative;
float:left;
clear:left;
}

li.rActionBox ul{
	position:absolute;
	top:4px;
	left:9px;
}

li.rActionBox ul li{
margin:0;
padding:0;
}

li.rActionBox h2 a{
width:150px;
font:16pt Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:100%;
}

li.rActionBox a{
font:11pt Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:100%;
}

.black{
color:rgb(0,0,0);
}

.white{
color:rgb(255,255,255);
}

.qBox{
	background:rgb(225,224,222) url(../images/pageElements/rhQbox_bottom.png) no-repeat bottom left;
}

.qBox h2{
	background:url(../images/pageElements/rhQbox_top.png) no-repeat top left;
	width:171px;
	padding:10px 10px;
	font:20px Arial, Helvetica, sans-serif;
	color:rgb(255,255,255);
}

.qBox p{
	margin:0 10px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
	text-align:left;
}

.qBox a{
	margin:0 10px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
}

.qBox a:visited{
	margin:0 2px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
}

.qBox form{
	padding:0 10px 10px 10px;
}

.qBox2{
	background:rgb(225,224,222) url(../images/pageElements/rhQbox2_bottom.png) no-repeat bottom left;
}

.qBox2 h2{
	background:url(../images/pageElements/rhQbox2_top.jpg) no-repeat top left;
	width:171px;
	padding:10px 20px;
	font:20px Arial, Helvetica, sans-serif;
	color:rgb(255,255,255);
}

.qBox2 p{
	margin:0 10px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
}

.qBox2 a{
	margin:0 10px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
}

.qBox2 a:visited{
	margin:0 10px;
	color:rgb(255,255,255);
	font:14px Arial, Helvetica, sans-serif;
}

/*Landing Page Signposts and Header - LOOK FOR THE VARIATIONS*/

#headerImage{
	position:relative;
	margin:0 7px;
}

#headerImageText{
	position:absolute;
	top:50px;
	left:17px;
	width:285px;
}

#headerImageText h2{
	font:normal 22pt Arial, Helvetica, sans-serif;
}

#headerImageText p{
	font:normal 18pt Arial, Helvetica, sans-serif;
	text-align:left;
}

#lpSignPosts{
	margin:7px auto 0 auto;
	width:607px;
	float:left;
}

li.lpSignPost_FullImage{
	position:relative;
	float:left;
	width:187px;
	height:266px;
	margin:0 7px;
	background:url(../images/pageElements/LP_signpost_BG.png) no-repeat top left;
	display:inline;
}

li.lpSignPost_FullImage_155{
	position:relative;
	float:left;
	width:155px;
	height:264px;
	margin:0 2px 0 3px;
	background: no-repeat top left;
}

#lpSignPosts li.lpSignPost_FullImage h2{
	position:relative;
	font:normal 16pt Arial, Helvetica, sans-serif;
	width:167px;
	margin:10px;
	z-index:5;
}
#lpSignPosts li.lpSignPost_FullImage p{
	position:relative;
	color:rgb(0,0,0);
	text-decoration:none;
	width:167px;
	margin:0 auto;
	z-index:5;
}

li.lpSignPost_FullImage img{
	position:absolute;
	bottom:0;
	z-index:1;
}

#lpSignPosts li.lpSignPost_FullImage h2 a{
	position:relative;
	color:rgb(0,0,0);
	text-decoration:none;
	z-index:5;
}

.signpost{
}

.signpost li{
	list-style:disc outside !important;
	padding:4px;
	margin-left:10px;
}

/* MAIN LANDING PAGE ALTERNATIVE SIGNPOST LAYOUT FOR FULL HEIGHT IMAGES */

#main_headerImage{
	position:relative;
	width:765px;
	height:223px;
}

#main_headerImage_text{
	position:absolute;
	top:40px;
	left:30px;
	height:146px;
	width:331px;
	color:rgb(0,74,140);
}

#main_headerImage_text h1{
	margin:10px 0 0 10px;
	font:normal 22pt Arial, Helvetica, sans-serif;

}
#main_headerImage_text p{
	margin:0 0 0 10px;
	font:normal 18pt Arial, Helvetica, sans-serif;
	text-align:left;
}

#main_lpSignPosts{
	width:765px;
	float:left;
	margin:10px auto 0 auto;
}

li.main_lpSignPost_FullImage_155{
	position:relative;
	width:155px;
	height:331px;
	background:url(../images/signposts/lp155_listBG.jpg) no-repeat top left;
	float:left;
	display:inline;
}

li.main_lpSignPost_FullImage{
	position:relative;
	width:187px;
	height:331px;
	float:left;
	display:inline;
}

.spLeft{
margin:0 8px 0 16px;
}

.spCenter{
margin:0 8px 0 8px;
}

.spRight{
margin:0 0 0 8px;
}

li.main_lpSignPost_FullImage_155 h2{
	font:normal 16pt Arial, Helvetica, sans-serif;
	color:rgb(0,74,140);
	width:130px;
	margin:10px;
}

li.main_lpSignPost_FullImage h2{
	position:relative;
	font:normal 16pt Arial, Helvetica, sans-serif;
	width:167px;
	margin:10px;
	z-index:5;
}

li.main_lpSignPost_FullImage p{
	position:relative;
	width:165px;
	z-index:6;
}

li.main_lpSignPost_FullImage ul{
	position:relative;
	width:160px;
	z-index:6;
	padding:0 0 0 20px;
}

li.main_lpSignPost_FullImage ul li{
	list-style:disc outside;
	margin:2px;
}

li.main_lpSignPost_FullImage ul li img{
	position:relative;
	top:4px;
	bottom:0;
	z-index:7;
}

li.main_lpSignPost_FullImage p{
	position:relative;
	color:rgb(0,0,0);
	text-decoration:none;
	width:167px;
	margin:0 auto;
	z-index:5;
}

li.main_lpSignPost_FullImage img{
	position:absolute;
	bottom:0;
	z-index:1;
}

li.main_lpSignPost_FullImage h2 a{
	position:relative;
	color:rgb(0,0,0);
	text-decoration:none;
	z-index:5;
}

.tickedList{
list-style:square outside url("../images/pageElements/redTick.gif");
color:rgb(0,74,140);
font:bold 10pt arial, helvetica, sans-serif;	
margin:10px 10px 0 30px;
}

.tickedList li{
margin:5px 0;
}

/* Home Page Elements*/

#fpHeader{
	width:953px;
	margin:10px auto;
}

#fpHeaderMenu{
	position:absolute;
	top:17px;
	right:20px;
}

#fpHeaderMenu a{
	color:rgb(0,0,0);
	text-decoration:none;
}

ul#fpMenus{
	width:953px;
	margin:10px auto;
	background:url(../images/pageElements/fpmenucontainerBG.png) no-repeat top left;
}

#fpMenus li{
	display:inline;
	width:289px;
	float:left;
}

#fpMenus #menuOne, 
#fpMenus #menuTwo, 
#fpMenus #menuThree{
	height:275px;
}

#fpMenus #menuOne{
	background:url(../images/pageElements/fpMenuOne.png) no-repeat top left;
}

#fpMenus #menuTwo{
	background:url(../images/pageElements/fpMenuTwo.png) no-repeat top left;
	margin:0 43px;
}

#fpMenus #menuThree{
	background:url(../images/pageElements/fpMenuThree.png) no-repeat top left;
}

#fpMenus li ul{
	width:200px;
	margin:10px 0 0 20px;
}

#fpMenus li ul li{
margin:3px;
}

#fpMenus li ul li a{
	font-size:11pt;
	color:rgb(0,0,0);
	text-decoration:none;
}

#fpMenus li ul li h2 a{
font:normal 16pt Arial, Helvetica, sans-serif;
}

ul.fr{
	margin-top:10px;
}

li.fpLink{
	padding-left:15px;
}

#LP_specialContent{
	width:960px;
	margin:10px 0 0 12px;
	float:left;
	display:inline;
}

/*Header Search Box*/

#headerSearch{
	height:20px;
	margin-left:2px;
/*background:rgb(255,0,0);*/
}

#headerSearch input.searchEntry{
	border:solid 1px rgb(231,49,65);
	height:20px;
	width:140px;
	font-size:12pt;
	color:rgb(231,49,65);
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#headerSearch input.goButt{
	height:22px;
	font-size:14pt;
	color:rgb(231,49,65);
	margin:0 0 -5px 0;
	padding:0;
}

/*Splash Page Modal Window*/

#langSelectSplash{
	position:relative;
	margin-left:-9999px;
}
#splashWrap{
	position:relative;
	height:452px;
	width:739px;
	background:url(../images/pageElements/splash/splashBG.gif) no-repeat top left;
	}

#splashHeader{
	position:absolute;
	top:11px;
	left:11px;
}

#splashBody{
	position:absolute;
	bottom:20px;
	left:11px;
	height:180px;
	width:717px;
}

img.splashLogo{
	position:absolute;
	top:60px;
	left:20px;
}

img.splashLPG{
	position:absolute;
	bottom:20px;
	right:20px;
}

.langSelectMenu{
	color:rgb(21,84,140);
	text-align:left;
	padding:0 0 0 10px;
}

.langSelectMenu a{
	color:rgb(21,84,140);
	text-decoration:underline;
}

.langSelectMenu h3{
	font-size:18px;
	line-height:160%;
	color:rgb(255,0,0);
}

.langSelectMenu h4{
	font-size:14px;
	font-weight:normal;
	line-height:160%;
}



.langSelectMenu  .sub li{
margin-left:20px;
list-style:disc outside;
}

ul#Nederlands{
	position:absolute;
	top:0;
	left:210px;
	height:180px;
	width:200px;
	border-left:solid 1px rgb(21,84,140);
}

ul#Francais{
	position:absolute;
	top:0;
	left:410px;
	height:180px;
	width:200px;
	border-left:solid 1px rgb(21,84,140);
}

/*styles for autogasstation pages*/

.text-block{
	float: left;
	width: 184px;
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 10px;
	color: #E73241;
	background-color: #FFFFFF;
}


.text-block p{
	margin-left: -20px;
	color: #E73241;

}


.text-block-heading {

	font-weight: bold;
	color: #E73241;
	vertical-align: text-top;
}

.text-block1{
	float: left;
	width: 184px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 00px;
	color: #E73241;
	background-color: #FFFFFF;
}

.marginpadding0 {
	margin-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.padL15 {
	padding-left: 8px;
}
.text-block1 p{
	margin-left: -20px;
	color: #E73241;

}


.text-block-heading1 {

	font-weight: bold;
	color: #E73241;
	vertical-align: text-top;
}

/*Contact Form Temp*/

#contactForm{
	margin-left:20px;
}

#contactForm label{
	float:left;
	clear:left;
	width:150px;
	margin:5px 10px 5px 0;
}

#contactForm li{
	margin:10px 0;
}

.duo-form ul {
margin:10px;
}

.duo-form label {
padding:5px;
}

