/* for links styles and navigation */

a img, img { border:0; }
a:focus, button:focus, input:focus { outline:none; }

a { color:#000; }
a:hover { color:#dd6700; }
a.visited { color:#333; }

/* main navigation */

ul#mainNav li a.top {
	display:block;
	float:left;
	padding:9px 12px 9px 12px;
	color:#00361C;
	background-color:#efefef;
	text-decoration:none;	
}

.topSelected {
	display:block;
	float:left;
	padding:9px 17px 9px 17px;
	color:#00361C;
	background-color:#fff;
	
}

ul#mainNav li:hover a.top, ul#mainNav li.over a.top, ul#mainNav li a.top:hover, ul#mainNav li.selected a.top, ul#mainNav li.selected {
	background-color:#fff;
	text-decoration:none; 
}

ul.dd {
	display:none;
	position:absolute;
	top:33px;
	left:0;
	padding:8px;
	width:150px;
}

ul#mainNav li:hover ul.dd, ul#mainNav li.over ul.dd, ul#mainNav li:hover div.ddBg, ul#mainNav li.over div.ddBg {
	display: block;	
}

ul.dd li {
	display:block;
	float:none;
	width:180px;
	margin:0;
	padding:0;
}

ul.dd li a.subNav {
	display:block;
	padding:0 0 5px 10px;
	color:#00361c;
	text-decoration:none;
	line-height:normal;
}

ul.dd li a.subNav:hover {
	color:#00361c;
	text-decoration:underline;
}

div.ddBg {
	display:none;
	background:url(/img/ddBg.png) left bottom repeat-y;
	position:absolute;
	top:33px;
	left:-12px;
	width:214px;
}

li#tiles div.ddBg {
	
	height:250px;
}

li#stone div.ddBg {
	height:110px;
}

li#mosaics div.ddBg {
	height:110px;
}

li#glass div.ddBg {
	height:70px;
}

li#wood div.ddBg {
	height:70px;
}

li#other div.ddBg {
	height:110px;
}

/* link styles */
.grey a {
	display:block;
	padding-right:25px;
	background:url(/img/animated_arrow.gif) 100% 0 no-repeat;
}

.grey a:hover {
	background:url(/img/animated_arrow.gif) 100% -15px no-repeat;
}
a.go {
	padding-left:25px;
	background:url(/img/animated_arrow.gif) 0 0 no-repeat;
}

a.go:hover {
	background:url(/img/animated_arrow.gif) 0 -15px no-repeat;
}

a.white {
	padding-left:25px;
	background:url(/img/animated_arrow_white.gif) 0 0 no-repeat;
}

a.white:hover {
	background:url(/img/animated_arrow_white.gif) 0 -15px no-repeat;
}

a.plus {
	padding-left:21px;
	background:url(/img/animated_cross.gif) 0 0 no-repeat;
}

a.plus:hover {
	background:url(/img/animated_cross.gif) 0 -15px no-repeat;
}

a.minus {
	padding-left:21px;
	background:url(/img/animated_minus.gif) 0 0 no-repeat;
}

a.minus:hover {
	background:url(/img/animated_minus.gif) 0 -15px no-repeat;
}

a.plus2 {
	padding-left:21px;
	background:url(/img/animated_cross_white.gif) 0 0 no-repeat;
}

a.plus2:hover {
	background:url(/img/animated_cross_white.gif) 0 -15px no-repeat;
}
	
a.go2 {
	padding:0 25px 0 25px;
	background:url(/img/animated_arrow_white.gif) 0 0 no-repeat;
}

a.go2:hover {
	background:url(/img/animated_arrow_white.gif) 0 -15px no-repeat;
}

a.enlarge{
	padding-left:18px;
	background:url(/img/enlarge.gif) 0 0 no-repeat;
}

a.down {
	display:block;
	width:300px;
	height:15px;
	padding-left:25px;
	background:url(/img/animated_arrow_down.gif) 0 0 no-repeat;
}

a.down:hover {
	background:url(/img/animated_arrow_down.gif) 0 -15px no-repeat;
}

div.closePopUp {
	position:absolute;
	right:20px;
	top:20px;
	background-color:#f5f5f5;
	border:1px solid #dd6700;
	display:block;
	padding:2px 20px;
	text-align:center;
}