/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body{color: #363636; font-size:98%; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin:0;padding:0;} #top{margin:0; padding:0;} #wrapper, #wrapperwide, #wrapperxwide{width:95%;margin:0 auto; padding:0; text-align:left; background-color:#ccc;} 
.breadcrumbs {width:95%; text-align:left;}
#columnmenu, #diydatalogo, .hide900, .hide860, .show700{display:none;} 
.show860 {display:inline; } #mainbody{width:98%;padding:0;margin:0 auto;background-color:#ccc;} #columnonewide, #columnone, #columnonexwide {width:98%; margin:0 auto; padding:0; float:none;background-color:#fff;} .mainheading{ font-size:1.75em;font-style:normal;font-weight:bold;color:#f03;text-align:center} #footers{font-size:0.9em;font-style:italic;font-weight:bold;color:#000;background-color:#fff;text-align:left;width:98%;clear:both;} #adminbotmenu{font-size:0.9em;font-style:italic;font-weight:bold;color:#000;background-color:#fff;text-align:center;width:98%;} #copyright{font-size:1em;font-style:italic;font-weight:normal;color:#000;;text-align:left;width:90%;margin:0 auto;} #maintextbox{width:95%;padding:1em;margin-left:auto;margin-right:auto;font-size:1em;font-style:normal;font-weight:normal;text-align:left;color:#033;} .border_grey{border:solid #ccc 1px;} .maintext{padding:1em;margin:1em;font-size:1em;font-style:normal;font-weight:normal;text-align:left;color:#033;border:solid #ccc 1px;border-radius:0.5em;} .maintextvsmall{font-size:0.75em;font-style:normal;font-weight:normal;text-align:left;color:#033;} .subhead{font-size:1.25em;font-style:normal;font-weight:bold;color:#1E87C8;} .subhead1{font-size:1.15em;font-style:normal;font-weight:bold;color:#00f;background-color:#fff;} .subhead2{ font-size:1.1em;font-style:normal;font-weight:normal;color:#00f;background-color:#fff;} .subheadcentre{font-size:1.25em;font-style:normal;font-weight:bold;color:#1E87C8;background-color:#fff;text-align:center;} .subheadred{font-size:1.125em;font-style:normal;font-weight:bold;} .safety{font-size:1.125em;font-style:normal;font-weight:bold;color:#ff0000;} .header330 {width: 98%; max-width: 330px; margin:0 auto;} .header468 {width: 98%; max-width: 468px; border:none} .smallnormal, .smallnormalbold, .smallnormal_cent{ font-size:0.9em;font-style:normal;font-weight:normal} .smallnormalbold{ font-weight:bold;text-align:center; } .smallnormal_cent {text-align:center;} .mainlowtext{font-size:0.75em;font-style:normal;font-weight:normal;color:#000;} .mainlowtextcentre{font-size:0.75em;font-style:normal;font-weight:normal;color:#000;text-align:center;} .smalllink{font-size:0.9em;font-style:italic;font-weight:normal;} .maintextital{font-size:1em;font-style:italic;font-weight:normal;color:#000;background-color:#fff; } .maintextindent{ font-size:1em;font-style:normal;font-weight:normal} .maintextbig{font-size:1.25em;font-style:normal;font-weight:bold;color:#33F;background-color:#fff;} .maintextCentre{ font-size:1em;font-style:normal;font-weight:normal;text-align:center} .mainpage{font-size:1.1em;font-style:normal;font-weight:bold;} .mainpagecent{ font-size:1.25em;font-style:normal;font-weight:bold;text-align:center} .maintextleft{ font-size:1em;font-style:normal;font-weight:normal;text-align:left} .menulink{ font-size:1.1em;font-style:normal;font-weight:bold;color:#00f;} .hr50, .hr75, .hr95, .hr100, .hr400px{ border:0;color:#000;background-color:#000001;height:1px;margin:0 auto;} .hr50{width:50%} .hr75{width:75%;} .hr95{width:95%;} .hr100{width:98%;} .hr400px{width:98%;max-width:400px;} .imgright{border:0px;padding:3px;margin:3px;float:right;} .imgleft{border:0px;padding:3px;margin:3px; float:left;} .imgcenter{border:0px;padding:3px; margin:3px auto;display:block;} .img468center{width:95%; max-width:468px; border:0px; padding:3px; margin: 3px auto 3px;} .imgdef{border:0px;padding:0px;margin:0px;} .directorybox{width:99%;font-style:normal;color:#000;text-align:center;margin-left:auto;margin-right:auto;border:double #999999 1px;border-radius:0.5em;} .promobox{width:95%;max-width:150px;font-style:normal;font-weight:bold;color:#fff;text-align:center;margin-left:auto;margin-right:auto;background-color:#CCF;border:solid #000 1px;border-radius:0.5em;} .supplierhead {font-size: 1.2em;font-style: normal;text-align: left;color: #000;width: 98%;padding-top:0.5em;padding-bottom:0.5em;} .promohead{font-size:1em;font-style:normal;font-weight:bold;color:#fff;text-align:center;background-color:#039;border-top-left-radius:0.5em;border-top-right-radius:0.5em;} .promo{width:85%;font-style:normal;font-weight:bold;color:#00C;text-align:left;background-color:#fff;margin-left:auto;margin-right:auto;border-radius:0.5em;} .promobox ul{padding:2px 0px 5px 3px;margin:2px 0px 5px 5px;width:115px;} .promobox ul li{line-height:1.5em;width:98%;padding:0 0px 5px 0px;margin:0 0px 5px 12px;list-style-type:disc;vertical-align:top;} .helpfulborder{border:double #6f6 2px;} .sidebar_text_ads{font-size:0.9em;text-align:center;;} .related{margin:0 auto; float:none;} .relatedheading{font-style:italic;font-weight:normal;text-align:center;color:#000;} .related ul{padding:0 2px 25px 5px;margin:0 2px 25px 5px;} .related li .a{padding:0 2px 2px 3px;margin:0 2px 2px 3px;list-style-type:disc;} .fontred{color:red;} .fontredlarge{color:red; font-size:1.2em;} .fontblue{color:#33F;} .fontgreen{color:#690;} .fontyellow{color:#fc3;} .border_red{border:double red 1px; padding:1em;} .border_black_round{border:double black 1px;border-radius:0.5em;} .border_black{border:double black 1px} .backgr_black{background-color:#000;} .border_hdbox{border:double #039 1px;} .border_grey{border:double #999 1px;} .backgr_grey{background-color:#ccc; width:99%;} .border_green{border:double #6f6 2px;} .border_d_green{border:double #066 2px;} .border_white{border:double white 1px;} .adsidebar{width:130px;background-color:#ffc;border:double black 1px;margin-right:auto;margin-left:auto;} h1{font-size:1.75em;font-style:normal;font-weight:bold;color:#000;text-align:center} .dumh1{font-size:1.7em;font-style:normal;font-weight:bold;color:#1E87C8;text-align:center} h2{font-size:1.3em;font-style:normal;font-weight:bold;color:#1E87C8;text-align:left;} h3{ font-size:1.1em;font-style:normal;font-weight:bold;color:blue;text-align:left;} a:active, a:focus, a:link, a:visited{color:#00f;text-decoration:underline;} a:hover{color:#f00;text-decoration:none;} #headbox{max-width:490px;float:left;} #headbox1{width:150px;float:left;margin:5px 1px 0px 20px;} #headbox2{width:150px;float:right;margin:5px 20px 0px 1px;} #colone2{ clear:both;width:490px;float:left;font-size:1.25em;font-style:normal;font-weight:normal;color:#000;} .google_bot{text-align:center;} #botmenu{clear:both;background-color:#fff;width:95%; margin:0 auto; border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;text-align:center;font-style:italic;font-weight:bold;margin-bottom:7px;padding-top:5px;padding-bottom:7px;} #botmenuinner{width:98%; max-width:580px;text-align:center;margin-left:auto;margin-right:auto; line-height:2em;} .clearfloats{clear:both;} #helpfullinkbox,  /*#booknav a{width:98%;display:block;text-decoration:none;padding:0.5em 0 0.5em 1em;text-align:left;font:10px Verdana, Arial, Helvetica, sans-serif;line-height:1.5;font-weight:800;color:#fff;background:#000099;border-radius:0.2em;} */.align_center {text-align:center;} .align_left {text-align:left;} .align_right {text-align:right;} .indexlist li { line-height: 2em; } .table_left {float:left; border:0; } .table_right {float:right; border:0; } .table_cent {margin:0 auto; border:0; } .table_safe, .table_50pc, .table_75pc, .table_100pc, .table_100pc_bkb, .table_98pc_bkb {width:98%; border:0; margin:0 auto;} .table_50pc {max-width:250px;border: solid #ccc 1px; padding:2px; border-spacing: 0; border-collapse: collapse;} .table_75pc {width:75%;} .table_100pc_bkb, .table_98pc_bkb{ border:solid #ccc 1px; border-spacing:0;} .table_safe{padding:5px; border:solid red 1px; border-spacing:0;} .table_50pc td, .table_98pc_bkb td, .table_100pc_bkb td,.table_50pc th, .table_98pc_bkb th, .table_100pc_bkb th{ border: solid #ccc 1px; padding:2px; margin:0; border-spacing: 0; border-collapse: collapse;} .table_460px{width:98%; max-width:460px; margin:0 auto; border:solid #ccc 1px; border-spacing: 0; border-collapse: collapse;} .tab98nbord{width:98%; margin:0 auto;border-spacing:1px; display:block;} .tab98greybord{width:98%; margin:0 auto;border-spacing:1px; border:solid grey 1px;padding:2px;} .td50pc{width:50%;} .td_cent_top { text-align:center; vertical-align:top; padding:5px;} .td_cent_top_18pc { width:18%; text-align:center; vertical-align:top; padding:5px;} .td_cent_top_ccf { text-align:center; vertical-align:top; padding:5px; background-color:#ccf;} .td_cent_top_cff { text-align:center; vertical-align:top; padding:5px; background-color:#cff;} .td_cent_top_ccf_20pc { width:20%; text-align:center; vertical-align:top; padding:5px; background-color:#ccf;} .td_cent_mid { text-align:center; vertical-align:middle; padding:5px;} .td_left_mid { text-align:left; vertical-align:middle; padding:5px;} .td_right_mid { text-align:right; vertical-align:middle; padding:5px;} .td_left_top { text-align:left; vertical-align:top; padding:5px;} .td_left_top_ccf { text-align:left; vertical-align:top; padding:5px; background-color:#ccf;} .td_left_top_cff { text-align:left; vertical-align:top; padding:5px; background-color:#cff;} .td_right_bot { text-align:right; vertical-align:bottom; padding:5px;} .td_right_top { text-align:right; vertical-align:top; padding:5px; } .show900{display:inline;} /*drop down menu*/ .dirbox{border:solid #ccc 1px; width:99%; margin:0 auto;} .img230{width:98%; max-width:230px;} .iframebookdef, .iframebookleft, .iframebookright{border:none; margin:auto 5px; overflow: hidden; } .iframebookleft{float:left;} .iframebookright{float:right;} .iframebookser{border:none; margin:5px; width:180px; height:150px;overflow: hidden; } .bggrey{background-color:#ccc;} .adslot_1 { width: 95%; margin:1px auto; padding:0;} .adslot_2 {width: 95%; height: 600px; margin:2px auto; padding-left:0; padding-right:0;} .width10{width:10%;} .width15{width:15%;} .width20{width:20%;} .width25{width:25%;} .width30{width:30%;} .width33{width:33%;} .width40{width:40%;} .width45{width:45%;} .width50{width:50%;} .table45pc{width:98%;} #topmenu{display:block;width:98%;background-color:#ccc;padding:5px;} /*drop down menu*/ #top_menu,#top_menu ul{list-style:none;padding:0;background-color:#ccc;color:#000; font-style:normal;} #top_menu {width:75%;margin:0;font-size:1em;z-index:999;position:relative;display:inline-block;font-size:1em; line-height:1em;font-weight:500;} #top_menu ul{display:none;position:absolute;left:0;top:98%;background-color:#fff;border-radius:5px;border-color:#d4d4d4;padding:0 5%;width:90%;} /*set drop down*/ #top_menu li:hover>*{display:block;} #top_menu li{width:98%;display:block;white-space:nowrap;} #top_menu li:hover{z-index:1;} #top_menu ul ul{width:60%;position:absolute;left:10%;top:98%;} #top_menu>li{margin:0 auto;} * html #top_menu li a{display:inline-block;} #top_menu a:active, #top_menu a:focus{outline-style:none;} #top_menu a{display:block;vertical-align:middle;text-align:left;text-decoration:none;color:#000;cursor:pointer;padding:1px 0 1px 10px;background-color:white;} /*sets appearance of static menu line*/#top_menu ul li{width:98%;float:none;margin:0 0 0; border-bottom:solid #000 1px;} #top_menu ul a{text-align:left;width:90%;background-color:#fff;color:#000;;text-decoration:none;} /*set dropdown text */ #top_menu li:hover>a,#top_menu a.pressed{font-style: italic; color: red;text-decoration:none;} #top_menu span{display:block;overflow:visible;padding-right:0;} #top_menu ul span{padding-right:28px;} #top_menu li:hover>a, #top_menu li>a.pressed{background-color:#ccc;text-decoration:none;font-style:normal; color:#000;} #top_menu ul li:hover>a,#top_menu ul li>a.pressed{font-style: italic; color: red;text-decoration:none;} #topmenu a {background-color:#fff;font-size: 1em; font-weight:normal;height:1em;line-height:1em;padding:0.5em;height:1em} #colside{width:98%; margin:1px auto;} .basicbox{width:95%;max-width:250px;text-align:left;border:solid #000 1px;margin-right:auto;margin-left:auto;margin-bottom:5px;padding:5px;border-radius:0.5em;background-color:#fff;} .basicbox ul{padding:0 2px 2px 5px;margin:0 2px 2px 5px;} .basicbox li{font-size:0.95em; padding:0 2px 2px 3px;margin:0 2px 2px 3px;list-style-type:disc;} .basicbox a {font-size:0.95em; padding:0 2px 2px 3px;margin:0 2px 2px 3px;width:98%; max-width:250px;display:block;} a {font-size: 1em; font-weight:bold; font-style:normal; line-height:2.0em;margin:0.5em;} .hidelabel {  border: 0;  clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;} dd {margin-left:1em; margin-right:0;width:99%;}
/* ul, ol, li, li ul, li ul li ul, dl, dt, dd, blockquote{width:90%;} */
ul, ol {padding-left:1em; width:96%;}
blockquote{margin-left:1em; width:96%;}
@media screen and (min-width:765px){ body{background-image:url(/assets/newbg.gif); background-position:top left; background-repeat:repeat-x; } h1{margin-top:0;padding-top:0;} #wrapper, #wrapperwide, #wrapperxwide{max-width:815px;padding:0;margin:1em auto;border-radius:0.5em;-webkit-box-shadow:3.5px 3.5px 5px #000;box-shadow:3.5px 3.5px 5px #000; border:solid #ccc 1px;} #wrapperwide, #wrapperxwide{max-width:895px;} #columnone, #columnonewide{width:75%;max-width:600px;float:left;font-style:normal;font-weight:normal;padding:0 0;margin:0px;;border-radius:5px;border:solid #ccc 1px;margin:0 auto;} #columnonewide{width:550px;} #colside{float:right;width:150px;margin-top:100px;text-align:center;} .table_75pc {width:98%;} .google_bot{display:none;} #botmenu, #botmenuinner{width:95%;text-align:center;margin: 0 auto;line-height:2em;padding:0.5em;} .basicbox{max-width:150px;} /*.basicbox ol li, .basicbox ul li{padding:0 0 0 1em ;margin:0 0 0 1em } */.related ul{padding:0 2px 2px 5px;margin:0 2px 0px 5px;} /*#inner1, #inner1wide {float:none; width:99%; margin: 1px auto; padding:0;} */#inner1, #inner1wide {float:none; width:98%; font-style: normal; font-weight: normal; color: #000; margin: 1px auto; padding: 1px;background-color:#ccc;} .promobox{max-width:250px} .promobox ul{width:80%; max-width:200px} .table45pc{width:45%;} .subhead, .subheadcentre{font-size:1em;} ul, ol {margin-left:-1em; margin-right:0;}  blockquote {margin-left:1em; margin-right:0;} #sidegoogle .promobox{background-color:#fff; border:none; width:95%; max-width:400px;} .related{text-align:left;font-size:1em;line-height:1.5em;width: 98%;margin-left:auto;margin-right:auto;} .related ul{padding:0 2px 5px 5px;margin:0 2px 5px 5px;} #maintextbox{padding:0;margin:0 auto;border:solid #ccc 1px;border-radius:0.5em;} .show700{display:inline} 
dd {margin-left:2em;} }
@media screen and (min-width:850px) { #wrapper, #wrapperwide, #wrapperxwide{background-color:#ccc;padding:0;margin:1em auto;} #diydatalogo,.hide860, .hide900{display:inline; } #columnonewide, #columnone {width:72%;} #top_menu{display:none;} #inner1, #inner1wide {float:right; width:98%;max-width:650px; font-style: normal; font-weight: normal; color: #000; margin: 1px auto; padding: 0;} #colside{width:160px;text-align:center;} #maintextwrap {width:73%; max-width:500px; float:left; padding:0; margin:0 auto; border-right: 2px solid #ccc; }  .show860, .show900{display:none; } #columnmenu{display:inline;width:145px;text-align:center;float:left;margin-top:1px;margin-right:auto;margin-bottom:1px;margin-left:auto;padding-top:1px;padding-right:0;padding-bottom:1px;padding-left:0;clear:none;} #mainnav, #booknav{width:98%;margin:0 auto;padding:0;}  #mainnav a, #booknav a{width:115px;height:40px; margin:0 auto; display:block;text-decoration:none;padding-left:1em;text-align:left;font-size:0.7em; font-weight:800;color:#fff;background:#000099;border-radius:0.2em; border-bottom: 2px solid #fff; } /*#booknav a{height:60px;} */ #mainnav a:hover, #booknav a:hover{background:#0066FF;color:#fff;border-radius:0.2em;} #mainnav a.selected, #booknav a.selected{background:#fff;color:#000;border-radius:0.2em;} #bookbox{width:95%;max-width:150px;text-align:center;background-color:#fff;border:solid #333 1px;margin-right:auto;margin-left:auto;margin-bottom:5px;padding-bottom:5px;border-radius:0.5em;} ul, ol {padding-left:3em; width:96%;}
blockquote{margin-left:3em; width:96%;}
dd {margin-left:3em;} } 
@media screen and (min-width:1024px){ #wrapper, #wrapperwide, #wrapperxwide{width:1000px;max-width:none;padding:0;} #mainbody{width:99%;padding:0;float:none;margin:0 auto;} #columnone, #columnonewide, #columnonexwide {width:600px;float:left;font-style:normal;font-weight:normal;padding:10px 0;margin:0;} #columnonexwide {width:95%;} #inner1xwide {width:790px;max-width:none;} #inner1, #inner1wide{width:790px;max-width:790px;float:right;} #colone1{ width:490px;float:left;font-size:1.25em;font-style:normal;font-weight:normal;color:#000;} #columnonewide {width:560px;} #footers{font-weight:normal;width:100%;clear:both;} #colside{width:160px;} #columnmenu{width:200px;} #adminbotmenu{font-size:0.9em;font-style:italic;font-weight:normal;color:#000;background-color:#fff;text-align:center;width:98%;} a {font-weight:normal;line-height:1.0em; margin:0.1em;} .sidebar_text_ads{font-size:0.9em;text-align:center;} #botmenu{clear:both;background-color:#fff;width:98%; margin:0 auto; border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;text-align:center;font-style:italic;font-weight:normal;margin-bottom:7px;padding-top:5px;padding-bottom:7px;} #bookbox{max-width:150px;border:solid #000 1px;} #mainnav, #booknav{width:125px;margin:0 auto;}  #mainnav a, #booknav a{width:98%; max-width:123px; height:30px;display:block;text-decoration:none;padding-top:1em;padding-left:1em;text-align:left;font-size:0.7rem; font-weight:800;color:#fff;background:#000099;} #mainnav a.selected, #booknav a.selected{background:#fff;color:#000;} .dirbox{border:solid #ccc 1px; width:99%; margin:0 auto;} } 
@media print {#columnmenu{display:none;} iframe, #botmenuinner{display:none;} #colside{display:none} #topmenu{display:none;} .show900{display:inline;} #cse-search-box{display:none;} .hide860, .hide900{display:none;} body{color:#000;text-align:center;font-size:100%; background-image:none;} #wrapper, #wrapperwide, #wrapperxwide{width:98%;padding:0px;margin-top:5px;margin-right:auto; margin-bottom:5px;margin-left:auto; -webkit-box-shadow:none; box-shadow:none;background-color:#fff;} #wrapperxwide{width:500px;} #mainbody{width:99%;padding:0;float:none;margin:0 2px;} #columnone, #columnonewide, #columnonexwide{width:98%;float:left;font-style:normal;font-weight:normal;color:#000;background-color:#fff;padding:0px;margin:0px;} #columnonexwide{width:500px;} #inner1, #inner1wide{width:98%;float:right;} #colone1{ width:74%;float:left;font-size:1.25em;font-style:normal;font-weight:normal;color:#000;} .mainheading{  font-size:1.75em;font-style:normal;font-weight:bold;color:#f03;text-align:center} #footers{font-size:0.9em;font-style:italic;font-weight:normal;color:#000;background-color:#fff;text-align:left;width:600px;clear:both;} #adminbotmenu{font-size:0.9em;font-style:italic;font-weight:normal;color:#000;background-color:#fff;text-align:left;width:100%;} #maintextbox{width:95%;padding:1em;margin:1em;border:solid #ccc 1px;border-radius:0.5em;} .maintext{padding:1em;margin:1em;font-size:1em;font-style:normal;font-weight:normal;text-align:left;color:#033;border:solid #ccc 1px;border-radius:0.5em;} .maintextvsmall{font-size:0.75em;font-style:normal;font-weight:normal;text-align:left;color:#033;} .google_bot{display:none;} .adsbygoogle, .hide_print{display:none;} .subhead{font-size:1.25em;font-style:normal;font-weight:bold;color:#1E87C8;} .adslot_1{display:none;} }