body {margin: 0; padding: 0; font-family:Arial,Helvetica,sans-serif; background: #ffffff; color:#000000; font-size: 100%; } #wrapper, #wrapperwide { width:98%; max-width:1000px; margin-right:auto; margin-left:auto; } #wrapperwide {max-width:1000px} #header { width:98%; max-width:780px; margin-right:auto; margin-left:auto; } #headerinner { width:98%; max-width:780px; margin-right:auto; margin-left:auto; } #headerleft { width:25%; max-width:200px; text-align:center; float:left; } #headerlogo {width: 70%; max-width: 523px; float:right;} #headerlin { width: 70%; max-width: 523px; float:left; } #headerright { width:25%; max-width:200px; text-align:center; float:right; } #headtable { width:97%; border:0; margin:0 auto; } .headtabtd1 {width:25%; text-align:center; } .td_right { text-align:right; vertical-align:top; width:10%; } .td_left { text-align:left; vertical-align:top; width:10%; } .td_cent_10 { text-align:center; vertical-align:top; width:10%; } .td_50 {width:15%; max-width:50px; } .td_110 {width:25%; max-width:110px; } .td_cent_top { text-align:center; vertical-align:top; } .td_left_top { text-align:left; vertical-align:top; } .td_cent_mid { text-align:center; vertical-align:middle; } .main_table, .table98 { width:98%; border:0; margin:0 auto; } .shiptable, .table95 {width:95%; margin-left: auto; margin-left: auto; border-spacing:0; } .shiptable td, th { border: solid #ccc 1px; padding:2px; margin:0; } .center { text-align:center; margin:0 auto; } .left { text-align:left; } .right { text-align:right; } .clear_both {clear:both; } #inwrapper, inwrapperwide { width:95%; max-width:980px; margin:0 auto; padding-left: 1em; padding-right: 1em; } #menucol {width:25%; max-width:170px; float:right; text-align:left; font-size: 1em; font-style: italic; font-weight: normal; } inwrapperwide {max-width:100%;} #maincol { width:70%; max-width:500px; float:left; text-align:left; font-size: 1em; font-style: normal; font-weight: normal; } #footer { width:75%; max-width:600px; margin-right:auto; margin-left:auto; } #logoimg { width:75%; max-width:302px; margin:0 auto; border:0; } #homelink { text-align:center; } #searchbox { text-align:right; } h1 { font-size: 1.2em; font-weight: bold; color: #FF3333; text-align: center} .fuh1 { font-size: 1.2em; font-weight: bold; color: #FF3333; text-align: center} .picout { width:97%; max-width:461px; margin-right:auto; margin-left:auto; margin-bottom:1em; padding-bottom:1em;} .picleft { width:48%; max-width:220px; min-width:200px; float:left; text-align:center; padding-top:5px; } .picright { width:48%; max-width:220px; min-width:200px; float:right; text-align:center; padding-top:5px; }.picout2 { width:97%; max-width:600px; margin:0 auto; padding-bottom:1em;} .picleft2 { width:48%; max-width:260px; min-width:200px; float:left; padding-top:5px; } .picright2 { width:48%; max-width:260px; min-width:200px; float:right; padding-top:5px; } .picclear { clear:both; } .picturethumb { margin:2px auto; border:none; } .menuleft { width:48%; max-width:220px; min-width:200px; float:left; text-align:left; } .menuright { width:48%; max-width:220px; min-width:200px; float:right; text-align:left; } .menucol ul li { font-size: 1em; font-style: normal; font-weight: bold; } .textimagetitle { font-size: 1em; font-style: normal; font-weight: bold} .textimagelight, .textimagelight_cent { font-size: 0.8em; font-weight: normal} .textimagelight_cent {text-align:center;} .menuguidelight li{list-style-type:none;margin:0 auto; font-size: 0.9em; font-style: normal; font-weight: normal;} .menuguidelight a:active, .menuguidelight a:link, .menuguidelight a:visited{width:90%;margin: 1px auto 0 auto; display:block; background: #565; color: #fff; font-size: 1em; font-weight: normal; text-align:center; text-decoration:none; border-top: #898 2px solid; border-right: #232 2px solid; border-bottom: #232 2px solid; border-left: #898 2px solid; padding: 1px 3px 3px 3px;} .menuguidelight a.gselected{background: #ccc; color: #000;} .menuguidelight a.gselected:hover{background: #ccc; color: #ff0;} .menuguidelight a:hover {background: #565; color: #ff0; border-top: #232 2px solid; border-right: #898 2px solid; border-bottom: #898 2px solid; border-left: #232 2px solid;} .menulight { font-size: 0.9em; font-style: normal; font-weight: normal; text-align:center;} .headerbold, .headerbold_top { font-size: 1em; font-style: normal; font-weight: bold;text-align:left;} .headerbold_top {vertical-align:top; } .headerboldred { font-size: 1em; font-style: normal; font-weight: bold;color:#f00} .textmainitalic { font-size: 1em; font-style: italic; font-weight: normal; text-align:left;} .textmainitalicright { font-size: 1em; font-style: italic; font-weight: normal; text-align:right;} .titlepage { font-size: 1.2em; font-weight: normal; color: #FF3333; text-align: center} .pageclick { font-size: 0.9em; font-weight: normal; color: #FF3333; text-align: center} .textmain textmain_vtop{ font-size: 1em; font-style: normal; font-weight: normal; color: #000000; text-align: left} .textmain_vtop {vertical-align:top;} .textmainred { font-size: 1em; font-style: normal; font-weight: normal; color: #f00; text-align: left} .top { font-size: 1em; font-style: italic; text-align: right} .textmaincentre { text-align: center; font-size: 1em; font-style: normal; font-weight: normal} .hr75 { border:0; color:#000000; background-color:#000000; height:1px; width:75%; margin-left: auto; margin-right: auto; } .hr95 { border:0; color:#000000; background-color:#000000; height:1px; width:95%; margin-left: auto; margin-right: auto; } .imgright { padding:3px; margin:3px; float:right; border-style: none; } .imgleft { padding:3px; margin:3px; float:left; border-style: none; } .imgcenter { padding:3px; margin:3px auto; display: block; border-style: none; } .imgdef { padding:0px; margin:0px; border-style: none; } a:active, a:focus, a:hover, a:link{ color: #0000FF; text-decoration:underline;	 } a:visited {color: #9933ff; text-decoration:underline;	 } .menulight li {list-style-type:none; vertical-align:top;} .menulight li a, a.menu {width:90%;margin: 1px auto 0 auto; display:block; background: #565; color: #fff; font-size: 1em; font-weight: normal; text-align:center; text-decoration:none; border-top: #898 2px solid; border-right: #232 2px solid; border-bottom: #232 2px solid; border-left: #898 2px solid; padding: 1px 3px 3px 3px;} a.menu:hover {width:90%;margin: 1px auto 0 auto; display:block; background: #565; color: #ff0; font-size: 1em; font-weight: normal; text-align:center; text-decoration:none; border-top: #232 2px solid; border-right: #898 2px solid; border-bottom: #898 2px solid; border-left: #232 2px solid; padding: 1px 3px 3px 3px;} .show500{ display:none} .show600{ display:none} .home600{ display:none} .textlink{} 
.table_95 {width:95%; margin:0 auto; border:thin solid #ccc; padding: 2px; border-collapse: collapse;} .table_95 td, th{border:thin solid #ccc; padding: 2px; vertical-align:top;} 
.form1 {margin:0 auto;}
#dir_choice{line-height:200%;}
<!-- page numbers 
.paginate{width:95%; margin: 0 auto;}.paginate, .link {padding: 3px; margin:0 auto;} .paginate a, .link a { padding:2px 5px 2px 5px; margin:2px; border:1px solid #999; text-decoration:none; color: #666; } .paginate a:hover, .paginate a:active, .link a:hover, .link a:active { border: 1px solid #999; color: #000; } .paginate span.current { margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #999; font-weight: bold; background-color: #999; color: #FFF; } .paginate span.disabled { padding:2px 5px 2px 5px; margin:2px; border:1px solid #eee; color:#DDD; } 


@media screen and (max-width:1024px) {a {line-height:2.5em;} a.textlink{font-weight:bold;line-height:2.5em; padding:0.5em;}.menulight li a, a.menu {font-size: 1em; padding: 1px 3px 3px 3px;display:block;vertical-align:top;} a.menu:hover {font-size: 1em; padding:1em;display:block;vertical-align:top; border-top: #232 2px solid; border-right: #898 2px solid; border-bottom: #898 2px solid; border-left: #232 2px solid; padding: 1px 3px 3px 3px;} a.headerbold{line-height:2.5em;	padding:0.5em;} #logoimg { width:98%; max-width:302px; float:none; margin:0 auto; } #headerleft { width:98%; max-width:1000px; text-align:center; float:none; margin:0 auto; } #headerlogo {width: 98%; max-width: 1000px; float:none; margin:0 auto;} #headerlin { width: 70%; max-width: 523px; float:left; text-align:center; } a.menu{font-size: 1em;} a.menu:hover{font-size: 1em;} .hide1024{display:none;}} 
@media screen and (max-width:760px){ #maincol { width:98%; float:none; max-width:500px; margin-left:auto; margin-right:auto; font-size: 1em; font-style: normal; font-weight: normal; } #headerlin { width: 98%; max-width: 523px; float:none; text-align:center; margin: 0 auto; } .menucol {display:none;} #searchbox {text-align:center; margin-left:auto; margin-right:auto; } .home600 {display:block; font-size: 1.5em; text-align:center; font-weight: bold; } .show600 {display:inline;} .hide600 {display:none;} .menu1 { font-size: 1.5em; font-style: normal; font-weight: bold; } .menu1		 { background: #eef; border: 1px solid #ccc; padding:1px; margin: 0 10% 0 10%; width: 80%;clear:both;} .menu1 ul	 { padding: 0 18px 9px; } .table_95 {width:100%;} 
ul {margin-left:-1em; margin-right:0;}
blockquote {margin-left:1em; margin-right:0;} 
#inwrapper, inwrapperwide { width:99%; max-width:680px; margin:0 auto; padding-left: 0; padding-right: 0;}
#wrapper, #wrapperwide { width:99%;margin-right:auto; margin-left:auto; }}

@media screen and (max-width:520px){ .picout, .picout2 { width:97%; max-width:220px; margin:0 auto; } .picleft, .picleft2, .picright, .picright2 { width:98%; max-width:210px; min-width:200px; float:left; text-align:center; } .menuleft { width:98%; max-width:210px; min-width:200px; float:left; text-align:left; } .menuright { width:98%; max-width:210px; min-width:200px; float:left; text-align:left; } .picclear2 { clear:both; } a.menu {margin: 0 auto 0 auto; } a.menu:hover {margin: 0 auto 0 auto;} .show500 {display:inline;} .hide500 {display:none;}}