/* --- START COMMON CSS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ *{margin:0; padding:0} a{text-decoration:none;} a img{border:0;} .cl{font-size:0; line-height:0; clear:both;} .no-text{text-indent:-999999px; font-size:0; line-height:0;} .fl{float:left;} .fr{float:right;} .db{display:block;} .di{display:inline;} .dn{display:none;} input{font-size:12px; color:#585858;} /* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body{background:url(images/bg.jpg) center top fixed; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; letter-spacing:0px; color:#585858;} #inner-shell{position:absolute; top:30px; left:0;} #shell-bg{width:1020px; margin:0 auto; position:relative;} #shell-bg .top{width:1020px; height:15px; background:url(images/shell-top.png);} #shell-bg .bottom{width:1020px; height:15px; background:url(images/shell-bottom.png); margin-bottom:10px;} #white-bg{width:1020px; background:url(images/shell-bg.png) repeat; height:1000px;} #shell{width:990px; margin:0 auto; position:relative; background:none;} #elements-shell{position:absolute; top:45px; left:0;} /* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{height:110px;} #logo{background:url(images/logo.png); width:174px; height:86px; margin:16px 0 0 0; float:left;} #logo a{width:174px; height:86px; display:block;} #subtitle{float:right; margin:74px 0 0 0; line-height:32px; height:32px; text-transform:uppercase; color:#18b3ab; font-size:32px; text-align:right; width:816px;} /* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START MENU ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul#menu, ul#submenu{background:url(images/menu.png); width:990px; height:24px;} ul#menu, ul#submenu{list-style:none;} ul#menu li, ul#submenu li{float:left; margin:6px 0; padding:0 15px; border-right:1px dotted #81cbcc; line-height:12px; height:12px;} ul#menu li.last, ul#submenu li.last{border-right:none;} ul#menu li a{color:#fff; text-transform:uppercase; font-size:12px;} ul#menu li a:hover, ul#menu li.active a, ul#submenu li a:hover, ul#submenu li.active a{color:#575759;} ul#submenu{margin-top:2px;} ul#submenu li a{color:#fff; text-transform:uppercase; font-size:11px;} /* --- END MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #spacing{height:15px;} #content .box{margin:0 0 10px 0;} #content .box .head{height:25px; line-height:25px; text-transform:uppercase; color:#fff; font-size:14px; padding-left:10px;} #content .box .top{margin-top:2px; height:5px;} #content .box .bottom{height:5px;} #content .box .overflow{overflow-y:auto; padding-right:20px;} #content .box .inner{padding:3px 10px 0 10px; background:#f3f3f3;} #content .box .inner p{padding-bottom:7px;} #content .box .inner h1{font-weight:bold; font-size:12px;} #content .box .inner ul{margin-left:15px;} #content .pink .inner h1{color:#e50278;} #content .green .inner h1{color:#97b344;} #content .orange .inner h1{color:#f46f24;} #col-180 .pink .inner, #col-275 .pink .inner, #col-370 .pink .inner, #col-420 .pink .inner, #col-560 .pink .inner, #col-610 .pink .inner, #col-705 .pink .inner, #t3-dest .pink .inner{border-left:1px solid #f08dac; border-right:1px solid #f08dac;} #col-180 .green .inner, #col-275 .green .inner, #col-370 .green .inner, #col-420 .green .inner, #col-560 .green .inner, #col-610 .green .inner, #col-705 .green .inner, #t3-dest .green .inner{border-left:1px solid #bccd91; border-right:1px solid #bccd91;} #col-180 .orange .inner, #col-275 .orange .inner, #col-370 .orange .inner, #col-420 .orange .inner, #col-560 .orange .inner, #col-610 .orange .inner, #col-705 .orange .inner, #t3-dest .orange .inner{border-left:1px solid #f3a876; border-right:1px solid #f3a876;} #content .pink .inner a{color:#e50278; text-decoration:underline;} #content .pink .inner a:hover{text-decoration:none;} #content .green .inner a{color:#97b344; text-decoration:underline;} #content .green .inner a:hover{text-decoration:none;} #content .orange .inner a{color:#f46f24; text-decoration:underline;} #content .orange .inner a:hover{text-decoration:none;} #content .inner a.more{width:35px; height:15px; line-height:15px; color:#fff; text-decoration:none; display:block; font-size:10px; text-align:center;} #content .inner a:hover.more{text-decoration:underline;} #content .orange .inner a.more{background:url(images/more-buts.png) 0 0;} #content .green .inner a.more{background:url(images/more-buts.png) -35px 0;} #insider-guides-box p.more-par{display:none;} #col-180{width:180px; float:left;} #col-180 .box{width:180px;} #col-180 .pink .head{background:url(images/box-headings.png) 0 0;} #col-180 .green .head{background:url(images/box-headings.png) 0 -25px;} #col-180 .orange .head{background:url(images/box-headings.png) 0 -50px;} #col-180 .pink .top{background:url(images/box-inners.png) 0 0;} #col-180 .pink .bottom{background:url(images/box-inners.png) 0 -5px;} #col-180 .green .top{background:url(images/box-inners.png) 0 -10px;} #col-180 .green .bottom{background:url(images/box-inners.png) 0 -15px;} #col-180 .orange .top{background:url(images/box-inners.png) 0 -20px;} #col-180 .orange .bottom{background:url(images/box-inners.png) 0 -25px;} #col-275{width:275px; float:left;} #col-275 .box{width:275px;} #col-275 .pink .head{background:url(images/box-headings.png) 0 -75px;} #col-275 .green .head{background:url(images/box-headings.png) 0 -100px;} #col-275 .orange .head{background:url(images/box-headings.png) 0 -125px;} #col-275 .pink .top{background:url(images/box-inners.png) 0 -30px;} #col-275 .pink .bottom{background:url(images/box-inners.png) 0 -35px;} #col-275 .green .top{background:url(images/box-inners.png) 0 -40px;} #col-275 .green .bottom{background:url(images/box-inners.png) 0 -45px;} #col-275 .orange .top{background:url(images/box-inners.png) 0 -50px;} #col-275 .orange .bottom{background:url(images/box-inners.png) 0 -55px;} #col-370{width:370px; float:left;} #col-370 .box{width:370px;} #col-370 .pink .head{background:url(images/box-headings.png) 0 -150px;} #col-370 .green .head{background:url(images/box-headings.png) 0 -175px;} #col-370 .orange .head{background:url(images/box-headings.png) 0 -200px;} #col-370 .pink .top{background:url(images/box-inners.png) 0 -60px;} #col-370 .pink .bottom{background:url(images/box-inners.png) 0 -65px;} #col-370 .green .top{background:url(images/box-inners.png) 0 -70px;} #col-370 .green .bottom{background:url(images/box-inners.png) 0 -75px;} #col-370 .orange .top{background:url(images/box-inners.png) 0 -80px;} #col-370 .orange .bottom{background:url(images/box-inners.png) 0 -85px;} #col-420{width:420px; float:left;} #col-420 .box{width:420px;} #col-420 .pink .head{background:url(images/box-headings.png) 0 -225px;} #col-420 .green .head{background:url(images/box-headings.png) 0 -250px;} #col-420 .orange .head{background:url(images/box-headings.png) 0 -275px;} #col-420 .pink .top{background:url(images/box-inners.png) 0 -90px;} #col-420 .pink .bottom{background:url(images/box-inners.png) 0 -95px;} #col-420 .green .top{background:url(images/box-inners.png) 0 -100px;} #col-420 .green .bottom{background:url(images/box-inners.png) 0 -105px;} #col-420 .orange .top{background:url(images/box-inners.png) 0 -110px;} #col-420 .orange .bottom{background:url(images/box-inners.png) 0 -115px;} #col-420 .box .inner .left{float:left; width:215px;} #col-420 .box .inner .right{float:right; width:170px;} #col-560{width:560px; float:left;} #col-560 .box{width:560px;} #col-560 .pink .head{background:url(images/box-headings.png) 0 -300px;} #col-560 .green .head{background:url(images/box-headings.png) 0 -325px;} #col-560 .orange .head{background:url(images/box-headings.png) 0 -350px;} #col-560 .pink .top{background:url(images/box-inners.png) 0 -120px;} #col-560 .pink .bottom{background:url(images/box-inners.png) 0 -125px;} #col-560 .green .top{background:url(images/box-inners.png) 0 -130px;} #col-560 .green .bottom{background:url(images/box-inners.png) 0 -135px;} #col-560 .orange .top{background:url(images/box-inners.png) 0 -140px;} #col-560 .orange .bottom{background:url(images/box-inners.png) 0 -145px;} #col-560 .box .inner .left{float:left; width:355px;} #col-560 .box .inner .right{float:right; width:170px;} #col-610{width:610px; float:left;} #col-610 .box{width:610px;} #col-610 .pink .head{background:url(images/box-headings.png) 0 -375px;} #col-610 .green .head{background:url(images/box-headings.png) 0 -400px;} #col-610 .orange .head{background:url(images/box-headings.png) 0 -425px;} #col-610 .pink .top{background:url(images/box-inners.png) 0 -150px;} #col-610 .pink .bottom{background:url(images/box-inners.png) 0 -155px;} #col-610 .green .top{background:url(images/box-inners.png) 0 -160px;} #col-610 .green .bottom{background:url(images/box-inners.png) 0 -165px;} #col-610 .orange .top{background:url(images/box-inners.png) 0 -170px;} #col-610 .orange .bottom{background:url(images/box-inners.png) 0 -175px;} #col-610 .box .inner .left{float:left; width:405px;} #col-610 .box .inner .right{float:right; width:170px;} #col-705{width:705px; float:left;} #col-705 .box{width:705px;} #col-705 .pink .head{background:url(images/box-headings.png) 0 -450px;} #col-705 .green .head{background:url(images/box-headings.png) 0 -475px;} #col-705 .orange .head{background:url(images/box-headings.png) 0 -500px;} #col-705 .pink .top{background:url(images/box-inners.png) 0 -180px;} #col-705 .pink .bottom{background:url(images/box-inners.png) 0 -185px;} #col-705 .green .top{background:url(images/box-inners.png) 0 -190px;} #col-705 .green .bottom{background:url(images/box-inners.png) 0 -195px;} #col-705 .orange .top{background:url(images/box-inners.png) 0 -200px;} #col-705 .orange .bottom{background:url(images/box-inners.png) 0 -205px;} #t3-dest{width:275px; float:left;} #t3-dest .box{width:275px;} #t3-dest .pink .head{background:url(images/box-headings.png) 0 -75px;} #t3-dest .green .head{background:url(images/box-headings.png) 0 -100px;} #t3-dest .orange .head{background:url(images/box-headings.png) 0 -125px;} #t3-dest .pink .top{background:url(images/box-inners.png) 0 -30px;} #t3-dest .pink .bottom{background:url(images/box-inners.png) 0 -35px;} #t3-dest .green .top{background:url(images/box-inners.png) 0 -40px;} #t3-dest .green .bottom{background:url(images/box-inners.png) 0 -45px;} #t3-dest .orange .top{background:url(images/box-inners.png) 0 -50px;} #t3-dest .orange .bottom{background:url(images/box-inners.png) 0 -55px;} .col-mr{margin-right:10px;} .col-mr6{margin-right:6px;} .col-mr9{margin-right:9px;} .box-mb{margin-bottom:2px;} .box-mb10{margin-bottom:10px;} #t4-col-shell{width:420px;} #t4-col-shell .t4-box-top{background:url(images/t4-col-boxes.png) top; width:420px; height:10px;} #t4-col-shell .t4-box-bottom{background:url(images/t4-col-boxes.png) bottom; width:420px; height:10px;} #t4-col-shell .t4-box-inner{background:url(images/t4-col-boxes.png) 0 -10px repeat-y; width:420px;} #t4-col-shell .t4-box-inner .t4-col-box{width:114px; overflow:hidden; padding:0 10px; float:left; color:#fff;} #t4-col-shell .t4-box-inner .t4-col-box h1{font-size:16px; text-transform:uppercase; font-weight:normal; line-height:20px; margin-bottom:5px;} #t4-col-shell .t4-box-inner .t4-col-box p{font-size:12px;} #pdf-ul{overflow-x:auto; overflow-y:hidden; width:588px; padding-bottom:15px; height:160px;} #pdf-ul ul{list-style:none; height:160px; margin:0!important;} #pdf-ul ul li{float:left; width:150px; margin-right:20px;} #pdf-ul ul li a{display:block; text-decoration:none!important; text-align:center;} #pdf-ul ul li a img{display:block; height:111px; margin:0 auto;} #pdf-ul ul li a span{display:block; color:#585858;} #pdf-ul ul li a:hover span{color:#f46f24;} .t6-left{background:#f3f3f3 url(images/t6-left-bg.png) 20px bottom no-repeat!important;} .t6-left .overflow{padding-left:270px;} .t6-right{width:100%; height:155px; padding-top:10px;} #right-menu ul{list-style:none;} #right-menu ul li{width:275px; line-height:25px;} #right-menu ul li a{background:url(images/box-headings.png) 0 -100px; color:#fff; display:block; text-transform:uppercase; font-size:14px; padding-left:10px; height:25px; line-height:25px; widows:275px; margin:0 0 3px 0;} #right-menu ul li a:hover{text-decoration:underline;} #right-menu ul li ul{margin-top:3px;} #right-menu ul li ul li a{background:url(images/box-headings.png) 0 -525px;} #message-board{width:680px; margin-left:1px;} #message-board .message{width:310px; height:260px; overflow:hidden; float:left; margin:10px 15px;} #message-board .message img{/*width:310px; height:200px;*/ display:block;} #message-board .message p{width:310px; height:50px; margin-top:10px;} #message-paging{margin-top:10px; padding-bottom:10px;} #message-paging ul{list-style:none; text-align:center;} #message-paging ul li{display:inline; padding:0 3px; color:#585858!important; font-weight:bold;} #message-paging ul li a{color:#97b344!important; text-decoration:none!important;} #message-paging ul li a:hover{text-decoration:underline!important;} #message-board-uploader .row{height:19px; line-height:19px; padding:2px 0;} #message-board-uploader .row .cell1{width:80px; float:left;} #message-board-uploader .row .cell2{width:160px; float:right;} #message-board-uploader .row .cell2 input.text{width:160px; height:20px; border:1px solid #ddd;} #message-board-uploader .row .cell2 input.submit{width:70px; height:15px; line-height:15px; color:#fff; text-decoration:none; display:block; font-size:10px; text-align:center; background:url(images/more-buts.png) 0 -15px; border:0; float:right; text-transform:uppercase; cursor:pointer;} #message-board-uploader .row .cell2 .filename{float:left; width:85px; height:20px; border:1px solid #ddd;} #message-board-uploader .row .cell2 .browseshell{position:relative; width:70px; height: 20px; overflow: hidden; float:right;} #message-board-uploader .row .cell2 .browsebut{width:70px; height:15px; position:absolute; top:0px; background:url(images/more-buts.png) 0 -15px; color:#FFFFFF; border:none; margin-top:3px; font-size:10px; text-transform:uppercase; cursor:pointer;} #message-board-uploader .row .cell2 .browsehidden{font-size:45px; cursor:pointer; width:100%; height:100%; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} #message-board-uploader .row-area{heigth:64px; line-height:14px; padding:2px 0;} #message-board-uploader .row-area .cell1{width:80px; float:left;} #message-board-uploader .row-area .cell2{width:160px; float:right;} #message-board-uploader .row-area .cell2 textarea{width:160px; height:64px; border:1px solid #ddd;} /* --- END CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer{margin:0 15px 30px; height:20px; line-height:20px;} #footer .left{float:left; width:700px;} #footer .right{float:right;} #footer .right ul{list-style:none;} #footer .right ul li{float:left; margin-left:20px;} #footer .right ul li a{color:#585858;} #footer .right ul li a:hover{text-decoration:underline;} /* --- END FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [!MaxiGallery? &display=`none` &disable_upload=`no` &user_upload=`yes` &manage_gallery=`30` &max_thumb_size=`370` &max_pic_size=`1024` &upload_field_count=`1`!] */