/* Menu Bar */

#iadotnav .megamenu_container {
	float: left;
	width: 100%;
	margin: 0px auto !important;
	z-index: 9999;
	position: relative;
}
#iadotnav ul.megamenu {
	width: 100%;
	clear: left;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0px 0 0 48px;
	position: relative; /* For IE7 */
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}
#iadotnav .megamenu li.megamenu_button {
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
#iadotnav .megamenu > li {
	list-style: none;
	float: left;
	margin: 0 auto;
	padding: 0 12px 0 0;
	display: block;
	right: 50%;
	text-align: left;
}
#iadotnav .az {width:0px;
height:0px;
	display: none;
	visibility: hidden;

}
#iadotnav li.azpipe {
	visibility: hidden;
}
#iadotnav .megamenu > li > a {
	font-size: 12px;
	font-weight:normal!important;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: white;
	margin-top: 13px;
	padding: 20px 0px 25px 0;
}
#iadotnav .megamenu > li > a:hover {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #f67f17;
	padding: 20px 0px 25px 0;
}
#iadotnav .megamenu > li > a:active {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #f67f17;
	padding: 20px 0px 25px 0;
}
/* Dropdown Grid */

#iadotnav .megamenu .col_1, #iadotnav .megamenu .col_2, #iadotnav .megamenu .col_3, #iadotnav .megamenu .col_4, #iadotnav .megamenu .col_5, #iadotnav .megamenu .col_6, #iadotnav .megamenu .col_7, #iadotnav .megamenu .col_8, #iadotnav .megamenu .col_9, #iadotnav .megamenu .col_10, #iadotnav .megamenu .col_11, #iadotnav .megamenu .col_12 {
	float: left;
	display: inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	
	/*MUST HAVE FOR IE7*/	
	*margin-right: 1.5%;
	/*MUST HAVE FOR IE7*/	
	
	margin-bottom: 12px;
}
#iadotnav .megamenu .col_1 {
	width: 4.33%;
}
#iadotnav .megamenu .col_2 {
	width: 12.66%;
}
#iadotnav .megamenu .col_3 {
	width: 21%;
}
#iadotnav .megamenu .col_4 {
	width: 29.33%;
}
#iadotnav .megamenu .col_5 {
	width: 37.66%;
}
#iadotnav .megamenu .col_6 {
	width: 46%;
}
#iadotnav .megamenu .col_7 {
	width: 54.33%;
}
#iadotnav .megamenu .col_8 {
	width: 62.66%;
}
#iadotnav .megamenu .col_9 {
	width: 71%;
}
#iadotnav .megamenu .col_10 {
	width: 79.33%;
}
#iadotnav .megamenu .col_11 {
	width: 87.66%;
}
#iadotnav .megamenu .col_12 {
	width: 96%;
}
/* Dropdown background */


#iadotnav .megamenu_light .megamenu li .dropdown_container, #iadotnav .dropdown_flyout li ul {
	width: 894px;
	background-image: url(http://hdrstratcommtest.com/packages/theme_clearview/themes/clearview//images/mega_bg.png);
	background-repeat: repeat-y;
	position: absolute;
	margin: 0px 0 0 34px;
	padding-top: 9px;
	padding-bottom: 8px;
	display: block;
	z-index: 9998;
	height:auto;
}

#iadotnav .megamenu_light .megamenu li .dropdown_fullwidth {
	width: 894px;
	background-image: url(http://hdrstratcommtest.com/packages/theme_clearview/themes/clearview//images/mega_bg.png);
	background-repeat: repeat-y;
	position: absolute;
	margin: 0px 0 0 34px;
	padding-top: 9px;
	padding-bottom: 8px;
	display: none;
	z-index: 9998;
	height:auto;
}


#iadotnav .mega_greybar {
	margin: 0 auto;
	height: 26px;
	padding-top: 7px;
	background-color: #d56706;
	width: 874px;
}
#iadotnav .mega_body {
	margin: 0 auto;
	padding-left: 0px;
	min-height: 220px;
	background-color: #fff;
	color: white;
	width: 874px;
	
	
	/*MUST HAVE FOR IE7*/
	*padding-top: 24px;
 *height:206px;
/*MUST HAVE FOR IE7*/	
}
#iadotnav .mega_promo {
	margin: 0 auto;
	text-align: center;
	height: 100%;
	width: 874px;
	padding: 0px 0px;
	background-color: #fff;
}




#iadotnav #search {
	text-align: left;
	height: 29px;
	width: 190px;
	padding-right:0px !important;
	margin: 20px 0px 0 0px;
	background-image: url(http://hdrstratcommtest.com/packages/theme_clearview/themes/clearview//images/search_bg.png);
	background-repeat: no-repeat;
	border: 0px solid red;
}
/*MUST HAVE FOR IE7*/
#iadotnav input.image {
*margin-top:-10px;
/*MUST HAVE FOR IE7*/
}
#iadotnav li.pipe {
	margin-top: 33px;
	color: white;
}
#iadotnav .mega_body ul {
	padding-left: 0px; /*Originally 14px*/
	
	/*MUST HAVE FOR IE7*/
	*margin-left:-0px;
 *padding-left:16px;
/*MUST HAVE FOR IE7*/
}

#iadotnav .megamenu_light > li {
	list-style-type: none;
	background: url(http://hdrstratcommtest.com/packages/theme_clearview/themes/clearview//images/arrow.png) no-repeat 0 5px;
	margin-left: -18px; /*originally 18px*/
	padding-left: 17px;
}
#iadotnav .megamenu_light > ul > li > div a {
	text-decoration: none;
	font-size: 14px;
	font-weight:normal!important;
	line-height: 22px;
	color: #333;
}
#iadotnav .megamenu_light > ul > li > div a:active {
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}
#iadotnav .megamenu_light > ul > li > div a:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #333;
}
#iadotnav .megamenu p {
	font-size: 12px;
	line-height: 21px;
}
#iadotnav .megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 {
	font-weight: bold;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
#iadotnav .megamenu h1 {
	font-size: 24px;
	line-height: 18px;
	color: white;
}
#iadotnav .megamenu h2 {
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: #333;
}
#iadotnav .megamenu h3 {
	font-size: 16px;
	line-height: 20px;
	padding-left: 15px;
	color: #fff;
	text-transform: uppercase;
}
#iadotnav .megamenu h4 {
	margin: 0px 0 10px 0;
	font-size: 14px;
	color: #d56808;
	text-transform: uppercase;
}
#iadotnav .megamenu h5 {
	font-size: 16px;
	line-height: 0px;
	color: #FC0;
	text-transform: none;
}
#iadotnav .megamenu h6 {
	font-size: 14px;
	line-height: 0px;
	color: white;
	text-transform: none;
}
#iadotnav .floatleft {
	float: left;
}


	/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{
	

#iadotnav .btnatoz {position:absolute !important;
margin-left:20px;}
	
	#iadotnav .megamenu_container {
	width: 99%;
	height: auto;
 *height: 69px;
	z-index: 9999;
	border: 0px solid red;
	padding: 0;
	text-align: center;
}

	
#iadotnav #search {
	text-align: left;
	height: 28px;
	width: 176px;
	padding:0px;
	border:0px solid red;
	margin: 0 auto;
}

#iadotnav ul.megamenu {
	width: 94%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 7%;
	list-style: none;
	text-align: center;
	border:0px solid green;
	clear: both;
}
#iadotnav .megamenu > li {

	float: left;
	padding: 0 5px 0px 5px;
	display: inline;
}
#iadotnav li.pipe {
	margin-top: 0px;
	color: white;
}
#iadotnav .megamenu > li > a {
	font-size: 12px;
	font-weight:normal!important;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: white;
	margin-top: 0px;
	padding: 0px 0px 0px 0;
	border: 0px solid red;
	margin: 0 auto;
}
#iadotnav .megamenu > li > a:hover {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: #f67f17;
	padding: 0px 0px 0px 0;
}
#iadotnav .megamenu > li > a:active {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: #f67f17;
	padding: 0px 0px 0px 0;
}
#iadotnav .megamenu_light .megamenu li .dropdown_container, #iadotnav .megamenu_light .megamenu li .dropdown_fullwidth, #iadotnav .dropdown_flyout li ul {
	visibility: hidden;
}
	
/* Styles */
}



 @media only screen and (max-width: 990px) {
	 
	
#iadotnav #search {
	text-align: left;
	height: 28px!important;
	width: 181px!important;
	padding: 0px 0px 0px 0!important;
	margin: 0px 15px 0 0px!important;
}
#iadotnav .megamenu_container {
	width: 100%;
	height: auto;
 *height: 69px;
	z-index: 9999;
	border: 0px solid red;
	padding: 0;
	text-align: center;
}
#iadotnav ul.megamenu {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 7%;
	list-style: none;
	text-align: center;
	border: 0px solid green;
	clear: both;
}
#iadotnav .megamenu > li {
	float: left;
	padding: 0 1% 0px 1%;
	display: inline;
}
#iadotnav li.pipe {
	margin-top: 0px;
	color: white;
}
#iadotnav .megamenu > li > a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: white;
	margin-top: 0px;
	padding: 0px 0px 0px 0;
	border: 0px solid red;
	margin: 0 auto;
}
#iadotnav .megamenu > li > a:hover {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: #f67f17;
	padding: 0px 0px 0px 0;
}
#iadotnav .megamenu > li > a:active {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	color: #f67f17;
	padding: 0px 0px 0px 0;
}
#iadotnav .megamenu_light .megamenu li .dropdown_container, #iadotnav .megamenu_light .megamenu li .dropdown_fullwidth, #iadotnav .dropdown_flyout li ul {
	display:none;
	width: 90%;
	margin: 15px 0 0 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	z-index: 9998;
}
#iadotnav .mega_greybar {display:none;
	width: 98%;
 *margin-top: 30px;
}
#iadotnav .ie8 .mega_greybar {display:none;
	margin-top: 0px;
}
#iadotnav .mega_body {display:none;
	border: 0px solid white;
	min-height:260px;
	width: 98%;
}
#iadotnav .mega_promo {display:none;
	width: 98%;
	height:100%;
	
}
#iadotnav .mega_promo img {
	max-width: 96%;
	max-height: 86%
}
}
 @media only screen and (min-width: 180px) and (max-width: 767px) {
#iadotnav .mobilelogo img {
	display: block!important;
	float: left!important;
	margin-left: 10px!important;
}
#iadotnav .az {width:100%;
height:auto;
	display: none;
	visibility: hidden;

}

#iadotnav #az {
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	margin-left: -20px;
}
#iadotnav li.pipe {
	visibility: hidden;
}
/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




#iadotnav .megamenu_container {
	width: 100%;
	height: 50px;
	margin: 0 auto !important;
	position: relative;
	z-index: 1;
}
#iadotnav ul.megamenu {
	width: 100%;
	list-style-type: none;
	display: block;
	padding: 0;
	position: relative; /* For IE7 */
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0px solid white;
	line-height: 1;
	left: 0%;
}
#iadotnav .megamenu > li {
	text-align: left;
	border-bottom: 1px solid #4c4b4b;
	float: left;
	width: 90%;
	margin: 0px;
	padding: 0 0 2px 0px;
	display: block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
#iadotnav .megamenu li .megamenu_drop {
	color: #0F6;
}
#iadotnav .megamenu li.megamenu_button {
	border: 0px solid yellow;
	margin: 10px 0 10px 10px;
	width: 80%;
	height: 24px;
	cursor: pointer;
}
#iadotnav .megamenu li.megamenu_logo {
	border: 1px solid yellow;
	margin: 10px 0 10px 10px;
	width: 80%;
	height: 24px;
	cursor: pointer;
}
/* Showing Drop Down on Mouse Hover */

#iadotnav .megamenu li:hover .dropdown_container {
	top: 35px;
	left: auto;
}
#iadotnav .megamenu li:hover .dropdown_fullwidth {
	top: 45px;
	left: -1px;
}
#iadotnav .megamenu li .dropdown_right {
	right: 0;
}
#iadotnav .megamenu li:hover .dropdown_right {
	top: 45px;
	left: auto;
	right: 0;
}
/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

#iadotnav .megamenu .dropdown_12columns, #iadotnav .megamenu .dropdown_fullwidth {
	width: 100%;
}
#iadotnav .megamenu_light .megamenu li .dropdown_container, #iadotnav .megamenu_light .megamenu li .dropdown_fullwidth, #iadotnav .dropdown_flyout li ul {
	visibility: hidden;
}
/* 1. General Typography */



#iadotnav .megamenu > li > div a:hover {
	color: #F60;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}
 #iadotnav . mega_greybar {
border:0px solid red;
}
/* 1. Dark Menu Bar */


#iadotnav .megamenu_dark_bar {
	padding: 5px 0px 5px 0px;
	background: #333333;
	background: -webkit-linear-gradient(top, #333333 0%, #333333);
	background: -moz-linear-gradient(top, #333333 0%, #333333);
	background: -o-linear-gradient(top, #333333 0%, #333333);
	background: -ms-linear-gradient(top, #333333 0%, #333333);
	background: linear-gradient(top, #333333 0%, #333333);
	border: 1px solid #333333;
	-webkit-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
	-moz-box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
	box-shadow: inset 0px 0px 2px rgba(40,40,40,0.7);
}
#iadotnav .megamenu_dark_bar .megamenu {
	color: #FFFFFF;
}
#iadotnav .megamenu_dark_bar .megamenu li.noactive {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#iadotnav .megamenu_dark_bar .megamenu > li > a {
	color: #FFFFFF;
}
#iadotnav .megamenu_dark_bar .megamenu > li:hover > a {
	color: #d56808;
}
#iadotnav .megamenu_dark_bar .megamenu > li .megamenu_drop {
	width: 100%;
}
#iadotnav .megamenu_container {
	z-index: 1;
	height: auto;
}
#iadotnav .megamenu_container .megamenu > li,  #iadotnav .megamenu_container .megamenu > li:hover,  #iadotnav .megamenu_container .megamenu > li.right,  #iadotnav .megamenu_container .megamenu > li.right:hover {
	float: none;
	width: auto;
	padding-right: 0;
	margin-right: 0;
}
#iadotnav .megamenu_container .megamenu > li > a {
	padding: 16px 10px 0px 15px;
}
#iadotnav .megamenu_container .megamenu li.right a {
	margin-right: 0;
}
#iadotnav .az {
	display: none;
	visibility: visible;
	margin-top: 25px 0 5px 0;
	padding-top: 25px 0 5px 0;
}
#iadotnav .az li {
	margin-top: 25px 0 5px 0;
	padding-top: 25px 0 5px 0;
}
}