@import"css/all.css";@import"css/mobile.css";@import"css/tablet.css";



@font-face {
    font-family: 'GothamLight';
    src: url('font/gotham-light.eot');
    src: url('font/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-light.woff') format('woff'),
         url('font/gotham-light.ttf') format('truetype'),
		 url('font/gotham-Light.otf') format('opentype'),
         url('font/gotham-light.svg#GothamLight') format('svg');
}

@font-face {
    font-family: 'GothamThin';
    src: url('font/gotham-thin.eot');
    src: url('font/gotham-thin.eot') format('embedded-opentype'),
         url('font/gotham-thin.woff') format('woff'),
         url('font/gotham-thin.ttf') format('truetype'),
         url('font/gotham-thin.svg#GothamThin') format('svg');
}


@font-face {
    font-family: 'GothamUltra';
    src: url('font/gotham-ultra.eot');
    src: url('font/gotham-ultra.eot') format('embedded-opentype'),
         url('font/gotham-ultra.woff') format('woff'),
         url('font/gotham-ultra.ttf') format('truetype'),
         url('font/gotham-ultra.svg#GothamUltra') format('svg');
}


@font-face {
    font-family: 'GothamMedium';
    src: url('font/gotham-medium.eot');
    src: url('font/gotham-medium.eot') format('embedded-opentype'),
         url('font/gotham-medium.woff') format('woff'),
         url('font/gotham-medium.ttf') format('truetype'),
         url('font/gotham-medium.svg#GothamMedium') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-Opera specific declarations here */

#mbtop { margin: 0 auto;  max-width:100%;# width:865px;# }

}




/*menus */

#nav_box        {float: left;  width: auto; margin-top:3px; }
.menuclick      {margin-top:9px;}
#sdmenue        {display:block; z-index:999; width:100%; min-height:54px; height:auto; background-color:#f3f3f3; -webkit-box-shadow: 0px 1px 5px #767676; -moz-box-shadow: 0px 1px 5px #767676; box-shadow: 0px 1px 5px #767676; border-bottom:1px solid #fff;}
#sdmenue.fixed  {position:fixed; top:0px; z-index: 999;}
.sdMenue-Width  {width: auto/*98%*/; margin-left:1%; margin-right:1%;}

body, table, p, ul, ol, h1, h2, h3, h4, h5, h6, block quote {
	margin: 0px;
	padding: 0px;
	-webkit-text-stroke: 0.0pt;
-webkit-font-smoothing: antialiased;

}

h1{ color: #fe784c; font-family: 'GothamMedium', GothamMedium !important; font-size: 19px; font-weight: normal; line-height: 25px; text-decoration: none;}
h2{ color: #FE784C;  font-family: 'GothamLight', GothamLight;font-size: 18px; font-weight: normal; text-decoration: none; }
h3{ color: #FE784C;  font-family: 'GothamLight', GothamLight;font-size: 16px; font-weight: normal; text-decoration: none; }
h4{ color: #FE784C;  font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal; text-decoration: none; }

#internal-page h3{color: #FE784C;  font-family: 'GothamMedium', GothamMedium; font-size:16px; font-weight: normal; text-decoration: none; }
#internal-page h3 a { color: #FE784C;  font-family: 'GothamMedium', GothamMedium;
    font-size: 14px;
    text-decoration: none;
}
#internal-page h3 a:link {
    color:#FE784C;
    text-decoration: none;
}
#internal-page h3 a:visited {
    color:#FE784C;
    text-decoration: none;
}
#internal-page h3 a:hover {
    color:#FE784C;
    text-decoration: underline;
}
#internal-page h3 a:active {
    color:#FE784C;
    text-decoration: none;
}

#internal-page h4{color: #464646;  font-family: 'GothamLight', GothamLight; font-size:17px; font-weight: normal; text-decoration: none; }

p { font-family: 'GothamLight', GothamLight; color:#464646; font-size:15px; line-height:28px; margin-bottom:30px; text-decoration: none;}

.GothamThin { color: #828282; font-family: 'GothamThin', GothamThin; font-size:20px; line-height:30px; text-decoration: none;}
.GothamLight{ color: #828282; font-family: 'GothamLight', GothamLight; font-size:20px; line-height:30px; text-decoration: none;}
.GothamUltra{ color: #828282; font-family: 'GothamUltra', GothamUltra; font-size:20px; line-height:30px; text-decoration: none;}

#in-page-midwrap ul    {margin: 10px 0;  padding: 0 0 5px 35px; }
#in-page-midwrap ul li  {font-family: 'GothamLight', GothamLight; color:#464646!important; font-size:15px; line-height:28px; text-decoration: none;  list-style-type: disc; vertical-align:middle;}

a         {color: #828282; font-family: 'GothamLight', GothamLight; font-size:14px; text-decoration: none;}
a:link    {color: #828282; text-decoration: none; }
/*a:visited {color: #231f20; text-decoration: none;}*/
a:visited {color: #828282; text-decoration: none;}
a:hover   {color: #5f5f5f; text-decoration: underline;}
/*a:active  {color: #231f20; text-decoration: none; }*/
a:active  {color: #828282; text-decoration: none; }

.readmore-js-toggle {
    color: #f7f7f7 !important;
    font-weight: bold;
	cursor:none;
}

/* SEARCH CSS */
.searchbox{ width:240px; margin:15px 0 0 0; padding:0;float:left;}
.searchleft{background-image:url(images/search_L.png);background-position:left top;background-repeat:no-repeat;width:12px;height:23px;float:left;}
.searchright{background:#434343;float:left;padding:0px 0 0 5px;}
#dnn_dnnSEARCH_txtSearch{
	width:50px;
	height:16px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:4px 0 0 0;
	border:0 none;
	clear:both;
	background:#ff0000;
	cursor:pointer;
}

#dnn_dnnSEARCH_txtSearch:focus{
width:165px;
cursor:text;
}

#main-wrapper {
	height: auto;
	width: auto;
	background-color: #F7F7F7; /*#FFFFFF;*/
}
#header-wrapper {
	height: auto;
	width: 100%;
	background-color: #333333;
}

#submenu     { background-color: #ff6634; margin-bottom:37px; height:52px; width: 100%;}
#submenu-mid { height:auto; margin: 0 auto; max-width:680px; width: 100%;}

#header { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:1003px;}
#header-test      { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:1003px;}
#logo {
	float: left;
	height: auto;
	width: 125px;
	z-index:99;
	margin-top: 5px;
}
#navigation {
    float: right;
    height: auto;
    margin-top: 31px;
    max-width: 845px;
    width: 100%;
}
#navigation ul {
    float: left;
    height: auto;
    width: auto;
}
#navigation li {
	float: left;
	font-family: OpenSans-Regular;
	height: auto;
	list-style-image: url("images/nav-divider.jpg");
	list-style-type: none;
	margin-left: 2px;
	margin-right: 10px;
	padding: 15px 3px;
	width: auto;
	color: #464646;
	font-weight: bold;
}
#navigation li.selected {
    background-color: #D03A2C;
    font-family: 'GothamLight', GothamLight;
    list-style-image: none;
    margin-right: 10px;
}
#navigation .selected a {
	color: #464646;
	text-decoration: none;
}
#navigation a {
	color: #d5d5d5;
	text-decoration: none;
}
#navigation a:link {
    color: #464646;
    padding: 15px 11px;
    text-decoration: none;
}
#navigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#test{}

#search {
    float: right;
    height: auto;
    margin-top:7px;
    width:;
}

/* Serch Css */
#topbox                  { padding:17px 0 0 0; height:95px;}
.searchbox               { width:240px; margin:0; padding:5px 0 0;float:left;}
.searchleft              { background-image:url(images/search_L.png);background-position:left top;background-repeat:no-repeat;width:12px;height:23px;float:left;}
.searchright             { background:#fff;float:left;padding:0;}
#dnn_dnnSEARCH_txtSearch { width:165px; height:21px; font-family:Arial; font-size:12px; font-weight:bold; color:#444444; padding:2px 0 0 0; border:0 none; clear:both; background:#FFF; cursor:text; }
/* Serch Css */

#mobile-search{ width:94%; background-color:#FF0000; padding:10px; visibility:hidden;}


#slider-wrapper { height: auto; width: auto; background-color: #F7F7F7; }
#slider { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:1003px;}

#slider-img  { height: auto; width: 100%; max-width:263px; padding:60px 20px 0; text-align:right; float: left;}
#slider-text { float: right; height: auto; width: 100%; max-width:424px; margin-top:40px; margin-right: 26px; margin-bottom: 25px;}

#slider-text h1{ font-family: 'GothamLight', GothamLight; font-size:25px; color: #666666; text-decoration:none; -webkit-text-stroke: 0.0pt;
-webkit-font-smoothing: antialiased;}

#slider-text h2{ font-family: 'GothamLight', GothamLight; font-size:30px; color: #666666; text-decoration:none;}
#slider-text h3{ font-family: 'gothambold1', gothambold1 !important; font-size:30px; color: #666666; text-decoration:none;}
.slider-span   { color: #fe784c; }

#animation { height:400; width:100%; overflow:hidden;}

#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}
#custom-bar {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 1003px;
    width: 100%;
}

.heading a        { font-family:'GothamMedium', GothamMedium !important; font-size:18px; color: #333333; font-weight: normal; text-align:left; padding-left:10px; text-decoration:none; }
.heading a:link   { color: #333333; text-align:left; text-decoration:none; }
.heading a:hover  { color: #333333; text-align:left; text-decoration:none; }
.heading a:active { color: #333333; text-align:left; text-decoration:none; }
.heading a:visited{ color: #333333; text-align:left; text-decoration:none; }

.img-box { width:25%; max-width:103px; padding-right:0px; }

#connenct-box {
    background-color: #FF6633;
    float: left;
    height:104px;
    margin-left: 0;
    margin-right: 0;
    width: 33%;
}
#connenct-box .img-box { width:25%; max-width:103px; text-align:center; padding-right:0px; }
#connenct-box1 {
	height: 104px;
	width:33%;
	background-color: #a3c1db;
	margin-left: 0;
	margin-right: 0;
	float: left;
}
#connenct-box2 {
	height: 104px;
	width: 33%;
	/*max-width:334.33px; */
	background-color: #cccccc;
	margin-left: 0;
	margin-right: 0;
	float: left;
}
#text-wrapper {
	height: auto;
	width: auto;
}
#text-wrapper-box {
	height: auto;
	width: 100%;
	max-width:955px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
}
.orng-span {
    color: #FE784C;
	font-size: 20px;
	font-family: 'GothamMedium', GothamMedium !important;
}
.board-title {
    color: #464646;
    font-family: 'GothamMedium', GothamMedium;
    font-size: 19px;
}
.gray-span {
	color: #4c4c4c;
	font-size:22px;
	padding-top: 20px;
}
#left-txt-box {
	float: left;
	height: auto;
	width: 42%;
	padding-left: 60px;
}
#left-txt-box h1 {  font-family: 'GothamMedium', GothamMedium !important; font-weight: normal; color: #FE784C; font-size:19px; line-height: 25px; text-decoration:none;}
#left-txt-box h2 { color: #464646; font-family: 'GothamLight', GothamLight; font-size: 21px; line-height:32px;  margin: 20px 0; text-decoration: none;}

#left-txt-box p  { font-family: 'GothamLight', GothamLight; color:#464646; font-size: 16px; line-height:25px; margin-top:25px; text-decoration:none; -webkit-text-stroke: 0.0pt;
-webkit-font-smoothing: antialiased;}

#right-txt-box {
	float: right;
	height: auto;
	width: 45%;
	font-family: OpenSans-Regular;
	color: #828282;
}
#right-txt-box h1 { font-family: 'GothamLight', GothamLight; font-weight:bold; color: #FE784C; font-size: 22px; text-decoration:none;}
#right-txt-box p  { font-family: 'GothamLight', GothamLight; color:#464646; font-size:15px; line-height:28px; text-decoration:none; margin-bottom:0px; -webkit-text-stroke: 0.0pt;
-webkit-font-smoothing: antialiased;}
.readmore         { font-family: 'GothamLight', GothamLight; font-size:16px; font-weight:normal; color:#8094a8;text-decoration: none;}
.readmore a         { font-family: 'GothamLight', GothamLight; font-size:16px; font-weight:normal; color:#8094a8;text-decoration: none;}
.readmore a:link    { color:#8094a8;text-decoration: none;}
.readmore a:visited { color:#8094a8;text-decoration: none;}
.readmore a:hover   { color:#8094a8;text-decoration: underline;}
.readmore a:active  { color:#8094a8;text-decoration: none;}

#mid-img-wrapper2   { height: auto; width: auto;}

.readmore           { font-family: 'GothamLight', GothamLight; font-size:16px; font-weight:normal; color:#8094a8;text-decoration: none;}
.readmore a         { font-family: 'GothamLight', GothamLight; font-size:16px; font-weight:normal; color:#8094a8;text-decoration: none;}
.readmore a:link    { color:#8094a8;text-decoration: none;}
.readmore a:visited { color:#8094a8;text-decoration: none;}
.readmore a:hover   { color:#8094a8;text-decoration: underline;}
.readmore a:active  { color:#8094a8;text-decoration: none;}



#footer-wrapper { height: auto; width: auto; background-color: #464646; font-family: OpenSans-Regular; font-size:18px; }
#footer-content { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:966px; padding:15px 0; }

#fotter-left   { float:left;  max-width:645px; margin:0 35px 0 0;  width: 100%; }
#Fotter-link   { float:left; margin:5px 0; max-width: 645px; width: 100%;}
#copyright-sec { float:left; margin:1px 0;  max-width: 645px; width: 100%;}
#copyright     { float:left; margin:7px 20px 0 0;}
.copyright     { color:#a3a3a3; font-family: 'GothamLight', GothamLight; font-weight:normal; font-size:12px; }
#link-sec      { float:left; margin:1px 0;}

#fotter-right  { float:right; max-width:280px;width: 100%; }
#socialicon-sec{ float: right; margin: 0 33px 0 0; }
#fott-search-sec{ float:left; margin-top:5px; margin-left:10px; text-align:right;}
.footer-search { border-bottom: 2px solid #D1D1D1; border-left: 2px solid #D1D1D1; border-top: 2px solid #D1D1D1; color: #373737;  font-family: 'GothamLight', GothamLight;                 font-size: 11px; font-weight: normal;  height:19px;  padding: 5px; width: 197px; }

.Foot        { color: #ccc; font-family: 'GothamMedium', GothamMedium; font-size: 15px; font-weight: normal;  text-decoration: none; }
.Foot:link   { color: #ccc; font-family: 'GothamMedium', GothamMedium; font-size: 15px; font-weight: normal;  text-decoration: none; }
.Foot:hover  { color: #ccc; font-family: 'GothamMedium', GothamMedium; font-size: 15px; font-weight: normal;  text-decoration: underline; }
.Foot:active { color: #ccc; font-family: 'GothamMedium', GothamMedium; font-size: 15px; font-weight: normal;  text-decoration: none; }
.Foot:visited{ color: #ccc; font-family: 'GothamMedium', GothamMedium; font-size: 15px; font-weight: normal;  text-decoration: none; }


.LOGIN        { color: #A3A3A3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.LOGIN:link   { color: #A3A3A3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.LOGIN:hover  { color: #A3A3A3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: underline; }
.LOGIN:active { color: #A3A3A3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.LOGIN:visited{ color: #A3A3A3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }

.signup        { color: #fff; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:link   { color: #fff; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:hover  { color: #fff; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: underline; }
.signup:active { color: #fff; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:visited{ color: #fff; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }

.readbio        { color: #96AABE; font-family: 'GothamMedium' GothamMedium; font-size: 15px; font-weight: normal; margin-bottom:10px;  text-decoration: none; }
.readbio:link   { color: #96AABE; font-family: 'GothamMedium' GothamMedium; font-size: 15px; font-weight: normal; margin-bottom:10px;  text-decoration: none; }
.readbio:hover  { color: #96AABE; font-family: 'GothamMedium' GothamMedium; font-size: 15px; font-weight: normal; margin-bottom:10px;  text-decoration: underline; }
.readbio:active { color: #96AABE; font-family: 'GothamMedium' GothamMedium; font-size: 15px; font-weight: normal; margin-bottom:10px;  text-decoration: none; }
.readbio:visited{ color: #96AABE; font-family: 'GothamMedium' GothamMedium; font-size: 15px; font-weight: normal; margin-bottom:10px;  text-decoration: none; }



/* New Design Csss  */
#topsec      { height: auto; margin:0 auto; max-width:100%; width:1000px; padding:0;}
.i1          { margin:50px 0;}
#topsec-mid  { float: left; height: auto; width:100%; padding:0px; margin:0;}
#topsec #topsec-mid h1 { color: #464646; font-family:'GothamLight', GothamLight !important; font-size:21px; font-weight: normal; text-decoration: none; line-height: 35px; margin:0 0 30px; text-align:left;}

#topsec #top3box     { height: auto; margin:0 auto; max-width:100%; width:1000px;}
#topsec #top3box h1           { color: #9b9b9b; font-family: 'GothamMedium', GothamMedium !important; font-size:15px; font-weight:bold; margin:20px 0px 5px 0px; text-align:center;}

#topsec #top3box h2           { color: #464646; font-family:'GothamLight', GothamLight !important; font-size:17px; font-weight: normal; margin:5px 0; text-align:center;}
#topsec #top3box h3           { color: #464646; font-family:'GothamLight', GothamLight !important; font-size:14px; font-weight: normal; margin:10px 42px; text-align:center;}
#topsec #top3box h4           { color: #9b9b9b; font-family: 'GothamMedium' GothamMedium; font-size:13px; font-weight: bold; margin:5px 0; text-align:center;}
#topsec #top3box p            { color: #464646; font-family: "GothamLight",GothamLight; font-size:13px; line-height: normal; margin:0; text-decoration: none; text-align:center;}

#box1        { float:left; max-width:100%; width:30%;}
#box2        { float:left; max-width:100%; width:30%; margin:0 48px;}
#box3        { float:left; max-width:100%; width:30%;}

/* New Design Csss  */




/* Internal page css start here */

#in-page-midwrap{ height: auto;  width: auto; background-color: #F7F7F7; }
#con-in { margin:0 auto; max-width:860px; width: 95%; padding:9px;}
#con-in-blue{ width: 100%; background-color:#D9E2ED; padding-top:27px;}
#fullwidthcon-in {  margin: 20px 0;  width: 100%;}

#mid-img-wrapper {height:auto;width: auto;background-image:url("images/mid-img-bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#mid-img {background-image: /*url("images/mid-img.jpg")*/;background-position: center bottom;  background-repeat: no-repeat;  height:191px;  margin-left: auto;  margin-right:auto;max-width:945px;  width: 100%; } 

#diviimg1_bg {height:auto;width: auto;background-image:url("images/diviimg1_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg1  {background-image: url("images/diviimg1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:123px;  margin-left: auto;  margin-right:auto;max-width:945px;  width: 100%; } 

#diviimg2_bg {height:auto;width: auto;background-image:url("images/diviimg2_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg2  {background-image: url("images/diviimg2_2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:105px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }


#diviimg3_bg {height:auto;width: auto;background-image:url("images/diviimg3_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg3  {background-image: url("images/diviimg3_3.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:107px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }


#mid-full-wrapp {background-image: url("images/join-divi-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto; width: auto; }
#mid-full-wrapp-mid{background-image: url("images/join-divi-img.jpg");background-position:right bottom;  background-repeat: no-repeat;  height:35px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%;}

#mid-img-wrapper_in {background-image: url("images/mid-img-in1-bg.png"); background-position: left center;  background-repeat: repeat-x;  height: auto; width: auto; }
#mid-img-in { background-image: url("images/animation.gif");  background-position: center bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width: 860px; width: 100%;}


#mid-img-contact { background-image: url("images/thread-doorhandlegroup1.jpg");  background-position: center bottom;  background-repeat: no-repeat; height: 108px;  margin-left: auto; margin-right: auto; max-width: 860px; width: 100%;
}

#mid-img-wrapper_in_full { background-image: url("images/mid-img-wrapper_in_full.jpg"); background-position: left center;  background-repeat: repeat-x; height: auto; margin-bottom:0px;  width: auto; }


#mid-divi-ne-bg {height:auto;width:auto;background-image:url("images/newsandevent-bg.jpg");background-repeat:repeat-x;background-position:left center;}
#mid-divi-ne-in  {background-image: url("images/newsandevent.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:102px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#mid-divi-ne-bg2 {height:auto;width:auto;background-image:url("images/newsandevent2-bg.jpg");background-repeat:repeat-x;background-position:left center; margin-bottom:40px; background-color:#dae3ec;}
#mid-divi-ne-in2  {background-image: url("images/newsandevent2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:29px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#mid-divi-ne-bg3{ background-image: url("images/newsandevent3-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#mid-divi-ne-in3  {background-image: url("images/newsandevent3.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:30px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#mid-divi-ne-bg4{ background-image: url("images/newsandevent4-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#mid-divi-ne-in4  {background-image: url("images/newsandevent4.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:26px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#about-midimg2-bg{ background-image: url("images/about-midimg2-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg2-inimg  {background-image: url("images/about-midimg2-inimg.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:26px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#about-midimg3-bg{ background-image: url("images/about-midimg3-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg3-inimg  {background-image: url("images/about-midimg3-inimg.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:30px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#fulldivider{height: auto;  width:100%;  margin:0;}
#fulldivider-in{}

#fulldivider-white{height: auto;  width:100%;  margin: 15px 0 0px 0;}
#fulldivider-in-white{}

#in-form{ width:100%; float:left;}
#in-form-box1{ margin: 0 auto; max-width: 860px; padding:10px; width:100%;}
.in-form-input {  background-color: #f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; height: 50px; padding:0 5px 0 20px; text-decoration: none;  text-transform: uppercase; width: 100%; }
.in-form-drop{background-color: #f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width: 100%;}

.in-form-textbox{background-color: #f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width: 100%;}


#form-right{ width:45%; margin:10px; float:left;}
#form-left{ width:45%; margin:9px; float:left;}
#form-mid {  width:92%; margin:10px; float:left;}



/* NewsandEvent page csss */
#internal-page { margin: 0 auto;  max-width: 860px; padding: 10px;  width: 95%; }
#internal-page #newsandevent h3{   color: #FE784C !important;  font-family: 'GothamMedium' GothamMedium; font-size: 16px; font-weight: normal; text-decoration: none;}
#internal-page #newsandevent p{ font-family: 'GothamLight', GothamLight; font-size: 15px; font-style: normal; line-height: 20px; color:#464646;}

#internal-page #newsandevent h3 a { color: #FE784C;  font-family: 'GothamMedium' GothamMedium;
    font-size: 14px;
    text-decoration: none;
}
#internal-page #newsandevent h3 a:link {
    color: #FE784C;
    text-decoration: none;
}
#internal-page #newsandevent h3 a:visited {
    color: #FE784C;
    text-decoration: none;
}
#internal-page #newsandevent h3 a:hover {
    color: #FE784C;
    text-decoration: underline;
}
#internal-page #newsandevent h3 a:active {
    color: #FE784C;
    text-decoration: none;
}

#internal-page-left{ float: left; margin: 0 15px 0 0; width:46%; }
#internal-page-left h1{color: #fe784c;  font-family: 'GothamMedium', GothamMedium !important; font-size: 19px; font-weight: normal; line-height: 25px; text-decoration: none;}

#internal-page-right{ float: left; margin: 0 0 0 15px; width:46%; }
#internal-page-right-showhide{ float: left; margin: 0 0 0 15px; width:48%; }

#internal-page-full{ margin: 0 auto; max-width: 860px; padding: 10px;  width: 95%;}

#midimg1{ height: auto; width: auto; background-image: url("images/mid-sec-tech1-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg1-in{background-image: url("images/mid-sec-tech1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:121px;  margin-left: auto;  margin-right:auto;max-width:851px;  width: 100%; }

#tech-midimg1 { background-image: url("images/th-div-bg-d.jpg"); background-position: left center; background-repeat: repeat-x; margin-top:-102px; }
#tech-midimg1-in{background-image: url("images/th-div-d.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:82px;  margin-left: auto;  margin-right:auto;max-width:851px;  width: 100%; }

#midimg2-full{ height: auto; width: auto;background-image: url("images/mid-sec-tech2-fullbg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg2-in{background-image: url("images/mid-sec-tech2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:104px;  margin-left: auto;  margin-right:auto;max-width:851px;  width: 100%;  }


#midimg3{ height: auto; width: auto; background-image: url("images/mid-sec-tech3-bg.jpg");  background-position: left center; background-repeat: repeat-x;  }

#midimg3-in{;background-position: center bottom;  background-repeat: no-repeat;  height:125px;  margin-left: auto;  margin-right:auto;max-width:851px;  width: 100%;
	background-image:  url("images/drop-animation.jpg");}



#mid-fullwhite{ height: auto; width: auto; padding-top:0px; }
#mid-fullwhite-in{margin-left: auto;  margin-right:auto;max-width:860px;  width: 96%;  }
#mid-full-wrapp-white {
    background-image: url("images/mid-full-wrapp-mid-white-bg.jpg");
    background-position: left center;
    background-repeat: repeat-x;
    height: auto;
    width: auto;
}


#mid-full-wrapp-mid-white {
    background-image: url("images/mid-full-wrapp-mid-white-bg.jpg");
	background-repeat:no-repeat; background-position:center top;
    height:54px;
    margin-left: auto;
    margin-right: auto;
    max-width: 945px;
    width: 100%;
}





#divider-bor {
    height: auto;
    width: auto;
	border-bottom:2px solid #939499;
}

#divider-bor-mid{
    margin-left: auto;
    margin-right: auto;
    max-width: 945px;
    width: 100%;
}



#internal-page-mid1{margin: 0 auto;  max-width: 860px; padding: 10px;  width: 95%;}
#internal-page-mid1-left { float: left; margin: 0 15px 0 0; width:48%; }
#internal-page-mid1-left img{ height:auto; width: auto;}
#internal-page-mid1-right{ float: left; margin: 0 0 0 15px; width:48%; }

#midimg2-newsandevent{ height: auto; width: auto;background-image: url("images/mid-sec-newsevent.jpg");background-position: left center;background-repeat: repeat-x;}



#midimg-ne{ height: auto; width: auto; background-image: url("images/newsandevent-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg-ne-in{height: auto; margin-left: auto; margin-right: auto;  max-width: 945px; width: 100%; }


#midimg2-newsandevent2 {  background-image: url("images/newsandevent2-bg.jpg");background-position:left center;background-repeat:repeat-x; height:auto;width: auto;}
#newsandevent2-mid {height: auto;margin-left: auto; margin-right: auto;max-width: 945px;width: 100%;}
/* NewsandEvent page csss */


/* About page csss */
#about-mid {  margin: 0 auto;  max-width:100%; padding: 10px;  width: 860px; }

#about-midimg1 {background-image: url("images/about-divi-bg.jpg"); background-position: bottom center; background-repeat: repeat-x; height:27px;  width: auto;}
#about-midimg1-in { background-image: url("images/about-divi1.jpg"); background-position: left bottom; background-repeat: no-repeat; height: 27px; margin: 0 auto;  max-width: 860px; width: 100%;}

#about-midimg2 {background-image: url("images/about-mid-img2-bg.jpg"); background-color:#dae3ec; background-position: bottom center; background-repeat: repeat-x; height:27px;  width: auto;}
#about-midimg2-in{ background-image: url("images/about-mid-img2-bg-img.jpg");background-position: left bottom; background-repeat: no-repeat; height: 27px; margin: 0 auto;  max-width: 860px; width: 100%;}

#aboutmid-content{ background-color:#d9e2ed; height: auto; width: auto;}

#about-mid-left1{  float: left;  margin: 0 15px 0 0; width: 48%; }
#about-mid-right1{  float: left;  margin: 0 0 0 15px; width: 48%; }

#about-mid-left2{  float: left;  margin: 0 15px 0 0; width: 48%; }
#about-mid-right2{  float: left;  margin: 0 0 0 15px; width: 48%; }

#profile-bar-wrapper { height: auto; width: auto; background-color: #DAE2ED; padding-top:45px;}

#profile-box1 { float: left; height: auto; margin-left: 0; margin-right: 0; width: 50%;}
#profile-box1  h1 { color:#FE784C; font-family: 'GothamLight', GothamLight; font-size: 21px; font-weight: normal; margin-bottom:5px; text-decoration: none;}
#profile-box1 p { color: #464646; font-family: 'GothamLight', GothamLight; font-size: 15px; line-height:19px;  text-decoration: none;}

#profile-box2 { float: left; height: auto; margin-left: 0; margin-right: 0; width: 50%;}
#profile-box2  h1 { color:#FE784C; font-family: 'GothamLight', GothamLight; font-size: 21px; font-weight: normal; text-decoration: none;}
#profile-box2 p { color: #464646; font-family: 'GothamLight', GothamLight; font-size: 15px; line-height:19px; text-decoration: none;}

.titile-box { width:100%; height:auto; margin-left:auto; margin-right:auto; margin-bottom: 40px; }

.profile-img-box { max-width: 173px; padding-right: 8px;  width: 27%;}
#profileimage{ width:173px; float:left;}
#profile-info{ width:auto; float:left;}
#bio-txt{width:auto; float:left;}
.divider {width:100%; margin-left:auto; margin-right:auto;height:1px;background-color:#ffffff;margin-top:30px; margin-bottom:30px;max-width:1003px;border:1px solid #ECF1F6 ; }
.board-subtitle { color: #666666; font-size: 17px; font-family: 'GothamLight', GothamLight;}
.collaps-box { background-color: #ff6633; float: left; height: auto; margin-top: -263px; max-width: 980px; padding: 13px; width: 100%; cursor: pointer; } 
.divider { background-color: #FFFFFF; border: 1px solid #ECF1F6; height: 1px; margin: 30px auto; max-width: 1003px;width: 100%;}

#about-mid-full {  margin: 0 auto; background-color:#FFFFFF; width: 100%; padding-top:36px; }
#about-mid-full h1{ color: #666666; font-family: 'GothamMedium', GothamMedium; font-weight:normal; font-size:19px; line-height:25px; text-transform:uppercase;text-decoration: none;}

#Flogopanebox-fullwidth{ width:98%; float:left;}
#Flogopanebox-fullwidth #logo-fullwidth{ width:29%; margin:30px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#Flogopanebox-fullwidth #logo-fullwidth img{ height: auto;  width: 100%; }

#BLSlogopanebox-fullwidth{ width:98%; float:left;}
#BLSlogopanebox-fullwidth #logo-fullwidth{ width:29%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#BLSlogopanebox-fullwidth #logo-fullwidth img{ height: auto;  width: 100%; }

#Clogopanebox-fullwidth{ width:98%; float:left;}
#Clogopanebox-fullwidth #logo-fullwidth{ width:29%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#Clogopanebox-fullwidth #logo-fullwidth img{ height: auto;  width: 100%; }

#logopanebox{ width:265px; margin:10px; float:left;}
#logopanebox img{ margin-bottom:20px; vertical-align:top; text-align:center; }
#logopanebox h1{color: #BFBDBD; font-family: 'GothamMedium', GothamMedium; font-size:21px; font-weight: normal; text-decoration: none;}
#about-mid-full-divi{background: none repeat scroll 0 0 #D8DADA; height:2px;  margin:15px auto; max-width: 945px;  width: 100%;}
#about-mid-midcon5{margin: 0 auto; max-width:100%; padding: 10px;  width: 860px;}


/* Membership Benifits table css */
#m-beni { width:860px; max-width:100%; margin:0 auto;}
.title_bl{color: #464646; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#m-beni .title{color: #FE784C; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#mbtop        { margin: 0 auto; width:995px; max-width:100%;}
.webkit #mbtop{ margin: 0 auto; width:865px; max-width:100%;}


#mbtop1{ width:575px;}
#mbtop2{ width:125px;}
#mbtop3{ width:160px;}

#ro1{ width:550px;}
#ro2{ width:125px;}
#ro3{ width:160px;}
#ro4{ width:160px;}
.rotate1{ background-image:url("images/benifit.jpg"); background-position:center left; width:78px; height:40px; background-repeat:no-repeat;}
.rotate2{ background-image:url("images/affiliate.jpg"); background-position:center left; width:92px; height:16px; background-repeat:no-repeat;}
.rotate3{ background-image:url("images/contributor.jpg"); background-position:center center; width:135px; height:16px; background-repeat:no-repeat;}
.rotate4{ background-image:url("images/sponcer.jpg"); background-position:center right; width:92px; height:16px; background-repeat:no-repeat;}

#m-beni-chart-r1{width: 100%; background-color:#D9E2ED;}
#mb1{ margin: 0 auto; max-width:100%; width:1003px;}
.webkit #mb1{ margin: 0 auto; max-width:100%; width:865px;}

.graytr{ background-color:#D9E2ED;}



#m-beni-chart-r2{width: 100%; background-color:#F7F7F7;}
.whitetr{ background-color:#F7F7F7;}
#mb2-2{ margin: 0 auto; max-width:1003px; width:100%;}
.webkit #mb2-2{ margin: 0 auto; max-width:100%; width:865px;}


#mb2{ width:51%; max-width:100%;}
#mb3{ width:125px;}
#mb4{ width:160px;}
#mb5{ width:143px;}
/* Membership Benifits table css */




/* About page csss */

/* Internal page css end here */



/* Serch css Start here */

#button-top {left: 63%;overflow: hidden;padding-left:280px;position: absolute;width:50px; margin:6px auto; }

#button-top img {  position:relative;
  left:0; }
  
  
  .top {
    margin-top: -47px;
}
  
  
  #button-top img.transparent {
opacity:0;
}

#button-top:hover, #button-bottom:hover {cursor: pointer;}
.slide { position: relative; overflow: hidden; width: 350px;}
.slide img {position: relative; z-index: 100;}
.slide .innerTop, .slide .innerBottom {background-color:#000; cursor: none;height: 35px;left:46px;padding:6px;position:absolute;top:-1px;width:222px;z-index: 50;}
.slide .innerTop p, .slide .innerBottom p {width: 80px;  padding:8px 16px;  color: #fff;  margin: 0; }
.js .slide .innerTop, .js .slide .innerBottom { display: none; }
#button-bottom { width: 100px; position: absolute; left: 75%; top: 240px; padding-left: 100px; overflow: hidden;}

/* Serch css End here */



/* style for search show hide */


#search-right {
    float: right;
    margin: 12px 0 0;
}
.search-p {
	float:left;
}

.show_hide {
	cursor: pointer;
}
.close {
    float: left;
    padding: 8px 0 0 5px;
}
.slidingDiv {
    background:#333333;
    margin-left:-232px;
    margin-top:2px;
    padding:5px 8px 2px 6px /*6px 6px 2px*/;
    position: absolute;
	z-index: 1000;
	display:none;
}


/* show/hide */

.slidingDiv {
}

.show_hide {
	display: ;
}

/* show/hide */

/* style for search show hide END */


/* ...............  Read More Expand Css Start Here...... ............. */
.collapse{
  font-size: 31px;
  display: none;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

#show1{ width:410px; }

/* ...............  Read More Expand Css End Here...... ............. */



/* ...............  Handle Animation Css Start Here...... ............. */
.box { position: relative; }
.door { position: absolute; top: 0; left: 0; }
.door-handle { position: absolute; top: -27px; left:80px; }
@-webkit-keyframes Turning {
	0%		{ -webkit-transform: rotate(0deg); }
	25%		{ -webkit-transform: rotate(15deg); }
	50%		{ -webkit-transform: rotate(0deg); }
	100%	{ -webkit-transform: rotate(0deg); }
}
@-moz-keyframes Turning {
	0%		{ -moz-transform: rotate(0deg); }
	25%		{ -moz-transform: rotate(15deg); }
	50%		{ -moz-transform: rotate(0deg); }
	100%	{ -moz-transform: rotate(0deg); }
}
@-o-keyframes Turning {
	0%		{ -o-transform: rotate(0deg); }
	25%		{ -o-transform: rotate(15deg); }
	50%		{ -o-transform: rotate(0deg); }
	100%	{ -o-transform: rotate(0deg); }
}
@keyframes Turning {
	0%		{ transform: rotate(0deg); }
	25%		{ transform: rotate(15deg); }
	50%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}
.door-handle { 
	-webkit-animation: Turning 3.0s ease-in infinite; 
	-moz-animation: Turning 3.0s ease-in infinite; 
	-o-animation: Turning 3.0s ease-in infinite; 
	animation: Turning 3.0s ease-in infinite; 
}
/* ............... Handle Animation Css End Here...... ............. */


/* ............... Waterdrip Animation Css Start Here...... ............. */
.box1 { position: relative; }
.faucet-drip { position: absolute; left:297px; }
.faucet-drip2 { position: absolute; left:315px; }

@-webkit-keyframes Dripping {
  0%  { top: 60px; opacity: 0; }
  40% 	{ top: 120px; opacity: 1; }
  41% { top: 120px; opacity: 0;}
  100%  { top: 120px; opacity: 0; }
}
@-moz-keyframes Dripping {
  from  { top: 60px; opacity: 0; }
  to 	{ top: 120px; }
}
@-o-keyframes Dripping {
  from  { top: 60px; opacity: 0; }
  to 	{ top: 120px; }
}
@keyframes Dripping {
  from  { top: 60px; opacity: 0; }
  to 	{ top: 120px; }
}
.dripping1 { 
	-webkit-animation: Dripping 2s ease-in infinite; 
	-moz-animation: Dripping 1.2s ease-in infinite; 
	-o-animation: Dripping 1.2s ease-in infinite; 
	animation: Dripping 1.2s ease-in infinite; 
}

@-webkit-keyframes Dripping2 {
  0%  { top: 60px; opacity: 0; }
  40% 	{ top: 120px; opacity: 1; }
  41% { top: 120px; opacity: 0;}
  100%  { top: 120px; opacity: 0; }
}
.dripping2 { -webkit-animation: Dripping2 3s ease-in infinite; }

@-webkit-keyframes Dripping3 {
  0%  { top: 60px; opacity: 0; }
  40% 	{ top: 120px; opacity: 1; }
  41% { top: 120px; opacity: 0;}
  100%  { top: 120px; opacity: 0; }
}
.dripping3 { -webkit-animation: Dripping3 4s ease-in infinite; }

/* ............... Waterdrip Animation Css End Here...... ............. */


#dnn_WebFormPane {display:block; }
#dnn_MobileFormPane { display:none;}





/* ............... Read bio css ...... ............. */


#r-bio1 h1 {color: #666666; font-family: 'GothamMedium', GothamMedium;  font-size: 19px; margin-bottom:20px; margin-top:30px;}
#r-bio1 h2 {color: #FF6633; font-family: 'GothamLight', GothamLight; font-size: 21px; font-weight: normal;  margin-bottom: 5px; text-decoration: none; }
#r-bio1 h3 {color: #666666; font-family: 'GothamLight', GothamLight; font-size: 17px; line-height: 25px;}
#r-bio1 p { color: #464646;  font-family: 'GothamLight', GothamLight; font-size: 15px; line-height:28px; text-decoration: none;}

#r-bio1 a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#r-bio1 a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#r-bio1 a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#r-bio1 a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#r-bio1 a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}


/****************************************************  -----------------------------   ************************************************/

#close1    {color: #96AABE!important; font-family: 'GothamMedium', GothamMedium;  font-size: 15px; font-weight: normal; text-decoration: none;}
#aboutmid-content-bio { background-color: #d9e2ed; max-width: 100%; padding: 10px;  width: 860px; }
#about-mid-bio       {width: auto; padding: 10px; max-width:100%;}


#left             { float: left; margin-right: 5px; width: 49%;}
#right            { float: left; margin-left: 0px; width: 49%;}

#about-mid-bio #left img  { margin-right:15px; width: 36%;}
.hrstyle {
    border: 1px solid #FFFFFF;
	height:0;
}


#for-mob {
	display: none;
}
/*    *******************************************************************************************   */

/* ............... Read bio css ...... ............. */

/* ================ Faq Question And Answer Css Start Here ==========================================*/
#faq-box          {}
#faq-box h1      { color: #666666; font-family: 'GothamMedium', GothamMedium;  font-size: 19px; line-height: 28px; margin-bottom:10px; text-decoration: none;}

#faq-box p        { color: #464646; font-family: 'GothamLight', GothamLight; font-size: 15px; line-height: 28px; margin-bottom:5px; text-decoration: none;}
#faq              { margin-bottom:10px;}
#faq h1           { color: #464646; font-family: 'GothamLight', GothamLight!important; font-size: 17px; margin-bottom:10px; text-decoration:none }

#faq h1 a         { color: #464646; text-decoration: none;}
#faq h1 a:link    { color: #464646; text-decoration: none;}
#faq h1 a:hover   { color: #464646; text-decoration: none;}
#faq h1 a:active  { color: #464646; text-decoration: none;}
#faq h1 a:visited { color: #464646; text-decoration: none;}

#faqclose a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#faqclose a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#faqclose a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}

#Faq-divi { background: none repeat scroll 0 0 #D8DADA; height: 2px; margin: 15px auto; max-width: 945px; width: 100%;}

.hidden   { display: none; }
.unhidden { display: block; margin-top: -10px;}

/* ================ Faq Question And Answer Css End Here ==========================================*/


/* ================ formfield default Css start Here ==========================================*/
.tblFormTextBox {
    background-color: #F7F7F7;
    border-color: #000000;
    border-style: none !important;
    border-width: 1px;
    color: #464646!important;
    font-family: 'GothamLight', GothamLight;
    font-size: 17px;
    height: 50px;
    padding: 0 5px 0 20px;
    text-decoration: none;
    width: calc(100% - 20px);
	text-align:left;
}
.webkit .tblFormTextBox {
    background-color: #F7F7F7;
    border-color: #000000;
    border-style: none !important;
    border-width: 1px;
    color: #464646!important;
    font-family: 'GothamLight', GothamLight;
    font-size: 17px;
    height: 50px;
    padding: 0 5px 0 20px;
    text-decoration: none;
    width:380px;
	max-width:100%;
	text-align:left;
}

.tblFormTextBoxML {
    background-color: #F7F7F7;
    border-color: #000000;
    border-style: none !important;
    border-width: 1px;
    color: #464646!important;
    font-family: 'GothamLight', GothamLight;
    font-size: 17px;
    height: 135px;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
    width: calc(100% - 30px);
	text-align:left;
}


.webkit .tblFormTextBoxML {
    background-color: #F7F7F7;
    border-color: #000000;
    border-style: none !important;
    border-width: 1px;
    color: #464646!important;
    font-family: 'GothamLight', GothamLight;
    font-size: 17px;
    height: 135px;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
    width:100%;
	text-align:left;
}
.tblFormDropDown {
    background-color: #f7f7f7;
    border: 1px none #000000;
    color: #7d7d7d !important;
    font-family: 'GothamLight', GothamLight;
    font-size: 15px;
    height: 50px;
    padding: 14px 10px 14px 20px;
    text-decoration: none;
    width: calc(100% + 5px);
	text-align:left;
}


.ie10 .tblFormDropDown {
    background-color: #f7f7f7;
    border: 1px none #000000;
    color: #464646 !important;
    font-family: 'GothamLight', GothamLight;
    font-size: 15px;
    height: 50px;
    padding: 14px 10px 14px 20px;
    text-decoration: none;
    width: calc(100% + 5px);
	text-align:left;
}
*::-ms-backdrop, .tblFormDropDown {
    background-color: #f7f7f7;
    border: 1px none #000000;
    color: #464646 !important;
    font-family: 'GothamLight', GothamLight;
    font-size: 15px;
    height: 50px;
    padding: 14px 10px 14px 20px;
    text-decoration: none;
	text-align:left;
    width: calc(100% + 5px);} /* IE11 */
	

.tblFormTextBoxL {
    background-color: #f7f7f7;
    border-color: #000000;
    border-style: none !important;
    border-width: 1px;
    color: #464646!important;
    font-family: 'GothamLight', GothamLight;
    font-size:17px;
    height: 50px;
    padding: 0 5px 0 20px;
    text-decoration: none;
	text-align:left;
    width: calc(100% - 20px) !important;
}


.animation{ width:100%;}

.listingtitle{
    color: #fe784c!important;
    font-family: 'GothamMedium', GothamMedium;
    font-size: 16px;
    font-weight: normal;
	text-decoration:none;
}

.tech-img {
    display: block;
    margin:120px 0 0 44px;
}

.tech-img-1 {
	display: none;
}



/* ================ formfield default Css start Here ==========================================*/





@media only screen and (max-width :1240px)   
{
#custom-bar-wrapper {
    background-color: #CCCCCC;
    background-image: url("images/bg-s.gif");
    background-position: left top;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
}
}

/*  ipad css */
@media only screen and (max-width : 1024px)   
{
/* New Design Csss  */
#topsec      { height: auto; margin:0 auto; max-width:100%; width: auto; padding:0 10px;}
.i1          { margin:35px 0 10px;}

#topsec #topsec-mid h1 { color: #464646; font-family:'GothamLight', GothamLight !important; font-size:21px; font-weight: normal; text-decoration: none; line-height: 35px; margin:10px 0; text-align:left;}
#topsec #top3box     { height: auto; margin:0 auto; max-width:100%; width: auto;}
/* New Design Csss  */




#slider-img { float: left; height: auto; max-width: 100%; padding: 60px 20px 0; text-align: right; width: 30%; }
#slider-text { float: right; height: auto; width:45%; max-width:100%; margin-top:40px; margin-right: 26px; margin-bottom: 25px;}

#slider-text h1{ font-family: 'GothamLight', GothamLight; font-size:18px; color: #666666; text-decoration:none; -webkit-text-stroke: 0.0pt;
-webkit-font-smoothing: antialiased;}


#about-mid-midcon5{margin: 0 auto; max-width:100%; padding: 10px;  width: auto;}

#about-mid {  margin: 0 auto;  max-width:90%; padding: 10px; width: auto; }

#footer-content { height: auto; margin-left: auto; margin-right: auto; max-width: 900px; padding: 15px 0; width: 100%; }
#fotter-left    { float: left; margin: 0 35px 0 0; max-width: 585px;  width: 100%; }

.img                    { height: auto;  width: auto;}
.footer-search { border-bottom: 2px solid #D1D1D1;border-left: 2px solid #D1D1D1;border-top:2px solid #D1D1D1;color: #373737;font-family:'GothamLight', GothamLight;font-size: 11px; font-weight: normal; height: 19px; padding:5px; width:197px;}

#custom-bar-wrapper { background-color: #cccccc; background-image: url("images/bg-s.gif") ; background-repeat: repeat-y;  height: auto; width: auto; background-position: left top;}
#custom-bar   { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px;  width: 100%;}
#connenct-box { height: 104px; width: 31%; /*max-width:334.33px;*/ background-color: #ff6633; margin-left: 0; margin-right: 0; float: left; }
#connenct-box1 { height:114px; width:31%; background-color: #a3c1db; margin-left: 0; margin-right: 0; float: left;}
#connenct-box2 { height:114px; width:37%; background-color: #cccccc; margin-left: 0; margin-right: 0; float: left;}


/* Membership Benifits table css */
#m-beni { width:860px; max-width:100%; margin:0 auto;}
.title_bl{color: #464646; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#m-beni .title{color: #FE784C; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#mbtop        { margin: 0 auto; width:99%; max-width:100%;}
.webkit #mbtop{ margin: 0 auto; width:99%; max-width:100%;}


#mbtop1{ width:575px;}
#mbtop2{ width:125px;}
#mbtop3{ width:160px;}

#ro1{width:460px;}
#ro2{ width:125px;}
#ro3{ width:160px;}
.rotate1{ background-image:url("images/benifit.jpg"); background-position:center left; width:78px; height:40px; background-repeat:no-repeat;}
.rotate2{ background-image:url("images/affiliate.jpg"); background-position:center right; width:92px; height:16px; background-repeat:no-repeat;}
.rotate3{ background-image:url("images/contributor.jpg"); background-position:center right; width:135px; height:16px; background-repeat:no-repeat;}


#m-beni-chart-r1{width: 100%; background-color:#D9E2ED;}
#mb1{ margin: 0 auto; max-width:100%; width:99%;}
.webkit #mb1{ margin: 0 auto; max-width:100%; width:99%;}

.graytr{ background-color:#D9E2ED;}




#m-beni-chart-r2{width: 100%; background-color:#F7F7F7;}
.whitetr{ background-color:#F7F7F7;}
#mb2-2{ margin: 0 auto; max-width:1003px; width:99%;}
.webkit #mb2-2{ margin: 0 auto; max-width:100%; width:99%;}



#mb3{ width:125px;}
#mb4{ width:160px;}
/* Membership Benifits table css */

#aboutmid-content-bio { background-color: #d9e2ed; max-width:100%; padding:0px;  width: auto; }

}


/*  ipad css */
/*  ................................................................................ */
@media only screen and (max-width : 1023px)   
{

#m-beni {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
	padding:0 20px;
}


/* New Design Csss  */
#box2 { float: left; margin: 0 10px; max-width: 100%;  width: 30%; }
#topsec #topsec-mid h1 { color: #464646; font-family:'GothamLight', GothamLight !important; font-size:16px; font-weight: normal; text-decoration: none; line-height:22px; margin:10px 0; text-align: center;}
/* New Design Csss  */

}

@media only screen and (max-width: 960px) 
{

#footer-content {  height: auto;  margin-left: auto; margin-right: auto;  max-width:750px; padding: 15px 0; width: 100%;}
/*#fotter-left { float: left;  margin:0 5px;  max-width: 475px; width: 100%;}*/

#fotter-left {
    float: none;
    margin: 0 auto;
    max-width: 475px;
    text-align: center;
    width: 100%;
}
/*#fotter-right {float: right;max-width: 255px;width: 100%;}*/
#fotter-right {float: none;max-width: 255px;width: auto; margin: 0 auto;}

}



/*   @media only screen and (max-width: 770px)     */
@media only screen and (max-width: 900px) 
{


#close1    {color: #96AABE!important; font-family: 'GothamMedium', GothamMedium;  font-size: 15px; font-weight: normal; text-decoration: none;}



#left             { float: left; margin-right: 5px; width: 49%;}
#right            { float: left; margin-left: 0px; width: 49%;}

#about-mid-bio #left img  { margin-right:15px; width: 36%;}
/*    *******************************************************************************************   */

body { font-family: /*Helvetica,Arial,sans-serif; */ font-size: 12px; }
.img { height: auto; width: auto; }

#header { height: auto;  margin-left: auto;  margin-right: auto;  max-width: 770px;  width: 100%;}
#header-test{ height: auto;  margin-left: auto;  margin-right: auto;  max-width: 770px;  width: 100%;}
#slider {  height: auto; margin-left: auto; margin-right: auto; max-width: 770px;  width: 100%;}

#connenct-box1 {  background-color: #A3C1DB;  float: left;  height: 114px;  margin-left: 0; margin-right: 0; padding-left: 10px;  width: 32%;}
#connenct-box2 {  background-color: #CCCCCC;  float: left;  height: 114px;  margin-left: 0; margin-right: 0; padding-left:7px;  width: 31%;}

#show1 {
    width: 338px;
}


#text-wrapper-box { height: auto;  margin-left: auto; margin-right: auto; margin-top: 40px;  max-width: 770px; width: 100%;}
#left-txt-box     { float: left; height: auto; padding-left: 45px;  width: 42%;}

#custom-bar { font-family: OpenSans-Regular; font-size: 20px; height: auto; margin-left: auto;  margin-right: auto; max-width: 770px; width: 100%; }

.mobile_display { display: table; float: right; margin:-55px 25px 0; position: relative; }
#megaMenu ul    {  margin: 60px auto;  padding: 0; width: 500px;}
.mobile_nav     {  display: block; float: left; height: 36px; left: 0; position: relative;  top: 0; width: 500px; }

#megaMenu .root li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: none; margin-bottom: 2px;  text-align: center; width: 100%;}	

.mobile_display { display: inline-table; margin: 5px 0 0 130px;position: absolute;}
.sdMenue-Width  { float: none;  margin:0;  width: auto;}
#logo           { float: left; height: auto; margin-top:0px; width: 125px;  z-index: 99;}

#megaMenu .root li a span {  padding: 0 10px; }
#megaMenu .root li a span {  display: block;  height: 54px; line-height: 54px;  padding: 0 10px;}
#megaMenu .root li a { color: #FAFAFA; cursor: pointer; font-family: 'GothamLight', GothamLight;  font-size: 13px;font-weight: bold;text-transform:uppercase; white-space: nowrap;}
a:link, a:visited, a:active {  color: #003366;}
*|*:link { color: #0000EE;}
:-moz-any-link { cursor: pointer;}
#megaMenu li {  list-style-type: none;}
ul li { list-style-type: square;}
ul ul, ul ol, ul dir, ul menu, ul li, ol ul, ol ol, ol dir, ol menu, ol li, dir ul, dir ol, dir dir, dir menu, dir li, menu ul, menu ol, menu dir, menu menu, menu li {
    list-style-position: inherit;}
li { list-style-position: inside;}
#megaMenu ul { list-style: none outside none;}
ul, menu, dir {  list-style-type: disc; }

#button-top { left: 55%; margin: 0 auto;  overflow: hidden;  padding-left: 280px; position: absolute; width: 50px; }

#footer-content {  height: auto;  margin-left: auto; margin-right: auto;  max-width:750px; padding: 15px 0; width: 100%;}
/*#fotter-left { float: left;  margin:0 5px;  max-width: 475px; width: 100%;}*/

#fotter-left {
    float: none;
    margin: 0 auto;
    max-width: 550px;
    text-align: center;
    width: 100%;
}

#copyright-sec {
    float: left;
    margin: 0;
    max-width: 645px;
    width: 100%;
}



#copyright {
    float: left;
    line-height: 20px;
    margin: -3px 0 4px;
    width: 100%;
}


#socialicon-sec {
    float: none;
    margin:5px;
	text-align:center;
}


.signup        { color: #a3a3a3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:link   { color: #a3a3a3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:hover  { color: #a3a3a3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: underline; }
.signup:active { color: #a3a3a3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }
.signup:visited{ color: #a3a3a3; font-family: 'GothamLight', GothamLight; font-size: 12px; font-weight: normal;  text-decoration: none; }


#fott-search-sec {
    float: left;
    margin-left: 0;
    margin-top:0px;
    text-align: center;
    width: 100%;
}
/*#fotter-right {float: right;max-width: 255px;width: 100%;}*/

#fotter-right {
    float: none;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    width: auto;
}


/* NewsandEvent page csss */
#internal-page { margin: 0 auto;  max-width: 730px; padding: 10px;  width: 100%; }
#internal-page-left{ float: left; margin: 0 10px 0 0; width:95%; }
#internal-page-right{ float: left; margin:0; width:48%; }
#internal-page-right-showhide{ float: left; margin: 0 0 0 15px; width:48%; }

#internal-page-full{ margin: 0 auto; max-width: 730px; padding: 10px;  width: 95%;}

#internal-page-mid1{margin: 0 auto;  max-width: 860px; padding: 10px;  width: 93%;}
#internal-page-mid1-left { float: left; margin: 0 15px 0 0; width:48%; }
#internal-page-mid1-right{ float: left; margin: 0 0 0 15px; width:48%; }


#diviimg1_bg {height:auto;width: auto;background-image:url("images/diviimg1_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg1  {background-image: url("images/diviimg2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:123px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#diviimg2_bg {height:auto;width: auto;background-image:url("images/diviimg2_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg2  {background-image: url("images/diviimg2_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:105px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#diviimg3_bg {height:auto;width: auto;background-image:url("images/diviimg3_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#diviimg3  {background-image: url("images/diviimg3_s_tab.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:107px;  margin-left: auto;  margin-right:auto;max-width:748px; width: 100%; }

#mid-img-wrapper {height:auto;width:auto;background-image:url("images/mid-img-bg1.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#mid-img {/*background-image: url("images/mid-img1.jpg");*/background-position: center bottom;  background-repeat: no-repeat;  height:135px;  margin-left: auto;  margin-right:auto;max-width:770px;  width: 100%; } 

#midimg1{ height: auto; width: auto; background-image: url("images/mid-sec-tech1-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg1-in{background-image: url("images/mid-sec-tech1-1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:121px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#midimg2-full{ height: auto; width: auto;background-image: url("images/mid-sec-tech2-fullbg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg2-in{background-image: url("images/mid-sec-tech2-2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:104px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%;  }


#midimg3{ height: auto; width: auto; background-image: url("images/mid-sec-tech3-bg1.jpg");  background-position: left center; background-repeat: repeat-x;  }
#midimg3-in{background-image: url("images/drop-animation-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:128px;  margin-left: auto;  margin-right:auto;max-width:700px;  width: 100%; }

#mid-divi-ne-bg {height:auto;width:auto;background-image:url("images/newsandevent-bg.jpg");background-repeat:repeat-x;background-position:left center;}
#mid-divi-ne-in  {background-image: url("images/mid-divi-ne-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:102px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}


#custom-bar-wrapper { background-color: #CCCCCC; height: auto; width: auto; }
#custom-bar { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px; width: auto; padding:0 10px; }
#connenct-box { background-color: #FF6633; float: left; height: 100px; margin-left: 0; margin-right: 0;  padding: 0 5px; width:30%;}
#connenct-box1 { height:100px; width: auto; background-color: #a3c1db; margin-left: 0; padding:0 10px; margin-right: 0; float: left;}
#connenct-box2 { height:100px; width:33%; background-color: #cccccc; margin-left: 0; margin-right: 0; padding:0 0 0 7px;  float: left;}

.heading a        { font-family:'GothamMedium', GothamMedium !important; font-size:15px; color: #333333; font-weight: normal; text-align:left; padding-left:10px; text-decoration:none; }
.heading a:link   { color: #333333; text-align:left; text-decoration:none; }
.heading a:hover  { color: #333333; text-align:left; text-decoration:none; }
.heading a:active { color: #333333; text-align:left; text-decoration:none; }
.heading a:visited{ color: #333333; text-align:left; text-decoration:none; }

#mid-img-contact { background-image: url("images/thread-doorhandlegroup1_t.jpg");  background-position: left bottom;  background-repeat: no-repeat; height: 108px;  margin-left: auto; margin-right: auto; max-width:760px; width: 100%;}
.profile-img-box { max-width: 170px; padding-right: 8px;  width: 27%;}

/* NewsandEvent page csss */

#about-midimg3-bg{ background-image: url("images/about-midimg3-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg3-inimg  {background-image: url("images/about-midimg3-inimg1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:30px;  margin-left: auto;  margin-right:auto;max-width:770px; width: 100%; }

#about-midimg2-bg{ background-image: url("images/about-midimg2-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg2-inimg  {background-image: url("images/about-midimg2-inimg1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:26px;  margin-left: auto;  margin-right:auto;max-width:770px; width: 100%; }


.door-handle {
    left: 91px;
    position: absolute;
    top: -26px;
}

.faucet-drip {
   position: absolute;
   left: 335px;
}

.faucet-drip2 {
    left: 295px;
    position: absolute;
}


#fulldivider { background-image: url("images/fulldividerbg.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in{ max-width:auto; width:100%; margin:0 auto;}

#fulldivider-white{background-image: url("images/fulldividerbg-white.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in-white{ /*max-width:758px;*/ width:100%; margin:0 auto;}

/* ================ Faq Question And Answer Css Start Here ==========================================*/

#faq              { margin: 0 auto; max-width: 100%; width: auto;}
#faq h1           { color: #666666; font-family: 'GothamLight', GothamLight; font-size: 17px; margin-bottom:10px; text-decoration:none }

#faq h1 a         { color: #666666; text-decoration: none;}
#faq h1 a:link    { color: #666666; text-decoration: none;}
#faq h1 a:hover   { color: #666666; text-decoration: none;}
#faq h1 a:active  { color: #666666; text-decoration: none;}
#faq h1 a:visited { color: #666666; text-decoration: none;}

#faqclose a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#faqclose a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#faqclose a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}

.hidden   { display: none; }
.unhidden { display: block;}

/* ================ Faq Question And Answer Css End Here ==========================================*/

#logo-fullwidth{ width:29%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}

.animation{ width:768px;}
#search-right {
    float: right;
    margin:7px 0 0;
}



.internal-page-right-tech {
	width: 100%!important;
}


#tech-midimg1 {background-image:url("images/th-div-bg-tablet.jpg");background-position: left center;background-repeat: repeat-x;height: auto;margin-top:-31px;width: auto;}
#tech-midimg1-in { background-image: url("images/th-div-d-1.jpg"); background-size: auto 100%;}

.tech-img { display: none; }
.tech-img-1 { display: block; margin: 0 auto;  max-width: 100%;}
.space-m{ margin-top:-103px;}
}
/*  ................................................................................ */
/*  iphone css */

@media only screen and (max-width : 760px)   
{

/* New Design Csss  */

#box1 { float: left; max-width: 100%; width: 100%;}
#box2 { float: left; margin: 30px 0; max-width: 100%; width: 100%;}
#box3 { float: left; max-width: 100%; width: 100%;}

#topsec #top3box h1 { color: #9b9b9b;  font-family: "GothamMedium",GothamMedium !important; font-size: 15px; font-weight: bold; margin: 8px 0;
text-align: center;}

#topsec #top3box h2 { color: #464646; font-family: "GothamLight",GothamLight !important; font-size: 17px; font-weight: normal;
margin: 5px 0; text-align: center;}
#topsec #top3box h3 { color: #464646; font-family: "GothamLight",GothamLight !important; font-size: 14px; font-weight: normal;  margin: 5px 0;
text-align: center;}
#topsec #top3box h4 { color: #9b9b9b; font-size: 13px; font-weight: bold; margin: 5px 0; text-align: center;}
/* New Design Csss  */

#header { height: auto;  margin-left: auto;  margin-right: auto;  max-width:550px;  width: 100%;}
#header-test{ height: auto;  margin-left: auto;  margin-right: auto;  max-width:550px; width: 100%;}
#navigation {
    float: right;
    height: auto;
    margin-top: 31px;
    max-width: 845px;
    width: 100%;
	}

#internal-page {
    margin: 0 auto;
    max-width: 530px;
    padding: 10px;
    width: 95%;
}

.mobile_display {
    display: inline-table;
    margin:5px 0 0 160px;
    position: absolute;
}

.mobile_nav {
    display: block;
    float: left;
    height: 36px;
	position: relative;
    top: 0;
    width:182px;
}
#megaMenu ul {
    margin: 0 auto;
    padding: 0;
    width: auto;
	min-width:100%;
}
#nav_box {
    float: left;
    margin-left: 24px;
    width:90%;
}

#test{ display:none;}
#navigation ul {
    float: left;
    height: auto;
    width: auto;
}
#navigation li {
	float: left;
	font-family: OpenSans-Regular;
	height: auto;
	list-style-image: url("images/nav-divider.jpg");
	list-style-type: none;
	margin-left: 2px;
	margin-right: 10px;
	padding: 15px 3px;
	width: auto;
	color: #464646;
	font-weight: bold;
}
#navigation li.selected {
    background-color: #D03A2C;
    font-family: 'GothamLight', GothamLight;
    list-style-image: none;
    margin-right: 10px;
}
#navigation .selected a {
	color: #464646;
	text-decoration: none;
}
#navigation a {
	color: #d5d5d5;
	text-decoration: none;
}
#navigation a:link {
    color: #464646;
    padding: 15px 11px;
    text-decoration: none;
}
#navigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#mid-img {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}


#left-txt-box {
   float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    padding: 10px;
    width: 90%;
}
.gray-span {
    color: #4C4C4C;
    font-size: 20px;
    padding-top: 20px;
}
#left-txt-box {
    float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 80%;
}
#right-txt-box {
    color: #828282;
    float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top:0px;
    width:90%;
}
#text-wrapper-box { margin-top:0px;}
#footer-navigation {
    float: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
    width: 90%;
	
}
#footer-navigation li {
    float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    list-style-type: none;
    padding-left: 0px;
    padding-right: 20px;
    width: auto;
}
.footer-active-navigation
{
padding: 0 0 0 20px;
}
#footer-right-box {
    float: none;
  
    margin-left: auto;
    margin-right: auto;
  
}
.footer-span {
    padding-left: 12px;
    
}

#in-form {
    float: left;
    width: auto;
}
#in-form-box1{ margin: 0 auto; max-width:550px; padding:5px; width: auto;}
#submenu     { display:none;}
#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}

.profile-img-box { max-width: 170px; padding-right: 8px;  width: 27%;}

.space-m{ margin-top:-103px;}


}

/*  iphone css rotate End*/


@media only screen and (max-width:768px) 
{

/* Membership Benifits table css */
#m-beni { width: auto; max-width:100%; margin:0 auto;}
.title_bl{color: #464646; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#m-beni .title{color: #FE784C; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#mbtop        { margin: 0 auto; width: auto; max-width:100%;}
.webkit #mbtop{ margin: 0 auto; width: auto; max-width:100%;}


#mbtop1{ width:575px;}
#mbtop2{ width:125px;}
#mbtop3{ width:160px;}

#ro1{ width:70%; max-width:100%;}
#ro2{ width:55px;}
#ro3{ width:80px;}
#ro4{ width:80px;}
.rotate1{ background-image:url("images/benifit-v.jpg"); background-position:left bottom; width:78px; height:160px; background-repeat:no-repeat;}
.rotate2{ background-image:url("images/affiliate-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}
.rotate3{ background-image:url("images/contributor-v.jpg"); background-position:right bottom; width:135px; height:160px; background-repeat:no-repeat;}
.rotate4{ background-image:url("images/sponcer-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}

#m-beni-chart-r1{width: 100%; background-color:#D9E2ED;}
#mb1{ margin: 0 auto; max-width:100%; width: auto;}
.webkit #mb1{ margin: 0 auto; max-width:100%; width: auto;}

.graytr{ background-color:#D9E2ED;}



#m-beni-chart-r2{width: 100%; background-color:#F7F7F7;}
.whitetr{ background-color:#F7F7F7;}
#mb2-2{ margin: 0 auto; max-width:100% ; width: auto;}
.webkit #mb2-2{ margin: 0 auto; max-width:100%; width: auto;}


#mb2{ width: 70%; max-width: 100%;}
#mb3{ width:125px;}
#mb4{ width:160px;}
#mb5{ width:143px;}
/* Membership Benifits table css */




#connenct-box .img-box { max-width: 103px; padding-right: 0; text-align: right; width: 25%; }
#custom-bar   { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px; width: auto; padding:0; }
#connenct-box { background-color: #FF6633; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box1{ background-color: #a3c1db; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box2{ background-color: #cccccc; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
}

@media only screen and (max-width:568px) 
{

#close1    {color: #96AABE!important; font-family: 'GothamMedium', GothamMedium;  font-size: 15px; font-weight: normal; text-decoration: none;}


#left             { float: left; margin-right: 5px; width: auto;}
#right            { float: left; margin-left: 0px; width: auto;}

#about-mid-bio #left img {
    margin-bottom: 20px;
    margin-left: 45px;
    margin-right: 10px;
    text-align: center !important;
    width: auto;
}
.close {
    float: none;
    padding: 8px 0 0 5px;
}
/*    *******************************************************************************************   */

#mid-img-contact { background-image: url("images/thread-doorhandlegroup1.jpg");  background-position: left bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width: 860px; width: 100%;}

#diviimg1_bg {height:auto;width: auto;background-image:url("images/diviimg1_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:0px;}
#diviimg1  {background-image: url("images/diviimg2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:123px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#diviimg2_bg {height:auto;width: auto;background-image:url("images/diviimg2_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:0px;}
#diviimg2  {background-image: url("images/diviimg2_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:105px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#diviimg3_bg {height:auto;width: auto;background-image:url("images/diviimg3_bg.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:0px;}
#diviimg3  {background-image: url("images/diviimg3_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:107px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#mid-img-wrapper_in {background-image: url("images/mid-img-in1-bg.png"); background-position: left center;  background-repeat: repeat-x;  height: auto; width: auto; }
#mid-img-in { background-image: url("images/animation-s.gif");  background-position: center bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width:480px; width: 100%;}


#mid-img-wrapper{height:auto;width:auto;background-image:url("images/mid-img-bg-s.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#mid-img {/*background-image: url("images/mid-img-s.jpg");*/background-position: center bottom;  background-repeat: no-repeat;  height:135px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; } 

#midimg1{ height: auto; width: auto; background-image: url("images/mid-sec-tech1-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg1-in{background-image: url("images/mid-sec-tech1-1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:121px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#midimg2-full{ height: auto; width: auto;background-image: url("images/mid-sec-tech2-fullbg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg2-in{background-image: url("images/mid-sec-tech2-2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:104px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%;  }


#midimg3{ height: auto; width: auto; background-image: url("images/mid-sec-tech3-bg1-1.jpg");  background-position: left center; background-repeat: repeat-x;  }
#midimg3-in{background-image: url("images/drop-animation-s-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:130px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }


#mid-divi-ne-bg {height:auto;width:auto;background-image:url("images/newsandevent-bg.jpg");background-repeat:repeat-x;background-position:left center;}
#mid-divi-ne-in  {background-image: url("images/mid-divi-ne-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:102px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#connenct-box .img-box {
    max-width: 103px;
    padding-right: 0;
    text-align: right;
    width: 25%;
}

/* NewsandEvent page csss */
#footer-wrapper { height: auto; width: auto; background-color: #464646; font-family: "OpenSans-Regular", OpenSans-Regular; font-size:18px; }
#footer-content { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:580px; padding:15px 0; }

#search {
    display: none;
    float: right;
    height: auto;
    margin-top: 7px;
}

#con-in {
    margin: 0 auto;
    max-width: 525px;
    padding: 10px;
    width: 95%;
}

#fotter-left {  float: left; margin: 0; max-width:580px;  width: 100%;}
#Fotter-link   { float:left; margin:8px 0; max-width:580px; text-align:center; width: 100%;}
#copyright-sec { float:left; margin:1px 0;  max-width:580px; width: 100%;}
#copyright     { float:left; margin:0; width:100%; text-align:center;}

.copyright     { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px;}

#link-sec      { float:left; margin:0; text-align:center; width:100%;}

#fotter-right  { float:right; max-width:580px;width: 100%; }
#socialicon-sec{ float: none; margin:10px; width:94%; text-align:center; }
#fott-search-sec{ float:left; margin-left:0px;}
.footer-search { border-bottom: 2px solid #D1D1D1; border-left: 2px solid #D1D1D1; border-top: 2px solid #D1D1D1; color: #373737;  font-family: 'GothamLight', GothamLight;                 font-size: 11px; font-weight: normal;  height: 33px;  padding: 5px; width: 197px; }

.Foot        { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:link   { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:hover  { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: underline; }
.Foot:active { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:visited{ color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }

#custom-bar   { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px; width: auto; padding:0; }
#connenct-box { background-color: #FF6633; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box1{ background-color: #a3c1db; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box2{ background-color: #cccccc; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}

.heading a        { font-family:'GothamMedium', GothamMedium !important; font-size:17px; color: #333333; font-weight: normal; text-align:left; padding-left:10px; text-decoration:none; }
.heading a:link   { color: #333333; text-align:left; text-decoration:none; }
.heading a:hover  { color: #333333; text-align:left; text-decoration:none; }
.heading a:active { color: #333333; text-align:left; text-decoration:none; }
.heading a:visited{ color: #333333; text-align:left; text-decoration:none; }

#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}


#profile-box1 {
    border-bottom: 2px solid #FFFFFF;
    float: none;
    height: auto;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

#profile-box2 {
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}



#custom-bar img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.profile-img-box img {
	width: 100%!important;
}

.divider {
	display: none;
}


#left-txt-box {
   float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    padding: 10px;
    width: 90%;
}
#mid-img {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}
#left-txt-box {
   float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    padding:0px;
    width: 90%;
}

#left-txt-box h2 { color: #464646; font-family: 'GothamLight', GothamLight; font-size: 21px; line-height:32px;  margin:10px 0; text-decoration: none;}


.door-handle {
    left: 162px;
    position: absolute;
    top: -23px;
}

.faucet-drip { position: absolute; left: 191px;}

.faucet-drip2 { display: none; left: 295px; position: absolute;}

#fulldivider { background-image: url("images/fulldividerbg.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in{ max-width: auto; width:100%; margin:0 auto;}

#fulldivider-white{background-image: url("images/fulldividerbg-white.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in-white{/*max-width:555px;*/ width:100%; margin:0 auto;}

#dnn_WebFormPane {display: none; }
#dnn_MobileFormPane { display: block;}


/* ================ Faq Question And Answer Css Start Here ==========================================*/

#faq              { margin: 0 auto; max-width: 100%; width: auto;}
#faq h1           { color: #666666; font-family: 'GothamLight', GothamLight; font-size: 17px; margin-bottom:10px; text-decoration:none }

#faq h1 a         { color: #666666; text-decoration: none;}
#faq h1 a:link    { color: #666666; text-decoration: none;}
#faq h1 a:hover   { color: #666666; text-decoration: none;}
#faq h1 a:active  { color: #666666; text-decoration: none;}
#faq h1 a:visited { color: #666666; text-decoration: none;}

#faqclose a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#faqclose a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#faqclose a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}

.hidden   { display: none; }
.unhidden { display: block;}

/* ================ Faq Question And Answer Css End Here ==========================================*/



/* Logo Box */
#Flogopanebox-fullwidth #logo-fullwidth { width:40%; margin:25px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#BLSlogopanebox-fullwidth #logo-fullwidth{ width:40%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#Clogopanebox-fullwidth #logo-fullwidth {  float: left; margin: 10px 5px; padding: 0 10px; text-align: center; vertical-align: middle; width:40%;}
/* LOgo Box */


/* Membership Benifits table css */
#m-beni { width: auto; max-width:100%; margin:0 auto;}
.title_bl{color: #464646; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#m-beni .title{color: #FE784C; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#mbtop        { margin: 0 auto; width: auto; max-width:100%;}
.webkit #mbtop{ margin: 0 auto; width: auto; max-width:100%;}


#mbtop1{ width:575px;}
#mbtop2{ width:125px;}
#mbtop3{ width:160px;}

#ro1{ width:500px;}
#ro2{ width:70px;}
#ro3{ width:70px;}
#ro4{ width:70px;}
.rotate1{ background-image:url("images/benifit-v.jpg"); background-position:left bottom; width:78px; height:160px; background-repeat:no-repeat;}
.rotate2{ background-image:url("images/affiliate-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}
.rotate3{ background-image:url("images/contributor-v.jpg"); background-position:right bottom; width:135px; height:160px; background-repeat:no-repeat;}
.rotate4{ background-image:url("images/sponcer-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}

#m-beni-chart-r1{width: 100%; background-color:#D9E2ED;}
#mb1{ margin: 0 auto; max-width:100%; width: auto;}
.webkit #mb1{ margin: 0 auto; max-width:100%; width: auto;}

.graytr{ background-color:#D9E2ED;}



#m-beni-chart-r2{width: 100%; background-color:#F7F7F7;}
.whitetr{ background-color:#F7F7F7;}
#mb2-2{ margin: 0 auto; max-width:100% ; width: auto;}
.webkit #mb2-2{ margin: 0 auto; max-width:100%; width: auto;}


#mb2{ max-width: 100%; width: 70% !important;}
#mb3{ width:70px;}
#mb4{ width:70px;}
#mb5{ width:70px;}
/* Membership Benifits table css */




}

@media only screen and (max-width:565px) 
{

#search-right {
    float: right;
    margin:7px 0 0;
	display: none;
}
}
/*  iphone css rotate End*/
@media only screen and (max-width:480px) 
{

#slider-img { float: left; height: auto; max-width: 100%;  padding:0 20px; text-align: right; width: 30%;}
.img { height: auto; width: 90%;}
#slider-text { float: right;  height: auto; margin-bottom:20px; margin-right:20px; margin-top: 0; max-width: 100%;  width:52%;}
#slider-text h1 { color: #666666;  font-family: 'GothamLight', GothamLight;  font-size: 15px; text-decoration: none;}

#close1    {color: #96AABE!important; font-family: 'GothamMedium' GothamMedium;  font-size: 15px; font-weight: normal; text-decoration: none;}


#left             { float: left; margin-right: 5px; width: auto;}
#right            { float: left; margin-left: 0px; width: auto;}

#about-mid-bio #left img {
    margin-bottom: 20px;
    margin-left: 45px;
    margin-right: 10px;
    text-align: center !important;
    width: auto;
}
.close {
    float: none;
    padding: 8px 0 0 5px;
}
/*    *******************************************************************************************   */


#internal-page {
    margin: 0 auto;
    max-width: 443px;
    padding: 10px;
    width: 95%;
}

#megaMenu ul {
    margin: 0;
    padding: 0;
    width: 415px;
}
.mobile_display {
    display: inline-table;
    margin: 0;
    position: relative;
}

.mobile_nav {
    display: block;
    float: left;
    height: 36px;
    left: 100%;
    position: relative;
    top: 0;
    width: 125px;
}
.sdMenue-Width {
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
}

.mobile_nav {
    display: block;
    float: left;
    height: 36px;
    left: auto;
    position: relative;
    top: 0;
    width: 170px;
}
#logo {
	float: left;
	height: auto;
	width:125px;
	z-index:99;
	margin-top:0px;
	text-align:center;
}
#slider-wrapper {
    height: auto;
    padding-top: 50px;
    width: auto;
}

/* Serch Css */
#topbox                  { padding:17px 0 0 0; height:95px;}
.searchbox               { width:240px; margin:0; padding:5px 0 0;float:left;}
.searchleft              { background-image:url(images/search_L.png);background-position:left top;background-repeat:no-repeat;width:12px;height:23px;float:left;}
.searchright             { background:#fff;float:left;padding:0;}
#dnn_dnnSEARCH_txtSearch { width:120px; height:21px; font-family:Arial; font-size:12px; font-weight:bold; color:#444444; padding:2px 0 0 0; border:0 none; clear:both; background:#FFF; cursor:text; }
/* Serch Css */


#search {
    float: right;
    height: auto;
    margin-top: 0;
	height:50px;
}
.innerTop{ margin-left:0!important;}
#button-top:hover, #button-bottom:hover {cursor: none;}

.slide .innerTop, .slide .innerBottom {
    z-index: 999 !important;
}

#button-top {
    left: 18%;
    margin: 0 auto;
    overflow: visible;
    padding-left: 230px;
    position: absolute;
    top: 5px;
    width: 50px;
}

#custom-bar   { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px; width: auto; padding:0; }
#connenct-box { background-color: #FF6633; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box1{ background-color: #a3c1db; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box2{ background-color: #cccccc; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}

#mid-img-wrapper_in {background-image: url("images/mid-img-in1-bg.png"); background-position: left center;  background-repeat: repeat-x;  height: auto; width: auto; }
#mid-img-in { background-image: url("images/animation-s.gif");  background-position: center bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width:480px; width: 100%;}

#footer-wrapper { height: auto; width: auto; background-color: #464646; font-family: "OpenSans-Regular", OpenSans-Regular; font-size:18px; }
#footer-content { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:400px; padding:15px 0; }


#fotter-left {  float: left; margin: 0; max-width:400px;  width: 100%;}
#Fotter-link   { float:left; margin:0; max-width:400px; width: 100%; text-align:center;}
#copyright-sec { float:left; margin:1px 0;  max-width:400px; width: 100%;}
#copyright     { float:left; margin:0; width:100%; text-align:center;}

.copyright {
    color: #a3a3a3;
    font-family: 'GothamLight',GothamLight;
    font-size: 12px;
}

#link-sec      { float:left; margin:0; width:100%; text-align:center;}

#fotter-right  { float:right; max-width:400px;width: 100%; }
#socialicon-sec{ float: none; margin:10px; width:95%; text-align:center; }
#fott-search-sec{ float:left; margin-left:0px;}
.footer-search { border-bottom: 2px solid #D1D1D1; border-left: 2px solid #D1D1D1; border-top: 2px solid #D1D1D1; color: #373737;  font-family: 'GothamLight', GothamLight;                 font-size: 11px; font-weight: normal;  height: 33px;  padding: 5px; width: 197px; }

.Foot        { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:link   { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:hover  { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: underline; }
.Foot:active { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }
.Foot:visited{ color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:13px;  text-decoration: none; }





#in-form {
    float: left;
    width: auto;
}
#in-form-box1{ margin: 0 auto; max-width:325px; padding:5px; width: auto;}

#form-left { float:left; margin:10px;  width:100%;}
#form-right {  float: left; margin: 10px; width: 100%;}
#form-mid { float: left; margin: 10px; width: 100%; }

.in-form-input {  background-color:#f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; height: 50px; padding:0 5px 0 20px; text-decoration: none;  text-transform: uppercase; width:90%; }
.in-form-drop{background-color: #f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width:90%;}

.in-form-textbox{background-color:#f7f7f7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width:90%;}

#diviimg2  {background-image: url("images/diviimg2_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:105px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#diviimg1  {background-image: url("images/diviimg2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:123px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#mid-img-wrapper{height:auto;width:auto;background-image:url("images/mid-img-bg-s.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#mid-img {/*background-image: url("images/mid-img-s.jpg");*/background-position: center bottom;  background-repeat: no-repeat;  height:135px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; } 

#midimg1{ height: auto; width: auto; background-image: url("images/mid-sec-tech1-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg1-in{background-image: url("images/mid-sec-tech1-1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:121px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#midimg2-full{ height: auto; width: auto;background-image: url("images/mid-sec-tech2-fullbg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg2-in{background-image: url("images/mid-sec-tech2-2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:104px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%;  }


#midimg3{ height: auto; width: auto; background-image: url("images/mid-sec-tech3-bg1-1.jpg");  background-position: left center; background-repeat: repeat-x;  }
#midimg3-in{background-image: url("images/drop-animation-s-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:130px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }


#mid-divi-ne-bg {height:auto;width:auto;background-image:url("images/newsandevent-bg.jpg");background-repeat:repeat-x;background-position:left center;}
#mid-divi-ne-in  {background-image: url("images/mid-divi-ne-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:102px;  margin-left: auto;  margin-right:auto;max-width:945px; width: 100%; }

#about-midimg3-bg{ background-image: url("images/about-midimg3-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg3-inimg  {background-image: url("images/about-midimg3-inimg-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:30px;  margin-left: auto;  margin-right:auto;max-width:400px; width: 100%; }


#about-midimg2-bg{ background-image: url("images/about-midimg2-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg2-inimg  {background-image: url("images/about-midimg2-inimg-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:26px;  margin-left: auto;  margin-right:auto;max-width:400px; width: 100%; }


#tech-midimg1 {background-image:url("images/th-div-bg-tablet.jpg");background-position: left center;background-repeat: repeat-x;height: auto;margin-top:-31px;width: auto;}
#tech-midimg1-in { background-image: url("images/th-div-d-1.jpg"); background-size: auto 100%;}

#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}


#left-txt-box {
    float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 80%;
}
#left-txt-box {
    float: none;
    font-family: "OpenSans-Regular", OpenSans-Regular;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding:00px;
    width:90%;
}


#mid-img-contact { background-image: url("images/thread-doorhandlegroup1.jpg");  background-position: left bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width: 860px; width: 100%;}


/* ...............  Read More Expand Css Start Here...... ............. */
.collapse{
  font-size:12px;
  font-family: 'GothamLight', GothamLight;
  color:#b8c6d2;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

#hide {
    display: none;
}

#for-mob {
	display: block;
}
/* ...............  Read More Expand Css End Here...... ............. */

.readmore-js-toggle {
    color: #FE784C !important;
    font-weight: bold;
	cursor: pointer;
}


.door-handle {
    left: 162px;
    position: absolute;
    top: -23px;
}


.faucet-drip {
    left: 191px;
    position: absolute;
}

.faucet-drip2 { display: none; left: 295px; position: absolute;}

#fulldivider { background-image: url("images/fulldividerbg.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in{ max-width: auto; width:100%; margin:0 auto;}

#fulldivider-white{background-image: url("images/fulldividerbg-white.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in-white{/*max-width:466px;*/ width:100%; margin:0 auto;}

#dnn_WebFormPane {display: none; }
#dnn_MobileFormPane { display: block;}

/* ================ Faq Question And Answer Css Start Here ==========================================*/

#faq              { margin: 0 auto; max-width: 100%; width: auto;}
#faq h1           { color: #666666; font-family: 'GothamLight', GothamLight; font-size: 17px; margin-bottom:10px; text-decoration:none }

#faq h1 a         { color: #666666; text-decoration: none;}
#faq h1 a:link    { color: #666666; text-decoration: none;}
#faq h1 a:hover   { color: #666666; text-decoration: none;}
#faq h1 a:active  { color: #666666; text-decoration: none;}
#faq h1 a:visited { color: #666666; text-decoration: none;}

#faqclose a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#faqclose a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#faqclose a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}

.hidden   { display: none; }
.unhidden { display:;}

/* ================ Faq Question And Answer Css End Here ==========================================*/


/* Logo Box */
#Flogopanebox-fullwidth #logo-fullwidth { width:40%; margin:25px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#BLSlogopanebox-fullwidth #logo-fullwidth{ width:40%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#Clogopanebox-fullwidth #logo-fullwidth {  float: left; margin: 10px 5px; padding: 0 10px; text-align: center; vertical-align: middle; width:40%;}

/* LOgo Box */


}


@media only screen and (max-width:479px) 
{
#megaMenu ul {
    margin: 0;
    padding: 0;
    width: auto;
}


}
/*  iphone css End*/
/*  ................................................................................ */
@media only screen and (max-width:380px) 
{

#slider-img { float: left; height: auto; max-width: 100%;  padding:10px 5px 0; text-align: right; width: 30%;}
.img { height: auto; width: 90%;}
#slider-text { float: right;  height: auto; margin-bottom: 10px; margin-right:10px; margin-top: 0; max-width: 100%;  width: 59%;}
#slider-text h1 { color: #666666;  font-family: 'GothamLight', GothamLight;  font-size: 15px; text-decoration: none;}



#close1    {color: #96AABE!important; font-family: 'GothamMedium' GothamMedium;  font-size: 15px; font-weight: normal; text-decoration: none;}


#left             { float: left; margin-right: 5px; width: auto;}
#right            { float: left; margin-left: 0px; width: auto;}

#about-mid-bio #left img {
    margin-bottom: 20px;
    margin-left: 45px;
    margin-right: 10px;
    text-align: center !important;
    width: auto;
}
.close {
    float: none;
    padding: 8px 0 0 5px;
}
/*    *******************************************************************************************   */


h1 {
    color: #fe784c;
    font-family: 'GothamMedium', GothamMedium !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
}


#about-mid-full h1 {
    color:#666666;
    font-family: 'GothamMedium', GothamMedium;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}

#left-txt-box h1 {
    color: #fe784c;
    font-family: 'GothamMedium', GothamMedium !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
}

#internal-page-left h1 {
    color: #fe784c;
    font-family: 'GothamMedium', GothamMedium !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
}

#left-txt-box h2 {
    color: #464646;
    font-family: 'GothamLight', GothamLight;
    font-size: 19px;
    line-height:30px;
    margin: 20px 0;
    text-decoration: none;
}

#nav_box {
    float: left;
    margin-left:0px;
    /*width: auto;*/
	width: 98%;
}
.mobile_display {  display: inline-table;  margin: 0; position: inherit;
}
#slider-wrapper {  height: auto; padding-top:30px;  width: auto;}
#slider { height: auto;  margin-left: auto;  margin-right: auto;margin-bottom: 0px; max-width:320px;width: 100%; }

.mobile_nav { display: block;  float: left; height: 36px; left: 0; position: relative;  top: 0;  width:115px;}

#header     {height: 55px;margin-left: auto; margin-right: auto; max-width:317px; width: 100%; }
#header-test{height: auto;margin-left: auto; margin-right: auto; max-width:317px; width: 100%;}
.sdMenue-Width { margin-left: 1%; margin-right: 1%;  width:98%;}

#megaMenu .root li a span { display: block;  height: 54px; line-height: 54px; padding:0 69px;}
#logo { float: left; height: auto; width:125px; z-index:99; margin-top:0px; text-align:center;}
#con-in {  margin: 0 auto; max-width: 285px; padding: 10px; width: 93%;}

#test{ display:none;}
/* Serch Css */
#topbox                  { padding:17px 0 0 0; height:95px;}
.searchbox               { width:240px; margin:0; padding:5px 0 0;float:left;}
.searchleft              { background-image:url(images/search_L.png);background-position:left top;background-repeat:no-repeat;width:12px;height:23px;float:left;}
.searchright             { background:#fff;float:left;padding:0;}
#dnn_dnnSEARCH_txtSearch { width:120px; height:21px; font-family:Arial; font-size:12px; font-weight:bold; color:#444444; padding:2px 0 0 0; border:0 none; clear:both; background:#FFF; cursor:text; }

#search {
    float: right;
    height: auto;
    margin-top: 0;
	height:50px;
}
.innerTop{ margin-left:0!important;}
#button-top:hover, #button-bottom:hover {cursor: none;}

.slide .innerTop, .slide .innerBottom {
    z-index: 999 !important;
}

#button-top {
    left: 5%;
    margin: 0 auto;
    overflow: visible;
    padding-left: 230px;
    position: absolute;
    width: 50px;
	top:50;
}
#custom-bar   { height: auto; margin-left: auto; margin-right: auto; max-width: 1003px; width: auto; padding:0; }
#connenct-box { background-color: #FF6633; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box1{ background-color: #a3c1db; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}
#connenct-box2{ background-color: #cccccc; float: left; height:100px; margin-left: 0; margin-right: 0; padding:0; width:100%;}




/* Membership Benifits table css */
#m-beni { width: auto; max-width:100%; margin:0 auto;}
.title_bl{color: #464646; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#m-beni .title{color: #FE784C; font-family: 'GothamLight', GothamLight; font-size:15px; text-decoration: none;}

#mbtop        { margin: 0 auto; width: auto; max-width:100%;}
.webkit #mbtop{ margin: 0 auto; width: auto; max-width:100%;}


#mbtop1{ width:575px;}
#mbtop2{ width:125px;}
#mbtop3{ width:160px;}

#ro1{ max-width: 100%; width: 52%;}
#ro2{ width:30px;}
#ro3{ width:30px;}
#ro4{ width:30px;}
.rotate1{ background-image:url("images/benifit-v.jpg"); background-position:left bottom; width:78px; height:160px; background-repeat:no-repeat;}
.rotate2{ background-image:url("images/affiliate-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}
.rotate3{ background-image:url("images/contributor-v.jpg"); background-position:right bottom; width:135px; height:160px; background-repeat:no-repeat;}
.rotate4{ background-image:url("images/sponcer-v.jpg"); background-position:right bottom; width:92px; height:160px; background-repeat:no-repeat;}

#m-beni-chart-r1{width: 100%; background-color:#D9E2ED;}
#mb1{ margin: 0 auto; max-width:100%; width: auto;}
.webkit #mb1{ margin: 0 auto; max-width:100%; width: auto;}

.graytr{ background-color:#D9E2ED;}



#m-beni-chart-r2{width: 100%; background-color:#F7F7F7;}
.whitetr{ background-color:#F7F7F7;}
#mb2-2{ margin: 0 auto; max-width:100% ; width: auto;}
.webkit #mb2-2{ margin: 0 auto; max-width:100%; width: auto;}


#mb2{ max-width: 100%; width: 58%!important;}
#mb3{ width:30px;}
#mb4{ width:30px;}
#mb5{ width:30px;}
/* Membership Benifits table css */



#in-form {
    float: left;
    width: auto;
}
#in-form-box1{ margin: 0 auto; max-width:325px; padding:5px; width: auto;}

#form-left { float:left; margin:10px;  width:100%;}
#form-right {  float: left; margin: 10px; width: 100%;}
#form-mid { float: left; margin: 10px; width: 100%; }

.in-form-input {  background-color: #F7F7F7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; height: 50px; padding:0 5px 0 20px; text-decoration: none;  text-transform: uppercase; width:90%; }
.in-form-drop{background-color:#F7F7F7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width:90%;}

.in-form-textbox{background-color: #F7F7F7; border: medium none; color:#323232; font-family: 'GothamLight', GothamLight; font-size: 15px; padding:14px 10px 14px 20px; text-decoration: none;  text-transform: uppercase; width:90%;}


/* NewsandEvent page csss */
#internal-page { margin: 0 auto;  max-width:100%; padding: 5px;  width: auto; }
#internal-page-left{ float: left; margin: 0 15px 0 0; width: auto; }
#internal-page-right{ float: left; margin:0; width:290px; }
#internal-page-right h2{ color: #fe784c; font-family: 'GothamLight', GothamLight; font-size: 17px; line-height:23px;  font-weight: normal; text-decoration: none;}

#internal-page-right-showhide{ float: left; margin: 0 0 0 15px; width:48%; }
#hide { display:none;}
#show1{ width:290px;}

#internal-page-full{ margin: 0 auto; max-width:100%; padding: 10px;  width: auto;}


#internal-page-mid1{margin: 0 auto;  max-width:278px; padding: 10px;  width:90%;}
#internal-page-mid1-left { float: left; margin: 0 15px 0 0; width: auto; }
#internal-page-mid1-right{ float: left; margin: 0 0 0 15px; width: auto; }

#diviimg2  {background-image: url("images/diviimg2_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:105px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#diviimg3  {background-image: url("images/diviimg3_s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:107px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }


#mid-img-wrapper_in {background-image: url("images/mid-img-in1-bg.png"); background-position: left center;  background-repeat: repeat-x;  height: auto; width: auto; }
#mid-img-in { background-image: url("images/animation-s.gif");  background-position: center bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width:320px; width: 100%;}

#mid-img-wrapper{height:auto;width:auto;background-image:url("images/mid-img-bg-s.jpg");background-repeat:repeat-x;background-position:left center;margin-bottom:20px;}
#mid-img {background-image: url("images/mid-img-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:135px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; } 

#midimg1{ height: auto; width: auto; background-image: url("images/mid-sec-tech1-bg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg1-in{background-image: url("images/mid-sec-tech1-1.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:121px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#midimg2-full{ height: auto; width: auto;background-image: url("images/mid-sec-tech2-fullbg.jpg");  background-position: left center; background-repeat: repeat-x; }
#midimg2-in{background-image: url("images/mid-sec-tech2-2.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:104px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%;  }


#midimg3{ height: auto; width: auto; background-image: url("images/mid-sec-tech3-bg1-1.jpg");  background-position: left center; background-repeat: repeat-x;  }
#midimg3-in{background-image: url("images/drop-animation-s-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:130px;  margin-left: auto;  margin-right:auto;max-width:300px;  width: 100%; }

#about-midimg3-bg{ background-image: url("images/about-midimg3-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg3-inimg  {background-image: url("images/about-midimg3-inimg-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:30px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#about-midimg2-bg{ background-image: url("images/about-midimg2-bg.jpg"); background-position: left center;  background-repeat: repeat-x;  height: auto;  width: auto;}
#about-midimg2-inimg  {background-image: url("images/about-midimg2-inimg-s.jpg");background-position: center bottom;  background-repeat: no-repeat;  height:26px;  margin-left: auto;  margin-right:auto;max-width:300px; width: 100%; }

#tech-midimg1 {background-image:url("images/th-div-bg-tablet.jpg");background-position: left center;background-repeat: repeat-x;height: auto;margin-top:-27px;width: auto;}
#tech-midimg1-in { background-image: url("images/th-div-d-1.jpg"); background-size: auto 100%;}



/* NewsandEvent page csss */
#footer-wrapper { height: auto; width: auto; background-color: #464646; font-family: "OpenSans-Regular", OpenSans-Regular; font-size:18px; }
#footer-content { height: auto; width: 100%; margin-right: auto; margin-left: auto; max-width:320px; padding:15px 0; }


#fotter-left {  float: left; margin: 0; max-width: 303px;  width: 100%;}
#Fotter-link   { float:left; margin:0; max-width:320px; text-align:center; width: 100%;}
#copyright-sec {  float: left;  line-height: 25px;  margin: -12px 0 10px; max-width: 320px;  width: 100%;}
#copyright     { float:left; margin:0;}
.copyright     { color:#a3a3a3; font-family: "OpenSans-Regular", OpenSans-Regular; font-size:12px; }
#link-sec      { float:left; margin:0; text-align:center;}

#fotter-right  { float:right; max-width:300px;width: 100%; }
#socialicon-sec{ float: none; margin:10px; width:94%; text-align:center; }
#fott-search-sec{ float:left; margin-left:0; width:100%; text-align:center;}
.footer-search { border-bottom: 2px solid #D1D1D1; border-left: 2px solid #D1D1D1; border-top: 2px solid #D1D1D1; color: #373737;  
font-family: 'GothamLight', GothamLight; font-size: 11px; font-weight: normal;  height:21px;  padding: 5px; width: 197px; 
}

.Foot        { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:10px; display: list-item;  text-decoration: none;  list-style-type: none; }
.Foot:link   { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:10px; display: list-item;  text-decoration: none;  list-style-type: none; }
.Foot:hover  { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:10px; display: list-item;  text-decoration: underline;  list-style-type: none; }
.Foot:active { color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:10px; display: list-item;  text-decoration: none;  list-style-type: none; }
.Foot:visited{ color: #a3a3a3; font-family: 'GothamLight',GothamLight; font-size: 12px; font-weight: normal; line-height:10px; display: list-item;  text-decoration: none;  list-style-type: none; }


#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}


/* ...............  Read More Expand Css Start Here...... ............. */
.collapse{
  font-size:12px;
  font-family: 'GothamLight', GothamLight;
  color:#b8c6d2;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

.readmore-js-toggle {
    color: #FE784C !important;
    font-weight: bold;
	cursor: pointer;
}


/* ...............  Read More Expand Css End Here...... ............. */


#mid-img-contact { background-image: url("images/animation-s.jpg");  background-position: left bottom;  background-repeat: no-repeat; height: 111px;  margin-left: auto; margin-right: auto; max-width: 860px; width: 100%;}


.door-handle { position: absolute; top: -26px; left:80px; }
.faucet-drip { position: absolute; left: 191px;}
.faucet-drip2 { display: none; left: 295px; position: absolute;}


#fulldivider { background-image: url("images/fulldividerbg.png"); background-repeat: repeat-x; height: auto; width: 100%;}
/*#fulldivider-in{ max-width:280px; width:100%; margin:0 auto;}*/
#fulldivider-in{ max-width:; width:100%; margin:0 auto;}

#fulldivider-white{background-image: url("images/fulldividerbg-white.png"); background-repeat: repeat-x; height: auto; width: 100%;}
#fulldivider-in-white{/*max-width:304px;*/ width:100%; margin:0 auto;}

#dnn_WebFormPane {display: none; }
#dnn_MobileFormPane { display:block;}



/* ================ Faq Question And Answer Css Start Here ==========================================*/

#faq              { margin: 0 auto; max-width: 100%; width: auto;}
#faq h1           { color: #666666; font-family: 'GothamLight', GothamLight; font-size: 17px; margin-bottom:10px; text-decoration:none }

#faq h1 a         { color: #666666; text-decoration: none;}
#faq h1 a:link    { color: #666666; text-decoration: none;}
#faq h1 a:hover   { color: #666666; text-decoration: none;}
#faq h1 a:active  { color: #666666; text-decoration: none;}
#faq h1 a:visited { color: #666666; text-decoration: none;}

#faqclose a         { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:link    { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: none;}
#faqclose a:hover   { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px; font-weight: normal; text-decoration: underline;}
#faqclose a:active  { color: #96AABE;  font-family: 'GothamLight', GothamLight;  font-size: 15px;  font-weight: normal; text-decoration: none; }
#faqclose a:visited { color: #96AABE; font-family: 'GothamLight', GothamLight; font-size: 15px;  font-weight: normal; text-decoration: none;}


.hidden   { display: none; }
.unhidden { display: block;}


/* ================ Faq Question And Answer Css End Here ==========================================*/



/* Logo Box */
#Flogopanebox-fullwidth #logo-fullwidth { width:85%; margin:20px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#BLSlogopanebox-fullwidth #logo-fullwidth{ width:85%; margin:10px 5px; padding:0 10px; text-align:center; vertical-align:middle; float:left;}
#Clogopanebox-fullwidth #logo-fullwidth {  float: left; margin: 10px 5px; padding: 0 10px; text-align: center; vertical-align: middle; width: 85%;}

/* LOgo Box */



#internal-page-mid1-left img {
    height: auto;
    width: 95%;
}


#r-bio1 h3 {
    color: #666666;
    font-family: 'GothamLight',GothamLight;
    font-size: 17px;
    line-height: 22px;
}



}

}
/*  ................................................................................ */
/*  ................................................................................ */





/*  ......................... Submenu Css Start here ........................ */

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding:18px 20px 18px 0px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color:;
	 color:#fff;
	 list-style:none;
	 border:0;
	 float:left;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: none;
	 color: #fff;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #464646; background-color:none;}
	ul.dropdown a:active	{ color: #fff; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 203px;
	 margin-top: 0px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 19px;
 background-image: url(images/arrow-gray.gif);
 background-position: 97% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal-porsche *.dir
{
	padding-right: 19px;
 	background-image: url(images/nav-arrow-down.png);
 	background-position: 97% 50%;
 	background-repeat: no-repeat;
}
ul.dropdown-horizontal-porsche ul *.dir {
 padding-right: 19px;
 background-image: url(images/arrow-gray.gif);
 background-position: 97% 50%;
 background-repeat: no-repeat;
}
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/arrow-gray.gif);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}




/* Respnsive View */
/*  ................................................................................ */
@media only screen and (max-width:380px) 

{
	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color:;
	 color:#fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: none;
	 color: #fff;
	}
	
	#custom-bar-wrapper {
    background-color: #cccccc;
    background-image: url("images/bg-s.gif") ;
    background-repeat: repeat-y;
    height: auto;
    width: auto;
    background-position: left top;
}
	
.copyright {color:#a3a3a3; font-family:'GothamLight',GothamLight; font-size:12px; }
	
}
/*  ......................... Submenu Css End here ........................ */

/* Malta */

#dnn_divFirstName, #dnn_divLastName, #dnn_divEmail {
	width: 100%;
}

#Flogopanebox-fullwidth #logo-fullwidth iframe
{

    height: auto;
    width: 100%;

}


/* Malta */