/* This is the Default css required for the site */
body {
	background-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #192A56;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #192A56;
    scrollbar-highlight-color: #192A56;
    scrollbar-shadow-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #192A56;
	border: 3px solid #FFFFFF;
	margin: 0px;

}

.headertitlebar {
	font-size:9px;
	font-weight:bold;
}

.breadcrumb{
	color: #192A56;	
	font-size: 10px;
	font-weight: bold;
	font-variant:small-caps;
}

.error{
	font-weight: bold;
	color: #CC0000;
}

.breadcrumb:link {font-size: 10px; color: #192A56; text-decoration: none; font-weight: bold;}
.breadcrumb:active {font-size: 10px; color: #192A56; text-decoration: none; font-weight: bold;}
.breadcrumb:visited {font-size: 10px; color: #192A56; text-decoration: none; font-weight: bold;}
.breadcrumb:hover {font-size: 10px; color: #FBC710; text-decoration: none; font-weight: bold; cursor: hand;}

a {color: #192A56;}
a:link {color: #192A56;text-decoration: none;}
a:visited {color: #192A56; text-decoration: none;}
a:hover {color: #FBC710; text-decoration: none; cursor: hand;}
a:focus {color: #FBC710; text-decoration: none;}

/*Text and background as used by Back Office settings */
b.texttitlebar { color: #192A56; font-size:16px; }

.texttitlebar2 {font-size:11px; font-weight:bold; color: #192A56 }
b.texttitlebar2 {font-size:11px; font-weight: bold; color: #192A56 }
b.texttitlebar2:link {color:#192A56; text-decoration: none;}
b.texttitlebar2:active {color:#192A56; text-decoration: none;}
b.texttitlebar2:visited {color:#192A56; text-decoration: none;}
b.texttitlebar2:hover {color:#FBC710; cursor: hand; text-decoration: none;}

.texttitlebar3 {font-size: 11px; font-weight: bold; color:#192A56;}
.texttitlebar3:link {color:#192A56; text-decoration: none;}
.texttitlebar3:active {color:#192A56; text-decoration: none;}
.texttitlebar3:visited {color:#192A56; text-decoration: none;}
.texttitlebar3:hover {color:#FBC710; cursor: hand; text-decoration: underline;}

.text {
	font-size: 11px;
	color: #192A56;
	text-decoration: none;
}
.text1 {
	font-size: 11px;
	color: #192A56;
	text-decoration: none;
}
.text2 {
	font-size: 12px;
	color: #192A56;
	text-decoration: none;
}

b.text1 {color: #192A56;font-size: 11px; font-weight: bold;}

b.text2 {color: #192A56; font-size: 12px; font-weight: bold;}

b.text3 {color: #192A56; font-size: 11px; font-weight: bold;}

b.text4 {color: white; }

/*Font colours/styles as used by Back Office settings */
h1 { color: #CCCCCC; font-size:16px;}
h2 { color: #FBC710} 
h3 { color: #FBC710} 
h2.blue { color: #8ea2ec} /*light blue*/
h3.blue { color: #2b72ff } /*mid blue*/
h3.yellow { color: yellow }

b.black { color: black}
b.dblue { color: #0000ff}
b.pink {color:#990066}
b.yellow { color: yellow }
b.blue {color:#2b72ff}
b.white {color:#f7f7f7}
b.green {color:#52b738}
b.gray {color:#FFFFFF}
red {color:#FF0000;}

p.gray {color:#aaaaaa}
p.black {color:#000000}
p.pink {color:#990066}

blockquote { color: #192A56; font-style:normal; font-family:Arial, Helvetica, sans-serif; }
pre { font-family: monospace }
div.color {background: #FFCCFF; padding: 0.5em; border: none}
caption { text-decoration: underline; margin-top: 1em }

select{font-size: 11px; font-weight: 400; color:#192A56; width:120;}
.boxwidth { width: 150px;} /* This allows you to set the width of select boxes */
 
input {	
	border: 1px solid #192A56;
	margin-bottom:3px;
	background-image:url(https://www.changegroup.co.uk/images/formbg.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:11px;
	padding:2px;
}

input.sbtn{
        background: url(https://www.changegroup.co.uk/images/buttsm.png);
		background-color:#FFFFFF;
        color:#FFFFFF;
		font-size:10px;
        width:55px;
        height:21px;
		border:0px;
} 

input.sbtnhov{
        background: url(https://www.changegroup.co.uk/images/buttsm.png);
		background-color:#FFFFFF;
        color:#FBC710;
		cursor: hand;
}

input.btn{
    background: url(https://www.changegroup.co.uk/images/buttmed.png);
	color:#FFFFFF;
  	font-size:100%;
    width:102px;
    height:21px;
	border:0px;
}

input.btnhov{
    background: url(https://www.changegroup.co.uk/images/buttmed.png);
	color:#FBC710;
	cursor: hand;
}

input.btnm{
        background: url(https://www.changegroup.co.uk/images/buttmed.png);
		color:#FFFFFF;
 		background-color:#FFFFFF;
		font-size:11px;
        width:102px;
        height:21px;
		border:0px;
}

input.btnmhov{
        background: url(https://www.changegroup.co.uk/images/buttmed.png);
        color:#FBC710;
		cursor: hand;
}

input.btnl{
        background: url(https://www.changegroup.co.uk/images/buttlrg.png);
	    color:#FFFFFF;
		background-color:#FFFFFF;
        font-size:11px;
        width:188px;
        height:21px;
		border:0px;
}

input.btnlhov{
        background: url(https://www.changegroup.co.uk/images/buttlrg.png);
        color:#FBC710;
		cursor: hand;
}

/* these are for the standard products */
.variant1 {background-color:#CCCCCC} /* grey*/
.variant2 {background-color:#CCCCCC}
.price {background-color: #FFFFCC;} /* yellow */


.tbl2 {
	margin-left: 95px;
}

/* these rows are for the Currency exchange rates column lists 
- the number of rows 'A-Z' are set in the Back Office */

.rowA
{
	background-color: #FFFFFF; }

.rowB
{
	background-color: #F3F3F3;
  }

.rowA a, .rowB a  {
	color: #192A56;
	text-decoration: none;
	display:block;
	font-size:11px;
	text-indent: 2px;
}

.rowA a:hover, .rowB a:hover  {
	color:#FBC710; 
	text-decoration: none;
	font-size:11px;
	display:block;
	cursor: hand;
	background-color: #192A56; 	
	text-indent: 2px;
}

.StyleRate{text-align:right; border-right: 0px; }
.StyleCurrency{	text-align:left; width:inherit;}
.StyleForeignAmount{text-align:center;}
.StyleSterlingAmount{text-align:right;}

.StyleRate1 {text-align:center;
}

.linerule {
	color:#192A56;}

/* Put below here any additional Client specific css */
.header {
	background-image: url(https://www.changegroup.co.uk/images/header.jpg);
	background-repeat:no-repeat;
	width: 900px;
	height:174px;
}
.toolbar {
	font-size:14px;
	color: #FFFFFF;
}

.toolbar a {
	color: #FFFFFF;
	display:inline;
	text-decoration: none;
	text-align: left;
	text-decoration:none;
	padding-left:30px;
	margin-bottom: 15px;
}
.toolbar a:hover{
	color: #FBC710;
	display:inline;
	text-decoration: none;
	text-align: left;
	text-decoration:none;
	padding-left:30px;
	margin-bottom: 15px;
	cursor: hand;
}

.contentMain {
	background-image:url(https://www.changegroup.co.uk/images/fadeskybg.jpg);
	text-align:left;
	margin: 0px;
	border-top: 1px solid #192A56;
	float:left;
}

.contentPage {
	width: 650px;
	
}
.contentText {
	margin-left: 20px;

}
.content {
	margin-left: 20px;
	list-style-image:url(https://www.changegroup.co.uk/images/list.gif);
}

.splashMain {
	width: 898px;
	margin-top: 0px;
	background-image:url(https://www.changegroup.co.uk/images/homebgfade.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	float:left;
}
.calculate {
	background-image:url(https://www.changegroup.co.uk/images/greybgtrans.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding-top: 40px;
	padding-left: 40px;
}	

.footer {
	border-top: 3px solid #FFFFFF;
	width: 900px;
}
#rateLine {
	background-color: #192A56;
	height: 20px;
	color:#FFFFFF;
	font-size:16px;
	padding-top: 1px;
	padding-right:20px;
	text-align:right;
	white-space:nowrap;
}
#rateLine a {
	color:#FFFFFF;
}
#rateLine a:hover {
	color:#FBC710;
	cursor: hand;
}
.baseLine {
	width:895px;
}
.testamonial {
	background-image:url(https://www.changegroup.co.uk/images/greybox.gif);
	background-repeat:no-repeat;
	padding-top: 5px;
	height:63px;
	width: 416px;
}
#testtext {
	color:#192A56;
	text-align:justify;
	font-size:12px;
	padding: 10px 10px 0px 10px;
	width: 380px;
}
.testamonial a {
	color:#FFFFFF;
}
.testamonial a:hover {
	color:#FBC710;
	cursor: hand;
}

#random {
	border:0px;
	z-index:1;
	float:right;
	padding-right:10px;
	padding-top:30px;
}