body {text-align:center;background:#e7e7e7;font-size:0.8em;margin:10px 0px 10px; padding:0px;font-family:arial;position:relative;}
p,table {font-size:1em;margin:0px 0px 20px;padding:0px;}
h1 {font-size:1.3em;margin:0px 0px 15px;padding:0px;}
h2 {font-size:1.2em;margin:0px 0px 10px;padding:0px;}
h3 {font-size:1.1em;margin:0px 0px 5px;padding:0px;}
h4 {font-size:1.0em;margin:0px 0px 5px;padding:0px;}
h5 {font-size:1.0em;margin:0px 0px 5px;padding:0px;}
h6 {font-size:1.0em;margin:0px 0px 5px;padding:0px;}
a {color:#0b6eb2}
a img {border:0px solid;text-decoration:none;}
a:visited {color:#888}
a:hover {text-decoration:none;color:#0b6eb2}
em {font-size:0.95em;}
hr {margin:5px 0 0;padding:0 0 5px;border:0px solid;border-top:1px solid #ddd;height:1px}

#pagewrapper {margin:auto;width:900px;text-align:left;}
#content {position:relative;}
#mainContainer {width:100%;background:#fff url(/images/main_bg.gif) 0 -1px repeat-y;height:auto;clear:both;position:relative; padding-bottom:30px;overflow:auto;}

/** Taulukkojen tyylit **/
table {font:0.9em Arial}
table strong {font:bold 1.1em Arial}
table th {font:1.1em Arial;font-weight:bold;}
table a {text-decoration:none;color:#0b6eb2}
table a:hover {text-decoration:underline;}
table.border, table.setup {border: 0px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
	table.border td, th {border:0px solid;padding:3px 15px;margin:0px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
	table.border td.tableHeader {background:#e7e7e7;font-size:1.4em;font-weight:bold;color:#333}
	table.setup td, th {border:0px solid;padding:3px 4px;margin:0px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
	table.setup td.tableHeader {background:#e7e7e7;font-size:1.4em;font-weight:bold;color:#333}

table.specTable {width:440px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
	table.specTable td {border-top:1px solid #ccc;border-left:1px solid #ccc;}
	
	table.jalleenmyyjat h3 {margin-top:15px;background:#eee;padding:2px;}
	#city {margin:0px 0px 20px;}

/** Kayttajan tekstityylit **/
div.imgleft {display:table;float:left;text-align:left;margin:10px 10px 5px 0px;font-style:italic;font-size:0.9em;color:#777;width:250px;}
	div.imgleft p {margin:-5px 0px 8px 0px}
	#mainBlock div.imgleft img {margin:0px 0px 8px 0px}
div.imgright {display:table;float:right;text-align:left;margin:10px 0px 5px 10px;padding-left:10px;font-style:italic;font-size:0.9em;color:#777;width:250px;}
	div.imgright p {margin:-5px 0px 8px 0px;}
	#mainBlock div.imgright img {margin:0px 0px 8px 0px}
	img.right {padding:0 0 5px 15px;float:right;}
	img.left {padding:0 15px 5px 0px;float:left;}

/** Muut tyylit **/
span.Tooltip {padding:0 10px 0 0;margin-right:2px;background: url(/images/infoCI.png) no-repeat 100% 2px; color:#000; }
div.cd         { font-size:11px; color:#666666; margin-bottom:20px; margin-top:10px; }    /* small text   */
div.discontinued { border: solid 1px #666666; padding:10px;}
div.dealer {margin:15px 20px;}
div.award        { border: solid 1px #eaeaea; font-size:11px; padding:5px;height:auto;display:table-cell}
div#mainProductInfo div.award img {margin:0px 10px 0px 5px;padding:0px;}
div.txtLine {border-bottom:1px solid green;}
span.pdf {padding-right:20px;background: url(/images/pdf.gif) 100% 0% no-repeat;}
div.wideimage {margin:-40px -19px 15px -13px;padding:0px -2px;}
div.wideimage  img {padding:0pxmargin:0px;}
div.caption {margin-top:-8px;font:italic 1.0em Arial;margin-bottom:0px;}
div.clearB {clear:both;height:1%;font-size:0em;}
.hide {font-size:0em;}

/** Header **/
#header {width:100%;height:85px;background:#003882 url(/images/Banner_CUI.jpg) no-repeat 0 0;}
	div.frontPage {margin:0; padding-top:40px;}
	div.frontPage  a {margin:30px 0 0; padding:20px; width:200px; height:30px;}
	a.frontpage {height:80px;width:100%;display:block;}
	div.headerLogo {display:none;}

/** Ylamenu **/
#menu_horiz {width:100%;background:#0b6eb2 url(/images/ci_menu_bg.gif) repeat-x 0 0;height:20px;clear:both;}
	#menu_horiz ul {float:right;list-style-type:none;margin:0px 15px 0px 0px;padding:0px 0px 0px;color:#fff;font:bold 0.8em arial; background:#0b6eb2;display:inline;}
	#menu_horiz li {display:inline;float:left;margin:0px 0px -1px 0px;padding:0px  0px 0px;border-left:2px solid white;height:20px;background:#0b6eb2 url(/images/ci_menu_bg.gif) repeat-x 0 0; height:20px;}
	#menu_horiz a {color:#fff;text-decoration:none;display:block;padding:3px 8px 5px;background:#0b6eb2 url(/images/ci_menu_bg.gif) repeat-x 0 0;}
	#menu_horiz a:visited {color:#fff;background:#0b6eb2 url(/images/ci_menu_bg.gif) repeat-x 0 0;}
	#menu_horiz a:hover {color:#000;background:#fff;}
	#menu_horiz li.currentpage a.currentparent {color:#000;background:#fff;border-bottom:1px solid #fff}
	#menu_horiz li.activeparent a.activeparent  {color:#000;background:#fff;border-bottom:1px solid #fff}
div.menuTxt {padding-left:25px;margin-top:3px;color:#fff;height:auto;float:left;font-weight:bold;font-size:0.85em;letter-spacing:0.1em}
	
/** Vasen kolumni **/
#leftBlock {width:199px;float:left;min-height:600px;_height:600px;}
	div.leftMargin {margin:30px 13px 30px 25px;min-height:400px;height:auto !important;height:400px;display:table;width:158px;}	
	#leftBlock a {text-decoration:none;display:block;color:#6a6a6a;border-bottom:1px solid #ccc;padding:3px 0px 3px 0px;background:#fff;display:block;width:100%}
	#leftBlock a:visited {background:#fff;}
	#leftBlock a:hover {/*background:#e9e9e9;*/color:#000}
	#leftBlock ul {margin:0px;padding:0px;list-style-type:none; color:#6a6a6a;}
	#leftBlock li  {margin:0px;padding:0px 0px 0px;display:block;width:100%;font:bold 0.80em arial;text-indent:3px;_margin-bottom:-1px;}
	#leftBlock li.currentpage a.currentparent {background:#e9e9e9;padding:3px 0px 3px;}
	#leftBlock li.activeparent li.currentpage a.currentparent {background:#e9e9e9;padding:1px 0px 1px;color:black}
	#leftBlock li li a {padding:1px 0px 1px;border-bottom:1px solid #dbdbdb;}
#leftBlock li li a.currentparent {padding:1px 0px 1px;background:#e9e9e9;}
	#leftBlock ul ul {margin-left:0px;padding-left:0px}
	#leftBlock li li {margin:0px 0px;padding:0px 0px;display:block;width:100%;font-size:1em;border-bottom:0px solid #e9e9e9;text-indent:20px;}
	#leftBlock li li li {text-indent:35px;font-size:1em}
	#leftBlock li li li a {padding:1px 0px 1px;border-bottom:0px solid #dbdbdb;}
div.distributorInfo {font-size:0.8em;padding:0px 13px 0px 25px;color:#5c5c5c;margin-top:50px;}

	div#leftBlock div.distributorInfo a {border:0px solid white;display:inline;}
	#leftBlock div.leftStudioNavi li.activeparent a.activeparent {background:#e9e9e9;color:black;margin-top:-1px;border-top:1px solid #e9e9e9;}

#leftBlock .productInfo {margin:15px 0;}
#leftBlock .productInfo a {border:0px solid #fff;margin:20px 0;}
#leftBlock a img {border:0px solid #fff;text-decoration:none;}
	
/** Oikea kolumni **/
#rightBlock {width:205px;float:right;height:auto;display:table;}

	#rightBlock h1 {margin:0px 10px; padding:0px 0px 0px 0px}
	#rightBlock h2 {margin:0px 10px; padding:0px 0px 5px 0px}
	#rightBlock h3 {margin:0px 10px; padding:0px 0px 5px 0px}
	#rightBlock h4 {margin:0px 10px; padding:0px 0px 5px 0px}
	#rightBlock h5 {margin:0px 10px; padding:0px 0px 5px 0px}
	#rightBlock h6 {margin:0px 10px; padding:0px 0px 5px 0px}
	#rightBlock li {font:bold 1em arial}
	#rightBlock a img {border:none; text-decoration:none;}

	div.rightBlockMargin {padding:21px 13px 0px 12px;font:0.9em arial;display:table;margin-bottom:10px;}
	div.infoContent a, div.reviewContent a {text-decoration:none;color:#fff;padding:3px 7px;display:block;margin:0px 3px; background: url(/images/white.gif) repeat-x 0% 100%}
	div.infoContent a:hover, div.reviewContent a:hover {color:#000;background:#fff;margin:0px 3px; padding:3px 7px 3px;}
	div.rightContent div.docthumb {font-size:0.85em;display:table;width:100px;font-weight:bold;}
	div.docthumb a {text-decoration:none;}
	div.docthumb a:hover {text-decoration:none;color:#666;}
	div.docthumb a:hover p {text-decoration:underline;}
	div.docthumb a img {border:0px solid;text-decoration:none;}
	
	#system {font-weight:bold;font-size:0.90em;text-align:center;margin:10px 0 15px;line-height:2em}
	#system a {text-decoration:none;color:#333}

/** Oikea Navi - Studio **/
#rightNavi {}
#rightNavi ul {margin:0px;padding:0px;list-style:none;}
#rightNavi li {margin:0px;padding:0px;height:auto;_margin-bottom:-1px;}
#rightNavi a {border-bottom:1px solid #ccc;display:block;text-decoration:none;padding:3px 3px 4px;font:bold 0.9em arial;margin:0px;height:12px;text-indent:0px;color:#6a6a6a}
#rightNavi a:hover {color:#000;background:#fff;}
#rightNavi h2 {margin-left:0px}
#rightBlock li.currentpage {}
#rightBlock li.currentpage a.currentparent {background:#757575; height:12px;padding:3px 3px;margin:0px;text-indent:0px;color:#fff;}
	
/** Haku **/
	#search {padding:0 0 10px;font-size:10px;margin:0 0 20px;}
	#search input, #search form, #searchBox, input#searching   {padding:0;margin:0;}
	#searchBox {width:100%;border:1px solid #8a8a8a;}
	input#searching  {width:110px;border:1px solid #ccc;padding:0;margin:0;}
	#searching {font:1.1em arial}
	#buttonSearch {border:1px solid #ccc; background:#ccc;margin:0;padding:5px 0 0;font:1em verdana;cursor:pointer;}
	
/** Oikean vihreat laatikot **/
/** infoboksi **/
div.infobox {color:#fff ;width:179px;margin:0px 0px;}
	div.infoTop {background: url(/images/info-top-ci.gif) no-repeat; padding-top: 7px}
	div.infoBottom {background: url(/images/info-bottom-ci.gif) 0% 100% no-repeat;margin:0px; padding-bottom: 6px}
	div.infoContent {background:#227cba;margin:0px; padding:0px 0px 10px;border:1px solid #227cba;}
	div.infoContent ul {margin:0px;padding:0px;list-style-type:none;}
	#rightBlock div.infoContent li {margin:0px;padding:0px;height:auto;}
	#rightBlock div.infoContent li a {padding:3px 7px 4px 7px}
	#rightBlock div.infoContent li a:visited {color:#fff}
	#rightBlock div.infoContent li a:hover {color:#000}

div.productName {margin:20px 0px 3px;}
	div.productName h1 {font:bold 2.2em Arial;margin:0px;padding:0px;color:#414141;}

/** reviewboksi **/
div.reviewbox {color:#fff ;width:179px;margin:10px 0px;}
	div.reviewTop {background: url(/images/review-top-ci.gif) no-repeat; padding-top: 6px}
	div.reviewBottom {background: url(/images/review-bottom-ci.gif) 0% 100% no-repeat;margin:0px; padding-bottom: 6px}
	div.reviewContent {background:#66afe2;margin:0px; padding:0px 0px 10px;border:1px solid #66afe2;}
	div.reviewContent ul {margin:0px;padding:0px;list-style-type:none;}
	#rightBlock div.reviewContent li {margin:0px;padding:0px;height:auto;}
	#rightBlock div.reviewContent li a {padding:3px 7px 4px 7px}
	#rightBlock div.reviewContent li a:visited {color:#fff;}
	#rightBlock div.reviewContent li a:hover {color:#000;}

/** Valikkoboksit **/
div.compareTxt, div.usewithTxt  {margin:10px 2px 2px;padding:0;font-size:0.9em;}
#compareBox, #usewithBox {width:179px;padding:0;margin:0;font-size:0.9em;}
#comparewith, #usewith {padding:0;margin:0;}
select#country, select#subarea {width:200px;font-size:0.9em;cursor:pointer;}

/* sbCarousel */
#rightImages {position:relative;}
#rightImages.js img {z-index:1;top:0;left:0;position:absolute;visibility:hidden;}
#rightImages img.current {z-index:2;border:none;visibility:visible;}
#rightImages img.newCurrent {z-index:5;position:absolute;}

/** MainBlock **/	
#mainBlock {margin:0px 207px 30px 202px;float:both;height:100%;font:0.85em arial;}
	div.mainMargin {margin:0px 12px 0px 13px;padding:30px 0px 5px;}
	div.mainMargin img {margin-top:10px; margin-bottom:10px;}
	div.mainMargin ul {font-size:1em;}
	div.mainMargin li {padding:3px 0px;}

div.productList {margin:-30px -12px 10px -13px;background: url(/images/productLine.gif) repeat-x 0 100%;padding:0px 14px 0px;height:164px;}
	div.productList table {margin:0;}
	div.productList table  td {text-align:center}
	div.productList img {margin:10px 0 5px;}
	div.productList a {color:#6a6a6a}
	div.productList a:hover {text-decoration:none;color:#000;}
	div.productList a img {border:0px solid;text-decoration:none;}
div.productList2 {margin:0px -12px 0px -13px;background: url(/images/productLine.gif) repeat-x 0 100%;padding:0px 14px 0px;height:115px;}
div.productList3 {margin:0px -12px 10px -13px;background: url(/images/productLine.gif) repeat-x 0 100%;padding:0px 14px 0px;height:90px;}
div.productList4 {margin:0px -12px 20px -13px;background: url(/images/productLine.gif) repeat-x 0 100%;padding:0px 14px 0px;height:132px;}
div.productList5 {margin:0px -12px 20px -13px;background: url(/images/productLine.gif) repeat-x 0 100%;padding:0px 14px 0px;height:132px;}
div.productList2way {margin:0px -12px 0px -13px;background: url(/images/ci_2_way_bg.gif) no-repeat 0 100%;padding:0px 13px 0px;/*height:164px;*/;height:auto;}
div.productList3way {margin:0px -12px 0px -13px;background: url(/images/ci_2_way_bg.gif) no-repeat 0 100%;padding:0px 13px 0px;height:188px;}
div.productListLarge {margin:0px -12px 0px -13px;background: url(/images/ci_2_way_bg.gif) no-repeat 0 100%;padding:0px 13px 0px;height:140px;}
div.productListSub {margin:0px -12px 10px -13px;background: url(/images/ci_2_way_bg.gif) no-repeat 0 100%;padding:0px 13px 0px;height:110px;}

	span.productthump {text-align:center;display:inline;float:left;background:transparent;}
	span.productthump a {text-decoration:none;color:#888;}
	span.productthump a:visited {color:#888}
	span.productthump a:hover {color:#202020}
	span.productthump a img {border:0px solid #fff; text-decoration:none;background:transparent;}
	span.productthump img {margin:10px 0px 5px;background:#fff}

	div.productList  span.productthump {padding:0px 2px 0px 3px;}
	div.productList2 span.productthump {padding:0px 2px 0px 2px;}
	div.productList3 span.productthump {padding:0px 5px 0px 5px;}
	div.productList4 span.productthump {padding:0px 5px 0px 5px;}
	div.productList5  span.productthump {padding:0px 6px 0px 5px;}
	div.productList2way span.productthump {padding:0px 4px 0px 3px;}
	div.productList3way span.productthump {padding:0px 4px 0px 4px;}
	div.productListLarge span.productthump {padding:0px 3px 0px 3px;}
	div.productListSub span.productthump {padding:0px 4px 0px 5px;}
	
div.pListTable {margin-bottom:30px;height:auto;}
div.pListTable table a img {margin-bottom:3px}
div.pListTableProduct {margin-bottom:15px;height:auto;}
div.pListTableProduct table a img {margin:10px 2px 3px}

#mainBlockProduct {margin:0px 0px 0px 202px;font:0.85em arial;padding:0px;}
#mainProductInfo {margin:0px 207px 0px 0px;padding:0px;}


/** Uutiset **/
div.NewsSummary {padding:5px 0px 5px;display:table;border-bottom:1px solid #e9e9e9;width:100%;}
	div.NewsSummary a, div.NewsSummary a:visited, #NewsPostDetailReturnLink a, #NewsPostDetailReturnLink a:visited  {text-decoration:none;color:#0b6eb2;}
	div.NewsSummaryLink a, div.NewsSummaryLink a:visited {font-size:0.92em;}
	div.NewsSummaryPostdate {font-size:0.8em;text-transform: uppercase}
	div.NewsSummaryMorelink {font-size:0.8em;padding-top:8px;}
	div.NewsSummaryContent img {margin:5px}
	#NewsPostDetailTitle {margin:5px 0px 10px;}
	#mainBlock div.NewsSummarySummary img {margin:0px 10px 10px 0px}
	#NewsPostDetailContent {display:table}
	#NewsPostDetailContent img {margin:10px 5px;}
	#NewsPostDetailDate {text-transform: uppercase}
	NewsPostDetailReturnLink a {}
#rightBlock  div.NewsSummary {padding:3px 0;}
	#rightBlock  div.NewsSummary a {color:#0b6eb2;}
	#rightBlock  div.NewsSummary a:hover {color:#6a6a6a;}
	#rightBlock .NewsSummary h1 {margin:0 10px; padding:0 0 2px}
	#rightBlock .NewsSummary h2, #rightBlock .NewsSummary h3, #rightBlock .NewsSummary h4, #rightBlock .NewsSummary h5, #rightBlock .NewsSummary h6 {margin:0; padding:0 0 2px}
	
	div.newsHeader {margin-top:20px;}
	#rightBlock div.newsHeader h4 {margin:0 0 10px;padding:0;}
	.rssFeed {width:12px;height:12px ;background:url(/images/rssBlue.gif) no-repeat;display:block;float:right;}
	
/** Forms **/
div.formbuilderform  {width:440px;}
	div.formbuilderform textarea {width:430px;padding:0px;margin:0px;}
	div.inputLabel {width:120px;float:left;font:1em arial;}
	div.inputTxt input {width:300px;float:right;margin-right:5px;font-size:0.9em;}
	div.inputTxt select {width:150px;;margin-right:5px;margin-left:102px;font-size:0.9em;}
	div.inputTxt2 select {width:150px;margin-right:5px;margin-left:85px;font-size:0.9em;}
	div.inputTxt {margin:6px 0px;height:22px;}
	div.required {margin:6px 0px;}
	.fbsubmit {float:right;margin-bottom:30px;}
	.checkboxInput input {display:block;position:relative;left:140px;top:0px;}
	.checkboxInput label {display:block;width:130px;float:left;}
	div.checkboxInput {position:relative;}
	div.submit {float:right;margin:30px 0px 30px 0px;}
	div.required input,div.inputTxt input {margin-top:-13px}

/** Footer **/
#address {height:20px;width:100%; color:#0b6eb2;margin-top:-20px;position:relative;z-index:20;font-size:0.75em; font-weight:bold;background:#fff url(/images/address_bg.gif) 0 0 repeat-y;padding-top:4px;}
	div.addressMargin {margin:0px 10px 5px 25px;padding-top:0px;padding-bottom:0px;}

#footer {height:35px;width:100%;background:#0b6eb2 url(/images/footer_ci_img.gif) no-repeat 0 0; color:#fff;font-weight:bold; font-size:0.85em;text-align:right;}
	div.footerMargin {margin:0px 25px; padding-top:10px;}
	
/* Frontpage js */
.Navi a, .Navi a:visited {text-decoration:none;color:#fff;}
.Navi a:hover {color:#eee}
.Navi a img {border:0px;}
.Navi ul {list-style-type:none;margin:0;text-align:center;padding:0;}
.Navi li {float:left;padding:0;width:auto;margin:0 2px; position:relative; font-size:0.9em; text-align:center;height:135px;}
.Navi li img {display:block;margin:0;padding:0;}

.Navi ul.js {position:absolute;bottom:-45px;left:0;z-index:100}
.Navi ul.js li {height:10px;margin:0 3px 0 2px;_margin:0;_padding:0 3px 0 2px;display:block;z-index:20}
.Navi ul.js li img {position:absolute;bottom:-120px;_left:3px;z-index:50;left:0;}
.Navi ul.js li a {display:block;text-align:center;width:100%;background:transparent}
*:first-child+html .Navi li img {margin-right:-6px;}

/* Controls */
#controls {margin:0;height:10px;margin-top:-93px;position:absolute;top:108px;left:0;width:100%}
#left {height:120px; width:20px;background: url(/images/left-arrow.gif) no-repeat 2px 10px;float:left;}
#right {height:120px;width:20px;background: url(/images/right-arrow.gif) no-repeat 0px 10px;_background-position:6px 18px;float:right;}
#left.first, #right.last  {display:none}

#boxWrapper {margin:-5px 0 -15px 13px;overflow:hidden;height:135px;position:relative; width:433px;}

.Navi {height:auto;margin:0 0 5px;overflow:auto;position:relative;background-repeat:no-repeat;background-position:0 15px;_height:1%}
.naviPadding {padding:3px 0 5px;_padding-top:0;_margin:0px 0 5px;}
.naviBg {background:url(/images/blueBar.gif) no-repeat 0 0; height:15px;_height:14px;position:absolute; bottom:-30px;left:0;width:459px;_z-index:-30;}
.naviMask {height:120px;background-position:-480px 0;background-repeat: no-repeat; position:absolute;width:468px;top:15px;left:0px;_z-index:-40}
.Navi h2 {position:absolute;top:0;left:0;color:#0b6eb2;font-style:italic;}

.twoWay, .twoWay .naviMask {background-image:url(/images/2ways.jpg);}
.threeWay, .threeWay .naviMask {background-image:url(/images/3ways.jpg);}
.mainMon, .mainMon .naviMask {background-image:url(/images/main.jpg);}
.subwoofers, .subwoofers .naviMask {background-image:url(/images/subs.jpg);}
.dsp, .dsp .naviMask {background-image:url(/images/dsp.jpg);}
.architechtural, .architechtural .naviMask {background-image:url(/images/architechtural.jpg);}
.di8a, .di8a .naviMask {background-image:url(/images/DI8A.jpg);}

/* Share buttons */
#shareit {position:relative;overflow:auto;height:29px;_height:1%;width:auto;margin:0 0 0 10px;}
#share {float:left;background: url(images/share.jpg) no-repeat 0 2px;padding:2px 5px;color:#fff;font-weight:bold;margin:10px 0 0 5px;width:56px;text-align:center;text-indent:1000em;height:15px;}
#shareButtons {padding:0 0 0 0px;height:27px !important;line-height:27px;width:300px;_font-size:0.3em;position:absolute;left:70px;top:1px;z-index:10}
#shareButtons img {margin-top:10px}

#NewsPostDetailReturnLink {width:60px;height:15px;padding:2px 5px;color:#fff;font-weight:bold;margin:10px 0 0 0;float:left;background:url(images/return.jpg) no-repeat 0 2px;}
#NewsPostDetailReturnLink a {font-size:0;height:15px;display:block;}