/* CSS Document */ .blue_link:link, .blue_link:active, .blue_link:visited { outline: none; text-decoration:underline; color:#0000FF; } .blue_link:hover { text-decoration:underline; color:#FF0000; } br { line-height:14px; } h1, h2, h3, h4, h5, p, ul, li { margin:0; padding:0; } #main_content img { margin-left:20px; } body { margin:0; padding:0; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif; background:#000000 url(../images_site/2site_head_tile.gif) repeat-x left top; } #container { height:100%; width:801px; margin-right:auto; margin-left:auto; z-index:10; } /* ######## header image replace styling ########*/ #header { width:100%; height:95px; } /* ######## test area ########*/ div#logo { margin: 0px; padding: 0px; height: 60px; width: 800px; border: none; } div#logo .head_float { float:left; border: none; height: 60px; width: 437px; } /* ######## // End Test area ########*/ /* ######## Header navigation styling ########*/ #site_links { position:absolute; top:60px; height:27px; margin-left:12px; color:#000000; width:560px; } #site_links #home, #products, #why, #about, #contact { display:block; float:left; line-height:27px; height:27px; color:#CCCCCC; font-size:0.75em; font-weight:500; text-decoration:none; } /* ######## homepage styling ########*/ #site_links #home { width:76px; padding-left:8px; padding-right:2px; } #site_links #home:hover { color:#FFFFFF; background:url(../images_site/home_btn_sel.gif) no-repeat left top; } /* ######## Products styling ########*/ #site_links #products { width:66px; padding-left:8px; padding-right:2px; } #site_links #products:hover { color:#FFFFFF; background:url(../images_site/products_btn_sel.gif) no-repeat left top; } /* ######## Why laptop security styling ########*/ #site_links #why { width:134px; padding-left:8px; padding-right:2px; } #site_links #why:hover { color:#FFFFFF; background:url(../images_site/why_btn_sel.gif) no-repeat left top; } /* ######## About laptop security styling ########*/ #site_links #about { width:134px; padding-left:8px; padding-right:2px; } #site_links #about:hover { color:#FFFFFF; font-weight:500; background:url(../images_site/about_btn_sel.gif) no-repeat left top; } /* ######## Contact Keep IT Secure styling ########*/ #site_links #contact { width:93px; padding-left:8px; padding-right:2px; } #site_links #contact:hover { color:#FFFFFF; background:url(../images_site/contact_btn_sel.gif) no-repeat left top; } /* selected pages display their blue button - set the class in the body tag the same as the hyperlinks ie: */ .home #site_links #home { color:#FFFFFF; background:url(../images_site/home_btn_sel.gif) no-repeat left top; } .products #site_links #products { color:#FFFFFF; background:url(../images_site/products_btn_sel.gif) no-repeat left top; } .why #site_links #why { color:#FFFFFF; background:url(../images_site/why_btn_sel.gif) no-repeat left top; } .about #site_links #about { color:#FFFFFF; background:url(../images_site/about_btn_sel.gif) no-repeat left top; } .contact #site_links #contact { color:#FFFFFF; background:url(../images_site/contact_btn_sel.gif) no-repeat left top; } /* ######### End navigation styling #################*/ /* ######### Navigation sub menus Style #############*/ .dropmenudiv_a { margin-top:0px; position:absolute; font:normal 12px Arial; line-height:18px; border-top:1px solid #999999; z-index:10000; width: 180px; visibility: hidden; background-color:#000000; } .dropmenudiv_a a { width: auto; display: block; padding-bottom:3px; text-indent: 5px; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; /*THEME CHANGE HERE*/ border-left: 1px solid #999999; padding:2px 0 2px 0; margin:0px 0 2px 0px; text-decoration: none; background-color:#333333; color:#999999; } * html .dropmenudiv_a a { /*IE only hack*/ padding:2px 0px 2px 0px; margin:2px 0px 0px 0px; width: 100%; } * html .dropmenudiv_a a:hover { /*THEME CHANGE HERE*/ background-color:#666666; color: #ffffff; } .dropmenudiv_a a:hover { /*THEME CHANGE HERE*/ background-color:#666666; color: #ffffff; } /* ######## End navigation styling of sub menus ########*/ #main_content { width:801px; height:100%; margin-right:auto; margin-left:auto; z-index:50; } #image { margin-bottom:5px; margin-left:15px; border:1px solid #666666; width:784px; height:200px; z-index:10; } #image h1 { position:relative; width:300px; top:40px; left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:400; color:#ffffff; } #image h1 span { font-size:0.7em; color:#999999; padding-bottom:5px; } .print { position:relative; top:130px; float:right; font-size:0.9em; font-style:italic; font-weight:600; color:#249ab5; width:100px; height:26px; line-height:26px; padding-left:40px; background:url(../images_site/print-page.gif) no-repeat left top; } #main_content p, h3, h4 { padding-top:5px; padding-left:20px; padding-right:0; padding-bottom:5px; font-size:0.70em; line-height:16px; font-family:Helvetica, Verdana, Arial, sans-serif; color:#000000; } #main_content h3, h4 { padding-top:10px; font-size:1.0em; font-weight:500; } #main_content h4 { font-weight:400; color:#000000; } #main_content p { text-align:justify; padding-bottom:10px; } /* ######## product page samples ########*/ #main_content ul { margin:0px; } #kwicks_container { height:360px; width:801px; margin-left:auto; margin-right:auto; background:url(../images_site/2kwick_end.jpg) no-repeat right top; } #kwicks { position: relative; } #kwicks .kwick { float: left; display: block; width: 264px; height: 360px; } /* ######## product page samples ########*/ #kwick_orange { position:relative; height:360px; float:left; font-family:Helvetica, sans-serif; font-size:0.9em; text-decoration:none; text-align:right; color:#92C5FF; } #kwick_orange { background:url(../images_site/2pr_s_series.jpg) no-repeat left top; } #kwick_orange span a { position:absolute; margin-left:30px; color:#000000; } #kwick_green { position:relative; height:360px; float:left; font-family:Helvetica, sans-serif; font-size:0.9em; text-decoration:none; text-align:right; color:#92C5FF; } #kwick_green { background:url(../images_site/2pr_e_series.jpg) no-repeat left top; } #kwick_green span a { position:absolute; margin-left:30px; color:#000000; } #kwick_blue { position:relative; height:360px; float:left; font-family:Helvetica, sans-serif; font-size:0.9em; text-decoration:none; text-align:right; color:#92C5FF; } #kwick_blue { background:url(../images_site/2pr_n_series.jpg) no-repeat left top; } #kwick_blue span a { position:absolute; margin-left:30px; color:#000000; } /* ######## accordian global style ########*/ #basic-accordian { width:786px; z-index:2; padding-left:15px; height:auto; overflow:hidden; } .accordion_headings { height:28px; color:#FFFFFF; cursor:pointer; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.80em; background:#000000 url(../images_site/2prd_tab_not.gif) no-repeat left top; } .accordion_headings:hover { background:#000000 url(../images_site/2prd_tab_selected.gif) no-repeat left top; color:#000000; } .accordion_child { width:786px; background-color:#FFFFFF; } .accordian_left, .accordian_left2, .accordian_left3, .accordian_left4 { display:block; float:left; padding-left:250px; width:240px; } .accordian_right, .accordian_right2, .accordian_right3, .accordian_right4 { display:block; float:right; width:270px; margin-right:10px; background-color:#FFFFFF; } .accordian_right .pdf_btn { display:block; text-decoration:none; float:right; height:30px; line-height:30px; width:72px; color:#ffffff; font-style:normal; font-size:0.9em; font-weight:600; background:#ffffff url(../images_site/2download_pdf.gif) no-repeat right top; } .accordian_right span { display:inline; height:26px; width:260px; padding-top:5px; width:72px; } p.border { margin-bottom:5px; border:1px solid #CCCCCC; } .header_highlight { background:#a6a6a6 url(../images_site/2prd_tab_selected.gif) repeat left top; color:#000000; } .tab_container * { float:left; width:93px; padding-left:20px; line-height:28px; font-family:Geneva, Arial, Helvetica, sans-serif; } /* ######## // End accordian styling ########*/ #main_bottom { width:801px; height:9px; margin-right:auto; margin-left:auto; background:#000000 url(../images_site/2site_main_bottom.gif) no-repeat left top; } /* ######## footer styling ########*/ #footer { padding-left:18px; padding-top:20px; width:783px; height:19px; background:#000000 url(../images_site/2site_footer.gif) no-repeat left top; } #footer h4.left { float:left; width:450px; color:#999999; font-weight:400; font-size:0.7em; } #footer h4.right { float:right; width:238px; color:#999999; font-weight:400; font-size:0.7em; }