/* CSS Document */ #megamenu { float: left; width: 650px; padding: 7px 0 0 15px; position: absolute; } #megamenu li { float:left; margin: 0 20px 0 0; position: relative; padding-left: 8px; display: block; } #megamenu li a { text-transform: uppercase; font-weight: bold; font-size: 13px; display: block; height: 23px; padding-right: 8px;} #megamenu li a span { padding-top: 2px; display: block; } #megamenu li:hover, #megamenu li.hover {background: transparent url(/content/ebiz/fatface/resources/images/nav_over_bg_left.png) no-repeat top left;} #megamenu li:hover a, #megamenu li.hover a { text-decoration: none; background: transparent url(/content/ebiz/fatface/resources/images/nav_over_bg_right.png) no-repeat top right;} #megamenu li .dropdown { display: none; position:absolute; background: transparent url(/content/ebiz/fatface/resources/images/nav_bg.png) top right; border: 1px solid #000; top: 23px; left: -10px; padding-top: 8px;} #megamenu li .dropdown.onecol .ddwrap { width: 175px; } #megamenu li .dropdown .ddwrap {padding: 2px 10px 10px; width: 350px;} #megamenu li:hover .dropdown { display: block; } #megamenu li:hover .dropdown a { background-image: none; } #megamenu li .dropdown dt { } #megamenu li .dropdown dl { width: 170px; margin: 0 5px 11px 0;} #megamenu li .dropdown dl.lt { float: left; } #megamenu li .dropdown dl.rt { float: right; } #megamenu li .dropdown dt { color:#4BAFEC; font-size: 12px; display: block; margin: 0 0 5px; /*padding: 0 0 1px 0; border-bottom: 1px dotted #CCC;*/} #megamenu li .dropdown dd { margin: 0 0 4px; padding-left: 10px; display: block; } #megamenu li .dropdown dd:hover { background-color: #000; } #megamenu li .dropdown a { text-transform: none; height: auto; font-size: 12px; font-weight: normal;} #megamenu li .dropdown .navandising { clear: both; } #megamenu li .dropdown .navandising a {clear: both; padding: 2px !important;} #megamenu a.yellow { color: #ffc002} #megamenu a.yellow:hover { color: #fff} #megamenu a.blue { color: #4bafec} #megamenu a.blue:hover { color: #fff} #megamenu li .dropdown.signup { width: 270px;} #megamenu li .dropdown.signup .ddwrap { width: 230px; margin: 0px 10px; } #megamenu li .dropdown.signup fieldset { margin: 5px 0 ; padding: 0; } #megamenu li .dropdown.signup fieldset.advanced { display: none; } #megamenu li .dropdown.signup fieldset.advancedReveal { display: ; } #megamenu li .dropdown.signup p { margin: 0 0 10px 0; color: #ffffff; width: 230px; font-size: 11px; } #megamenu li .dropdown.signup label { color: #ffffff; width: 70px; font-size: 11px; position: relative; top: 4px; } #megamenu li .dropdown.signup h3 { background: transparent url(/content/ebiz/fatface/resources/images/nav-email-header.gif) no-repeat top left; width: 165px; height: 20px; } #megamenu li .dropdown.signup h3 span { display: block; text-indent: -9999px; } #megamenu li .dropdown.signup input { width: 151px; } #megamenu li .dropdown.signup select { margin: 1px 0px; } #megamenu li .dropdown.signup #form-nav-submit { width: 181px; margin: 10px 0 0 25px; } #megamenu li .dropdown.signup #nav-email-msg { width: 230px; margin: 5px auto; display: block; text-align: center; } #megamenu li .dropdown.signup #nav-email-msg a { font-size: 11px; text-decoration: underline; display: inline; } #megamenu li .dropdown.signup #nav-email-msg a.required { text-decoration: none; } /* CSS Reset*/ div.gi * { margin: 0; padding: 0;} div.gi { font-family: Georgia, "Times New Roman", Times, serif;} div.gi .last { margin-left: 0px !important; margin-right: 0px !important;} div.gi .clear { clear: both; } div.gi .eir { display: block; text-indent: -9999px; } div.gi .whitebg { background-color: #FFFFFF; width: 292px; } div.gi a { color: #333333; } div.gi p { color: #333333; } div.gi label { color: #333333; } a img { border: none; } div.gi { width: 960px; height: 528px; background: transparent url(/content/ebiz/fatface/resources/images/bg_gi_default.jpg) no-repeat top left; position: relative;} div#gi-video { height: 528px; } div#gi-comp { height: 528px; background: transparent url(/content/ebiz/fatface/resources/images/bg_gi_comp.jpg) no-repeat top left; } div#gi-email { height: 528px; background: transparent url(/content/ebiz/fatface/resources/images/bg_gi_email.jpg) no-repeat top left; } div#gi-facebook { height: 528px; background: transparent url(/content/ebiz/fatface/resources/images/bg_gi_facebook.jpg) no-repeat top left; } div#gi-twitter { height: 528px; background: transparent url(/content/ebiz/fatface/resources/images/bg_gi_twitter.jpg) no-repeat top left; } /*Page Titles*/ div#gi-video #gi-page-title { position: relative; top: -19px; margin-left: 360px; } div#gi-comp #gi-page-title { position: relative; top: -23px; margin-left: 320px; } div#gi-facebook #gi-page-title { position: relative; top: -19px; margin-left: 360px; } div#gi-email #gi-page-title { position: relative; top: -19px; margin-left: 360px; } div#gi-cat #gi-page-title { position: relative; top: -19px; margin-left: 360px; } div#gi-twitter #gi-page-title { position: relative; top: -19px; margin-left: 360px; } div#gi-video #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_films.png) no-repeat top left; height: 98px; width: 469px; } div#gi-cat #gi-page-title h2 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_strap_films.png) no-repeat top left; height: 12px; width: 326px; position: relative; top: -25px; } div#gi-comp #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_comp.png) no-repeat top left; height: 98px; width: 469px; margin-left: 45px; } div#gi-facebook #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_facebook.png) no-repeat top left; height: 98px; width: 469px; } div#gi-email #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_email.png) no-repeat top left; height: 98px; width: 469px; } div#gi-cat #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_catalogue.png) no-repeat top left; height: 98px; width: 469px; } div#gi-twitter #gi-page-title h1 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/title_twitter.png) no-repeat top left; height: 98px; width: 469px; } div.gi #gi-notepaper { position: absolute; top: 80px; } div.gi #gi-notepaper h3 { display:block; background: transparent url(/content/ebiz/fatface/resources/images/title_get_involved.gif) no-repeat top left; width: 221px; height:108px; margin-left: 19px; margin-bottom: 10px; } div.gi #gi-notepaper p { display:block; background: transparent url(/content/ebiz/fatface/resources/images/notepaper_copy.gif) no-repeat top left; width: 245px; height:142px; margin-left: 19px;} div.gi #gi-notepaper #gi-social { margin: 15px 0 0 155px; } div.gi #gi-notepaper #gi-social h4 { display: block; background: transparent url(/content/ebiz/fatface/resources/images/notepaper_social_title.png) no-repeat top left; width: 104px; height: 24px; } div.gi #gi-notepaper #gi-social li { float:left; list-style-type: none;} div.gi #gi-notepaper #gi-social li a { display: block; } div.gi #gi-content { position: absolute; top: 68px; left: 298px; width: 662px; } /*VideoPage*/ div#gi-video #gi-content { padding-top: 28px; } div.gi #video-thumbs { position: absolute; left: 542px; top: 27px; width: 100px; } div.gi #video-thumbs .thumb { margin-bottom: 15px; } div.gi #video-thumbs .active { display: none; } div.gi #video-thumbs .placeholder { width: 100px; height: 68px; background-color:#999999; } div.gi #video-thumbs a { width: 100%; text-align: center; display: block; font-weight: strong; font-size: 10px; } /*Comp page */ div#gi-comp #gi-content { width: 320px; padding-left: 300px; } div#gi-comp #gi-content h4 { background: transparent url(/content/ebiz/fatface/resources/images/gi_comp_strap.gif) no-repeat top left; width: 247px; height: 32px; margin: 17px 0; } div#gi-comp #gi-content p { font-size: 11px; } div#gi-comp #gi-content fieldset { border: none; font-size: 11px; padding: 10px 0; } div#gi-comp #comp_form { font-size: 11px; width: 100%; margin-top: 10px; } div#gi-comp #comp_form td { height: 15px; vertical-align: middle; } div#gi-comp #comp_form td.answer { width: 120px; } div#gi-comp #comp_form td.answer input { margin-right: 5px; } div#gi-comp #comp_form td.detail label { margin-top: 3px; display: block; float: left;} div#gi-comp #comp_form td.detail input { width: 110px; float: right; } #comp_submit { width: 166px; display: block; margin: 17px auto; } #termsbox { background-color: #fff; padding: 10px; } #comp_form td div.qserror { position: absolute; top: 205px; left: 503px; width: 126px; } /*Email page*/ #gi-email #gi-content { width: 300px; margin-left: 335px; } #gi-email #gi-content h4 { background: transparent url(/content/ebiz/fatface/resources/images/gi_email_subtitle.gif); width: 142px; height: 16px; margin: 17px 0;} #gi-email #gi-content p { font-size: 11px; margin: 10px 0;} #gi-email #gi-content form { font-size: 11px; } #gi-email #gi-content fieldset {border: none; clear: both; padding: 5px 0;} #gi-email #gi-content fieldset label { width: 95px; display: block; float: left;} #gi-email #gi-content fieldset input { width: 155px; display: block; float: left;} #gi-email #gi-content fieldset input.cb { width: 20px; display: block; float: left;} #gi-email #gi-content fieldset input.cb { width: 20px; display: block; float: left;} #gi-email #gi-content fieldset input.dob { width: 43px; display: block; float: left; margin-right: 9px;} #gi-email #gi-content fieldset label.cb { width: 50px; display: block; float: left;} #gi-email #gi-content fieldset label.cbr { width: 60px; display: block; float: left;} #gi-email #gi-content fieldset label.range { width: 300px; display: block; float: left; padding-bottom: 10px;} #emlsgn_submit { display: block; width: 183px; margin: 10px auto; } #gi-email #gi-content a { display: block; width: 205px; margin: 20px auto; font-size: 10px; text-decoration: none; color: #333333; text-align: center; } #gi-email #gi-content a:hover strong { text-decoration: underline;} #gi-email fieldset div { position: absolute; top: 80px; left: 96px; } /*Catalogue page*/ #gi-cat #gi-content { padding: 15px 0 0 15px; } #gi-cat #gi-content h4 { background:url(/content/ebiz/fatface/resources/images/gi_catalogue_strap.png); width: 540px; height: 20px; margin-bottom: 17px; } #gi-cat #gi-content #cat-details {width: 265px; position:relative; } #gi-cat #gi-content #cat-address {position:absolute; left: 315px; top: 50px; } #gi-cat #gi-content #cat-details h5 { background:url(/content/ebiz/fatface/resources/images/gi_catalogue_your_details.png); width: 82px; height: 11px; margin-bottom: 10px; } #gi-cat #gi-content #cat-address h5 { background:url(/content/ebiz/fatface/resources/images/gi_catalogue_youraddress.png) no-repeat top left; width: 100px; height: 11px; margin-bottom: 10px; } #gi-cat #gi-content #cat-details h5#whichcat { background: url(/content/ebiz/fatface/resources/images/gi_catalogue_which_catalogue.png); width: 227px; height: 28px; margin-bottom: 10px; position: absolute; top: 120px; } #gi-cat #gi-content #cat-details fieldset { width: 265px; position: absolute; border: none; margin: 10px 0; } #gi-cat #gi-content #cat-details input.text, #gi-cat #gi-content #cat-details select { left: 108px; width: 160px; position: absolute; } #gi-cat #gi-content #cat-details label { left: 0px; position: absolute; font-size: 11px; top: 2px; } #gi-cat #gi-content #cat-address fieldset { width: 265px; position: absolute; border: none; margin: 10px 0; } #gi-cat #gi-content #cat-address input.text { left: 130px; width: 160px; position: absolute; } #gi-cat #gi-content #cat-address label { left: 0px; position: absolute; font-size: 11px; top: 2px; width: 100px; } #gi-cat #gi-content #cat-address select {left: 130px; width: 160px; position: absolute; } #cat-title, #cat-address1 { top: 10px; } #cat-firstname, #cat-address2{ top: 32px; } #cat-surname, #cat-address3 { top: 54px; } #cat-email, #cat-town { top: 76px; } #cat-county, #cat-gender { top: 100px; } #cat-postcode { top: 125px; } #cat-country { top: 150px; } #cat-whichcat { top: 145px; } #cat-submit { top: 208px; } #cat-opt1 { top: 180px; } #cat-opt2 { top: 215px;} #cat-opt3 {top: 240px; } #cat-details .opt label { margin-left: 20px; width: 240px; } #cat-details .opt input { margin-top: 3px; } #cat-submit a { font-size: 11px; color:#333333; text-decoration: none; } #cat-submit a:hover strong {text-decoration: underline;} #cat-whichcat input, #cat-whichcat label {margin-right: 10px; } /*Twitter page*/ div#gi-twitter #gi-content #intro-copy { display: block; background: transparent url(/content/ebiz/fatface/resources/images/gi_twitter_copy.png) no-repeat top left; width: 200px; height: 85px; margin: 17px 0; } div.gi #gi-tweets { position: absolute; right: 17px; top: 17px; width: 278px; } /*Facebook page*/ div#gi-facebook #gi-content #intro-copy { display: block; background: transparent url(../images/gi_facebook_copy.png) no-repeat top left; width: 343px; height: 74px; margin: 17px 0 5px; } div#gi-facebook .status li { width: 278px; list-style-type: none; margin-bottom: 10px; font-size: 11px; min-height: 50px;} div#gi-facebook .status li img { float: left; margin: 0px 5px 5px 0; display: block; } div#gi-facebook .status li p { width: 222px; display: block;float: left;} div#gi-facebook .status li .likes { display: block; background: transparent url(../images/gi_fb_like.gif) no-repeat top left; padding-left: 18px; margin-top: 3px; } div#gi-facebook #gi-tweets h4 { background:url(../images/gi_twitter_header.gif) no-repeat top left; width: 214px; height: 54px; margin: 0 0 10px;} /*Nav*/ div.gi #gi-nav { position:absolute; height: 87px; width: 100%; bottom: 0px; left: 0px; } div.gi #gi-nav li { float: left; margin-right: 4px; list-style-type: none; } div.gi #gi-nav li a { width: 156px; height: 87px; display: block; } div.gi #gi-nav #gi-nav-films a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_films.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-comp a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_comp.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-email a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_email.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-cat a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_cat.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-facebook a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_facebook.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-twitter a { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_twitter.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-films a:hover,div.gi #gi-nav #gi-nav-films a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_films_over.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-comp a:hover,div.gi #gi-nav #gi-nav-comp a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_comp_over.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-email a:hover,div.gi #gi-nav #gi-nav-email a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_email_over.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-cat a:hover,div.gi #gi-nav #gi-nav-cat a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_cat_over.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-facebook a:hover,div.gi #gi-nav #gi-nav-facebook a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_facebook_over.jpg) no-repeat top left; } div.gi #gi-nav #gi-nav-twitter a:hover,div.gi #gi-nav #gi-nav-twitter a.active { background: transparent url(/content/ebiz/fatface/resources/images/gi_nav_twitter_over.jpg) no-repeat top left; }