<!--

/*##########################################################################*/
/* Container / Component formatting */
#container_page_display {
	/*position:absolute;*/
	float:left;
	width:819px;
	margin-left:1px;
	/*background-color: #FAFAFA;*/
	color:#000000;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	background-image:url('http://www.acculex.com/images/component_bg_fade4a.jpg');
}

/* The banner at the top of the product information pages*/
.container_title_bar_div {
	color:white;
	font-size:32px;
	float:left;
	width:100%;
	background-color: #0c3963;
}

/* The area under the container title bar*/
.container_summary_bar_div {
	float:left;
	font-size:15px;
	width:100%;
	background-color: #c4deff;	/*#e9e9ff;*/
}

/* The area with the container summary, usually a bullent point list to preview a product's features*/
.container_desc_div {
	float:left;
	width:88%;
}

/* The pdf link icon area*/
.container_desc_pdf_div {
	float:right;
	width:12%;
	padding-top:1px;
	padding-bottom:1px;
	text-align:right;
	vertical-align:middle;
}

/* Divides the product information page*/
.container_page_row {
	float:left;
	width:100%;
	border-style: solid;
	border-width: 0px;
	border-color: #AAAAAA;
}


/* The banner at the top of the product information pages*/
.component_page_column_wide {
	float:left;
	width:66.5%;
	border-style: solid;
	border-width: 0px;
	border-color: #AAAAAA;
}
/* defines the width of the "narrow" components of a product information page*/
.component_page_column_narrow {
	float:right;
	width:32.5%;
	border-style: solid;
	border-width: 0px;
	border-color: #AAAAAA;
	display:inline;
}
/* defines the width of the "wide" components of a product information page*/
.component_page_column_broad {
	float:left;
	width:100%;
	border-style: solid;
	border-width: 0px;
	border-color: #AAAAAA;
}

/* Generic div that floats left*/
#float_left_div
{
	float:left;
}

.product_list_box {
	margin-top:1px;
	padding-top:2px;
	padding-left:10px;
	padding-right:2px;
	padding-bottom:2px;
	font-size:11px;
	color:#555555;
	height:200px;
	width:260px;
	text-align:center;
	float:left;
}
.product_list_box a{
	font-size:14px;
	color:black;
}


.product_list_row0 {
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	float:left;
	background-color:#c4deff;
}
.product_list_row1 {
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	float:left;
	background-color:#d5d5e5;
}
.product_list_image_div {
	float:left;
	width:2%;
}
.product_list_info_div {
	float:left;
	width:80%;
	margin-top:9px;
	font-size:12px;
	font-family: verdana, arial, sans-serif;
}
.product_list_info_div a {
	font-size:14px;
	font-family: verdana, arial, sans-serif;
}

.product_list_pdf_div {
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	vertical-align:center;
	width:15%;	
}


/*##########################################################################*/
/* Item Code Tree Formatting */
.item_code_tree_indent_td {
	color:gray;
	padding-left:5px;
}
.item_code_tree_label_td {
	color:#FFFFFF;
	background-color:#444444;
	padding-left:2px;
}

.item_code_tree_result_cell {
	color:gray;
	width:30px;
	border-style: solid;
	border-width: 1px;
	border-color: #555555;
}

/*##########################################################################*/
/* Component Type Formatting, note that some settings might be in the above section*/
/* Also note that these are named after the info sections as defined in the database*/
.component_desc {
	/*text-align:justify;   <- not sure that justified looks good*/
}
.component_features {
	background-color:  #E0EBF9;	/*#e9e9ff;*/
}
.component_apps {
	background-color: #E0EBF9;	/*#e9e9ff;*/
}
.component_ordering_info {
	
}
.component_specs {
	
}
.component_aux_image {
	
}
.component_technical_notes {
	/*text-align:justify;   <- not sure that justified looks good*/
}
.component_connections {
	
}
.component_borderless_image {
	
}
.component_pdf {
	
}
.component_embedded_container {
	
}
.component_searchable_hidden_text {
	
}
.component_purchasing_block {
	
}
.component_item_number_tree {
	
}
.component_subcontainer_list {
	
}
.component_store_link {
	
}

.image_narrow {
	width:240;
}

.image_wide {
	width:410;
}
.image_broad {
	width:650;
}

.specs_table {
	width:100%;
} 

.specs_table {
	vertical-align:top;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
}

.specs_row0 {
	background-color: #E0EBF9;	/*#e9e9ff;*/
}

.specs_row1 {
	background-color:#FFFFFF;
}

.specs_col_1of3 {
	width:20%;
}
.specs_col_2of3 {
	width:30%;
}
.specs_col_3of3 {
	width:50%;
}


/* -----------------------------------------------------------------------------------------*/
/* Product Info pages (containers) with tabbed info blocks (components)*/
.container_tab_row {
	FLOAT: left;
	 WIDTH: 100%
}
.tabbed_image_div {
	FLOAT: left;
	 WIDTH: 28%
}
.tabbed_info_div {
	FLOAT: right;
	 WIDTH: 70%
}
.tabbed_title_div {
	FONT-WEIGHT: bold;
	 FONT-SIZE: 20px;
	 FLOAT: left;
	 WIDTH: 70%
}
.tabbed_summary_div {
	FONT-SIZE: 11px;
	 FLOAT: left;
	 WIDTH: 100%;
	 COLOR: #555555
}
.tabbed_desc_div {
	MARGIN-TOP: 10px;
	 FONT-SIZE: 13px;
	 FLOAT: left;
	 WIDTH: 100%;
	 COLOR: #000000
}
.tabbed_pdf_div {
	FLOAT: right;
	 WIDTH: 20%;
	 MARGIN-RIGHT: 20px
}
.float_right_div {
	FONT-SIZE: 10px;
	 FLOAT: right
}
.component_tab_div_unselected {
	BORDER-RIGHT: #bbbbbb 2px solid;
	 PADDING-RIGHT: 10px;
	 BORDER-TOP: #bbbbbb 1px solid;
	 PADDING-LEFT: 10px;
	 FLOAT: left;
	 PADDING-BOTTOM: 4px;
	 BORDER-LEFT: #bbbbbb 1px solid;
	 MARGIN-RIGHT: 1px;
	 PADDING-TOP: 4px;
	 HEIGHT: 20px;
	 BACKGROUND-COLOR: #eeeeee
}
.component_tab_div_unselected A {
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	COLOR: #555555
}
.component_tab_div_selected {
	BORDER-RIGHT: #111111 2px solid;
	 PADDING-RIGHT: 10px;
	 BORDER-TOP: #111111 1px solid;
	 PADDING-LEFT: 10px;
	 FLOAT: left;
	 PADDING-BOTTOM: 4px;
	 BORDER-LEFT: #111111 1px solid;
	 MARGIN-RIGHT: 1px;
	 PADDING-TOP: 4px;
	 HEIGHT: 20px;
	 BACKGROUND-COLOR: #eefaff
}
.component_tab_div_selected A {
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	FONT-WEIGHT: bold;
	 COLOR: #111111
}
.component_tab_content_area {
	BORDER-RIGHT: #444444 2px solid;
	 PADDING-RIGHT: 2px;
	 BORDER-TOP: #444444 1px solid;
	 PADDING-LEFT: 2px;
	 FLOAT: left;
	 PADDING-BOTTOM: 2px;
	 BORDER-LEFT: #444444 1px solid;
	 WIDTH: 98%;
	 PADDING-TOP: 2px;
	 BORDER-BOTTOM: #444444 2px solid;
	 BACKGROUND-COLOR: #ffffff
}
.tab_explanation {
	 width:100px;
	 BORDER-RIGHT: #EEEEEE 0px solid;
	 PADDING-RIGHT: 10px;
	 font-size:9px;
	 color: #777777;
	 BORDER-TOP: #EEEEEE 0px solid;
	 PADDING-LEFT: 5px;
	 FLOAT: left;
	 PADDING-BOTTOM: 0px;
	 BORDER-LEFT: #EEEEEE 0px solid;
	 MARGIN-RIGHT: 1px;
	 PADDING-TOP: 1px;
	 HEIGHT: 27px;
	 BACKGROUND-COLOR: #FFFFFF;
}


.component_title_bar {
	float:left;
	width:100%;
	background-color: #000000;
}
.component_title_bar_text {
	float:left;
	margin-left:20px;
	padding-top:2px;
	padding-bottom:1px;
	font-weight: bold;
	color: #FFFFFF;
	font-size:12px;
}


.embedded_pricing {
	height:20px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	color:#AA0000;
	font-weight:bold;
}


.component_title_bar_tabbed {
	margin-top:15px;
	background-color:#555555;
	color:white;
	width:100%;
	font-size:14px;
	padding:2px;
}


/*##########################################################################*/
/* Realtime Pricing Table (which shows below product/series info) */
.pricing_realtime_div {
	FLOAT: left
}
.pricing_realtime_table {
	width:100%;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
} 
.pricing_realtime_table td {
	vertical-align:middle;
	font-family: verdana, arial, sans-serif;
	font-size:13px;
	padding-left:4px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc; 
}
.pricing_realtime_table a {
	vertical-align:middle;
	font-family: verdana, arial, sans-serif;
	font-size:13px;
}


.pricing_realtime_row_0 {
	height:35px;
	background-color:#EEEEEE;
}

.pricing_realtime_row_1 {
	height:35px;
}

.pricing_realtime_header_td {
	height:20px;
	color:white;
	background-color:black;
	padding-left:4px;
}
.pricing_realtime_image_td {
	width:15%;
	text-align:center;
}
.pricing_realtime_key_td {
	width:22%;
	text-align:left;
	vertical-align:middle;
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
.pricing_realtime_desc_td {
	color:#555555;
	width:36%;
}
.pricing_realtime_price_td {
	width:12%;
}
.pricing_realtime_item_link_td {
	width:25%;
	text-align:center;
}
-->