/* MAIN WEB PAGE STYLES */
html { width:100%; height:100%; background:#4c85ce; }
body { font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; color: #000; background: #4c85ce; }

h1 { font-size: 24px; font-weight: bold; font-style: normal; color: #336799; margin: 12px 0px 10px 0px; text-align: center; }
h2 { font-size: 18px; font-weight: bold; font-style: normal; color: #336799; margin: 3px; text-align: left; }
h3 { font-size: 16px; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-size: 14px; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0px 0px; text-align: left; }
h5 { font-size: 14px; font-weight: normal; color: #336799; font-style: italic; letter-spacing:1pt; margin: 0px; }

p { margin: 0px; }
table { }
li { padding-bottom: 6px; }

a { text-decoration: none; }
a:link { color: #245185; }
a:visited { color: #245185; }
a:hover { color: #f00; }
a:active { color: #c00; }
a:link img {  cursor: pointer; }

.clear_left { clear:left; }

/* WEB PAGE STRUCTURE */
#container { max-width:945px; height:100%; background-color: #fff; margin: 0px auto; border-left: 2px solid #000; border-right: 2px solid #000;; border-bottom: 2px solid #000; position: relative; overflow: hidden; }
#header { margin: 0px; padding: 0px; position: relative; }
#header h1 { margin: 0; }
#main { margin: 0px; padding: 0px; width: 100%; position:relative; }
#content_area { background: #fff url(); margin: 0px; padding: 0px; width: 100%; position:relative; }
#content { padding: 10px; position:relative; }
#content img { z-index:1; }

#home_page #content_area img { margin:0 auto; }

/* STYLES USED IN THE PRODUCTS DISPLAY PANEL */

#panel_products { margin:30px 0px; position:relative; }
#panel_products .thumb_container { width:170px; height:260px; margin:0 33px; float:left; position:relative; }
#panel_products .thumb_container:hover {  cursor: pointer; }
#panel_products .image_container { display:table-cell; width:170px; height:150px; border:1px solid #000; text-align:center; vertical-align:bottom; }
#panel_products .image_container img { }
#panel_products .details_container { font-family:'Comic Sans MS'; font-size: 11pt; }


/* STYLES USED FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS */
#sidebar_left { font-size: 85%; color: #888; background: #e8e8e8 url(); border-right: 1px solid #b7bbbb; padding: 0px 6px; }
#sidebar_right { background: #e8e8e8; border-left: 1px solid #b7bbbb; padding: 0px; }

/* DIRECTORY SEARCHBOX */
#sidebar_search { width: 180px; margin: 8px auto; }
#sidebar_search p { font-size: 13px;; color: #000; margin: 0 0 0 2px; }
#sidebar_search input[type="text"] { width: 130px; margin: 0; font-size: 95%; }
#sidebar_search input[type="submit"] { width: 36px; font-size: 12px; font-weight: bold;  margin: 15px 0 0 2px; padding: 0; }

/* MEMBER REGISTRATION & LOGIN PANEL */
#member_registration_login { margin: 0; padding: 8px; background-color: #a3d3ea; background-image: url(); }
#member_registration_login h1 { font-weight: bold; }
#member_registration_login p { font-size: 90%; font-weight: normal; margin: 0 0 12px 0; }

/* STYLE USED FOR THE DISPLAY PANEL IN THE LEFT SIDEBAR */
.display_panel { width: 216px; height: 228px; margin: 0; padding-left: 14px; padding-top: 12px; background-image: url(pics/bg_displaypanel_230x240.gif); }
.display_panel h4 { padding: 0 5px; }
.display_panel p { font-size: 85%; color: #888; padding: 0 5px; }

/* STYLES USED ON THE WEB PAGE FOOTER */
#footer { background:#bcceda url(graphics/bg_Footer.gif) repeat-x; }
#footer .heading { font-size: 11px;  font-weight: bold; color: #fff; letter-spacing: 0.1em; }
#footer .heading td { text-align: center; }
#footer .addresses { font-size: 12px;  font-weight: normal; color: #000; }
#footer .addresses td { background: #bcceda; text-align: left; padding: 5px; }

#address_footer {  }
#footer table { width:80%; }
#footer td { padding:2px 20px; }
#footer .addresses td { border-left:1px solid #fff; border-right:1px solid #fff; }
#footer span { white-space:nowrap; }

/* CONTACT US PAGE */
#contact_alert { color: #d00;  text-align: center; margin: 45px 0 12px 0; }
#contact_alert p { margin: 0 0 18px 0; }
#contact_form { width: 420px; margin: 30px auto 60px auto; }
#contact_form .data_row { margin-bottom: 8px; }
#contact_form .data_row p { margin: 0; }
#contact_form .submit_row { text-align: center; margin: 18px 0 36px 0; }

#contact_form .captcha_test { width:170px; margin:0 auto; }
#contact_form .captcha { display:table-cell; }
#contact_form .captcha_plus { display:table-cell; width: 12px; font-size:1.3em; padding: 0 8px; }
#contact_form .captcha_textbox { display:table-cell; width:50px; font-size:16px; margin:0 0 0 8px; padding:0; }


/*
Notes by Chris Gaelic:
Additional styles used to position logo, heading image and h1 text as for the CBEC website
Additional styles used to provide an outer container for shadow effects etc as for the Whangaroa website
*/