@import url(downloads.css);

/* navigation */
#support-navigation {
	margin-top:				15px;
	z-index:				99;
}

#support-navigation li:first-child {
	margin-left:			15px;
}
		
#support-navigation li {
	float:					left;
	margin-right:			5px;
}

#support-navigation li a {
	border:					1px solid #464646;
	border-bottom:			0 !important;
	background:				#464646;
	color:					#ffffff !important;
	display:				block;
	font-weight:			bold;
	height:					40px;
	padding:				0 10px;
	text-align:				center;
	vertical-align:			middle;
	width:					auto;
}

#support-navigation.accessories li#ni-accessories a,
#support-navigation.bulletin li#ni-bulletin a,
#support-navigation.overview li#ni-overview a,
#support-navigation.specifications li#ni-specifications a,
#support-navigation.where-to-buy li#ni-where-to-buy a,
#support-navigation.warranty-support li#ni-warranty-support a
{
	border:					1px solid #d9d9d9;
	background:				#ffffff;
	color:					#464646 !important;
}

#support-details {
	margin-top:				5px;
}

/* type navigation */
#type-navigation {
	background:				#464646 !important;
	margin-top:				15px;
}

#type-navigation li {
	float:					left;
}

#type-navigation li a {
	color:					#ffffff !important;
	cursor:					pointer;
	display:				block;
	font-weight:			bold;
	height:					40px;
	line-height:			40px;
	outline:				none;
	padding:				0 10px;
	text-align:				center;
	width:					75px;
}

#type-navigation li a:hover {
	background:				#af1505;
	text-decoration:		none !important;
}

#type-navigation li a span {
	font-weight:			normal;
}

#type-navigation li#ni-service-centre a,
#type-navigation li#ni-specifications a {
	width:					120px !important;
}


#type-navigation.accessories		li#ni-accessories a,
#type-navigation.bulletin			li#ni-bulletin a,
#type-navigation.download			li#ni-download a,
#type-navigation.faq				li#ni-faq a,
#type-navigation.how-to				li#ni-how-to a,
#type-navigation.service-centre		li#ni-service-centre a,
#type-navigation.warranties			li#ni-warranties a,
#type-navigation.specifications		li#ni-specifications a
{
	background:				#e8e8e8;
	color:					#464646 !important;
}

#type-navigation-more {
	background:				#e8e8e8;
	height:					30px;
	line-height:			30px;
}


/* accessories */
#product-search-results li  {
	border:					0;
	float:					left;
	height:					auto;
	margin-bottom:			10px;
	width:					375px;
	z-index:				999;
}

#product-search-results li.empty {
	height:					auto;
	padding:				5px;
}

#product-search-results li.alternate {
	margin-left:			3px;
}

#product-search-results img {
	background:				#f4f4f4;
	float:					left;
	height:					100px;
	margin-right:			5px;
	width:					100px;
}

#product-search-results div {
	float:					left;
	width:					265px;
}

#product-search-results div h5 {
	border-bottom:			1px solid #d9d9d9;
	font-size:				150%;
	line-height:			30px;
	margin:					5px 0;
	position:				relative;
}

#product-search-results div p {
	margin-bottom:			5px;
}

#product-search-results div p.price {
	font-size:				120%;
	margin-top:				15px;
}


/* service centres */
li.item {
	background:				#f4f4f4;
	margin-bottom:			5px;
	padding:				10px;
}

li.item h4 {
	cursor:					pointer;
	font-weight:			normal;
	position:				relative;
}

li.item h4 span {
	font-weight:			bold;
	padding-right:			15px;
}

li.item h4 img {
	background:				transparent url(/web/resource/img/products/type/plus.png) no-repeat 0 -18px;
	height:					18px;
	position:				absolute;
	right:					0;
	top:					-2px;
	width:					18px;
}

li.item h4:hover img {
	background-position:	0 0;
}

li.item div.details {
	background:				#ffffff;
	font-size:				95%;
}

li.item.selected {
	background:				#c61505;
}

li.item.selected h4 {
	color:					#ffffff;
}

li.item.selected h4 img {
	background-image:		url(/web/resource/img/products/type/minus.gif);
	background-position:	0 0;
}

li.item.selected h4:hover img {
	background-position:	0 -18px;
}

li.item.selected div.details {
	margin-top:				10px;
	padding:				10px 10px 0 !important;
}


li.item div div {
	float:					left;
	margin:					0 5px 10px 0;
	width:					225px;
}

li.item div address,
li.item div p.email,
li.item div a.gmap,
li.item div p.phone
{
	background:				transparent no-repeat center left;
	display:				block;
	height:					40px;
	line-height:			40px;
	margin:					0 !important;
	text-indent:			45px;
}

li.item div address {
	background-image:		url(/web/resource/img/support/address.gif);
	background-position:	top left;
	height:					auto;
	line-height:			normal;
	margin-bottom:			5px !important;
	padding-left:			45px;
	text-indent:			0;
}

li.item div p.email {
	background-image:		url(/web/resource/img/support/mail.gif);
}

li.item div a.gmap {
	background-image:		url(/web/resource/img/support/maps.gif);
}

li.item div p.phone {
	background-image:		url(/web/resource/img/support/phone.gif);
}

li.item div a.download {
	color:					#c61505;
	display:				block;
	margin-top:				15px;
}





/* form */
#filters {
	background:			transparent url(/web/resource/img/support/background-finder.jpg) no-repeat;
	display:			block;
	height:				190px;
	margin:				0 auto;
	position:			relative;
	width:				761px;
}

#filters h3 {
	background:			transparent url(/web/resource/img/support/magnifying-glass.png) no-repeat;
	display:			block;
	height:				75px;
	left:				85px;
	position:			absolute;
	text-indent:		-9999px;
	top:				-15px;
	width:				91px;
}

#filters p,
#filters fieldset
{
	height:				auto;
	position:			absolute;
	top:				55px;
}

#filters fieldset label {
	display:			block;
	height:				20px;
	margin:				0 auto;
	*margin-bottom:		2px;
	width:				220px;
}

#filters fieldset select {
	display:			block;
	float:				left;
	font-size:			95%;
	width:				200px;
}

#filters fieldset a {
	background:			transparent url(/web/resource/img/support/questionmark.png) no-repeat;
	display: none;
	float:				right;
	height:				18px;
	text-indent:		-9999px;
	width:				18px;
}

#filters fieldset a.sticker {
	background:			none;
	clear:				both;
	display:			block;
	float:				none;
	height:				auto;
	margin-top:			8px;
	text-indent:		0;
	width:				auto;
	font-size:          80%;
}

#filters p {
	text-align:			center;
	top:				32px;
	right:				50px;
	width:				420px;
}

#filters b {
	left:				65px;
	position:			absolute;
	top:				105px;
}

#filters fieldset.sku {
	right:				305px;
	width:				180px;
}

#filters fieldset input {
	font-size:			95%;
}

#filters fieldset input.submit {
	margin-top:			2px;
	width:				75px;
}

#filters fieldset.sku label {
	margin:				0;
	width:				180px;
}

#filters fieldset.sku label input {
	float:				left;
	padding:			2px;
	*padding:			0;
	width:				155px;
}

#filters fieldset.filter {
	right:				25px;
	width:				240px;
}

#filters span {
	font-weight:		bold;
	position:			absolute;
	right:				280px;
	top:				55px;
}



/* form - not home*/
#filters.not-home {
	background:			transparent url(/web/resource/img/support/background-finder.jpg) no-repeat;
	display:			block;
	height:				190px;
	margin:				0 auto;
	position:			relative;
	width:				761px;
}

#filters.not-home h3 {
	background:			transparent url(/web/resource/img/support/magnifying-glass.png) no-repeat;
	display:			block;
	height:				75px;
	left:				85px;
	position:			absolute;
	text-indent:		-9999px;
	top:				-15px;
	width:				91px;
}

#filters.not-home p,
#filters.not-home fieldset
{
	height:				auto;
	position:			absolute;
	top:				55px;
}

#filters.not-home fieldset label {
	display:			block;
	height:				20px;
	margin:				0 auto;
	*margin-bottom:		2px;
	width:				220px;
}

#filters.not-home fieldset select {
	display:			block;
	float:				left;
	font-size:			95%;
	width:				200px;
}

#filters.not-home fieldset a {
	background:			transparent url(/web/resource/img/support/questionmark.png) no-repeat;
	display: none;
	float:				right;
	height:				18px;
	text-indent:		-9999px;
	width:				18px;
}

#filters.not-home fieldset a.sticker {
	background:			none;
	clear:				both;
	display:			block;
	float:				none;
	height:				auto;
	margin-top:			8px;
	text-indent:		0;
	width:				auto;
}

#filters.not-home p {
	text-align:			center;
	top:				32px;
	right:				560px;
	width:				420px;
}

#filters.not-home b {
	left:				65px;
	position:			absolute;
	top:				105px;
}

#filters.not-home fieldset.sku {
	right:				815px;
	width:				180px;
}

#filters.not-home fieldset input {
	font-size:			95%;
}

#filters.not-home fieldset input.submit {
	margin-top:			2px;
	width:				75px;
}

#filters.not-home fieldset.sku label {
	margin:				0;
	width:				180px;
}

#filters.not-home fieldset.sku label input {
	float:				left;
	padding:			2px;
	*padding:			0;
	width:				155px;
}

#filters.not-home fieldset.filter {
	right:				535px;
	width:				240px;
}

#filters.not-home span {
	font-weight:		bold;
	position:			absolute;
	right:				790px;
	top:				55px;
}

#content div.wide #filters.not-home b {
	display:				none;
}

#content div.wide #filters.not-home {
	background:				#e8e8e8;
	background-position:	center right;
	border:					1px solid #e3ddd8;
	height:					200px;
	margin-top:				5px;
	width:					auto;
}

#content div.wide #filters.not-home h3 {
	display:				none;
}

#content div.wide #filters.not-home h4.title {
	display:				block;
	font-size:				150%;
	position:				absolute;
	top:					15px;
	right:					755px;
	width:					215px;
}

#content div.wide #filters.not-home span {
	top:					110px;
	right:					630px;
}

#content div.wide #filters.not-home p {
	display:				none;
	position:				absolute;
}

#content div.wide #filters.not-home p.description {
	display:				block;
	left:					auto;
	right:					755px;
	text-align:				left;
	top:					35px !important;
	width:					215px;
}

#content div.wide #filters.not-home fieldset.filter,
#content div.wide #filters.not-home fieldset.sku
{
	right:					525px;
	width:					220px;
}

#content div.wide #filters.not-home fieldset.filter {
	/*top:					23px;*/
}

#content div.wide #filters.not-home fieldset.sku {
	top:					130px;
}

#content div.wide #filters.not-home fieldset.sku #sku {
	width:					194px;
}

#content div.wide #filters.not-home fieldset.sku label {
	height:					20px;
	margin:					0 auto;
	width:					220px;
}













#icons li {
	float:				left;
	margin-bottom:		10px;
	min-height:         100px;
	width:				368px;
	*width:				365px;
}

#icons li.left {
	margin-left:		35px;
	*margin:0;
}

#icons li.grey {
	background:			#ababab url(/web/resource/img/support/background-gradient.gif) repeat-x top;
}

#icons li img {
	background:			transparent no-repeat center center;
	float:				left;
	height:				70px;
	margin-top:			10px;
	width:				100px;
}

#icons li div {
	float:				right;
	padding-bottom:		5px;
	width:				265px;
}

#icons li.left div {
	background:			transparent url(/web/resource/img/support/divider-white.jpg) no-repeat top right;
}


#icons li.left.grey div {
	background-image:	url(/web/resource/img/support/divider-grey.jpg);
}

#icons li.grey div {
	*background:none;
}

#icons li.left.grey {
	*height: 100px;
}


#icons li div p {
	width:				240px;
}


#type-navigation-more {
	position:			relative;
}

#type-navigation-more input,
#type-navigation-more select
{
	float:				right;
	font-size:			95%;
	height:				18px;
	margin:				6px 10px 0 0;
	/*position:			absolute;*/
	/*right:				10px;
	top:				7px;*/
	width:				200px;
}

#type-navigation-more input
{
	margin-right:		5px;
	*height:			15px;
}

/* ########## warranty - register ########## */
#register {
	
}

#register div.left {
	float:				left;
	width:				350px;
}

#register div.left h4,
#register div.left p
{
	padding:			10px 0 0 20px;
}

#register div.right {
	float:				right;
	text-align:			center;
	width:				350px;
}

#register div.right img {
	display:			block;
	margin:				0 auto 25px;
}

/* form */
#register input.button {
	color:				#222222;
	display:			block;
	font-size:			85%;
	margin-top:			5px;
}

#body.contact-us #content form,
#register form {
	background:			#e7e7e7 url(/web/resource/img/support/warranty/register/background.gif) repeat-x;
	border:				1px solid #dcdcdc;
	display:			block;
	height:				auto;
	margin:				20px 0;
	*padding:			10px 0;
	text-align:			center;
	width:				350px;
}

#body.contact-us #content form h4,
#body.contact-us #content form p,
#register form h4,
#register form p
{
	padding:			0 !important;
}

#body.contact-us #content form h4,
#register.details form h4 {
	margin-bottom:		15px;
}

#body.contact-us #content form input.button,
#register form input.button {
	float:				right;
	margin:				0;
}

#body.contact-us #content form fieldset,
#register form fieldset {
	margin:				10px auto;
	text-align:			left;
	width:				315px;
}

#body.contact-us #content form fieldset div.hr,
#register form fieldset div.hr {
	background:			transparent url(/web/resource/img/support/warranty/register/divider.gif) no-repeat center center;
	display:			block;
	height:				15px;
	margin:				0 auto;
	width:				315px;
}

#body.contact-us #content form fieldset label,
#register form fieldset label {
	color:				#444444;
	display:			block;
	font-family:		arial;
	font-weight:		bold;
	line-height:		20px;
	margin:				0 auto;
}

#body.contact-us #content form fieldset label select,
#body.contact-us #content form fieldset label input,
#body.contact-us #content form fieldset label textarea,
#register form fieldset label select,
#register form fieldset label input
{
	border:				1px solid #abadb3;
	border-right-color:	#dbdfe6;
	border-bottom-color:#e3e9ef;
	border-left-color:	#e2e3ea;
	color:				#444444;
	display:			block;
	font-family:		arial;
	font-size:			100%;
	padding:			2px;
	width:				310px;
}

#body.contact-us #content form fieldset label select {
	margin-bottom:		5px;
}

#body.contact-us #content form fieldset label.inline,
#register form fieldset label.inline {
	background:			#ffffff;
	font-weight:		normal;
	height:				20px;
	margin-bottom:		5px;
	position:			relative;
	text-indent:		5px;
}

#body.contact-us #content form fieldset label.inline.textarea textarea,
#body.contact-us #content form fieldset label.inline.selected.textarea textarea,
#body.contact-us #content form fieldset label.inline.textarea {
	height:				75px !important;
}

#body.contact-us #content form fieldset label.inline.selected input,
#body.contact-us #content form fieldset label.inline.selected textarea,
#register form fieldset label.inline.selected input {
	background:			#ffffff;
}

#body.contact-us #content form fieldset label.inline input,
#body.contact-us #content form fieldset label.inline textarea,
#register form fieldset label.inline input {
	background:			transparent;
	display:			inline;
	left:				0;
	position:			absolute;
	top:				-1px;
}

#body.contact-us #content form fieldset label select,
#register form fieldset label select {
	padding:			2px 0;
	width:				316px;
}

#register.details form fieldset label {
	margin-bottom:		5px;
}

#register form div.privacy h4 {
	margin:				0;
}

#register form div.privacy p {
	font-size:			85%;
	text-align:			justify;
}

#body.contact-us #content form fieldset input.button,
#register form fieldset input.button {
	padding:			0 15px;
	margin-bottom:		10px;
	*margin:			0;
}

/* radio buttons */
#body.contact-us #content form fieldset table td,
#register form fieldset table td {
	padding:			0;
}

#body.contact-us #content form fieldset table input,
#register form fieldset table input {
	margin-right:		5px;
}

#body.contact-us #content form fieldset table label,
#register form fieldset table label {
	display:			inline;
	line-height:		20px;
	padding-right:		10px;
}

#body.contact-us #content form div.message,
#register form div.message {
	clear:				both;
	display:			block;
	font-weight:		bold;
}

#body.contact-us #content form div.message div,
#register form div.message div {
	background:			transparent url(/web/resource/img/support/warranty/register/divider.gif) no-repeat center top;
	font-family:		arial;
	padding-top:		8px;
	*padding-top:		2px;
}

#body.contact-us #content form div.message ul,
#register form div.message ul {
	color:				#666666;
	font-family:		verdana;
	font-weight:		normal;
	list-style-type:	square;
	margin:				5px 0 0 15px;
}


/* thankyou */
#register div.thankyou {
	margin:				25px 15px;
	text-align:			justify;
	width:				350px;
}

#register div.thankyou h4 { 
	font-size:			110%;
	margin-bottom:		15px;
}


/* wide screen */
#content div.wide {
	padding:				5px;
}

#content div.hero {
	background:				transparent url(/web/resource/img/support/banner-generic.jpg) no-repeat center top;
	display:				block;
	height:					250px;
	position:				relative;
	width:					773px;
}

#content div.hero h3 {
	font-size:				120%;
	left:					35px;
	position:				absolute;
	top:					65px;
}

#content div.hero ul {
	left:					50px;
	list-style-type:		square;
	list-style-position:	outside;
	position:				absolute;
	top:					85px;
	width:					230px;
	*left:					35px;
	*padding-left:			15px;
}

#content div.hero ul li a {
	color:					#666666 !important;
}

#content div.wide div.hero,
#content div.wide #filters b {
	display:				none;
}

#content div.wide #filters {
	background:				#e8e8e8;
	background-position:	center right;
	border:					1px solid #e3ddd8;
	height:					200px;
	margin-top:				5px;
	width:					auto;
}

#content div.wide #filters h3 {
	display:				none;
}

#content div.wide #filters h4.title {
	display:				block;
	font-size:				150%;
	margin:                 15px 0 0 10px;
	/*position:				absolute;
	top:					15px;
	right:					245px;*/
	width:					215px;
}

#content div.wide #filters span {
	top:					110px;
	right:					120px;
}

#content div.wide #filters p {
	display:				none;
	position:				absolute;
}

#content div.wide #filters p.description {
	display:				block;
	left:					auto;
	right:					245px;
	text-align:				left;
	top:					35px !important;
	width:					215px;
	position:               static !important;
	margin:                 5px 0 0 10px;
}

#content div.wide #filters fieldset.filter,
#content div.wide #filters fieldset.sku
{
	right:					15px;
	width:					220px;
}

#content div.wide #filters fieldset.filter {
	top:					10px;
}

#content div.wide #filters fieldset.sku {
	top:					130px;
}

#content div.wide #filters fieldset.sku #sku {
	width:					194px;
}

#content div.wide #filters fieldset.sku label {
	height:					20px;
	margin:					0 auto;
	width:					220px;
}

/* contact us */
#body.contact-us #content form {
	float:					left;
}

#body.contact-us #content div.details {
	float:					right;
	margin-bottom:			25px;
	width:					400px;
}

#body.contact-us #content div.details h4 {
	margin-top:				15px;
}

#body.contact-us #content div.details p {
	margin:					0;
}

#body.contact-us #content div.details ul {
	margin:					5px 0 15px 25px;
}

#body.contact-us #content div.details ul li {
	margin:					0;
}












































/* ########## hero ########## */
#content div.hero {
	background: transparent url(/web/resource/img/support/banner-quick-links.jpg) no-repeat center top;
	display: block;
	height:	250px;
	position: relative;
	width: 773px;
}

#content div.hero h3 {
	font-size: 120%;
	left: 35px;
	position: absolute;
	top: 60px;
	
}

#content div.hero ul {
	left: 50px;
	position: absolute;
	top: 90px;
	width: 230px;
}

#content div.hero ul li {
	list-style-type: square;
}

#content div.hero ul li a {
	color:	#666666 !important;
}

#content div.wide div.hero,
#content div.wide #filters b {
	display: none;
}


/* ########## book a service ########## */
a.book-service {
	background: transparent url(/web/resource/img/support/book-a-service/btn-book-a-service.png) no-repeat;
	display: block;			
	height: 30px;
	margin-right: 5px;
	outline: none;
	text-indent: -9999px;
	width: 170px;
}

a.book-service:hover {
	background-position: 0 -30px;
}

a.book-service.top {
	float: right;
	margin-bottom: 5px;
}

a.book-service.bottom {
	margin-top: 50px;
}

body.support.book-a-service a.book.logo {
	display: none;
}

body.support.book-a-service div.section.left div {
	width: 425px !important;	
}

#windows-7-drivers {
	line-height: normal;
    margin: 0 !important;
    position: absolute;
    right: 260px;
    top: -87px;
    font-size: 90%;
}

#windows-7-drivers,
#windows-7-drivers a
{
	color: #C90000;
}



/* specifications */

body.specifications table {
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 8pt;
	color: #666;
}

table th,
table td {
	padding: 5px;
}

table tr.alternate td {
	background: #e8e8e8 !important;
}

table td.attribute {
	font-weight: bold;
}

table tr.section {
	background: #464646;
	color: #ffffff;
	font-weight: bold;
}