/* Lintracker2, Copyright 2011 AQ http://www.andyquick.co.uk Swatch colors -------------------------- -------------------------- */ /* Desktop layout: 992px. Gutters: 24px. Outer margins: 48px. Leftover space for scrollbars @1024px: 32px. Body width originally 896px; ------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 px 68 160 252 344 436 528 620 712 804 896 */ /* body {width: 896px; padding: 72px 48px 84px;} #example {height: 100px ;background: #0F0;}*/ /* ------Background colour and Header image---------------------------------------------------------------------------------------------- */ body {overflow:visible; width: 1020px; margin:0 auto; background: url(images/interface/bg.jpg) top repeat-y #000000; -webkit-tap-highlight-color: rgb(255,255,0); } body > #wrap {overflow:visible; width: 100%; margin:0 auto; background: url(images/interface/bg_header.jpg) top repeat-x #f1f1f1; -webkit-tap-highlight-color: rgb(255,255,0); } #header {} #header_top { width:100%; margin:0 auto; height:30px; position:relative; background-color:#000000;} #header_mid { width:100%; margin:0 auto; height:41px; position:relative; background: url(images/interface/title_bar_middle.jpg) top repeat-x ;} #header_mid_left { width:6px; height:41px; float:left; background: url(images/interface/title_bar_left.jpg) top no-repeat;} #header_mid_right { width:6px; height:41px; float:right; background: url(images/interface/title_bar_right.jpg) top no-repeat;} #menu { float:left; padding: 0px 0 0 0;} #menu_company { float:right; padding: 10px 0 0 0;} #menu_bar_middle { width:100%; margin:0 auto; height:95px; position:relative; background: url(images/interface/menu_bar_middle3.jpg) top repeat-x ; } #menu_bar_content { padding: 10px 0 0 10px; } #menu_bar_middle_right { width:1px; height:82px; background-color:#989898; float:right;} #menu_bar_middle_left { width:1px; height:82px; background-color:#989898; float:left;} /* ------Sticky Footer Width Specific Elements - In Addition to Master style elements-------------------------------------------------- */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com*/ #main {width:100%; overflow:auto; padding-bottom: 89px; background: url(images/interface/shadow.png) top repeat-x; } /* must be same height as the footer */ #footer {position: relative; margin-top: -89px; /* negative value of footer height */ height: 89px; clear:both; background-color:#ffffff; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/} /* ------- End of Sticky Footer ------------------------------------------------------------------------------------------------------- */ #id_bar { width:100%; height:7px; background: url(images/interface/id_bar_red.jpg) top repeat-x; /*border:0 1px 0 1px solid #989898;*/} #id_bar_right { width:1px; height:7px; background-color:#989898; float:right;} #id_bar_left { width:1px; height:7px; background-color:#989898; float:left;} /* ------- Main Layout ------------------------------------------------------------------------------------------------------- */ #content { margin:0 auto; width:960px; background: url(images/interface/content_back.jpg) top repeat-x #f1f1f1; } /* Contemt graphic here*/ #content1a {width:34%; float:left; padding:40px 0px 0 0px;} #content1a .text_area {padding:0px 40px 0 0px;} #content1b {width:33%; float:left; padding:30px 0px 0 0px;} #content1b .text_area {padding:0px 30px 0 45px;} #content1c {width:33%; float:left; padding:30px 0px 0 0px;} #content1c .text_area {padding:0px 20px 0 45px;} #content1d {width:100%; float:left; padding:30px 0px 0 0px;} #content_mid {padding:10px 0px 0 20px;} #content_mid .text_area {padding:0px 40px 0 0px;} /* ------- Footer -------------------------------- */ #footer {background: url(images/interface/footer_middle.jpg) top repeat-x #000000; height:89px;} #footer a {text-decoration:none;} #footer_mid { } #footer_mid_middle { width:960px; margin:0 auto; } #footer_mid_left { width:50%; float:left;} #footer_mid_right { float:right; padding-right:15px;} /*------------------------------------button inside
  • ------------------------------------------------*/ /* .button li a {float:left;width:100%;background-repeat: no-repeat;background-position: left top;text-indent:-9999px;overflow:hidden; display:inline; } .button li a:hover, .button li a.active {text-decoration:none;color:#ffffff;background-position: left bottom;} ul#logolink li {display: inline;} li.but_input {width: 52px; float: left;} #but_input a {background-image: url(images/interface/but_input.png); width: 52px; height:50px; } li.logo_2 {width: 52px; float: left;} #logo_2 a {background-image: url(images/interface/but_exchange.png); width: 52px; height:50px; } li.logo_3 {width: 154px;} #logo_3 a {background-image: url(images/interface/but_view.png); width: 52px; height:50px;} li.logo_4 {width: 191px;} #logo_4 a {background-image: url(images/interface/logo_4.jpg); width: 52px; height:50px;} .menu_spacer {background-image: url(images/interface/menu_spacer.png); width: 12px; height:54px; float:left; } */ /*----------------------------------------------menuDemo-----------------------------------------------------*/ #menuDemo { overflow:hidden; /* wrap floats */ height:40px; /* trips haslayout, wrap floats IE */ list-style:none; background:url(images/interface/menu.png) 0 0 repeat-x; font:bold 12px/45px sans-serif; } #menuDemo li { display:inline; } #menuDemo a { float:left; position:relative; padding-left:10px; margin-right:10px; text-decoration:none; color:#494949; background:#9c9c9c url(images/interface/menu.png) 0 -40px no-repeat; } #menuDemo a span { position:absolute; top:0; left:100%; width:10px; height:40px; background:url(images/interface/menu.png) -502px -40px no-repeat; } #menuDemo .current a { color:#ededed; background-position:0 -120px; background-color:#b0b0b0; } #menuDemo .current a span { background-position:-502px -120px; } /* #menuDemo a:active, #menuDemo a:focus, */ #menuDemo .selectedItem, #menuDemo a:hover { color:#a9a9a9; background-position:0 -80px; background-color:#9c9c9c; } /* #menuDemo a:active span, #menuDemo a:focus span, */ #menuDemo .selectedItem span, #menuDemo a:hover span { background-position:-502px -80px; } #menuDemo span { background-position:-502px -80px; } .login_text a:link {color: #d7d7d7; text-decoration:underline; outline:none;} .login_text a:hover {color:#ffffff; text-decoration:none; outline:none;} .login_text a:visited {color:#d7d7d7; text-decoration:underline; outline:none;}