@charset "utf-8";
/* Main stylesheet for RTE Fashion site EB */


html {
    height: 102%;
}
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image: url(../images/bg_body_shadow.gif);
		background-repeat: repeat-y;
		background-position: center;
		background-color: #ffeff7;
	}
	
	


/* ====================================== Layout divs == */



		div#wrapper {
			margin: 0 auto;
			width: 1000px;
			margin-top: 4px;
			margin-bottom: 5px;	
		}
		
		div#wrapper.article {		
			background-image: url(../images/bg_article_main.gif);
			/* background-image: url(../images/bg_article_main_blank_right.gif); */
			background-repeat: repeat-y;
		}

		div.panel-blog {
			padding: 10px 5px 5px 5px;
			color:#ffffff;
		}			
		
		div.panel-blog a.readmore {
			font-size:.8em;
			font-weight:bold;
			color:#ff0099;
			text-decoration:none;
			padding:0px;
			margin:0px;
		}

		div.panel-blog a:hover.readmore {
			text-decoration:underline;
		}
		
		p.blog-comment-count a:hover {
			text-decoration: none;		
		}
		
				p.blog-comment-count strong {
					color: #FF0099;
					font-size: 1em;
					font-weight: bold;
				}		

		
		div#header {
			height: 119px;
			display: block;
			clear: both;
			background-image: url(../images/bg_header_square-edge.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		
		div#subscribe {
			width: 180px;
			float: right;
			padding: 0;
			margin: 0;
			padding-top: 7px;
			padding-right: 10px;	
		}
		

		
		div#column-home-left {
			width: 500px;
			float: left;
		}
		
		div#column-home-right {
			background-color: #FFFFFF;
			width: 495px;
			float: right;		
		}
		
		div#column-main-left {
			width: 300px;
			margin:0px 12px 0px 0px;
			float: left;
			padding-top: .6em;
		}
		
		div#column-main-middle {
			width: 528px;
			float: left;
			background-image: url(../images/bg_article_panel_top.jpg);
			background-position: right top;
			background-repeat: no-repeat;
			padding-bottom: 2em;
			
		}
		
		div#panel-article-right {
			width: 270px;
			float: right;
			margin-left: 1.5em;
			margin-bottom: 1.5em;
			background-image: url(../images/bg_article_panel_left.jpg);
			background-position: bottom left;
		}		

		div#panel-article-main {
			width: 508px;
			float: left;
			margin-left: 10px;
		}

		div#panel-article-main h3, div#panel-article-main h4, div#panel-article-main h5 {
			font-size: .9em;
			font-weight:bold;
			clear:both;
			color:#000000;
			padding-left: .4em;
		}
		
		div#panel-askthestylist-left h3, div#panel-askthestylist-left h4, div#panel-askthestylist-left h5 {
			color: #FF0099;
			font-size: .7em;
			font-weight: normal;
			padding: .7em .2em 0em .2em;	
		}
		
		div#panel-askthestylist-left {
			width: 299px;
			float: left;
			margin-left: 5px;
			padding-bottom: 2em;
		}

		div#panel-askthestylist-right {
			width: 215px;
			float: left;
			margin-left: 5px;
			padding-bottom: 2em;			
		}							

		div#nav {
			display: block;
			font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
			background-color: #000000;
			height: 35px;
			border-top: solid 1px #FFFFFF;
			border-bottom: solid 2px #FFFFFF;
			color: #FFFFFF;
			background-image: url(../images/bg_nav_fade.gif);
			background-position: bottom;
			background-repeat: repeat-x;
			width: 1000px;
			float: left;
			margin: 0;
			padding: 0;					
		}
		
		div#home-thumbnail-box {
			clear: both; 
			width: 493px; 
			height: 164px; 
			background-color: #FFFFFF;
			border: solid 1px #999999; 
			float: left;
			margin-top: 0;
			margin-top: -3px;
			overflow:hidden;
		}

		div#home-poll-box {
			clear: both; 
			width: 493px;
			height: 240px;
			float: left;
			background-color: #FFFFFF;
			border: solid 1px #999999; 
			margin-top: 5px;
			padding: 0;
			margin-bottom: 1em;
		}
		
				div.home-poll-option {
					background: #FF0099;
					width: 140px; 
					float: left;
					height: 210px;
					border: solid 3px #FFFFFF;
					border-bottom: none;				
				}
				
					div.home-poll-vote-box {
						position: absolute; 
						display: block;
						width: 140px;
						height: 210px;
					}
					
						div.home-poll-vote-box-result {
							background-image: url(../images/bg_vote_result.png);
							text-align:center;
							line-height:55px;
							font-size:300%;
							font-weight:bold;
							height:65px;
							margin-top:145px;
							color:#ff0099;						
							font-family: Georgia, "Times New Roman", Times, serif;
						}
							a.home-poll-invisible-link {
								color: #FF0099;
								display: block;
								width: 140px;
								height: 210px;
								background-image: url(../images/blank.gif);
							}
							
							a.home-poll-invisible-link:hover {
								background-image: url(../images/bg_vote_tick.png);
								background-repeat: no-repeat;
							}							
				
				div.vote-label {
					background-color: #000000;	
					color: #FFFFFF;
					margin: 0;
					padding: 5px;
					display: block;
					margin-top: -4px;
					text-align: center;
					font-size: .7em;
					font-weight: bold;
				}
				
				div#home-poll-question {
					width: 196px; 
					height: 239px; 
					border-top: solid 3px #FFFFFF;
					border-right: solid 3px #FFFFFF;					
					float: right;
				}
				
				p#question-text {
					margin: 0;
					padding: 0;
					padding-left: 1em;
					padding-right: 1em;					
					height: 210px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #666666;
					font-size: 1.5em;
					background-color: #ffffff;
					text-align: center;
				}
				
				span.lead-in-q {
					color: #000000;
					font-size: 1.9em;				
				}
				
				div#vote-button-container {
					background-color: #ff0099;	
					color: #FFFFFF;
					height: 26px;
					text-align: center;														
				}
		
		div#flash-box {
			background-color: #000000;
			height: 600px;
			width: 500px;
			clear: both;
			color: #FFFFFF;
		}
		
		div#home-main-stories-panel {
			float: left;
			width: 325px;
			height: 600px;
		}
		
		div#home-small-feature {
			width: 195px;
			background-color: #000000;
			height: 250px;
			float: left; margin-top: 5px;
		}

		div#flash-gallery {
			padding: 0px 0px 20px 5px;		
		}
		
		div#related-stories {
			clear: both;
			padding: .7em;
			display: block;
			border: solid 1px #e2e2e2;
			margin: 1em;
			margin-right: 1.1em;								
		}
		
		div#related-stories h2 {
			color:#990066;
			font-size:0.72em;
			font-weight:bold;
			padding-bottom: .1em;
		}
		
		div#related-stories ul {
			list-style: none;
			margin: 0;
			padding: 0;	
		}
		
		div#related-stories ul li a {
			color:#666666;
			font-size:0.7em;
			text-decoration:none;
			padding-left: 1.1em;
			background-image: url(../images/bullet_article_list.gif);
			background-repeat: no-repeat;					
		}						

		div#related-stories ul li a:hover {
					color: #ec4098;
					text-decoration: underline;
		}

		div.next-previous {
			text-align: center;
			font-size: .7em;
			padding: .5em;
		}
		
		div.next-previous a {
			color: #FF0099;		
		}
		
		
/* ====================================== Typography == */


		h2.sidebar-header {
			color: #FF0099;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.4em;
			clear: both;
			margin: 0;
			padding: .8em;
			padding-top: .6em;
			padding-bottom: .6em;
			padding-left: .9em;			
			display: block;
			height: 25px;
			margin-right: 1em;
		}
		
		h2.article-header, h1.article-header {
	color: #FF0099;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	border: none;
	padding: 0.4em;
	padding-bottom: 0.5em;
	padding-top: 0.6em;
	height: auto;
	letter-spacing: -1px;
	clear: both;

		}
		
		h2.article-header.grey-border, h1.article-header.grey-border {
			border-top: solid 1px #CCCCCC;
			padding: 0;
			margin-left: .5em;
			margin-right: .5em;
			padding-top: .3em;
			padding-bottom: .1em;
		}		
		
				h2.article-header a, h2.article-header a:visited, h1.article-header a, h1.article-header a:visited {
					color: #FF0099;
					text-decoration: none;					
				}				

				h2.article-header a:hover, h1.article-header a:hover {
					color: #663f66;
				}	
				
			

		
		h2.blog-header {
			color: #FF0099;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.6em;
			clear: right;
			margin: 0;
			padding: 0;
			display: block;
			margin-top: 5px;
			margin-right: 1em;
			margin-bottom: .7em;
		}		
		
		
		h2.home-section-header {
			background-color: #000000;
			color: #FF0099;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.2em;
			clear: both;
			margin: 0;
			padding: 5px;
			padding-left: 10px;
			display: block;
			border-top: solid 5px #FFFFFF;
			height: 25px;
		}	

			h2.home-section-header a {
				color: #FF0099;
				text-decoration:none;
			}	
	
			h2.home-section-header a:hover {
				text-decoration:underline;
			}	

		
		a.home-main-headline {
			background-image: url(../images/bg_black_transparent.png);
			background-repeat: repeat;
			position: absolute; 
			margin-top: 146px; 
			width: 140px; 
			height: 41px;
			font-size: .7em;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;			
			color: #FFFFFF;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		a.home-product-link {
			background-image: url(../images/bg_black_transparent.png);
			background-repeat: repeat;
			position: absolute;
			margin: 0; 
			margin-top: 158px; 
			width: 150px;
			text-align: center; 
			height: 30px;
			font-size: .8em;
			padding: 4px 5px;
			color: #FFFFFF;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			overflow:hidden;
		}

		a.home-product-pink-link {
			background-color: #000000; 
			position: absolute; 
			margin-top: 141px;
			color: #FF0099;
			padding: 2px 3px;
			font-weight: bold;
			font-size: .6em;
			letter-spacing:-1px;
			height: 13px;
			text-transform: uppercase;
			text-decoration: none;	
		}
		
		
		
		h2.home-section-header#galleries {
			width: 100px; 
			float: left; 
			margin-bottom: 8px;
		}
		
		
	div#panel-article-main p {
			font-size: .8em;
			line-height: 1.3em;
			padding: 5px;
			padding-bottom: 10px;
			color: #666666;
		}
		
	div#panel-article-main p a {
		color: #FF0099;		
	}		

		div#panel-article-main strong {
			font-weight: bold;
			color: #000000;
		}		

		div#panel-article-main p.article-byline {
			font-size: .72em;
			color: #990066;
			font-weight: bold;
		}
		
		p.gallery-byline {
			margin: 0;
			padding: 0;
			padding-left: 1em;
			padding-bottom: 1em;
			font-size: .8em;
			font-weight: bold;
			color: #660033;
			clear: both;
		}		
		
		p.article-byline.blog {
			margin-bottom: .8em;		
		}		
		
		div.panel-article-image {
			display:none;
			width: 270px;
			clear: both;
			float: left;

		}

		div.panel-article-image.on {
			display:block;
			float: left;
			clear: both;
		}
		
		div.panel-article-image img {
			border: solid 1px #666666;
			border-bottom: none;
			float: left;		
		}		

		div.ask-the-stylist-photos div.panel-article-image {
			margin-bottom: 0px;
			width:215px;
		}
		div.ask-the-stylist-photos div.panel-article-image img {
			border: solid 1px #CCCCCC;
			border-bottom: none;
			padding: 4px;
			display:block;
			clear: both;
			margin: 0px;
		}
		
		div.photo-caption-transparent {
			position:relative; 
			background-image: url(../images/bg_black_transparent.png); 
			background-repeat: repeat; 
			color: #fff; 
			width: 252px;
			text-align: center;
			padding: 10px;
			padding-top: 4px;
			height: 22px;
			margin: 0;
			margin-top: -36px;
			font-size: .7em;
			font-weight: bold;
			font-family: Tahoma,Arial, Helvetica, sans-serif;
			clear: both;
			float: left;			
		}

		div.ask-the-stylist-photos div.photo-caption-transparent {
			position:relative;
			top:0px;
			clear:both; 
			background-color: #000000; 
			padding: 3px 5px; 
			float: left; 
			width: 205px;
			margin: 0px;
			line-height: 14px;
			height:auto;
		}	

		div#photo-nav {
			 background-image: url(../images/bg_article_photo_switcher.jpg); 
			 background-repeat: repeat; 
			 height: 20px; 
			 padding-top: 3px;
			 clear: both;
			 float: left;
			 width: 272px;
			 border-top: solid 1px #FFFFFF;

		}			

		span#photo-number {
			float: left; 
			color: #FFFFFF; 
			width: 80px; 
			text-align: center; 
			font-size: .7em;
			text-align: center;
			font-family: Tahoma, Arial, Helvetica, sans-serif;					
		}


		a#photo-previous {
			background-image: url(../images/arrow_pink_previous.gif);
			background-repeat: no-repeat;
			float: left; 
			color: #FFCCFF;
			width: 20px; 
			font-size: .7em; 
			padding-left: 10px;
			text-decoration: none;
			background-position: 0px 2px;
			margin-left: 65px;
			cursor:pointer;
		}

		div.ask-the-stylist-photos a#photo-previous {
			margin-left: 38px;
		}

		a#photo-next {
			background-image: url(../images/arrow_pink_next.gif);
			background-position: right;
			background-repeat: no-repeat;
			float: left; 
			color: #FFCCFF;
			width: 20px; 
			font-size: .7em; 
			text-align: right; 
			padding-right: 10px;
			margin-right: 10px;
			text-decoration: none;
			background-position: right 2px;
			cursor:pointer;
		}

		a.article-black-link {
			float: right;
			padding: 5px;
			clear: both;
			background-color: #000000;
			color: #FF0099;
			font-weight: bold;
			margin-bottom: 3px;
			text-decoration: none;
			font-size: .7em;
			width: 100px;
			text-align: center;
		}

		div#panel-article-main div.blog-date p {
			text-align: center;
			font-size: .6em;
			padding: 0px 6px 0px 0px;
			color: #FFFFFF;
			text-transform: uppercase;
		}								
				
		div#panel-article-main div.blog-date h2 {
			text-align: center;
			font-size: 1.4em;
			font-family: Georgia, "Times New Roman", Times, serif;
			padding-right: 5px;
			padding-top: 3px;
			color: #999999;					
		}								

		p#copyright {
			margin: 0;
			padding: 0;
			width: 100px;
			height: 40px;
			font-size: .7em;
			color: #999999;
			margin-left: 20px;
			padding-top: 50px;
			text-align: center;
			float: left;
		}
		
		div#home-small-feature h2 {
			color: #FFFFFF;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1em;
			letter-spacing: -1px;
			font-weight: bold;
			padding-left: 10px;
			padding-top: 10px;
		}
		
		div#home-small-feature p {
			padding: 5px;
			text-align: center;
			color: #FFFFFF;
			font-family: Georgia, "Times New Roman", Times, serif; 	
			font-size:90%;	
		}			
		
		
		div.blog-text p {
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: .8em;
		}
		
		p.blog-comment-count a {
			width: 100px;
			height: 30px;
			clear: both;
			float: right;
			background-image: url(../images/icon_blog_comment.gif);
			background-repeat: no-repeat;
			padding-left: 40px;
			padding-top: 10px;
			font-size: .8em;
			color: #999999;
			text-decoration: underline;		
		}

		p.blog-comment-count a:hover {
			text-decoration: none;		
		}
		
				p.blog-comment-count strong {
					color: #FF0099;
					font-size: 1em;
					font-weight: bold;
				}		


		div.index-sub-story h3 {
			color: #FF0099;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.3em;
			border: none;
			padding: 0em;
			padding-bottom: .5em;
			padding-top: 0em;			
			height: auto;
			letter-spacing: -1px;
			margin-right: 2em;			
		}
		
						div.index-sub-story a {
							color: #FF0099;
							text-decoration: none;												
						}

						div.index-sub-story a:hover  {
							text-decoration: underline;								
						}								

		div.index-sub-story p {
			font-size: .75em;
			margin-right: 2em;
		}

		div#index-top-story p {
			padding-bottom: 1em;
			font-size: .8em;
			color: #e2e2e2;
			padding-left: 2em;
			padding-right: 2em;
			line-height: 18px;			
		}

		div#index-top-story h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.6em;
			font-weight: normal;
			text-decoration: none;
			clear: both;
			margin-bottom: .3em;
			padding-top: .2em;		
		}
		
				div#index-top-story h2 a, div#index-top-story h2 a:visited {
					color: #fbd2e6;
					text-decoration: none;
				}
				
				div#index-top-story h2 a:hover {
					color: #ff99cc;
					text-decoration: none;
				}											

		div#panel-askthestylist-left p {
			font-weight: normal; 
			font-size: .74em;
			padding: .1em .4em .7em .4em;
			color: #666666;
		}

		div#panel-askthestylist-left p strong {
			font-size:110%;
			font-weight: bold; 
			color: #000000;
		}

		div#panel-askthestylist-left h2.article-leadin p {
			font-weight: normal;
			font-size:110%;
			padding: 0em .5em .5em .5em;
			margin: 0;
			color:#000000;
		}

		form#question-stylist h2, div#categories-stylist h2, div#askthestylist-form div h2 {
			font-size: 1.2em;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #FFFFFF;
			letter-spacing: -1px;
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 7px;
			padding-bottom: 10px;					
		}

/* ====================================== Page Elements == */




		a#home-link {	
		 display: block;
		 width: 210px;
		 height: 110px;
		 float: left;
		}		
		
		div#nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: block;
			height: 35px;
			margin-left: 5px;
			float: left;
		}
		
				div#nav ul li {
					margin: 0;
					padding: 0;
					float: left;
					margin-right: 15px;
					font-size: .8em;
					padding-top: 10px;
					padding-left: 15px;
					background-image: url(../images/separator_nav.gif);
					background-repeat: no-repeat;
					background-position: 0px 5px;
				}
				
						div#nav ul li a {
							color: #CCCCCC;
							text-decoration: none;
						}		
						
						div#nav ul li a:hover {
							color: #FFFFFF;
							text-decoration: underline;
						}

						div#nav ul li a.current {
							font-weight: bold;
							color: #FFFFFF;	
						}				
								
		
		div#nav ul li#leftmost {
			background-image: none;
		}
		
		div.home-main-story {
			height: 195px;
			float: left;
			width: 160px;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		
					div.home-main-story span img {

						width: 160px;

						height: 195px;					

					}
		div.home-main-story.right {
			margin-right: 0;
		}
		
		div#home-video {
			width: 325px;
			height: 200px;
			display: block;
			clear: both;
			background-color: #000000;
			color: #FFFFFF;
		}
		
		a.home-main-pink-link {
			background-color: #000000; 
			position: absolute; 
			margin-top: 127px;
			color: #FF0099;
			padding: 2px;
			font-weight: bold;
			font-size: .7em;
			height: 15px;
			text-transform: uppercase;
			text-decoration: none;	
		}
		
		a.home-main-invisible-link {
			position: absolute; 
			color: #FF0099;
			display: block;
			width: 160px;
			height: 125px;
			cursor: pointer;
			background-image: url(../images/blank.gif);

		}
		
		
		div#thumb-box1, div#thumb-box2, div#thumb-box3 {
			height: 130px;
			padding: 15px;
		}
		
		img.thumb-box {
			border: solid 1px #666666;
			float: left;
			margin-right: 13px;	
		}

		img.thumb-box:hover {
			border: solid 1px #FF33CC;
		}
		
		img.thumb-box.right {
			margin-right: 0px;
		}
		
		ul#home-headlines {
			list-style: none;
			clear: both;
		}
		
		ul#home-products {
			list-style: none;
			clear: both;	
		}
		
				ul#home-products li {
					float: left;
					border: solid	1px #999999;
					margin-right: 7px;
					margin-top: 5px;
					height:196px;
					overflow:hidden;
				}

				ul#home-products li.right {
					margin-right: 0;
				}

		
		div#tabs-container {
			background-color: #000000; 
			float: left; 
			margin-top: 5px; 
			width: 380px; 
			height: 35px;
		}
		
		span#thumb-tab1, span#thumb-tab2, span#thumb-tab3 {
			background-color: #666666;
			color: #CCCCCC;
			display: block;
			width: 91px;
			float: right;
			background-image: url(../images/bg_tab_thumb.gif);
			background-repeat: no-repeat;
			text-align: center;
			font-size: .7em;
			margin-right: 10px;
			height: 20px;
			padding-top: 5px;
			margin-top: 10px;
			cursor: pointer;
		}

		span#thumb-tab1.on, span#thumb-tab2.on, span#thumb-tab3.on {
			color:#FF33CC;
		}

		span#thumb-tab1:hover, span#thumb-tab2:hover, span#thumb-tab3:hover {
			color:#FF33CC;
		}

		div#home-small-feature span.pink {
			color: #FF0099;
		}
		
		div#home-small-feature img {
			padding-left: 12px;
			padding-top: 10px;		
		}	
		

		ul.sidebar-list li {
			background-image: url(../images/bullet_article_list.gif);
			background-repeat: no-repeat;
			padding-left: 1.5em;
			padding-right: .5em;
			padding-bottom: .6em;
			margin-left: 1.3em;
			background-position: 5px 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: .75em;
			font-weight: bold;
		}

				ul.sidebar-list li a {
					text-decoration: none;
					color: #666666;

				}

				ul.sidebar-list li a:hover {
					color: #ec4098;
					text-decoration: none;
				}									
		
		ul.index-list {
			margin:0px 0px 40px 0px;
		}
		ul.index-list li {
			background-image: url(../images/bg_index-list.gif);
			background-position: bottom;
			background-repeat: repeat-x;
			line-height: 18px;
			margin-left: 1.3em;
			margin-right: 1.3em;
			padding-bottom: 5px;
			padding-top: .3em;
		}
		
				ul.index-list li a {
					color: #666666;
					font-size: .8em;
					text-decoration: none;
				}
				
				ul.index-list li a:hover {
					color: #ec4098;
					text-decoration: underline;
				}						
				
		div.pink-dash {
			background-image: url(../images/bg_pink_dash_separator.gif);
			clear: both;
			background-repeat: repeat-x;
			display: block;
			height: 10px;
			margin: 10px;
		}
		
		a.link-more {
			background-image: url(../images/button_more.gif);
			background-repeat: no-repeat;
			width: 50px;
			height: 20px;
			display: block;
			margin-left: 2.2em;
			margin-top: .3em;					
		}
		
		div#panel-article-left img {
			display: block;
		}
		
		div.blog-date {
			width: 50px;
			height: 60px;
			background-image: url(../images/bg_blog_date.gif);
			background-repeat: no-repeat;
			float: left;
			margin-top: 10px;
			margin-right: 10px;
		}
		
		img.blog-lead-image {
			padding: 10px;
			border: solid 1px #CCCCCC;		
		}

		div.panel-blog img {
			padding: 5px;
			border: solid 1px #CCCCCC;		
			background-color:#ffffff;
			margin-left: 2em;
			margin-bottom: 2em;
		}
		
		div#subscribe a {
			font-size: .7em;
			color: #CCCCCC;
			padding: 2px;
			padding-left: 18px;
			margin: 0;
			float: left;
			background-image: url(../images/icon_feed.png);
			background-repeat: no-repeat;
			background-position: 0px 5px;
			float: right;
		}
		
		ul#article-thumbnails {
			list-style: none;
			margin: 0;
			padding: 0;
			padding-left: 5px;
		}
		
		
				ul#article-thumbnails li {
					list-style: none;
					margin: 0;
					padding: 0;		
					float: left;
				}
		
						ul#article-thumbnails li img {
							border: solid 3px #FFFFFF;
						}
		
		div#article-thumbnail-container {
			float: left;
			border: solid 1px #e3e3e3;
			border-top: none;
			padding: 0;
			padding-top: 4px;
			padding-bottom: 3px;
			display: block;
			width: 298px;	
			clear: both;
			margin-bottom: 10px;		
		}
		
		div#index-top-story {
			width:488px;
			padding: 4px 10px 10px 10px;
			clear: both;
			background-color: #666666;
			margin: 0px 10px 10px 10px;
			float: left;
			background-image: url(../images/bg_index_top-story.jpg);
			background-position: bottom right ;
			background-repeat: repeat-x;
		}
		
		
		div.index-sub-story {
			width: 254px;
			float: left;
			margin-left: 10px;
			margin-bottom: 1.2em;		
		}						
					
		
		img.align-left {
			float: left;
			padding: 3px;
			margin-right: 0.6em;
			border: solid 1px #CCCCCC;
			padding-top: 2px;
			margin-bottom: .3em;		
		}
		
		img.align-left.top {
			float: left;
			padding: 0;
			margin-right: 1.5em;
			border: none;
			padding-top: 2px;
		}
		
		div#askthestylist-form {
			margin:0px;
			padding:0px;
			float: left;
			width: 215px;
			height:290px;
			clear: both;
			margin-top: .3em;
			border-bottom: solid 5px #FFFFFF;
			background-image: url(../images/bg_ask_the_stylist.jpg);
			background-repeat: repeat-y;			
		}

			div#askthestylist-form div {
				color:#ffffff;
				font-size:1em;
			}


			div#askthestylist-form div p {
				color:#ffffff;
				font-size:1em;
				margin:10px 16px;
			}
			
		form#question-stylist {
		}

				form#question-stylist label {
					display: block;
					clear: both;
					font-size: .8em;
					padding-left: 1.4em;
					color: #fff;
					font-weight: bold;
				}

				form#question-stylist #name, form#question-stylist #email, form#question-stylist #question {
					margin-left: 1.2em;
					border: solid #663366 1px;
					border-right: none;
					border-top: none;
					padding: 3px;
					width: 170px;
					margin-bottom: .6em;
				}

				form#question-stylist #question {
					overflow: auto;
					font-size: .8em;
					color: #000000;
				}

				form#question-stylist #stylist-button {
					background-image: url(../images/button_stylist_submit.gif);
					background-color: #000000;
					background-repeat: no-repeat;
					width: 60px;
					height: 20px;
					margin-left: 75px;
					border: none;
					margin-bottom: .7em;			
				}

				form#question-stylist #stylist-button:hover {
					background-position:0px -20px;
					cursor:pointer;
				}

		div#categories-stylist {
			width: 215px;
			background-color: #666666;
			color: #FFFFFF;
			float: left;
			margin-bottom: 5px;
			clear: both;
		}
		
				div#categories-stylist ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					margin-left: 1.2em;
					padding-right: 1em;
					padding-bottom: 1em;		
				}

						div#categories-stylist ul li {
							margin: 0;
							padding: 0;										
						}
		
								div#categories-stylist ul li a {
									color: #FFFFFF;
									background-image: url(../images/bullet_stylist_categories.gif);
									background-repeat: no-repeat;
									padding-left: 13px;
									font-size: .8em;
									text-decoration: none;
									background-position: 0px 1px;																
								}

								div#categories-stylist ul li a:hover {
									color: #F4E2EB;
									text-decoration: underline;
								}														

		a#rss-feed {
			display: block; 
			width: 18px; 
			height: 18px; 
			float: right; 
			color: #999999; 
			font-size: .7em; 
			text-decoration: none; 
			background-image: url(../images/logo_rss.gif); 
			background-repeat: no-repeat;
			background-position: right;
			margin-right: .7em;
			padding-top: .4em;
			margin-top: 6px;
			text-align: right;
			padding-right: 2.2em;
		}			
		
				/* ====================================== Ad Boxes == */
							
				div#tower160x600-home {
					width: 160px;
					height: 600px;
					float: right;
					background:none;	
					text-align:center;
					margin-top: 1em;
				}
				
				div#column-home-right div#tower160x600-home {
					margin-top: 0;
					background-color: #F4E2EB;
					width: 165px;				
				}
				
				div#island300x250-home {
					width: 300px;
					height: 250px;
					float: right;
					margin-top: 5px;		
				}
				
				div#banner728x90-home {
					background:none;	
					width: 728px;
					height: 90px;
					display: block;
					text-align:right;
					float: right;
					margin-top: 15px;
					margin-right: 20px;
				}
				
				div#island300x250-inside {
					background:none;	
					width: 300px;
					height: 250px;
					display: block;
					clear: both;
					margin:1em 0em;
				}
				
				div#searchAgain {
					text-align: left;
					font-size: 1.2em;
					padding: 1em;				
				}
					
				
				
				/* ====================================== Sharing Panel == */
				
		div.userOptions {
			padding-top: 1em;
			padding-bottom: .5em;			
			margin: 0px 0px 0px 5px;
			height: 30px;
			min-height: 30px;
			font-size: .9em;
			color: #990000;
			clear: both;
			margin-bottom: 1em;
		}

				div.userOptions img {
					float: left;
					padding-right: 3px;
					padding-left: 75px;
					margin-top: 5px;
				}

				div.userOptions p {
					margin: 0px;
					padding: 0px;
					float: left;
				}

				div.userOptions p a {
					color: #FF00CC;
					text-decoration: none;
				}
			
	
		/* ====================================== Google Search Box == */



		#searchBar
		{
			height:35px;
			min-height:35px;
			background-color: #FFFFFF;
		}
		
		#searchBar form
		{
			margin: 0px;
			padding: 0px;
		}
		
		#searchBar table.searchHolder
		{
			margin: 5px 0px;
		}
		
		#searchBar table.searchHolder td
		{
			padding:2px 2px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: small;
			color: #555;
		}
		
		#searchBar table.searchHolder td img.googleLogo
		{
			padding:0px 12px;
		}
		
		
		#searchBar table.searchHolder td input#mySearch{
			height:16px;
			min-height:16px;
			padding: 2px 1px 1px 1px;
			
			
			margin: 0em;
			font-family:Arial, Helvetica, sans-serif;
			font-size: small;
			border: solid 1px #999;
		
		}
		
		#searchBar table.searchHolder td input#search_button
		{
			width: 60px;
			height:21px;
			min-height:21px;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			color: #555;
			border: solid 1px #999;
			margin-left:8px;
			margin-right: 18px;
			padding-bottom: 1px;
			background-color: #ECE9D8;
		}
		
		#searchBar table.searchHolder td input#rad1, #searchBar table.searchHolder td input#rad2
		{
			padding-left: 2px;
			margin-left: 2px;
			padding-right: 18px;
			margin-right: 18px;
			border:0px;
		}
		
		#searchBar table.searchHolder td a.makeHP
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size: 8pt;
			color: #555;
			color: #0066cb;
			padding-left: 18px;
		}


/*--------------------------------------------------------------------- = footer */


div#footer {
	background-color: #000000;
	width: 1000px;
	text-align: left;
	border-bottom: solid 5px #ff0099;
	font-size: 70%;
	color: #dddddd;
	clear: both;
	padding-top: 10px;
	margin: 0px;
	display:block;
	float: left;
	padding-bottom: 1em;
}
#footer a {
	color: #FF0099;
	text-decoration:none;
}
#footer a:hover {
	color: #FF0099;
	text-decoration:underline;
}
#footer p {
	padding: 3px;
	padding-left: 20px;	
	padding-top: 5px;
	margin: 0px;
}
#footer p strong {
font-weight:bold;
}
#footerLeft {
	margin-right: 10px;
	border-right: 0px;
	float: left;
	padding-right: 4px;
	width: 700px;
}
#footerRight {
	background-image: url(../images/bg_footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 40px;
	height: 70px;
	width: 200px;
	float: right;
	margin: 0px;
}

/*--------------------------------------------------------------------- = New global search bar with Google and YourLocal.ie */

#searchBar {
	height:35px;
	min-height:35px;
	width: 1000px;
	float: left;
	clear: both;
	background-color: #fff;	
}

#searchBar .button-search {
	width: 60px;
	height:21px;
	min-height:21px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #555;
	border: solid 1px #999;
	margin-right: 5px;
	padding-bottom: 0px;
	background-color: #ECE9D8;
	display:inline;
}


#search-box-google {
	width: 440px; 
	float: left;  
	height: 30px;
	font-size: 11px;
	padding-top: 6px;
	margin-left:5px;
	display:inline;
}

		#search-box-google * {
			margin: 0;
			padding: 0;
		}
	
		#search-box-google #google-search-searchterm {
			margin-left: 10px;
			margin-right: 10px;
			font-size: 12px;
			border:1px solid #cccccc;
			height:18px;
			padding:2px 3px 1px 3px;
			width:200px;
			color:#666666;
			display:inline;
		}
		
		#search-box-google #google-search-searchtype {
			color: #333333;
			margin-right: 5px;	
			border:1px solid #cccccc;
			height:23px;
			font-size:100%;
			padding:2px;
			width:65px;
			display:inline;
		}
		
		#search-box-google #google-search-submit {
			font-size: 12px;		
		}




#search-box-goldenpages {
	display:inline;
	float:right;
	clear:none;
	margin:8px 0px;
}

	#search-box-goldenpages #search-goldenpages-logo {
		margin:0px 4px;
		display:inline;
	}


	#search-box-goldenpages input#goldenpages-search-textinput1 {
		display:inline;
		float:right;
		clear:none;
		border:1px solid #cccccc;
		margin-right:6px;
		height:18px;
		padding:2px 3px 1px 3px;
		font-size:90%;
		width:140px;
		color:#666666;
	}

	#search-box-goldenpages input#goldenpages-search-textinput2 {
		display:inline;
		float:right;
		clear:none;
		border:1px solid #cccccc;
		margin-right:6px;
		height:18px;
		padding:2px 3px 1px 3px;
		font-size:90%;
		width:105px;
		color:#666666;
	}

	#search-box-goldenpages #goldenpages-search-submit {
		background-image:url(/images/search_goldenpages_find.gif);
		background-color:#FEFC96;
		background-repeat:none;
		text-indent:-2000px;
		width:67px;
		height:22px;
		display:block;
		cursor:pointer;
	}

	#search-box-goldenpages #goldenpages-search-submit:hover {
		background-position:0 -22px;
	}
		
		/* ====================================== horoscope == */		
		
		div#column-main-middle_horo {
			width: 528px;
			float: left;
			background-image: url(../images/horo_header.jpg);
			background-position: right top;
			background-repeat: no-repeat;
			padding-bottom: 2em;
			
		}
		
		.horospace {
		height:160px;
		display:block;
		}
		
	#horoscope_block {
	float:left;
	height: 290px;
	background-image: url(http://www.rte.ie/fashion/images/hbg.gif);
	width: 234px;
	font-size:0.8em;
	margin-left: 18px;
	margin-bottom: 14px;

		}
		

		
			.aries {
			background-image: url(http://www.rte.ie/fashion/images/horo_aries.gif);
			height:61px;
			background-repeat: no-repeat;

		}	
		
		
			.taurus {
			background-image: url(http://www.rte.ie/fashion/images/horo_taurus.gif);
			background-repeat: no-repeat;
			height:61px;
		}
		
			.gemini {
			background-image: url(http://www.rte.ie/fashion/images/horo_gemini.gif);
			background-repeat: no-repeat;
			height:61px;	
		}
		
		    .cancer {
			background-image: url(http://www.rte.ie/fashion/images/horo_cancer.gif);
			background-repeat: no-repeat;
			height:61px;
		}
		
		
		.leo {
			background-image: url(http://www.rte.ie/fashion/images/horo_leo.gif);
			background-repeat: no-repeat;
			height:61px;	
		}
		
		    .virgo {
			background-image: url(http://www.rte.ie/fashion/images/horo_virgo.gif);
			background-repeat: no-repeat;
			height:61px;	
		}
		
		.libra {
			background-image: url(http://www.rte.ie/fashion/images/horo_libra.gif);
			background-repeat: no-repeat;
			height:61px;	
		}
		
		    .scorpio {
			background-image: url(http://www.rte.ie/fashion/images/horo_scorpio.gif);
			background-repeat: no-repeat;
			height:61px;
		}
		
		.saggittarius {
			background-image: url(http://www.rte.ie/fashion/images/horo_saggittarius.gif);
			background-repeat: no-repeat;
			height:61px;
		}
		
		    .capricorn {
			background-image: url(http://www.rte.ie/fashion/images/horo_capricorn.gif);
			background-repeat: no-repeat;
			height:61px;
		}
		
		.aquarius {
			background-image: url(http://www.rte.ie/fashion/images/horo_aquarius.gif);
			background-repeat: no-repeat;
			height:61px;	
		}
		
		    .pisces {
			background-image: url(http://www.rte.ie/fashion/images/horo_pisces.gif);
			background-repeat: no-repeat;
			height:61px;	
		}


			.horohead {
			font-size: .7em;
			border: none;
			padding-bottom: .5em;
			padding-top: 0em;
			letter-spacing: -1px;
	
			
			}
			
			
		.horotext {
			padding-left:1.8em;
			padding-right:2em;
			font-size: 12px;
			
		}
			
			.horosubhead {
			font-size: 11px;
			padding-top: 2.2em;
			padding-left: 4em;
			}
			
			.horosubhead2 {
			font-size: 11px;
			padding-left:4.1em;
			padding-top:.2em;
			}

			.horoprediction {
			height:110px;
			}
			
			
		/* ====================================== OFF THE RAILS == */			
			
		div#column-home-full {
			background-image: url(../images/otr_bck.png);
			background-color:#000000;
			background-repeat:repeat;
			width: 1000px;
			float: left;
		}
		
		

	.otrWrapper {
		width:986px;
		padding-left:14px;
	}
		
	.otrHeader {
		width:1000px;	
	}
	



.otrMenu {
	float:left;
	background-image: url(../images/otr_men_bck.png);
	background-color:#000000;
	background-repeat:repeat;
	width:658px;
	height:59px;
	display:block;	
}


.otrMenu li {
	float:left;
	background:#000000;
	display:block;	
}




.otrMenu a {
	display:block;
	background:#e05715;
	color:#fff;
	font-weight:normal;
	text-align:center;
	border: 1px solid #000;
	border-width:0px 1px 1px 0;
	padding:20px;
	text-decoration:none;

}



.otrMenu li a:hover {
	background:#00a6c7;
	color:#FFFFFF;

}


.otrBody {

	float:left;
	width:630px;
	min-height:458px;
  	height:auto !important;
  	height:458px;
	padding:14px;
	margin-right:14px;
	background:#fff;
}

.otrRight {
	float:left;
	width:300px;

}



.otrTitles {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	margin-bottom:14px;
	color:#c94100;
}





.otrPic {
					float:left;
					width: 640px;
					height: 350px;
					display: block;
					clear: both;
					margin: 0px 0px 12px 60px;
				}


p {
	font-size:12px;
	line-height:1.2em;
}


.otrHeader2 {
	background:#e05715;
	width:80%;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	padding:14px;
	
}

.flashPlayer {

}


		/* ====================================== BEST DRESSED POLL == */	
		
.pollPicsHolder {
	width:355px;
	float:left;
	margin-left:4px;
	}
	
.pollPic {
	width:95px;
	margin:2px 2px 0 0;
	height:170px;
	float:left;
	background:#faf0f8;
	float:left;
	font-size:12px;
	padding:8px;
	}

.pollPic p {
	padding-top:2px;
	}
	
.pollResults {
	width:115px;
	float:left;

}


.bdaLink {
	text-decoration:none;
	font-size:24px;
	color:#CC0000;
	
}


