/* 
COLOUR PALETTE

#4A008F	 primary
#F3F3E4	light background
#85ADFF darker fill colour



LAYOUT SECTIONS ------------------------------------------------------------------------
*/

#logo {background-color: #F3F3E4;
BACKGROUND-IMAGE: url(https://www.skfbooks.com/skf/logo-blue.gif);
cursor:pointer;				   
}
#header {width:632px;
	font-size: 12pt;
	font-weight: bold;
	color: white;
	background-color: #4A008F;
	border-top: 2px solid #4A008F;
	border-right: 2px solid #4A008F;
	border-bottom: 0px solid #4A008F;
	border-left: 2px solid #4A008F;

}
#bodycontainer { background-color:#F3F3E4;
/* this is the sidebar colour

BACKGROUND-IMAGE: 
                   url(http://www.creditsolutions.ca/images/bcg.gif);*/
	
 width:632px;/* width:696px;if changed, affects layout. see other entries with this comment and check in multiple browsers*/
	margin: 0px;
	padding: 0px;
	border: 2px solid #4A008F;
}
#side {margin: 0px;
	padding: 0px;
	float:left;
	width: 138px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F3F3E4;
	}

#main { 	width: 490px; /*if changed, affects layout. see other entries with this comment and check in multiple browsers*/
	float:left;
	
	background-color: white;
	
	border-right:0px solid #4A008F;
	border-top: 0px solid #4A008F;
	border-bottom: 0px solid #4A008F;
	border-left: 2px solid #4A008F;
}
#content{margin:5px;

}
#back {background-color:#4A008F;
color:white;
clear:left;
text-align:center;
}
#back a:link{font-size:11px;
color:white;
text-decoration:none;
}
#back a:visited{font-size:11px;
color:white;
text-decoration:none;

}
#rates {font-size: 8pt;
color:#4A008F;
clear:left;
text-align:center;
}
#footer{
	background-color:#F3F3E4;
	clear: left;
	text-align:center;
	padding: 3px;
	border: 2px solid #4A008F;
	font-size: 10px;
 text-decoration: none;
}
#footer a:link{
 text-decoration: none;
}
#footer a:visited{
 text-decoration: none;
}
.nav {
	width: 132px;
	color: #4A008F;
	font-size: 11px;
	background:white;
	font-variant: small-caps;
	font-weight: normal;
	padding: 3px;
	border-bottom: 1px solid #4A008F;
	
	cursor: pointer;
}
.nav a:link{color: #4A008F; text-decoration: none;}
.nav a:visited{color: #4A008F; text-decoration: none;}
.nav a:hover{color: black; text-decoration: none;}

.navOver {color: white; font-size: 11px;background:#F3F3E4; font-variant: small-caps; cursor: pointer;
padding: 3px;font-weight: normal;	width: 132px;
	border-bottom: 1px solid #4A008F;
}
.navOver a:link{color: black; text-decoration: none;}
.navOver a:visited{color: black; text-decoration: none;}
.navOver a:hover{color: black; text-decoration: none;}


/* 
HTML TAGS ------------------------------------------------------------------------
*/

body{font-family: verdana,arial,helvetica,sans-serif; font-size: 9pt; color: black;}

a:link, a:visited {color: #003366; text-decoration: underline;}
a:hover{color: #4A008F; text-decoration: underline;}

h1 {font-size: 14pt; text-transform: uppercase;}
h2 {font-size: 12pt; font-variant: small-caps; color: #4A008F}
h3 {
	font-size: 13px;
	font-variant: small-caps;
	color: #FFFFFF;
	background-color: #4A008F;
	padding-left: 3px;
	padding-bottom: 1px;
	clear: both;


}
h4 {font-size: 10pt; text-transform: uppercase; color: #4A008F}
h5 {font-size: 9pt; text-transform: capitalize;}
h6 {font-size: 8pt; font-weight: lighter; text-transform: capitalize;}

hr {color: #4A008F; height: 1pt;}

th{font-size: 11pt; font-weight: bold; padding-bottom: 15px; color: #4A008F; font-variant: small-caps; text-align: left}

td {font-size: 9pt; }

input {  font-size: 9pt;}

textarea {font-size: 8pt; border: 1px #666666 solid; moz-border-radius:  10px 10px 10px 10px;border-radius:  10px 10px 10px 10px;}

ul {list-style-type: square; margin-left: 2em}
ol {margin-left: 2em; }
select {  font-size: 9pt; moz-border-radius:  10px 10px 10px }

/* 
DSC STYLES ------------------------------------------------------------------------
*/


.boldcolor {font-weight: bold; color: #4A008F}
.boldtext {font-weight: bold;}

.small{font-size: 8pt;}
.small a:link  {text-decoration: none;}
.small a:visited  {text-decoration: none;}
.small a:hover {text-decoration: underline;}


.smallwhite {font-size: 8pt; color: white}
.smallwhite a:link{color: white; text-decoration: none;}
.smallwhite a:visited{color: white; text-decoration: none;}
.smallwhite a:hover{color: white; text-decoration: underline;}

.tiny{font-size: 7.5pt;}
.tiny a:link  {text-decoration: none;}
.tiny a:visited  {text-decoration: none;}
.tiny a:hover {text-decoration: underline;}

.title {
	font-size: 12pt;
	font-weight: bold;
	color: #4A008F;
	text-transform: capitalize;
}

.white {color: white}
.white a:link  {color: white;}
.white a:visited  {color: white;}
.white a:hover {color: white; text-decoration: underline;}

.navbox {	margin-left: 3px;
	width:120px;
	font-size: 11px;
	font-weight: bold;
	color: #000033;
	background-color: #FCF9D9;
	padding-top: 1px;
	padding-bottom: 1px;
	border: solid;
	border-width: 1px;
	border-color: #D0CDAC;
	text-decoration: none;
	padding-left: 5px;
}
.navbox:hover { 	color: white;
	background-color: lightgrey;
}
.backcolour {background:#4A008F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: white}
.backcolour a:link{text-decoration: none; color: white}
.backcolour a:visited{text-decoration: none; color: white}
.backcolour a:hover{background:#C07373; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: white; cursor: pointer}

.backcolour2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4A008F;
	padding: 2px;
	font-weight: normal;
	border: 2px solid #993300;
	background-color: #85ADFF;
	margin: 2px;


}
.backcolour2 a:link{text-decoration: none; color: white}
.backcolour2 a:visited{text-decoration: none; color: white}
.backcolour2 a:hover{text-decoration: none; color: white}

.formback {
	background-color: #F3F3E4;
	padding-left: 3px;
	font-size: 8pt;

}
.formfield {  width:150px;} 
.callout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4A008F;
	padding: 4px;
	font-weight: normal;
	border: 2px solid #4A008F;
	background-color: #85ADFF;
	margin: 2px;

}
.input-display {
	border: 0px none;
}
.px180 {font-size: 11px;
width : 180px; 
} 
.px50 {
width : 50px; 
} 
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #cc3333;
	background-color: #F3F3E4;
	}
label.errHilite {
	color: #cc3333;
	}
.errors {color:#cc3333;}