/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* ----------------- */
/* General Selectors */
/* ----------------- */

body {	
	background-color: #FFF;
	}
	a:hover {
		text-decoration: none;
		}
	span.break {
		display: block; /* For line break */
		}
	/* Single Photo */
	div.photo {
		margin-bottom: 20px;		
		}
		span.photo {
			display: block;	
			padding: 1px;
			border: 1px solid #9B9DA0;
			}
			span.photo img {
				display: block;
				border: 1px solid #636467;
				}
		div.photo p.caption {							
			margin: 2px 3px;
			}
	/* Multiple Photos */
	div.photo-multi {			
		padding: 1px;	
		border: 1px solid #4C4D4F;		
		}
		div.photo-multi-body {
			padding: 30px; /* Edited in IE 7 CSS */
			background-color: #4C4D4F;					
			}
		div.photo-multi .f1, div.photo-multi .f2 {
			margin: 0;
			}	
	/* Generic Floats */
	.f1 {
		float: left;
		margin: 0 15px 5px 0;
		}	
	.f2 {
		float: right;
		margin: 0 0 5px 15px;
		}		

/* ------------------ */
/* Specific Selectors */
/* ------------------ */

/* Outer container */
div#main {
	position: relative;
	width: 780px;
	min-height: 500px;
	margin: 0 auto 30px auto;
	background: transparent url(../../images/backgrounds/white-w-shadow.jpg) repeat-y;
	}
	/* Header Navigation */
	/* Should be with rest of nav but isn't due to Flash replacement */
	div#header-nav {
		position: absolute;
		z-index: 1;
		top: 2px;
		right: 32px;
    width: 229px;
}
	a#logo-access {
	 	font-size: .9em;
	 	color: #A0A0A2;
		text-transform: uppercase;
		text-decoration: none;
	 	}
	a#logo-access:hover {
		text-decoration: underline;
		}
	/* Prettier color for the language links */	
	a#lang-nav {
	 	font-size: .9em;
	 	color: #A0A0A2;
		text-decoration: none;
	 	}
	a#lang-nav:hover {
		text-decoration: underline;
		}
	/* Page Header */
	div#header {
		position: relative;
		z-index: 0;
		width: 780px;
		height: auto;		
		background: transparent url(../../images/backgrounds/white-w-shadow-top.jpg) no-repeat;		
		}
		div#header h1 {
			display: none; /* For print only */
			}
		/* Flash Header */
		/* Container specifically for Flash replacement */
		div#flash-header {
			display: block;
			position: relative;
			top: 49px;
			width: 668px;
			height: 231px;					
			margin-left: 54px;
			padding: 1px;
			background-color: #FFF;
			border: 1px solid #9B9DA0;
			}
			/* Logo */		
			div#logo {	
				width: 668px;
				height: 231px;	    
				background: #CF2A23 url(../../images/logos/shop24-on-red.jpg) center center no-repeat;			
				}				
		/* Navigation */
		div#navigation {
		    position: absolute;	
			top: 190px;
			left: 1px;
			width: 668px;
			height: 41px;					
			background: transparent url(../../images/backgrounds/dash.gif) repeat-x; /* Old bg color #CF2A28 */		
            border-bottom: 1px solid #DB5F5D;
			text-align: center;
			}
			div#navigation ul {
				margin: 0;
				padding: 0;
				list-style-type: none;					
				}
				div#navigation li {	
					display: inline;
					margin: 0;
					padding: 0;
					}				
					div#navigation a {
						display: -moz-inline-box; /* Firefox bug fix */
						display: inline-block;
						margin-top: 10px;					
						padding: 3px 20px;
						color: #FFF;
						font-size: 11px;
						text-decoration: none;
						text-transform: uppercase;
						border-right: 1px solid transparent;
						border-left: 1px solid transparent;
						}
					div#navigation a:hover {
						border-right: 1px dashed #E79493;
						border-left: 1px dashed #E79493;
						}
	/* Page Body */
	div#body {
		width: 668px;
		padding: 1px;
		height: auto;
		margin: 60px 0 11px 54px;		
		border: 1px solid #9B9DA0;
		}
		/* Content */
		div#content {
			width: 668px;
			height: auto;
			min-height: 200px;			
			padding: 23px 0 23px;
			color: #DBDBDB;			
			background-color: #636467;
			}
			div#content h2 {							
				padding: 11px 39px;		
				color: #333133;				
				background-color: #9B9DA0;
				}
			div#content a {
				color: #DBDBDB;
				}			
				div#content a:hover {
					text-decoration: none;
					}
			/* Added due to various differences between different pages, along with complex borders */
			div#content div.content-body {
				padding: 0 39px;
				}						
	/* Page Footer */
	div#footer {
		width: 780px;
		height: auto;
		min-height: 27px;
		padding-top: 27px;
		background: transparent url(../../images/backgrounds/white-w-shadow-bottom.jpg) no-repeat;
		}
		/* Advertisement */
		div#advertisement {
			background: transparent url(../../images/backgrounds/white-w-shadow-ad.jpg) repeat-y;
			}
			div#ad-header {
				width: 780px;
				height: 31px;
				overflow: hidden;
				background: transparent url(../../images/backgrounds/white-w-shadow-ad-top.jpg) no-repeat;
				}
			div#ad-body {
				color: #4C4D4F;
				padding-left: 42px;
				padding-right: 37px;
				}
				/* Adjust placement of Flash movie */
				div#ad-body object, div#ad-body embed {
					position: relative;
					top: -10px;
					left: 20px;
					}				
				div#ad-body blockquote p {					
					font-style: normal;
					font-size: 20px;
					line-height: 1.3em;
					font-weight: bold;
					text-transform: uppercase;					
					}
					div#ad-body blockquote p strong {
						font-size: 26px;
						}
					div#ad-body blockquote p cite {
						display: inline;
						font-style: italic;
						font-size: 12px;
						font-weight: normal;
						text-transform: none;			
						}
			div#ad-footer {
				width: 780px;
				height: 50px;
				overflow: hidden;
				background: transparent url(../../images/backgrounds/white-w-shadow-ad-bottom.jpg) no-repeat;
				}
		/* Credit */
		div#credit {
			width: 780px;
			color: #DBDBDB;
			background-color: #FFF;
			text-align: center;
			}