/*reset*/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*fonts*/
body { font: 13px Arial, Helvetica, sans-serif; font-size: small; font: x-small; background: #fff; }
table { font-size: inherit; font: 100%; }
select, input, textarea { font: 99% Arial, Helvetica, sans-serif; }
pre, code { font: 115% monospace; font-size: 100%; }
body * { }
/* IMAGES ---------------------- */
img, a img { border: none; }
/* TABLES ---------------------- */
table { margin-bottom: 1.2em; font-size: 1em; }
/* FORMS ----------------------- */
form { margin: 0; }
textArea { height: 77px; }
/* CLEARS n FLOATS ----------------------- */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; display:block;}
.floatleft { float: left; }
.floatright { float: right; margin: 0 0 15px 15px; clear: both; }
.screen-readers { position: absolute; left: -9999px; top: -9999px; z-index: 2; }

.error
{
    color:Red !important;
}
/* LAYOUT BLOCKS ----------------------- */

body { text-align: center; padding: 0 0; margin: 0; background: #fff; color: #555; }

#wrapper { text-align: left; margin: 0 auto 0 auto; position: relative; padding: 0 0; width: 950px; }

#header { width: 100%; padding: 0 0 0 0; height: 90px; margin: 10px 0; background: url(../../Content/images/siteImages/logo.gif) no-repeat 0 0; }

#mid { width: 100%; padding: 0 0 0 0; }
#side { width: 230px; padding: 0 0 0 0; float: left; display: inline; }
#main { width: 710px; padding: 0 0 0 0; float: left; display: inline; margin-right: 10px; }
#main.fullwidth { width: 100%; padding: 0 0 0 0; float: left; display: inline; }

#footer { width: 100%; padding: 10px 0 0 0; margin-top: 10px; border-top: #999 1px solid; }


/* ----- header ----- */
#logo { height: 44px; background: #FFFF66; float: left; }


/* ----- nav ----- */
#nav { text-indent: -9999px; float: left; height: 38px; width: 100%; background: url(../../Content/images/siteImages/back-mainnav.jpg) repeat-x 0 0; margin-bottom: 20px; }

/* NAV  */
#nav ul { display: inline; margin: 0 0 0 0; }
#nav li { margin: 0 0 0 0; float: left; display: inline; }
#nav a { display: block; margin: 0; height: 38px; }

#nav-home { background: url(../../Content/images/nav/nav-home.gif) no-repeat 0 0; width: 113px; }
#nav-docs { background: url(../../Content/images/nav/nav-docs.gif) no-repeat 0 0; width: 145px; }
#nav-regs { background: url(../../Content/images/nav/nav-regs.gif) no-repeat 0 0; width: 146px; }
#nav-news { background: url(../../Content/images/nav/nav-news.gif) no-repeat 0 0; width: 145px; }
#nav-recyclesearch { background: url(../../Content/images/nav/nav-recyclesearch.gif) no-repeat 0 0; width: 168px; }
#nav-contact { background: url(../../Content/images/nav/nav-contact.gif) no-repeat 0 0; width: 121px; }
#nav-about { background: url(../../Content/images/nav/nav-about.gif) no-repeat 0 0; width: 112px; }

/*#nav-home:hover, #nav-about:hover, #nav-services:hover, #nav-contact:hover { background-position:0 -38px;}
#page-home #nav-home, #page-services #nav-services, #page-about #nav-about, #page-contact #nav-contact {background-position:0 -38px;}*/

#nav span { position: absolute; left: -9999px; top: -9999px; z-index: 2; }

/* CONTENT  ----------------------- */

/* ----- home----- */

#banner-home { width: 710px; height: 268px; float: left; background:#005B9E url(../../Content/images/banners/banner-home.jpg) no-repeat 0 0; position: relative; }

#banner-home ul { }

#home-links { background: #fff url(../../Content/images/siteImages/back-mid2.jpg) repeat-x 0 0; width: 100%; float: left; margin-top: 20px; }
.linksection { width: 230px; float: left; display: inline; margin-right: 10px; margin-top: 15px; }
.nomarginright { margin-right: 0 !important; }

.linksection p { padding: 10px; font: 12px Arial, Helvetica, sans-serif; color: #555; line-height: 140%; }
.linksection h3 { padding: 10px 10px 0 10px; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; color: #7DCA4C; }
.linksection ul { border-top: #ccc 1px dotted; margin: 0 10px 10px 10px; padding: 0; }
.linksection li { font-size: 12px; list-style: none; padding: 5px 0; border-bottom: #ccc 1px dotted; background: url(../../Content/images/ico-arrow1.gif) no-repeat 0 50%; padding-left: 22px; }
.linksection a { color: #4B80A4; }
.linksectionBtns { width: 230px; height: 60px; }
.linksectionRegisterMemberBtns { width: 183px; height: 33px; }
.linksectionRegisterVEDMemberBtns { width: 163px; height: 33px; }

/* ----- news ticker----- */


.login { float: right; width: 345px; margin-top: 30px; }
.login p { margin-bottom: 5px; color: #666; font-weight: bold; font-size: 12px; }
.login img { float: left; margin-right: 5px; }
.login input.member { float: left; width: 100px; padding: 7px; background: #fff; border: #ccc 1px solid; margin-right: 6px; color: #555; }
.logonBtns { height: 33px; width: 103px; }

.col1 { float: left; width: 460px; margin-right: 20px; }
.col2 { float: left; width: 230px; display: inline; }
.colall { float: left; width: 690px; display: inline; }

.infopanel { float: right; width: 230px; margin-top: 20px; }

.infopanel .panel-top { width: 230px; background: url(../../Content/images/siteImages/back-panel-top.gif) no-repeat 0 0; height: 10px; float: left; }
.infopanel .panel-mid { width: 230px; background: url(../../Content/images/siteImages/back-panel-mid.gif) repeat-y 0 0; float: left; }
.infopanel .panel-bot { width: 230px; background: url(../../Content/images/siteImages/back-panel-bot.gif) no-repeat 0 0; height: 10px; float: left; }

.infopanel p { padding: 0 15px; }
#main .infopanel h3 { padding: 15px 15px 0 15px; margin: 0; font-size: 20px; color: #7FCE35; font-weight: normal; }
.infopanel ul { padding: 0 15px; }
.infopanel li { padding: 3px 0; background: url(../../Content/images/siteImages/icon-tick.gif) no-repeat 0 4px; list-style: none; padding-left: 22px; line-height: 150%; }


ul.downloads { border-top: #ccc 1px dotted; margin: 0 0 20px 0; padding: 0; }
ul.downloads li { list-style: none; padding: 9px 0; border-bottom: #ccc 1px dotted; background: url(../../Content/images/siteImages/ico-arrow1.gif) no-repeat 0 12px; padding-left: 26px; }
ul.downloads li a { color: #0099A4; }
ul.downloads li a:hover { color: #7DCA4C; }


/* ----- LOGIN ----- */

.colregister { float: left; width: 600px; }
.colsignin { float: left; width: 320px; margin-left: 30px; }

.panel-login { border: #9FD5DA 1px solid; width: 278px; padding: 20px; background: #EFF8FA; }


.regform { padding: 0; }
.regform a { color: #002250; }
.regform .form-field { margin: 0 0 12px 0; height: 30px; }
.regform .row { margin: 2px 0 0 0; width: 300px; float: left; display: inline; }
.regform .row.rowlong { width: 480px; margin: 2px 0 7px 15px; }
.regform label { display: block; margin: 0 0 4px 0; font-weight: normal; color: #0099A4; font-size: 13px; height: 15px; }
.regform input, .regform textarea { font-size: 12px; color: #666; width: 260px; background: #fff; border: #ccc 1px solid; padding: 8px; }
.regform select { width: 240px; }

#col1 .regform h2 { background: #ABAFBA; margin: 12px; padding: 5px; color: #fff; font-size: 14px; font-weight: bold; }

.regform #dateofbirth, .regform #postcode { width: 120px; }
.regform select.short { width: 70px; }

.regform ul.formchoose { margin: 0; padding: 0; }
.regform ul.formchoose li { list-style: none; padding: 0; margin: 0; clear: both; }
.regform ul.formchoose label { padding: 0; margin: 0; height: 20px; clear: none; float: left; color: #838491; }
.regform input.checkbox { width: 16px; padding: 0; margin: 0; border: none; float: left; }
.regform ul.formchoose span { margin: 0 0 0 5px; padding: 0; }
.regform label.disclaimer { font-size: 11px; margin: 10px 0; }
.regform span.smltxt-label { font-weight: normal; font-size: 11px; }

.field-req { color: #7DCA4C; margin-left: 0; }
.field-validation-error { color: Red; }
.form-error { background: #F2E3E2; border: #ED7BAA 1px solid; padding: 15px; margin: 15px; }
#col1 .form-error p, #col1 .form-error li { color: #E42672; }

.colsignin .regform { margin: 20px 0; }
.colsignin .regform .row { width: 240px; }
.colsignin .regform input { width: 200px; border: #9FD5DA 1px solid; }
.regform input.submitbtn { width: 103px; height: 33px; padding: 0; border: none; }

.regform h1 { border-top: #ccc 1px solid; padding-top: 6px; font-size: 16px !important; font-weight: bold; color: #202020 !important; }


table.formtable { margin: 20px 0; padding-bottom: 20px; }
.formtable td { padding: 6px 10px 6px 0; vertical-align: top; }




/* ----- News ----- */

.post { width: 100%; margin-bottom: 30px; padding-top: 7px; border-top: #ccc 1px dotted; }
p.news-date { float: right; text-transform: uppercase; font: 11px Georgia, "Times New Roman" , Times, serif !important; color: #999; letter-spacing: 1px; }
.post h3 { font-size: 18px !important; }
.news-archive { float: right; width: 230px; margin-top: 20px; }
.news-archive ul li { padding: 4px 0; background: none; }

/* ----- fees table ----- */

table.fees { margin: 20px 0; }

table.fees td, table.fees th { margin: 0; padding: 10px 5px 14px 5px; vertical-align: top; background: #fff; color: #777; font-size: 14px; }
table.fees td { font-weight: bold; text-align: right; color: #202020; }
table.fees td p, table.fees th p { margin: 0 !important; padding: 0 !important; line-height: 120%; }
table.fees tr td, table.fees tr th { border-top: #7DCA4C 1px solid; }
.row2 { border-top: none !important; }



/* ----- footer ----- */

#footer ul { display: inline; list-style: none; }
#footer li { border-right: #ccc 1px solid; float: left; padding: 0 10px; color: #333; }
#footer li a { color: #333; }
#footer li a:hover { color: #7DCA4C; }

#footer li.credit { float: right; border: none; }



/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6 { margin: 0 0; }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4, h5 { font-size: 100%; }
hr { display: none; }

/* ----- global links ----- */
a:link, a:visited, a:active { color: #0099A4; text-decoration: none; }
a:hover { color: #7DCA4C; }


#main p { line-height: 150%; margin: .5em 0 1em 0; font-size: 14px; }
#main h1 { line-height: 150%; margin: .4em 0; font-size: 26px; color: #7FCE35; }
#main h2 { line-height: 150%; margin: .4em 0; font-size: 18px; color: #7FCE35; }
#main h3 { line-height: 150%; margin: .4em 0; font-size: 16px; font-weight: bold; }
ul, ol { margin: 10px 0; padding: 0 0 0 20px; font-size: 14px; }
ol { margin-left: 20px; }
li { line-height: 150%; margin-bottom: 5px; }

strong { font-weight: bold; }

/* ----- float fix ----- */
#wrapper:after, #header:after, #side:after, #main:after, #mid:after, #footer:after, .box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper, #header, #side, #main, #footer, .box { display: block; }
/*  \*/
#wrapper, #header, #side, #main, #footer, .box { min-height: 1%; }
* html #wrapper, * html #header, * html #side, * html #main, * html #footer, * html .box { height: 1%; }
/*  */
/* ----- end float fix ----- */



/* Members Area ----------------------- */

h4 { clear: both; }

div#side.forum { background: #6cc1d6; color: #fff; }
div#side.forum a { color: #fff; font-weight: bold; float: left; margin: 20px; }
div#side.forum ul { margin: 0px; padding: 0px; }
div#side.forum ul li { list-style: none; height: 39px; border-bottom: 1px solid #a8dce9; margin: 0px; padding: 0px; }
div#side.forum ul li a { margin: 0 0 0 20px; display: block; }

div.forum table, tbody, tr, td, th { margin: 0px; padding: 0px; border: 0px; }
div.forum table { width: 700px; }
div.forum td, th { padding: 4px; }
div.forum table tr th { background: #6abad1; font-weight: bold; color: #fff; }
div.forum table tr.stripe, table tr.stripe td { background: #dff5fb; }

div.forum input, div.forum textarea div.thread input, div.thread textarea { font-size: 12px; color: #666; width: 260px; background: #fff; border: #ccc 1px solid; padding: 8px; }

input.title { width: 440px; }

div#thread { margin-left: 12px; }
div#replies div.reply { margin-bottom: 18px; padding: 8px 0 0 12px; border-bottom: 1px solid #ccc; }
div#replies div.stripe { background: #dff5fb; }

div.functions { width: 100%; }
div.functions a { padding: 2px; margin: 12px; display: block; float: left; }


div.functions div.clearfloat{border:0px;}