label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }


body {
    text-align: center;
    background-color:#888888;
 
    behavior: url("/styles/csshover3.htc");
    font-family:arial;
    padding-bottom:20px;
  }

  #wrapper {
    width: 990px;
    text-align: left;
    margin: 0 auto;
  }
  
  #bgbox {
 
    width: 990px;
       background:url(images/bgbox.jpg);
  }
  td.FormText, td.POHeader {
	width: 150px;
}
.FormText {
	font-weight: bold;
}
.POHeader {
	font-weight: bold;
	font-size: 14px;
}
.POptionsTable {
	margin-top: 15px;
	margin-bottom: 15px;
}
  #header {
    width: 990px;
    height:123px;
    background:url(images/header.jpg);;
  }
  #logo{float:left; width: 150px; padding-left:20px;}
    #adminButton { 
 
  background:url(images/admin.png); 
  width:160px; 
  height:102px; 
  font-size:15px;

  padding:10px 0px; 
  text-align:center;
  float:right;
  }
  
  #adminButton ul{
  list-style:none;
  margin-left:0px;
  padding-left:10px;
  }
  
  #subscribe{
  margin-left:5px;
  width:179px;
  background-image:url(images/subscribebg.png);
  text-align:center;
  height:160px;
  padding-top:10px;
  }
  #subscribe a{
  font-size:10px;
  text-decoration:none;
  font-weight:bold;
  color:#145F93;
  }
  
  #subscribe a:hover{
  color:#FFF;
  }
  #subscribe h4{
  color:#333;
  margin:0px;
  padding:0px;
  font-size:12px;
  margin-bottom:6px;
  }
  
  #subscribe input{
  margin-bottom:5px;
  }
  #adminButton ul li.enrol{
 
  }
  
  #adminButton ul li.student{
  margin-top:26px;
  }
  #adminButton ul li.instructor{
  margin-top:13px;
 
  }
  
  
  #adminButton a { 
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  }
  #adminButton a:hover { color:#f7931e;}
	#imagePanel{
	background:url(images/imagePanel.jpg);
	
	height:122px;
	width:990px;
	z-index:-1;
	
	
	}
  #bottom{
   background:url(images/bottom.jpg);
   height:10px;
   
  }
  #left {
    width: 190px;
    min-width: 190px;
    float: left;
    padding: 0 5px;
   padding-bottom:110px;
    background:#222222;
     padding-top:20px;
       min-height: 433px;
       background-repeat:no-repeat;
       
  }
#memberPanel ul{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	}


  #middle {
     width: 770px;
    float: left;
    padding: 0 10px;
    background-color:#FFF;
    min-height:400px;
    font-family:arial;
    font-size:12px;
    color:#333;
    margin-top:10px;
    margin-bottom:10px;
 	
  }
    
#middle #include{
	width:786px;
	min-height:800px;
	}
	
#middle legend {font-size: 15px; font-weight: bold;color: #0000ff;}
   #middle table {
   border: 1px solid #055286;
     width:70%;
   }
  #middle th{
  padding:10px;
  background-color:#055286;
  color:#FFF;
  }
  
    #middle td{
    padding:10px;
   }
   

    #cadets td{
	 text-align:left;
	 padding:0px;
	} 
	
	#cadets table{
	border:0px;
	}
  #middle a img{
  border:0;
  }
  #middle a{
  color:#045084;
  text-decoration:none;
  font-weight:bold;
  }
  
  #middle a:hover{
  color:#f7931e;
  }
  #middle h1{
  font-size:20px;
  }
  
   #middle h2{
  font-size:18px;
  }
  
   #middle h3{
  font-size:16px;
  padding-top:5px;
  margin-top:5px;
  padding-bottom:2px;
  margin-bottom:2px;
  }
  
   #middle h4{
  font-size:14px;
  }
  
   #middle h5{
  font-size:12px;
  }
  	
#middle #downloads{
	border:0;
	width:100%;
	}
	#middle #downloads h4{
	margin-bottom:1px;
	padding-bottom:1px;
	}
  #section2{
  color:#FFF;
  font-size:12px;
  font-family:arial;
  margin:2px;
  }
   #section2 a img{
  border:0;
  }
  #section2 h3{
  font-size:15vpx;

  }
  
    #section2 a{
 
   color:#f7931e;
  text-decoration:none;
  font-weight:bold;
  }
  
  #section2 a:hover{
   color:#fff;
  }
  #navigation{
  	background:url(images/navigation.jpg);
  	height:28px;
  	z-index: 500;
  	position:relative;
  }
  
  #FormBlock table{
  border:0px;
  }
  #footer {
  font-family:arial;
    width: 990px;
    clear: both;
    background:url(images/footer.jpg);
    min-height:14px;
        text-align:center;
    font-size:10px;
    color:#FFF;
  }
  
  #footer a{
  color:#f7931e;
  text-decoration:none;
  font-weight:bold;
  }
  
  #footer a:hover{
  color:blue;
  }
  
  #footerSeoText {
	text-align: center;
	font-size: 10px;
	color: #999999;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#LatestNews .newsHeading{
	font-weight:bold;
}

#LatestNews .newsItem{
	margin-bottom:10px;
}

.logbox {
	MARGIN-TOP: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 5px;
	WIDTH: 110px;
	COLOR: black;
}

#loginbox {
	BORDER-RIGHT: #ff0000 1px solid;
	BORDER-TOP: #ff0000 1px solid;
	BACKGROUND-IMAGE: url(images/loginstrip.gif);
	BORDER-LEFT: #ff0000 1px solid;
	BORDER-BOTTOM: #ff0000 1px solid;
	margin-bottom:		20px;
}

#loginbox #menu {
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	WIDTH: 100%;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}

#loginbox #menu A:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

#loginbox #menu A:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

#loginbox #menu A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	TEXT-DECORATION: underline;
}

#loginbox #menu A:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

#loginbox #menu LI { WIDTH: 100%; LIST-STYLE-TYPE: disc; }

#loginbox #menu UL { PADDING-LEFT: 8px; MARGIN-LEFT: 8px; }

#loginbox H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 13pt;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	COLOR: #ffffff;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #ff0000;
	TEXT-ALIGN: center;
}

#loginboxtable TD {
	PADDING-RIGHT: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
}
#loginTable{
	margin-bottom: 10px;
}
#loginTable .reghead{
	display: block;
	margin-bottom:6px;
	padding: 0;
	font-weight: bold;
}
#loginTable .regdetails{
	display: block;
	margin-bottom:10px;
	padding: 0;
}
#loginTable .loginform{
	font-weight: bold;
}
#loginTable .functions{
	font-weight: bold;

}
#loginTable .functions a{
	font-weight: normal;
	text-decoration: underline;
}
#loginTable .functions a:hover{
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

.prodhead{
color:#105588;
font-weight:bold;
font-size:15px;
}

#middle #contacttable{width:750px;}
#middle #contacttable td.contactleft{width:400px;}
#middle #contacttable td.contactright{max-width:300px; padding-left:100px;}
/***************************************************************************/
/* WORKING DROPDOWN CSS:
/***************************************************************************/

#menu {
margin-top:3px;
width: 100%;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
margin-right:40px;
float: left;
}
#menu a, #menu h2 {
font: 15px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 1px 0 4px 3px;
font-weight:bold;

}

#menu h2 {
color: #fff;

padding-bottom:0px;
margin-bottom:0px;

}

#menu a {
color: #fff;

text-decoration: none;
}

#menu a:hover {
color: #F7931E;
}
#menu li {position: 	;

}

#menu ul li ul{
border: 1px solid #222222;
border-top: 0;
background-color:#222222;
width:210px;



}
#menu ul li ul a{
background-color: #222222;
padding-left: 3px;
color:#fff;
font-weight:normal;

}
#menu ul li ul a:hover{

padding-left: 3px;

background-repeat:no-repeat;
background-color:#005b8e;
color:#FFF;
}
#menu ul ul ul {
position: absolute;
margin-top:-21px;
left: 100%;

width:290px;

}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#Error_Panel {
	margin-top: 20px;
	color: red;
	font-weight: bold;
	text-align: center;
}
.Error_Code {
	font-size: 20px;
	text-transform: uppercase;
}


#menu ul li {float: left; width: 100%; _width:1%;}
#menu ul li a {height: 1%;}






/***************************************************************************/
/* WORKING Vertical CSS:
/***************************************************************************/
#Vmenu {

background: none;

}

#Vmenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#Vmenu h2 {
color: #FCEE21;
font-family:arial;
background: none;
font-size:20px;
margin-top:10px;
margin-bottom:0px;
}


#Vmenu a{
font-family:arial;
display: block;
margin: 0;
padding-top:3px;
padding-bottom:3px;
margin-left:0px;
padding-left:0px;
}


#Vmenu a {
background:none;;
text-decoration: none;
color:#FFF;
font-size:15px;
font-weight:bold;
}

#Vmenu a:hover {
color: #a00;
background: #fff;
}

#Vmenu li {position: relative;}
#Vmenu ul li ul li ul {
	width:100%;
	}

#Vmenu ul li ul li ul li a{
	color:#fff;
	background:#222222;
	padding-left:5px;
	}
	
	#Vmenu ul li ul {
	width:177px;

	}
	#Vmenu ul li ul li a:hover{
	background: url(images/categoryHover.jpg);
	color: #FCEE21;
	}
#Vmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width:100%;
}

div#Vmenu ul ul ul,
div#Vmenu ul ul li:hover ul ul
{display: none;}

div#Vmenu ul ul li:hover ul,
div#Vmenu ul ul ul li:hover ul
{display: block;}

#loginpanel table{
	border:0px;
	}

  #loginpanel{
  margin-top:60px;
  background: url(images/loginpanel.png);
  width: 435px;
  padding-left:40px;
  padding-top:10px;
  height: 258px;
text-align:left;
  }

#loginDiv table {
width:90%;	

}
  #courses table{
  border:0px;
  }
  
    #CategoryDisplay table{
width:100%;    	
border:0;
}
#CategoryDisplay #product{
width:90%;    	

}

#CategoryDisplay form{

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #055286;
padding:5px;
margin:5px;
}
  #CategoryDisplay td{
 padding:0px; 	
}

#CategoryDisplay .ProductPricingTable{
background:url(images/addcartoptions.jpg);
background-repeat:no-repeat;
width:320px;
height:85px;
padding:10px;
}
#CategoryDisplay  .itemdesc{
padding-bottom:20px;	
}
.addbutton{
	
	float:right;
}

#CategoryDisplay  .prodsubhead{
padding:10px;	
}
#logout{
	position: absolute;
	float: right;
	margin-left:-230px;
	color:#FFF;
}
#memloginbtn{position: absolute; 	float: right; 	margin-left:-100px; 	color:#FFF;}

#CartInfo{
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	
	width:160px;
	height:59px;
		font-size:14px;
	color:#333;
	margin-bottom:10px;
	
}

#CartInfo a{
	font-size:14px;
	color:#333;
}


#CartInfo a:hover{

	color:#f7931e;
}

#onlineStore{
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background:url(images/onlinestorebg.png);
	background-repeat:no-repeat;
	width:169px;
	height:121px;
	padding-top:3px;
		font-size:14px;
	color:#333;
	margin-bottom:10px;
	
	text-align: center;
}

#onlineStore a{
	font-size:18px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	
}


#onlineStore a:hover{

	color:#f7931e;
}
#categories table{
	margin-top:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #055286;
}
#logout a, #memloginbtn a{
color:#FFF;
font-weight:bold;
font-size:12px;
text-decoration:none;
}
#logout a:hover, #memloginbtn a:hover{
color:#f7931e;
}


#middle #adminTable {
border:0;	

}

.adminTableImage{
	width:100px;
}
#middle#categories #categoriesTable{
border:0;
margin-left:auto;
margin-right:auto;
}
#middle .cartdetailsheader {
	font-weight: bold;
}
#middle table.checktable,#middle table.carttable{
	width:720px;
	border:1px solid black;
	margin-bottom:10px;
}
#middle table.checktable th, #middle table.carttable th{
	background-color:#333;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding: 5px;
}	
#middle table.checktable td, #middle table.carttable td{
	padding:5px;
	padding-bottom:10px;
}
#middle .OrigPrice {
	color: black;
	text-decoration: line-through;
}

.carttotaltext{
	font-weight:bold;
	text-align: right;
	}
#middle .carttotal_value{
	font-weight:bold;
}

#middle .carthead_desc{
	width:420px;
	text-align:left;
	}

.carthead_actions{
	width:100px;
	text-align: center;
	padding: 3px 0;
	}
.carthead_subtotal{
	width:90px;
	text-align: right;
	padding: 3px 0;
	}	
.cartbody_actions_off, .cartbody_actions_on{
	text-align:center;
}
.cartbody_subtotal_off, .cartbody_subtotal_on{
	text-align:right;
	padding-right: 10px;
}
.carthead_qty{
	width:80px;
	text-align: center;
}
.cartbody_qty_off, .cartbody_qty_on{
	text-align: center;
}
.cartbody_qty_off input, .cartbody_qty_on input{
	text-align: center;
	font-size: 10px;
}
.cartbody_price_off, .cartbody_price_on{
	text-align: right;
	padding-right: 10px;
}
#middle .carthead_price{ 
	width:100px;
	padding-right: 10px;
	text-align: right;
	}
#CCardErrorBox {
	background-color: #fcfcb8;
	border: 1px solid black;
	padding: 10px;
	
}
#CCardErrorBox .ErrorHeader {
	text-align: center;
	font-size: 20px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}
#CCardErrorBox .ErrorMsg {
	text-align: center;
	font-size: 16px;
	color: red;
	font-weight: bold;
	display: block;
}
#BuyerTemplate table{
	border:0;	
}
#BuyerTemplate td{
	padding: 5px;	
}
#BuyerTemplate td.FormText{
	font-weight: bold;
	width: 120px;	
}
#BuyerTemplate td.POHeader{
	font-weight: bold;
	width: 120px;	
}
#CCTable td.FormText {
	width: 140px;
}
table #CCTable  {
	width: 495px;
}
#CCTable td.expiry {
	font-weight: bold;
	font-size: 11px;
}

#PaymentTemplate table{
border:0;	
}

#creditcards{
	position: absolute;
	margin-top:-115px;
	padding-left:20px;

}

   #moreNews{
   	text-align:center;
   	width:90px;
}
    #moreNews a{ 
    	display:block;
   		background:#333;
   		border:1px solid #333;
   padding:5px;
   color:#FFF;
    
	}
	
	   #moreNews a:hover{
background:#FFF;
	border:1px solid #333;
	   	}