@charset "utf-8";
/* CSS Document */

* {
	outline:none;
}

body {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family: Arial;
    color:#FFF;
    font-size:14px;
}

/*  Deals with the auto resize of the background image
    To have it static uncomment the background property below
    and comment out all of #background-image
*/
#background {
    position: absolute;
    left: 0px;
    z-index: -1;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

#background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
}
/*  Deals with the auto resize of the background image  */

#overlay {
    position: absolute;
    left: 0px;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    height: 100%;
    min-height: 810px;
    min-width: 1135px;

}
/*background: url(../img/page_background_repeat.png) repeat top left;*/

#overlay-top {
    position: absolute;
    top:0px;
    width: 100%;
    height: 70px;
    background: url(../img/page_background_repeat.png) repeat top left;
    z-index: 1;
}

#overlay-right {
    position: absolute;
    right:0px;
    top: 70px;
    bottom: 70px;
    width: 93px;
    z-index: 0;
    background: url(../img/page_background_repeat.png) repeat top left;
}

#overlay-left {
    position: absolute;
    left:0px;
    top: 70px;
    bottom: 70px;
    width: 100px;
    z-index: 0;
    background: url(../img/page_background_repeat.png) repeat top left;
}

#overlay-bottom {
    position: absolute;
    bottom:0px;
    width: 100%;
    height: 70px;
    background: url(../img/page_background_repeat.png) repeat top left;
    z-index: 1;
}

a {
    color:#000;
}

a img {
    border:none;
}

ol {
    list-style:none;
}

ul {
    list-style:none;
    margin:5px 0px 30px 0px;
    padding:0px 0px 0px 0px;
    display:block;
    float:left;
}

li {
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    display:block;
    clear: right;
    height: 25px;
}

li span {
   width:145px;
   float: left;
   clear:none;
   display:block;
   margin: 0px 0px 0px 40px;
}


li a {
    display:block;
    text-decoration:none;
    clear: none;
    float: left;
}

li a:hover {
    display:block;
    text-decoration:underline;
}

br {
    clear:both;
    display:block;
}

hr {
    clear:both;
    display:block;
}

#showProdOrder li label {
    width: 120px;
    display: block;
    clear:none;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
}

#showProdOrder li input[type="text"] {
    display: block;
    clear:none;
    font-size: 12px;
    width: 200px;
    float: left;
}

td img {
    display: block;
}

#siteContainer {
    position: absolute;
    top: 70px;
    bottom: 70px;
    left: 100px;
    right: 100px;
    z-index: 15;
    min-height: 685px;
    min-width: 935px;
    overflow: hidden;
}

#siteHolder {
    height:100%;
    width:100%;
    position: relative;
}

#siteLogo {
    height: 600px;
    position: absolute;
    background: url(../img/site_logo.png) no-repeat top left;
    width: 100px;
    top: 100px;
    left: 20px;
}

#headerTitle {
    height:60px;
    margin:0px auto 0px auto;
    width:450px;
    clear:both;
    position: relative;
}

#headerTitle a {
    width:470px;
    height:60px;
    display:block;
}

#mainMenu {
    width: 100%;
    height: 25px;
    background: #000;
    font-size:12px;
    font-family: Arial;
    font-weight:bold;
    text-transform:capitalize;
}

#menu-holder {
    width: 820px;
    height: 25px;
    margin: 0px auto 0px auto;
    list-style: none;
    
}

#menu-holder ul {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    height: 25px;
}

#menu-holder ul li {
    float: left;
    line-height: 22px;
    position: relative;
    height: 25px;
    margin: 0px 0px 0px 0px;
}

#menu-holder li a {
    display:block;
    float:left;
    margin:0px 12px 0px 5px;
    text-decoration:none;
    position:relative;
    color: #FFF;
    height: 25px;
    text-transform: uppercase;
}

#menu-holder li div a:hover {
    color: #888;
}

#menu-holder li a:hover {
    color: #FFF;
}

#menu-holder.de {
    width: 810px;
}

#menu-holder.en {
    width: 795px;
}

#mainMenuDE {
    width: 100%;
    height: 25px;
    background: #000;
    font-size:12px;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-weight:bold;
    text-transform:capitalize;
}

#mainMenuDE a {
    display:block;
    float:left;
    margin:0px 15px 0px 0px;
    text-decoration:none;
}

#flashHolder {
    height:120px;
    width:800px;
    margin:0px 50px 0px 50px;
    padding:300px 0px 0px 0px;
}

#langChoice {
    display:block;
    float:left;
    margin: 3px 10px 0px 15px;
    color:#FFFFFF;
    clear:right;
    height:20px;
    text-align:center;
    font-family: Tahoma ,Helvetica, sans-serif;
}

#langChoice a {
    text-decoration:none;
    display:block;
    float:left;
    color:#FFF;
    font-weight: bold;
    font-size:11px;
    margin:0px 10px 0px 0px;
}

#mainContent {
    position: relative;
    clear:both;
    margin:0px 0px 0px 0px;
    color: #000;
    width: 840px;
    float: right;
    height: 580px;
    overflow: hidden;
}

#pageName {
    position: relative;
    float: right;
    width: 25px;
    height: auto;
    top: 30px;
    color:#FFF;
    writing-mode:tb-rl;
    direction: rtl;
    font-size: 18px;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    white-space:nowrap;
    display:block;
    text-transform: uppercase;
}

#defaultText {
    margin: 25px 100px 10px 20px;
    padding: 10px 10px 10px 10px;
    width:600px;
    height:500px;
    z-index:20;
    float: right;
    background: url(../img/background_clearer.png) repeat top left;
}

#defaultText li {
    line-height:12px;
    margin:5px 0px 0px -30px;
}

#defaultText li {

}

#defaultText img {
    margin:0px 0px 0px 10px;
}

#newsText {
    margin: 25px 100px 10px 20px;
    padding: 10px 10px 10px 10px;
    width:600px;
    height:500px;
    z-index:20;
    float: right;
    background: url(../img/background_clearer.png) repeat top left;
    overflow-y: auto;
    overflow-x: hidden;
}

#paging {
    position: relative;
    top: -22px;
    float: left;
    margin: 0px 0px -20px 0px;
}

#pageControl {
    margin:10px auto 10px 30px;
    padding:0px 0px 20px 0px;
    width:630px;
    display:block;
}

#pagingNum {
    width:150px;
    float:right;
    display:block;
}

#defaultText p {
    margin:10px 5px 10px 10px;
}

.contact {
    float: none;
}

.contact li {
    height: 15px;
}

#mainContact {
    float: left;
    margin: 0px 0px 0px 30px;
    position: relative;
}

#otherContact {
    float: right;
    margin: 0px 90px 0px 0px;
    position: relative;
}

#currColl {
    margin: 25px 100px 10px 20px;
    padding: 10px 10px 10px 10px;
    width:600px;
    height:500px;
    z-index:20;
    float: right;
    background: url(../img/background_clearer.png) repeat top left;
}

#collType {
    position: absolute;
    width: 15px;
    height: 120px;
    left: 145px;
    bottom: 110px;
}

.aw10 {
    background: url(../img/aw2010.png) no-repeat bottom right;
}

.ss10 {
    background: url(../img/ss2010.png) no-repeat bottom right;
}

.aw09 {
    background: url(../img/aw2009.png) no-repeat bottom right;
}

.pastc {
    background: url(../img/ss2009.png) no-repeat bottom right;
}

.jewel {
    
}

#imageLarge {
    height:400px;
    width:320px;
    float:left;
    margin:0px 0px 20px 150px;
    display:block;
}

#garmentDetails {
    float:right;
    display:block;
    width:160px;
    height:400px;
}

#imageScroll {
    clear:both;
    width:100%;
    height:75px;
    margin:30px auto 0px auto;
}

#imageScrollLeft {
    width:27px;
    height:45px;
    display:block;
    margin:25px 0px 20px 5px;
    padding:20px 0px 0px 0px;
    text-align:center;
    float:left;
}

#thumbHolder {
    overflow:scroll;
    border:2px solid #998F4C;
    width:560px;
    height:110px;
    float:left;
    margin:5px 5px 0px 15px;
}

#imageScrollRight {
    width:27px;
    height:65px;
    margin:25px 0px 20px 5px;
    padding:20px 0px 0px 0px;
    text-align:center;
    display:block;
    float:right;
}

#storeContainer {
    height: 500px;
    width: 300px;
    position: relative;
    float: left;
}

#storeContainer h4 {
    margin: 5px 0px 0px 0px;
}

.cityList {
    width: 300px;
    position: relative;
    height: auto;
    float: left;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    z-index: 5;

}

.cityList p {
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
}

.cityList a {
    clear: both;
    display: block;
    text-decoration: none;
}

.cityList a:hover {
    color: #FFF;
}

.de-light {
    color: #888;
}

.selected {
    color: #FFF;
}

.map {
    width:300px;
    margin: 0px auto 0px auto;
    height: 350px;
}

#mapChoice {
    bottom: 0;
    height: 50px;
    left: 215px;
    position: absolute;
    width: 265px;
    z-index: 5;
}

#mapChoice li {
    clear: none;
    display: block;
    float: left;
    height: 75px;
    margin: 0 0 10px;
    padding: 0;
}

#mapChoice li a {
    height: 75px;
    display: block;
    width: 60px;
}

#uk {
    background: url(../img/large_uk_flag.png) no-repeat top left;
}

#germany {
    background: url(../img/large_de_flag.png) no-repeat top left;
}

#netherlands {
    background: url(../img/large_nl_flag.png) no-repeat top left;
}

#storePage {
    height: 500px;
    position: relative;
    width: 100%;
    margin: 20px auto 0px auto;
}

.storeData {
    width: 300px;
    height: 500px;
    float: right;
}

.storeData hr {
    border: 1px solid #D7D3D4;
    width: 250px;
    margin: 0px auto 0px auto;
}

#storeText {
    margin:50px auto 10px 0px;
    width:700px;
}

#storeimg {
    background: url(../img/official_stockists.png) no-repeat bottom center;
    width: 220px;
    height: 205px;
    margin: 0px auto 0px auto;
}

.storesmall {
    width:300px;
    height:20px;
    margin: 0px 0px 10px 0px;
    position:relative;
}

.storebig {
    width:300px;
    height:80px;
    margin: 0px 0px 10px 0px;
    position:relative;
}

span.title {
    display: block;
    font-style: italic;
    color: #725F2F;
    position: relative;
    top: 5px;
    left: 10px;
    float:left;
    width: 100px;
}

#storeaddr span.data {
    font-size:13px;
    position:relative;
    right:20px;
    top:5px;
    float: left;
    display: block;
}

span.data {
    position: relative;
    width: 200px;
    top: 5px;
    left:30px;
    text-align:left;
    font-size: 13px;
    float:left;
    display: block;
}

#shopHolder {
    width:890px;
    height:auto;
    display:block;
    margin: 20px 0px 0px 0px;
    float:left;
}

#showProdOrder {
    display: none;
    z-index: 999;
}

#showProdOrder p {
    font-size: 12px;
    margin: 10px 15px 0px 15px;
}

#storeList {
    margin: 25px 100px 10px 20px;
    padding: 10px 10px 10px 10px;
    width:600px;
    height:500px;
    z-index:20;
    float: right;
    background: url(../img/background_clearer.png) repeat top left;
}

.listName {
    width:150px;
    font-weight:bold;
    display:block;
    float:left;
}

.townName {
    text-align: center;
    text-decoration: underline;
    height: 20px;
}

.item {
    width: 200px;
    height: 250px;
    float: left;
    clear: none;
    margin: 0px 20px 20px 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border: #998F4C solid 1px;
}

.listNameDet {
    display:block;
    float:left;
}

.prodName {
    font-size: 14px;
    /*font-weight: bold;*/
    display: block;
    clear: both;
    margin: 0px 0px 0px 5px
}

.prodImg {
    display: block;
    clear: both;
    margin: 5px 0px 0px 5px;
    width: 190px;
    height: 140px;
}

.prodPrice {
    display: block;
    clear: both;
    margin: 5px 0px 0px 5px;
}

.prodPrice span {
    font-weight: bold;
    font-size: 14px;
}

.prodDesc {
    display: block;
    clear: both;
    margin: 5px 0px 0px 5px;
    height: 35px;
    width: 190px;
}

.prodDesc span {
    font-weight: bold;
    font-size: 14px;
}

.buyNowButton {
    float: right;
    display: block;
    margin: 35px 7px 0px 0px;
    background: url(../img/buynow.png) no-repeat;
    height: 27px;
    width: 87px;
}

.buyNowButton a {
    text-decoration: none;
    height: 27px;
    width: 87px;
    display: block;
}

#shopSubMenu {
    display:none;
    height:30px;
    clear:both;
    background-color:#000;
    border-bottom:#333 solid 1px;
    border-left:#333 solid 1px;
    border-right:#333 solid 1px;
    width:110px;
    position:relative;
    margin:0px 0px -51px 600px;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size:12px;
    background-color:#0E0E0E;
    color:#FFFFFF;
    font-weight:normal;
    left:1px;
    top:1px;
    z-index:9999;
}

#shopSubMenuDE {
    display:none;
    height:30px;
    clear:both;
    background-color:#000;
    border-bottom:#333 solid 1px;
    border-left:#333 solid 1px;
    border-right:#333 solid 1px;
    width:110px;
    position:relative;
    margin:0px 0px -51px 600px;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size:12px;
    background-color:#0E0E0E;
    color:#FFFFFF;
    font-weight:normal;
    left:1px;
    top:1px;
    z-index:9999;
}

#shopSubMenu a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#shopSubMenuDE a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#shopSubMenu a:hover {
    color:#999999;
}

#shopSubMenuDE a:hover {
    color:#999999;
}

#storeSubMenu {
    display: none;
    clear: both;
    background-color: #000;
    border-bottom :#000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    left: 0px;
    top: 25px;
    text-align: left;
    z-index: 9999;
}

#storeSubMenuDE {
    display: none;
    clear: both;
    background-color: #000;
    border-bottom :#000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    left: 0px;
    top: 25px;
    text-align: left;
    z-index: 9999;
}

#storeSubMenu a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#storeSubMenuDE a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#storeSubMenu a:hover {
    color:#999999;
}

#storeSubMenuDE a:hover {
    color:#999999;
}


#pressSubMenu {
    display: none;
    clear: both;
    background-color: #000;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    font-weight:normal;
    left: 0px;
    top: 25px;
    text-align: left;
    z-index:9999;
}

#pressSubMenuDE {
    display: none;
    clear: both;
    background-color: #000;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    font-weight:normal;
    left: 0px;
    top: 25px;
    text-align: left;
    z-index:9999;
}

#pressSubMenu a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#pressSubMenuDE a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#pressSubMenu a:hover {
    color:#999999;
}

#pressSubMenuDE a:hover {
    color:#999999;
}

#collectionSubMenu {
    display: none;
    clear: both;
    background-color: #000;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    left: 0px;
    top: 25px;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    z-index: 9999;
    text-align: left;
}


#collectionSubMenuDE {
     display: none;
    clear: both;
    background-color: #000;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
    width: auto;
    position: absolute;
    left: 0px;
    top: 25px;
    font-family: Tahoma ,Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    z-index: 9999;
    text-align: left;
}


#collectionSubMenu a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#collectionSubMenuDE a {
    display:block;
    text-decoration:none;
    clear:both;
    width:147px;
}

#collectionSubMenu a:hover {
    color:#999999;
}

#collectionSubMenuDE a:hover {
    color:#999999;
}

#pressText {
    margin: 25px 100px 10px 20px;
    padding: 10px 10px 10px 10px;
    width:600px;
    height:500px;
    z-index: 20;
    float: right;
    background: url(../img/background_clearer.png) repeat top left;
    overflow-y: auto;
    overflow-x: none;
}

#pressText li {
    width: 75px;
    height: 115px;
    float: left;
    margin: 0px 10px 10px 0px;
    overflow: hidden;
}

#pressText li img {
    width: 75px;
}

#accordion {
    width:700px;
    float:left;
}

.artilceTitle {
    float:left;
    width:570px;
    text-align:center;
    margin:0px auto 10px auto;
    font-size:16px;
    clear:both;
}

.article {
    width:279px;
    height:240px;
    float:left;
    margin:0px auto 20px 0px;
    padding:0px;
    text-align:center;
}

.articleCover {
    width:280px;
    height:240px;
    float:left;
    margin:0px 0px 20px 0px;
    padding:0px;
    text-align:center;
    clear:left;
}

.articleCover a {
    width:279px;
    height:240px;
    display:block;
}

.articleCover img {
    border:none;
}

.articleCoverOnly {
    width:570px;
    margin:0px auto 20px auto;
    float:left;
    height:240px;
    padding:0px;
    text-align:center;
    clear:both;
}

#photos {
    z-index:2;
}

#pointer {
    float:left;
}

#jewelLogo {
    width:195px;
    height:63px;
    margin:0px 0px 0px 685px;
    position:absolute;
    z-index:100;
    background-image:url(../img/jewelLogo.png);
    background-repeat:no-repeat;
}

.newsItem {
    width:580px;
    margin:5px auto 0px 10px;
    display:block;
    height:auto;
    border-bottom:#CCCCCC dotted 1px;
}

.newsContent {
    display:block;
}

.newsItem p {
    font-size:12px;
}

.newsPublished {
    font-size:10px;
    font-style:italic;
    float:right;
    display:block;
    margin:-15px 0px 0px 0px;
}

#footer {
    width: 100%;
    background: #000;
    float: left;
    height: 25px;
    font-size: 10px;
    margin: 0px auto 0px 0px;
    clear: both;
    position: absolute;
    bottom: 0px;
}

#footer-shelf {
    clear: both;
    width: 750px;
    height: 72px;
    left: 77px;
    bottom: 45px;
    position: absolute;
    margin: 0px auto 0px auto;
    z-index: 0;
}

#footer-basebar {
    height: 35px;
    width: 100%;
    margin: 2px 0px 0px auto;
}

#footer p {
    width: 100px;
    float:left;
    padding:0px;
    margin: 0px 0px 0px 5px;
    color: #FFF;
    font-weight: bold;
    line-height: 20px;
}

#design {
    display: block;
    float: right;
    margin: 0px 10px 0px 0px;
}

#design a {
    color: #666;
}

#design a:hover {
    color: #999;
}

.margin-left-me{
    margin-right:10px;
}


#followMe {
    float:right;
    height:40px;
    width:150px;
}

#followMe a {
    border:none;
    float:right;
    display:block;
    height:20px;
    width:20px;
    margin:3px 0px 0px 0px;
    text-align: center;
}