/* Global ******************/ body { padding:0; margin:0; font-family:Verdana, Arial, Helvetica; font-size:11px; color:#4a4a4a; background-color:#fff; line-height:18px;} img { border:none } a { text-decoration:none; color:#3333ff;} a:hover { text-decoration:underline; color:#3333ff; } a.arrBlueBack { color:#fff; display:block; font-weight:bold; background:url(barr.jpg) no-repeat; padding-left:16px; line-height:23px; } a.more { font-weight:bold } h1 { position:relative; display:block; margin:0; padding:20px 0 0 50px; height:42px; _height:42px; font-size:17px; line-height:18px; color:#fff; vertical-align:middle; background:url(arrH_blueBack.gif) left top no-repeat #333399;} /*#main h1 p { display:block; margin:0; padding:0; position:absolute; top:0; right:0; _right:-1px; width:123px; height:62px; background:url(right_blue.gif) right top no-repeat;}*/ #main H1 P { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; RIGHT: -1px; BACKGROUND: url(right_blue.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 123px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; bottom:0; border:0px solid red; HEIGHT: 100%} h2 { font-size:17px; color:#333399; margin:0; padding:10px 0 18px 0; _padding-top:4px;} h3 { font-weight:bold; font-size:14px; margin:0; line-height:23px; background-repeat:no-repeat; display:block; padding-left:16px; } h4 { font-size:11px; font-weight:bold; margin:14px 0 10px 0; padding:0 0 0 25px; line-height:12px; background:url(arr_whiteBack.gif) left top no-repeat; } object {margin-top:1px} /* Title ********************/ /* EDIT */#title { position:absolute; top:0; width:879px; height:185px; background:url(header_tagline.gif) top right #fff no-repeat; } #title a.logo { width:280px; height:143px; display:block; background:url(header_logo.gif) top left no-repeat; } #title_intro { width:100%; height:145px; background:url(sep_greenBack.gif) left bottom repeat-x; } #title_intro a.logo { width:280px; height:143px; } #home a.logo { cursor: default;} #nav { height:41px; position:absolute; margin-left:-9px; margin-bottom:1px;} #nav ul { margin:0; padding:0; list-style-type:none;} #nav ul li { float:left; position:relative; } /* Menu ********************/ #nav a.tab { /*position:relative;*/ float:left; margin-left:9px; background:url(nav_rightBack.png) no-repeat; _background:url(nav_rightBack.gif) no-repeat;color:#FFF; text-transform:uppercase; line-height:10px; font-weight:bold;} #nav a.tab:hover, #nav li:hover a.tab { background-image:url(nav_rightBack_over.png); _background-image:url(nav_rightBack_over.gif); text-decoration:none; border:0px } #nav a.tab span { position:relative; left:8px; background:url(nav_leftBack.png) top right no-repeat; _background:url(nav_leftBack.gif) top right no-repeat; display:block; padding:22px 11px 9px 3px;} #nav a.tab:hover span, #nav li:hover span { background-image:url(nav_leftBack_over.png); _background-image:url(nav_leftBack_over.gif); } #nav a.active { background:url(nav_rightBack_over.png) no-repeat; _background:url(nav_rightBack_over.gif) no-repeat;} #nav a.active span { /*position:relative; left:8px;*/ background:url(nav_leftBack_over.png) top right no-repeat; _background:url(nav_leftBack_over.gif) top right no-repeat; display:block; padding:22px 11px 9px 3px;} /* SubMenu *******************hidden*/ /*#nav ul ul { visibility: hidden ; position:absolute; top:41px; z-index:1; margin-left:9px; border:1px solid #c84a00; * left:0;}*/ #nav ul ul { visibility: hidden ; position:absolute; top:41px; z-index:1; margin-left:9px; border:1px solid #c84a00; * left:0;} #nav ul li ul li { border:none; float:none; margin:0; } #nav ul ul a { display:block; padding:6px 6px; margin:0; height:16px; width:150px; white-space:nowrap; text-transform:none; font-size:11px; font-weight:bold; text-align:left; line-height:16px; color:#343479; background:#E6E6E6; border-bottom:1px solid #fff;} #nav ul ul a:hover { background:#ffaa6c; color:#fff; display:block;} #nav ul li:hover ul, #nav ul a:hover ul { visibility:visible;} /* leftNav ********************/ #leftNav { position:relative; margin:0; margin-top:1px; _margin-top:-1px; padding:15px 0; background:#4a4a4a;} #leftNav a { display:block; margin:0; padding:0 10px 0 15px; font-weight:bold; color:#ff6600;} .brandDTL #devTropLager, .brandDTA #devTropAle, .brandDTD #devTropDark, .brandMA #macauAle, .brandMP #macauPils, .brandA #antres { color:#fff;} .brandDTL #devTropLager:hover, .brandDTA #devTropAle:hover, .brandDTD #devTropDark:hover, .brandMA #macauAle:hover, .brandMP #macauPils:hover, .brandA #antres:hover { text-decoration:none;} #nav table { position:absolute; top:0; left:0;} /*for IE6*/ /* Content ********************/ /* EDIT */#content { position:relative; overflow:hidden; width:879px; margin:185px 0 0 0; background:url(sep_greenBack.gif) left bottom repeat-x; /* border:1px solid black*/ } #content_1 { position:relative; float:left; width:612px;} #content_intro {width:100%; padding: 10px;} #content_intro .frm { font-size:12px;} #content_intro .btn { font-size:12px; font-weight:bold;} /* Main ********************/ #main { position:relative; margin:0; padding:0; float:right; width:657px;} #home #main { position:relative; margin:0; padding:0; float:right; width:332px;} /* Sections ********************/ #leftCol { position:relative; float:left; width:279px; /*border:1px solid green*/} /* News ********************/ #rightCol { position:relative; float:left; width:221px; background:url(bottom_colGray.gif) left bottom no-repeat #e6e6e6; /*border:1px solid blue*/} #home #rightCol { float:right; width:266px; background:none;} /* Footer ********************/ #footer { position:relative; clear:both; margin:0; top:-2px; width:847px; _width:879px; padding:10px 0 6px 32px; color:#666666; /*background:url(sep_greenBack.gif) left top repeat-x; border:1px solid maroon*/} #home #footer { background:none;} #footer b { color:#000066; } #footer a { color:#666666; } #footer_intro { margin:0; top:-2px; width:100%; _width:100%; padding:10px 0 6px 32px; color:#666666; background:url(sep_greenBack.gif) left top repeat-x; } #footer_intro b { color:#000066; } #footer_intro a { color:#666666; } /* BLOCKS ********************/ #homeAbout { background-color:#333399; color:#FFF; padding:0 30px; height:316px; line-height:18px } #homeAbout p { margin:0; padding-top:25px } #homeAbout ul { margin-left:20px; _margin-left:20px; margin-top:0px; margin-bottom:0px; list-style-image:url(bullet_blueBack.gif) } #quote { color:#666666; background:url(quote.gif) no-repeat; padding:10px 10px 0 32px; margin:0 } #quote_sec2 { color:#666666; padding:10px 10px 10px 25px; margin:0 } #quote_sec1 { color:#666666; padding:10px 10px 10px 25px; margin:0; background:url(quote.gif) no-repeat -10px 2px; } #mWatch { position:relative; margin:30px 0 55px 15px; width:160px; background-color:#fff; border:2px solid #fff; border-bottom:6px solid #fff; } #home #mWatch { margin:16px 0 0 32px;} #mWatch #head { background:#204db8; color:#fff; font-size:10px; font-weight:bold} #mWatch #sHead { background:#879fd8; color:#fff; font-size:10px; text-align:center } #mWatch #dataLine { background:#efefef; color:#009900; font-size:10px; } #dataLine .data { text-align:right } #mWatch a { color:#000; text-decoration:underline; font-weight:bold; margin-left:3px} #mWatch a:hover { text-decoration:none;} #news { margin:0; padding:0px 15px 0 15px; background-color:#e6e6e6; color:#4a4a4a; } #home #news { padding:25px 25px 0 25px; background-color:#4a4a4a; color:#ffffff;} #news a { color:#ff6600 } #news b { display:block } #news p { padding:0; margin-top:5px; margin-bottom:5px } #news #separator { width:100%; background:url(sep_greenBack.gif) center repeat-x; height:20px } #home #news #separator { height:30px } #news h3 { background-image:url(garr.jpg); color:#333399; } #home #news h3 { background-image:url(garr.gif); color:#ffffff; } #distributors { background:url(pic_usaMap.gif); margin-top:1px; padding:25px 25px 0 25px; color:#FFF; height:127px; _height:127px} #distributors b { display:block } #distributors p { padding:0; margin:0 } #home #distributors h3 { background:url(rarr.jpg) no-repeat; display:block; padding-left:16px; } #distributors a {color: #fff;} a.print { position:absolute; right:0; bottom:18px; display:block; padding-left:18px; width:105px; _width:123px; font-size:11px; font-weight:normal; color:#ccc; background:url(icon_print.gif) left no-repeat;} #brandsInfo { margin:22px 0 0 22px;} #brandsInfo #info { position:relative; float:right; padding:0 0 0 10px; width:183px;} #info p {display:block; margin:0; padding:11px 10px 10px 25px; background:url(arr_grBack.gif) left top no-repeat;} #brandsInfo #info #block{ border:1px solid #ccc; background:url(bg_info.gif) repeat-x; margin-bottom:10px; } #brandsInfo #info #block #text {padding: 0 10px 10px 25px;} .brandItem { display: block; position:relative; float:left; margin:0; padding:0; width:134px; line-height:14px; text-align:center;} /*.brandItem img { height:163px;}*/ .brandItem p { margin:0; padding:10px 10px 18px 10px;} .brandItem a {font-weight:bold; color:#ff6600; } .brandItem a:hover { text-decoration:underline;} .second { clear:both;} #details { position:relative; float:left; clear:left; width:440px; padding-bottom:20px;} #details p { float:right; _float:none; width:282px; padding-right:6px; } #details h2 { padding-bottom:6px;} #details span { font-size:17px; color:#4a4a4a;} #details img { float:left; margin:20px 30px 10px 0; } .mark { color:#ff6600;} .links { position:relative; display:block; margin-top:20px; line-height:34px; font-weight:bold; color:#333399;} #details p.links img { position:relative; margin:0 14px 0 0; padding:0;} a.windows, a.mac , a.wallpaper { position:relative; margin-left:60px; padding-left:24px; display:block; line-height:18px; height:24px; color:#ff6600; } a.windows { background: url(icon_windows.gif) no-repeat; width:90px;} a.mac { background:url(icon_mac.gif) no-repeat ; width:50px;;} a.wallpaper { background:url(icon_wallpaper.gif) no-repeat; width:176px;;} #otherBrands { position:relative; float:right; clear:right; width:183px;} #otherBrands .brandItem { margin-left:10px} #pdaV { position:absolute; left:6px; top:4px; z-index:100; color:#ff6600; font-weight:bold; text-decoration:underline;} #pdaV:hover { text-decoration:none;} /* PDA Version ********************/ /* Printer-friendly version */ .prn_logo{height:109px; background:url(head_bg.gif) repeat-x;} .prn_address{color:#ffffff;}; #prn_page {padding: 0px 10px 10px 7px; } #prn_footer { height:33px; padding-left:7px; clear:both;} #prn_rightCol2 {padding-left:15px; padding-top:6px; } #prn_header {padding-left:13px; padding-top:17px; z-index:1; height:29px; background:#E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:18px;} #prn_second {margin:0; padding:0px 0px 0px 13px; } #copy_footer {padding-left:10px; padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; height:22px; background:#999999;} #header a { color:#333399; font-size:10px; text-decoration:none;} #header a:hover { color:#333399; font-size:10px; text-decoration:underline;} a.seles { color:#333399; font-size:14px; text-decoration:none;} a.seles:hover { color:#333399; font-size:14px; text-decoration:underline;} .sales_small{font-size:11px;}