/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
my cpd catalog style
changed name 03-29-16 ken
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
/*added ken 03-29-16 and 03 -30-16*/


html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {
	font-size: 13px;
	color: #333333;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	background:url('../image/rev6_02.png');
	line-height:24px; /*033016*/
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}


h1, h2, h3, h4, h5, h6 {
    color: #484747;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: normal;
    line-height: 1.3em;
	font-family: Oswald, "Droid Sans", Helvetica, Arial, sans-serif
}
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


/*033016*/

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}

p { margin-top: 0.5em; }



p + p { margin-top: 0.5em; }



a {
	color: #333333;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color:#4ec3e0;
}



/* =Layout

/*-------------------------------------------------------------- */



#wrapper {

	margin:0 auto;

	width:1140px;

/*	background:#ffffff url('../image/rev6_04.png') repeat-x left top;*/

	padding:24px 0 0 0;

}
/*
#container1 {

	background:url('../image/rev6_08.png') repeat-y left 50%
}

#container2 {

	background:url('../image/rev6_10.png') repeat-y right 50%
}*/

#container3{

	margin:0 auto;
	width:1140px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

#header {

	height:171px;
	border-bottom: 3px solid #001E60;
}

#logo {

	width: 30%;

	padding:22px 10px 0px 40px;

        display: block;

        float: left;

	overflow-x: hidden;

}



#loginheader {

        width: 400px;

	display:block;

	float:right;

	clear:right;

	margin:10px 0 0 0;



}



#loginheader ul {
    float:right;
}

#loginheader ul li {

	display:inline;

	margin: 0 5px 0 0;

	font-size:10px;

	text-decoration:none;

	font-weight:bold

}

#loginheader ul li a {

	text-decoration:none;

	color:#242424;

}

#loginheader ul li a:hover {

	text-decoration:none;

	color:#a7a7a7;

}

#livechat {



	display:block;



	float:right;



	margin:22px 20px 0px 0;
	padding-bottom:34px;

        

        clear: right;



}




.head_up {
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 4px 0;
    height: 36px;
    border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.row {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

.l_ht {
    float: left;
    line-height: 36px;
}
.r_ht{
    float: right;
}

.head_up a:hover,.head_up a:focus{
	text-decoration: none;
	color: #2a6496;
}




#search .txtbox {



	display:block;



	float:left;



	border:solid #ffffff;



	color:#8c8c8c;



	font-size:11px;



	width:140px;



	padding:0 15px 0 15px;



	margin-top:2px;



	margin-bottom:10px;



}







#maincontent {

	padding:10px 20px 20px 12px;

	background:url('../../elearning/image/rev6_25.png') repeat-x 50% top;

	overflow:hidden
}

#sidemain {

	background: url('../../elearning/image/rev6_69.png') repeat-y left 1000px;

	overflow:hidden;

}

#sidemain h1 {

	background:url('../../elearning/image/rev6_50.png') no-repeat left top;

	padding:22px 20px 10px 28px;

	font-size:16px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

}
#sidemain h2 {
	background-color:#EEE;
	margin-left:10px;
	margin-right:2px;
	margin-top:5px;
	padding:5px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left:35px;
}
#sidemain h3 {
	
	background-color:#EEE;
	margin-left:10px;
	margin-right:2px;
	margin-top:5px;
	padding:5px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left:35px;
}
.redarrow{
	background:url('../../elearning-child-engineeringcpd/image/redarrow.png') no-repeat 10px 10px;
}
.downredarrow{
background:url('../../elearning-child-engineeringcpd/image/downredarrow.png') no-repeat 10px 10px;
}
#sidemain h1 .firstletter {

	font-size:20px;

}

#sidemain ul {

	padding:5px 0 5px 3px;

}

#sidemain ul li {

	padding: 0px 3px 0px 1px;


}

#sidemain ul li ul li {

	padding: 0px 0px 0px 1px;

	background:none;	

	/*list-style:inside url(../image/rev6_59.png);*/

}





#sidemain li a {
	font-size:13px;  /*040416 was 12px*/
}

#sidemain  select{
	width:95%;
}
#sidebar {

	display:block;

	padding:0 10px 0 20px;

	

}

#sidebar h1 {

	background:url('../../elearning/image/rev6_50.png') no-repeat left top;
}




#contents {

	display:block;

	float:right;

	width:75%;

	font-size:14px

}

#contents h1 {

	font-size:18px;

	padding:0 0 15px 0;

	background-image:none;

	margin-top:-35px

}



#sbottom {

	background:url('../image/rev6_40.png') no-repeat left bottom;

	display:block;

	float:left;

	width:100%;

	height:21px
}





#sbottom {

	background:url('../image/rev6_40.png') no-repeat left bottom;

	display:block;

	float:left;

	width:100%;

	height:21px
}

#bottom1 {

	background: #f7f7f7;
	border-top: 2px solid #e4e4e4;


	width:100%;


	padding-bottom:25px;

	color:#333333;

	font-size: 11px; 

	overflow:hidden;

}

#bottom1 h1, h2 {

	font-weight: 700;
	font-size: 18px;
	margin-bottom: 30px;
	color: #323232;

}

#bottom1 li {

	height: 25px;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 10px;
	font-size: 13px;
	line-height: 25px;
}

#bottom1 a {

	color:#333333;

	font-size: 13px;

	text-decoration:none;

}

#bottom1 a:hover {

	text-decoration:none;

	color:#cfcece

}



#bottom1 .col1 {

	display:block;

	float:left;

	width:22%;

	padding:20px 5px 5px 20px;

}

#bottom1 .col2 {

	display:block;

	float:left;

	width:22%;

	padding:20px 0px 5px 20px

}

#bottom1 .col3 {

	display:block;

	float:left;

	width:22%;

	padding:20px 5px 5px 20px	

}

#bottom1 .col4 {

	display:block;

	float:left;

	width:22%;

	padding:20px 5px 5px 20px	

}

#bottom1 .col5 {

	display:block;

	float:left;

	width:1%;

	padding:30px 0 0 0	

}

#bottom1 .col6 {

	display:block;

	float:left;

	width:28%;

	padding:20px 0 0 0 

}



#bottom2 {

	width:100%;
    height: 26px;
	color:#333333;

	font-size: 13px;

	text-align:center;

	padding:20px 0 15px 0;
	border-top: 2px solid #e4e4e4;
}

#bottom2 a  {

	text-decoration:none;

	color:#cfcece	

}

#bottom2 a:hover  {

	text-decoration:none;

	color:#999999	

}

#bottom2 .graytext {

	color:#999999;

}



#bottom2  .social li {

	float:right;

	display:inline;

	padding:0 10px 10px 0;	

}

#bottom2  .social img {

	margin-top:-10px

}



#bottom2  .left {

	width: 40%;
	float: left;
	text-align: left;
	padding-left: 30px;
}
#bottom2  .right {

	width: 50%;
	float: right;
	text-align: right;
	padding-right: 40px;
}
#bottom2  .right a {

	color: #A1A1A1;
	padding: 0 10px;
}
#bottom2  .right a:hover {

	color: #2a6496;
}


#footer {

/*	background:url('../image/footerborder.png') no-repeat 50% bottom ;*/

	padding-bottom:5px;

	height:20px
}



td, th {padding-top: 5px; padding-bottom:5px; padding-right:2px; padding-left:2px; border: 1px solid #EEE; font-size:12px;}
th{
	font-weight:bold;
}


th:hover{ 	color: #0067BA; }



.searchbox{

	padding: 0px 0px 0px 10px;

	color:#8C8C8C;
	width:90%;

}



/* Navigation */

#mainmenu {

    display: block;

    float: right;

    margin: -5px 0 3px 0;

    width: 100%;
    
    z-index: 999;

}

#mainmenu ul {

    font-size: 13px;

    list-style: none outside none;

    margin: 0;
	float: right;
    padding-left: 12px;
	padding-top: 42px;
}

#mainmenu li {

   /* background: url("../image/menuvline.png") no-repeat scroll right top transparent;*/

    float: left;

    height: 32px;

    margin: 0px;

    position: relative;

    padding: 0 0 0 0;

}

#mainmenu a {

    color: #EEEEEE;

    display: block;

    text-decoration: none;

    vertical-align: middle;

    padding: 5px 20px 0 20px !important;

}
/*#mainmenu a:hover {

     padding: 5px 19px 0 20px !important;
}*/

#mainmenu ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

    display: none;

    float: left;

    left: 0;

    margin: 0;

    position: absolute;

    top: 31px;

    width: 188px;

    z-index: 999;    

	padding-top: 0px;

}

#mainmenu ul ul{padding-left:0px !important;border:solid 1px #000; border-top:none !important;} 

#mainmenu ul ul li{background:none !important;height:38px;border-bottom:none;display:block;} /*040116 was dashed 1px #000*/

#mainmenu ul ul ul {

    left: 100%;

    top: 0;    

	/*border-bottom: 5px dotted red;*/

}

/*#access ul ul ul a{

background:none !important;

}*/



/*#access ul ul a:first-child {

	border-bottom: none;

}*/

#mainmenu ul ul a {

    background: none repeat scroll 0 0 #ffffff !important;

/*    border-bottom:dashed 1px #000;*/

    color: #444444;

    font-size: 12px;

    font-weight: normal;

    height: auto;

    line-height: 1.4em;

    padding: 10px;

    width: 148px;    

	/*border-bottom: 5px dotted red;*/

}

#mainmenu ul ul ul a {

	background:none !important;
	

}



#mainmenu li:hover > a, #mainmenu ul ul *:hover > a, #mainmenu a:focus {

   /* background: none repeat scroll 0 0 #fff;*/

    height:  26px;

    margin: 0 0 0 0;

   /* padding: 0 0 0 0;*/

    width: auto;

    /*padding: 5px 19px 0 20px !important;*/

}

#mainmenu li:hover > a, #mainmenu a:focus {

    /*background: -moz-linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent;*/
	/*background: none repeat scroll 0 0 #ffffff;*/
    color: #373737;
	/*padding: 6px 19px 9px 15px;
	 border-top: solid 1px #000;
    border-left: solid 1px #000;*/

}
.sub-menu li:hover > a, .sub-menu a:focus {

    /*background: -moz-linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent;*/
	background: none repeat scroll 0 0 #fff; 
    color: #373737;
	padding: 6px 19px 9px 15px ;
	border:none !important

}
#mainmenu ul li:hover > ul {

    display: block;

}
#mainmenu ul li:hover > ul a {
	width:148px;
}



#mainmenu .current-menu-item > a, #mainmenu .current-menu-ancestor > a, #mainmenu .current_page_item > a, #mainmenu .current_page_ancestor > a {

    font-weight: bold;

	background:none !important;

}

.sub-menu{padding-left:0px !important;background:#fff} 

.sub-menu li{margin-left:0px !important; padding-right:0px !important;width:188px !important}

.sub-menu li a{padding:10px !important;color:#444 !important;height:32px !important;line-height:29px !important}

.sub-menu li a:hover{padding:10px !important;}



#mainmenu {

	width:65%;
	
	height:31px;

	position:relative;

	font-size:11px;

	font-weight:bold;
	line-height:22px

	/* padding-top:8px */
}

#mainmenu ul li {

	background:none;

	display:inline-block;

	/* padding:9px 20px 9px 20px; */

        height: 31px;
		/* 033116 font-size:12px;
		font-family:Arial, Tahoma, Helvetica, sans-serif; 
}
*/
	color: #242424 !important;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  	font-weight:400 !important;
}


#mainmenu ul li a  {

	display: block;
	font-size:13px;
	text-decoration:none;
									/*color:#001e60; 033116*/
	  color: #242424 !important;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  font-weight:400 !important;
}

#mainmenu ul li a:hover {

	text-decoration:none;

	/*background-color:#ffffff;*/

	color:#000000;
	/*border-top: solid 1px #000;
    border-left: solid 1px #000;



	 padding:10px 20px 10px 20px; */



}

#mainmenu #search {

	display:block;

	float:right;

	width:219px;

	margin:5px 17px 0 0;

        height: 27px;

}

#mainmenu #search img {

	display:block;

	float:left;

	cursor:pointer;

	margin-top:2px

}

#mainmenu #search .txtbox {

	display:block;

	float:left;

	border:solid #ffffff;

	color:#8c8c8c;

	font-size:12px;

	width:149px;

	padding:0 15px 0 15px;

	margin-top:2px

}
.product-list th span{
	cursor: pointer;
}
#tab-description{
	text-align:justify;
}
#tab-description ul{
	padding-left:30px;
	padding-right:30px;
	list-style:square;
}
#tab-description th,#tab-description td{
	border:0px;
}
#tab-description p{
        font-size:10pt;
        margin-bottom:15px;
        line-height:120%;
        margin-left:10px;    

}
#tab-description ul{
	list-style:square;
}
#tab-description li{
	font-size:10pt;
	line-height:120%;
	margin-left:10px;
	margin-bottom:15px;
}
#hidestate, #state2{
	display: none !important;
}

#product_details{width: 100%}

/****  footer menu item   ****/
.footer-menu-item .active1{background: none !important; padding-left: 0px !important}
.footer-menu-item .sub-menu{position: relative; top: -20px; left: 100px; width: 150px}
.footer-menu-item .sub-menu li{border-bottom: none !important; width: 150px !important;}
.footer-menu-item .sub-menu li a{border-bottom: none !important; padding-left: 5px !important}
.footer-menu-item .sub-menu li a:hover, .footer-menu-item .sub-menu li a:focus{background: none !important; color: #666 !important}
.footer-menu-item .sub-menu li:last-child{padding-bottom: 5px}