@charset "utf-8"; /* CSS Document */ /* NOTE THE FOLLOWING: .name = CLASS definition tag#name = ID definition They can be used in combination (CLASSes inside IDs). For example, the tr#brandtext says that anything in the row identified as BRANDTEXT has small, grey text. You could then define a class with more specific instructions, like background color, to apply to a single CELL in that ROW */ /* THROUGHOUT THE SITE */ body {background-image:url(/Assets/Images/BW_WebBackground.gif); color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;} img {border:none} table#front {width:1004px; font-family:Arial, Helvetica, sans-serif; border-width:0px; border-collapse:collapse; border-style:none;} tr#text {color:white; font-weight:bold;} td{font-family:Arial, Helvetica, sans-serif; border-width:0px; border-collapse:collapse; border-style:none;} a:link {color:#CCCCCC;} a:visited {color:#CCCCCC;} .blktxt { color:#000; } .hidden {display:none;} .pagetitle {color:#CCCCCC; font-size:24px; border-width:0; border-style:none; font-weight:normal;} .center {text-align:center;} .red {color:red;} tr#navbar {height:30px; line-height:30px; font-weight:bold; font-size:14px;} td#navbar {background-image:url(/Assets/Images/navbar_bkg.gif)} div.navbar { z-index:3;} div.fixedbottom {position:fixed; bottom:0px; width:100%; background-color:white;} div.fixedtop {position:fixed; left:0px; top:0px; width:100%; z-index:1; background-color:black;} div.maincontent {position:relative; top:100px;} /* MAIN PAGE*/ tr#logo {height:60px;} tr#spcrtop {line-height:5px } tr#marquee {height:175px; text-align:center;} td#marquee {background-image:url(/Assets/Images/marquee_bkg.gif); text-align:left} tr#overlap1 {line-height:10px } tr#brandlogos {line-height:50px ; text-align:center; spacing:0;} tr#brandtext_row {height:100px; text-align:left ; font-size:small; color:#CCCCCC; spacing:0;} .brandtext:hover {color:#FFFFFF;} tr#brandimg {line-height:100px } tr#spcrbtm {line-height:1px } tr#btmbar {height:20px; font-size:12px; font-weight:bold;} /*BRANDBOXES ON THE MAIN PAGE: total width=1024. 5xspc1, 8xspc2, 4xbrandtext AND 5xspc1, 4xbrandlogos*/ td#brandlogos {width:240px;} .brandtext {text-align:left; padding:2px; width:196px; height:200px;} td#spc1 {width:13px;} td#spc2 {width:20px; } td#spc3 {width:1px; background-image:url(/Assets/Images/navbar_space.gif);} /* LINKS - to use the a.CLASS format, you must include the class="" term in the tag a. means we're talking about links name: defines which class we're talking about link/visited/hover specifies the state of the link we're addressing. */ a.brandtext_link:link {color:#FF9900; font-weight:bold;} a.brandtext_link:visited {color:#FF9900; font-weight:bold;} a.brandtext_link:hover {color:#FFFFFF; } a.navbar:link {color:#FFFFFF; text-decoration:none; font-weight:bold;} a.navbar:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;} a.navbar:hover {color:#FF9900; text-decoration:none;} a.btmbar:link {color:#000000; text-decoration:none;} a.btmbar:visited {color:#000000; text-decoration:none;} a.btmbar:hover {color:#FF9900; text-decoration:none;} /*CATALOG PAGES*/ table#cat { border-spacing:1; width:1024px;} .hdng { color:#CCCCCC; font-size:24px; text-align:center; border-width:0; border-style:none; font-weight:normal; } td#subhdng {color:#CCCCCC} #popupimageid {position: absolute; visibility: hidden; left: 0px; top: 0px; width: 286px; height: 0px; z-index: 200;} /* SONORA */ .tdwood {background-color:#993300;} .tdwdgls {background-color:#FF5F00;} .tdmtlgls {background-color:#AA7F00;} .tdspkr {background-color:#2A9F55;} .tdbrkts {background-color:#F33;} a.soncatalog:link {color:#FFFFFF; text-decoration:none;} a.soncatalog:visited {color:#FFFFFF; text-decoration:none;} a.soncatalog:hover {color:#000000;} /* LEGEND */ div.legend {position:relative; } .bigorange {font-size:24px; color:#FF6600;} .medorange {font-size:18px; color:#FF6600;} .big {font-size:52px;} .med {font-size:14px; color:#000;} .legendSmall {font-size:11px;} .legendSmallBold {font-size:11px; font-weight:bold; vertical-align:top;} /* OMAGE */ .tdhifi {background-color:#AEB89D;} .tdsubs {background-color:#DEC09F;} .tdoutdoor {background-color:#BEBD88;} .tdinwall {background-color:#BAA1A4;} .tdpro {background-color:#A8C8DE;} .tdstands {background-color:#CCAB98;} a.omgcatalog:link {color:#FFFFFF; text-decoration:none;} a.omgcatalog:visited {color:#FFFFFF; text-decoration:none;} a.omgcatalog:hover {color:#000000;} /* LIVCON */ .tdmics {background-color:#6AA2C8;} .tdheadphones {background-color:#A82635;} .tdwireless {background-color:#6AA2C8;} .tdmobile {background-color:#A82635;} .tdmicrosys {background-color:#6AA2C8;} a.livconcatalog:link {color:#FFFFFF; text-decoration:none;} a.livconcatalog:visited {color:#FFFFFF; text-decoration:none;} a.livconcatalog:hover {color:#000000;} /* MAESTRO */ .MtdAudioCbl {background-color:#FF4F4F;} .MtdH-Video {background-color:#FFD24E;} .MtdH-VAdpt {background-color:#FFD24E;} .MtdH-Digital {background-color:#71CEF5;} .MtdH-hdCbl {background-color:#B990C2;} .MtdH-hdAdpt {background-color:#B990C2;} .MtdP-series {background-color:#00CC99;} .MtdPower {background-color:#F27140;} .MtdWallTaps {background-color:#F27140;} .MtdSwitchers {background-color:#009;} a.maestrocatalog:link {color:#FFFFFF; text-decoration:none;} a.maestrocatalog:visited {color:#FFFFFF; text-decoration:none;} a.maestrocatalog:hover {color:#000000;} /* DAVECO */ .DVideo {background-color:#2A1FAA;} .DProjectors {background-color:#551F00;} /*OTHER CATALOGS */ a.othercatalog:link {color:#FFFFFF; text-decoration:none;} a.othercatalog:visited {color:#FFFFFF; text-decoration:none;} a.othercatalog:hover {color:#CCCCCC; text-decoration:none;} /* CONTACT */ .contacttext {color:#FFFFFF;} a.contact:link {color:#FFFFFF;} a.contact:visited {color:#FFFFFF;} a.contact:hover {color:#FF9900} /* IMAGE DOWNLOADS */ table#dld {width:1024px; border-style:solid; border-width:1px; border-color:#000000; color:#000000;} .dld_mdl {border-width:1px; border-color:#000000; border-style:solid; color:#000000; font-size:13px;} .dld_chds {font-size:large; font-weight:bold; width:160px;} td#dld {border-width:1px; border-style:solid; border-color:#000000;} .dld_warning {font-size: small; line-height: 18px; font-weight: bold; border-width:1px; border-color:#FF9900; border-style:solid;} .dld_brand {font-size: 24px; font-weight: bold; text-decoration: underline;} .dldhdng {color:#9900FF;} .dld_sub { font-size: small; line-height: 18px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; } /* ORDER FORMS */ table#orderform {width:600px; border-spacing:1px;} tr#trOrderForm {} tr#trOrderItem {} .orderform {font-size: medium; color:#CCCCCC; font-weight: bold;} .orderitems {font-size: medium; color: #333333; font-weight: bold; text-align:center;} .flatInput {font-family:Arial, Helvetica, sans-serif; background-color: #FFFFFF; border-style:none; font-size: medium; font-weight: bold; text-align:center;} .button {font-family:Arial, Helvetica, sans-serif; font-size:medium; font-weight:bold; text-align:center;} /* INSTRUCTION MANUALS */ table#manuals {width:600px; border-spacing:1px;} tr#trManuals {vertical-align:top; text-align:center;} .manuals {} .Promo_Header { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight: bold; text-decoration: underline; } /*NEWSLETTER SUBSCRIPTION*/ div.nl_text {position:absolute; top:150px; left:40px; color:#FF6600; font-size:18px;} div.nl_form {position:absolute; top:250px; left:50px;} div.nl_btmbar {position:absolute; bottom:0px; width:100%;} table.whiteonblack {font-family:Arial, Helvetica, sans-serif; background-color:#fff; color:#000; border-collapse:collapse; border-width:1px; border-spacing:0px; border-style:solid; } .header {font-size:16px; font-weight:bold; border-style: solid; border-width: 1px; border-collapse:collapse; padding:4px;} .data {font-size:12px; border-style:solid; border-width:1px; border-spacing:0px; border-style:solid; padding:2px;} a.subs, a.subs:hover, a.subs:visited {color:#000000;} /*CUTOUT SIZES*/ .cutout_model {font-size: small; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; border-style:solid; border-width:1px; border-spacing:0px;} .cutout_text {font-size:small; color:#000000; font-family: Arial, Helvetica, sans-serif; border-style:solid; border-width:1px; border-spacing:0px;}