﻿html, body, form {
    height: 100%;
    min-height: 100.1%;
}
body {
    background: url(/images/layout/bg.png) repeat;
}
/* ------------------------------------------------------------------------- Site Width */
#wrapper-container {
    width: 960px;
    min-height: 100%; 
    height: auto !important; 
    height: 100%;    
    margin: 0 auto -175px;     
    background: url(/images/layout/border-slice.png) repeat-y center top;
}
#wrapper {
    width: 920px;
    margin: 0 auto;    
    background:#FFF;
    padding-bottom:175px;
}
/* ------------------------------------------------------------------------- Header */
#header {
    text-align: center;
    position: relative;
    height: 165px;
    z-index:5000;
}
#header a.logo {
    width: 437px;
    margin: 0 auto;
    padding: 55px 0 0 0;
    display: block;
}
#header-bar{
    background:#FCFCFC;
    position:absolute;
    width:100%;
    height:31px;
    top:0;
    left:0;
}
#header-bar .search-box{
    padding:5px 0 0 8px;
}
#header-bar .search-box .search-txt{
    font-size:0.85em;
    margin:1px 5px 0 0;
    float:left;    
    color:#777;
    border:1px solid #DEDEDE;
}
#header-bar .search-box .search-btn{
    float:left;
}
#account-menu{
    margin:3px 0 0 0;
    padding-right:210px;
    float:right;
}
#account-menu li{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
    z-index:1;
}
#account-menu li.last{
    background: url(/images/layout/account-divider.jpg) no-repeat left 3px;
    padding-left:8px;
    margin-left:3px;
}
#account-menu li a{
    font-size:0.85em;
    text-decoration:none;
}
#account-menu li a:hover{
    text-decoration:underline;
}
/* ------------------------------------------------------------------------- Main Menu */
#menu {
    background: url(/images/layout/hr.jpg) no-repeat center top;
    min-height:10px;
}
#nav {
    width:470px;
    margin:0 auto;
    padding:0;
    height:25px;
}
#nav a {
    text-transform: uppercase;
    text-decoration: none;
    color: #777;
    padding: 0 15px;
    border-right:1px solid transparent;    
    height:100%;
}
/*First link with sub menu*/
#nav li.sub-menu:hover a,
#nav li.sub-menu a:hover{
    background: url(/images/layout/menu/tab-left.gif) no-repeat left top;
    position:relative;
    z-index:1000;
    border-right:1px solid #CCC;
}
#nav li.sub-menu:hover li a{
    border:none;
    background:none;    
}
/*First list*/
#nav li {    
    height:25px;
    float:left;    
    list-style:none;
    margin:0;
    position:relative;
    padding:0;
    display:block;
    line-height:25px;
}
#nav li a{
    display:block;
}
/*Second list*/
#nav li ul {
    position:absolute;
    left: -999em;
    clear:left;
    display:block;
    margin:0;
    margin-top:-1px;
    padding:10px 0 60px 0;
    border:1px solid #DADADA;
    background:#FFF url(/images/icons/flower.gif) no-repeat right bottom;
}
#nav li:hover ul,
#nav li.sfhover ul {
    left: auto;
}
#nav li li{
    display:block;
    float: left;     
    width: 11.5em; 
    text-align:left;
    margin-bottom:10px;
    font-size:0.923em;
    clear:right;
    position:static;
    line-height:1.1em;
    height:auto;
}
#nav li li a,
#nav li li span
{
    display:block;
    color:#B39758;
    text-transform:none;
    padding:0;
    text-indent:10px;
    height:auto;
}
#nav li li a:hover{
    border:none;
    text-decoration:underline;
}
/*Special case link buttons*/
#nav li.sale {
    display:block;
    height:55px;
    width:190px;
    /*background:url(/images/buttons/xmasgifts.jpg) no-repeat;*/
    background:url(/images/buttons/btn-sale.jpg) no-repeat;
    position:absolute;
    bottom:9px;
    left:9px;
    margin:0;
    padding:0;
}
#nav li.alterations {
    display:block;
    height:55px;
    width:190px;
    background:url(/images/buttons/btn-alterations.jpg) no-repeat;
    position:absolute;
    bottom:9px;
    right:9px;
    margin:0;
    padding:0;    
}
#nav li.sale a,   
#nav li.alterations a{  
     height:100%;
     width:100%;
     display:block;  
     text-indent:-999em;
     overflow:hidden;
}
#nav li.sale:hover,   
#nav li.alterations:hover {  
     position: absolute;  
} 
/* Third List*/
#nav li ul ul{
    border:none;
    padding:10px 0 0 10px;   
    left:auto;
    position:static;
    background:none;
}
#nav li li li{
    float:none;
}
#nav li li li a {
    color:#777;
    text-indent:0;
}
#menu li:hover, #menu li.sfhover {  
     position: static;  
} 

/* ------------------------------------------------------------------------- Basket */
#bag {
    width: 200px;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 2;
}
#basket {
    display:block;
    height: 25px;
    background-image: url(/images/layout/basket-bg-top.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    cursor:pointer;
}
.has-items #basket:hover,
.basket-open {
    background-position: left bottom;
}
#basket span {
    color: #999;
    padding: 0 0 0 34px;
    font-size: 0.846em;
    line-height: 25px;
    display: block;
    float: left;
}
#basket span span {
    float: none;
    display: inline;
    padding: 0;
    font-size: 1em;
    color: #CCC;
}
#basket-items {
    background: url(/images/layout/bag-bg.jpg) no-repeat left bottom;
    padding: 3px 0 10px 0;
    text-align: left;
    width:100%;
    display:none;
}
#basket-items ol {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 0.846em;
}
#basket-items li {
    padding: 0 0 0 15px;
    margin: 0 0 5px 0;
    list-style: none;
}
#basket-items a {
    text-decoration: none;
}
#basket-items span {
    color: #CFCFCF;
    padding-right: 5px;
}
#basket-items img 
{
    padding-top:10px;
}
#basket-footer{
    background: url(/images/layout/basket-bottom.jpg) no-repeat left bottom;
    height:6px;
    font-size:0;
}
/* ------------------------------------------------------------------------- Breadcrumb */
#breadcrumb{
    margin:0 0 0 10px;
    padding:0;
}
#breadcrumb li{
    list-style:none;
    margin:0 10px 0 0;
    padding:10px 0 10px 10px;
    float:left;
    color:#6B7278;
    font-weight:bold;
    background:url(/images/layout/breadcrumb-divider.jpg) no-repeat left center;    
}
#breadcrumb li.step-1{
    background:none;
    padding-left:0;
}
#breadcrumb li a{
    font-weight:normal;  
    color: #b3975a;
    text-decoration:none;
}
#breadcrumb li a:hover{
    text-decoration:underline;
}

/* ------------------------------------------------------------------------- Content and templates*/
#content {
    line-height: 1.2em;
}
/* ------------------------------------------------------------------------- Footer */
#footer {
    width: 920px;
    height: 175px; 
    margin: 0 auto;     
    padding: 0;
    color: #949494;
    background:url(/Images/Design/footer_bg.gif) repeat-x;
    font-size: 0.846em;
    border-top:1px solid #DEDEDE;
}
#footer ul 
{	
    padding:0;
    margin:0;
}
#footer li {
    list-style:none;
    padding:0;
    margin:0;
}
#footer a {
    color: #949494;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

.footerHeading
{
	color:#B3975A;
}

/* ------------------------------------------------------------------------- Footer - Featured Links */
#featured-links li {
    float: left;
    margin-right: 2px;
}
#featured-links li.last {
    margin-right: 0;
}
#featured-links a {
    height: 101px;
    width: 228px;
    display: block;
    background: url(/images/bg/feature-links.jpg) no-repeat;
    text-indent: -999em;
    overflow: hidden;
}
#featured-links a.online {
    background-position: -230px top;
}
#featured-links a.boutique {
    background-position: -460px top;
}
#featured-links a.touch {
    background-position: -690px top;
}
/* ------------------------------------------------------------------------- Footer - Text Links */
#text-links {
    padding-top: 16px;   
    overflow:auto;
}
#text-links ul {
    float: left;
    width: 160px;
    margin-right: 2px;
}
#text-links li {
    margin: 0 0 9px 0;
}
#text-links a {
}
#text-links a:hover {
    text-decoration: underline;
}
/* ------------------------------------------------------------------------- Footer Links */
#footer-links {
    border-top: 1px solid #CCC;    
}

#footer-links ul
{
	padding-top:12px;
}

#footer-links li{
    margin-right:10px;
}
#footer-links a.crafted {
    float:right;
    padding-right:10px;
    padding-top:8px;
}
/* ------------------------------------------------------------------------- Layout - 2 col 50% */
.layout-2-col{
    overflow:hidden;
}
.layout-2-col .col1{
    width:50%;
    float:left;
}
.layout-2-col .col2{
    width:50%;
    float:right;
}

/* ------------------------------------------------------------------------- Layout - 2 col 50% */
.layout-2-col-40-60{
    overflow:hidden;
}
.layout-2-col-40-60 .col1{
    width:40%;
    float:left;
}
.layout-2-col-40-60 .col2{
    width:60%;
    float:right;
}
