/*
-----------------------------------------------------
Robert Horne (roberthorne.co.uk) SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2008.05
----------------------------------------------------- */

.images {text-indent: -9999px;}

div.col3 #contact {background-image: url('../images/contact/contact.gif') no-repeat top left; height: 220px; width: 220px;}

/*-------- Not sure, can someone comment this ?? --------*/
form#contact p {float: left; clear: both; margin: 5px 0 ; width: 100%;}
form#contact input.text,form#contact input.comment {float: right; width: 300px;border: 1px solid #dae2e8; background: #f6f8f9; padding: 3px;}
form#contact input.comment {height: 100px;}. m 
form#contact div.button input {width: 50px; float: right; margin: 0 0 0 5px;}
form#contact label {float: left;}
form#contact input.butt {float: right;}
/*-------- Google Maps --------*/

/* The Map */
#map{ position:relative; clear:both; width:710px; height:400px; }

/* Divisions table in map */
.divisions-table{ width:480px; margin-bottom:5px;}
.divisions-table thead td{ font-weight:700; padding-bottom:10px; }
.divisions-table tbody td{ padding-bottom:2px; }
#map .ag{ font-size:1.1em; font-weight:700; font-family:"Avant Garde", "Century Gothic", Arial, sans-serif; }
#map .loc-title{ display:block; padding-bottom:5px; }
#northampton-notice{ height:170px; border-left:1px solid #ccc; position:absolute; top:0; padding-left:10px; left:200px; width:180px; color:#333; font-size:0.9em; }
.finding-us-title{ display:block; padding-bottom:5px; font-size:1.3em; font-weight:700; font-family:"Avant Garde", "Century Gothic", Arial, sans-serif; }

/* Going to, coming from input bar */
#saddr, #daddr{ width:160px; }

/* Map categories */
#map-categories{ padding-bottom:20px; }
#map-categories li{ float:left; display:block; width:200px; margin-bottom:5px; }

dl.accordion {margin: 0; width: 710px;}
dl.accordion dt { zoom:1; display:block; background: #f6f8f9; padding: 10px 10px 10px 18px; font-size: 1em; color: #333;}
dl.accordion dt.alt {background: #edf0f3;}
dl.accordion dt.hover {background: #d0dbe3; cursor: pointer;}
#container dl.accordion dt.selected {background: #d0dbe3;}
dl.accordion dd {padding: 10px 0 0 18px;}
dl.accordion dd h4 {font-weight: bold;}
dl.accordion dd ul {margin: 0 0 10px 20px;}
dl.accordion dd ul li {list-style-type: disc; margin-bottom:5px; }

div#pagination { zoom:1; border-top: 1px solid #dae2e8; border-bottom: 1px solid #dae2e8; padding: 5px 0; margin: 5px 0; position: relative;}
div#pagination p {float:left; display:inline; margin:0; color:#506e84; }
div#pagination div#prevnext {width: 35px; position: absolute; top: 5px; right: 0;}
#faq-controls{ float:right; display:inline; }
#faq-controls li{ float:left; display:inline; width:15px; height:15px; margin-left:2px; }
#faq-controls li a{ width:15px; display:block; padding-top:15px; height:0 !important; height /**/:15px; overflow:hidden; }
#faq-controls li a:hover, #faq-controls li a.active{ background-position:-15px 0; }
#faq-prev a{ background:url(../images/contact/faq/prev.jpg) no-repeat; }
#faq-controls #faq-next{ margin-left:6px; }
#faq-controls #faq-prev{ margin-right:4px; }
#faq-next a{ background:url(../images/contact/faq/next.jpg) no-repeat; }
#faq1{ background-image:url(../images/contact/faq/1.jpg); }
#faq2{ background-image:url(../images/contact/faq/2.jpg); }
#faq3{ background-image:url(../images/contact/faq/3.jpg); }
#faq4{ background-image:url(../images/contact/faq/4.jpg); }
#faq5{ background-image:url(../images/contact/faq/5.jpg); }
#faq6{ background-image:url(../images/contact/faq/6.jpg); }
#faq7{ background-image:url(../images/contact/faq/7.jpg); }
#faq8{ background-image:url(../images/contact/faq/8.jpg); }
#faq9{ background-image:url(../images/contact/faq/9.jpg); }


/* Glossary */



ul.glossarynav {float: left; clear: both; margin: 0 0 20px 0; }
ul.glossarynav li {float: left; margin: 0 4px 0 0;}
ul.glossarynav a {display: block;  background-position: 0 0; color: #fff; font-weight: bold; padding: 1px 5px; font-size: 1.2em;background: #7192a9;}
ul.glossarynav a:hover {background: #d2dce4;}

dl.glossary { width: 710px; margin: 0; padding: 0; }
.glossary dt { width: 140px; float: left; padding: 5px 0; border-top: 1px solid #d2dce4; font-weight: bold;}
.glossary dd { float: left; width: 560px; padding: 5px 0; border-top: 1px solid #d2dce4; }
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */