/* Floor Decor V.2 - Alastair Reid, Easyspace Ltd Premium Design */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
 background-image:url(img/bg.gif); background-repeat:repeat; 
}

a {text-decoration:none; color:#990000;}

img {border:0;}

ul { padding: 0; margin-left:30px;}

li {font-size:11px;}
.homepage {list-style-image:url(img/tick.png); list-style:outside; font-size:13px; line-height:1.2; }
.gallery_link a {margin-left:270px; padding-left:5px; text-decoration:none; color:#990000; font-size:12px;}
.gallery_link a:hover {color:#999999;}
.product_link a { margin-left:5px;text-decoration:none; color:#990000; font-size:12px;} .product_link a:hover {color:#999999;}
.leftimg {margin-left:4px;}

.mdf {margin-left:45px}

.maincontent {margin-left:25px; margin-right:25px; text-align:justify; line-height:1.4;}
.maincontent2 {margin-left:25px; margin-right:40px; text-align:justify; line-height:1.4; font-size:14px}



/*Headings -----------------------------*/


.heading {margin-left:25px;}
.welcome{
text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:-5px;
background: url(img/welcome.png) no-repeat; }

.contact{
text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:-5px;
background: url(img/contact.png) no-repeat; }

.contact2{
text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:25px;
background: url(img/contact.png) no-repeat; }

.services{ text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:10px;
background: url(img/services.png) no-repeat;}

.products{ text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:15px;
background: url(img/products.png) no-repeat;}

.brand { text-indent: -9999px;
width: 300px;
height: 40px;
background: url(img/brand.png) no-repeat;}

.accessories{
text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:20px;
background: url(img/accessories.png) no-repeat; }

.gallery{
text-indent: -9999px;
width: 300px;
height: 40px;
margin-left:20px;
background: url(img/gallery.png) no-repeat; }

.corkment {margin-left:25px;}

.spreader_text { float:left; width:100%; position:relative; border-bottom:1px solid #000; margin-top:30px; margin-bottom:10px;} .spreader_image {  width:25%; position:relative;  display:inline; float:right;}

/*------------------------------------*/


.access_image {float:right; margin-right:40px; margin-top:5px; margin-bottom:10px;}
 .access_image2 {float:right; margin-right:40px; margin-top:50px; margin-bottom:10px;}
#rightbox{float:right; width:325px; margin-left:20px; margin-right:20px; position:relative; text-align:justify;}
 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:74px; 
  background-color:#0F0C0C; 
 width:100%;
}

#slideshowbox {width:363px; height:425px; position:relative; float:left; clear:both;}

#spacer{position:relative; height:35px;  width:100%;}  

#navbar {width:800px; height:28px; position:relative; padding:0; margin:0; clear:both; background-image:url(img/images/nav_bg.png); background-repeat:repeat-x;}
 
#maincol{background-color:#fff; background-image:url(img/tab_content_bg.png); background-repeat:repeat-x;
 float: right; 
 display:inline; 
 position: relative; 
 width:800px; 
 }
 
#footer{
font-size:9px; color:#FFFFFF; padding-left:15px; padding-right:15px; text-align:justify;
 height:30px; 
  background-color:#0F0C0C; 
 clear:both;
 } 
 
 
/* Css thumbail hover -------------------------------------*/

.hover_description {font-size:11px; margin-left:4px;}
.hover_description2 {width:50px; font-size:12px; margin-left:4px; background-color:#990000; color:#FFFFFF; height:15px;}

.thumbnail{
padding:5px;
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#fff;
padding: 3px;
right: -500px;
border: 1px  solid  #000000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width:250px;
height:250px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px; /*Might need css hack for FF*/
right: -25px; /*position where enlarged image should offset horizontally */

}

/*------------------------------------------------------------*/
 
#gallerybox { width:565px; margin-left:25px; position:relative;}


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */