body {
  margin:0;
  padding:0;
  height:100%;
  background-color:#000000;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

a {
  color: #3b78ee;
  outline: none;
  text-decoration: none;
}

h2 {
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  margin:0;
}

h3 {
  font-size: 18px;
  color: #FFF;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin:0px;
}

h3 a:hover{
  text-decoration:underline;
}

h3 a{
  text-decoration:none;
}

h2 a{
  color: #3b78ee;
}

h4 {
  font-size: 16px;
}

/* mass assign zero padding and margins to avoid repeating code */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
img {
  border:none;
}

ol,ul {
  list-style-type:none;
}
/*end mass reset */


/* main container surrounds all and centres content on page */
#container {
  margin:0 auto;
  padding:0;
  width:1024px;
  text-align:left;
  background: #000000;
  position: relative;
}

/* begin header section -  contains logo + languages + navigation */
#header {
  width: 1024px;
  height: 210px;
  position:relative;
}

#logo {
  background: url("../images/logo.jpg") no-repeat;
  width: 586px;
  height: 143px;
  position: absolute;
  left: 10px;
  top: 35px;
}

#logo h1 {
}

#logo a {
  width: 590px;
  height: 145px;
  display: block;
  text-indent: -9999px;
}

/* popup container surrounds all and centres content on page */
#popupcontainer {
  margin:0 auto;
  padding:0;
  width:648px;
  text-align:left;
  background: #000000;
  position: relative;
}

#popupheader {
  width: 648px;
  height: 150px;
  position:relative;
}

#popupPanel {
	text-align: center;
}

#bottomPanel {
	padding-top: 15px;
	text-align: center;
}

.shopCart {
	top: 15px;
	right: 15px;
	position: absolute;
}

#bottomPanel h2 {
  color: #3b78ee;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:0px;
}

#footerPopup {
	background:#637CBE url(../images/popup_footer.gif);
	position:relative;
	height: 112px;
	width:648px;
}

#footerText {
	padding-top: 26px;
	text-align: center;
	width: 468px;
}

#footerText a, #footerText a:visited {
	color: #000000;
}

#footerText a:hover {
	text-decoration: hover;
}

#footerText h2 {
	color: #000000;
	font-size: 17px;
}

#footerText h4 {
	color: #000000;
	font-size: 12px;
}

#footerSoldout {
	position: absolute;
	top: 20px;
	right: 25px;
	color: red;
}

#footerPaypal {
  background: url("../images/popup_book.gif") no-repeat;
  width: 175px;
  height: 55px;
  position: absolute;
  top: 20px;
  right: 15px;
}

#footerPaypal h1 {
}

#footerPaypal a {
  width: 175px;
  height: 55px;
  display: block;
  text-indent: -9999px;
}

.bigText {
  font-size: 30px;
}

.tabletText {
  font-size: 12px;
}

.smallText {
  font-size: 16px;
}

#popupPanel h2 {
  color: #3b78ee;
  font-size: 20px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:0px;
}

#popupPanel h4 {
  font-size: 34px;
  color: #FFF;
  font-weight: normal;
  padding-bottom: 5px;
  margin:0px;
	
}

#leftPanel {
  background-color:#000000;
  float:left;
  height:auto;
  width:320px;
  text-align:center;
}

#leftPanel img {
  padding-bottom: 7px;
}

# leftPanel p {
  font-size: 15px;
}

#rightPanel {
 height:auto; 
 margin-left:320px;
 text-align:center;
}

#popupPanel h5 {
  font-size: 14px;
  color: #3b78ee;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:0px;	
}

.blueText {
  color: #3b78ee;	
  font-weight: bold;
  padding-right: 2px;
}

.blueTextSml {
  color: #3b78ee;	
  font-weight: bold;
  padding-right: 2px;
  font-size: 9px;
}

#popuplogo {
  background: url("../images/popup_logo.gif") no-repeat;
  width: 528px;
  height: 100px;
  position: absolute;
  left: 10px;
  top: 35px;
}

#popuplogo h1 {
}

#popuplogo a {
  width: 528px;
  height: 100px;
  display: block;
  text-indent: -9999px;
}

#popupContent {
	position:relative;
	width:648px;
}

#popupFooter {
	padding-top: 30px;
	padding-bottom: 20px;
	position:relative;
	text-align: right;
	padding-right: 200px;
	width:450px;
}

#popupFooter a, #popupFooter a:visited {
	color: #FFF;
}

#buyCourseContainer {
	background:#000000 url("../images/book_course_panel.gif");
	height:62px;
	position:absolute;
	right:0pt;
	width:182px;
}

#buyCourseContainer h1 {
}

#buyCourseContainer a {
  width: 182px;
  height: 62px;
  display: block;
  text-indent: -9999px;
}

#soldCourseContainer {
	height:62px;
	position:absolute;
	right:15pt;
	width:182px;
	color: red;
}

#popupContent h3 {
  font-size: 18px;
  color: #FFF;
  font-weight: normal;
  margin:0px;
}

#popupContent p {
  font-size: 13px;		
}

#popupContent ul {
	padding-top: 15px;
	padding-bottom: 15px;
    font-size: 13px;
}

#headerText {
	width: 320px;
	height: 140px;
	position: absolute;
	text-align: center;
	display: inline;
	left: 700px;
	top: 70px;
}

#headerText p {
	font-size: 10px;
	padding: 5px;
}

#headerText span {
	color:#FFFFFF;
	font-size: 14px;
}

#headerText h6 {
	color:#3b78ee;
	font-size: 14px;
	display: inline;
}

#navMenu {
	height:40px;
	width: 1024;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

#nav {
	margin: 0 0 0 55px;
}

#nav li {
	float:left;
	margin-right:40px;
}

#nav li a, #nav li a:visited {
	text-decoration: none;
}

#nav li a:hover {
	text-decoration: underline;
}

#mainContent {
	position:relative;
	width:1000px;
}

.blackbackground {
	background-color: #000000;
}

.blueBackground {
	background-color: #3b78ee;
}

.tableHome {
	width: 336px;
	height: 182px;
}

#footer {
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}

#footer a, #footer a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#pageWrap {
	text-align: center;
    padding-bottom: 25px;	
}

#pageWrap h3 {
  font-size: 18px;
  color: #FFF;
  margin:0px;
}

#pageWrap p {
  font-size: 16px;
  color: #FFF;
  padding: 10px 0px 0px 0px;
  margin:0px;
}

#pageWrap p a, #pageWrap p a:visited  {
	color: #3b78ee;
}

#pageWrap p img {
	margin-right: 10px;
}

#pageWrap p a:hover  {
	color: #3b78ee;
	text-decoration: underline;
}

#aboutusWrap {
  text-align:center;
  color: #FFF;
  margin:0px;
}

.aboutusPanelLeft {
	width: 730px;
	text-align: left;
	margin-left: auto ;
	margin-right: auto ;
	padding-top: 20px;
}

.aboutusPanelRight {
	width: 730px;
	text-align: right;
	margin-left: auto ;
	margin-right: auto ;
	padding-top: 30px;
}



.bold {
	font-weight: bold;
	font-size: 16px;
}

.medium {
	font-size: 14px;
}

.medium a, .medium a:visited {
	text-decoration: none;
	color: #FFF;
}

.medium a:hover {
	text-decoration: underline;
	color: #FFF;
}

.small {
	font-size: 12px;
}

.quote {
	color: #EA0710;
	font-size: 16px;
	font-weight: bold;
}

.red {
	color: #EA0710;
}

#courseList {
	padding-top: 10px;
}

#diskList {
	width: 1024px;
}

#diskList h3 {
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin:0px;
}

#contactCol1 {
	text-align:left;	
	margin:0 auto;
	width:400px;
	font-size: 14px;
}

.contactDetails li {
	padding:5px 10px;
}

.contactDetails {
	padding:10px 0pt;
}

.contactDetails li label, .contactDetails li span {
	display:block;
	float:left;
	width:50%;
}

#courseList {
	height: auto;
	margin:0 auto;
	width: 980px;

}

#leftCourse {
  background-color:#000000;
  float:left;
  height:auto;
  width:485px;
}

#rightCourse {
  height:auto; 
  margin-left:485px;
}

.courseListing {
	background:transparent url(../images/book_course_bg.jpg);
	position: relative;
	text-align:left;
	float:left;
	margin-bottom:10px;
	width:482px;
	height: 59px;
}

.courseEntry {
	left:10px;
	position:relative;
	top:13px;
	width:70%;
}

.module1image1 {
	width:65px;
	height: 59px;
	top: 5px;
	position: absolute;
	text-align:center;
}

.module1image2 {
	width:65px;
	height: 59px;
	top: 7px;
	position: absolute;
	text-align:center;
}

.module1image3 {
	width:65px;
	height: 59px;
	top: 10px;
	position: absolute;
	text-align:center;
}

.module1image4 {
	width:65px;
	height: 59px;
	top: 14px;
	position: absolute;
	text-align:center;
}

.module1image5 {
	padding:7px 0px 0px 7px;
	position:absolute;

}

.module1image6 {
	padding:7px 0px 0px 7px;
	position:absolute;
}

.module1image7 {
	padding:7px 0px 0px 7px;
	position:absolute;
}

.module1image8 {
	width:65px;
	height: 59px;
	top: 8px;
	position: absolute;
	text-align:center;
}

.module1image9 {
	width:65px;
	height: 59px;
	top: 10px;
	position: absolute;
	text-align:center;
}

.bookText {
	width: 305px;
	height: 59px;
	margin-left: 67px; 
}

.overText {
	font-size:12px; 
	color: #3b78ee;
}

.courseRun {
	font-size: 10px;
	color: red;
}

#leftCourse p, #rightCourse p  {
	font-size: 12px;
	padding:7px 0px 0px;
	font-weight: bold;
}

#leftCourse a, #leftCourse a:visited, #rightCourse a, #rightCourse a:visited {
	color: #3b78ee;
}

.clearfix {
	display:block;
}

.bookPanel {
	position: absolute;
	top: 0px;
	right: 8px;
	width:100px;
}

#diskList {
	height: auto;
	margin:0 auto;
}

#diskList p {
	color:#000;
	font-size:12px;
	font-weight: bold; 
	margin:0px;
	padding: 0px;
}

#buyDisk {
	padding-bottom: 10px;
	height: auto;
}

.small {
	font-size: 6pt;
}

.soldOut {
	text-align: center;
	color: red;
}

.memberText {
	margin-top: 5px;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

.memberText input {
	top: -1px;
	vertical-align: bottom;
}