﻿	/* Global styles */
	
	a, body, h1, h2, h3, input, p, select, td, textarea { 
		font-size: 15px; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		text-decoration: none; 
		color: #333; 
	}
	a { 
		color: #333; 
		outline: none;
	}
	a:hover { 
		color: #e4d5d0; 
	}
	a.no-cursor {
	    cursor: default !important;
	}
	body { 
		margin: 0; 
		padding: 0; 		
		background: url(../images/background.gif) repeat #CCC; 
	}
	form { 
		margin: 0; 
		padding: 0; 
	}	
	h1 { 
		margin: 0; 
		padding: 0; 
		display: inline; 
		font-size: 20px; 
		font-weight: bold; 
		color: #333; 
	}	
	h2 { 
		margin: 0; 
		padding: 0; 
		display: inline; 
		font-size: 18px; 
		font-weight: bold; 
		color: #333; 
	}
	h3 { 
		margin: 0; 
		padding: 0; 
		display: inline; 
		font-size: 16px; 
		font-weight: normal; 
		color: #333; 
	}	
	html, body { 
		height: 100%; 
	}
	img { 
		border: 0; 
	}
	
	/* Global layout */
	
	#container { 
		margin: auto; 
		width: 980px; 
		min-height: 100%; 
		background-color: #FFF; 
		position: relative;
		background: url(../images/centre-background.gif) repeat #FFF; 
	}
	#header {
		text-align: center;
	}
	#logo {
		padding-bottom: 10px;
	}
	#top-navigation {
		position: relative;
		background-color: #e4d5d0;
		height: 30px;
		line-height: 30px;
		font-style: italic;
		padding-left: 120px;
		z-index: 10;
	}
	#shopping-basket {
		position: absolute;
		top: 70px;
		left: 770px;
		width: 200px;
		text-align: right;
		font-size: 13px;
		color: #666666;
	}
	#shopping-basket a {
		font-size: 13px;
		color: #666666;
	}
	#shopping-basket a:hover {
		color: #e4d5d0;
	}
	#content {
		position: relative;
		padding: 5px;
	}
	#content-inner {
		padding: 15px 104px 15px 104px;
		border: dashed 1px #e4d5d0;
	}
	div.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
		width: 100%;
		display: block;
	}
	#bottom-navigation {
		/*position: relative;*/
		background-color: #e4d5d0;
		height: 30px;
		line-height: 30px;
		font-style: italic;
		padding-left: 165px;
		z-index: 10;
		margin-bottom: 30px;
	}
	#footer {
		text-align: center;
		font-style: italic;
		padding-bottom: 70px;
	}
	#footer a {
		color: #000;
		text-decoration: none;
	}
	#footer a:hover {
		color: #e4d5d0;
	}
	
	/* Homepage */	
	
	#jewellery-birdcage {
		position: absolute;
		top: 10px;
		left: 105px;
		z-index: 1;
	}
	#hair-birdcage {
		position: absolute;
		top: 10px;
		left: 695px;
		z-index: 1;
	}
	#dressing-table {
		text-align: center;
	}
	
	/* Category Page */
	
	#bottom-paging-links {
	    position: absolute;
	    top: 800px;
	    left: 0px;
	    width: 980px;
	    text-align: center;
	    z-index: 11;
	}
	#woodland-border-top-left {
	    position: absolute;
	    top: 518px;
	    left: -15px;
	    z-index: 10;
	}	
	#woodland-border-top-right {
	    position: absolute;
	    top: 518px;
	    left: 870px;
	    z-index: 10;
	}	
	#woodland-border-bottom {
	    position: absolute;
	    top: 785px;
	    left: -15px;
	    z-index: 10;
	}	
	div.product { 
	    float: left; 
	    width: 190px; 
	    text-align: center; 
	    color: #333;
	    padding-bottom: 20px; 
	}
	div.product a { 
	    color: #333; 
	}
	div.product a:hover { 
	    color: #000; 
	}
	div.product img { 
	    margin: 10px 0; 
	    width: 176px;
	    height: 176px; 
		border: dashed 1px #e4d5d0;
	}
	
	/* Product Page */
	
	div.matchingItem { 
	    float: left; 
	    width: 180px; 
	    text-align: center; 
	    color: #333; 
	    padding-bottom: 10px;
	    margin-right: 10px;
	}
	div.matchingItem a { 
	    color: #333; 
	}
	div.matchingItem a:hover { 
	    color: #000; 
	}
	div.matchingItem img { 
	    margin-bottom: 10px; 
	    width: 176px; 
	    height: 176px; 
		border: dashed 1px #e4d5d0;
	}
	
	/* Press Pages */
	
	div.pressarticle h2 { 
		font-size: 15px; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-weight: normal; 
		font-style: italic;
		text-decoration: none; 
		color: #333; 
	}
	
	div.pressarticle { 
		width: 150px; 
		height: 275px; 
		float: left; 
		text-align: center; 
		margin-right: 40px; 
	}
	div.pressarticle img { 
		width: 150px; 
		height: 200px; 
		border: 0; 
		padding-bottom: 10px; 
	}
	div.pressendofline { 
		padding-right: 0; 
	} 
	span.pressdate { 
		color: #999; 
	}
	
	div.pressarticlecontent { 
		width: 759px; 
	}
	div.presscontent { 
		width: 495px; 
		float: right; 
		text-align: left; 
	}
	div.pressimages { 
		width: 225px; 
		float: left; 
	}
	img.pressimage { 
		width: 225px; 
		height: 300px; 
		border: 0; 
		padding-bottom: 15px; 
	}
	
	/* Shopping basket */
    
    #itemsTable { 
        width: 844px; 
    }
    #itemsTable td { 
        font-size: 13px; 
        height: 17px; 
    }
    #itemsTable td a { 
        color: #333; 
        font-size: 12px; 
    }
    #itemsTable td a:hover { 
        color: #000; 
    }
    tr.itemsTableGrey { 
        background-color: #999; 
    }
    tr.itemsTableGrey th { 
        color: #FFFFFF; 
        text-align: left; 
        font-size: 13px; 
        font-weight: normal; 
        padding: 5px; 
        height: 24px; 
    }
    tr.itemsTableGrey td { 
        color: #FFFFFF; 
        padding: 5px; 
    }
	
	/* Checkout pages */
	
	#checkout-content-inner {
		padding: 15px 30px 15px 30px;
		border: dashed 1px #e4d5d0;
	}    
    .loginText { 
        font-size: 12px; 
        color: #333; 
    }    
    table.loginText tr td { 
        font-size: 12px; 
        color: #333; 
    }
    table.loginText tr td input { 
        font-size: 12px; 
        color: #333; 
    }    
    .yourDetailsText { 
        font-size: 12px; 
        color: #333; 
    } 
    table.yourDetailsText tr td { 
        font-size: 12px; 
        color: #333; 
    }    
    .input { 
        font-size: 12px; 
        color: #333; 
        width: 155px; 
    }
    .textarea { 
        font-size: 12px; 
        color: #333; 
        width: 155px; 
        height: 50px; 
    }
    .dropdown { 
        font-size: 12px; 
        color: #333; 
        width: 161px; 
    }
	
	/* Drop down menu */	
	
	ul.menu ul{
		display:none;
	}
	ul.menu li:hover>ul{
		display:block;
	}
	ul.menu ul{
		position: absolute;
		left:-1px;
		top:98%;
	}
	ul.menu ul ul{
		position: absolute;
		left:98%;
		top:-2px;
	}
	ul.menu, ul.menu ul {
		margin:0px;
		list-style:none;
		padding:0px 2px 2px 0px;
		background-color:#e4d5d0;
		background-repeat:repeat;
	}
	ul.menu table {
		border-collapse:collapse;
	}
	ul.menu {
		display:block;
		zoom:1;
		float: left;
	}
	ul.menu ul{
		width: auto;
	}
	ul.menu li{
		display: block;
		margin: 2px 20px 0px 22px;
		font-size: 0px;
	}
	ul.menu a:active, ul.menu a:focus {
		outline-style:none;
	}
	ul.menu a {
		display:block;
		vertical-align:middle;
		background-color:#e4d5d0;
		border-width:0px;
		text-align:left;
		text-decoration:none;
		padding:4px;
		_padding-left:0;
		font:italic 15px Georgia;
		color: #444444;
		text-decoration:none;
		cursor: pointer;
	}
	ul.menu li {
		float:left;
	}
	ul.menu ul li {
		float:none;
		margin: 2px 0 0 2px !important;
	}
	ul.menu ul a {
		text-align:left;
		white-space:nowrap;
	}
	ul.menu li:hover{
		position:relative;
	}
	ul.menu li:hover>a{
		background-color:#8E8D8D;
		border-color: #665500;
		border-style:solid;
		font:italic 15px Georgia;
		color: #ffffff;
		text-decoration:none;
	}
	ul.menu li a:hover{
		position:relative;
		background-color:#8E8D8D;
		border-color:#665500;
		border-style:solid;
		font:italic 15px Georgia;
		color: #ffffff;
		text-decoration:none;
	}
	ul.menu a:hover ul{
		display:block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*
	
	#topNavigation { height: 51px; vertical-align: top; padding-right: 5px; }
	
	a.globalLinks { color: #999999; margin-left: 15px; }
	a.globalLinks:hover { color: #000; }
	
	#breadCrumb  { font-size: 16px; color: #000; line-height: 16px; font-weight: bold; }
	#breadCrumb a { color: #000; font-size: 16px; font-weight: bold; }
	#breadCrumb a:hover { color: #CFAC7B; }
	
	#leftNavigation { float: left; width: 140px; font-size: 16px; color: #000; line-height: 16px; }
	#leftNavigation a { color: #000; font-size: 16px; }
	#leftNavigation a:hover { color: #CFAC7B; }
	#leftNavigation a.subMenu { font-size: 15px; color: #333; }
	#leftNavigation a.subMenu:hover { color: #CFAC7B; }

	#content { float: left; width: 760px; }
	
	div.product { float: left; width: 190px; text-align: center; color: #333; }
	div.product a { color: #333; }
	div.product a:hover { color: #000; }
	div.product img { padding: 10px 0; width: 176px; height: 176px; }
	
	div.matchingItem { float: left; width: 180px; text-align: center; color: #333; }
	div.matchingItem a { color: #333; }
	div.matchingItem a:hover { color: #000; }
	div.matchingItem img { padding-bottom: 10px; width: 176px; height: 176px; }
	
	h1 { margin: 0; padding: 0; display: inline; font-size: 16px; font-weight: bold; color: #333; }	
	h2 { margin: 0; padding: 0; display: inline; font-size: 14px; font-weight: bold; color: #333; }
	h3 { margin: 0; padding: 0; display: inline; font-size: 12px; font-weight: normal; color: #333; }

    .clear { clear: both; font-size: 0px; height: 0px; line-height: 0pt; }
    
    #itemsTable { width: 844px; }
    #itemsTable td { font-size: 13px; height: 17px; }
    #itemsTable td a { color: #333; font-size: 12px; }
    #itemsTable td a:hover { color: #000; }
    tr.itemsTableGrey { background-color: #999999; }
    tr.itemsTableGrey th { color: #FFFFFF; text-align: left; font-size: 13px; font-weight: normal; padding: 5px; height: 24px; }
    tr.itemsTableGrey td { color: #FFFFFF; padding: 5px; }

    #footer { padding: 20px 0 10px 0; font-size: 12px; }
    #footer a { color: #333; }
    #footer a:hover { color: #000; }
    
    .loginText { font-size: 12px; color: #000; }    
    table.loginText tr td { font-size: 12px; color: #000; }
    table.loginText tr td input { font-size: 12px; color: #333; }
    
    .yourDetailsText { font-size: 12px; color: #333; } 
    table.yourDetailsText tr td { font-size: 12px; color: #333; }
    
    .input { font-size: 12px; color: #333; width: 155px; }
    .textarea { font-size: 12px; color: #333; width: 155px; height: 50px; }
    .dropdown { font-size: 12px; color: #333; width: 161px; }
	
	div.pressarticle { width: 150px; height: 275px; float: left; text-align: center; padding-right: 53px; }
	div.pressarticle img { width: 150px; height: 200px; border: 0; padding-bottom: 10px; }
	div.pressendofline { padding-right: 0; } 
	span.pressdate { color: #999; }
	
	div.pressarticlecontent { width: 759px; }
	div.presscontent { width: 495px; float: right; text-align: left; }
	div.pressimages { width: 225px; float: left; }
	img.pressimage { width: 225px; height: 300px; border: 0; padding-bottom: 15px; }
	
	*/
	
	#social {
		position: absolute;
		top: 110px;
		left: 10px;
		width: 100px;
		height:22px;
		text-align: left;
	}
