/* CSS Document */ *{margin:0px; padding:0px;} body{font-family:Arial, Helvetica, sans-serif;background:url(../../images/homepage/layout_bg.jpg) repeat center 0; background-color:#131313} ul li {list-style-type: none;} .clear{clear:both;} #layout_outer{width:100%; float:left; background:url(../../images/homepage/layout_bg.jpg) repeat center 0; background-color:#131313;} #layout{width:979px; margin:0 auto;} #header{width:968px; float:left; padding:13px 0 0 11px;} #header .logo{width:230px; float:left; height:74px; background:url(../../images/homepage/logo.png) no-repeat 0 0;} /*#header .logo_2{width: 550px;float: right; height: 70px; background: url(../../images/homepage/logo-right.jpg) no-repeat 0 0;}*/ /*#header .logo_2{width: 134px;float: right; height: 73px; background: url(../../images/homepage/logo-right.jpg) no-repeat 0 0;}*/ #header .logo_2{width: 134px;float: right; height: 73px; background: none;} #header .logo_2 .button1 {width: 134px; height: 42px; float: right;} #header .logo_2 .button1 a {float: right; width: 134px; height: 31px; background: url(../../images/homepage_buttons/automotive.png) no-repeat 0 0;} #header .logo_2 .button1 a:hover {background: url(../../images/homepage_buttons/automotive.png) no-repeat 0px -31px;} #header .logo_2 .button2 {width: 134px; height: 31px; float: right;} #header .logo_2 .button2 a {float: right; width: 134px; height: 31px; background: url(../../images/homepage_buttons/motorcycle.png) no-repeat 0 0;} #header .logo_2 .button2 a:hover {background: url(../../images/homepage_buttons/motorcycle.png) no-repeat 0px -31px;} #header .banner {width: 600px; height: 70px; float: left; } #menu{width:979px; float:left; border-top:1px solid #fecc0a; border-bottom:1px solid #fecc0a;background:url(../../images/homepage/menu_bg.jpg) repeat-x 0 0; height:28px; margin-top:2px; position:relative; } #menu ul{width:972px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; /*border-right:1px solid #fecc0a; */padding:0 0 0 5px;/*border-left:1px solid #fecc0a;*/} #menu ul li{width:auto; float:left; margin-right:1px; display:inline;} #menu ul li a{width:auto; float:left; text-align:center; /*padding-left:0.5em;*/ padding-right:0.6em; padding-top:5px; color:#000000; text-decoration:none; background:none;} #menu ul li a.active{width:auto; float:left; height:23px; text-align:center;/* padding-left:0.5em;*/ /*padding-right:0.6em;*/ padding-top:5px; background:url(../../images/homepage/menu_bg_active.jpg) repeat-x 0 0;} #sub_menu{position:relative; top:2px; /*padding:5px 0 5px 3px;*/ text-align:center; /* left:-3px;*/ height:0px; /* width:972px; */float:left; margin-left:-108px; margin-top:26px; color:#000000; width:101px;} #sub_menu ul{ background:#FECC0A none repeat scroll 0 0; /*background:transparent url(../../images/homepage/layout_bg.jpg) no-repeat scroll center 0;*/ border:medium none; height:auto; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; width:108px; color:#FFFFFF;} #sub_menu ul li{ float:left; list-style:none;font-family:Arial, Helvetica, sans-serif; font-size:15px; width:101px; color:#000000; } #sub_menu ul li a{ color:#000000; font-size:12px; padding-bottom:2px; padding-left:5px; text-align:left; text-decoration:none; width:101px;} #sub_menu ul li a:hover{ text-decoration:none; color:#000000;background-color:#fff3b2; width:101px;} #sub_menu_media{position:relative; top:2px; /*padding:5px 0 5px 3px;*/ text-align:center; /* left:-3px;*/ height:0px; /* width:972px; */float:left; margin-left:-91px; margin-top:26px; color:#000000; width:91px;} #sub_menu_media ul{ background:#FECC0A none repeat scroll 0 0; /*background:transparent url(../../images/homepage/layout_bg.jpg) no-repeat scroll center 0;*/ border:medium none; height:auto; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; width:108px; color:#FFFFFF;} #sub_menu_media ul li{ float:left; list-style:none;font-family:Arial, Helvetica, sans-serif; font-size:15px; width:101px; color:#000000; } #sub_menu_media ul li a{ color:#000000; font-size:12px; padding-bottom:2px; padding-left:5px; text-align:left; text-decoration:none; width:101px;} #sub_menu_media ul li a:hover{ text-decoration:none; color:#000000;background-color:#fff3b2; width:101px;} #sub_menu_aboutus{position:relative; top:2px; /*padding:5px 0 5px 3px;*/ text-align:center; /* left:-3px;*/ height:0px; /* width:972px; */float:left; margin-left:-108px; margin-top:26px; color:#000000; width:101px;} #sub_menu_aboutus ul{ background:#FECC0A none repeat scroll 0 0; /*background:transparent url(../../images/homepage/layout_bg.jpg) no-repeat scroll center 0;*/ border:medium none; height:auto; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; width:108px; color:#FFFFFF;} #sub_menu_aboutus ul li{ float:left; list-style:none;font-family:Arial, Helvetica, sans-serif; font-size:15px; width:101px; color:#000000; } #sub_menu_aboutus ul li a{ color:#000000; font-size:12px; padding-bottom:2px; padding-left:5px; text-align:left; text-decoration:none; width:101px;} #sub_menu_aboutus ul li a:hover{ text-decoration:none; color:#000000;background-color:#fff3b2; width:101px;} #About_us{ margin-left:2px; width:132px !important; } #About_us li a{ width:142px !important; } #About_us a:hover{ width:120px !important; } #media{ margin-left:2px !important; width:106px !important; } #media a:hover{ width:94px !important; } #sponsorship{ margin-left:2px !important; width:160px !important; } #sponsorship li a{ width:160px!important; } #sponsorship a:hover{ width:148px !important; } #Dealer_Locator{ width:113px !important; margin-left:3px; } #Dealer_Locator a:hover{} #body_container{width:978px; float:left; padding:25px 0 0 1px;} #body_container .left_banner{width:600px; float:left; background:#fff; border: 6px solid #FFFFFF;} #area700 {float: left; width:600px; float:left; background:#fff; padding:6px; height: 264px;} #area701 {float: right; width:364px; float:right; background:#fff; padding-top: 0px;} #body_container .right_banner{width:364px; float:right; background:#fff;} #layout .right_banner{width:364px; float:right; background:#fff;} #layout .left_banner{width:600px; float:left; background:#fff; border: 6px solid #FFFFFF;} #bottom_container{width:978px; float:left; padding:26px 0 19px;} #right_side{float:right; width: 49%;} #left_side{float:left; width: 49%;} #content_left{float: left; width: 48%;} #content_right{float: right; width: 52%;} #content_bottom{float: left; width: 100%;} #bottom_container .left_container{color: #FFFFFF; width:340px; float:left; border:1px solid #656565; margin-right:6px; display:inline; height: 100%;} #bottom_container .left_container .news_box{width:340px; float:left; background:#333333 url(../../images/homepage/heading_bg.jpg) repeat-x 0 0;} #bottom_container .left_container .news_box h3{width:324px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color:#fff; padding:5px 8px 7px; border-bottom:1px solid #656565;} #bottom_container .left_container .news_box h3 a {color: #FFFFFF; } #bottom_container .left_container .news_box h3 a:hover{color: #FFFFFF; } #bottom_container .left_container .news_box .content{width:324px; float:left; padding:2px 8px 16px; height: 645px;} #bottom_container .left_container .view_more_news{width:340px; float:left; background:url(../../images/homepage/heading_bg.jpg) repeat-x 0 0; text-align:center; height: 30px; margin-bottom: -2px;} #bottom_container .left_container .view_more_news a{width:417px; float:left; color:#fff; text-decoration:none; padding:5px 0 9px;font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:13px; margin-left: -30px;} #bottom_container .left_container .news_box .content ul{width:324px; float:left; list-style:none} #bottom_container .left_container .news_box .content ul li{width:324px; float:left; list-style:none; padding-bottom:16px;} #bottom_container .left_container .news_box .content ul li .img{width:104px; float:left; margin-right:10px; display:inline; padding:8px 0 0} #bottom_container .left_container .news_box .content ul li .img img{float:left;} #bottom_container .left_container .news_box .content ul li .news{width:210px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; color:#fff;} #bottom_container .left_container .news_box .content ul li .news a{font-weight:bold;color:#c8be95; text-decoration:none; line-height:20px;} #bottom_container .left_container .news_box .content ul li .news a:hover{font-weight:bold;color:#c8be95; text-decoration:underline;} #bottom_container .left_container .news_box .content ul li.last{margin:0px; padding:0px;} #bottom_container .blank_container {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; width:756px; float:left; border:1px solid #656565; margin-right:6px; display:inline; background: #FFFFFF; padding:5px; min-height: 484px!IMPORTANT;} #bottom_container .blank_container .news_box{color: #000000;} .blank_container a {color: #3b3b3b} #bottom_container .middle_container{width:417px; float:left; border:1px solid #656565;} #bottom_container .middle_container .gallery{width:417px; float:left; background:#333333 url(../../images/homepage/heading_bg.jpg) repeat-x 0 0; min-height: 719px;} #bottom_container .middle_container .gallery h3{width:401px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; color:#fff; padding:5px 8px 7px; border-bottom:1px solid #656565;} #bottom_container .middle_container .gallery .gallery_img{width:393px; float:left; padding:4px 4px 4px; position:relative} #bottom_container .middle_container .gallery .gallery_img h4{width:393px; float:left; padding:0px 0px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:13px; color: #FFFFFF!IMPORTANT;} #bottom_container .middle_container .gallery .gallery_img h4 span{background:url(../../images/homepage/list_style.gif) no-repeat 0 0; padding:4px 5px; float:left; width:auto; color:#000000;} #bottom_container .middle_container .gallery .gallery_img h4 span.right{width:5px; float:right; background:none; padding:0px;color:#fff; padding:4px 0 0 } #bottom_container .middle_container .gallery .gallery_img ul{width:349px; float:left; padding:0 0 0 44px;} #bottom_container .middle_container .gallery .gallery_img ul li{width:auto; float:left; margin-right:15px; display:inline;} #bottom_container .middle_container .gallery .gallery_img ul li.last{margin:0px;} #bottom_container .middle_container .gallery .gallery_img ul li img{float:left; border:1px solid #5b5b5b;} #bottom_container .middle_container .gallery .gallery_img .more{width:auto; position:absolute; right:25px; bottom:5px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:16px; color: #FFF!IMPORTANT;} #bottom_container .middle_container .gallery .gallery_img .more a{color:#fff; text-decoration:underline;} #bottom_container .middle_container .gallery .gallery_img .more a:hover{color:#fff; text-decoration:none;} #thumb_image {padding-top: 8px; padding-left: 10px;} #thumb_image img {border: #FFF 1px solid; } /*These relate to the second gallery */ #area622 {padding-left: 4px;} .gallery_img tr td{padding-top: 6px;} .gallery_img text {padding-left: 4px!IMPORTANT; } .gallery_img_2 {color: #FFFFFF!IMPORTANT; padding-left: 26px; float: left; background:url(../../images/homepage/list_style.gif) no-repeat; background-position: 4px 4px;} .gallery_img_2 tr td{padding-top: 6px;} #gallery_img_2 a{color: #FFFFFF!IMPORTANT;} .gallery_img_3 {color: #FFFFFF!IMPORTANT; padding-left: 30px; float: left; background:url(../../images/homepage/list_style.gif) no-repeat; background-position: 4px 4px;} .gallery_img_3 tr td{padding-top: 6px;} #gallery_img_3 a{color: #FFFFFF!IMPORTANT;} .gallery_img_4 {color: #FFFFFF!IMPORTANT; padding-left: 30px; float: left; background:url(../../images/homepage/list_style.gif) no-repeat; background-position: 4px 4px;} .gallery_img_4 tr td{padding-top: 6px;} #gallery_img_4 a{color: #FFFFFF!IMPORTANT;} .gallery_img {background:url(../../images/homepage/list_style.gif) no-repeat; background-position: 4px 8px; color: #FFFFFF!IMPORTANT; float: left; padding-left: 30px!IMPORTANT;} .more a{padding-left: 22px; color: #FFF; font-size: 12px;} .thumb_gallery_table {float: left;} #subscribe { float: left; height: 142px; width: 202px; padding-left: 7px; padding-top: 7px; } #subscribe a:link img{ border-width: 0px; } /* #news_sub { float: right; height: 142px; width: 202px; padding-left: 7px; padding-top: 7px; } #news_sub a:link img{ border-width: 0px; } */ #video {float: left; margin-left: 20px;} #bottom_container .middle_container .view_more_gallery{width:417px; float:left; background:url(../../images/homepage/heading_bg.jpg) repeat-x 0 0; text-align:center; margin-top: -26px;} #bottom_container .middle_container .view_more_gallery a{width:417px; float:left; color:#fff; text-decoration:none; padding:5px 0 9px;font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:13px;} #bottom_container .right_container{width:202px; float:right; border:1px solid #fac90b; background:#333333; min-height: 571px;} #bottom_container .right_container .company_brands{width:202px; float:left; background:#333333 repeat-x 0 0;} #bottom_container .right_container .company_brands a{width:202px; float:left; font-weight: bold; font-size: 12px;} #bottom_container .right_container .company_brands a:hover{width:202px; float:left; font-size: 12px;} #bottom_container .right_container .company_brands h3{width:186px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; color:#000; padding:5px 8px 7px; border-bottom:1px solid #fac90b; background: url(../../images/homepage/heading_bg2.jpg)} #bottom_container .right_container .company_brands .link_box{width:186px; float:left; padding:3px 8px 4px;font-family:Verdana, Arial, Helvetica, sans-serif;} #bottom_container .right_container .company_brands .link_box ul{width:186px; float:left; list-style:none;} #bottom_container .right_container .company_brands .link_box ul li{width:186px; float:left; font-size:13px; line-height:17px; color:#000; color:#fcecad} #bottom_container .right_container .company_brands .link_box ul li a{color:#fcecad; text-decoration:none; font-size: 12px;} #bottom_container .right_container .company_brands .link_box ul li a:hover{color:#fcecad; text-decoration:underline; font-size: 12px;} #bottom_container .right_container .subscribea:link img{ border-width: 0px;} #footer{width:979px; float:left; padding:8px 0 19px;} #footer .logo{width:977px; float:left;margin-bottom:15px; border:1px solid #999999; background:url(../../images/homepage/footer_bg.jpg) repeat-x 0 0; border-width: 0px;} #footer .logo a{border-width: 0px;} #footer .logo img{float:left; border-width: 0px;}} #footer .logo ul{width:979px; float:left; list-style:none;} #footer .logo ul li{width:auto; float:left; margin-right:10px; display:inline;} #footer .logo ul li.last{margin:0px;} #footer .footer_link{width:979px; float:left;} #footer .footer_link ul{width:100%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#fff;} #footer .footer_link ul li{width:auto; display:inline; margin-right:150px;} #footer .footer_link ul li a{color:#fff; text-decoration:none;} #footer .footer_link ul li a:hover{color:#fff; text-decoration:underline;} #footer .footer_link ul li.last{margin:0px;} #brands_background { background-image: url(../../images/homepage/layout_bg.jpg); padding: 16px 16px 16px 16px;} #brands_background tr td {background-color: #FFF; height: 116px; width: 161px; padding: 5px 5px 5px 5px; text-align: center;} #brands_background img{border-width: 0px!IMPORTANT;} #gallery_menu {width: 230px; float: left; margin-left: 10px; margin-bottom: 10px; border: 1px solid black; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; min-height: 170px;} #gallery_menu_title{float: left; padding-bottom: 4px;} #gallery_menu_image {width: 50%; float: left;} #gallery_menu_image a img{border-width:0px;} #gallery_menu_text {width: 50%; float: left;} #gallery_menu_text_bottom{width: 200px; float: left;} #gallery_menu_text_bottom a{color: #000; font: 12px arial, helvetica, sans-serif; text-decoration: none;} #sponsorship {float:left;} #sponsorship_text{width: 44%; float: left;} #sponsorship_image{width: 56%; float: right;} #sponsorship_text_bottom{float: left; width: 100%;} #distribution{float: left;} #distribution_text{float: left; width: 50%;} #distribution_image{float: right; width: 50%;} #distribution_text_bottom{float: left;} #careers{float: left;} #careers_text{float: left; width: 50%;} #careers_image{float: right; width: 50%;} #careers_text_bottom{float: left;} /*this is for the video menu*/ #video_menu {width: 230px; float: left; margin-left: 10px;} #video_menu_title{float: left; padding-bottom: 4px;} #video_menu_image {float: left; padding-right: 30px;} #video_menu_text {width: 50%; float: left;} #video_menu_text_bottom{width: 200px; float: left;} #video_menu_text_bottom a{color: #000; font: 12px arial, helvetica, sans-serif; text-decoration: none;} /*This is for the video content pages*/ #video_content { } #video_content_title {float: left;} #video_content_video {float: right; width: 50%;} #video_content_text {float: left; width: 50%;} .cms_sitemap {margin: auto} #blank_gap{ height: 22px; } #newmenu { width: 979px; height: 30px; background: #000; float: left; margin-top: 7px; } #newmenu ul { list-style: none; margin: 0; padding: 0; width: 100px; float: left; background:#fddf32; } #newmenu a, #newmenu h2 { font: 13px/16px arial, helvetica, sans-serif; display: block; border:0px; background:#fddf32; margin: 0; } #newmenu h2 { color: #fff; background: #000; text-transform: uppercase; } #newmenu li {position: relative;} #newmenu ul ul { position: absolute; z-index: 500; } #newmenu ul ul a{ width:150px; text-align:left; background: #fddf32; border-top: 0px; border-bottom: 1px solid #FAC90B; border-left: 1px solid #FAC90B; border-right: 1px solid #FAC90B; text-decoration: none; color: #000; padding: 4px; } #newmenu ul ul a:hover{ color: #000; background: #fdef78; border-top: 0px; border-bottom: 1px solid #FAC90B; border-left: 1px solid #FAC90B; border-right: 1px solid #FAC90B; } #newmenu ul ul ul { position: absolute; top: 0; left: 100%; } div#newmenu ul ul, div#newmenu ul li:hover ul ul, div#newmenu ul ul li:hover ul ul {display: none; } div#newmenu ul li:hover ul, div#newmenu ul ul li:hover ul, div#newmenu ul ul ul li:hover ul {display: block;} #newmenu ul { width:110px; } #home_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_02.png') no-repeat 0 0; } #home_but:hover{ background-position: 0 -30px; } #bout_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_03.png') no-repeat 0 0; } #bout_but:hover{ background-position: 0 -30px; } #dealer_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_04.png') no-repeat 0 0; } #dealer_but:hover{ background-position: 0 -30px; } #news_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_05.png') no-repeat 0 0; } #news_but:hover{ background-position: 0 -30px; } #media_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_06.png') no-repeat 0 0; } #media_but:hover{ background-position: 0 -30px; } #spono_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_07.png') no-repeat 0 0; } #spono_but:hover{ background-position: 0 -30px; } #locator_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_08.png') no-repeat 0 0; } #locator_but:hover{ background-position: 0 -30px; } #contact_but { width:110px; height:30px; overflow:hidden; background:url('http://www.linkint.com.au/libraries/images/homepage_buttons/nav_09.png') no-repeat 0 0; } #contact_but:hover{ background-position: 0 -30px; } /* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ background-image: url('http://www.linkint.com.au/libraries/images/Rad%20thumbs/arrow_left.png'); /*background-image: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/big_transparent.gif);*/ background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 200; left: 0; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/cursor_arrow_left.cur), url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/cursor_arrow_left.cur),w-resize; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background-image: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/arrow_left.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url('http://www.linkint.com.au/libraries/images/Rad%20thumbs/arrow_right.png'); /*background-image: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/big_transparent.gif);*/ background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 200; right: 0; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ cursor: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/cursor_arrow_right.cur), url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/cursor_arrow_right.cur),e-resize; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background-image: url(http://www.linkint.com.au/libraries/images/Rad%20thumbs/arrow_right.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; }