/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : christmas Shop                                                              */
/*                                                                                               */
/* Script Name     : christmas_shop.css                                                          */
/*                                                                                               */
/* System Name     : chrisotron3000                                                              */
/*                                                                                               */
/* Author          : hepd023                                                                     */
/*                                                                                               */
/* Date            : 16/08/2010                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains styling for the christmas shop                                     */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     16/08/2010 hepd023 Original version 2010.                                             */
/* 2.0     22/08/2010 hepd023 Version 2011.                                            			 */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/ 

/* -------------------------- RESETS ------------------------------*/

body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
	margin:0;
	padding:0;
}

/* ----------------------- MAIN LAYOUT ----------------------------*/

#main_container {
	width:945px;
	height:auto;
	padding:0;
	margin:auto;
	background-color:#fff;
}

#header_bg_container {
	width:945px;
	height:586px;
	overflow:hidden;
	background:url(../pix/christmas/christmas_bg.jpg) no-repeat;
}

/* ----------------------- H TAG STYLES ----------------------------*/

h1.main_title {
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	font-size:1px;
}

/* ----------------------- MAIN NAV ----------------------------*/



#christmas_nav_button1 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:185px;
	background:url(../pix/christmas/home_button.jpg);
}

#christmas_nav_button1 a:hover {
	background-position: -244px;
}

#christmas_nav_button2 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:235px;
	background:url(../pix/christmas/gifts_for_her_button.jpg);
}

#christmas_nav_button2 a:hover {
	background-position: -244px;
}

#christmas_nav_button3 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:285px;
	background:url(../pix/christmas/gifts_for_him_button.jpg);
}

#christmas_nav_button3 a:hover {
	background-position: -244px;
}

#christmas_nav_button4 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:335px;
	background:url(../pix/christmas/gifts_for_kids_button.jpg);
}

#christmas_nav_button4 a:hover {
	background-position: -244px;
}

#christmas_nav_button5 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:385px;
	background:url(../pix/christmas/toys_button.jpg);
}

#christmas_nav_button5 a:hover {
	background-position: -244px;
}

#christmas_nav_button6 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:435px;
	background:url(../pix/christmas/entertainment_button.jpg);
}

#christmas_nav_button6 a:hover {
	background-position: -244px;
}

#christmas_nav_button7 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:485px;
	background:url(../pix/christmas/food_button.jpg);
}

#christmas_nav_button7 a:hover {
	background-position: -244px;
}

#christmas_nav_button8 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:535px;
	background:url(../pix/christmas/experience_button.jpg);
}

#christmas_nav_button8 a:hover {
	background-position: -244px;
}


#christmas_nav_button9 a {
	width:244px;
	height:37px;
	overflow:hidden;
	position:absolute;
	margin-top:135px;
	background:url(../pix/christmas/new_in_button.jpg);
}

#christmas_nav_button9 a:hover {
	background-position: -244px;
}

/* ----------------------- 3 FOR 2 BUTTONS ----------------------------*/


#christmas_3for2_main a {
	width:159px;
	height:158px;
	background:url(../pix/christmas/3for2_button.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:123px;
	margin-left:290px;
}

#christmas_3for2_main a:hover {
	background-position: -159px;
}

#christmas_3for2_1 a {
	width:95px;
	height:94px;
	background:url(../pix/christmas/3for2_button_1.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:120px;
	margin-left:453px;
}

#christmas_3for2_1 a:hover {
	background-position: -95px;
}

#christmas_3for2_2 a {
	width:95px;
	height:94px;
	background:url(../pix/christmas/3for2_button_2.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:59px;
	margin-left:548px;
}

#christmas_3for2_2 a:hover {
	background-position: -95px;
}

#christmas_3for2_3 a {
	width:95px;
	height:94px;
	background:url(../pix/christmas/3for2_button_3.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:142px;
	margin-left:644px;
}

#christmas_3for2_3 a:hover {
	background-position: -95px;
}

#christmas_3for2_4 a {
	width:95px;
	height:94px;
	background:url(../pix/christmas/3for2_button_4.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:32px;
	margin-left:739px;
}

#christmas_3for2_4 a:hover {
	background-position: -95px;
}

#christmas_3for2_5 a {
	width:95px;
	height:94px;
	background:url(../pix/christmas/3for2_button_5.jpg) no-repeat;
	overflow:hidden;
	position:absolute;
	margin-top:160px;
	margin-left:835px;
}

#christmas_3for2_5 a:hover {
	background-position: -95px;
}

/* ----------------------- GIFT TAG OFFER ----------------------------*/

#gift_tag_offer a {
	position:absolute;
	width:304px;
	height:206px;
	margin-left:415px;
	margin-top:307px;
	overflow:hidden;	
}

/* ----------------------- FOOTER BOXES ----------------------------*/

#footer_container {
	width:945px;
	height:128px;
	overflow:hidden;
	margin-top:10px;	
}

#footer_box_type_a {
	width:228px;
	height:128px;
	float:left;
	margin-right:11px;
	overflow:hidden;		
}

#footer_box_type_b {
	width:228px;
	height:128px;
	float:left;
	overflow:hidden;		
}

p.footer_text {
	font-size:1px;
	display:none;
	font-family:Arial, Helvetica, sans-serif;	
}


/* ----------------------- PROMO BANNERS ----------------------------*/

#flex_banner {
	width:945px;
	height:107px;
	overflow:hidden;
	margin-top:10px;
}


/* ----------------------- TEXT STYLES ----------------------------*/

span.last_dates_text a:link {
	position:absolute;
	font-size:11px;
	color:#5f376d;
	font:Arial;
	font-weight:bold;
	margin-top:118px;
	margin-left:720px;
	text-decoration:underline;
}

span.last_dates_text a:hover {
	text-decoration:none;
}

/* ----------------------- COUNTDOWN ----------------------------*/

#countdown_dashboard {
	height: 110px;
	position:absolute;
	margin-left:710px;
	margin-top:75px;	
}

.dash {
	width:50x;
	height:75px;
	float:left;
	padding-left:17px;
	position:relative;
	overflow:hidden;
}

.dash .digit {
	font-size:25px;
	font-weight:bold;
	float:left;
	width:15px;
	text-align:center;
	font-family:Arial;
	color:#555;
	position:relative;
}

.hours_dash {
	margin-left:5px;
}

.minutes_dash {
	margin-left:5px;
}

.seconds_dash {
	margin-left:2px;
}