/*****
Filename:		general.css
Author:			David Horton / James Condliffe
Date:			11/09/2006
Description:	Styles for general layout and typography 
				throughout the site.
******/

body
{
	background-color: #FFFFFF;
	background-image: url(../images/common/background.gif);
	background-repeat: repeat-x;
}

body.no-bg
{
	background-image: none;
}

body, pre
{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: arial, helvetica, "courier new";
	color: #666666;
}

img{border: 0;}

/* This div surrounds the entire site and centers it */
#mainbody 
{
    margin: 0 auto;
    width: 980px;
    padding: 0 20px 0 20px;
}

/* Standard link styles for the body */
a{color: #009EFF;}
a:link{color: #009EFF;}
a:visited{color: #CC66CC;}
a:hover{color: #EE3338;}
a:active{color: #ED8487;} 

p.smalltext
{
	font-size: 75%;
	line-height:1.3em;
}

/* The following additional CSS rules can be used to apply a nice looking icon to a link */
a.iconlink
{
	background: url(../images/common/linkgraphic.gif) right 200px repeat-y;
	padding-right: 10px;
}
a.iconlink:visited{background-position: right 100px;}
a.iconlink:hover{background-position: right 0;}

div#searchresults_container ul
{
	list-style: none;
}

div#searchresults_container ul li a
{
	text-decoration: none;
}

div#searchresults_container ul li a:visited
{
	color: #009EFF;
}

div#searchresults_container ul li.MajorTown
{
	font-weight:bold; 
}

div#searchresults_container ul li.MajorTown a
{
	color:#0079DC;
}

div#searchresults_container ul li.MajorTown a:hover
{
	color:#EE3338;
}

h2
{
	color: #FF0202;
	margin: 0;
	padding: 0;
	font-size: 130%;
}
h3
{
    color: #666666;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
h4
{   
    color: #666666;
	margin: 0;
	padding: 0;
	font-size: 110%;
}
h5
{
	margin: 0;
	padding: 0;
}

/* Navigation */
div#leftnav
{
	float: left;
	width: 150px;
}

div#menueheader
{
	margin: 0;
	padding: 0;
    height: 28px;
    width:150px;
	float: left;
	overflow: hidden;
	background-image:url(../images/navigation/blanknavheader.gif);
	background-repeat:no-repeat;
	
}

div#leftnav h3.title
{
	padding:5px 0 0 10px;
	color:White;
	font-size:small;
}
ul.leftnav
{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	clear: left;
	float: left;
	width: 150px;
	background: #D0DCFF url(../images/navigation/bottom.gif) center bottom no-repeat;
}

ul.leftnav li
{
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #D0DCFF url(../images/navigation/divider.gif) 5px bottom no-repeat;
}

ul.leftnav li a 
{
	text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    color: #000000;
    display: block;
    margin: 0;
    padding: 5px 10px 5px 20px;
    background: url(../images/navigation/arrow.gif) 5px 8px no-repeat;
    width: 120px;
}
ul.leftnav li a:visited{color:#000000;}
ul.leftnav li a:hover
{
	color: #000000;
    text-decoration: underline;
}

ul.leftnav li.selected a{background: url(../images/navigation/downarrow.gif) 5px 8px no-repeat;}

ul.leftnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.leftnav ul li
{
	background: #E9EFFF;
	background-image: none;
}

ul.leftnav li.selected ul li a, ul.leftnav li ul li a
{
	background: none;
	font-weight: normal;
}

ul.leftnav li ul li.selected a, ul.leftnav li ul li.selected a:visited
{
	background: #FF0202;
	color: #FFFFFF;
}

/* Three quarter width curved border box */
div.smallcurvedborder_outer
{
	float: left;
	background: url(../images/common/largebox.gif) bottom center no-repeat;
	padding-bottom: 5px;
}

div.smallcurvedborder_inner
{
	float: left;
	width: 400px;
	background: url(../images/common/largebox.gif) top center no-repeat;
}

/* Registration form styles */
div#register_instructions, div#contact_instructions
{
	margin: 15px 0 15px 0;
}

/* Breadcrumbs */
div.breadcrumbs 
{
    padding: 0 3px 3px 20px;
    height: 20px;
}

div.breadcrumbs a{color: #1C5BA2;}
div.breadcrumbs a:link{color: #1C5BA2;}
div.breadcrumbs a:visited{color: #1C5BA2;}
div.breadcrumbs a:hover{color: #1C5BA2;}
div.breadcrumbs a:active{color: #1C5BA2;}

/* Styling for the paging utility bar - previous, next and links */
div#paging
{
	float: left;
	margin: 10px 0 15px 25px;
	width: 515px;
	/* IE doubled margins */
	display: inline;
}

div#paging img {margin: 0 0 -8px 0;}

div#paging ul
{	
	width: 515px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

div#paging ul li
{	
	display: inline;
	margin: 0 0.2em 0 0.2em;
	padding: 5px;
	list-style-type: none;
}

/* Definition lists are used to display personal details */
dl.personaldetails dt
{
	display: block;
	margin: 5px 0 0 0;
	font-weight: bold;
}

dl.personaldetails dd
{
	display: block;
	margin: 0;
}


/****
Header
*****/
#header 
{
	padding: 0 0 0 20px;
	width: 960px;
	height: 129px;
	background-image: url(../images/common/topTile.jpg);
	background-repeat: repeat-x;
	background-color: #D0DCFF;
	margin: 0 0 7px 0;
}

div#header_utils
{
	float: left;
	height: 103px;
	width: 830px;
}

#header h1
{
	float: left;
	padding: 0;
	margin: 0;
}

#header h1 img 
{
	float: left;
	padding: 0;
	margin: 0;
}

#header div.column2
{
	float: left;
	margin: 0 200px 0 35px;
	width: 232px;
	display: inline;
}

/* Map Finder form */
#header div.column2 form
{
	margin: 5px 0 0 0; 
	float: left;
	color: #FFFFFF;
}

#header div.column2 form div.fieldcontainer, #header div.column2 form div.fieldcontainerslim
{
	width: auto;
	float: none;
	clear: none;
	margin: 0;
}

#header div.column2 form label 
{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

div#header div.column2 form label span.smallcomment
{
	float: left;
	width: 200px;
	font-size: 80%;
	font-weight: normal;
}

#header div.column2 form input
{
	width:  160px;
	margin: 5px 5px 0 0;
}

#header div.column2 form input.button
{
	float: left;
	width: auto;
}

#header div.column2 form br {display: none;}

#header div.column3 
{
	/*border: 1px solid orange;*/
	float: left;
	width:  119px;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(../images/common/verticalDots.gif);
	padding: 4px 0 0 22px;
	margin: 0 22px 0 0;
	height: 97px;
	font-size: 80%;
}

#header div.column3 img
{
	display: block;
	margin: 0 0 5px 0;
}

#header div.column3 a
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;	
}

/* Column with Shopping basket, delivery graphic etc */
#header div.column4 
{
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(../images/common/verticalDots.gif);
	width: 175px;
	height: 97px;
	margin: 0;
	font-size: 80%;
	padding: 4px 0 0 17px;
}

#header div.column4 a#link_56 img
{
	float: left;
	margin: 0 0 0 5px;
}

#header div.column4 a#link_148 img
{
	float: right;
	margin: 0 5px 0 0;
}

#header div.column4 em
{
	float: left;
	clear: left;
	color: #FFFFFF;
	font-style: normal;
	margin: 5px 0 0 5px;
	width: 85px;
}

#header div.column4 a#link_65
{
	float: left;
	margin: 5px 0 0 5px;
	color: #FFFFFF;
	text-decoration: underline;
	
	display: inline;
}



/* Login bar styling */
#header div.loginbar 
{
	height: 25px;
	width: 600px;
	float: right;
	padding: 3px 0 0 0;
}

div#header div.loginbar ul
{
	margin: -5px 5px 0 0;
	padding: 0;
	float: right;
}

div#header div.loginbar li
{
	/*margin: -1px 0 0 0;*/
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style-type: none;
}

div#header div.loginbar ul li a
{
	color: #1C5BA2;
	font-size: 80%;
	margin: 0 0 0 5px;
	padding: 0;
}

#header div.loginbar h4 
{
	font-size: 100%;
	color: #FF0202;
	float: right;
	margin: 2px 5px 0 0;
	padding: 0;
}

/* Start of actual form styling */
div#header form#login, div#header form#login fieldset
{
	margin: 0;
	padding: 0;
	float: right;
	width: 24.5em;
}

div#header form#login div.fieldcontainer, div#header form#login div.fieldcontainerslim
{
	/*border: 1px solid yellow;*/
	width: auto;
	float: left;
	position: relative;
	margin: -1px 0 0 0;
}

div#header form#login label
{
	/*border: 1px solid purple;*/
	margin: 0;
	padding: 0;
	width: auto;
	position: absolute;
	top: 3px;
	left: 5px;
	cursor: text;
	color: #CCCCCC;
}

div#header form#login input
{
	float: left;
	margin: 0 5px 0 0;
	width: 120px;
}

div#header form#login input.button
{
	margin-top: -1px;
	width: auto;
}

div#header form#login em.required {display: none;}

div#header div.loginbar img
{
	margin: -2px 0 0 0;
	float: right;
}

div#header div.loginbar p
{
	margin: 1px 4px 0 0;
	float: right;
}

/****
Footer
*****/
/* This div surrounds the entire site and centers it */
#footermain 
{
    margin: 0 auto;
    width: 980px;
    padding: 0 20px 0 20px;
}
div#footer 
{
	border-top: 3px solid #DDDDDD;
	width: 935px;
	color: #999999;
	font-size: 75%;
	margin: 15px auto 10px auto ;
	padding: 20px 20px 0 20px;
	clear: both;
}

div#footer div.footer1 
{
	padding: 0 0 0 20px;
	width: 140px;
	float: left;
}

div#footer div.footer2
{ 
	text-align: center;
	float: left;
	margin: 0 0 0 115px;
}

div#footer div.footer2 ul 
{
	margin: 5px 0 0 0;
	padding: 0;
}

div#footer div.footer2 li 
{
	display: inline;
	list-style-type: none;
	margin: 5px 5px 5px 5px;
}

div#footer div.footer2 li a {margin-left: 8px;}

div#footer div.footer2 p
{
	width: 380px;
	margin: 3px 0 0 0;
	padding: 0;
}

div#footer div.footer3
{
	float: right;
	padding: 0 20px 0 0;
	text-align: center;
}

/* Curved borders (present on most pages) */
div#curvedborder_1
{
	float: left;
	/* margin: 0 0 15px 115px; */
	margin: 0 0 15px 21px;
	background: url(../images/common/curvedborder_top.gif) top left no-repeat;
	padding-top: 9px;
	display: inline;
}

div#curvedborder_2
{
	float: left;
	background: url(../images/common/curvedborder_bottom.gif) bottom left no-repeat;
	padding-bottom: 9px;
}

div#curvedborder_3
{
	width: 587px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 15px 0 0 0;
	float: left;
	overflow: hidden;
}

div#curvedborder_container
{
	width: 530px;
	padding-bottom: 20px;
	float: left;
	margin: 0 0 0 30px;
	display: inline;
}

div#curvedborder_page
{
	width: 530px;
	padding-bottom: 20px;
	margin: 0 0 0 30px;
	float: left;
	display: inline;
	line-height: 1.5em;
}

div#curvedborder_page h3
{
	border-top: 1px double #1C5BA2;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	font-size: 110%;
	color: #EE3338;
	clear: both;
}

div#maptxt1
{
	margin:0 0 50px 0;
	padding-bottom:60px;
	list-style-type: none;
}

div#maptxt2
{
	margin:0 0 50px 0;
}

div#maptxt2 li
{
	list-style-type:none;
}


/* Address / tel details */
dl.address dt
{
	margin-top: 5px;
	font-weight: bold;
}


/* Standard table styling */
table.standard
{
	width: 350px;
	margin: 0 auto;
}

table.standard th
{
	text-align: left;
	font-weight: bold;
}

table.standard td, table.standard th
{
	background-color: #E5E8F1;
	padding: 3px;
}

/* Quick links boxout */
div.quicklinks
{
	width: 180px;
	border: 1px solid #E9EFFF;
	float: right;
	margin: 10px 0 5px 5px;
	padding: 5px;
}

div.quicklinks h4, div.quicklinks p
{
	margin: 0 0 5px 0;
}

div.quicklinks p
{
	font-size: 80%;
	line-height: normal;
}

div.quicklinks ul
{
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 80%;
	line-height: normal;
}

a.skiptoproducts
{
	/*border: 1px dotted #E9EFFF;*/
	float: right;
	font-size: 90%;
	margin: -20px  10px 5px 5px;
	padding: 0 10px 0 0;
	background: url(../images/common/skip-arrow.gif) no-repeat center right;
	text-decoration: none;
}

/* Social Networking Links */
p.addthis_button_top
{
	/*border: 1px dotted #E9EFFF;*/
	float: right;
	font-size: 90%;
	margin: 0 ;
	padding: 0 0 12px 0;
	text-decoration: none;
}

p.addthis_button_bottom
{
	/*border: 1px dotted #E9EFFF;*/
	margin-bottom: 20px;
}

/* Right hand Adverts */

div.AdvertsRight {
    overflow: hidden;
	width: 189px;
    float: right;
}

div#curvedborderAD_1
{
	background:url(../images/common/curvedborder_FR_top.gif) no-repeat scroll left top transparent;
	display:inline;
	float:left;
	margin:0 0 15px 0;

}
div#curvedborderAD_2
{
	margin-top:0;
	float: left;
	background: url(../images/common/curvedborder_FR_bottom.gif) no-repeat scroll left bottom transparent;
	padding-bottom: 9px;
}
div#curvedborderAD_3
{
	width: 187px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	float: left;
	overflow: hidden;
	background-color: white;
	margin-top:10px;
	
}
div#curvedborderAD_3 dd.image
{
	text-align:center;
	float:none;
	display:block;
	margin: 0 !important;
}

div.home div#curvedborderAD_3 dd.synopsis
{
	display:inline;
}

div#curvedborderAD_3 dd.synopsis
{
	text-align:center;
	float:none;
	height:30px;
	/*display:inline;*/
	/* margin: 0 !important; */
	margin: 0px 10px 5px 10px; 
	width:169px;
}
div#curvedborderAD_3 dt
{
	width:189px;
	margin: 10px 0 10px 0;
	min-height:0;
	text-align:center;
}

div#curvedborderAD_3 dl
{
	margin:10px 0 0 0 !important;
}


/* Bestsellers Lists */

div#bestsellers_list
{
	float:right;
	width:199px;
}

div#bestsellers_list_detail
{
	margin: 0 10px 0 0;
	font-size: 85%;
}

div#bestsellers_list_detail h2
{
	margin: 10px 10px 20px 5px;
	font-size: 95%;
	color:#666666;
	font-weight:bold;
}

div#bestsellers_list_detail h2 img
{
	margin: 10px 25px 15px 0;
}

div#mrl_prodTitle
{
	margin: 10px 0 0 5px;
}

div#mrl_prodTitle a
{
	text-decoration:none;
	color:#1C5BA2;
}

div#mrl_prodTitle a:hover
{
	text-decoration:underline;
	color:#EE3338;
}

div#bestsellers_list_detail p
{
	margin: 10px 0 0 5px;
	font-weight:bold;
}

div#bestsellers_list_detail ol
{
	padding: 0 0 0 28px;
}

div#bestsellers_list_detail li
{
	margin: 10px 0 0 0;
}

div#bestsellers_list_detail li a
{
	text-decoration:none;
	color:#1C5BA2;
}

div#bestsellers_list_detail li a:hover
{
	text-decoration:underline;
	color:#EE3338;
}

p.CaptionedImageRight
{
    padding: 0;
    float: right;
    margin: 5px 0px 20px 20px;
    font-size: 70%;
    text-align: right;
    width: 200px;
}

p.CaptionedImageRight250
{
    padding: 0;
    float: right;
    margin: 5px 0px 20px 20px;
    font-size: 70%;
    text-align: right;
    width: 250px;
}

p.CaptionedImageLeft
{
    padding: 0;
    float: left;
    margin: 5px 20px 20px 0px;
    font-size: 70%;
    text-align: left;
    width: 200px;
}

p.CaptionedImageLeft250
{
    padding: 0;
    float: left;
    margin: 5px 20px 20px 0px;
    font-size: 70%;
    text-align: left;
    width: 250px;
}

p.CaptionedImageCentre
{
    padding: 0;
   /* float: left;*/
    margin: 2px 5px 10px 5px;
    font-size: 70%;
    text-align: center;
}

body.no-bg  p{ text-align: center; font-size: 80%; }
body.no-bg p.loading{ margin: 20px; }
body.no-bg p.loading img{ margin: 0px auto; }

div#compare td, th {
margin:0;
padding:0;
text-align:center;
background-color:#D0DCFF
}

div#compare table td {
background-color:#E9EFFF;
padding:5px;
}

div#compare th.left
{
	text-align:left;
	background-color:#D0DCFF;
	padding:0 0 0 10px;
}

div.stoppress
{
	border-width: 2px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #000099;
	padding:10px;
	margin-bottom:40px;
}

div.stoppress p.heading
{
	font-size:medium;
	font-weight:bold;
	margin-top:0;
}

div#curvedborder_page div.ispy dl
{
	clear:both;
	}


div#curvedborder_page div.ispy dl dt
{
	float:right;
	margin:0 0 20px 0;
	padding:0 ;
	width:263px;
}
div#curvedborder_page div.ispy dl dd
{
	float:left;
	margin:0 0 20px 0;
	padding:0 10px 0 0 ;
	width:253px;
}

div#curvedborder_page div.guidebooks dl
{
	clear:both;
	}


div#curvedborder_page div.guidebooks dl dt
{
	float:right;
	margin:0 0 20px 0;
	padding:0 ;
	width:386px;
}
div#curvedborder_page div.guidebooks dl dd
{
	float:left;
	margin:0 0 20px 0;
	padding:0 10px 0 0 ;
	width:130px;
}

div#devicelogos div.dlogo
{
	float:right;
	width:94px;
	margin: 0px 15px 30px 0px;
}

div#devicelogos div.dlogo_last
{
	float:right;
	width:94px;
	margin: 0px
}

div#devicelogos div.dlogoTitle
{
	margin: 0 auto 0 auto;
	font-size: 80%;
	font-weight:bold;
	text-align:center;
	max-width: 133px;
}

div#devicelogos div.dlogoTitle a
{
	text-decoration: none;
	color: #1C5BA2;
}

div#devicelogos div.dlogoTitle a:hover 
{
	text-decoration:underline;
	color:#EE3338;
}

div#brandlogos div.blogo
{
	float:right;
	width:122px;
	height:98px;
	margin: 0px 10px 30px 0px;
}

div#brandlogos div.blogo_last
{
	float:right;
	width:122px;
	height:98px;
	margin: 0px 5px 30px 0px;
}

p.price
{
	font-size:medium;
	color:#EE3338;
	font-weight:bold;
}

p.price a
{
	text-decoration:none;
	color:#EE3338;
}

div#leftnav div#AdvertsLeft
{
	height:450px;
	position:relative;
}

div#AdvertsLeft div.image
{
	margin-left:0;
}

div#left_container
{
	float:left;
	width:150px;
}

div#Historicmapping h3
{
	border-top: 1px double #1C5BA2;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	font-size: 110%;
	color: #EE3338;
	clear: both;
}

div#pagecontent
{
	width: 587px;
	float: left;
	overflow: hidden;
	margin-left:25px;
	display: inline;
}

div#curvedborder_container_GL
{
	width: 530px;
	padding-bottom: 20px;
	float: left;
	margin: 0 0 0 230px;
	display: inline;
}

div#pageheader
{
	width: 587px;
	float: left;
	display: block;
	line-height: 1.5em;
}