﻿/*********************** GENERAL TEMPLATE ***********************/

div#Wrapper {
	width: 960px;
	margin:0px auto 0px auto !important;
}
div#WrapperNC {
	width: 960px;
	margin:0px auto 0px auto !important;
}
div#InnerWrapperNC {
	float:left;	
	width:680px;
	background-color:#ffffff;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 150px !important;
	position:relative;
}
.WrapperSlice {
	float:left;
	display:block;
	margin:0px 0px 0px 3px;	
	width:960px;
	height:12px;
}

div#InnerWrapper {
	float:left;	
	width:960px;
	background-color:#F5E2D1;
	padding:0px 0px 0px 0px !important;
	position:relative;
}
div#InnerWrapperWhite {
	float:left;	
	width:960px;
	background-color:#FFFFFF;
	padding:0px 0px 20px 0px;
	position:relative;
}
div#InnerWrapperBlack {
	float:left;	
	width:960px;
	background-image:url('/images/sonisphere/bg.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000000;
	padding:0px 0px 0px 0px;
	position:relative;
}

div#Content {
	float:left;
	padding:0px!important;
	margin:0px;
	position:relative
}

div#Header {
	width:960px;
	float:left;
	position:relative;
}
div#HeaderInner {
	width:960px;
	float:left;
	background-image:url('/content/topnav/images/BG.png');
	background-position:left center;
	background-repeat:no-repeat;
}
		
div#Footer {
    background-color:#ffffff;
    border-top:1px #ebebeb solid;
	width:960px;
	height:245px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.Error {
	font-size:14px; 
	padding:5px 0px 0px 15px; 
	color:#990000; 
	float:left;
}

/*********************** TOP NAVIGATION ***********************/

div#Logo {
	float:left;
	margin:0px 0px 0px 0px;
}


div#FreeDelivery {
	float:left;
	margin:20px 0px 0px 40px;
}

div#FreeDelivery p {
    font-family: Arial;
	float:left;
	margin: 0px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #77c9b6;
	text-align: center;
	width: 560px;
}
		
div#TopNav_Links {
    float:right;
    margin:20px 10px 0px 0px;
}	

    div#TopNav_Links a {
        color:#222222;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        margin:0px 0px 0px 10px;
    }	
    
div#FollowUs {
    float:left;
    width:100%;
    text-align:right;
}
    div#FollowUs p, div#FollowUs img {
        float:right;
        margin:10px 5px 10px 0px;
    }
    div#FollowUs p {
        color:#222222;
        font-size:14px;
        font-weight:bold;
        margin:20px 5px 10px 0px !important;
    }

a#MiniBasket {
	float:right;
	clear:right;
	text-align:right;
	background-image:url('/content/topnav/images/Basket.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:155px;
	height:50px;
	padding:23px 0px 0px 0px;	
	margin:0px 10px 0px 0px;
	text-decoration:none;
}
	a#MiniBasket p {
		margin:0px;
		padding:5px 0px 1px 0px;
		color:#222222;
		font-weight:bold;
		font-size:11px;	
		line-height:12px;
		text-decoration:none;
	}
	a#MiniBasket span {
		margin:0px;
		padding:1px 0px 5px 0px;
		color:#222222;
		font-weight:bold;
		font-size:14px;	
		line-height:12px;
		text-decoration:none;
	}	
		a#MiniBasket p:hover {
			color:#AD3210;	
		}  
    
div#TopNavigation_Menu {
    background-color: #77c9b6;
    clear: both;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 960px;
} 
                
    div#TopNavigation_Menu ul {
        float: left;   
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }
                    
        div#TopNavigation_Menu li.mega{
            display: block;
            float: left;
            list-style: none;
            margin: 5px 15px 5px 10px;
            padding: 0px 15px 0px 0px;
            border-right:1px #ffffff solid;
        } 
        div#TopNavigation_Menu li.mega4{
            display: block;
            float: left;
            list-style: none;
            margin: 5px 15px 5px 10px;
            padding: 0px 15px 0px 0px;
        }         
            div#TopNavigation_Menu li.mega a, div#TopNavigation_Menu li.mega2 a, div#TopNavigation_Menu li.mega3 a, div#TopNavigation_Menu li.mega4 a {
                color: #ffffff;
                float: left;
                font-size: 14px;
                font-weight: normal;
                margin: 0px;
                height:13px;
                padding: 5px 5px 5px 5px;
                text-decoration: none;
            }  
            
             div#TopNavigation_Menu li.mega4 a{
                color: #dc0000;
                float: left;
                font-size: 14px;
                font-weight: normal;
                margin: 0px;
                height:13px;
                padding: 5px 5px 5px 5px;
                text-decoration: none;
            } 
            
        div#TopNavigation_Menu li.mega2{
            display: block;
            float: left;
            list-style: none;
            margin: 5px 0px 5px 10px;
            padding: 0px;
        }                     
        div#TopNavigation_Menu li.mega3{
            display: block;
            float: left;
            list-style: none;
            margin: 5px 10px 5px 10px;
            padding: 0px 10px 0px 0px;
            border-right:1px #ffffff solid;
        } 
                          
    div#TopNaigation_Search {
        float:right;
    }    
    
        div#TopNaigation_Search table {
            color:#ffffff;
            font-size:14px;
            font-weight:bold;
        }    
    
            .ProdSearch {
                width:200px;
                border:1px #ffffff solid;
                height:15px;
                font-size:11px;
                color:#222222;
                padding:5px 0px 5px 5px;
            }

 /* **************************************** DROP DOWNS **************************************** */ 
 
    ul.menu div { display: none; }

    ul.menu li.mega div.menu_items {
        background-color: #f4e1bb;
        color: #222222;
        margin:0px 0px 0px 0px;
        padding: 0px;
        position: absolute !important;
        top: 197px;
        width: 150px;
        z-index:99 !important;
    }
    
    div#menu_sty {margin: 0px 0px 0px 0px; }
    
    ul.menu li.mega div.mmoto{}

        ul.menu li.mega div ul {
		    float:left;
            padding: 0px 0px 0px 0px !important;
            position:relative;	 
            margin: 0px; 
            text-align: left;
		    width:150px;  
        }

            ul.menu li.mega div ul li {
                float: left;
                list-style: none;
                margin:0px 0px 0px 0px;    
                padding:0px 0px 0px 0px;
                text-align: left;
                width: 150px             
            }
           
                ul.menu li.mega div ul li a {
					color: #222222 !important;
					display: block;
					font-size: 11px !important;
					font-weight: normal !important;
					padding: 5px 5px 5px 5px !important;
					text-align: left;
					text-decoration: none;
					width: 140px !important;		
                }      
                ul.menu li.mega div ul li a:hover {
                    background-color: #4e1213;
                    color:#ffffff !important;
                } 
                
                ul.menu li.mega div ul li a.ShowAll {
                    background-color:#77c9b6;
                    color:#ffffff !important;
                }

        ul.menu li.hovering div {display: block;}
        
/*********************** LEFT NAVIGATION ***********************/

div#LeftNav {
	width:160px;
	float:left;
	padding:30px 0px 0px 20px;
}
	div#LeftNav h2 {
		float:left;
		width:160px;
		font-size:16px;
		color:#343434;
		padding:0px 0px 10px 0px;
		border-bottom:1px #9c9c9c solid;
		margin:0px 0px 5px 0px;
	}
			ul.root li a:hover {
				color:#343434 !important;
			}

    div.LeftNavigation_Filters h3
    {
		float:left;
		width:160px;
		font-size:16px;
		color:#343434;
		padding:10px 0px 5px 0px;
		margin:0px 0px 0px 0px;
    }
    
        div.LeftNavigation_Filters ul
        {
		    width:160px;
		    float:left;	
		    margin:10px 0px 10px 0px;
		    padding:0px;
        }
        
            div.LeftNavigation_Filters li
            {
			    float:left;
			    display:block;
			    margin:0px 0px 0px 0px;
			    width:160px;
            }
                div.LeftNavigation_Filters a
                {
			        padding:2px 0px 2px 14px !important;
			        font-size:11px;
			        color:#343434 !important;
			        font-weight:normal;
			        float:left;
			        background-image:url('/images/LeftArrow.jpg');
			        background-position:left center;
			        background-repeat:no-repeat;
			        text-transform:lowercase;
                }
 			    div.LeftNavigation_Filters a:hover {
				    color:#AD3210 !important;
			    }

/*********************** BOTTOM NAVIGATION ***********************/

div#FooterCategories, div#FooterInfo, div#FooterSocial {
	float:left;
	background-image:url('/content/bottomnav/images/ListBorder.jpg');
	background-position:right center;
	background-repeat:no-repeat;
	margin:0px 20px 0px 40px;
	padding:20px 0px 0px 0px;
	width:315px;
	height:190px;
}
	div#FooterCategories h4, div#FooterInfo h4, div#FooterSocial h4 {
		float:left;
		width:100%;	
		font-size:20px;
		color:#222222;
		font-family:Arial;
		letter-spacing:-1px;
		font-weight:normal !important;
	}
	div#FooterCategories ul, div#FooterInfo ul, div#FooterSocial ul {
		float:left;
		list-style:none;
		padding:0px;
		margin:15px 15px 0px 0px;	
	}
	div#FooterCategories ul {
		float:left;
		list-style:none;
		padding:0px;
		margin:15px 25px 0px 0px;	
	}
		div#FooterCategories li, div#FooterInfo li {
			padding:2px 0px 2px 0px;
		}
			div#FooterCategories li a, div#FooterInfo li a {
				color:#222222 !important;
				text-decoration:none;
				font-family:Arial;
				font-size:11px !important;
			}
			div#FooterCategories li strong 
			{
				color:#222222 !important;
				text-decoration:none;
				font-family:Arial;
				font-size:12px !important;	
				font-weight:bold;		
			}    
div#FooterInfo {
	margin:0px 20px 0px 0px;
	padding:20px 0px 0px 0px;
	width:220px;
}
div#FooterSocial {
	margin:0px 25px 0px 0px;
	padding:20px 0px 0px 0px;
	width:100px;
}
		div#FooterSocial li {
			padding:0px 0px 1px 0px;
		}

#FooterLinks {
	float:left;
	padding:18px 0px 0px 0px;
	width:200px;
	position:relative;
}
	#FooterLinks table.Flags {
		float:right;	
	}
	.CountryText {
		width:200px;
		margin:4px 0px 0px 0px;
		padding:5px;
		color:#4F4F4F;
		font-family:Arial;
		font-size:11px;
		position:absolute;
		right:0px;
		top:108px;
	}
	
	#FooterLinks table.Cards {
		float:right;	
		width:190px;
		margin:0px 0px 100px 0px;
		font-size:20px;
		color:#222222;
		font-family:Arial;
		letter-spacing:-1px;
		font-weight:normal;
	}
	.BottomColour 
	{
	    height:165px;
	    overflow:hidden;
	    text-transform:lowercase;
	}

/*********************** HOMEPAGE ***********************/

#Homepage 
{
    float:left;
    position:relative;
}         

    div#HomePage_Banner {
        float:left;
        margin:15px 0px 0px 0px;
    }
    div#HomepageBoxes {
        float:left;
        width:960px;
        margin:10px 0px 10px 0px;
        padding:0px 0px 0px 0px;
    }
        .ThankYou {
            float:left;
            margin:0px 0px 10px 18px;
        }
        
        div#BoxLeft {
            background-image:url('/content/homepage/images/SSSignup.jpg');
            margin:0px 0px 0px 11px;
        }
        
            table#Search {
	            float:left;
	            margin:47px 0px 0px 20px;
	            width:288px;
            }
	            table#Search .Input {
		            width:260px;
		            border:1px #ffffff solid;
		            height:16px;
		            background-color:#ffffff;	
		            padding:2px 0px 0px 8px;
		            font-size:13px;
		            font-family:Arial;
		            color:#222222;
	            }
			            #SignUpGo {
				            float:right;
				            margin:13px 0px 0px 0px;
			            }        
        div#BoxMiddle {
            background-image:url('/content/homepage/images/SSStockist.jpg');
        }
            .Facebook {
                margin:0px 0px 0px 5px;
                float:left;
            }
        div#BoxRight {
            background-image:url('/content/homepage/images/SSVideo.jpg');
        }      
            .Globe {
                float:left;
                margin:0px 0px 0px 80px;
            }
        .HomeBox {
            float:left;
            width:314px;
            height:131px; 
            background-repeat:no-repeat;
            background-position:center center;                       
        }     
            .HomeBox p {
                float:left;
                width:285px;
                padding:2px 0px 0px 10px;
                margin:0px;        
                font-size:26px;
                text-align:right;
                color:#222222;
                letter-spacing:-1px; 
            }
    #StyleBanner {
        position:absolute;
        top:20px;
        left:20px;
    } 
    
    
    h3#FeaturedTitle {
        font-size:18px;
        font-weight:bold;
        letter-spacing:-1px;
        background-color:#77c9b6;
        color:#ffffff;
        padding:8px;
        width:944px;
        float:left;
        margin:0px 0px 0px 0px;
    }
    
    div#FeaturedProducts {
        float:left;
        width: 960px;
        margin:0px 0px 0px 0px;
        background-color:#ffffff;
    }
        div.ProductListItem2 {
	        float:left;
	        width:180px;
	        margin:0px 6px 0px 6px;
	        font-weight:normal;
	        padding:10px 0px 10px 0px;
	        text-align:left !important;
	        font-size:10px;
        }
                
	        div.ProductListItem2 h2 a {
		        font-size:12px;
		        color:#313131;
		        font-weight:bold;
		        text-decoration:none;
		        text-transform:lowercase;
		        margin:4px 0px 4px 5px;
		        padding:2px 12px 2px 0px;
		        clear:both;
		        background-image:url('/images/ListArrow.jpg');
		        background-repeat:no-repeat;
		        background-position:right center;
	        }
	        div.ProductListItem2 p {
		        margin:0px 0px 0px 5px;
		        padding:0px;
		        float:left;
		        width:185px;
		        color:#606060;
		        text-transform:lowercase;
	        }
	        div.ProductListItem2 h3 {
		        font-size:12px;
		        color:#313131;
		        font-weight:bold;
		        margin:4px 0px 8px 5px;
		        float:left;
		        width:185px;
	        }    
	    .ListText2 {
		    height:30px;	
		    float:left;
		    text-align:left !important;
		    width:190px;
		    margin:4px 0px 0px 0px;
	    }	        
/*********************** PRODUCTLIST ***********************/

div#ProductList {
	width:715px;
	background-color:#ffffff;
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 30px 0px 30px;
}
	div#Crumb {
		color:#000000;
		font-size:11px;	
		width:715px;
		float:left;
		margin:0px 0px 5px 0px;
	}
	div#CrumbFull {
		color:#000000;
		font-size:11px;	
		width:715px;
		float:left;
	}
		div#Crumb ul, div#CrumbFull ul {
			float:left;
			list-style:none;
			margin:0px;
			padding:0px;
			text-transform:lowercase !important;
		}
			div#Crumb ul li, div#CrumbFull li {
				padding:3px 0px 3px 0px;
				float:left;
				font-weight:normal;
				text-transform:lowercase !important;
			}
				div#Crumb ul li a, div#CrumbFull ul li a {
					color:#000000;
					text-decoration:none;
					text-transform:lowercase !important;
				}
				
div.Pagination {
	float:left;
	width:715px;
	color:#313131;
	font-size:14px;
	padding:0px;
	text-align:right;
	margin:10px 0px 15px 0px;
	text-transform:lowercase !important;
}
	div.Pagination a {
		text-decoration:none;
		color:#AD3210;
		font-weight:bold;
	}
	span.PageLink {
		color:#AD3210;
	}

div.ProductListItem {
	float:left;
	width:235px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	padding:0px;
	text-align:center !important;
	font-size:10px;
	border-bottom:1px #d5d5d5 solid;
}
	div.ProductListItem h2 a {
		font-size:14px;
		color:#313131;
		font-weight:bold;
		text-decoration:none;
		text-transform:lowercase;
		margin:4px 0px 4px 0px;
		padding:2px 12px 2px 0px;
		clear:both;
		background-image:url('/images/ListArrow.jpg');
		background-repeat:no-repeat;
		background-position:right center;
	}
	div.ProductListItem p {
		margin:0px;
		padding:0px;
		float:left;
		width:100%;
		color:#606060;
		text-transform:lowercase;
	}
	div.ProductListItem h3 {
		font-size:14px;
		color:#313131;
		font-weight:bold;
		margin:4px 0px 8px 0px;
		float:left;
		width:100%;
	}
	.ListText {
		height:30px;	
		float:left;
		text-align:center !important;
		width:100%;
		margin:4px 0px 0px 0px;
	}
	
div#NoProducts {
	float:left;
	width:715px;
	background-color:#ffffff;
}
span#ProductSave h3 {
	color:#cc0000 !important;
	float:right;
	clear:both;
}
span#ProductSave p {
	color:#cc0000;
	font-size:14px;
	font-weight:bold;
	float:right;
	clear:both;
}
.SalePrice {
    color:#ad3210;
}

/*********************** PRODUCTDETAIL ***********************/

div#ProductDetail {
	width:940px !important;
	background-color:#ffffff;
	float:left;
	padding:10px;
	margin:0px 0px 0px 0px;
}
	div#ProdCrumb {
		color:#000000;
		font-size:11px;	
		width:940px;
		float:left;
	}
		div#ProdCrumb ul {
			float:left;
			list-style:none;
			margin:0px;
			padding:0px;
		}
			div#ProdCrumb ul li {
				padding:3px 0px 3px 0px;
				float:left;
				font-weight:normal;
				text-transform:lowercase !important;
			}
				div#ProdCrumb ul li a {
					color:#000000;
					text-decoration:none;
					text-transform:lowercase !important;
				}
#ProductDetailSale p{
	color:#cc0000 !important;
	float:left;
}
#ProductDetailSale h3{
	color:#cc0000 !important;
	float:right;
}

/*********************** PRODUCTLEFT ***********************/

div#ProductLeft {
	width:342px;
	float:left;
	padding:0px;
	margin:10px 0px 0px 0px;
}
	span#ImageSurrond {
		float:left;
		width:335px;
		height:375px;
		border:1px #E0E0E0 solid;
		margin:0px 0px 10px 0px;
		position:relative;
	}
		#product_image {
			overflow:hidden;
			width:335px;
		}
		span#ImageButtons {
		    float:left;
		    position:absolute;
		    bottom:0px;
		    left:0px;
		    width:335px;
		    border-top:1px #e0e0e0 solid;
		}
		    .ImageButtonLeft {float:left; cursor:pointer;} 
		    .ImageButtonRight {float:right; cursor:pointer;} 
		
		
	div#ColourArea {
		width:342px;
		float:left;
	}
	div.Colours {
		float:left;
		text-decoration:none;
		width:110px;
		margin:0px 4px 0px 0px;
	}
		div.Colours img:hover {
			cursor:pointer;		
		}
		div.Colours span {
			height:108px;
			width:108px;
			float:left;
			text-align:center;
			display:table-cell !important;
			vertical-align:middle;
		}
		div.Colours label{
			font-size:10px;
			color:#222222;
			text-decoration:none !important;
			float:left;
			text-align:center;
			width:108px;
			margin:2px 0px 0px 0px;
			padding:0px;
			text-transform:uppercase;
			font-weight:bold;
		}
		
    #ProductZoom 
    {
        position:absolute;
        z-index:20;
        left:135px;
        top:335px;
    }
    #FlashSpan {
        float:left;
        width:100%;
        position:relative;
    }
        .FlashClose {
            position:absolute;
            cursor:pointer;
            right:5px;
            z-index:99;
            top:5px;
        }
	
/*********************** PRODUCTMIDDLE ***********************/
	
div#ProductMiddle {
	width:310px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 35px;
}
	div#ProductMiddle h1 {
		font-size:12px;
		color:#000000;
		margin:0px 0px 5px 0px;	
	}
	p.MiniHeader {
		font-size:10px;
		color:#222222;
		padding:0px 0px 2px 0px;
		margin:0px;	
	}
	p#Desc {
		font-size:11px;
		color:#616161;
		margin:5px 0px 8px 0px;
		width:220px;
	}
	p.Price {
		font-size:16px;
		color:#222222;
		font-weight:bold;
		margin:0px 0px 8px 0px;
		padding:0px;	
	}
	
/*********************** PRODUCTGRID ***********************/	

div#BuyGrid {
    float:left;
    width:100%;
    margin:0px 0px 10px 0px;
}
div#productgrid-container {
	float:left;
	width:230px;
	position:relative;
	margin:0px 0px 1px 0px !important;
	border:1px #CFCFCF solid;
	z-index:2;
}
div#productgrid-container-colour {
	float:left;
	width:230px;
	margin:0px 0px 0px 0px !important;
    position:relative;
	border:1px #CFCFCF solid;
	z-index:1;
}
div#productgrid-container-colour-disabled {
	float:left;
	width:230px;
	margin:0px 0px 0px 0px !important;
    position:relative;
	border:1px #CFCFCF solid;
}
	#colourselected-disabled{
		font-size:10px;
		border:1px #ffffff solid;
		padding:2px;
		width:205px;
		height:11px;
		font-weight:normal;
		color:#CFCFCF;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
	}

	div#product-grid-scroll{
		margin:-3px 0px 0px 0px;
		width:230px;
		border:1px #CFCFCF solid;
		text-align:left;
		padding:0px 0px 0px 0px;
		float:left;
		position:absolute;
		left:-1px;
		top:24px;
		background-color:#CFCFCF;
		font-weight:normal;
		color:#222222;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
	}
	div#product-grid-scroll-colour{
		margin:-3px 0px 0px 0px;
		width:230px;
		border:1px #CFCFCF solid;
		text-align:left;
		padding:0px 0px 0px 0px;
		float:left;
		position:absolute;
		left:-1px;
		top:24px;
		background-color:#CFCFCF;
		font-weight:normal;
		color:#222222;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
	}
	table.BuyBoxTable {
		width:230px;
	}
	tr.rowSelectGrid {
			cursor:pointer;
			width:100%;
			background-color:#CFCFCF;
	}
		tr.rowSelectGrid td{
			color:#CFCFCF !important;
			width:100%;
			background-color:#222222;
		}
	tr.rowNormalGrid {
		background-color:#CFCFCF;
		width:100%;
		cursor:pointer
	}
	.BuyButton {
		float:left;	
		clear:both;
		margin:10px 0px 0px 0px;
	}
	#sizeselected{
		font-size:10px;
		border:1px #ffffff solid;
		padding:2px;
		width:205px;
		height:11px;
		font-weight:normal;
		color:#222222;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
	}
	#colourselected{
		font-size:10px;
		border:1px #ffffff solid;
		padding:2px;
		width:205px;
		height:11px;
		font-weight:normal;
		color:#222222;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
	}
	.BuyBoxCell {
		display:none;	
	}

/*********************** PRODUCTRIGHT ***********************/

div#ProductRight {
	color:#222222;
	font-size:11px;	
	width:230px;
	padding:0px 0px 0px 0px;
	float:left;
	margin:10px 0px 0px 0px;
}

	div#ProdSuggest {
		float:left;
		width:230px;
		font-size:12px;
		color:#000000;
		font-weight:bold;
		padding:0px 0px 0px 0px;
		margin:0px 0px 20px 0px;
	}	

/*********************** DISPLAYCART ***********************/

div#Basket {
    position: relative;
}

a.BasketOfferMessage {
    position: absolute;
    top: 5px;
    right: 10px;
}

div#Basket h1{
	font-size:14px;
	color:#ffffff;
	margin:5px 0px 10px 0px;
	background-color:black;
	padding:5px;
}
.BasketError {
	 font-size:12px;
	 font-weight:bold;
	 color:#CC0000;
}
	div#Basket table {
		font-size:11px;
		color:#222222;	
		width:930px;
		margin:10px 10px 20px 10px;
	}
		div#Basket table a {
			color:#222222;	
			font-size:11px;
			text-decoration:none;
		}
		div#Basket table input {
			font-size:10px;
			color:#222222;
		}
		.BasketQty {
			width:40px;
			text-align:center;	
		}
.BasketHeader {
	font-size:12px;
	font-weight:bold;
	color:#3F3F3F;
}
.Line {
	height:1px !important;
	padding:0px !important;
	margin:0px !important;
	background-color:#E3E3E3;
}

.Totals {
	font-size:11px;
	padding:4px 0px 4px 0px !important;
}
	.Totals label{
	font-size:10px;
	}

	.Totals strong{
		color:#000000;
		font-size:12px;
	}
	.Totals select {
		font-size:10px;
		color:#666666;	
		text-transform:uppercase;
	}
	
.MediaInput {
    background-color:#2E2E2E;
    border-left:1px #ffffff solid;
    height:17px;
    padding:5px 5px 0px 5px;
    color:#ffffff !important;
}
/**************************** CHECKOUT ****************************/

div#checkout {
	float:left;
	margin:75px;
}
div#CheckoutContainer {
	width:803px;
	padding:10px 10px 0px 10px;
	color:#444444;
}
	.CheckoutHeader {
		width:803px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	
		#LoginText{
			font-size:11px;
			color:#000000;
			font-weight:normal;
			float:left;
			margin:0px 0px 0px 0px;
			width:600px;
		}
		#LoginText a {
			color:#000000;
		}

div.CheckoutMiddle {
	background-color:#F3F3F3; 
	color:#666666;
	font-size:12px;
	float:left;
	width:803px;
}
	div.CheckoutMiddle img {
		float:none !important;
	}
	#LoginOption {
		margin:5px 0px 10px 0px;
	}
		#LoginOption a {
			color:#E0441E;	
			text-decoration:underline;
		}
div.CheckoutTopButtons {
	width:803px;
	padding:5px 0px 10px 0px;
	float:left;
	clear:both;
	font-size:11px;
	color:#666666;
}

div.CheckoutTop{
	width:803px;
	float:left;
	padding:10px 0px 10px 0px;
	border-bottom:1px #dddddd solid;
}
	div.CheckoutTop h1 {
		font-size:14px;
		color:#ffffff;
		margin:5px 0px 10px 0px;
		background-color:black;
		padding:5px;	
	}
	div.CheckoutTop a strong{
		text-decoration:underline !important;
		color:#000000 !important;
		font-size:10px !important;
	}
	div.CheckoutTop a {
		text-decoration:none !important;
		color:#666666;
		font-size:11px;
	}
	table.CheckoutDetails {
		width:382px;
		float:left;
	}
		table.CheckoutDetails strong {
			font-size:14px;
			color:#000000;
		}
		
	table.CheckoutDetailsRegister {
		width:803px;
		float:left;
	}
		table.CheckoutDetailsRegister strong {
			font-size:14px;
			color:#000000;
		}
div#CheckoutTop2{
	width:803px;
	float:left;
	padding:10px 0px 10px 0px;
	border-bottom:1px #dddddd solid;
}
	table.CheckoutDetailsFull {
		width:803px;
		float:left;
	}
		table.CheckoutDetailsFull strong {
			font-size:14px;
			color:#000000;
		}
		table.CheckoutDetailsFull a strong {
			font-size:12px;
			color:#C8421D !important;
		}
		a.EditBasketLink {
			color:#C8421D !important;
			font-size:12px !important;
			font-weight:bold !important;
			margin:0px 0px 0px 5px;
		}
	table.CheckoutDetailsMini {
		width:204px;
		float:left;
	}
		table.CheckoutDetailsMini strong {
			font-size:14px;
			color:#000000;
		}

	table.CheckoutDetailsSmall {
		width:264px;
		float:left;
	}
		table.CheckoutDetailsSmall strong {
			font-size:14px;
			color:#000000;
		}

div.CheckoutBottom{
	width:803px;
	float:left;
	padding:10px 0px 10px 0px;
	border-bottom:1px #dddddd solid;
	text-align:center;
}
	div.CheckoutBottom p {
		margin:3px 0px 3px 0px;
	}
		div.CheckoutBottom a{
			color:#000000;
		}

div.CheckoutBottomConfirmation{
	width:803px;
	float:left;
	padding:10px 0px 10px 0px;
	text-align:left;
}
	div.CheckoutBottomConfirmation p {
		margin:3px 0px 3px 0px;
	}
		div.CheckoutBottomConfirmation a{
			color:#000000;
		}
		div.CheckoutBottomConfirmation h2 {
			color:#000000;
			font-size:18px;
		}		
		div.CheckoutBottomConfirmation img{
			color:#000000;
			text-align: center !important;
		}

	div.CheckoutBottom h1 {
		font-size:30px;
		font-family:"Comic Sans MS";
		color:#000000;
	}
	
.TableDivider {
	border-left:1px #dddddd solid;
}
	div#CheckoutBasket table {
		font-size:11px;
		color:#666666;	
		width:803px;
		margin:10px 0px 0px 0px;
	}
		div#CheckoutBasket table a {
			color:#666666;	
			font-size:11px;
			text-decoration:none;
		}
		div#CheckoutBasket table input {
			font-size:10px;
			color:#666666;
		}
		
.LoginMessage {
	float:left;
}
.SecurePad2 {
	float:right; 
	margin:10px 0px 0px 0px;
}
.EmailLogin, .PasswordLogin {
	padding:5px 0px 0px 0px; float:right;
}
.WhiteText {
	color:#ffffff;
}
.PasswordMessage {
	font-size:10px; 
	padding:4px 0px 1px 0px; 
	float:left; 
	display:inline !important;
}
div#CheckoutContainer2010 {
    margin-left:10px;
}

/**************************** LOGIN ****************************/

div#Account {
	width:803px;
	margin:35px 75px 35px 75px;
	float:left;
}
	div#Account h1{
		margin:0px 0px 20px 0px;
		font-size:75px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		letter-spacing:-8px;
		font-weight:normal;
	}
		div#Account h1 span {
			float:left;
		}
		div#Account h1 a {
			float:right;
			margin:12px 0px 0px 10px;
		}
	div#Account h2{
		font-size:14px;
		color:#000000;
		margin:5px 0px 10px 0px;
		border-bottom:1px #000000 solid;
		padding:5px;
		width:793px;
	}
	div#Account h3{
		font-size:22px;
		color:#5a5a5a;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		border-bottom:1px #5a5a5a solid;
		padding:0px 0px 3px 0px;
	}
table.LoginTable {
	float:left;
	width:390px;
	margin:0px 10px 10px 0px; 
	color:#5a5a5a;
	height:215px;
	background-color:#2e2e2e;
	font-size:13px;
}
	table.LoginTable a {
		color:#5a5a5a;	
	}
	
div.LoginLine {
	float:left;
	height:215px;
	margin:0px 0px 10px 0px;
	border-left:1px #2e2e2e solid;
}
table.LoginTable1 {
	float:right;
	width:390px;
	height:215px;
	margin:0px 0px 10px 0px;
	color:#5a5a5a;
	font-size:13px;
	background-color:#2e2e2e;
}

/**************************** EDIT ACCOUNT ****************************/

table.DetailsTable {
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5a5a5a;
	margin:10px 0px 10px 10px;
}
	table.DetailsTable strong {
		font-size:14px;	
	}
table#OrderDetailTable {
	float:left;
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5a5a5a;
	margin:10px 0px 10px 10px;
}
	table#OrderDetailTable a {
		color:#5a5a5a;	
	}

table#OrderDetailTable2 {
	float:left;
	width:803px;
	font-size:11px;
	color:#5a5a5a;
	margin:10px 0px 10px 0px;
}
	table#OrderDetailTable2 strong{
	font-size:10px;
	color:#5a5a5a;
	}

table.DetailsTable2 {
	float:left;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#5a5a5a;
	margin:10px 0px 10px 0px;
}
	table.DetailsTable2 strong {
		font-size:12px;	
	}
.box1 {
	width:200px;
}
.box5 {
	width:100px;
}
.boxsml {
	width:24px;
}
.boxsml2 {
	width:40px;
}
div.AccountInner {
	background-color:#ffffff;	
	float:left;
	padding:10px;
	width:580px;
}
div#OrderID h1 {
	margin:0px 0px 0px 10px;
	font-size:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	letter-spacing:-2px;
	font-weight:normal;	
	float:left;
	width:100%;
}
table.OrderDetails {
	float:left;
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5a5a5a;
	margin:10px 0px 10px 10px;
}
	.DetailsHeader {
		font-size:22px;
		color:#5a5a5a;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		border-bottom:1px #5a5a5a solid;
		padding:0px 0px 8px 0px;			
	}
	table.OrderDetails strong {
		font-size:14px;	
	}
table#OrderDetailTable {
	float:left;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5a5a5a;
	margin:10px 0px 10px 10px;
}
	table#OrderDetailTable a {
		color:#5a5a5a;
		text-decoration:none;
		font-size:11px;	
	}

/**************************** EMAIL POPUP ****************************/

body#EmailBody {
	 background-color:#4e2d7e !important; 
	 background-image:none !important; 
	 background-repeat:no-repeat;
	 background-position:right bottom !important;
}
div#EmailFriendBox table{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	width:575px;
	color:#ffffff;
}
	div#EmailFriendBox textarea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;	
	}
div#EmailFriendBox h1 {
	font-size:16px;
	margin:10px 0px 0px 0px;
	font-weight:normal;
}
.EmailLine {
	background-color:#ef7e31;
	height:1px;
}

#SizeInfo td{
	border:0px #FFFFFF solid !important
}

div.ErrorBox {
	float:left;
	width:613px;
	padding:10px;	
	background-color:#ad3210;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
}
div.ErrorFull {
	float:left;
	width:803px;
	padding:10px;	
	background-color:#ad3210;
	font-size:14px;
	color:#ffffff !important;
	text-transform:uppercase;
}
div.ErrorCheckout {
	float:left;
	width:783px;
	padding:10px;	
	background-color:#ad3210;
	font-size:14px;
	color:#ffffff !important;
	text-transform:uppercase;
}
	div.ErrorCheckout font {
		color:#ffffff !important;
	}
	div.ErrorCheckout a {
		color:#000000 !important;
		text-decoration:none;
	}

/**************************** COMPETITION ****************************/

div#Competition {
	width:940px;
	float:left;
	padding:10px;
}
div#CompetitionNC {
	width:660px;
	float:left;
	padding:10px;
	text-align:left;
}
    div.LeftSide {
        float:left;
        width:392px;
    }
    img.GleeDvd {
        float:left;
    }
    img.GleeShoes {
        float:right;
        margin:10px 10px 0px 0px;
    }
    div.MovieContainer {
       float:left;
       margin:0px 10px 5px 38px;
    } 
        
    div.CompSky {
        background-image:url('/images/dearjohn/compback.jpg');
        background-repeat:no-repeat;
        background-position:center top;
        width:497px;
        height:228px;
        float:right;
        margin:0px 13px 0px 0px;
    }
    table.CompetitionTable {
        float:right;
        width:497px;
        color:#222222;
        font-size:12px;
        font-weight:bold;
        font-family:Arial;
    }
        table.CompetitionTable input {
            background-color:#e23d89;
            border:1px #e23d89 solid;
            height:16px;
            padding:5px 2px 2px 2px;
            color:#ffffff;
        }
        .CompTick {
            background-color:#ffffff !important;
            border:none !important;
        }
        .CompEnter {
            background-color:#C1001A !important;
            border:none !important;
            height:100px !important; 
            padding:0px !important;          
        }
        .CompEnter2 {
            background-color:#C1001A !important;
            border:none !important;
            height:65px !important; 
            padding:0px !important;          
        }        
        .GleeFaceBook {
            background-color:#ffffff !important;
            width:131px;
            border-left:1px #ffffff solid;
            border-top:1px #ffffff solid;
            float:right;
            padding:2px 2px 2px 2px;
        }
            .addthis_button_compact {
                color:#e23d89;
                text-decoration:none;
                font-size:14px;
                font-weight:normal;
                letter-spacing:-1px;
            }
            .addthis_button_compact2 {
                color:#e23d89;
                text-decoration:none;
                font-size:14px;
                font-weight:normal;
                letter-spacing:-1px;
                text-align:left;
                width:100%;
                float:left;
                padding:2px 0px 4px 0px;
            }
        .EntryText {
            float:right;
            width:477px;
            font-size:14px;
            margin:0px 13px 0px 0px;
            padding:10px 10px 10px 10px; 
            color:#222222;
            background-image:url('/images/dearjohn/compback2.jpg');
            background-repeat:no-repeat;
            background-position:center center ;
            height:48px;
        }
        .PrizeText {
            float:left;
            clear:left;
            width:400px;
            font-size:14px;
            margin:6px 0px 6px 10px;
            padding:0px;
        }
            .PrizeText strong{
                color:#e23d89;
            }
        .MovieMessage {
            float:left;
            background-color:#e3e3e3;
            padding:15px 10px 15px 10px;
            width:380px;
            margin:10px 0px 10px 0px;
            font-size:14px;
        }
            .MovieMessage strong{
                color:#C1001A;
            }
    div.FooterImages {
        float:right;
        width:509px;
    }
        div.FooterImages img {
            float:left;
        }
    
div#CompetitionEntry2 {
    float:left;
    width:940px;
    padding:10px;
}
    div#CompetitionEntry2 h1 {
        float:left;
        font-size:42px;
        letter-spacing:-2px;
        color:#333333;
        font-weight:normal;
        width:100%;
    }
    
    .GleeTerms {
        margin: 0px 0px 0px 10px;
        padding: 0px;
        width:100%;
    }
    
    .GleeTerms strong {
        font-size: 14px;
        color: #e23d89;
    }
    .GleeTerms p {
        font-size: 10px;
        color: #222222;
        margin:5px 20px 5px 0px;
    }   
    .GleeTerms ul {
        margin: 0px 10px 0px 0px;
        padding: 0px;
    }
    
    .GleeTerms li {
        font-size: 8px;
        list-style: none;
    }

/**************************** SONISPHERE ****************************/

div#CompUploader {
    float:left;
    margin:20px;
    color:#ffffff;
    font-size:14px !important;
}
.AddButton2 {
    margin-right:90px;
    width:51px;
    height:51px !important;
    background-image:none !important;
    float:right !important;
}
.AddButton {
    width:51px;
    height:51px !important;
    background-image:none !important;
    float:right !important;
}
.BrowseImage {
    background-color:#ffffff !important;
    width:220px;
    font-size:11px !important;
    height:22px !important;
    padding:2px 2px 4px 2px !important;
    color:#000000 !important;
}
div#CompetitionEntry2Son {
    float:left;
    width:940px;
    padding:10px;
}
    div#CompetitionEntry2Son h1 {
        float:left;
        font-size:42px;
        letter-spacing:-2px;
        color:#ffffff;
        font-weight:normal;
        width:100%;
    }
div.LeftSide2 {
    float:left;
    width:400px;
    margin:10px 0px 0px 0px;
}    
    div.TextOverlay{
	    width:400px;
	    background-color:#ffffff;
	    padding:10px 0px 10px 0px;
	    margin:0px 0px 0px 0px;
	    float:left;
    }

    div.LeftSide2 h4 {
        float:left;
        margin:5px 0px 5px 0px;
        font-size:26px;
        color:#222222;
        width:372px;
        padding:0px 10px 0px 10px;
        letter-spacing:-2px;
        font-weight:normal;
    }
    div.LeftSide2 p {
        float:left;
        margin:5px 0px 5px 0px;
        font-size:12px;
        color:#222222;
        width:372px;
        padding:0px 10px 0px 10px;
    }        
    div.LeftSide2 p strong {
        font-size:14px;
    }
div.RightSide {
    float:right;
    width:510px;
}    
    div.CompMessage {
        float:left;
        color:#ffffff;
        margin:10px 0px 0px 0px;        
    }
        div.CompMessage h1 {
            color:#ffffff;
            font-size:26px;
            font-weight:normal;
            margin:0px 0px 10px 0px;
            letter-spacing:-2px;
        }
        div.CompMessage h2 {
            color:#ffffff;
            font-size:15px;
            font-weight:normal;
            margin:0px 0px 10px 0px;
        }  
        div.CompMessage h3 {
            background-color:#ffffff;
            color:#222222;
            padding:2px;
            width:490px !important;
            font-size:15px;
            font-weight:normal;
            margin:5px 0px 0px 0px;
            float:left;
        }  
            div.CompMessage h3 span {
                border:1px #222222 solid;
                width:478px;
                padding:5px;
                float:left;
            }      
        div.CompMessage ul {
            margin:5px 0px 0px 15px;
        }  
            div.CompMessage li {
                margin:2px 0px 0px 0px;
            }  
    div.SonBanner {
        position:absolute;
        top:0px;
        right:-32px;
        z-index:30;
    }
    table.SonCompetitionTable {
        float:left;
        margin:10px 0px 0px 0px;
        background-color:#000000;
        width:496px;
        color:#ffffff;
        font-size:12px;
    }
        .SonFaceBook {
            background-color:#ffffff !important;
            width:131px;
            border-left:1px #cdd1d0 solid;
            border-top:1px #cdd1d0 solid;
            float:right;
            padding:2px 2px 2px 2px;
        }
            .SonFaceBook .addthis_button_compact {
                color:#000000;
                text-decoration:none;
                font-size:14px;
                font-weight:normal;
                letter-spacing:-1px;
            }
            .SonFaceBook .addthis_button_compact2 {
                color:#000000;
                text-decoration:none;
                font-size:14px;
                font-weight:normal;
                letter-spacing:-1px;
                text-align:left;
                width:100%;
                float:left;
                padding:2px 0px 4px 0px;
            }           
        table.SonCompetitionTable input {
            background-color:#000000;
            color:#ffffff;
            background-image:url('/images/sonisphere/input_bg.jpg');
            background-position:left bottom;
            background-repeat:no-repeat;
            border:none;
            height:21px;
            padding:6px 2px 2px 4px;
            margin:0px 0px 0px 10px;
        }     
        table.SonCompetitionTable p {
            float:left;
            padding:0px 0px 0px 0px;
            margin:2px 0px 2px 5px;  
        } 
        .SonCompTick {
            background-color:#000000 !important;
            border:none !important;
            background-image:none;
        }
        div.MovieContainer2 {
           float:left;
           margin:10px 0px 0px 0px;
        }
        div.BandText {
            width:486px;
            float:left;
            margin:10px 0px 0px 0px;
            z-index:5000;
            background-color:#000000;
            -moz-opacity: 0.7;
            opacity:.70;
            filter: alpha(opacity=70);
            padding:5px;
        }           
            div.BandText table {
                float:left;
                width:100%;
                color:#ffffff;
                font-size:14px;
                margin:0px 0px 0px 0px; 
            }  
            div.BandText table.BottomTable {
                float:left;
                width:100%;
                color:#ffffff;
                font-size:14px;
                margin:-30px 0px 0px 0px; 
            }             
div.FullWidth {
    width:920px;
    float:left;
    margin:10px 0px 0px 0px;
    z-index:5000;
    background-color:#000000;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
    padding:10px;
}
    div.FullWidth h3 {
        float:left;
        width:100%;
        font-weight:normal;
        color:#ffffff;
        font-size:26px;
        margin:10px 0px 10px 0px;
        letter-spacing:-2px;
    }  
    div.FullWidth p {
        float:left;
        width:100%;
        font-weight:normal;
        color:#ffffff;
        font-size:11px;
        margin:2px 0px 2px 0px;
    }    
    div.FullWidth p a{
        color:#ffffff;
        text-decoration:underline;
    }         
div.CheckAge {
    float:left;
    background-color:#000000 !important; 
    width:450px;    
    padding:10px 0px 10px 150px;
    text-align:left !important;
    color:#ffffff;
}   
    div.CheckAge table {
        font-size:19px;
        letter-spacing:-1px;
        width:300px !important;
    }
        div.CheckAge table span{
            font-size:16px;
            letter-spacing:0px;
        }    
    div#AgeClose {
        float:right;
        width:100px;
        padding:5px 5px 0px 5px;
        text-align:center;
        background-color:#000000;
    }                                   
/**************************** SIGN UP BOX ****************************/

span#SignUpHeader {
	float:left;
	width:680px;
	background-color:#2B215E;
	color:#ebebeb;
	font-size:18px;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
	span#SignUpHeader p {
		float:left;
		width:650px;
		margin:0px;
		padding:0px;
	}
table#SignUpForm {
	font-size:14px;
	font-weight:normal;
	color:#2B215E;
	width:365px;
	margin:30px 0px 20px 40px;
	float:left;
}
	.SignUpInput {
		border-bottom:1px solid #2B215E;
		border-top:none !important;
		border-left:none !important;
		border-right:none !important;	
		width:260px;
		background-color:#ebebeb;
		font-size:14px;
		color:#2B215E;
	}
span.StampImg {
	float:left !important;
	margin:40px 0px 0px 40px !important;
	width:171px !important;
}
div#SignUpTandC {
	float:left;
	width:640px;
	margin:0px 30px 0px 30px;
	color:#666666;
}
	div#SignUpTandC strong {
		font-size:14px;
	}
	div#SignUpTandC p {
		font-size:11px;
		margin:5px 0px 5px 0px;
		padding:0px;
	}
.CloseSignUp {
	float:right;
}

span#SignedUpHeader {
	float:left;
	width:601px;
	margin:20px 0px 0px 101px;
	background-color:#2B215E;
	color:#ebebeb;
	font-size:18px;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
	span#SignedUpHeader p {
		float:left;
		width:580px;
		margin:0px;
		padding:0px;
	}
div#SignedUpContent {
	background-color:#ffffff;
	color:#2B215E;
	font-size:14px;
	width:619px;
	margin:0px 0px 0px 101px;
	border:1px solid #2B215E;
}
	div#SignedUpContent img {
		border:none !important;	
	}
	div#SignedUpContent p {
		padding:10px;	
	}

span.NotAvailable {
	color:#178ac7;
	font-weight:bold;
}

/**************************** AMBASSADORS ****************************/

table#ambassadors {
	width:100%;
	color:#606060;
	font-size:12px;
}
	table#ambassadors strong a {
		margin:0px 0px 20px 0px;
		font-size:46px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		letter-spacing:-5px;
		font-weight:normal;			
	    text-decoration:none;	
	}
	table#ambassadors a {
		margin:0px 0px 0px 0px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-weight:normal;				
	}
	table#ambassadors span {
		margin:0px 0px 0px 0px;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-weight:normal;				
	}
	
/**************************** EASTER COMP ****************************/

div#EasterComp {
    float:left;
    width:580px;
    background-color:#ffffff;
    padding:10px;
}  
    table.EasterCompetitionTable {
        float:right;
        margin:0px 13px 10px 0px;
        background-color:#ffffff;
        width:497px;
        color:#333333;
        font-size:12px;
    }
        table.EasterCompetitionTable input {
            background-color:#ffffff;
            color:#333333;
            background-image:url('/images/input_bg.jpg');
            background-position:left bottom;
            background-repeat:no-repeat;
            border:none;
            height:21px;
            padding:6px 2px 2px 4px;
            margin:0px 0px 0px 10px;
        }
        .EasterCompTick {
            background-color:#ffffff !important;
            border:none !important;
            background-image:none;
        }
        
/**************************** NEWSLETTER SIGN UP ****************************/

div#NewsletterSignUp h1 {
	margin:0px 0px 20px 0px;
	font-size:75px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	letter-spacing:-12px;
	font-weight:normal;		
}

div#NewsletterSignUp span.Red {color: #CC0000;}

div#NewsletterSignUp table {margin: 10px;}

div.NewsletterResult 
{
    color: #CC0000;
    margin-left: 10px;
}

/**************************** MERLIN COMP ****************************/

div.CompTandC {
    float:left;
    background-color:#ffffff !important; 
    width:600px;    
    padding:10px 0px 10px 0px;
    text-align:left !important;
    color:#222222;
}   
    div.CompTandC p {
        font-size:11px;
        float:left;
        padding:5px !important;
        margin:0px 0px 0px 0px !important;
        width:590px;
    }  
    div.CompTandC h2 {
        font-size:22px;
        font-weight:normal;
        float:left;
        padding:5px;
        width:590px;
    }      
    div#CompClose {
        float:right;
        width:100px;
        padding:5px 5px 0px 5px;
        text-align:center;
        background-color:#ffffff;
    }
    
    /**************************** NEWSLETTER COMP ****************************/
    
    .NewsComp {
        float:left;
        width:940px;
        background-color:#e23d89;
        color:#ffffff;
        padding:10px;
        margin:0px 0px 10px 0px;
    }
    .NewsCompNC {
        float:left;
        width:660px;
        background-color:#e23d89;
        color:#ffffff;
        padding:10px;
        margin:0px 0px 10px 0px;
        text-align:left;
    }    
    .NewsComp h1, .NewsCompNC h1 {
        float:left;
        width:100%;
        color:#ffffff;
        font-size:46px;
        letter-spacing:-4px;
        font-weight:normal;
    }    
    .NewsComp h4 {
        float:left;
        width:100%;
        color:#ffffff;
        font-size:24px;
        font-weight:normal;
    }   
    .NewsCompNC h4 {
        float:left;
        width:100%;
        color:#ffffff;
        font-size:20px;
        font-weight:normal;
    }       
    .NewsComp h5, .NewsCompNC h5 {
        float:left;
        width:100%;
        color:#ffffff;
        font-size:12px;
        font-weight:normal;
    }              
    table.EmCompetitionTable {
        float:left;
        width:800px;
        color:#222222;
        font-size:12px;
        font-weight:normal;
        font-family:Arial;
        margin:0px 0px 0px 10px;
    }     
        table.EmCompetitionTable span {
            margin: 3px 0px 0px 0px;
            float: right;
        }
        
        table.EmCompetitionTable label {
            font-size:11px;
        }      
        table.EmCompetitionTable input {
            color:#212121;
        }
        table.EmCompetitionTable h4, table.EmCompetitionTable2 h4{
            padding:5px 2px 2px 2px;
            color:#e23d89;
            font-size:18px;
            font-weight:normal;
        }   
             
    .GleeTerms {
        margin: 0px 0px 0px 10px;
        padding: 0px;
        width:100%;
        float:left;
    }
    .InstrucText {
        font-weight:normal;
        font-size:11px;
    }
    .WatchPrize {
        float:left;
        margin:10px 0px 0px 5px;
    }
      
    /**************************** COSMO COMP ****************************/
    
    .CosmoComp {
        float:left;
        width:940px;
        color:#ffffff;
        font-size:46px;
        letter-spacing:-4px;
        font-weight:normal;
        padding:10px;
        margin:0px 0px 10px 0px;
        background-image:url('/images/CosmoHeader.jpg');
        background-repeat:repeat-x;
        background-position:left center;
    }  
    .CosmoBack {
        width:100%; 
        background-color:#ffffff; 
        float:left;
        background-image:url('/images/CosmoBack.jpg');
        background-repeat:repeat;
        background-position:left top;
    }
    
div#EmailWhenInStock {
    float:left;
    margin:10px;
    background-color:#ebebeb;
    padding:10px;
    width:920px;
}
    div#EmailWhenInStock h1 {
        font-size:36px;
        color:#222222;
        font-weight:normal;
        letter-spacing:-2px;
    }
        
              
div#MovieContainer {
    float:left;
    width:937px;
    background-image:url('/barratts/images/Tile1.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    height:325px;
    text-align:right;
    padding:21px 23px 0px 0px;
     
}
.ScottBody {
    background-color:#9C0D0F !important;
    background-image:none !important;
} 
.ScottCompBack {
    float:left;
    width:960px;
    background-image:url('/barratts/images/Tile3.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    height:184px;
    padding:2px 0px 0px 0px;
}
.ScottImage {
    float:left;
    display:block;
}
.ScottTable {
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    letter-spacing:-1px;    
}
.InputBack1 {
	width:208px;
    background-image:url('/barratts/images/InputBack.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
    height:27px;
}
.InputBack2 {
	width:32px;
    background-image:url('/barratts/images/InputBack1.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
    height:27px;
}
.InputBack3 {
	width:48px;
    background-image:url('/barratts/images/InputBack2.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
    height:27px;
}
.InputBack4 {
	width:82px;
    background-image:url('/barratts/images/InputBack3.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
    height:27px;
}
.ScottBox {
	width:200px;
    border:1px solid #ffffff;
}
.ScottBox1 {
	width:24px;
	border:1px solid #ffffff;
}
.ScottBox2 { 
	width:40px;
	border:1px solid #ffffff;
}
.ScottBox4 { 
	width:70px;
	border:1px solid #ffffff;
}
.ScottTerms {
    float:left;
    background-color:#360606;
    color:#ffffff;
    width:920px;
    padding:20px;
}
    .ScottTerms strong {
        font-family:Arial;
        font-size:24px;
        font-weight:normal;
        letter-spacing:-1px;
    }

div#ScottBack2 {
    float:left;
    width:940px;
    padding:10px;
    background-image:url('/barratts/images/EnteredBack.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
}
    div#ScottBack2 h1 {
        float:left;
        font-size:42px;
        letter-spacing:-2px;
        color:#ffffff;
        font-weight:normal;
        width:100%;
        margin:0px 0px 10px 0px;
    }    
    div#ScottBack2 table {
        color:#ffffff;
        font-size:16px;
        font-weight:bold;
    }
    
div#VideoBack {
    background-image:url('/content/info/images/SSVideoBack.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    width:890px;
    height:780px;
    padding:50px 50px 0px 0px;
    margin:10px 0px 10px 10px;
    float:left;
    text-align:right;
}

div#Retailers {
    float: left;
    margin: 5px;
}
    div#Retailers h1 {
        font-size:18px;
        font-weight:normal;
        color:#222222;
        letter-spacing:-1px;
        background-color: #FA58FB;
        color:#ffffff;
        padding:5px;
        margin:5px;
    }
    div#Retailers span {
        float:left;
        margin:5px;
    }
        div#Retailers span img {float:left;}
        
        div#Retailers span p {
            float:left;
            clear:both !important;
            margin:0px;
            padding:2px 0px 2px 0px;
            font-size:11px;
        }        
    
    
div#KerrangComp {
    float: left;
}

    div#KerrangComp h1 {
        float:left;
        font-size:41px;
        letter-spacing:-2px;
        color:#333333;
        font-weight:normal;
        margin: 0px 0px 0px 150px;
    }
        div#KerrangComp h1 a {
            color:#000000;
        }
    
    img.LogoImage {
        float: left;
        margin: 20px 0px 20px 0px;
    }
    
    img.KerrangLogoImage {
        float: left;
        margin: 20px 0px 20px 150px;
    }    
    
    div#KerrangComp table {
        font-size:14px;
    }
    
    .SurveyComp {
        float:left;
        width:940px;
        color:#212121;
        font-size:46px;
        letter-spacing:-4px;
        font-weight:normal;
        padding:10px;
        margin:0px 0px 10px 0px;
    } 
    .SurveyComp2 {
        float:left;
        width:940px;
        color:#212121;
        font-size:14px;
        font-weight:normal;
        padding:2px 10px 2px 10px;
        margin:0px 0px 10px 0px;
    }        
