@charset "UTF-8";
/* CSS Document */


/* 
------------------------------------------------------------------------
STUFF YOU NEED TO MODIFY IS ALL HERE - LOOK FOR THESE COMMENTS BELOW 
------------------------------------------------------------------------

Grab the HEX # colours out of photoshop in pick colour popup.  
Make sure you keep the # before the colour.
If you change the pages background colour make sure you make 
the body copy white or a colour that will stand out on the new colour.

------------------------------------------------------------------------
*/

h1 {
	font-size:22px;
	/* CHANGE HEADING COLOUR HERE*/
	color:#ed1c28;
	/* --------------------------*/
	margin-bottom:10px;
}
h2 {
	font-size:16px;
	/* CHANGE SUB HEADING COLOUR HERE*/
	color:#ed1c28;
	/* --------------------------*/
	margin-bottom:10px;
	width: 450px;
}
p {
	font-size:15px;
	/* CHANGE BODY COPY COLOUR HERE*/
	color:#000;
	/* --------------------------*/
	margin-bottom:10px;
	width: 450px;
}
body {
	background-image:url(../images/background_2600x1000.png);
	background-size: 2600px 1000px;
	background-position:top center;
	background-repeat:repeat-x;
	/* CHANGE THE PAGES BACKGROUND COLOUR HERE */
	background-color:#fff;
	/* --------------------------*/
	font-family:"Corpid, Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.footer {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0px;
	/* CHANGE FOOTER BACKGROUND COLOUR HERE */
	background-color: #A5A5A5;
	/* --------------------------*/
	height: 60px;
	font-size: 12px;
	/* CHANGE FOOTER FONT COLOUR HERE */
	color: #FFFFFF;
	/* --------------------------*/
	clear: both;
	margin-top: 250px;
}

.footer a{
	/* CHANGE FOOTER LINKS COLOUR HERE */
	color:#FFFFFF;
	/* --------------------------*/
	text-decoration:none;
}

.footer a:hover{
	/* CHANGE FOOTER LINKS HOVER COLOUR HERE */
	color:#FFFFFF;
	/* --------------------------*/
	text-decoration:underline;
	clear:both;
}


/* 
------------------------------------------------------------------------
------------------------------------------------------------------------
*/


@font-face {
	font-family: 'Corpid';
	src: url('fonts/CorpidC1-Light.otf'); 
	src: 
		local('Corpid Light'),
		local('Corpid'),
		url('fonts/CorpidC1-Light.otf') 
		format('opentype');
	font-weight: normal;
  	font-style: normal;
}

@font-face {
	font-family: 'Corpid';
	src: url('fonts/CorpidC1-Bold.otf'); 
	src: 
		local('Corpid Bold'),
		local('Corpid'),
		url('fonts/fonts/CorpidC1-Bold.otf') 
		format('opentype');
	font-weight: bold;
  	font-style: strong;
}


table
{
    font-size:10pt;
}

.tableHeader
{
    font-size:15px;
    font-weight:bold;
}

.ActivationField
{
    
}

.baselinks {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:20px;
}


.activationResults
{
    display:none;
    position:absolute;
    width:450px;
}

.activationInstructionsContainer
{
    position:absolute;
}


.button_lrg {
	height:30px;
	width:200px;
	padding-bottom:30px;
	padding-top:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-image:url(../images/but_backing.png);
	background-repeat:repeat-x;
	border:none;
}

.button_lrg:disabled
{
    background-image:none;
    background-color:#d4d4d4;
}

.button_lrg:disabled:hover
{
    background-image:none;
    background-color:#d4d4d4;
}

.button_lrg:hover {
	background-image:url(../images/but_backing_hover.png);
	cursor:pointer;
}
.grey {
	background-image:url(../images/but_grey.png);
}
.grey:hover {
	background-image:url(../images/but_grey_hover.png);
}

.card {
	width:361px;
	height:228px;
	background-image:url(../images/card_361x228.png);
	background-size:contain;
	
	animation-property: width;
	animation-property: height;
	transition-duration: 1s;
	
	/* webkit */
	-webkit-animation-property: width;
	-webkit-animation-property: height;
	-webkit-transition-duration: 1s;
	
	/* moz */
	-moz-animation-property: width;
	-moz-animation-property: height;
	-moz-transition-duration: 1s;
	
	/* opera */
	-o-animation-property: width;
	-o-animation-property: height;
	-o-transition-duration: 1s;
}
.maincontainer {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	padding-left:10px;
	padding-right:10px;
}
.content_left {
	width:450px;
	float:right;
	margin-right:80px;
	margin-bottom:50px;
}
.content_right {
	width:365px;
	float:right;
}
.formlabel {
	font-weight:bold;	
	margin-bottom:10px;
	margin-top:20px;
}
.input_text {
	width: 290px;
	padding: 10px;
	font-size: 14px;
	color: #565656;
	margin-top: 10px;
	margin-bottom:0px;
	border: 1px solid #ABABAB;
	border-radius: 1px;
}
.form_descriptor {
	font-size:11px;
	margin-top:0px;
	width:280px;
}
.form_descriptor a {
	color:#000;
}
.form_descriptor a:hover {
	color:#7D7D7D;
}

.baselogo {
	width:350px;
	height:59px;
	background-image:url(../images/logo_base.jpg);
	background-size:contain;
	clear:both;
	margin-top:200px;
	margin-bottom:90px;
	background-repeat:no-repeat;
}

.home_card {
	margin-left:auto;
	margin-right:auto;
	float:none;
	clear:both;
	margin-bottom:30px;
}
.div_but {
	margin-right:20px;
	float:left;
	padding-top:20px;
}
.homepanel {
	width:440px;
	margin-left:auto;
	margin-right:auto;
}
li {
	font-size:13px;
	/* CHANGE BODY COPY COLOUR HERE*/
	color:#000;
	/* --------------------------*/
	margin-bottom:10px;
}


@media (max-width: 920px) {
	
.content_left {
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	width:361px;
}
.content_right {
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	margin-bottom:40px;
}	
body {
	background-image:url(../images/background_900x1000.png);
	background-repeat:repeat-x;
	background-size:900px 1000px;
}
	
.maincontainer {
	margin-top:230px;
}
.baselinks {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:20px;
}

.baselogo {
	clear:both;
}
}

@media (max-width: 500px) {
	
#ActivationInstruction {
	width:80%;
}

.content_left {
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	width:290px;
}
.content_right {
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	margin-bottom:40px;
	max-width:290px;
}	

h2, p {
	width:300px;
}
	
.card {
	width:290px;
	height:183px;
	
	animation-property: width;
	animation-property: height;
	transition-duration: 1s;
	
	/* webkit */
	-webkit-animation-property: width;
	-webkit-animation-property: height;
	-webkit-transition-duration: 1s;
	
	/* moz */
	-moz-animation-property: width;
	-moz-animation-property: height;
	-moz-transition-duration: 1s;
	
	/* opera */
	-o-animation-property: width;
	-o-animation-property: height;
	-o-transition-duration: 1s;
}

.input_text {
	width: 260px;
}
.button_lrg {
	height:50px;
	width:80%;
	padding-bottom:30px;
	padding-top:15px;
}

body {
	background-image:url(../images/background_900x1000.png);
	background-repeat:repeat-x;
	background-size:550px;
}

.maincontainer {
	margin-top:160px;
}
.baselogo {
	margin-top:290px;
	margin-bottom:100px;
	clear:both;
}
.checkbox {
	width:40px;
	height:40px;
	clear:both;
	top:15px;
	position:relative;
}
.checkbox:checked {
	background-image:url(../images/checkbox_checked.png);
}
.CHK {
	margin-bottom:20px;	
}
.baselinks {
	max-width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	line-height:160%;
	font-size:14px;
}
.footer {
	width:100%;
	height:90px;
	font-size:12px;
	color:#FFFFFF;
	clear:both;
	margin-top:250px;
	
	animation-property: width;
	animation-property: height;
	transition-duration: 1s;
	
	/* webkit */
	-webkit-animation-property: width;
	-webkit-animation-property: height;
	-webkit-transition-duration: 1s;
	
	/* moz */
	-moz-animation-property: width;
	-moz-animation-property: height;
	-moz-transition-duration: 1s;
	
	/* opera */
	-o-animation-property: width;
	-o-animation-property: height;
	-o-transition-duration: 1s;
}
.div_but {
	margin-right:20px;
	float:left;
	padding-top:20px;
}
.homepanel {
	width:290px;
	margin-left:auto;
	margin-right:auto;
}
li {
	margin-right:40px;
}



}