﻿/* ------------------------------------------------------------------------- Product Search */
#flash-container{
    height:500px;
    width:920px;
}

#transatlatic-love-affair
{
    width:919px;
    height:238px;
   background:url(../Images/banners/tansatlantic-love-affair.jpg) no-repeat top left;
   margin:10px 0 15px 0; 
}

/* ------------------------------------------------------------------------- Product Search */

.table-search {
    margin-bottom: 10px;
}

.table-search td {
    border-bottom: 1px solid #DAD8D9;
    padding-bottom: 10px;
    padding-top: 20px;
    vertical-align: top;
}
.table-search td div {
    margin: 0 auto;
    overflow: hidden;
    width: 920px;
}
.table-search .img {
    float: left;
    padding-top: 3px;
    text-align: center;
}

.table-search td div div {
    margin: 0;
    width: auto;
}

.table-search img {
    float: left;
    border: 4px solid #EDE8E5;
    height:72px;
    width:73px;
}


.table-search .desc {
    padding: 0 10px 10px;
}

.table-search .desc a {
    color: #6A7179;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: underline;
}

.table-search li.current-breadcrumb {
    display: none;
}


.table-search .breadcrumb {
}
.table-search #breadcrumb {
    margin: 0px;
}

.table-search #breadcrumb a {
    font-size: 0.85em;
    color: #B3975A;
}

.table-search #breadcrumb li.step-1 a {
    text-transform: none;
}

/* ------------------------------------------------------------------------- Product List */
.table-products {
    padding: 0;
    margin: 0;
}
.table-products td {
    margin: 0;
    padding: 0;
    width: 230px;
    vertical-align: top;
}
.table-products td div {
    margin: 0 auto;
    width: 220px;
    overflow: hidden;
}
.table-products td div div {
    margin: 0;
    width: auto;
}
.table-products td div:hover {
    background: #EDE7E7;
}
.table-products td div div:hover {
    background: none;
}
.table-products .img {
    text-align: center;
    padding-top: 3px;
}
.table-products .desc {
    padding: 10px;
}
.table-products .previous-price {
    color:#AD0E24;
    text-decoration:line-through;
    padding-right:10px;
}
.table-products .desc a {
    display: block;
    text-decoration: none;
    color: #6A7179;
    font-weight: bold;
    padding-bottom: 5px;
}
.table-products .desc a:hover {
    text-decoration: underline;
}
.table-products img {
    height: 291px;
    width: 214px;
}
.table-products div.img {
    position:relative;
}
.table-products div.sale{
    position:absolute;
    height:72px;
    width:73px;
    top:3px;
    right:3px;
    background:url(/images/text/sale-flash.gif) no-repeat !important;
}
/* ------------------------------------------------------------------------- Filter bar */
.filter-bar {
    background: #FCFCFC;
    padding: 5px 0;
    width: 100%;
    float: left;
    font-size: 0.923em;
    color: #777;
}
.filter-bar a {
    text-decoration: none;
}
.filter-bar select {
    font-size: 0.923em;
}
.pager-controls {
    float: right;
    margin: 0;
    padding: 0 5px 0 0;
}
.pager-controls li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}
.pager-controls li.page {
    border-left: 1px solid #B1975A;
    border-right: 1px solid #CFCFCF;
    padding: 0 10px 0 5px;
    margin: 0 5px 0 10px;
}
.pager-controls li.divider-right {
    border-right: 1px solid #CFCFCF;
    padding: 0 10px 0 5px;
    margin: 0 0 0 10px;
}
/* ------------------------------------------------------------------------- Layout - Details Page */
.layout-details .image-col {
    width: 455px;
    float: left;
    position: relative;
}
.layout-details .image-selection {
    left: 10px;
    position: absolute;
}
.layout-details .image-selection a{
    text-decoration:none;
}

.layout-details .details-col {
    width: 460px;
    float: right;
}
.layout-details .image-selection .enlarge{
    position:absolute;
    height:28px;
    width:32px;
    top:0;
    right:0;
    background:url(/images/icons/zoom.jpg) no-repeat;
    display:none;
}
/* ------------------------------------------------------------------------- Image selector */
.list-image-vertical, .list-image-horizontal {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-image-vertical li {
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0;
}
.list-image-vertical li img {
    border: 4px solid #EDE8E5;
    cursor: pointer;
}
.list-image-vertical li img:hover {
    border: 4px solid #CCC;
    cursor: pointer;
}
.list-image-vertical li.zoom img,
.list-image-vertical li.zoom img:hover {
    border: none;
    cursor:default;
}
.list-image-horizontal li {
    list-style: none;
    float: left;
    margin: 0 5px 0 0;
}
.list-image-horizontal li img {
    float: left;
    border: 4px solid #EDE8E5;
    cursor: pointer;
}
.list-image-horizontal li img:hover {
    border: 4px solid #CCC;
    cursor: pointer;
}
/* ------------------------------------------------------------------------- Colour List */
.list-colours {
    padding: 0 0 10px 0;
    margin: 0;
    height: 18px;
}
.list-colours li {
    float: left;
    width: 17px;
    height: 17px;
    list-style: none;
    margin: 0 3px 0 0;
    padding: 0;
}
.list-colours li.white {
    border:1px solid #F4F4F4;
    background:#FFF;
}
.list-colours a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
}

/* ------------------------------------------------------------------------- Title Panel */
.title-panel h1 {
    float: left;
    margin: 0 0 5px 0;
}
.title-panel p {
    float: right;
    padding: 0;
}
/* ------------------------------------------------------------------------- Try it on panel */
.panel-try-it-on {
    margin-top: 5px;
}
.panel-try-it-on img {
    float: left;
}
.panel-try-it-on p {
    float: left;
    padding: 8px 0 0 10px;
}
/* ------------------------------------------------------------------------- Basket Table */
.basket {
    width: 100%;
}
.basket th {
    font-weight: normal;
    padding-bottom: 15px;
}
.basket td {
    vertical-align: middle;
}
.basket td.image {
    width: 120px;
}
.basket td.desc {
    font-weight: bold;
}
/* ------------------------------------------------------------------------- Basket Discount */
.discount {
    margin: 20px 0;
    border-top: 1px solid #DCD8D9;
    border-bottom: 1px solid #DCD8D9;
    padding: 0 0 10px 120px;
}
.discount .input {
    margin-top: 10px;
    overflow: auto;
}
.discount input {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.discount input.btn-apply {
    margin-top: 0;
}
.discount .discount-total {
    float: right;
    margin-right: 110px;
}
/* ------------------------------------------------------------------------- Order Summary */
.order-summary {
    margin-right: 110px;
}
.order-summary td {
    padding: 0 0 10px 0;
}
.order-summary .item {
    width: 200px;
}
.order-summary .total {
    font-weight: bold;
    font-size: 1.1em;
}
.order-summary .price-summary {
    text-align: right;
}
/* ------------------------------------------------------------------------- Basket buttons*/
.basket-buttons {
    overflow: auto;
    margin: 0 100px 30px 0;
    float: right;
}
.basket-buttons .btn-update {
    margin-right: 40px;
    float: left;
}
/* ------------------------------------------------------------------------- Added To Basket PopUp*/
#basket-popup {
    background: url(/images/Design/added-btm.gif) no-repeat top left;
    position: absolute;
    height: 140px;
    width: 270px;
    top: 32px;
    right: 40px;
    z-index: 9999;
}
#basket-popup-buttons {
    padding: 103px 0 0 0;
}
/* ------------------------------------------------------------------------- login box*/
#new-customer {
    margin: 0 5px 0 30px;
    padding: 25px;
    min-height: 220px;
}
#existing-customer {
    margin: 0 30px 0 5px;
    padding: 25px;
    min-height: 220px;
}

/********************************************************************************* Email a fried */

#email-image-gallery {
    float: left;
    width: 442px;
}

#email-information-column {
    float: right;
    width: 450px;
}

#email-Info-top 
{
    margin-bottom:11px;
    margin-top:10px;
    padding-left:5px;
}

.returnToProd a
{
    text-decoration:none;
}

.emailFriend td
{
    padding:2px 0 5px 0;
}

.emailFriend .text
{
    border:1px solid #DEDEDE;
    color:#777777;
    float:left;
    font-size:0.85em;  
    width:210px;
    height:18px;
  
}

.emailFriend .largeText
{   
    border:1px solid #DEDEDE;
    color:#777777;
    float:left;
    font-size:0.85em;   
    height:120px;
    width:320px;
}
.emailSuccessButton
{
    padding-top:10px;
}
/********************************************************** Search */

.btn-search {
    float: left;
}

.search {
    float: left;
    padding-top: 8px;
}


.searchTextBox {
    float: left;
    margin-right: 7px;
    border: solid 1px #DEDEDE;
}


/*********************************listing heading*/

.listing-heading {
    margin-left: 10px;
    margin-bottom :10px;
}

/***********************************************account*/

.emailbox {
    border: 1px solid #DEDEDE;
    color: #777777;
    float: left;
    font-size: 0.85em;
    margin: 1px 5px 0 0;
}


.tblRegister td {
    padding-bottom: 10px;
    padding-right: 10px;
}

/* ------------------------------------------------------------------------- Layout - Press Page */
.layout-press .col1 {
    width: 343px;
    float: left;
    position: relative;
}
.layout-press .col2 {
    width: 535px;
    float: right;
}
.layout-press .border{
    border-top: 1px solid #DCD8D9;
    margin-top: 15px;
}
.layout-press h1 {
    font-size:1.15em;
}
.layout-press h2 {
    border-top:1px solid #ccc;
    padding-top:15px;
    margin:10px 0;
    font-size:1.1em;
}
/* ------------------------------------------------------------------------- Press Page - list */
.list-press {
    overflow: auto;
    margin: 0;
    padding: 0;
    width: 343px;
}
.list-press li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 103px;
    margin-right: 14px;
    float: left;
    text-align: center;
}
.list-press li.last {
    margin-right: 0;
}
.list-press p {
    padding: 5px;
    font-size: 0.85em;
}
.list-press img {
    border: 4px solid #EEE9E6;
}
/* ------------------------------------------------------------------------- Press Page - list archive */
.press-archive{
    margin:15px 0;
    padding-bottom:15px;
    border-bottom: 1px solid #DCD8D9;
}
.press-archive h3{
    padding-right:10px;
    float:left;
}
.press-archive li{
    background: url(/images/bg/pipe-divider.gif) no-repeat left center;
    padding-left: 10px !important;
    margin-left: 5px;
}
.press-archive li.first{
    background: none;
}
/* ------------------------------------------------------------------------- Press Page - scroller buttons */
a.up, a.down {
    display: block;
    height: 29px;
    background-repeat: no-repeat;
    background-image: url(/images/buttons/btn-scroll-up.jpg);
    text-align: center;
    text-indent: -999em;
    overflow: hidden;
    cursor:pointer;
    float:none;
}
a.down {
    background-image: url(/images/buttons/btn-scroll-down.jpg);
}
/* ------------------------------------------------------------------------- Press Page - scroller */
div.scrollable {
    position: relative;
    overflow: hidden;
    width: 343px;
    height: 307px;
}
div.scrollable div.items {
    height: 20000em;
    position: absolute;
}
div.scrollable div.items div {
    margin: 0;
    padding: 0;
    width: 114px;
    float: left;
    text-align: center;
}
div.scrollable div.items p {
    padding: 5px;
    font-size: 0.85em;
}
div.scrollable div.items img {
    border: 4px solid #EEE9E6;
}
/* ------------------------------------------------------------------------- Public relation pod */
.box-public-relations{
    min-height:58px;
    background:url(/images/bg/public-relations.jpg) no-repeat;
    padding-left:190px;
}
.box-public-relations{
    font-size:0.85em;
}
.box-public-relations p{
    padding:0;
    margin:0;
}
/* ------------------------------------------------------------------------- Size Guide */
.size-guide h1{
    background:url(/images/text/size-guide.jpg) no-repeat;
    text-indent:-999em;
    height:35px;
    width:278px;
    margin-left:10px;
}

.size-guide table{
    width:100%;
    margin-bottom:20px;
}
.size-guide table td,
.size-guide table th{
    padding:10px 15px;
    border:1px solid #FFF;
}
.size-guide table th.first{
    border-left:1px solid #EDE7E7;
}
.size-guide table th.last{
    border-right:1px solid #EDE7E7;
}
.size-guide table th{
    background:#EDE7E7;
    text-transform:uppercase;
    color:#777;
}
.size-guide table td{
    font-weight:bold;
    color:#B49658;
    border:1px solid #DAD8D9;    
}
/* ------------------------------------------------------------------------- Sale Box */
.box-sale{
    background:url(/images/box-styles/sale-bg.jpg) no-repeat;
    height:127px;
}
.box-sale h1{
    text-indent:-999em;
}
.box-sale .content{
    padding:55px 20px 0 20px;
    font-size:0.88em;
    color:#6A737B;
}
/* ------------------------------------------------------------------------- Templates */
.static-page{

}
.static-page .static-img{
    display:none;
}
.static-suzannah h1{
    margin-bottom:15px;
}
.static-suzannah h2{
    margin:0 0 15px 0;
}
.static-suzannah .footer-border{
    border-top: 1px solid #DCD8D9;
    margin-top: 15px;
}
.static-suzannah .static-img{
    display:block;
    background:url(/images/banners/suzannah-lrg.jpg) no-repeat;
    float:left;
    width:438px;
    height:437px;
}

.static-suzannah .content{
    display:block;
    float:left;
    width:440px;
    padding:0 10px 0 20px;
}
/*****************************************************************boutique-colour*/
.boutique-colour .static-img{
    display:block;
    background:url(/Images/static/about2.jpg) no-repeat;
    float:left;
    width:438px;
    height:437px;
}

.orderonline-colour .static-img{
    display:block;
    background:url(/Images/static/orderingonline.jpg) no-repeat;
    float:left;
    width:438px;
    height:437px;
}


.touch-colour .static-img
{
    display:block;
    background:url(/Images/static/stayintouch.jpg) no-repeat;
    float:left;
    width:438px;
    height:437px;
}

.shop-front .static-img
{    
    display:block;
    background:url(/Images/static/shopimg.jpg) no-repeat;
    float:left;
    width:438px;
    height:437px;
}


/* ------------------------------------------------------------------------- Banner - VIP */
.banner-vip{
    background:url(/images/banners/vip-photo.jpg) no-repeat;
    height:693px;
}
/* ------------------------------------------------------------------------- VIP Form */
.vip-form td{
    padding-right:15px;
}

/*********************** customer-grid */

.customer-grid td
{
    padding: 3px;
}

.customer-grid th
{
    padding: 3px;
}

/* ------------------------------------------------------------------------- Homepage */
.designerDresses
{
	width:920px;
	min-height:110px;
	margin-top:10px;
}

.designerDresses h1
{
	padding:10px 0 0 16px;
	font-weight:normal;
	font-size:1em;
	color:#B3975A;
	margin-bottom:0;
}

.designerDresses h2
{
	font-weight:normal;
	text-indent:10px;
}

.designerDresses h2 a
{
	color:#777;
}


.designerDresses p
{
	font-size:0.85em;
	padding:0 16px 0 16px;
	color:#949494;
	line-height:15px;
	
}

.tailorMade
{
	width:650px;
	float:left;
}

.browseBoutique
{
	background:url(/Images/Design/rss.gif) no-repeat 100% 8px;
	width:265px;
	float:left;
	margin-left:5px;	
}

ul.tweetList li
{
	line-height:14px;
}

ul.tweetList a
{
	color:#24A3C8 !important;	
}

.in-the-press
{
	background:url(/Images/Design/in_the_press_panel_off.jpg) no-repeat;
	display:block;
	height:76px;
	width:265px;
}

.in-the-press:hover
{
	background:url(/Images/Design/in_the_press_panel_on.jpg) no-repeat;
}

.mailing-list
{
	background:url(/Images/Design/mailing_list_panel_off.jpg) no-repeat;
	display:block;
	height:76px;
	width:265px;
}

.mailing-list:hover
{
	background:url(/Images/Design/mailing_list_panel_on.jpg) no-repeat;
}

ul.list-news
{

}

ul.list-news li
{
	list-style-type:none !important;
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:11px;	
}

ul.list-news li a
{
	color:#777;
	text-decoration:none;
}