/** Foschini Group - September 2009 - Ince (Pty) Ltd **/
/* TOP MENU */
#wht {width:933px; position:absolute; top:150px; right:16px; height:50px; z-index:2; background:url('../i/menu.gif') repeat-x;}
#navmenu {padding-top:10px; width:933px; width:570px; float:right;}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu a {color:#6d6d6d;}
#pmenu a, #pmenu a:visited {display:block; font-size:0.75em; text-decoration:none; background:#fff; height:30px; padding:0; text-align:center;}

#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
#pmenu li {float:left;}

.cp-size {width:85px; border-right:1px #aaacaf solid; border-left:1px #aaacaf solid; line-height:15px;}
.ir-size {width:85px; border-right:1px #aaacaf solid; line-height:15px;}
.rb-size {width:75px; border-right:1px #aaacaf solid; line-height:15px;}
.fs-size {width:80px; border-right:1px #aaacaf solid; line-height:15px;}
.cg-size {width:97px; border-right:1px #aaacaf solid; line-height:15px;}
.s-size {width:90px; border-right:1px #aaacaf solid; line-height:30px;}
.m-size {width:50px; line-height:30px;}

#au-fall li {display:block; width:171px; border-left:2px #fff solid; border-right:2px #fff solid;}
#au-fall li a, #au-fall li a:visited {background:#b9aca2; font-size:11px!important; text-align:left!important; color:#fff; padding-left:10px; text-decoration:none; font-weight:normal; height:25px; line-height:25px;}
#au-fall li a:hover {text-align:left; color:#000; text-decoration:none; height:25px; background:#fff;}
#au-fall li span {position:absolute; right:15px; z-index:1;}

#sus_fall li {display:block; width:171px; border-left:2px #fff solid; border-right:2px #fff solid; margin-left:-31px;}
#sus_fall li a, #sus_fall li a:visited {background:#b9aca2; font-size:11px!important; text-align:left!important; color:#fff; padding-left:10px; text-decoration:none; font-weight:normal; height:25px; line-height:25px;}
#sus_fall li a:hover {text-align:left; color:#000; text-decoration:none; height:25px; background:#fff;}

#med_fall li {display:block; width:171px; border-left:2px #fff solid; border-right:2px #fff solid; margin-left:-122px;}
#med_fall li a, #med_fall li a:visited {background:#b9aca2; font-size:11px!important; text-align:left!important; color:#fff; padding-left:10px; text-decoration:none; font-weight:normal; height:25px; line-height:25px;}
#med_fall li a:hover {text-align:left; color:#000; text-decoration:none; height:25px; background:#fff;}

#pmenu li:hover {position:relative;}
#pmenu li:hover > a {color:#000; background:#fff;}
#pmenu li ul {display:none;}
#pmenu li:hover > ul {display:block; position:absolute; background:url('clear.gif'); padding:19px 0 0 0; z-index:197;}
#pmenu > li:hover > ul {left:-2px; top:20px;}
#pmenu > li:hover > ul li:hover > ul {left:171px; top:-21px;}
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative;}
* html #pmenu li a:hover {color:#000; background:url('../i/mhov.gif') repeat-x;}
* html #pmenu li li a:hover {position:relative; background:#fff; color:#000;}
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; background:url('../i/clear.gif'); padding:19px 0 0 0;}

#pmenu li a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
#pmenu li a:hover ul {visibility:visible; left:-30px; top:16px; lef\t:-2px; to\p:20px;}
#pmenu li a:hover ul a:hover ul{visibility:visible; top:-19px; left:100px;}
#pmenu li a:hover ul a:hover ul a:hover ul {visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

.bt {border-top:2px #fff solid;}
.bb {border-bottom:2px #fff solid;}
.selected {color:#000; font-weight:bold; text-align:center; font-size:0.85em;}
.left_sel {display:block; background:#c9c0b9; color:#000; font-weight:bold; padding:3px 15px 3px 16px; border-top:1px #fff solid;}

#left_menu {position:absolute; top:225px; left:16px; width:175px;}
#left_menu ul {list-style-type:none; margin:0; padding:0;}
#left_menu li {list-style-type:none; margin:0; padding:0;}
#left_menu li a {display:block; width:145px; background:#d2d4d6; padding:3px 15px 3px 15px; border-top:1px #fff solid; text-decoration:none;}
#left_menu li a:hover {display:block; background:#000; color:#fff;}
#left_menu li ul li a {display:block; padding:3px 15px 3px 15px; background:#e7e8e9; border-top:none; color:#999;}
#left_menu li ul li a:hover {display:block; background:#fff; border-top:none; color:#000;}
#left_menu h1 {font-size:1.1em; color:#fff; background:#a6978b; padding:4px 0 4px 15px; margin:0;}

#right_menu {position:absolute; top:225px; right:22px; width:145px;}
#right_menu h1 {font-size:1.2em; margin:0; padding:0; font-weight:bold; color:#58585a;}
#right_menu ul {list-style-image:url('../i/block.gif'); margin:10px 0 0 0; padding:0;}
#right_menu li {list-style-image:url('../i/block.gif'); margin:0 0 0 15px; padding:0 0 8px 0; font-size:0.8em; text-decoration:none;}
#right_menu li table tr td {font-size:1em; padding:0 4px 0 0;}
#right_menu li a {text-decoration:none;}
#right_menu li a:hover {text-decoration:underline;}