/* CSS Document */

/*barwick launch site*/
/*defaults*/
body{
	background:#ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	width: 840px;
	height: 100%;
	visibility: visible;
	text-align: left;
	}
a {}
a:link, a:visited {color:#000000;font-weight:bolder;}
a:hover, a:active {}


/*a{font-weight:bold;text-decoration:none;color:black;}

a:link, a:visited {font-weight:bold;text-decoration:none;color:black;}
}

a:hover, a:active {font-weight:bold;text-decoration:underline;color:rgb(96,140,199);
}*/

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

img {border:0;}

.hidden{visibility:none;height:0;color:white;}
a.hidden{color:white;}
a.hidden:link, a.hidden:visited, a.hidden:hover, a.hidden:active {color:white;}
.separatorInvisible{clear:both;height:0;visibility:none;}
.bcard {width:300;height:450px;margin: 30px 30px;}
.indent {margin-left:5px;}
.pink{
	color:#666666;
	font-weight: bold;
}
.blue{
	color:#0066CC;
	background-color: #FFFFFF;
}

/*header menu strip*/
#header {
	z-index:1;
	position:absolute;
	top:10px;
	left:-2px;
	width:835px;
	height:135px;
	overflow:visible;
	margin:0;
	padding:0;
	clear: both;
}

/*#header p{
background:rgb(230,230,230);
padding: 5px 0;margin:0 5px 0 0;
}*/





/*left hand menu*/
#column1{
	padding:0;
	position:absolute;
	top:150px;
	color:#333333;
	height:74%;
	overflow:visible;
	border-right-color: #666666;
	border-right-width: thin;
	border-right-style: solid;
	font-family: Helvetica, Arial, sans-serif;
	left: 0px;
	width: 132px;
	margin-left: 5px;
	margin-right: 0px;
	text-align: left;
	padding-right: 3px;
/*width:150px;*/

/*voice-family:"\"}\"";
voice-family:inherit;
width:108px;*/
}


#column1 a:link, #column1 a:visited {
	text-decoration:none;
	color:#000000;
	padding-right: 3px;
}
#column1 a:hover, #column1 a:active {text-decoration:none;color:#939290;}

#column1 li{
	padding:2px 1px 2px 0px;
	margin:0;
	width:130px;
	line-height:1em;
	font-size:xx-small;
	margin-left: 3px;
}

#column1 li.first {
	font-size:110%;
	font-weight:bold;
	background-color: #CCCCCC;
	width: 128px;
	margin-left: -2px;
}
#column1 li.other {
	font-size:110%;
	font-weight:bold;
	margin-left: 2px;
	padding-bottom: 2px;
}


#column1 h3{
font-size:100%;font-weight:normal;
padding:0;
}


/*column for brochure request, search, flash presentation etc*/
#column2{
	padding:0;
	margin:0;
	position:absolute;
	left:585px;
	top:150px;
	overflow:visible;
	width:260px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
}

#column2 h3{
	margin:0;
	font-size:136%;
	color:#000000;
	line-spacing:0.2em;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 3px;
	line-height: 120%;
}

#column2 img {
float:right;padding:5px;}

#column2 p{
padding:0 4px;width:131px;
font-size:1;
voice-family: "\"}\"";
voice-family:inherit;
font-size:xx-small;
}

#column2 a {background:transparent;}
#column2 a:link, #column2 a:visited {text-decoration:underline;color:#000000;font-weight:bold;}
#column2 a:hover, #column2 a:active {text-decoratin:underline;}

.aboutBox{
	margin:0px;
	width:260px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:297px;
	color: #999999;
}


td.aboutBox{
	margin:0px;
	width:260px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:260px;
	font-size: xx-small;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}

 .about {width:285px;position:relative;left:5px;}
/*browse by product, info text and main info (not thumbs or menus)*/
#column3{
	padding:0;
	margin:0;
	position:absolute;
	top:142px;
	left:145px;
	width:388px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:388px;
	text-align: left;

}
#column2 #requestbro{
	background-image: url(images/brochure.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 4px;
	padding-left: 5px;
}
#column2 #find{
	background-image: url(images/nearestdealer.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding-left: 5px;
}
#column2 #viewbro{
	background-image: url(images/request.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 4px;
	padding-left: 5px;
}
#viewbro a:link, #viewbro a:visited {
	text-decoration:none;
	font-weight: normal;
}
#viewbro a:hover, #viewbro a:active {text-decoratin:underline;} 
	
}
#column2 #search{
	background-image: url(images/searchbathroom.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -6px;
	margin-bottom: 4px;
	padding-left: 5px;
}

#column3 td p{
position:relative;top:-15px;
float:left;
width:110px;
margin:1px;padding:2px;
text-align:center;
}

#column3 td img{}

#column3 h3{
background:rgb(182,193,225);
font-size:100%;font-weight:normal;
padding: 3px 5px;margin-left:1px;
width:340px;
voice-family: "\"}\"";
voice-family:inherit;
width:340px;

}

#column3 table {}

#column3 td {
vertical-align:top;background-color:white;text-align:center;}

#column3 a {background:transparent;}
#column3 a:link, #column3 a:visited {text-decoration:underline;color:#000000;font-weight:bold;}
#column3 a:hover, #column3 a:active {text-decoration:underline;}

/*used in manufacturers info pages only*/
#manfinfo{
padding:0;margin:0;
position:absolute;
top:142px;left:145px;
}

#manfinfo h4{font-size:130%;font-weight:normal;position:relative;left:5px;}

#manfinfo p {width:675px;position:relative;left:5px;}
#manfinfo p.about {width:350px;position:relative;left:5px;}
#manfinfo table {background-color:white;width:650px;}

#manfinfo td {
vertical-align:top;border:0;text-align:center;}

#manfinfo a {background:transparent;}
#manfinfo a:link, #column3 a:visited {text-decoration:underline;color:#000000;font-weight:bold;}
#manfinfo a:hover {text-decoration:underline;color:rgb(96,140,199)}
#manfinfo #column3 a:hover {text-decoration:underline;}
#manfinfo a:hover, #column3 a:active {text-decoration:underline;}


/*used in menu pages to contain tables of thumbnails*/
#menuThumb{
padding:0;margin:0;
position:absolute;
top:145px;left:142px;
}

#menuThumb h3{
background:rgb(182,193,225);
font-size:100%;font-weight:normal;
padding: 3px 5px;margin-left:1px;
width:350px;
voice-family: "\"}\"";
voice-family:inherit;
width:340px;
}

#menuThumb td img{padding: 2px 3px;}

#menuThumb td {
vertical-align:top;text-align:center;font-size:small;border:1px solid #cccccc;}

#menuThumb a {background:transparent;text-decoration:none;}
#menuThumb a:link, #column3 a:visited {text-decoration:none;color:#000000;font-weight:bold;}
#menuThumb a:hover, #column3 a:active {text-decoration:underline;}


/*used in contact.asp*/
#contact {
padding:0;margin:0;
position:absolute;
background-image:url(bcardContact.gif);background-position:top left;
left:145px;top:150px;
height:305px;overflow:auto;
width:400px;

}

/*used in brochureRequest.php*/
#request {
padding:0;margin:0;
position:absolute;
background-image:url(bcard.gif);background-position:top left;
background-repeat:no-repeat;
left:135px;top:130px;
height:475px;overflow:visible;
width:400px;
}

#request.formContact {
width:390px;
voice-family:"\"}\"";
voice-family:inherit;
width:345px;
}
#request fieldset {
border: 0;
padding: 5px;
margin: 0;
}
#request legend {
position:relative;left: -10px;
padding: 0;
font: small Verdana, Arial, sans-serif;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
}
#request select {
border: 1px solid #333333;
background-color: #ffffff;
font: xx-small Verdana, Arial, sans-serif;
text-align:right;
height:15px;
width:100px;
}

#request.formField {border: 1px solid #333333;
background-color: #cccccc;

}

#request.formTable td {
padding: 0 0 5px 0;
}

#request td.formLabel {
padding-right:10px;
text-align:right;
font-weight:bold;
}

#request.formLabel {
float: left;
text-align: right;
font-weight: bold;
width:90px;
}
#request.formControl {
float: right;
width: 230px;
border:none;
}
#request.row {
clear: both;
padding-top: 5px;
}
#request.spacer {
clear: both;
height: 10px;
}
#request thead, #request th {visibility:none;width:0;height:0;color:white;margin:0;padding:0;}


/*used in about.php*/
#content {
position:absolute;top:145px;left:145px;
padding:0;margin:0;
background-color:#ffffff;
width:100%;
color:#333333;
}

#content img {
padding:2px;
}
#content a {background:transparent;}
#content a:link, #content a:visited {text-decoration:underline;color:#000000;font-weight:bolder;}
#content a:hover, #content a:active {text-decoration:underline;}

#content p {width:350px;padding:0 30px ;line-height:1.5em;}


/*.hidden {height:0;width:0;visibility:none;}*/
.separatorInvisible {visibility:0;height:0;float:none;clear:both}
.bin1inline {font-weight:bold;letter-spacing:0.1em;padding:0;}


#content ul {
	list-style-type: none;
	padding:0; margin:0;
}
#content li {
display: block;
padding:1em;
}

a{background:transparent;font-weight:bolder;color:black;}

a:link{text-decoration:underline;font-weight:bold;color:black;
}
a:active{text-decoration:underline;font-weight:bold;color:rgb(96,140,199);
}
a:visited {text-decoration:underline;font-weight:bold;color:black;
}
a:hover{text-decoration:underline;font-weight:bold;color:rgb(96,140,199);
}



/*#menu{
position:absolute;top:90px;left:2px;z-index:2;
}

menu a{background:transparent;font-weight:bolder;color:black;text-decoration:none;}

menu img {padding:0; margin:0;}*/



/* used on dynamic product info pages */

#productInfo {
position:absolute;left:12px;top:130px;

}

#productInfo.float {float:left;}

#productInfo a.breadcrumb{font-size:x-small;}
#productInfo a.breadcrumb:link, #productInfo a.breadcrumb:visited{
background:transparent;font-weight:bolder;color:black;text-decoration:none;}
#productInfo a.breadcrumb:hover, #productInfo a.breadcrumb:active{
background:transparent;font-weight:bolder;color:black;text-decoration:underline;}

#productInfo td{border: solid 1px rgb(96,140,199);}
#productInfo td.layoutonly{border: 0; text-align:left;vertical-align:top;}

#productInfo thead{visibility:none;height:0;width:0;color:white;background-color:transparent;border:0;}

#productInfo dt{font-weight:bold;margin-bottom:0.2em;}
#productInfo dd{margin-bottom:0.5em;}

#productInfo p.breadcrumb{float:none;clear:both;line-height:1em;}

.productTitle {font-size:300%;color:rgb(251,209,185);margin-bottom:0.2em;}
.productPrice {font-weight:bolder;colour:#000000;background:rgb(251,209,185);}
.productPrice1 {font-weight:bolder;colour:#000000;margin-bottom:2em;}
.error{font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FF0000;
	}
.indented5{font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}
.bottom {
	font-family: Helvetica, Arial, sans-serif;
	font-size: xx-small;
	line-height: 140%;
	color: #333333;
	padding-top: 5px;
	padding-left: 4px;
	text-align: left;
}

.bottom a:link {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 2px;
	line-height: 140%;

}
.bottom a:visited {
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}
.bottom a:hover {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}
.bottom a:active {
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}