/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {}

		body {
			background: #e1e1e1;
			margin:     0;
			text-align: center;
		}

			.wrapper {
				background: #fff;
				margin:     0 auto;
				text-align: left;
				width:      896px;
				position:   relative;
			}



	/*
		.co.uk redirect
	----------------------------------------------------------------------*/

	p.back_home {
		display:     inline;
		float:       left;
		font-size:   1.15em;
		font-weight: bold;
		margin:      0;
		padding:     10px 0 0 13px;
	}

		.back_home a {
			color:           #f90;
			text-decoration: none;
		}

			.back_home a:hover {
				color:           #ffb23f;
				text-decoration: underline;
			}



	/*
		.co.uk redirect
	----------------------------------------------------------------------*/

	ul.redirect {
		display: inline;
		float:   right;
		margin:  0;
		padding: 7px;
	}

		.redirect a {
			background-position: center center;
			background-repeat:   no-repeat;
			border:              1px solid #aaa;
			display:             block;
			height:              16px;
			text-indent:         -10000px;
			width:               28px;
		}

			.redirect a.ae { background-image: url('../../img/flags/ae.png'); }
			.redirect a.cn { background-image: url('../../img/flags/cn.png'); }
			.redirect a.de { background-image: url('../../img/flags/de.png'); }
			.redirect a.es { background-image: url('../../img/flags/es.png'); }
			.redirect a.fr { background-image: url('../../img/flags/fr.png'); }
			.redirect a.gb { background-image: url('../../img/flags/gb.png'); }
			.redirect a.in { background-image: url('../../img/flags/in.png'); }
			.redirect a.it { background-image: url('../../img/flags/it.png'); }
			.redirect a.nl { background-image: url('../../img/flags/nl.png'); }
			.redirect a.pl { background-image: url('../../img/flags/pl.png'); }
			.redirect a.ru { background-image: url('../../img/flags/ru.png'); }

		.redirect li {
			display:    inline;
			float:      left;
			list-style: none;
			margin:     0 0 0 7px;
		}



	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		background: #fff url('../../img/design/header.png') center top repeat-y;
		clear:      both;
	}

		div.top_banner {
			background:    url('../../img/design/logo_back.jpg') left top no-repeat;
			padding-right: 10px;
		}

		#header h1 {
			background: #fff url('../../img/design/logo_back.jpg') left top no-repeat;
			display:    inline;
			float:      left;
			height:     68px;
			margin:     0;
			padding:    11px 0 0 16px;
			width:      104px;
		}

			#header h1 a {
				background:  url('../../img/design/eland_logo.jpg') center center no-repeat;
				display:     block;
				height:      56px;
				text-indent: -10000px;
				width:       104px;
			}

		.search_form {
			display:     inline;
			float:       right;
			padding-top: 15px;
			width:       190px;
		}

			body.js .search_form {
				padding-top: 27px;
			}

			.search_form button {
				cursor:         pointer;
				float:          left;
				vertical-align: bottom;
				width:          40px;
			}

			.search_form fieldset {}

			.search_form input {
				background:     #fbfdfc;
				border:         1px solid #ccc;
				color:          #c8c9cb;
				float:          left;
				margin-right:   5px;
				padding:        3px 2px 2px;
				vertical-align: bottom;
				width:          139px;
			}

				.search_form input:focus {
					background: #fff;
					color:      #000;
				}

			.search_form label {
				display: none;
			}

			.search_form legend {
				color:         #fff;
				font-size:     1.2em;
				font-weight:   bold;
				margin-bottom: 2px;
			}

				body.js .search_form legend {
					display:    none;
					visibility: hidden;
				}

		ul.navigation {
			background: url('../../img/design/navigation.png') center top no-repeat;
			clear:      both;
			height:     19px;
			margin:     0;
		}

			.navigation a {
				display:         block;
				font-size:       .9em;
				font-weight:     bold;
				line-height:     19px;
				text-align: center;
				text-decoration: none;
			}

				.navigation a:hover {
					text-decoration: none;
				}

			.navigation li {
				display:    inline;
				float:      left;
				list-style: none;
				margin:     0;
				padding:    0;
			}

				.navigation li.faq { margin-right: 320px; }

				.navigation li.quality a { color: #aed3e6; width: 68px; }
				.navigation li.service a { color: #aed3e6; width: 66px; }
				.navigation li.profile a { color: #aed3e6; width: 66px; }
				.navigation li.cables  a { color: #ffd785; width: 126px; }
				.navigation li.faq     a { color: #ffd785; width: 50px; }
				.navigation li.contact a { color: #fffffc; width: 68px; }

					.navigation li.quality a:hover,
					.navigation li.service a:hover,
					.navigation li.profile a:hover {
						background: #024567;
						color:      #cde6f3;
					}

					.navigation li.cables a:hover,
					.navigation li.faq    a:hover {
						background: #cc7505;
						color:      #efe9cd;
					}

					.navigation li.contact a:hover {
						background: #8887b0;
						color:      #fffff4;
					}

				.navigation li a.active,
				.navigation li a.active:hover {
					color: #fff;
				}

		.header_details {
			clear: both;
			height: 65px;
		}

			.header_details a {
				color:           #fff;
				font-size:       1.1em;
				font-weight:     normal;
				text-decoration: none;
			}

				.header_details a:hover {
					text-decoration: underline;
				}

			.header_details h2 {
				color:       #fff;
				display:     inline;
				float:       left;
				font-size:   3.1em;
				font-weight: normal;
				line-height: 0;
				margin:      42px 0 0 0;
				width:       696px;
				text-indent: 210px;
			}

			.header_details p {
				color:       #fff;
				display:     inline;
				float:       right;
				font-size:   1.8em;
				line-height: 1.2;
				margin:      0;
				padding:     15px 0 0 10px;
				width:       190px;
			}



	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		background: #fff url('../../img/design/page.png') center top repeat-y;
		min-height: 100px;
	}



	/*
		Content
	----------------------------------------------------------------------*/

	#sub_navigation {
		display: inline;
		float:   left;
		padding: 4px 0 50px;
		width:   200px;
	}

		#sub_navigation a {
			text-decoration: none;
		}

			#sub_navigation a:hover {
				text-decoration: underline;
			}

		#sub_navigation h3 {
			font-size:   1.2em;
			line-height: 1;
			margin:      10px 12px 6px;
		}

			#sub_navigation h3 a {
				color:       #007bb8;
				font-weight: bold;
			}

		#sub_navigation p {
			font-size:   1.15em;
			font-weight: bold;
			margin:      14px 12px 6px;
		}

			#sub_navigation p a {
				color: #555;
			}

		#sub_navigation ul {
			border-bottom: 1px solid #fff;
			margin:        0;
			padding:       0 0 4px;
		}

			#sub_navigation li {
				font-size:   1.25em;
				line-height: 1.3em;
				list-style:  none;
				margin:      0;
				padding:     3px 12px;
			}

				#sub_navigation li a {
					color:       #555;
					font-weight: normal;
				}

				#sub_navigation li.active {
					background:   #fff;
					border:       solid #999;
					border-width: 1px 0;
					margin:       6px 0;
					padding:      6px 0 4px 12px;
				}

					#sub_navigation li.active a {
						font-weight: bold;
					}

						#sub_navigation li.active ul {
							margin: 4px 0 0;
						}

							#sub_navigation li.active ul a {
								font-weight: normal;
							}

								#sub_navigation li.active ul a:hover {}

							#sub_navigation li.active ul li {
								font-size:   .95em;
								line-height: 1.5em;
								padding:     3px 0;
							}



	/*
		Content
	----------------------------------------------------------------------*/

	#content {
		display: inline;
		float:   left;
		padding: 20px 15px;
		width:   466px;
	}

		#content a.back_news {
			color: #069;
		}

			#content a.back_news:hover {
				color: #22a4e5;
			}



		div.contacts {
			display: inline;
			float:   left;
			width:   233px;
		}

			.contacts a {
				color:           #f90;
				text-decoration: underline;
			}

				.contacts a:hover {
					color: #ffb23f;
				}



		div.contact_main {
			font-size: 1.4em;
		}

			.contact_main dl {
				font-size: 1.25em;
			}

				.contact_main dt {
					clear:       left;
					color:       #555;
					display:     inline;
					float:       left;
					font-weight: normal;
					line-height: 1.3;
					margin:      0;
					width:       65px;
				}

				.contact_main dd {
					color:       #176B97;
					font-weight: normal;
					line-height: 1.3;
					margin:      0;
				}

			.contact_main p {
				line-height: 1;
				font-size:   1.45em;
				font-weight: bold;
				letter-spacing: -1px;
				margin:      0 0 .3em;
			}



		div.contact_info {}

			.contact_info a {
				display: block;
			}

			.contact_info dl {
				margin-bottom: 1.5em;
			}

				.contact_info dt {
					clear:       left;
					color:       #555;
					display:     inline;
					float:       left;
					font-size:   .9em;
					font-weight: normal;
					line-height: 1.4em;
					margin:      0 5px 0 0;
				}

				.contact_info dd {
					font-size:   .9em;
					font-weight: bold;
					line-height: 1.4em;
					margin:      0;
				}

			.contact_info p {
				font-weight: bold;
				line-height: 1.3;
				margin:      1.5em 0 .2em 0;
			}



		div.errors {
			background:    #fff;
			border:        1px solid #AE2C2C;
			color:         #444;
			margin-bottom: 20px;
			padding:       10px;
		}

			.errors h2 {
				color:       #f44 !important;
				font-size:   1.6em;
				line-height: 1.1;
				margin:      0 0 .7em;
			}

			.errors p {
				margin-bottom: .5em;
			}

			#content .errors ul {
				margin:  0;
				padding: 0;
			}

				#content .errors ul li {
					background:   url('/img/icons/ico-warning.gif') left center no-repeat;
					line-height:  1.8;
					list-style:   none;
					margin:       0;
					padding-left: 22px;
				}

				#content #quote_extra .errors ul li {
					line-height:  1.1;
				}



		div.home_box {
			background-position: left bottom;
			background-repeat:   no-repeat;
			border:              1px solid #999;
			display:             inline;
			float:               left;
			height:              115px;
			margin:              0 10px 10px 0;
			width:               145px;
		}

			div.home_box:hover a {
				text-decoration: underline;
			}

			div.home_box.delivery { background-image: url('../../img/design/home_delivery.jpg'); }
			div.home_box.payment  { background-image: url('../../img/design/home_payment.jpg');  }
			div.home_box.quality  { background-image: url('../../img/design/home_quality.jpg'); margin: 0; }

			div.home_box a {
				color:           #555;
				text-decoration: none;
			}

			div.home_box h3 {
				font-size: 1.4em;
				margin:    10px 10px 0;
			}

				div.home_box h3 a {
					color: #e38b38;
				}

			div.home_box p {
				margin: 10px 10px 0;
			}



		div.home_flash {
			margin: 1em 0;
		}



		div.offices {
			display: inline;
			float:   left;
			width:   233px;
		}

			.offices a {
				color:           #f90;
				font-weight:     bold;
				text-decoration: underline;
			}

				.offices a:hover {
					color: #ffb23f;
				}

			.offices ul {
				margin:  0 0 2em;
				padding: 0;
			}

				.offices li {
					font-size:  1.2em;
					list-style: none;
					margin:     0;
					padding:    0;
				}

				.offices li a {
					color: #069;
				}

					.offices li a:hover {
						color: #22a4e5;
					}



		div.product_flash {
			margin-left: -10px;
		}



		div.search_contact {
			display: inline;
			float:   right;
			width:   250px;
		}

			.search_team {
				display: inline;
				float:   left;
				width:   200px;
			}

			.search_contact a {
				color: #069;
			}

			.search_contact p {}

				.search_contact p em {
					display: inline-block;
					width:   2em;
				}

				.search_contact p strong {
					color: #64659b;
				}



		div.table_footer {
			background: #DBE8EB;
			margin-top: 1px;
		}

			.table_footer a {
				color: #069;
			}

				.table_footer a:hover {
					text-decoration: none;
				}

			.table_footer p {
				background: #DBE8EB url('../../img/icons/ico-small-pdf.gif') 8px 11px no-repeat;
				display:    inline;
				float:      left;
				margin:     0;
				padding:    6px 5px 6px 20px;
				width:      208px;
			}

				.table_footer p.pdf {
					border-left: 2px solid #fff;
				}

				.table_footer p.print {}

				.table_footer p.p_table_send {
					border-bottom: 1px solid #fff;
					display:       block;
					float:         none;
					width:         auto;
				}



		form.contact_form {
			background: #fcefd3;
			clear:      both;
			padding:    15px;
			width:      437px;
		}

			.contact_form fieldset {
				padding-top: 20px;
			}

			.contact_form input {
				border:  1px solid #a7a7a5;
				padding: 3px;
				width:   200px;
			}

				.contact_form input.error {
					border-color: #AE2C2C;
				}

			.contact_form legend {
				color:     #3579a5;
				font-size: 1.5em;
			}

			.contact_form p {
				color:        #686868;
				margin-right: 0;
			}

				.contact_form p span.asterisk {
					color:       #f00;
					font-weight: bold;
				}

				.contact_form p.p_left {
					clear:   both;
					display: inline;
					float:   left;
					width:   210px;
				}

				.contact_form p.p_right {
					display: inline;
					float:   right;
					width:   210px;
				}

				.contact_form p.clear_floats {
					clear: both;
				}

				.contact_form p.contact_submit {
					margin-bottom: 0;
					text-align:    center;
				}

			.contact_form textarea {
				border:      1px solid #a7a7a5;
				font-family: Helvetica, Arial;
				font-size:   1.1em;
				height:      150px;
				padding:     3px;
				width:       426px;
			}

				.contact_form textarea.error {
					border-color: #AE2C2C;
				}



		img.copy_image {
			display: inline;
			float:   left;
			margin:  0 10px 10px 0;
		}



		img.map {
			display: inline;
			float:   right;
			margin:  0 0 10px 10px;
		}



		ol.search_results {}

			.search_results h4 {
				border-bottom: 1px solid #CBD8DD;
				font-size:     1.5em;
				font-weight:   normal;
				margin-bottom: .5em;
			}

			.search_results li {
				font-size:  1.2em;
				list-style: none;
				margin:     0;
			}



		#quote_list { list-style: none; margin: 5px 0 10px 0; padding: 0; font-size: 1em; float: left; width: 482px; }

			#quote_list li { background: #FFE4B9; font-size: 1.2em; line-height: 1; list-style: none; margin: 0 0 14px 0; padding: 8px 0 0 0; position: relative; float: left; width: 482px; }

				p.ql_num { margin: 0 0 0 14px; color: #666; }
					p.ql_num strong { color: #000; }

			a.ql_down {
				display: block;
				font-size: .75em;
				position: absolute;
				top: 7px; right: 12px;
				padding: 2px 0 2px 12px;
				background: url('../../img/icons/ico-small-pdf.gif') 0 6px no-repeat;
				color: #666;
				text-decoration: underline;
				font-weight: normal;
			}

			a.ql_down:hover { color: #222; }

			#quote_list h4 { margin: 10px 5px 10px 14px; font-size: 1.4em; }

			#quote_list p { margin-left: 14px; color: #555; }

			#quote_list table { width: 482px; color: #666; }

				#quote_list table td { background: #FFE4B9; vertical-align: middle; padding: 0; }

				#quote_list table .even td { background: #FFF0D9; }

				#quote_list table td span { display: block; padding: 9px 0px 9px 14px; }

				#quote_list table td.ql_pcode span { padding-top: 13px; vertical-align: top; }

					#quote_list table td.ql_specs_link a { color: #069; font-size: 1em; font-weight: normal; padding: 0px 0 2px 23px; background: url('../../img/icons/show_specs.gif') 8px 50% no-repeat; }

					#quote_list table td.ql_specs_link a:hover { color: #22A4E5; }

				td.ql_pcode, td.ql_diameter strong { font-size: 1.3em; font-weight: bold; color: #F09000; }

				td.ql_length { }

					td.ql_length label { margin: 0; }

					td.ql_length input { width:65px; padding: 2px 2px; border: 1px solid #999997; margin: 0 2px 0 2px; }

					td.ql_length input:focus { border-color: #333; }

				td.ql_remove a {display: block; margin-right: 4px; color: #666; text-decoration: underline; font-weight: normal; padding: 2px 0 2px 12px; background: url('../../img/icons/ico-small_remove.gif') 0 6px no-repeat; }

				td.ql_remove a:hover { color: #222; }

				td.ql_remove #quote_spinner { margin-left: 27px; }

			span.ql_bottom { display: block; font-size: 1.3em; position: relative; margin-top: 7px; padding: 0px 0 7px 14px; float: left; width: 468px; height: 1.3em; }

				.ql_bottom a { float: left; display: block; font-size: .75em; color: #666; text-decoration: underline; font-weight: normal; padding: 2px 0 2px 12px; }

				.ql_bottom a:hover { color: #222; }

				a.ql_add { background: url('../../img/icons/ico-small_add.gif') 0 center no-repeat; }

				a.ql_remove_all { background: url('../../img/icons/ico-small_remove.gif') 0 center no-repeat; position: absolute; top: 0px; right: 10px; }

				a#ql_remove_all { position: absolute; top: 5px; right: 10px; display: block; font-size: .75em; color: #666; font-weight: normal; }




		p.intro {
			color:       #0B75AA;
			font-family: helvetica, arial;
			font-size:   1.8em;
			line-height: 1.4em;
			margin:      -5px 1em .6em 0px;
		}

			p.intro em {
				color:      #F09000;
				font-style: normal;
			}



		p.to_top {
			margin-bottom: 2em;
		}

			.to_top a {
				background:      url('../../img/icons/ico-up.gif') left center no-repeat;
				color:           #777;
				font-weight:     normal;
				padding-left:    12px;
				text-decoration: none;
			}

				.to_top a:hover {
					text-decoration: underline;
				}



		p.spec_top {
			background: #DBE8EB url('../../img/icons/ico-small-pdf.gif') 8px 11px no-repeat;
			margin:     0;
			padding:    6px 5px 6px 20px;
			width:      446px;
		}



		p.rohs {
			color:       #069;
			font-weight: bold;
		}



		fieldset#quote_extra {
			background:    #ffebcc;
			color:         #555;
			margin-bottom: 15px;
			padding:       15px;
			width:         452px;
		}

			#quote_extra button {
				font-size: 1.6em;
				padding:   3px 10px;
			}

			#quote_extra h4 {
				clear: both;
			}

			#quote_extra input {
				vertical-align: bottom;
			}

				#quote_extra input:focus {
					border-color: #000;
				}

			#quote_extra label {
				font-size: 1.2em;
			}

				#quote_extra label.cbox {
					float:       right;
					margin-left: 15px;
				}

				#quote_extra label#find_cables_label {
					float: left;
				}

				#quote_extra label#quote_message_label {
					clear:      both;
					float:      left;
					margin-top: 10px;
					width:      175px;
				}

			#quote_extra p {
				clear:      both;
				margin-top: 10px;
			}

				#quote_extra p.submit_p {
					margin-bottom: 5px;
					text-align:    center;
				}

			#quote_extra textarea {
				float:       right;
				font-family: Arial, sans-serif;
				font-size:   1.2em;
				margin:      10px 0;
				padding:     3px;
				width:       250px;
			}

			#quote_extra ul {
				margin-bottom: 10px;
			}

				#quote_extra ul input {
					border:  1px solid #999997;
					display: block;
					padding: 3px;
					width:   207px;
				}

				#quote_extra ul label {
					display:        block;
					font-size:      1em;
					padding-bottom: 3px;
				}

				#quote_extra ul li {
					list-style: none;
					margin:     0;
					padding:    5px 0;
				}

					#quote_extra ul li.left {
						float: left;
					}

					#quote_extra ul li.right {
						float: right;
					}

				#quote_extra span {}

					#quote_extra span.star {
						color: #f44;
					}



		table.product_specs {
			width: 466px;
		}

			.product_specs caption {
				background:    #E5EAEE;
				border-bottom: 1px solid #FFFFFF;
				color:         #448CB2;
				font-size:     1.4em;
				font-weight:   bold;
				margin:        0.5em 0 0;
				padding:       3px 0;
				text-align:    left;
				text-indent:   3px;
			}

			.product_specs thead th {
				background:     #E5EAF0;
				border-bottom:  1px solid #FFF;
				border-right:   1px solid #FFF;
				color:          #222;
				font-size:      1.1em;
				font-weight:    normal;
				vertical-align: top;
				padding:        2px 2px 2px 3px;
				text-align:     right;
			}

				.product_specs thead th em {
					color:          #777;
					display:        block;
					font-style:     normal;
					padding-top:    7px;
					vertical-align: bottom;
				}

				.product_specs thead th.highlight { background: #FEEBCC; width: 70px; }

			.product_specs tbody tr {}

				.product_specs tbody tr:hover td,
				.product_specs tbody tr:hover td.add_quote {
					background: #c3e3fc;
				}

				.product_specs tbody td {
					background:     #F0EFEF;
					color:          #333;
					font-size:      1.2em;
					padding:        4px 3px;
					text-align:     right;
					vertical-align: top;
				}

					.product_specs tbody tr td.add_quote {
						background: #FFEBCD;
						text-align: center;
					}

					.product_specs tbody tr.even td {
						background: #DDD;
					}

						.product_specs tbody tr.even td.add_quote {
							background: #FFCF87;
						}

						.product_specs tbody tr.even:hover td,
						.product_specs tbody tr.even:hover td.add_quote {
							background: #c3e3fc;
						}

					.product_specs tbody tr       td.in_quote,
					.product_specs tbody tr:hover td.in_quote {
						background: #5EB3F6;
						color:      #fff;
					}

						.product_specs tbody tr.even       td.in_quote,
						.product_specs tbody tr.even:hover td.in_quote {
							background: #3990D4;
						}

					p.in_quote {
						color:       #fff;
						font-size:   1em;
						line-height: 1.25;
						margin:      0;
						padding:     0 5px;
						position:    relative;
						text-align:  left;
					}

						a.remove_product {
							background:      url('../../img/icons/in_quote_remove.gif') left top no-repeat;
							display:         block;
							height:          10px;
							position:        absolute;
							right:           1px;
							text-decoration: none;
							text-indent:     -10000px;
							top:             3px;
							width:           10px;
						}



		ul.cable_list {
			clear:   both;
			margin:  0 0 0 -10px;
			padding: 20px 0 0;
		}

			ul.cable_list.wide {
				padding: 0;
			}

			.cable_list a {
				color: #216b93;
			}

				.cable_list a.pdf {
					background:   url('../../img/icons/pdf.png') center left no-repeat;
					color:        #878787;
					font-size:     .7em;
					font-weight:  normal;
					padding-left: 20px;
				}

			.cable_list h3 {
				font-size:   1.2em;
				font-weight: bold;
				margin:      0;
			}

				.cable_list h3 a {
					color:           #f90;
					text-decoration: none;
				}

					.cable_list h3 a:hover {
						color:           #FFB23F;
						text-decoration: underline;
					}

			.cable_list li {
				list-style:     none;
				display:        -moz-inline-box;
				display:        inline-block;
				*display:       inline;
				height:         auto !important;
				height:         1px;
				min-height:     1px;
				margin:         0 0 30px 10px;
				padding:        0;
				vertical-align: top;
				width:          145px;
				zoom:           1;
			}

				.cable_list.wide li {
					width: 220px;
				}

				.cable_list li div {
					width: 145px;
				}

					.cable_list.wide li div {
						width: 220px;
					}

			.cable_list p {
				font-size:   1em;
				font-weight: bold;
				margin:      0 0 .5em;
			}

				.cable_list.wide p {
					font-size:   .9em;
					font-weight: normal;
				}

				.cable_list p.spec_pdf {
					font-size: .85em;
					margin:    0;
				}

					.spec_pdf a {
						background:      url('../../img/icons/pdf.png') left 1px no-repeat;
						color:           #777;
						display:         block;
						padding-left:    20px;
						text-decoration: none;
					}

						.spec_pdf a:hover {
							color:           #777;
							text-decoration: underline;
						}

		ul.quality_logos {
			display: inline;
			float:   right;
			margin:  0 0 20px;
		}

			.quality_logos li {
				background:  center center no-repeat;
				display:     inline;
				float:       left;
				height:      30px;
				list-style:  none;
				margin:      0 0 0 10px;
				text-indent: -10000px;
			}

				.quality_logos li.has_link {
					text-indent: 0;
				}

				.quality_logos li.bsi     { background-image: url('/img/design/logos/bsi.png');     width: 52px; }
				.quality_logos li.ce      { background-image: url('/img/design/logos/ce.png');      width: 40px; }
				.quality_logos li.cenelec { background-image: url('/img/design/logos/cenelec.png'); width: 49px; }
				.quality_logos li.csa     { background-image: url('/img/design/logos/csa.png');     width: 27px; }
				.quality_logos li.har     { background-image: url('/img/design/logos/har.png');     width: 78px; }
				.quality_logos li.iec     { background-image: url('/img/design/logos/iec.png');     width: 30px; }
				.quality_logos li.rohs    { background-image: url('/img/design/logos/rohs.png');    width: 64px; }
				.quality_logos li.ul      { background-image: url('/img/design/logos/ul.png');      width: 30px; }
				.quality_logos li.vde     { background-image: url('/img/design/logos/vde.png');     width: 39px; }

					.quality_logos li a {
						background:  center center no-repeat;
						display:     block;
						height:      30px;
						text-indent: -10000px;
						width:       100%;
					}

	/*
		Sidebar
	----------------------------------------------------------------------*/

	#sidebar {
		display: inline;
		float:   right;
		width:   200px;
		padding: 20px 0;
	}

		.snippet {
			margin: 10px 0 20px;
		}

			.snip_blue {
				background:   #e1eff2;
				border:       solid #c6cccc;
				border-width: 1px 0;
				padding:      10px 10px 0;
			}

			.snip_white {
				border:       solid #c6cccc;
				border-width: 1px 0;
				padding:      10px 10px 0;
			}

				.mini_contact,
				.staff_snip {
					border:      0;
					padding-top: 0;
				}

			.snip_yellow {
				background:    #FFEBCD;
				border:        1px solid #F2CE99;
				border-right:  none;
				border-left:   none;
				float:         left;
				margin-bottom: 25px;
				padding:       14px 10px 12px 10px;
				width:         180px;
			}

				.snip_yellow h4 { color: #F09000 !important; padding: 1px 0 1px 23px; background: url('../../img/icons/calculator.gif') 3px 50% no-repeat; margin-bottom: 7px; }

				#quote_holder { background: #fff; padding: 8px 0px 10px 10px; border: 1px solid #F2CE99; border-right: none; border-bottom: none; }
					#quote_holder p { margin: 0 .5em 0 0; }
					#quote_holder ul { margin: 6px 10px 1em 0; list-style: none; font-size: .8em; line-height: 1.2em; border-top: 1px solid #C4D8DC; padding-top: 4px; }
						#quote_holder li { padding-right: 20px; padding-bottom: 4px; border-bottom: 1px solid #C4D8DC; font-size: 1.5em; margin-bottom: 4px; position: relative; }
							#quote_holder li a { text-decoration: none; color: #069; outline: none; }
							#quote_holder li a.remove_quote_full { display: block; position: absolute; top: 3px; right: 2px; width: 10px; height: 10px; text-indent: -2000px; text-decoration: none; background: url('../../img/icons/in_quote_remove.gif') 0px 0px no-repeat; }
							#quote_holder li a:hover { text-decoration: underline; }

				/* box that contains the added products, and empty description (in extra) */

				#quote_holder { }
					#quote_holder p { color: #444; }
					#quote_holder ul { margin-right: 8px; }
						#quote_holder ul li { padding-bottom: 4px; border-bottom: 1px solid #C4D8DC; margin-bottom: 4px; }	
							#quote_holder ul a { font-weight: normal; }
							#finalise_quote { font-size: 1.3em; margin: 4px 0 6px !important;  padding: 2px 0 2px 24px; background: url('../../img/icons/send_quote.gif') 2px 2px no-repeat; }



			.snippet a {
				color:           #069;
				font-weight:     bold;
				text-decoration: none;
			}

				.snippet a:hover {
					text-decoration: underline;
				}

				.snippet a.company_pdf {
					display: inline;
					float:   right;
					margin:  0 0 15px 10px;
				}

				.snippet a.download_spec_pdf {
					font-size:   1.3em;
					font-weight: normal;
				}

					.download_spec_pdf em {
						background:  url('../../img/icons/ico-pdf.gif') center left no-repeat;
						font-style:  normal;
						font-weight: bold;
						padding:     20px;
					}

				.snippet a.pdf {
					background:   url('../../img/icons/pdf.png') center left no-repeat;
					font-weight:  normal;
					padding-left: 20px;
				}

				.snippet a.print {
					background:   url('../../img/icons/or_print.gif') center left no-repeat;
					color:        #555;
					display:      block;
					font-size:    1.1em;
					font-weight:  normal;
					margin-top:   5px;
					padding-left: 14px;
				}

				.product_download a strong {
					font-size: 1.3em;
				}

			.snippet h2 {
				color:       #64659b;
				font-size:   1.8em;
				font-weight: normal;
				line-height: 1.2;
				margin:      0 0 1em;
			}

				.snippet h2 a {
					color: #f90;
				}

					.snipper h2 a:hover {
						color: #ffb23f;
					}

			.snippet h3 {
				color:       #555;
				font-size:   1.3em;
				line-height: 1.8;
				margin:      0;
			}

				.snip_blue h3 {
					color:       #64659b;
					font-size:   1.8em;
					font-weight: normal;
				}

			.snippet h4 {
				color:       #64659B;
				line-height: 1.2;
				margin-top:  0;
			}

			.snippet h5 {
				font-size: 1.3em;
			}

			.snippet p {
				color:     #555;
				font-size: 1.15em;
				margin:    0 0 10px;
			}

				.snip_blue p {
					margin-bottom: 1em;
				}

				.snip_spec_download p {
					margin-bottom: 10px;
				}

				.snip_download p {
					color:     #666;
					font-size: 1.1em;
					margin:    6px 0 .6em;
				}

					.snip_download {
						padding-bottom: 10px;
					}

						.snip_download a {
							font-size: 1.3em;
						}

							.snip_download a:hover {
								text-decoration: underline !important;
							}

						.snip_download a.or_print {
							background:  url('../../img/icons/or_print.gif') left 4px no-repeat;
							color:       #555;
							display:     block;
							font-size:   1.1em;
							font-weight: normal;
							padding:     0 0 6px 15px;
						}

					.snip_download em {
						background:  url('../../img/icons/ico-pdf.gif') center left no-repeat;
						display:     block;
						font-size:   .9em;
						font-style:  normal;
						font-weight: bold;
						margin:      5px 0;
						padding:     3px 0 3px 20px;
					}

					.snip_download img {
						display: block;
					}

					.snip_download strong {
						display:       block;
						margin-bottom: 5px;
					}

				.snippet p.downloadables {
					margion-bottom: 15px;
				}

					.snippet p.downloadables img {
						display: inline;
						float:   right;
						margin:  0 10px;
					}

				.snippet p.mini_contact {}

					.snippet p.mini_contact em {
						font-style: normal;
					}

					.snippet p.mini_contact strong {
						color: #6465bf;
					}

			.snippet ul {}

				.snippet ul li {
					font-size:   1.25em;
					line-height: 1.25;
					list-style:  none;
					margin:      0 0 1.5em;
				}

			.snippet ul.similar_cables {}

				.snippet .similar_cables a {}

					.snippet .similar_cables a:hover {
						text-decoration: underline;
					}

				.snippet .similar_cables img {}

				.snippet .similar_cables li {
					font-size: 1.2em;
				}

				.similar_cables strong {
					display:       block !important;
					margin-bottom: 8px;
				}



	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		background: url('../../img/design/footer.png') center top no-repeat;
		padding:    21px 15px 15px;
	}

		#footer a {
			color: #069;
		}

			#footer a:hover {
				color: #22A4E5;
			}

		#footer p {
			color:       #555;
			font-size:   1.2em;
			font-weight: bold;
		}



	/*
		Dev & preview modes
	----------------------------------------------------------------------*/
	#preview_mode { background: #fcfce2; border-bottom: 1px solid #e4cb9c; margin-bottom: 10px; }
		#preview_mode p { margin: 0; padding: 8px 0; }
			#preview_mode p a { font-weight: normal; }