/* CSS Document */ /* Layout Styles */ body {background: #F6F6F6; margin:0; padding:0;} div {margin:0; padding:0} #canvas {margin: 40px auto 40px auto; width:901px;} #page {border: 1px #CCCCCC solid; background:#FFFFFF url(../images/chrome/page_fade_right.jpg) right repeat-y; margin: 0 80px 0 80px; border-right:none; border-bottom:none;} /* Header styles */ #logo {float:left; width:186px; height:114px; background:url(../images/chrome/logo.gif);} .home #logo {background:url(../images/chrome/logo_kg.gif);} /* Menu Top Right */ #menu {float:right; width:101px; height:110px; background: url(../images/chrome/page_fade_corner1.jpg) no-repeat top right; margin-top: -1px; padding: 10px 0 0 0; padding-right:10px;} /* This menu style uses a conditional javascript include iehover.js so that the roll-overs work in IE6 */ .menu {font-family: arial, sans-serif; font-size:11px; color:#60728B;} /* Set menu positioning for anchor tag */ .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#60728B; height:15px; font-size:11px; padding-left:5px;} .menu ul li a:hover {color:#14587B;} /* Set menu positioning for list items */ .menu ul {padding:0; margin:0;list-style-type: none;} .menu ul li {float:right; position:relative; width:80px; background-color:#FFFFFF; } .menu ul li ul {display: none; position:absolute; top:0; left:-565px; width:565px;} .menu ul li ul li {/*text-align:right;*/ float:right; width:auto;} .menu ul li ul li a {float:left; width:auto; padding: 0 4px;} /* Set active menu for the current section. must add class to body tag on page e.g. */ .home .menu ul li#mHome ul, .company .menu ul li#mCompany ul, .products .menu ul li#mProducts ul, .news .menu ul li#mNews ul, .careers .menu ul li#mCareers ul, .support .menu ul li#mSupport ul, .contact .menu ul li#mContact ul {display:block;} /* Set active menu color */ .home .menu ul li#mHome a, .company .menu ul li#mCompany a, .products .menu ul li#mProducts a, .news .menu ul li#mNews a, .careers .menu ul li#mCareers a, .support .menu ul li#mSupport a, .contact .menu ul li#mContact a {color:#14587B;} /* Set roll-over effects */ .menu ul li:hover ul, .menu ul li.over ul {display:block;} .menu ul li:hover ul li a:hover, .menu ul li.over ul li a:hover {text-decoration:underline;} #banner {height:179px; background:#FFFFFF; background-image: url(../images/chrome/banner_home1.jpg); margin: 120px 30px 0 20px; border:#DADADA 10px solid} #home1.home #banner {background-image: url(../images/chrome/banner_home1.jpg);} #home2.home #banner {background-image: url(../images/chrome/banner_home2.jpg);} #home3.home #banner {background-image: url(../images/chrome/banner_home3.jpg);} .company #banner {background-image: url(../images/chrome/banner_company.jpg);} .products #banner {background-image: url(../images/chrome/banner_products.jpg);} .news #banner {background-image: url(../images/chrome/banner_news3.jpg);} .careers #banner {background-image: url(../images/chrome/banner_careers.jpg);} .support #banner {background-image: url(../images/chrome/banner_support.jpg);} .contact #banner {background-image: url(../images/chrome/banner_contact.jpg);} /* Body styles */ #col1 {float:left; width:80px; margin:0; display:inline; padding-top: 300px; text-align:center;} /* Side menu Icons */ #col1 a {color:#999999; font-size:7pt; text-decoration:none; display:block; padding-top:72px; height:28px; margin:0; width:80px;} #col1 a:hover {text-decoration:underline;} #col1 a#icon1 { background:url(../images/chrome/icon_smartphones.jpg) left;} #col1 a#icon2 { background:url(../images/chrome/icon_mediaplayers.jpg) left;} #col1 a#icon3 { background:url(../images/chrome/icon_notebook.jpg) left;} #col1 a#icon4 { background:url(../images/chrome/icon_settopbox.jpg) left;} #col1 a#icon5 { background:url(../images/chrome/icon_pockettv.jpg) left;} #col1 a#icon1:hover, #col1 a#icon2:hover, #col1 a#icon3:hover, #col1 a#icon4:hover, #col1 a#icon5:hover { background-position:right; } #col1 h4 {color:#14587B; font-size:85%; margin:0 0 6px 0;} #col2 {margin: 0px 30px 0px 20px;} .home #col2 {margin: 0px 200px 0px 20px;} /* This line sets this colum to full width on all the flagged pages below - also see col3 display below */ /*.company #col2, .products #col2, .news #col2, .careers #col2, .support #col2, .contact #col2 {margin: 0px 30px 0px 20px;}*/ /* Content Frame for main column */ #col2 #content {border:#CCCCCC 1px solid; padding: 20px 20px 0 20px;} #col2 #contentfoot {background:url(../images/chrome/contentfoot.jpg); height:47px; padding:10px 10px 0 0; text-align:right; color:#FFFFFF;} #col2 #contentfoot a {color:#FFFFFF; text-decoration:none;} #col2 #contentfoot a:hover {text-decoration:underline} #col2 #contentfoot a.active {color:#14587B;} #col2 #contentback {background:url(../images/chrome/contentfootleft.jpg) left no-repeat; width:50px; height:57px; float:left; margin:-10px 0 0 0} #col2 .bannerad {width:520px; height:86px; border:none; margin: 0 0 15px 0} #col2 ul {/*margin:0 0 15px 0;*/ color:#666666; font-size:1.1em; line-height:1.4em;} /* #col2 .colright ul {padding-left:25px;} #col2 .colleft ul {padding-left:15px;}*/ #col2 li {list-style-image:url(../images/chrome/bullet2.jpg);} #col2 .error {color:#FF0000;} /* IE7.0 Hack */ /* #col2 table ul {margin:0 0 15px 0;} #col2 table ul {padding-left:25px;} #col2 table ul {padding-left:15px;} #col2 table li {list-style-image:url(../images/chrome/bullet2.jpg);}*/ #col3 {display:none;} .home #col3 {display:block; float:right; width:155px; margin:20px 30px 20px 0;} /* This line forces hides the menu on all the flagged pages below - also see col2 margin above */ /*.company #col3, .products #col3, .news #col3, .careers #col3, .support #col3, .contact #col3, .legal #col3 {display:none;}*/ /* Pods for right hand column */ #col3 .pod {text-align:center; background:url(../images/chrome/pod_mid.jpg) repeat-y; margin-bottom:15px;} #col3 h3 {background:url(../images/chrome/pod_top.jpg) no-repeat; height:36px; padding-top: 7px; margin:0; font-size:large; font-style:italic; color:#14587B;} #col3 p {font-size:85%; font-style:italic; text-align:left; padding:0; margin:0 10px 6px 10px; line-height:150%;} #col3 p.endpod {background:url(../images/chrome/pod_bot.jpg) no-repeat; height:26px; text-align:right; font-style:italic; margin:0; padding-top:8px} #col3 p.endpod a {color:#FFFFFF; text-decoration:none; padding-right:5px;} #col3 p.endpod a:hover {text-decoration:underline;} #col3 a img {border:none;} #footer {background:url(../images/chrome/page_fade_bot.jpg) top repeat-x; margin: 0 80px; height:10px;} #footer #next {float:right; min-width:10px; min-height:10px; background: url(../images/chrome/page_fade_corner2.jpg) no-repeat top right; padding: 10px 10px 0 0;} #footer #back {float:left; min-width:10px; min-height:10px; background: url(../images/chrome/page_fade_corner3.jpg) no-repeat top left; margin-top:1px; padding-top: 10px;} #footer a {color:#14587B; text-decoration:none;} #footer a:hover {text-decoration:underline;} .home .nothome {display:none;} /*Hide link to home page on the home page*/ .clear {clear:both;} .clearRight {clear:right;} .clearLeft {clear:left;} hr {border:0; width:100%; height:1px; color:#CCCCCC; background-color:#CCCCCC; margin:0px 0 15px 0;} /* Text Styles */ body {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:0.8em;} #col2 H1 {font-weight:normal; color:#60728B; font-size:2em; font-stretch:condensed;} #col2 H1 a {color:#60728B;} #col2 H1 strong {font-weight:bold; color:#14587B;} #col2 H2 {color:#999999; font-size:1.7em; margin:0 0 1em 0;} #col2 .initcap {border-top:#CCCCCC 2px solid; border-bottom:#CCCCCC 2px solid;} #col2 P, #col2 H4, #col2 .confirmation {color:#666666; text-align:justify; font-size:1.1em; line-height:1.4em; padding:0; margin:0 0 1.4em 0;} #col2 H4 {color:#60728B; margin:0; text-align:left;} #col2 .colleft {width:50%; float:left;} #col2 .colright {width:50%; float:right;} #col2 .colleft P, #col2 .colleft H2, #col2 .colleft H3, #col2 .colleft H4 {padding-right:10px} #col2 .colright P, #col2 .colright H2, #col2 .colright H3, #col2 .colright H4 {padding-left:10px} #col2 H3 {color:#60728B; font-size:1.3em; margin:0 0 0.95em 0; padding:0; line-height:1.4em;} #col2 .footnote {font-size: 1em; font-style:italic;} #col2 .superscript {font-size: 80%; padding:0 2px 0 2px; font-weight:bold; color:#14587B; font-style:italic;} #col2 a {color:#006699; text-decoration:none} #col2 a:hover {/*color:#6699FF; */text-decoration:underline} #col2 a.active {color:#999999;} #col2 .submenu {font-size:0.95em; line-height:1em; margin:-4px 0 5px 0;} .rule {border-bottom:#CCCCCC 1px solid; padding-top: 5px;} #col2 .special h3 {text-align:center; margin-bottom:0;} #col2 .special p {text-align:left; font-size:0.85em; margin-top:0; padding:8px 12px 0px 12px; line-height:1.6em;} #col2 .special em {color:#14587B;} #col2 .panel {background:#E4EDF4;} #col2 .profilephoto {float:left; margin:20px 12px 5px 0;} #col2 .team P {font-size:0.95em;} /*Abilis customs*/ .title_index { font-weight:bold; } .prod_table { text-align:center; margin-left: auto; margin-right: auto; }