/* reset and clearing stuff */ * { margin:0; padding:0; } .hidden { display: none; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* hides from ie-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* end hide from ie-mac */ .right { float: right; } .left { float: left; } html { background: #2194d5 url(../../i/background-tile.jpg) repeat-x; background-position: 100px 0px; } body { background: url(../../i/true-bg.jpg) no-repeat center top; font-family: verdana, arial, sans-serif; } #container { width: 961px; margin:0 auto; margin-top: 0px; } #header { height: 136px; width: 961px; position: relative; top: 29px;} #header h1.logo { position: absolute; top: -5px; left: 12px; } #header h1.logo a { height:96px; width:333px; display: block; cursor: pointer; text-indent:-9999px; display:block; background:transparent url(../../i/logo.png) 0 0 no-repeat; overflow:hidden; } #header ul#icons { clear: both; list-style: none; background-color: red;} #header ul#icons li { float: left; } #header ul#icons li a { height: 22px; display: block; outline: none; text-indent: -10000px; } #rss:hover, #twitter:hover, #facebook:hover, #favorite:hover { background-position: 0 -22px; } #favorite { width: 27px; background: url("/i/header-icon-favorite.png") no-repeat; } #rss { width: 27px; background: url("/i/header-icon-rss.png") no-repeat; } #twitter { width: 27px; background: url("/i/header-icon-twitter.png") no-repeat; } #facebook { width: 27px; background: url("/i/header-icon-facebook.png") no-repeat; } #header ul.navigation { background: url(../../i/nav-menu.jpg) repeat-x; position: absolute; height: 42px; bottom: -7px; right: 0px; list-style-type: none; list-style-position: outside; width:961px; padding-top: 0px; } #header ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.9em; letter-spacing: 1px; font-weight: bold; font-family: verdana, arial, sans-serif; border-left: 1px solid #aacf58; padding-left: 15px; margin-top: 11px;} #header ul.navigation li a { color:#FFFFFF; font-size: 13px; text-decoration: none; } #header ul.navigation li a:hover { color:#fece02; } #header ul.navigation li.first { border-left: none; padding-left: 8px; margin-left: 8px; } /* set background images for corners */ .rbroundbox { background: url(../../i/simple_background.gif) repeat; } .rbtop div { background: url(../../i/simple_top_left.gif) no-repeat top left; } .rbtop { background: url(../../i/simple_top_right.gif) no-repeat top right; } .rbbot div { background: url(../../i/simple_bottom_left.gif) no-repeat bottom left; } .rbbot { background: url(../../i/simple_bottom_right.gif) no-repeat bottom right; } /* height and width details */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 14px; font-size: 1px; } .rbcontent { margin: 0 14px; height: 170px; } .rbroundbox { width: 100%; margin: auto; } /* set background images for corners */ #headerBot { width: 931px; height: 21px; font-size: 11px; background: url(../../i/header-bottom.png) 0 0 repeat-x; padding-left: 13px; padding-right: 15px; margin-top: 36px; padding-top: 5px; border-left:1px solid #b6d0dd; border-right:1px solid #b6d0dd;} #headerBot a { color:#0077b9; text-decoration: none; } #headerBot a:hover { text-decoration: underline; } #contenttop { width: 931px; background: url(../../i/content-bg.jpg) 0 0 repeat-y; padding-left: 15px; padding-right: 15px; } #content { width: 931px; background: url(../../i/content-bg.jpg) 0 0 repeat-y; padding-left: 15px; padding-right: 15px;} #content .content-left { width: 602px; float: left; } #content .content-left h1 { font-size: 20px; color: #0d74b3; margin-bottom: 4px; margin-top: 2px; font-weight: 500;} #content .content-left h2 { font-size: 18px; color: #0d74b3; margin-bottom: 4px; margin-top: 2px; font-weight: 500;} #content .content-left h3 { font-size: 18px; color: #0d74b3; margin-bottom: 10px; margin-top: 2px; font-weight: 500;} #content .content-left p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; } #content .content-left .image-model { height:340px; width:209px; background: #ccc url(../../i/model.png) 0 0 no-repeat; text-indent:-9999px; margin: 10px; } #content .content-left a { color:#0077b9; text-decoration: none; } #content .content-left a:hover { color:#0077b9; text-decoration: underline; } #content .content-left strong { color: #434343; } #Fsearch { width: 100%; height: 75px; margin-left: 30px; } #Fsearch #travelfrom_hidden, #travelto_hidden { border: 2px solid #4f83b6; padding: 4px; width: 380px; font-size: 20px; background-color: #EDF2F7; } #Fsearch span { color: white; font-size: 15px; font-weight: bold; padding-bottom: 2px; } #Fsearch .box1 { width: auto; height: 60px; float: left; } #Fsearch .box2 { width: auto; height: 60px; float: left; } #Fsearchspec { } #Fsearchspec .input { border: 2px solid #4f83b6; } #Fsearchspec #departureDate, #returnDate { background: white url(/i/calendar_icon.gif) no-repeat scroll 2px 2px; padding: 2px; padding-left:22px; } #Fsearchspec .ss { color: white; font-size: 15px; font-weight: bold; } #Fsearchspec .dep { height: 50px; width: 200px; float: left; } #Fsearchspec .ret { height: 50px; width: 200px; float: left; margin-left: 10px; } #Fsearchspec .tra { float: left; width: 200px; height: 100px; margin-left: 33px; } #news { width: 602px; } #news .topic { width: 612px; height: auto; } #news .topic #himg { border: 1px solid #777777; } #news .topic .calendar { width: 47px; height: 48px; float: left; background: url(../../i/calendarbg.jpg) 0 0 repeat-x; margin: 0 15px 5px 5px; border: 0px; } #news .topic #month { color: #010000; font-size: 12px; font-weight: bold; padding-left: 11px; padding-top: 2px; } #news .topic #day { color: white; font-size: 20px; padding-left: 10px; padding-top: 2px; } #news .newstitle { width: 610px; height: auto; float: left; margin-bottom: 5px; } #news .newstitle img { vertical-align:middle; } #news .newstitle h2 { font: normal 22px verdana; color: #0d74b3; margin-bottom: 0px; } #news .newstitle span { font-size: 11px; color: #424242; } #news .topic p { clear: both; margin-top: 3px; } #offerlist { width: 191px; height: 190px; float: left; margin: 0 14px 14px 0; } #offerlist .lheader { width: 177px; height: 23px; color: #FFFFFF; font-size: 12px; padding-top: 7px; padding-left: 10px; font-weight: bold; } #offerlist .lcontent { width: 185px; height: 157px; background: url(../../i/flightfrom_bg.jpg) repeat-x; border:1px solid #cfcfcf; } #listmeny { padding: 0; list-style: none; font-size: 13px; } #listmeny li { margin-left: 10px; height: 20px; border-bottom: dotted 1px #3a3a3a; padding-top: 4px; float: left; } #listmeny li #city { float: left; } #listmeny li #price { color: #d50002; float: right; } #listmeny li a { display: block; width: 165px; height: 20px; text-decoration: none; } #listmeny li:hover { background-color: #ffffff; } #recent_flights li { font-weight: bold; } #recent_flights li a { color: #559200; width: 100%; height: 17px; display: block;} #recent_flights li a:hover { text-decoration: underline; } #recent_flights li #from { float: left; margin-right: 5px; } #recent_flights li #to { float: left; margin-left: 5px; } #recent_flights li #price { color: #d6281d; float: right; } #content .content-right { width: 300px; float: right; padding-right: 0px;} #content .content-right ul.right-menu { width: 300px; margin:0 auto; background-color: #f7f6f6; list-style-type: none; list-style-position: outside; margin-top: 0px; margin-bottom: -4px; } #content .content-right ul.right-menu li { height:18px; font-family: verdana, arial, sans-serif; font-size: .7em; font-weight: none; color:#404040; font-weight: bold; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:4px 10px 0; } #content .content-right ul.right-menu li.header { background: transparent url(../../i/right-menu-header-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 8px; border-right: none; border-left: none; } #content .content-right ul.right-menu li.header-c { background: transparent url(../../i/right-menu-header-bg-c.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 8px; border-right: none; border-left: none; } #content .content-right ul.right-menu li.header-m { background: transparent url(../../i/right-menu-header-bg-m.png) 0 0 no-repeat; } #content .content-right ul.right-menu li h3 { font-size: 12px;} #content .content-right ul.right-menu li.bottom { background: transparent url(../../i/right-menu-bottom-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 3px; border-right: none; border-left: none; border-bottom: none; } #content .content-right ul.right-menu li a { color:#0077b9; text-decoration: none; } #content .content-right ul.right-menu li a:hover { color:#404040; text-decoration: underline;} .rightbox-header { background: transparent url(../../i/right-menu-header-bg.png) 0 0 no-repeat; height: 20px; color: white; padding: 6px 0 0 10px; font-size: 12px; font-weight: bold;} .rightbox-header.bgc { background: transparent url(../../i/right-menu-header-bg-c.png) 0 0 no-repeat; } .rightbox-header.bgm { background: transparent url(../../i/right-menu-header-bg-m.png) 0 0 no-repeat; margin: 10px 0 10px 0;} .rightbox-body { color: black; font-size: 12px; width: 300px; height: auto; background-image:url('../../i/right-menu-bg.png'); } .rightbox-body ul { width: 298px; margin:0 auto; background-color: #f7f6f6; list-style-type: none; list-style-position: outside; margin-top: 0px; margin-bottom: -4px; } .rightbox-body li { height:18px; font-family: verdana, arial, sans-serif; font-size: 11px; color:#404040; border-bottom: 1px solid #e5e5e5; padding:4px 10px 0; } .rightbox-body p { padding-left: 10px; padding-right: 10px; padding-top: 10px; color: #434343;} .rightbox-body a { color:#0077b9; text-decoration: none; } .rightbox-body .url-dest { text-decoration: none; display: block; padding: 5px 5px 5px 15px; float: left; } .rightbox-body a:hover { color:#0077b9; text-decoration: underline; } .rightbox-bot { width: 300px; height: 25px; background-image:url('../../i/right-menu-bottom-bg.png'); margin-bottom: 19px; } #rightboxbodybig { color: black; width: 600px; font-size: 13px; height: 160px; background-image:url('../../i/right-menu-bg-big.png'); } #footer { background: url(../../i/footer-bg.png) 0 0 no-repeat; height: 73px; width: 961px; padding: 15px 0px 0; margin-bottom: 0px; position: relative; } #footer ul.navigation { position: absolute; top: 21px; left: 10px; list-style-type: none; list-style-position: outside; width:490px; } #footer ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.7em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; } #footer ul.navigation li a { color:#ffffff; font-size: 10px; text-decoration: none; } #footer ul.navigation li a:hover { color:#fece02; } #footer ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; } #footer p.copyright { padding-right: 40px; text-align: right; float: right; color:#ffffff; font-size: .7em; font-family: verdana, arial, sans-serif; width: 500px; position: relative; top: 0px; } #footer p.copyright a { font-weight:bold; color: #fece02; text-decoration: none; } #footer p.copyright a:hover { color: #fee67e; } img.right { float: right; margin: 0px 0px 10px 10px; } img.leftbooks { float: left; margin: 0px 10px 0px 0px ; } .btnbutton { padding:4px 10px 3px 7px; margin-top: 10px;} .articleTitle { font-size: 19px; margin-bottom: 10px; color: #497aab; font-weight: normal; } #short_dots { height: 1px; width: 600px; background-color: #497aab; margin-top: 30px; margin-bottom: 30px;} div.pagination { padding: 3px; margin: 3px; font-size: 14px; } div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; /* no underline */ color: #000099; } div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #497aab; color: #FFF; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } #interesting-articles { width: 300px; height: auto; } #interesting-articles h2 { font-size: 16px; color: #498aab; } #interesting-articles img { width: 300px; height: 116px; } #interesting-articles a { font-size: 13px; text-decoration: none; font-weight: bold; color:#0077b9; } #interesting-articles a:hover { text-decoration: underline; } #interesting-articles p { font-size: 12px; margin: 3px 0 10px 0; color: #434343;} .relatedarticles { padding-left: 15px; width:95%; font-size:0.94em; list-style-image:url("../../i/topic-arrow.jpg"); } .relatedarticles li { padding:0 0 0 0; margin:5px 0 0 0; border-bottom: 1px dotted #1958b7; padding-bottom: 4px;} .relatedarticles a { font-size: 13px; text-decoration: none; color: #0077b9; } .relatedarticles a:hover { text-decoration: underline; } .progressbar { width: 300px; background: url("../../i/progressbar.png") no-repeat 0 -40px; text-align: left; z-index: 3;} .progressbar-completed { height: 20px; margin-left: -1px; background: url("../../i/progressbar.png") no-repeat 1px 0; } .progressbar-completed div { float: right; width: 100%; height: 20px; margin-right: -1px; background: url("../../i/progressbar.png") no-repeat 100% 0; display: inline; z-index: 3;/* IE 6 double float bug */} .progressbar-timevalt { font-weight: bold; font-size: 14px; padding-top: 1px; color: #FFFFFF; text-align: center; } .msg-info, .msg-success, .msg-warning, .msg-error, .msg-validation { clear: both; font-size: 13px; width: 650px; border: 1px solid; margin: 10px 0px; padding:10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; } .msg-info { color: #00529B; background-color: #BDE5F8; background-image: url('../../i/msg_icon_info.png'); } .msg-success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../../i/msg_icon_success.png'); } .msg-warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../../i/msg_icon_warning.png'); } .msg-error { color: #D8000C; background-color: #FFBABA; background-image: url('../../i/msg_icon_error.png'); }