/* ########## Body ########## */
* {margin: 0;padding: 0;border: 0 none;  outline:0; font-weight: inherit; font-style: inherit; font-size: 100%;  font-family: inherit; list-style:none;}
html {background: #bcb8b1 url(../images/lightBackground.jpg) top left repeat;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dedad4; margin:0 auto;}

/* ########## Containers ########## */

#sayhello {width:51px; height:6px; position:absolute; right:3px; top:535px;}
#sayhello a {width:51px; height:6px; display:block; text-indent:-5000px; overflow:hidden; background:url(../images/sayhello.gif) no-repeat;}
#sayhello a:hover {background-position:0 -6px;}
#wrapper {width:100%;}
#body {margin:0 auto; position:relative; width: 914px; height:480px; overflow:hidden; padding-top:60px;}

/* ########## General ########## */
img , input, select, option {vertical-align:middle;}
p {line-height:16px; padding-bottom:10px;}

h1 {font-size:11px; color:#532f64; background-color:#fff; padding:5px;}
h2 {font-size:10px; color:#bcb8b1; font-weight:bold;}

/* ########## Links ########## */
a {color:#fff; text-decoration:underline;}
a:hover {text-decoration:none;}

/* ########## Useful ########## */
.left {float:left;}
.right {float:right;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block; clear:both;}
/* End hide from IE-mac */

/* NAV */

#nav {background:#fff; margin-left:12px; height:153px; padding:161px 0 0 10px;}
#nav a {width:90px; display:block; text-indent:-5000px; overflow:hidden;}
#nav a:hover {background-position:-98px 0;}
#nav div {width:90px; cursor:pointer;}
#nav .selected {background-position:-98px 0; cursor:pointer;}

#n-home {height:11px;}
#n-home a {height:11px; background:url(../images/n-home.gif) no-repeat;}
#n-shop {height:14px;}
#n-shop a {height:14px; background:url(../images/n-shop.gif) no-repeat;}
#n-aboutus {height:14px;}
#n-aboutus a {height:14px; background:url(../images/n-about.gif) no-repeat;}
#n-products {height:15px;}
#n-products a {height:15px; background:url(../images/n-products.gif) no-repeat;}
#n-chairs {height:16px;}
#n-chairs a {height:16px; background:url(../images/n-chairs.gif) no-repeat;}
#n-sofas {height:15px;}
#n-sofas a {height:15px; background:url(../images/n-sofas.gif) no-repeat;}
#n-sunshades {height:15px;}
#n-sunshades a {height:15px; background:url(../images/n-sunshades.gif) no-repeat;}
#n-sunloungers {height:16px;}
#n-sunloungers a {height:16px; background:url(../images/n-sunloungers.gif) no-repeat;}
#n-accessories {height:15px;}
#n-accessories a {height:15px; background:url(../images/n-accessories.gif) no-repeat;}
#n-manufacturers {height:15px;}
#n-manufacturers a {height:15px; background:url(../images/n-manufacturers.gif) no-repeat;}
#n-artwork {height:17px;}
#n-artwork a {height:17px; background:url(../images/n-artwork.gif) no-repeat;}
#n-news {height:13px;}
#n-news a {height:13px; background:url(../images/n-news.gif) no-repeat;}
#n-links {height:15px;}
#n-links a {height:15px; background:url(../images/n-links.gif) no-repeat;}
#n-tables {height:14px;}
#n-tables a {height:14px; background:url(../images/n-tables.gif) no-repeat;}
#n-contact {height:13px;}
#n-contact a {height:13px; background:url(../images/n-contact.gif) no-repeat;}
#n-newsletter {height:16px;}
#n-newsletter a {height:16px; background:url(../images/n-newsletter.gif) no-repeat;}

/* PAGES */

#left-panel {width:134px; height:470px; float:left;}
#right-panel {float:left; width:778px; height:470px; background:url(../images/darkBackground.jpg) top left repeat;}

#homejourney {position:relative; left:300px;}
#homeimage {position:relative; left:295px;}

#about-left {width:338px; float:left;}
#about-right {width:440px; height:470px; float:left; background:url(/images/aboutbg.jpg) no-repeat;}
.about-padder {padding:20px;}
.about-padder img {margin-bottom:20px;}

#lastBtn {position:absolute; top:510px; left:136px; width:42px; height:15px; z-index:1;}
#lastBtn a {background:url(../images/lastBtn.png) no-repeat; width:42px; height:15px; display:block; text-indent:-5000px; overflow:hidden;}
#lastBtn a:hover {background-position:-45px 0;}
#nextBtn {position:absolute; top:507px; right:6px; width:40px; height:15px; z-index:1;}
#nextBtn a {background:url(../images/nextBtn.png) no-repeat; width:40px; height:15px; display:block; text-indent:-5000px; overflow:hidden;}
#nextBtn a:hover {background-position:-45px 0;}
#backBtn {width:40px; height:15px;}
#backBtn a {background:url(../images/backBtn.png) no-repeat; width:40px; height:15px; display:block; text-indent:-5000px; overflow:hidden;}
#backBtn a:hover {background-position:-40px 0;}

#content {position:relative; width:778px; height:470px;}
#content-padder {overflow:hidden; width:778px;}
#content-padder li {float:left; width:778px; text-align:center;}

.infobox {width:243px; background:#fff; color:#532f64; height:21px; position:absolute; z-index:5;}
.thecontent img {}
.title {float:left; line-height:21px; margin-left:5px;}
.info {float:right; line-height:21px; margin-right:5px; cursor:pointer;}
.info a {color:#532f64; text-decoration:none;}
.info a:hover {text-decoration:underline;}
.info span {background: url(../images/info.gif) right no-repeat; padding:0 15px 0 0; text-decoration:none;}
.info span:hover {text-decoration:underline;}
.excerpt {text-align:left; clear:both; display:none; width:243px; background:#fff; border-bottom:#532f64 solid 1px;}
.excerpt-padder {padding:5px;}

#padded-page {padding:67px 94px 30px 96px;}
#padded-page img {clear:both; margin:20px 0 10px 0;}
#links {margin-top:20px; width:350px; line-height:19px;}
.linkcat {margin-bottom:20px; width:175px; float:left;}
#links p {color:#fff;}
.linkcat ul li a {background:url(../images/arrow.gif) right center no-repeat; padding:0 12px 0 0;}

.contact-left {margin-top:20px; width:350px; float:left; line-height:16px; clear:both;}
.contact-left p {padding:0;}
.contact-right {margin-top:20px; float:right; width:220px; line-height:16px;}
.contact-right span {color:#fff; font-weight:bold;}

.a-left {text-align:left;}
.a-right {text-align:right;}

#tel {color:#fff; font-weight:bold;}
.white {color:#fff;}

.news-page {padding:67px 94px 30px 96px; color:#fff; text-align:left;}
.news-page img {padding:0 15px 210px 0; float:left;}
.news-content {margin-top:20px;}

#links-page {width:778px; height:470px; background:url(../images/linksbg.jpg) no-repeat;}

#newsletter { margin-top:20px; line-height:19px; color:#fff; width:400px;}
#newsletter p {line-height:19px;}
#newsletter input {width:160px; height:20px; border:#7f9db9 solid 1px; float:left; line-height:20px; margin-bottom:5px;}
#newsletter select {height:20px; border:#7f9db9 solid 1px; float:left; line-height:20px; margin-bottom:5px; width:110px;padding-top:2px;}
#newsletter label {width:100px; float:left; clear:both; margin-bottom:5px; line-height:20px; height:20px; }
#postcode {width:75px;}
#signup {width:55px; height:12px; clear:both; margin-left:100px; position:relative; top:5px;}
#signup a {background:url(../images/signupBtn.gif) no-repeat; display:block; width:55px; height:12px; text-indent:-5000px; overflow:hidden;}
#signup a:hover {background-position:-57px 0;}
#mand {clear:both; margin:10px 0 0 100px;}

#newsletter-error {position:absolute; top:220px; right:10px; width:400px;}
#newsletter-error p {color:#FF0000;}

.arrowlink {background:url(../images/arrow.gif) right center no-repeat; padding:0 12px 0 0;}

#products-page {width:778px; height:470px; background:url(../images/productsbg.jpg) no-repeat;}
#manufacturers-page {width:778px; height:470px; background:url(../images/manufacturersbg.jpg) no-repeat;}
#artwork-page {width:778px; height:470px; background:url(../images/artworkbg.jpg) no-repeat;}

#postlinks {margin-top:20px; list-style:none;}
#postlinks li {margin-bottom:5px;}
#postlinks li a {/*background:url(../images/arrow.gif) right center no-repeat; padding:0 12px 0 0;*/}