body, p, ul, td{font-family:arial, helvetica, sans-serif; font-size: .9em;line-height: 150%;color:#2D5465;}
body{font-family: arial, helvetica, sans-serif; background: url(/images/bg-body.gif) top left repeat; padding-top: 20px;text-align: center;}
p.intro{font-size: 1em;}
/* Blur containers */
div.top{background: url(/images/wrapper-top.png) no-repeat top left; width: 954px; height: 25px; margin: 0px auto 0px auto;}
div.bottom{background: url(/images/wrapper-bottom.png) no-repeat bottom left; width: 934px; height: 100px;margin: 0px auto 0px auto;padding: 0px 10px 0px 10px;}
div.middle{width: 934px; background: url(/images/wrapper-bg.png) repeat-y top left; text-align: left;padding: 0px 10px 0px 10px;margin: 0px auto 0px auto;}
div.container{width: 918px; padding: 8px;background: white;background: url(/images/bkg-content.jpg) no-repeat top left; overflow:hidden;}

div#homeLeft{
		width: 365px;
		padding: 20px 10px 10px 10px;
		float: left;
		}
	div#homeLeft h2{
			color: #ff9900;
			font-size: 1.3em;
			font-weight: 600;

			}
 	/*	div#homeLeft div.thumb{
			float:left;
			background: url(/images/bg-thumb.jpg) 0px 0px no-repeat;
			width: 127px;
			height: 100px;
			margin-bottom: 20px;
		border: 1px solid #000000;

			}*/


/*	div#homeLeft h4{
		color: #3dbecc;
		font-weight: 600;
		font-size: 1em;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-left: 133px;
		margin-right: 10px;
		padding-top: 7px;
			}
*/
	div#homeLeft p{

		font-weight: 500;
		font-size: .86em;
		padding-bottom: 0px;
			}


	div#homeLeft li{

		margin-left: 133px;
		margin-right: 18px;
		margin-bottom: 8px;
			}


div#homeRight{
		width: 513px;
		padding: 20px 10px 10px 10px;
		float: right;}

div#homeRight h1{font-family: arial; color: #3DBECC; font-size: 1.8em; line-height: 90%; margin-top:0px; padding-top:0px; }
div#homeRight h2{ font-family: arial; color: #FF9900; font-size: 1.4em;line-height: 170%;}






div.left{
	width: 215px;
	padding: 20px 45px 10px 10px; float: left;
	}
div.right{
	width: 628px; 
	padding: 20px 10px 10px 10px; float: right;
	}
	
/*div.right img{border: 2px solid #999999;}*/
p.caption{font-size: .7em; color: #999999;margin-top: 0px;}

h1{font-family: arial; color: #3DBECC; font-size: 2.3em; line-height: 90%  }
h1.title{margin-left: 20px;width: 250px;float:left;}
h2{ font-family: arial; color: #FF9900; font-size: 1.4em;line-height: 170%;}
h3{ font-family: arial; color: #FF9900; font-size: 1em; font-weight: 500;line-height: 170%;}




.orange {color: #FF9900;}
.blue{ color:#3DBECC;}


ul.bull li{
	list-style-type:none;
	padding-left: 25px;
	background: url(/images/bull.gif) no-repeat 0% 50%;
}

/*left hand colum UL*/

ul.bullLeft li{
	list-style-image: url(/images/bull.gif);
	margin-bottom: 17px;
	line-height: 165%;
}



/* Anchors */
a{color: #FF9900; text-decoration: none;}
a:hover{color: #3DBECC; text-decoration: underline;} 

/* NavDefault */
div#navDefault{clear: both;font-family: arial, helvetica, sans-serif;background: url(/images/bkg-menu.jpg) repeat-y top left; padding: 0px 0px 0px 0px; margin: -10px 0px 0px 0px; height: 44px;overflow:hidden;}
div#navDefault a{font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 15px 4px 15px; float: left;text-decoration: none;}
div#navDefault a:hover{ background: url(/images/bkg-menu-hover.jpg) repeat-y top left;}
div#navDefault a.current{background: url(/images/bkg-menu-hover.jpg) repeat-y top left; font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 15px 4px 15px; float: left;text-decoration: none;}
div#navDefault a.current:hover{background: none; border-bottom: 8px solid #ffffff;}

/* navsilaca */
div#navsilaca{clear: both;font-family: arial;background: url(/images/bkg-menu.jpg) repeat-y top left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 44px;overflow:hidden;}
div#navsilaca a{font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navsilaca a:hover{ background: url(/images/bkg-menu-hover.jpg) repeat-y top left;}
div#navsilaca a.current{background: url(/images/bkg-menu-hover.jpg) repeat-y top left; font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navsilaca a.current:hover{background: none; border-bottom: 8px solid #ffffff;}

/* NavPresent */
div#navPresent{clear: both;font-family: arial;background: url(/images/nav-bg-present.jpg) repeat-y top left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 44px;overflow:hidden;}
div#navPresent a{font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navPresent a:hover{ background: url(/images/nav-bg-present-hover.jpg) repeat-y top left;}
div#navPresent a.current{background: url(/images/nav-bg-present-hover.jpg) repeat-y top left; font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navPresent a.current:hover{background: none; border-bottom: 8px solid #ffffff;}

/* NavBarnita */
div#navBarnita{clear: both;font-family: arial;background: url(/images/nav-bg-barnita.jpg) repeat-y top left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 44px;overflow:hidden;}
div#navBarnita a{font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navBarnita a:hover{ background: url(/images/nav-bg-barnita-hover.jpg) repeat-y top left;}
div#navBarnita a.current{background: url(/images/nav-bg-barnita-hover.jpg) repeat-y top left; font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navBarnita a.current:hover{background: none; border-bottom: 8px solid #ffffff;}

/* NavLaybys */
div#navLaybys{clear: both;font-family: arial;background: url(/images/nav-bg-laybys.jpg) repeat-y top left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 44px;overflow:hidden;}
div#navLaybys a{font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navLaybys a:hover{ background: url(/images/nav-bg-laybys-hover.jpg) repeat-y top left;}
div#navLaybys a.current{background: url(/images/nav-bg-laybys-hover.jpg) repeat-y top left; font-weight: bold; font-size: 1.2em; color: white; display: block; height: 28px; padding: 12px 20px 4px 20px; float: left;text-decoration: none;}
div#navLaybys a.current:hover{background: none; border-bottom: 8px solid #ffffff;}



div#miniNav{float: right; margin-top: 35px; width: auto;}
div#miniNav a{ color: #FF9900; text-decoration: none;display:inline-block; padding: 4px 8px 4px 8px;}
div#miniNav a:hover{ color: #3DBECC; text-decoration: none;}

 /* FOOTER DEFAULT */
p.footerBar{background-color: #3DBECC;color:white;height: 14px;padding: 2px 5px 5px 5px;}
p.footerBar a{color:white;}
p.footerBar a:hover{color:#ff9900;}

 /*FOOTER PRESENT */
p.footerPresent{background: #EEA197; color:white; height: 14px; padding: 2px 5px 5px 5px;}
p.footerPresent a{color:white;}
p.footerPresent a:hover{color:#ff0000;}

 /* FOOTER BARNITA */
p.footerBarnita{background: green; color:white; height: 14px; padding: 2px 5px 5px 5px;}
p.footerBarnita a{color:white;}
p.footerBarnita a:hover{color:#ff0000;}

 /* FOOTER LAYBYS */
p.footerLaybys{background: #2399B3; color:white; height: 14px; padding: 2px 5px 5px 5px;}
p.footerLaybys a{color:white;}
p.footerLaybys a:hover{color:#ff0000;}


div.footer-nav{
	background:white;
	margin: 0px auto;
	width:900px;
	text-align:center;
}


/*gallery*/
#gallery {position:relative; width:466px; height: 265px; margin:auto; background: url(/images/gallery-shadow.jpg) no-repeat 0% 0%; padding: 10px;  overflow: hidden; margin-top: 55px;}

#image {position:relative; width:430px; height:240px; overflow: hidden;}
#image img {/*position:absolute; top:5px; left:5px*/}
#thumbwrapper {
	margin-top:35px;
	width:466px; 
	height:93px;
	margin-left: auto; 
	margin-right: auto;

}
#thumbarea {
	position:relative; 
	overflow:hidden;
	height:93px; 
	width:425px;
	padding-left: 5px;
}
#thumbs {position:absolute; list-style:none; height:95px; width:10000px;}
#thumbs li {float:left; margin-right:8px; cursor:pointer; }
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(/images/left.gif) left center no-repeat; filter:alpha(opacity=55)}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(/images/right.gif) right center no-repeat;  filter:alpha(opacity=55)}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


/*prices indent on About*/

div.dt{float: left; width: 200px; margin-right: 50px;}
div.dd{float: left;}


/*list item PDF icon*/

ul.pdf li{list-style-type:none;
background: url(/images/icon-pdf.gif) 0% 0% no-repeat;
padding-left: 30px;
margin-bottom: 10px;
}




/*Concertina styled slide show Silaca home*/


#galleryh {
  padding:0;
  margin:0 auto 5em auto;
  list-style-type:none;
  overflow:hidden;
  width:495px;
  height:240px;
  border:1px solid #ddd;
  background: url(/images/slide-glass-pile/bg.jpg) top right no-repeat;
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block;
  height:240px;
  width:42px;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#galleryh li a img {
  width:42px;
  height:240px;
  border:0;
  }
#galleryh li a:hover {
  background:#eee;
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }




/*Concertina styled slide show Silaca about*/


#galleryabout {
  padding:0;
  margin:0 auto 5em auto;
  list-style-type:none;
  overflow:hidden;
  width:495px;
  height:240px;
  border:1px solid #ddd;
  background: url(/images/slide-glass-pile/bg-about.jpg) top right no-repeat;
  }
#galleryabout li {
  float:left;
  }
#galleryabout li a {
  display:block;
  height:240px;
  width:42px;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#galleryabout li a img {
  width:42px;
  height:240px;
  border:0;
  }
#galleryabout li a:hover {
  background:#eee;
  width:320px;
  }
#galleryabout li a:hover img {
  width:320px;
  }

/*Concertina styled slide show Silaca garden*/
#gallerygarden {
  padding:0;
  margin:0 auto 5em auto;
  list-style-type:none;
  overflow:hidden;
  width:495px;
  height:240px;
  border:1px solid #ddd;
  background: url(/images/slide-garden/bg-garden.jpg) top right no-repeat;
  }
#gallerygarden li {
  float:left;
  }
#gallerygarden li a {
  display:block;
  height:240px;
  width:42px;
  float:left;
  text-decoration:none;
  border-right:1px solid #fff;
  cursor:default;
  }
#gallerygarden li a img {
  width:42px;
  height:240px;
  border:0;
  }
#gallerygarden li a:hover {
  background:#eee;
  width:320px;
  }
#gallerygarden li a:hover img {
  width:320px;
  }




/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}



/*==== BREADCRUMBS ====*/

div.breadcrumbs{
  padding:0px;
  margin-bottom: 0px;
}

div.breadcrumbs p{
  padding:3px 0px 0px 20px;
  margin-bottom: 0px;
  font-size: .8em;
}

/*==== TABLES ====*/

/*==== Products/glass.php ====*/

table.products{
width:600px; border-collapse:collapse; border:1px dotted #444444;
}
table.products td{
	padding: 6px;
 border:1px dotted #444444;
}
tr.orange{
	background:#FFD288;
}

tr.lorange{
	background:#FFF3DF;
}



/*Gallery*/

div.galleryThumb{
  float:left;
  width:188px;
	height: 159px;
  text-align:center;
	padding-top: 19px;
  background:url(/gallery/images/bg-thumb.jpg) no-repeat 0px 0px;
	margin-left:15px;
}