@import url(general.css);

#header {
	background-color: #ECECFA;
	height: 78px;
	width: 774px;
	position: relative;
}
#header h1 {
	position: absolute;
	top: 15px;
	left: 10px;
}
#header .banner {
	position: absolute;
	right: 15px;
	top: 8px;
}
.banner img {border: 1px solid white}

.toolbar {position: relative}
.search {
	background-color: #BABAE3;
	text-align: center;
	padding: 3px 0;
	width: 180px;
}
.search input.text {
	height: 21px;
	width: 110px;
	border: 0;
	line-height: 21px;
	font-size: 13px;
	vertical-align: middle;
	padding: 0;
}
.search input.image {
	vertical-align: middle;
	width: 50px;
	height: 22px;
	margin-left: 4px;
}
#menu {
	height: 28px;
	background: #ECECFA url(../images/bg_menu.gif) repeat-x left bottom;
	border-bottom: 1px solid #B9BAD7;
	font-family: "MS Trebuchet", Arial, sans-serif; 
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 180px;
	width: 594px;
}
#menu ul {
	height: 28px;
	padding-left: 12px;
}
#menu li {
	list-style-type: none;
	float: left;
	padding-left: 2px;
	white-space: nowrap;
}
#menu a,
#menu a:visited,
#menu a:active {
	line-height: 12px;
	height: 12px;
	padding: 7px 7px 5px 7px;
	text-decoration: none;
	float: left;
	border-width: 1px 1px 3px 1px;
	border-color: #e7e4fb #d9d7ec #E1DFF5 #e7e4fb;
	border-style: solid;
	background-color: #E1DFF5;
	color: #626297;
}
#menu a:hover {
	color: #626297;
	background-color: #f0effc;
	border-color: #f6f5fc #e6e6f2 #e8e6fa #f6f5fc;
}
body.home #menu .home a, body.home #menu .home a:visited, body.home #menu .home a:active,
body.series #menu .series a, body.series #menu .series a:visited, body.series #menu .series a:active,
body.sinks #menu .sinks a, body.sinks #menu .sinks a:visited, body.sinks #menu .sinks a:active,
body.bar-faucets #menu .bar-faucets a, body.bar-faucets #menu .bar-faucets a:visited, body.bar-faucets #menu .bar-faucets a:active,
body.showers #menu .showers a, body.showers #menu .showers a:visited, body.showers #menu .showers a:active,
body.about-us #menu .about-us a, body.about-us #menu .about-us a:visited, body.about-us #menu .about-us a:active,
body.history #menu .history a, body.history #menu .history a:visited, body.history #menu .history a:active,
body.dealers #menu .dealers a, body.dealers #menu .dealers a:visited, body.dealers #menu .dealers a:active,
body.contact-us #menu .contact-us a, body.contact-us #menu .contact-us a:visited, body.contact-us #menu .contact-us a:active {
	color: #59598A;
	border-color: #FAFAFE #DFDDF5 #f2f2fb #FAFAFE;
	background-color: #F7F7FD;
	font-weight: bold;
}
body.home #menu .home a:hover,
body.series #menu .series a:hover,
body.sinks #menu .sinks a:hover,
body.bar-faucets #menu .bar-faucets a:hover,
body.showers #menu .showers a:hover,
body.about-us #menu .about-us a:hover,
body.history #menu .history a:hover,
body.dealers #menu .dealers a:hover,
body.contact-us #menu .contact-us a:hover {
	color: #626297;
	background-color: white;
	font-weight: bold;
	border-color: #ffffff #e6e5f5 #f7f7fd #ffffff;
}
#main {
	background: white url(../images/bg_column_left.gif) repeat-y left top;
	float: left;
	clear: left;
}
#sidebar {
	float: left;
	width: 180px;
	color: white;
	background: #414164 url(../images/bg_column_left_gradient.gif) repeat-x left top;
	overflow: visible;
}
#sidebar a {
	color: white;
	font-family: "MS Trebuchet", Arial, sans-serif; 
	text-decoration: none;
}
.navigation h4 {
	background: #9999c7;
	padding: 2px 10px;
}
.navigation ul,
.navigation li {
	display: block;
	list-style: none;
}
.navigation ul {
	padding: 2px 10px;
}
.navigation li {
	border-bottom: 1px solid #65659c;
}
.navigation a {
	display: block;
	padding: 2px 8px;
	background: transparent;
}
.navigation a:hover {
	background: #65659c;
	color: white;
}
#contents {
	padding: 15px;
	float: left;
	width: 564px;
}
#contents.extranet {
	background: #fff url(../images/bg_login.gif) repeat-x scroll 0 0;
	font-family: "MS Trebuchet",Arial,sans-serif;
}
#contents h1 {margin-bottom: 0.5em}
#contents p {
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1.65em;
}
.browse_lines {
	margin-top: 15px;
	width: 336px;
	padding: 0px 0px 15px 10px;
	float: left;
}
.browse_lines li {
	float: left;
	display: table; 
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.browse_lines a {
	font-family: "MS Trebuchet", Arial, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	float: left;
	width: 66px;
	height: 66px;
	display: table; 
	border: 0px;
	background: transparent url(../images/bg_browse_over.gif) no-repeat 0 -100px;
}
.browse_lines a:hover{
	background-color: #7172AF;
	background-position: 0 0;
	color: white;
	text-decoration: none;
}
.browse_lines strong {font-weight: normal}
.browse_lines img {
	background-color: white;
	border: 1px solid #9999C7;
}
.panels .stones,
.panels .finishes {
	border-left: 1px solid #9898C7;
	float: left;
 	margin-top: 15px;
	padding-left: 10px;
	width: 225px;
}
.panels .finishes {margin-bottom: 15px}
.panels .stones a,
.panels .finishes a {
	margin: 4px 4px 0px 0px;
	opacity: .4;
}
.panels .stones a:hover,
.panels .finishes a:hover {opacity: 1}

.photo {
	background-color: #EEF1F6;
	margin: 0 15px 15px 15px;
	padding: 10px 10px 0 10px;
}
.left {
	margin-left: 0;
	float: left;
	clear: left;
}
.right {
	margin-right: 0;
	float: right;
	clear: right;
}
.photo img {
	margin-bottom: 10px;
	display: block;
}
#contents .photo p.caption {
	font-family: "MS Trebuchet", Arial, sans-serif;
	color: #65659C;
	font-size: 0.85em;
	margin: 0 0 6px 0;
}
.code {
	padding: 0.2em 0.8em;
	color: black;
	font: bold 0.8em "MS Trebuchet", Arial, sans-serif;
	border: 1px solid #eee;
}

#contents p.price {
	margin-bottom:0.8em;
	padding: 0.2em 0.8em;
	color: #65659C;
	font: bold 1.2em "MS Trebuchet", Arial, sans-serif;
	border: 1px solid #eee;
}

/* sIFR */
.panels h2 {
	font-size: 1.65em;
}
.panels h3, .panels h3{
	margin: 0px;
	padding: 0px;
	font-size: 1.65em;
}
.panels h4 {
	font-size: 1.15em;
	margin:  6px 0px 4px 0px;
}
div.login{
	color:#FFFFFF;
	padding:2em;
	width:230px;
	font-size:1em;
	font-family:"MS Trebuchet",Arial,sans-serif;
	background-color:#65659C;	
}
div.login div.row input{
	height: 21px;
	width: 130px;
	border: 0;
	line-height: 21px;
	font-size: 13px;
	vertical-align: middle;
	padding: 0;
}

div.login div.row{
	padding: 5px;
}

div.login div.row div{
width:90px;
float:left
}
div.submit{
text-align:right
}
div.submit input{
	width:70px
}
form{
margin-top:1em
}
table.prices{
font: 0.9em "MS Trebuchet", Arial, sans-serif;
}

.prices th{
width:100px;
padding-bottom:7px;
font-weight:100
}
.full th{
width:66px;
}
.prices td{
text-align:center;
padding-bottom:7px;
font-weight:bold;
}
.prices{
border:1px solid #EEEEEE
}
td.normal{
font-weight:100;
text-align:left
}