/* CSS Document for www.winebox.ca (Quintessential Canada) */

body {
	margin:0px;
	padding:0px;
	background-color: #9A8665;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	font-size: 11px;
	margin:0px;
	padding: 0px;
}
#home {
	position:absolute;
	left:50%;
	width:740px;
	height:600px;
	margin-top:0px;
	margin-left:-350px;
	padding:0px;
	background-image:url(images/bg_home.jpg);
	background-repeat:no-repeat;
}
#home2 {
	position:absolute;
	left:50%;
	width:740px;
	height:600px;
	margin-top:0px;
	margin-left:-350px;
	padding:0px;
	background-image:url(images/bg_home2.jpg);
	background-repeat:no-repeat;
}
#home_nav{
	position:absolute;
	float:right;
	right:20px;
	top:15px;
}
#content {
	position:absolute;
	left:50%;
	width:790px;
	height:600px;
	margin-top:0px;
	margin-left:-395px;
	padding:0px;
}

#side_nav {
	position:absolute;
	top:0px;
	left:0px;
	width:221px;
	height:440px;
}

#header {
	position:absolute;
	top:0px;
	right:15px;
	width:530px;
	height:103px;
	background-image:url(images/bg_header.jpg);
	background-repeat:no-repeat;
}

#preview_pane {
	position:absolute;
	top:105px;
	right:15px;
	width:530px;
	height:335px;
	background-image:url(images/bg_preview_pane.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
#quote {
	position:absolute;
	padding-left:15px;
	margin-top:0px;
}

#quoteConf {
	display:inline;
	position:absolute;
	top:110px; left:10px;
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

#js_css_FilmStrip{
	width:746px;	/* Total width of filmStrip */
}

#filmStripLargeFrame{
	border:0px solid #CCCCCC;
	margin-top:0px;	
	text-align:left;
	vertical-align:bottom;
	padding-top:0px;
	font-size:75%;
	position:relative;
	
	/* CSS HACK */
	height: 263px;	/* IE 5.x */
	height/* */:/**/265px;	/* Other browsers */
	height: /**/265px;
	font-size:9px;
			
}
#filmStripLargeFrame img{
	line-height:400px;
	padding-top:25px;	
}

#filmStripLargeFrame #largeImageCaption{	/* CSS styling of image caption below large image */
	color:#5B2501;
	text-align:justify;
	position:absolute;
	top:5px;
	left:5px;
	right:0px;
	font-size:10px;
	line-height:14px;
	text-align:left;
	font-weight:bold;
	width:505px;	
}
#largeImageCaption2{	/* CSS styling of image caption below large image */
	color:#5B2501;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
	text-align:justify;
	position:absolute;
	top:300px;
	left:5px;
	padding-right:10px;
}

#largeImageCaption2 a,a:visited{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption2 a:hover{
	color:#9A8665;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}
#largeImageCaption3{	/* CSS styling of image quote beside image */
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	text-align:justify;
	position:absolute;
	width:225px;
	top:50px;
	left:275px;
	right:3px;
	margin-right:0px;
	list-style:circle;
}
#largeImageCaption3 ul{	/* CSS styling of image quote beside image */
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	text-align:justify;
	position:absolute;
	top:-10px;
	left:-15px;
	right:0px;
	margin-right:0px;
	list-style:circle;
}

#largeImageCaption4 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption4 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}
#largeImageCaption_4 a, a:visited {
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}
#largeImageCaption_4 a:hover {
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}
#largeImageCaption5 a, a:visited {
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}
#largeImageCaption5 a:hover {
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_5 a, a:visited {
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_5 a:hover {
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption6 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption6 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_6 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_6 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption7 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption7 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_7 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_7 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption8 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption8 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_8 a,a:visited{
	color:#FFFFFF;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaption_8 a:hover{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaptionNav { /* CSS styling for '<< previous | next >>' links */
	width:110px;
	position:absolute;
	top:5px;
	left:447px;
	font-size:9px;
	line-height:14px;
	color:#5B2501;	

}
#largeImageCaptionNav a,a:visited{
	color:#5B2501;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#largeImageCaptionNav a:hover{
	color:#9A8665;
	font-size:9px;
	line-height:14px;	
	text-decoration:none;
}

#deets {
	display:none;
	position:absolute;
	top:25px; left:10px;
	background-color:#9A8665;
	border:#FFFFFF 1px solid;
	height:250px; width:510px;
	filter: alpha(opacity=85);
	opacity: 0.85;
	font-weight:bold;
	font-size:9px;
	list-style:none;
}


#filmStripLargeImgDetails {
	display:block;
}
 
#filmStrip{
	width:742px;
	height:104px;	/* Height of the images + 2 */
	border:0px solid #CCCCCC;
	position:relative;
	top:460px;
	left:35px;
	overflow:hidden;
	padding:0px;
	background-color:#5B2501;
	
	/* CSS HACK */
	height: 110px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/106px;	/* Other browsers */
	height: /**/106px;
		
}
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	padding:0px;
	background-color:#9A8665;
}
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	padding:0px;
	background-color:#9A8665;		
}
#no_arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	padding:0px;
	background-color:#9A8665;
}
#no_arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	padding:0px;
	background-color:#9A8665;		
}
#filmStripImages{
	position:absolute;
	height:106px;
	left:20px;
	width:100000px;
	
}
#filmStripImages #slideEnd{
	float:left;
	background-color:#5B2501;	
}
#filmStripImages img{
	float:left;
	padding:0px;
	filter: alpha(opacity=75);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}

#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:9px;
	font-family:arial;	
}

#filmStripImages .imageCaption{
	display: none;
	color:#5B2501;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	text-align:justify;
	padding:10px;
	left:5px;		
}

#filmStripImages .imageCaption2{
	display: none;
	text-align:left;	
}

#filmStripImages ul, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	padding-right:5px;
}
#home_footer {
position:absolute;
float:right;
top:370px;
right:36px;
font-size: 10px;
text-align: right;
line-height:14px;
color:#000000;
}

#home_footer a {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#home_footer a:hover {
	color:#5B2501;
	font-weight:normal;
	text-decoration:none;
}

#home_footer2 {
position:absolute;
float:right;
top:370px;
right:225px;
font-size: 10px;
text-align: right;
line-height:14px;
color:#000000;
}

#home_foote2r a {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#home_footer2 a:hover {
	color:#5B2501;
	font-weight:normal;
	text-decoration:none;
}

#footer {
position:relative;
top:470px;
font-size: 9px;
text-align: center;
line-height:14px;
color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size: 9px;
	text-align: center;
	line-height:14px;
}

#footer a:hover {
		color:#5B2501;
		font-weight:bold;
		text-decoration:none;
		font-size: 9px;
		text-align: center;
		line-height:14px;
	}