/*NOTE: the borders with 0px can be set to 1px for test purposes*/
/*Everything else is within the ECatalog Table*/
IMG{border:0}
TABLE#ECatalog {width:100%;height:100%}
#Groups {width:220px;vertical-align:top; border-right:0px solid grey}
#Products { vertical-align:top;}

#LIST {}
#DETAILS{}
#BOM{}

#ECatalog .PageTitle {font-size:9pt;COLOR: #4169E1;font-weight:bold;}
#ECatalog .SearchResult {border-bottom:1px solid #4169E1}

/*DIV positioning - play with text-align and float to change positions*/
.ECatImage1 {float:right;text-align:right;padding:5px}
.ECatImage1 IMG {width:50px}
.ECatProdPrice {float:right;text-align:right;}
.ECatNoProd {text-align:center;margin-top:25px;font-size:10pt;font-weight:bold}

#ToolTip {display:none;border:1px outset black;background-color:#FFF9AD;color:black;position:absolute;padding:5px}

/*Characteristics*/
#ECatalog .CharTable {clear:both}
.ECatLinks {float:right;border:0px solid red;margin-right:10px;}

/*Overrides-extras for details*/
.ECatImage2 {float:right;text-align:right;padding:0px 5px 5px}
.ECatLongDesc {display:block;margin-left:10px}
.ECatProdLink {padding-top:5px;float:left}
.ECatProdFile {padding-top:5px;float:right}
#DETAILS .ECatProdPrice {padding-top:5px;clear:both}
#DETAILS .ECatLinks {clear:right;border:0px solid red;margin-right:10px;margin-top:10px}

/*Styles for groups menu*/
#Groups A {font-size:8pt;cursor:pointer;text-decoration:none}
A.GroupLink:hover {background-color:#ECECEC}
A.GroupLink:active {color:black}
.GroupChild {border:0px solid red;margin-left:10px;margin-top:3px}
.GroupParent {border:0px solid blue;margin-top:3px}
.GroupChildren {border:0px solid black;margin-left:10px}
.ToggleLink {font-family:Courier New;font-weight:bold;margin-right:3px}
.GroupLinkSelected {color:black}

/*Styles for BOM table*/
#BOM TABLE {padding:0px 5px 5px 0px;font-size:8pt;width:100%}
#BOM TR {height:25px}
#BOM TD {border-style:solid;border-color:#666666;padding: 2px;}
.ToggleBox {width:5%;border-width:1px 0px 1px 1px;text-align:center}
.NoBorder {border-width:0px}

.PrdNbTop, .PrdNameTop, .PrdPriceTop {border-width:1px 0px 1px 1px;}
.PrdNbRow, .PrdNameRow, .PrdPriceRow {border-width:0px 0px 1px 1px}

.TopRight {border-width:1px}
.BottomRight {border-width:0px 1px 1px 1px}
.PrdNbTop, .PrdNbRow {width:20%}
.PrdNameTop, .PrdNameRow {}
.PrdPriceTop, .PrdPriceRow {width:15%;text-align:right}
.TopRight, .BottomRight {width:6%;text-align:center}