/* CSS Document */
/* main colours:
blue: #004070
lightblue: #4C799B
yellow: #FFA508
*/

body { margin: 0; padding:0; background: #B3B3B3; height: 100%; }

#wrapper {background: url(images/sidebar_bg.gif) right repeat-y; width: 775px; margin: 0 auto 0 auto}

#header { height: 111px; background: #FFFFFF url(images/header_bg.jpg) repeat-x bottom; padding: 0; margin: 0 0 0px 0; border-bottom: 2px solid #5F646A; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00602B}
#header img { float: left; margin: 29px 0 0 15px;}
#header ul { margin: 0; padding: 0; width: auto; float: right; background-color: #E3E3E3; padding: 4px 4px 4px 4px; height: 13px; margin: 50px 30px 0 0; color: #00602B}
#header li { display: inline; }
#header a:link, #header a:active, #header a:visited { color: #00602B; text-transform: uppercase; text-decoration: none}
#header a:hover { text-decoration: none; color: #000000}

#logo { width: 775px; margin: 0 auto 0 auto}

#imagebar { height: 173px; background: #4C799B; padding: 0; margin: 0;border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: url(images/imagebar_bg.jpg) #005F28; }
#rightimage { border-left: 1px solid #FFFFFF; float: right}
#sloganimage { padding:  60px 0 0 15px; float: left; margin-right: 30px} 

#menubar { border-bottom: 1px solid #FFFFFF;  background: #E6E6E6; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 26px; color: #003563; padding: 0 0 0 0px;}
#menubar a:link, #menubar a:active, #menubar a:visited { color: #000000; text-transform: uppercase; text-decoration: none; margin: 0 40px 0 5px;}
#menubar a:hover { text-decoration: none; color: #FFFFFF; background: #005F28 }
#menubar ul { margin: 0px 10px 0 10px; padding: 0}
#menubar li { display: inline}

#content { padding: 0px 0px 0px 0px; _height: 285px; min-height: 285px; background: #FFFFFF}
#content hr { height: 1px; background-color: #E7ECF2; color: #E7ECF2; border: 0}
#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0 0 10px 0; color:#005F28}
#content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#005F28; margin-bottom: 0px}
#content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; padding: 0; margin: 0 0 15px 0; color:#59636C}
#content ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; list-style: none; margin: 0 0 0 0px; padding: 0px 0 15px 0px; color:#59636C}
#content ul li { background: url(images/bullet.gif) 0% 5px no-repeat; padding: 0 0 0 15px; margin: 0 0 0 0px}
#content ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0; padding: 0px 0 15px 30px; color:#59636C}
#content ol li { padding-bottom: 5px}
#content table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 2px 2px 2px 2px; background: #CCCCCC }
#content a:link, #content a:active, #content a:visited { color: #005F28; }
#content a:hover { color: #FFFFFF; background-color: #005F28} 
#content .button a:link, #content .button a:active, #content .button a:visited { color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #005F28; font-size: 10px; line-height: 15px}
#content .button a:hover { color: #FFFFFF} 
#content .feature { margin: 0 15px 0 0} 

#productimage { width: 110px; float: left}
#productdetails { width: 265px; float: left}

/*#note { width: 23%; float: left; border-right: 1px solid #E6ECF1; padding-right: 2%}*/

#sidebar { position: absolute; top: 0; right: 0; width: 235px; color: white; margin: 334px 0 0 0; padding: 15px 0 0 15px;}
#sidebar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px; }
#sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px;}
#sidebar p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; margin: 0 15px 0 15px; padding-bottom: 15px;}
#sidebar ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; list-style: none; margin: 0 15px 0 30px; padding: 0}
#sidebar li { padding-bottom: 15px;}
#sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #FFFFFF;}
#sidebar a:hover { color: #FFFFFF} 
#sidebar .button a:link, #sidebar .button a:active, #sidebar .button a:visited { text-align: right; color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #264861; font-size: 10px; line-height: 15px;}
#sidebar .button a:hover { color: #E7ECF2} 

#product { width: 45%; float: left}
#product img { margin: 0px 15px 10px 0px}


#footer { margin: 0 0 0 0; background-color: #CCCCCC; padding: 0 0 1px 0; border-top: 1px solid #FFFFFF; }
#footer ul { margin: 0; padding: 15px; background-color: #FFFFFF; border-top: 5px solid #004070; border-top: 5px solid #004070}
#footer li { display: inline; padding-right: 5%}
#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; padding: 0 15px 0 15px; color: #000000}
#footer a:link, #footer a:active, #footer a:visited { color: #005F28;}
#footer a:hover { color: #000000} 


#intro { float: left; width: 328px; margin: 0 0 0 0; padding: 15px 15px 0px 15px; border-right: 1px solid #E7ECF2}
#main  { float: left; margin: 0px 0 0 0px; padding: 15px 15px 15px 15px; width: 375px; }
#main ul { list-style: none; font-size: 11px;}

#in_intro { float: left; width: 150px; margin: 0px 0 0 0; padding: 15px 15px 0px 15px; border-right: 1px solid #E7ECF2}
#in_main  { float: left; margin: 0px 0 0 0px; padding: 15px 15px 15px 15px; }

#clear { clear:both}