/* Support Site StyleSheet - Change History

22/07/08	WW	SCR9322: Create a new 'Ask A Question' page for the support site.
											 Rename the existing 'Contact Us' page to 'Contact Details'
02/07/08	WW	SCR9266: Support Site rebranded.
*/

html{
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
}

/* Body Style */
body{
	margin: 20px;
	padding: 0;
	font-family: Gill Sans MT, Arial;
	font-size: 11px;
	min-height: 101%;
	overflow-y: auto;
}

body a:visited{
color: #000000;
}

/* Content Style */
#x{
margin-left: 15px;
margin-right: 15px;
}

/* Body Content Style */
#MainBody{
margin-left: auto;
margin-right: auto;
width: 870px;
background-color: #FFFFFF;
}

/* Banner Styles */
#banner{
background: #091930;
}

#banner #bannertext{
clear: both;
font-family: Arial;
font-size: 11px;
color: #FFFFFF;
float: left;
padding-top: 65px;
}

#banner #bannertext a{
color: #FFFFFF;
text-decoration: none;
}

#banner #bannertext a:hover{
color: #FFFFFF;
text-decoration: underline;
}

#banner #fusionlogo{
padding-top: 5px;
}

/* Menu & Flash Movie Styles */

#hormenu{
float: left;
clear: both;
height: 20px;
width: 640px;
background-image: url(images/menu_background.jpg);
background-repeat: repeat;
}

#hormenu ul{
list-style-type: none;
padding: 0;
margin: 0;
height: 249;
float: left;
}

#hormenu ul li{
border-left: 1px solid white;
border-bottom: 1px solid white;
}

#hormenu ul li a{
display: inline;
display: block;
width: 150px;
text-decoration: none;
color: #333333;
font-family: Gill Sans MT, Arial;
font-size: 11px;
padding-top: 4px;
padding-bottom: 1px;
padding-left: 5px;
font-weight: bold;
}

#hormenu ul li a:hover{
color: #FFFFFF;
background-image: url(images/menu_top.jpg);
background-repeat: repeat-x;
padding-top: 4px;
padding-bottom: 1px;
}

#menu{
float: left;
clear: both;
height: 253px;
width: 140px;
background-image: url(images/menu_background.jpg);
background-repeat: repeat;
}

#menu ul{
list-style-type: none;
padding: 0;
margin: 0;
height: 249;
float: left;
}

#menu ul li{
border-bottom: 1px solid white;
}

#menu ul li a{
display: block;
width: 140px;
text-decoration: none;
color: #333333;
font-family: Gill Sans MT, Arial;
font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
font-weight: bold;
}

#menu ul li a:hover{
color: #FFFFFF;
background-image: url(images/menu_top.jpg);
background-repeat: repeat-x;
padding-top: 4px;
padding-bottom: 4px;
}

#flash{
float: left;
width: 635px;
padding-left: 0px;
padding-bottom: 0px;
}

/* Spacers - To be used between sections */
#hspacer{
clear: both;
float: none;
width: 780px;
height: 10px;
}

#hspacer1{
clear: both;
float: none;
width: 780px;
height: 0px;
}

/* Column Styles */
#container{
overflow: hidden;
}

#container .bodycolumn{
padding-bottom: 20010px;
margin-bottom: -20000px;
}

#leftcolumn, #middlecolumn, #rightcolumn{
padding: 0px;
margin: 0px;
}

/* Left Column Styles */
#leftcolumn{
float: left;
width: 140px;
background-image: url(images/trainingBG_left.jpg);
background-repeat: repeat;
}

#leftcolumn a{
text-decoration: none;
color: #000000;
}

#leftcolumn a:hover{
color: #FFCC00;
}

#leftcolumn .supportLogin{
background-image: url(images/menu_background.jpg);
}

#leftcolumn .itemspacer{
height: 20px;
background-image: url(images/blueDotLineSmall_long.gif);
background-repeat: no-repeat;
background-position: center;
}

#leftcolumn .innertube{
position: relative;
margin-left: 10px;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
}

/* My Account Style */
#myAccountMenu{
padding-top: 5px;
}

#myAccountMenu #header{
font-weight: bold;
padding-top: 5px;
}

#myAccountMenu a{
color: #000000;
text-decoration: none;
padding-left: 5px;
}

#myAccountMenu a:hover{
color: #FFCC00;
}

/* Logged In As text */
#loggedInAs{
padding-top: 5px;
}

#loggedInAsText{
color: #FF0000;
padding-left: 10px;
}

/* Middle Column Style */
#middlecolumn{
float: left;
width: 500px;
min-height: 350px;
font-size: 12px;
}

/* Right Column Style */
#rightcolumn{
float: right;
width: 140px;
background-image: url(images/trainingBG_right.jpg);
background-repeat: repeat;
}

#rightcolumn a{
text-decoration: none;
color: #000000;
}

#rightcolumn a:hover{
color: #FFCC00;
}

#rightcolumn .itemspacer{
height: 20px;
background-image: url(images/blueDotLineSmall_long.gif);
background-repeat: no-repeat;
background-position: center;
}

#rightcolumn .innertube{
position: relative;
margin-left: 10px;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
}

/* Footer Style */
#footer{
clear: both;
width: 100%;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #000000;
text-decoration: none;
}

#footer a:hover{
color: #FFCC00;
}

/* Innertube - Adds spacing to div's */
.innertube{
position:relative;
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* Online Support Page Styles */
#OnlineSupport_Contact{
text-align: center;
font-size: 12px;
font-weight: bold;
}

#OnlineSupport_ErrorMsg{
border: 0;
color: #FF0000;
}

#SystemRequirements .sectionTitle{
font-weight: 600;
padding-top: 3px;
color: #999999;
}

.sectionHeader{
font-size: 12px;
font-weight: bold;
padding-top: 5px;
}

.sectionTitle{
padding-top: 3px;
}

.sectionNote{
padding-top: 5px;
}

.sectionDownload{
text-align: right;
}

.sectionDownload a{
text-decoration: none;
color: #000000;
}

.sectionDownload a:hover{
color: #FFCC00;
}

.sectionSeperator{
border-top: 1px solid #999999;
padding-bottom: 10px;
}

#contactDetails{
padding: 15px;
}

#contactDetails .sectionHeader{
vertical-align: top;
width: 100px;
color: #666666;
font-size: 12px;
font-weight: bold;
}

.blueDot{
border: 0;
vertical-align: middle;
padding-right: 5px;
}

.linkImage{
border: 0;
padding-right: 5px;
}

/* Seperate Files */
#CatalogueEnquiryForm_Main{
padding-top: 10px;
font-family: Gill Sans MT, Arial;
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
}

#CatalogueEnquiryForm{
width: 100%;
font-size: 12px;
}

#menuHeader{
color: #666666;
font-weight: bold;
}

#newsletter{
padding: 15px;
}

#tile{
text-align: center;
padding-bottom: 15px;
color: #000000;
}

#tile a{
text-decoration: none;
color: #000000;
}

#tile a:hover{
color: #FFCC00;
}

#newsletter a{
text-decoration: none;
}

#newsletter a:hover{
color: #FFCC00;
}

#newsletterArchive .archiveHeader{
font-weight: bold;
color: #666666;
}

#newsletterArchive a{
text-decoration: none;
color: #000000;
}

#newsletterArchive a:hover{
color: #FFCC00;
}

#catHeader{
font-weight: bold;
text-decoration: none;
}

#catHeader a{
font-weight: bold;
text-decoration: none;
color: #666666;
}

#catHeader a:hover{
color: #FFCC00;
}

#catStatusName a{
text-decoration: none;
color: #666666;
}

#catStatusName a:hover{
color: #FFCC00;
}

#displaySearch a{
text-decoration: none;
color: #666666;
}

#displaySearch a:hover{
color: #FFCC00;
}

#displayCat a{
text-decoration: none;
color: #666666;
}

#displayCat a:hover{
color: #FFCC00;
}

#dataErrorTitle{
font-weight: bold;
}

#questionPDFDownload{
text-align: right;
}

#questionPDFDownload a{
color: #000000;
text-decoration: none;
}

#questionPDFDownload a:hover{
color: #FFCC00;
}

#emailLink a{
color: #000000;
text-decoration: none;
}

#emailLink a:hover{
color: #FFCC00;
}

#AskAQuestion INPUT{
width: 220px;
font-family: Arial, Helvetica, sans-serif;
}

#AskAQuestion SELECT{
width: 226px;
font-family: Arial, Helvetica, sans-serif;
}

#AskAQuestion TEXTAREA{
font-family: Arial, Helvetica, sans-serif;
}

#AskAQuestion .error{
color: #FF0000;
}