/* CSS Document */


body , .email {
	margin:0px;
	margin-top:15px;
	padding:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
	line-height:1.4em;
	}

a {
	color:#FBB116;
	}
	
a:hover {
	color:#646DA5;
	}


hr {
	color:#eeeeee;
	margin:.75em 0px;
	padding:0px;
	height:1px;
	background-color: #eeeeee;
	border:0px;
	line-height:1px;
	clear:both;
	}


img {border:0px;}

p{
	margin:0px;
	padding:0px;
	padding:0.6em 0;
}

h1,h2,h3,h4 {
	margin: 0;
	padding:0 0;
	}
	
ol,ul {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0.6em;
	padding-bottom:0.6em;
	}
	
ol ol {
	margin-top:0.3em;
	}
	
li {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0.3em;
	}
	
h2:first-child {padding-top:0px;}
h3:first-child {padding-top:0px;}
h4:first-child {padding-top:0px;}
p:first-child {padding-top:0px;}
	
h2 {
	font-size:14px;
	margin-bottom:0.2em;
	margin-top:0.4em;
	}
	
h3 .checkout {
	border: 1px solid #969696;
	}
	
h3 {
	font-size:13px;
	}


.noMargin {
	padding-bottom:0px;
	}
	
.noMargin + * {
	padding-top:0px;
	}

div.clearer {
	clear:both;
	height:0px;
	
	line-height:0px;
	font-size:0px;
	}
	
div.container {
	width:770px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
	
div.container .padding {
	padding:15px;
	padding-top:0;
	}
	
div.container .padding2 {
	padding:15px;
	padding-top:0;
	padding-bottom:110px;
	}


div.mainContent {
	position:relative;
	border-bottom:10px solid #999;
	clear:both;
	}

div.bodyLeft {
	width:310px;
	position:absolute;
	}
	
div.bodyRight {
	padding-left:310px;
	}
	
div.bodyRight p {
	padding:0.4em 0;
	}

div.mainContent div.padding {
	xheight:280px;
	}
	
html>body div.mainContent div.padding {
	height:auto;
	xmin-height:280px;
	}

	
div.mainContent div.padding div.padding {
	height:auto;
	padding:15px 0px 0px 0px;
	}

div.icons {
	position:absolute;
	bottom:30px;
	}
	
div.iconsPurple {
	position:absolute;
	bottom:30px;
	}
	
div.paging {
	position:absolute;
	bottom:30px;
	right:20px;
	}
	

div.banner {
	float:right;
	width:552px;
	}

div.bodyRight .intro {
	
	font-size:1.3em;
	line-height:1.2em;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px dotted #CCCCCC;
	}
	
/*---------------------------------*/


div.nav {
	float:left;
	width:188px;
}

div.nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
	}
	
div.nav ul li {
	margin:0px;
	padding:0px;
	padding-right:5px;
	padding-bottom:5px;	
	position:relative;
}
	
div.nav ul li a {
	border:1px solid #ccc;
	display:block;
	color:#999;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:7px 0px;
	line-height:15px;
	width:181px;
	}
	

div.nav ul li a:hover , div.nav ul li:hover a{
	background-color:#646DA5;
	border-color:#646DA5;
	color:#fff;
	}


div.nav ul ul {
	position:absolute;
	left:188px;
	border-bottom:1px solid #646DA5;
	visibility:hidden;
	top:1px;
	border-left:1px solid #646DA5;
	border-right:1px solid #646DA5;
	}
	
div.nav ul li:hover ul {
	visibility:visible;
}
	
div.nav ul ul li {
	width:181px;
	padding:0px;
	margin:0px;
	}
	
div.nav ul li:hover ul li a {
	border-left:0px;
	border-right:0px;
	border-top:1px solid #DADAE4;
	border-bottom:1px;
	color:#646da5;
	background-image:url(../images/white_alpha85.png);
	}
	
	

div.nav ul li:hover ul li a:hover {	
	/* background-image:url(../images/ddd_alpha85.png); - removed because of safari nav flicker 
	color: #999999;
	text-decoration:underline;*/
	}
	
	
body div.nav ul li:hover ul li a {
	background-color:#D1D0E3;
	color:#646da5;
	}

div.nav ul li ul li a:hover , div.nav ul li ul li:hover a{
	color:#646da5;
}

#pageLeftButton {
	position:relative;
	visibility:hidden;
}

#pageRightButton {
	position:relative;
	visibility:hidden;
}
	
/*---------------themes------------------*/


.intro  {
	color:#766FB2;
	}

.themeOrange div.bodyRight .intro {
	color:#FCB216;
	}
	
/*---------------purchase ------------------*/	

h2.prodName {
	color: #FCB216;
}

.productBox {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 10px 0;
	clear: left;
}
	
.productBox img {
	width: 126px;
	float: left;
	margin-top: 11px;
}

.productBox .productDesc {
	width: 258px;
	float:left;
	padding-bottom: 8px;
}

.productBox .productDesc p {
	margin-left: 8px;
}

.productBox .productDesc h2 {
	margin-left: 8px;
}


.productBox .productDesc a img {
	float: none;
	width: 117px;
	height: 20px;
	margin-top: 15px;
	padding: 0;
	margin-bottom: -4px;
}

form {
	text-align:right;
	margin-left: 8px;
	margin-top: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}


form div {
	margin: 0;
	padding: 0;
}

form div label.prod {
	xposition: relative;
	xtop: -3px;
	padding-top: -4px;
}


form div label.prod input.qtyBox {
	height: 15px;
	padding: 1px 3px 2px 3px;
	text-align:center;
	border: 1px solid #969696;
	margin: 0 4px 0 4px;
}

h3.basketView {
	padding: 10px 0 0 0;
	margin: 0;
	clear:left;
	width: 260px;
	text-align:left;
}

h3.first {
	border-top:none;
	font-size: 1.1em;
	letter-spacing:normal;
	border-top: 1px dotted #CCCCCC;
}

form.sideForm {
margin: 0px;
padding: 0px;
text-align:left;
}

.basketBits {
	padding: 0px;
	background: red;
	margin: 3px 0 0 0px;
}

.basketBits li {
	color:#666666;
	list-style-type:none;
	list-style-position:outside;
	display: block;
	float: left;
	width: 90px;
	margin:0 1px 0 0;
	padding:0 0 10px 0;
	text-align:left;
}


.basketSide	{
	border-top: 1px dotted #CCCCCC;
	clear:left;
	width: 260px;
	text-align:right;
	color:#666666;
}


.basketSide strong {
	color:#000000;
}

.basketSide img	{
	position: relative;
	top: 3px;
	padding-left: 4px;
}

p.gotoButton {
	text-align:right;
}

p.gotoButton .but {
	padding-left: 15px;
	position: relative;
	top: 3px;
}


table.basketTable {
	color: #707070;
	text-align:left;
}

table.basketTable strong {
	color: #000000;
}

table.basketTable th {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
}

table.basketTable td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
}

table.basketTable td.amount {
	text-align:center;
}

table.basketTable th.amount {
	text-align:center;;
}



table.basketTable .product {
	width: 320px;
	padding-left: 0px;
}


table.basketTable .remove {
	text-align:right;
	padding-right: 0px;
}

table.basketTable .qtyBox {
	text-align:center;

}


dl {
	margin: 10px 0 10px 580px;
	width: 150px;
}

dt {
	width: 60px;
	padding: 2px;
	float: left;
	margin: 0;

	text-align:right;
}

dd {
	margin-left: 80px;
	padding: 2px;
	text-align:left;
}

h3.price {
	width: 110px;
	float: left; 
	padding-left: 7px;
}

.productBox dl {
	margin: 0 0 5px 0;
	width: 130px;
	float: left;
}

.productBox dt {
	width: 60px;
	padding: 2px;
	float: left;
	margin: 0;
	text-align:right;
}

.productBox dd {
	margin-left: 70px;
	padding: 2px;
	text-align:left;
	font-weight:bold;
}

p.long {
margin-bottom: 150px;
}

#form1 {
clear: left;
}

/* Form Element Styling */

form.capture {
margin-bottom: 100px;
}

fieldset {
	margin-top: 12px;
	margin-left: 12px;
	border: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding-bottom: 4px;
	width: 690px;
}

fieldset legend , div.fieldset h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #fcb216;
	padding-right: 5px;
}

fieldset legend.purple , div.fieldset h3 {
	color: #766FB2;
}

div.fieldset h3 {
	
	padding-bottom:5px;

}

fieldset div.box , div.fieldset div.box {
	border-top: 1px dotted #cccccc;
}


fieldset br {
	clear: both;
}


fieldset label {
	float: left;
	clear: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 150px;
}

fieldset input,fieldset textarea {
	margin-top: 8px;
	margin-right: 8px;
	float: right;
	clear: right;
	width: 420px;	
	border: 1px solid #cccccc;
}

fieldset select {
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 102px;
	float: left;
	clear: right;
	width: 160px;	
	border: 1px solid #cccccc;
}

fieldset label.option input {
	width: auto;
	float: none;
	margin: 0px;
}

fieldset label span {
	float: left;
}

fieldset label em {
	text-indent: -9999em;
	display: block;
	float: left;
	margin-left: 0.5em;
	width: 0.6em;
	background: transparent url('../images/asterisk.gif') 0 .2em no-repeat;
}

textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	height: 120px;
}

form.capture input.submit {
	margin-top: 4px;
	float: right;
	clear: both;
	padding-right: 0;
	width: auto;
	border: none;
	background-color: transparent;
	background-position: 100% 1px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	text-align:right;
}


form.capture input.submitover {
	text-decoration: underline;
}

label.error {
	color: red;
	background-color: inherit;
	font-weight:bold;
}

ul.formerrors {
	color: red;
	background-color: inherit;
	margin: 0 0 0 15px;
	text-align:left;
}

h2.subNavTitle {
	color: #999999;
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
	top: -33px;

}

ul.subNav {
	margin: 0 25px 0 5px;
	padding: 8px 0 0 0;
	position: relative;
	top: -35px;
	border-top: 1px dotted #cccccc;
}

ul.subNav li {
list-style-type: none;
}

#flashsidecontent {
	margin: 25px 0 0 0;
	padding: 0;
}

#flashsidecontent2 {
	margin: 25px 0 0 0;

}

#flashcontent {
z-index:  -100;

}


form.courses {
border: none;
padding: 0;
margin: 0;
text-align:left;
background: none;
}

form.courses input {
border: none;background: none;
}

form.courses #block0 p {
border: none;background: none;
}

.regStart {
border: none;background: none;
}

.clear {
text-align:right;
}

.clear img {
padding: 15px 0 6px 0;
}

.formButton	{
text-align:right;
padding-bottom: 100px;
}

.regPayment {
text-align:left;

}

p.paymentMethod {
text-align:left;
}

.radioTable {
text-align:left;
}

.radioTable td a {
	color:#333;
	}

.formElement {
text-align:left;
}

.formElement p {
text-align:left;
margin: 0;
padding: 0;
}

.formElement input {
width: 350px;
margin: 0 0 8px 0;
}

.formElement input.radio{
width: auto;
margin: 0 0 8px 0;
}

.formElement textarea {
width: 350px;
margin: 0 0 8px 0;
}

#block0Long {
padding-bottom: 180px;
}

.legal {
	width:730px;
	margin:0 auto;
	text-align:left;
	position:relative;
	color:#666666;
}

blockquote {
	font-size:1.2em;
	color:#766FB2;
}

.thumb {
clear: both;
margin: 15px 0 0 0;
}

.thumb img {
float: left;
width: 150px;
}

.thumb div {
float: left;
width: 250px;
}

.thumb div {
margin: 0 0 25px 0;
}



/*  Job Application Form   */

div.form-element {clear:both;}


form.job-application {
	text-align:left;
	margin-left:0px;
	}
	
form.job-application fieldset , form.job-application div.fieldset  {
	margin-left:0px;
	padding-left:0px;
	width:auto;
	margin-bottom:40px;
	}
	
form.job-application fieldset h3 {
	margin:0px;
	padding:20px 0 20px 270px;
	color:#766FB2;
	
	}
	
form.job-application fieldset input , form.job-application fieldset textarea , form.job-application fieldset label {
	margin-top:0px;
	font-size:12px;
	}

form.job-application fieldset input , form.job-application fieldset textarea {
	padding:2px;
	
	}
	
form.job-application fieldset input {
	
	font-size:13px;
	}
	
form.job-application fieldset label , form.job-application fieldset p.label {
	width:230px;
	font-size:11px;
	padding-top:2px;
	float:left;
	clear:left;
	margin-left:8px;
	}
	
fieldset div.input {

	float:right;
	width:420px;
	clear:right;

}
	
form.job-application div.form-element {
	padding:10px 0;
	border-bottom:1px solid #f2f2f2;
	}
	
	
form.job-application div.form-element-focus {
	background-color:#ECEBF4;
	
	padding:10px 0px;
	}
	
form.job-application div.box {
	padding-top:20px;
	}


form.job-application table.form-table {

	margin:20px 0;

}

form.job-application table.form-table th {
	padding:5px 0;
	text-align:center;
	color:#766FB2;
	}
	
form.job-application table.form-table td.blank {
	color:#fff;
	}
	
form.job-application table.form-table td textarea {
	width:97%;
	margin:0;
	float:none;
	overflow:auto;
	font-size:11px;
	}
	
	
	
fieldset input.radio , fieldset input.checkbox {
	border:0px;
	}
	
	
div.form-element input.radio {
	width:auto;
	float:left;
	margin-right:4px;
	
	}
	
div.form-element div.input label {
	width:70px;
	float:left;
	clear:none;
	}
	




form.job-application div.highlight-box {


	border:1px solid #eee;
	background-color:#f2f2f2;
	padding:20px;
	margin:20px 0;


}


form.job-application div.highlight-box h3 {
	padding:0 0 15px 0;
	}
	

form.job-application fieldset label.checkbox {
	width:auto;
	}

fieldset label.checkbox input {
	float:left;
	clear:left;
	width:auto;
	
	}
	
	
fieldset table.ethnic-origin {
	width:710px;
	margin:10px 0 20px;
	}


fieldset table.ethnic-origin input , fieldset table.ethnic-origin label {
	float:none;
	width:auto;
	clear:none;
	margin-left:0px;
	}
	
	
fieldset table.ethnic-origin input {
	margin-right:4px;
	padding-top:5px;
	}
	
	
fieldset table.ethnic-origin label span {
	float:none;
	}

fieldset table.ethnic-origin th {
	padding-bottom:15px;
	vertical-align:top;
	}

fieldset table.ethnic-origin td {
	padding-bottom:10px;
	padding-right:10px;
	vertical-align:top;
	}


fieldset table.ethnic-origin td.other {
	padding-top:10px;
	vertical-align:bottom;
	}

fieldset table.ethnic-origin td.other input {clear:left;width:100px;margin:0;}



form.job-application div.buttons {


	padding-bottom:20px;

}


form.job-application div.buttons button {

	color:#fff;
	background-color:#4a479a;
	padding:3px 20px;
	border:0;
	font-weight:bold;


}

form.job-application div.buttons button.right {
	float:right;
	}
	
form.job-application div.buttons button.left {
	float:left;
	}




	
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #fcb216;}
#TB_window a:visited {color: #fcb216;}
#TB_window a:hover {color: #fcb216; text-decoration: none;}
#TB_window a:active {color: #fcb216;}
#TB_window a:focus{color: #fcb216;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#a9a9a9;
	display:none;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#ffffff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.formTidy {
	padding: 0 0 0 15px;
}