body, form { margin: 0; padding: 0; }

img, .std, .fb, .sub, #top_sh { border: none; behavior: url(iepngfix.htc);  }

body { background: #00591e url(../images/bg.gif); }


.block { display: block; }

.floatLeft { float: left; }

.floatRight { float: right; }



img { border: none; } 

table, table tr td { border-collapse: collapse; padding:0; margin: 0; }

table tr td { font: 11px/16px verdana, sans-serif; color: #a5a9aa;  vertical-align: top; } 

a {color: #005ca0;}

a:hover { color: #0079d3; }

p, ul { font: 11px/16px verdana, sans-serif; color: #6e7c86; margin: 7px 0; } 

ul { padding-left: 20px; }

p.purchase { padding: 10px 15px 0 0 ; text-align: right; }

p a { color: #005ca0; text-decoration: none; }

p a:hover { color: #0079d3; }

h1 { margin: 0 0 10px 0; padding-top: 20px; text-transform: uppercase; font: italic 18px/22px verdana, sans-serif; color: #00a5e7; }

h2 { margin: 0; padding-top: 10px; padding-bottom: 5px; text-transform: uppercase; font: italic 15px/18px verdana, sans-serif; color: #70c1ee; }

h3 { margin: 0; padding-top: 20px; text-transform: uppercase; font: italic 14px/18px verdana, sans-serif; color: #005da1; }

h4 { margin: 0 auto; padding-top: 10px; font: bold 11px/16px verdana, sans-serif; color: #747777 } 

.small_logos_img { padding-left: 120px; }

p.small_logos { font-weight: bold; color: #005da1; font-size: 12px; padding-top: 6px; } 

#wrapper { text-align: center; background: url(../images/bg.gif); }

#container {  margin-left: auto; margin-right: auto; text-align: left; width: 992px; }


#content { height: 498px; text-align: left; padding-top: 4px}

/* set backgrounds */
.std {  background: url(../images/content_bg.png); }
.fb {  background: url(../images/content_fb_bg.png); }
.sub { background: url(../images/content_sub_bg.png); } 


#top_sh { background: url(../images/top_sh.png); height: 23px; margin-top: 20px; margin-left: auto; margin-right: auto;}

#header { background: url(../images/header_bg.gif);  margin-left: auto; margin-right: auto; }





/* === INNER CONTENT AREAS === */

#left { float: left; width: 380px; height: 473px; margin-left: 19px; display: inline; }

#right { float: right; width: 570px; display: inline; }

#leftFB { float: left; width: 650px;  margin-left: 19px; display: inline; }

#rightFB { float: right; width: 290px;  margin-right: 30px; display: inline; }

#copy { padding: 0 50px 0 10px; }

#guides { height: 181px; padding-top: 17px; }

#guides #ocg { float: left; width: 262px; height: 181px; background: url(../images/ocg_bg.gif); }
#guides #ocg p { color: #014979; padding: 52px 15px 3px 105px; font: 10px/13px verdana, sans-serif; }

#guides #pdg { float: left; width: 262px; height: 181px; background: url(../images/pdg_bg.gif); }
#guides #pdg p { color: #014e30; padding: 52px 15px 3px 100px; font: 10px/13px verdana, sans-serif; }

#guides .purchase_green { width: 119px; height: 28px; background: url(../images/purchase_green.gif); float: left; margin-left: 13px; } 
#guides .purchase_blue { width: 119px; height: 28px; background: url(../images/purchase_blue.gif); float: left; margin-left: 13px; } 
#guides .viewonline_green { width: 119px; height: 28px; background: url(../images/viewonline_green.gif); float: left; margin-left: 2px;  } 
#guides .viewonline_blue { width: 119px; height: 28px; background: url(../images/viewonline_blue.gif); float: left; margin-left: 2px;  } 

#test_banner { padding: 20px 0 0 8px;}

.photoInset { width: 170px; height: 380px; float: right;  margin-left: 20px; } 

.stronger { color: #007749; font-weight: bold;  }


#footer { clear: both;  height:40px; text-align: center;  }

#footer a { color: #3aa232; } 

#footer a:hover { color: #43c239 }

#footer p { padding-top: 20px; color: #3aa232; font: 10px arial, sans-serif; }


/* === QUIZ === */

.answers { padding-left: 5px; }

.answers li { line-height: 19px;  padding-left: 20px; }

.question { color: #005da1; font-weight: bold;  }

.results label { background: url(../images/radiobullet.gif) no-repeat; padding-left: 18px; line-height: 19px;   }

.wrong label { display: inline !important;  line-height: 19px;  padding-left: 110px;  color: #df2325; background: url(../images/cross.gif) no-repeat 0 -2px !important;  }

.correct label { display: inline !important; line-height: 19px; padding-left: 133px !important; color: #2faf24 !important;  background: url(../images/tick.gif) no-repeat 0 -2px !important;  }

.results input { display: none; }

label { color: #6e7c86; }

.submitButton { margin: 15px 30px 0 0; }

.scoreP { font-weight: bold; color: #005da1; }
.scoreS { font-size: 14px; }

/* === NAV === */

#nav { padding-left: 15px; height: 32px; }

#nav a { display: block; height: 32px; float: left; }

#nav .home { background: url(../images/nav_home.gif); width: 83px; }
#nav .home:hover { background: url(../images/nav_homeH.gif);} 
#nav .home_S { background: url(../images/nav_homeS.gif);  width: 83px;} 

#nav .ocg { background: url(../images/nav_ocg.gif); width: 145px; }
#nav .ocg:hover { background: url(../images/nav_ocgH.gif);} 
#nav .ocg_S { background: url(../images/nav_ocgS.gif);  width: 145px;} 

#nav .pdg { background: url(../images/nav_pdg.gif); width: 178px; }
#nav .pdg:hover { background: url(../images/nav_pdgH.gif);} 
#nav .pdg_S { background: url(../images/nav_pdgS.gif);  width: 178px;} 

#nav .test { background: url(../images/nav_test.gif); width: 123px; }
#nav .test:hover { background: url(../images/nav_testH.gif);} 
#nav .test_S { background: url(../images/nav_testS.gif); width: 123px} 

#nav .purchase { background: url(../images/nav_purchase.gif); width: 126px; }
#nav .purchase:hover { background: url(../images/nav_purchaseH.gif);} 
#nav .purchase_S { background: url(../images/nav_purchaseS.gif); width: 126px;} 

#nav .stockists { background: url(../images/nav_stockists.gif); width: 97px; }
#nav .stockists:hover { background: url(../images/nav_stockistsH.gif);} 
#nav .stockists_S { background: url(../images/nav_stockistsS.gif); width: 97px; } 

#nav .about { background: url(../images/nav_about.gif); width: 93px; }
#nav .about:hover { background: url(../images/nav_aboutH.gif);} 
#nav .about_S { background: url(../images/nav_aboutS.gif); width: 93px;} 

#nav .contact { background: url(../images/nav_contact.gif); width: 110px; }
#nav .contact:hover { background: url(../images/nav_contactH.gif);} 
#nav .contact_S { background: url(../images/nav_contactS.gif); width: 110px;}