/* *******************************************

Master Stylesheet 
www.nicolefarhi.com
March 2009

Main site / page layout styles only (Use temp.css for competitions etc)

********************************************* */

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* important to make em = px e.g. 2.0em = 20px, 1.6em = 16px */
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background: #FFF;
    height: 99.9%;
}
#menu-wrap
{
    /*position: absolute;*/
    height: 37px; /*left: 0; 	right: 0; 	top:0;*/
    width: 100%;
    background: #000;
    text-align: center;
}
#main-menu-wrap
{
    width: 667px;
    height: 37px;
    margin: auto;
}
#wrap
{
    position: absolute;
    top: 37px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/site/bg_main1.jpg) 0 0 no-repeat #000;
    z-index: 50;
}
#logo-overlay
{
    position: absolute;
    display: inline;
    z-index: 55;
    top: 70%;
    left: 0;
    width: 757px;
    height: 72px;
    background: url(../images/site/logo_nicole-farhi.png);
}
#basket-nav
{
    width: 900px;
    text-align: right;
    height: 24px;
    margin: 12px auto 0 auto;
}
#basket-nav a img
{
    border: 0 none;
    vertical-align: middle;
}
#shop-wrap
{
    width: 900px;
    min-height: 560px;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 10px; /*background: #FFF;*/
    border: 1px solid #BDBDBD;
    padding: 0;
    position: relative;
}
#shop-menu
{
    height: 19px;
    padding: 0;
    margin: 15px 0 0 30px;
}
#search-box
{
    position: absolute;
    right: 29px;
    top: 14px;
    padding: 0;
    margin: 0;
}
#search-box img
{
    border: 0 none;
    padding: 0;
    margin: 1px 17px 0 0;
}
#shop-sub-menu
{
    padding: 3px 0 0 0;
    margin: 0 0 0 197px; /*was 236 */
    height: 21px;
}
#restaurant-sub-menu
{
    padding: 3px 0 0 0;
    margin: 0 0 0 533px; /* was 533 */
    height: 21px;
}
#content-wrap
{
    width: 842px;
    min-height: 450px;
    padding: 0;
    margin: 0px 0 0 29px; /*background: #000;*/
}
#content-wrap2
{
    width: 842px;
    min-height: 450px;
    padding: 0;
    margin: 0px 0 0 0px;
    background: #000;
}
#sitecontent
{
    margin: auto;
    padding: 0;
    width: 842px;
}
#sitecontent #left
{
    width: 130px;
    padding: 0 10px 0 0;
    float: left;
    margin: 0;
}
#video-wrap
{
    margin: 55px auto 0 200px;
    width: 480px;
    min-height: 270px;
    border: 1px solid #666;
}
#video-blurb
{
    margin: 10px auto 0 200px;
    width: 480px;
    height: 500px;
    color: #dadada;
    text-align: left;
    font-size: 11px;
}
#sitecontent #left ul
{
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}
#checkoutarea
{
    width: 650px;
    padding: 35px 0 0 0;
    text-align: left;
}
#image-spread, #image-spread-home, #image-spread-restaurant
{
    padding: 55px 0 0 0;
    margin: 0;
    background: #000;
    min-height: 546px;
}
/* for collections */
#homeware-list
{
    position: absolute;
    left: 0;
    top: 400px;
    text-align: left;
    width: 155px;
    padding: 0 0 0 16px;
    font-size: 10px;
}
#homeware-list ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#homeware-list ul li a
{
    margin: 1px 0 1px 0;
    padding: 2px;
    list-style: none;
    color: #b0afaf;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
#homeware-list ul li a:hover
{
    color: #fff;
}
#homeware-blurb
{
    text-align: left;
    display: inline-block;
    width: 465px;
    padding: 0 0 0 12px;
    color: #FFF;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0;
}
#collections-sub-menu
{
    padding: 3px 0 0 0;
    margin: 0 0 0 297px;
    height: 21px;
}
#collection-wrap
{
    height: 580px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    background: #000;
}
#collection-wrap-left
{
    margin: 0 0 0 10px;
    background: #fff;
    float: left;
}
#collection-wrap-right
{
    margin: 0 10px 0 0;
    background: #fff;
    float: right;
}
#collection-wrap-left a img:hover, #collection-wrap-right a img:hover
{
    opacity: .7;
    filter: alpha(opacity=70);
    zoom: 1;
}
#collection-wrap ul.left, #collection-wrap ul.right
{
    margin: 0;
    padding: 380px 0 0 15px;
    text-align: left;
    list-style: none;
}
#collection-wrap ul.left li, #collection-wrap ul.right li
{
    padding: 4px 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 8px;
}
#collection-wrap ul.left li img, #collection-wrap ul.right li img
{
    position: relative;
    margin: 0 0 0 -4px;
}
/* Specific colours for drop downs */
#collection-wrap ul.left li
{
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}
.collection-wrap-list
{
    position: absolute;
}
.women-nicole-farhi, .women-farhi, .men-nicole-farhi, .men-farhi
{
    margin: 0;
    padding: 20px 0 0 15px;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    z-index: 100;
}
.women-nicole-farhi li, .women-farhi li, .men-nicole-farhi li, .men-farhi li
{
    margin: 0 0 0 13px;
    padding: 3px 0 4px;
    line-height: 8px;
}
.women-nicole-farhi li.collection-menu-title, .women-farhi li.collection-menu-title, .men-nicole-farhi li.collection-menu-title, .men-farhi li.collection-menu-title, .women-nicole-farhi li.collection-menu-archive, .women-farhi li.collection-menu-archive, .men-nicole-farhi li.collection-menu-archive, .men-farhi li.collection-menu-archive
{
    margin: 0;
    padding: 0 0 4px;
    list-style: none;
}
.women-nicole-farhi li.collection-menu-title h3, .women-farhi li.collection-menu-title h3, .men-nicole-farhi li.collection-menu-title h3, .men-farhi li.collection-menu-title h3
{
    color: #b0afaf;
}
.women-nicole-farhi li.collection-menu-archive h3, .women-farhi li.collection-menu-archive h3, .men-nicole-farhi li.collection-menu-archive h3, .men-farhi li.collection-menu-archive h3
{
    color: #fff;
}
.women-nicole-farhi li.collection-menu-back, .women-farhi li.collection-menu-back, .men-nicole-farhi li.collection-menu-back, .men-farhi li.collection-menu-back
{
    margin: 0;
    padding: 18px 0 0;
    list-style: none;
    color: #b0afaf;
}
#col-flashShow
{
    width: 842px;
    height: 498px;
}
a img.col-generic
{
    border: 0 none;
    margin: 0 4px 8px 4px;
}
a img.col-generic:hover
{
    border: 0 none;
    margin: 0 4px 8px 4px;
}
/* end collections */
.hr
{
    padding: 0;
    margin: 0;
    border-top: 9px solid #FFF;
    height: 1px;
}
#menus
{
    padding: 0 0 0 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    border-top: 9px solid #FFF;
    border-bottom: 9px solid #FFF;
    height: 280px;
}
#inner-left
{
    float: left;
    width: 410px;
    padding: 20px 0 20px 12px;
}
#inner-right
{
    width: 395px;
    float: right;
    padding: 20px 0 20px 0;
}
#inner
{
    width: 800px;
    padding: 15px;
}
img
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
}
div.col
{
    width: 180px;
    float: left;
    margin-left: 7px;
}
div.colbottom
{
    width: 170px;
    position: absolute;
    top: 35px; /*90px;*/
    left: 203px;
}
div.contact-col-left
{
    float: left;
    width: 308px;
}
div.contact-col-mid
{
    float: left;
    width: 280px;
}
div.contact-col-right
{
    float: left;
}
span.contact-us-title
{
    display: block;
    position: absolute;
    top: 103px;
    left: 605px;
}
div.column1
{
    width: 195px;
    float: left;
    padding-right: 5px;
}
div.column2
{
    width: 250px;
    float: left;
    padding-right: 5px;
}
div.column3
{
    width: 190px;
    float: left;
    padding-right: 5px;
}
div.column4
{
    width: 125px;
    float: left;
}

/* product list pages */

#middle
{
    padding: 0;
    margin: 0;
    width: 842px;
    background: #fff;
    min-height: 600px; /* to cover black background of shop-wrap */
    position: relative;
}

/*#filters{
	float: right;
	text-align: right;
	width: 600px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#filters a{
	text-decoration: none;
	padding: 0 2px 0 2px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
}
#filters a:hover{
	color: #000;
}
#filters a img{
	border: 0;
	vertical-align: center;
}
*/
#left-shop-nav
{
    width: 130px;
    padding: 0 10px 0 0;
    float: left;
    margin: 0;
}
#product-list
{
    width: 700px;
    padding: 10px 0 0 0;
    float: right;
    margin: 0;
}
div.product
{
    width: 335px;
    display: inline-block;
    float: left;
    margin: 0 0 10px 10px;
}
div.product-image
{
    float: left;
    width: 152px;
    height: 200px;
}
div.product-image a img
{
    border: 0 none;
}
div.product-details
{
    width: 173px;
    float: right;
    display: block;
    margin-top: 50px;
}
span.largeGreyTitle
{
    display: inline-block;
    clear: both;
    margin: 0 0 13px 20px;
    padding: 0;
}
div.clear
{
    clear: both;
}
span.product-title
{
    display: block;
    padding: 0 0 0 0;
}
span.product-title a h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
span.product-title a h1:hover
{
    color: #3c3c3c;
}
span.product-description
{
    display: block;
    padding: 5px 0 0 0;
}
span.product-description h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3c3c3c;
    text-decoration: none;
    text-transform: lowercase;
    padding: 0;
    margin: 0;
}
span.product-price
{
    display: block;
    padding: 10px 0 0 0;
}
span.product-price p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    text-transform: lowercase;
    padding: 0;
    margin: 0;
}
/* back pages */

#copy
{
    padding: 0;
    margin: 0;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
}
#profile-left
{
    width: 385px;
    float: left;
    padding: 12px 0 12px 12px;
}
#profile-right
{
    width: 395px;
    height: 473px;
    overflow: auto;
    float: right;
    padding-right: 10px;
    margin: 12px 12px 0 0;
}
#flashShow
{
    position: absolute;
    width: 842px;
    height: 267px;
    z-index: 500;
}
#linkLeft
{
    position: absolute;
    width: 421px;
    height: 267px;
    z-index: 510;
}
#linkRight
{
    width: 421px;
    height: 267px;
    z-index: 510;
    position: absolute;
    right: 0px;
}
#image-spread-home #linkRight, #image-spread-restaurant #linkRight
{
    width: 421px;
    height: 267px;
    z-index: 510;
    position: absolute;
    right: 29px;
}
a.leftLink
{
    display: block;
    width: 421px;
    height: 267px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}
a.rightLink
{
    display: block;
    width: 421px;
    height: 267px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}
a.leftLink img, a.rightLink img
{
    border: 0 none;
}
a.leftLink:hover, a.rightLink:hover
{
    background: #fff;
    opacity: .1;
    filter: alpha(opacity=10);
    zoom: 1;
}
a:link, a:visited
{
    color: inherit;
    color: expression(parentElement.currentStyle.color);
    text-decoration: none;
}
a:hover, a:active
{
    text-decoration: underline;
}

/* nicole farhi homewear section */

#nf-home-wrap
{
    width: 842px;
    height: 497px;
    padding: 0;
    margin: 0;
    background: #fff;
}
#nf-home-left
{
    width: 245px;
    float: left;
    padding: 0;
    margin: 0;
}
#nf-home-right
{
    float: right;
    width: 597px;
    padding: 0;
    margin: 0;
}
#nf-home-wrap a img
{
    border: 0 none;
    margin: 0;
}
table.delivery
{
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    background: #333;
    width: 800px;
    padding: 5px;
}
table.delivery td.col1
{
    width: 150px;
}
table.delivery td.col2
{
    width: 430px;
}
table.delivery td.col3
{
    width: 100px;
}
table.delivery td.col4
{
    width: 100px;
}

/* 
*
*
* start fc styles import
*
*/
/*
#content{
	width: 940px;
	min-height: 483px;
	margin: 0 auto;
	padding: 0;
	margin: 0;
	position: relative;
}
*/
#content img
{
    border: 0;
    padding: 0;
    margin: 0;
}
#left-col
{
    width: 150px;
    float: left;
    margin: auto;
    padding: 0 0 0 0px;
}
#left-nav
{
    /* SEE /FC/STYLES/FCUK-STYLES-NAV.CSS */
    text-align: left;
}
#right-col
{
    float: right;
    width: 670px;
    margin: 0;
    padding: 0 0 0 0;
}
#item-header
{
    margin: 0;
    padding: 0;
    border: 0px; /*background: url(/stormsites/fcuk/images/site/headers/generic.jpg) 0 0 no-repeat;*/
}
#item-header img
{
    border: 0 none;
    margin: 0;
    padding: 0;
}
#breadcrumbs
{
    width: 670px;
    height: 30px;
    clear: both;
    text-align: left;
    margin-bottom: 10px;
}
.list-options
{
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
    height: 21px;
}
#results
{
    padding: 0;
    margin: 0;
}
div.item
{
    float: left;
    margin: 10px 0 0 10px;
    padding: 3px;
    background: none;
    display: inline-block;
    width: 245px;
    background: url(../images/site/bg_result.jpg) 0 bottom repeat-x;
    position: relative;
}
div.see-more
{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
div.result-image
{
    float: left;
}
div.result-image img a
{
    border: 0 none;
}
a.result :hover
{
    opacity: .8;
    filter: alpha(opacity=80);
    zoom: 1;
}
div.result-details
{
    width: 180px;
    margin: 20px 0 0 10px;
    float: left;
    display: inline-block;
}
#thumbs
{
    float: left;
    width: 60px;
    height: 360px;
    margin-top: 10px;
    position: relative;
}
#thumbs img
{
    margin: 20px 0 0 5px;
    padding: 2px;
}
#thumbs a:hover img
{
    background: #dadada;
    padding: 2px;
}
#big-image
{
    float: left;
    padding: 5px;
    margin: 20px 0 0 20px;
    background: url(../images/site/bg_product-shadow.jpg) 0 0 no-repeat;
}
#zoom
{
    width: 266px;
    text-align: center;
    margin: 5px 0 0 0;
}
#suggested
{
    width: 266px;
    margin: 10px 0 0 0;
}
.suggestion
{
    display: inline-block;
    width: 48px;
    height: 60px;
    background: url(../images/site/bg_suggestions.jpg) 0 0 no-repeat;
    padding: 3px 0 0 3px;
}
#suggested img
{
    padding: 0;
    border: 1px solid #cecece;
}
#suggested img:hover
{
    border: 1px solid #999;
}
#more-detail
{
    float: left;
    width: 280px;
    margin: 20px 0 0 40px;
}
#specs
{
    width: 280px;
    margin: 20px 0 0 0px;
}
.spec-type
{
    display: block;
    text-align: right;
    margin-left: 0px;
    width: 280px;
    padding: 0 2px 0px 2px;
}
.spec-inner
{
    padding: 2px;
}
.spec-type p
{
    border-bottom: 1px solid #999797;
}
.open
{
    border-left: 1px solid #999797;
    border-right: 1px solid #999797;
}
#availability
{
    width: 280px;
    margin: 20px 0 0 0px;
    text-align: right;
}
.swatches
{
    margin: 2px 0 0 2px;
}
span.swatch-square
{
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 2px 0 0 4px;
}
#add-to-cart
{
    margin: 10px 0 0 0;
    padding: 0;
    height: 21px;
}

/*  classes  */

img.scroll-down
{
    position: absolute;
    bottom: 0;
    left: 0;
}
table.availability-chart
{
    width: 280px;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0;
}
table.availability-chart th
{
    width: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    color: #999797;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #999;
}
table.availability-chart td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 0 3px 0;
    color: #666;
    font-weight: normal;
    text-align: center;
}
.hidden
{
    display: none;
}
.linked-image
{
    border: 0 none;
}
.img
{
    padding: 1px;
    border: 1px solid #666666;
}
.data
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.data td
{
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    padding: 3px;
}
.data th
{
    font-size: 11px;
    padding: 3px;
    text-align: left;
}
.data td p, .data th p
{
    margin: 0;
    font-size: 11px;
}

/*
*
*
* end of fc styles import
*
*/

/* shop-online footer */

#shop-footer-menu
{
    height: 30px;
    width: 842px;
    margin: auto;
    margin: 5px 0 0 29px;
    text-align: right;
    padding: 0px 0 8px 0;
    clear: both;
}

/* classes */

span.cart-items a
{
    display: inline;
    height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    padding: 0 0 0 10px;
}

/* for nf home layout */
img.pad-top
{
    padding: 8px 0 0 0;
}
img.pad-left
{
    padding: 0 0 0 8px;
}
img.pad-topleft
{
    padding: 8px 0 0 8px;
}

/* top search */
input.search-input
{
    width: 100px;
    height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    border: 1px solid #bdbdbd;
    margin: 0;
    margin-top: 0px;
    padding: 0px;
}
img.image-spread
{
    border: 0 none;
}
.hidden
{
    display: none;
}
.linked-image
{
    border: 0 none;
}
a.roll-trans:hover
{
    /*height: 100%;*/
    opacity: .8;
    filter: alpha(opacity=80);
    zoom: 1;
}

.img
{
    padding: 1px;
    border: 1px solid #666666;
}
.data
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.data td
{
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    padding: 3px;
}
.data th
{
    font-size: 11px;
    padding: 3px;
    text-align: left;
}
.data td p, .data th p
{
    margin: 0;
    font-size: 11px;
}

/* self-clearing floats  */
#main:after, .content-row:after, .row:after, .clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* trigger hasLayout and target ie7/win only */
*:first-child + html #main, *:first-child + html .content-row, *:first-child + html .row, *:first-child + html .clearfix
{
    min-height: 1px;
}
#press-copy, #press-footer
{
    margin: 0;
    padding: 0 15px 7px;
    list-style: none;
    overflow: auto;
}
#press-footer
{
    padding: 7px 15px;
}
#press-copy li, #press-footer li
{
    float: left;
}
#press-copy .col-1
{
    width: 400px;
    margin: 0 40px 0 0;
}
#press-copy .col-2
{
    margin: 185px 0 0 0;
}
#press-copy .col-optional
{
    margin: 45px 134px 0 0;
}
#press-footer .col-1
{
    width: 300px;
    margin: 0 45px 0 0;
}
#press-footer .col-2
{
    width: 260px;
    margin: 0 44px 0 0;
}
#press-footer .col-3
{
    width: 140px;
}