/* --------------------------------- */
/* HolidayShop Syle Sheet	         */
/* --------------------------------- */
/* Date Created 13/04/2010			 */
/* --------------------------------- */


/* -------------------------- 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 ----------------------------*/

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

#header {
	width:945px;
	height:561px;
	background:url(../pix/HolidayShop/main_bg.jpg) no-repeat;
}

.scroller {
	float:left;
	width:150px;
	height:560px;
	margin-top:72px;
	margin-left:15px;
	overflow:hidden;
}

#left_container {
	width:700px;
	height:514px;
	float:left;
	padding:23px;
	overflow:hidden;
}

#left_text_area_container {
	width:700px;
	height:160px;
	float:left;
	margin-top:20px;
	overflow:hidden;
}

#left_text_area {
	font-size:14px;
	width:425px;
	height:145px;
	float:left;
	padding-left:245px;
	padding-top:15px;
	overflow:hidden;
	color:#000000;
}

#left_text_area a:link {
	font-size:14px;
	color:#3d5b7e;
	text-decoration:underline;
	font-weight:bold;
}

#left_text_area a:visited {
	font-size:14px;
	color:#3d5b7e;
	text-decoration:underline;
	font-weight:bold;
}


#left_text_area a:hover {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


#left_text_area a:active {
	font-size:14px;
	color:#3d5b7e;
	text-decoration:underline;
	font-weight:bold;
}

/* --------------------------------------- Navigation ----------------------------------------- */	

#buttons_container {
	width:209px;
	height:320px;
	float:left;
	overflow:hidden;
	margin-top:40px;
}

ul#navigation {
	width:209px;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	list-style-type:none;
}

ul#navigation li {
	height:39px;
	width:209px;
	margin-bottom:13px;
	display:block;
	overflow:hidden;
}

ul#navigation li a {
	height:39px;
	width:209px;
	margin-bottom:6px;
	display:block;
}

ul#navigation li.button1 a {
	background:url(../pix/HolidayShop/button1.gif) no-repeat;
}

ul#navigation li.button2 a {
	background:url(../pix/HolidayShop/button2.gif) no-repeat;
}

ul#navigation li.button3 a {
	background:url(../pix/HolidayShop/button3.gif) no-repeat;
}

ul#navigation li.button4 a {
	background:url(../pix/HolidayShop/button4.gif) no-repeat;
}

ul#navigation li.button5 a {
	background:url(../pix/HolidayShop/button5.gif) no-repeat;
}

ul#navigation li.button6 a {
	background:url(../pix/HolidayShop/button6.gif) no-repeat;
}

ul#navigation li.button7 a {
	background:url(../pix/HolidayShop/button7.gif) no-repeat;
}

ul#navigation li a:hover {
	background-position:-209px;

}

/* Show over state of button when on relative page */
	
#HolidayShopHome ul#navigation li.button1 a {
	background-position:-209px;
}

#HolidayShopApple ul#navigation li.button2 a {
	background-position:-209px;
}

#HolidayShopHourglass ul#navigation li.button3 a {
	background-position:-209px;
}

#HolidayShopBoyish ul#navigation li.button4 a {
	background-position:-209px;
}

#HolidayShopTips ul#navigation li.button5 a {
	background-position:-209px;
}

#HolidayShopMustHaves ul#navigation li.button6 a {
	background-position:-209px;
}

#HolidayShoptopheavy ul#navigation li.button7 a {
	background-position:-209px;
}

/* --------------------------------------- Scroller ----------------------------------------- */	

.prev a {
	width:30px;
	height:23px;
	position:absolute;
	float:left;
	margin-left:788px;
	margin-top:25px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

.next a {
	width:30px;
	height:23px;
	position:absolute;
	float:left;
	margin-left:788px;
	margin-top:500px;
	background:url(../pix/spacer/spacer.gif) repeat;
}


/* --------------------------------------- Layout for right container ----------------------------------------- */


#video_container {
	width:452px;
	height:300px;
	float:left;
	margin-left:20px;
	margin-top:40px;
}

#shop_video_container {
	width:452px;
	height:300px;
	float:left;
	overflow:hidden;
	padding-top:0px;
}


/* --------------------------------------- Footer Area ----------------------------------------- */	


#footer_container {
	width:945px;
	height:259px;
	background-color:#fff;
	margin:0;
	padding:0;
	margin-top:10px;
	background:url(../pix/HolidayShop/footer_bg.jpg) no-repeat;	
}

#footer_button1 a {
	width:160px;
	height:160px;
	position:absolute;
	overflow:hidden;
	margin-left:20px;
	margin-top:60px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#footer_button2 a {
	width:160px;
	height:160px;
	position:absolute;
	overflow:hidden;
	margin-left:197px;
	margin-top:60px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#footer_button3 a {
	width:160px;
	height:160px;
	position:absolute;
	overflow:hidden;
	margin-left:389px;
	margin-top:60px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#footer_button4 a {
	width:160px;
	height:160px;
	position:absolute;
	overflow:hidden;
	margin-left:582px;
	margin-top:60px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#footer_button5 a {
	width:160px;
	height:160px;
	position:absolute;
	overflow:hidden;
	margin-left:768px;
	margin-top:60px;
	background:url(../pix/spacer/spacer.gif) repeat;
}

/* ---------------------------- BRANDS AREA -----------------------------*/

#Brands-outer {	
	width:943px;
	height:61px;
	border:#003366 1px solid;
	background:url(../pix/HolidayShop/Brands-Bg.jpg) repeat-x;
	margin:0 0 2px 0;
	padding:0;
}

#BrandLogos {
	width:130px;
	height:61px;
	float:left;
	text-align:center;
}

#BrandLogos-start {
	width:100px;
	height:61px;
	float:left;
	text-align:center;
	padding:0 0 0 40px;
}