/* Colour Orange: #f6941E - its not art. */
html { height: 100%; margin-bottom: 1px; }
body {background-color:#333333;margin: 0 0 0 0;padding: 0 0 0 0;height: 100%;color:#FFFFFF;font: 10px/11px "Century Gothic", "Arial Narrow", Arial;background: repeat-x url(../img/bg_main.jpg) #000000;}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6,a, form {font: 10px "Century Gothic" "Arial Narrow" Arial;margin: 0 0 0 0;padding: 0 0 0 0;}
/* MAIN CONTAINERS ----------------------------------------------------- */
#container {position:relative;width: 760px;text-align:center;margin:auto;background: #000000 url(../img/bg_container.gif) repeat-y left;}
#header {height:80px; display:block; clear: both; width: 100%;background: no-repeat url(../img/macwet_logo.jpg);}
#side_bar {width: 210px;float:left;text-align:left;}
#content_bar {width: 550px;float:left;text-align: left;}
/* FLASH REPLACEMENT ----------------------------------------------------- */
#fls { width: 200px; height:550px; background: no-repeat url(../img/nav-noflash.gif); margin: 0 0 0 5px; }
#flash_header_replace { width: 538px; height: 198px;/* background: no-repeat url(../img/bg_flash.jpg);*/}
#flash_scroll { width: 533px; height: 65px; /*background: no-repeat url(../img/bg_scroll.jpg);*/}
#flsh_ban { width: 538px; height: 132px; /*background: no-repeat url(../img/bg_home_banner.jpg);*/}
/* MAIN COLUMN CONTENT ----------------------------------------------------- */
#content_bar h1 {background: no-repeat url(../img/bg_header.jpg); width:425px; height: 65px; padding: 25px 0 0 125px; font: bold 18px Trebuchet MS; color:#FF9900;}
#content_bar h3 {background: no-repeat url(../img/bg_h3.jpg); width:538px; padding: 10px 0 0 10px; height: 55px; font: bold 14px Trebuchet MS; color:#FF9900;}
#content_bar p { font: normal 11px Arial, Helvetica, sans-serif; margin: 10px 14px 5px 14px; color:#fff; line-height: 18px; }
#content_bar a { color:#FF9900; font: normal 11px Trebuchet Ms; padding: 0 0 0 3px; }
#content_bar a:hover { text-decoration:none; }
/* HOME COLUMNS CONTENT ----------------------------------------------------- */
#col_one {width: 250px;float:left;margin: 5px 0 0 10px;background: no-repeat url(../img/bg_shop.jpg); padding: 45px 0 0 0;}
#col_two {width: 250px;float:left;margin: 5px 0 0 10px;background: no-repeat url(../img/bg_news.jpg); padding: 45px 0 0 0;}
#col_one h2, #col_two h2 {font: bold 13px Trebuchet Ms;color:#FFFFFF;margin: 20px 0 0 15px;border-bottom: 1px dotted #999999;padding: 0 0 5px 0;width: 88%;}
#col_two p {
padding: 3px;
margin: 1px 10px 1px 10px;
font-size: 10px;
width: 90%;
}
#col_one strong {font-size: 14px;}
#col_two a { font-size:11px;}
#col_one p { font: normal 11px Arial, Helvetica, sans-serif; }
#col_one em, #col_two em { color: #FF9900; font-style:normal; }
/* TEAM MACWET ----------------------------------------------------- */
#team li { width: 100px; height: 100px; float:left; margin:10px 5px 5px 5px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; list-style:none;}
#team strong { color:#FF9900;}
/* HOME DROPDOWNS----------------------------------------------------- */
#col_one form, #col_two form {padding: 15px 0 50px 0;}
#col_one .dropdown, #col_two .dropdown { margin: 0 0 0 15px; border:none; background-color:#000000; color:#FFFFFF; font-size: 11px; float:left;}
#col_one input, #col_two input { margin: 0 0 0 10px; float:left;}
/* PRODUCTS ----------------------------------------------------- */
.thumb { margin: 10px 10px 0 15px; float:left; width: 75px; height: 75px; border:none;}
.macwet { font: bold italic 14px Arial, Helvetica, sans-serif;}
/* SECOND NAVIGATION ----------------------------------------------------- */
#second_nav { color:#FF9900; padding: 15px 0 0 0; background: no-repeat url(../img/bg2.jpg);}
#second_nav a {font: normal 9px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; margin: 0 5px 0 5px; border: none; text-transform:lowercase;}
#second_nav a:hover { text-decoration:underline; color:#FF9900;}
#stockists { width:204px; height:163px; background: no-repeat url(../img/stockists.jpg); margin: 10px 0 0 2px;}
#stockists select { margin: 35px 0 0 10px; background-color:#000000; border:none; color:#FFFFFF; width: 170px; }
/* FORMS ----------------------------------------------------- */
.singleline-field {width: 250px;height: 20px;font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;margin: 3px 0 2px 0;color: #FFFFFF;border: 1px #FFFFFF;background-color: #333333;}
#form-container {float: left;width: 510px;}
#form-container form p {width: auto;clear: both;height: auto;margin: 3px 0 2px 0;}
#form-container form p label {float: left;width: 30%;text-align: right;font-size: 14px;}
#form-container form p span.formw {float: right; width: 68%; text-align: left;}
.darktxt {color:#FFCC00;padding-right: 3px;}
select.singleline-field {width: 200px;height: 20px;}
select.checkbox {width: 15px;height: 15px;}
.multiline-field {width: 250px;height: 98px;font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;border: 1px #FFFFFF;background-color: #333333;color: #FFFFFF;}
/* LIGHTBOX ----------------------------------------------------- */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;font: bold 11px "Century Gothic", "Arial Narrow", Arial;color:#000000;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../overlay.png); }
* html #overlay{background-color: #333;back\ground-color: transparent;background-image: url(../lightbox/blank.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}
/* FOOTER ---------------------------------------------------------- */
#footer {width: 100%;text-align:center;margin: 0 0 10px 0;background: repeat-x url(../img/bg_footer.gif); padding: 25px 0 0 0;}
#footer p {margin: 10px 10px 10px 10px;color:#666666;}
#footer a { font: 10px Arial, Helvetica, sans-serif; color:#666666; text-transform:lowercase; text-decoration:none;}
#footer a:hover { color:#FF9900; text-decoration:underline;}
.spacer {background-image: url(../img/bg2.jpg);background-repeat: no-repeat;height: 25px;margin-top: 10px;}
.left {
width: 120px;
float:right;
margin: 5px 5px 5px 5px;
padding: 2px;
font:bold 14px Trebuchet MS;
}