/* Will Dayble this one time uppercutted a unicorn into the stratosphere */
  
body{font-family: Arial, Helvetica, sans-serif; color: #333;}
a{text-decoration: none;}

/* some fonts*/
.m1 span a,
.threecolumn .column h3 a,
.fivecolumn .column h3 a,
.onecolumn h4 a, 
blockquote p,
.wrap .blueLink,
.threecolumn .productLineLinks a, .fivecolumn .productLineLinks a, h2 em, .tagline
{font-family: Georgia, Times, serif;}

/* z-index together */
.header{z-index: 1000;}
.header .m2{z-index: 1100;}
.header .m1{z-index: 1200;}

/* main header stuff */
.header{background: #000 url(/system/modules/no.electrocompaniet.website/resources/images/header/header.png) no-repeat top; position: relative; text-align: center; padding: 148px 0 0;}
.header a{text-decoration: none;}

.header h1{position: absolute; top:0; left: 0; height: 145px; width: 100%;display: block;}
* html .header h1{margin-left: -50%;}
.header h1 a{position: relative;width: 400px; margin: 0 auto; display: block; text-decoration: none; height: 145px; text-indent: -999em;}

p, td, .product .left h3, .product .left p, .article .left h3, .article .left p, .threecolumn .column p{font-size: 13px; line-height: 16px;}

/* top level */
.m1{display: block; position: relative; text-align: center; left: 0; width: 100%; border-top:1px solid #222; background: #010101 url(../images/header/subtle-colour.jpg) repeat-x; padding: 7px 0 0; border-bottom: 1px solid #212224; height: 24px;}

.m1 .m1inner{ margin: 0 auto;}
.m1 a, .m2 a{ font-size: 13px; padding: 0 6px; color: #666; text-transform: uppercase; border-left: 1px solid #333; position: relative; line-height: 13px;}
.m1 a.active, .m2 a.active{color:#999;}
.m1 a.leftMost, .m2 a.leftMost{border: none;}
.m1 a:hover, .m1 span a:hover, .m2 a:hover, .m2 span a:hover{color:#fff;}

/* span is the weird serif bit */
.m1 span a {font-style: italic; text-transform: capitalize; border: none;}
.m1 span a.active{margin: 0 3px;}
.m1 span a.active em{border-left: 1px solid #222; border-top:1px solid #444; border-right: 1px solid #222; color: #999; background: #111; position: absolute; top:-13px; left: -4px; right: -4px; bottom: -11px; display: block; padding: 11px 5px 0; height:23px; border-bottom: 1px solid #111;}

.m2{background: #111; padding: 5px 0; border-bottom: 1px solid #000; position: relative; left: 0; width: 100%; text-align: center; line-height: 22px; position: relative;}
.m2 span a{font-size: 11px; border: none;}

* html .m2 {margin-top: -2px;}



/* banner action */
.banner{text-align: center;min-height: 239px; overflow: hidden; position: relative;}
.banner li{position: absolute; top:0; left: 0; width: 100%; min-height: 239px; overflow: hidden;}
.banner .black{background: #111;}
.banner .white{background: #fff;}
.banner .grey{background: #eee;}


.wrap{width:708px; margin: 0 auto; padding: 0 0 33px;}

/*.wrap.product */
.product{ padding: 33px 0 0;}
.product .left{width: 456px; float: left;}
.product .left h2, .onecolumn h2{font-size: 26px; text-transform: uppercase; padding: 0 0 20px;}
.product .left h2 span{display: block; font-size: 13px; text-transform: none; font-style: italic; padding: 6px 0 0;}
.product .left h3, .product .left p{padding: 0 0 18px;}
.product .left h3{font-weight: bold; padding: 0;}


/*.wrap.product .right */
.product .right{color: #000; width: 216px; padding: 0; float: right;}
.product .right h3{font-size: 13px; text-transform: uppercase; padding: 0 0 12px;}

/*.wrap.product .news */
.product .news{color: #000; width: 216px; padding: 0; float: right;}
.product .news h3{font-size: 13px; padding: 0 0 12px;}


/*.wrap.article */
.article{ padding: 33px 0 0;}
.article .left{width: 708px; float: left;}
.article .left h2, .onecolumn h2{font-size: 26px; text-transform: uppercase; padding: 0 0 20px;}
.article .left h2 span{display: block; font-size: 13px; text-transform: none; font-style: italic; padding: 6px 0 0;}
.article .left h3, .product .left p{padding: 0 0 18px;}
.article .left h3{font-weight: bold; padding: 0;}




/* threecolumn */
.threecolumn .column{width: 216px; padding: 0 12px; float: left;}
.threecolumn .leftColumn{padding-left: 0;}

.threecolumn .column h3{text-transform: uppercase; border-bottom: 1px solid #ccc; padding: 12px 0 12px 30px; text-transform: uppercase; color: #000; background: url(../images/icons/little-e.jpg) no-repeat left; font-size: 13px}
.threecolumn .column h3 a , .onecolumn h2 em{font-style: italic; text-transform: none; color: #666; padding: 0 0 0 2px;}


.threecolumn .column h4{font-size: 13px;padding: 12px 0 0; margin-bottom: 5px; font-weight: bold;}

.threecolumn .column .prodPic{text-align: center; padding: 8px 0 0;}
.threecolumn .column .blueLink{text-align: left; font-size: 13px; cursor: pointer;}
.threecolumn .column .leftPic {padding: 5px 0 0 85px; height: 185px; background: url(/system/modules/no.electrocompaniet.website/resources/images/content/nordicsound.jpg) no-repeat top left; margin: 8px 0 0;}

.threecolumn .column p, .threecolumn .column p{padding: 0 0 8px 0;}

.wrap .blueLink{color: #009ee0; display: block; padding: 5px 0 0; font-style: italic;}

.threecolumn .productLine{height: 360px;  padding-top: 10px}
.threecolumn .productLineDesc{height: 250px;}
.threecolumn .productLine .prodPic{padding-bottom: 22px;}
.threecolumn .productLineDesc .productLineLinks {padding-top: 12px;}
.threecolumn .productLineLinks a{font-style: italic; color: #666; display: block;}


/* fivecolumn */
.fivecolumn .column{width: 129px; padding: 0 12px; float: left;}
.fivecolumn .leftColumn{padding-left: 0;}

.fivecolumn .column h3{text-transform: uppercase; border-bottom: 1px solid #ccc; padding: 12px 0 12px 30px; text-transform: uppercase; color: #000; background: url(../images/icons/little-e.jpg) no-repeat left; font-size: 13px}
.fivecolumn .column h3 a, .onecolumn h2 em{font-style: italic; text-transform: none; color: #666; padding: 0 0 0 2px;}

.fivecolumn .column h4{font-size: 13px;padding: 25px 0 0; margin-bottom: 5px; font-weight: bold;}

.fivecolumn .column .prodPic{text-align: center; padding: 8px 0 0;}
.fivecolumn .column .blueLink{text-align: left; font-size: 13px; cursor: pointer;}
.fivecolumn .column .leftPic {padding: 5px 0 0 85px; height: 185px; background: url(/system/modules/no.electrocompaniet.website/resources/images/content/nordicsound.jpg) no-repeat top left; margin: 8px 0 0;}

.fivecolumn .column p, .threecolumn .column p{padding: 0 0 8px 0;}

.fivecolumn .productLine{height: 230px;  padding-top: 10px}
.fivecolumn .productLineDesc{height: 250px;}
.fivecolumn .productLine .prodPic{padding-bottom: 22px;}
.fivecolumn .productLineDesc .productLineLinks {padding-top: 12px;}
.fivecolumn .productLineLinks a{font-style: italic; color: #666; display: block;}



/* footer */
.footer{width:708px; margin: 0 auto; height: 80px; position: relative; border-top: 1px solid #ccc; clear:both}
.footer .ce, .footer .e{font-size: 11px; color: #666; line-height: 11px;}
.footer .ce{width: 360px; padding: 0 0 0 40px; position: absolute; top:25px; left: 0; background: url(/system/modules/no.electrocompaniet.website/resources/images/footer/ce.jpg) no-repeat left;}
.footer .e{width: 228px; padding: 0 0 0 52px; position: absolute; top:25px; right: 0; background: url(/system/modules/no.electrocompaniet.website/resources/images/footer/e.jpg) no-repeat left;}


.productLineLinks a:hover,.threecolumn .column h3 a:hover{color:#009ee0}


/* some repeated styles */

ul.links.links, ul.links.links li {display: block; line-height: 11px;}
ul.links li a,
.press .pressBox .pdf,
.press .pressBox .external,
.press .pressBox .globe,
.press .pressBox .jpg{display: block; padding: 2px 0 5px 21px; font-size: 11px; color: #000;}
ul.links li a.pdf,
.press .pressBox .pdf,
ul.links li.inlineLinkPDF{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/pdf-bw-small.jpg) no-repeat 0 0;}
.press .pressBox .jpg{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/jpg-bw-small.jpg) no-repeat 0 0;}
.press .pressBox .pdf{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/pdf-bw-small.jpg) no-repeat 0 0;}
.press .pressBox .external{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/icon_external.gif) no-repeat 0 0;}
.press .pressBox .globe{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/icon_globe.gif) no-repeat 0 0;}
ul.links li a.link{background: url(/system/modules/no.electrocompaniet.website/resources/images/icons/link-bw-small.jpg) no-repeat 0 0;}
ul.links li.inlineLinks {padding: 0 0 5px 21px; line-height: 10px;}
ul.links li.inlineLinks a{padding: 0 ; display: inline; }
ul.links li a:hover, .press .pressBox .pdf:hover, .press .pressBox .jpg:hover{color: #666;}

blockquote { color: #666; padding:0 0 8px 0;font-style: italic;}
blockquote cite{font-size: 11px; color: #000; }
.right blockquote cite{font-size: 11px; color: #000; line-height: 16px}

/* changes for home column */
.threecolumn .column blockquote{padding: 8px 0 12px; }
.product .right blockquote{padding: 20px 0;}

a:hover{color: #666;}
strong{font-weight: bold;}
em{font-style: italic;}

.left a:link {color: #009ee0}
.left a:visited {color: #009ee0}
.left a:active {color: #009ee0}
.left a:hover {color: #009ee0; text-decoration: underline}


.invisiLink {color: #333; cursor: pointer;}
.invisiLink a:visited {color: #333;}
.invisiLink a:active {color: #333;}
.invisiLink a:hover {color: #333;}


/* onecolumn */
.onecolumn h2 em {color: inherit;}
.onecolumn h4, .onecolumn p {width: 484px; float: right;}
.onecolumn img{float: left; clear: both; margin-top:12px}
.onecolumn p {margin-bottom:12px;}

/* press boxes */
.press{padding-top: 25px;}
.press .pressBox{height: 290px;}
.press .pressBox .thumb strong{display: block; height: 214px; height: 214px; border: 1px solid #999; background: no-repeat center;}
.press .pressBox .thumb span{font-size: 13px; color: #000; display: block; padding: 8px 0 0; font-weight: bold;}
.press .pressBox .pdf, .press .pressBox .jpg, .press .pressBox .globe, .press .pressBox .external{display:block; background-position: 0 3px; padding-left: 18px; /* see elsewhere for rest */}

/* changes for home column */
.threecolumn .column blockquote{padding: 8px 0 12px; }
.product .right blockquote{padding: 20px 0;}

   #distributorList div 
   {
      display: none;
   }


#distributorlist {
}


.datasheet td { padding-right: 12px; padding-bottom: 12px; }

.element h1 {font-size: 26px; text-transform: uppercase; padding: 0 0 20px;}

#distributorList {font-size: 12px; margin-top: 24px; margin-bottom: 24px; min-height: 180px}
#distributorList h4 {font-weight: bold}



/* fix tables */
table td{vertical-align: top;}

/* extra spacing on frontpage product teasers */
.fppt { margin-bottom: 10px; clear: both }

/* wide front page thingmajigs */
.fpwide {width: 468px; margin-top: 15px; margin-bottom: 15px; float: left;}

.fpptlow h4{font-size: 13px;padding: 12px 0 0; margin-bottom: 5px; font-weight: bold;}

.fpptlow .prodPic{text-align: center; padding: 8px 0 0;}
.fpptlow .blueLink{text-align: left; font-size: 13px; cursor: pointer;}

.ecform {width: 480px; }
.ecfield {width: 240px; border: 1px solid gray; }
.ecrow {border-bottom: 4px}