/*
****************************************************************
MENU HTML STYLES
*****************************************************************
*/
div.menu ul
{
	text-decoration : none;
	list-style : none;
	margin : 0px;
	padding : 0px;
	text-align : left;
}

div.menu.secondary
{
	width : 100%;
	height : 30px;
	margin : 0px;
	padding : 0px;
}
div.menu.secondary ul
{
	float : right;
	height : 30px;
}
div.menu.secondary ul li
{
	float : left;
	height : 30px;
	padding : 0px 10px;
}
div.menu.secondary ul li.active
{
	background : url(../images/header/headerTabBg.jpg) repeat-x top left;
}
div.menu.secondary ul li a
{
	font-size : 10px;
	font-weight : normal;
	color : #656A70;
	padding-bottom : 2px;
	letter-spacing : 1px;
}
div.menu.secondary ul li a:hover
{
	border-bottom : solid 1px #FF339A;
}
div.menu.secondary ul li.active
{
	position : relative;
	padding : 0px 20px;
}
div.menu.secondary ul li.active div.hdrTabLeft
{
	width : 10px;
	height : 30px;
	background : url(../images/header/headerTabLeft.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	left : 0px;
	float : left;
}
div.menu.secondary ul li.active div.hdrTabRight
{
	width : 10px;
	height : 30px;
	background : url(../images/header/headerTabRight.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	right : 0px;
	float : right;
}
div.menu.secondary ul li.active a
{
	color : white;
	font-weight : bold;
}

div.menu.primary
{
	height : 40px;
	margin : 0px;
	padding : 0px;
	background : url(../images/menu/mnuPrimaryBg.jpg) repeat-x top left;
	position : relative;
}
div.menu.primary div.mnuPrimaryBgLeft
{
	width : 10px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryBgLeft.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	left : 0px;
	float : left;
}
div.menu.primary div.mnuPrimaryBgRight
{
	width : 10px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryBgRight.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	right : 0px;
	float : right;
}
div.menu.primary ul
{
	float : left;
	height : 40px;
	margin-left : 15px;
}
div.menu.primary ul li
{
	float : left;
	height : 40px;
	padding : 0px 10px;
}
div.menu.primary ul li.new
{
	background : url(../images/menu/mnuNew.jpg) no-repeat top left;
	padding-left : 50px;
}
div.menu.primary ul li a
{
	display : block;
	font-size : 10px;
	font-weight : normal;
	color : white;
	padding-bottom : 3px;
	padding-top : 15px;
	letter-spacing : 1px;
}
div.menu.primary ul li a:hover
{
	border-bottom : solid 1px #FF339A;
}
div.menu.primary ul li.activefirst
{
	position : relative;
	padding : 0px 20px 0px 10px;
	background : url(../images/menu/mnuPrimaryTabBg.jpg) repeat-x top left;
}
div.menu.primary ul li.activefirst.new
{
	padding-left : 55px;
}
div.menu.primary ul li.activefirst div.mnuPrimaryTabLeft
{
	width : 10px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryTabLeft.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	left : 0px;
	float : left;
}
div.menu.primary ul li.activefirst.new div.mnuPrimaryTabLeft
{
	background : url(../images/menu/mnuNewPrimaryTabLeft.jpg) no-repeat top left;
	width : 51px;
}
div.menu.primary ul li.activefirst div.mnuPrimaryTabRight
{
	width : 20px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryTabRight.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	right : 0px;
	float : right;
}
div.menu.primary ul li.activefirst a
{
	color : white;
	font-weight : bold;
}
div.menu.primary ul li.activerest
{
	position : relative;
	padding : 0px 20px 0px 10px;
	background : url(../images/menu/mnuPrimaryTabBg.jpg) repeat-x top left;
}
div.menu.primary ul li.activerest.new
{
	padding-left : 55px;
}
div.menu.primary ul li.activerest div.mnuPrimaryTabLeft
{
	width : 10px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryTabLeft.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	left : 0px;
	float : left;
}
div.menu.primary ul li.activerest.new div.mnuPrimaryTabLeft
{
	background : url(../images/menu/mnuNewPrimaryTabLeft.jpg) no-repeat top left;
	width : 51px;
}
div.menu.primary ul li.activerest div.mnuPrimaryTabRight
{
	width : 20px;
	height : 40px;
	background : url(../images/menu/mnuPrimaryTabRight.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	right : 0px;
	float : right;
}
div.menu.primary ul li.activerest a
{
	color : white;
	font-weight : bold;
}

div.menu.tools
{
	height : 40px;
	margin : 0px 0px 0px 110px;
	padding : 0px;
}
div.menu.tools ul
{
	height : 40px;
	background : url(../images/footer/ftrTabBg.jpg) repeat-x top left;	
	float : left;
}
div.menu.tools ul li
{
	float : left;
	height : 40px;
	padding : 0px 10px;
}
div.menu.tools ul li a
{
	display : block;
	font-size : 10px;
	font-weight : normal;
	color : black;
	padding-bottom : 3px;
	padding-top : 9px;
	letter-spacing : 1px;
}
div.menu.tools ul li a:hover
{
	border-bottom : solid 1px #FF339A;
}

div.panel.left div.menu.section
{
	background : #FFDDEE url(../images/menu/mnuSecondaryFtr.jpg) no-repeat bottom left;
	padding-bottom : 15px;
}
div.panel.left div.menu.section ul
{
	padding : 5px 0px;
}
div.panel.left div.menu.section ul li
{
	padding : 3px 0px 5px 0px;
}
div.panel.left div.menu.section ul li h3
{
	color : black;
	padding : 0px 10px;
}
div.panel.left div.menu.section ul li a
{
	font-size : 10px;
	font-weight : bold;
	line-height : 11px;
	color : black;
	margin : 0px;
	padding : 0px 0px 3px 0px;
	letter-spacing : 1px;
}
div.panel.left div.menu.section ul.menu.section.parent li ul.menu.section.child li
{
	padding-left : 20px;
	padding-right : 20px;
}
div.panel.left div.menu.section ul.menu.section.parent li ul.menu.section.child li:hover
{
	background-color : #FF339A;
	color : white;

}
div.panel.left div.menu.section ul.menu.section.parent li ul.menu.section.child li a
{
	font-weight : normal;
}
div.panel.left div.menu.section ul.menu.section.parent li ul.menu.section.child li.active
{
	background-color : #FF339A;
	color : white;
}
div.panel.left div.menu.section ul.menu.section.parent li ul.menu.section.child li.active a
{
	color : white;
}

div.panel.right div.menu.section
{
	background : #EBEBEB url(../images/menu/mnuSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 15px;
	margin : 5px 0px;
	position : relative;
}
div.panel.right div.menu.section div.mnuSecondaryPanelHdr
{
	background : #EBEBEB url(../images/menu/mnuSecondaryRightHdr.jpg) no-repeat top left;
	position : absolute;
	top : 0;
	left : 0;
	width : 190px;
	height : 13px;
}
div.panel.right div.menu.section h3
{
	padding : 13px 10px 5px 10px;
	display : block;
}
div.panel.right div.menu.section ul
{
	padding : 0px;
	text-align : left;
}
div.panel.right div.menu.section ul li
{
	padding : 3px 10px 5px 10px;
}
div.panel.right div.menu.section ul li a
{
	font-size : 10px;
	font-weight : bold;
	line-height : 11px;
	color : black;
	margin : 0px;
	padding : 0px 0px 3px 0px;
	letter-spacing : 1px;
}
div.panel.right div.menu.section ul li a:hover
{
	border-bottom : solid 1px #FF339A;
}
div.panel.right div.menu.section ul.menu.section.parent li ul.menu.section.child li
{
	padding-left : 10px;
}
div.panel.right div.menu.section ul.menu.section.parent li ul.menu.section.child li a
{
	font-weight : normal;
}

div.panel.right div.menu.section.critical
{
	background : #000000 url(../images/menu/mnuCriticalSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 15px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.section.critical.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.section.critical h3
{
	background : #000000 url(../images/menu/mnuCriticalSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.section.critical.detached h3
{
	background : #000000 url(../images/menu/mnuCriticalSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.section.critical ul
{
	padding : 5px 0px;
	text-align : left;
}
div.panel.right div.menu.section.critical ul li
{
	padding : 3px 10px 5px 10px;
}
div.panel.right div.menu.section.critical ul li h4
{
	color : #FFFFFF;
	margin : 0px;
	padding : 5px 0px;
	font-size : 11px;
	font-weight : normal;
}
div.panel.right div.menu.section.critical ul li span
{
	color : #656A70;
	font-size : 10px;
	font-weight : bold;
	padding-right : 5px;
}
div.panel.right div.menu.section.critical ul li a
{
	font-size : 10px;
	font-weight : bold;
	line-height : 11px;
	color : black;
	margin : 0px;
	padding : 0px 0px 2px 0px;
	border-bottom : solid 1px #FF339A;
	letter-spacing : 1px;
	color: #FF339A;
}
div.panel.right div.menu.section.critical ul li a:hover
{
	border-bottom : solid 1px #656A70;
}
div.panel.right div.menu.section.critical ul.menu.section.parent li ul.menu.section.child li
{
	padding-left : 10px;
}
div.panel.right div.menu.section.critical ul.menu.section.parent li ul.menu.section.child li a
{
	font-weight : normal;
}

div.panel.right div.menu.section.shop
{
	background : #FF3399 url(../images/menu/mnuShopSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 40px;
	margin : 5px 0px;
	position : relative;
}
div.panel.right div.menu.section.shop div.mnuShopSecondaryPanelHdr
{
	background : black url(../images/menu/mnuShopSecondaryRightHdr.jpg) no-repeat top left;
	position : absolute;
	top : 0;
	left : 0;
	width : 190px;
	height : 10px;
}
div.panel.right div.menu.section.shop h3
{
	padding : 10px;
	display : block;
	color : white;
	background-color: black;
}
div.panel.right div.menu.section.shop h4
{
	padding : 10px 10px 12px 10px;
	margin : 0px;
	display : block;
	background-color: #FF5BAD;
}
div.panel.right div.menu.section.shop h4 a
{
	color : white;
	font-size : 10px;
	font-weight : bold;
	padding-bottom : 3px;
	border-bottom : solid 1px white;
}
div.panel.right div.menu.section.shop h4 a:hover
{
	border-bottom : solid 1px #FF339A;
}
div.panel.right div.menu.section.shop a
{
	font-size : 10px;
	font-weight : normal;
	line-height : 11px;
	color : white;
	margin : 0px;
	padding : 0px;
	letter-spacing : 1px;
}
div.panel.right div.menu.section.shop p
{
	display : block;
	padding : 10px 10px 5px 10px;
	font-size : 11px;
	/*line-height : 11px;*/
	color : white;
}
div.panel.right div.menu.section.shop ul li
{
	color : white;
	font-size : 11px;
}
div.panel.right div.menu.section.shop ul li
{
	list-style-image : url(../images/screen/blackarrow.gif);
	padding-left : 0px;
	margin-left : 25px;
}

div.panel.right div.menu.section.community
{
	background : #FFDFEE url(../images/community/mnuCommunitySecondaryFtr.png) no-repeat bottom left;
	padding-top : 30px;
	padding-bottom : 20px;
	margin : 5px 0px;
	position : relative;
}
div.panel.right div.menu.section.community div.mnuCommunitySecondaryPanelHdr
{
	background :#FFDFEE url(../images/community/mnuCommunitySecondaryHdr.png) no-repeat top left;
	position : absolute;
	top : 0;
	left : 0;
	width : 190px;
	height : 40px;
}
div.panel.right div.menu.section.community h3
{
	padding : 5px 10px;
	display : block;
	color : #656A70;
}
div.panel.right div.menu.section.community h4
{
	padding : 5px 10px;
	margin : 0px;
	display : block;
	color : #656A70;
}
div.panel.right div.menu.section.community a
{
	font-size : 11px;
	font-weight : bold;
	color : black;
	padding-bottom : 1px;
	margin-bottom : 1px;
	border-bottom : solid 1px #FF339A;
}

div.panel.right div.menu.section.community p
{
	display : block;
	padding : 5px 10px;
	font-size : 11px;
	color : #656A70;
}
div.panel.right div.menu.section.community ul li
{
	color : #656A70;
	font-size : 11px;
}
div.panel.right div.menu.section.community ul li
{
	list-style-image : url(../images/screen/blackarrow.gif);
	padding-left : 0px;
	margin-left : 25px;
}

div.panel.right div.menu.section.bafb
{
	background : #012F60 url(../images/bafb/mnuBafbSecondaryFtr.png) no-repeat bottom left;
	padding-top : 30px;
	padding-bottom : 20px;
	margin : 5px 0px;
	position : relative;
}
div.panel.right div.menu.section.bafb div.mnuBafbSecondaryPanelHdr
{
	background :#012F60 url(../images/bafb/mnuBafbSecondaryHdr.png) no-repeat top left;
	position : absolute;
	top : 0;
	left : 0;
	width : 190px;
	height : 80px;
}
div.panel.right div.menu.section.bafb h3
{
	padding : 5px 10px;
	display : block;
	color : #FFFFFF;
}
div.panel.right div.menu.section.bafb h4
{
	padding : 5px 10px;
	margin : 0px;
	display : block;
	color : #FFFFFF;
}
div.panel.right div.menu.section.bafb a
{
	font-size : 11px;
	font-weight : bold;
	color : #AACCD8;
	padding-bottom : 1px;
	margin-bottom : 1px;
	border-bottom : solid 1px #FFFFFF;
}

div.panel.right div.menu.section.bafb p
{
	display : block;
	padding : 5px 10px;
	font-size : 11px;
	color : #FFFFFF;
}
div.panel.right div.menu.section.bafb ul li
{
	color : #FFFFFF;
	font-size : 11px;
}
div.panel.right div.menu.section.bafb ul li
{
	list-style-image : url(../images/screen/skybluearrow.gif);
	padding-left : 0px;
	margin-left : 25px;
}

div.panel.right div.menu.contact
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 25px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.contact.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.contact h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.contact.detached h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.contact img
{
	display : block;
	margin : 0px;
	padding : 5px 0px;

}
div.panel.right div.menu.contact a
{
	display : inline;
	padding : 10px;
	color : #FF339A;
	font-size : 10px;
	font-weight : bold;
}
div.panel.right div.menu.contact p
{
	color : white;
	padding : 0px 10px;
}

div.panel.right div.menu.licensing
{
	background : #000000 url(../images/menu/mnuLicensingSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 25px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.licensing.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.licensing h3
{
	background : #000000 url(../images/menu/mnuLicensingSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.licensing.detached h3
{
	background : #000000 url(../images/menu/mnuLicensingSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.licensing dl
{
	margin : 0px;
	padding : 10px;
	font-size : 10px;
	text-align : left;
}
div.panel.right div.menu.licensing dl dt
{
	color : #FF339A;
	font-weight : bold;
}
div.panel.right div.menu.licensing dl dd
{
	color : white;
	margin : 5px 0px 10px 0px;
}
div.panel.right div.menu.piggyad
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 45px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.piggyad.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.piggyad h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.piggyad.detached h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.piggyad a
{
	display : inline;
	padding : 0px;
	color : #FF339A;
	font-size : 11px;
	font-weight : bold;
}
div.panel.right div.menu.piggyad p
{
	color : white;
	padding : 0px 10px;
}
div.panel.right div.menu.blogad
{
	background : #000000 url(../images/menu/mnuCriticalSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 25px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.blogad.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.blogad h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.blogad.detached h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.blogad a
{
	display : inline;
	padding : 0px;
	color : #FF339A;
	font-size : 11px;
	font-weight : bold;
}
div.panel.right div.menu.blogad p
{
	color : white;
	padding : 0px 10px;
}

div.panel.right div.menu.headphones
{
	background : #000000 url(../images/menu/mnuHeadphonesSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 50px;
	margin-top : -2px;
	text-align : left;
}
div.panel.right div.menu.headphones.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.headphones h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryRightHdr.jpg) no-repeat top left;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.headphones.detached h3
{
	background : #000000 url(../images/menu/mnuContactSecondaryDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.headphones a
{
	display : inline;
	padding : 0px;
	color : #FF339A;
	font-size : 11px;
	font-weight : bold;
}
div.panel.right div.menu.headphones p
{
	color : white;
	padding : 0px 10px;
}

div.panel.right div.menu.form
{
	background : #81B3FF url(../images/menu/mnuFormSubmitRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 10px;
	margin-top : 0px;
	text-align : left;
}
div.panel.right div.menu.form.detached
{
	margin-top : 10px;
}
div.panel.right div.menu.form h3
{
	background-color : #0066FF;
	color : white;
	width : 170px;
	height : 15px;
	padding : 5px 10px;
	display : block;
}
div.panel.right div.menu.form.detached h3
{
	background : #000000 url(../images/menu/mnuFormSubmitDetachedRightHdr.jpg) no-repeat top left;
}
div.panel.right div.menu.form a
{
	display : inline;
	padding : 0px;
	color : #FF339A;
	font-size : 11px;
	font-weight : bold;
}
div.panel.right div.menu.form p
{
	color : black;
	padding : 10px 10px 0px 10px;
	line-height : 12px;
	font-size : 11px;
}
div.menu.form form { padding : 10px; width : 170px; }
div.menu.form form fieldset { border : none;	margin : 0px;	padding : 0px;	}
div.menu.form form fieldset legend { display : none; }
div.menu.form form fieldset div.field {	clear : left; float : left; width : 160px; }
div.menu.form form fieldset div.field label{	color : white; 	float : left;	font-size : 10px;	font-weight : bold; display : block;	width : 100%;	margin-bottom : 5px;}
div.menu.form form fieldset div.field input{	float : left; clear : left; font-size : 10px;	display : block;	width : 100%;		margin-bottom : 5px;	}
div.menu.form form div.submit {	margin : 0px;	width : 165px;	padding : 10px 0px 0px 0px;	text-align : right;}
div.menu.form form div.submit input{	background-color : #0066FF;	border : solid 1px white;	font-size : 11px;	font-weight : bold;	padding : 5px;	color : white;	cursor : pointer; }
div.menu.form form div.submit input:hover{	background-color : #81B3FF; }

div.form.section
{
	background : #FF3399 url(../images/menu/mnuShopSecondaryRightFtr.jpg) no-repeat bottom left;
	padding-bottom : 40px;
	margin : 5px 0px;
	position : relative;
}
div.form.section h3
{
	background : #000000 url(../images/menu/mnuShopSecondaryRightHdr.jpg) no-repeat top left;
	color:white;
	display:block;
	height:10px;
	padding:10px;
	width:170px;
}
div.form.section form
{
	margin:5px 0;
	width:190px;
}
div.form.section form legend
{
	display : none;
}
div.form.section form fieldset
{
	border : none;
}
div.form.section form div.fieldset fieldset div.field label
{
	color : black;
	float : left;
	font-size : 11px;
	display : block;
	width : 160px;
	margin-bottom : 5px;
}
div.form.section form div.fieldset fieldset div.field input
{
	float : left;
	clear : left;
	font-size : 11px;
	display : block;
	width : 160px;
	margin-bottom : 5px;
}
div.form.section form div.fieldset fieldset div.field textarea
{
	float : left;
	clear : left;
	font-size : 11px;
	display : block;
	width : 160px;
	height : 150px;
	margin-bottom : 5px;
}
div.form.section form div.submit
{
	width : 160px;
	margin:0 auto;
	padding:0px;
	text-align:right;
}
div.form.section form div.submit input
{
	background-color : #FF5BAD;
	border : solid 1px white;
	font-size : 11px;
	font-weight : bold;
	padding : 5px;
	color : white;
	cursor : pointer;
}
div.form.section form div.submit input:hover
{
	color : #656A70;
}