/* maintenance message */

#globalBarMaintenance {
    background-color: #c4453c;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;

  
}

/* to remove the mbar quickly use this...
#globalBarMaintenance {
    display:none;
    height:0;     
}    
*/ 

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-moz-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}

#globalBarMaintenance p { 
	padding:10px;
	font-weight:bold;
	background: url('http://www.theiet.org/staticfiles/images/alert-maintenance-warning-icon.png') no-repeat 75px 3px;
	background-size: 30px 30px;
	width:500px;
	margin:auto;
	height:auto;
	font-size:1.2em;
	font-weight:bold;
}

#globalBarMaintenance p a { 
	color:#fff;
	display:block;
	margin:0;
	padding:0;
	background:none;
}

#globalBarMaintenance p a:hover { 
	text-decoration:underline;
}

.lte9 #globalBarMaintenance, .ie9 #globalBarMaintenance {
	height:40px;
	padding:0;
	margin:0;
	background:#900;
	top:0;
}

.lte9 #globalBarMaintenance p {
	background: url('http://www.theiet.org/staticfiles/images/alert-maintenance-warning-icon.png') no-repeat 0px 0px;
	height:40px;
	padding:0;
	margin:0 auto;
	font-size:1em;
}

.lte9 #globalBarMaintenance p a { 
	color:#fff;
	padding:10px 0 0 0;
	margin:0;

}

/* maintenance message */

#globBarSurround {
	background: #313131;
    width: 100%;
    margin: 0 0 12px 0;
    position:relative;
}

.lte7 #globBarSurround {
    position: static;
}

.lte7 #globTopp {
	margin: 0 auto;
}

/* upgrade browser notice */

.upgradeBrowser {
	border:0px solid #c00;
	background:#F5C9C9;
	text-align:center;
	font-weight:600;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	display:none;
}

.upgradeBrowser p {
	color:#c00;
	font-weight:600;
	padding:5px 0 5px 0;
}

/*.lte7 #ietGlobBar {
	margin:128px 0 0 0;
}
*/
.lte7 .upgradeBrowser {
	display:block;
}	
/* upgrade browser notice */

/*a {
	color:#002857;			
}*/

/* IET Global Bar layout */
#ietGlobBar {
	width:981px; 
	height:50px;
	border-top:0 solid #fff;
	padding:0px;
	margin: 0 auto;
}

.ietGlobBarBox {
	margin:0; 
	padding:0; 	
	height:50px; 
	letter-spacing: 0;
	word-spacing: .1em;

}

#globBox1 {
	width:269px; /*(240 - 1px border) */
	border-right:0px solid #eee;
	float:left; 
}

#globBox2 { 
	width:469px; /*(460 - 1px border) */
	border-right:2px solid #000;
	border-left:0px solid #000;
	float:left; 
}

#globBox3 { 
	width:60px; /*(80 - 2px border) */
	border-right:2px solid #000;
	float:left; 
}

#globBox4 {
	width:177px;
	float:left;
	border-right:2px solid #000;
}

/* Glob Bar end layout */

#globBox2 .globSearchInput {
	width:320px;
	height:26px;
	float:left;
	border:0px solid #fff;
	border-bottom:1px solid #fff;
	padding: 0 0 0 6px;
	font-size:1.2em;
}

.globSearchImg {
	margin:0 0 0 0;
	float:right;
	height:28px;
}

#globSearchBg {
	width:32px;
	height:27px;
	background: url('../images/2014/searchicon.png') no-repeat top right;
	border:0;
	padding:0;
	margin: 0;
}

#globSearchBg:hover {
	background: url('../images/2014/searchicon_hov.png') no-repeat top right;
	cursor:pointer;
}


#globBox3 #hpShopBasket {
	margin:15px 8px 0 17px;
}

.cartLinkDet p {
	margin:2px 4px 5px 4px;
	font-size:.9em;
}

/*
.globCartNum {
	font-weight:800;
	font-size:1.3em;
	padding: 0 3px 0 0;
	float: right;
}
*/

.globCartNumRed {
	font-family: arial;	
	display:block;	
	font-weight:800;
	font-size:1em;
	text-align:center;
	padding:1px;
	background:rgb(255,0,0);
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	width:14px;
	height:15px;
	border-radius:2px;
	position:absolute;
	left:32px;
	top:5px;
	background: -webkit-linear-gradient(#f6918f, #e83634); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f6918f, #e83634); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f6918f, #e83634); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f6918f, #e83634); /* Standard syntax */
}


#hp_globalTopBar {
	height:50px;
	border:1px solid #999;
	width:981px;
	background:#c00;
	border-radius:4px;
}

#hp_globalTopBar .hp_gblBarItem {
	float:left;	
	padding:0;
	margin:0;
	height:inherit;
}

.ie7GlobBar1 {
	border:0px solid #369; 
	overflow:auto; 
	float:left;height:50px; 
	background:#cee;
}

.ie7 #hp_globalTopBar .hp_gblBarItem {
	display:inline;
	height:50px;
	float: left;
	
}

#hp_globalTopBar #hp_gbl1 {
	width:341px;
	background: #ccc;
	height:inherit;
}

#hp_globalTopBar #hp_gbl2 {
	width:390px;
	background: #ddd;
	height:inherit;
}
/*
#hp_globalTopBar div:nth-child(2) {
	width:390px;
	background: #ddd;
	height:inherit;
}*/

#hp_globalTopBar #hp_gbl3 {
	width:70px;
	background: #333;
	color:#fff;
	height:inherit;
}

#hp_globalTopBar #hp_gbl4 {
	width:180px; 
	background: #999;
	text-align:center;
	height:inherit;
}

.globWelcomeSurround, .globCartSurround {
	border:0px solid #999;	
	display:block;
	height:50px;
	margin:0px 0px 0 0;
	background:#282828;
	color:#fff;
}

.globWelcomeSurround, .globCartSurround, #hp_otherSitesLnk {
	cursor: pointer;
}

.globWelcome {
	cursor:default;
}

.globSearchSurround {
	border:0;
}

.globWelcomeSurround:hover, .globCartSurround:hover, #hp_otherSitesLnk:hover {
	background:#000;
	/*background: -webkit-linear-gradient(#575555, #6a0f0f);*/ /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(#575555, #6a0f0f);*/ /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(#575555, #6a0f0f);*/ /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(#575555, #6a0f0f);*/ /* Standard syntax */		
}

#hp_otherSitesLnk a:hover {
	color:#fff;
}

.globSearchSurround {
	border:2px solid #000;	
	display:block;
	height:28px;
	margin:10px 7px 0 100px;
	background:#fff;
}

.globCartSurround {
	position:relative;
	z-index:1000; /* for ie7 z-index bug */
}

.cartLinkIcon {
	width:34px;
	float:left;
	border:0px solid #c00;
	height:40px;
}

.cartLinkDet {
	width:34px;
	border:0px solid #c00;
	height:40px;
	float:left;
}

#hp_globalTopBar div p {
	font-weight:600;
	border: 0px dashed #666;
}

.globWelcome p {
	margin:0px 0 2px 5px;
	padding:6px 0 0 0;
	color:#fff;
	font-size:.9em;
	height:15px;
	overflow:hidden;
}

.globWelcName {
	font-weight:600;
	letter-spacing:0em;
	font-size:0.9em;
	color:#eee;
	
}

/* login box */

.loginlink {
	margin: 0;
	width:180px;
	height:100%;
}

.loginlink {
	margin: 0;
	position: relative;
	padding: 0 0 0 3px;
	z-index:1000; /* this will fix ie7 z-index bug */
}

.loginlink a, #hp_otherSitesLnk a {
	color: #fff;
	border: 0px solid #c00;
	padding: 6px 3px 3px 3px;
	font-weight:600;
	font-size:1.1em;
	text-decoration: none;
	background:none;
}

#hp_otherSitesLnk, .globWelcomeSurround {
	background:#282828;
}

#hp_otherSitesLnk {
	padding: 10px 0 0 5px;
	font-weight:400;
	border-right:2px solid #000;
	border-left:2px solid #000;
	display:block;
	height:40px;
	margin:0px 7px 0 0px;
	width:155px;
}

#hp_otherSitesLnk .arrow-down {
	margin-top:9px;
}

#loginBox #myLinksBox p a {
	border:0;
	color:#369;
	padding:2px;
	text-align:left;
	height:auto;
}

.arrow-down { /*http://css-tricks.com/snippets/css/css-triangle/*/
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #000;
	margin:3px 0 0 3px;
}

.arrow-down_wht {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-top: 5px solid #fff;
	margin:13px 0 0 3px;

}

.loginlink .arrow-down_wht {
	display:inline-block;
	margin:8px 0 0 2px;
}


#loginBox, #cartBox, .nav-arrow-inner {
	/*display: none;*/
}

#loginBox {
	border: solid 1px #bdbbbb;
	width: 205px;
	min-height:115px;
	/*border-radius: 5px;*/
	border-top:0;
	background: #fff;
	position: absolute;
	top: 27px;
	left:-2px;	
	z-index:10000;
	}
	
#cartBox {
	border: solid 2px #666;
	width: 230px;
	height:auto;
	/*border-radius: 5px;*/
	background: #eee;
	position: absolute;
	top: 50px;
	left:0;
	}


#hp_otherSitesBox {
	border: solid 1px #bdbbbb;
	height:auto;
	/*border-radius:0 0 5px 5px;*/
	background: #fff;
	position: absolute;
	top: 50px;
	margin: 0 0 0 -7px;
	border-top:0;
	width:434px;
	}	
	
#hp_otherSitesBox a {
	/*display: table-cell;
	float: left;
	width: 107px;
	height:30px;
	padding: 10px 0 0 10px;
	margin:5px;
	background: purple;
	color:#fff;*/
	display:block;
	color:#000;
	/*border-bottom: 1px dotted #999;*/
	padding:12px 1% 12px 2%;
	float:left;
	width:29%;
	margin: 0 3px 0 0;
	font-weight:normal;
	}
	
#hp_otherSitesBox a:nth-child(-n+9) { /* only underline first 9 items*/
	border-bottom:1px solid #e5e4e4;	
}	
	
#hp_otherSitesBox a:hover {
	/*background:#ccc;*/
	color:#369;
}
	
.ccarrow {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent; 
	border-bottom: 7px solid #666;	
	border-top: 0px solid #999;
	position: relative;
	top:-10px;
}
#cartBox .ccarrow {
	left:22px;
}
#hp_otherSitesBox .ccarrow {
	left:117px;
}
#loginBox .ccarrow {
	left:91px;
}

#loginBox p a {
	color:#000;
}

#loginBox .sublink a, #globalIetLoginBox form .sublink {
	font-family:arial;
	background:#0087c0;
	margin:10px 0 0 0px;
	border-radius:5px;
	background: -webkit-linear-gradient(#5fbbe1, #0087c0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5fbbe1, #0087c0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5fbbe1, #0087c0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5fbbe1, #0087c0); /* Standard syntax */
	border:1px solid #0092cf;
	padding:10px 0 10px 0;
	display:block;
	width:155px;
	border-bottom:0;
	text-align:center;
	margin: 19px 0 0 20px;
}

#loginBox p.sublink {
    border-bottom: 0;
    margin: 0 5px;
}

#loginBox .sublink a {
	color:#fff;
	font-weight:bold;
}

#loginBox .sublink a:hover {
	color:#fff;
	text-decoration:underline;	
	background: -webkit-linear-gradient(#5fbbe1, #369); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5fbbe1, #369); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5fbbe1, #369); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5fbbe1, #369); /* Standard syntax */
	border:1px solid #0092cf;	
}

.lte7 #loginBox, .lte8 #loginBox {
	position:relative;
	left:-4px;
	top:11px;
	/*background: url('../images/2014/login_bg.png') no-repeat;	*/	
}
.lte7 #hp_otherSitesBox {
	position: relative;
	top:16px;
	left:1px;
	}

#cartBox p a, #loginBox p a {
	/*color:#c00;*/
	font-size: 1em;
}

.lte9 #loginBox .ccarrow {
	top:-12px;
	left:93px;
}

.lte8 #hp_otherSitesBox {
	overflow:auto;
}

.ccarrowinner {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eee; /*should be same colour as the box below the arrow*/
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 0 9px 9px;
	font-size: 0;
	height: 0;
	left: -9px;
	line-height: 0;
	position: absolute;
	top: 2px; /*this controls the thickness of the outline as it sits below it - e.g.change it to 2px to make outline thicker*/
	width: 0;		
}


.lte9 .ccarrow {
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent; 
	border-bottom: 12px solid #666;	
	border-top: 0px solid transparent;
	position: relative;
	top:-13px;
	left:62px;
	
}

.lte9 .ccarrowinner {
	border-color: #eee;	
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-style: solid;
	border-width: 0 9px 9px 9px;	
	background:transparent;
	
}

.lte7 .ccarrow {
	position: absolute;	
	display:none;	
}

.lte9 .ccarrowinner {
	display:none;
	
}

.nav-arrow {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000; /*this is the arrow outline colour*/
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 0 9px 9px;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	top: -9px;
	width: 0;
}

.nav-arrow-inner {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eee; /*should be same colour as the box below the arrow*/
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 0 9px 9px;
	font-size: 0;
	height: 0;
	left: -9px;
	line-height: 0;
	position: absolute;
	top: 2px; /*this controls the thickness of the outline as it sits below it - e.g.change it to 2px to make outline thicker*/
	width: 0;
}	

#loginBox form {
	color: #369;
	margin: 4px 5px 4px 5px;
	width: 190px;	
}

#loginBox fieldset button {
	color: #369;
	margin: 3px;
	background: green;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	padding: 3px;

}

#loginBox ol {
	list-style-type: none;
	margin:0;
	padding:0;
}

#loginBox ol li input {
	width: 100%;
}

#hp_globalTopBar > div .loginlink:hover {
	color: #c00;
}

#cartBox p, #loginBox p {
	border-bottom:1px solid #ccc;
	margin:0 5px 0 5px;
}


#cartBox p a, #loginBox p a {
	/*color:#660;*/
	font-size: 1.1em;
	display:block;
	font-weight:600;
	padding:5px 0 5px 5px;
}

#cartBox p a:hover, #loginBox p a:hover {
	color:#369;
	background:none;
}

.basketBut {
	width:100px;
	background:#fff;
	color:#fff;
	border:1px solid #999;
	border-radius:4px;
	margin:10px 0 10px 15px;
	background:#369;
}

.basketBut a:hover {
	background:#066;		
}

.basketBut a {
	color:#fff;
	display:block;
	padding: 4px 0 3px 10px;
}

#hp_otherSitesLnk:hover #hp_otherSitesBox, #hp_otherSitesLnk.over #hp_otherSitesBox {
	/*display: block; z-index:10000; 
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;   
    -ms-transition-delay: 1.1s;  
    -o-transition-delay: 1.1s;  
    transition-delay: 1.1s;*/
}

#globBox4:hover #loginBox, #globBox4.over #loginBox {
	display: block; 
	z-index:10000;	
}
/*
.loginlink:hover .nav-arrow-inner, .loginlink.over .nav-arrow-inner {display: block; z-index:10000; }
.globCartSurround:hover #cartBox, .globCartSurround.over #cartBox {display: block; z-index:10000; }
*/

#hp_otherSitesBox, #loginBox {
	visibility: hidden;
	 z-index:10000;
}

#hp_otherSitesBox, #loginBox {
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
 } 
/*
#hp_otherSitesBox:hover {
  transition-property: background line-height;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: .5s;
  background-color: #369;
  line-height: 1.5em;
}

#hp_otherSitesBox a {
  transition-property: color;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: .5s;
}


#hp_otherSitesBox:hover > a {
  transition-property: color;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: .5s;
  color:#fff;
}*/

#hp_otherSitesLnk:hover > #hp_otherSitesBox {
    visibility: visible;
}

.loginlink:hover > #loginBox {
    visibility: visible;
}

/*
#globBox4 :hover > #loginBox {
    -webkit-transition:1.5s ease-in-out 0s;
    -moz-transition:1.5s ease-in-out 0s;
    -o-transition:1.5s ease-in-out 0s;
    transition:1.5s ease-in-out 0s;
    visibility: visible;
    z-index:10000;
}
*/
/* glob bar styles end */

/* mega nav positional changes (move it to bottom of source) 
.dcjq-mega-menu {
	position:absolute;
	top:-113px;
	left:219px;
}*/

/* global style changes needed for meganav and floatLeft elements 
.container_ct {
 position:relative;
}*/
.floatLeft {
    float: left;
}
/* global style changes needed for meganav and more */