/* 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;
	border-right-width: thin;
	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);
}*/

}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}

img {border:0;}

.hidden{visibility:none;height:0;width:0;}
.separatorInvisible{clear:both;height:0;visibility:none;}
.bcard {width:300;height:450px;margin: 30px 30px;}
.indent {margin-left:5px;}
.pink{color:rgb(244,163,191);}
.blue{color:rgb(96,140,199);}

/*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;
}


/*left hand menu*/
#column1{
	padding:0;
	position:absolute;
	top:150px;
	color:#333333;
	height:80%;
	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: 3px;

	text-align: left;
/*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:132px;
	line-height:1em;
	font-size:xx-small;
	margin-left: 3px;
}

#column1 li.first {
	font-size:70%;
	font-weight:bold;
	background-color: #CCCCCC;
	width: 128px;
	margin-left: -2px;
}
#column1 li.other {
	font-size:70%;
	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;
padding:3px;
/*width:135px;
voice-family: "\"}\"";
voice-family:inherit;
width:129px;*/
font-size:130%;color:#999999;
line-spacing:0.2em;
}

#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{
border:1px solid #cccccc;
margin:3px;
width:300px;
voice-family: "\"}\"";
voice-family:inherit;
width:297px;
}



/*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;

}

#column3 td p{
position:relative;top:-15px;
float:left;
border:2px solid rgb(244,163,191);
width:110px;
margin:1px;padding:2px;
text-align:center;
}

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

#column3 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;

}

#column3 table {background-color:cccccc;}

#column3 td {
vertical-align:top;border: solid 2px white;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:130px;left:135px;
}

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

#manfinfo p {width:500px;position:relative;left:5px;}

#manfinfo table {background-color:white;width:500px;}

#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, #column3 a:active {text-decoration:underline;}


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

#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(bcard.gif);background-position:top left;
left:135px;top:130px;
height:475px;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:135px;
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, a:visited {text-decoration:underline;font-weight:bold;color:black;
}

a:hover, a:active {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:150px;

}

#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;}


/*used in details.aspx*/
.productPrice {font-weight:bolder;colour:#000000;background:rgb(251,209,185);}
.productPrice1 {font-weight:bolder;colour:#000000;margin-bottom:2em;}

TABLE.details
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	font-size: x-small;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	border-collapse: collapse;
	background-color: white;
	border-spacing: 0px 0px;
} 
		
		TABLE.details TH { BORDER-RIGHT: black 1px inset; PADDING-RIGHT: 1px; BORDER-TOP: black 1px inset; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: black 1px inset; PADDING-TOP: 1px; BORDER-BOTTOM: black 1px inset; BACKGROUND-COLOR: white; moz-border-radius: 0px 0px 0px 0px } 
		
		TABLE.details TD
{
	border-right: silver 1px solid;
	padding-right: 3px;
	border-top: silver 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: silver 1px solid;
	padding-top: 3px;
	border-bottom: silver 1px solid;
	background-color: white;
	moz-border-radius: 0px 0px 0px 0px;
} 
		
		TABLE.sample
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	border-collapse: collapse;
	background-color: white;
	border-spacing: 2px 2px;
} 
		
		TABLE.sample TH { BORDER-RIGHT: gray thin; PADDING-RIGHT: 1px; BORDER-TOP: gray thin; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: gray thin; PADDING-TOP: 1px; BORDER-BOTTOM: gray thin; BACKGROUND-COLOR: white; moz-border-radius: 0px 0px 0px 0px } 
		
		TABLE.sample TD { BORDER-RIGHT: gray thin; PADDING-RIGHT: 1px; BORDER-TOP: gray thin; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: gray thin; PADDING-TOP: 1px; BORDER-BOTTOM: gray thin; BACKGROUND-COLOR: white; moz-border-radius: 0px 0px 0px 0px } 
		
		TABLE.details TD TD
{
	font-size: x-small;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
} 

.RangeTitle
{
	font-weight: bold;
	font-size: medium;
	color: #3f8ace;
}

/*used in thumbnails.aspx*/
Table.thumbs
{
	border-right: silver 1px solid;
	padding-right: 0px;
	border-top: silver 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: silver 1px solid;
	padding-top: 0px;
	border-bottom: silver 1px solid;
}

Table.navigationTop
{
	font-weight: bold;
	font-size: x-small;
	color: gray;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #B7C1FF;
	border-bottom-style: none;
}

table.navigationTop a:link, table.navigationTop a:visited, table.navigationTop a:hover, table.navigationTop a:active
{
	font-weight: bold;
	font-size: x-small;
	color: black;
	text-decoration: none;
}

Table.navigationBottom
{
	font-weight: bold;
	font-size: x-small;
	color: gray;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #CCCCCC;
	border-bottom-style: none;
}

table.navigationBottom a:link, table.navigationBottom a:visited, table.navigationBottom a:hover, table.navigationBottom a:active
{
	font-weight: bold;
	font-size: x-small;
	color: white;
	text-decoration: none;
}

.bluerow
{
	background-color: #CCCCCC;
	text-align: right;
}
.smalltext
{
	font-size: xx-small;
}

.largerText
{
	font-size:x-small;
}

/*used in cart.aspx*/
linkcolumn a:link, linkcolumn a:visited, linkcolumn a:hover, linkcolumn a:active
{
	font-size: xx-large;
	color: fuchsia;
}
.cartTable a:link, .cartTable a:visited, .cartTable a:hover, .cartTable a:active
{
	font-weight: bold;
	font-size: x-small;
	color: silver;
	text-decoration: none;
}

.cartTable
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.cartTable 
{
	border-bottom: silver thin solid;
}
.CartTitlesFont
{
	font-weight: bold;
	font-size: medium;
	color: black;
}
Table.content
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.alignleft
{
	text-align: center;
}
.CartHeadingBlack
{
	font-weight: bold;
	font-size: small;
	color: black;
}
.CartHeadingSilver
{
	font-weight: bold;
	font-size: small;
	color: silver;
}
.ThankyouPanel
{
	font-size: small;
}

.returnToCart a:link, .returnToCart a:visited, .returnToCart a:hover, .returnToCart a:active
{
	font-weight: bold;
	font-size: x-small;
	color: black;
	text-decoration: none;
}
#positioning
{
	position: absolute;
	top: 145px;
	left: 145px;
}