/* 
	client:		The Beatles Story
	design:		Michael Braithwaite (Rippleffect)
	xhtml&css:  Michael Braithwaite (Rippleffect)
	php:		James Easterby (Rippleffect)
	
	***** layout *****
*/

* {
	margin:0;
	padding:0;
}

.award {
	background-image:url(/assets/site_images/layout/tmp-award.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:83px;
	width:194px;
	float:left;
	display:block;
	position:absolute;
	top:7px;
	.top:15px;
	left:169px;
}

.award p {
	text-indent:-9999px;
}

/* main structure */

#container {
	width:930px;
	padding:8px 15px 8px 15px;
	margin:0 auto;
	position:relative;
	display:block;
}

#yellow-submarine-box {
	width:100%;
	height:541px;
	float:left;
	z-index:-1;
	position:relative;
	top:-541px;
	margin-bottom:-541px;
	/*background-image:url(/assets/site_images/layout/yellow-submarine.png);*/
	background-position:bottom center;
}



/* end main structure */

/* header */

#header {
	position:relative;
	z-index:5;
}

#main-search {
	width:244px;
}

/* end header */

/* main image area */

#main-image {
	z-index:1;
}

#main-image #slideshow {
	position:relative;
	z-index:1;
	position:absolute !important;
	top:92px;
	left:-50px;
	width:1060px;
	height:316px;
	overflow:hidden;
}

#main-image #slideshow img {
	position:relative;
	z-index:1;
	height:316px;
}

#main-image .main-image-overlay {
	position:absolute;
	top:92px;
	left:-50px;
	z-index:2;
	background-image:url(/assets/site_images/main-image/master-overlay.png);
	height:316px;
	width:1060px;
}

/* orange calls-to-action */

.orange-banners {
	width:710px;
	display:block;
	margin:-5px 0 20px -5px;
	float:left;
	position:relative;
	z-index:10;
	background-image:url(/assets/site_images/calls/shop-home/orange-top.png);
}

.orange-banners .banner {
	float:left;
	width:220px;
	padding:5px 5px 0 5px;
	margin:0 5px 5px 0;
	position:relative;
}

.orange-banners .bottom {
	width:710px;
	height:18px;
	display:block;
	margin:0 0 0 0;
	float:left;
	position:relative;
	z-index:10;
	background-image:url(/assets/site_images/calls/shop-home/orange-bottom.png);
	background-position:bottom left;
}

/* breadcrumb */

#breadcrumb {
	width:911px;
	display:block;
	margin:163px 0 0 0;
	padding:0 10px;
	float:left;
	position:relative;
	z-index:2;
	background-color:#ff5113;
}

/* main content area */

#main-content {
	width:960px;
	float:left;
	margin:20px 0 20px 0;
	padding:0 0 80px 0;
	position:relative;
	z-index:10;
}

.desc {
	margin:0 0 20px 0;
}

.homepage {
	background-image:url(/assets/site_images/layout/home-content-bg.gif);
	background-repeat:repeat-y;
	background-position:top center;
}

.homepage .column {
	width:300px;
	float:left;
	margin:0 15px 0 0;
}

#internal .small-column {
	width:221px;
	float:left;
}

#internal .centre-column {
	width:458px;
	float:left;
	margin:0 15px;
}

#internal .full-column {
	width:694px;
	float:left;
	margin:0 0 0 15px;
	position:relative;
	z-index:50;
}

.master {
	position:relative;
	z-index:10;
}

.news {
	position:relative;
	z-index:10;
}

#internal .news .centre-column {
	width:694px;
	margin:0 0 75px 15px;
}

.internal-nav {
	width:221px;
	float:left;
	margin:0 0 15px 0;
	background-color:#2687d6;
}

#staff-picks {
	padding:0 0 6px 0;
	border-bottom:1px solid #62A8E1;
}

.internal-nav .product {
	border-bottom:1px dotted #fff;
	border-top:1px dotted #fff;
	float:left;
	clear:left;
	width:211px;
	margin:0 5px -1px 5px;
	padding:10px 0;
	display:inline;
}

#twit-facebook {
	width:231px;
	float:left;
	clear:left;
	margin:0 0 100px -5px;
	background-image:url(/assets/site_images/buttons/twit-facebook/ul-bg.png);
}

/** blue banner **/

.homepage .column .blue-banner {
	width:300px;
	background-color:#99c7ec;
	background-image:url(/assets/site_images/calls/blue-bottom-corner.png);
	background-position:bottom left;
	float:left;
	position:relative;
	margin:0 0 15px 0;
}

.homepage .column .blue-banner .text {
	width:270px;
	padding:10px 9px;
}

#promos .blue-banner .text {
	width:190px;
	float:left;
	padding:7px 10px 15px 10px;
}

#promos .blue-banner .full-text {
	width:210px;
	float:left;
	padding:7px 10px 15px 10px;
}

/*** internal banners specific ***/

#internal .small-column .blue-banner {
	width:221px;
	background-color:#99c7ec;
	background-image:url(/assets/site_images/calls/blue-bottom-corner.png);
	background-position:bottom right;
	float:left;
	position:relative;
	margin:0 0 15px 0;
}

#internal .small-column .blue-banner .text{
	width:131px;
	float:left;
	padding:7px 10px 15px 10px;
}

.small-column #promos .blue-banner .full-text {
	width:190px;
}
/*** register specific ***/

#register {
	margin:20px 0 0 0;
}

/** homepage news & events **/

#news {
	padding:10px 0 0 0;
}

#news ul li .text {
	padding:0 15px;
}

/* master template */

/** related items (links / documents etc) **/

#related-items {
	float:right;
	width:221px;
	margin:0 0 15px 0;
	background-color:#f5c6b5;
}

/* news listing template */

#news-listing {
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-top:1px solid #4297DB;
	float:left;
	clear:both;
}

/** paging **/

.paging-bar {
	margin:0 0 10px 0;
	background-color:#ff5113;
	border-top:1px solid #ff8559;
	border-bottom:1px solid #ff8559;
	width:696px;
	float:left;
}

/** individual product page **/

#individual-product-info {
	width:380px;
	padding:5px 15px;
	background-image:url(/assets/site_images/layout/product-info-bg.png);
	background-position:bottom left;
	border-top:1px solid #3b92da;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
}

#individual-product-image {
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	border:1px solid #62A8E1;
	padding:1px;
	width:270px;
}

/** basket area **/

ul.basket-nav {
	background-image:url(/assets/site_images/basket/basket-tab-minimal-bg.png);
	background-position:0 0;
	display:inline;
	float:right;
	width:451px;
	height:31px;
	padding:2px;
	margin:0 -2px 10px 0;
}

ul#basket {
	background-position:0 0;
}

ul#details {
	background-position:0 -35px;
}

ul#payment {
	background-position:0 -70px;
}

ul#confirmation {
	background-position:0 -105px;
}

/*** basket table ***/

.basket table {
	width:696px;
	border-collapse:collapse;
}



/* end main content area */

/* footer */

#footer {
	width:100%;
	background-image:url(/assets/site_images/layout/footer-bg.png);
	background-repeat:repeat-x;
	background-color:#99c7ec;
	float:left;
}

#footer #footer-inner {
	width:930px;
	margin:0 auto;
	padding:15px 0 30px 0;
	position:relative;

}



/* end footer */