/* CSS Document */


/* Product Menu */

.prodMenu {list-style:none; padding:0; margin:0px 5px 0 0; width:786px; height:26px; border-bottom:1px solid #7b6383;}
.prodMenu li { margin:0; padding:0; float:left;}
.prodMenu li a { float:left; display:inline; position:relative; margin:0px 5px 0 0; width:120px; color:#7b6383; text-decoration:none; font-size:14px; font-weight:bold; text-align:center; }
.prodMenu li a .content { padding:0px 0px 4px 0px; back #eground:4e6ff; border-right:1px solid #7b6383; border-left:1px solid #7b6383; border-bottom:1px solid #7b6383;}

.b1, .b2, .b3, .b4, .alTb1, .alTb2, .alTb3, .alTb4, .RalTb1, .RalTb2, .RalTb3, .RalTb4, .LalTb1, .LalTb2, .LalTb3, .LalTb4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#7b6383; margin:0 5px;}
.b2 {height:1px; background:#e4e6ff; border:1px solid #7b6383; border-width:0 2px 0 2px; margin:0 3px;}
.b3 {height:1px; background:#e4e6ff; border:1px solid #7b6383; border-width:0 1px 0 1px; margin:0 2px;}
.b4 {height:2px; background:#e4e6ff; border:1px solid #7b6383; border-width:0 1px 0 1px; margin:0 1px;}


/* Hover Colour */

.prodMenu li a:hover { color:#654d6c; text-decoration:none;} /* Needed for IE6 or other hover changes will not show (alternative JS script) */
.prodMenu li a:hover .content { color:#7b6383; background: #cfd0ef; border-right:1px solid #7b6383; border-left:1px solid #7b6383; text-decoration:none;}

.prodMenu li a:hover .b1 {height:1px; background:#7b6383; margin:0 5px;}
.prodMenu li a:hover .b2 {height:1px; background:#cfd0ef; border-right:2px solid #7b6383; border-left:2px solid #7b6383; margin:0 3px;}
.prodMenu li a:hover .b3 {height:1px; background:#cfd0ef; border-right:1px solid #7b6383; border-left:1px solid #7b6383; margin:0 2px;}
.prodMenu li a:hover .b4 {height:2px; background:#cfd0ef; border-right:1px solid #7b6383; border-left:1px solid #7b6383; margin:0 1px;}


/* Active Tab Colour */

.alTb1 {height:1px; background:#7b6383; margin:0 5px;}
.alTb2 {height:1px; background:#dbeae6; border-right:2px solid #7b6383; border-left:2px solid #7b6383; margin:0 3px;}
.alTb3 {height:1px; background:#dbeae6; border-right:1px solid #7b6383; border-left:1px solid #7b6383; margin:0 2px;}
.alTb4 {height:2px; background:#dbeae6; border-right:1px solid #7b6383; border-left:1px solid #7b6383; margin:0 1px;}
.alTcontent { padding:0px 0px 4px 0px; background: #dbeae6; border-right:1px solid #7b6383; border-left:1px solid #7b6383; border-bottom:1px solid #dbeae6;}


/* Products Submenu */

.RalTb1 {height:1px; background:#7b6383; margin:0 5px 0 0;}
.RalTb2 {height:1px; background:#dbeae6; border-right:2px solid #7b6383; margin:0 3px 0 0;}
.RalTb3 {height:1px; background:#dbeae6; border-right:1px solid #7b6383; margin:0 2px 0 0;}
.RalTb4 {height:2px; background:#dbeae6; border-right:1px solid #7b6383; margin:0 1px 0 0;}
.RalTcontent { padding:0px 0px 0px 0px; height:22px; background: #dbeae6; border-right:1px solid #7b6383; border-bottom:1px solid #7b6383; background-image:url(../images/product_menu_back.gif); background-position:bottom; background-repeat:repeat-x; position:relative; z-index:100;} /* Needed for CSS menu >> position:relative; z-index:100; do not delete */

.LalTb1 {height:1px; background:#7b6383; margin:3px 0 0 5px;}
.LalTb2 {height:1px; background:#dbeae6; border-left:2px solid #7b6383; margin:0 0 0 3px;}
.LalTb3 {height:1px; background:#dbeae6; border-left:1px solid #7b6383; margin:0 0 0 2px;}
.LalTb4 {height:2px; background:#dbeae6; border-left:1px solid #7b6383; margin:0 0 0 1px;}
.LalTcontent { padding:0px 0px 0px 0px; height:22px; background: #dbeae6; border-left:1px solid #7b6383; border-bottom:1px solid #7b6383; background-image:url(../images/product_menu_back.gif); background-position:bottom; background-repeat:repeat-x;}
