/* bruxton */

A {font-size: 14px; margin: 0;}

A:link {color: #000099; text-decoration: none;}
A:visited {color: #000099; text-decoration: none;}
A:hover {color: #9999EE; text-decoration: none;}
A:active {text-decoration: none;}

A.product:link {color: #309CAC; text-decoration: none;}
A.product:visited {color: #309CAC; text-decoration: none;}
A.product:hover {color: rgb(95%,0%,5%); text-decoration: none;}
A.product:active {text-decoration: none;}

A.tab {color: #000099;}
A.tab:hover {color: #9999EE;}

LI.current A.tab {color: #000099; font-size: 18px;}
LI.current A.tab:hover {color: #9999EE;}

.print {
	display: none;
}

SCREEN-FONT:Normal {font-size: 15px;}

BODY {
	margin-left: 0;
	margin-top: 0;
	font-family: Arial, Helvetica;
	font-size: 14px;
}
/* DIV.masthead - Container for the masthead */
DIV.masthead {
	margin: 0;
	border: 0; 
	padding: 0;
	background-color: #3B0696;
}
/* DIV.menu - Container for the navigation menu at the top of the page */
DIV.menu {
	float: top;
	background-color: #DCDCED;
	padding: 5px;
	margin: 0 0 10 0;
}
	TABLE.menu {
		border: 0;
		width: 700;
		font-weight: bold;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	TD.menu {
		background-color: white;
		padding: 0;
		border: 1px solid #3B0696;
		width: 20%;
	}
/* DIV.page - Container for the page content */
DIV.page {
	padding: 5px;
	margin: 0 0 0 5px;
	text-align: center;
}
/* DIV.title - Container for page headings. 
	This "div" is used for the page headings that correspond 
	to the navigation menu at the top of the page. 
	This is not used within specific product pages.
*/
DIV.title {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 300px;
	max-width: 800px;
	text-align: center;
}
/* DIV.main - Container for page content. 
	This "div" is used for the page content that corresponds 
	to the navigation menu at the top of the page. 
	This is not used within specific product pages. 
*/
DIV.main {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 300px;
	max-width: 800px;
	text-align: left;
	padding-bottom: 15px;;
}
	DIV.main TABLE {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 100px;
		max-width: 800px;
		text-align: left;
	}
	DIV.main TABLE.compact  TBODY TR TD{
		width: 50%;
	}
	DIV.main TABLE.compact  TABLE TBODY TR TD{
		width: auto;
	}
/* DIV.product_part - Container for the product page navigation tabs */
DIV.product_part {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-width: 300px;
	max-width: 900px;
	text-align: left;
}
	DIV.product_part TABLE{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 300px;
		max-width: 900px;
	}
/* DIV.form - Container for a form, for example the Order Form */
DIV.form {
	border: 1px solid #000000;
	padding: 10px;
	background-color: #EEEEEE;
}
/* DIV.terms - Container for terms, usually in relation to a form. */
DIV.terms {
	margin: 20 0 0 25;
}
/* DIV.legal - Container for the legal copyright at the bottom of each page. */
DIV.legal {
	position: relative;
	width: 100%;
	margin-top: 100px;
}
/* DIV.collage - Contains the image for the index page of the Bruxton website. */ 
DIV.collage {
	width: 400;
	height: 175;
	background-image: url('Images/Collage.jpg');
	float: right;
}

H1 {
	font-size: 22px;
	font-weight: bold;
	color: #309CAC;
	text-align: center;
	background-color: white;
	margin: 0 0 10 0;
}
H1 A:link {font-size: 22px; color: #309CAC; text-decoration: none;}
H1 A:visited {font-size: 22px; color: #309CAC; text-decoration: none;}
H1 A:hover {font-size: 22px; color: rgb(95%,0%,5%); text-decoration: none;}
H1 A:active {font-size: 22px; text-decoration: none;}

H2 {
	font-size: 18px;
	font-weight: bold;
	color: #000099; 
	text-align: left;
	margin: 10 0 10 0;
}

H3 {
	font-size: 15px;
	font-weight: bold;
	color:#000099; 
	margin: 10 0 5 0;
}

P {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	line-height: 150%;
}
/* P.discontinued - Paragraph formatting for a product that Bruxton no longer supports */
P.discontinued {
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 15 0;
	background-color: #FFFFFF;
}

PRE {
	font-family: Times, Times New Roman;
}

TABLE {
	border-collapse: seperate;
	margin-bottom: 20px;
	font-size: 14px;
}
/* TABLE.compact - Smaller table */
TABLE.compact {
	border-collapse: collapse;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	border: 0px;
}
	TABLE.compact TBODY TR TD {
		padding-left: 5px;
		padding-right: 5px;
	}
/* TABLE.version - "Buy Now" button */	
TABLE.version  TBODY TR TD{
	padding-right: 25px;
	padding-left: 25px;
	text-align: center;
}
/* TABLE.product - Table for product description */
TABLE.product {
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	background-color: #409CCC;
	vertical-align: center;
	margin-bottom: 10px;
}
	TABLE.product TBODY TR TD{
		padding-bottom: 10px;
	}
/* TABLE.form - Table for a form */
TABLE.form {
	border: 1px solid #000000;
	border-collapse: seperate;
	margin: 0;
	padding: 0;
	width: 400;
}
	TABLE.form TBODY TR TH {
		border: 1px solid #999999;
	}
	TABLE.form TBODY TR TD {
		border: 1px solid #999999;
	}

CAPTION {
	margin: 0;
	font-weight: bold;
	caption-side: top;
	text-align: center;
	background-color: #CFDAFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* REPLACE WITH TD.header
TH {
	background-color: #DDDDDD;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 10 0 5 0;
}
*/
/* TD.header - Formatting for a table row to act as a header */
TD.header {
	background-color: #DDDDDD;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 10 0 5 0;
}

/* REPLACE WITH TD.header_expand 
TH.expand {
	font-family: Arial, Helvetica;
	text-align: center;
	color: #309CAC;
	background-color: white;
}
*/
/* TD.header_expand - Formatting for a table row to act as a header. 
 Formatting preference. The cell background color is white. 
*/
TD.header_expand {
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-align: center;
	color: #309CAC;
	background-color: white;
}
	
TBODY {
	vertical-align: top;
}

TD {
	background-color: #EEEEEE;
}
/* TD.expand - Formatting preference. The cell background color is white. */
TD.expand {
	background-color: white;
	padding-right: 5px;
	padding-left: 5px;
}

#r1c1 {vertical-align:top;}
#r1c2 {vertical-align:top;}

IMG {
	border-style: none;
	text-align: center;
}

UL {
	margin-right: 20px;
	list-style-type: square;
	padding: 5px;
	margin: 5 0 5 20;
}

LI {
	margin: 0 0 5 0;
	font-size: 14px;
}
/* UL.plain - Undecorated itemized list */
UL.plain {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	UL.plain LI {
		margin: 5 0 5 0;
	}
/* UL.tab - Inline list, each item appears horizontal in relation to the item next to it. */
UL.tab {
	list-style-type: none;
	padding: 0px;
	margin: 10 0 10 0;
	font-weight: bold;
	text-align: center;
	width: 100%;
	min-width: 400px;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;
}
	UL.tab LI {
		display: inline;
		margin-right: 10px;
		margin-left: 10px;
		width: 40px;
		position: relative;
	}

OL {
	margin: 5 0 5 0;
}
	
OL.callout {
	width: 300px;
	margin: 0 10 0 20;
	padding: 0;
}
	OL.callout LI {
		font-size: 12px;
		margin: 2 0 2 0;
	}
/* P.legal - Copywrite text at the bottom of the page */
P.legal {
	clear: both;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0px;
}

/* Shrink the original size of the "Buy Now" button */
#BB_BuyButtonFormImage {
	width: 80;
	padding: 0;
	margin: 0;
}
/* Cell width for the "quantity" column in a table */
#quantity {
	width: 50;
}
/* Cell width for the "price" column in a table */
#price {
	width: 25;
}
/* width of descriptive text in a Specification section */
#specification_text {
	width: 75%; 
}
#news {
	width: 200;
}
/* Vertical heading for a table */
#table_heading {
	font-weight: bold;
}
#print_visible {
	display: none;
}

BUTTON {
	color: #000099;
	background-color: white;
	border: 1px solid black;
	margin-bottom: 5px;
}