body, div, p, form, table { margin:0; padding:0 }
body { color:#fff; background-color:#000; font-size:84%; font-family:'Arial', 'Helvetica', sans-serif }
.serif { font-family:'Utopia', 'Times New Roman', 'Times', serif }
a img { border:none }
body { padding:10px 7px }
/*body { padding:1.2em 7px 1.2em 7px }*/
.content p { margin:0.75em 0; padding:0 }
.content p.spaced { margin:1.5em 0 }
.offl { display:block; position:absolute; top:0; left:-120em; width:40em; margin:0; padding:0; border:none }
strong, .strong, span.price { font-style:normal; font-weight:bold; color:#f90 }
em { font-style:italic; font-weight:bold; color:#fff }
blockquote { font-size:1.2em; font-style:italic; text-align:center; margin:0; padding:0 }
cite { font-style:italic; font-weight:bold; font-size:0.833em; display:block }
.centre { text-align:center }
.right { text-align:right }
ul.none { list-style-type:none }
ul.txt li { line-height:1.3em; margin-top:0.2em; margin-bottom:0.2em }
ul.squash { margin-top:0.3em; margin-bottom:0.3em; padding-top:0; padding-bottom:0 }
span.blk { display:block }
hr { clear:both }
.alongside h1, .alongside div { display:inline }
.alongside div { padding-left:0.7em }
.alongside * { vertical-align:middle }

.headlist { margin:1.4em 0 }
.headlist p { font-weight:bold; font-size:1.1em; margin:0.2em 0; padding:0 }
.headlist ul { margin-top:0.3em; margin-bottom:0.3em; padding-top:0; padding-bottom:0 }

.c { min-width:65em; position:relative }
#top { position:relative; background:url(/pix/logo_topmiddle.gif) top left repeat-x }
#top .right { display:block; position:absolute; top:0; right:17px; background-color:#000 }
#top .left { display:block; position:absolute; top:0; left:5px; font-size:1.2em }
#top, #top img { display:block; height:51px }

#main { min-height:22em; clear:both }
.content { position:relative; padding:2em 1em 0 1em; margin-bottom:1.5em }
.marg { margin-left:13.7em }
.content h1 { font-size:1.5em; margin:0 0 0.6em 0; padding:0 }
h2, h3, h4, caption { margin:0.8em 0 0.6em 0; padding:0; font-weight:bold; font-style:normal; text-align:left }
h2, caption { font-size:1.2em }
caption { margin-top:0 }
h3 { font-size:1.1em; font-style:italic }
h4 { font-size:1em }

/*#basketsumm { position:absolute; top:-1em; right:-6px; font-size:0.9em }
#basketsumm a { display:block; min-height:14px; padding:2px 0.3em 2px 22px; text-decoration:none; color:#fff; background:#000 url(/pix/basket_blue.gif) left center no-repeat; text-align:right }
#basketsumm a img { vertical-align:middle }
#basketsumm a:hover { text-decoration:underline; background-image:url(/pix/basket_orange.gif) }
#basketsumm span.info { display:inline }*/

#bottom { border-top:2px solid #f90; position:relative; height:3em; clear:both }
#bottom p { position:absolute; top:0.4em; margin:0; padding:0 0 0.75em 0 }
#bottom p.left { width:33%; left:0 }
#bottom p.left a { margin-left:0.5em }
#bottom p.left a img { vertical-align:middle; height:16px }
#bottom p.right { width:67%; right:0; text-align:right }

.menu ul, #breadcrumbs ul { display:block; list-style-type:none; margin:0; padding:0 }
.menu li, .menu li a, #breadcrumbs li { display:block; margin:0; padding:0 }
.menu ul.first ul { display:none }

#breadcrumbs { position:absolute; top:37px; left:150px; width:57em; font-size:0.9em; z-index:10 }
#breadcrumbs li { display:block; float:left; margin:0 0.5em 0 0; padding:0 0 0.3em 0 }
#breadcrumbs li.arr { padding-right:20px; background:url(/pix/bcarr.gif) right center no-repeat }
#breadcrumbs a { display:block }
#breadcrumbs strong { color:#fff }
#breadcrumbs #yah { padding:0 0.4em }

#m-0 { position:absolute; top:0; left:150px; height:30px; font-size:0.9em; width:57em; z-index:30 }
#m-0 ul.first { position:absolute; bottom:0; left:0; width:100% }
#m-0 li { display:block; float:left; position:relative; margin:0 0.5em 0 0 } /*need margin for IE8!*/
#m-0 a, #m-0 span { display:block; font-weight:bold; text-transform:uppercase; padding:0.3em 0.4em }
#m-0 ul ul { position:absolute; top:1.6em; left:0; width:15em; color:#fff; background-color:#000; border:1px solid #f90; z-index:35 }
#m-0 ul ul a, #m-0 ul ul span { font-weight:bold; text-transform:none; border:1px solid #666; border-width:1px 0 0 0 }
#m-0 ul ul a.first, #m-0 ul ul span.first { border:none }
#m-0 ul ul li { margin:0; float:none }
#m-0 li:hover ul, #m-0 li ul:hover, .menu ul.first ul.open { display:block }

#m-1 { position:absolute; top:51px; left:0; width:13.7em; padding-top:2em }
#m-1 a, #m-1 span { font-size:0.9em; display:block; font-weight:bold; text-transform:none; border:1px solid #666; border-width:0 0 1px 0; padding:0.4em 0.4em }
#m-1 a.first, #m-1 span.first { text-transform:uppercase; font-size:1em; border-bottom:3px double #00a6b2; margin-bottom:3px }

#m-2 { padding-bottom:2.5em }
#m-2 li { display:block; float:left; margin:0 0.5em 0 0; padding-bottom:0.2em }
#m-2 a, #m-2 span { display:block; padding:0.15em 0.4em; font-size:0.9em; font-weight:bold; border:1px solid #999; border-width:1px 1px 0 0 }
#m-2 li.first a, #m-2 li.first span { border:none; font-size:1em; border-right:3px double #00a6b2; padding-left:0 }

div.flimgr { width:240px; float:right; text-align:right }
div.flimgl { width:310px; float:left; text-align:left }
div.flimgr img	{ margin:0.75em 20px 15px 0 }
div.flimgl img	{ margin:1.5em 0 2em 0 }
#c-service div.flimgr { width:250px }
#c-spares-cablesleads div.flimgr { width:450px }
#c-products-mp21-review .flpad, #c-products-mp21-listen .flpad, #c-products-ovt .flpad { padding-right:240px }
#c-products-mp21-flightcase .flpad { padding:1em 1.5% 0 315px }

#c-index { padding:1em 0 14px 0; margin:0 }
#mainpic { height:200px; margin:15px 2%; background:url(/pix/mainpic.jpg) top center no-repeat; }
#mainpic p { font-size:1.2em } 
#mainpic .serif { font-size:1.41em; margin:0 0 0.75em 0; padding:14px 0 0 0; font-weight:normal; font-style:italic } 
#picboxes { border-top:2px solid #f90; padding-top:15px; margin-top:15px; text-align:center }
#picboxes img { margin:0 2px }

div.aside { margin:0.8em 0 0.8em 4em; padding-left:1em; border-left:1px solid #f90 }
div.aside .ttl { padding-top:0.3em }

ul.llist { display:block; margin:0 5%; padding:0; list-style-type:none }
ul.llist em, ul.llist strong { color:#000 }
ul.llist div { padding:0 0.4em; margin:0.8em 0; text-align:center; color:#000; background-color:#fff }
ul.llist li { padding:0; margin:0; display:block }
ul.llist a { text-decoration:none; display:block; margin:0 10%; padding:0.5em 0 0 0; border-bottom:2px solid #ccc }
ul.llist a span { text-decoration:underline }
ul.llist img { margin:8px 0 5px 0 }
ul.llist p { margin:0; padding:0.5em 0 0.7em 0 }

ul#prodlist { position:relative; display:block; margin:0; padding:0 0 3em 0; list-style-type:none }
ul#prodlist li { display:inline-block; margin:0 1em 0 0; padding:0; position:relative }
ul#prodlist li a { display:block; position:relative; border:2px solid #0ef; text-decoration:none }
ul#prodlist li a:hover { border-color:#f90 }
ul#prodlist li a img { display:block; position:relative; }
ul#prodlist span.p { position:absolute; bottom:5px; left:5%; width:90%; text-align:center }
ul#prodlist span.p span.d { display:block; color:#fff; background-color:#000; padding:0.2em 0.5em; margin:0; border:1px solid #fff }
ul#prodlist span.p strong { display:block }
ul#prodlist a:hover span.p { z-index:10 }

#c-contact .info { margin:1em 0; position:relative }
#c-contact .info .strong { color:#fff }
div.address { position:absolute; top:0; left:0; width:19em }
div.htfu { clear:both; padding-top:0.2em }
#emailform { padding:0 0 1.2em 1em; margin-left:19em; line-height:1.4em; border-left:1px solid #999 }
#emailform h2 { margin-top:0; }
#emailform div.h2 { width:100% } /*for IE bug*/
#emailform label { position:relative; top:1.6em; left:0 }
#emailform input, #emailform textarea { font-size:1.1em; margin-left:9em; padding:0.1em 0.2em }
div.error { padding:0.5em 0.6em; margin:0 0 0.8em 0; border:2px solid #f90; color:#000; background-color:#ffcc80 }
div.error h3 { font-style:normal; margin:0 0 0.1em 0 }
div.error ul { margin-top:0.2em; margin-bottom:0 }

table.border { margin:1em 0; border-collapse:collapse; border:1px solid #fff }
table.border td, table.border th { padding:0.3em 0.5em; border:1px solid #fff }
#c-service table.border th { text-align:left }
#c-spares-delivery table.border th { text-align:left; font-weight:normal }
#c-spares-delivery table.border .toprow th { font-weight:bold; background-color:#222 }
table.pricelist tbody th { font-weight:normal; font-style:normal }

.ampprices { padding:0 0 0.75em 0 }
.ampprices table { font-size:1em; border-collapse:collapse; margin:0.9em 0 }
.ampprices td { padding:0; text-align:left; vertical-align:middle }
.ampprices td.img { width:170px; height:155px; text-align:right }
.ampprices td.model { padding:0 1.5em; text-align:center }
.ampprices td.model h3 { margin:0; padding:0; font-size:1em; font-style:normal }

#gallerydiv { padding-top:0.75em }
#gallerydiv table { border-collapse:collapse; margin:1em 0 }
#gallerydiv td { border:2px solid #999; padding:0; margin:0 }
#gallerydiv tr.space td { border-left:none; border-right:none; height:2em }
#gallerydiv p.sel { padding:0 0 0.4em 0; margin:0 }
#gallerydiv .SS-thumbs { width:386px; margin-left:25px }
#gallerydiv .SS-thumbs img { display:block }
#gallerydiv .SS-thumbs a { display:block; padding:5px }
#gallerydiv .SS-thumbs a:hover { background-color:#f90 }

div>ul#smap, div>ul#smap ul { margin:0 0 1em 1.5em; padding:0; list-style-type:none }
div>ul#smap ul#lines ul { margin-left:4em }
ul#smap li { padding:0; margin:0.25em 0 }
ul#smap ul { border-left:1px solid #ccc }
ul#lines li div { display:block; padding-left:14px; background:url(/pix/line.gif) left center no-repeat }

p.payment { margin:1.6em 0; clear:both }
p.payment img { margin-top:0.8em }

.tlon { position:relative; margin:1em 0; width:100%; } /*need width:100% for IE6 - doesn't hurt anyway*/
.tlon .tab { padding:0; margin:0; position:absolute; z-index:15; top:0; left:0; font-size:1em; text-align:right;
    display:block; font-style:italic; font-weight:bold; width:13em }
.tlon .tab a { display:block; margin:0; padding:0.4em 0.6em 0.4em 0 }
.tlon .thistab a { border-width:1px 0 1px 1px; border-style:solid }
.tlon .tabpanel { display:none }
.tlon .thistabpanel { margin:0 0 0 13em; border:1px solid #fff; padding:0.6em 1em; background-color:#000 }
#c-products-mp21-specification .tlon .tab { width:14em }
#c-products-mp21-specification .tlon .thistabpanel { margin-left:14em }
#c-products-mp21-technical .tlon .tab { width:16.4em }
#c-products-mp21-technical .tlon .thistabpanel { margin-left:16.4em }

.imgpair { margin:0.7em 0; text-align:center; position:relative }
.imgpair a { display:inline; margin:0 20px }
.imgpair img { display:inline }

.product { text-align:center; margin:0.5em 0; position:relative; min-width:16em }
.prodtr { width:16em; margin:0.5em 0; padding:0 0 0.3em 0; text-align:center; color:#fff; background-color:#222;
	display:block; display:inline-block; border:1px solid #666; vertical-align:top }
.prodtd { padding:0.2em 0 0 0 }
.thisprodtr, .thisprodtr div.prodtd { position:relative }
h4.prodth, p.prodtd { text-align:center; padding:0.5em 0; margin:0 }
p.prodtd { border-top:1px dashed #666 }
div.prodtd { width:100% }
.prodtd a { display:inline; }
.prodtd img { display:inline; width:auto; height:140px; max-height:11em; max-width:15.5em }

div.big { display:block; margin:1em auto; position:relative; top:0; left:0; background-color:#000 }
.prodtr div.big { width:100%; position:absolute; margin:0; z-index:20 }
div.big img, div.big .load { display:block; padding:0; border:1px solid #ccc; background-color:#000;
    width:auto; height:auto; max-width:none; max-height:none; padding:20px 0 0 0 }
div.big .cls { position:absolute; top:1px; left:0; display:block; margin:0; padding:0; width:100%; height:17px; }
div.big a { display:block; margin:0 auto; padding:0; width:50px; height:16px; border:none;
	background:url(/pix/close.gif) top center no-repeat }
div.big a:hover { background-image:url(/pix/closehover.gif) }

a:link { color:#0ef; background-color:inherit; text-decoration:underline }
a:visited { color:#00a6b2; background-color:inherit; text-decoration:underline }
a:hover,
a:active { color:#f90; background-color:inherit }
.menu a:link,
.menu a:visited { color:#fff; background-color:inherit; text-decoration:none }
.menu a:hover,
.menu a:active { color:#fff; background-color:inherit; text-decoration:underline }
.menu a.fsub:link,
.menu a.fsub:visited { color:#f90; background-color:inherit }
.menu a.fsub:hover,
.menu a.fsub:active { text-decoration:underline }
.menu span.this,
.menu a.this:link,
.menu a.this:visited,
.menu a.this:hover,
.menu a.this:active { color:#000; background-color:#f90; text-decoration:none }
.menu span.tsub,
.menu a.tsub:link,
.menu a.tsub:visited,
.menu a.tsub:hover,
.menu a.tsub:active { color:#f90; background-color:inherit; text-decoration:none }
ul.llist a:link		{ color:#00c; background-color:inherit }
ul.llist a:visited	{ color:#000; background-color:inherit }
ul.llist a:hover,
ul.llist a:active	{ color:#714400; background-color:inherit }
.tlon .thistab a,
.tlon .thistab a:hover { color:#f90; background-color:#222; border-color:#fff; outline-color:#fff; text-decoration:none }
#top a:hover { outline:1px solid #f90 }
a img.enl	{ border-width:3px; border-style:solid; border-color:#000 }
.prodtr a img.enl { border-color:#222 }
a:hover img.enl	{ border-color:#0cf }
a.this img.enl	{ border-color:#f90 }