/* share and zoom buttons */

#share {
	float: right;
	padding-right: 10px;
	padding-top: 16px;
}

#share a {
	background: url(../images/share.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 33px;
	text-indent: -5000px;
	width: 70px;
}

#share a:hover {
	background-position: 0 -33px;
}

#zoom {
	float: right;
	padding-right: 10px;
	padding-top: 16px;
}

#zoom a {
	background: url(../images/zoom.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 33px;
	text-indent: -5000px;
	width: 70px;
}

#zoom a:hover {
	background-position: 0 -33px;
}

#zoom a.zoom-enabled {
	background-position: 0 -66px;
}

#zoom a.zoom-enabled:hover {
	background-position: 0 -99px;
}

/* french */

body.fr #share a {
	background: url(../images/fr-share.png) no-repeat 0 0;
	width: 90px;
}

/* previous and next buttons */

#previous a, #next a {
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	text-indent: -5000px;
}

#previous a {
	background-image: url(../images/previous.png);
}

#previous a:hover {
	background-position: center bottom;
}

#next a {
	background-image: url(../images/next.png);
}

#next a:hover {
	background-position: center bottom;
}

/* house defaults */

#house {
	border-top: 1px solid #ccc;
}

#house li {
	border-bottom: 1px solid #ccc;
}

#house a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	height: 77px;
	width: 210px;
}

#house a:hover, #house a.selected {
	background-position: 0 bottom;
}

/* roof and color defaults */

#roof, #color {
	clear: both;
	overflow: hidden;
	margin: 10px 0 0 0;
}

#color {
	margin-top: 3px;
}

#roof li, #color li {
	float: left;
	padding-right: 1px;
}

#roof li.heading, #color li.heading {
	height: 50px;
	padding-right: 3px;
}

#roof a, #color a {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: white;
	display: block;
	text-indent: -5000px;
}

#roof a:hover, #roof a.selected,
#color a:hover, #color a.selected {
	background-position: 0 bottom;
}

#roof a {
	height: 50px;
	width: 164px;
}

#color a {
	height: 50px;
	width: 54px;
}

/* house selections */

#house a[rel='bungalow'] {
	background-image: url(../images/bungalow.png);
}

#house a[rel='two'] {
	background-image: url(../images/two.png);
}

#house a[rel='cottage'] {
	background-image: url(../images/cottage.png);
}

/* french */

body.fr #house a[rel='bungalow'] {
	background-image: url(../images/fr-bungalow.png);
}

body.fr #house a[rel='two'] {
	background-image: url(../images/fr-two.png);
}

body.fr #house a[rel='cottage'] {
	background-image: url(../images/fr-cottage.png);
}

/* roof selections */

#roof a[rel='rib'] {
	background-image: url(../images/rib.png);
}

#roof a[rel='seam'] {
	background-image: url(../images/seam.png);
}

#roof a[rel='tile'] {
	background-image: url(../images/tile.png);
}

#roof a[rel='shingles'] {
	background-image: url(../images/shingles.png);
}

/* french */

body.fr #roof a[rel='rib'] {
	background-image: url(../images/fr-rib.png);
}

body.fr #roof a[rel='seam'] {
	background-image: url(../images/fr-seam.png);
}

body.fr #roof a[rel='tile'] {
	background-image: url(../images/fr-tile.png);
}

body.fr #roof a[rel='shingles'] {
	background-image: url(../images/fr-shingles.png);
}

/* color selections */

#color a[rel='dark_red'] {
	background-image: url(../images/1.png);
}

#color a[rel='burgundy'] {
	background-image: url(../images/2.png);
}

#color a[rel='heron_blue'] {
	background-image: url(../images/3.png);
}

#color a[rel='slate_blue'] {
	background-image: url(../images/4.png);
}

#color a[rel='turquoise'] {
	background-image: url(../images/5.png);
}

#color a[rel='dark_green'] {
	background-image: url(../images/6.png);
}

#color a[rel='metro_brown'] {
	background-image: url(../images/7.png);
}

#color a[rel='tan'] {
	background-image: url(../images/8.png);
}

#color a[rel='cambridge_white'] {
	background-image: url(../images/9.png);
}

#color a[rel='grey'] {
	background-image: url(../images/10.png);
}

#color a[rel='charcoal'] {
	background-image: url(../images/11.png);
}

#color a[rel='black'] {
	background-image: url(../images/12.png);
}