<<<<<<< styles_screen.css /************************ SCREEN STYLES **********************************/ /*________________________GROUND RULES__________________________________*/ html { height:101%; font-size: 100.01%; /* prevent extreme font resizing in IE */ } body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #666; background:url(../images/bg.png) repeat-x #000; height: 101%; /*The 101% vs. 100% causes a vertical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/ } body, p, ul, li, h1, h2, h3, h4, form, html, input, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/ margin:0; padding:0; } table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; text-align:left; } /*This equates too: thus, in your HTML your table tags can look like this ... . Warning: if you're accommodating IE MAC use: ... */ img, a img, a:link img, a:visited img {border:none; background:none;} /* remove border from images and linked images */ h3, h2, h1 {padding:0; margin:0;} /* Default links */ a:link { color: #FF6600; text-decoration: none;} a:hover { color: #FF6600; text-decoration: underline;} a:visited { color: #FF6600; text-decoration: none;} a:visited:hover { color: #FF6600; text-decoration:underline;} /*________________________SHARED STYLES__________________________________*/ #wrap { position:relative; width:950px; margin-left:auto; margin-right:auto; } #logo_wrap { position:absolute; width:260px; height:64px; top:25px; left:25px; } .header2, h2 { padding:7px 0 28px 0; font:bold 18px Helvetica, Arial, sans-serif; color:#346715; } .header3, h3 { color:Specials; padding-bottom:5px; font:bold 16px Helvetica, Arial, sans-serif; } .header4, h4 { font-size:13px; color:#333333; font-weight:bold; padding-bottom:6px; } .header1, h1 { color:#0080C2; padding-bottom:12px; font: bold 18px Helvetica, Arial, sans-serif; } p { padding-bottom:5px; line-height:1.5em; } #search { width:280px; float:left; margin-top:12px; text-align:right; } #copyright { text-align:right; font-size:10px; padding-right:0px; color:#CCCCCC; clear:both; } /******************* NAV - MENU STUFF **********************/ #top { width:950px; clear:both; } #menu { width:950px; height:23px; background:#FF6600; float:left; clear:both; padding:0; margin:0; } #menu ul { list-style: none; margin: 0; padding:0; border:none; width:200px; float: left; } #menu h2 { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:16px; display: block; color:#000; margin: 0; padding: 0 0 5px 0; cursor:pointer; } #menu a { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:16px; display: block; margin: 0; padding: 5px 0 5px 5px; text-align: left; /*border-bottom: 1px solid #ccc;*/ border-left: 2px solid #000; border-right: 2px solid #000; } #menu ul li a img{ z-index:900; } #menu a.menu_header { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16px; color: #000; margin: 0; padding: 0; border: 0; background: 0; } #menu a.menu_header {color: #2462AA; font-size:16px; background:0; text-decoration: none; padding:0; font-family: Helvetica, Arial, Verdana, sans-serif; } #menu a.menu_header:hover {color: #2462AA; font-size:16px; background:0; text-decoration: none; padding:0; font-family: Helvetica, Arial, Verdana, sans-serif; } #menu ul li ul { padding-top:0px; } #menu ul li ul li { background:#fff; /**/opacity:.96; filter:alpha(opacity=96); } #menu a {color: #fff; font-size:13px; background:#000; text-decoration: none; padding:none; } #menu a:hover {color:#FF6600; font-size:13px; background:#333; text-decoration: none; padding:none;} #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; } #menu ul ul ul { position: absolute; top: 0; left: 100%; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} /*************************************/ /*________________________HOME ONLY STYLES__________________________________*/ #logo_home { float:left; padding-top:0px; } #right_top { height:19px; width:200px; float:right; text-align:right; font-size:14px; font-weight:bold; color:#33CCFF; padding-top:45px; } #right_top a:link {color:#33ccff; text-decoration:none; font-weight:bold;} #right_top a:hover {color:#33ccff; text-decoration:underline; font-weight:bold;} #right_top a:visited {color:#33ccff; text-decoration:none; font-weight:bold;} #right_top a:visited:hover {color:#33ccff; text-decoration:underline; font-weight:bold;} #content_holder { background:#FF6600; width:936px; clear:both; padding:0 7px 7px 7px; } #home_flash { width:936px; clear:both; } #promos { margin-top:10px; } .promos_txt { width:150px; font-size:16px; color:#33CCFF; float:left; padding:10px; } .promos_txt a:link {font-size:12px; color:#FFFFFF; text-decoration:none; } .promos_txt a:hover {font-size:12px; color:#FFFFFF; text-decoration:underline; } .promos_txt a:visited {font-size:12px; color:#FFFFFF; text-decoration:none; } .promos_txt a:visited:hover {font-size:12px; color:#FFFFFF; text-decoration:underline; } .promo_ind { float:left; width:330px; } .promo_ind_img { float:left; width:155px; } /*________________________INTERIOR PAGES ONLY STYLES__________________________________*/ #white_content { width:936px; clear:both; background:#FFFFFF; } #left_col { width:230px; float:left; padding:10px; } .blue_box { color:#FFFFFF; font-size:12px; line-height:1.2em; padding:5px 10px 10px 10px; margin: 0 0 10px 0; } .blue_box a:link { color:#FFFFFF; text-decoration:none; padding-left:15px; } .blue_box a:hover { color:#FFFFFF; text-decoration:underline; padding-left:15px; } .blue_box a:visited { color:#FFFFFF; text-decoration:none; padding-left:15px; } .blue_box a:visited:hover { color:#FFFFFF; text-decoration:underline; padding-left:15px; } #right_col { width:666px; background:#fff; float:left; padding:10px; } #breadcrumbs { height:25px; text-align:right; font-size:11px; color:#666666; } #breadcrumbs a:link { color:#0080C2; text-decoration:underline; } #breadcrumbs a:hover { color:#0080C2; text-decoration:none; } #breadcrumbs a:visited { color:#0080C2; text-decoration:underline; } #breadcrumbs a:visited:hover { color:#0080C2; text-decoration:none; } #right_col ul { padding-left:35px; line-height:1.5em; padding-bottom:15px; padding-top:5px; } #right_col li { list-style:square; } .forms td { padding-bottom:5px; }