/*css document */


/* common styling*/
body {
margin : 0;
color: #444; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.8em;
background:  #efefef url("shadow.jpg");
background-position:center top;
background-repeat:repeat-y;
}

img {border: 0; margin: 0;}
a:link{text-decoration: underline; color:  #333;}
a:visited{text-decoration: underline; color: #333;}
a:hover{text-decoration: none; color: #333;}



/* inject some space between list items*/
#space li, ul.space li, ol.space li {margin: 5px 0 5px 0;}

h1 {/*height: 1.5em;*/
font-family: Georgia, 'Times New Roman', serif;
	margin: 20px 0 20px 0;
	font-size: 1.8em;
	color: #B0A442;
	word-spacing: -0.1em;}

h2 {margin: 20px 0 5px 0;
font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.3em;
	color: #B0A442;}
	
h3 {margin: 18px 0 5px 0;
	font-size: 1.1em;
	color: #B0A442;}

th {text-align: left;}

#breadcrumb{text-transform: lowercase; margin-bottom: 10px; height: 1em;}

#print {margin: 10px 0 10px 0; clear: both; float: left; width: 100%;}


	

/***************HEADERS START*****************
#header {
background: #fff url(../../images/top.jpg);
width: 960px;
margin-left: auto;
margin-right: auto;
height: 150px;
color: #444444;
}

#header2 {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color:#666;
height: 25px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;

}

/**************HEADERS END******************/





/***************SIDE  START******************/
/* These divs are floated because the menu is - and so margin top settings work*/ 
#mailing-list {float: left; margin: 20px 0 10px 0; font-size: 0.8em;}
#mailing-list input {margin: 2px 0 2px 0;}


#w3c-l img, #w3c-r img {margin: 10px 0 0 0; width: 70px; height: 25px;}
#w3c-l{float: left;}
#w3c-r{float: right;}
/***************HEADER NAV END******************/

/***************MAIN CONTENT ******************/
#main-holder {margin: 0; width: 770px; clear: both; float: left;}
div.main-right {width: 250px; float: right; display: block; border: 0px solid #FFCC00; padding-left: 10px; text-align:right;}
div.main-left {width: 490px; float: left; padding-right: 10px; border: 0px solid #679BC2; text-align:justify;}
/***************MAIN CONTENT END******************/



img.main {
vertical-align:bottom;
border:1px dotted #B0A442;
padding: 20px;
margin: 15px 0 10px 10px;
}

img.flag-uk {
margin:2px 15px 0 0 ;
}
img.flag-france {
margin:2px 0 0 15px ;
}

/***************BULLET LIST******************/

ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points{
background-image: url(http://www.presdupuits.co.uk/dev/include/ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: normal;
font-style:italic;
}
/***************BULLET LIST END******************/




ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background-color: #fff;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: normal;
font-size:1em;
text-align:right;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width should have the padding subtract ////////////*/
width: 200px;
padding: 6px 0 6px 2px;
color: #000066;
}
ul.mainnav li {
border-bottom:1px dotted #B0A442;
border-left: 0px solid #999;
margin:0 20px 0 20px;
}
ul.mainnav li a:hover {
background-color: #fff;
color: #B0A442;
}

tr.main td {
border-bottom:1px dotted #B0A442;
padding: 5px 0 5px 10px;
}

tr.main-heading td {
border-bottom:1px dotted #B0A442;
padding: 5px 5px 5px 10px;
background-color:#EFEFEF;
font-weight:bold;
}

td.main-left {
width: 200px;
}

tr.main-middle td{
border-bottom:1px dotted #B0A442;
padding: 5px 10px 5px 10px;
vertical-align:top;
}

td.main-right {
width: 220px;
}

tr.tariff-header td {
border-bottom:1px dotted #B0A442;
padding: 5px 0 5px 10px;
width: 132px;
font-size: 0.9em;
text-align:center;
font-weight:bold;
}

tr.tariff td {
border-bottom:1px dotted #B0A442;
padding: 5px 0 5px 10px;
width: 132px;
font-size: 0.9em;
text-align:center;
}

tr.bb-tariff-header td {
border-bottom:1px dotted #B0A442;
padding: 5px 0 5px 10px;
width: 20px;
font-size: 0.9em;
text-align:center;
font-weight:bold;
}

tr.bb-tariff td {
border-bottom:1px dotted #B0A442;
padding: 5px 0 5px 10px;
width: 220px;
font-size: 0.9em;
text-align:center;
}