/* * Vayama.com * * February 21, 2007 09:44 AM * * Project6 Design, Inc. * http://Project6.com * * Osman Gormus * */ /* begin: Reset */ * { margin: 0; padding: 0; } table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /* Exceptions: */ strong { font-style: normal; font-weight: bold; } em { font-style: italic; } /* end of exceptions */ body {font:11px verdana,arial,helvetica,clean,sans-serif;} /* IE 6 and below */ * html { font-size: 75%; } /* IE 7 only */ *:first-child+html { font-size: 75%;} table {font-size:inherit;font:100% verdana,arial,helvetica,clean,sans-serif;} select, input, textarea {font:99% verdana,arial,helvetica,clean,sans-serif;} * html pre {font:115% monospace;} * html code {font:115% monospace;} body>pre, body>code { font: 100% monospace; } body * {line-height:1.22em;} body * a { outline: 0; } .clr { display: block; margin: 0; padding: 0; border: 0; clear: both; float: none; height: 1px; font-size: 1%;} .clear { clear: both; } /* end: Reset */ * { color: #717171; } td { vertical-align: top; } /* * Big Container * This DIV wraps everything between and * Except #vayFooter */ #vay { margin: 0 auto; width: 990px; } #content { margin: 0 auto; width: 1125px;} #vayHome { width: 990px; float:left;} #rightskyscraper { padding-top:128px; padding-left:15px; float:left; height:600px; width:120px; } /* * * #masthead */ #masthead { position: relative; z-index: 1; width: 990px; height: 90px; display: block; } #masthead h2, #masthead h3 { padding: 0; } #masthead h2 span, #masthead h3 span { display: none; } #masthead h3 { position: absolute; top: 0; right: 0; z-index: 1; right:12px; } #masthead #main-nav { position: absolute; top: 60px; left: 263px; z-index: 2; } /*positioning the nav menu*/ #n2 { display: block; width: 403px; height: 30px; position: absolute; top: 0; left: 440px;white-space:nowrap;} #n2 li { padding: 0; display: block; height: 30px; float: left; } #n2 li a, #masthead #n2 li strong { display: block; height: 30px; padding: 0; padding-left:0px; float: left; background-color: transparent; background-position: 100% 100%; background-repeat: no-repeat; outline: none; } #masthead #main-nav strong { width: 17px; background-image: url(/images/n2-div.gif); } #masthead #main-nav li span { display: none; } #masthead #main-nav #n1a a { width: 47px; background-image: url(/images/n1a.gif); } #masthead #main-nav #n1b a { width: 45px; background-image: url(/images/n1b.gif); } #masthead #main-nav #n1c a { width:126px; background-image: url(/images/n1c.gif); } #masthead #main-nav #n1d a { width:114px; background-image: url(/images/n1d.gif); } #masthead #main-nav #n2a a { width: 53px; background-image: url(/images/n2a.gif); } #masthead #main-nav #n2b a { width: 46px; background-image: url(/images/n2b.gif); } #masthead #main-nav #n2signout a { width: 46px; background-image: url(/images/signout.gif); } #masthead #main-nav #n2c a { width: 69px; background-image: url(/images/n2c.gif); } #masthead #main-nav #n2d a { width: 25px; background-image: url(/images/n2d.gif); } #masthead #main-nav #n1a a:hover { background-position: 100% -30px; } #masthead #main-nav #n1b a:hover { background-position: 100% -30px; } #masthead #main-nav #n1c a:hover { background-position: 100% -30px; } #masthead #main-nav #n1d a:hover { background-position: 100% -30px; } #masthead #main-nav #n2a a:hover { background-position: 100% -30px; } #masthead #main-nav #n2b a:hover { background-position: 100% -30px; } #masthead #main-nav #n2signout a:hover { background-position: 100% -30px; } #masthead #main-nav #n2e a { width: 70px; background-image: url(/images/n2e.gif); } #masthead #main-nav #n2e a.selected { background-position: 100% 0%; } #masthead #main-nav #n2e a.selected:hover { background-position: 100% 0%; } #masthead #main-nav #n2e a:hover { background-position: 100% -30px; } #masthead #main-nav #n2c a:hover { background-position: 100% -30px; } #masthead #main-nav #n2d a:hover { background-position: 100% -30px; } #masthead #main-nav #n1a a.selected { background-position: 100% 0%; } #masthead #main-nav #n1b a.selected { background-position: 100% 0%; } #masthead #main-nav #n1c a.selected { background-position: 100% 0%; } #masthead #main-nav #n1d a.selected { background-position: 100% 0%; } #masthead #main-nav #n2a a.selected { background-position: 100% 0%; } #masthead #main-nav #n2b a.selected { background-position: 100% 0%; } #masthead #main-nav #n2signout a.selected { background-position: 100% 0%; } #masthead #main-nav #n2c a.selected { background-position: 100% 0%; } #masthead #main-nav #n2d a.selected { background-position: 100% 0%; } #welcomeUser{ position:relative; margin-top:-12px; margin-bottom:-5px; padding-left:30px;} div#welcomeUser a.signout:link{text-decoration:none; padding:5px; font-weight:bold;color:#ff682d;} div#welcomeUser a.signout:visited{color:#ff682d;} #MenuBar1 .flights { width: 27px; height: 11px; background: url(/images/navmenu/flights.gif) no-repeat; } #MenuBar1 .hotels { width: 30px; height: 11px; background: url(/images/navmenu/hotels.gif) no-repeat; } #MenuBar1 .cars { width: 14px; height: 11px; background: url(/images/navmenu/cars.gif) no-repeat; } #MenuBar1 .deals { width: 25px; height: 11px; background: url(/images/navmenu/deals.gif) no-repeat; } #MenuBar1 .extras { width: 95px; height: 11px; background: url(/images/navmenu/extras.gif) no-repeat; } .line{ border-bottom:2px solid #ff6929; } /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: 0; margin-top: 6px; /*moves the nav menu lower*/ list-style-type: none; font-size: 12px; cursor: default; width: auto; } /* font size for navigation menu bar */ a.menuItem {font-size: 15px; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { font-family: Tahoma,Verdana,Segoe,sans-serif; font-weight:600; margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: auto; float: left; letter-spacing: 1px; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; top:28px; list-style-type: none; font-size: 97%; z-index: 1020; cursor: default; width: 13em; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { background-color:#FFFFFF; left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 13em; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -1% 0 0 98%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides and position the submenu */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; margin-top:-6px; } *ul.MenuBarHorizontal ul{ margin-top:1px;} /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; /*background-color: #EEE; */ padding: 0.2em 0.75em; color: #8a7163; text-decoration: none; } /* Menu items that have mouse over or focus have a brown background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #8a7163; color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #8a7163; color: #FFF; opacity: 0.8; filter: alpha(opacity=80); } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(/images/navmenu/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(/images/navmenu/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(/images/navmenu/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(/images/navmenu/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; border-bottom:2px #CCCCC solid; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } } /* * Footer: * Contains Terms of Use, Privacy and copyright information */ #vayFooter { display: block; width: 960px; margin: 0 auto; text-align: right; padding: 16px 15px 10px 15px; font-size: 10px; } #vayFooter * { color: #b3ad9a; } /* * * Page Templates */ /* begin: Teplate 1 */ #vayTemplate1-Top { margin: 0; padding: 15px; width: 960px; background: #D5D2C9 url(/images/body-top.gif) no-repeat 100% 0%; clear: both; float: none; position: relative; z-index: 1; } #vayTemplate1-TopContent { display: block; margin: 0; padding: 15px; width: 930px; clear: both; float: none; background: transparent url(/images/body-bottom-white.gif) no-repeat 100% 100%; position: relative; z-index: 3; min-height: 400px; height: auto; } /* hack: IE7 only */ *:first-child+html #vayTemplate1-TopContent { height: 400px; } /* hack: IE6 and below */ * html #vayTemplate1-TopContent{ height: 400px; } #vayTemplate1-TopFooter { display: block; margin: 0; padding: 0; border: none; background-color: #D5D2C9; clear: both; float: none; height: 30px; width: 990px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; font-size: 1%; } #vayTemplate1-Bottom { display: block; margin: 0; padding: 0 15px 15px 15px; border: none; background: #D5D2C9 url(/images/body-bottom.gif) no-repeat 100% 100%; clear: both; float: none; width: 960px; position: relative; } /* end: Teplate 1 */ /* * * Left hand rounded corner form box * * Search button, attached to the bottem of the rounded form box * absolute positioning is necessary! * * Note: Height of formBox is adjusted to match map's height * #map height(375px) + .btnSubmit height(20px) = 395px */ .formBox { width: 220px; margin: 0; padding: 0; text-align: left; background: transparent url(/images/form-bg.gif) no-repeat 100% 100%; min-height: 395px; height: auto; position: relative; } /* hack: IE7 only */ *:first-child+html .formBox { height: 395px; } /* hack: IE6 and below */ * html .formBox { height: 395px; } .formBox .boxContent { background: transparent url(/images/form-top.gif) no-repeat top left; padding: 15px; font-size: 10px; } .formBox .boxContent * { color: #5e5e5e; } .formBox .boxContent .boxHeadline { display: block; height: 26px; padding: 0; margin: 0; background-color: transparent; background-position: top left; background-repeat: no-repeat; } .formBox .boxContent .boxHeadline span { display: none; } /* * Submit and Reset buttons */ .formBoxButton { display: block; padding: 0; background-color: transparent; background-position: 100% 100%; background-repeat: no-repeat; } .formBoxButton span { display: none; } .formBox .btnSubmit { width: 100px; height: 20px; background-image: url(/images/btn-search.gif); position: absolute; bottom: 0; right: 0; } .formBox .btnReset { width: 72px; height: 20px; background-image: url(/images/btn-reset.gif); position: absolute; bottom: 0; right: 105px; } /* hack: IE6 and below */ * html .formBox .btnSubmit { bottom: -1px; } * html .formBox .btnReset { bottom: -1px; } /* * * * Two Column Layout & White Boxes * */ .leftColumn { width: 245px; vertical-align: top; } .rightColumn { width: 715px; vertical-align: top; } /* White Rounded Corner Boxes */ .whiteBox { margin: 15px 0 0 0; padding: 0; text-align: left; background-color: transparent; background-position: 100% 100%; background-repeat: no-repeat; } .whiteBox .boxContent { padding: 15px; position: relative; } /* hack: IE6 and below */ * html .whiteBox .boxContent{ padding-top:15px!important; } .whiteBox .boxHeadline { display: block; height: 26px; padding: 0; margin: 0; background-color: transparent; background-position: top left; background-repeat: no-repeat; } .whiteBox .boxHeadline span { display: none; } .firstBox { margin-top: 0!important; } .leftColumn .whiteBox { width: 230px; background-image: url(/images/box-sm-white-bg.gif); } .leftColumn .boxContent { background: transparent url(/images/box-sm-white-top.gif) no-repeat top left; } .rightColumn .whiteBox { width: 715px; background-image: url(/images/box-lg-white-bg.gif); } .rightColumn .boxContent { background: transparent url(/images/box-lg-white-top.gif) no-repeat top left; } .popupBox { margin: 1em auto; background-color: transparent; color: #000; position: relative; clear: both; z-index: 10000!important;} .popupBox .box0Header { display: block; width: 100%; height: 35px; margin: 0; padding: 0; float: left; clear: both; overflow: hidden; position: relative; } .popupBox .box0Header div { display: block; float: left; height: 35px; clear: none; background-color: transparent; } .popupBox .box0Header div.l { background: transparent url(/images/corner.l.fe4f02.gif) no-repeat 0% 0%; line-height: 35px; width: 15px; position: absolute; left: 0; } .popupBox .box0Header div.bg { height: 35px; background-color: #FE4F02; color: #FFF; position: absolute; left: 15px; right: 15px; } .popupBox .box0Header div.bg div.t { font-weight: bold; color: #FFF; float: left; line-height: 35px; text-transform: lowercase; } .popupBox .box0Header div.bg div.c { background-color: transparent; color: #FFF; line-height: 35px; padding: 0 1em; overflow: hidden; float: left; } .popupBox .box0Header div.bg div.x { float: right; overflow: visible; } .popupBox .box0Header div.bg div.x a { background: transparent url(/images/btn.close.w.gif) no-repeat 100% 50%; padding-right: 13px; color: #FFF; text-decoration: none; line-height: 35px; } .popupBox .box0Header div.r { background: transparent url(/images/corner.r.fe4f02.gif) no-repeat 100% 0%; line-height: 35px; width: 15px; float: right; position: absolute; right: 0; } .popupBox .box0Content { display: block; background-color: #FFF; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #CCC; float: none; padding: 0; clear: both; } .popupBox .box0Content .box0pad { padding: 4%; overflow: auto; width: 92%;} /* * * Pre-defined classes */ #h-contactus { background-image: url(/images/headline-contactus.gif); } .f-btn1 { display: block; padding-left: 20px; line-height: 20px; background: transparent url(/images/f-btn1.gif) no-repeat left center; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #ff682d; } /* * * Margin */ .m-0 {margin: 0;} .m-5 {margin: 5px;} .m-10{margin:10px;} .m-15{margin:15px;} .m-20{margin:20px;} .m-25{margin:25px;} .m-30{margin:30px;} .m-35{margin:35px;} .m-40{margin:40px;} .m-45{margin:45px;} .m-50{margin:50px;} .mt-0 {margin-top: 0;} .mt-5 {margin-top: 5px;} .mt-10{margin-top:10px;} .mt-15{margin-top:15px;} .mt-20{margin-top:20px;} .mt-25{margin-top:25px;} .mt-30{margin-top:30px;} .mt-35{margin-top:35px;} .mt-40{margin-top:40px;} .mt-45{margin-top:45px;} .mt-50{margin-top:50px;} .mr-0 {margin-right: 0;} .mr-5 {margin-right: 5px;} .mr-10{margin-right:10px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} .mr-25{margin-right:25px;} .mr-30{margin-right:30px;} .mr-35{margin-right:35px;} .mr-40{margin-right:40px;} .mr-45{margin-right:45px;} .mr-50{margin-right:50px;} .mb-0 {margin-bottom: 0;} .mb-5 {margin-bottom: 5px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-35{margin-bottom:35px;} .mb-40{margin-bottom:40px;} .mb-45{margin-bottom:45px;} .mb-50{margin-bottom:50px;} .mb-8 {margin-bottom: 8px;} .ml-0 {margin-left: 0;} .ml-5 {margin-left: 5px;} .ml-10{margin-left:10px;} .ml-15{margin-left:15px;} .ml-20{margin-left:20px;} .ml-25{margin-left:25px;} .ml-30{margin-left:30px;} .ml-35{margin-left:35px;} .ml-40{margin-left:40px;} .ml-45{margin-left:45px;} .ml-50{margin-left:50px;} /* * * Padding */ .p-0 {padding: 0;} .p-1 {padding: 1px;} .p-2 {padding: 2px;} .p-3 {padding: 3px;} .p-4 {padding: 4px;} .p-5 {padding: 5px;} .p-6 {padding: 6px;} .p-7 {padding: 7px;} .p-8 {padding: 8px;} .p-9 {padding: 9px;} .p-10{padding:10px;} .p-15{padding:15px;} .p-20{padding:20px;} .p-25{padding:25px;} .p-30{padding:30px;} .p-35{padding:35px;} .p-40{padding:40px;} .p-45{padding:45px;} .p-50{padding:50px;} .p-120{padding:120px;} .p-175{padding:175px;} .pt-0 {padding-top: 0;} .pt-1 {padding-top: 1px;} .pt-2 {padding-top: 2px;} .pt-3 {padding-top: 3px;} .pt-4 {padding-top: 4px;} .pt-5 {padding-top: 5px;} .pt-6 {padding-top: 6px;} .pt-7 {padding-top: 7px;} .pt-8 {padding-top: 8px;} .pt-9 {padding-top: 9px;} .pt-10{padding-top:10px;} .pt-15{padding-top:15px;} .pt-20{padding-top:20px;} .pt-25{padding-top:25px;} .pt-30{padding-top:30px;} .pt-35{padding-top:35px;} .pt-40{padding-top:40px;} .pt-45{padding-top:45px;} .pt-50{padding-top:50px;} .pt-22{padding-top:22px;} .pr-0 {padding-right: 0;} .pr-1 {padding-right: 1px;} .pr-2 {padding-right: 2px;} .pr-3 {padding-right: 3px;} .pr-4 {padding-right: 4px;} .pr-5 {padding-right: 5px;} .pr-6 {padding-right: 6px;} .pr-7 {padding-right: 7px;} .pr-8 {padding-right: 8px;} .pr-9 {padding-right: 9px;} .pr-10{padding-right:10px;} .pr-15{padding-right:15px;} .pr-20{padding-right:20px;} .pr-25{padding-right:25px;} .pr-30{padding-right:30px;} .pr-35{padding-right:35px;} .pr-40{padding-right:40px;} .pr-45{padding-right:45px;} .pr-50{padding-right:50px;} .pr-100{padding-right:100px;} .pb-0 {padding-bottom: 0;} .pb-1 {padding-bottom: 1px;} .pb-2 {padding-bottom: 2px;} .pb-3 {padding-bottom: 3px;} .pb-4 {padding-bottom: 4px;} .pb-5 {padding-bottom: 5px;} .pb-6 {padding-bottom: 6px;} .pb-7 {padding-bottom: 7px;} .pb-8 {padding-bottom: 8px;} .pb-9 {padding-bottom: 9px;} .pb-10{padding-bottom:10px;} .pb-15{padding-bottom:15px;} .pb-20{padding-bottom:20px;} .pb-25{padding-bottom:25px;} .pb-30{padding-bottom:30px;} .pb-35{padding-bottom:35px;} .pb-40{padding-bottom:40px;} .pb-45{padding-bottom:45px;} .pb-50{padding-bottom:50px;} .pb-43{padding-bottom:43px;} .pl-0 {padding-left: 0;} .pl-1 {padding-left: 1px;} .pl-2 {padding-left: 2px;} .pl-3 {padding-left: 3px;} .pl-4 {padding-left: 4px;} .pl-5 {padding-left: 5px;} .pl-6 {padding-left: 6px;} .pl-7 {padding-left: 7px;} .pl-8 {padding-left: 8px;} .pl-9 {padding-left: 9px;} .pl-10{padding-left:10px;} .pl-15{padding-left:15px;} .pl-20{padding-left:20px;} .pl-25{padding-left:25px;} .pl-30{padding-left:30px;} .pl-35{padding-left:35px;} .pl-40{padding-left:40px;} .pl-45{padding-left:45px;} .pl-50{padding-left:50px;} .pl-120{padding-left:120px;} .pl-175{padding-left:175px;} /* * * Width */ .w-10per {width: 10%;} .w-20per {width: 20%;} .w-30per {width: 30%;} .w-40per {width: 40%;} .w-50per {width: 50%;} .w-60per {width: 60%;} .w-70per {width: 70%;} .w-80per {width: 80%;} .w-90per {width: 90%;} .w-100per {width:100%;} .w-5per {width: 5%;} .w-15per {width: 15%;} .w-25per {width: 25%;} .w-35per {width: 35%;} .w-45per {width: 45%;} .w-55per {width: 55%;} .w-65per {width: 65%;} .w-75per {width: 75%;} .w-85per {width: 85%;} .w-95per {width: 95%;} .w-10 {width: 10px;} .w-20 {width: 20px;} .w-30 {width: 30px;} .w-40 {width: 40px;} .w-50 {width: 50px;} .w-60 {width: 60px;} .w-70 {width: 70px;} .w-80 {width: 80px;} .w-90 {width: 90px;} .w-100 {width:100px;} .w-140 {width:140px;} .w-160 {width:160px;} .w-180 {width:180px;} .w-200 {width:200px;} .w-5 {width: 5px;} .w-15 {width: 15px;} .w-25 {width: 25px;} .w-35 {width: 35px;} .w-45 {width: 45px;} .w-55 {width: 55px;} .w-65 {width: 65px;} .w-75 {width: 75px;} .w-85 {width: 85px;} .w-95 {width: 95px;} /* * * Height */ .h-10per {height: 10%;} .h-20per {height: 20%;} .h-30per {height: 30%;} .h-40per {height: 40%;} .h-50per {height: 50%;} .h-60per {height: 60%;} .h-70per {height: 70%;} .h-80per {height: 80%;} .h-90per {height: 90%;} .h-100per {height:100%;} .h-5per {height: 5%;} .h-15per {height: 15%;} .h-25per {height: 25%;} .h-35per {height: 35%;} .h-45per {height: 45%;} .h-55per {height: 55%;} .h-65per {height: 65%;} .h-75per {height: 75%;} .h-85per {height: 85%;} .h-95per {height: 95%;} .h-10 {height: 10px;} .h-20 {height: 20px;} .h-30 {height: 30px;} .h-40 {height: 40px;} .h-50 {height: 50px;} .h-60 {height: 60px;} .h-70 {height: 70px;} .h-80 {height: 80px;} .h-90 {height: 90px;} .h-100 {height:100px;} .h-5 {height: 5px;} .h-15 {height: 15px;} .h-25 {height: 25px;} .h-35 {height: 35px;} .h-45 {height: 45px;} .h-55 {height: 55px;} .h-65 {height: 65px;} .h-75 {height: 75px;} .h-85 {height: 85px;} .h-95 {height: 95px;} /* * * Font Size */ .fs-9{font-size:9px;} .fs-10{font-size:10px;} .fs-11{font-size:11px;} .fs-12{font-size:12px;} .fs-14{font-size:14px;} .fs-16{font-size:16px;} .fs-18{font-size:18px;} .fs-22{font-size:22px;} .fs-24{font-size:24px;} .fs-26{font-size:26px;} /*width Size */ .w-130{width:130px;} .w-135{width:135px;} .w-160{width:160px;} .w-180{width:180px;} .w-540{width:540px;} .w-35{width:35px;} .w-55{width:55px;} .w-60{width:60px;} .w-80{width:80px;} .w-220 {width:220px;} .w-265{width:265px;} .w-290{width:290px;} .w-305{width:305px;} .w-569{width:569px;} /* * * Line-Height */ .lh-ntr{line-height:1.22em; } /* Neutral */ .lh-15{ line-height:1.5em; } .lh-17{ line-height:1.7em; } .lh-20{ line-height:2.0em; } .fll { float:left; } /* Flags */ a.flagImg{ text-decoration:none; } a:hover.flagImg {background:#F2F2F2} #countryList{border:1px solid #d5d2c9; padding:3px; background:#FFFFFF; margin-top:35px; font-size:11px;}