/* -------------------------------------------
project:	VisitBritain
date:		2009/08/08
------------------------------------------- */
* { margin 0; padding 0; }
html { }
body { margin: 0; padding: 0; background: #eee; color: #555; font: 62.5%/1.25 Verdana, Arial,Helvetica Neue,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica Neue,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */


li, dt, dd, p, th, td, caption { font-size: 1.2em; }
p {padding:.1em 0;line-height:1.5;margin:0 0 .5em 0}


img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #369; text-decoration: underline; }


/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #fff; font: normal 2.4em verdana, Lucida Grand,Lucida Sans Unicode,sans-serif; }
/*h1 { font-size: 2.2em; }*/
h1 { font-size: 1.5em; color: #666; font-weight: bold;}
h2 { font-size: 1.3em; color: #666; margin: 0.6em 0 0.2em 0; font-weight: bold;}
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#w {width: 700px; margin: 0 auto; margin-top: 50px; border: 1px solid #ccc; background-color: #fff;}
#img {width:700px;margin:0 auto;}
#img img {float:right;margin:5px 0 0 5px}
#logo {width: 690px; background-color: #b73c39;margin: 5px auto 0 auto;}
#strap {width: 690px; margin: 5px auto 0 auto;}
#strap h1 {position:absolute;left:-9999px}


#content {width: 690px; border-top: 1px solid #ccc; overflow: auto;margin: 0 auto;}

#nav {float: left; width: 200px; padding-top: 1em;}
#nav ul {list-style:none;margin:0;padding:0}
#nav li {margin-bottom: 0.5em;}
#nav li a {display:block;text-decoration:none;background:#fff;color:#7d7d7d;text-transform:uppercase;font-size:1.1em;font-weight:bold;padding:.3em .5em .3em .5em}
#nav li span {display:block;text-transform:capitalize;color:#9a9a9a;font-size:.8em;font-weight:normal}
#nav li a:hover {background:#eee}

#main {float: right; width: 450px;padding:1em 1em}
#main p {font-size: 1.1em;}

.filter {background-color: #eee; border: 1px solid #ccc;}
.filter h2 {background-color: #b73c39; color: #fff; font-size: 12px; margin: 0; padding: 4px 4px;}
.filter .label {padding: 5px;}
.filter .field {padding: 5px;} 
.filter span {font-size: 10px; margin: 0 4px;}

.both {clear:both}

.modalBackground { background-color:#000; filter:alpha(opacity=80); opacity:0.8; }
.confirm{ background-color:White; padding:10px; width:370px; }