html, body {height:100%; margin:0; padding:0;}
body {background-color:#fff; border-style:none; color:#000; font:70% Verdana, Arial, Helvetica, sans-serif; line-height:1.1em; margin:0; padding:0; text-align:left;}
fieldset {border:0; margin:0; padding:0;}
form {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
img {border:0;}
input, select {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; vertical-align:top;}
p {margin:0; padding:0;}
ol, ul, li {margin:0; padding:0; text-indent:0;}
a {color:#253c8b;}


/*   General
---------------------------------------------- */
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.nowrap {white-space:nowrap;}

.print {display:none;}
.hidden {position:absolute; left:-900em;}
strong.hidden {display:block;}
span.hidden {display:none;}

	
	/*	 Wrapper
	---------------------------------------------- */
	#wrapper {background:url("../img/bg.png") repeat-x 0 0; margin:0 auto; min-height:480px; padding:0 10px 20px 10px; width:960px;}
		ul.accesNav {text-indent:-900em; line-height:0px; height:0px; font-size:0px;}


		/*	 Header
		---------------------------------------------- */
		#header {color:#000; height:81px; clear:both; width:960px;}

			
			/*	 logo
			---------------------------------------------- */
			.logo {background:url("../img/logo-dp.png") no-repeat 0 15px; float:left; height:81px; width:221px;}
			.logo a {display:block; height:66px; padding-top:15px; width:221px; text-indent:-900em;}
			
			
			/*	 Global navigation
			---------------------------------------------- */
			.globalNav {float:right; padding:15px 2px 0 0; width:737px;}
			.globalNav ul {float:right;}
			.globalNav ul li {float:left; list-style:none; font-size:1.1em; line-height:1.1em; padding-right:8px;}
			.globalNav ul li a {font-weight:bold; padding-left:9px;}
			.globalNav ul li span {font-weight:bold;}
			

			/*	 Language selector
			---------------------------------------------- */
			.languageSelector {float:right; padding:26px 10px 0 0px; text-align:right; width:723px;}
			.languageSelector legend {display:none;}
			.languageSelector select {border:#ababab solid 1px; color:#253c8b; cursor:pointer; font-size:1em; min-height:19px; padding-left:3px; width:133px;}
			.languageSelector input {margin-top:1px;}
			
		
		/*	 Main navigation
		---------------------------------------------- */
		#mainNav {background:url("../img/bg-mainNav.gif") 0 0 repeat-x; border-bottom:#f84949 solid 2px; border-top:#606060 solid 1px; min-height:31px; width:960px;}
		#mainNav ul li {background:url("../img/seperator-mainNav.gif") 100% 5px no-repeat; display:block; float:left; list-style:none;}
		#mainNav ul li a {color:#fff; display:block; font-size:1.1em; line-height:1.1em; font-weight:bold; height:23px; padding:8px 24px 0 24px; text-decoration:none;}
		#mainNav ul li a:hover {background-color:#434343;}
		#mainNav ul li.selected a {background-color:#434343;}
		
			/*	 Search area
			---------------------------------------------- */
			#searchArea {float:right; text-align:right; padding:6px 10px 0 0; width:180px;}
			#searchArea legend {display:none;}
			#searchArea .in {border:#ababab solid 1px; color:#253c8b; font-size:1em; padding:2px 0 2px 3px; width:127px;}
			#searchArea .submit {margin-top:1px;}
			
		
		/*	 Main
		---------------------------------------------- */
		div#main {clear:both; min-height:350px; padding:15px 0 25px 0; overflow:auto; width:100%;}
			
	
			/*	 Type of content (Format)
			---------------------------------------------- */
			.format {}
			.homepage #content {background-color:transparent; border:0; margin:0; padding:0; width:740px;}
			.fullwidth #content {border:0; margin:0; padding:0; width:960px;}
			.supportPages #content {margin-left:0;}


				/*	 Local navigation
				---------------------------------------------- */
				#localNav {background-color:#fff; border-top:#b4b4b4 solid 1px; float:left; min-height:370px; width:200px;}
				#localNav h2.head {background:url("../img/bg-content-head.gif") repeat-x 0 0; font-size:1em; line-height:1em; font-weight:bold; margin-bottom:7px; padding:7px 9px 9px 9px; text-transform:uppercase;}

				#localNav ul {cursor:pointer; display:block; margin:0 9px 9px 9px;}
				#localNav ul li {border-bottom:#c7d2e8 solid 1px; list-style:none;}
				#localNav ul li a {color:#253c8b; display:block; font-weight:bold; line-height:16px; padding:2px 10px 2px 0; text-decoration:none;}
				#localNav ul li a:hover {background-color:#f4f6fa}
				#localNav ul li.selected a {background-color:#f4f6fa; font-weight:bold;}
				#localNav ul li.opensub {border-bottom:1px solid #eaeef7}
				#localNav ul li.opensub a {background:url("../img/bullet-4.gif") no-repeat 100% 0; color:#253c8b; display:block; font-weight:bold;}
				#localNav ul li.opensub a:hover {background-color:#f4f6fa}
				#localNav ul li ul {margin:0;}
				#localNav ul li ul li {border-bottom:1px solid #eaeef7;}
				#localNav ul li ul li a {color:#253c8b; font-weight:normal; padding-left:12px;}
				#localNav ul li ul li.opensub a {color:#253c8b; font-weight:normal;}
				#localNav ul li ul li ul li a {color:#758bd5; display:block; font-weight:normal; padding-left:24px;}
				#localNav ul .noBorder {border-bottom:0;}
				


				/*	 Content wrapper
				---------------------------------------------- */
				#content {background-color:#fff; border-top:#b4b4b4 solid 1px; float:left; min-height:370px; margin:0 0 0 20px; width:740px;}
					.thumb {float:left; padding:0 0 5px 0; width:100%;}
					.thumbLeft {float:left; padding:0 20px 5px 0;}
					.thumbRight {float:right; padding:0 0 5px 20px;}
					
					/*	 Content
					---------------------------------------------- */
					.content {}
					.content h1 {font-size:1.7em; line-height:1em; padding:0 10px 15px 10px;}
					.content h2 {font-size:1.5em; line-height:1em; padding:0 10px 15px 10px;}
					.content h3 {font-size:1.3em; line-height:1em; padding:0 10px 10px 10px;}
					.content h4 {font-size:1.1em; line-height:1em; padding:0 10px 10px 10px;}
					.content p {font-size:1em; line-height:1.3em; padding:0 10px 15px 10px;}
					.content p.introduction {font-weight:bold;}
					.content p.large {font-size:1.1em;}
									
					.content ul {margin:0 0 20px 20px;}
					.content ul li {background:url("../img/bullet-1.1.gif") no-repeat 0 4px; line-height:1.3em; list-style:none; padding-left:16px;}
					
					.content ol {margin:0 0 20px 40px;}
					
					.content table {border-left:#000 solid 1px; border-top:#000 solid 1px; margin-bottom:20px; width:98%;}
					.content table caption {font-size:1.25em; font-weight:bold; text-align:left; padding:5px 0 10px 10px;}
					.content table td, .content table th {border-bottom:#000 solid 1px; border-right:#000 solid 1px; padding:4px 4px}

					
					.content .thumbLeft {font-size:9px; padding:10px 0 10px 10px; text-align:center}
					.content .thumbRight {font-size:9px; padding:10px 10px 10px 0; text-align:center}
					.content .thumbLeft a, .content .thumbRight a {color:#253c8b; line-height:16px;}
					
					.content .form {border:#000 solid 1px; margin:0 10px 20px 10px;}
					.content .form {border:#000 solid 1px;}
					.content .form fieldset {padding-bottom:0;}
					
						.form {padding:10px; margin:0; min-height:45px;}
						.form h1 {font-size:1.5em; line-height:1em; padding:5px 10px 15px 0;}
						.form h2 {font-size:1.3em; line-height:1em; padding:5px 10px 8px 0;}
						.form p {color:#666; line-height:1.25em; padding:0 10px 8px 0;}
						.form fieldset {padding-bottom:20px;}
						.form legend {margin:0 0 15px 0; padding:0; float:left; text-indent:0; color:#000; text-align:left; font-weight:bold;}
						.form ul {margin:7px 0;}
						.form ul li {list-style:none;}
						.form ul li a {background:url("../img/bullet-1.1.gif") no-repeat 0 4px; line-height:1.30em; list-style:none; padding-left:16px;}
						.form div {clear:both; margin-bottom:5px; overflow:hidden;}
						.form div div {clear:none; margin-bottom:0;}
						.form label {float:left; line-height:2em; cursor:pointer;}
						.form label.front {width:230px;}
						.form .text {border:#ababab solid 1px; color:#253c8b; float:left; font-size:1em; margin:0 10px 0 0; padding:2px 0 3px 3px; width:196px;}
						.form select {border:#ababab solid 1px; color:#253c8b; cursor:pointer; float:left; font-size:1em; margin:0 10px 0 0; min-height:20px; padding-left:3px; width:200px;}
						.form textarea {border:1px solid #ababab; padding:3px 2px 3px 5px; font:1em Verdana, Arial, Helvetica, sans-serif; float:left; width:454px; margin:0 5px 0 0; height:98px; overflow:auto;}
						.form .submit {background:url("../img/bg-submit.gif") repeat-x 0 0; border:solid 1px; border-color:#dbdbdb #b4b4b4 #b4b4b4 #dbdbdb; color:#253c8b; cursor:pointer; font-size:0.9em; line-height:0.9em; height:20px; margin:0; padding:0 13px;}

						.form .radio {float:left; margin:3px 10px 0 0; height:15px;}
						.form .checkbox {float:left; margin:3px 10px 0 0; height:15px;}

						.form span.hint {line-height:1.9em; float:left; font-style:italic; white-space:nowrap;}
						.form span.hint label {float:none; margin:0; padding:0; line-height:1em; font-size:1em;}

						.form .button {float:left; padding:5px 0 2px 0; width:200px; clear:none;}
						.form .rightSide {float:right; text-align:right; width:200px; clear:none;}

						.form .char2 {width:30px;}
						.form .char4 {width:60px;}
						.form .char7 {width:58px;}

						.smallSize {float:left; margin:0 50px 20px 10px; min-height:240px; width:370px;}
						.form .smallSize {margin:0; min-height:10px; padding:0; width:350px;}
						.form .smallSize div {margin-bottom:0;}
						.normalSize {float:left; margin-left:10px; min-height:140px; width:700px;}
						
						.form .collection {width:205px; float:left; margin:0;}
						.form .collection div {float:left;}
						.form .collection div img {margin-right:20px;}
						.form .vertical div {float:none; overflow:auto;}
						
						.form .line {border-bottom:#000 solid 1px; margin-bottom:10px;}
						
						.form .actual {background:#f2f2f2; margin-top:5px; padding:10px;}
						
						.chartOverview {font:1em Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; padding:0; width:700px;}
						.chartOverview ul {margin:0;}
						.chartOverview ul li {color:#222; display:block; float:left; padding-bottom:3px; width:100%;}
						.chartOverview ul li span {float:right; text-align:right;}
						.chartOverview div {margin:0; padding-left:20px;}
						.chartOverview p {display:block; float:left; margin:0; padding:0 0 10px 0; width:100%;}
						.chartOverview p span {float:right; text-align:right;}
						.chartOverview span.price {display:block; text-align:right;}
						.chartOverview .line {display:block;}
						.chartOverview .dotted {border-bottom:#000 dotted 1px;}
						.chartOverview .total {float:right; width:80px;}
						.chartOverview .quantity {text-align:right;}
						.chartOverview .textButton {background:none; border:0; color:#253c8b; cursor:pointer; font-size:0.9em; line-height:0.9em; margin:0; padding:0;}
						.chartOverview .text {float:none; margin-right:3px; text-align:right;}
						.chartOverview thead th {background-color:#b4b4b4; color:#fff; padding:8px 7px 9px 7px;}
						.chartOverview tbody td {padding:5px 7px 0 7px; vertical-align:top;}
						.chartOverview tbody td h2 {font-size:1.0em; padding:0 0 5px 0;}

						.form .messageTop {border:1px solid #c00; padding:0 10px; margin-bottom:10px;}
						.form .message p {color:#c00; font-weight:bold; padding-top:8px;}
						.form .message ul {margin:0 0 10px 0; list-style:none; padding:0;}
						.form .message .front {color:#c00; font-weight:bold;}
						.form .message li {color:#c00; margin-left:0; padding:0;}
						.form .message li label {float:none; font-weight:bold;}
						.form .message li span {display:block; color:#000; padding-bottom:3px;}
						.form .message select {border:2px solid #ce0011; color:#ce0011;}
						.form .message textarea {border:2px solid #ce0011; color:#ce0011; padding:2px 1px 2px 4px;}
						.form .message input.text {border:2px solid #ce0011; color:#ce0011; padding:2px 1px 2px 4px;}
						.form .message input.file {border:2px solid #ce0011; color:#ce0011; padding:2px 1px 2px 4px;}
						
					.content .searchForm {width:480px;}
					.content .searchForm label.front {width:110px;}
						
						.searchResults {margin:0 10px;}
						.searchResults h2 {padding-left:0;}
						.searchResults h3 {float:right; font-size:1.1em; line-height:1.1em; padding:0 0 4px 0; width:460px;}
						.searchResults ul {margin:0 0 20px 0;}
						.searchResults ul li {background:none; float:left; width:500px; padding:0 0 20px 0;}
						.searchResults ul li p {float:right; width:460px; padding:0;}
						.searchResults .number {float:left; display:block; padding-top:1px; width:40px;}
						.searchResults .detail {color:#666; float:right; width:460px;}
						
							.paging {border-top:#000 solid 1px; overflow:auto; width:500px;}
							.paging div {float:left; padding:4px 0 20px 0; text-align:center; width:320px;}
							.paging div span {background-color:#001e4a; color:#fff; padding:0 3px 1px 3px;}
							.paging div a {padding:0 3px;}
							.paging .back {width:90px; text-align:left;}
							.paging .next {float:right; text-align:right; width:90px;}
							
						.newsArchive ul {display:block; overflow:auto}
						.newsArchive ul li {padding-bottom:0;}
						.newsArchive ul li h3 {font-size:1em; font-weight:normal; width:430px;}
						.newsArchive .number {width:70px;}
						
						.month {border-bottom:#000 solid 1px; float:left; font-size:1.1em; padding-bottom:10px; margin:0 10px 10px 10px;}
						.month h3 {padding-left:0;}
						.month ul {margin-left:5px;}
						.month ul li {float:left; padding-bottom:2px; width:680px;}
						.month ul li span {float:left; width:565px;}
						.month ul li span.date {width:105px; padding-bottom:2px;}
						
						.help {border-bottom:#000 solid 1px; margin:0 10px 20px 10px;}
						.help ul {margin:0 0 20px 0;}
						.help h3 {font-size:1em;}
						.helpline {border-bottom:#000 solid 1px; margin:0 10px 20px 10px;}
						
						.gallery {float:left; padding-bottom:20px; width:100%;}
						.gallery h2 {font-size:1.25em; padding:0 3px 7px 3px;}
						.gallery h2 a {color:#666;}
						.gallery p {}
						.gallery div {float:left; width:100%;}
						.gallery div div {border:#ccc solid 1px; color:#666; float:left; line-height:1.2em; margin:5px 5px; padding:2px; width:300px;}
						.gallery div div img {float:left; margin:2px 10px 7px 2px;}
						.gallery div.small div {width:154px;}
						.gallery div.small div img {margin:2px;}
						
						

					/*	 Content navigation
					---------------------------------------------- */
					div.contentNav {background:#fb3f3f; float:right; height:20px; margin-right:10px; width:63px} 
					
					
					/*	 Product group overview
					---------------------------------------------- */
					.productGroupOverview {overflow:auto; width:730px; padding-left:10px;}
						.productGroup {float:left; min-height:120px; padding:10px 5px; text-align:center; width:110px;}
						.productGroup a {display:block;}
						
						.productItem {border-bottom:#000 solid 1px; float:left; margin:0 10px; padding:10px 0 5px 0; width:340px;}
						.productItem .thumb {padding:0; width:100px;}
						.productItem h2 {font-size:1.1em; line-height:1.2em; padding-bottom:7px;}

					
					/*	 3 Triple big field (homepage)
					---------------------------------------------- */
					.tripleField .box {min-height:230px; width:230px;}
					.tripleField .newProducts {width:240px; margin:0 20px;}
					.tripleField .newProducts .product p {width:130px;}
					.tripleField .newProducts .thumbLeft {padding-right:10px;}
					
							
					/*	 3 Triple big field (homepage)
					---------------------------------------------- */
					.bigField .box {width:740px;}
					.bigField .box h2.head {margin-bottom:0;}
					.bigField .box img {float:left;}

					/*	 3 Triple big field (homepage)
					---------------------------------------------- */
					.doubleField .leftSide {margin-right:20px;}
					.doubleField .box {min-height:150px; margin-bottom:0; width:360px;}
					.doubleField .box .product p {width:247px;}
					.doubleField .box .product p a {display:inline;}
							

					/*	 Crumbtail
					---------------------------------------------- */
					.clickpath {background:#000 url("../img/bg-content-head.gif") repeat-x 0 0; color:#000; font-size:0.9em; line-height:0.9em; margin-bottom:20px; padding:7px 9px 11px 9px;}
					.clickpath a {color:#253c8b;}
					.steps {font-size:1em; padding-bottom:10px}
											

					/*	 Products information bar
					---------------------------------------------- */
					.information {background:url("../img/bg-info.gif") repeat-y 0 0; float:right; line-height:18px; margin:0 10px 0 0; width:195px;}
					.information .background-1 {background:url("../img/bg-info-bottom.gif") 0 100% no-repeat;}
					.information .background-2 {background:url("../img/bg-info-top.gif") 0 0 no-repeat; overflow:auto; padding:10px 9px}
					.information h2 {color:#253c8b; font-size:1.2em; font-weight:bold; padding:0 0 8px 4px;}
					.information h3 {color:#31b67a; font-size:1em; font-weight:bold; padding:5px 0 3px 4px;}
					.information h3.custombuild {color:#ff9d18;}
					.information h3.backorder {color:#fb3f3f;}
					.information p {color:#000; line-height:1.25em; padding:0 0 10px 4px;}
					.information a {background:url("../img/bg-submit.gif") repeat-x 0 0; border:solid 1px; border-color:#dbdbdb #b4b4b4 #b4b4b4 #dbdbdb; color:#253c8b; float:left; font-size:1em; height:18px; margin:0 0 10px 12px; padding:0 13px;}

					
					/*	Box
					---------------------------------------------- */
					.box {background-color:#fff; border-top:#b4b4b4 solid 1px; display:inline; float:left; margin-bottom:25px; width:200px;}
					.box h2 {font-size:1.1em; line-height:1.2em; padding:0 9px 20px 9px;}
					.box h2.head {background:url("../img/bg-content-head.gif") repeat-x 0 0; font-size:1em; line-height:1em; font-weight:bold; margin-bottom:7px; padding:7px 9px 9px 9px; text-transform:uppercase;}
					.box p {line-height:1.25em; padding:0 9px 10px 9px;}
					.box ul {display:block; float:left; padding-bottom:9px;}
					.box ul li {background:none; float:left; line-height:16px; list-style:none; padding:0 10px; width:210px;}
					.box ul li a {display:block; float:left; width:175px;}
					.box ul li span {display:block; float:left; width:35px;}
					.box form {padding:0 10px;}
					.box form legend {display:none;}
					.box form div {padding-bottom:10px;}
					.box .in {border:#ababab solid 1px; color:#253c8b; font-size:1em; padding:2px 0 2px 3px; width:174px;}
					.box .submit {background:url("../img/bg-submit.gif") repeat-x 0 0; border:solid 1px; border-color:#dbdbdb #b4b4b4 #b4b4b4 #dbdbdb; color:#253c8b; font-size:1em; height:18px; padding:0 13px;}
					.box .date {background:url("../img/bullet-1.gif") no-repeat 10px 3px; color:#383838; display:block; font-size:0.8em; padding:0 0 8px 22px;}
					.box .ideal {float:left; height:55px; padding:0 0 0 10px; width:70px;}
					.box .paypal {float:left; height:45px; padding:10px 0 0 0; width:110px;}
					.box .mastercard {float:left; height:60px; padding:0 0 0 10px; width:102px;}
					.box .visa {float:left; height:60px; padding:0 0 0 0; width:78px;}
					.box .thumbLeft {padding:0;}
					.box .product {float:left; padding:0 9px 9px 9px;}
					.box .product p {float:right; padding:0; width:140px;}
					.box .product p a {display:block; padding-bottom:1em;}
					.box .seperator {border-top:#c6c6c6 solid 1px; float:left; font-size:0em; height:1px; line-height:0em; margin:6px 0 0 9px; padding:0 0 17px 0; width:220px;}
					.box .morelink {float:right; display:block; padding-right:9px; text-align:right}
					.box .morelink a {background:url("../img/bullet-2.gif") no-repeat 100% 4px; display:block; padding-right:13px;}
					
					
					/*	Sitemap
					---------------------------------------------- */
					.sitemap {width:960px;}
					.sitemap .column {float:left; padding:0 10px; width:460px;}
					.sitemap h2 {font-size:1.3em; line-height:1.1em; padding:0 10px 5px 10px;}
					.sitemap h3 {font-size:1.1em; font-weight:normal; line-height:1em; padding:0;}
					.sitemap h4 {font-size:1.0em; font-weight:normal; line-height:1em; padding:0;}
					.sitemap h5 {font-size:0.9em; font-weight:normal; line-height:1em; padding:0;}
					.sitemap h6 {font-size:0.9em; font-style:italic; font-weight:normal; line-height:1em; padding:0;}
					/*.sitemap ul {margin:0 0 20px 20px;} */
					.sitemap ul li {background:url("../img/bullet-5.gif") no-repeat 0 12px; border-left:#f94646 solid 1px; line-height:1.25em; list-style:none; margin-left:5px; padding:5px 0 3px 12px;}


				
				/*	 Related content
				---------------------------------------------- */
				#relatedContent {float:right; width:200px;}
				


		/*	 Footer
		---------------------------------------------- */
		#footer {border-top:#fb3f3f solid 2px; color:#000; font-size:0.9em; line-height:1.2em; min-height:18px; padding:7px 5px; text-align:left; width:948px;}



	/*   Lightbox 2.0.4
	---------------------------------------------- */
	#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
	#lightbox img {width:auto; height:auto;}
	#lightbox a img {border:none;}
	
	#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
	#imageContainer {padding:10px;}
	
	#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
	#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
	#imageContainer>#hoverNav {left:0;}
	#hoverNav a {outline:none;}
	
	#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
	#prevLink {left:0; float:left;}
	#nextLink {right:0; float:right;}
	#prevLink:hover, #prevLink:visited:hover {background:url(../img/prevlabel.gif) left 15% no-repeat;}
	#nextLink:hover, #nextLink:visited:hover {background:url(../img/nextlabel.gif) right 15% no-repeat;}
	
	#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
	
	#imageData {padding:0 10px; color:#666;}
	#imageData #imageDetails {width:70%; float:left; text-align:left;}
	#imageData #caption {font-weight:bold;}
	#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
	#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.7em; outline:none;}

	#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}