/* Text & Forms */

.bartext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.formatedheadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: none;
	
}

.colourform {background-color:#045cc8; padding:0px 0px;color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}
.orderbutton{
	border:1px solid #000000;
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:inline-block;
	text-decoration:none;
	vertical-align: middle;
	text-align: center;
	width: 190px;
	float: none;
	padding: 0px;
	margin: 5px;
	background-color: #2885cb;
	font-weight: normal;
}
.orderbutton:hover{
	text-decoration:underline;
	background-color: #eeeeee;
		color:#045cc8;
	}

.menuTEXT {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.headings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight: none;
}

.hscope_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: none;
}

.hscope_subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: none;
}

.smallblacktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.sideblacktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 10px;
}

.formerror {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC0000;
}
.hscope_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.section_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b02b2c;
	font-weight: none;
}
.section_tagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: none;
}

.copy {
	font-size: 9px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.copy a{
	text-decoration:none;
	color: #333;
}
.copy a:hover{
text-decoration:underline;
color: #cccccc;
}

.tinyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }

.login_error {  font-family: Arial; font-size: 12pt; font-weight: bold; color: #990000; text-decoration: none }



/* Vertical Menu */

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
margin: 5px;
padding:0px 0px 5px 5px;
}

#vertmenu h1 {
	display: block;
	font-size: 90%;
	padding: 4px 0px 4px 10px;
	color: #FFFFFF;
	margin: 0px;
	width:145px;
	border-bottom:1px solid #840000;
	background: #b02b2c url(content/images/newtop.gif) no-repeat top left;
	text-decoration:none;
	letter-spacing: 1px;
	font: normal 90% verdana, arial, sans-serif;

}

#vertmenu h2 {
	display: block;
	padding: 4px 0px 4px 10px;
	color: #FFFFFF;
	;
	margin: 0px;
	width:146px;
	border-bottom:1px solid #840000;
	background: #b02b2c;
	text-decoration:none;
	letter-spacing: 1px;
	font: normal 90% verdana, arial, sans-serif;

}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}

#vertmenu ul li a {
	font-size: 90%;
	display: block;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #000000;
	width:150px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
text-decoration: underline;
}

#vertmenu_end{
	display: block;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	width:155px;
	height:5px;
	background: #b02b2c url(content/images/bottom.gif) no-repeat bottom left;
}


/* Horizontal Tab Menu Colours */
#ddcolortabs #menu_home a, #ddcolortabs #menu_home span { /*currently selected tab*/
	background-color: #2885cb;
	color:  #FFFFFF;
}

#ddcolortabs #menu_home a:hover span, #ddcolortabs #menu_home a:hover{
background-color: #CCCCCC;
text-decoration: underline;
}


#ddcolortabs #menu_free a, #ddcolortabs #menu_free span { /*currently selected tab*/
	background-color: #2885cb;
	color:  #FFFFFF;
}

#ddcolortabs #menu_free a:hover span, #ddcolortabs #menu_free a:hover{
background-color: #CCCCCC;
text-decoration: underline;
}


#ddcolortabs #menu_read a, #ddcolortabs #menu_read span { /*currently selected tab*/
	background-color: #2885cb;
	color:  #FFFFFF;
}

#ddcolortabs #menu_read a:hover span, #ddcolortabs #menu_read a:hover{
background-color: #CCCCCC;
text-decoration: underline;
}

#ddcolortabs #menu_soft a, #ddcolortabs #menu_soft span { /*currently selected tab*/
background-color: #6BBA70;
color:  #FFFFFF;
}

#ddcolortabs #menu_soft a:hover span, #ddcolortabs #menu_soft a:hover{
background-color: #CCCCCC;
text-decoration: underline;
}

#ddcolortabs #menu_about a, #ddcolortabs #menu_about span { /*currently selected tab*/
	background-color: #2885cb;
	color:  #FFFFFF;
}

#ddcolortabs #menu_about a:hover span, #ddcolortabs #menu_about a:hover{
background-color: #CCCCCC;
text-decoration: underline;
}


/* Horizontal Tab Menu Design */
#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: normal 11px verdana, arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: #FFFFFF;
background: #ADADAD url(content/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(content/images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #ADADAD;
}


#ddcolortabs a:hover span{
background-color: #ADADAD;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #E4E4E4;
color: #666666;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 0px;
line-height: 0px;
background: #E4E4E4;
border-top: 1px solid #E4E4E4; /*Remove this to remove border between bar and tabs*/
}

a#GBP{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_GBP-grey.gif');
}
a#USD{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_USD-grey.gif');
}
a#EUR{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_EUR-grey.gif');
}
a#AUD{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_AUD-grey.gif');
}
a#CAD{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_CAD-grey.gif');
}
a#GBP:hover {
	background-image: url('/content/images/flag_GBP.gif');
}
a#USD:hover {
	background-image: url('/content/images/flag_USD.gif');
}
a#EUR:hover {
	background-image: url('/content/images/flag_EUR.gif');
}
a#AUD:hover {
	background-image: url('/content/images/flag_AUD.gif');
}
a#CAD:hover {
	background-image: url('/content/images/flag_CAD.gif');
}

a#GBP.current {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_GBP.gif');
}

a#USD.current {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_USD.gif');
}a#EUR.current {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_EUR.gif');
}a#AUD.current {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_AUD.gif');
}a#CAD.current {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px;
	background-image: url('/content/images/flag_CAD.gif');
}