/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						24/09/2009

						Version 1.0

						Project: CS Digital

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
/*---------------------------
       Static Menu
-----------------------------*/
#menu ul.menustatic{
    float:left;
    width:335px;
    height:20px;
    margin:8px 0 0 0;
    padding:0 0 0 15px;
    list-style:none;
    border-right:1px solid #DCDDDE;
}
#menu ul.menustatic li{
    float:left;
    text-align:center;
    padding:3px 0 0 0;
}
#menu ul.menustatic li a{
    padding:0 2.5em 0 2.5em;
}
/*---------------------------
       Product Menu
-----------------------------*/
#productmenu{
    float:left;
    width:197px;
}
#productmenu ul li{
    width:197px;
    height:32px;
}
#productmenu ul li a{
    display:block;
    width:182px;
    height:25px;
    padding:7px 0 0 15px;
    background:url("../images/btn_menu_prod.gif");
}
#productmenu ul li a:hover{
    background:url("../images/btn_menu_prod_hover.gif");
}
/*---------------------------
		Drop Menu
-----------------------------*/
#menu{
    width:954px;
    height:34px;
    margin:0px 0 0 0;
    background:url("../images/bg_menu.gif") repeat-x;
    border:1px solid #DCDDDE;
}
#menu ul.menudrop{
    float:right;
    width:544px;
    list-style:none;
}
#menu ul.menudrop li{
    float:left;
    width:136px;
    text-align:center;
}
#menu ul.menudrop li.cyan{
    background:url("../images/bg_cyan.gif") repeat-x;
}
#menu ul.menudrop li.magenta{
    background:url("../images/bg_magenta.gif") repeat-x;
}
#menu ul.menudrop li.yellow{
    background:url("../images/bg_yellow.gif") repeat-x;
}
#menu ul.menudrop li.black{
    background:url("../images/bg_black.gif") repeat-x;
}
#menu ul.menudrop li a{
    display:block;
    width:136px;
    height:23px;
    padding:11px 0 0 0;
}
#menu ul.menudrop li ul{
    position:absolute;
    z-index:100;
    left:-1000em;
    width:205px;
    padding:8px 5px 8px 5px;
    list-style:none;
    text-align:left;
}
#menu ul.menudrop li ul li{
    width:205px;
    text-align:left;
}
#menu ul.menudrop li ul.cyan, #menu ul.menudrop li.cyan a:hover{
    background:url("../images/bg_cyan.gif") repeat;
}
#menu ul.menudrop li ul.magenta, #menu ul.menudrop li.magenta a:hover{
    background:url("../images/bg_magenta.gif") repeat;
}
#menu ul.menudrop li ul.yellow, #menu ul.menudrop li.yellow a:hover{
    background:url("../images/bg_yellow.gif") repeat;
}
#menu ul.menudrop li ul.black, #menu ul.menudrop li.black a:hover{
    background:url("../images/bg_black.gif") repeat;
}
#menu ul.menudrop li:hover ul{
    left:auto;
}
#menu ul.menudrop li ul li a{
    width:200px;
    height:19px;
    padding:5px 0 0 5px;
}
#menu ul.menudrop li ul.cyan li a{
    background:url("../images/bg_menu_sub_cyan.gif");
}
#menu ul.menudrop li ul.cyan li a:hover{
    background:url("../images/bg_menu_sub_cyan_hover.gif");
}
#menu ul.menudrop li ul.magenta li a{
    background:url("../images/bg_menu_sub_magenta.gif");
}
#menu ul.menudrop li ul.magenta li a:hover{
    background:url("../images/bg_menu_sub_magenta_hover.gif");
}
#menu ul.menudrop li ul.yellow li a{
    background:url("../images/bg_menu_sub_yellow.gif");
}
#menu ul.menudrop li ul.yellow li a:hover{
    background:url("../images/bg_menu_sub_yellow_hover.gif");
}
#menu ul.menudrop li ul.black li a{
    background:url("../images/bg_menu_sub_black.gif");
}
#menu ul.menudrop li ul.black li a:hover{
    background:url("../images/bg_menu_sub_black_hover.gif");
}