/* --------------------------------- */
/* Occasionwear Syle Sheet	         */
/* --------------------------------- */
/* Date Created 30/03/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;
}

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

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

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

#left_text_area {
	width:520px;
	height:150px;
	float:left;
	margin-top:70px;
	margin-left:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:13px;
}


#left_text_area a:link {
	font-size:12px;
	color:#4a2225;
	text-decoration:underline;
	font-weight:bold;
}

#left_text_area a:visited {
	font-size:12px;
	color:#4a2225;
	text-decoration:underline;
	font-weight:bold;
}


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


#left_text_area a:active {
	font-size:12px;
	color:#4a2225;
	text-decoration:underline;
	font-weight:bold;
}


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

#buttons_container {
	width:209px;
	height:300px;
	float:left;
	overflow:hidden;
}

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/OccasionwearShop/button1.gif) no-repeat;
}

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

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

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

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

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

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

}

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

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

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

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

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

#OccasionwearTips ul#navigation li.button6 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;
}

/* --------------------------------------- Share bar ----------------------------------------- */	

#occasionwear_share_bar {
	margin-top:0px;
	height:32px;
	width:194px;
	margin-left:0px;
	float:left;
	clear:both;
}

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


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

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

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

#footer_container {
	width:945px;
	height:250px;
	background-color:#fff;
	margin:0;
	padding:0;
	margin-top:10px;
	
}

#footer_title {
	width:220px;
	height:48px;
	background:url(../pix/OccasionwearShop/footer_title.gif) no-repeat;
}

#footer_image1 a {
	margin-top:10px;
	width:319px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-01.jpg) no-repeat;
	float:left;
}	

#footer_image2 a {
	margin-top:10px;
	width:319px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-02.jpg) no-repeat;
	float:left;
}	

#footer_image3 a {
	margin-top:10px;
	width:303px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-03.jpg) no-repeat;
	float:left;
}

#footer_image4 a {
	margin-top:10px;
	width:319px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-04.jpg) no-repeat;
	float:left;
}	

#footer_image5 a {
	margin-top:10px;
	width:319px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-05.jpg) no-repeat;
	float:left;
}	

#footer_image6 a {
	margin-top:10px;
	width:303px;
	height:90px;
	background:url(../pix/OccasionwearShop/footer_button-06.jpg) no-repeat;
	float:left;
}

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