@charset "utf-8";
/* CSS Document */

body { background-color: #e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; color:#7C7E82; margin:10px 0}
a:link { text-decoration: none; color:#7C7E82; }
a:visited { text-decoration: none; color:#7C7E82;  }
a:hover, a:active, a:focus { text-decoration: none; color:#f16021}

h1 { font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-size: 50px; line-height:50px; color:#ffffff; font-weight:normal; background-color:#f16021; padding:10px 0px; margin:0;}
h1 a,h1 a:link,h1 a:visited,h1 a:active,h1 a:focus {color:#f16021;}
h1 a:hover {color:#7C7E82;}
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 28px; line-height:28px; color:#ffffff; font-weight:normal; margin:0 0 10px 0}
h3{color:#484A4D; font-size:14px; font-weight:normal; line-height:normal;font-family:Arial, Helvetica, sans-serif;}
h4{color:#ffffff; font-size:24px; font-weight:normal; line-height:normal; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px;}
img { border:0px;}



.clearfix { clear: both}
.container { width:960px; text-align:left;  color:#2C2E30; margin:0 auto; text-align:left}
.login_link { display:none!important}

.header { background-color: #e5e5e5; }
.header img { float:left; width:230px; height:auto}
.header .Hlogin { margin-bottom:10px; padding:5px;}
.header .right { float:right; width:55%; padding:0 0 35px 0; text-align:right}
.header h1 { color:#f16021; font-size:32px; line-height:normal; padding:0; margin:-3px 15px 0 0px; float:left; display:inline; background-color:#e5e5e5; font-weight:normal; font-family:Arial, Helvetica, sans-serif}


.banner { position:relative}
.banner img { width:100%; height:auto; position:relative; z-index:-5}
.banner div { position:absolute; z-index:5; top:0; right:50%; width:365px; text-align:left; color:#ffffff;  padding:30px 0; margin-right:100px}
.banner div h1 {  padding:10px; text-transform:uppercase; margin-right:10px }
.banner div h2 { margin:15px 0; color:#000000}
.banner div a { display:block; width:140px; margin-right:10px;; margin-bottom:10px; float:left;  padding:15px; text-transform:uppercase; text-align:center}
.banner .cartbutton a { color:#ffffff; line-height:normal; padding:5px; margin: 15px 0px; display:block; background-color:#f16021; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:left; width:345px; font-size: 22px; line-height:24px; text-transform:none}
.banner .cartbutton a h1{font-size: 34px; line-height:30px; margin:0; background-color:transparent}
.banner .cartbutton a h2 {}
.banner .cartbutton a:hover  {  background-color:#7C7E82;}
.banner .cartbutton a img { width:auto; height: 30px; z-index:50; margin:5px 10px 0 10px}

.banner div a:link, .banner div a:active, .banner div a:focus  { text-decoration: none; color:#ffffff;  }
.banner div a:hover { background-color:#e5e5e5; color:#333333}
.banner div a:visited { text-decoration: none; color:#ffffff;  } 

.home { background-color: #f16021; } 
.home .left {width:42%; float:left; background-color:inherit; color:#ffffff; padding:2% 2% 2% 0}
.home .right{width:50%; float:left; background-color:inherit} 
.home .right img {width:100%; height:auto;}
.home a { background-color:#333333; color:#ffffff;  padding:15px; text-transform:uppercase; text-align:center}
.home a:hover { background-color:#e5e5e5; color:#333333}

.inner { background-color:#ffffff}
.inner .container { background-color:#ffffff; padding-bottom:60px; }
.inner h1 { background-color:#ffffff; text-transform:uppercase; clear:both; padding-bottom:5px; color:#f16021}
.inner h2 { margin-top:15px; color:#f16021}
.inner .container .left { width:680px; padding:15px; float:left}
 .login { padding:0px; text-align:left ; background-color:#ffffff; width:998px!important}
.innerlogin { background: url(http://www.ematrixtraining.com.au/site/DefaultSite/skins/2016/images/css_images/header.jpg) repeat-x #ffffff}
.inner .container .right h1 { background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:36px; padding:10px 10px 0px 10px; margin:15px 0 0 0}
.inner .container .right { width:235px; padding:15px 15px 15px 0px; float:left}
.inner .pbSummary li { float:left; display:inline; margin-right:1px}
.inner .pbSummary li a{ display:block; background-color:#e5e5e5; padding:10px;padding:5px 10px;}
.inner .pbSummary li a:hover{ display:block; background-color:#333333;  color:#e5e5e5}
.inner .child .pbSummary li a{ display:block; background-color:#cdcdcd; padding:10px;padding:5px 10px;}

.searchresults { margin-top:30px 
	 }
	 .searchresults div { max-height:46px;	  
overflow: hidden;
position:relative; z-index:2;}
.searchresults div span { display:block; height:16px; width:82px; position:absolute; bottom:0; right:0; background-color:#ffffff; padding-left:15px}
	  .searchresults img { display:none}
.searchresults h3 { font-family: Arial, Helvetica, sans-serif; font-size: 28px; line-height:28px; color:#f16021; font-weight:normal; margin:0 0 10px 0}



.purple {}
.purple a { background-color:#a2228e;}
.purple h1 { color:#a2228e}
.purple h2 { color:#a2228e}
.purple h3 { color:#a2228e}


.blue {}
.blue a { background-color:#007dc5}

.blue h1 { color:#007dc5}
.blue h2 { color:#007dc5}
.blue h3 { color:#007dc5}

.green {}
.green a { background-color:#7ac142}

.green h1 { color:#7ac142}
.green h2 { color:#7ac142}
.green h3 { color:#7ac142}

.yellow {}
.yellow a { background-color:#faa519}
.yellow h1 { color:#faa519}
.yellow h2 { color:#faa519}
.yellow h3 { color:#faa519}

.pink {}
.pink a { background-color:#ed3c96}

.pink h1 { color:#ed3c96}
.pink h2 { color:#ed3c96}
.pink h3 { color:#ed3c96}

.red {}
.red a { background-color:#ed1c24}

.red h1 { color:#ed1c24}
.red h2 { color:#ed1c24}
.red h3 { color:#ed1c24}

.orange {}
.orange a { background-color:#f16021}

.orange h1 { color:#f16021}
.orange h2 { color:#f16021}
.orange h3 { color:#f16021}


.footer { padding:30px 15px 20px 15px; width:930px; color:#7C7E82; background:#e5e5e5;  margin: 0 auto; text-align:right}
.footer img { width:190px; height:auto}
.footermenu { width:150px; float:left; text-align:left; font-size:11px}
.footer .left { float:left; width:50%; text-align:left; padding-top:50px}
.footer img { }
.footer a:link { color: #7C7E82; text-decoration: none; }
.footer a:visited { text-decoration: none; color: #7C7E82; }
.footer a:hover { text-decoration: none; color: #f16021; }
.footer a:active { text-decoration: none; color: #7C7E82;}
.footer ul { list-style:none; padding:0px; height:125px;}

.mobile { display:none}
@media only screen and (max-width : 1024px) {
	body { text-align:left}
	.mobile { display:block}
	.mobile h1 { font-family:Arial, Helvetica, sans-serif; text-align:center}
	.mobile h1 a { color:#ffffff;  font-size:30px}
.header h1{	display:none }
.header img { width:130px; margin-bottom:15px}	
.header .pbBasicSearch { float:right; margin-right:10px}
.header .pbBasicSearch ul { width:205px}
.header .pbBasicSearch .field {margin-left: 10px; width: 135px; margin-right: -10px;}
.header img { margin-left:15px}
.header .Hlogin { display:none}
.login_link { display:block}
.pbMenu { display:none}	
.header .right { padding-top:0px; padding-bottom:20px}	

.banner div { position:relative; z-index:5; top:auto; right:auto; width:100%; text-align:left; color:#ffffff;  padding:0; margin-right:0; background-color:#e5e5e5}	
.banner div h1 { margin-right:0; padding:20px 10px 20px 10px}	
.banner div h2 { margin-left:10px;  margin-right:10px}	
.banner div h1 br{ display:none}	
.banner div h2 br{ display:none}
.banner div a {  width:42%; margin:0 2% 10px 2% ; padding:15px 2%}
.banner .cartbutton a {margin-right:0; padding:2%; width:96%; margin:0 10px 10px 10px}

.container { width:100%}
.home .left {width:96%; float:left; background-color:inherit; color:#ffffff; padding:2%}
.home .right{ display:none} 

.footer { width:96%; padding:2%}
.footermenu { width:19%}
.footer img { width:100px}

.inner .container .left { width:96%; padding:2%; float:none}
.inner .container .right { width:96%; padding:2%; float:none}
.pbBasicSearch { display:none}
.banner div a:hover { background-color:#333333; color:#e5e5e5}

/*nav___________________________*/
a.nav-expander {
  background: none  ;
  color: #000000;
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 40px;
  margin-right: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width:60px;
  z-index: 12;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}

a.nav-expander:hover {
  cursor: pointer;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 150px;
}
nav {
  background: #2d2f33;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -150px;
 font-size: 15px;
  top: 0;
  width: 150px;
  z-index: 2000;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
*/
}
.nav-expanded nav {
  right: 0;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}


/*----------------------PANELMENU.CSS------------------------------- */

.pbPanelMenu {}
.pbPanelMenu .rootGroup { /*border: 1px solid #262626;*/ padding: 20px 36px 28px 28px; }
.pbPanelMenu_rtl .rootGroup { padding: 20px 28px 28px 36px; text-align: right; }
.pbPanelMenu .link { border-bottom: 1px solid #e5e5e5; overflow-x: hidden; color: #cccccc; padding-left:15px }
.pbPanelMenu .link:hover { border-bottom-color: #e5e5e5; color: #ffffff; }
.pbPanelMenu .text { overflow-x: hidden; }
.pbPanelMenu .level1 li .pbPanelMenu_rtl .text { margin-left: 10px; margin-right: 0; }
.pbPanelMenu .expandable .text { background: transparent url("../images/panelmenu/arrow-right.gif") no-repeat right 9px; }
.pbPanelMenu .expanded .text { background: transparent url("../images/panelmenu/arrow-down.gif") no-repeat right 9px; }
.pbPanelMenu .group .expanded .text, .pbPanelMenu .group .expandable .text { background-position: right 5px; }
.pbPanelMenu_rtl .expandable .text { background: transparent url("../images/panelmenu/arrow-right.gif") no-repeat left 9px; }
.pbPanelMenu_rtl .expanded .text { background: transparent url("../images/panelmenu/arrow-down.gif") no-repeat left 9px; }
.pbPanelMenu_rtl .group .expanded .text, .pbPanelMenu_rtl .group .expandable .text { background-position: left 5px; }
.pbPanelMenu .group { overflow-x: hidden; overflow-y: auto; }
.pbPanelMenu .group .link, .pbPanelMenu .group .last .link { border-bottom-color: #626262 }
.pbPanelMenu .level1 .link.first { /*border-top: 1px solid #bfbfbf;*/ }
.pbPanelMenu .level1 .link .item.first { /*border-top: 1px solid #626262;*/ }
.pbPanelMenu .last .link { border-bottom: 0; }
.pbPanelMenu .rootGroup .text { font: normal 16px Arial, Verdana, Sans-serif; padding: 5px 7px 5px 3px; }
.pbPanelMenu_rtl .rootGroup .text { padding: 5px 3px 5px 7px; }
.pbPanelMenu .group .text { font-size: 16px; padding: 2px 7px 2px 0; }
.pbPanelMenu_rtl .rootGroup .text { padding: 2px 0 2px 7px; }
.pbPanelMenu .level1 .text { padding-left: 13px; }
.pbPanelMenu .level2 .text { padding-left: 20px; }
.pbPanelMenu .level3 .text { padding-left: 30px; }
.pbPanelMenu_rtl .level1 .text { padding-right: 10px; padding-left: 0; }
.pbPanelMenu_rtl .level2 .text { padding-right: 20px; padding-left: 0; }
.pbPanelMenu_rtl .level3 .text { padding-right: 30px; padding-left: 0; }
/* these should be checked */

.pbPanelMenu .selected .text { font-weight: bold; }
.pbPanelMenu .disabled .text { cursor: default; color: #bbb; }
.pbPanelMenu .rootGroup .disabled:hover { border-bottom-color: #bfbfbf; cursor: default; text-decoration: none; }
.pbPanelMenu .group .disabled:hover { border-bottom: 1px solid #626262; cursor: default; text-decoration: none; }
/*----------------------PANELEMNU.CSS------------------------------- */

}