body{
	 
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	/* background-image:url('../images/blsymbol.gif'); 
	 background-position: bottom right;
	 background-repeat: no-repeat;  */
	}
	
#header{
 position:left; 
 height:20%; 
 background-color:#FFFFFF; 
 width:100%;
 text-align:left;
} 	
	
#bodybackgroundcreative {
	background:#FCE6C9;
}

#bodybackgroundpr {
	background:#CCFFCC;
}

#bodybackgroundevents {
	background:#FFFACD;
}

#bodybackgroundtraining {
	background:#E0FFFF;
}


div#info {
/*	
	
	float:left;
   	padding-top: 5px;
	padding-left: 7px; 
	width:75%; 
	font-size:12px; 
	color:black;
*/
width:978px;
	margin-left: auto; 
	margin-right: auto;  
	font-size:12px; 
	color:black;
	} 
#info ul {
	list-style-type: square;
	
	}

div#leaddisplay {
	margin-left:30%;	
	margin-right:30%;
	
}
	
		
div#leadcounter  {
	margin-left: 3%;
	padding-right: 2%;
	
}

div#left {
	float:left; 
	margin-left: 1%;
	width:45%; 
	}
	
div#right {
	float:right; 
	margin-left: 3%;
	height: 400px ; 
	padding-right: 2%;
	width:45%; 
    }	
/* used by shopping cart contents to stop leads not showing dierctly below */
 div#right2 {
	float:right; 
	margin-left: 3%;
	
	padding-right: 2%;
	width:45%; 
    }	

div#cleared {
	clear: left;
	clear: right;
}




div#lefthome {
	float:left; 
	margin-left: 1%;
	width:65%; 
	color:#404040;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	}
	
div#righthome {
	float:right; 
	margin-left: 3%;
	height: 400px ; 
	padding-right: 2%;
	width:25%; 
    }	


div#threequarterleft {
	float:left; 
	padding-top: 5px; 
	padding-left: 5px; 
	width:65%;  
	font-size:12px; 
	color:black;
}
div#onequarterright {
	float:right; 
	padding-top: 5px; 
	padding-left: 5px; 
	width:25%;  
	font-size:12px; 
	color:black;
}









/* style for links */
a:link {
	/* color: #6095C1;  */
	color: #6C7B8B;
	text-decoration:underline;
	}
	
a:visited {
	/* color: #6095C1;  */
	color: #6C7B8B;
	text-decoration:underline;
	}
	
a:hover, a:active {
	color: blue;  
	text-decoration:underline;
}


div#form_dialog {
	float:left;
   	padding: 2%;
	padding-left: 90px;  
	width:61%; /* make text same lenght sa input boxes below */
	font-size:14px; 
	color:black;
} 
input.txt {
	width: 447px; /* 478 */
	background-color:white;
	}	
/*
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*/	
form p {
	clear:left;
	margin:0;
	padding:0;
	padding-top:5px;
	font-size: 14px;
	}
form p label {
	float: left;
	padding:0;
	width:25%;
}

form div{
	margin-left:25%;
	padding:0;
	padding-top:10px;
}	
form div input {
	margin-right:45px;
	borderpadding:0;
	vertical-align:top;
}

input.creativebutton{
	background:#FCE6C9;	
	font-family:'trebuchet ms',helvetica,sans-serif;
   	font-size:small;
   	font-weight:bold;}
   
input.prbutton{
   background:#CCFFCC;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}
   
   input.eventsbutton{
   background:#FFFACD;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}
   
   input.trainingbutton{
   background:#E0FFFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}
   
   input.verifybutton{
   background:#CCFFCC;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}
   
   input.failbutton{
   background:#F6C9CC;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}
   
   input.gobutton{
   height: 20px;		   
   font-family:'trebuchet ms',helvetica,sans-serif;
   text-align: center;
   font-size:12px;
   }
   
   
   
   
   
  table.creative{ 
	width:100%;  
    background:#FCE6C9;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse; 
   }  
table.creative td { border: 1px solid #666666;	}
table.creative th { border: 1px solid #666666;}

  table.pr{ 
	width:100%; 
    background:#CCFFCC;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.pr td { border: 1px solid #666666;	}
table.pr th { border: 1px solid #666666;}
table.events{ 
	width:100%; 
    background:#FFFACD;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.events td { border: 1px solid #666666;	}
table.events th { border: 1px solid #666666;}
table.training{ 
	width:100%; 
    background:#E0FFFF;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.training td { border: 1px solid #666666;	}
table.training th { border: 1px solid #666666;}

table.creativesmall{ 
	background:#FCE6C9;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse; 
   }  
table.creativesmall td { border: 1px solid #666666;	}
table.creativesmall th { border: 1px solid #666666;}

  table.prsmall{ 
	background:#CCFFCC;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.prsmall td { border: 1px solid #666666;	}
table.prsmall th { border: 1px solid #666666;}
table.eventssmall{ 
	background:#FFFACD;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.eventssmall td { border: 1px solid #666666;	}
table.eventssmall th { border: 1px solid #666666;}
table.trainingsmall{ 
	 background:#E0FFFF;
    border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}
table.trainingsmall td { border: 1px solid #666666;	}
table.trainingsmall th { border: 1px solid #666666;}

table.cartcontents{
	width:100%; 
	border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    
}

table.cartcontents td { border: 0px solid #666666;  vertical-align: baseline; padding-left:5px; padding-right:5px; 	}
table.cartcontents th { border: 0px solid #666666; padding:0px; }


table.list{
	width:100%; 
	border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}

table.list td { border: 1px solid #666666; line-height:100%;   vertical-align: baseline;  	}
table.list th { border: 1px solid #666666; padding:0px;}

table.listsmall{
	border-style: solid;    
    border-width: 1px;   
    border-color: #666666;
    border-collapse: collapse;  
}

table.listsmall td { border: 1px solid #666666; line-height:100%;   vertical-align: baseline;  	}
table.listsmall th { border: 1px solid #666666; padding:0px;}





/* colours for manager info links next to logo */

#creativelink {background:#FCE6C9; } 
#prlink {background:#CCFFCC; } 
#eventslink {background:#FFFACD; } 
#traininglink {background:#E0FFFF; } 
  

 
     a.manageractionlink {
	color: darkblue;
	text-decoration:underline;
	}
	
	
p#offernotes {
		font-size: 12px;
		color: #6C7B8B;
		/* color: #4682B4; */
	}

	/* Following divs sets up the purchased product page 	*/
div#creativeproduct {
	margin-left: 3%;
	padding-right: 3%;
	width: 105%;
	background:#FCE6C9;
	padding-top: 5px; 
	padding-left: 20px; 
	font-size:12px; 
}

div#prproduct {
	margin-left: 3%;
	padding-right: 3%;
	width: 105%;
	background:#CCFFCC;
	padding-top: 5px; 
	padding-left: 20px; 
	font-size:12px; 
}

div#eventsproduct {
	margin-left: 3%;
	padding-right: 3%;
	width: 105%;
	background:#FFFACD;
	padding-top: 5px; 
	padding-left: 20px; 
	font-size:12px; 
}

div#trainingproduct {
	margin-left: 3%;
	padding-right: 3%;
	width: 105%;
	background:#E0FFFF;
	padding-top: 5px; 
	padding-left: 20px; 
	font-size:12px; 
}	


table.home{ 
	padding-top:25px;
	padding-bottom:25px;
	padding-right:50px;
	padding-left:50px; 
	height:100px;
	width:77%;
    border-style: solid;    
    border-width: 2px;   
    border-color: #6C7B8B;
    border-collapse: collapse; 
   }  
table.home td { border: 0px solid #666666; 

}

input.directbutton{
  color:white; 	
  font-size:18px;   
  
  background-color:#6C7B8B;   
  border: 1px outset #6C7B8B ; 
  height: 48px;
  width: 410px;
  
  border: 1px solid;    
   
  
  }
  
  
div#bluefooter {
 	float:left;
	font-size:10px; 
	width:978px; 
	 margin-left: -4px;  /* needs to offset to match vertical borders in div info */
	margin-right: auto;
	text-align:center
	}	
/*
#bluefooter a:link {
	color: white;
	text-decoration:underline;
	}
	
#bluefooter a:visited {
	color: white;
	text-decoration:underline;
	}
	
#bluefooter a:hover, a:active {
	color: white;  
	text-decoration:underline;
}
*/

div#bluefooter2 {
 	float:left;
 	position : relative;
 	top: -10px;  
	font-size:10px; 
	width:978px; 
	/* no offset required as at top of page so no margins yet */
	margin-right: auto; 
	
	}	
	
	
	
	
	
/*
#bluefooter2 a:link {
	color: white;
	text-decoration:underline;
	}
	
#bluefooter2 a:visited {
	color: white;
	text-decoration:underline;
	}
	
#bluefooter2 a:hover, a:active {
	color: white;  
	text-decoration:underline;
}
*/