/*
 *
 *  Top Drop Down Title Style
 *
 */


#topnav .rollover.first .children{
  margin-left: 23px;
}

#topnav .nav{
  margin-left: 0;
  height: 100%;
  float: left;
  background: #fff;
}

#topnav .container{
  background: #fff url(../images/top_nav_top.png) repeat-x top left;
  margin: 0;
  height: 100%;
  float: left;
  height: 57px;
  overflow: hidden;
}

#topnav .rollover{
  background: #ecf4ee url(../images/nav_rollover_top.png) repeat-x;
}

#topnav .container span{
  background-color: #fff;
  margin-top: 24px;
  padding: 4px 15px;
  color: #4b6985;
  font-weight: bold;
  font-size: 15px;
  float: left;
  line-height: 27px;
  height: 100%;
  border-left: 1pt solid #4b6985;
}

#topnav .rollover span{
  background-color: #ecf4ee;
}

#topnav .first span{
  border: none;
}

#topnav .last span{
  border-right: .5pt solid #fff;
}

#topnav .rollover.last span{
  border-right: .5pt solid #4b6985;
}

#topnav .container .left {
  float: left;
  background: transparent url(../images/top_nav_top_left.png) no-repeat top left;
  margin-left: 0px;
  height: 80px;
  width: 37px;
}

#topnav .rollover .left {
  background: transparent url(../images/nav_rollover_top_left_2.png) no-repeat top left;
}

/* change this width for adding spacing between the nav and search bars */
#topnav .nav .spacer{
  width: 0px;
  height: 100%;
  float: left;
  background: #fff url(../images/top_nav_top_2.png) repeat-x top left;
}

/*
 *
 *  Dropdown Global Styles
 *
 */
.dropdown{
  z-index: 100;
}
 
.dropdown .topspacer{
  position: absolute;
  background: #ecf4ee url(../images/nav_rollover_left.png) repeat-y top left;
  height: 11px;
  width: 100px;
}

.dropdown .top{
  position: absolute;
  background: #ecf4ee url(../images/nav_rollover_top_2.png) repeat-x top left;
  height: 11px;
  width: 30px;
}

.dropdown > .top_right{
  position: absolute;
  height: 11px;
  width: 11px;
  background: transparent url(../images/nav_rollover_top_right.png) scroll no-repeat top right;
}

.dropdown .children{
  position: absolute;
  background:  transparent url(../images/nav_rollover_left.png) repeat-y top left;
  border-left: #4b6985 solid 1px;
  z-index: 100;
}

.dropdown .children ul{
  background: #ecf4ee url(../images/nav_rollover_right.png) scroll repeat-y bottom right ;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown .children ul li{
  padding: 5px 20px;
}

.dropdown .children a:link, .dropdown .children a:visited{
  text-decoration: none;
  color: inherit;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height:15px;
}

.dropdown .children a:hover{
  text-decoration: underline;
}

.dropdown .bottom_l{
  position: absolute;
  height: 11px;
  width: 11px;
  background: transparent url(../images/nav_rollover_bottom_left.png) no-repeat bottom left;
}

.dropdown .bottom_m{
  position: absolute;
  height: 11px;
  width: 100px;
  background: #ecf4ee url(../images/nav_rollover_bottom.png) repeat-x bottom left;
}

.dropdown .bottom_r{
  position: absolute;
  height: 11px;
  width: 11px;
  background: transparent url(../images/nav_rollover_bottom_right.png) no-repeat bottom right;
}

/*
 *
 *	Drop Down Specific Styles - Top Drop Downs
 *
 */
#topnav .dropdown{
	position: absolute;
  top: 57px;
}

#topnav .rollover .topspacer{
  left: 0px;
}

#topnav .rollover .top{
  left: 100px;
}

#topnav .children{
	margin-top: 11px;
	width: 200px;
}

#topnav li.root > a:link,#topnav li.root > a:visited,#topnav li.root > a:hover{

  text-decoration: none;
  color: inherit;
}

#topnav .dropdown .bottom_l, #topnav .dropdown .bottom_m, #topnav .dropdown .bottom_r{
  top: 400px;
}

#topnav .dropdown .bottom_m{
  left: 11px;
}

#topnav .dropdown .bottom_r{
  left: 111px;
}

 
/*
 *
 *  Drop Down Specific Styles - Sub Drop Down (Drop down from a child in a drop down)
 *
 */
#container #left_navigation{
  float: left;
  display: block;
  width: 223px;
}

#left_navigation .dropdown{
  position: absolute;
  left: 180px;
  margin-top: -17px;
  margin-right: 20px;
}

#left_navigation ul.main_ul li:first-child .dropdown{
  margin-top: -18px;
}

#left_navigation .topspacer{
  background: #ecf4ee url(../images/nav_rollover_right.png) repeat-y top right;
  top: 11px;
  height: 11px;
  width: 186px;
}

#left_navigation .top_right{
  left: 175px;
}

#left_navigation .dropdown .top{
  left: 0px;
  width: 175px;
}

#left_navigation .children{
  top: 21px;
  width: 185px;
}

#left_navigation .bottom_l, #left_navigation .bottom_m, #left_navigation .bottom_r{
  top: 210px;
}

#left_navigation .bottom_m{
  left: 11px;
  width: 164px;
}

#left_navigation .bottom_r{
  left: 175px;
}

/*
 *
 *
 *  NEWSLETTER SIGNUP
 *
 *
 */

.news_letter_signup {
  margin-top: 10px;
  height: 50px;
  width: 185px;
  background: transparent url(../images/news_signup_bg.png) no-repeat top left; 
}

.news_letter_signup .news_input {
  margin-left: 13px;
}

.news_letter_signup input {
  background-color: #fff;
  border: #6598cd solid 2px;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  width: 120px;
  height: 16px;
  text-align: left;
  float: left;
}

.news_letter_signup_image input {
  width: 28px;
  height: 20px;
 border: #6598cd solid 0px;
  
}
.news_letter_signup label {
  font-size: 12px;
  font-weight: bold;
}
/*
 *
 *
 *  TOP SEARCH BAR
 *
 *
 */
#topnav .searchbar{
  position: relative;
  height: 57px;
  margin-left: 486px;
  top: 0;
  padding: 0;
  right: 0;
  background: #4b6985 url(../images/search_top.png) repeat-x top left;
}

#topnav .searchbar .left{
  background: #fff url(../images/search_left.png) no-repeat top right;
  height: 57px;
  width: 13px;
  float: left;
}

#topnav .searchbar .searchglass {
  position: relative;
  float: left;
  height: 57px;
  width: 26px;
  padding-top: 28px;
  padding-left: 0px;
  padding-right: 8px;
}

#topnav .searchbar .left_middle, #topnav .searchbar .middle_right, #topnav .searchbar .right {
  float: left;
}

.searchbar .left_middle{
  padding: 28px 0 0 4px;
  width: 110px;
}

.searchbar .left_middle select{
  font-size: 11px;
  font-weight: bold;
  border: #6598cd solid 2px;
  padding-top: 28px;
  padding: 4px;
  height:30px;
}

/* make these elements absolute so that you can expand the search bar */
.searchbar .middle_right{
  position: absolute;
  left: 50px;
  padding-top: 28px;
  padding-left: 0px;
  padding-right: 0px;
  right: 95px;
}

.searchbar .middle_right input{
  background-color: #fff;
  border: #6598cd solid 2px;
  font-size: 11px;
  font-weight: normal;
  color: #767676;
  padding: 5px;
  width: 100%;
}
.searchbar .middle_right input{
  background-color: #fff;
  border: #6598cd solid 2px;
  font-size: 11px;
  font-weight: normal;
  color: #767676;
  padding: 5px;
  width: 100%;
}
.searchbar .right{
  background: transparent url(../images/search_right.png) no-repeat top right;
  position: absolute;
  right: 0;
  width: 70px;
  padding-top: 2px;
  padding-right: 8px;
  overflow: hidden;
  height: 57px;
}

.searchbar .right input{
  margin-top: 23px;
}

/*
 *
 *  boxed modules
 *
 */
.boxed_module{
  margin: 18px;
  width: 186px;
}

.boxed_module > .top{
  width: 186px;
  height: 28px;
} 

.boxed_module > .top > .left{
  float: left;
  width: 23px;
  height: 100%;
}

.boxed_module > .top > .title{
  float: left;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  padding: 0 4px;
  background-color: #fff;
}

.boxed_module > .top > .right{
  float: right;
  width: 23px;
  height: 100%;
}

.boxed_module ul li > .container{
  width: 178px;
  height: 17px;
}

.boxed_module > .content{
  padding: 0;
  width: 100%;
  height: 100%;
}

.boxed_module ul.main_ul{
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
}

.boxed_module ul.main_ul > li .submenu_indicator{
  position: absolute;
  width: 15px;
  height: 12px;
  left: 183px;
  margin-top: 3px;
  background: #fff url(../images/blue_arrow.png) no-repeat top left;
  z-index: 1;
}

.boxed_module ul.main_ul > li{
  border-top: 1px solid #dbe2e8;  
  border-bottom: 1px solid #dbe2e8;  
  padding: 0 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0 4px;
}

.boxed_module ul.main_ul > li:first-child{
  border-top: 2px solid #dbe2e8;  
}

.boxed_module ul.main_ul > li.last{
  border-bottom: 2px solid #dbe2e8;  
}

.boxed_module ul.main_ul > li:hover{
  border-top: 2px solid #4b6985;  
  border-bottom: 2px solid #4b6985;  
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #ecf4ee;
}

.boxed_module ul.main_ul > li:first-child:hover{
  padding-top: 2px;
}

.boxed_module ul.main_ul > li.last:hover{
  padding-bottom: 2px;
}

.boxed_module ul.main_ul > li .container > a:link, 
.boxed_module ul.main_ul > li > .container > a:visited, 
.boxed_module ul.main_ul > li > .container > a:hover,
.boxed_module ul.main_ul > li > a:link, 
.boxed_module ul.main_ul > li > a:visited, 
.boxed_module ul.main_ul > li > a:hover{
  color: #fff;
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.boxed_module > .bottom{
  height: 23px;
  margin-left: 21px;
  margin-right: 23px;
}

.boxed_module > .bottom:before{
  display: block;
  margin: 0 -23px 0 -23px;
  height: 23px;
  background: white;
  padding: 0;
}


/*
 *
 *  main menu styles
 *
 */
#left_navigation .mainmenu > .top{
  background: #fff url(../images/main_menu_top.png) repeat-x bottom left;
} 

#left_navigation .mainmenu > .top > .left{
  background: #fff url(../images/main_menu_top_left.png) no-repeat bottom left;
}

#left_navigation .mainmenu > .top > .right{
  background: #fff url(../images/main_menu_top_right.png) no-repeat bottom right;
}

#left_navigation .mainmenu > .content{
  background: url(../images/main_menu_right.png) repeat-y top right;
}

#left_navigation .mainmenu ul.main_ul{
  background: url(../images/main_menu_left.png) repeat-y top left;
}

#left_navigation .mainmenu. ul.main_ul > li{
  border-top: 1px solid #dbe2e8;  
  border-bottom: 1px solid #dbe2e8;  
}

#left_navigation .mainmenu .bottom{
  background: transparent url(../images/main_menu_bottom.png) repeat-x bottom right;
}

#left_navigation .mainmenu .bottom:before{
  content:  url(../images/main_menu_bottom_left.png);
  background: transparent url(../images/main_menu_bottom_right.png) scroll no-repeat bottom right;
}

#left_navigation .dropdown ul li {
  list-style-type: none;
  padding-left: 8px;
  margin-left: 10px;
  background-image: url(../images/blue_arrow.png);
  background-repeat: no-repeat;
  background-position: -4px 6px;
}

#left_navigation .dropdown ul li:hover {
  background-image: url(../images/red_arrow_rollover.png);
}

#left_navigation .dropdown ul li a {
  margin-left: 5px;
}
 
 
 
/*
 *
 *  sub menu styles inheriting from left menu styles
 *
 */
.submenu > .top{
  background: #fff url(../images/left_module_top.png) repeat-x bottom left;
} 

.submenu > .top > .left{
  background: #fff url(../images/left_module_top_left.png) no-repeat bottom left;
}

.submenu > .top > .right{
  background: #fff url(../images/left_module_top_right.png) no-repeat bottom right;
}

.submenu > .content{
  background: url(../images/left_module_right.png) repeat-y top right;
}

.submenu ul.main_ul{
  background: url(../images/left_module_left.png) repeat-y top left;
}

.submenu .bottom{
  background: transparent url(../images/left_module_bottom.png) repeat-x bottom right;
}

.submenu .bottom:before{
  content:  url(../images/left_module_bottom_left.png);
  background: transparent url(../images/left_module_bottom_right.png) scroll no-repeat bottom right;
}

.submenu ul.main_ul > li{
  border: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.submenu ul.main_ul > li:hover{
  padding-top: 0;
  padding-bottom: 0;
  border-top: 2px solid #4b6985;  
  border-bottom: 2px solid #4b6985;  
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #ecf4ee;
}

.submenu ul.main_ul > li:first-child{
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

.submenu ul.main_ul > li:first-child:hover{
  padding-top: 0;
  padding-bottom: 0;
  border-top: 2px solid #4b6985;  
  border-bottom: 2px solid #4b6985;  
}

.submenu ul.main_ul > li.last{
  border: none;
  padding-bottom: 2px;
  padding-top: 2px;
}

.submenu ul.main_ul > li.last:hover{
  padding-bottom: 0;
  padding-top: 0;
  border-top: 2px solid #4b6985;  
  border-bottom: 2px solid #4b6985;  
}

/*
 *
 *	Content Module 1
 *
 */
.module1{
	width: 100%;
	margin: 10px 0;
	padding: 10px 0px;
}

.module1 > .top{
  background: #fff url(../images/left_module_top.png) repeat-x bottom left;
  width: 100%;
  height: 28px;
} 

.module1 > .top > .left{
  background: #fff url(../images/left_module_top_left.png) no-repeat bottom left;
}

.module1 > .top > .right{
  background: #fff url(../images/left_module_top_right.png) no-repeat bottom right;
}

.module1 > .content{
  background: url(../images/left_module_right.png) repeat-y top right;
}

.module1 > .content > .content_l{
  background: url(../images/left_module_left.png) repeat-y top left;
  padding: 10px;
}

.module1 > .bottom{
  background: transparent url(../images/left_module_bottom.png) repeat-x bottom right;
}

.module1 > .bottom:before{
  content:  url(../images/left_module_bottom_left.png);
  background: transparent url(../images/left_module_bottom_right.png) scroll no-repeat bottom right;
}



/*
 *
 *	Content Module 1
 *
 */
.module2{
	width: 100%;
	margin: 10px 0;
	padding: 10px 0px;
}

.module2 > .top{
  background: #fff url(../images/product_panel_top.png) repeat-x bottom left;
  width: 100%;
  height: 12px;
} 

.module2 > .top > .left{
  background: #fff url(../images/product_panel_top_left.png) no-repeat bottom left;
  height: 12px;
  width: 11px;
}

.module2 > .top > .right{
  background: #fff url(../images/product_panel_top_right.png) no-repeat bottom right;
  height: 12px;
  width: 15px;
}

.module2 > .content{
  background: url(../images/product_panel_right.png) repeat-y top right;
}

.module2 .content_l{
  background: url(../images/product_panel_left.png) repeat-y top left;
  padding: 10px;
}

.module2 .bottom{
  background: transparent url(../images/product_panel_bottom.png) repeat-x bottom right;
  height: 17px;
  margin-left: 11px;
  margin-right: 15px;
}

.module2 .bottom:before{
  content:  url(../images/product_panel_bottom_left.png);
  background: transparent url(../images/product_panel_bottom_right.png) scroll no-repeat bottom right;
  margin: 0 -15px 0 -11px;
  height: 17px;
}