/* v3 test*/

.carousel-container {
	position:relative; 
}
.carousel-viewport {
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative; 
}
.carousel-viewport ul,
.carousel-viewport ul li {
	margin:0;
	padding:0;
	position:relative;
}
.carousel-viewport ul li {
	float:left;	
	display:block;
}
.carousel-viewport ul .slide {
	float:left;
}
.carousel-pagination,
.carousel-pagination li {
	margin:0;
	padding:0;
	position:relative;
}
.carousel-pagination li {
	float:left;	
	display:block;
}
.carousel-pagination li a {
	width:15px;
	height:15px;
	display:block;
}
/* fix global css 08_22 */
.carousel-viewport ul li, ul.adjacency-carousel li {
	width: auto;
}

/*
    Render the element invisible to screen readers to make 
    sure the content is ignored. This is used when 
    the element needs to take up space in the document
    flow for dimension calculations.
    The name is taken from the ARIA attribute aria-hidden="true",
    which is not yet fully supported.
*/
.aria-hidden {
    visibility:hidden;
}
/*
    Render the element visible to all. This is used when 
    the element needs to visible durign animations.
    The name is taken from the ARIA attribute aria-busy="true",
    which is not yet fully supported.
*/
.aria-busy .carousel-panel {
    visibility:visible;
}


/* ACCESSIBILITY -----------------------------*/
.clearer, .clear {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}

.offscreen {
  display: block;
  height: 1px;
  left: -2000px;
  overflow: hidden;
  position: absolute;
  width: 1px; 
}
/*
    Render the element invisible to both visual and screen reader users.
*/
.hidden {
  display: none;
  visibility: hidden; 
}

/*
    Render the element invisible to visual users,
    but still enble screen readers access. Note: 
    this should be used for user assistance text
    as opposed to keyword-rich text. Employed for
    the latter can violate the Google Webmaster 
    Terms of Service.
*/
.screen-reader-only {
  top: auto;
  width: 1px;
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute; 
}

/*
    Prevent the extended dotted lines that occurr when an element focused. This makes sure they
    show only around the element and not all the way offscreen.
*/
.action.screen-reader-only {
  left: auto; 
}

/*global styles */
#style-nav {
	background: url("http://static.targetimg1.com/2012/ak/style/112512/images/menu_bg.png") no-repeat left top;
	position: absolute;
	top: 87px;
	right: 842px;
	z-index: 3;
	width: 117px;
	height: 166px; 
}/*19px to the right*/
#style-nav .bar-one {
	background: white;
	width: 101px;
	position: absolute;
	left: 8px;
	top: 0px;
	height: 37px; 
}
#style-nav .bar-two {
	background: white;
	width: 101px;
	position: absolute;
	left: 8px;
	top: 36px;
	height: 30px; 
}
#style-nav .bar-three {
	background: white;
	width: 101px;
	position: absolute;
	left: 8px;
	top: 65px;
	height: 30px; 
}
#style-nav .bar-four {
	background: white;
	width: 101px;
	position: absolute;
	left: 8px;
	top: 94px;
	height: 30px; 
}
#style-nav .bar-five {
	background: white;
	width: 101px;
	position: absolute;
	left: 8px;
	top: 123px;
	height: 32px; 
}

.carousel-container .nextFrame, .carousel-container .prevFrame {
  display: none; visibility:hidden;
}

#style-container ul.carousel-pagination {
	position: absolute;
	top: 87px;
	right: 848px;
	z-index: 5;
	width: 103px;
	height: 125px;
	text-align: left;
	font-size: 12px; 
}/*19px to the right*/
#style-container ul.carousel-pagination li {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: 0;
	text-align: left;
	font-size: 12px;
	width: 100%;
	height: auto;
	position: relative; 
}
#style-container ul.carousel-pagination li a.carousel-frame {
	padding: 9px 0 8px 10px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	border: none;
	width: 100%;
	height: auto;
	color: white; 
}
#style-container ul.carousel-pagination li a.carousel-frame:link {
	display: block;
	color: white;
	background: none;
	font-weight: normal; 
}
#style-container ul.carousel-pagination li a.carousel-frame:blur {
	color: white;
	font-weight: normal; 
}
#style-container ul.carousel-pagination li a.carousel-frame:hover {
	color: black;
	font-weight: normal;
	font-style: normal; 
}
#style-container ul.carousel-pagination li a.carousel-frame:focus {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.carousel-frame:active {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li span.selected {
	background: none;
	display: none; 
}
#style-container ul.carousel-pagination li a.selected {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.selected:link {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.selected:focus {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.selected:blur {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.selected:hover {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li a.selected:active {
	color: #f00000;
	font-weight: bold;
	font-style: italic; 
}
#style-container ul.carousel-pagination li #hot-trend-nav-item, #style-container ul.carousel-pagination li a.carousel-frame[data-carousel-frame~="1"] {
	padding-top: 18px; 
}
#style-container ul.carousel-pagination li #want-more-nav-item, #style-container ul.carousel-pagination li a.carousel-frame[data-carousel-frame~="5"] {
	padding-bottom: 9px; 
}

.logo-back-style-hub {
	position: absolute;
	top: -1px;
	left: 59px;
	width: 87px;
	height: 77px;
	border-top: 1px solid #840000;
	background-color: white;
	z-index: 2; 
}

.style-container {
	width: 950px;
	height: 580px;
	margin: -1px 0 0 0;
	padding: 0 0 0 80px;
	position: relative; 
	top: -4px;
}
.style-container sup {
	font-size: 8px;
	vertical-align: top; 
}

.style-frame {
	border-bottom: 12px solid black;
	height: 580px;
	width: 900px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 80px; 
}

.style-slide {
  position: relative;
  margin: -1px 0 0 -1px;
  height: 580px;
  width: 900px;
  position: relative;
  }
.style-slide .component-container {
	border-left: none;
	height: 100%;
	position: relative;
	width: 100%; 
}
.style-slide .component-container:after {
	clear: both;
	content: ".";
	display: none;
	height: 0;
	visibility: hidden; 
 }
.style-slide .component-container .vertical-divider {
  position: absolute;
  width: 1px;
  border-left: 1px dotted #B2B2B2; 
  }
.style-slide .component-container .horizontal-divider {
  position: absolute;
  height: 1px;
  border-top: 1px dotted #B2B2B2; 
  }

.style-slide-header {
  position: relative;
  height: 30px;
  width: 877px;
  background-color: black;
  padding: 6px 8px 0px 15px;
  overflow: hidden; 
  }

.target-style-logo {
	height: 30px;
	width: 877px;
}

#style-container .singles {
  height: 230px;
  float: left; 
  }
#style-container .slide-two-image-corner {
  width: 5px;
  height: 61px;
  background: url(http://static.targetimg1.com/2012/ak/style/080512/OpenContainer/images/picture_corner.png) no-repeat left top;
  position: absolute;
  left: 968px;
  top: 289px;
  z-index: 20; 
  }
.caption-text, .price-caption-link .price-caption-link-text, #odin, #kirna {
  font-size: 11px;
  line-height: 13px;
  font-weight: 200; 
}

.get-look-main, .hot-trend-main, .get-look-mens-main {
	position: absolute;
	top: 40px;
	left: 0; 
}

.price-caption-link {
	position: absolute; 
}
.price-caption-link .caption-price {
	font-size: 18px;
	line-height: 20px;
	display: block; 
}
.price-caption-link .links {
	font-weight: bold;
	font-size: 11px; 
}

.get-look-main-caption, .hot-trend-caption, .mens-caption, .want-more-main .booties, .want-more-main .structured-belt {
  position: absolute;
  font-style: italic;
  font-size: 10px;
  z-index: 2;
  line-height: 13px; 
}
.descenders {
  margin-top: 3px; 
}

.style-lead-text {
  font-size: 13px;
  font-weight: 200;
  text-align: left;
}
.style-lead-text a {
	font-weight: bold;
}
.style-lead-text p {
	margin-bottom: 5px;
}
.offscreenText {
    display: block;
    height: 1px;
    left: -99999px;
    overflow: hidden;
    position: absolute;
}
.dec-style-frame {
	border-bottom: 12px solid black;
	height: 576px;
	width: 900px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 80px; 
}
.style-slide p { 
	line-height:16px; 
	padding-bottom:2px;
}
/* quick info links */
.style-slide .layer img {
	position: absolute;	
}
/* SLIDE 1 - new year, new hue */
#colorStory-main {
	width: 900px;
	height: 580px;
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/style_slide1.jpg) no-repeat left top;
}
#colorStory-lead {
	position: absolute;
	top: 325px;
	left: 572px;
	width: 200px;
	text-align: left;
}

/* SLIDE 2 - colors, coordinated */
#colorTheory-main {
	width: 900px;
	height: 580px;
}
#colorTheory-main.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/style_slide2.jpg) no-repeat left top;
}
#colorTheory-lead {
	position: absolute;
	top: 253px;
	left: 480px;
	width: 200px;
}
#colorTheory-lead p {

}
#link_group {
	position: absolute;
	top: 449px;
	left: 78px;
	width: 400px;	
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
	text-align:left;
}
#link_group a:link,#link_group  a:active,#link_group  a:visited {color: #0069FF !important;}
#link_group div { float:left; width:106px; height:20px; text-align:center;}
#addaPop {/*padding:0 42px 0 0;*/
	padding:0 24px 0 0;
}
#headToToe {/*padding:0 41px 0 0;*/
	padding:0 36px 0 0;
}
#fullSpectrum {
	padding:0 0 0 0;
}
/* slide 2: MODAL 1 - Add a Pop */
#color_pop {
	position: absolute;
	width: 605px; 
	height: 615px;
	background: url('http://static.targetimg1.com/2012/ak/style/112512/images/blank.gif') no-repeat scroll 0 0 transparent;
}
/* not loading the background image until the modal is visible helps YSlow (what Target uses 
to measure page weight) register that these images are lazy loading */
#color_pop.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/bg_colorPop.jpg) no-repeat scroll 0 0 transparent;
}
#color_pop #watches {
	position:absolute;
	width: 130px;
	top: 261px;
	left: 18px;
	text-align:right;	
} 
#color_pop #nails {
	position:absolute;
	width: 106px;
	top: 261px;
	left: 477px;
	text-align:left;		
} 
#color_pop #heels {
	position:absolute;
	width: 100px;
	top: 515px;
	left: 48px;
	text-align:right;		
} 
/* slide 2: MODAL 2 - Head to Toe */
#mono_chrome {
	position: absolute;
	width: 605px; 
	height: 615px;
	background: url('http://static.targetimg1.com/2012/ak/style/112512/images/blank.gif') no-repeat scroll 0 0 transparent;
}
/* not loading the background image until the modal is visible helps YSlow (what Target uses 
to measure page weight) register that these images are lazy loading */
#mono_chrome.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/bg_monoChrome.jpg) no-repeat scroll 0 0 transparent;
}
#mono_chrome #blouses {
	position:absolute;
	width: 118px;
	top: 218px;
	left: 31px;
	text-align:right;	
} 
#mono_chrome #belts {
	position:absolute;
	width: 127px;
	top: 218px;
	left: 448px;
	text-align:left;		
} 

#mono_chrome #jeans {
	position:absolute;
	width: 102px;
	top: 357px;
	left: 46px;
	text-align:right;		
} 
/* slide 2: MODAL 3 - Vary Shades */
#full_spectrum {
	position: absolute;
	width: 605px; 
	height: 615px;
	background: url('http://static.targetimg1.com/2012/ak/style/112512/images/blank.gif') no-repeat scroll 0 0 transparent;
}
/* not loading the background image until the modal is visible helps YSlow (what Target uses 
to measure page weight) register that these images are lazy loading */	
#full_spectrum.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/bg_fullSpectrum.jpg) no-repeat scroll 0 0 transparent;
}
#full_spectrum #cardigans {
	position:absolute;
	width: 96px;
	top: 188px;
	left: 411px;
	text-align:left;		
} 
#full_spectrum #dresses {
	position:absolute;
	width: 125px;
	top: 330px;
	left: 411px;
	text-align:left;	
} 
#full_spectrum #flats {
	position:absolute;
	width: 96px;
	top: 490px;
	left: 411px;
	text-align:left;		
} 
/* SLIDE 3 - New Year, New Attitude */
#laceBlazer-main { 
	width: 900px;
	height: 580px;
}
#laceBlazer-main.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/style_slide3.jpg) no-repeat left top;
}
#laceBlazer-copy {
	position: absolute;
	top: 336px;
	left: 143px;
	width: 200px;
}
#laceBlazer_qi_1 {
	position: absolute;
	left: 761px;
	top: 175px;
}
/* SLIDE 4 - Step Into Style */
#shoes-main { 
	width: 900px;
	height: 580px;
}
#shoes-main.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/style_slide4.jpg) no-repeat left top;
}

#shoes-copy {
	position: absolute;
	top: 262px;
	left: 446px;
	width: 200px;
}
#shoes_qi_1 {
	position: absolute;
	left: 827px;
	top: 133px;
}
#shoes_qi_2 {
	position: absolute;
	left: 130px;
	top: 314px;
}
#shoes_qi_3 {
	position: absolute;
	left: 298px;
	top: 233px;
}
#shoes_qi_4 {
	position: absolute;
	left: 840px;
	top: 305px;
}
#shoes_qi_5 {
	position: absolute;
	left: 137px;
	top: 483px;
}
#shoes_qi_6 {
	position: absolute;
	left: 298px;
	top: 482px;
}
#shoes_qi_7 {
	position: absolute;
	left: 830px;
	top: 496px;
}
/* SLIDE 5 - Ready, Set, Resolution */
#activewear-main {
	width: 900px;
	height: 318px;
}
#activewear-main.loadBG {
	background: url(http://static.targetimg1.com/2012/ak/style/123012/images/style_slide5.jpg) no-repeat left top;
}
#activewear-lead {
	width: 250px;
	position: absolute;
	top: 178px;
	left: 560px;
}
#activewear_qi_1 {
	top: 140px;
	left: 128px;	
}
#activewear_qi_2 {
	top: 272px;
	left: 272px;		
}
#activewear_qi_3 {
	top: 139px;
	left: 330px;		
}
#activewear_qi_4 {
	top: 53px;
	left: 463px;		
}
#openContainer a { font-weight: bold;}
		
/* CMS COMPONENTS, slots adjustments */
.component.singles {
	text-align: center; 
}

/* x0y0, .component-container.h2.w2*/
/*.component-container.h2.w2 .text-center { 
	text-align:left;
}
.component-container.h2.w2 h2 {
	margin:-10px 0 10px;
}
.content.text-left .text-center p {}
*/
.M_Gray_Dark_12px_333333 {
	margin: 5px 0px !important;
	line-height: 14px;
}
#media-player .carousel-container {
	display: none;
}
.component-container.banner{
	margin-bottom: 0px !important;
	height: 193px;
}
.H_Gray_Dark_Bold_36px_999999 {
	margin-bottom: 5px !important;
}

#productListingRelatedSearches {
	display: none;
}

/* remove double-dotted line above first banner */
.x0y3.w4 {
	border-top: 0px none #fff !important;
}
/* loses left border entirely on x3y0 in IE7 */
#Main.mainSize2.category-browse .content.category-grid-container .utilityTemplate.category-template .x3y0 .component-container, 
#Main.mainSize2.category-browse .content.category-grid-container .utilityTemplate.category-template .x3y1 .component-container {
	border-left: 0px none #fff !important;
}
/* x2y0 , January 2013 project only */
#Main .utilityTemplate.category-template .x2y0 > div#JanStyle_X2Y0, #Main .utilityTemplate.category-template .x2y1 > div {
	border-right: 0px dotted #B2B2B2 !important;
}
.category-template .x2y0 > div#JanStyle_X2Y0, category-template .x3y0 > div {
	border-bottom: 0px dotted #B2B2B2 !important;
}
.x2y0 { z-index:100;}
.x2y1, .x3y0, .x3y1 { z-index:1;}
#JanStyle_X2Y0 {/* width:384px; height:384px;	*/
	background:url(http://static.targetimg1.com/2012/ak/style/123012/images/Other_JanStyl_1230_X2Y0_C.jpg) 0 0 no-repeat; 
	width:373px; height: 195px;	
	padding:189px 0 0 11px;
	font-size:12px;
}
#JanStyle_X2Y0 p {
	width:140px;	
	line-height:16px; 
	padding-bottom:5px;
}
#JanStyle_X2Y0 a { font-weight:bold;}

/* .x0y3.w4, .x0y4.w4 */
.component.banner.content-left .l {
    padding-left: 12px !important; 
    padding-top: 17px !important;
    width: 284px;
}	
/*ul.links li a {
    position: relative;
    top: 2px;
}*/
.component.banner.content-left .l ul.links { padding-top:8px;}
.component.banner.content-left .l ul.links li {padding-bottom:12px;}
.x0y3.w4 h2, .x0y4.w4 h2 {
	padding-bottom:11px;
}
.x0y3.w4 p, .x0y4.w4 p {
	line-height:14px;
	padding-bottom:4px;
}
.x0y4.w4 p {width:207px !important;}

/* WANT MORE (ESSENTIALS) FOOTER */
.want-more-footer {
	height: 212px; 
	padding-top: 35px;
	background: url('http://static.targetimg1.com/2012/ak/style/090912/images/wantmore_bg.jpg') repeat-y;
}
.want-more-footer .social-media {
	padding: 0 0 70px 27px; 
}
.want-more-footer .social-media > a {
	float: left;
	padding: 11px;
	display: block; 
	background-position: 11px 11px;
	background-repeat: no-repeat;
}
.want-more-footer .social-media:after {
	clear: both;
	content: ".";
	display: none;
	height: 0;
	visibility: hidden; 
}
.want-more-footer .more-target-style p {
	font-size: 11px;
	padding-top: 14px; 
}
.want-more-footer > div {
	float: left;
	width: 500px;
	height: 152px; 
}
.want-more-footer .sign-up-email {
	float: left;
	text-align: left;
	width: 351px;
	padding: 15px 0 40px; 
}
.want-more-footer .sign-up-email:after {
	clear: both;
	content: ".";
	display: none;
	height: 0;
	visibility: hidden; 
}
.want-more-footer .sign-up-email .sign-up-email-text {
	float: left;
	width: 225px;
	padding-left: 25px;
	border-left: 1px dotted #B2B2B2; 
}
.want-more-footer .sign-up-email .sign-up-email-text h4 {
	color: #7f7f7f;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0; 
}
.want-more-footer .sign-up-email .sign-up-email-text p {
	width: 170px;
	padding: 10px 0;
	font-size: 12px;
	line-height: 15px; 
}
.want-more-footer .sign-up-email .sign-up-email-text .links {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #0069ff;
	padding-top: 6px;
	font-size: 11px; 
}
.want-more-footer .sign-up-email .sign-up-email-img {
	float: left;
	padding: 15px 0 0 5px; 
}
.want-more-footer .sign-up-email .sign-up-email-img:after {
	clear: both;
	content: ".";
	display: none;
	height: 0;
	visibility: hidden; 
}

/* custom modal */
.curtain {
	background:#000; 
	opacity: 0.3;  filter: alpha(opacity = 30); 
	z-index:1000; 
	width:100%; height:100px; 
	position:fixed; 
	top:0; left:0; 
	display:none;
}
.ak_modal {
	z-index: 1200;	
	font-size: 12px;
	line-height:17px;	
}
.ak_modal p {
	padding-bottom:0px;
}	
.ak_modal a { font-weight:bold;}
.modal_closeBtn {
    display: block;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
}
/*pop-up modal */
.modal-container {
	position: absolute;
	left: 0;
	top: 0;
	font-family: Helvetica, arial, sans-serif; 
}
.modal-content {
	padding: 17px !important;
	width: 285px;
	float:left;
	font-size: 11px;
	line-height: 14px;
	text-align:left;
}
.modal-content p {
	margin-top: 10px;
}

.modal_header {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
.modal_header p {
	font-family: Helvetica,arial,sans-serif;
	margin: 8px 0px;
	font-size: 14px;
	line-height: 18px;
}
/* social media icons */
#facebook {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_facebook.png') ;
width:32px;
height: 33px;
}

#tumblr {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_tumblr.jpg') ;
width:31px;
height: 31px;
}

#pint {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_pinterest.jpg') ;
width:30px;
height: 30px;
}


#inst {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_instagram.jpg') ;
width:32px;
height: 31px;
}


#twitter {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_twitter.jpg') ;
width:32px;
height: 32px;
}

#yt {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_youtube.jpg') ;
width:32px;
height: 32px;
}

#bv {
background-image: url('http://static.targetimg1.com/2012/ak/style/112512/images/wantmore_bullseye_view.png') ;
width:108px;
height: 35px;
}


/* global footer */
#Footer .pagenotes {
	margin: 0px auto 65px;
}