/*

Shapely Figures Layout Stylesheet
-----------------------------
Spring/Summer 2012

Designer: Steve
Last Updated: 14:10 23/01/2012 by David Moss - Moved #slot4 background images to inline HTML

*/

#content-div {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1425px;
    margin: 0 auto;
    padding: 0 0 6px;
    position: relative;
    width: 1000px;
}
#slot1 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 75px;
    margin: 0 0 0;
    padding: 0;
    width: 1000px;
}
#slot1 p {
    margin: 5px 0 0 10px;
    padding: 0;
}
#slot2 {
    clear: both;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1245px;
    width: 1000px;
}
#slot2 h1 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}
#slot2 h2, #slot2 h3, #slot2 h4 {
    color: #000000;
    font-size: 11px;
    margin: 0 0 10px;
}
#slot2 p {
    font-size: 11px;
    line-height: 1.2em;
}
.aboutcopyleft {
    display: inline;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    width: 300px;
}
.aboutcopymiddle {
    display: inline;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    width: 300px;
}
.aboutcopyright {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
.aboutcopyleft h2, .aboutcopymiddle h3, .aboutcopyright h4 {
    margin: 0;
    padding: 0;
}
#content-div #slot2 a, #content-div #slot2 a:link, #content-div #slot2 a:visited {
    color: #195B9F;
    text-decoration: underline;
}
#content-div #slot2 a:hover {
    color: #195B9F;
    text-decoration: none;
}

/* left nav slot */
#slot3 {
    display: inline;
    float: left;
    margin: 6px 10px 0 0;
    position: relative;
    width: 160px;
}
#slot3 ul {
    margin: 0 0 6px;
    padding: 0;
}
#slot3 ul.lastlist {
    margin: 0;
    padding: 0;
}
#slot3 ul li {
    font-size: 12px;
    list-style: none outside none;
    margin: 0 0 3px;
    padding: 0;
}
ul.tripleColMenu {
    float: left;
    margin: 0;
    width: 50px;
}
#slot3 ul li a {
    background: url("http://images2.drct2u.com/content/images/homepages/1012SS_SF_listarrow.gif") no-repeat scroll 0 6px transparent;
    color: #000000;
    display: inline-block;
    padding: 0 0 0 12px;
    text-decoration: none;
}
#slot3 ul li a:hover {
    color: #000000;
    text-decoration: underline;
}
#slot3 ul li.title {
    border-bottom: 1px solid #B1B1B1;
    color: #000000;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 6px;
    padding: 4px 0 0;
    text-transform: uppercase;
}
#slot3 ul li.newtitle {
    border-bottom: 1px solid #B1B1B1;
    color: #E71669;
    font-size: 0.9em;
    font-weight: bold;
    height: 20px;
    letter-spacing: -1px;
    margin: 0 0 6px;
    padding: 4px 0 0;
    text-transform: uppercase;
}
#slot3 ul li.dealofweek a span {
    color: #FF0000;
    font-weight: bold;
}

/* lifestyle slot */

#slot4 {
    display: inline;
    float: left;
    height: 420px;
    margin: 6px 0 0;
    padding: 0;
    position: relative;
    width: 830px;
}
#newcollectionSF {
    display: block;
    height: 420px;
    width: 830px;
}
#newcollectionSF h2 {
    position: fixed;
    text-indent: -9999px;
}
#newcollectionSF .slot4-rightblock {
    display: block;
    float: right;
    margin: 83px 0 0;
    width: 381px;
}
#newcollectionSF .slot4-leftblock {
    display: block;
    float: left;
    height: 420px;
    width: 449px;
}
#slot4 h3 {
    position: fixed;
    text-indent: -9999px;
    top: 199px;
}
#slot4 ul {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 26px;
}
#slot4 ul li {
    clear: both;
    float: right;
    list-style-type: none;
    margin: 0 0 30px;
}
#slot4 ul li a {
    display: block;
    text-indent: -9999px;
}
#slot4 #EOSS-Block{
	display:block;
	width:830px;
	height:420px;
}
.visuallyhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
}
#slot4 #sale-EOSS {
    display: block;
    height: 420px;
    width: 830px;
}
#slot4 #lifestyle_rotation #newcollectionSF {
    display: none;
}
#newcollectionSF ul li a#cta1, #newcollectionSF ul li a#cta2, #newcollectionSF ul li a#cta3, #newcollectionSF ul li a#cta4, #newcollectionSF ul li a#cta5 {
	background-position: left top;
	background-repeat: no-repeat;
    height: 46px;
    width: 290px;
}

#newcollectionSF ul li a#cta1:hover, #newcollectionSF ul li a#cta2:hover, #newcollectionSF ul li a#cta3:hover, #newcollectionSF ul li a#cta4:hover, #newcollectionSF ul li a#cta5:hover {
    background-position: right top;
}

#slot4 #lifestyle_rotation #sale {
    display: none;
}
#sale h2 {
    display: block;
    height: 100px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 314px;
}
#slot4 #rotation_controls {
    bottom: 7px;
    left: 39px;
    position: absolute;
    z-index: 10;
}
#slot4 #rotation_controls a {
    background: none repeat scroll 0 0 #505B62;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 0 6px 0 0;
    opacity: 0.5;
    padding: 2px 0 0 7px;
    text-decoration: none;
    width: 15px;
}
#slot4 #rotation_controls a:hover {
    background: none repeat scroll 0 0 #D91F77;
    opacity: 1;
    text-decoration: none;
}
#slot4 #rotation_controls a.activeSlide {
    background: none repeat scroll 0 0 #D91F77;
    opacity: 1;
}
#slot4 #previous_btn {
    background: url("http://images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_prev.png") no-repeat scroll 0 100% transparent;
    bottom: 7px;
    cursor: pointer;
    height: 22px;
    left: 11px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot4 #next_btn {
    background: url("http://images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_next.png") no-repeat scroll 0 100% transparent;
    bottom: 7px;
    cursor: pointer;
    height: 22px;
    left: 95px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot4 #previous_btn:hover, #slot4 #next_btn:hover {
    background-position: 0 0;
    opacity: 1;
}
#slot5 {
    display: inline;
    float: left;
    height: 170px;
    margin: 6px 6px 0 0;
    padding: 0;
    position: relative;
    width: 412px;
}
#slot5 a.textlink, #slot5 a.textlink:visited {
    bottom: 4px;
    color: #000000;
    font-size: 14px;
    position: absolute;
    right: 30px;
    text-decoration: none;
}
#slot5 a.textlink:hover {
    color: #000000;
    text-decoration: underline;
}
#slot6 {
    display: inline;
    float: left;
    height: 170px;
    margin: 6px 0 0;
    padding: 0;
    position: relative;
    width: 412px;
}
#slot6 a.textlink, #slot6 a.textlink:visited {
    bottom: 4px;
    color: #000000;
    font-size: 14px;
    position: absolute;
    right: 30px;
    text-decoration: none;
}
#slot6 a.textlink:hover {
    color: #000000;
    text-decoration: underline;
}
#slot7 #link_box_container {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 156px;
}
#slot7 p {
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-left: 30px;
}
#slot7 ul li a:hover {
    text-decoration: underline;
}
#slot7 p#links_help {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_help.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_quick {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_links.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_about {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_info.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_guides {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_guides.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_brands {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_brands.png") no-repeat scroll 0 0 transparent;
}
#slot7 ul li a {
    color: #222222;
    text-decoration: none;
}
#slot7 {
    float: left;
    font-size: 12px;
    margin: 20px 0 0;
    position: relative;
    width: 1000px;
}
#slot7 #link_box_container div {
    float: left;
    width: 160px;
}
#slot7 ul {
    margin-top: 0;
}
#slot7 div p {
    color: #222222;
    font-size: 14px;
}
#slot7 div ul {
    list-style: none outside none;
}
#slot15 {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline;
    float: left;
    margin: 0 -3px 0 0;
    overflow: hidden;
    padding: 0;
    width: 999px;
}
#slot15 #others {
    clear: both;
    height: 26px;
    margin: 0;
    padding: 10px;
}
#slot15 #others p {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding-left: 23px;
}
#slot15 #others ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
}
#slot15 #others ul li {
    background: url("http://images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_tick.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    padding: 0 0 0 30px;
}
#other_site_cont {
    padding: 24px;
    width: 952px;
}
#other_site_cont p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
#other_site_cont p.brand_header {
    color: #000000;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#discounts, #footwear, #lingerie, #homegarden, #bgs, #fashion, #gifts, #julipa {
    float: left;
    height: 160px;
    padding: 0;
}
#other_site_cont div div {
    border-top: 1px solid #505B62;
    margin: 4px 0 0;
    padding: 2px 0 0;
}
#other_site_cont div div div {
    border-top: 0 none;
    margin: 2px 0 0;
}
#discounts {
    margin: 0 6px 0 0;
    width: 185px;
}
#ccl {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#footwear {
    margin: 0 6px 0 0;
    width: 185px;
}
#vld {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#homegarden {
    margin: 0 6px 0 0;
    width: 185px;
}
#ihm {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#bgs {
    margin: 0 6px 0 0;
    width: 185px;
}
#jdf {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#lingerie {
    margin: 0;
    width: 185px;
}
#nat {
    float: left;
    height: 120px;
    padding: 0;
    width: 185px;
}
#fashion {
    margin: 0 6px 0 0;
    width: 185px;
}
#fw {
    float: left;
    height: 120px;
    padding: 2px 6px 0 0 !important;
    width: 185px;
}
#julipa {
    margin: 0 6px 0 0;
    width: 185px;
}
#jul {
    float: left;
    margin: 0;
    padding: 0;
    width: 185px;
}
#gifts {
    margin: 0;
    width: 566px;
}
#bos {
    float: left;
    height: 120px;
    padding: 2px 6px 0 0 !important;
    width: 566px;
}
.hsd_link {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}
.hsd_link a {
    font-weight: bold;
    text-decoration: none;
}
.other_site_img {
    height: 98px;
    overflow: hidden;
    position: absolute;
}
.OSInormal {
    width: 185px;
}
.OSIlarge {
    width: 566px;
}
.other_site_img img {
    margin: 0;
    padding: 0;
    position: absolute;
}