/* ************************************************* * * * TraderOnline.com Styles * * * ************************************************* * * * berto_s@tol.com - steve bertolacci * * * ************************************************* */ body { background-color:#FFFFFF; color:; margin:0px; padding:0px; font-family:arial,helvetica,sans-serif; font-size:12px; } /* text groupings */ h5, h4, h3, h2, h1, .TextT1Sm, .TextT1Ms, .TextT1Md, .TextT1Lg, .TextHeaderMs, .TextHeaderMd, .TextHeaderLg, .TextSubHeadMs, .TextSubHeadMd, .TextSubHeadLg, .TextLeaderMd, .Submit1Sm, .Submit1Md, .Submit1Lg, .TextWarning, .TextExample { font-family:Arial,Helvetica,Sans-Serif;} .TextT2Sm, .TextT2Ms, .TextT2Md, .TextT2Lg, .TextHeaderSm, .TextSubHeadSm, .TextLeaderSm, .Submit2Sm, .Submit2Md, .Submit2Lg, #breadcrumbs, #leftblock, .blocks { font-family:Verdana,Geneva,Sans-Serif;} h5, h4, h3, h2, h1, .TextHeaderSm, .TextHeaderMs, .TextHeaderMd, .TextHeaderLg, .TextSubHeadSm, .TextSubHeadMs, .TextSubHeadMd, .TextSubHeadLg, .TextLeaderSm, .TextLeaderMd { font-weight:bold;} h3, h2, h1 { margin:0px; padding:0px; } /* table and other elements */ table{ font-family:Arial,Helvetica,Sans-Serif; font-size:12px; } td { font-family:arial,helvetica,sans-serif; font-size:12px; } a.smallLink:hover { color:red; text-decoration:underline; } a.featureLink:hover { color:red; } a.featurelink_sm:hover { color:red; } a.closelink:hover { color:red; text-decoration:underline; } a { text-decoration:none; } .smallLink { font-family:arial, helvetica, sans-serif; color:#000066; text-decoration:underline; } .featureLink { color:#000066; text-decoration:underline; } .featurelink_sm { color:#000066; text-decoration:underline; font-family:arial, helvetica, sans-serif; font-size:7.5pt; line-height:8pt; } .closelink { font-family:verdana, geneva, sans-serif; font-size:7.5pt; font-weight:bold; color:#000066; } .t_box1_netscape { font-family:arial, helvetica, sans-serif; font-size:10pt; width:156px; } .t_box1_explorer { font-family:arial, helvetica, sans-serif; font-size:10pt; width:186px; } .ta_box1 { font-family:monospace; font-size:8pt; width:264px; height:90px; } .ta_box2 { font-family:monospace; font-size:8pt; width:230px; height:80px; border-style:none; background-color:#DFDFDF; } .t_pricebox1 { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; text-align:right; width:50px; border-style:none; } .tdbutton { background:url(http://images.traderonline.com/img/master/mybutton_bkg.gif); height:24px; } .tdbutton_sm { background:url(http://images.traderonline.com/img/master/mybutton_bkg_sm.gif); height:18px; } /* DONE RIGHT SECTION -- THESE BELOW SHOULD BE REVERSE COMPATABLE */ /* form elements */ .SearchBox { width:158px; } .SearchDrop { font-family:"arial narrow", "helvetica compressed"; font-size:10pt; width:158px; } .SearchBoxHalf { width:68px; } .SearchBoxThird { width:49px; margin-right:6px; }/* */ .Submit1Lg { font-family:arial, helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#000066; background-color:#CDCDCD; } .Submit1Lg:hover { color:#FF0000; } .Submit1Md { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#000066; background-color:#CDCDCD; } .Submit1Md:hover { color:#FF0000; } .Submit1Sm { font-family:arial, helvetica, sans-serif; font-size:7.5pt; color:#000066; background-color:#CDCDCD; } .Submit1Sm:hover { color:#FF0000; } .Submit2Sm { font-family:verdana, geneva, sans-serif; font-size:7.5pt; color:#000066; background-color:#CDCDCD; } .Submit2Sm:hover { color:#FF0000; } /* plain text */ .TextT1Sm { font-family:arial, helvetica, sans-serif; font-size:7.5pt; } .TextT1Md { font-family:arial, helvetica, sans-serif; font-size:10pt; } .TextT1Lg { font-family:arial, helvetica, sans-serif; font-size:12pt; } .TextT1LgB { font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:12pt; } .TextT2Sm { font-family:verdana, geneva, sans-serif; font-size:7.5pt; } .TextT2Md { font-family:verdana, geneva, sans-serif; font-size:10pt; } .TextT2Lg { font-family:verdana, geneva, sans-serif; font-size:12pt; } .TextT2LgB { font-family:verdana, geneva, sans-serif; font-weight:bold; font-size:12pt; } .TextThin { font-family:"arial narrow", "helvetica compressed"; font-size:10pt; } .TextHeader { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#FFFFFF; } .TextWarning { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#FFFFFF; background-color:#D60000; padding:2px; } .TextMonoSm { font-family:monospace; font-size:8pt; } .TextLeader { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; background-color:#FFFFFF; } .TextPrice { font-family:arial, helvetica, sans-serif; font-size:12pt; font-weight:bold; text-align:right; color:#FF0000; } .TextChange { font-family:arial, helvetica, sans-serif; font-size:8pt; font-weight:normal;vertical-align:text-top; color:#FF0000; } . { text-decoration:none } /* - GENERAL - */ a:hover { color:#FF0000; } /* - mainLink - */ .mainLinkTextSm { font-family:verdana, geneva, sans-serif; font-size:10px; font-weight:bold; color:#000066; text-decoration:underline; } .mainLinkTextMs { font-family:verdana, geneva, sans-serif; font-size:11px; font-weight:bold; color:#000066; text-decoration:underline; } .mainLinkTextMd { font-family:verdana, geneva, sans-serif; font-size:13px; font-weight:bold; color:#000066; text-decoration:underline; } .mainLinkTextLg { font-family:verdana, geneva, sans-serif; font-size:16px; font-weight:bold; color:#000066; text-decoration:underline; } .mainLink { font-family:verdana, geneva, sans-serif; font-weight:bold; color:#000066; text-decoration:underline; } a.mainLink:link, a.mainLink:visited { color:#000066; } a.mainLink:hover { color:#FF0000; } /* - sideLink - */ .sideLinkTextSm { font-family:verdana, geneva, sans-serif; font-size:7.5pt; font-weight:bold; color:#000000; } .sideLinkTextMd { font-family:verdana, geneva, sans-serif; font-size:10pt; font-weight:bold; color:#000000; } .sideLinkTextLg { font-family:verdana, geneva, sans-serif; font-size:12pt; font-weight:bold; color:#000000; } .sideLink { font-family:verdana, geneva, sans-serif; font-weight:bold; color:#000000; } a.sideLink:link, a.sideLink:visited { color:#000000; } a.sideLink:hover { color:#D60000; } /* - whiteFooter - */ .whiteFooter { font-family:verdana, arial, sans-serif; font-size:7.5pt; font-weight:bold; line-height:11px; color:#FFFFFF; } a.whiteFooter:link, a.whiteFooter:visited { color:#FFFFFF; } a.whiteFooter:hover { text-decoration:underline; } /* - whiteLinks are dependent on color_2 and therefore realm specific and in seperate realm files - */ /* -Realm Links- This is replacing the nav image at the top of each page. --Strange, 3-26-04 */ #realmNav { position:absolute; margin:0px; padding-bottom:0px; left:0px; top:0px; width:775px; line-height:14px; height:15px; z-index:20; background-color:#000000; font-family:arial, geneva, sans-serif; font-size:9px; color:#FFFFFF; } .realmLink {font-family:arial, geneva, sans-serif; font-size:9px; color:#FFFFFF; } a.realmLink:link, a.realmLink:visited { text-decoration:none; color:#FFFFFF; } a.realmLink:hover {text-decoration:underline; color:#FFFFFF } /* * atol specific * * font_1 == arial,helvetica * font_2 == verdana,geneva * color_2 == #0097AC * color_8 == #FF0000 * color_9 == #FFFFFF * color_10 == #000000 */ /* - whiteLinks are dependent on color_2 and therefore realm specific - */ .whiteLinkTextSm { font-family: verdana, geneva, sans-serif; font-size: 7.5pt; line-height: 11px; } .whiteLinkTextMd { font-family: verdana, geneva, sans-serif; font-size: 10pt; font-weight: bold; } .whiteLinkTextLg { font-family: verdana, geneva, sans-serif; font-size: 12pt; font-weight: bold; } .whiteLink { background-color: #0097AC; color: #FFFFFF; } A.whiteLink:link, A.whiteLink:visited { color: #FFFFFF; } A.whiteLink:hover { text-decoration: underline; } /* - whiteLinks are dependent on color_2 and therefore realm specific - */ .modelLink { font-family: verdana, geneva, sans-serif; font-size: 13px; font-weight: bold;color: #000000; text-decoration:underline; } A.modelLink:link, A.modelLink:visited { color: #000000; } A.modelLink:hover { text-decoration: underline; color: #FAEEC6; } /* new styles for new design 9.30.2003 */ h1 { font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color: #000; margin:0px; padding:0px; } #header { background-image:url(http://images.traderonline.com/img/atol/aero_slice_nav_sm.jpg); width:100%; height:21px; } #header2 { background-image:url(http://images.traderonline.com/img/atol/aero_interior_slice.jpg); width:100%; height:113px; } #header3 { background-image:url(http://images.traderonline.com/img/atol/aero_interior_btmcurve.jpg); background-repeat:no-repeat; width:100%; height:113px; } #header4 { width:100%; padding:10px 3px 0px 0px; } #header_text { position:absolute; left:3px; top:132px; } #banner { position:absolute; left:300px; top:86px; } /* netscape needs paddin */ #paddin { margin:0px 5px 0px 5px; } #body { background-image:url(http://images.traderonline.com/img/atol/aero_background_lg.jpg); background-repeat:no-repeat; width:100%; height:auto; } #footer { width:100%; } #footer2 { width:100%; } #logo { position:absolute; left:10px; top:22px; width:138px; height:68px; z-index:5; }