﻿/*#############################################################
Name: My Football Toon
Date: 26-03-2010
Description: 
Author: Andrew Ames
URL: http://www.myfootballtoon.com

#############################################################*/

/***************************** STANDARD ELEMENTS **********************************/
body
{
    font-family: Arial;
    font-size: 12px;
    background-color: #333333;
}
h1{font-size:12px;}
h2{font-size:12px;}
h3{font-size:12px;}

/***************************** MASTER PAGE **********************************/
.MenuLink{ text-decoration: none;color: #EEEEEE;}
.MenuLink:visited{text-decoration: none;}
.MenuLink:hover{text-decoration: underline;}

.LeftProductLink{text-decoration: none;color: #bc0301;}
.LeftProductLink:visited{text-decoration: none;}
.LeftProductLink:hover{text-decoration: underline;}
.LeftProductLink:active{text-decoration: none;}

.Div1{width: 982px;margin: auto;}
.Div2{background-color: White;
    width: 982px;
    float: left;
    background-image: url('/images/master/WhiteTopRounded.jpg');
    height: 10px;
}
.Div3
{
    background-color: White;
    width: 952px;
    float: left;
    padding: 0px 14px 0px 14px;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}
.Div4{width: 952px;float: left;}
.imgLogo{width: 233px;height: 100px;float: left;}
.Div5
{
    width: 719px;
    background-image: url('/images/master/headtopright.jpg');
    height: 100px;
    float: left;
}
.Div6{height: 58px;width: 719px;float: left;}
.Div7{width: 370px;padding-left: 100px;padding-top: 10px;float: left;}
.Div8{padding-right: 30px;padding-top: 2px;height: 55px;float: right;}
.Facebook{width: 48px;height: 48px;margin-left: 28px;}
.Twitter{width: 48px;height: 48px; margin-left: 5px;}
.Div9{height: 42px;width: 719px;float: left;}
.CheckoutButton
{
    float: left;
    margin-left: 65px;
    margin-top: -20px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
}
.Span1
{
    float: left;
    padding-left: 10px;
    padding-top: 13px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
}
.Span2
{
    float: left;
    padding-left: 8px;
    padding-top: 13px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: White;
}
.Div10
{
    background-image: url('/images/master/menuback.jpg');
    width: 953px;
    height: 50px;
    float: left;
}
.Div11a
{
    padding-left: 50px;
    padding-top: 18px;
    font-size: 14px;
    font-family: Arial;
    color: White;
    font-weight: bold;
    float: left;
}
.Div11b
{
    padding-top: 18px;
    font-size: 14px;
    font-family: Arial;
    color: White;
    font-weight: bold;
    float: left;
}
.Div11c{width:325px; float:left;}

.imgMenSep{float: left;padding-left: 10px;padding-right: 13px;}
.txtNewsletter{margin-left: 80px;margin-top: 8px;height: 25px;padding-left: 5px;float: left;vertical-align: middle;}
.NewsletterButton{padding-left: 8px;padding-top: 5px;float: left; border:solid 0px #ffffff;}
.ContactDetails1{color: #ff910f;font-family: Arial;font-weight: bold;font-size: 15px;}
.ContactDetails2{color: #000000;font-family: Arial;font-weight: bold;font-size: 15px;}
.FloatingLeftCheckout{float: left; margin-bottom: 15px;}
.TeamGiftLink{font-size: 11px;text-decoration: none;color: Black;}
.TeamGiftLink:visited{font-size: 11px;text-decoration: none;color: Black;}
.TeamGiftLink:hover{font-size: 11px;text-decoration: underline;color: Black;}
.CheckyTops{margin-left: 20px;}
.QuantityTXT{margin-top: 5px;}
.CheckoutPrevImage{width: 50px;height: 50px;float: left;margin-left: 17px;margin-top: 1px;}
.CheckUnder, .CheckUnder:link, .CheckUnder:visited{text-decoration: none;color:Blue;}
.CheckUnder:hover{text-decoration: underline;color:Blue;}

.imgLeftmain{width:325px; height:37px; float:left;}
.imgProduct{width: 289px; height: 19px; float:left;}
.imgProd_DressingRoom{width: 100px; height: 100px; margin-left:15px; float:left;}
.imgProdBook{width: 100px; height: 100px; margin-left:15px; float:left;}
.imgAllProducts{width:106px; height:106px; float:left; margin-left:11px; margin-top:2px;}
.imgBlueTick{width: 10px; height: 10px; float:left; margin-left:0px; margin-top:3px;}
.imgBasket{width: 27px; height: 22px; float:left;}
.imgReview{width: 228px; height: 48px; float:left;}

.Div12{width:325px; background-image:url('/images/master/leftmain2.jpg'); background-repeat:repeat-y; float:left; padding-bottom:0px;}
.Div13{width:285; padding: 0px 20px 10px 20px; float:left;}
.Div14{font-family:Arial; font-size:18px; color:#cc0000; padding-top:0px;  float:left;}
.Div15{font-family:Arial; font-size:12px; color:#000000; margin-top:5px; float:left;}
.Div16{width:274px; padding-left:15px; float:left;}
.Div17{background-image:url('/images/master/productmiddle.jpg'); width:289px; float:left;}
.Div18{float:left; font-size:16px; color:#bc0301; font-family:Arial; padding-left:10px; padding-top:10px;}
.Div19{float:left; font-size:12px; color:#000000; font-family:Arial; padding-left:10px; padding-top:6px; width:155px;}
.Div20{float:left; font-size:12px; color:#bc0301; font-family:Arial; padding-left:10px; padding-top:6px; width:155px;}
.Div21{width:274px; padding-left:15px; padding-top:10px; float:left;}
.Div22{width:325px; height:109px; float:left; background-image:url('/images/master/leftmain3.jpg'); font-family:Arial; font-size:12px;}
.Div23{width:150px; float:left; padding-left:30px; padding-top:10px;}
.Div24{padding-bottom:10px; width:625px; background-image:url('/images/master/contentmiddlegray.jpg'); float:left;  background-repeat:repeat-y; padding-left:20px; padding-right:20px;}
.Div25{width:190px; float:left; padding-top:17px;}
.Div25a{width:190px; float:left; padding-top:0px;}
.Div25ab{width:190px; float:left; margin-top:4px;}
.Div26{width:157px; float:left;}
.Div26a{width:157px; float:left;  margin-left:10px;}
.Div26b{width:157px; float:left; padding-top:1px;}
.Div26c{width:157px; float:left;  margin-left:10px; padding-top:15px;}
.Div26d{width:157px; float:left;  margin-left:10px; padding-top:0;}
.Div27{font-size:15px; color:#ba231a; padding-left:28px; font-weight:bold;}
.Div27a{font-size:11px; color:#000000; padding-left:28px; margin-bottom:10px; float:left;}
.Div28{font-size:11px;  padding-left:7px; float:left; margin-top:2px; color:#333333;}
.Div29{width:627px; float:right;}
.Div30{width:625px; height:20px; background-image:url('/images/master/contenttopwhite.jpg'); float:left; margin-top:15px;}
.Div31a{width:625px; background-image:url('/images/master/contentmiddlewhite.jpg'); float:left;  background-repeat:repeat-y; padding-left:20px; padding-right:20px;}
.Div32{font-weight:bold;text-decoration:underline; font-size:10px; padding-top:6px; padding-left:7px; float:left;}
.Div33{width:7px; height:150px; float:left; background-color:#b9b9b9; margin-top:18px;}
.Div34{width:185px; float:left; padding-top:17px; padding-left:5px}
.Div35{width:625px; height:20px; background-image:url('/images/master/contentbottomwhite.jpg'); float:left;}
.Div36{width:625px; height:20px; background-image:url('/images/master/contentbottomgray.jpg'); float:left;}
.Div37{width:617px; float:right; padding-top:4px; padding-left:10px;}
.Div37a{width:617px; float:right;padding-top:3px;}
.Div38{font-size:18px; color:#bc0301}
.Div39{overflow: auto; height: 111px; font-size: 9pt; width: 627px; line-height:20px;  margin-top: 0px; float: left;}
.Div40{width: 952px; float: left; margin-top: 7px;}
.Div41{padding-bottom:0px;  margin:auto; width:600px;}
.Div42{text-align: center; padding-left: 50px; width: 900px; float: left;  margin-top:5px; font-size:11px;}
.Div43{width: 1005px; float: left; margin-top: 15px; text-align: center;}
.Div43a{width: 1005px; float: left; margin-top: 15px; text-align: center; font-size: 8pt; margin-bottom: 20px;}
.Div44{background-color: White; width: 982px; float:left; background-image: url('/images/master/WhiteBottomRounded.jpg'); height: 10px;}

/***************************** HOME **********************************/
.home1{width: 585px; float: left; margin-bottom: 12px;}
.home2{width: 422px; float: left;}
.home3{font-size: 18px; color: #cc0000; float: left; width: 400px; padding-bottom: 5px;}
.home4{font-size: 12px;float: left; width: 360px;}
.home5{width: 156px; float: left;}
.home6{width: 82px; height: 67px;float: left;}
.home7{width: 65px; height: 67px;float: left; padding-left: 9px;}
.home8{width: 195px; float: left; padding-top: 0px; margin-bottom: 0px;}
.home8a{width: 195px; height:258px; margin-bottom:0px; float: left; padding-top: 0px; margin-bottom: 0px; background-image:url('/images/default/postit.jpg'); background-repeat:no-repeat; }
.home9{width: 195px; height: 252px; border:none 0px #ffffff;}
.home10{width: 195px; float: left;}

/***************************** HOW IT WORKS **********************************/
.how1{margin-left:20px;font-family:arial;}
.how2{font-size:18px;margin-bottom:10px;color:#CC0000;}
.how3{font-size:12px;margin-bottom:10px;line-height:17px;}

/***************************** CHECK OUT **********************************/
.check1{width:585px; text-align:center; margin-bottom:20px; float:left;}
.check2{float:left; width:571px; height:11px; margin-top:10px; background-image:url('/images/checkout/divtop.jpg'); margin-left:8px;}
.check3{float:left; width:566px; background-repeat:repeat-y;  background-image:url('/images/checkout/divmiddle.jpg'); margin-left:8px; padding-left:15px;}
.check4{border-top: solid 2px #cacbcd; border-bottom: solid 2px #cacbcd; background-color:#d7d8da; float:left; height:28px; width:536px; margin-top:15px;}
.check5{font-weight:bold; font-size:12px; margin-left:5px; margin-top:6px; float:left}
.check6{font-weight:bold; font-size:12px; margin-left:30px; margin-top:6px; float:left}
.check7{font-weight:bold; font-size:12px; margin-left:330px; margin-top:6px; float:left}
.check8{float:left; text-align:right; width:526px; padding-right:20px; margin-top:15px;}
.check9{display:none; float:left; width:566px; background-repeat:repeat-y;  background-image:url('/images/checkout/divmiddle.jpg'); margin-left:8px; padding-left:15px;}
.check9a{display:block; float:left; width:566px;  margin-left:8px; padding-left:15px;}
.check10{float:left; font-size:14px; font-weight:bold; color:#a2191d; margin-left:7px; margin-top:7px; margin-bottom:10px;}
.check11{border-collapse:collapse; width:500px; float:left;}
.check12{width:100px; text-align:right; color:#a2191d;}
.check13{width:100px; text-align:right;}
.check14{float:left; font-size:14px; font-weight:bold; color:#a2191d; margin-left:7px; margin-top:7px; margin-bottom:10px; margin-top:27px;}
.check15{float:left; width:546px; padding-top:15px; background-repeat:repeat-y;  background-image:url('/images/checkout/divmiddle.jpg'); margin-left:8px; text-align:right; padding-right:30px;}
.check16{float:left; width:571px; height:11px; background-image:url('/images/checkout/divbottom.jpg'); margin-left:8px;}
.check17{float:left; text-align:right; width:526px; padding-right:20px; margin-top:2px;}
.check18{float:left; width:297px; height:33px; margin-left:15px; margin-top:20px;}
.check19{border-collapse:collapse; width:500px; margin-top:20px;float:left;}
.check20{float:left;  margin-left:7px; margin-top:7px; margin-bottom:10px; width:500px;}
.check21{display:block; float:left; width:526px; background-repeat:repeat-y;  background-image:url('/images/checkout/divmiddle.jpg'); padding-top:20px; padding-right:40px; margin-left:8px; padding-left:15px; text-align:right;}

/***************************** CONTACT / FAIL / HOW IT WORKS / FRAMES **********************************/
.con1{font-size: 18px; color: #cc0000; float: left; width: 430px; padding-bottom: 5px;}
.con12{font-size: 18px; color: #cc0000; float: left; width:600px; padding-bottom: 5px;}
.FrameImage{float:left; width:191px; height:275px;}
.FramesText{float:left; margin-bottom:20px; margin-top:20px; width:400px;}
.HowSubHead{font-size:14px; color:#cc0000; float:left; width:555px; margin-bottom:20px; margin-top:20px;}
.HowContent{float:left; width:555px; margin-bottom:10px;}

/***************************** SAMPLES **********************************/
.sam1{width:195px; float:left; margin-bottom:9px;}
.sam2{width: 177px; height: 258px}
.sam3{width:195px; float:left; margin-left:9px; margin-bottom:13px;}

/***************************** PRODUCTS **********************************/
.pro1{width: 195px; background-image: url('/images/products page/backer.jpg'); height: 266px; text-align:center; float:left;  margin-bottom:20px;}
.pro2{margin-top:29px; margin-bottom:7px;}
.pro3{font-weight:bold; font-size:12px; color:#9b2813; width:195px; float:left;}
.pro4{font-size:11px; color:#9b2813; width:195px; float:left;}
.pro5{font-size:11px; width:195px; float:left; margin-top:25px;}
.pro6{width:195px; text-align:center; float:left;}
.pro7{width:9px; height:9px; float:left; margin-left:73px; margin-top:5px;}
.pro8{color:#9b2813; font-size:11px; margin-top:2px; margin-left:4px; float:left;}

/***************************** MAGAZINE / DRESSING /DIARY / CARICATURE CALENDAR / BOOK **********************************/
.mag1{float: left; width:585px;}
.mag2{color: Gray;}
.mag3{float: left; width:585px; margin-top:20px; margin-bottom:20px;}
.mag4{margin-bottom:0px; width: 300px; height: 300px; margin-right:20px; float:left;  border: solid 1px lightgray;}
.mag5{font-weight:bold; font-size:12pt;}
.mag6{float: left; width:300px; height:23px; margin-top:10px; margin-right:20px; background-image: url('/images/products/orderbox1a.jpg')}
.mag7{float: left; width:285px; padding-left:15px; padding-bottom:0px;  margin-right:20px; background-image: url('/images/products/orderbox2a.jpg')}
.mag8{float: left; width:300px; height:23px; margin-right:20px; background-image: url('/images/products/orderbox3a.jpg')}
.mag8a{width:551px; 
font-size:11px; margin-top:10px; float:left; padding-right:20px;
}
.mag9{font-size:9pt;}
.mag10{font-size:10px; float:left; width:310px; padding-left:10px; padding-right:0px; margin-top:-10px; font-weight:bold;}
.mag10a{font-size:10px; float:left; width:310px; padding-left:10px; padding-right:0px; margin-top:8px; font-weight:bold;}


.dre1{margin-right:0px; border: solid 1px lightgray; float:left; margin-top:0px; margin-bottom:3px;}
.dre2{padding-right:0px; border: solid 1px lightgray; margin-top:0px; float:left;}
.dre1a{margin-right:0px; border: solid 1px lightgray; float:left; margin-top:0px; margin-bottom:3px; margin-right:4px;}
.dre2a{padding-right:0px; border: solid 1px lightgray; margin-top:0px; float:left; margin-right:4px;}

.dia1{width: 300px; height: 300px; border: solid 1px lightgray; margin-right:20px; float:left;}

.car1{width: 215px; height: 324px; border: solid 1px lightgray; margin-right:20px; float:left;}
.car2{width:260px; float:left;margin-left:20px;}
.car3{float:left; width:250px;}
.car4{font-size:10px; width:270px;  margin-bottom:10px;}
.car5{float:left; width:300px;}
.car6{font-size:10px; width:270px; float:left; margin-bottom:30px;}
.car7{width:180px; float:left; margin-top:5px;}
.car8{float:left; margin-left:70px;}
.car9{width:250px; float:left; margin-left:70px; margin-top:10px;}
.car10{font-size:10px; font-weight:bold; color:#bc0301; width:230px; float:left;}
.car11{font-size:10px; width:230px; float:left; margin-bottom:10px;}
.car12{float: left; width:555px; height:23px; background-image: url('/images/products/orderbox3.jpg')}
.car13{float: left; width:555px; height:23px; margin-top:20px; background-image: url('/images/products/orderbox1.jpg')}
.car14{float: left; width:555px; padding-bottom:0px;   background-image: url('/images/products/orderbox2.jpg')}

.boo1{float:left; width:300px; margin-top:5px; margin-right:20px;}

