
/********************************
 * LIVING LUCY LAYOUT STYLES       
 ********************************/

/** One-column layout **/

div#living-lucy-content { 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

/** Two-column layout: main content + promotional right column **/

div#living-lucy-left {
	background: url(../images/struct_leftnav_border_middle.png) repeat-y top right;
	float: left;	
	width: 640px;
	overflow: hidden;
}
	
div#living-lucy-left-content {
	padding: 15px;
	padding-right: 30px;
	padding-left: 10px;
	overflow: hidden;
}

div#living-lucy-right {
	float: left;
	width: 338px;
	overflow: hidden;
}

div#living-lucy-right-content {
	padding: 15px 0px 10px 10px;
}

/** Top banner **/

div#living-lucy-banner {
	margin-top: -5px;
	padding: 0px;
}
	

/********************************
 * LIVING LUCY GENERAL STYLES       
 ********************************/

div#living-lucy {
	line-height: 16px;
	color: #000;
	text-align: left;
}

div#living-lucy hr {
	border: none 0px #efefef;
	color: #efefef;
	background-color: #efefef;
	width: 94%;
	height: 2px;
	text-align: center;
	margin: 35px auto;
}

div#living-lucy #living-lucy-featured {
	background: #e7e7e7 url(../images/struct_livinglucy_feat_bg.png) repeat-x top left;		
	height: 320px;
	width: 100%;	
	margin-left: 2px;
}

div#living-lucy #living-lucy-featured-content {
	padding: 0px 10px;
}

div#living-lucy object {
	padding: 0px;
	margin: 0px;
} 


/********************************
 * LIVING LUCY PHOTOS       
 ********************************/

div#living-lucy div.featured-photo {
	background: transparent url(../images/graphic_large_photo_border.png) no-repeat top left;	
	padding: 13px 13px 30px 13px;
	overflow: hidden;
	float: left;
}

div#living-lucy div.med-photo {
	background: #fff url(../images/graphic_med_photo_border.jpg) no-repeat top left;	
	padding: 13px;
	overflow: hidden;
	float: left;
}

div#living-lucy div.small-photo {
	background: transparent url(../images/graphic_sml_photo_border.png) no-repeat top left;	
	padding: 11px 13px 20px 12px; 
	overflow: hidden;		
	float: left;
}

div#living-lucy div.xl-photo {
	background: transparent url(../images/graphic_xl_photo_border.jpg) no-repeat top left;	
	padding: 13px 13px 13px 13px;
	overflow: hidden;
	float: left;
}

div#living-lucy div.xs-photo {
	background: transparent url(../images/graphic_xs_photo_border.jpg) no-repeat top left;	
	padding: 13px 13px 13px 13px;
	overflow: hidden;
	float: left;
}

div#living-lucy div.community-photo {
	background: transparent url(../images/graphic_cmty_photo_border.jpg) no-repeat top left;	
	padding: 13px 13px 13px 13px;
	overflow: hidden;
	float: left;
}

div#living-lucy div.small-photo img { width: 116px; }
div#living-lucy div.xl-photo img { width: 252px; }
div#living-lucy div.xs-photo img { width: 124px; }
div#living-lucy div.community-photo img { width: 242px }
div#living-lucy div.featured-photo img { width: 174px }
div#living-lucy div.med-photo img { width: 176px }


div#living-lucy div.photo-caption {
	clear: both;
	width: inherit;
	text-align: center;
	margin-top: 6px;
	font-style: italic;
	font-size: 12px;
	font-family: georgia, times new roman;
	color: #898989;	
}





/********************************
 * LIVING LUCY ANCHOR LINKS
 ********************************/

div#living-lucy a.double-arrow-cyan,
div#living-lucy a.double-arrow-pink,
div#living-lucy a.double-arrow-blue,
div#living-lucy a.double-arrow-orange {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
}

div#living-lucy a.double-arrow-cyan {
	background: transparent url(../images/graphic_cyan_arrow.png) no-repeat top right;
	color: #26a4ab;
}

div#living-lucy a.double-arrow-pink {
	background: transparent url(../images/graphic_pink_arrow.png) no-repeat top right;
	color: #e60871;
}

div#living-lucy a.double-arrow-blue {
	background: transparent url(../images/graphic_blue_arrow.png) no-repeat top right;
	color: #2982c2;
}

div#living-lucy a.double-arrow-orange {
	background: transparent url(../images/graphic_orange_arrow.png) no-repeat top right;
	color: #f8981d;
}


/********************************
 * LIVING LUCY HEADERS
 ********************************/

div#living-lucy h1 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 6px;
}

div#living-lucy h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 11px;
	line-height: 20px;
}

div#living-lucy h3 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



/********************************
 * LIVING LUCY MAIN
 ********************************/

div#living-lucy-main div.small-photo {
	margin: 10px 4px 10px 0px;
}

div#living-lucy-main div.xs-photo {
	margin: 0px 20px 0px 0px;
	float: left;
}

div#living-lucy-main h3 {
	font-weight: bold;
	margin-bottom: 3px; 
}



/********************************
 * LIVING LUCY COMMUNITY
 ********************************/





/********************************
 * LIVING LUCY PROS & EVENTS        
 ********************************/

div#living-lucy-pros div.featured-photo,
div#living-lucy-events div.featured-photo {
	margin: 10px 25px 10px 0px;
}

div#living-lucy-pros div.featured-photo-copy,
div#living-lucy-events div.featured-photo-copy {
	width: 330px;
	margin-top: 30px;
	float: left;
}

div#living-lucy-pros div.small-photo,
div#living-lucy-events div.small-photo {
	margin: 10px 25px 10px 0px;
}

div#living-lucy-pros div.small-photo-copy,
div#living-lucy-events div.small-photo-copy {
	float: left;	
	width: 420px;
	margin-top: 30px;		
}

div#living-lucy-pros div.small-photo-copy h1,
div#living-lucy-events div.small-photo-copy h1 {
	font-weight: normal;
}

div#living-lucy-pros div#other-pros,
div#living-lucy-events div#other-events {
	padding-left: 10px;	
}



/********************************
 * LIVING LUCY PROS PDP STYLES       
 ********************************/

div#living-lucy-pros div.med-photo {
	margin: 0px 25px 10px 0px;
	position: relative;
	top: -10px;
}

div#living-lucy-pros blockquote {
	font-size: 15px;
	margin: 20px 15px;
	line-height: 19px;
	font-style: italic;
	color: #454545;
	text-align: left;
	position: relative;
	left: 20px;
}
	



/********************************
 * LIVING LUCY VIDEOS STYLES       
 ********************************/
 
div#living-lucy-videos {
	z-index: 50;
} 
 
div#living-lucy-videos div#video-body {
	position: relative;
	top: 138px;
	left: 40px;
	width: 900px;
	height: 600px;
}

div#living-lucy-videos div#scroller {
	overflow: hidden; 
	float: left; 
	width: 777px;
}

div#living-lucy-videos div#video-navigation {
	height: 89px;
	overflow: hidden;
}

div#living-lucy-videos a.video-thumbnail-selected {
	float: left;
	border: solid 3px #e60871;
	display: block;
	width: 120px;
	cursor: default;
	padding: 0px;
	margin: 0px 7px;
}

div#living-lucy-videos a.video-thumbnail-unselected {
	float: left;
	border: solid 1px #fff;
	width: 110px;
	display: block;
	padding: 0px;
	margin: 5px 7px;
}

div#living-lucy-videos a.video-thumbnail-unselected:hover {
	float: left;
	border: solid 1px #fff;
	width: 120px;
	overflow: hidden;
	display: block;
	padding: 0px;
	margin: 2px 7px;
}

div#living-lucy-videos a.video-thumbnail-unselected img, 
div#living-lucy-videos a.video-thumbnail-selected img {
	width: 100%;
	padding: 0px;
	margin: 0px;
}


div#living-lucy-videos div.video-content-selected,
div#living-lucy-videos div.video-content-unselected {
	float: left;
	width: 880px;
	height: 615px;
	/*background-color: #fff;*/
	overflow: hidden;
}

div#living-lucy-videos div.video-content-selected { display: visible }
div#living-lucy-videos div.video-content-unselected { display: none }

div#living-lucy-videos div.video-content-player {
	float: left;
	margin: 35px 25px 0px 25px;
	display: inline;
}

div#living-lucy-videos div.video-content-copy {
	float: left;
	width: 330px;
	margin-top: 75px;
	display: inline;
}

div#living-lucy-videos h2 {
	color: #f8981d;
	margin-bottom: 11px;
	font-weight: normal;
	font-size: 20px;
}

div#living-lucy a.scroll-left {
	display: block;
	width: 28px;
	height: 34px;
	float: left;
	margin: 28px 8px 0px 15px;
}

div#living-lucy a.scroll-right {
	display: block;
	width: 28px;
	height: 34px;
	float: left;
	margin: 28px 15px 0px 8px;
}

div#living-lucy a.scroll-left { background: transparent url(../images/graphic_scrollleft_white.png) no-repeat top left; }
div#living-lucy a.scroll-left:hover { background: transparent url(../images/graphic_scrollleft_pink.png) no-repeat top left; }

div#living-lucy a.scroll-right { background: transparent url(../images/graphic_scrollright_white.png) no-repeat top left; }
div#living-lucy a.scroll-right:hover { background: transparent url(../images/graphic_scrollright_pink.png) no-repeat top left; }




