/**************************************************** MAIN */ html, body{margin:0px; padding:0px; background-color:#000} body{margin-top:5px; margin-bottom:5px; text-align:center} /***********************************************************/ /******************************************** GENERAL FONT */ body, select, textarea, input{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF} body{background-color:#000} /***********************************************************/ /***************************************** CLEAR DISTANCES */ IMG, UL, LI, P, H1, H2, H3, FORM, INPUT, SELECT, TEXTAREA{margin:0; padding:0} IMG{border:none} P{margin-bottom:12px} DIV {border:0 none} /***********************************************************/ /*********************************************** MAIN LINK */ a{color:#ed1c24; outline:none;} a:hover{ } .arrow{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding-right:5px; text-decoration:none !important} /***********************************************************/ /**************************************************** FORM */ form{ } input, select, textarea{color:#333} /***********************************************************/ /*********************************************** MAIN LIST */ ul{ } li{ } /***********************************************************/ /************************************************* HEADING */ h1{margin-bottom:20px; margin-top:8px; font-size:24px; line-height:24px; color:#ff0000; text-transform:uppercase;} h2{margin-bottom:9px} h3{font-weight:bold; font-size:16px; color:#ed1c24; margin-bottom:10px} /***********************************************************/ /********************************************** POSITORING */ #wrapper{width:960px; text-align:center; margin:0 auto} #header{width:960px; height:278px; text-align:left} #logo{position:absolute; display:block; width:151px; height:60px; margin:8px 0 0 36px} #language{position:absolute; margin:210px 0 0 810px; color:#FFF} #youtubeLink{position:absolute; margin:212px 0 0 910px; color:#FFF} #quickLinks{position:absolute; margin:230px 0 0 826px; text-align:right} #quickLinks IMG{margin-left:6px} #mainMenu{width:955px; margin-top:254px; padding-left:5px; position:absolute; list-style:none; height:25px; background:#3C3C3C; clear:both} #mainMenu LI{font-size:12px; color:#FFF; margin:0 2px; float:left} #mainMenu LI A{color:#FFF; display:block; text-decoration:none; padding:5px 7px} #mainMenu LI A:hover{background:#595959; text-decoration:none} #mainMenu LI A.activ{background:#ed1c24} #wContent{width:960px; margin:0 auto; text-align:center; background:#333} #content{text-align:left; padding:9px 15px 0 23px} #content #right{float:right; width:288px} #content #left{width:610px; float:left} #breadCump{width:auto; font-weight:bold; color:#e50000; margin-bottom:10px} #breadCump A{color:#e50000; text-decoration:none; font-weight:normal} #breadCump A:hover{text-decoration:underline} #breadCump SPAN{padding-left:4px; padding-right:4px} #bottomLinks{background-color:#DDD; color:#333; padding:5px; text-align:left; margin-left:7px; margin-right:7px; margin-top:15px} #bottomLinks A{color:#333} #bottomLinks A:hover{color:#000; text-decoration:none} #bottomLinks IMG{vertical-align:middle; padding-right:4px} #bottomLinks SPAN{padding-left:5px; padding-right:5px; font-size:10px} #wFooter{width:924px; background:#333; padding:0 18px; margin:0 auto} #footer{text-align:left; padding:10px 0; width:924px; color:#FFF; border-top:1px #666 solid; text-transform:lowercase} #footer .activ{text-decoration:none} #footer .right{float:right} #wCopyright{width:960px; margin:0 auto; text-align:right; color:#FFF} #copyright{margin:10px 16px 10px 16px; text-align:left} /***********************************************************/ /******************************************* USUAL CLASSES */ .error{color:#FF0000} .clear{clear:both; margin:0; padding:0; border:0 none; line-height:1px; height:1px; font-size:1px} .points{background-image:url(imgs/_boxes/points.gif); background-repeat:repeat-y; background-position:top; border-top:1px #CCC dotted} .points .clear{border-bottom:1px #CCC dotted} /* border link */ #content #left IMG.border{padding:2px; background-color:#FFF; margin:1px; border:1px #D50000 solid} #content #left IMG.border:hover{border-color:#999} #content #left A:hover IMG.border{border-color:#999} #content #left #wBorder IMG{padding:2px; background-color:#FFF; margin:1px; border:1px #ed1c24 solid; margin-left:10px; margin-right:10px} #content #right .boxWhite IMG.border{padding:2px; background-color:#FFF; margin:1px; border:1px #ed1c24 solid} /***********************************************************/ /*************************************************** LINKS */ /************************** HEADER LINKS */ #language A{color:#FFF; text-decoration:none} #language .activ{font-weight:bold} /************************* CONTENT LINKS */ .readView{background-image:url(imgs/_icons/read_more.gif); background-repeat:no-repeat; background-position:right center; padding-right:12px; color:#119ab8; text-decoration:underline} .readView:hover{text-decoration:none} .getInfoAlbastru{background-image:url(imgs/_icons/get_info_albastru.gif); background-repeat:no-repeat; background-position:center; color:#FFF; font-weight:bold; color:#119ab8; display:block; width:67px; height:17px; text-decoration:none} .getInfoAlbastru:hover{text-decoration:underline} .downloadPdf{background-image:url(imgs/_icons/download_pdf.gif); background-repeat:no-repeat; background-position:right center; padding-right:12px; color:#119ab8; text-decoration:underline} .downloadPdf:hover{text-decoration:none} /************************** FOOTER LINKS */ #footer A{color:#FFF; text-decoration:underline} #footer A:hover{text-decoration:none} /*********************** COPYRIGHT LINKS */ #copyright A{color:#FFF; font-weight:bold; text-decoration:none} #copyright A:hover{text-decoration:underline} /******************************* BUTTONS */ .button1{border:0 none; background-color:#119ab8; color:#FFF; border:1px #119ab8 solid !important; font-weight:bold; cursor:pointer} .button1Ov{border:0 none; background-color:#FFF; color:#119ab8; border:1px #119ab8 solid !important; font-weight:bold; cursor:pointer} .button2{background-image:url(imgs/_icons/colt_red.gif); background-repeat:no-repeat; background-position:right top; padding:2px 7px 4px 5px; background-color:#D50000; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-decoration:none} .button2 IMG{border:0 none; border-bottom:4px; border-top:8px; vertical-align:middle; padding:4px 4px 4px 0; display:inline !important} .button2:hover{background-image:url(imgs/_icons/colt_blue.gif); background-repeat:no-repeat; background-position:right top; background-color:#1f7d9b;} /***********************************************************/ /*************************************************** BOXES */ #newsletter{text-align:left} #newsletter .margin{margin-top:10px} #newsletter .text{margin:0; padding:0; margin-bottom:2px} #newsletter .input128{border:0 none; border:1px #DDD solid; padding:1px} #newsletter FORM{margin-top:5px} .boxBlue, .boxBlueOv, .boxRed, .boxGri {width:285px; margin-bottom:10px} .boxBlue .margin, .boxRed .margin, .boxWhite .margin, .boxGri .margin {padding:8px} .boxBlue{background-color:#119ab8; background-image:url(imgs/_boxes/blue.gif); background-repeat:no-repeat; background-position:top right; color:#FFF} .boxBlue .text{margin-top:7px; margin-bottom:7px} .boxBlue SELECT{text-transform:uppercase; margin-bottom:8px} .boxBlue H2{margin-bottom:20px; margin-top:8px; font-size:24px; line-height:24px; color:#FFFFFF;} .boxRed{background-image:url(language/en/imgs/_boxes/box_red_bg.gif); background-position:left top; height:120px; color:#FFF} .boxRed .text{margin-top:7px; margin-bottom:7px} .boxRed FORM{text-transform:uppercase; margin-top:15px} .boxRed .margin{padding-top:26px} .boxGri{background-color:#e6ecee; background-image:url(imgs/_boxes/gri.gif); background-repeat:no-repeat; background-position:top right; color:#111} .boxGri .text{margin-top:7px} .boxWhite{background:#FFF; color:#333; border:1px #333 solid; margin-bottom:10px; width:283px} .boxWhite .pict{float:right; margin-bottom:10px} .boxWhite H2{margin-bottom:8px; margin-top:8px; font-size:24px; line-height:24px; color:#ff0000;} .boxNewInTown{width:575px; height:160px; background-repeat:no-repeat; background-position:top; color:#FFF; margin-top:16px} .boxNewInTown .margin{margin:0; padding:0; padding:42px 220px 0 20px} .boxNewInTown A{font-weight:bold; color:#FFF; text-decoration:underline} .boxNewInTown A:hover{text-decoration:none} .article1{padding-bottom:9px; width:auto; clear:both} .article1 .pict{float:left; margin-right:14px !important} .article2{width:48%; float:left; margin-right:10px} .article2 .pict{float:left; margin-right:14px !important; margin-bottom:10px !important} /***********************************************************/ /*************************************************** LISTS */ .list1{list-style:none; margin-bottom:10px} .list1 LI{background-image:url(imgs/_icons/list_icon_01.gif); background-position:0 4px; background-repeat:no-repeat; padding-left:13px} .list1 LI A:hover{text-decoration:none} .list2{list-style:none; margin-bottom:10px} .list2 LI{padding-bottom:4px} .list2 .title{font-weight:bold} .list2 LI A:hover{text-decoration:none} /***********************************************************/ /************************************************ INPUTURI */ .select125{width:125px; color:#000} .input128{width:128px; color:#000} /***********************************************************/ /*************************************************** PAGES */ /* SERVICES */ #services{ } #services{list-style:none} #services LI{margin:15px 0 10px 0; padding-bottom:10px; border-bottom:1px #CCC dashed} #services LI .right{float:right; width:380px} #services LI BR{clear:both} /* SERVICES DETAIL */ #servicesD{ } #servicesD{list-style:none} #servicesD LI{margin:15px 0 10px 0; padding-bottom:10px; border-bottom:1px #CCC dashed} #servicesD LI .right{float:right; width:380px} #servicesD LI BR{clear:both} /* NEWS AND EVENTS */ #newsAndEvents{list-style:none} #newsAndEvents LI{margin-bottom:15px; border-left:1px #D50000 solid; padding-left:10px} #newsAndEvents LI .title{font-family:Georgia, "Times New Roman", Times, serif; color:#D50000} /*over*/ #newsAndEvents LI.ov{color:#999; border-color:#CCC} #newsAndEvents LI.ov .title{color:#D50000} /* NEWS AND EVENTS DETAIL */ #newsAndEventsDetail{ } #newsAndEventsDetail H1{ } #newsAndEventsDetail EM{display:block; color:#999} #newsAndEventsDetail .text{margin-bottom:10px} #newsAndEventsDetail DIV.link{float:left; width:45%; margin-bottom:30px} /* OUR CLUBS */ #flashMap{ } #htmlDisplay UL{padding-bottom:5px; border-bottom:1px #CCC dashed; margin-top:15px} /* CONTACT */ #wBoxContact #contactForm{padding-left:55px} #contactForm{padding-left:0} #contactForm INPUT, #contactForm TEXTAREA, #contactForm SELECT{border:0 none; border:1px #D50000 solid; background:#DDD; padding:2px} #contactForm INPUT{padding:2px; width:150px} #contactForm INPUT.button1{background:#119AB8} #contactForm TEXTAREA{ } #contactForm SELECT{width:156px} #wBoxContact{float:left} #wBoxContact BR{clear:both} #wBoxContact .boxContact{float:left; margin-bottom:20px} #wBoxContact .boxContact BR{clear:both} #wBoxContact .boxContact .logo{float:left} #wBoxContact .boxContact .map IMG{float:right} #wBoxContact .boxContact .top{border-left:4px #D50000 solid; padding:10px 0 10px 10px; margin-bottom:30px} #wBoxContact .boxContact .top IMG{margin-top:10px} #wBoxContact .boxContact .bottom{border-left:4px #D50000 solid; padding:10px 0 10px 0} #wBoxContact .boxContact .bottom DIV STRONG{display:block; float:left; margin-left:10px; width:30px} #wBoxContact .boxContact .top .title{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#D50000; margin:30px 0 10px 0} #wBoxContact .boxContact .map IMG{filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50} /*over*/ #wBoxContact .ov{float:left; margin-bottom:20px} #wBoxContact .ov BR{clear:both} #wBoxContact .ov .logo{float:left} #wBoxContact .ov .map IMG{float:right} #wBoxContact .ov .top{border-left:4px #CCC solid; padding:10px 0 10px 10px; margin-bottom:30px} #wBoxContact .ov .top IMG{margin-top:10px} #wBoxContact .ov .bottom{border-left:4px #CCC solid; padding:10px 0 10px 0} #wBoxContact .ov .bottom DIV STRONG{display:block; float:left; margin-left:10px; width:30px} #wBoxContact .ov .top .title{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#D50000; margin:30px 0 10px 0} #wBoxContact .boxContactLittle{margin:15px 0 15px 0; border-left:4px #D50000 solid; padding:10px 0 10px 10px} /*over*/ #wBoxContact .ovLittle{margin:15px 0 15px 0; border-left:4px #999 solid; padding:10px 0 10px 10px} /* MAGAZINES */ #wMagazines {margin-top:15px; /*background-image:url(imgs/_boxes/points_mag.gif); background-repeat:repeat-y;*/ width:574px; float:left} #wMagazines .magazines{float:left; text-align:center; width:49%; height:220px; /*border-bottom:1px #CCC dashed;*/ padding-bottom:5px; margin-bottom:10px} #wMagazines .magazines IMG{margin-bottom:5px} #wMagazines .magazines BR{clear:both} /* PRICE LIST */ #wPriceList{ } #wPriceList .points{float:none; height:100%} #wPriceList .box{width:50%; float:left; margin:10px 0 10px 0} /* VIP */ #wVip {background-image:url(imgs/_boxes/points_mag.gif); background-repeat:repeat-y; width:574px; float:left; text-align:center} #wVip .box{float:left; text-align:center; width:48%; height:100%; border-bottom:1px #CCC dashed; padding:10px 0 10px 5px} #wVip .box BR{clear:both} /* SITE MAP */ #sitemap{ } #sitemap IMG{vertical-align:middle; margin-right:4px} #sitemap IMG.sub{margin-left:20px} #sitemap IMG.subsub{margin-left:40px} #sitemap A{color:#e50000; font-weight:bold; text-decoration:none} #sitemap A:hover{text-decoration:underline} /***********************************************************/ /*********************************** SEND TO FRIEND POP UP */ #sendToFriend{text-align:center} #sendToFriend .title TD{padding-bottom:10px} #sendToFriend TABLE{margin:0 auto} #sendToFriend TABLE TR TD TABLE TR TD{padding:2px 0 2px 0} #sendToFriend INPUT, #sendToFriend TEXTAREA{padding:2px; border:0 none; border:1px #D50000 solid} #sendToFriend .buttons{margin-top:8px} #sendToFriend .subject{width:358px} #sendToFriend .messaje{width:358px} #sendToFriend .input{width:124px} /***********************************************************/ /********************************************** ERROR PAGE */ #errorPage{width:50%; background:#FFF; margin:0 auto; margin-top:10%} #errorPage .top IMG{float:left} #errorPage .top H3{padding-top:25px} #errorPage .middle{padding:30px; text-align:left; text-indent:20px} #errorPage .bottom{background:#E50000; color:#FFF; padding:10px; text-align:left} #errorPage .bottom A{color:#FFF; font-weight:bold; text-decoration:underline} #errorPage .bottom A{color:#FFF; font-weight:bold; text-decoration:none} /***********************************************************/ /*********************************************** LIGHT BOX */ #lightbox{position:absolute; top:20px; left:0; width:100%; z-index:100; text-align:center; line-height:0} #lightbox a img{border:none} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto} #imageContainer{padding:10px} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0} #hoverNav{position:absolute; top:0; left:0; height:auto; width:100%; z-index:10} #imageContainer>#hoverNav{left:0} #hoverNav a{outline:none} #prevLink, #nextLink{width:49%; height:auto; background:transparent url(imgs/_lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */} #prevLink{left:0; float:left} #nextLink{right:0; float:right} /* THE REST IN HEADER FOR THE LANGUAGE PACK */ #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em} #imageData{padding:0 10px} #imageData #imageDetails{width:100%; float:left; text-align:left; color:#000000} #imageData #caption{font-weight:bold} #imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em; padding-top:1.0em; text-align:center} #imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em} #overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#111; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} * html>body .clearfix {display:inline-block; width:100%} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } .vote_question{ font-size:14px; font-weight:bold;} .tableborder { background-color: #FFFFFF; border: 1px solid #119ab8; } /***********************************************************/ .right_club_news{color:#FF0000;font-size:14px; font-weight:bold;} .club_title{padding:5px;color:#ed1c24; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold} DIV.photo {float:left;width:135px;height:90px;margin:10px 5px;padding:2px;border:1px solid #D50000;overflow:hidden;background-color:#FFFFFF;} DIV.photo A{display:block;height:90px;width:135px;overflow:hidden;} DIV.photo A IMG{width:135px;} DIV.photo.centerPhoto{float:none; margin:10px auto;} DIV.videoPlayer{float:left;width:294px;margin:3px;text-align:center;} .powered-by{border:none !important;padding:0 !important;margin:1px 10px 15px 30px !important;} #advertising-wcf {margin-bottom:10px;} #advertising-wcf A {display:block;width:283px;height:118px;background:url(/imgs/box_worldclass.jpg) no-repeat top left;}