@charset "utf-8";
/* CSS Document */
body{
background-color:#243137;
background-color:#00254f;

font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size:13px;
/*font-family:Arial, Helvetica, sans-serif;*/
margin:0px;
padding:0px;

}

h1{
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
text-transform:uppercase;
font-weight:normal;
}

h2{
font-weight:normal;
}

a img{
border:3px solid #000000;
}
a:hover img{
border:3px solid #0000ff;
}

a img{
border:none;
}

a:hover img{
border:none;
}

#wrapper{
width:750px;
margin:10px auto;
background-color:#fff;
color:#243137;
background:url(images/main-content-bg.jpg)  repeat;
border:0px solid #FF0000;
position:relative;
}

#headerTop{
height:100px;
background-image:url(images/headerTop.jpg);
}

#headerTop a{
color:#000000;
text-decoration:none;
}

#headerTop a:hover{
text-decoration:underline;
}

#headerName{
width:400px;
border:0px solid #FF0000;
padding:20px 0px 0px 20px; /* top right bottom left */
margin:0px;
float:left;
}

#graniteWorktops {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:inline;
}

#headerCompanyName{
padding:0px 0px 0px 0px; /* top right bottom left */
margin:0px;
font-weight:bold;
color:#000000;
}

#headerCompanyName a{
text-decoration:none;
color:#000000;
font-size:30px;
}

#headerNameTop, #headerNameBottom{
font-size:11px;
font-family:'Arial Narrow', Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
padding:0px 0px 0px 0px; /* top right bottom left */
margin:0px;
color:#000000;
display:inline;
}

#headerNameBottom a{
color:#000000;
text-decoration:none;
}

#headerNameBottom a:hover{
text-decoration:underline;
}


#headerContact{
padding:10px 0px 10px 0px; /* top right bottom left */
margin-left:500px;
text-align:right;
color:#FFFFFF;
border:0px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
line-height:150%
}

#headerContact a{
color:#fff;
text-decoration:none;
}

#headerContact a:hover{
color:#fff;
text-decoration:underline;
}

#headerFoto{
height:300px;
background-image:url(images/homepage-banners/1.jpg);
text-align:right;
}

#headerSlogan{
margin:0px;
padding:20px;
position:relative;
top:130px;
color:#666666;
font-size:24px;
text-transform:uppercase;
}



#main{
padding:10px 10px 10px 10px;  /* top right bottom left */
}

.homeProductBox{
width:340px;
margin-right:5px;
float:left;
color:#FFFFFF;
background-color:#354c57;
border:3px solid #a9bfc9;
}

#footer{
/*background:url(images/footerBg.gif) repeat-x bottom; */
padding:10px 10px 0px 10px;  /* top right bottom left */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#243137;
text-align:center;


}

#footer a{
color:#0033FF;
text-decoration:none;
}

#footer a:hover{
color:#0033FF;
text-decoration:underline;
}

.thumbColours{
float:left;
margin:3px;
text-align:center;
}

.thumbColours a{
text-decoration:none;
display:block;
}

.thumbColours a:hover{
text-decoration:underline;
}

.thumbColours a img{
border:3px solid #abc0ca;
}

.thumbColours a:hover img{
border:3px solid #354c57;
}

.thumbColours p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:3px 0 0 0; /* top right bottom left */
padding:0px;
}



#productsImages{
width:260px;
margin-left:400px;
border:0px solid #FF0000;
}

#productsImages img{
float:left;
margin:10px;
border:3px solid #CCCCCC;
}


.menu
{
height:27px;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

.menu li{
float:left;
position:relative;
z-index:80;
}


.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}


.menu a, .menu :visited {
display:block;
font-size:12px;
width:125px;
padding:5px 0;
color:#fff;
background:#3B5767 ;
text-decoration:none;
text-align:center;
}

.menu :hover{
color:#444;
background:#9EB8C5;
}


.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}





.product{
width:350px;
margin:5px 0px;
float:left;
}

.product h2{
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-size:15px;
margin:0px 0px 5px 185px;/* top right bottom left */
}

.product h2 a{
text-decoration:none;
color:#243137;
}

.product h2 a:hover{
text-decoration:underline;
}

.product p{
font-size:12px;
margin:0px 0px 5px 185px;/* top right bottom left */
}

.product p a{
text-decoration:none;
color:#243137;
}

.product p a:hover{
text-decoration:underline;
}

.product .foto{
width:180px;
height:110px;
float:left;
background-color:#CCCCCC;
}

.product .foto img{
border:3px solid #aaa;
}

#gallery{
width:450px;
margin:0px auto;
}

#gallery div.product{
width:450px;
margin:5px 0px;
float:left;
border:0px solid #FF0000;

}


div.coloursSubNav{
margin:0px auto;
padding:7px 0px 7px 0px;
text-align:center;
/*background-color:#3b5767;*/
}

div.coloursSubNav table{
border:0px solid #333333;
margin:0px auto;
background-color:#3b5767;
padding:0px;
}

div.coloursSubNav table tr td{
border:0px solid #333333;
background-color:#507585;
color:#FFFFFF;
padding:0px;
}
.current{
background-color:#9eb8c5!important;
color:#000000!important;
}

#current:hover{
color:#FFFFFF;
}

div.coloursSubNav table tr td a{
display:block;
padding:2px 10px 2px 10px;
text-decoration:none;
color:#FFFFFF;
}

div.coloursSubNav table tr td a:hover{
background-color:#9eb8c5;
color:#000;
}


#fireplaces{
text-align:center;
}

#fireplaces img{
border:3px solid #abc0ca;
margin:5px;
}

a.italicLink{
font-style:italic;
font-size:14px;
text-decoration:none;
color:#000000;
}

a:hover.italicLink{
text-decoration:underline;
}

.materialFoto{
width:200px;
height:200px;
float:left;

}

.materialFoto a img{
border:3px solid #aaa;
}

.materialFoto a:active img {
border:3px solid #aaa;
}


.materialContent{
margin-left:250px;
width:450px;
}



/*  *********************************** */
/*            STYLING FORMS             */
/*  *********************************** */

form.contactForm {
font-size:12px;
color:#666666;
margin:20px 20px 10px 0px;
border: 0px solid #000033;

}

.contactForm p{
margin:6px;
font-size:11px;
/*font-family:Tahome, Verdana, Arial, Helvetica, sans-serif;*/
}

.contactForm p input{
font-family:Tahome, Verdana, Arial, Helvetica, sans-serif;
height:13px;
padding: 3px;
background:url(images/input_bg.jpg) repeat-x #FFFFFF;;
border: 1px solid #bac8d3;
font-size: 11px;
color:#555;
width:200px;
}

.contactForm p textarea{
background:url(images/textarea_bg.jpg) repeat-x;
background-color:#FFFFFF;
font-family:Tahome, Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #BAC8D3;
padding: 2px;
font-size: 11px;
color: #555;
}

.contactForm p label{
float:left;
border:0px solid #009999;
padding-left:5px;
padding-right:5px;
width:160px;
text-align:right;
padding-top:2px;
font-size:12px;
}

.contactForm p label.labelWide{
width:250px;
}

.contactForm .submit input{
height:30px;
width:70px;
cursor:pointer;
color:#666666;
float:right;
background-color:#FFFFFF;
margin:10px;
margin-bottom:0px;
}

.contactForm .submit input:hover{
color:#111;
border: 1px solid #999999;
}


.contactForm p select { font-family:Tahome, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555;}  
.contactForm option { }  
/*# select[name="icon"] option[value="0"] { background-image: url(images/news.png); }  
# select[name="icon"] option:hover { background-color: #F0F8FF; }  
*/


/*  MESSAGE SENT */

#messageSent{
color:#aa0000;
padding:15px;
text-align:center;
border:1px solid #aa0000;
}


/*          EDGES        */


.edge{
width:750px;
height:200px;
overflow:visible;
margin-left:-10px;
background-image:url(images/bg-edges.jpg);
clear:both;
}

.edge div{
width:200px;
padding:25px;
height:150px;
float:left;

overflow:hidden;
}

.edge img{
float:left;
}

.edge a{
float:left;
width:250px;
height:200px;
border:none;
padding:0px;
margin:0px;
}

.edge a img{
border:none;
}


div.galleryEvents{
text-align:center;
}

div.galleryEvents img{
padding:5px;
}

.productsEdges{
width:249px;
float:left;
text-align:center;
}

.productsEdges a img{
border:none;
}


.miniLinks{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
text-align:center;
}

.miniLinks a{
text-decoration:none;
color:#98762E !important;
}


.miniLinks a:hover{
text-decoration:underline;
}



.callMeBackForm{
}

.callMeBackForm p{
margin:0px;
}

#stone-tiles{
text-align:center;
}

#stone-tiles img{
margin:5px;
border:3px solid #aaa;
}

#gallery2thumbs {}
#gallery2thumbs ul { list-style-type:none; margin:15px 10px; padding:0;}
#gallery2thumbs ul li { display:inline;}
#gallery2thumbs ul li a { margin:3px;}
#gallery2thumbs ul li a img { border:3px solid #9E6F2E; }

.gallery2photo { text-align:center;}
.gallery2photo img { border:3px solid #666;}

.testimonials div{
display:block;
margin:0 0 20px 0;
overflow:hidden;
/*zoom:1;*/
}

.testimonials div img{
float:right;
margin:10px;
}





.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png) no-repeat;
	font-size:12px;
	height:70px;
	width:160px;
	padding:40px 25px 10px 25px;
	color:#fff;
	text-align:center;
}


.latest-news{
position:absolute;
top:80px;
left:770px;
}

.latest-news h2{
color:#fff;
margin:0;
}

#parent1-wrap{
	background-color:#3B5767;
	background-image: url(image/blancheur.jpg);
}
#parent1 li{
	padding: 10px;
	color: white;
}

#parent1-menu{
	margin-top:5px;
}

#parent1-menu a{
	padding: 0 3px;
	background: #eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#parent1-menu a:hover, #parent4-menu a.wactive{
	background: black;
	color: #eeeeee;
}










#slider_container_2 { float: left; margin: 0 0 0 -15px; padding: 15px; width: 700px; background: url(../img/bg.png) no-repeat 0 0; }

.SliderName_2 {
	float: left;
	width: 750px;
	height: 300px;
	overflow: hidden;
}

.SliderNamePrev_2 {
	background: url(../img/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_2 {
	background: url(../img/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}