@charset "utf-8";

/* Styles for Batterina.net */

/********************************************************* GENERAL OPTIONS*/

body{ margin:0 0 0 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-image:url(../images/background.jpg); background-repeat:  repeat; }

a { text-decoration: none; color:#000000 }
a:hover { color:#DF4E1E }

ul { color: #692071; font: bold; list-style-position: outside; list-style-type: disc; }

.container{width:950px;	margin:0 auto;}

.headerImage { width:950px; height:220px; background-image:url(../images/header.jpg); margin:0 auto;}

/********************************************************* SPRITE*/

.sprite { display:block; float:left; background-attachment: scroll; background-color: transparent; 	background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: left top;}

.spriteText { display:block; float:left; background-attachment: scroll; background-color: transparent; 	background-image: url(../images/spriteText.png); background-repeat: no-repeat; background-position: left top;}

/********************************************************* MAIN MENU */

.mainMenu { width:219px; height:267px; background-image:url(../images/mainMenuBack.png); background-repeat:no-repeat; float:left;}

.mainMenuSeparator { width:219px; height:45px; float:left;}

.mainMenuContainer { width:201px; height:21px; margin-left:14px; margin-bottom:3px; float:left;}

.mainMenuOption { line-height:21px; color:#FFFFFF; margin-left:25px; font-weight:bold; }
.mainMenuOption a { color:#FFFFFF; }
.mainMenuOption a:hover { color:#DF4E1E; }

.mainMenuButton { background-image:url(../images/mainButton1.png); width:21px; height:21px; float:left }
.mainMenuButton:hover { background-image:url(../images/mainButton2.png) }

/********************************************************* BODY */

.leftColumn { width:220px; float:left; }

.leftColumnContent { width:243px; float:left; text-align: center; margin-top:10px; }

.leftColumnSeparator { width:219px; height:15px; float:left }

.flashContainer { width:219px; margin:0 auto; float:left; }

.rightColumn { /*margin-left:230px;*/ width:720px; float:right; }

.bodyBackTop {width:720px; height:12px; background-image:url(../images/bodyBackTop.png); float:right;}

.bodyBackMiddle {width:720px; background-color:#FFFFFF; float:right;}

.bodyBackBottom {width:720px; height:12px; background-image:url(../images/bodyBackBottom.png); float:right;}

.bodyContent { margin-left:10px; margin-right:10px; }

.greyline218 { width:218px; height:1px; margin-top:10px; margin-bottom:10px; float:left; border-top-width: 1px; border-top-style: solid; border-top-color:#D0D8DA; }

.greyline690 { width:690px; height:1px; margin-top:10px; margin-bottom:10px; float:left; border-top-width: 1px; border-top-style: solid; border-top-color:#D0D8DA; }

.buttonSave { width:113px; height:37px; float:left; margin-left:10px; background-image: url(../images/save1.png); background-repeat: no-repeat; }
.buttonSave:hover { background-image: url(../images/save2.png) }

.buttonPrint { width:113px; height:37px; float:left; margin-left:10px; background-image: url(../images/print1.png); background-repeat: no-repeat; }
.buttonPrint:hover { background-image: url(../images/print2.png) }

.gap11{height:11px; clear:both;}

.gap5{height:5px; clear:both;}

.gap{clear:both; float:left}

.greenHeader { background-image: url(../images/greenHeader.png); width:700px; height:33px; margin-top:10px; margin-bottom:10px; float:left; }

/********************************************************* SECTION TITLES */

.sectionTitleContainer {float:left; padding:20px;}

.titleAbout { width:156px; height:28px; }

.titleBatterina { width:172px; height:28px;}

.titleCompetition { width:490px; height:28px;}

.titleSupport { width:451px; height:28px;}

.titleNews { width:211px; height:28px;}

.titleKids { width:165px; height:32px;}

.titleContact { width:193px; height:28px;}

.titleDisclaimer { width:182px; height:28px;}

/********************************************************* SECTION IMAGES */

.imgSectionContact {width:243px; height:515px; margin:10px; margin-bottom:30px; float:left; background-image: url(../images/imgContact.jpg); }

.imgSectionNews {width:243px; height:358px; margin:10px; margin-bottom:30px; float:left; background-image: url(../images/news1.jpg); }

/********************************************************* MAIN PAGE */

.blackBox {  background-image:url(../images/blackBack.png); width:470px; height:365px; float:left; }

.videoPlayer { width:450px; height:345px; margin:10px; font-size:11px; color:#FFFFFF; text-align:center; line-height:15px; background-color:#000000; }

.contentRight { width:218px; margin-left:10px; display: inline; float:left}

.watchBatterina { width:196px; height:43px; margin-bottom:10px; float:left; }

.text {float:left; width:215px; line-height:17px; }

.text1 {/*float:left;*/ font-size:14px; width:255px; line-height:20px; margin-left:180px; }

.selectLanguage { width:214px; height:19px; margin-top:10px; margin-bottom:10px; float:left; }

.flagMaltese { width:30px; height:30px; float:left; margin-left:10px;}

.flagEnglish { width:30px; height:30px; float:left}

.selectLanguageText {line-height:30px; margin-left:5px; margin-right:10px; float:left; font-weight:bold;}

.bay {width:218px; float:left}

.bayLogo { width:94px; height:60px; float:left; margin-right:7px}

.baytext {line-height:15px; float:left; margin-left:99px}

.subtitleWhoIs { width:208px; height:19px; margin-left:15px; margin-top:7px}

.whoIsContent { width:440px; height:250px; margin-top:10px; float:left; padding:15px; border-right-width: 1px; border-right-style: solid; border-right-color: #D0D8DA; }

.imageProfessorIQ {width:138px; height:219px; float:left}

.buttonMore { background-image: url(../images/more1.png); width:118px; height:29px; margin-left:180px; margin-top:35px; float:left; display: inline;}
.buttonMore:hover { background-image: url(../images/more2.png); }

.logoWasteServe { background-image: url(../images/logoWaste1.png); width:177px; height:75px; margin:20px; float:left; display: inline}
.logoWasteServe:hover { background-image: url(../images/logoWaste2.png); }

.Duracell_Turbo_logo{ background-image: url(../images/Duracell_Turbo_logo.jpg); width:177px; height:74px; margin-top:30px; margin-left:20px; float:left; display: inline}
.Duracell_Turbo_logo:hover { background-image: url(../images/Duracell_Turbo_logo.jpg);}

/********************************************************* ABOUT PAGE */

.subtitleOrganised {width:356px; height:19px; margin-left:15px; margin-top:7px}

.subtitleSupported {background-position:-8px -386px; width:438px; height:19px; margin-left:15px; margin-top:7px}

.logoWasteServeBig { width:243px; height:224px; margin:10px; float:left; background-image: url(../images/logoWateServ.jpg); }

.Duracell_Turbo_logoBig { width:243px; height:101px; margin:10px; margin-top:15px; float:left; background-image: url(../images/Duracell_Turbo_logoBig.jpg); }

.textAbout {float:left; line-height:23px; font-size:13px; margin-top:10px; width:410px;}

/********************************************************* BATTERINA PAGE */

.imageProfile { width:673px; height:255px; float:left }

.subtitleBatterina { width:213px; height:19px; margin-left:15px; margin-top:7px}

.subtitleBatterina1 { width:225px; height:16px; margin-bottom:15px; margin-right:200px;}

.textProfile {float:left; line-height:20px; font-size:14px; width:420px;}

.leftColumnContent1 { width:193px; float:left; margin-top:130px; margin-left:50px; }

/********************************************************* COMPETITION PAGE */

.subtitleInstruction { width:501px; height:19px; margin-left:15px; margin-top:7px;}

.textCompetition {float:left; line-height:20px; font-size:14px; margin-top:10px; width:435px; margin-left:10px; }

.subtitleRules { width:398px; height:19px; margin-left:15px; margin-top:7px;}

.rulesText { font-size: 11px; line-height: 18px; margin:10px; margin-right:20px; /*float:left; display:inline;*/ }

.subtitleDeadline { width:243px; height:79px; margin-top:20px;}

.subtitleLabelBag { width:395px; height:17px; margin-top:10px; float:left;}

.labelExample { float:left }

.greyline420 { width:420px; height:1px; margin-top:10px; margin-bottom:10px; float:left; border-top-width: 1px; border-top-style: solid; border-top-color:#D0D8DA; }

/********************************************************* SUPPORT PAGE */

/********************************************************* NEWS PAGE */

.textNews {float:left; line-height:20px; font-size:16px; margin-top:10px; width:650px;}

.textNewsBody {float:left; line-height:18px; font-size:12px; margin-top:10px; width:650px;}

.textPhotos {float:left; line-height:15px; font-size:12px; margin-top:5px; margin-left:10px; margin-right:30px;}

.subtitleSchoolCampaign { width:447px; height:19px; margin-left:15px; margin-top:7px;}

/********************************************************* KIDS PAGE */

.textKids {float:left; line-height:20px; font-size:14px; margin-top:10px; width:690px;}

.subtitleKids { width:451px; height:19px; margin-left:15px; margin-top:7px;}

/********************************************************* CONTACT PAGE */

.subtitleContact { width:510px; height:19px; margin-left:15px; margin-top:7px}

.or { width:23px; height:14px; margin-top:10px; margin-left:190px; float:left; background-image: url(../images/or.png); overflow: hidden; display: inline;}

.buttonContactMail { width:288px; height:14px; margin-top:50px; margin-left:60px; float:left; background-image: url(../images/Contact1.png); overflow: hidden; display: inline;}
.buttonContactMail:hover {background-image: url(../images/Contact2.png) }

.buttonContactMail1 { width:231px; height:15px; margin-top:10px; margin-left:90px; float:left; background-image: url(../images/mail1.png); overflow: hidden; display: inline;}
.buttonContactMail1:hover {background-image: url(../images/mail2.png) }

/********************************************************* DISCLAIMER PAGE */

.subtitleDisclaimer { width:490px; height:19px; margin-left:15px; margin-top:7px; float:left;}

.infoMail { background-image: url(../images/info1.png); width:240px; height:15px; margin-top:10px; float:left;}
.infoMail:hover { background-image: url(../images/info2.png); }

/********************************************************* FOOTER */

.footer {width:950px; float:left}

.footerMenu { width:950px; float:left; line-height:20px; color:#DF4E1E;	font-size:11px; text-align:center; margin-top:40px}
.footerMenu a {color:#DF4E1E; text-decoration:none}
.footerMenu a:hover {color:#DF4E1E; text-decoration:underline}

.footerCredits{width:950px; float:left; line-height:20px; color:#7BB30F; font-size:11px; text-align:center; margin-top:10px; margin-bottom:10px; float:left}