@charset "UTF-8";
/* CSS Document */

/*

body {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 20px;
}
*/

#wrapper {
	width: 1000px;
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}#header {
	background-color: #ed1e79;
	text-align: left;
	width: 1000px;
}
#nav {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_nav-back.jpg);
	float: left;
	width: 1000px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
#main-content {
	float: left;
	width: 1000px;
}
#checklist-left-col {
	float: left;
	width: 659px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#checklist-right-col {
	float: left;
	width: 320px;
	padding: 0px;
}
#checklist-product-listings {
	float: left;
	width: 650px;
}
#checklist-product-listings ul li {
	padding: 0px;
	float: left;
	list-style-type: none;
}
#checklist-product-listings ul .iefix {
  height: 460px;
}
#checklist-product-listings ul {
	padding: 0px;
  margin: 12px 0;
}
.checklist-product-listing {
	width: 130px;
}
.checklist-product-description1 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
	text-align: left;
}
a {
	color: #EB227E;
	text-decoration: none;
}
a:hover {
	color: #09F;
}
.checklist-product-description2 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
	text-align: left;
}
.checklist-product-description3 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
	text-align: left;
}
.checklist-product-description4 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
	text-align: left;
}
.checklist-product-description5 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
	text-align: left;
}
.checklist-product-description6 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
}
.checklist-product-description7 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
}
.checklist-product-description8 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
}
.checklist-product-description9 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label9.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
}
.checklist-product-description10 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_label10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 32px;
}
.tops1-large {
	float: right;
	width: 310px;
	padding: 0px;
	background-color: #E70478;
}
.checklist-product-description {
	padding: 10px;
}
.checklist-product-description a {
	color: #FFF;
	text-decoration: underline;
}
.checklist-product-description a:hover {
	color: #E4A4DC;
}
.checklist-product-heading {
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #ED1E79;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_product-title-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.checklist-product-heading a {
	color: #EC1E79;
	text-decoration: none;
}
.checklist-product-heading a:hover {
	text-decoration: underline;
}
.checklist-large-product-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	padding-left: 20px;
	padding-right: 10px;
}
.checklist-product-sub-heading {
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #ED1E79;
}
.behind-the-scenes {
	float: right;
	width: 310px;
	margin: 0px;
  overflow: hidden;
	padding: 0px;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_checklist-bottom-grad.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.video-holder {
	padding: 20px;
}
#get-this-look {
	width: 650px;
	float: left;
}
.get-this-look-product {
	float: left;
}
.get-this-look-description {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_tops-get-this-look-description-back.jpg);
	float: left;
	width: 185px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-position: left top;
}
.gtl-descript-box1 {
	padding-top: 30px;
}
.gtl-descript-box-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.gtl-detail-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #ED1E79;
	text-align: left;
	padding: 8px;
	margin: 0px;
}
.checklist-graphic {
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
.gtl-detail-sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #ED1E79;
	text-align: left;
	margin: 0px;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 30px;
}
.gtl-descript-box-text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#jeans-left-col {
	float: left;
	width: 690px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.jeans-products-1 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_line-one-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 19px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 22px;
	float: left;
	height: 430px;
	width: 668px;
}
.jeans-product-box {
	width: 150px;
	padding-right: 15px;
	float: left;
	padding-bottom: 20px;
}
#jeans-right-col {
	float: left;
	width: 310px;
	padding: 0px;
	background-color: #426569;
}
.slim-fit-large {
	float: right;
	width: 280px;
	padding: 0px;
	background-color: #e60479;
}
.jeans-products-2 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_line-two-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 22px;
	float: left;
	width: 668px;
}
.jeans-product-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	height: 75px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.jeans-product-info ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.jeans-product-info ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.jeans-shop-button {
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.slim-fit-jeans-large {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_large-product-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	height: 500px;
}
.large-jeans-product-box {
	text-align: center;
}
.large-product-box-description {
	padding: 10px;
}
.get-the-fit {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_get-the-fit-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.get-the-fit-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 30px;
}
.jeans-product-info2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.jeans-product-info2 ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.jeans-product-info2 ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.get-the-fit-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ED1E79;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.jeans-product-info3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 104px;
}
.jeans-product-info3 ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.jeans-product-info3 ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#main-content-jeans {
	float: left;
	width: 1000px;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_jeans-main-pack.jpg);
}
.jeans-header {
	background-color: #000;
}
.get-this-look-description2 {
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_gtl-denim-detail-back.jpg);
	float: left;
	width: 185px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
}
.spacer {
	width: 600px;
	float: left;
}


/*
Homepage styles
*/

#HomeTitle {
  display: none;
}

#HomeSlider {
  background: #000;
  position: relative;
}

#OpenContent {
  background: #000;
  height: 335px;
  overflow: hidden;
  padding: 5px 20px 20px 20px;
  position: relative;
}

#ClosedContent {
  display: none;
}

#ClosedContent img {
  cursor: pointer;
}

#OpenContent .slider-intro {
  background: #000;
  float: left;
  height: 335px;
  width: 440px;
}

#OpenContent h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_slider-intro.jpg") no-repeat;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  width: 400px;
}

#OpenContent p {
  color: #fff;
  font-family: Helvetica, Arial, "Sans serif";
  font-size: 18px;
  line-height: 26px;
  width: 432px;
}

#OpenContent .intro {
  color: #ED1E79;
  font-size: 22px;
}

#OpenContent .joy {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_joy-wilson.jpg") no-repeat;
  height: 21px;
  overflow: hidden;
  text-indent: -9999px;
  width: 227px;
}

#OpenContent .slider-video {
  background: #000;
  float: right;
  margin: 20px 10px 0 0;
  width: 480px;
}

#OpenContent .iefix {
  clear: both;
  line-height: 0;
  padding: 0;
}

#ContentCloser {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_close-window.jpg") no-repeat;
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  width: 168px;
}

#ContentCloser:hover {
  background-position: 0 -20px;
}

#HomeList {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_home_bg.jpg) no-repeat;
  height: 1014px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 997px;
}

#HomeList li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#HomeList a:link,
#HomeList a:visited {
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
}

#HomeList #ShapeGuide {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_shape_guide.jpg) no-repeat;
  height: 208px;
  left: 21px;
  top: 144px;
  width: 323px;
}

#HomeList #ShapeGuide:hover {
  background-position: 0 -208px;
}

#HomeList #LatestLooks {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_latest_looks.jpg) no-repeat;
  height:  164px;
  right: 0px;
  top: 173px;
  width: 384px;
}

#HomeList #LatestLooks:hover {
  background-position: 0 -164px;
}

#HomeList #GetTheLook {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_get_the_look.jpg) no-repeat;
  height:  187px;
  left: 20px;
  top: 382px;
  width: 271px;
}

#HomeList #GetTheLook:hover {
  background-position: 0 -187px;
}

#HomeList #OutfitBuilding {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_outfit_building.jpg) no-repeat;
  height:  219px;
  right: 0px;
  top: 337px;
  width: 255px;
}

#HomeList #OutfitBuilding:hover {
  background-position: 0 -219px;
}

#HomeList #FitGuide {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_fit_guide.jpg) no-repeat;
  bottom: 4px;
  height:  298px;
  left: 0px;
  width: 376px;
}

#HomeList #FitGuide:hover {
  background-position: 0 -298px;
}

#HomeList #GirlsTalk {
  background: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls_talk.jpg) no-repeat;
  height:  356px;
  right: 4px;
  top: 655px;
  width: 318px;
}

#HomeList #GirlsTalk:hover {
  background-position: 0 -356px;
}

.shape-header {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_header.jpg") no-repeat;
  height: 227px;
  overflow: hidden;
}

.shape-header .shape-type {
  color: #000;
  float: left;
  padding: 13px 0 0 190px;
  position: relative;
  width: 430px;
}

.shape-header .shape-type h1 {
  overflow: hidden;
  text-indent: -9999px;
  margin: 20px 0 0 0;
}

#ShapeApple h1 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_apple-title.jpg") no-repeat;
  height: 30px;
  width: 396px;
}

#ShapePear h1 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_pear-title.jpg") no-repeat;
  height: 31px;
  width: 279px;
}

#ShapeHourglass h1 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_hourglass-title.jpg") no-repeat;
  height: 26px;
  width: 412px;
}

#ShapeRectangle h1 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_rectangle-title.jpg") no-repeat;
  height: 31px;
  width: 285px;
}

#ShapeStrawberry h1 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_strawberry-title.jpg") no-repeat;
  height: 31px;
  width: 399px;
}

.shape-header .shape-type .title-image {
  position: absolute;
}

#ShapeApple .title-image {
  left: 37px;
  top: 17px;
}

#ShapePear .title-image {
  left: 45px;
  top: 17px;
}

#ShapeHourglass .title-image {
  left: 49px;
  top: 8px;
}

#ShapeRectangle .title-image {
  left: 37px;
  top: 15px;
}

#ShapeStrawberry .title-image {
  left: 37px;
  top: 17px;
}

.shape-header .shape-type p {
  font-size: 15px;
  margin: 8px 0 0 0;
  padding-right: 67px;
}

.shape-header .video {
  float:right;
  margin-right:21px;
  margin-top:7px;
}

.shape-content {
  clear: both;
  margin-top: 20px;
  overflow: hidden;
}

.shape-content .shape-styles {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 815px;
}

.shape-content .shape-styles li {
  color: #000;
  float: left;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 163px;
}

.shape-content .shape-styles h2 {
  margin: 14px 0;
  overflow: hidden;
  text-indent: -9999px;
}

.shape-content .shape-styles .floaty-floral h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_floaty-floral.jpg") no-repeat;
  height: 49px;
  width: 124px;
}

.shape-content .shape-styles .flirty-feminine h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_flirty-feminine.jpg") no-repeat;
  height: 49px;
  width: 144px;
}

.shape-content .shape-styles .all-denim h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_all-denim.jpg") no-repeat;
  height: 49px;
  width: 102px;
}

.shape-content .shape-styles .candy-shop h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_candy-shop.jpg") no-repeat;
  height: 49px;
  width: 122px;
}

.shape-content .shape-styles .fringe-benefit h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_fringe-benefit.jpg") no-repeat;
  height: 49px;
  width: 138px;
}

.shape-content .shape-styles .holiday-shop h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_holiday-shop.jpg") no-repeat;
  height: 49px;
  width: 133px;
}

.shape-content .shape-styles .going-out h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_going-out.jpg") no-repeat;
  height: 49px;
  width: 108px;
}

.shape-content .shape-styles .bright-white h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_bright-white.jpg") no-repeat;
  height: 49px;
  width: 134px;
}

.shape-content .shape-styles .tribal h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_tribal.jpg") no-repeat;
  height: 61px;
  margin: 4px 0 6px 0;
  width: 113px;
}

.shape-content .shape-styles p {
  height: 110px;
  margin: 12px 5px 12px 3px;
}

.buy_outfit {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_buy.jpg");
  display: block;
  height: 31px;
  margin: 0 auto;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  width: 150px;
}

.buy_outfit:hover,
.buy_outfit:active {
  background-position: 0 -31px;
}

.shape-content .shape-advice {
  background: #29ABE2;
  float: right;
  width: 175px;
}

.shape-advice h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls-talk-advice.jpg") no-repeat;
  display: block;
  height: 128px;
  margin: 0 0 20px 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
  width: 176px;
}

.shape-advice h3 {
  height: 29px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
  width: 176px;
}

#SueAsked h3 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_sue-asked.jpg") no-repeat;
}

#PaulaAsked h3 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_paula-asked.jpg") no-repeat;
}

#LisaAsked h3 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_lisa-asked.jpg") no-repeat;
}

.shape-advice p {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls-talk-question.jpg") no-repeat center bottom;
  color: #000;
  margin: 0;
  padding: 5px 19px 27px 19px;
}

.joys_answer {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_joys_answer.jpg");
  display: block;
  height: 85px;
  margin: 20px auto 0 auto;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  width: 175px;
}

 .girls-talk-bottom {
   background: #29ABE2 url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls-talk-bottom-bg.jpg") no-repeat;
   clear: both;
   margin-top: 20px;
   overflow: hidden;
   padding-top: 17px;
 }
 
 .girls-talk-bottom h2 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls-talk-bottom-title.jpg");
  display: block;
  float: left;
  height: 159px;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 389px;
 }
 
 .girls-talk-bottom .clothing-guide {
	float: right;
	height: 477px;
	width: 573px;
	padding-top: 20px;
 }
 
.girls-talk-bottom .girls-talk-answer {
  clear: left;
  float: left;
  margin: 20px 0 0 20px;
  width: 386px;
}
 
.girls-talk-bottom .girls-talk-answer h3 {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_joy-says.jpg");
  display: block;
  height: 57px;
  margin: 0 0 0 3px;
  overflow: hidden;
  text-indent: -9999px;
  width: 383px;
}
 
.girls-talk-bottom .girls-talk-answer p {
  background: url("http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_girls-talk-answer.jpg");
  color: #000;
  height: 246px;
  margin: 0;
  padding: 0 10px 0 164px;
  width: 212px
}
 
.girls-talk-bottom .iefix {
  clear: both;
  line-height: 0;
  padding: 0;
}

#outfit-right-col {
	float: left;
	width: 300px;
	padding: 0px;
}
#outfit-left-col {
	float: left;
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#outfit-heading {
	background-color: #000;
	float: left;
	width: 700px;
}
.joy-image {
	float: left;
	padding-right: 20px;
}
.outfit-joy-quote {
	float: left;
	width: 320px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
}
.quote-mark {
	float: left;
	width: 40px;
	padding-top: 20px;
}
.quote-mark2 {
	float: left;
	width: 40px;
	padding-top: 20px;
	padding-left: 20px;
}
.outfit-product-holder {
	float: left;
	width: 165px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
}
.outfit-heading {
	padding-bottom: 5px;
}
.outfit-description {
	float: left;
	padding-top: 10px;
}
#looks-right-col {
	float: left;
	width: 450px;
	padding: 0px;
}
#looks-left-col {
	float: left;
	width: 530px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#main-content-looks {
	float: left;
	width: 1000px;
	background-color: #F2D6E3;
}
.flirty-intro-box {
	float: left;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_flirty-feminine-intro-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 455px;
	color: #EC1E79;
}
.looks-intro-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #EC1E79;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.flirty-1-3 {
	float: left;
	width: 530px;
	vertical-align: bottom;
}
.flirty4-5 {
	float: left;
	width: 220px;
}
.flirty6 {
	float: left;
	width: 230px;
}
#latest-looks-heading {
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.going-out-intro-box {
	float: left;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_going-out-intro-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 455px;
	color: #EC1E79;
}
.going-out4-5 {
	float: left;
	width: 220px;
	padding-top: 10px;
}
.going-out6 {
	float: left;
	width: 230px;
	padding-top: 10px;
}
.tribal-intro-box {
	float: left;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_tribal-intro-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 420px;
	color: #EC1E79;
}
.tribal4 {
	float: left;
	width: 220px;
	padding-top: 25px;
}
.tribal5 {
	float: left;
	width: 230px;
	padding-top: 25px;
}
.fringe-intro-box {
	float: left;
	background-image: url(http://images2.drct2u.com/content/images/freeformat/1001SS_FW_FF_fringe-intro-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 390px;
	color: #EC1E79;
}
.fringe1-2 {
	float: left;
	width: 405px;
	vertical-align: bottom;
}
.fringe3-5 {
	padding-top: 40px;
}
#looks-left-col2 {
	float: left;
	width: 405px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.fringe3 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#looks-right-col2 {
	float: left;
	width: 565px;
	padding: 0px;
}


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
ul.MenuBarHorizontal li a {
	text-align: center;
	padding-top: 10px;
	padding-right: 26px;
	padding-bottom: 10px;
	padding-left: 26px;
}
ul.MenuBarHorizontal li a:hover {
	background-color: #ED1E79;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
	width: 250px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 250px;
	text-align: left;
}
ul.MenuBarHorizontal ul li a {
	text-align: left;
	padding: 10px;
	background:#00000 none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	background-color: #333;
	width: 250px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #ED1E79;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #ED1E79;
	color: #FFF;
}



/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}
}
.nav-right-border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0D0D0E;
}

