/* ***** General Styles ***** */   
body
{
	background-color: #b9cae7;
}

img
{
	border: 0px;
}

*
{
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.clearer
{
	clear: both;
}

p
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#noScript
{
	background-color: #cacaca;
	padding: 20px;
	width: auto;
	height: 100%;
	margin: auto;
	position: relative;
	text-align:center;
	font-size: 1.2em;
	color: #255aa8;
	font-weight: bold;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Sets the mouse pointer to a pointer in IE when hovering over an image button */
.btnHover
{
	cursor:pointer;	
}
/* .ig_Control is an infragistics class used by the web dialogues. */
input, select, textarea, .ig_Control
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    color: #606060;
}
textarea
{
    font-size: 1.12em;   
}
.generalPaddingTop
{
    padding-top: 10px;   
}
.rightText
{
    text-align: right;
}
.centreText
{
    text-align: center;
}                                    
/* Used to give divs holding general text a margin top. */
.generalTextMargin
{
    margin-top: 10px;
}
.errorMessage
{
	height: 15px;
	font-size: 0.8em;
	color: Red; 
}
.loginErrorMessage
{
	color: Red !important;
	text-align: center;
	padding-top: 10px;
}

.superScript {font-size:xx-small; vertical-align:top;}

.bold { font-weight: bold; }

/* ***** Structure ***** */
#container
{
    width: 990px;
    margin: auto;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
}
    #whiteBackTop
    {
        background-image:url("../Images/MasterPageGraphics/whiteBackTop.png");
        height: 10px;
        width: 990px;
        background-repeat: no-repeat;
    }
        #whiteBackMid
        {
            width: 990px;
            background-color: #FFFFFF;
            _margin-top: -10px;
        }
            #whiteBackBottom
            {
                background-image:url("../Images/MasterPageGraphics/whiteBackBottom.png");
                height: 3.1em;
                width: 990px;
                background-repeat: no-repeat;
            }
    #backTop
    {
        background-image:url("../Images/MasterPageGraphics/backgroundTop.jpg");
        background-repeat: no-repeat;
        height: 10px;
        width: 955px;
        margin: auto;
        position: relative;
        top: 6px;
    }
        #backMiddle
        {
            background-image:url("../Images/MasterPageGraphics/backgroundMiddle.jpg");
            background-repeat: repeat-x;
            background-color: #7e9eec;
            padding: 10px;
            width: 935px; /* + 10px padding each side. */
            margin: auto;
            _margin-top: -10px;
        }
            #backBottom
            {
                background-image:url("../Images/MasterPageGraphics/backgroundBottom.jpg");
                background-repeat: no-repeat;
                height: 10px;
                width: 955px;
                margin: auto;
            }
/* ***** Header / Footer ***** */
#header #nav, #footer
{
    background-image:url("../Images/MasterPageGraphics/headerFooterBack.png");
    background-repeat: no-repeat;
    min-height: 35px;
    _height: 35px;
    width: 954px;
    background-color: #1e46a1;
}
    #header
    {
        width: 955px;
        margin: auto;
    }
        #header #logoHolder img
        {
            width: 245px;
            height: 130px;
        }
            #header #logoHolder
            {
                height: 140px;
            }
                #logoHolder 
                {
                    float: left;
                    height: 140px;
                }
                    #buttonsHolder
                    {
                        float: right;
                        height: 140px;
                    }          
                        #strapLine
                        {
                            color: #FF0000;
                            font-weight: bold;
                            vertical-align: text-bottom;
                            text-align: right;
                            position: relative;
                            margin-top: 70px;
                            font-size: 1.15em;
                        }
                            #topButtons
                            {
                                float: right;
                                margin-left: 5px; 
                                text-align: right;  
                            }
                               #FlagsAndShopping
                                {
                                    width: auto;
                                    float: right;
                                    margin-right: 10px;
                                    margin-top: 5px;
                                }
                                    #UKFlag, #USFlag, #EUFlag
                                    {
                                        width: 24px;
                                        height: 19px;
                                        float: left;
                                        padding-left: 5px;
                                        margin-top: 3px;  
                                    }
                                        #ShoppingBasket
                                        {
                                            width: 28px;
                                            height: 24px;
                                            float: left;
                                            padding-left: 5px;   
                                        }
                                        
											.ShowWelcomeMessage, .ShowWelcomeMessageUser
											{
												color: #255aa8	
											}
                                        
											.ShowWelcomeMessage
											{
												visibility: visible;
											}
											
											.ShowWelcomeMessageUser
											{
												visibility: visible;
												font-style:italic;
											}
											
												.HideWelcomeMessage
												{
													visibility: hidden;
												}
												
													.pnlWelcomeMessage
													{
														color:#000;
														font-size:0.8em;
													}
    #header #nav ul
    {
        float: left;    
    }
    #header #nav ul a
    {
        vertical-align: middle;   
    }
        #header #nav ul, #footer #footerNav ul
        {
            margin-left: 10px;
        }
            #header #nav ul li
            {
                display: inline;
                font-size: 0.75em; /* 12px */
                font-weight: bold;
                padding-right: 10px;
                line-height: 30px;
            }                                                       
    #footer
    {
        _margin: 0px;
        _margin: auto;
        margin: auto;
        position: relative;
        top: 6px;
    }
        #footerNav
        {
            float: left;
        }
            #footer #footerNav ul li
            {
                display: inline;
                font-size: 0.6em;
                padding-right: 4px;
                line-height: 34px;  
            }
                #copyright
                {
                    font-size: 0.6em;
                    float: right;
                    margin-right: 10px;
                    line-height: 34px;
                }
                
/* ***** Header / Footer Links ***** */                                                                                          
    #nav a:link, #nav a:visited, #footerNav a:link, #footerNav a:visited
    {
        color: #FFF;
        text-decoration: none;
    }
        #nav a:hover, #footerNav a:hover
        {
            color: #fe0202;
            text-decoration: none;
        }                       
            a:link, a:visited
            {
                /*color: #102998;
                text-decoration: none;*/
                color: #FFF;
                font-weight: bold;
                text-decoration: underline;
            }
                a:hover
                {
                    /*color: #102998;
                    text-decoration: underline;*/
                    color: #FE0202;
                }
                
                a.blueLink:link, a.blueLink:visited
                {
					color: #102998 !important;
					text-decoration: none;
                }
					a.blueLink:hover
					{
						color: #102998 !important;
						text-decoration: underline;
					}
/* ***** Main Content Area ***** */
        #content
        {
            font-size: 0.75em;
        }
            #leftColumn
            {
                width: 45%;
                _width: 43%; /* ie6 fix */
                float: left;
                min-height: 360px;
            }
                #rightColumn
                {
                    width: 55%;
                    float: left;
                    min-height: 360px;   
                }
                    #middleColumn
                    {
                        margin: auto;
                        width: 100%;
                        min-height: 360px;   
                    }
/* ***** Content Text Styles  ***** */                      
.title
{
    font-size: 1.5em;
    font-weight: bold;
}

    .newsTitle
    {
        font-size: 1.3em;
        font-weight: bold;   
    }

    .subTitle
    {
        font-size: 1.2em;
        font-weight: bold;   
    }
    
        .subTitleSmaller
        {
            font-size: 1.1em;
            font-weight: bold;
        }
             
        #seasonalText
        {
            padding-top: 10px;
        }
            #content ul
            {
                padding-left: 16px;   
            }
                .GfxTicket
                {
                    width: 145px;
                    height: 110px;   
                }
                
					.GfxBanner
					{
						width: 246px;
						height: 84px;	
					}
					
						#bannerAndSocialMedia ul li
						{
							float: left;
						}
					
/* ***** Page Specific ***** */

/* Home */

a.hpLink:link, a.hpLink:visited
{
	
}

a.hpLink:hover
{
	color: #fe0202;
}

#homePageCurrencyTextGBP p, #homePageCurrencyTextUSD p, #homePageCurrencyTextEUR p
{
    font-size:1.15em;   
}

#homePageCurrencyTextGBP p.priceParagraph, #homePageCurrencyTextUSD p.priceParagraph, #homePageCurrencyTextEUR p.priceParagraph
{
    min-height: 70px;
    _height: 70px;
}

#homePageCurrencyTextGBP ul, #homePageCurrencyTextUSD ul, #homePageCurrencyTextEUR ul
{
    list-style-type:decimal;
    margin-left:10px;
    #margin-left:14px;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 1.15em;   
}

#homePageCurrencyTextGBP li, #homePageCurrencyTextUSD li, #homePageCurrencyTextEUR li
{
    padding-bottom: 2px;   
}

/* View All */

#learningCollection, #singleCollection, #twoHandedCollection
{ 
    width: 270px;
    float: left;
    margin-top: 8px;   
}
    #singleCollection
    {
        margin-left: 62px;
        margin-right: 62px;   
    }
        .collectionText
        {
           /* min-height: 235px; */
           min-height: 205px;
        }
            .collectionList
            {
                width: 270px;
                height: 228px;
                background-image:url("../Images/ViewAllPage/listBackground.png");
                background-repeat: no-repeat;
                padding-top: 10px;
                margin-top: 10px;  
            }
                .collectionListText
                {
                    overflow: auto;
                    width: 250px;
                    height: 208px;
                    margin: auto;
                    background-color: white;
                }
                    .collectionListText div
                    {
                        padding: 5px;   
                    }
                        .collectionListText a
                        {
                            color: #606060;
                            text-decoration: none;
                        }
                            .collectionListText a:hover
                            {
                                color: #7e7d7d;
                                text-decoration: underline;
                            }
                                .viewAllDescriptionText
                                {
                                    min-height: 130px;
                                }
                                    .viewAllSpecial
                                    {
                                        font-weight: bold;
                                        color: #ee9357;
                                    }
/* Links */
#TOC
{
    width: 100%;
    margin-top: 10px;   
}
    #links
    {
        margin-top: 10px;   
    }
        #TOC ul
        {   
            margin: auto;
            list-style-type: none;
            font-weight: bold;   
        }
            #TOC ul li
            {
                margin-top: 2px;   
            }
                .link
                {
                    margin-bottom: 10px;
                    margin-left: 10px;   
                }
                
					.link .subTitle
					{
						margin-left:-10px;	
					}
                
                    .link div
                    {
                        padding-top: 2px;
                        padding-bottom: 2px;   
                    }
                        /* back link */
                        .link div a
                        {
                            font-size: 0.8em;
                        }
/* News */
.newsItem
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.newsItem ul li
{
    padding: 5px;
}
.newsItem ul
{
    margin-left: 10px;
}
.newsItem div.generalTextMargin
{
    margin-left: 10px;   
}  
/* ***** Account Activation Pages ***** */
#message
{
    text-align: center;
    margin-top: 15%;   
}
/* ***** Vision Player ***** */
#VisionPlayer1
{
    width: 533px;
    position: relative;
    margin-top: 8px;  
}
/* Text overlay for video players. */
#VideoOverlay
{    
    background-image:url(../../../Media/Images/stills/HtmlOverlayImage.jpg);
    background-repeat: no-repeat;
    width: 512px;
    height: 288px;
    position: relative;
    text-align: center;
}
#VideoOverlay a:link, #VideoOverlay a:visited
{
    font-weight: bold;
    color: #FFF;
}
#VideoOverlay a:hover
{
    color: #FE0202;
    text-decoration: underline;
}
/* ***** Dialogues ***** */

/* Control text inputs. */
/* General Dialogue Text Message */
.dialogueMessage
{
    width: 100%;
    text-align: center;
}
    /* Dialogue Forms. */
    .dialogueForm
    {
        width: 100%;    
    }
        /* Dialogue Containers */
        .dialogueMessage div.dialogueContainer, .dialogueForm div#dialogueContainer
        {
            width: 400px;
            margin: auto;
            color: #606060;
            background-color: #FFF;
        }
            .dialogueContainer
            {
                padding: 10px 10px 0px 10px;   
            }
                .dialogueContainer span /* labels */
                {
                    display: block;
                    padding-bottom: 10px;   
                }
                    /* Select Control width adjustment. */
                    .dialogueContainer select
                    {
                        width: 204px;   
                    }
    /* Dialogue Links / Asterisks */
    .dialogueMessage a, .dialogueForm a
    {
        color: #fe0202 !important;     
    } 
        span.asterisk, .dialogueContainer span.asterisk, #dialogueLabel span.asterisk, #dialogueLabelAccLeft span.asterisk, #dialogueLabelAccRight span.asterisk
        {
            clear: both;
            display: inline;
            width: 10px;
            margin-top: 14px;
            font-size: 0.8em;
            color: #fe0202;
        }
            .asteriskSmallText
            {
                font-size: 0.8em;
                margin-top: 30px;
            }  
                .asterisk span, .myAccountLabel span, .dialogueLabelAccLeft span, .dialogueLabelAccRight span
                {
                    color: #fe0202;
                }       
    /* Dialogue Text Label / Control */    
    .dialogueLabel
    {
        width: 200px;
    }
    .dialogueLabelMessage
    {   
        width: 100%;
        margin-bottom: 10px;
    }
        .dialogueLabel, .dialogueControl
        {
            float: left;
        }
            .dialogueLabelNoError
            {
                float: left;
                margin-top: 14px;
                /*width: 150px;*/
                width: auto;
            }
            #recaptcha_widget_div
            {
                width: 339px;
                float: left;
                margin-left: -4px;
                /*margin-top: 14px;
                padding-left: 146px*/
            }
            
				div#recaptcha_area table#recaptcha_table td
				{
					height: auto !important;
				}
				
				/* Recaptcha error message. */
				span#ctl00_dlgCreateAccount_tmpl_ctlCreateAccount_lblRecaptchaError
				{
					clear: both;
					display: block;	
				}
            
					.dialogueControlNoError
					{
						float: left;
						margin-top: 14px;

					}   
						/* Checkbox */
						.dialogueControl #ctl00_MainContent_SomeText1_chkRememberMe, .dialogueLabel #ctl00_MainContent_SomeText1_chkUserAgreement, .dialogueLabel #ctl00_MainContent_SomeText1_chkCommunications
						{
							width: 16px;   
						}
    /* Dialogue Footer */
    .dialogueFooter
    {
        padding-top: 10px;
        padding-right: 10px;
		width: 80%;
		float: right;
    }
    .dialogueFooter span.dialogueLabel, #dialogueFooter div.dialogueButtons
    {
        float: left;   
    }               
    /* Dialogue Buttons */
    div.dialogueButtons { float: right !important; } 
    div.dialogueButtons input { padding-left: 5px; }
                  
/* ***** Create My Account Specific ***** */
     
/* Create Account - User Agreement Checkbox / Communications Checkbox */
.dialogueLabelAccLeft
{
    float: left;
    width: 150px;
}
.dialogueLabelAccRight
{
    float: left;
    width: 180px;
    margin-left: 130px;   
}
    /* Right Hand Column. */
    .createAccountRightCol
    {
        width: 180px;
        margin-left: 80px;   
    }
        /* Privacy and Communcations section. */
        #privacyCommunications
        {
            /*width: 400px;*/
            float: left;
            margin-left: 0px;
            font-size: 0.8em;
            margin-top: 14px;  
        }
            /* Set width for Privacy / Communications checkbox. */
            #privacyCommunications .dialogueLabel, #privacyCommunications .dialogueLabelNoError
            {
                width: 50px;   
            }
                /* Set width for Privacy / Communications text. */
                #privacyCommunications .dialogueControl, #privacyCommunications .dialogueControlNoError
                {
                    width: 300px;
                }
                    #myAccButtons
                    {
                        width: 100%;
                        _width: 430px;
                        position: absolute;
                        bottom: -15px;
                        #bottom: -24px;
                        _bottom: 6px;
                        left: 54px;
                    }
                        
/* ***** Add To Basket ***** */

/* Main Table Setup */

table.addToBasketTable td
{
	vertical-align: top;	
}

table.addToBasketTable td.addToBasketTitle
{
	padding-top: 20px;
}


    .dialogueContainer .AddToBasketNoPadding
    {
        font-weight: bold;
        color: #2d2d2d;   
    }
        .AddToBasketQuestion
        {
            font-weight: bold;
            margin-top: 10px;
            color: #2d2d2d;
            font-size: 1.1em;  
        }            
            .dialogueContainer .asteriskText span
            {
                clear: both;
                display: inline;
                font-size: 0.8em;  
            }
            
            .asteriskTextContact
            {
                clear: both;

                position: relative;
                top: 20px;
                #top: 30px;
            }
                
.addToBasketTableHeader
{
	padding-left: 5px;
	padding-top: 7px;
}

.addToBasketTableHeaderNoLeftPad
{
	padding-top: 7px;
}

.addToBasketTitle
{	
	padding-left: 5px;
}

.AddToBasketCollectionItems
{
	display: block;
	padding-left: 10px;		
}
                
/* Button */
.addButton
{
    width: 100%;
    text-align: right;
    padding-top: 5px;   
}

/* Title Column Width */
#ctl00_dlgWindow_tmpl_ctl00_grdContentItem_ctl02_lblTitle
{
    width: 85%;  
}
/* Price Column Width */
#ctl00_dlgWindow_tmpl_ctl00_grdContentItem_ctl02_lblPrice
{
    width: 15%;
    vertical-align: top;
}

/* ***** FAQ ***** */

div p a.faqContactUs { font-size: 1em; }

/* ***** Support Page ***** */

div#glossary 
{
    padding-top: 10px;   
}

div#glossary span
{
    font-weight:bold;   
}

.supportItem
{
 
}

.supportItem .subTitle
{
    padding-top: 10px;   
}

/* Login */
table.loginTable
{
    margin: auto;
}

table.loginTable .loginTextBox
{
    width: 200px;
    vertical-align: middle;   
}

table.loginTable .chkRememberMe input
{
    #margin-left: -3px;
}

/* Forgotten password.  */
table#forgottenPasswordTable .dialogueContainer span
{
	margin-top: 0px;
}

/* Vision Missing Plugins Text */
div.vi_missingPluginText { font-size: 1.2em; padding-top: 140px; }
div.vi_missingPluginText a:link, div.vi_missingPluginText a:visited { color: #fe0202; text-decoration: none;}
div.vi_missingPluginText a:hover, div.vi_missingPluginText a:visited { color: #fe0202; text-decoration: underline;}

.myVideosVideoList 
{
	padding-bottom: 5px;
	width: 230px;
	#width: 260px;
}

/* Read Only Control */

.readOnlyControl
{
	background-color: #aaa;
}

/* ***** Shopping Basket ***** */

table.shoppingBasket {  }

table.shoppingBasket td { height: 30px !important; }

table.shoppingBasket .basketItem span { padding: 5px; width: 70%; vertical-align: top; }
table.shoppingBasket .basketItem { width: 70%; vertical-align: top;  }


table.shoppingBasket .basketPrice span { padding: 5px; width: 17%; vertical-align: top; }
table.shoppingBasket .basketPrice { text-align: left; }
table.shoppingBasket .basketRemove input { padding: 5px; width: 13%; vertical-align: top; text-align: center; }

div#aText { position: absolute; left: -1000px; }

/* ***** User Agreement ***** */

.userAgreement OL { counter-reset: item; margin-left: 24px; margin-top: 10px; list-style-position: outside;  }
.userAgreement LI { margin-top: 10px; }
.userAgreement .bold { font-weight: bold; }
.userAgreement OL LI OL LI { list-style-type: upper-roman; }
.userAgreement OL LI OL LI OL LI { list-style-type: lower-roman; }

/* ***** Buy DVD Page ***** */

.dvdItem { margin-top: 10px; }
.dvdItemText { float: left; width: auto; }
.buyDvdImg { float: left; width: 178px; margin-right: 10px; margin-top: 10px; }
#middleColumn .dvdItem .buyDvdList { padding-left:0px;margin-left:0px;list-style-type:none; }