/* BSYgroup css file */
/* temp */
#searchbar .searchbox a { display: none; }
#searchbar #go { margin-right: 0;}
#searchbar { position: relative; }
#courseSearchForm, #courseSearchForm input {  margin: 0; padding: 0; } /* this is needed for IE7. Don't ask me why. */

*html div { height: 1%; }


/* basics */

body { 
font-family: Arial, "trebuchet MS", sans-serif; 
text-align: center;
font-size: 76%;
color: #383838;
background: #ff8877;
padding: 0;
margin: 0;
}


/* basic tags and default margins/padding */ 

h1, h2 { margin: 0 0 10px 0; font-weight: normal; }

h3, h4, h5, h6 { 
margin: 0 0 10px 0; 

}

h4, h3 { font-size: 1.4em; font-weight: normal; } 
h5 { font-size: 1.1em; }
.catcourses h5 { margin: 10px 0 0 0; }

h3 { color: #2b74b8; }


.filled h3, .rightcolumn .filled h3 { margin: 0 0 0 0; }
.filled p { margin: 0 0 0 0;}

.mainpage .border h3, webcontent .border h3  { margin: 0 0 0 0; }
.mainpage .border p, .webcontent .border p { margin: 0 0 0 0; }

.courseboxmini h4 { font-size: 1.2em; }
.courseboxmini p { font-size: .96em; }

.quickcourse h4 { margin: 0; }

.rightcolumn h3 { margin-bottom: 8px;}

p { margin: 0 0 10px 0; padding: 0;  }
.box { position: relative; }

em { }
.emph { color: #FF0000; }

img { border: 0; }

ul { padding: 0; margin: 0 0 0 12px; }
* html div { height: 1%; }

a { color: #7d0505; text-decoration: none; }
a:hover { color: #004C93; }

a.heads:link, a.heads:visited, a.heads:active {text-decoration:none; color:#626262;}
a.heads:hover {color:#ff9900; text-decoration:none;}

.filled  p a { color: #333; }
.filled p a:hover { color: #333; }


/* common */

.newsletter .inner { padding: 0; }
.intro .inner { padding: 20px 20px 10px 20px; }



/* layout */

#outer { 
width: 780px; 
text-align: left;
margin: 20px auto;
font-size: 1em;
background: #fff;
border: 0px solid #b93030;
}


/* header area */

#header { 
height: 102px;
position: relative;
padding-right: 160px;
padding-left: 0;
}

.logo { 
float: left; 
height: 90px; 
margin: 12px 0 0px 0px;
padding-left: 20px;
}

.logo img { height: 78px; }

.phonenumber { 
position: absolute;
right: 160px;
bottom: 8px;
color: #2b74b8; 
font-weight: bold;
text-align: right;
font-size: 16px;
padding: 60px 0 0 0;
}

.basket {
width: 120px; 
position: absolute;
top: 32px;
right: 10px; 
height: 46px;
margin: 10px 10px 0 0;
line-height: 1.3em;
padding: 0 0 0 0;
background: #d5e5f3;
}

.basket a { color: #333; }
.basket a:hover { color: #004C93; }

.view { padding: 3px 10px 3px 10px; border-bottom: 1px solid #fff; } 
.totals { background: #c0dbf4; padding: 2px 10px; }
.checkout { padding: 3px 10px 3px 10px; }

.view img { position: absolute; right: 10px; top: 5px; }
#nav { margin-right: 20px; }
/* content of page */

#content { padding: 0 20px 20px 20px ; clear: both; margin: 0; text-align: left; height: 1%; position: relative;  }

#content:after, .inner:after, .intro:after, #searchbar:after, .box:after {
content: "";
display: block;
clear: both;
}

.statictext img { float: left; margin: 0 20px 20px 0px ! important; }


.intro { margin: 0 0 0 0; padding: 0; z-index: 10;}

.intro h1{ color: #2b74b8; margin: 0; font-size: 2.8em; margin-bottom: .4em; line-height: 1em; } 
.mainpage .intro h1 { font-size: 2.8em; margin-bottom: 5px; }
.intro h2 { color: #5ba2e4; margin: -6px 0 10px 0; font-size: 2em; }
.intro p, .intro address { line-height: 1.4em; }


.intro .inner { position: rela tive; }
.introdiv { float: right; width: 250px; margin: 0 0 20px 20px; border: 1px solid #ccc; }
.introimg, #flashcontent { margin: 0px 0 20px 30px; float: right; }

.buttonbox { text-align: right; }

.leftcolumn {
float: left; 
width: 460px; 
}

*html .leftcolumn { width: 460px; }
*html .mainpage .leftcolumn { width: 460px; }
 
.rightcolumn { 
float: right; 
width: 260px;  
}

.leftcolumnlong { width: 540px; float: left; }
.rightcolumnshort { float: right; width: 160px; }

.leftcol { float: left; width: 215px; }
.rightcol { float: right; width: 215px; }

/* health and harmony */

.magazine img { width: 80px; margin-left: 10px;}

/* newsletter */

.newsletter { margin-bottom: 10px; }

.emailaddress input { width: 230px;
margin-bottom: 10px;}

.salutation {
margin-bottom: 10px;
}

.firstname, .lastname { 
width: 115px;
float: left;
margin-bottom: 10px;
}

.firstname input, .lastname input { width: 110px; } 

.lastname { float: right; }

.sendashtml { clear: both; }

select, input { border: 1px solid #828282; }

/* end newsletter */

/* static pages */
.statictext { padding-left: 0px; }
.statictext p { line-height: 1.4em ! important;  }

/* course details on course pages */

/*
.leftcol ul { margin: 0; padding: 0 13px; }
.leftcol li { margin: 0; padding: 0; }
*/

.coursedetails .border { padding: 10px; }

.subjects ul { 
list-style: none;
margin-left: 0 ! important; 
padding-left: 0 ! important;
}


.coursedetails li { 
margin: 0; 
padding: 0; 
float: left;
width: 46%;
padding-right: 2%; 
}

.subjects li {  padding-left: 12px ! important;
margin-left: 0 ! important; 
background: url(../aap-pix/common/bullet.gif) no-repeat 2px 5px;  
line-height: 1.4em;
width: 45%;  
}


.casestudies li { 
margin-left: 0px; 
padding: 0 0 5px 0; 
float: left;
width: 90%; 
}


.casestudies h5 { margin: 10px 0;}

.students { padding-right: 10px; }

ul:after {
content: "";
display: block;
clear: both;
}

table.paymentpage { width: 380px ! important; }



.caveat { font-size: .9em; } 
.terms { font-size: 1em; }
.caveatmark { color: #cc0000;}
.caveatcross { color: blue; }

.statictext li { line-height: 1.4em; }

.others ul, .catcourses ul { list-style: none; padding: 0; margin: 0 0 0 0;  }

.subjects ul { padding-bottom: 10px ! important;  }

.border li { line-height: 1.4em; }

.catcourses ul, .subjects ul, .others ul { margin-bottom: 20px; border-bottom: 1px solid #fff; } 
.catcourses strong, .subjects strong { clear: both; display: block; line-height: 1.4em;  } 

.coursedetails .certificate { margin-top: 10px; display: block; }

/* enrol now */
.enrolnow h4 span { position: absolute; right: 85px; font-size: .8em; margin-top: .3em; }
.enrolnow h4 { font-size: 1.3em }
.enrolnow p, .enrolnow h4 { margin: 0; }
.enrolnow img { position: absolute; top: 13px; right: 10px; }

.instalments { padding-right: 50px; }




#enrolment { 
position: absolute;
top: 0;
left: 0;
width: 100%;
*height: 100%; /* for IE */
min-height: 100%; /* for other browsers */
background: #fff;
opacity: .9;
filter: alpha(opacity=90);
text-align: center;
padding-bottom: 50px; 
z-index: 99;
}

#enrolment:after { content: ""; display: block; clear: both; }

#enrolment .box { 
width: 500px;
margin: 150px auto;
text-align: left;
background: #fff;
}

.installpayment { white-space: nowrap; }

.longbutton {
color: #fff;
text-transform: uppercase;
font-family: "Trebuchet MS", arial, sans-serif;
font-size: 1em;
margin: 10px 0 0 0;
width: 120px;;
}

.longbutton a, .longbutton a:link, .longbutton a:visited { color: #eee ! important; display: block; width: 98%; padding: 2px 1px; }
.longbutton a:hover { color: #fff ! important; }

 
.longbutton.lft {
background: #716F6D url(../aap-pix/boxes/return.gif) no-repeat 0% 50%; 
padding: 1px 7px 0 10px;
float: left;
/* opacity: .5;
filter: alpha(opacity=50); */
width: auto;
*width: 150px; /* this crappy hack is for IE6 and IE7 */ 
white-space: nowrap; 
/* height: 22px; */
}


.longbutton.rgt {
text-align: right;
background: #716F6D url(../aap-pix/boxes/checkout.gif) no-repeat right 50%; 
padding: 1px 10px 0 7px;
float: right;
white-space: nowrap;
width: auto; 
*width: 150px; /* this crappy hack is for IE6 and IE7 */ 
}

.longbutton input { background: #716F6D; border: none; color: #fff;
text-transform: uppercase; 
font-family: Arial, sans-serif;
font-size: 1em; 
padding: 2px 0 1px;
}


#enrolment .leftcol { width: 240px; }
#enrolment .rightcol { width: 247px; }

.rightcolumn .box p { margin-bottom: 0; }

.subjects em, .subjects strong { display: block; margin-top: 10px; }

.contactlist td { padding: 0 10px 5px 0; vertical-align: top; }

/* a-z course list */

ul.alphabetical { list-style: none; margin: 0; padding: 0; }
ul.alphabetical li { display: block; float: left; padding: 0 1px 0 0; margin: 0;  }
ul.alphabetical li a { padding: 1px; display: block; width: 20px; text-align: center; float: left; clear: none; border: 1px solid #B3BBCD; }
ul.alphabetical li a:hover, ul.alphabetical li.active a { background: #B3BBCD; color: #000; }

ul.alphabeticallist {  list-style: none; }

/* request a prospectus page */

#Submit { float: right;}


/* confirmation page and basket page */

p.chooseuk { border-bottom: 2px solid #ccc; padding-bottom: 5px;}
.choosepayment { border-bottom: 2px solid #ccc; width: 100%;  }
.basketbox th { border-bottom: 2px solid #ccc;  }

.or { text-align: center; }
.total { text-align: right; display: block; border-bottom: 2px solid red; }

.paymentcol, .quantitycol { text-align: center; border-left: 1px solid #ccc; }
.paymentcol input { border: none; }
.quantitycol input { width: 20px; text-align: center; border: 1px solid #555;}
.totalcol { border-left: 1px solid #ccc; text-align: center; border-bottom: 1px solid #ccc; }
td.totalcol {  border-top: 1px solid #ccc; border-right: 1px solid #ccc; }

.installpayment, .fullpayment, .onlypayment, td.quantitycol { border: solid #ccc; border-width: 1px 0 1px 1px; padding: 2px; background: #f5f5f5; }
.fullpayment, .onlypayment, td.quantitycol { border-top: 1px solid #ccc; }

.installpayment, .onlypayment, td.quantitycol { border-bottom: 1px solid #ccc; }

.coursename { padding-top: 10px; border-top: 1px solid #ccc; }
.coursename a { border: 1px solid #ccc; border-width: 1px 2px 1px 1px; padding: 0px 2px; margin: 0 0 2px 20px; }

.updatebasket, .totalwords  { border-top: 1px solid #ccc; }
.coursename h5 { margin-bottom: 0;}

#updateBasket { margin-top: 10px; }
td.instructions { padding-right: 260px; }

.totalwords { font-weight: bold; text-align: right; padding-right: 5px; }


/* email a friend */

.youremailaddress, .friendemailaddress { margin-top: 20px; }
.elabel { width: 80px; text-align: right; float: left; padding-right: 10px; }
.eaddress input { width: 100px; }
.eaddress { width: 110px; text-align: left; float: left; padding-right: 10px; }
.eaddress2 input { width: 180px; }
.eaddress2 { width: 190px; text-align: left; float: left; padding-right: 10px; }

.esubmit { margin: 20px 20px 10px 0; text-align: right; clear: left; float: right; }

/* accessories shop */

.productpic { float: left; margin-right: 10px; }
.productbox { padding: 10px; }
.productbox h4 { margin: 0 0 10px 0; padding: 0; }
strong.price { position: absolute; right: 10px ; }
img.addtobasket { float: right; }
.productbox a { float: right;}

/* health mag */
.health .intro .linkpage { display: none; }
.health .intro li { line-height: 1.4em; }
.magazine p { font-weight: bold; margin-top: 8px; border:1px solid #fff;  }
.magazine .magazinepage { display: none; }

/* errors, messages */
p.error {color:#f00; padding:0; margin-bottom:.5em;}
p.success {color:#0c0; padding:0; margin-bottom:.5em;}
ul.errorlist {color:#f00; margin-bottom:1em;}

/* go button */
input.gobutton {padding:0; margin:0; margin-right:.7em; border:0;}

/* footer */
#footer { font-size: .8em;}

table.maginfo { border: 0; width: 100%; }
.maginfo td { border: 0; border-bottom: 1px solid #ccc; }
.maginfo th { border: 0; border-bottom: 2px solid #ccc; }

/* scrolling div */
.enrolnowlist {border:1px solid #999; height:250px; padding:7px; margin-bottom:1em; overflow:auto;}
.enrolnowbutton {margin-bottom:1em;}
.enrolnowlist input { margin-right: 10px; }

/* requestprospectus form */
table.requestprospectus td {padding-bottom:.25em;}
.asterisk {color:#f00;}

#fader {  margin-top: 4px;  }

/* addressverification form */
table.addressverification {padding-bottom:1em; border-top:1px solid #ccc;}
table.addressverification td {padding:.15em .25em .15em 0; border:0; border-bottom:1px solid #ccc;}


/* mad cow styles */
.statictext #Submit, input.madcow {font-size: 1.3em; text-transform: uppercase; font-weight: bold; background: #fff; color: #000; border-color: #000; }
.statictext #Submit {font-size: 1.1em; }

.madcow { position: relative; right: -8px; margin-bottom: 20px; }

.holdingpg .searchbox, .holdingpg .basket {display: none;}
.madcowblue {color:#2b74b8; font-weight:bold;}


.noteThis {color:#f00; font-size:125%;}
.tool01 {clear:both; margin-top:5em;}
.tool02 {height:10px;}
p.reduced {font-size:90%;}


/* First Visit page specific */
.holdingpg .phonenumber { 
position: absolute;
right: 20px;
}
.FVTopLeft {
	width:340px;
	float:left;
	border-right:1px solid #aaa;
	padding-right:20px;
}
.FVTopRight {
	width:360px;
	float:right;
}
.FVThirdSection {
	clear:both;
	padding:20px 0 0 0;
}
.emphPink {
	color:#f0f; 
	font-weight:bold;
}
h1.green {
	color:#3cc;
}
h2.FVmadness {
	font-size:115%;
	color:#f0f;
}
.pink {
	color:#f0f;
}
.tight {
	margin:0;
	padding:0;
}
ul.firstVisit li {
	margin-bottom:.6em;
	margin-left:.5em;
}
.right .inner .FVright {padding-bottom:4px;}