/*
 * Generic rules
 */

body {
	/*background: white;*/
	/*background: #ffffff url('/test3/images/topbarold.jpg') no-repeat fixed center; */	
	color: black;

	margin: 0; /* IE and Gecko */
	padding: 0; /* Opera */
    line-height: 1.5em;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size:80%;
}
pre 
{
    color: #6D6E71;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	margin: 0; /* IE and Gecko */
	padding: 0; /* Opera */
    line-height: 1.5em;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size:100%;
	/*padding-right:10px;*/
}
a.news 
{
    text-decoration:none;
}
table.form
{
    border:solid 1px #0072B4;
    border-spacing:0;    
}

table.form td.titleName{padding-left:11px;padding-top:5px;padding-bottom:5px;}
table.form td.formName
{
   padding-top:5px;
   padding-bottom:5px;
   padding-left:11px;
  /*  border-style:solid;
    border-width:1px;
    border-color:#FFFFFF #FFFFFF #F8931D #FFFFFF;
    border-spacing:0;   */
}
table.form td.input
{   padding-top:5px;
   padding-bottom:5px;

    }
table.content
{
    border-style:solid;
    border-width:1px;
    border-color:#0072B4;
}

table.tollLink
{
    border-style:solid;
    border-width:1px;
    border-color:#F8931D;
    background-color:#0072B4;
    border-collapse:collapse;
}
table.tollLink td
{
    border-style:solid;
    border-width:2px;
    border-color:#F8931D;
    background-color:#0072B4; 
    border-spacing:0;   
}

table.pagelayout {
	border: 1px;
	border-color: gray;
	border-style: solid;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	align: center;
	width: 996px;
	height:100%;
}

table.pagelayout td {
	vertical-align: top;
	padding: 0;
}

:link { color:#0072b4; }
:visited { color: #0072b4; }

:link img,
:visited img { border: 0; }

:link:hover,
:visited:hover { color: #FC0; }

/* 
 * Rules for the top of the page 
 */
h2 
{
	font-size: large;
}
h1 {
	background: #CCCCCC;
	color: white;

	margin: 0;
	/* padding: 0.4em 0;*/

	font-weight: normal;
	text-align: Left;
	word-spacing: -0.25em;
	letter-spacing: -0.10em;
}

h1 img {
	float: left;
	/*margin-left: 0.4em;*/
}

#pagebanner {
	background-image:url("/images/topbar.jpg");
	background-repeat:no-repeat;
	background-position: center center; 
	/*background-attachment: scroll;*/
  	height:210px;
  	width :996px;
  	border-bottom: 0.2em solid white;	
	margin: 0;
	padding: 0;
	clear: both;

}

#pagebanner p {

	padding-left: 8.8cm;
	padding-top: 5cm;
	color : #FFFFFF;
	/*clear: left; */
}


#pagebanner :link, #pagebanner :visited {
	color: #FFFFFF;
	text-decoration: none;
}

#pagebanner :link:hover, #pagebanner :visited:hover {
	text-decoration: none;
}


/* 
 * Rules for the use of imagemap on the page banner #pagebanner
 * more info. see wiki page under swr
 */

#swrlogo a {
  position: absolute;
  height: 50px;
  width: 100px;
  top: 10px; 
  text-decoration: none;
}
  
#swrlogo a i { visibility: hidden; }
a#home { margin-left: 870px; }
a#home:hover,
a#indicia:hover { border: none; } 
  
#m4logo a {
  position: absolute;
  height:150px;
  width: 300px;
  top: 20px; 
  text-decoration: none;
}
  
#m4logo a i { visibility: hidden; }
a#tag { margin-left:20px; }
a#tag:hover,
a#indicia:hover { border: none; }   
  
  
#m4quote {
  position: absolute;
  height: 20px;
  width: 500px;
  top: 185px; 
  padding-left:218px;
  text-decoration: none;
  color : #FFFFFF;
  font-size:6pt
}

#m4quote a  { visibility: visible; }
a#mquote { padding-left:16%; font-size:6pt }
a#mquote:hover { text-decoration: none; font-size:6pt}

#homepageLink 
{
   position: absolute;
   top: 183px; 
  font-size:6pt
  text-decoration: none;
  color : #FFFFFF;
  padding-left:780px;
  text-decoration:none;  
}
#homepageLink a {text-decoration:none;}
#homepageLink a:hover {text-decoration:none;}
 /*position printer icon for FAQ > Travelling and Customer*/
#printer{
   position: absolute;
   top: 229px; 
  padding-left:570px;

 }
 /*position printer icon for FAQ > Motorway & other*/
 #printer1{
   position: absolute;
   top: 235px; 
  padding-left:316px;

 }


/* 
 *Rules for the news panel
 */
 #newspanel {
 	position: absolute;
 	height: 20px;
 	width: 500px
 	top: 188px
 	left: 50px
 	border: 0.2em solid black;
 	margin: 1em 0;

 }
 
 #newspanel h2 {
 	border-bottom: 0.2em solid black; /* To match the border on .panel */
 	background: black;
 	color: white;

 
 	margin: 0;
 }
 
 #newspanel h3,
 #newspanel p {
 	margin-left: 0.5em;
 	margin-right: 0.5em;
 }
 
 #newspanel h3 {
 	margin-top: 0.8em;
 	margin-bottom: 0.4em;
 
 }
 
 #newspanel p {
 	margin-top: 1em;
 	margin-bottom: 1em;
 }
 
 #newspanel .newsItems {
 	margin: 0;
 	padding: 0;
 
 	padding-left: 2em;
 	
 	height: 20em;
 	overflow: auto;
 }
 
 #newspanel .newsItems li {
 	margin: 1em 0.5em;
 	list-style: url(/images/bullet_arrow.gif) disc outside;
 }
 
 #newspanel :link,
 #newspanel :visited {
 	font-weight: bold;
}



#formbanner {
	background: #0072b4;
	color: white;

	border-bottom: 0.2em solid white;

	margin: 0;
	padding: 0.5em 1em;
	clear: both;
	width: 730px;
}
/*
 * Rules for rightSideHomePage
 */

#rightside {
	background: #F8931D;
	padding-top: 10px;	
}
#rightsidebottom {
	background: #F8931D;
	padding-top: 10px;	
}
#newsHeadline{
	border: 0;
	border-spacing: 0;
	background: #0072B4;
	color: #FFFFFF;
	border-style:solid;
	padding-left:5px;

}

#newsHeadline p{

	padding-left: 0.2cm;

	color :  #FFFFFF;	
}
#newsContent  {
	padding-left: 0.2cm;
	padding-top:0.1cm;
	color :  #6D6E71;
	padding-right:0.2cm;
	border:0;
	border-style:solid
}
#newsContent b{color:Black:}
#newsContent a{color:#072ABF;}
#newsContent a:hover{color:#586FD2;}

/*
 * Rules for the menu
 */

#menucell {
	background: #0072B4;
	padding: 2px;
	padding-left: 0;
	height:100%;
	width:200px;
}

#menucell ul {
	margin: 0;
	padding: 0; 
}

#menucell li {
	list-style: none;     
	margin: 0;
	/* Ideally we'd set this padding on the link, but that makes IE go wonky */
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/* We set an invisible border here so the page doesn't jump when we add one
	 * in :hover */

}
/*li.submenu1 is for base menu without arrow after them*/
#menucell li.submenu1 {
	background-repeat: no-repeat;
	background-position: 98% center;
	border-width: 1px;
    border-style: solid;
    border-color: #0072B4 #0072B4 #F8931D #0072B4;    
	/* We put "position: relative" on LIs with submenus, rather than all LIs,
	 * because IE has a weird (yet apparently standards-compliant) interaction
	 * between z-index and position: relative.
	 */
	position: relative;
}
/*li.submenu class is for base menu with arrow after titles*/
#menucell li.submenu {
	background-image: url(/images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 98% center;
	border-width: 1px;
    border-style: solid;
    border-color: #0072B4 #0072B4 #F8931D #0072B4;    
	/* We put "position: relative" on LIs with submenus, rather than all LIs,
	 * because IE has a weird (yet apparently standards-compliant) interaction
	 * between z-index and position: relative.
	 */
	position: relative;
}

#menucell li#submenu2 {
	background-image: url(/images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 98% center;

	/* We put "position: relative" on LIs with submenus, rather than all LIs,
	 * because IE has a weird (yet apparently standards-compliant) interaction
	 * between z-index and position: relative.
	 */
	position: relative;
}
#menucell li#paymentSub {
	background-image: url(/images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 98% center;

	/* We put "position: relative" on LIs with submenus, rather than all LIs,
	 * because IE has a weird (yet apparently standards-compliant) interaction
	 * between z-index and position: relative.
	 */
	position: relative;
}
#menucell li#submenu2 ul {
	visibility: hidden;

	background: #F7931D;
	margin: 0;
	padding: 2px;
	position: absolute;
	left: 98%;
	width: 100%;
	top: -4px; /* 1px ul border + 2px ul padding + 1px li border */
}
#menucell li#paymentSub ul {
	visibility: hidden;

	background: #F7931D;
	margin: 0;
	padding: 2px;
	position: absolute;
	left: 98%;
	width: 100%;
	top: -4px; /* 1px ul border + 2px ul padding + 1px li border */
}

#menucell li.submenu ul.submenu {
	visibility: hidden;

	background: #F7931D;
	margin: 5px;
	padding: 2px;
	position: absolute;
	left: 98%;
	width: 100%;
	top: -4px; /* 1px ul border + 2px ul padding + 1px li border */
}

#menucell li#paymentSub:hover ul.submenu2,
#menucell li#paymentSub.over ul.submenu2 { visibility: visible; z-index: 5; }
#menucell li#submenu2:hover ul.submenu2,
#menucell li#submenu2.over ul.submenu2 { visibility: visible; z-index: 5; }
#menucell li.submenu:hover ul.submenu,
#menucell li.submenu.over ul.submenu { visibility: visible; z-index: 5; }

/*make alignment of mainmenu go right*/
#menucell a.mainMenu { 
	display: block; 	/* For maximum clickable area */

	/* Everything else on the left-hand side of the page has 1em of padding,
	 * but the menu's font is 8/10 of normal size, so the padding must be 10/8.
	 */
	padding-left: 1.25em;  /* IE goes wonky if there's any kind of padding other than -left */
	padding-right: 1.25em;
	text-align:right;
     /* border:solid 1px black;*/
}
#menucell a { 
	display: block; 	/* For maximum clickable area */

	/* Everything else on the left-hand side of the page has 1em of padding,
	 * but the menu's font is 8/10 of normal size, so the padding must be 10/8.
	 */
	padding-left: 1.25em;  /* IE goes wonky if there's any kind of padding other than -left */
	padding-right: 1.25em;
     /* border:solid 1px black;*/
}

#menucell :link,
#menucell :visited {
	color: #FFFFFF;
	text-decoration: none;
}

#menucell li.submenu:hover,
#menucell li.submenu.over {
	background-color: #F7931D;
	border: 1px #F8931D solid;	
}
#menucell li.submenu1:hover,
#menucell li.submenu1.over {
	background-color: #F7931D;
	border: 1px #F8931D solid;	
}
#menucell li.sub:hover,
#menucell li.sub.over {
	background-color: #F7931D;
	border: 1px #0072B4 solid;
}
#menucell li#submenu2:hover,/*Third level menu*/
#menucell li#submenu2.over {
	background-color: #F7931D;
	border: 1px #0072B4 solid;
}
#menucell li#paymentSub:hover,/*Third level menu*/
#menucell li#paymentSub.over {
	background-color: #F7931D;
	border: 1px #0072B4 solid;
}
/*
 * Rules for the main page content
 */

#mainpagecontent {
	border-left: 0.2em solid white;
}

#mainpagecontent .spotlight {
	background: white;
	color: #6D6E71;

	border-bottom: 0.17em solid white;

	float: left; /* So that we expand to the height of the contained image */
}

#mainpagecontent .spotlight img {
	float: left;
}

#mainpagecontent .spotlight h2, 
#mainpagecontent .spotlight p { margin: 1em;  }

#mainpagecontent .spotlight h2 {  }

#mainpagecontent .spotlight p { margin-bottom: 0; }

#mainpagecontent .spotlight h2 :link,
#mainpagecontent .spotlight h2 :visited { color: black; }

#mainpagecontent .featurelist {
	clear: both;

	/* border: 0.2em solid #898989;*/
	margin: 0;
	padding: 0.5em 2em;
}

#mainpagecontent .featurelist img {
	float: left;
	margin-right: 15px;
}

#mainpagecontent .featurelist h2, 
#mainpagecontent .featurelist p {
}

#mainpagecontent .featurelist h2 {
	margin-top: 0;
	margin-bottom: 0;
	clear: left;
}

#mainpagecontent .featurelist p {
	margin-left: px;
	margin-top: 0.5em; 
	margin-bottom: 0.8em; 
	color: #6D6E71;
}

div.floatclearer {
	clear: both;
	height: 0;
}

/*
 * Rules for the (optional) right-hand sidebar.
 */

#mainpagesidebar,
#sidebar {
	/*border-left: 0.2em solid white;*/
	width: 12em;
}

#mainpagesidebar .advert,
#sidebar .advert {
	margin-bottom: 1em;
	text-align: center;
}

#mainpagesidebar h3,
#sidebar h3 {
	margin: 0.2em 0;
}

#sidebar .panel {
	border: 0.2em solid black;
	margin: 1em 0;

}

#sidebar .panel h2 {
	border-bottom: 0.2em solid black; /* To match the border on .panel */
	background: black;
	color: white;

	margin: 0;
}

#sidebar .panel h3,
#sidebar .panel p {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#sidebar .panel h3 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}

#sidebar .panel p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#sidebar .panel .newsItems {
	margin: 0;
	padding: 0;

	padding-left: 2em;
	
	height: 20em;
	overflow: auto;
}

#sidebar .panel .newsItems li {
	margin: 1em 0.5em;
	list-style: url(/images/bullet_arrow.gif) disc outside;
}

#sidebar .panel :link,
#sidebar .panel :visited {
	font-weight: bold;
}


/*
 * Rules for the (optional) left-hand sidebar.
 */

#mainpageleftsidebar,
#leftsidebar {
	padding-left:10px;
	padding-top:1em;

}

#mainpageleftsidebar .advert,
#leftsidebar .advert {
	margin-bottom: 1em;
	text-align: center;
}

#mainpageleftsidebar h3,
#leftsidebar h3 {
	margin: 0.2em ;
}

#leftsidebar .panel {
	border: 0.2em solid black;
	margin: 1em 0;
}

#leftsidebar .panel h2 {
	border-bottom: 0.2em solid black; /* To match the border on .panel */
	background: black;
	color: white;
	margin: 0;
}

#leftsidebar .panel h3,
#leftsidebar .panel p {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#leftsidebar .panel h3 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}

#leftsidebar .panel p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#leftsidebar .panel .newsItems {
	margin: 0;
	padding: 0;

	padding-left: 2em;
	
	height: 20em;
	overflow: auto;
}

#leftsidebar .panel .newsItems li {
	margin: 1em 0.5em;
	list-style: url(/images/bullet_arrow.gif) disc outside;
}

#leftsidebar .panel :link,
#sidebar .panel :visited {
	font-weight: bold;
}


/*
 * Rules for ordinary page content.
 */

address { font-style: normal; }

address:first-line { font-weight: bold; }

#content { padding-left: 1em; padding-top: 1em; color: #6D6E71;}

#content h2 { margin-top: 0; color: #0072b4;}

#content h3 { margin: 0; margin-top: 0.5em; color: #0072b4;}

#content p { margin: .5em; padding-bottom: 0.3em;margin-top: 0;}

#content img {
	margin: 0.25em;
	padding-right: 1em;

	float: left;
}

#content .customerStory {
	border: 1px solid #F1F1F1;

	margin: 1em 0;
}

#content .customerStory h3 {
	margin-top: 0 !important;
	padding: 0.2em;
	background: #F1F1F1;
}

#content .customerStory p {
	margin: 1em 0.5em; 
}



#sidebar #otherUsers {
	text-align: right;
	padding-right: 1em;

	margin-left: 0;
	padding-left: 0;
}

#sidebar #otherUsers li {
	list-style: none;
}

dt { font-weight: bold; }

.newsContactDetails p {
	margin: 0;
}

table.contactform {
	width: 30em;
}

table.contactform td {
}

table.contactform input,
table.contactform textarea {
	display: block;
	width: 100%;
	padding: 0;
	border: 1px solid #898989;
}

/* 
 * Rules for the dialog forms
 */
table.form th {
	text-align: left;

	width: 8em;
}

/*
 * Rules for the page footer.
 */
#menuFooter,
#footer {
	border-top: 0.2em solid white;

	text-align: center;
	vertical-align: middle;

	color: #C2C2C2;
}

/*
 * Rules for popup windows
 */

body.popup {
	margin: 0;
	padding: 1em;
}

body.popup h1 {
	margin: -0.4em;
	margin-bottom: 0.5em;
	padding-left: 0.4em;
	text-align: left;
	word-spacing: 0;
}
 #tollbar p{
    padding-top: 10px;

 }

#mapflash p{
	padding-left: 1em;color: #6D6E71;
	padding-top:1em;
}
#mapflash {
	padding-left: 5px;color: #6D6E71;
	padding-right:5px;
}
 
#tollpagecontent {
	padding-left: 1em;color: #6D6E71;
	padding-top:1em;
}


#tollpagecontent .spotlight {
	color: #6D6E71;


	/* float: left; *//* So that we expand to the height of the contained image */
	width: 100%;
}

#tollpagecontent .spotlight img.image {
	margin: 0.25em;
	padding-right: 1em;
	
	float: left;
}

#tollpagecontent .spotlight img.elogo {

}

#tollpagecontent .payment img {
	margin: 0.25em;
	padding-right: 1em;
	
	
}
/*style for Previous News Section*/
#tollpagecontent .spotlightPrevious {
	margin: 0.3em;  
	margin-bottom: 1em;	
	margin-right: 0.7cm;	
}

#tollpagecontent .spotlight p {
	margin: 0.5em;  
	margin-bottom: 1em;	
	margin-right: 0.7cm;	
}

#tollpagecontent .spotlight1 p {
	margin: 0.5em;  
	margin-bottom: 1em;	
	margin-right: 0.7cm;	
}

#tollpagecontent .spotlight li {
	margin: 0.5em;  
	margin-bottom: 1em;	
	margin-right: 0.7cm;	
}

#tollpagecontent .payment p {
	margin: 0.5em;  
}


#tollpagecontent .spotlight dl {
	margin: 1em; 
}

ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none; margin: 1.8em; }


#tagcontent { padding-left: 1em; padding-top: 1em; color: #6D6E71;}

#tagcontent h2 { margin-top: 0; color: #0072b4;}

#tagcontent h3 { margin: 0; margin-top: 0.5em; color: #0072b4;}

#tagcontent p { margin: .5em; padding-bottom: 0.3em;margin-top: 0;}

#tagcontent img {
	margin: 0.25em;
	padding-right: 1em;
	/*float: left;*/
}
#tagcontent img.notice
{
    padding-right:0;
}

table.timeline {
	border: 0;
	
}

table.timeline td {
	vertical-align: top;	
	padding: 0;

}
table.timeline td.printable
{
     padding-left:250px;
}
/* 
 * Rules for the use of imagemap on the page banner #pagebanner
 * more info. see wiki page under swr
 */



/* for the home page */
#homepagebanner {

}
#homepagebanner p 
{
	color :  #6D6E71;
	
	/*clear: left; */
}


#homelogo a {
  position: absolute;
  height: 30px;
  width: 250px;
  top: 460px; 
  text-decoration: none;
  }
  
#homelogo a i { visibility: hidden; }
a#toll { top: 450px;  left: 730px; }
a#toll:hover,
a#gettag {top: 490px; left: 730px; }
a#gettag:hover,
a#tollp {top: 530px; left: 730px; }
a#tollp:hover,
a#indicia:hover { border: none; } 

#mapFlash {padding-left:5px;}