var mobileshrink1="<style> /* CSS for Mobile Friendly table shrinking ------------------------------------ */ #tableshrink { border:0px solid #000; border-collapse:collapse; font-family:Arial, Sans-Serif; font-size:12px; text-align:left; } #tableshrink td { border:0px solid #999; padding:3px 6px; } .imgshrink { height: auto; max-width: 100%; } @media only screen and (max-width: 15800px) { #td2 chkoutbackin, .tblcheckoutbackin td:nth-child(2) { display:none; visibility:hidden; } #td4 clock, .tblclocklogo td:nth-child(4) { display:none; visibility:hidden; } #td2 firstaddress, .firstaddress td:nth-child(2) { display:none; visibility:hidden; } } @media only screen and (max-width: 900px) { #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } } @media only screen and (max-width: 830px) { #td6 format, .tblmaindata td:nth-child(6) { display:none; visibility:hidden; } #td7 origin, .tblmaindata td:nth-child(7) { display:none; visibility:hidden; } #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } #td10 M, .tblMletter td:nth-child(10) { display:none; visibility:hidden; } } @media only screen and (max-width: 730px) { #td4 promo, .tblmaindata td:nth-child(4) { display:none; visibility:hidden; } #td5 list no, .tblmaindata td:nth-child(5) { display:none; visibility:hidden; } #td6 format, .tblmaindata td:nth-child(6) { display:none; visibility:hidden; } #td7 origin, .tblmaindata td:nth-child(7) { display:none; visibility:hidden; } #td8 cond, .tblmaindata td:nth-child(8) { display:none; visibility:hidden; } #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } #td9 M, .tblMletter td:nth-child(9) { display:none; visibility:hidden; } #td10 M, .tblMletter td:nth-child(10) { display:none; visibility:hidden; } #td2 firstaddress, .firstaddress td:nth-child(2) { display:block; visibility:visible; } #td1 secondaddress, .secondaddress { display:none; visibility:hidden; } #td2 chkout, .tblcheckout td:nth-child(2) { display:none; visibility:hidden; } #td2 chkoutbackin, .tblcheckoutbackin td:nth-child(2) { display:block; visibility:visible; } #td2 paymentlogos, .tblpaylogos td:nth-child(2) { display:none; visibility:hidden; } } @media only screen and (max-width: 550px) { #td4 promo, .tblmaindata td:nth-child(4) { display:none; visibility:hidden; } #td5 list no, .tblmaindata td:nth-child(5) { display:none; visibility:hidden; } #td6 format, .tblmaindata td:nth-child(6) { display:none; visibility:hidden; } #td7 origin, .tblmaindata td:nth-child(7) { display:none; visibility:hidden; } #td8 cond, .tblmaindata td:nth-child(8) { display:none; visibility:hidden; } #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } #td11 info, .tblmaindata td:nth-child(11) { display:none; visibility:hidden; } #td7 M, .tblMletter td:nth-child(7) { display:none; visibility:hidden; } #td8 M, .tblMletter td:nth-child(8) { display:none; visibility:hidden; } #td9 M, .tblMletter td:nth-child(9) { display:none; visibility:hidden; } #td10 M, .tblMletter td:nth-child(10) { display:none; visibility:hidden; } #td3 clock, .tblclocklogo td:nth-child(3) { display:none; visibility:hidden; } #td4 clock, .tblclocklogo td:nth-child(4) { display:block; visibility:visible; } } @media only screen and (max-width: 490px) { #td4 promo, .tblmaindata td:nth-child(4) { display:none; visibility:hidden; } #td5 list no, .tblmaindata td:nth-child(5) { display:none; visibility:hidden; } #td6 format, .tblmaindata td:nth-child(6) { display:none; visibility:hidden; } #td7 origin, .tblmaindata td:nth-child(7) { display:none; visibility:hidden; } #td8 cond, .tblmaindata td:nth-child(8) { display:none; visibility:hidden; } #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } #td11 info, .tblmaindata td:nth-child(11) { display:none; visibility:hidden; } #td12 audio, .tblmaindata td:nth-child(12) { display:none; visibility:hidden; } #td6 M, .tblMletter td:nth-child(6) { display:none; visibility:hidden; } #td7 M, .tblMletter td:nth-child(7) { display:none; visibility:hidden; } #td8 M, .tblMletter td:nth-child(8) { display:none; visibility:hidden; } #td9 M, .tblMletter td:nth-child(9) { display:none; visibility:hidden; } #td10 M, .tblMletter td:nth-child(10) { display:none; visibility:hidden; } } @media only screen and (max-width: 420px) { #td3 label, .tblmaindata td:nth-child(3) { display:none; visibility:hidden; } #td4 promo, .tblmaindata td:nth-child(4) { display:none; visibility:hidden; } #td5 list no, .tblmaindata td:nth-child(5) { display:none; visibility:hidden; } #td6 format, .tblmaindata td:nth-child(6) { display:none; visibility:hidden; } #td7 origin, .tblmaindata td:nth-child(7) { display:none; visibility:hidden; } #td8 cond, .tblmaindata td:nth-child(8) { display:none; visibility:hidden; } #td9 remarks, .tblmaindata td:nth-child(9) { display:none; visibility:hidden; } #td11 info, .tblmaindata td:nth-child(11) { display:none; visibility:hidden; } #td12 audio, .tblmaindata td:nth-child(12) { display:none; visibility:hidden; } #td2 clock, .tblclocklogo td:nth-child(2) { display:none; visibility:hidden; } #td5 M, .tblMletter td:nth-child(5) { display:none; visibility:hidden; } #td6 M, .tblMletter td:nth-child(6) { display:none; visibility:hidden; } #td7 M, .tblMletter td:nth-child(7) { display:none; visibility:hidden; } #td8 M, .tblMletter td:nth-child(8) { display:none; visibility:hidden; } #td9 M, .tblMletter td:nth-child(9) { display:none; visibility:hidden; } #td10 M, .tblMletter td:nth-child(10) { display:none; visibility:hidden; } }  </style>";
var textareaeffects="<style> /* Hides the inputs and textareas on focus */ input:focus::-webkit-input-placeholder , textarea:focus::-webkit-input-placeholder { color: transparent!important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent!important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent!important; } /* Color for fields that are Mandatory */ #CustEmail::-webkit-input-placeholder, #spare1::-webkit-input-placeholder, #spare2::-webkit-input-placeholder { color: Red; } #CustEmail:-moz-placeholder, #spare1:-moz-placeholder, #spare2:-moz-placeholder { color: Red; } #CustEmail::-moz-placeholder, #spare1::-moz-placeholder, #spare2::-moz-placeholder { color: Red; } #CustEmail:-ms-input-placeholder, #spare1:-ms-input-placeholder, #spare2:-ms-input-placeholder { color: Red; } /* Color for fields that are Optional */ #CustMessage::-webkit-input-placeholder, #spare1::-webkit-input-placeholder, #spare2::-webkit-input-placeholder { color: Green; } #CustMessage:-moz-placeholder, #spare1:-moz-placeholder, #spare2:-moz-placeholder { color: Green; } #CustMessage::-moz-placeholder, #spare1::-moz-placeholder, #spare2::-moz-placeholder { color: Green; } #CustMessage:-ms-input-placeholder, #spare1:-ms-input-placeholder, #spare2:-ms-input-placeholder { color: Green; }  </style>";
var commonstyles="<style> /* This hides scrollbars, but NOT on Firefox 34, so the horrible scrolling='no' has to remain */ .scrolls::-webkit-scrollbar { display:none; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .forcespace { display: block; font-family: Arial; white-space: pre; line-height: 0px; margin: 1em 0; } @viewport{ zoom: 1.0; width: extend-to-zoom; } @-ms-viewport{ width: extend-to-zoom; zoom: 1.0; } .menufixedtotop { position: fixed; top: 0; left: 2%; width:98%; z-index: 9999; } .layerfixedtotop { position: fixed; top: 0px; left: 0px; width:100%; z-index: 9998; } .leftaligned { margin-right: auto; margin-left: 0; } .rightaligned { margin-right: 0; margin-left: auto; } .centeraligned { margin-right: auto; margin-left: auto; } .alignmiddle { vertical-align:middle } .aligntop { vertical-align:top } .nobr { white-space:nowrap; } .button-container form, .button-container form div { display: inline-block; vertical-align: top; } a.anchoroffset { display: block; position: relative; top: -50px; visibility: hidden; }  </style>";
var mp3buttons1="<style> /* SoundManager 2: Basic MP3 player CSS ------------------------------------ Clicks on links to MP3s are intercepted via JS, calls are made to SoundManager to load/play sounds. CSS classes are appended to the link, which are used to highlight the current play state and so on. Class names are applied in addition to 'sm2_button' base. Default: sm2_button Additional states: sm2_playing sm2_paused eg. <!-- default --> <a href='some.mp3' class='sm2_button'>some.mp3</a> <!-- playing --> <a href='some.mp3' class='sm2_button sm2_playing'>some.mp3</a> Note you don't require ul.graphic / ul.flat etc. for your use if only using one style on a page. You can just use .sm2_button{} and so on, but isolate the CSS you want. Side note: Would do multiple class definitions eg. a.sm2_default.sm2_playing{} .. except IE 6 has a parsing bug which may break behaviour, applying sm2_playing {} even when the class is set to sm2_default. If you want to make your own UI from scratch, here is the base: Default + hover state, 'click to play': a.sm2_button {} a.sm2_button:hover {} Playing + hover state, 'click to pause': a.sm2_playing {} a.sm2_playing:hover {} Paused + hover state, 'click to resume': a.sm2_paused {} a.sm2_paused:hover {} */ a.sm2_button { position:relative; display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */ /* width:18px; height:18px; */ width:60px; height:60px; text-indent:-9999px; /* don't show link text */ overflow:hidden; /* don't draw inner link text */ vertical-align:middle; /* and, a bit of round-ness for the cool browsers. */ border-radius:6px; margin-top:-1px; /* vertical align tweak */ /* safari 3.1+ fun (/W3 working draft extension, TBD.) */ -webkit-transition-property: hover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, 'all' for now) */ -o-transition-property: background-color; /* opera 10.5 */ -o-transition-duration: 0.15s; /* weird IE 6/7 display fixes, and/or I'm doing it wrong */ *text-indent:0px; *line-height:99em; *vertical-align: top; }  </style>";
var mp3buttonimages="<style> a.sm2_button:focus { outline:none; /* don't show the slight border outline on focus. */ } a.sm2_button, a.sm2_button.sm2_paused:hover { background-color:chocolate; background-image:url(/images2016/mp3images/speakerstopped.gif); background-repeat:no-repeat; background-position:5px 50%; } a.sm2_button:hover, a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover { background-color:chartreuse; background-image:url(/images2016/mp3images/speakerplaying.gif); } a.sm2_button.sm2_playing, a.sm2_button.sm2_playing { background-color:springgreen; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); } a.sm2_button.sm2_playing:hover { background-color:wheat; background-image:url(/images2016/mp3images/speakerstopped.gif); } a.sm2_button.sm2_paused, a.sm2_button.sm2_paused { background-color:burlywood; } a.sm2_button.sm2_paused:hover { background-color:chartreuse; background-image:url(/images2016/mp3images/speakerplaying.gif); }  </style>";
var jqueryfancybox="<style> /* fancyBox v2.1.5 fancyapps.com fancyapps.com/fancybox/license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-close { position: absolute; bottom: -23px; right: -23px; width: 88px; height: 88px; cursor: pointer; z-index: 8040; background: url(/images2016/fancybox/close7.png) center center no-repeat; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; /* background: transparent url(blank.gif); */ /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 48%; width: 60px; height: 60px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: -10px; background: url(/images2016/fancybox/prev7.png) center center no-repeat; background-position: 0 1px; } .fancybox-next span { right: -10px; background: url(/images2016/fancybox/next7.png) center center no-repeat; background-position: 0 1px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { /* overflow: visible !important; */ overflow: scroll; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; /* background: url(/images2016/fancybox/fancybox_overlay.png); */ } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); /* Background color for floating title */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; /* Text color for floating title */ font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }  </style>";
document.write(mobileshrink1 + " " + textareaeffects + " " + commonstyles + " " + mp3buttons1 + " " + mp3buttonimages + " " + jqueryfancybox);