/*--CSS RESET--*/

#nav-bar ul, #nav-bar ol, #nav-bar li
{
	list-style-type: none;
	margin:0px;
	padding:0;
}

#nav-bar a
{
	text-decoration: none;
	cursor: pointer;
}

#nav-bar a img
{
	border: none;
}

/*--CLEARING FLOATS. PROVIDE CLASS NAME "clearfix" TO THE PARENT CONTAINER. HERE IT IS "ul#nav-bar"--*/
.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*--FOR IE6--*/
* html .clearfix
{
  height: 1%;
}

/*--FOR IE7--*/
.clearfix
{
  min-height: 1px;
}

.clearleft
{
  clear: left;
}


div#wrapper
{
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          CSS FOR MAIN NAVIGATION BAR STYLING STARTS HERE                                          */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
ul#nav-bar
{
  float: left;
  width:1004px;
  height: 35px;
  position: relative;
  padding:0 0 0 4px;
  margin:0;

  /*--Gradient--*/
  background: url(../images/nav-bg.png) repeat-x 0 0; /*--Fallback for IE and other non-CSS3 and buggy browsers--*/
  z-index:9000;
}


ul#nav-bar li.top-menu
{
  float: left;
  height: 35px;  /*--THAT IS, HEIGHT OF NAVIGATION BAR INCLUDING BORDERS--*/
  width: auto;
  background:url(../images/topnav_dvd.png) no-repeat right top;
  padding-right:1px;
  z-index:999;
}
ul#nav-bar li.top-menu-last{
	background:none;
	padding-right:0px;
}
ul#nav-bar li a.top-menu
{
  float: left;
  width: auto;
  height:27px;
  padding: 1px 23px 1px 22px;
  font-size:11px;
  font-family:Ubuntu, sans-serif;
  font-weight:normal;
  color: #FFF; /*--NAV MENU TEXT COLOR. CHANGE THIS AS PER YOUR REQUIREMENTS--*/
  margin-top:6px;
  text-transform:uppercase;
}

ul#nav-bar li.first-dd,
ul#nav-bar li.first-dd a.top-menu
{
}

ul#nav-bar li.first-dd a.top-menu
{
	padding-left:15px !important;
	font-weight:700;
}
ul#nav-bar li.first-dd:hover a.top-menu{
	padding-left:14px !important;
}
/*--CHANGE BACKGOUND GRADIENT AND TEXT COLOR OF NAV MENUS ON MOUSEOVER--*/
ul#nav-bar li.top-menu:hover a.top-menu
{
  color: #FFF;
  background:#6E0002 url(../images/nav_hover_bg.png) repeat-x center top;
  border:1px solid #6C0103;
  padding:0 22px 0 21px;
}

/*--FOR DOWNWARD ARROW--*/
ul#nav-bar li.top-menu a.top-menu span
{
  float: left;
  width: auto;
  line-height: 22px;
}

ul#nav-bar li.top-menu a.top-menu span em
{
  float: left;
  height: 17px;
  width: 14px;
  margin: 4px 6px 0px 0px;
  background: url(../images/red-arrow-sprite.png) no-repeat 2px -145px;
}

ul#nav-bar li.top-menu:hover a.top-menu span em
{
  background-position: -1px -48px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES FOR DROPDOWN MENUS START HERE                                             */
/*-----------------------------------------------------------------------------------------------------------------------------------*/

.level1
{
  position: absolute;
  top: 35px;
  border: 3px solid #DDDDDD;
  overflow: hidden;   /*--HIDE FLOWING OUT OF CONTENT DURING TRANSITION--*/
  display:none;
  background-color:#FFF;

  /*--CHANGE FOLLOWING TWO VALUES ON MOUSEOVER--*/
  opacity: 0; /*--CHANGE OPACITY TO 1 ON MOUSEOVER--*/
  height: 0px; /*--WE'LL CHANGE THIS HEIGHT ON MOUSEOVER--*/

  /*--ADDING SHADOW--*/
  -webkit-box-shadow:0px 2px 6px #666;
  -moz-box-shadow:0px 2px 6px #666;
  box-shadow:0px 2px 6px #666;

}

li.left-aligned-dd, li.right-aligned-dd
{
  position: relative; /*--POSITION DROPDOWN MENUS RELATIVE TO "li"--*/
}

/*--HIDE FOLLOWING THREE CODES FROM IE6--*/
ul#nav-bar > li.left-aligned-dd .level1
{
  left: 0px;
  display:none;
}
ul#nav-bar > li.left-aligned-dd:hover .level1
{
	display:block;
}

ul#nav-bar > li.right-aligned-dd .level1
{
  right: 0px;
  display:none;
}
ul#nav-bar > li.right-aligned-dd:hover .level1
{
	display:block;
}

ul#nav-bar > li.first-dd .level1,
ul#nav-bar > li.full-width-dd .level1
{
  left:0px;
  display:none;
}
ul#nav-bar > li.first-dd:hover .level1,
ul#nav-bar > li.full-width-dd:hover .level1
{
  left:0px;
  display:block;
  z-index:9999;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
WIDTH OF TWO COLUMN, THREE COLUMN, FOUR COLUMN AND FULL-WIDTH DROPDOWN MENUS:

STYLING OF SEARCH OPTION DROPDOWN MENU IS QUITE DIFFERENT FROM OTHER DD MENUS. FOR SEARCH OPTION DROPDOWN MENU PLEASE CHECK STYLING OF SEARCH OPTIONS DROPDOWN MENU BELOW.
-------------------------------------------------------------------------------------------------------------------------------------*/

/*--WIDTHS OF DROPDOWN BOXES--*/
div.onecol-dd
{
  width: 184px;
}

div.twocols-dd
{
  width: 368px;
}

div.threecols-dd
{
  width: 552px;
}

div.fourcols-dd
{
  width: 736px;
}

div.full-width-dd
{
  width: 920px;
}

div.members-dd
{
  width: 300px;
}

div.contact-dd
{
  width: 600px;
}

/*------------------------------------------------------------------------------------------------------------------------------------
STYLING OF COLUMNS FOR DROPDOWN BOXES:

-------------------------------------------------------------------------------------------------------------------------------------*/
.dd-col1, .dd-col2, .dd-col3, .dd-col4, .dd-col5
{
  float: left;
  padding: 0px 15px;
  padding-bottom: 15px; /*--JUST FOR DEMONSTRATION. CHANGE THIS AS PER YOUR REQUIREMENTS--*/
  font: normal 1.1em/17px Ubuntu, sans-serif;/*--JUST FOR DEMONSTRATION. CHANGE THIS AS PER YOUR REQUIREMENTS--*/
}

.dd-col1
{
  width: 154px;  /*184-30 = 154*/
}

.dd-col2
{
  width: 338px;  /*368-30 = 338*/
}

.dd-col3
{
  width: 522px;  /*552-30 = 522*/
}

.dd-col4
{
  width: 706px; /*736-30 = 706*/
}

.dd-col5
{
  width: 890px; /*920-30 = 890*/
}

/*--ARROWS USED IN TEXT LINKS--*/
span.arrow-right
{
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 6px;
  margin-left: 6px;
  background: url(../images/red-arrow-sprite.png) no-repeat 0px -114px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
SLIDING UP/DOWN ANIMATION OF THE DROPDOWN MENU:

FOR SLIDING UP/DOWN ANIMATION WE NEED TO KEEP THE WHOLE CONTENT INSIDE A CONTAINER AND ANIMATE THE WHOLE DIV. HERE "dd-container" (dd = dropdown) HOLDS ENTIRE CONTENT OF EVERY DROPDOWN MENU (EXCEPT "onecol-dd" DROPDOWN MENU) AND WE HAVE APPLIED CSS3 TRANSITION EFFECT TO IT.

IN ORDER TO CREATE THIS EFFECT WE NEED TO HIDE THE OVERFLOW OF ".level1" (THAT IS, THE PARENT OF "div.dd-container"). BUT IF ".level1" CONTAINS FLYOUT MENUS IT NEEDS TO UNHIDE THE OVRFLOW ON MOUSEOVR. AS "div.onecol-dd" CONTAINS FLYOUT MENUS WE HAVE CREATED SIMPLE "ease-in" CSS3 TRANSITION EFFECT FOR THIS DROPDOWN MENU.
-------------------------------------------------------------------------------------------------------------------------------------*/
.level1 > div.dd-container
{
  position: relative;

  /*--ADDING CSS3 SLIDING UP/DOWN EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
}

/*-------SHOW/HIDE DROPDOWN BOX ON MOUSEOVER/MOUSEOUT. HERE WE NEED TO ENTER ACTUAL HEIGHT OF ".level1" IN ORDER TO PERFORM CSS3 TRANSITION. CHANGE THESE VALUES AS PER YOUR DESIGN REQUIREMENTS-----*/
ul#nav-bar > li:hover .level1
{
  opacity: 1;
  height: auto; /*--ENTER ACTUAL HEIGHT FOR EACH DROPDOWN MENU SEPARATELY--*/
}

ul#nav-bar > li:hover div.dd-container
{
  top: 0px;  /*--POSITION OF DROPDOWN MENU CONTAINER AFTER MOUSEOVER--*/
}

/*-----------------------ONE COLUMN DROPDOWN-------------------*/
/*-- IF DROPDOWN MENU CONTAINS FLYOUT MENUS THEN YOU NEED TO INSERT "overflow: visible;"--*/
div.onecol-dd
{
  overflow: visible;  /*--UNHIDE OVERFLOW FOR FLYOUT MENUS--*/
}

ul#nav-bar > li:hover div.onecol-dd
{
  /*height: 559px; --ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
 /*--(34+1) x 16 - 1 = 524. 34px = HEIGHT OF EACH DROPDOWN LINK, 14 = NUMBER OF LINKS. ADD 1PX FOR EACH TOP BORDER. DELETE 1PX AS TOP LINK DOES NOT HAVE ANY TOP BORDER. ADJUST THE HEIGHT OF SINGLE COLUMN DROPDOWN MENU AS PER THE NUMBER OF DROPDOWN LINKS YOU HAVE--*/
}

/*--CHANGE HEIGHT AND OPACITY OF LIST ITEMS IN SINGLE COLUMN DROPDOWN MENU--*/
ul#nav-bar > li:hover div.onecol-dd > ul > li
{
  height:27px;
  visibility: visible;
}

/*--CHANGE HEIGHT OF LINKS IN SINGLE COLUMN DROPDOWN MENU--*/
ul#nav-bar > li:hover div.onecol-dd > ul > li > a
{
	height: 21px;
    line-height: 21px;
    padding: 3px 0;
}

/*---------------------FOUR COLUMN DROPDOWN-------------------*/
ul#nav-bar > li:hover div.fourcols-dd
{
  height: 500px; /*--ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

/*--POSITION OF DROPDOWN MENU CONTAINER BEFORE MOUSEOVER--*/
div.fourcols-dd > div.dd-container
{
  top: -500px;  /*--HEIGHT OF "div.fourcols-dd"--*/
}

/*--------------------THREE COLUMN DROPDOWN---------------*/
ul#nav-bar > li:hover div.threecols-dd
{
  height: 346px; /*--ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

div.threecols-dd > div.dd-container
{
  top: -346px;  /*--HEIGHT OF "div.threecols-dd"--*/
}

/*---------------------TWO COLUMN DROPDOWN------------------*/
ul#nav-bar > li:hover div.twocols-dd
{
  /*height: 270px; --ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

/*--POSITION OF DROPDOWN MENU CONTAINER BEFORE MOUSEOVER--*/
div.twocols-dd > div.dd-container
{
  top: -270px;  /*--HEIGHT OF "div.twocols-dd"--*/
}

/*---------------------FULL-WIDTH DROPDOWN------------------*/
ul#nav-bar > li:hover div.full-width-dd
{
  height: 458px; /*--ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

div.full-width-dd > div.dd-container
{
  top: -458px;  /*--HEIGHT OF "full-width-dd"--*/
}

/*---------------------MEMBERS DROPDOWN---------------------*/
ul#nav-bar > li:hover div.members-dd
{
  height: 310px; /*--ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

/*--POSITION OF DROPDOWN MENU CONTAINER BEFORE MOUSEOVER--*/
div.members-dd > div.dd-container
{
  top: -310px;  /*--HEIGHT OF "div.members-dd"--*/
}

/*----------------------CONTACT DROPDOWN-------------------*/
ul#nav-bar > li:hover div.contact-dd
{
  height: 535px; /*--ACTUAL HEIGHT OF THE DROPDOWN MENU IN ORDER TO EXPERIENCE CSS3 TRANSITION EFFECT--*/
}

/*--POSITION OF DROPDOWN MENU CONTAINER BEFORE MOUSEOVER--*/
div.contact-dd > div.dd-container
{
  top: -535px;  /*--HEIGHT OF "div.contact-dd"--*/
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          CUSTOMIZED STYLES FOR DRODOWN MENUS START HERE                                           */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
div.onecol-dd > ul > li
{
  text-align: left;
  width: 184px;
  overflow: hidden; /*--HIDE OVERFLOW OF FLYOUT MENUS DURING TRANSITION--*/

  /*--CHANGE THIS VALUE ON MOUSEOVER--*/
  height: 0px;

  /*--ADDING CSS3 TRANSITION EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
}

div.onecol-dd > ul > li.flyout
{
  position: relative;
  overflow: visible;
  visibility: hidden;
}

/*--STYLING LINKS--*/
div.onecol-dd > ul > li > a
{
  display: inline-block;
  width: 184px;
  color: #333;
  font-size:12px;
  font-family:Ubuntu, sans-serif;
  font-weight:normal;
  color:#292929;
  overflow: hidden;

  /*--CHANGE THIS VALUE ON MOUSEOVER--*/
  height: 0;

  /*--ADDING CSS3 TRANSITION EFFECT--*/
  -webkit-transition: height 400ms ease-in 400ms;
  -moz-transition: height 400ms ease-in 400ms;
  -o-transition: height 400ms ease-in 400ms;
  transition: height 400ms ease-in 400ms;
}

div.onecol-dd > ul > li:first-child > a
{
  border-top: none;
}

div.onecol-dd > ul > li > a span
{
  display: inline-block;
  width: 166px; /*--184 - (10 + 4 + 4) = 166--*/
  height: 21px;
  padding-left: 8px;
  margin: 4px 4px 3px;

}

/*--CHANGE TEXT STYLE AND BACKGROUND ON MOUSEOVER--*/
div.onecol-dd > ul > li:hover > a span
{
  color: #fff;
  background:#940105 url(../images/subnav_hover_bg.png) repeat-x left top;
}

/*--RIGHT ARROWS ON EACH LIST ITEM--*/
div.onecol-dd > ul > li > a span em
{
  float: right;
  height: 15px;
  width: 15px;
  margin:3px 10px 0px 0px;
  background: url(../images/red-arrow-sprite.png) no-repeat 0px 0px;
}

/*--CHANGE ARROW ON MOUSEOVER--*/
div.onecol-dd > ul > li:hover > a span em
{
  background-position: 0px -23px;
}

/*------------------------------------------------------FOUR COLUMN DROPDOWN MENU----------------------------------------------------*/
div.fourcols-dd div.tier1, div.fourcols-dd div.tier2
{
  float: left;
  width: 736px; /*--WIDTH OF "div.fourcols-dd"--*/
  border-bottom: 1px solid #d3d3d3; /*ADDING BORDER BETWEEN TWO TIERS--*/
}

div.fourcols-dd div.tier2
{
  clear: left;
  border-bottom: none;
}

/*--ALL LINK COLOR IN TIER ONE--*/
div.fourcols-dd div.tier1 div a
{
  display: inline-block;
  line-height: 1;
  margin-top: 5px;
}

div.fourcols-dd div.tier1 div a span
{
  color: #c00;
}

div.fourcols-dd div.tier1 div a:hover span
{
  text-decoration: underline;
}

/*--FOUR COLUMN DD: TIER TWO--*/
div.fourcols-dd div.tier2 div h2
{
  padding-left: 0;
  font-size: 1.5em;
}

/*--ARRANGE TWO COLUMNS OF LIST ITEMS--*/
div.fourcols-dd div.tier2 div.col1 ul
{
  float: left;
  width: 154px;
  margin-left: 30px;
  margin-top: 8px;
}

div.fourcols-dd div.tier2 div.col1 div ul.list-col1
{
  margin-left: 0;
}

/*--INSERT LIST MARKER IN THE BACKGROUND--*/
div.fourcols-dd div.tier2 div.col1 ul li
{
  margin-top: 4px;
  width: 138px;
  background: url(../images/list-arrow.png) no-repeat left center;
  padding-left: 16px;
}

div.fourcols-dd div.tier2 div.col1 ul li a
{
  font: bold 1.1em/1.1 Arial, Helvetica, sans-serif;
  color: #c00;
}

div.fourcols-dd div.tier2 div.col1 ul li a:hover
{
  text-decoration: underline;
}

/*--------------------------------------------------------THREE COLUMN DROPDOWN MENU-------------------------------------------------*/
/*--MODIFYING DROPDOWN MENU WIDTH--*/
div.threecols-dd
{
  width: 553px; /*--WE HAVE INCREASED THE WIDTH BY 1PX AS THERE IS ONE VERTRICAL BORDER BETWEEN COLUMN ONE AND TWO--*/
}

/*--MODIFYING COLUMN PADDING--*/
div.threecols-dd div.dd-col1,
div.threecols-dd div.dd-col3
{
  padding-bottom: 0;
}

/*--ARRANGING TWO TIERS--*/
div.threecols-dd div.tier1,
div.threecols-dd div.tier2
{
  float: left;
  width: 553px; /*--WIDTH OF "div.threecols-dd"--*/
  border-bottom: 1px solid #d3d3d3; /*ADDING BORDER BETWEEN TWO TIERS--*/
  padding: 15px 0px;
}

div.threecols-dd div.tier2
{
  clear: left;
  padding: 0;
  border-bottom: none;
}

/*-----TIER ONE-----*/
div.threecols-dd div.tier1 div div.first-child
{
  margin-bottom: 15px;
}

/*--CREATE BORDER BETWEEN COLUMN ONE AND COLUMN TWO--*/
div.threecols-dd div.tier1 div.col1
{
  border-right: 1px solid #d3d3d3;
}

/*--------------------TIER TWO------------------*/
/*--CREATING BOXED LINKS--*/
div.threecols-dd div.tier2 a
{
  float: left;
  width: 246px;
  padding: 10px 15px;
}

/*--CREATING VERTICAL BORDER BETWEEN TWO BOXED LINKS--*/
div.threecols-dd div.tier2 a.first-child
{
  border-right: 1px solid #d3d3d3;
}

/*--POSITIONING ICONS--*/
div.threecols-dd div.tier2 a span
{
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

/*--STYLING HEADER--*/
div.threecols-dd div.tier2 a strong
{
  float: left;
  width: auto;
  padding-bottom: 3px;
  font: bold 1.3em/1.1 Arial, Helvetica, sans-serif;
  color: #c00;
}

div.threecols-dd div.tier2 a:hover strong
{
  text-decoration: underline;
}

div.threecols-dd div.tier2 a em
{
  float: left;
  width: 206px;
  font: normal 1.1em/15px Verdana, Geneva, Tahoma, sans-serif;
  color: #333;
}

/*--------------------------------------------------------TWO COLUMN DROPDOWN MENU---------------------------------------------------*/
/*--MODIFYING DROPDOWN MENU WIDTH--*/
div.twocols-dd
{
  width: 369px; /*--WE HAVE INCREASED THE WIDTH BY 1PX AS THERE IS ONE VERTRICAL BORDER BETWEEN COLUMN ONE AND TWO--*/
}

/*--MODIFYING COLUMN PADDING--*/
div.twocols-dd div.dd-col1
{
  width: 184px;  /*--IF DESIGN REQUIRES YOU NEED TO CHANGE THE BASIC CSS OF THE COLUMNS AS WE DID HERE--*/
  padding: 0;
  margin:5px 0px;
  border-left: 1px solid #d3d3d3;
}

div.twocols-dd div.col1
{
  border-left: none;
}

div.twocols-dd div ul li a
{
  width: 184px;
  color: #333;
  font-size:12px;
  font-family:Ubuntu, sans-serif;
  font-weight:normal;
  color:#292929;
  overflow: hidden;

  /*--CHANGE THIS VALUE ON MOUSEOVER--*/
  height: 0;

  /*--ADDING CSS3 TRANSITION EFFECT--*/
  -webkit-transition: height 400ms ease-in 400ms;
  -moz-transition: height 400ms ease-in 400ms;
  -o-transition: height 400ms ease-in 400ms;
  transition: height 400ms ease-in 400ms;
}
div.twocols-dd div ul li a span
{
  display: inline-block;
  width: 166px; /*--184 - (10 + 4 + 4) = 166--*/
  height: 21px;
  padding-left: 8px;
  margin: 4px 4px 3px;

}

div.twocols-dd div ul li a:hover
{
  color: #fff;
}

div.twocols-dd div ul li a:hover span
{
  color: #fff;
  background:#C6090A url(../images/subnav_hover_bg.jpg) repeat-x left top;
}

/*--------------------------------------------------------FULL-WIDTH DROPDOWN MENU---------------------------------------------------*/
/*--MODIFYING COLUMN PADDING--*/
div.full-width-dd div.dd-col1
{
  padding: 15px;
}

/*--STYLING HEADERS WITH BACKGROUND--*/
div.full-width-dd div.tier1 div.header-section,
div.full-width-dd div.tier2 div.header-section
{
  height: 30px;
  background: #eaeaea;
  padding-bottom: 0;
}

div.full-width-dd div.header-section h2
{
  line-height: 30px;
  padding: 0;
  font-size: 1.5em;
}

div.full-width-dd div.header-section a
{
  float: right;
  width: auto;
  margin-top: -23px;
  color: #c00;
}

div.full-width-dd div.header-section a:hover span
{
  text-decoration: underline;
}

/*--STYLING LINKS OF TIER ONE--*/
div.full-width-dd div.tier1 div ul
{
  display: inline-block;
  width: auto;
  margin-top: 5px;
}

div.full-width-dd div.tier1 div ul li
{
  margin-top: 2px;
}

div.full-width-dd div.tier1 div ul li a
{
  color: #c00;
  line-height: 1.1;
}

div.full-width-dd div.tier1 div ul li a:hover
{
  text-decoration: underline;
}


/*--------------------------------------------------------------CONTACT DROPDOWN MENU------------------------------------------------*/
div.contact-dd div.dd-col1
{
  width: 270px; /*--WE HAVE CHANGED THIS VALUE FROM 184PX TO 270PX AS PER OUR DESIGN REQUIREMENTS--*/
}

div.contact-dd div.col1 em
{
  font-style: normal;
  font-size: 1.0em;
}

div.contact-dd strong /*--RED STAR--*/
{
  color: #f00;
  font-weight: bold;
}

div.contact-dd div.col2 div
{
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}

/*--PHYSICAL ADDRESS--*/
div.contact-dd div.col2 div span
{
  display: inline-block;
  margin: -2px 0px 13px;
  font: normal 1em/15px Verdana, Tahoma, sans-serif;
  color: #000;
}

div.contact-dd div.col2 div span em
{
  color: #c00;
}

/*--WORLDWIDE LOCATIONS--*/
div.contact-dd div.col2 div p
{
  margin-top: -2px;
  line-height: 15px;
}

div.contact-dd div.col2 div a
{
  float: left;
  width: auto;
  margin: 5px 10px 0px 0px;
  text-decoration: underline;
  color: #c00;
}

div.contact-dd div.col2 div a:hover
{
  text-decoration: none;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES FOR FLYOUT MENUS START HERE                                               */
/*-----------------------------------------------------------------------------------------------------------------------------------*/

.level2, .level3, .level4
{
  position: absolute;
  top: 0px; /*--ASSIGN APPROPRIATE TOP POSITION--*/
  left:178px; /*--WIDTH OF "div.onecol-dd"--*/
  background: #F4F4F4;   /*--CHANGE BACKGROUND COLOR AS PER YOUR NEEDS--*/
  border: 2px solid #940105; /*--CHANGE BORDER COLOR AS PER YOUR NEEDS--*/
  height: auto;

  /*--CHANGE FOLLOWING TWO VALUES ON MOUSEOVER--*/
  opacity: 0;
  width: 0px; /*--ON MOUSEOVER REPLACE WITH ACTUAL WIDTH OF THE FLYOUT MENU--*/

  /*--ADDING CSS3 SLIDING EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
  z-index:999;
}

.level3, .level4
{
  left: 185px;
}

div.level2
{
  overflow: hidden;
}
.top_Banjo{top:150px;}
.top_Mandolin{top:190px;}
.top_Dulcimer{top:210px;}
.top_Amplifiers{top:210px;}
.top_Cases_Bag{top:210px;}
.top_Keyboard{top:210px;}

/*----------------------------GENERAL STYLES FOR MULTI-LEVEL FLY OUT MENU------------------------*/
ul.level2, ul.level3, ul.level4
{
  top: -1px; /*--DUE TO TOP BORDER--*/
}

ul.level3, ul.level4
{
  background: #fff;

 /*--ADDING ROUNDED CORNER--*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius: 4px;
}

ul.level4
{
  background: #f7f7f7;
}

/*--STYLING LIST ITEMS--*/
div.level1 ul > li ul.level2 li
{
  text-align: left;
  position: relative;
  height: 35px;
  width: 0px;  /*--CHANGE THIS VALUE TO 184PX ON MOUSEOVER--*/

  /*--ADDING CSS3 SLIDING EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
}

/*--STYLING LINKS--*/
div.level1 ul.level2 li > a
{
  display: inline-block;
  overflow: hidden;
  color: #333;
  font: normal 1.3em/26px Arial, Helvetica, sans-serif;
  border-top: 1px solid #d9d9d9;
  height: 34px;
  width: 0px;  /*--CHANGE THIS VALUE TO 184PX ON MOUSEOVER--*/

  /*--ADDING CSS3 SLIDING EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
}

/*--NO BORDER FOR FIRST CHILD--*/
div.level1 ul.level2 li:first-child > a
{
  border-top: none;
}

div.level1 ul.level2 li > a span
{
  display: inline-block;
  width: 166px; /*--185 - (10 + 4 + 5) = 166--*/
  height: 26px;
  padding-left: 10px;
  margin: 4px 4px 3px 5px;

  /*--ADDING BORDER RADIUS--*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*--CHANGING BACKGROUND ON MOUSEOVER--*/
div.level1 ul.level2 li:hover > a span
{
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000;
  background-color:#F00;

}

/*--RIGHT ARROW ON FLYOUT MENUS--*/
div.level1 ul.level2 li > a span em
{
  float: right;
  height: 15px;
  width: 15px;
  margin: 5px 10px 0px 0px;
  background: url(../images/red-arrow-sprite.png) no-repeat 0px 0px;
}

/*--CHANGE ARROW DIRECTION ON MOUSEOVER--*/
div.level1 ul.level2 li:hover > a span em
{
  background-position: 0px -23px;
}

/*--SHOW MULTI-LEVEL FLYOUT MENUS ON MOUSEOVER--*/
div.level1 > ul > li:hover ul.level2, /*--2ND LEVEL FLYOUT MENU--*/
div.level1 ul.level2 > li:hover ul.level3,  /*--3RD LEVEL FLYOUT MENU--*/
div.level1 ul.level3 > li:hover ul.level4 /*--4TH LEVEL FLYOUT MENU--*/
{
  width: 185px; /*--WIDTH 1PX MORE DUE TO INNER SHADOW--*/
  opacity: 1;
}

/*--CHANGE WIDTH OF LIST ITEMS ON MOUSEOVER--*/
div.level1 > ul > li:hover ul.level2 > li,  /*--2ND LEVEL FLYOUT MENU LIST--*/
div.level1 ul.level2 > li:hover ul.level3 > li, /*--3RD LEVEL FLYOUT MENU LIST--*/
div.level1 ul.level3 > li:hover ul.level4 > li  /*--4TH LEVEL FLYOUT MENU LIST--*/
{
  width: 185px;
}

/*--CHANGE WIDTH OF LINKS ON MOUSEOVER--*/
div.level1 ul > li:hover ul.level2 > li > a,   /*--2ND LEVEL FLYOUT MENU LIST--*/
div.level1 ul.level2 > li:hover ul.level3 > li > a, /*--3RD LEVEL FLYOUT MENU LIST--*/
div.level1 ul.level3 > li:hover ul.level4 > li > a  /*--4TH LEVEL FLYOUT MENU LIST--*/
{
  width: 185px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------
WIDTH OF TWO COLUMN AND THREE COLUMN FLYOUT MENUS:
--------------------------------------------------

IF YOU NEED TO USE DIFFERENT COLUMN WIDTHS IN A FLYOUT MENU WHICH DO NOT FOLLOW ANY OF THE BASIC COLUMN WIDTHS THEN YOU CAN CUSTOMIZE THEM WHILE STYLING THAT SPECIFIC FLYOUT MENU.
-------------------------------------------------------------------------------------------------------------------------------------*/
.fly-col1, .fly-col2, .fly-col3
{
  float: left;
  padding: 0px 15px;
  padding-bottom: 15px; /*--JUST FOR DEMONSTRATION. CHANGE THIS AS PER YOUR REQUIREMENTS--*/
  font-family:Ubuntu, sans-serif;
  font-size:12px;
  font-weight:normal;
}

.fly-col1
{
  width: 244px; /*--1x242 - 30 = 212--*/
}

.fly-col2
{
  width: 454px;  /*--2x242 - 30 = 454--*/
}

.fly-col3
{
  width: 696px;  /*--3x242 - 30 = 696--*/
}

/*------------------------------------------------------------------------------------------------------------------------------------
SLIDING LEFT/RIGHT ANIMATION FOR FLYOUT MENUS:

FOR SLIDING LEFT/RIGHT ANIMATION WE NEED TO KEEP THE WHOLE CONTENT INSIDE A CONTAINER AND ANIMATE THE WHOLE DIV. HERE "div.flyout-container" HOLDS ENTIRE CONTENT OF EVERY FLYOUT MENUS (EXCEPT 2 MULTI-LEVEL FLYOUT MENUS) AND WE HAVE APPLIED CSS3 TRANSITION EFFECT TO IT.

IN ORDER TO CREATE THIS EFFECT WE NEED TO HIDE THE OVERFLOW OF ".level2"(THAT IS, THE PARENT OF "div.flyout-container"). BUT IF ".level2" CONTAINS MULTI-LEVEL FLYOUT MENU IT NEEDS TO UNHIDE THE OVRFLOW ON MOUSEOVR. THAT IS WHY FOR MULTI-LEVEL FLYOUT MENUS WE HAVE CREATED SIMPLE "ease-in" CSS3 TRANSITION EFFECT.
-------------------------------------------------------------------------------------------------------------------------------------*/
.level2 > div.flyout-container
{
  position: relative;

  /*--ADDING CSS3 SLIDING EFFECT--*/
  -webkit-transition: all 400ms ease-in 400ms;
  -moz-transition: all 400ms ease-in 400ms;
  -o-transition: all 400ms ease-in 400ms;
  transition: all 400ms ease-in 400ms;
}

/*------SHOW/HIDE FLYOUT MENUS ON MOUSEOVER/MOUSEOUT. HERE WE NEED TO ENTER ACTUAL WIDTH OF "div.level2" IN ORDER TO PERFORM CSS3 TRANSITION. CHANGE THESE VALUES AS PER YOUR DESIGN REQUIREMENTS-----*/
div.level1 > ul > li:hover div.level2
{
  width: auto; /*--REPLACE WITH ACTUAL WIDTH OF THE FLYOUT MENU--*/
  opacity: 1;
}

div.level1 > ul > li:hover div.level2 div.flyout-container
{
  left: 0;
}

/*-----------------TWO COLUMN FLYOUT----------------*/
div.level1 > ul > li:hover div.two-cols-flyout
{
  width: 484px; /*--ACTUAL WIDTH OF THE FLYOUT MENU--*/
}

div.two-cols-flyout div.flyout-container
{
  width: 484px; /*--WIDTH OF "div.two-cols-flyout"--*/
}

div.two-cols-flyout > div.flyout-container /*--HIDE FROM IE6--*/
{
  left: -484px;
}

/*----------------------THREE COLUMN FLYOUT-------------------*/
div.level1 > ul > li:hover div.three-cols-flyout
{
  width: 823px; /*--ACTUAL WIDTH OF THE FLYOUT MENU--*/
}

div.three-cols-flyout div.flyout-container
{
  width: 726px; /*--WIDTH OF "div.three-cols-flyout"--*/
}

div.three-cols-flyout > div.flyout-container /*--HIDE FROM IE6--*/
{
  left: -726px;
}

/*----------------------PRODUCT FLYOUT-------------------*/
div.level1 > ul > li:hover div.product-flyout
{
  width: 728px; /*--ACTUAL WIDTH OF THE FLYOUT MENU--*/
}

div.product-flyout div.flyout-container
{
  width: 728px; /*--WIDTH OF "div.product-flyout"--*/
}

div.product-flyout > div.flyout-container /*--HIDE FROM IE6--*/
{
  left: -728px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          CUSTOMIZED STYLES FOR FLYOUT MENUS START HERE                                            */
/*-----------------------------------------------------------------------------------------------------------------------------------*/

/*--MODIFYING COLUMN PADDING--*/
div.two-cols-flyout div.fly-col1
{
  padding: 0px 15px;
}

/*--ARRANGING TWO TIERS--*/
div.two-cols-flyout div.tier1
{
  float: left;
  width: 485px;
  padding: 11px 0px 15px;
  border-bottom: 1px solid #cecece;
}

div.two-cols-flyout div.tier2
{
  height: 37px;
  padding: 0px 15px;
  line-height: 37px;
}

/*--MODIFYING HEADERS OF TIER ONE--*/
div.two-cols-flyout div.tier1 h2
{
  padding: 0px;
  font-size: 12px;
  text-transform:uppercase;
}

/*--TIER ONE: COLUMN ONE--*/
div.two-cols-flyout div.tier1 div.col1
{
  border-right: 1px solid #cecece; /*--CREATING VERTICAL BORDER BETWEEN COLUMN ONE AND TWO--*/
}

div.two-cols-flyout div.tier1 div.col1 ul
{
  margin-left: 12px;  /*--IN ORDER TO SHOW LIST MARKERS--*/
}

div.two-cols-flyout div.tier1 div.col1 ul li
{
  margin-top: 8px;
  list-style-type: disc;
  color: #333; /*--LIST MARKER COLOR--*/
}

div.two-cols-flyout div.tier1 div.col1 ul li:hover
{
  color: #c00;
}

div.two-cols-flyout div.tier1 div.col1 ul li a
{
  color: #c00;
  font: bold 1.1em/16px Arial, Helvetica, sans-serif;
}

div.two-cols-flyout div.tier1 div.col1 ul li a:hover
{
  text-decoration: underline;
}

/*--RELATERD LINKS--*/
div.two-cols-flyout div.tier1 div div
{
  margin-top: 12px;
}

div.two-cols-flyout div.tier1 div div h3
{
  margin-bottom: 4px;
  text-decoration: underline;
}

div.two-cols-flyout div.tier1 div div ul
{
  margin: 6px 0px 13px 17px;
}

div.two-cols-flyout div.tier1 div div ul li
{
  margin-top: 2px;
  list-style-type: decimal;
}

div.two-cols-flyout div.tier1 div div ul li a
{
  line-height: 15px;
  color: #c00;
}

div.two-cols-flyout div.tier1 div div ul li a:hover
{
  text-decoration: underline;
}

div.two-cols-flyout div.tier1 div div ul li:hover
{
  color: #c00;
}

/*--RELATED PRODUCTS--*/
div.two-cols-flyout div.tier1 div div ul.related-products
{
  margin: 6px 0px 0px 0px;
}

div.two-cols-flyout div.tier1 div div ul.related-products li
{
  float: left;
  width: auto;
  margin: 4px 0px 0px 16px;
  list-style-type: none;
}

div.two-cols-flyout div.tier1 div div ul.related-products li.first-child
{
  margin-left: 0;
}

/*--STYLING IMAGE THUMBS--*/
div.two-cols-flyout div.tier1 div div ul.related-products li a
{
  display: inline-block;
  width: 52px;
  height: 52px;
  padding: 3px;
  border: 1px solid #c6c6c6;
  background: #fff;
}

div.two-cols-flyout div.tier1 div div ul.related-products li a:hover
{
  border: 1px solid #9f9f9f;
}

/*---------TWO COLUMN FLYOUT: TIER TWO-----------*/
div.two-cols-flyout div.tier2 a
{
  margin-right: 10px;
  color: #c00;
  text-decoration: underline;
}

div.two-cols-flyout div.tier2 a:hover
{
  text-decoration: none;
}

/*-----------------------------------------------------------THREE COLUMN FLYOUT MENU------------------------------------------------*/
/*--MODIFYING COLUMN PADDING--*/
div.three-cols-flyout div.fly-col1
{
  padding: 0px 15px;
}

/*--ARRANGING TWO TIERS--*/
div.three-cols-flyout div.tier1,
div.three-cols-flyout div.tier2
{
  float: left;
  width:825px;
  padding: 11px 0px 15px;
  border-bottom: 1px solid #cecece;
}

div.three-cols-flyout div.tier2
{
  clear: left;
  padding: 15px;
  border-bottom: none;
}

/*--MODIFYING HEADERS--*/
div.three-cols-flyout div.tier1 h2, div.three-cols-flyout div.tier2 h2
{
  padding: 0px;
  margin-bottom:6px;
  font-size:13px;
  font-family:'Ubuntu', sans-serif;
  color:#bd080b;
  text-transform:uppercase;
  font-weight:500;
  border-bottom:1px dotted #4d4d4d;
}
div.three-cols-flyout div.tier1 h2 a, 
div.three-cols-flyout div.tier2 h2 a,
div.three-cols-flyout div.tier1 h2 a:hover, 
div.three-cols-flyout div.tier2 h2 a:hover{
	color:#bd080b;
	text-decoration:none;
}
div.three-cols-flyout h3{
	color: #bd080b;
	font-family:'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 8px 0 3px;
}
div.three-cols-flyout h3 a{
	color:#bd080b;
}
div.three-cols-flyout ul{
	list-style:none;
	margin:0 0 10px;
}
div.three-cols-flyout li{
	color:#4d4d4d;
	margin:0;
	padding:3px 0;
}
div.three-cols-flyout li a,
div.three-cols-flyout li a:hover{
	color:#4d4d4d;
}
div.three-cols-flyout li a:hover{
	text-decoration:underline !important;
}
/*------------THREE COLUMN FLYOUT: TIER ONE-------------*/
div.three-cols-flyout div.tier1 div.col1,
div.three-cols-flyout div.tier1 div.col2,
div.three-cols-flyout div.tier1 div.col3
{
  border-left: 0px solid #cecece; /*--CREATING BORDERS BETWEEN COLUMNS--*/
}

div.three-cols-flyout div.tier1 div.col1
{
  border: none;
}

/*---------TIER ONE: COLUMN ONE--------*/
div.three-cols-flyout div.tier1 div.col1 img
{
  display: inline-block;
  width: 204px;
  height: 112px;
  padding: 3px;
  border: 1px solid #c6c6c6;
  background: #fff;
  margin-top: 10px;
}

div.three-cols-flyout div.tier1 div.col1 p span
{
  text-transform: uppercase;
  color: #c00;
}

div.three-cols-flyout div.tier1 div.col1 a.arrow-right
{
  display: inline-block;
  color: #c00;
  margin-top: 5px;
}

div.three-cols-flyout div.tier1 div.col1 a.arrow-right:hover span
{
  text-decoration: underline;
}

/*------------THREE COLUMN FLYOUT: TIER TWO-------------*/
div.three-cols-flyout div.tier2 div.col2
{
  border-left: 1px solid #cecece; /*--CREATING VERTICAL BORDER--*/
}

/*---------TIER TWO: COLUMN ONE--------*/
div.three-cols-flyout div.tier2 div.col1
{
  width: 455px; /*--ADDING 1PX FOR VERTICAL BORDER IN TIER ONE--*/
}

div.three-cols-flyout div.tier2 div.col1 div ul
{
  float: left;
  width: 95px;  /*--YOU CAN DIVIDE COLUMN ONE OF TIER TWO INTO FOUR COLUMNS OF 95PX WIDTH--*/
  padding-left: 25px;
  margin-top: 8px;
}

div.three-cols-flyout div.tier2 div.col1 div ul.first-child
{
  padding-left: 0px;
}

div.three-cols-flyout div.tier2 div.col1 div ul li
{
  margin-top: 2px;
}

div.three-cols-flyout div.tier2 div.col1 div ul li a
{
  font-size: 1em;
  line-height: 1.1;
  color: #c00;
}

div.three-cols-flyout div.tier2 div.col1 div ul li a:hover
{
  text-decoration: underline;
}

/*---------TIER TWO: COLUMN TWO--------*/
div.three-cols-flyout div.tier2 div.col2 div a.tv-thumb
{
  display: inline-block;
  width: 210px;
  height: 63px;
  border: 1px solid #c6c6c6;
  margin-top: 10px;
}

div.three-cols-flyout div.tier2 div.col2 div span
{
  display: inline-block;
  font-size: 1em;
  line-height: 15px;
  margin-top: 5px;
}

div.three-cols-flyout div.tier2 div.col2 div span a
{
  color: #c00;
}

div.three-cols-flyout div.tier2 div.col2 div span a:hover
{
  text-decoration: underline;
}

div.three-cols-flyout div.tier2 div.col2 div.tv-schedule a
{
  float: left;
  width: auto;
  font-size: 1em;
  color: #c00;
  margin-top: 6px;
  padding: 0px 8px;
  text-decoration: underline;
  border-left: 1px solid #cecece;
}

div.three-cols-flyout div.tier2 div.col2 div.tv-schedule a.first-child
{
  padding-left: 0;
  border: none;
}

div.three-cols-flyout div.tier2 div.col2 div.tv-schedule a:hover
{
  text-decoration: none;
}

/*-------------------------------------------------------PRODUCT FLYOUT MENU---------------------------------------------------------*/
/*--HERE WE'LL CUSTOMIZE STYLES OF COLUMNS AND ITS COMPONENTS. APPLY YOUR CHANGES HERE AS PER REQUIREMENTS--*/
div.product-flyout ul.fly-col3
{
  padding: 0;
  clear: left;
  width: 728px;
  font-size: 1em;
  border-top: 1px solid #cecece;
  text-align: left;
}

div.product-flyout div.flyout-container > ul.fly-col3:first-child
{
 border-top: none;
}


div.product-flyout li.fly-col1
{
  padding: 15px;
  border-left: 1px solid #cecece;
  font-size: 1em;
  text-align: left;
}

ul.fly-col3 > li.fly-col1:first-child
{
  border-left: none;
}

div.product-flyout ul li a,
div.product-flyout ul li strong,
div.product-flyout ul li em,
div.product-flyout ul li span
{
  float: left;
  width: 126px;
}

/*--STYLING PRODUCT THUMBNAILS--*/
div.product-flyout ul li a.prod-thumb
{
  width: 72px; /*--RESET PREVIOUS "width: 126px"--*/
  height: 72px;
  padding: 3px;
  margin-right: 6px;
  border: 1px solid #c6c6c6;
  background: #fff;
}

div.product-flyout ul li a.prod-thumb:hover
{
  border: 1px solid #9f9f9f;
}

div.product-flyout ul li strong
{
  font: bold 1.2em/1 Arial, Helvetica, sans-serif;
  color: #000;
}

div.product-flyout ul li em
{
  margin-top: 4px;
  font: normal 1.1em/13px Verdana, Geneva, Tahoma, sans-serif;
}

div.product-flyout ul li em b
{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}

/*-------------------CHANGING STYLE FOR THIRD LEVEL ELECTRONICS-FLYOUT MENU-------------------*/
ul.electronics-flyout-lvl3
{
  height: 130px; /*--MENTION HEIGHT FOR SMOOTH CSS3 TRANSITION--*/
  overflow: hidden;
}

/*--RESET GENERAL MULTI-LEVEL MENU STYLE FOR LIST ITEMS--*/
div.level1 ul li ul.electronics-flyout-lvl3 li
{
  float: left;
  width: 110px;
  height: 130px;
  overflow: visible;
}

/*--RESET GENERAL MULTI-LEVEL MENU STYLE FOR LINKS--*/
div.level1 ul.electronics-flyout-lvl3 li a
{
  display: inline-block;
  width: 80px;
  height: 100px;
  padding: 15px;
  border: none;
}

div.level1 ul li ul.electronics-flyout-lvl3 li a b
{
  font-size: 0.9em;
}

div.level1 ul li ul.electronics-flyout-lvl3 li a:hover b
{
  color: #c00;
}

/*--APPLY STYLES FOR PRODUCT IMAGES--*/
div.level1 ul.electronics-flyout-lvl3 li a img
{
  float: left;
  width: 72px;
  height: 72px;
  padding: 3px;
  margin: -3px 0px 6px 0px;
  border: 1px solid #c6c6c6;
  background: #fff;
}

div.level1 ul.electronics-flyout-lvl3 li a img:hover
{
  border: 1px solid #9f9f9f;
}

div.level1 ul.electronics-flyout-lvl3 li a span
{
  float: left;
  clear: left;
  width: 100%;
  line-height: 1.1;
}

div.level1 ul.electronics-flyout-lvl3 li a:hover span
{
  text-decoration: underline;
}

/*--SHOW THIRD LEVEL ELECTRONICS FLYOUT MENU ON MOUSEOVER--*/
div.level1 ul.level2 > li:hover ul.electronics-flyout-lvl3
{
  width: 440px; /*--SPECIFY THE WIDTH OF THIRD LEVEL ELECTRONICS FLYOUT MENU ON MOUSEOVER--*/
  overflow: hidden;
}

div.level1 ul.level2 > li:hover ul.electronics-flyout-lvl3 li
{
  width: 110px; /*--SPECIFY THE WIDTH OF LIST ITEMS ON MOUSEOVER--*/
}

div.level1 ul.level2 > li:hover ul.electronics-flyout-lvl3 li a
{
  width: 80px; /*--SPECIFY THE WIDTH OF LINKS ON MOUSEOVER--*/
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*                                          CUSTOMIZED STYLES FOR FLYOUT MENUS END HERE                                              */
/*-----------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------FOR MOZILLA'S BUTTON BUG------------------*/
button::-moz-focus-inner { padding: 0px; border: none; }  /*--OVERRIDES EXTRA PADDING IN FIREFOX FOR BUTTON ELEMENTS--*/