@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Arial, Helvetica, sans-serif;  /*16px* base text size*/
	background: url(images/bg.jpg) 0 0 repeat-x #090909;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222;
}

 /*Added by Dan begin
.copy  
{
    font-weight: normal;
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif;
}
.copysm
{
    font-weight: normal;
    font-size: 70%;
    font-family: Arial, Helvetica, sans-serif;
}
.copytitle
{
    font-weight: normal;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

a:link
{
	font-size: 12px;
	font-weight: normal;
    text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
}

a:visited
{
	font-size: 12px;
	font-weight: normal;
    text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
}

a:hover
{
	font-size: 12px;
	font-weight: normal;
    text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

a:active
{
	font-size: 12px;
	font-weight: normal;
    text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
}


Added by Dan end*/
 


/* Default Style */
img { text-decoration:none;border: none; }

p, h1, h2, h3, h4, h5, h6 { margin: 10px 0;padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; }

h1{ font-size: 190%; }
h2{ font-size: 160%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }
h6{ font-size: 70%; }

a { border: none; text-decoration:underline; color:#000; }
a:hover{ text-decoration:underline; color:#666; }
a img{ border:0px; }

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
padding: 10px 35px 5px 35px;
margin: 3px 30px;
background: #f4f4f4;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 95%;
font-family: "Courier New", Courier, monospace;
}

td{
 vertical-align:top;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
	 margin: 0 10px 0 0;
}

.alignright {
   float: right;
	 margin: 0 0 0 10px;
}
.req {
	color: #CC0000;
	font-size:150%; 
}
.fp {
	font-size:85%;
	line-height: 1.4em;
	color:#666;
	}
	
.superscript {
    position: relative;
    bottom: 0.5em;
    font-size: 0.8em;
}
.subscript {
    position: relative;
    top: 0.3em;
    font-size: 0.8em;
}

#container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:500px;
	height: auto;
	/* border:1px solid #990000; */
} 
#mainContent {
	position:relative;top:0;left:0px;
	margin:0;
	width:980px;_width:980px;	
	background:#FFF;	
	min-height:500px;	
	font: 73.5% Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	z-index:0;
}

#mainContent .footnote {
	font-size: 93%;
}
a.link-btn {line-height:22px;color:#fff;font-family: arial;font-size:12px;text-decoration:none;}

a.link-btn:hover,a.link-btn:hover span {text-decoration:none !important;}

a.link-btn em {background: url(images/link-btn-left.png) no-repeat;width: 13px;}

a.link-btn span {background: url(images/link-btn-bg.png) repeat-x;font-size:12px;line-height: 22px;}

a.link-btn b {background: url(images/link-btn-right.png) no-repeat;width: 16px;} 

a.link-btn b, a.link-btn span,  a.link-btn em, a.link-btn {display: block;float: left;height: 22px;cursor: pointer;color:#fff;font-family:arial;}

/* Header Style */

#header { 
	position:relative;
	/* padding: 0 0 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #FFF;
	width:980px;
	_width:980px;
	height:90px;
	_height:90px;
	z-index: 100;
	margin:auto;
	/* border:1px solid #990000; */
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	
}

#logo { 
	position:absolute;top:0;left:-10px;z-index:100;
	width:278px; 
}
#topnav { 
	position:absolute;right:0; /* ie top:0; */
	top: -5px;
	* top: 0;
	margin:0;padding:0;
	width:450px;
	_width:450px;
	line-height:20px;
	text-align:right;
	font-size:.65em;
	padding:0; 
	margin:0;	
	color:#A3A3A3; 
	/* border:1px solid #990000; */
}
#topnav ul { list-style:none; }
#topnav li { line-height:20px;float:left;border-right:1px solid #E9E9E9;padding:0 10px 0 10px; }
#topnav li { border:none; }
#topnav li a { color:#A3A3A3;font-size:1.0em;text-decoration:none; }
#topnav li a:hover { color:#FFF;text-decoration:underline; }

/*
#menu { 
	position:absolute;right:0; 
	bottom:12px;
	* bottom:0;
	width:800px;
	_width:800px;
	height:36px;
	_height:36px;
	line-height:20px;
	padding:0; 
	margin:0;
	font-family: Helvetica;
	font-size:.75em;
	color: #E9E9E9; 
}
#menu ul, 
#menu ul li { position:relative; left:90px; display: inline; float: left; color:#FFF; }

#menu ul li a, #menu ul li a:link, #menu ul li a:visited  {
	display: block;
	padding: 8px;
	height:20px;
	border-right: 1px solid #CCC;
	color: #FFF;  
	text-decoration: none;
}
#menu ul li a.borderless { border-right:none; }
#menu ul li a:hover {
	background: URL(images/bg_nav.jpg) repeat-x top; 
	color: #000;
}
#menu ul li a.selected, #menu ul li a:active { 
	color:#000; 
	background: URL(images/bg_nav.jpg) repeat-x bottom;  
}
*/
#menu
{		
	position:absolute;right:0; 
	bottom:0px;
	* bottom:0px;
	width:700px;
	_width:700px;
	height:30px;
	_height:30px;
	line-height:22px;
	padding:0; 
	margin:0;
	font-family: Helvetica;
	font-size:.75em;
	color: #E9E9E9; 
	/* border:1px solid #990000; */
}

#menu li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left; 
	position: relative;
	left:150px;
	display:inline;
	border-right:1px solid #999;
}

#menu li a
{	display: block;
	margin:0;
	padding: 4px 8px;
	
	/* background: URL(images/bg_nav.jpg) repeat-x; */
	color: #FFF;
	text-align: center;
	text-decoration: none;
	/* border-right:1px solid #999; */
}
#menu li a.selected, #menu li a:active  { 
	color:#000; 
	background: URL(images/bg_nav.jpg) repeat-x bottom;  
}
#menu li a:hover
{	background: URL(images/bg_nav.jpg) repeat-x; 
	color: #000;
}

#menu div
{	position: absolute;
	visibility: hidden;
	margin-top: 0;
	* margin-top: 0;
	padding: 0;
	/* background: URL(images/bg_nav.jpg) repeat; */
	/* border: 1px solid #5970B2 */
	z-index: 90;
}

#menu div a
{	position: relative;
	display: block;
	margin:0;
	padding: 5px 10px;
	width: auto;
	* width: 130px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: URL(images/bg_nav.jpg) repeat-x top; 
	color: #333;
	height:22px;
	_height:22px;
	/* border:1px solid #999;*/
	z-index:90;
}

#menu div a:hover
{	background: URL(images/bg_nav.jpg) repeat-x bottom; 
	color: #000;
}

/* Footer Style */
#footer {  
	position:relative;
	width:980px;
	top:5px;
	left:0px;
	padding:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin:0;
	color: #A3A3A3;
	font-size: 72%;
	height: 80px;
	text-align:center;
} 
#footer p {
	position:relative;
	top:5px;
	* top:5px;
	margin: auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 90%;
	width:980px;
}
#bottomnav {
	position:relative;
	top:0;
	left:-15px;
	width:980px;
	text-align:left;
	padding:0;
	margin:0;
	height:25px;
}
#bottomnav ul { list-style:none; }
#bottomnav li { line-height:0px;float:left;border:none;padding:0 4px 0 4px; }
#bottomnav li a { color:#A3A3A3; text-decoration:underline;line-height:25px; }
#bottomnav li a:hover { color:#FFF;text-decoration:underline; } 


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.left_sidebar #mainContent { margin: 0 0 0 370px;height:500px; } 
.left_sidebar #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0 10px 0 20px;
	font-size: .80em;
}
.standardFormat {
	background: #FFF;
	margin:20px 0 20px 0;
}
.standardFormat input {  }

/* Index  */
.index #container {
	height:650px;
}
.index #mainContent { 
	height:560px; 
	background:#E7E7E7;
	padding:0;margin:0;
} 
.index #mainBox { 
	float:left;
	width:740px;_width:740px;
	height:370px;_height:370px; 
}
.index .box {
	float: left;
	border-right:1px solid #FFF;
}
.index #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 240px;
	padding:0;
}
.index #topbox { 
	position:absolute;top:0;left:740px;
	background:URL(images/bg_style_scoop.jpg) no-repeat;
	width:240px;_width:240px;height:180px;_height:180px;
	margin:0;padding:0; 
}
.index #subscribe_now { position:relative;left:20px;top:130px; }

.index #centerbox { 
	position:absolute;top:180px;left:740px;z-index: 10;
	font:1.0em Arial, Helvetica, sans-serif; 
}
.index #bottombox { 
	position:absolute;top:370px;left:740px;z-index: 10;
	/*background:URL(images/bg_giftcard.jpg) no-repeat;*/
	background:URL(images/bg_hp_contest_badge.jpg) no-repeat;
	width:240px;_width:240px;height:185px;_height:185px;
}
.index #leftBox { 
	float:left;
	background:URL(images/bg_hpbadge1.jpg) no-repeat;
	width:240px;_width:240px;height:190px;_height:190px; 
	margin:0;padding:0;
}

.index #middleBox { 
	float:left;
	/* background:URL(images/bg_departments.jpg) no-repeat; */
	width:245px;_width:245px;height:190px;_height:190px; 
	margin:0; padding:0;
}

.index #rightBox { 
	float:right;
	background:URL(images/bg_giftcard.jpg) no-repeat;
	width:239px;_width:239px;height:190px;_height:190px;
}

.index #watch_now { position:relative;left:68px;top:148px; }
.index #enter_now { position:relative;left:20px;top:145px; }
.index #get_giftcard { position:relative;left:55px;top:145px; }
.index #view_guide { position:relative;left:35px;top:147px;width:180px; }
/* 
.index #sidebar1 .box h4 { font-size:1.0em;color:#FFF;background:#666;margin:0;padding-left:30px;line-height:40px; }
.index #sidebar1 .box p { font-size:.85em;line-height:20px;margin:0;padding:15px; } */

.index #carousel-overflow-wrapper {
	position: relative;
	z-index: 5;
	width: 740px;
	height: 370px;
	overflow: hidden;
	padding: 0;	margin:0;
	/* border:1px solid #990000; */
}
.index #carousel-main-menu {
	position:relative;
	top:0;
	z-index: 15;	
	width:740px;
	height:40px;
	/*background: #FFF;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:block;*/
}

.index .menubox {	
	width:740px;_width:740px;
	height:70px;_height:70px; 
	padding:0;margin:0;
	position:absolute;
	left:0;
	top:330px;
	z-index:14;
	display:block;
	/* border:1px solid #000;	 */
	padding-top:5px;
 	background:#FFF; 
	opacity:0.6; 
	filter:alpha(opacity=60);		
}

.index .menubox ul {
	position:relative;left:-30px;
	width:300px;height:25px;
	list-style:none;
	margin:0;
	z-index:15;
	/* border:1px solid #990000; */
	* left:5px;
}
.index .menubox ul li {
	float:left;
	border:1px solid #000; 
	width:25px;height:25px;
	margin-left:10px;	
}
.index #slideshow {
	position:relative;
	z-index: 4;
	width: 740px;
	height: 370px;
	top: -40px;
	padding:0;
	margin:0;
}
.index #slideshow div {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	opacity:0.0;
}
.index #slideshow div.active {
	z-index:12;
	opacity:1.0;
}
.index #slideshow div.last-active {
	z-index:11;
}
.index #slideshow div IMG {
	display: block;
	border: 0;
	margin-bottom: 0;
}
.index #carousel-main-buttons {  }
.index #carousel-main-buttons img { border:1px solid #909090; }
.index #carousel-main-buttons a { height:25px;width:25px;border:none;margin:0;padding:0; }

.index #carousel-depts-wrapper { position:relative;z-index:5; width:250px; height:200px; overflow: hidden; padding:0; margin:0; border:none; }
.index #carousel-depts-menu li { position:relative;top:0;left:0; z-index:10;border:1px solid #999; }
.index #carousel-depts-menu .prev2 a, #carousel-depts-menu .next2 a { padding:0;margin:0;border:none; }
.index #carousel-depts-menu .prev2 { position:relative;top:-150px;z-index:12;left:10px;border:none; }
.index #carousel-depts-menu .next2 { position: relative;top:-150px;z-index:12;left:210px;border: none; }


/* On Now */
.on-now #container {
	/*height:750px;*/
	height:850px;
}
.on-now #mainContent { 
	/*height:555px; */
	height:555px; 
	background:#FFF;
} 
.on-now #mainBox { 
	float:left;
	width:649px;_width:649px;
	height:555px;_height:555px; 
	position:relative;
	/* border:1px solid #333; */
	z-index:0;
}
.on-now .box {
	float: left;
	/* border-right:1px solid #FFF; */
}
.on-now .menubox {
	background:URL(images/bg-on-now.png) no-repeat; 	
	width:650px;_width:650px;
	height:70px;_height:70px; 
	padding:0;margin:0;
	position:absolute;
	left:0;
	top:0;
	z-index:12;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:block;
	/*  border:1px solid #000;	*/
}
.on-now .titlebox {
	background:URL(images/title-on-now.gif) no-repeat; 
	width:215px;_width:215px;
	height:70px;_height:70px; 	
	position:absolute;
	left:0;
	top:0;
	z-index:15;
}
.on-now .menubox ul {
	position:relative;left:450px;
	width:150px;height:25px;
	list-style:none;
	margin-top:20px;
	/* border:1px solid #999;	*/
}
.on-now .menubox ul li {
	float:right;
	border:1px solid #000;
	width:25px;height:25px;
	margin-left:10px;	
}
.on-now #carousel-overflow-wrapper {
	position: relative;
	z-index: 5;
	width: 650px;
	height: 550px;
	overflow: hidden;
	padding: 0;
	margin:0;
}
.on-now #carousel-main-menu {
	position:relative;
	top:0;
	z-index: 15;	
	width:650px;
	height: 40px;
	/*background: #FFF;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:block;*/
	padding:7px;
}
.on-now #slideshow {
	position:relative;
	z-index: 4;
	width: 650px;
	height: 550px;
	top: -55px;
	padding:0;
	margin:0;
}
.on-now #slideshow div {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background-color: #FFF;
}
.on-now #slideshow DIV  p {width:410px;}
.on-now #slideshow span.spacer {display:block; padding-top:10px;}
.on-now #slideshow div.active {
	z-index:10;
	opacity:1.0;
}
.on-now #slideshow div.last-active {
	z-index:9;
}

.on-now #slideshow DIV IMG {
	display: block;
	border: 0;
	margin-bottom: 10px;
}


.on-now #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.on-now #topbox { 
	position:absolute;top:0;left:651px;
	background:URL(images/holiday_giftcardpromo_e.jpg) no-repeat;
	width:328px;_width:328px;height:196px;_height:196px;
	margin:0;padding:0; 
}
.on-now #view_guide { position:relative;left:20px;top:120px; }

.on-now #centerbox { 
	position:absolute;top:189px;left:651px;z-index: 1;
	width:328px;_width:328px;height:428px;_height:428px;
}

.on-now .slider {
	width:328px;_width:328px;
	height:428px;_height:428px;
	padding: 0;
	position: relative;
	/* border:1px solid #000; */
	background:URL(images/bg_on_fashion_tips.gif) no-repeat;
}


.on-now .slider .previous {
	background-image: url(images/arrow-left.gif);
	position: absolute;
	left: 10px;
	top: 200px;
	width: 11px;
	height: 21px;
}

.on-now .slider .next {
	background-image: url(images/arrow-right.gif);
	position: absolute;
	right: 10px;
	top: 200px;
	width: 11px;
	height: 21px;	
}

.on-now .slider .container {
	width:270px;_width:270px;
	height:428px;_height:428px;
	overflow:hidden;
	position:relative; 
	z-index:2;
	margin:auto;
}

.on-now .slider div.slides {
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	list-style:none;
}

.on-now .slider .panel {
	position:absolute;
	top:0;
	display:none;
	width:270px;_width:270px;
	height:428px;_height:428px;	
	padding:0;
	margin:auto;
	z-index:10;
	
}
.on-now .slider .panel img {
	padding:0;
	margin:auto;
	/* border:1px solid #999; */
	text-align:center;
}
.on-now .slider .panel p {
	width:254px;
	height:auto;
	margin:auto;
	padding:6px;
	font-size:.95em;
	/* border:1px solid #999;*/
	background:#FFF;
	position:absolute;z-index:17;
}
.on-now .slider .panel a {
	text-decoration: none;
}

.on-now span.spacer {display:block; padding:8px 0px; clear:both;}
.on-now span.spacer2 {display:block; margin-top:-4px;}
.on-now span.spacer3 {display:block; margin-top:0px;}
.on-now .pinklink {color: #ff005f;}

.nowbtn1 {
	position:relative;
	left:18px;
	top:440px;
	z-index:25;
}
html>body nowbtn1 {
	position:relative;
	left:18px;
	top:440px;
	z-index:25;
}

/* Trends Page */
.trends #mainContent {
	height:640px; 
	background:#E7E7E7;	
}
.trends #mainBox {
	float:left;
	margin-left:20px;
	width:740px;_width:740px;
	height:560px;_height:560px; 	
}
.trends #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 240px;
	padding:0;
}
.trends #topbox { 
	position:absolute;top:0;left:740px;
	background:URL(images/hp_guide_promo_en.jpg) no-repeat;
	width:240px;_width:240px;height:190px;_height:180px;
	margin:0;padding:0; 
}
.trends #view_guide { position:relative;left:70px;top:145px;width:110px; }
.trends #subscribe_now { position:relative;left:20px;top:130px; }

.trends #centerbox { 
	position:absolute;top:190px;left:740px;
	background:URL(images/bg_style_scoop.jpg) no-repeat;
	width:240px;_width:240px;height:180px;_height:180px;
	margin:0;padding:0; 
}


/* In the News Page */
.news #mainContent {
	background:URL(images/bg_news.jpg) no-repeat #FFF; 
	padding:0;margin:0;
	min-height:4000px;
}
.news #mainBox {
	position:relative;
	padding:185px 0 0 30px;
	float:left;
	width:652px;_width:652px;
	height:auto;
}
.news #topbox {
	position:absolute;top:160px;left:652px;
	/* background:URL(images/bg_archive.jpg) no-repeat; 
	width:370px;_width:370px;height:127px;_height:127px; */
	background:URL(images/holiday_giftcardpromo_e.jpg) no-repeat;
	width:370px;_width:370px;height:188px;_height:188px;
	margin:0;padding:0; 	
}

.news #centerBox {
	position:absolute;top:350px;left:652px;
	background:URL(images/bg_press.jpg) no-repeat;
	width:370px;_width:370px;height:174px;_height:174px;
	margin:0;padding:0; 	
} 
.news #view_guide { position:relative;left:26px;top:140px; }
.news #get_access { position:relative;left:26px;top:128px; }
.news .article { float:left;height:250px;padding:0 10px 0 0; }

/* Contest Form Page */
.contest #mainContent {
	background:URL(images/bg_contest_img.jpg) no-repeat #FFF;
	height:auto !important;
	_height:800px;
	min-height:800px;	
}

.contest #mainBox {
	float:left;
	width:652px;_width:652px;
	min-height:800px;
	height:auto;_height:auto; 	
}
.contest #topbox {
	position:absolute;top:322px;left:652px;
	background:URL(images/bg_contest_viewguide.jpg) no-repeat;
	width:328px;_width:328px;height:188px;_height:188px;
	margin:0;padding:0; 	
}
.contest #see_winners { position:relative;left:22px;top:110px; }
.contest #view_guide { position:relative;left:22px;top:150px; }
.contest span.spacer {display:block; padding-top:10px;}
.contest #lovecontest_lef {width:508px; float:left;}
.contest #lovecontest_right {width:472px; float:left;}
#contest-form {
	float:left;	
	width:960px;_width:960px;
	height:820px;_height:820px;
	margin-top:340px;
	padding-left:20px;
	background: #FFF;
}
#loading-indicator, #contest-entry-confirmed, #contest-entry-failed, #sending-confirmed, #sending-failed, #contest-entry-duplicate { 
	position:absolute;top:340px;left:20px;
}
#send-to-friends-form, #sending-indicator  { 
	position:absolute;top:405px;left:20px; 
}

#loading-indicator, #contest-entry-confirmed, #contest-entry-failed, #send-to-friends-form, #sending-indicator, #sending-confirmed, #sending-failed, #contest-entry-duplicate { 
	display: none; 
}

/* Careers Page */
.careers #mainContent {
	background: #FFF;
	min-height:463px;
}
.careers #mainBox {
	float:left;
	width:600px;_width:600px;
	height:463px;_height:463px;
	margin-left:20px;
}
.careers #sidebar1 { 
	float: right;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 306px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 306px;
	padding:0;
}
.careers p a {
	text-decoration: underline;
}
.careers p a:hover {
	text-decoration: underline;
}

/* Contest Winners Page */
.contest-winners #mainContent {
	background: #FFF;
	min-height:500px;
}
.contest-winners #mainBox {
	float:left;
	width:652px;_width:652px;
	margin-left:20px;
}
.contest-winners #topbox {
	position:absolute;top:0;left:652px;
	background:URL(images/bg_fb_contest.jpg) no-repeat;
	width:327px;_width:327px;height:186px;_height:186px;
	margin:0;padding:0; 	
}
.contest-winners #goto-fb-contests { position:relative;left:22px;top:140px; }
.contest-winners #mainBox h2 { padding:20px 0 0 0; }
	
/* Departments Page */
.departments #container { height:750px;_height:750px; }
.departments #mainContent { background:#EFEFEF;height:610px; }
.departments #formBox { width:950px; height:80px;position:relative;padding:20px 0 0 20px; }

.departments #carousel-overflow-wrapper {
	position: relative;
	width: 980px;
	height: 196px;
	overflow: hidden;
	padding:0;
	margin:0;
	z-index: 22;	
	/* border:1px solid #990000; */
}

.departments .carousel {
	/* width: 940px;*/
	margin-left:40px; 
	padding:0;  
}
.departments .dept p {
	width:180px;
	height:190px;
	text-align:center;
	padding-top:160px;
}
.departments .dept p a {
	color: #333;
}
.departments .dept p a:hover {
	font-weight:bold;
}

.departments .jCarouselLite {
	position:relative;
	top:0;
	left:0;
	height:196px;
}
.departments .jCarouselLite ul {
 	width: 940px;
	height:196px;	
	z-index: 4;
}
.departments .jCarouselLite li {
	z-index: 6;
	border-right:1px solid #FFF; 
}
.departments #carousel-dept-menu {
	position:relative;left:0;top:0;
	z-index:200;
	width:980px;
	height:196px;
	border:1px solid #999;
}

.departments #carousel-dept-menu .prev {
left:0;
position:relative;
top:-290px;
z-index:30;
}

.departments #carousel-dept-menu .next {
left:907px;
position:relative;
top:-290px;
z-index:330;
}

.departments  #carousel-dept-menu .prev a, .departments #carousel-dept-menu .next a {
	padding:0;
	margin:0;
	border: none;
}

/* Store Locator Page */
.locator #mainContent {
	height:500px; 
}
.locator #mainBox {
background:url("images/bg_locator_en.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:490px;
width:740px;
}
.locator #locatorIntro {
height:200px;
left:20px;
position:absolute;
top:80px;
width:580px;
padding-bottom:30px;
}
.locator #locatorIntro img {padding-right:5px;}
.locator #formBox {
height:200px;
left:20px;
position:absolute;
top:240px;
width:500px;
}
.locator #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.locator #topbox {
background:url("images/bg_go_en.jpg") no-repeat scroll 0 0 transparent;
height:422px;
position:absolute;
left:652px; top:0;
margin:0; padding:0;
width:328px;
}
.locator #learn_more { position:relative;left:23px;top:318px; }
.locator #go_announcement {
position:relative;
left:23px; top:300px;
width:140px;
}
.results #mainContent {
	background:url(images/bg_results.jpg) no-repeat #FFF;
	min-height:700px;	
}
.results #mainBox {	
	float:left;		
}
.results #map { position:absolute; top:100px; left:20px; border:1px solid #999;width:450px;height:380px; }
.results #littleMap { width:180px;height:120px;border:1px solid #999; }
.results #formBox { position:absolute; top:100px; left:500px;z-index:20; }
.results #listBox { width:960px;_width:980px;float:left;height:auto;_height:auto;margin:0;padding:520px 0 0 20px;background:url(images/bg_results.jpg) no-repeat #FFF; }
.results table tr p {  }

.community #adBox { 
	position:relative;top:0;left:0;
	width:980px;_width:980px;
	height:250px;_height:250px;
	background: url(images/bg_logos.jpg) no-repeat;
}
.community #slideshow {
	position:relative;
	z-index: 4;
	width: 980px;
	height: 330px;
	top: 0px;
	padding:0;
	margin:0;
}
.community #slideshow div {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	opacity:0.0;
}
.community #slideshow div.active {
	z-index:12;
	opacity:1.0;
}
.community #slideshow div.last-active {
	z-index:11;
}
.community #slideshow div IMG {
	display: block;
	border: 0;
	margin-bottom: 0;
}
/*community slideshow 2*/
.community #slideshow2 {
	position:relative;
	z-index: 4;
	width: 980px;
	height: 330px;
	top: 0px;
	padding:0;
	margin:0;
}
.community #slideshow2 div {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	opacity:0.0;
}
.community #slideshow2 div.active {
	z-index:12;
	opacity:1.0;
}
.community #slideshow2 div.last-active {
	z-index:11;
}
.community #slideshow2 div IMG {
	display: block;
	border: 0;
	margin-bottom: 0;
}

.directions #mainContent {
	background:url(images/bg_directions.jpg) no-repeat #FFF;	
	min-height:600px;	
}
.directions #mainBox {
	float:left;
}
.directions #map1 { position:absolute; top:100px; left:20px; border:1px solid #999;width:450px;height:380px; }
.directions #formBox { position:absolute; top:100px; left:500px; }
.directions #listBox { width:960px;_width:980px;float:left;height:auto;padding:520px 0 0 20px; }
.directions #route { width:450px;height:auto;_height:auto;position:relative; }
.directions #totaltime, .directions #totaldist { font-weight:bold; }

.grand-openings #mainBox {
	background:url(images/bg_openings.jpg) no-repeat;	
	min-height:600px;
	height:auto;_height:auto;
	padding:80px 0 0 20px;
}
.grand-openings #mainBox .comment {
	color: #990000;
}
/* Site Map Page */
.sitemap #mainContent {
	height:500px; 
}

/* About Us Page */
.about #mainContent {
	height:1075px; 
}
.about #mainBox {
	float:left;
	width:600px;_width:600px;
	height:650px;_height:650px;
	margin-left:20px;
}
.about #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.about #topbox { 
	position:absolute;top:0px;left:652px;
	background:URL(images/about-us-img.jpg) no-repeat;
	width:328px;_width:328px;height:323px;_height:323px;
	margin:0;padding:0; 
}
.about #midbox{ 
	position:absolute;top:323px;left:652px;
	background:URL(images/bg_locations.png) no-repeat;
	width:328px;_width:328px;height:200px;_height:200px;
	margin:0;padding:0; 
}
.about #bottombox { 
	position:absolute;top:523px;left:652px;
	background:URL(images/bg_contact.png) no-repeat;
	width:328px;_width:328px;height:202px;_height:202px;
	margin:0;padding:0; 
}
.about #find_a_store { position:relative;left:22px;top:115px; z-index: 100; }
.about #contact_info { position:relative;left:20px;top:115px; z-index: 100; }
.about p {margin-bottom: 2em; }
.about h2 {margin-bottom: 1.2em; margin-top:1.2em;}
.about p a {
	text-decoration:none;
}
.about p a:hover {
	text-decoration: underline;
}

.about .carousel {
	padding:0;
	margin-left:59px;
}
.about .mile p {
	width:273px;
	height:214px;
	font-size:90%;
	text-align:center;
	margin-top:160px;
}
.about .mile p a {
	color: #333;
}
.about .mile p a:hover {
	font-weight:bold;
}
.about #carousel-overflow-wrapper {
	position: relative;
	width: 940px;
	height: 250px;
	overflow: hidden;
	padding: 0;
	margin:0;
	z-index: 22;
}
.about .jCarouselLite {
	position:relative;
	top:0;
	left:0;
	height:214px;
}
.about .jCarouselLite ul {
	width: 980px;
	height: 214px;
	z-index: 4;
}
.about .jCarouselLite li {
	z-index: 6;
	border-right:1px solid #FFF;
}
.about #carousel-mile-menu {
	/* border:1px solid #990000; */
	position: relative;
	left:0;
	top:0;
	z-index:100;
	width:862px;
	height:300px;
}
.about #carousel-mile-menu .prev {
	position: relative;
	top: -130px;
	z-index:30;
	left:0;
	border: none;
}
.about #carousel-mile-menu .prev a, #carousel-mile-menu .next a {
	padding:0;
	margin:0;
	border: none;
}
.about #carousel-mile-menu .next {
	position: relative;
	top: -130px;
	z-index:110;
	left:868px;
	border: none;
}

/* FAQS*/
.faqs #mainContent {
	min-height:700px;
	height:auto;
}
.faqs #mainBox {
	float:left;
	width:600px;_width:600px;
	margin-left:20px;
	height:auto;
}
.faqs #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.faqs #topbox { 
	position:absolute;top:0px;left:652px;
	background:URL(images/bg_locations.png) no-repeat;
	width:328px;_width:328px;height:200px;_height:200px;
	margin:0;padding:0; 
}
.faqs #midbox{ 
	position:absolute;top:200px;left:652px;
	background:URL(images/bg_contact.png) no-repeat;
	width:328px;_width:328px;height:202px;_height:202px;
	margin:0;padding:0; 
}

.faqs #find_a_store { position:relative;left:22px;top:115px; z-index: 10; }
.faqs #contact_info { position:relative;left:20px;top:115px; z-index: 10; }

/* Press Pass/Media Page */
.press #mainContent {
	height:700px;
	background:url(images/bg_press.png) no-repeat;
}
.press #mainBox {
	float:left;
	width:600px;_width:600px;
	height:700px;_height:700px;
	margin-left:20px;
}
.press #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.press #topbox { 
	position:absolute;top:0px;left:652px;
	background:URL(images/press-img.jpg) no-repeat;
	width:328px;_width:328px;height:323px;_height:323px;
	margin:0;padding:0; 
}
.press #midbox{ 
	position:absolute;top:323px;left:652px;
	background:URL(images/pr_badge_showroom.png) no-repeat;
	width:328px;_width:328px;height:188px;_height:188px;
	margin:0;padding:0; 
}
.press #bottombox { 
	position:absolute;top:511px;left:652px;
	background:URL(images/pr_badge_presskit.png) no-repeat;
	width:328px;_width:328px;height:186px;_height:186px;
	margin:0;padding:0; 
}
.press #showroom { position:relative;left:22px;top:135px; z-index: 100; }
.press #presskit { position:relative;left:22px;top:135px; z-index: 100; }
.press form label {
	font-weight: bold;
}
.press .footer {
	margin-left:40px;
	margin-top:10px;
}

/* Generic Error & Validation Error Pages */
.error #mainContent {
	height:400px; 
}
.error #mainBox {
	float:left;
	width:910px;_width:910px;
	height:400px;_height:400px;
	margin-left:20px;
}
.error h1 {
	margin-top:25px;
}

/* Contact Us Page */
.contact #mainContent {
	height:715px;
	background:url(images/contact_bg.jpg) no-repeat;
}
.contact #mainBox {
	float:left;
	width:600px;_width:600px;
	height:650px;_height:650px;
	margin-left:20px;
}
.contact form label {
	font-weight: bold;
}
.contact #mainBoxCol2 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:85px;
	left:325px;
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 250px;
	padding:0;
}
.contact #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.contact #topbox { 
	position:absolute;top:0px;left:652px;
	width:328px;_width:328px;height:323px;_height:323px;
	margin:0;padding:0; 
}
.contact #midbox{ 
	position:absolute;top:323px;left:652px;
	background:URL(images/bg_locations.png) no-repeat;
	width:328px;_width:328px;height:200px;_height:200px;
	margin:0;padding:0; 
}
.contact #bottombox { 
	position:absolute;top:523px;left:652px;
	background:URL(images/fb_winners_badge.png) no-repeat;
	width:328px;_width:328px;height:189px;_height:189px;
	margin:0;padding:0; 
}
.contact #find_a_store { position:relative;left:22px;top:115px; z-index: 100; }
.contact #winners_fb { position:relative;left:22px;top:115px; z-index: 100; }
.contact p {margin-bottom: 2em; }
.contact h1 {margin-top:1.2em;}
.contact p a {
	text-decoration:underline;
}
.contact p a:hover {
	text-decoration: underline;
	color:#666;
}

/* Contact Us Thanks Page */
.contact-thanks #mainContent {
	height:400px;
	background:url(images/contact_bg2.jpg) no-repeat;
}
.contact-thanks #mainBox {
	float:left;
	width:600px;_width:600px;
	height:400px;_height:400px;
	margin-left:20px;
	margin-top:15px;
}
.contact-thanks #sidebar1 { 
	position:absolute;
	/* since this element is floated, a width must be given */
	top:0;
	left:0px;
	width: 328px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 328px;
	padding:0;
}
.contact-thanks #midbox{ 
	position:absolute;top:323px;left:652px;
	background:URL(images/bg_locations.png) no-repeat;
	width:328px;_width:328px;height:200px;_height:200px;
	margin:0;padding:0; 
}
.contact-thanks #bottombox { 
	position:absolute;top:523px;left:652px;
	background:URL(images/fb_winners_badge.png) no-repeat;
	width:328px;_width:328px;height:189px;_height:189px;
	margin:0;padding:0; 
}

/* Privacy Page */
.privacy #mainContent {
	background: #FFF;
	height: 3900px;
}
.privacy #mainBox {
	float:left;
	width:925px;_width:925px;
	margin-left:20px;
	line-height:1.4em;
}
.privacy p a {
	text-decoration: underline;
}
.privacy p a:hover {
	text-decoration: underline;
}

/* Legal Page */
.legal #mainContent {
	background: #FFF;
	height: 2250px;
}
.legal #mainBox {
	float:left;
	width:925px;_width:925px;
	margin-left:20px;
	line-height:1.4em;
}
.legal p a {
	text-decoration: underline;
}
.legal p a:hover {
	text-decoration: underline;
}

.sign-up #mainContent {
	background:url(images/bg_sign_up.jpg) no-repeat #FFF;	
}

/* Newsletter Page */
.newsletter #mainContent {
	background:url(images/bg_newsletter.jpg) no-repeat #FFF;	
	min-height:500px;_min-height:500px;
	height:1450px;
}
.newsletter #mainBox {
	position:relative;
	width:900px;_width:900px;
	padding-top:300px;
	/*margin-top:270px; */
	line-height:1.4em;
	margin-left:30px;
}
.newsletter .item {
	width:440px;_width:440px;
	height:210px;_height:210px;
	padding: 10px 0;
}
.left { float:left; }
.right { float:right; }
.newsletter .number, .newsletter .thumbnail, .newsletter .article { float:left; }
.newsletter .number { /*height:200px;_height:200px;*/position:relative;left:0;margin-top:10px;padding-right:10px; }
.newsletter .thumbnail { padding-left:0px;padding-right:10px; }
.newsletter .article { padding:0;margin:0; }
.newsletter .article h2 { padding:0;}
.newsletter .article p { color:#333;width:270px;_width:270px;line-height:20px; }
.newsletter .article a { color:#999;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:none; }
.newsletter .article a:hover { color:#999;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:underline; } 

.newsletter #sidebar1 { 
	position:relative;
	top:0;left:700px;
	/* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 250px;
	padding-top: 200px;
}
.newsletter #topbox { 
	position:absolute;top:200px;left:0;
	background:URL(images/fashionguide.jpg) no-repeat;
	width:250px;_width:250px;height:229px;_height:229px;
	margin:0;padding:0; 
}
.newsletter #topbox p { padding:200px 0 0 80px; }
.newsletter #topbox a, .newsletter #bottombox a  { color:#cc3333;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:none; }
.newsletter #topbox a:hover, .newsletter #bottombox a:hover { color:#cc3333;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:underline; } 

.newsletter #bottombox { 
	position:absolute;top:450px;left:0;
	background:URL(images/winter_video.jpg) no-repeat;
	width:240px;_width:240px;height:172px;_height:172px;
	margin:0;padding:0; 
}
.newsletter #bottombox p { padding-top:0;color:#666;width:185px;text-align:left; }
.newsletter #bottombox span { width:185px;_width:185px;padding-left:95px; }

/* ==============================================================
newsletter for the fall -- temporary to avoid schedule conflict 
================================================================*/
.newsletter-fall #mainContent {
	background:url(images/bg_newsletter.jpg) no-repeat #FFF;	
	min-height:500px;_min-height:500px;
	height:1400px;
}
.newsletter-fall #mainBox {
	position:relative;
	width:650px;_width:650px;
	padding-top:270px;
	/*margin-top:270px; */
	line-height:1.4em;
	margin-left:30px;
}
.newsletter-fall .item {
	float:left;
	width:650px;_width:650px;
	height:220px;_height:220px;
}
.newsletter-fall .number, .newsletter-fall .thumbnail, .newsletter-fall .article { float:left; }
.newsletter-fall .number { height:200px;_height:200px;position:relative;left:0;margin-top:150px; }
.newsletter-fall .thumbnail { padding-left:20px;padding-right:20px; }
.newsletter-fall .article h2 { padding-top:20px; }
.newsletter-fall .article p { color:#333;width:400px;_width:400px;line-height:20px; }
.newsletter-fall .article a { color:#bf9a6a;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:none; }
.newsletter-fall .article a:hover { color:#cc3333;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:underline; } 

.newsletter-fall #sidebar1 { 
	position:relative;
	top:0;left:700px;
	/* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	_width: 180px;
	padding-top: 500px;
}
.newsletter-fall #topbox { 
	position:absolute;top:200px;left:30px;
	background:URL(images/fall_fashionomics.jpg) no-repeat;
	width:215px;_width:215px;height:229px;_height:229px;
	margin:0;padding:0; 
}
.newsletter-fall #topbox p { padding:185px 0 0 65px; }
.newsletter-fall #topbox a, .newsletter-fall #bottombox a  { color:#bf9a6a;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:none; }
.newsletter-fall #topbox a:hover, .newsletter-fall #bottombox a:hover { color:#cc3333;font:1.0em/1.4em Verdana, Geneva, sans-serif;text-decoration:underline; } 

.newsletter-fall #bottombox { 
	position:absolute;top:450px;left:0;
	background:URL(images/vote_and_win.jpg) no-repeat;
	width:185px;_width:185px;height:172px;_height:172px;
	margin:0;padding:0; 
}
.newsletter-fall #bottombox p { padding-top:0;color:#666;width:185px;text-align:left; }
.newsletter-fall #bottombox span { width:185px;_width:185px;padding-left:110px; }
/* ==============================================================
newsletter for the fall -- temporary to avoid schedule conflict 
================================================================*/