/* HOME IMAGES WITH ZOOM */
/* HOME IMAGES WITH ZOOM */
.button {
	border: 1px solid #000080;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;color: #000080;
	margin: 0;
	padding:3px ;
	cursor:pointer;
	height: 24px;
	background-color: #C5E2FF;
	background-image: url(/images/button.gif);
	display:inline-block;-moz-box-sizing: border-box; box-sizing: border-box; /*allows the height & width to be set without buggering everything else up*/
	text-align: center;
}
.button::-moz-focus-inner { border:0; padding:0;}  /*fix the firefox <input> from being bigger than everything else. Used in conjunction with setting the button height above*/
.button:hover {background-image: url(/images/buttonhov.gif);}

.buttonleft { border-right: none;}
.buttonmid {border-right: none;}
.buttonright {border-left: none;}

.menuborder {
	border: 1px solid #99CCFF;
}


.introbox-text	  { color: #B8C2CA; font-size: 14px; padding: 10px 0px 10px 0px; text-align: left; }
.introtitle 	{
		color: #FFFFFF;
		font: 16px "Open Sans", arial, sans-serif;
		font-weight: 600;
		line-height: normal;
		text-align: left;
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 5px 0px;
		border: solid #AA7055;
		border-width: 0px 0px 1px 0px;
		}

.smalltext	{ color: #BBC2C7; font: 13px "Open Sans", arial, sans-serif; font-weight: 400; padding-bottom: 5px; line-height: normal; }	

.page-splits 	{
		line-height: 1px;
		font-size: 1px;
		height: 2px;
		background-color: transparent;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px;
		border-top: #485868 1px solid;
		}
		
		.boxes2		{
		
		text-align: left;
		color:white;
		background-color: transparent;
		border: solid #485868;
		border-width: 1px 0px 1px 0px;
		padding: 6px 2px 6px 2px;
		}
		
.imagesbox2	{
		width: 205px;
		height: 144px;
		overflow: hidden;
		cursor: pointer;
		margin: 0 auto;
		border: 0px solid #999999;
	/* CORNER ROUNDING */
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		}
.introimages2 img	{
			width: 205px;
			height: 144px;
		/* IMAGE ZOOM */
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			}
.introimages2 img:hover	{ width: 235px; height: 164px; }

		

.imagesbox	{
		width: 238px;
		height: 100px;
		overflow: hidden;
		cursor: pointer;
		margin: 0 auto;
		border: 0px solid #999999;
	/* CORNER ROUNDING */
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		}

		

.introimages img	{
			width: 238px;
			height: 100px;
		/* IMAGE ZOOM */
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			}

.introimages img:hover	{ width: 280px; height: 119px; }

a:link {
    color: #FFDF00; text-decoration:none;
}

/* visited link */
a:visited {
    color: #FFD000;
    text-decoration:none
}


a:hover {
    color: lime;
}


a:active {
     color: blue;
}

 
 
 .center, .centre {
	text-align: center;
}


.faq-box	{
		display: none;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 20px;
		border: #999999 0px solid;
		}        	


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

body {
    background-color:#15125f;
    color: #ffffff;
     font-size: 1.6em;     
    
    
}
.main {padding:20px 0;}
#header {color:#FFFFFF; font-weight:bold; font-size:1.8em;}
    #header img {vertical-align: middle;}
@media screen and (max-width : 960px) {
    #header { font-size:1.9em;}
    #header .recog{display:none;}
}
.off {color:#67A0F5;}
#header .recog {color:#A9D1FA; font-weight:bold;font-size:0.5em; margin-top:22px;}

#main {
    padding: 20px;
}
.darkbg {background-color:#333;}

textarea {resize:vertical;}
input[type=submit]:hover {background-position: 0 -55px;}
select, input[type=text], textarea, input[type=email], input[type=tel] {color:#000080; width:100%; margin-bottom:10px; padding:2px 5px;}
#btnPay
{
    background-image: url('../images/creditcards.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 81px;
    width: 160px;
    display: inline-block;   
}
#btnPay:hover {background-position: 0 -81px;}
#btnPP 
{
    background-image: url('../images/paypal.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 81px;
    width: 160px;
    display: inline-block; }
#btnPP:hover {background-position: 0 -81px;}
.red {color: #FF0000;}

.co {border-collapse:collapse; margin-bottom:10px; width:100%;}
.co td, th {border:solid 1px #1C478E; padding:3px;}
.co tbody tr:hover{background-color:#A9D1FA;}
.coursebox {border:3px solid #1C478E; padding:10px; margin:10px 0; overflow:auto; }
.coursebox .left{float:left; width:80%}
.coursebox .left h3 {margin-top:0;}
.coursebox .right{float:left; width:20%; text-align:right;}
.product {color: #000080; border:3px solid #000080; padding:5px 10px; margin-bottom:10px;}
.product h3 {margin-top:0;}
.right {text-align:right}
.errorbox {color:#ffffff; background-color:#ff0000; padding:10px; font-weight:bold; margin:10px 0; border-radius:8px;}
.error {color:#ff0000; font-size:22px; line-height:22px; vertical-align:top; font-weight:bold;}
#login {margin: 0 auto; border: solid 3px #1C478E; border-collapse:collapse; text-align:left; background-color:#fff}
#login td {padding: 5px;}
#modal {padding:15px; background-color:#ffffff;}
#modal p {font-weight:bold; font-size:16px; text-decoration:underline; margin-top:0;}
.modalbg {background-color:#000000; filter: alpha(opacity=70); opacity:0.7;}
.listing {border-collapse:collapse}
.listing td, th {border:solid 1px #1C478E; padding:3px;}
.listing tbody tr:hover{background-color:#A9D1FA;}
.listing td.red {background-color:#ff0000; text-align:center;}
.listing td.green {background-color:#00cc00; text-align:center;}
fieldset {border: 1px solid #1C478E;}
legend {padding:2px 5px; border: 1px solid #1C478E;}
#msg {background-color:#00cc00; color: #ffffff; font-weight:bold; padding:5px; margin-bottom:5px}
.watermark {color:#aaaaaa;}
.pager a {border:solid 1px #1C478E; padding:3px 9px; margin:0 10px 0 0;}
.pager a:hover {background-color:#A9D1FA;}
.pager span {border:solid 1px #A9D1FA; padding:3px 9px; margin:0 10px 0 0; background-color:#A9D1FA;}
.pager .aspNetDisabled {color:#aaaaaa; border-color:#aaaaaa;}
.pager .aspNetDisabled:hover {background-color:#ffffff;}
.historykey {width:150px; position:absolute; right:13px; top:150px; padding:0;}
.historykey p {padding:3px;margin:0}
.passed {background-color:#00ff00;}
.passedelsewhere {background-color:#0066FF;}
.inprogress {background-color:#ff0000;}
.noinfo {background-color:#cccccc;}
.margin_6 {
		margin-left: 6px;
		margin-right: 6px;
	}
	.vertalign {
		vertical-align: top;
	}
		
.infotable { border-collapse:collapse;}
.infotable td {padding: 3px 5px;}
.infotable .alt {background-color:#eeeeee;}

/*Checkout Specific Stuff*/
.freeShippingOpt {margin: 0 20px;}
#PayPal, #WorldPay {
    background-image: url('../images/checkout.png');
    background-repeat: no-repeat;
    border:2px solid #ffdd00;
    border-radius:8px;
    box-shadow: 10px 10px 5px #888888;
    height: 80px;
    width: 250px;
    display: inline-block;
}
#WorldPay {background-position: 0 0;}
#PayPal {background-position: 0 -80px;}
#PayPal:hover, #WorldPay:hover {
    border:2px solid lime;
    box-shadow: 5px 5px 5px #888888;
}
.tab-container .error {position:absolute;} /*make them stick on the end and not breal line*/
.back-arrow, .forward-arrow {font-size:20px; font-weight:bold;}
.cart-label {text-align:center;}
@media (min-width: 960px) {
    .cart-label {text-align:right;}
}
.tab-container {
    position: relative;
	background-color: #67A0F5;
	border: 4px solid #67A0F5;
	border-radius: 8px;
}
.tab-container .tabs {
    margin:0;
    padding:0;
}
.tab-container .tabs li {
    list-style:none;
    display:inline-block;
}
.tab-container .tabs li a {
    display: inline-block;
	padding: 10px 12px;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.tab-container .tabs .active {
    color: #000080;
    background-color: white;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.tab-container .panel {
    color:#000080;
    padding:15px;
    background-color: #ffffff;
    border-bottom: 4px solid white;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}