html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height:1.2em;
	}

ul {
	list-style:none;
}

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	background:#FFFFFF url(../images/bg_body.gif) repeat-x top;
}


a, a:visited {
	color:#f96d22;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}


.outofflow, #main .outofflow {
	text-indent:-999px!important;
	position:absolute;
	overflow:hidden;
	display:block;
	left:0;
	top:0;
	background:none;
}


/*
Main Container
*/

#container {
	width:960px;
	margin:0 auto;
	position:relative;
}


/*
Header Styles
*/

#header {
	display:block;
	margin:0 auto;
	height:130px;
	width:964px;
	position:relative;
	height:165px;
}


#title
	{
	position:absolute;
	width:360px;
	height:85px;
	overflow:hidden;
	text-indent:-999px;
	left:0px;
	top:25px;
	z-index:10;
	padding:0px;
	margin:0px;
	background:none;
	}

#title a span {
	display:block;
	position:absolute;
	width: 360px;
	height:85px;
	top:0px;
	left:0px;
	z-index:1;
	background:url(../images/logo.gif) no-repeat;
	color:#000000;
	cursor:pointer;
}

#languages {
	/*position:absolute;
	right:0px;
	height:30px;
	top:30px;
	padding:0px;*/

	float:right;
	margin-top:30px;
	height:30px;
	padding:0px;
}

#languages ul {
	display:block;
	padding:8px 5px 0px 5px;
}

#languages ul li {
	float:left;
	padding:0px;
	margin:0px;
	padding:0px !important;
}


#languages ul li a {
	border-right:solid 1px #979797;
	color:#f96d22;
	display:block;
	padding:0px 8px;
	font-family:"Arial Unicode MS", Arial;
}

#languages ul li:last-child a {
	border-right:0px;
}

#languages ul li a:hover {
	color:#000000;
	text-decoration:underline;
}

#mycolormatrix {
	float:right;
	margin-top:30px;
	height:30px;
	padding:0px;
	margin-left:10px;
	position:relative;
	z-index:10;
}

#mycolormatrix a.mylink, #mycolormatrix a.mylink:visited {
	display:block;
	line-height:30px;
	background:url(../images/corner_darkgrey_bg.gif) 0px 0px repeat-x #9e9e9e;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 10px;
	font-size:1.1em;
}

#mycolormatrix a.mylink:hover, #mycolormatrix a.mylink.selected, #mycolormatrix a.mylink.selected:visited {
	background:url(../images/corner_orange_bg.gif) 0px 0px repeat-x #fec302;
	text-decoration:none;
}

#mycolormatrix a.mylink.selected span {
	display:block;
	position:absolute;
	background:url(../images/bg_header_mycolor_selected.gif) 0px 0px no-repeat;
	width:17px;
	height:135px;
	right:-10px;
	top:0px;
}

#mycolormatrix div.logindetails {
	position:absolute;
	top:-19px;
	right:2px;
	font-size:0.9em;
	width:450px;
	text-align:right;
}

#mycolormatrix div.logindetails a {
	font-weight:bold;
	color:#333333;
}

#mycolormatrix div.logindetails a:hover {
	color:#FF6600;
	text-decoration:none;
}


#search_form {
	position:absolute;
	right:0px;
	top:70px;
	z-index:20;
}

#search_form #search_value {
	width:165px;
	height:20px;
	border:0px;
	background:url(../images/bg_header_search.gif) 0px 0px no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	line-height:20px;
	padding:0px;
	margin:0px;
	padding-left:5px;
}

#search_form #search_value:focus, #search_form #search_value:hover {
	background:url(../images/bg_header_search.gif) 0px -20px no-repeat;
}

#search_form #search_submit {
	width:30px;
	height:20px;
	border:0px;
	background:url(../images/bg_header_search_button_onl.gif) 0px 0px no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	line-height:20px;
}

#search_form #search_submit:hover, #search_form #search_submit:focus {
	background:url(../images/bg_header_search_button_onl.gif) 0px -20px no-repeat;
	cursor:pointer;
}

#mainmenu {
	position:absolute;
	display:block;
	width:965px;
	height:50px;
	background:url(../images/bg_header_nav_bot.gif) 2px 45px no-repeat;
	left:-2px;
	top:115px;
	z-index:5;
}

#mainmenu li {
	padding:0px 1px 0px 0px !important;
	margin:0px !important;
	float:left;
}

#mainmenu li a, #mainmenu li a:visited {
	display:block;
	height:30px;
	width:179px;
	padding:15px 0px 0px 15px;
	background:url(../images/bg_header_nav_a_norm.gif) 0px 0px;
	color:#000000;
	font-weight:bold;
	font-size:1.3em;
	letter-spacing:-1px;
	overflow:hidden;
}

#mainmenu li.normal a:hover {
	background:url(../images/bg_header_nav_a_norm.gif) 0px -45px;
	color:#FFFFFF;
	text-decoration:none;
}

#mainmenu li.normal a.selected, #mainmenu li.normal a.selected:visited, #mainmenu li.normal a.selected:hover {
	background:url(../images/bg_header_nav_a_norm.gif) 0px -90px;
	color:#FFFFFF;
	text-decoration:none;
}

#mainmenu li.home a, #mainmenu li.home a:visited {
	width:74px;
	padding:15px 0px 0px 0px;
	text-align:center;
	background:url(../images/bg_header_nav_a_home.gif) 0px 0px;
}

#mainmenu li.home a:hover, #mainmenu li.home a:visited:hover {
	background:url(../images/bg_header_nav_a_home.gif) 0px -45px;
	color:#FFFFFF;
	text-decoration:none;
}

#mainmenu li.home a.selected, #mainmenu li.home a.selected:visited, #mainmenu li.home a.selected:hover, #mainmenu li.home a.selected:visited:hover {
	background:url(../images/bg_header_nav_a_home.gif) 0px -90px;
	color:#FFFFFF;
	text-decoration:none;
}


#mainmenu li.contact a, #mainmenu li.contact a:visited {
	width:94px;
	background:url(../images/bg_header_nav_a_contact.gif) 0px 0px;
}

#mainmenu li.contact a:hover, #mainmenu li.contact a:visited:hover {
	background:url(../images/bg_header_nav_a_contact.gif) 0px -45px;
	color:#FFFFFF;
	text-decoration:none;
}

#mainmenu li.contact a.selected, #mainmenu li.contact a.selected:visited, #mainmenu li.contact a.selected:hover, #mainmenu li.contact a.selected:visited:hover {
	background:url(../images/bg_header_nav_a_contact.gif) 0px -90px;
	color:#FFFFFF;
	text-decoration:none;
}


/*#strapline {
	position:absolute;
	right:5px;
	top:10px;
	width:320px;
	height:30px;
	color:#000000;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/strapline.png) no-repeat;
}*/



/*
Boxes
*/


.box {
	position:relative;
	padding:10px;
}

.box.grey {
	background:#e5e5e5;
}

.box.darkgrey {
	background:url(../images/corner_darkgrey_bg.gif) 0px 0px repeat-x #9e9e9e;
	color:#FFFFFF;
}

.box.orange {
	background:url(../images/corner_orange_bg.gif) 0px 0px repeat-x #fec302;
	color:#FFFFFF;
}

.box.error {
	background:url(../images/corner_red_bg.gif) 0px 0px repeat-x #ed1c24;
	color:#FFFFFF;
}

.box.green {
	background:url(../images/corner_green_bg.gif) 0px 0px repeat-x #8ced1c;
	color:#FFFFFF;
}

#main .box.grey h3 {
	color:#959595;
	background:none;
	border:none;
	padding:0px;
	margin-bottom:80px;
	font-size:1.5em;
}

#main .box.darkgrey h3, #main .box.orange h3, #main .box.green h3 {
	color:#FFFFFF;
	background:none;
	border:none;
	padding:0px;
	margin-bottom:5px;
	font-size:1.3em;
}

span.tl, span.tr, span.bl, span.br {
	position:absolute;
	width:5px;
	height:5px;
	display:block;
	line-height:5px;
	overflow:hidden;
}

span.tl {
	left:0px;
	top:0px;
}

span.tr {
	right:0px;
	top:0px;
}

span.bl {
	left:0px;
	bottom:0px;
}

span.br {
	right:0px;
	bottom:0px;
}

.box.grey span.tl {
	background:url(../images/corner_grey_tl.gif) 0px 0px no-repeat;

}

.box.grey span.tr {
	background:url(../images/corner_grey_tr.gif) 0px 0px no-repeat;

}

.box.grey span.bl {
	background:url(../images/corner_grey_bl.gif) 0px 0px no-repeat;

}

.box.grey span.br {
	background:url(../images/corner_grey_br.gif) 0px 0px no-repeat;

}

.box.darkgrey span.tl {
	background:url(../images/corner_darkgrey_tl.gif) 0px 0px no-repeat;

}

.box.darkgrey span.tr {
	background:url(../images/corner_darkgrey_tr.gif) 0px 0px no-repeat;

}

.box.darkgrey span.bl {
	background:url(../images/corner_darkgrey_bl.gif) 0px 0px no-repeat;

}

.box.darkgrey span.br {
	background:url(../images/corner_darkgrey_br.gif) 0px 0px no-repeat;
}

.box.orange span.tl {
	background:url(../images/corner_orange_tl.gif) 0px 0px no-repeat;

}

.box.orange span.tr {
	background:url(../images/corner_orange_tr.gif) 0px 0px no-repeat;

}

.box.orange span.bl {
	background:url(../images/corner_orange_bl.gif) 0px 0px no-repeat;

}

.box.orange span.br {
	background:url(../images/corner_orange_br.gif) 0px 0px no-repeat;

}

.box.error span.tl {
	background:url(../images/corner_red_tl.gif) 0px 0px no-repeat;

}

.box.error span.tr {
	background:url(../images/corner_red_tr.gif) 0px 0px no-repeat;

}

.box.error span.bl {
	background:url(../images/corner_red_bl.gif) 0px 0px no-repeat;

}

.box.error span.br {
	background:url(../images/corner_red_br.gif) 0px 0px no-repeat;

}

.box.green span.tl {
	background:url(../images/corner_green_tl.gif) 0px 0px no-repeat;

}

.box.green span.tr {
	background:url(../images/corner_green_tr.gif) 0px 0px no-repeat;

}

.box.green span.bl {
	background:url(../images/corner_green_bl.gif) 0px 0px no-repeat;

}

.box.green span.br {
	background:url(../images/corner_green_br.gif) 0px 0px no-repeat;

}

.reverse span.tl {
	background:url(../images/corner_reverse_tl.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	left:0px;
	top:0px;
}

.reverse span.tr {
	background:url(../images/corner_reverse_tr.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	right:0px;
	top:0px;
}

.reverse span.bl {
	background:url(../images/corner_reverse_bl.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	left:0px;
	bottom:0px;
}

.reverse span.br {
	background:url(../images/corner_reverse_br.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	right:0px;
	bottom:0px;
}


#marketbanner {
	float:right;
	width:720px;
	padding:6px 10px;
	margin-bottom:10px;
}

#marketbanner span.bl {
	background:url(../images/corner_reverse_bl.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	left:0px;
	bottom:0px;
}

#marketbanner span.br {
	background:url(../images/corner_reverse_br.gif) 0px 0px no-repeat;
	display:block;
	width:5px;
	height:5px;
	line-height:5px;
	right:0px;
	bottom:0px;
}

#main #marketbanner h4 {
	margin:0px;
	padding:0px;
	font-size:1em;
}

#marketbanner h4 a {
	color:#FFFFFF;
}

#marketbanner h4 a:hover {
	text-decoration:none;
}



/*
Footer
*/

#footer {
	display:block;
	clear:both;
	background:url(../images/bg_footer_dots.gif) 0px 20px repeat-x;
	padding-top:35px;
	position:relative;
	height:55px;
}

#footer ul {
	padding:0px;
	border-bottom:1px solid #f97420;
	height:25px;
}

#footer ul li {
	float:left;
	padding-right:20px;
}


#footer ul li a, #footer ul li a:visited {
	color:#999999;
	font-size:0.9em;
}

#footer p.copy {
	position:absolute;
	right:0px;
	top:35px;
	font-size:0.9em;
	color:#999999;
}

#footer p.created {
	position:absolute;
	right:0px;
	top:70px;
}

#footer p.created a, #footer p.created a:visited {
	font-size:0.8em;
	color:#CCCCCC;
}


/*
breadcrumb
*/

#container #breadcrumb {
	display:block;
	height:23px;
	position:relative;
	top:-5px;
	margin:0px;
	padding:0px;
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:10px;
}

#container #breadcrumb li {
	padding:0px 18px 0px 13px;
	margin:0px;
	float:left;
	background:url(../images/bg_breadcrumb.gif) right 4px no-repeat;
	font-size:0.9em;
}

#container #breadcrumb li a, #container #breadcrumb li a:visited {
	color:#999999;
}

#container #breadcrumb li a:hover, #container #breadcrumb li a:visited:hover {
	color:#000000;
	text-decoration:none;
}



#container #breadcrumb li.home {
	padding-left:0px;
}

#container #breadcrumb li.current {
	background:none;
	padding-right:0px;
	font-weight:bold;
}

#container #breadcrumb li.current a, #container #breadcrumb li.current a:visited {
	color:#f96d22;
}

#container #breadcrumb li.current a:hover, #container #breadcrumb li.current a:visited:hover {
	color:#000000;
}



/*
Sub navigation
*/

#container #subnav {
	/*float:left;
	width:230px;*/
	position:relative;
	width:180px;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}

#container #subnav ul {
	list-style:none;
	margin:0px;
	padding:0px;

}

#container #subnav ul li {
	margin:0px;
	padding:1px 0px;
	background:none;
	border-bottom:dotted 1px #CCCCCC;
	float:left;
	width:100%;
}

#container #subnav ul li:last-child {
	border:0px;
}

#container #subnav ul li a, #container #subnav ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:5px 7px;

}

#container #subnav ul li a:hover, #container #subnav ul li a.selected, #container #subnav ul li a.selected:visited {
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/corner_orange_bg.gif) 0px 0px repeat-x #fec302;
}

#container #subnav ul li ul {
	padding:1px 1px 2px 8px;
	font-size:0.8em;

}

#container #subnav ul li ul li {
	border-bottom:dotted 1px #666666;
	margin:0px !important;
	float:none;
}

#container #subnav ul li ul li:last-child {
	border-bottom:0px;
}

#container #subnav ul li ul li a, #container #subnav ul li ul a:visited {
	/*background:#ebebeb;*/
	color:#363636;
	border-bottom:0px;
}

#container #subnav ul li ul li a:hover, #container #subnav ul li ul li a.selected, #container #subnav ul li ul li a.selected:visited {
	color:#FFFFFF;
	background:#666666;
}

#container #subnav ul li ul li ul {
	font-size:0.9em;
	padding:0px 1px 2px 8px;
}

#container #subnav ul li ul li ul li a, #container #subnav ul li ul li ul li a:visited {
	/*background:#ebebeb;*/
	color:#666666;
	border-bottom:0px;
	padding:3px 6px;
}

#container #subnav ul li ul li ul li a:hover, #container #subnav ul li ul li ul li a.selected, #container #subnav ul li ul li  ul li  a.selected:visited {
	color:#FFFFFF;
	background:#333333;
}

/*
Columns
*/

#main div.column_center {
	float:left;
	width:530px;
	margin-left:25px;
	position:relative;
	z-index:100;
}

#main div.column_center_full {
	float:left;
	width:750px;
	margin-left:0px;
	position:relative;
	z-index:100;
}

#main div.column_right {
	float:right;
	width:165px;
	padding-left:15px;
	border-left:solid 1px #f96d22;
	position:relative;
	padding-bottom:3000px;
	margin-bottom:-3000px;
	z-index:50;
}

#main div.column_right span.fillblock {
	display:block;
	width:165px;
	height:230px;
	clear:both;
}

#main div.column_right a.global {
	display:block;
	width:165px;
	height:130px;
	display:block;
	padding:0px;
	background:url(../images/link_global_static.gif) 0px 0px no-repeat;
	margin-bottom:10px;
	float:right;
}
#main div.column_right a.global.hyguard {
	background:url(../images/hyguardvideo.jpg) 0px 0px no-repeat;
	}
	
	
	
#main div.column_right a.global span.overlink {
	position:absolute;
	right:10px;
	bottom:-4px;
}

#main div.column_right a.global:hover span.overlink {
	bottom:-1px;
}

#main div.column_right a.global span.centre {
	width:105px;
	font-size:0.9em;
}

#main div.column_right a.global:hover {
	background:url(../images/link_global_static.gif) 0px 0px no-repeat;
	text-decoration:none;
}


/*
Main content styles
*/


#main {
	padding-top:25px;
	overflow:hidden;
	position:relative;
	float:left;
	width:960px;
}


#main #maintitle {
	color:#ff6a17;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	font-size:3em;
	letter-spacing:-2px;
	font-weight:bold;
}

#main #mainimage {
	position:absolute;
	top:0px;
	right:-205px;
	z-index:100;
	padding-bottom:10px;
	background-color:#FFFFFF;
}

#main div.column_center span.mainimage_block {
	display:block;
	float:right;
	height:210px;
	width:210px;
}

#main div.column_center span.mainimage_block_vert {
	display:block;
	float:right;
	height:210px;
	width:210px;
	display: none;
}

#main div.column_right span.mainimage_block {
	display:block;
	float:right;
	height:210px;
	width:165px;
}

#main div.column_right span.mainimage_block_vert {
	display:block;
	float:right;
	height:410px;
	width:165px;
}

/*#main h1 {
	display:block;
	background:#f4f4f4 url(../images/bg_h1.gif) top repeat-x;
	height:100px;
	position:relative;
	padding:0px;
}*/

#main h2 {
	margin-bottom:12px;
	font-size:2em;
	color:#000000;
	font-weight:bold;
	padding-bottom:7px;
	background:url(../images/bg_footer_dots.gif) repeat-x bottom;
	/*border-bottom:solid 1px #e6e6e6;*/
	padding-top:5px;
}

#main h3 {
	margin-bottom:11px;
	font-size:1.5em;
	color:#ff8013;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #e6e6e6;
}

#main h4 {
	color:#000000;
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:10px;
	padding-top:5px;
}

#main p {
	margin-bottom:10px;
	line-height:1.4em;
}

#main ul {
	list-style:none;
	color:#000000;
	margin-bottom:10px;
	}

#main ul li {
	padding-left:20px;
	margin-bottom:5px;
	background:url(../images/bg_ul_li.gif) 3px 2px no-repeat;
	position:relative;
}

#main ol {
	list-style:decimal;
	color:#000000;
	margin-bottom:10px;
}

#main ol li {
	list-style:decimal;
	margin-left:20px;
	margin-bottom:5px;
}


#main table {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	border:solid 5px #CCCCCC;
	border-bottom:solid 4px #CCCCCC;
	padding:3px;
}

#main table th {
	background:#FF6600;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	padding:4px 8px;
	text-align:l;
}

#main table td {
	border-bottom:solid 1px #CCCCCC;
	padding:4px 8px;
	font-size:0.9em;
	color:#000000;
}

/*
Some 'button' styling
*/



#main a.button_round {
	display:block;
	position:relative;
	color:#000000;
	font-weight:bold;
	font-size:1em;
	bottom:-2px;
}

#main a.button_round span.left {
	background:url(../images/but_round_left.gif);
	width:5px;
	height:25px;
	display:block;
	float:left;
}

#main a.button_round > span.left {
	background:url(../images/but_round_left.png);
}

#main a.button_round span.centre {
	background:#FFFFFF;
	display:block;
	float:left;
	padding:5px 5px 0px 5px;
	height:20px;
	text-align:center;
	line-height:15px;
}

#main a.button_round span.right {
	background:url(../images/but_round_right.gif);
	width:5px;
	height:25px;
	display:block;
	float:left;
}

#main a.button_round > span.right {
	background:url(../images/but_round_right.png);
}

#main a.button_round:hover {
	text-decoration:none;
	color:#FF3300;
	cursor:pointer;
}



#main a.button_round_top {
	display:block;
	position:relative;
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	bottom:-2px;
}

#main a.button_round_top span.left {
	background:url(../images/but_round_top_left.gif);
	width:5px;
	height:37px;
	display:block;
	float:left;
}

#main a.button_round_top > span.left {
	background:url(../images/but_round_top_left.png);
}

#main a.button_round_top span.centre {
	background:#FFFFFF;
	display:block;
	float:left;
	padding:5px 7px 0px 7px;
	height:32px;
	text-align:center;
	line-height:15px;
}

#main a.button_round_top span.right {
	background:url(../images/but_round_top_right.gif);
	width:5px;
	height:37px;
	display:block;
	float:left;
}

#main a.button_round_top > span.right {
	background:url(../images/but_round_top_right.png);
}

#main a.button_round_top:hover {
	text-decoration:none;
	color:#FF3300;
	cursor:pointer;
}

#main .clearer {
	display:block;
	clear:both;
	width:100%;
	height:1px !important;
	line-height:1px !important;
	padding:0px;
	margin:0px;
}

/*
Downloads
*/


#main div.column_right #downloads {
	padding-bottom:40px;
}

#main div.column_right #downloads {
	float:right;
	width:145px;
	padding-bottom:40px;
}

#main #downloads ul {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
}



#main #downloads ul li {
	padding:0px;
	background:none;
	border-top:dotted 1px #FFFFFF;
	padding-top:5px;
	font-weight:bold;
}

#main #downloads ul li:first-child {
	border-top:none;
}

#main #downloads ul li span {
	font-weight:bold;
	font-size:0.9em;
	display:block;
	padding-top:2px;
	color:#000;
}

#main #downloads ul li:first-child > span {
	color:#FFF;
}

#main #downloads ul li ul {
	padding-top:5px;
}

#main #downloads ul li:first-child ul {
	padding-top:15px;
}

#main #downloads ul li ul li {
	background:none;
	margin:0px;
	border-top:none;
	padding:0px;
	font-weight:normal;
}

#main #downloads ul li ul li a {
	display:block;
	background:url(../images/bg_downloads_ul_li.gif) 2px 3px no-repeat;
	padding:2px 2px 2px 17px;
}

#main #downloads ul li ul li a span {
	font-size:0.8em;
	padding:0px;
	color:#f96d22;
}

#main #downloads ul li ul li a:hover {
	background:#CCCCCC url(../images/bg_downloads_ul_li.gif) 2px 3px no-repeat;
	text-decoration:none;
}

#main #downloads a.button_round_top {
	position:absolute;
	right:10px;
	top:40px;
	height: 50px;
}

#main #downloads a.button_round_top:hover {
	top:38px;
}

#main #downloads a.button_round_top span.centre {
	font-size:0.9em;
	width:70px;
}


/*
Right Links
*/

#main #rightlinks {
	padding:0px;
	margin:0px;
	position:absolute;
	right:0px;
	bottom:0px;
	clear:both;
	z-index:200;
}

#main #rightlinks li {
	padding:0px;
	margin:0px;
	background:none;
	padding-top:5px;
}

#main #rightlinks li a {
	display:block;
	width:97px;
	height:64px;
	color:#000000;
	padding:5px 58px 0px 10px;
	background-position:0px 0px;
	font-size:0.9em;
	position:relative;
	overflow:hidden;
	line-height:1.1em;
}

#main #rightlinks li a span {
	display:block;
	font-size:1.2em;
	padding-bottom:1px;
	font-weight:bold;
}

#main #rightlinks li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-position:0px -70px;
}

#main #rightlinks li.subscribe a {
	background-image:url(../images/link_subscribe.gif);
}

#main #rightlinks li.contact a {
	background-image:url(../images/link_forum.gif);
}

#main #rightlinks li.forum a {
	background-image:url(../images/link_forum.gif);
}

#main #rightlinks li.download a {
	background-image:url(../images/link_download.gif);
}


#main div.column_right a.energycalculator {
	display:block;
	width:165px;
	height:130px;
	display:block;
	padding:0px;
	background:url(../images/joule-Button.jpg) 0px 0px no-repeat;
	margin-bottom:10px;
	float:right;
}

#main div.column_right a.energycalculator span.overlink {
	position:absolute;
	right:10px;
	bottom:-4px;

}

#main div.column_right a.energycalculator:hover span.overlink {
	bottom:-1px;
		color: #0034AD;
}

#main div.column_right a.energycalculator span.centre {
	width:105px;
	font-size:0.7em;
}

/*
Inline Images Styles
*/

.inlineimage {
	color:#FFFFFF;
	margin:10px;
	position:relative;
	display:block;
}

.inlineimage a, .inlineimage a:visited {
	color:#000000;
	display:block;
}

.inlineimage a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background:none;
}

.inlineimage img {
	vertical-align:bottom;
}

.inlineimage span.caption, .inlineimage a span.caption {
	display:block;
	padding:5px;
	background:#CCCCCC;
	position:relative;
	z-index:10;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.inlineimage a:hover span.caption {
	background:#F6841F;
	color:#FFFFFF;
}

.inlineimage span.tl, .inlineimage a span.tl, .inlineimage span.tr, .inlineimage a span.tr, .inlineimage span.bl, .inlineimage a span.bl, .inlineimage span.br, .inlineimage a span.br {
	width:5px !important;
	height:5px !important;
	padding:0px !important;
	margin:0px !important;
	position:absolute;
	z-index:20;
}

.inlineimage span.tl, .inlineimage a span.tl, .inlineimage a:hover span.tl {
	background:url(../images/corner_reverse_tl.gif) 0px 0px no-repeat;
	left:0px;
	top:0px;
}

.inlineimage span.tr, .inlineimage a span.tr, .inlineimage a:hover span.tr {
	background:url(../images/corner_reverse_tr.gif) 0px 0px no-repeat;
	right:0px;
	top:0px;
}

.inlineimage span.bl, .inlineimage a span.bl, .inlineimage a:hover span.bl {
	background:url(../images/corner_reverse_bl.gif) 0px 0px no-repeat;
	left:0px;
	bottom:0px;
}

.inlineimage span.br, .inlineimage a span.br, .inlineimage a:hover span.br {
	background:url(../images/corner_reverse_br.gif) 0px 0px no-repeat;
	right:0px;
	bottom:0px;
}

.inlineimage a span.image {
	position:relative;
	z-index:5;
	display:block;
	width:auto;
	height:50px;
	overflow:visible;
}

.inlineimage a:hover span.image {
	background-color:#FFFFFF;
}

.inlineimage a:hover span.image img {
	background:#FFFFFF;
}

.inlineimage a > span.image {
	height:auto;
}

.inlineimage a span.enlarge {
	width:30px;
	height:25px;
	display:block;
	position:absolute;
	right:8px;
	bottom:-3px;
	padding:0px;
	background:url(../images/bg_img_inline_magnify.gif) 0px 0px no-repeat;
	z-index:10;
}

.inlineimage a:hover span.enlarge {
	bottom:0px;
	background:url(../images/bg_img_inline_magnify.gif) 0px -30px no-repeat;
	cursor:pointer;
}

.inlineimage.left {
	float:left;
	margin-left:0px;
	width:200px;
}

.inlineimage.right {
	float:right;
	margin-right:0px;
	width:200px;
}

.inlineimage.block {
	display:block;
	clear:both;
	margin-left:0px;
	margin-right:0px;
}

/*
Form Styles
*/

#main form.formstyles {
	padding:0px;
	float:left;
}

#main form.formstyles div.inner {
	padding:15px 20px;
}

#main form.formstyles fieldset {
	padding-bottom:20px;
}

#main form.formstyles legend {
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:5px;
	color:#FF6600;
}

#main form.formstyles div div {
	clear:both;
	border-top:dotted 1px #CCCCCC;
	padding-top:4px;
	margin-top:5px;
}

#main form.formstyles div div #options {
	clear:left;
	padding:0px;
	margin:0px;
	border-top:0px;
	overflow:hidden;
}

#main form.formstyles div div #options p {
	margin-bottom:5px;
	padding-top:10px;
}

#main form.formstyles div div div.textarea {
	border:0px;
	padding:0px;
	width:330px;
	position:relative;
	background:#FFFFFF;
	margin-top:0px;
}

#main form.formstyles div div div.textarea span.top {
	display:block;
	position:absolute;
	width:330px;
	height:5px;
	line-height:5px;
	top:-5px;
	left:0px;
	background:url(../images/form_textarea_bg_top.gif) 0px 0px no-repeat;
}

#main form.formstyles div div div.textarea span.bot {
	display:block;
	position:absolute;
	width:330px;
	height:5px;
	line-height:5px;
	bottom:-5px;
	left:0px;
	background:url(../images/form_textarea_bg_bot.gif) 0px bottom no-repeat;
}

#main form.formstyles label {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	width:120px;
	float:left;
	line-height:22px;
	padding-right:10px;
}

#main form.formstyles label.nowidth {
	width:auto;
}


#main form.formstyles label.wide {
	width:300px;
}

#main form.formstyles span.asterix {
	color:#FF6600;
}

#main form.formstyles p.subtext {
	clear:both;
	font-size:0.8em;
	margin-bottom:2px;
	margin-top:3px;
}

#main form.formstyles input {
	background:url(../images/form_input_bg.gif) 0px 0px no-repeat;
	width:215px;
	height:22px;
	border:none;
	padding:0px 5px;
	line-height:22px;
	font-size:1.1em;
	color:#333333;

}

#main form.formstyles input.small {
	background:url(../images/form_input_60_bg.gif) 0px 0px no-repeat;
	width:50px;
}

#main form.formstyles input:focus {
	color:#FF6600;
}

#main form.formstyles input.checkbox {
	background:none;
	width:auto;
	height:auto;
	float:left;
	margin-left:5px;
	margin-right:10px;
}

#main form.formstyles input.error {
	background:url(../images/form_input_bg_error.gif) 0px 0px no-repeat;
	color:#FFFFFF;
}

#main form.formstyles input.small.error {
	background:url(../images/form_input_60_bg_error.gif) 0px 0px no-repeat;
	width:50px;
}


#main form.formstyles input.error:focus {
	color:#FFFFFF;
}

#main form.formstyles textarea {
	background:url(../images/blank.gif);
	color:#333333;
	font-size:0.9em;
	padding:0px 5px;
	width:320px;
	height:110px;
	border:0px;
	margin:0px;
}

#main form.formstyles textarea:focus {
	color:#FF6600;
	border:0px;
}

#main form.formstyles div.box.error {
	border:none;
	margin-bottom:12px;
	padding:15px 20px 5px 20px;
}

#main form.formstyles input.submit {

}

#main form.formstyles input.submit {
	padding:0px;
	height:35px;
	width:120px !important;
	background:url(../images/bg_submit_button_tra.gif) 0px 0px no-repeat;
	border:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.3em;
	line-height:35px;
	font-family:"Arial Unicode MS", Arial;
}

#main form.formstyles input.submit:hover {
	background:url(../images/bg_submit_button_tra.gif) 0px -35px no-repeat;
	border:none;
}

#main form.formstyles select {
	background:url(../images/form_input_bg.gif) 0px 0px no-repeat;
	width:225px;
	height:22px;
	border:0px;
	padding:0px 5px;
	line-height:22px;
	font-size:1.1em;
	color:#333333;

}

#main form.formstyles select.error {
	background:url(../images/form_input_bg_error.gif) 0px 0px no-repeat;
	color:#FFFFFF;
}


#ajax_background {
	position: absolute;
	left: 0;
	width:100%;
	background:#FFFFFF; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:250;
	cursor: pointer;
}

.notdisplayed {
	display:none;
}

#ajax_content {
	position: absolute;
	z-index:251;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	/*background:#FFF;
	/*border: 5px solid #fff;/* set the Milkbox border */
	margin:0;
	padding:20px;/* set the Milkbox padding */
	width:750px;
	/*height:600px;*/
	margin-left:-395px;
	/*background:#FFFFFF url(../images/bg_ajaxcontent.jpg) top left no-repeat;
	background:#FFFFFF;*/
	background:#f5f5f5;
	border:solid 1px #dedede;
}



#loading-icon {
	padding:10px;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
	position:absolute;
	left:50%;
	margin-left:-10px;
	display:none;
	z-index:500;
}

#popoutmessage {
	display:block;
	/*background:#FF6600;*/
	margin-bottom:8px;
	overflow:hidden;
}

#ajax_content #popoutmessage p {
	display:block;
	padding:5px;
	width:700px;
	/*width:560px;
	color:#FFFFFF;*/
	font-size:1.2em;
}

#closegallery {
	position:absolute;
	top:10px;
	right:10px;
	z-index:50;
	width:20px;
	height:20px;
	background:url(../images/milkbox/milkbox_close.gif) 0px 0px no-repeat;
}

#closegallery:hover {
	background:url(../images/milkbox/milkbox_close.gif) 0px -23px no-repeat;
}
/*
#main #rightlinks #groupco ul li a:hover{
	color:#ff6600;
}
*/

#downloads.box.orange span.bl, #downloads.box.orange span.br {
	top: 70px
}

#downloads.box.orange {
	background-color: white;
	clear: both;
}

.terms #subnav, .privacy #subnav, .privacidad #subnav, .politica-de-privacidade #subnav {
	display: none;
}

a.videolink {
	background: url(../images/video_bg.jpg) top left no-repeat;
	float: left;
	width: 230px;
	min-height: 90px;
	color: #ffffff;
	font-size: 18px;
	padding: 10px;
	}
	a.videolink.videoright {
		float: right;
		}
	a.videolink:hover {
		text-decoration: none;
		color: #cccccc;
		}
		
a#hyguardlink {
	width:230px;
	height:65px;
	padding:10px 80px 0px 10px;
	float:left;
	margin-bottom:10px;
	overflow:hidden;
	background: url(../images/hyguardlink.jpg);
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	}
	a#hyguardlink:hover {
		padding:10px 75px 0px 15px;
		text-decoration: none;
		}
	a#hyguardlink.en {
		font-size: 18px;
		line-height: 26px;
		}
	a#hyguardlink.zh {
		line-height: 52px;
		}


