/* base styles */

body {
margin:0;
padding:0;
background:#000 url("../img/bg_imago_1.jpg") fixed no-repeat 0 0;
font-family:"News Cycle",Arial,Helvetica,sans-serif;
font-size:13px;
color:#000;
}

html,
body {
height:100%;
}

body.home {
background:#000;
}

body.collection.male {
background:#000 url("../img/bg_imago_7.jpg") fixed no-repeat 0 0;
}

body.men {
background:#000 url("../img/bg_imago_7.jpg") fixed no-repeat 0 0;
}

body.collection.female {
background:#000 url("../img/bg_imago_9.jpg") fixed no-repeat 0 0;
}

body.women,
body.practical-tips {
background:#000 url("../img/bg_imago_9.jpg") fixed no-repeat 0 0;
}

body.company,
body.loyalty-program,
body.stores,
body.special-offers {
background:#000 url("../img/bg_imago_4.jpg") fixed no-repeat 0 0;
}

body.backstage {
background:#000 url("../img/bg_imago_4.jpg") fixed no-repeat 0 0;
}

body.live {
background:#000 url("../img/bg_imago_4.jpg") fixed no-repeat 0 0;
}

body.gifts {
background:#000 url("../img/bg_imago_8.jpg") fixed no-repeat 0 0;
}

a {
color:#d52b1e;
text-decoration:none;
}

a img {
border:none;
}

a:active,
a:focus  {
outline:none;
}

a,
embed object {
outline:none;
outline:exression(hideFocus='true'); /* IE */
}

p {
margin:0 0 1.3em 0;
padding:0;
}

h1 {
margin:0;
padding:0;
font-weight:normal;
font-size:50px;
line-height:1.2em;
}

h2 {
margin:0 0 15px 0;
padding:0;
font-weight:normal;
font-size:30px;
line-height:1.2em;
text-align:left;
}

h3 {
margin:0 0 15px 0;
padding:0 0 0 10px;
background:url("../img/bg_h3.png") no-repeat top left;
font-weight:normal;
height:40px;
font-size:15px;
text-transform:uppercase;
line-height:40px;
text-transform:uppercase;
color:#fff;
}

#bodyText h3 {
background:url("../img/bg_h3.gif") no-repeat bottom left;
height:30px;
line-height:30px;
color:#666;
}

h4 {
margin:0 0 15px 0;
padding:0;
font-weight:normal;
font-size:18px;
line-height:1.2em;
text-align:left;
color:#333;
}

ul {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:20px;
}

li {
margin-top:0;
margin-bottom:0;
margin-left:-10px;
padding-top:0;
padding-bottom:10px;
}

form {
margin:0;
padding:0;
}

input.text,
textarea {
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:4px 5px 4px 5px;
background:#fff url("../img/bg_input_text.gif") no-repeat top left;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#333;
}

.note {
font-size:11px;
color:#999;
}

.statement {
font-size:17px;
line-height:1.5em;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

table.style1 {
border-collapse:collapse;
border:none;
}

.style1 th {
padding:4px 5px 4px 5px;
background:#efefef;
text-transform:uppercase;
font-weight:normal;
text-align:left;
font-size:12px;
color:#666;
}

.style1 td {
padding:5px 0 5px 0;
line-height:1.6em;
vertical-align:top;
}

.style1 td.second {
border-left:1px solid #efefef;
}

.style1 tr.spacer td {
height:10px;
line-height:10px;
overflow:hidden;
}


/* container */

#container {
position:relative;
width:920px;
text-align:left;
line-height:1.4em;
z-index:10;
}


/* header styles */

#header .clearer {
display:none;
}

#header a {
color:#333;
}

#header a:hover {
color:#a70531;
}

#logo {
position:absolute;
top:0;
left:25px;
z-index:100;
}

#logo p {
display:none;
}

#logo:hover p {
display:block;
position:absolute;
top:50px;
left:0;
width:180px;
font-size:11px;
}

#logo:hover p a {
color:#fff;
}

#mainMenu {
position:absolute;
top:0;
left:15px;
width:900px;
height:40px;
background:url("../img/bg_menu.png") no-repeat top left;
z-index:90;
}

#mainMenu ul {
float:left;
margin:0;
padding:0 8px 0 175px;
background:url("../img/bg_menuitem.png") no-repeat top right;
}

#mainMenu li,
#subMenu li {
float:left;
margin:0 0 0 5px;
padding:0 0 0 8px;
height:40px;
background:url("../img/bg_menuitem.png") no-repeat top left;
line-height:40px;
list-style:none;
font-size:12px;
}

#mainMenu li a {
display:block;
float:left;
height:40px;
color:#fff;
}

#mainMenu li a:hover {
color:#f9461c;
}

#mainMenu li#lFacebook {
position:absolute;
right:0;
top:0;
padding:0;
margin:0;
background:transparent;
}

#mainMenu li#lFacebook a {
display:block;
width:80px;
height:40px;
}

#mainMenu li#lFacebook a:hover {
background:url("../img/facebook.png") no-repeat top left;
}

#mainMenu li#lFacebook span {
display:none;
}

.collection #lCollection a,
.styling #lStyling a,
.new-arrivals #lNewArrivals a,
.stores #lStores a,
.company #lCompany a,
.loyalty-program #lLoyaltyProgram a,
.special-offers #lSpecialOffers a,
.backstage #lBackstage a,
.live #lLive a {
color:#f9461c;
}

#subMenu {
position:absolute;
top:40px;
left:195px;
}

#subMenu div {
width:540px;
height:40px;
background:#fff url("../img/bg_submenu.gif") repeat-x top;
}

#subMenu ul {
float:left;
margin:0;
padding:0 0 0 10px;
}

#subMenu li {
margin:0 10px 0 0;
padding:0 12px 0 0;
background:none;
font-size:15px;
text-transform:lowercase;
}

#subMenu strong,
#subMenu em {
font-weight:normal;
}


/* home */

#seasonLarge {
position:absolute;
top:365px;
right:5px;
/*background:url("../img/bg_fade.png") repeat;*/
}

#season {
position:absolute;
top:75px;
right:5px;
}


#seasonLarge,
#season img {
display:block;
}

#languages {
position:absolute;
top:155px;
right:5px;
width:180px;
height:40px;
line-height:40px;
text-transform:uppercase;
font-size:11px;
background:url("../img/bg_fade.png") repeat;
}

#languages p {
padding-right:10px;
text-align:right;
}

#languages a {
margin:0 5px 0 0;
color:#fff;
}

#languages a:hover {
background:#fff;
color:#000 !important;
}

#collectionWomen {
position:absolute;
left:375px;
top:155px;
}

#collectionMen {
position:absolute;
left:555px;
top:155px;
}

#collectionWomen h3,
#collectionMen h3 {
margin:0;
padding:0;
background:transparent;
}

#collectionWomen h3 a,
#collectionMen h3 a {
display:block;
padding:0 0 0 10px;
width:170px;
background:url("../img/bg_item.png") no-repeat top left;
color:#333;
}

#collectionWomen .more,
#collectionMen .more {
display:none;
}

#collectionWomen:hover .more,
#collectionMen:hover .more {
position:relative;
display:block;
overflow:hidden;
height:360px;
}

#collectionWomen .more img,
#collectionMen .more img {
display:block;
}

#collectionWomen:hover a.title,
#collectionMen:hover a.title {
background:#fff url("../img/bg_item_on.gif") no-repeat top left;
}

#collectionMen:hover .more {
margin-left:-180px;
}

.more p {
position:absolute;
left:0;
bottom:45px;
margin:0;
padding:3px 3px 3px 0;
width:180px;
height:126px;
background:url("../img/bg_collection_hover.png") no-repeat top left;
}

.more p a {
display:block;
margin:0 0 1px 0;
padding:0 0 0 10px;
width:170px;
height:39px;
line-height:39px;
color:#333;
font-size:13px;
}

.more p a:hover {
background:#fff;
}

.more p a:hover {
color:#a70531;
}

.more p strong {
font-weight:normal;
}

#video {
position:absolute;
top:155px;
left:10px;
padding:0 5px 10px 5px;
width:360px;
background:url("../img/bg_video.png") no-repeat bottom left;
}

#video img {
display:block;
}

#video h3 {
margin:0;
}

.home #gifts {
position:absolute;
top:155px;
left:15px;
padding:0;
width:360px;
height:400px;
background:url("../img/gifts.jpg") no-repeat bottom left;
}

#gifts h3 {
margin:0;
}

.home #gifts #women {
position:absolute;
bottom:0;
left:0;
}

.home #gifts #men {
position:absolute;
bottom:0;
right:0;
}

/* home page slider */

#slider {
position:absolute;
left:10px;
bottom:0;
width:900px;
height:55px;
padding:5px 5px 0 5px;
background:url("../img/bg_slider_2.png") no-repeat left bottom;
z-index:20;
}

#slider .pick {
position:relative;
float:left;
width:180px;
height:55px;
}

#slider .pick:hover {
margin-top:-10px;
height:65px;
}

#pick1 {
background:url("../img/slide_1.jpg") no-repeat left top;
}

#pick2 {
background:url("../img/slide_2.jpg") no-repeat left top;
}

#pick3 {
background:url("../img/slide_3.jpg") no-repeat left top;
}

#eas {
position:absolute;
right:185px;
bottom:0;
}

#slider p {
margin:0;
padding:0;
height:55px;
line-height:55px;
text-transform:uppercase;
font-size:15px;
}

#slider a {
position:absolute;
display:block;
top:0;
left:0;
padding:0 0 0 10px;
width:170px;
height:55px;
background:url("../img/bg_slider.png") no-repeat top left;
color:#333;
}

#slider .pick:hover a {
height:65px;
}

#slider a span {
display:none;
}

#slider .on a {
background:url("../img/bg_item.png") no-repeat top left;
}

#slider .on a span {
display:block;
}

.slide {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

#slide1 {
background:#000 url("../img/bg_imago_1.jpg") fixed no-repeat 0 0;
}

#slide2 {
background:#000 url("../img/bg_imago_2.jpg") fixed no-repeat 0 0;
}

#slide3 {
background:#000 url("../img/bg_imago_8.jpg") fixed no-repeat 0 0;
}

.slide p {
position:absolute;
bottom:95px;
left:375px;
margin:0;
padding:0;
}

.slide p a {
display:block;
padding:0 0 0 10px;
width:350px;
height:40px;
background:url("../img/bg_button.png") no-repeat left top;
line-height:40px;
color:#fff;
text-transform:uppercase;
font-size:15px;
}

.slide p a strong {
font-weight:normal;
}


/* basic subpage */

.subpage #header {
height:160px;
}

.company #season,
.feedback #season,
.newsletter #season,
.join #season,
.stores #season,
.loyalty-program #season {
display:none;
}

.subpage #content {
position:relative;
margin:0 -5px 0 0;
padding:0 5px 5px 15px;
width:900px;
background:url("../img/bg_content.png") no-repeat bottom right;
}

#article {
background:#fff;
padding:0 0 25px 0;
min-height:400px;
}

/*
.company #article,
.feedback #article,
.newsletter #article,
.join #article,
.stores #article {
background:url("../img/bg_article.png") repeat-y left;
}
*/

#bodyText {
float:left;
padding:25px 10px 0 10px;
width:520px;
}

.subpage .heading {
height:auto !important;
height:60px;
min-height:60px;
}

.subpage .heading h2 {
margin-bottom:0 !important;
}

#articleMenu {
float:left;
width:180px;
}

#facebook {
padding:15px 0 0 0;
}

#articleMenu {
padding:25px 0 0 0;
width:180px;
}

#articleMenu ul {
margin:0;
padding:0;
background:url("../img/bg_articlemenu_3.gif") no-repeat top left;
}

#articleMenu li {
margin:0 0 2px 0;
padding:0;
width:180px;
background:url("../img/bg_articlemenu_3.gif") no-repeat bottom left;
list-style:none;
font-size:13px;
}

#articleMenu li a {
display:block;
padding:10px 15px 12px 20px;
width:145px;
color:#333;
}

#articleMenu li a:hover {
color:#a70531;
}

#articleMenu li.on {
margin-top:-5px;
background:url("../img/bg_articlemenu.gif") no-repeat bottom left;
}

#articleMenu li.on a {
padding-top:15px;
background:url("../img/bg_articlemenu_2.gif") no-repeat top left;
color:#a70531;
}


/* subpage leads */

.lead {
position:relative;
float:left;
width:180px;
height:55px;
background:url("../img/bg_item.png") no-repeat bottom left;
}

.lead a {
font-size:12px;
text-decoration:none;
color:#333;
}

.lead a:hover {
color:#a70531;
}

.lead strong {
display:block;
font-weight:normal;
font-size:15px;
}

.lead p {
padding:7px 0 0 10px;
text-transform:uppercase;
}

.subpage .main {
background:url("../img/bg_fade.png") repeat;
}

.subpage .main a,
.subpage .main p {
font-size:15px;
text-transform:uppercase;
color:#fff;
}

.subpage .main a:hover {
color:#ccc;
}

.subpage .main p {
padding-top:17px;
}

.women #women,
.men #men,
.female #women,
.children #children,
.male #men,
.practical-tips #practical {
background:#fff url("../img/bg_item_on.gif") no-repeat top left;
}

.female #women .text a:hover,
.female #women .text a,
.male #men .text a:hover,
.male #men .text a,
.women #women .text a:hover,
.women #women .text a,
.men #men .text a:hover,
.men #men .text a,
.children #children .text a:hover,
.children #children .text a,
.practical-tips #practical .text a:hover,
.practical-tips #practical .text a {
color:#d52b1e;
}

.stylingHome #content {
background:transparent;
}

.subpage .leads {
float:left;
margin:0 0 0 180px;
width:360px;
}

.stylingHome #content .leads {
margin-top:180px;
}

.stylingHome #seasonLarge {
top:100px;
left:190px;
}

.subpage .leads #women:hover a,
.subpage .leads #men:hover a,
.subpage .leads #practical:hover a {
color:#d52b1e;
}

.subpage .leads .lead .image {
display:none;
}

.subpage .leads #women:hover .image {
display:block;
position:absolute;
top:110px;
left:0;
width:360px;
height:360px;
overflow:hidden;
}

.subpage .leads #men:hover .image {
display:block;
position:absolute;
top:110px;
right:0;
width:360px;
height:360px;
overflow:hidden;
}

.subpage .leads #practical {
width:360px;
background:url("../img/bg_longitem.png") no-repeat bottom left;
}

.subpage .leads #practical:hover .image {
display:block;
position:absolute;
top:55px;
left:0;
width:360px;
height:360px;
overflow:hidden;
}

/* christmas special */

.subpage #leads2 {
margin-left:0;
}

.subpage .leads #women2:hover .image {
display:block;
position:absolute;
top:110px;
left:0;
width:360px;
height:360px;
overflow:hidden;
}

.subpage .leads #men2:hover .image {
display:block;
position:absolute;
top:110px;
right:0;
width:360px;
height:360px;
overflow:hidden;
}

.subpage .leads #practical2:hover .image {
display:block;
position:absolute;
top:55px;
left:0;
width:360px;
height:360px;
overflow:hidden;
}

.subpage .leads #practical2 {
width:360px;
background:url("../img/bg_longitem.png") no-repeat bottom left;
}

/* - */

#share {
padding:25px 0 0 10px;
font-size:11px;
color:#666;
}

#share p {
margin:0 0 5px 0;
}

#newsletters {
position:absolute;
left:15px;
top:0;
width:180px;
min-height:470px;
background:url("../img/bg_fade.png") repeat;
}

#newsletters a {
color:#fff;
}

#newsletters a:hover {
color:#000;
}

#newsletters li {
padding-right:10px;
}


/* collections */

#collections {
position:relative;
padding:0 0 0 190px;
width:710px;
height:55px;
background:url("../img/bg_fade.png") repeat;
}

#collections #share {
position:absolute;
top:2px;
left:10px;
padding:0;
color:#ccc;
}

#collections ul {
margin:0;
padding:0;
}

#collections li {
float:left;
margin:0 20px 0 0;
padding:0;
list-style:none;
font-size:13px;
height:55px;
line-height:55px;
}

.female #collections li {
margin-right:10px;
}

#collections li a {
color:#fff;
}

#collections li a:hover {
color:#ccc;
}

#collections li.on {
font-size:17px;
}

.collection .lead {
height:40px;
}

.collection .lead p {
padding-top:0;
height:40px;
line-height:40px;
}


/* anchors */

.anchors {
padding-bottom:25px;
}

.anchors a {
float:left;
margin-right:20px;
padding-left:22px;
padding-bottom:5px;
background:url("../img/pointer.gif") no-repeat top left;
text-transform:uppercase;
white-space:nowrap;
font-size:10px;
color:#000;
}

.anchors a:hover {
color:#9e0226;
}

p.up {
height:20px;
}

p.up a {
float:left;
padding-left:22px;
padding-bottom:5px;
background:url("../img/pointer_2.gif") no-repeat top left;
text-transform:uppercase;
white-space:nowrap;
font-size:10px;
}


/* styling tips */

.examples {
margin:0 -190px 0 -10px;
padding-top:15px;
width:720px;
}

.examples img {
float:left;
}

.examples ul {
float:left;
padding-top:50px;
width:280px;
}

.examples .text {
float:left;
padding-top:25px;
width:280px;
}


/* practical tips */

.practical-tips .sign {
float:left;
margin-top:-10px;
padding:15px 5px 0 5px;
width:80px;
height:125px;
background:url("../img/bg_sign.gif") no-repeat top left;
}

.practical-tips .explain {
float:left;
padding:0 0 0 25px;
width:365px;
}

.practical-tips .examples.wide {
margin-right:-205px;
width:720px;
}

.examples .detail {
position:relative;
float:left;
width:360px;
height:395px;
overflow:hidden;
}

.examples .detail p {
position:absolute;
left:0;
bottom:0;
margin:0;
padding:10px 25px 15px 25px;
width:310px;
background:#fff;
}

.styling #bodyText .examples .detail h3 {
position:absolute;
right:0;
top:0;
display:block;
margin:0;
padding:2px 10px 2px 10px !important;
width:330px;
font-weight:normal;
background:#efefef;
color:#666;
}


/* backstage */

.backstage #content {
background:transparent;
}

.gallery .col1,
.gallery .col2,
.gallery .col3,
.gallery .col4,
.gallery .col5 {
float:left;
padding:0 0 50px 0;
width:180px;
}

.gallery .col1 a,
.gallery .col2 a,
.gallery .col3 a,
.gallery .col4 a,
.gallery .col5 a {
display:block;
padding:5px 5px 8px 5px;
margin:0 5px 8px 5px;
width:170px;
background:url("../img/bg_photo.png") no-repeat bottom left;
}

.imago #imago,
.catwalk #catwalk {
background:#000;
}

.imago #imago a,
.catwalk #catwalk a {
color:#fff;
}

.gallery #share {
position:absolute;
top:-22px;
left:200px;
color:#fff;
}

.gallery .introduction {
margin:0 0 10px 0;
padding:10px;
width:520px;
height:200px;
background:url("../img/bg_fade.png") repeat;
color:#fff;
}

.gallery .introduction a {
text-decoration:underline;
color:#fff;
}

.gallery .col4,
.gallery .col5 {
margin-top:-230px;
}


/* special offers */

.special-offers #article #bodyText {
width:875px;
}

.special-offers .offer {
float:left;
width:425px;
}

.special-offers .offerImage {
float:left;
width:170px;
}

.special-offers .offerText {
float:left;
width:200px;
}

.special-offers #bodyText h3 {
padding-left:0;
paddin-right:0;
background:transparent;
color:#f9461c;
}

.special-offers #share {
position:absolute;
top:-20px;
left:560px;
color:#fff;
}


/* live show */

.live #content {
padding-bottom:5px;
width:830px;
background:url("../img/bg_content_live.png") no-repeat bottom left;
}

.live #bodyText,
.live #article {
padding-top:0;
padding-bottom:0;
height:400px;
}

.live #bodyText {
padding:0 0 0 10px;
width:640px;
}

.live #share {
margin-top:-15px;
padding-top:0;
padding-bottom:15px;
}

.live img.partners {
margin-left:10px;
}

.live #season {
display:none;
}

.live #heading {
position:absolute;
top:-60px;
left:205px;
width:530px;
}


/* table styles */

table {
border-collapse:collapse;
border:none;
}

th {
padding:4px 5px 4px 5px;
background:#323232;
text-transform:uppercase;
font-weight:normal;
text-align:left;
font-size:12px;
color:#ccc;
}

td {
padding:5px 0 5px 0;
line-height:1.6em;
vertical-align:top;
}

td.second {
border-left:1px solid #323232;
}

tr.spacer td {
height:10px;
line-height:10px;
overflow:hidden;
}

form table {
border-collapse:collapse;
border:none;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
}

form table td {
border-bottom:1px solid #efefef;
padding:5px 15px 5px 0;
vertical-align:top;
}

form table td td {
border-right:1px solid #ccc;
padding:5px 5px 5px 5px;
}

form table td.label {
text-align:right;
font-size:14px;
}


/* arrivals */

#arrivals {
width:900px;
height:436px;
background:#fff;
}

#arrivals .col1,
#arrivals .col2,
#arrivals .col3,
#arrivals .col4 {
float:left;
border-right:1px solid #e7e3dd;
width:179px;
height:436px;
overflow:hidden;
}

#arrivals .col1 {
width:359px;
}

#arrivals .col4 {
border-right:none;
}

.arrival {
position:relative;
width:180px;
border-top:1px solid #e7e3dd;
}

.arrival p {
position:absolute;
top:5px;
left:10px;
color:#d52b1e;
}

input.error,
textarea.error,
select.error {
border-color:#d00;
color:#d00;
}

input.radio.error {
background:#d00;
padding:3px;
}

label.error {
color:#d00;
}


/* gifts page */

#giftsWomen,
#giftsMen {
display:none;
}

.gifts #introduction {
padding:160px 25px 25px 25px;
width:350px;
font-size:14px;
line-height:1.3em;
color:#fff;
}

.gifts #introduction h2 {
position:absolute;
top:25px;
left:25px;
width:400px;
font-size:45px;
text-transform:uppercase;
font-weight:normal;
}

.gifts #introduction h2 strong {
display:block;
font-size:55px;
}

#gifts {
background:url("../img/bg_gifts.gif") repeat-y left;
}

.women #gifts {
position:relative;
height:620px;
}

.men #gifts {
position:relative;
height:570px;
}

.children #gifts {
position:relative;
height:560px;
}

.gifts .gift {
position:absolute;
}

.gifts .gift p {
position:absolute;
margin:0;
top:5px;
right:15px;
font-size:14px;
color:#d52b1e;
}

#like p {
margin-bottom:5px;
color:#e3cfcf;
}