@charset "utf-8";
/* CSS Document */

img {
	border:none;
	}

a {
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover {
	color:#30282e;
	}

.content{
	background: url(images/bg.jpg);
	background-position:top center;
	background-repeat: repeat;
	margin:0px;
	padding:0px;
} 

.designerText {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:65px;
	text-transform:uppercase;
	line-height: 16px; 
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#615f5f;
}

.footer_table {
	border: 2px solid #434242;
	background-color:#000000;
}

.table {
	border: 1px solid #C7C6C6;	
}

.large_cell{
	background: url(images/box_large_bg.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	padding:10px 25px 15px 25px;	
}

.large_cell_white{
	background: url(images/box_large_bg.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	padding:10px 25px 15px 25px;	
}

.plain_cell{
	background: url(images/box_bg.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	padding:25px;	
}

.title_cell{
	background: url(images/title_bar_bg.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	padding:17px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#434242;
	text-align:right;
}

.title_gray{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#434242;
}

.plainText {
	color:#b2b1b1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}
.Season_Year {
	color:#dbb3d4;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:30px;
	font-weight:lighter;
}

.address {
	color:#b2b1b1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#picture{
	clear:both;
	float:left;
	width:350px;
	height:150px;
	padding-right:15px;
	padding-left:0px;
	padding-bottom:10px;
	}
.footer_plainText {
	color:#b2b1b1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
}

.plain_white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

.titles_white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.sidebar {
	background: url(images/sidebar_bg.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

#designers_list{
	width:160px;
	height:auto;
	background-color:#000000;
	border:2px solid #424242;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight: normal;
	opacity:0.8;
	padding:22px 25px;
	line-height:24px;
	}
	
.header{
	margin-top: 50px;
	margin-bottom: 10px;
	background: url(images/header_bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}

.collections {
	background:#000000;
	border: 2px solid #434142;
	}
.padding {
	padding-left:38px;
	}

.directions a:hover{
	background: url(images/directions_btn_hover.png);
	}
	
<!--Slider Styles-->
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	color:white;
	}
#slider, #slider li{ 
	width:200px;
	height:600px;
	overflow:hidden; 
	}
<!--Slider 2 Styles-->
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}