/*-----------------------------------------------------------------------------
Main Style Sheet

version:   1.0
author:    Chris Banting
email:     chris@righttrackuk.com
website:   http://www.righttrackuk.com
-----------------------------------------------------------------------------*/

/* =Body Styling
-----------------------------------------------------------------------------*/
.related {
font-size: 11px;
color:#CC33CC;
margin-bottom: 0px;
display: inline;
}

.related a {
font-size:11px;
font-weight: normal;
color: #CC33CC;
}
.related a:hover {
text-decoration: underline;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body.rtr {
background-color: #B90091;
}


/* =Image Styling
-----------------------------------------------------------------------------*/
#topContent img.photo{
margin-right: 33px;
padding-left: 10px;
}

/* =Headings
-----------------------------------------------------------------------------*/


/* =Layout
-----------------------------------------------------------------------------*/
#container {
	margin: 0px auto 0;
	width: 760px;
	text-align: left;

}
#topContainer {
	margin: 0px auto 0;
	width: 760px;
	text-align: left;

}
#topCol {
width: 100%;
background-color: #FFFFFF;
}
#bottomCol {
width: 760px;
margin: 0px;
padding: 0px;

}
#logo{
float: left;
width: 230px;
height: 230px;
z-index: 1;
}
#mainContentLocation {
	width: 521px;
	_width: 508px;
	float: right;
	clear: both;
	font-size: 11px;
	color: #BBBDC0;
	font-weight: bold;
	padding: 6px 0px 15px 0px;
	margin: 0px 10px 0px 0px;
}
#mainContent {
	background-color:#FFFFFF;
	background-image:   url("../images/shadow.gif");
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 15px;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	width: 510px;
	_width: 497px;
	float: right;
	margin-right: 10px;
	clear: both;
	margin-bottom: 0px;
}
#leftContent {
float: left;
width: 300x;
height: 10px;
padding: 0px;
}
#navBarMain {
	position: relative;
	left: 50px;
	top: -140px;
	width: 130px;
}
#navBar {
	border: 3px solid #E1E455;
	background-color:#FFFFFF;
	padding: 6px;
}

#question {
position: relative;
left: -45px;
top:120px;
width: 38px;
height: 38px;
z-index: 1;

}
.titleimg {
padding-top: 10px;
padding-bottom: 10px;
}
#navComment {
	background-color: #E399D3;
	background-image:   url("../images/infoBox-rtr-t.gif");
	background-repeat: no-repeat;
	background-position: top;	
}
/* =Typography
-----------------------------------------------------------------------------*/
.subTitle {
	margin: 0px;
	color: #000000;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.location {
font-size: 11px;
color: #BBBDC0;
font-weight: bold;
margin-bottom: 0px;
display: inline;
}

h1 {
	font-size: 11px;
	color: #BBBDC0;
	display: inline;
}

.shortcuts {
font-weight: bold;
font-size: 11px;
background-color: #E1E455;
padding: 2px;
white-space:nowrap;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}
.shortcuts2 {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;

}
.introText {
line-height: 22px;
font-weight: bold;
height: 105px;
padding-bottom: 0px;
	margin-bottom: 0px;
}
#mainContent h2 {
font-size: 12px;
}
#mainContent {
line-height: 20px
}
#navComment .comment {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
	font-size: 11px;
}
#navComment .link {
	background-image:   url("../images/infoBox-rtr-b.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	white-space:nowrap;
	font-size: 11px;
}
#navBar {
font-size: 11px;
}
/* =Link Styling
-----------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #000000;
}

.location a {
font-size:11px;
font-weight: normal;
color: #BBBDC0;
}
.location a:hover {
text-decoration: underline;
}
#mainContentLocation a {
font-size:11px;
font-weight: normal;
color: #BBBDC0;
}
#mainContentLocation a:hover {
text-decoration: underline;
}


a img {
	border: none;
}
#topContent .shortcuts a:hover {
color: #F3F5BD;
}
#navComment .link a:hover {
text-decoration:underline;
}


#question a, #question a:visited {
position: relative;
display: block;
width: 38px;
line-height: 27px;
text-align: right;
padding: 0;
margin: 0;
text-decoration: none;
color: #000;
}

#question a span {display: none;}

#question a:hover {
color: #f00;
text-align: left;
}

#question a:hover span{
display: block;
position: absolute;
top: 3px;
left: 26px;
width: 250px;
margin: 1px;
text-align: center;
background-color: #E1E455;
border: 0px;
color: #000000;
font-weight: bold;
}

.progContact {
text-align:right;
font-weight: bold;
}
.progContact a:hover{
text-decoration:underline;
}


/* =Lists
-----------------------------------------------------------------------------*/
#navBar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navBar li {
display: inline;
}
#navBar li a {
	padding-left: 15px;
	display: block;
	position: relative;
	padding-bottom: 10px;
}
#navBar li a:hover {
text-decoration: underline;
}
#navBar .bt a{
background:   url("../images/bullet-bespoke.gif") no-repeat left 3px;
}
#navBar .bt a:hover{
background:   url("../images/bullet-bespoke-o.gif") no-repeat left 3px;
}
#navBar .rtr a{
background:   url("../images/bullet-rtr.gif") no-repeat left 3px;
}
#navBar .rtr a:hover{
background:   url("../images/bullet-rtr-o.gif") no-repeat left 3px;
}
#navBar .sales a{
background:   url("../images/bullet-sales.gif") no-repeat left 3px;
}
#navBar .sales a:hover{
background:   url("../images/bullet-sales-o.gif") no-repeat left 3px;
}
#navBar .od a{
background:   url("../images/bullet-od.gif") no-repeat left 3px;
}
#navBar .od a:hover{
background:   url("../images/bullet-od-o.gif") no-repeat left 3px;
}
#navBar .ilm a{
background:   url("../images/bullet-ilm.gif") no-repeat left 3px;
}
#navBar .ilm a:hover{
background:   url("../images/bullet-ilm-o.gif") no-repeat left 3px;
}
#navBar .el a{
background:   url("../images/bullet-el.gif") no-repeat left 3px;
}
#navBar .el a:hover{
background:   url("../images/bullet-el-o.gif") no-repeat left 3px;
}
#navBar .ttt a{
background:   url("../images/bullet-ttt.gif") no-repeat left 3px;
}
#navBar .ttt a:hover{
background:   url("../images/bullet-ttt-o.gif") no-repeat left 3px;
}
#navBar .manuals a{
background:   url("../images/bullet-manuals.gif") no-repeat left 3px;
}
#navBar .manuals a:hover{
background:   url("../images/bullet-manuals-o.gif") no-repeat left 3px;
}
#navBar .surveys a{
background:   url("../images/bullet-surveys.gif") no-repeat left 3px;
}
#navBar .surveys a:hover{
background:   url("../images/bullet-surveys-o.gif") no-repeat left 3px;
}
#navBar .a3 a{
background:   url("../images/bullet-3.gif") no-repeat left 3px;
}
#navBar .a3 a:hover{
background:   url("../images/bullet-o.gif") no-repeat left 3px;
}
#mainContent ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#mainContent li {
background:   url("../images/bullet-rtr.gif") no-repeat left 6px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#mainContent .b2 {
list-style-type:circle;
padding-bottom:20px;
}

#mainContent .b2 li{
background: none;
padding-left: 10px;
margin-left: 30px;
padding-bottom: 0px;
}
/* =Table Styling
-----------------------------------------------------------------------------*/
#mainContent td {
vertical-align:top;
width: 40%;
}
#topContent table {
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

#topContent .eb {
width: 100%;
height: 11px;

}