* {margin:0; padding:0; font-family:arial;}
* br.clear {font-size:1px; clear:both;}
* img {border:0px none #000000;}
* input {width:150px; border:1px solid #dadade; font:8.5pt/16px Arial; padding:1px 0px;}

#container {width:950px; margin:0px auto; position:relative; border:1px solid #cabf92;}

/* top part */
#header {height:130px; background:url('../img/header.png') no-repeat; position:relative; z-index:1;}
#header a.logo {position:absolute; top:30px; left:20px;}
#toplinks {position:absolute; top:50px; left:300px;}
#toplinks li {list-style:none; float:left; padding-right:10px;}
#menu {position:absolute; top:80px; left:350px; z-index:1;}
#menu li {list-style:none; float:left; padding-right:20px; margin-right:10px;}
#menu li.box {background:url('../img/box.jpg') no-repeat right 8px;}
#menu li div {position:relative;}
#menu li ul {width:140px; position:absolute; display:none; top:40px; left:0px;}
#menu li ul li {border-top:1px solid #c8b6a0; padding:0px; margin:0px;}
#menu li ul li a {width:130px; height:13px; padding:5px; font-size:11px; text-decoration:none; color:#ffffff; display:block; background:#333333;}
#menu li ul li a:hover {background:#746630;}
#selectcategory {background:#ffffff; border:1px solid #dadade; font:8.5pt/16px Arial; position:absolute; top:10px; right:20px;}
#mycart {color:#ffffff; font:8.5pt/16px Arial; text-decoration:none; display:block; padding-left:30px; height:17px; padding-top:3px; width:100px;  background:url('../img/mycart.jpg') no-repeat top left; position:absolute; top:8px; right:180px;}
#mycart:hover {color:#333333;}

/* bottom part */
#footer {background:#cabf92; height:45px; position:relative;}
#bottomlinks {position:absolute; top:15px; left:450px;}
#bottomlinks li {list-style:none; float:left; padding-right:1px;}
#bottomlinks li.line {background:url('../img/line.jpg') no-repeat right 1px;}
#bottomlinks li div {position:relative;}
#bottomlinks li ul {width:140px; position:absolute; display:none; bottom:37px; left:0px;}
#bottomlinks li ul li {border-top:1px solid #c8b6a0; padding:0px; margin:0px;}
#bottomlinks li ul li a {width:130px; height:13px; padding:5px; font-size:11px; text-decoration:none; color:#ffffff; display:block; background:#333333;}
#bottomlinks li ul li a:hover {background:#746630;}
#newsletterform {position:absolute; background:url('../img/newsletters.jpg') no-repeat left 0px; padding:1px 45px 1px 90px; top:15px; left:20px;}
#newsletterform input {width:120px;}
#newsletterform img {position:absolute; top:0px; right:0px;}
#copy {color:#666666; font:8.5pt/16px Arial; width:950px; margin:0px auto; padding-top:3px;}

/* home part */
#homeleft {width:335px; padding:10px 10px 10px 0px; float:left;}
#homeleft .welcome {border-bottom:1px solid #cabf92; padding:0px 20px 10px 30px; color:#3f3a27; font:9pt/16px arial;}
#homeleft .welcome a {color:#3f3a27; font-weight:bold; text-decoration:none;}
#homeleft .welcome a:hover{color:#beaa77;}
#homeleft .offer {padding:10px 0px 10px 20px;}
#homeleft #clearance {margin:10px 0px 10px 20px;}
#homeleft #searchform {padding:30px 0px 20px 30px; background:url('../img/search-title.jpg') no-repeat 30px 10px; position:relative;}
#homeleft #searchbutton {position:absolute; top:32px; left:190px;}
#homeleft .about {padding:30px 0px 20px 30px; background:url('../img/aboutus-title.jpg') no-repeat 30px 10px; font:8.5pt Arial; color:#333333;}

#home {width:600px; height:400px; margin:20px 0px; float:left; position:relative;}
#home a.product {position:absolute; color:#ffffff; font:8.5pt/16px Arial; text-decoration:none; display:block; overflow:hidden; background:url('../img/title-bg.jpg') repeat-x;}
#home a.product:hover {background:url('../img/title-bg-active.jpg') repeat-x;}
#home a.product span {display:block; padding:7px 10px; text-align:right;}
#home .cat1 {top:0px; left:133px; width:177px; height:215px;}
#home .cat2 {top:0px; left:0px; width:132px; height:215px;}
#home .cat3 {top:0px; left:458px; width:135px; height:391px;}
#home .cat4 {top:0px; left:311px; width:146px; height:215px;}
#home .cat5 {top:216px; left:0px; width:262px; height:175px;}
#home #homeflash {position:absolute; top:216px; left:263px; width:194px; height:175px;}

/* content part */
#left {width:235px; padding:10px 10px 10px 0px; float:left;}
#left .welcome {border-bottom:1px solid #cabf92; padding:0px 20px 10px 15px; color:#3f3a27; font:9pt/16px arial;}
#left .welcome a {color:#3f3a27; font-weight:bold; text-decoration:none;}
#left .welcome a:hover{color:#beaa77;}
#left a img {padding:10px 0px 0px 15px;}
#left #leftflash {margin:10px 0px 10px 15px;}
#left #clearance {margin:10px 0px 10px 15px;}
#left #searchform {padding:30px 0px 20px 20px; background:url('../img/search-title.jpg') no-repeat 20px 10px; position:relative;}
#left #searchbutton {position:absolute; top:32px; left:190px;}

#category {width:700px; margin:35px 0px 0px 0px; float:left; position:relative;}
#category h1 {color:#333333; font:normal 14pt/20px Arial; padding-top:10px;}
#category div.holder {position:relative; height:490px;}
#category a.product {position:absolute; color:#ffffff; font:8.5pt/16px Arial; text-decoration:none; display:block; overflow:hidden; background:url('../img/title-bg.jpg') repeat-x #d0cca8;}
#category a.product:hover {background:url('../img/title-bg-active.jpg') repeat-x #d0cca8;}
#category a.product span {display:block;  padding:7px 10px; text-align:right;}
#category .cat1 {top:0px; left:0px; width:136px; height:158px;}
#category .cat2 {top:0px; left:137px; width:235px; height:158px;}
#category .cat3 {top:159px; left:0px; width:215px; height:173px;}
#category .cat4 {top:159px; left:216px; width:156px; height:173px;}
#category .cat5 {top:0px; left:373px; width:147px; height:332px;}
#category .cat6 {top:0px; left:521px; width:172px; height:132px;}
#category .cat7 {top:133px; left:521px; width:172px; height:199px;}
#category .cat8 {top:333px; left:0px; width:172px; height:157px;}
#category .cat9 {top:333px; left:173px; width:147px; height:157px;}
#category .cat10 {top:333px; left:321px; width:235px; height:157px;}
#category .cat11 {top:333px; left:557px; width:136px; height:157px;}

#itemlist {width:700px; margin:35px 0px 0px 0px; float:left; position:relative; background:url('../img/graydotline.jpg') repeat-x top left;}
#itemlist h1 {color:#333333; font:normal 14pt/20px Arial; padding-top:10px; clear:both;}
/*
#itemlist .product {width:680px; padding:10px; height:120px; position:relative;}
*/
#itemlist .product {float:left; height:130px; padding:10px 20px 10px 0; position:relative; width:320px;}
#itemlist .product .image {padding:4px; background:url('../img/pborder.gif') no-repeat; float:left; width:100px; height:100px; text-align:center;}
#itemlist .product .image:hover {background:url('../img/pborder-active.gif') no-repeat;}
#itemlist .product h2 {float:left; width:200px; padding:0px 0px 0px 10px}
#itemlist .product h2 a {font:bold 9pt/16px Arial; color:#988047; text-decoration:none;}
#itemlist .product .synopsis {float:left; width:200px; padding:0px 0px 5px 10px; font:normal 8.5pt/16px Arial; color:#333333;}
#itemlist .product .price {float:left; width:200px; padding:0px 0px 0px 10px; font:bold 10pt/16px Arial; color:#333333;}
#itemlist .product .price span {font-size:8.5pt; padding-left:15px; text-decoration:line-through;}
#itemlist .product .offer {float:left; width:200px; padding:0px 0px 5px 10px; font:normal 8.5pt/16px Arial; color:#333333;}
#itemlist .product .more {position:absolute; bottom:25px; left:125px;}
#itemlist .product .customise {font:normal 7.5pt/16px Arial; color:#333333; position:absolute; bottom:10px; left:130px; text-decoration:underline;}
#itemlist .product .customise:hover {color:#988047}
#itemlist .product .enquire {text-align:right; font:normal 7.5pt/16px Arial; color:#333333; position:absolute; bottom:10px; right:10px; text-decoration:underline;}
#itemlist .product .enquire:hover {color:#988047}
#itemlist .product .bespoke {text-align:right; font:normal 7.5pt/16px Arial; color:#333333; position:absolute; bottom:25px; right:10px; padding-top:5px; width:100px; background:url('../img/bespokeitem.jpg') no-repeat top right;}

#content {width:700px; margin:35px 0px 0px 0px; float:left; position:relative; background:url('../img/graydotline.jpg') repeat-x; padding:20px 0px; font:bold 9pt/16px Arial; color:#988047;}
#content a {color:#333333;}

#product {width:700px; margin:35px 0px 0px 0px; float:left; position:relative; padding:5px 0px; font:bold 8.5pt/16px Arial; color:#333333;}
#product h1 {color:#333333; font:normal 14pt/20px Arial; padding-bottom:5px; margin-bottom:15px; background:url('../img/graydotline.jpg') repeat-x bottom left;}
#product #images {width:295px; padding-right:15px; float:left;}
#product #images table {width:295px; height:295px;}
#product #images table td {width:295px; height:295px; vertical-align:middle; text-align:center;}
#product #images div {padding-top:5px;}
#product #images div a {width:72px; float:left;}

#product #details {width:385px; float:left;}
#product #details label {color:#988047; font:bold 8.5pt/16px Arial; float:left; width:150px; height:30px;}
#product #details div {float:left; width:230px; font-weight:normal;}
#product #details div span {display:block; font:normal 7.5pt/16px Arial; color:#616161;}
#product #details div span a {color:#000000;}
#product #details div b {font-weight:normal; text-decoration:line-through; padding-left:5px;}
#product #details select {border:1px solid #dadade; font:8.5pt/16px Arial; padding:1px 0px;}
#product #details div.synopsis {font:normal 8.5pt/13px arial; color:#333333; width:380px; padding-top:10px;}
#product #details div.synopsis p {padding-top:10px;}
#product #details span.bespoke {position:absolute; top:5px; right:10px; width:130px; height:30px; background:url('../img/bespokeitem.jpg') no-repeat top right;}
#product #details div.buttons {width:385px; color:#333333; font:10pt/20pt arial; padding-top:10px;}
#product #details div.buttons span {display:block; height:1px; overflow:hidden; background:url('../img/graydotline.jpg') repeat-x; margin:5px 0px}

#description {color:#333333; font:normal 11pt/13pt Century Gothic, verdana; padding:10px 0px}

#related {padding-top:20px; position:relative;}
#related span {display:block; background:#BEAA77; padding:2px; text-align:center;}
#related iframe {border:0px none #000000; width:620px; padding:10px 0px 10px 40px; height:150px;}
#related div.left {position:absolute; left:20px; top:90px;}
#related div.right {position:absolute; right:20px; top:90px;}

#oldcontent {width:700px; float:left; padding:10px 0px; font:normal 9pt/16px Arial; color:#988047;}
#oldcontent input {width:auto;}
#oldcontent input.button {border:0px none #000000;}

#staticcontent {width:700px; margin:35px 0px 0px 0px; padding:10px 0px; float:left; position:relative; background:url('../img/dotline.jpg') repeat-x top left; font:normal 11pt/13pt Century Gothic, verdana;}
#staticcontent h1 {color:#333333; font:normal 14pt/20px Arial; padding:10px 0px;}
#staticcontent h2 {color:#333333; font:bold 12pt/20px Arial; padding:5px 0px;}
#staticcontent p {font:normal 11pt/13pt Century Gothic, verdana; padding-bottom:10px;}
#staticcontent ul {padding-bottom:10px;}
#staticcontent li {font:normal 11pt/13pt Century Gothic, verdana; margin-left:20px}
#staticcontent table {border: 2px solid #000000; border-collapse:collapse;}
#staticcontent td {border:solid 1px #000000; font:normal 11pt/13pt Century Gothic, verdana; text-align:center; padding:2px 5px;}

#news-list {width:700px; margin:35px 0px 0px 0px; padding:10px 0px; float:left; position:relative; background:url('../img/dotline.jpg') repeat-x top left; font:normal 11pt/13pt Century Gothic, verdana;}
#news-list h2 {padding:5px 0px;}
#news-list h2 a {color:#333333; font:bold 12pt/20px Arial; text-decoration:none;}
#news-list div {padding:0px 0px 10px 0px; font:8.5pt Arial; color:#333333;}
#news-list a.more {float:right; margin:5px 10px;}


#paging {clear:both; width:700px; text-align:center; font:normal 8.5pt/16px Arial; color:#333333; padding:20px 0px 20px 0px;}
#paging a {text-decoration:none; color:#333333; position:absolute; top:1px;}
#paging a.left {left:-15px;}
#paging a.right {right:-60px;}
#paging a:hover {text-decoration:underline; color:#826d3e;}
#paging input {width:20px;}
#paging img {position:absolute; top:0px; right:-35px;}
#paging form {position:relative; width:90px; margin:0px auto;}

#path {top:-25px; left:0px; color:#826d3e; font:bold 9pt/16px Arial; position:absolute;}
#path a {color:#333333; text-decoration:none;}
#path a:hover {color:#826d3e;}

#testimonials {padding:30px 0px 10px 10px; background:url('../img/testimonials-title.jpg') no-repeat 30px 10px; font:8.5pt Arial; color:#333333;}
#testimonials h2 {color:#333333; font:bold 12pt/20px Arial; padding:5px 0px;}
#testimonials div {float:left; padding:0px 0px 0px 20px; width:290px;}
#testimonials a {float:right; margin:5px 10px;}

#about {padding:30px 0px 10px 10px; background:url('../img/aboutus-title.jpg') no-repeat 30px 10px; font:8.5pt Arial; color:#333333;}
#about div {float:left; padding:0px 10px 0px 20px;}
#about a {float:right; margin:5px 10px;}

#news {padding:30px 0px 10px 10px; background:url('../img/news-title.jpg') no-repeat 30px 10px; font:8.5pt Arial; color:#333333;}
#news h2 {color:#333333; font:bold 12pt/20px Arial; padding:5px 0px;}
#news h2 a {text-decoration:none; color:#333333}
#news div {float:left; padding:0px 0px 0px 20px; width:290px;}
#news a.more {float:right; margin:5px 10px;}

#offers {padding:40px 0px 10px 0px; background:url('../img/offers-title.jpg') no-repeat 30px 10px; font:8.5pt Arial; color:#333333;}
#offers div {float:left; padding:0px 0px 0px 30px; width:440px; position:relative; height:120px;}
#offers div .image {padding:4px; background:url('../img/pborder.gif') no-repeat; float:left; width:100px; height:100px; text-align:center;}
#offers div .image:hover {background:url('../img/pborder-active.gif') no-repeat;}
#offers div h2 {float:left; width:300px; padding:0px 0px 0px 10px}
#offers div h2 a {font:bold 9pt/16px Arial; color:#988047; text-decoration:none;}
#offers div .synopsis {float:left; width:300px; padding:0px 0px 5px 10px; font:normal 8.5pt/16px Arial; color:#333333;}
#offers div .price {float:left; width:300px; padding:0px 0px 0px 10px; font:bold 10pt/16px Arial; color:#333333;}
#offers div .price span {font-size:8.5pt; padding-left:15px; text-decoration:line-through;}
#offers div .offer {float:left; width:300px; padding:0px 0px 5px 10px; font:normal 8.5pt/16px Arial; color:#333333;}
#offers div .more {position:absolute; bottom:15px; right:25px;}
#offers div .bespoke {text-align:right; font:normal 7.5pt/16px Arial; color:#333333; position:absolute; top:0px; right:10px; padding-top:20px; width:60px; background:url('../img/bespokeitem.jpg') no-repeat top right;}