@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
/*	background-color: #CCCCCC;	*/
	background-color:#CCCCCC;
	color:#000000;
	border-top: solid 0px black;
	border-bottom: solid 0px gray;
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;	
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 20px;
	height: 100px;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	background-color:#FFFFCC;
	color:red;
	text-decoration:none;
}

.AccordionPanelContent a
{
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	background-color:#FFFFCC;
	color:red;
	text-decoration:none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color:#666666;
	color:#FFFFFF;	
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
background-color:#6699ff;
color:#FFFFFF;
}
.AccordionPanelOpen .AccordionPanelTabHover {
background-color:#6699ff;
color:#FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color:#CCCCCC;
	color:#000000;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color:#666666;
	color:#FFFFFF;
}


/* CSS Document */

.mybody_style
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}

.fullTable_style
{
background-color:6699ff;
background:#6699FF;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;

}

.mybody_style_forsub
{
	margin-bottom:2px;
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
}


.tblHeader_forsub
{
width:80%;
height:5%;

}

.tblBttns_forsub
{
width:80%;
height:5%;

}

.CompanyName
{
font-weight:bold;
font-size:50px;
color:royalblue;
font-family:Calibri;
text-decoration:none;
cursor:default;
}

.main_table_style
{
border-left:thin;
border-left-color:#ffffff;
border-style:solid;
border-left-width:thin;

border-right:thin;
border-right-color:#ffffff;
border-style:solid;
border-right-width:thin;

border-top:none;
border-top-color:#FFFFFF;
border-top-style:none;

border-bottom::none;
border-bottom-color:#FFFFFF;
border-bottom-style:none;

background-color:#ffffff;
}

.main_table_style_forsub
{
border-left:thin;
border-left-color:#2261AC;
border-style:solid;
border-left-width:thin;

border-right:thin;
border-right-color:#2261AC;
border-style:solid;
border-right-width:thin;

border-top:none;
border-top-color:#FFFFFF;
border-top-style:none;

border-bottom::none;
border-bottom-color:#FFFFFF;
border-bottom-style:none;

width:80%;
height:50%;
}

.logo_style
{
border:none;
height:150px;
width:100px;
}

.bttn_links
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#0033CC;
text-decoration:none;
}

a:link{color:red;}
a:visited{color:#006600;}
a:hover{color:#000000;
font-weight:bold;}
a:focus{color:#000000;}

.pageheader_Style
{
font-size:25px;
color:royalblue;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
cursor:default;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}

.normalheader_style
{
font-weight:bold;
font-size:20px;
color:white;
font-family:Calibri;
text-decoration:underline;
cursor:default;
background-color:royalblue;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}

.paragraphheader_style
{
font:Arial;
font-size:18px;
font-weight:bold;
color:royalblue;
padding-left:5px;
padding-right:5px;
margin-top:0px;
margin-bottom:10px;
}

.paragraph_style
{
font:Tahoma;
font-size:14px;
color:black;
text-decoration:none;
margin-left:5px;
margin-right:5px;
text-align:justify;
font-style:normal;
margin-top:0px;
margin-bottom:10px;
}

.leftmaintable_style
{
background-color:#CCFFFF;
}

.pagefooter_style
{
color:crimson;
font:Arial, Helvetica, sans-serif;
font-size:10px;
}

.contactheader_style
{
font::arial;
font-size:12px;
font-weight:bold;
color:black;
text-decoration:none;
}

.contactdetails_style
{
font::arial;
font-size:12px;
color:black;
text-decoration:none;
}

.contactdetailshyperlink_style
{
font:arial;
font-size:12px;

}

.bullet_style
{
font-family:Arial;
color:#000000;
font-size:12px;
text-transform:capitalize;
font-weight:normal;
cursor:default;
margin-left:5;		
margin-right:3;
letter-spacing:5;
word-spacing:10;
}

.productname_style
{
font:arial;
font-size:14px;
color:crimson;
background-color:#ffffcc;
}

.productname_left_style
{
font:Arial;
font-size:14px;
color:crimson;
padding-left:10px;
margin-top:0px;
margin-bottom:0px;
}


.productname_right_style
{
padding-left:50px;
margin-top:0px;
margin-bottom:0px;
}

.spec_style
{
font-family:Arial;
font-size:small;
color:black;
margin-left:10;
margin-right:10;
margin-top:0;
margin-bottom:0;
padding-bottom:0px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
list-style-position:outside;
text-align:justify;
}

.spec_style_table
{
font-family:Arial;
font-size:11px;
color:black;
text-align:left;
}

.product_name_style
{
font-family:Arial;
font-size:18px;
color:royalblue;
font-weight:bold;
padding-left:10px;
padding-right:10px;
/*
margin-left:10px;
margin-right:10px;*/
margin-top:0;
margin-bottom:0;
text-align:center;
/*background-color:#ECFCFF;*/
}

.product_name_style_for_ProductCatalog
{
font-family:Arial;
font-size:18px;
color:royalblue;
font-weight:bold;
padding-left:10px;
padding-right:10px;
margin-top:0;
margin-bottom:0;
text-align:left;
}

.clerification_link_style
{
/*background-color:#ECFCFF;*/
}

.tbllinksfooter_style_forsub
{
width:80%;
height:5%;
background-color:#ffffff;
}

.tblfooter_style_forsub
{
width:80%;
height:5%;
background-color:#ffffff;
}

.productnavigation
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:red;
margin:2px 2px 2px 2px;
}
