/* Display stylesheet for www.ncpm247.co.uk */
/* Coded by Djenan Kozic, djenan.kozic@infoserve.com -- 22-05-2009 */

/* YUI RESETS */
@import url("yui-resets.css");

/* The Basics */
body { background-color:#e4e4e4; font:normal 62.5% "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida,  Verdana, sans-serif; margin:0; }
#page { position:relative; background:#e4e4e4 url('../images/scenic-background.jpg') no-repeat top left; width:855px; margin:0 auto; padding:313px 37px 0; }
.float-right { float:right; clear:right; margin:10px 0 10px 10px; }
.content .no-border { border-color:white; }

/* Branding */
.branding { width:868px; margin:0 0 16px 16px; background:transparent url('branding-bg.jpg') no-repeat top left; }
.logo { width:402px; height:115px; display:block; position:absolute; top:35px; left:45px; }
.branding p { background:transparent url('../images/call-for-quote-badge.gif') no-repeat top left; display:block; width:210px; height:206px; position:absolute; top:19px; right:32px; text-indent:-900em; overflow:hidden; }

/* Navigation */
.nav { width:150px; background: #fff url('../images/menu-top-border.gif') no-repeat top left; float:left; margin:0; padding:20px 20px 23px; }
.nav a { color:#a6ca36; display:block; text-decoration:none; font-size:1.2em; line-height:18px; padding:3px 6px; border-bottom:1px solid #eee; text-transform:uppercase; }
.nav a:hover, .nav a.on { color:#88c1f9; }
.nav ul { padding:3px 0px; list-style-type: square; list-style-position: inside; color:#888; width:auto; }
.nav ul li a { padding:0 0 0 6px; border:none; text-transform: capitalize; display:inline; }
.nav ul#locations { display:none; }

/* Content */
.content { width:576px; float:right; margin:0; background:#fff url('../images/contentarea-top-border.gif') no-repeat top left; padding:34px 34px 16px; position:relative; }
.content h1 { font-size:1.8em; color:#5c9ff2; padding-bottom:18px; border-bottom:1px solid #eee; line-height:18px; margin-bottom:18px; }
.content h2 { color:#86c00d; font-size:1.6em; line-height:18px; margin:1em 0; }
.content h3 { color:#e71165; font-size:1.3em; line-height:18px; margin:1em 0; }
.content blockquote { background:transparent url('../images/quote.gif') no-repeat top left; color:#8bc511; font-size:1.3em; line-height:18px; padding:0 20px 18px; }
.content p, .content cite { color:#6e6e6e; font-size:1.2em; line-height:18px; margin:0 0 18px; }
.content p strong { color:#2C2C2C; font-weight:bold; }
.content cite { padding-left:300px; display:block; }
.content ul { color:#4b535c; font-size:1.2em; line-height:18px; margin:1em 0; list-style-type:disc; list-style-position:inside; }
.content a { color:#a6ca36; text-decoration:underline; }
.content a:hover { text-decoration:none; }
.content span { background:transparent url('../images/contentarea-bottom-border.gif') no-repeat bottom left; display:block; width:644px; height:18px; position:absolute; bottom:0; left:0; }
.content img { border:1px solid black; }

/* Form Styles */
.content div.form-wrapper { float:left; width:280px; margin-right:8px; }
.content div.form-wrapper p { height:60px; }
.content div.form-wrapper em { color:#A00011; font-size:15px; }
.content form { background-color:#eee; width:248px; padding:15px 15px 15px; border:1px solid #ccc; }
.content form fieldset { padding:0; margin:0; }
.content form legend { color:#e71165; font-size:1.3em; margin:0; *margin-left:-6px; padding:15px 0 8px; border-bottom:1px solid #dfdfdf; width:250px; display:block; }
.content div.form-wrapper form ul { list-style-type:none; list-style-position: inside; padding:5px 0 15px 0; margin:0; }
.content div.form-wrapper form li { margin:0; padding:0; }
.content form input, .content form textarea { display:block; border:1px solid #999; width:242px; color:black; font-size:1.2em; line-height:18px; padding:3px; margin-bottom:10px; }
.content form label { display:block; padding:0; margin:0; *margin-left:-15px; text-indent:0; }
.content form fieldset ul.checkboxes input { display:inline; margin:0; *margin-left:-15px; width:auto; padding:0; border:none; vertical-align:top; }
.content form fieldset ul.checkboxes label { display:inline; margin-left:8px; vertical-align:baseline; }
.content form input[type="submit"] { background-color:#5CA9E5; border:1px solid #3278AB; width:auto; padding:3px 15px; color:white; }
.content form input[type="submit"]:hover { background-color:#50B426; border:1px solid #459D1E; }

/* Accreditions */
.accreditations { width:150px; background: #fff url('../images/menu-bottom-border.gif') no-repeat bottom left; float:left; margin:0; padding:20px 20px 23px; clear:left; }
.accreditations a { color:#9b9b9b; text-decoration:none; font-size:1.3em; line-height:1.85em; padding:6px; display:block; overflow:hidden; text-indent:-900em; }
.accreditations a:hover, .accreditations a.on { color:#88c1f9; }
.nfmwgc, .rospa, .chas, .ipaf, .bics, .londonchamber { margin:0 auto 15px;}
.nfmwgc { width:61px; height:51px; background: #DDD url('../images/fwc-logo.gif') no-repeat top left; }
.rospa { width:41px; height:42px; background: #DDD url('../images/rospa-logo.gif') no-repeat top left; }
.chas { width:65px; height:41px; background: #DDD url('../images/chas-logo.gif') no-repeat top left; }
.ipaf { width:55px; height:30px; background: #DDD url('../images/ipaf-logo.gif') no-repeat top left; }
.bics { width:92px; height:31px; background: #DDD url('../images/bicsc-logo.gif') no-repeat top left; }
.londonchamber { width:97px; height:46px; background: #DDD url('../images/chamber-of-commerce-logo.gif') no-repeat top left; }

/* Site Info */
.site-info { clear:both; padding:24px 0 10px; text-align:center; }
.site-info p { color:#f7faf2; font-size:1.1em; line-height:18px; }
.site-info a { color:#abe62e; text-decoration:underline; }
.site-info a:hover { text-decoration:none; }