/* VODAFONE FULL-ON-FAN, CSS, V1 */

/* CLEARFIX */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/* SIDE-WIDE STYLES */
* {margin: 0;padding: 0;}
body{margin: 0; padding: 0; background-image:url(images/body-bg.gif); font-family:Arial, Helvetica, sans-serif;}
#container { position:relative; margin:0 auto; width:972px; background-color:#fff; padding:12px;}
img{border:0;}
select {font-size:10px;}

#wide .left {width:960px;}
#wide .right { display:none; }

/* GENERIC CLASSES */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft {clear:left;}
.clearRight	{clear:right;}
.clear {clear:both;}
.capitalise {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}
.collapse {border-collapse:collapse;}
.bold {font-weight:bold;}
.block{display:block;}
.inline{display:inline;}
.justify {text-align:justify;}

#header { padding-bottom:12px; width:972px; height:118px;}
#logo {float:left; width:251px; height:118px;}
#logo img {float:left; margin:0; padding:0;}
#banner {float:left; width:709px; height:118px; background:url(images/FOF-header.jpg) no-repeat; margin-left:10px; background-color:#FFF; }

#navbar { float:left; width:972px; height:30px;}
#navbar img { margin-right:10px; }

#wrapper {clear:left; width:972px;}

.left {float:left; width:733px;}
.left p a {color:#FF0000; text-decoration:none;}
.left p a:hover {text-decoration:underline;}

.right { float:left; width:228px; margin-left:10px;}
.right img { float:left; margin:0; padding:0;}

.topstory {float:left; width:733px; height:326px; background-image:url(images/topstory-bgNew.jpg);}
.topstory .inner { float:left; width:480px; position:relative; }
.topstory .inner .enternow {position:absolute; width:110px; height:76px; background-color:#000000; top:195px; left:150px;}
.topstory .inner p {font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:12px; width:420px; line-height:17px; color:#333333;}
img.ru {margin:15px 0 0 10px;}

.promosLeft { float:left; width:236px; margin:10px 0 0 0px;}
.promosCentre { float:left; width:236px; margin:10px 0 0 11px;}
.promosRight { float:left; width:236px; margin:10px 0 0 11px;}
.promo1 {margin-bottom:5px;}
.promo2 {margin-bottom:8px;}
.promo3 { background:url(images/onAir.gif) no-repeat; width:236px; height:220px;}
.promo3 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding:30px 3px 0 90px;}
.promo4 { background-image:url(images/audio-bg.gif);width:236px; height:220px;}
.promo4 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:12px; border-bottom:1px solid #acacac;}
.promo4 p.audioLast {border-bottom:1px solid #dedede;}

.winTickets {background:url(images/winTickets-bg.gif) no-repeat; float:left; width:480px; height:157px;}
.winTickets p { padding:80px 10px 0 12px; font-size:12px; line-height:20px;}

.fanLinks {background:url(images/fanLinks-bg.gif) no-repeat; float:left; width:246px; height:155px; margin:2px 0 0 5px;}
.fanLinks .inner { padding:45px 10px 0 10px; }
.fanLinks ul { list-style-type:none; font-size:11px; }
.fanLinks li { background:url(images/fanLink.gif) no-repeat; height:21px; padding:3px 0;   }
.fanLinks li a {color:#000000; text-decoration:none; padding:0 4px; font-weight:bold; }
.fanLinks li a:hover {color:#FF0000;}

.mobilePromos {clear:both; float:left; width:964px; height:167px; background:url(images/mobilePromo.gif) no-repeat; margin:10px 0 0 0;}
.mobilePromos .inner { padding:15px 0 0 100px}
.mobilePromos .inner h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-bottom:5px;}
.mobilePromos .inner h3 { font-family:Arial, Helvetica, sans-serif; font-size:17px; padding-top:5px; font-weight:normal;}
.mobilePromos .inner h3 a {font-weight:bold; color:#000000; text-decoration:none; }
.redBold {color:#FF0000; font-weight:bold;}
.mobileOfferings {width:100%; height:93px;}
.mobOffer { float:left; background-image:url(images/offering-bg.gif); width:211px; height:93px; margin-right:3px;}
.mobOffer img {float:left; padding:10px 5px 0 10px;}
.mobOffer h2 {margin:0; padding:10px 5px 0 0;}
.mobOffer h2 a { color:#000000; text-decoration:none; font-size:11px;}
.mobOffer h2 a:hover {text-decoration:underline;}
.mobOffer p {font-size:10px; padding:0 5px 0 0;}
.mobOffer p a {color:#000000; text-decoration:none;}

.headerGallery {float:left; width:732px; height:54px; margin-top:5px; background:url(images/galleryHeader-bg.jpg) no-repeat;}
.fanGallery { float:left; width:352px; height:147px; background:url(images/galleryFan-bg.jpg) no-repeat; margin:0 0 8px 5px;}
.fanEntry {width:700px; margin:0 0 8px 5px;}
.fanEntry p {clear:both; font-size:12px; color:#666666; padding-top:10px; line-height:20px}
.fanGallery .inner, .fanEntry .inner {padding:15px;}
.fanGallery img, .fanEntry img { float:left; margin-right:10px; }
.fanGallery h2, .fanEntry h2 { font-size:20px; color:#666666; font-weight:normal; }
.fanGallery h3, .fanEntry h3 {font-size:12px; color:#444; font-weight:normal; padding-bottom:5px;}
.fanGallery ul, .fanEntry ul { list-style-type:none; font-size:11px; }
.fanGallery li, .fanEntry li { background:url(images/galleryFanLink-bg.gif) no-repeat; height:21px; padding:3px 7px; color:#999;   }
.fanGallery li a, .fanEntry li a {color:#000000; text-decoration:none; padding:0 ; font-weight:bold; }
.fanGallery li a:hover, .fanEntry li a:hover {color:#FF0000;}
.galleryMore { width:100%; padding-bottom:10px;}
.galleryMore img.more {float:right;}
.galleryMore img.previous {float:left;}

.enterMain { float:left; width:948px; height:285px; background:url(images/enterMain.jpg) no-repeat; }
.enterMain p { font-size:12px; padding:42px 150px 0 8px; line-height:20px; color:#666666;}

.enterOnline { float:left; width:944px; background:#f7f7f7 url(images/enterOnline-bg.gif) no-repeat; margin-top:10px; color:#666666;}
.enterOnline .inner {padding:60px 20px 10px 20px;}

.enterOnline p{
width: 800px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 125px; /*width of left column containing the label elements*/
height: 1%; font-size:12px; line-height:18px;}
input.formStyle, textarea {background: #FFFFFF url(images/form-bg.jpg) repeat-x 0 0; border: 1px solid #CCC; padding: 3px;}
input.check, .boxes {background:none; border:0;padding:0;}
.enterOnline .checkBoxes label.contact{
width: 380px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.enterOnline .checkBoxes {margin:0; padding:0;}
.threesixfive {margin:70px 0 10px 0;}
input.submit { cursor:pointer; }
.submitForm {clear:both; margin:0; padding:0;}
.enterOnline p.fanName, .enterOnline p.teamSupport, .enterOnline p.firstName, .enterOnline p.surName, .enterOnline p.yourEmail, .enterOnline p.postCode, .enterOnline p.mobNo {float:left; width:25%;}
.enterOnline p.comments {clear:left;}
.enterOnline label{
float: left;
padding-right:20px;
margin-left: -125px; /*width of left column*/
width: 125px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.enterOnline input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
.enterOnline textarea{width: 745px;height: 100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
* html .threepxfix{margin-left: 3px;}

.yourSay { float:left; width:732px; background:#f7f7f7 url(/Images/FullOnFan/ys-header.jpg) no-repeat; margin-top:10px; color:#666666;}
.yourSay .inner {padding:60px 20px 10px 20px;}
.yourSay p.fanName, .yourSay p.teamSupport {float:left; width:50%;}
.yourSay p.comments {clear:left; padding-top:10px;}
.yourSay textarea{width: 675px;height: 100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.optionalUploads { float:left; width:948px; background:url(images/upload-bg.gif) no-repeat; padding:38px 0 20px 0;}
.upload { float:left; width:294px; height:150px; margin:10px 7px 10px 0;}
.upPhoto {background:#ebebeb url(images/formPhoto-bg.gif) no-repeat;}
.upVideo {background:#ebebeb url(images/formVideo-bg.gif) no-repeat;}
.upAudio {background:#ebebeb url(images/formAudio-bg.gif) no-repeat;}
.optionalUploads .fileUpload { padding:65px 0 0 10px;}
.optionalUploads .fileUpload p { margin:0 0 20px 0; padding:0; width:200px;}
.uploadStyle { padding:3px;}

.thanks {text-align:center; padding:40px 0;}
.thanks p { font-size:12px; padding:5px 0 10px 0; line-height:20px; color:#666666;}

.schedule  .inner { padding:15px 0 0 0; margin:5PX 10px 0 7px; height:460px; background: #efefef url(images/fan-montage.jpg) right bottom no-repeat;}
.schedule h2, .schedule h3 {font-size:18px; padding:20px 0 0 0; margin-left:10px; line-height:20px; color:#666666; font-weight:normal; }
.schedule h3 { padding:50px 0 0 0; }
.schedule .inner p { font-size:12px; padding:2px 5px; margin: 10px 20px; line-height:20px; color:#666666; background-color:#E9E9E9; width:350px; }
.schedule p b {color:#333333; font-size:16px;}

.meet { padding:5px 0;}
.panelMember { padding:10px 0 0 0; float:left; clear:left;}
.panelMember img {float:left; margin:5px 10px 0 5px;}
.panelMember h2 { font-size:20px; color:#666666; font-weight:normal; }
.panelMember h2 a { font-size:20px; color:#666666; font-weight:normal; text-decoration:none; }
.panelMember h2 a:hover { text-decoration:underline;}
.panelMember h3 { font-size:18px; color:#333; font-weight:normal; padding:20px 0 0 5px; }
.panelMember p { font-size:12px; padding:10px 0 0 0; margin-left:5px; line-height:20px; color:#666666; }

.story { padding:10px 0 0 0; float:left; clear:left;}
.story img {float:right; margin:5px 10px 0 10px;}
.story h2 { font-size:20px; color:#333; font-weight:normal; padding-left:5px; }
.story h2 a { font-size:20px; color:#666666; font-weight:normal; text-decoration:none; }
.story h2 a:hover { text-decoration:underline;}
.story h3 { font-size:18px; color:#555; font-weight:normal; padding:20px 0 0 5px; }
.story ul {list-style-type:none;}
.story li {padding-top:3px;}
.story p, .story li a { font-size:12px; padding:10px 0 0 0; margin-left:5px; line-height:20px; color:#666666; text-decoration:none; }
.story li a:hover {text-decoration:underline;}

.prizesContainer {padding:10px 5px 10px 8px; margin:5px; background-color:#f0f0f0;}
p.topPrize {width:540px; line-height:19px;}
.prizes {float:left; color:#FFFFFF; width:706px; height:600px; background:url(images/prizes-bg.jpg) no-repeat;}
.prizes .inner { padding:85px 70px 0 80px;}
.prizes .prizeSpecs { width:450px; padding:0 0 0 20px;}
p.plus {width:280px;}
.prizes p { font-size:12px; padding-bottom:10px;}
.prizes h2 { font-size:16px;padding:5px 0 5px 0;}

.yourSay { margin: 0 0 20px 0; }
.yourSay label { font-size: 12px; }
.yourSay textarea { margin: 10px 0; }

.yoursaycomm { width:90%; padding: 0 20px; margin: 15px 0;}
.yoursaycomm h2 { font-size: 16px; color: #F00; }
.yoursaycomm p { font-size: 12px; line-height: 18px; color: #666;  }
.yoursaycomm p strong { font-size: 14px; }

#footer {padding:10px 0 0 0; clear:both; width:100%; color:#999; }
#footer .inner {float:right;}
#footer a {color:#444; font-size:12px; font-weight:bold; text-decoration:none; padding:0 12px}
#footer a:hover {text-decoration:underline;}