* { margin: 0; padding: 0; }
body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; padding: 0; margin: 0; background-image: url('../images/mainbg.jpg'); background-repeat: no-repeat; background-position: left bottom; }
html>body { border-bottom: 3px solid #96b5bc; }
img { border: 0; }
a { color: #236578; text-decoration: none; font-weight: bold; }
a:hover { color: #3d8ba1; text-decoration: underline; }
b { color: #0d4252; }

.center { text-align: center; }
.nopad { padding: 0; margin: 0; height: 2px; }

div#cwbanner { display: none; }
div#wwcwbanner { position: absolute; width: 100%; text-align: right; }

#wrap { width: 748px; margin-left: auto; margin-right: auto; background-color: #FFF; border: 1px solid #d9d9d9; margin-bottom: 30px; }
#wrap #header { float: left; clear: both; height: 101px; width: 748px; padding: 0; }
#wrap #main { float: left; clear: both; }

#wrap #main #left { float: left; clear: left; width: 200px; padding: 8px 7px 0 8px; }
#wrap #main #left #postcode { float: left; clear: both; width: 200px; margin-bottom: 12px; }
#wrap #main #left #directory { float: left; clear: both; width: 200px; margin-bottom: 12px; }
#wrap #main #left #options { float: left; clear: both; width: 200px; margin-bottom: 12px; }

#wrap #main #left .header { float: left; clear: both; width: 198px; height: 28px; border: 1px solid #236578; background-image: url('../images/boxheader.gif'); background-repeat: no-repeat; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; line-height: 28px; color: #FFF; text-align: center; }
#wrap #main #left .body { float: left; clear: both; width: 190px; border: 1px solid #dbe6e9; background-image: url('../images/boxbody.gif'); background-repeat: repeat-x; margin-top: 2px; padding: 2px 4px 5px 4px; font-size: 1.1em; line-height: 1.3em; }
#wrap #main #left #postcode .body table { width: 190px; margin-top: 2px; }
#wrap #main #left #postcode .body table th { width: 64px; font-weight: normal; height: 20px; }
#wrap #main #left #postcode .body table td { width: 110px; height: 22px; }
#wrap #main #left #postcode .body table td select.pc { width: 100px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 1px; }
#wrap #main #left #postcode .body table td input.pc { width: 87px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 1px 1px 1px 6px; }
#wrap #main #left #postcode .body table td.s { width: 10px; }
#wrap #main #left #postcode .body table td.buttons { width: 100%; padding-top: 3px; }
#wrap #main #left #postcode .body table td.buttons input { padding: 0; border: 0; background-image: url('../images/button-small.gif'); background-repeat: repeat-x; width: 63px; height: 20px; border: 1px solid #144c5d; color: #FFF; font-size: 1.0em; font-family: Verdana, Arial, sans-serif; padding-bottom: 2px; }
#wrap #main #left #directory .body { text-align: center; }
#wrap #main #left #directory .body img { padding: 4px 2px 0 2px; }
#wrap #main #left #options .body { line-height: 1.5em; }

#wrap #main #right { float: right; clear: right; width: 512px; padding: 0 14px 0 4px; }
#wrap #main #right .content { float: left; clear: both; width: 512px; padding-top: 5px; }
#wrap #main #right .content h1 { float: left; clear: both; width: 512px; font-family: "Century Gothic", Arial, Helvetica; font-size: 2.6em; font-weight: normal; color: #185466; padding: 0; }
#wrap #main #right .content h2 { float: left; clear: both; width: 512px; font-family: "Century Gothic", Arial, Helvetica; font-size: 2.4em; font-weight: normal; color: #185466; padding: 0; }
#wrap #main #right .content p { float: left; clear: both; width: 512px; padding: 0 0 10px 0; font-size: 1.3em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
#wrap #main #right .content p.list { width: 500px; padding: 3px 6px 10px 6px; }
#wrap #main #right .selectedclub { float: left; clear: both; width: 512px; padding-top: 5px; }
#wrap #main #right .selectedclub p { float: left; clear: both; width: 500px; padding: 0 0 10px 0; font-size: 1.3em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
#wrap #main #right .selectedclub div#address { float: left; clear: both; width: 500px; font-size: 1.3em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify;}
#wrap #main #right .selectedclub div#gglmap { float: left; clear: both; width: 500px; height: 170px; border: 1px solid #236578; font-size: 1.3em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }

#wrap #main #right .clubdetails{ float: left; clear: both; width: 512px; padding-top: 5px; }
#wrap #main #right .clubdetails p { float: left; clear: both; width: 512px; padding: 0 0 10px 0; font-size: 1.3em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
#wrap #main #right .clubdetails p#address { float: left; clear: both; width: 512px; }
#wrap #main #right .clubdetails div#gglmap { float: left; clear: both; width: 512px; height: 250px; border: 1px solid #236578; }
#wrap #main #right .clubdetails p.image img { border: 1px solid #666666; }

#wrap #main #right #search { float: left; clear: both; width: 378px; padding-left: 67px; }
#wrap #main #right #search .header { float: left; clear: both; width: 378px; height: 28px; border: 1px solid #236578; background-image: url('../images/boxheader-lrg.gif'); background-repeat: no-repeat; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; line-height: 28px; color: #FFF; text-align: center; }
#wrap #main #right #search .body { float: left; clear: both; width: 370px; border: 1px solid #dbe6e9; background-image: url('../images/boxbody.gif'); background-repeat: repeat-x; margin-top: 2px; padding: 2px 4px 5px 4px; font-size: 1.1em; line-height: 1.3em; }
#wrap #main #right #search .body table { width: 370px; margin-top: 2px; }
#wrap #main #right #search .body table th { width: 100px; font-weight: normal; height: 20px; }
#wrap #main #right #search .body table td { width: 270px; height: 22px; }
#wrap #main #right #search .body table td input.pc { width: 150px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 1px 1px 1px 6px; }
#wrap #main #right #search .body table td.buttons { width: 100%; padding-top: 3px; }
#wrap #main #right #search .body table td.buttons input { padding: 0; border: 0; background-image: url('../images/button-small.gif'); background-repeat: repeat-x; width: 63px; height: 20px; border: 1px solid #144c5d; color: #FFF; font-size: 1.0em; font-family: Verdana, Arial, sans-serif; padding-bottom: 2px; }

#wrap #main #right table { float: left; clear: both; width: 510px; }
#wrap #main #right table.contact th.hd { height: 23px; font-size: 2.0em; color: #236578; padding: 0 0 0 5px; text-align: left; font-family: Century Gothic, Arial, Sans-Serif; }
#wrap #main #right table.contact th { width: 150px; height: 26px; padding: 5px 5px 5px 0; text-align: right; color: #3d5c71; border-bottom: 1px dotted #e7e7e7; font-size: 1.1em; }
#wrap #main #right table.contact td.field { width: 350px; height: 26px; padding: 5px 0; color: #3d5c71; border-bottom: 1px dotted #e7e7e7; }
#wrap #main #right table.contact td.hint { width: 10px; height: 26px; padding: 5px 0; border-bottom: 1px dotted #e7e7e7; }
#wrap #main #right table.contact td input.pc { width: 300px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 1px 1px 1px 3px; font-family: Verdana, Arial, Sans-Serif; }
#wrap #main #right table.contact td textarea.pc { width: 300px; height: 100px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 3px; font-family: Verdana, Arial, Sans-Serif; font-size: 1.2em; }
#wrap #main #right table.contact td select.pc { width: 150px; border: 1px solid #2e6d7f; border-left: 5px solid #2e6d7f; padding: 1px; font-family: Verdana, Arial, Sans-Serif; }

#wrap #main #right table.contact td.buttons { padding-top: 3px; }
#wrap #main #right table.contact td.buttons input { padding: 0; border: 0; background-image: url('../images/button-small.gif'); background-repeat: repeat-x; width: 63px; height: 20px; border: 1px solid #144c5d; color: #FFF; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; padding-bottom: 2px; }

#wrap #footer { clear: both; width: 748px; height: 15px; padding: 5px 0 5px 0; font-size: 1.1em; text-align: center; }
#wrap #footer p { width: 360px; padding: 0; margin: 0; }
#wrap #footer p.left { float: left; clear: none; text-align: left; padding-left: 10px; }
#wrap #footer p.right { float: right; clear: none; text-align: right; padding-right: 10px; }

.footer { clear: both; width: 100%; line-height: 1px; }

.inputlarge, .inputsmall, .inputdrop, .inputdroplarge { border: 1px solid #404e88; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.inputlarge { width: 280px; padding: 2px; padding-left: 4px; color: #00588c; }
.inputsmall { width: 150px; padding: 2px; padding-left: 4px; color: #00588c; }
.inputdrop { width: 158px; padding: 0px; padding-left: 2px; color: #00588c; }
.inputdroplarge { width: 220px; padding: 0px; padding-left: 2px; color: #00588c; }

input.input1, textarea.input1 { width: 100px; }
input.input2, textarea.input2 { width: 200px; }
input.input3, textarea.input3 { width: 300px; }
input.input4, textarea.input4 { width: 400px; }

.buttonsmall { padding: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.table_form .hint { width: 10px; padding: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #00588c; text-align: center; }
.table_form .hintlink { color: #FFFFFF; text-decoration: none; background-color: #F99C5C; padding: 2px; width: 10px; display: block; font-weight: bold; border: 1px solid #CE783D; }
.table_form .hintlink a:hover { text-decoration: underline; }