/* SVN FILE: $Id: screen.css 177 2010-08-12 06:39:23Z francis $ */ /** * Styltesheet for standard screen. * * @site southernphotonics.com * @author Francis Park * @copyright Copyright 2008, Binz Solutions Ltd. * @version $Revision: 177 $ * @modifiedby $LastChangedBy: francis $ * @lastmodified $Date: 2010-08-12 18:39:23 +1200 (Thu, 12 Aug 2010) $ */ /* Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* Typography */ body {color:#333;font-size:90%;font-family:arial,"lucida grande",helvetica,sans-serif;} a {color:#369;font-weight:bold;} a:hover {color:#CC6730;text-decoration:none;} #breadcrumb {font-size:80%;} #footer {color:#999;font-size:75%;} #footer a {color:#444;} #footer a:hover {color:#999;} h1, h2, h3, h4, h5, h6 {font-weight:lighter;} h1 {font-size:200%;padding-bottom:8px;} h2 {font-size:180%;padding-bottom:8px;} h3 {font-size:170%;padding-bottom:8px;} h4 {font-size:110%;color:#000;font-weight:bold;} h5, h6 {font-size:100%;color:#000;font-weight:bold;} h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-style:normal;font-weight:bold;color:#000;} .text_section p {line-height:1.3;font-size:94%;} .designation, .date {line-height:1.3;font-size:80%;text-transform:uppercase;} .description, .text, .password {padding-bottom:12px;font-size:88%;line-height:1.3;} .description {padding-left:102px;} .text, .password {color:#797979;font-weight:bold;} #recent_news .text {padding-top:0px;} #introduction p {font-size:120%;} .more {padding-left:13px;} /* Page structure */ .container, .clearfix {display:block;} .center-col {width:704px;padding:18px 48px;margin:0 auto;text-align:left;} .no-padding {width:800px;padding:0;} .no-repeat-bg {background-repeat:no-repeat;} .clear {clear:both;} .last {padding-bottom:44px;} img {padding:0 10px 2px 0;} .more {float:right;} /* Background colors/images */ body {background-color:#fff;background-image:url("../img/layout/body_bg_tile.gif");background-repeat:repeat;} body #container.outer-most {background-image:url("../img/layout/body_bg.gif");background-repeat:repeat-x;background-position:top;} #top .center-col {height:125px;background:url("../img/layout/top_center-col_bg.gif");background-position:top;} #top h2 a {display:inline;float:left;width:260px;height:77px;margin:32px 0 0 44px;} #global_nav .center-col, #main_img .center-col, #introduction .center-col, #breadcrumb .center-col, #contents .center-col {background-color:#EAEAEA;} #left_nav {background-color:#484949;} #introduction .center-col {height:125px;background-image:url("../img/main/introduction_bg.gif");background-position:top;} #footer .center-col {height:48px;background-color:#000;} body#Home #main_img .center-col {height:233px;background-image:url("../img/main/main_img.jpg");background-position:top;} body#Home #contents #recent_news {background-color:#E1E1E1;} .more {background-image:url("../img/arrow_bullet1.gif");background-position:left;} #top, #global_nav, #main_img, #breadcrumb, #introduction, #contents, #footer {background-image:url("../img/layout/shadow.png");background-position:center;background-repeat:repeat-y;} #end_ornament {background-image:url("../img/layout/end_ornament_bg.png");background-repeat:no-repeat;background-position:center;} /* Hide texts */ #top h2 span, #global_nav ul li span, #main_img span, #left_nav ul li span {display:none;} /* Layout - default */ #global_nav {height:56px;} #global_nav ul li {display:inline;} #global_nav ul li a {float:left;display:block;width:160px;height:56px;} #global_nav ul li a#global_nav_company {background:url("../img/layout/global_nav_company.gif") no-repeat top;} #global_nav ul li a#global_nav_company:hover, #global_nav ul li.selected a#global_nav_company {background-position:bottom;} #global_nav ul li a#global_nav_news {background:url("../img/layout/global_nav_news.gif") no-repeat top;} #global_nav ul li a#global_nav_news:hover, #global_nav ul li.selected a#global_nav_news {background-position:bottom;} #global_nav ul li a#global_nav_products {background:url("../img/layout/global_nav_products.gif") no-repeat top;} #global_nav ul li a#global_nav_products:hover, #global_nav ul li.selected a#global_nav_products {background-position:bottom;} #global_nav ul li a#global_nav_technology {background:url("../img/layout/global_nav_technology.gif") no-repeat top;} #global_nav ul li a#global_nav_technology:hover, #global_nav ul li.selected a#global_nav_technology {background-position:bottom;} #global_nav ul li a#global_nav_contact {background:url("../img/layout/global_nav_contact.gif") no-repeat top;} #global_nav ul li a#global_nav_contact:hover, #global_nav ul li.selected a#global_nav_contact {background-position:bottom;} #left_nav {float:left;width:220px;height:233px;left:50%;position:relative;margin-left:-400px;} #left_nav .center-col {border-top:1px solid #868686;} #left_nav ul {margin-top:33px;} #left_nav ul li {width:220px;height:48px;margin-bottom:1px;} #left_nav ul li a {display:block;width:220px;height:39px;} #breadcrumb .center-col, #contents .center-col {padding-left:248px;width:504px;background-image:url("../img/layout/left_nav_bg.gif");background-repeat:repeat-y;background-position:left;} #breadcrumb .center-col {padding-bottom:0px;} #footer {height:48px;} #footer .center-col div {margin-top:8px;} #footer #copyright {float:left;padding-left:25px;} #footer #admin_login {float:right;padding-right:0px;clear:none;} #footer #credit {float:right;padding-right:25px;clear:none;} #footer .separator {float:right;} #end_ornament .center-col {width:800px;height:44px;margin-bottom:55px;} .separator {margin-left:4px;margin-right:4px;padding:0;} .text_section, .list_section, .form_section {padding-bottom:22px;} .text_section p {padding-left:24px;background-image:url("../img/bar_type2.gif");background-repeat:repeat-y;background-position:left;} ul {list-style:none;} ul.ul_with_bullet li {padding-left:37px;background-image:url("../img/ul_bullet.gif");background-repeat:no-repeat;background-position:left 6px;} ul.ul_with_image li {margin-bottom:8px; clear: both;} ul.ul_with_image li img {float:left;} .error, .notice, .success {font-family:Courier,monospace;font-size:120%;line-height:140%;padding:0.8em;margin:1em 0;} .error {background-color:#e32;color:#fff;} .error em {color:#000;font-weight:normal;line-height:140%;} .notice {clear:both;color:#900;font-size:140%;font-weight:bold;} .success {background:green;color:#fff;} .error a {} .notice a {} .success a {} form label {float:left;position:absolute;} form input, form textarea {margin-left:80px;} form .submit {margin-top:20px;margin-bottom:20px;} form .reset {margin-left:6px;} form #NewsDateDay {margin-left:80px;} /* Page - home */ body#Home #contents .center-col {height:400px;width:704px;padding:28px 48px;background-image:none;} body#Home #contents #featured_products {float:left;width:336px;padding:0px 0 0 32px;background:url("../img/bar_type1.gif") repeat-y left;} body#Home #contents #featured_products ul {list-style-type:none;} body#Home #contents #recent_news {width:275px;margin-left:399px;padding:12px 23px;} body#Home #contents #recent_news hr {color:#797979;background-color:#797979;height:1px;} body#Home #contents #recent_news .more {margin-top:-36px;background-image:url("../img/arrow_bullet2.gif");} body#Home #introduction .center-col {padding-top:26px;} /* Company only style */ body#Company #main_img .center-col {height:233px;background-image:url("../img/company/main_img.jpg");background-position:top right;} body#Company #left_nav li#nav_li_profile {background:url("../img/layout/left_nav_company_profile.gif");background-position:top;} body#Company #company_sab ul li {margin-bottom:15px;} /* News only style */ body#News #main_img .center-col {height:233px;background:url("../img/news/main_img.jpg");background-position:top right;} body#News #left_nav li#nav_li_latest {background:url("../img/layout/left_nav_latest_news.gif");background-position:top;} body#News .paging {margin-bottom:40px;text-align:center;} body#News .paging div {display:inline;margin-right:10px;} body#News .paging a {text-decoration:none;} /* Products only style */ body#Products #main_img .center-col {height:233px;background:url("../img/products/main_img.jpg");background-position:top right;} body#Products #left_nav li#products {background:url("../img/layout/left_nav_products.gif");background-position:top;} body#Products #left_nav li#sub_product_list {background-color:#A7A7A7;height:39px;text-align:right;} body#Products #left_nav li#sub_product_list a {color:white;height:23px;padding:8px 20px;text-decoration:none;width:180px;} body#Products #left_nav li#sub_product_list a:hover {color:black;} body#Products #left_nav li#sub_product_list span {display:block;} body#Products #left_nav li#sub_product_software {background-color:#A7A7A7;height:39px;text-align:right;} body#Products #left_nav li#sub_product_software a {color:white;height:23px;padding:8px 20px;text-decoration:none;width:180px;} body#Products #left_nav li#sub_product_software a:hover {color:black;} body#Products #left_nav li#sub_product_software span {display:block;} body#Products img#pa_frog, body#Products img#frogrec, body#Products img#pa_freag, body#Products img#SpectrumComparison_OSA150D, body#Products img#freagrec {float:right;clear:right;padding:5px 0px 5px 5px;} body#Products #products_introduction.hr150 {background-image:url("../img/products/HR150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.hr150 p {padding-right:190px;} body#Products #products_introduction.iqscope {background-image:url("../img/products/IQScope_FULL.png");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.iqscope p {padding-right:190px;} body#Products #products_introduction.sr100 {background-image:url("../img/products/SR100_FULL.gif");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.sr100 p {padding-right:190px;} body#Products #products_introduction.osa {background-image:url("../img/products/OSA150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.osa p {padding-right:190px;} body#Products #products_introduction.tls150 {background-image:url("../img/products/TLS150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.tls150 p {padding-right:190px;} body#Products #products_introduction.tls150itu {background-image:url("../img/products/TLS150_FULL.gif");background-repeat:no-repeat;background-position:right 46px;} body#Products #products_introduction.tls150itu p {padding-right:190px;} body#Products .description {padding-left:0px;} body#Products ul img {padding-top:2px;} body#Products ul.ul_with_image li {height:125px;margin-bottom:0px;} body#Products table th, body#Products table td {padding:5px 5px 5px 0;} /* Technology only style */ body#Technology #main_img .center-col {height:233px;background:url("../img/technology/main_img.jpg");background-position:top right;} body#Technology #left_nav li#nav_li_technology {background:url("../img/layout/left_nav_technology.gif");background-position:top;} body#Technology img#frogspectro, body#Technology img#freagspectro {float:right;} .spec_table {margin-left: 25px; width: 100%;} /* Contact only style */ body#Contact #main_img .center-col {height:233px;background:url("../img/contact/main_img.jpg");background-position:top right;} body#Contact #left_nav li#nav_li_detail {background:url("../img/layout/left_nav_contact_detail.gif");background-position:top;}