/* MAIN WEB PAGE STYLES */
body { font-family: arial,helvetica,sans-serif; font-size: 80%; font-weight: normal; margin: 0px; padding: 0px; color: #000; background-color: #fff; }
p { margin-top: 0px; margin-bottom: 0px; }
h1 { font-family: arial,helvetica,sans-serif; font-size: 160%; font-weight: bold; font-style: normal; color: #000; margin: 0px 0px 0.3em 0px; text-align: center; }
h2 { font-family: arial,helvetica,sans-serif; font-size: 110%; font-weight: bold; font-style: normal; color: #cca805; margin: 0px 0px 0.2em 0px; text-align: left; }
h3 { font-family: "Times New Roman"; font-size: 160%; font-weight: normal; text-decoration: none; color: #0c472b; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-family: arial,helvetica,sans-serif; font-size: 100%; font-weight: bold; font-style: normal; color: #000; margin: 0px 0px 0px 0px; text-align: left; }
table { font-family: arial,helvetica,sans-serif; font-size: 100%; }
li { font-family: arial,helvetica,sans-serif; font-size: 100%; color: #000; padding-bottom: 2pt; }

/* WEB PAGE STRUCTURE */
#container { background-color: #fff; margin: 0px auto; border-left: 2px solid #000; border-right: 2px solid #000; position: relative; }
#header { margin-bottom: -3px; padding: 0px; position: relative; }
#main { margin: 0px; padding: 0px; width: 100%; }
#sidebar_left { background-color: #0c472b; background-image: url(); border-right: 0px solid #b7bbbb; padding: 20px 0px 0px 0px; }
#sidebar_right { background-color: #e8e8e8; border-left: 1px solid #b7bbbb; padding: 0px 0px 0px 0px; }
#content_area { background-color: #fff; background-image: url(); margin: 0px; padding: 18px; width: 100%; }
#content { padding: 10px 10px 10px 10px; }
#noticeboard { background-color: #0c472b; background-image: url(); border-right: 0px solid #b7bbbb; padding: 0px; }
#panel { background-color: #c3a008; background-image: url(); border-right: 0px solid #b7bbbb; padding: 12px 0px 12px 25px; }
#panel_area { background-color: #3d2a19; background-image: url(); border-right: 0px solid #b7bbbb; padding: 10px 15px; }

#retail_locations { margin-top: 8px; margin-left: 8px; width: 230px; }
#retail_locations p { font-weight: bold; text-decoration: none; color: #cca805; margin: 3px 0; }
#retail_locations a { font-weight: bold; text-decoration: none; display: block; margin: 3px 0; }
#retail_locations a:link { color: #0c472b; }
#retail_locations a:visited { color: #0c472b; }
#retail_locations a:hover { color: #f00; }
#retail_locations a:active { color: #c00; }

#retail_details { margin-top: 20px; margin-left: 8px; }
#retail_details h2 { font-family: "Times New Roman"; font-size: 160%; font-weight: normal; text-decoration: none; color: #0c472b; margin: 3px 0; }
#retail_details h3 { font-size: 120%; font-weight: bold; text-decoration: none; font-style: normal; color: #cca805; margin: 3px 0; }
#retail_details p { font-weight: normal; margin: 0 0 8px 0; }

#contact_us { width: 340px; margin: 0 auto; padding: 0; background-color: #f8f3df; }
.form_element { margin: 12px 0 12px 20px; }
.thank_you { font-weight: bold; color: #c00; text-align: center; margin: 25px 0; }

.login_form_element {  }
.login_notice { font-weight: bold; font-style: normal; color: #cca805;  padding: 28px 20px 0 40px; }
#login_bar { color: #eee;  margin: 0 auto; padding-top: 13px; }
#login_bar a:link { color: #cca805; }
#login_bar a:visited { color: #cca805; }
#login_bar a:hover { color: #f00; }
#login_bar a:active { color: #c00; }

/* STYLES USED ON THE WEB PAGE FOOTER */
#footer { font-size: 80%; font-weight: normal; color: #fff; background-color: #699bce; background-image: url(); padding: 1px; border-top: 0px solid #000; border-bottom: 0px solid #000; text-align: center; clear: both; }
#footer p { margin: 0px; }
.footer_credits { font-size: 80%; font-weight: normal; color: #fff; }
.footer_credits a:link { color: #c2a007; font-style: normal; }
.footer_credits a:visited { color: #c2a007; font-style: normal; }
.footer_credits a:hover { color: #f00; }
.footer_credits a:active { color: #c00; }