/* - - Website developed by Metastar - -*/
/* - - http://www.metastar.co.uk - -*/
/* - - 29.07.09 - -*/

/* - - standard elements - -*/
*{border:none;margin:0;padding:0;}
body{background-color:#e7e7c5;color:#d1cc98;margin:20px;font:normal 12px Verdana, Geneva, Arial, helvetica, sans-serif;line-height:150%;}
h1 {font-size:130%;margin-bottom:15px;text-transform:Uppercase;}
h2 {font-size:115%;margin:15px 0 8px 0;}
h3 {font-size:100%; font-weight:bold;margin-bottom:8px; margin-top:15px;}
h4 {font-size:90%;font-weight:bold;}
ul {list-style-type:none; margin-bottom:10px;}
p	{margin:0 0 15px 0;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#d1cc98;}
a:hover{color:#e7e7c5;}
dl	{margin-top:10px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
input, textarea, select {padding:2px;border:#625a29 1px solid;color:#48545E;background-color:#e7e7c5;}
select {margin-bottom:3px;}
table	{width:660px; font-size:11px;}
br {line-height:1px; margin:0; padding:0;}
 
/* - - container holding website - -*/
#container{width:970px;margin:15px auto 0 auto;padding:5px 20px 20px 20px; background-color:#625a29; border:#333 5px solid;}

/* - - top - -*/
#top {text-align:right;}
#top  div {float:left; text-align:left;width:650px;}
#top  div p{font-size:100%; margin-top:0; padding-top:0; color:#333;}
#top p {font-size:120%; font-weight:bold;padding-top:20px;}
#top ul {margin-top:5px; background-color:#333; padding:10px 0;}
#top li {padding:0 10px; border-right:#fff 1px solid;}
#top img {margin-bottom:10px;}

/* - - top nav bar - -*/
.navGlobal li {display:inline;}

/* - - nav bar on left - -*/
#nav {float:left; width:170px; margin-top:10px;}

ul.sub0{background-color:#625a29;  font-size:11px; z-index:800; padding:0; margin:0;}
li.sub0{position:relative;  text-transform:uppercase; padding:2px 0px 3px 0px; border-bottom:#d1cc98 1px dotted; z-index:810;}
ul.sub1{position:absolute;  top:0; left:165px; width:240px; margin:0px 5px 5px 5px; border:#333 1px solid; background-color:#e7e7c5; z-index:900; visibility:hidden;}
li.sub1{position:relative; text-transform:none; padding:1px 10px 3px 10px; border-bottom:#625a29 1px dotted; }
a.sub1{color:#625a29;}
a.sub1:link {text-decoration: none;}
a.sub1:visited {text-decoration: none;}
a.sub1:active {text-decoration: none;}   
a.sub1:hover {text-decoration: underline;color:#000000;} 
ul.sub2{position:absolute;top:0; left:225px; width:240px; margin:2px 5px 5px 5px; border:#333 1px solid;background-color:#f3f3e3; z-index:950; visibility:hidden;}
li.sub2{position:relative; text-transform:none; padding:1px 10px 3px 10px; border-bottom:#625a29 1px dotted; }
a.sub2{color:#625a29;}
a.sub2:link {text-decoration: none;}
a.sub2:visited {text-decoration: none;}
a.sub2:active {text-decoration: none;}   
a.sub2:hover {text-decoration: underline;color:#000000;} 


/* page links for category page */

ul.cat0{position:relative; z-index:800; padding:0; margin:0px 5px 5px 35px; }
li.cat0{position:relative; font-weight:700; text-transform:none; padding:2px 0px 3px 0px; }
a.cat0{text-decoration: none; text-transform: none;}
a.cat0:link {text-decoration: none;}
a.cat0:visited {text-decoration: none;}
a.cat0:active {text-decoration: none;}   
a.cat0:hover {text-decoration: underline; color:#000000;} 
ul.cat1{position:relative; margin:0px 5px 5px 25px; }
li.cat1{position:relative; font-weight:700; text-transform:none; padding:1px 10px 3px 10px; }
a.cat1{text-decoration: none; text-transform: none;}
a.cat1:link {text-decoration: none;}
a.cat1:visited {text-decoration: none;}
a.cat1:active {text-decoration: none;}   
a.cat1:hover {text-decoration: underline; color:#000000;} 
ul.cat2{position:relative; margin:2px 5px 5px 25px;}
li.cat2{position:relative; font-weight:700;  text-transform:none; padding:1px 10px 3px 10px; }
a.cat2{ text-decoration: none; text-transform: none;}
a.cat2:link {text-decoration: none;}
a.cat2:visited {text-decoration: none;}
a.cat2:active {text-decoration: none;}   
a.cat2:hover {text-decoration: underline; color:#000000;} 

/* - - container holding content - -*/
#content{ margin-left:20px; background-color:#e7e7c5; color:#333; padding:20px 20px 90px 20px; float:left; width:740px;margin-top:10px;}
#content a:link,#content a:visited,#content a:hover,#content a:active{text-decoration:underline;color:#333; font-weight:bold;}

/* - - breadcrumb - -*/
#breadcrumb {font-size:90%; margin-top:0;}
#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:hover,#breadcrumb a:active{font-weight:normal;}

/* - - top discount box - -*/
#discount{background-color:#d1cc98; padding:10px;border:#333 2px solid; margin:20px 0; }
#discount p {margin:0; padding:0;}
#alert_box{background-color:#e6de03; padding:10px;border:#a30000 2px solid; margin:20px 0; text-align:center; }

/* - - home - -*/
#home {background-color:#d1cc98; width:700px; padding:20px; margin:20px 0; }
#home div {float:left; width:233px; margin: 15px 0; text-align:center;}

/* - - display boxes - -*/
.display, .display2 {background-color:#d1cc98; width:720px; padding:20px 20px 20px 0; margin:20px 0; }
.display h2, .display2 h2 {margin-top:0;}
#slidesDisplay {background-color:#d1cc98; width:700px; padding:20px; margin:20px 0; text-align:center;}
.display h2, .display h3, .display2 h2 {margin-left:20px;}
.display table {margin:0 20px 20px 20px;}
.display table h2 {margin-left:0;}
td, th {border:#625a29 1px solid; padding:5px; text-align:left; vertical-align:top;}
th {background-color:#625a29; color:#fff;}
.display p, .display ul, .display2 p {margin:5px 20px;}
.display div {float:left; width:160px; margin-left:20px; margin-bottom:20px; text-align:center;}
.display2 div {float:left; width:400px; margin-right:20px;}
.display p.small { text-align:left; margin-bottom:15px;}
.display2 p.small { font-size:85%; margin-left:420px; line-height:100%;}

/* - - overviewPage - -*/
.overviewItems {float:left; position:relative;width:160px; height:225px; text-align:center;margin:20px 40px 0 0;}
.overviewItems div { position:absolute; width:160px; left:0;bottom:60px;padding:0; margin:0;}
.overviewItems h4 {position:absolute; top:170px; left:0;width:160px;}

/* - - rangesOverviewPage - -*/
.rangesOverviewItems {float:left; position:relative;width:160px; height:225px; text-align:center;margin:20px 40px 0 0;}
.rangesOverviewItems div { position:absolute; width:160px; left:0;bottom:60px;padding:0; margin:0;}
.rangesOverviewItems h4 {margin-top:5px;width:160px;}

/* - - productPage - -*/
.productPage {background-color:#d1cc98; padding:20px; margin:20px 0; text-align:center; }
.productPage div {margin:20px 0;}
.productPage div img {margin:0 10px;}

/* - - rollimgThumbs - -*/
#rollimg { margin:10px 0;}
#rollimgThumbs { margin:10px;}

/* - - top and bottom - -*/
#footer {text-align:right; margin-top:10px;}
#footer p {font-size:90%;}

/* - - copy - -*/
#copy{width:980px;margin:0 auto; color:#333; font-size:90%; text-align:right;}
#copy a:link,#copy a:visited,#copy a:hover,#copy a:active{color:#333;}

/* - - finishes and hover effect on wood sample page - -*/
.finishesHover {}
.finishesHover a .preview {display:none;}
.finishesHover a:hover .preview {position:absolute; margin:40px 0 0 -120px; display:block; z-index:999;} 

/* - - finishes and hover effect on item page - -*/
.finishesHover2 {}
.productPage .finishesHover2 img {border:#625a29 1px solid; margin:20px 10px 0 10px;}
.finishesHover2 a .preview {display:none;}
.finishesHover2 a:hover .preview {position:absolute; margin:10px 0 0 150px; display:block; z-index:999;} 

/* - - more - -*/
ul.list {list-style-type:circle; margin:15px 0;}
ul.list li {margin-left:15px;}
.tel {font-size:120%; font-weight:bold;}
.small {font-size:90%;}
.small2 {font-size:80%;}
#links a:link,#links a:visited,#links a:hover,#links a:active { font-size:90%; font-weight:normal;}
.ital { font-style:italic;}
.ital dt{ font-style: normal;}
.right {text-align:right;}
.left {text-align:left;}
.noBorder {border:none;}
#cards p {margin-bottom:5px; margin-top:25px;}
#cards img {margin-right:15px;}

div.cont_list_l{float:left; margin:0px 15px 0px 20px; width:210px; height:240px; 
    text-align: center;}
div.cont_list_r{float:right; margin:0px 20px 0px 0px; width:210px; height:240px; 
    text-align: center;}
p.cont_image{border:2px solid #c0c0c0; background-color:#d2cc98; width:206px; height:206px; margin:0px 0px 0px 0px; }