/* ### general ### */
* {
margin: 0px;
padding: 0px;
}

html, body {
font-family: Arial;
font-size: 12px;
color: #8c806e;
}

input, select, textarea {
font-family: Arial;
font-size: 12px;
color: #000000;
}

body {
background: #fff url('../img/body.jpg') center top repeat;
}

img {
border: 0px;
display: block;
}

a, input {
outline: none;
}

/* ### global classes ### */
.clear {
clear: both;
height: 0;
overflow: hidden;
}


/* ### wrapper ### */
#wrapper {
position: relative;
display: block;
width: 100%;
min-height: 100%;
}


/* ### main container ### */
#mainCntr {
margin: 0 auto;
width: 880px;
}


/* ### header container ### */
#headerCntr {
padding-bottom: 6px;
position: relative;
width: 880px;
height: 159px;
}

#headerCntr h1 {
position: absolute;
top: 30px;
left: 2px;
}

#headerCntr h1 a {
display: block;
width: 297px;
height: 93px;
text-indent: -9999px;
background: url('../img/logo.png') no-repeat;
}


/* ### ad box ### */
.adBox {
padding: 32px 4px 16px 0px;
width: 557px;
float: right;
}

/* ### shop box ### */
.shopBox {
padding: 32px 4px 16px 0px;
width: 237px;
float: right;
}



/* ### menu box ### */
.menuBox {
position:absolute;
top:125px;
padding-right: 5px;
margin-left: -2px;
width: 880px;
height: 32px;
background: url('../img/menu.png') left top no-repeat;
}

.menuBox ul {
padding-right: 10px;
list-style: none;
float: right;
}

.menuBox li {
padding: 0px 30px;
float: left;
font-size: 11px;
line-height: 28px;
background: url('../img/devaider.jpg') left 7px no-repeat;
}

.menuBox li a {
display: block;
color: #fff;
text-decoration: none;
}

.menuBox li a:hover {
text-decoration: underline;
}



/* ### content container ### */
#contentCntr {
width: 880px;
}


/* ### left container ### */
#leftCntr {
margin-left: -3px;
float: left;
width: 144px;
}


/* ### series box ### */
.seriesBox {
padding-top: 25px;
margin-bottom: 2px;
width: 144px;
background: url('../img/left-top.png') left top no-repeat;
}

.seriesBox .bottom {
padding-bottom: 17px;
background: url('../img/left-bottom.png') left bottom no-repeat;
}

.seriesBox .mid {
width: 144px;
position: relative;
background: url('../img/left-mid.png') repeat-y;
}

.seriesBox h2 {
padding-left: 23px;
position: absolute;
left: 0px;
top: -27px;
width: 121px;
height: 27px;
color: #fff;
font-size: 11px;
line-height: 26px;
font-weight: bold;
background: url('../img/left-head.png') left top no-repeat;
}

.seriesBox h2 a {
color: #fff;
text-decoration: none;
}

.seriesBox h2 a:hover {
text-decoration: underline;
}

.seriesBox ul {
padding: 4px 0px 0px 3px;
width: 100%;
overflow: hidden;
list-style: none;
}

.seriesBox li {
width: 100%;
float: left;
line-height: 18px;
}

.seriesBox li a {
padding-left: 19px;
display: block;
float: left;
text-decoration: none;
color: #fff;
font-size: 11px;
}

.seriesBox li a:hover, .seriesBox li.selected a {
background: url('../img/left-arrow.png') left 0px no-repeat;
text-decoration: underline;
}

.seriesBox li ul {
padding: 0px;
margin-left: 19px;
list-style: none;
width: 107px;
border: 1px solid #691253;
border-left: 0px;
border-right: 0px;
}

.seriesBox li ul li {
padding: 0px;
}

.seriesBox li ul li a {
padding-left: 8px;
display: block;
color: #fff;
font-size: 11px;
text-decoration: none;
}

.seriesBox li ul li a:hover, .seriesBox li ul li.selected a:hover {
background: url('../img/left-arrow.png') -6px 0px no-repeat;
text-decoration: underline;
}


/* ### combinations box ### */
.combinationsBox {
padding-top: 25px;
margin-bottom: 2px;
position: relative;
width: 144px;
background: url('../img/left-top.png') left top no-repeat;
}

.combinationsBox .bottom {
padding-bottom: 16px;
background: url('../img/left-bottom.png') left bottom no-repeat;
}

.combinationsBox .mid {
width: 144px;
position: relative;
background: url('../img/left-mid.png') repeat-y;
}

.combinationsBox h2 {
padding-left: 20px;
position: absolute;
left: 0px;
top: -27px;
width: 124px;
height: 27px;
color: #fff;
font-size: 11px;
line-height: 24px;
font-weight: bold;
background: url('../img/left-head.png') left top no-repeat;
}

.combinationsBox h2 a {
color: #fff;
text-decoration: none;
}

.combinationsBox h2 a:hover {
text-decoration: underline;
}

.combinationsBox ul {
padding-top: 4px;
overflow: hidden;
list-style: none;
}

.combinationsBox li {
padding-left: 3px;
width: 100%;
font-size: 11px;
float: left;
line-height: 18px;
}

.combinationsBox li a {
padding-left: 20px;
width: 100%;
display: block;
float: left;
text-decoration: none;
color: #fff;
}

.combinationsBox li a:hover, .combinationsBox li.selected a {
background: url('../img/left-arrow.png') left 0px no-repeat;
}

.combinationsBox li a:hover, .combinationsBox li.selected a {
text-decoration: underline;
}


/* ### references box ### */
.referencesBox {
padding-bottom: 4px;
width: 144px;
}

.referencesBox a {
padding-left: 20px;
display: block;
width: 124px;
height: 27px;
line-height: 27px;
font-size: 11px;
color: #fff;
text-decoration: none;
font-weight: bold;
background: url('../img/left-head.png') no-repeat;
}

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


/* ### right container ### */
#rightCntr {
padding: 0px 0px 20px 0px;
margin: -2px -2px 0px 0px;
float: right;
width: 729px;
}


/* ### banner box ### */
.bannerBox {
width: 729px;
float: left;
position: relative;
}

.bannerBox h2 {
position: absolute;
left: 166px;
top: 22px;
font-size: 43px;
font-weight: normal;
color: #fff;
}

.bannerBox span {
position: absolute;
right: 142px;
top: 75px;
font-size: 34px;
color: #fff;
display: block;
}

.bannerBox p {
position: absolute;
left: 26px;
top: 128px;
width: 666px;
text-align: justify;
color: #fff;
line-height: 20px;
}


/* ### audience box ### */
.audienceBox {
width: 729px;
position: relative;
}

.audienceBox h2 {
position: absolute;
left: 29px;
top: 30px;
font-size: 33px;
font-weight: normal;
color: #ffff03;
}

.audienceBox span {
position: absolute;
left: 90px;
top: 70px;
font-size: 21px;
color: #ffff03;
display: block;
}

.audienceBox p {
position: absolute;
left: 26px;
top: 112px;
width: 666px;
text-align: justify;
color: #fff;
line-height: 14px;
}


/* ### image box ### */
.imageBox {
padding-top: 4px;
width: 729px;
}

.imageBox .left {
padding-left: 1px;
float: left;
width: 482px;
}

.imageBox .right {
margin-right: -1px;
float: right;
width: 235px;
}


/* ### link box ### */
#linkBoxHolder {
margin-left:-8px;
}

.linkBox {
padding-top: 33px;
margin: 0px 0px 1px 10px;
width: 235px;
float: left;
background: url('../img/link-top.png') left top no-repeat;
}

.linkBox .bottom {
padding-bottom: 12px;
background: url('../img/link-bottom.png') left bottom no-repeat;
}

.linkBox .mid {
padding: 0px 14px 0px 11px;
width: 210px;
height: 325px;
position: relative;
background: url('../img/link-mid.png') left top repeat-y;
}

.linkBox h2 {
position: relative; 
text-align: center;
top: -25px;
font-size: 10px;
color: #fff;
font-weight: bold;
}

.linkBox h2.heading {
top: -20px;
}

.linkBox .img {
padding: 10px 0px 10px 15px;
margin: 0 0 14px 0;
border-bottom: 1px solid #024D92;
}

.linkBox p {
padding: 0px 0px 14px 6px;
font-size: 10px;
color: #000;
}

.linkBox p.gap1 {
padding-bottom: 3px;
}

.linkBox ul {
padding: 0px 0px 10px 7px;
overflow: hidden;
float: left;
list-style: none;
}

.linkBox li {
padding-left: 6px;
width: 95%;
float: left;
line-height: 13px;
background: url('../img/icon.jpg') left 4px no-repeat;
}

.linkBox li a {
display: block;
font-size: 9px;
color: #000;
text-decoration: none;
}

.linkBox li a:hover {
text-decoration: underline;
}

.linkBox a.link {
padding: 0px 0px 13px 7px;
font-size: 10px;
display: block;
font-weight: bold;
color: #000;
text-decoration: none;
}

.linkBox a.link:hover {
text-decoration: underline;
}

.linkBox.last {
margin: 0px;
float: left;
}

.linkBox a.first {
padding-top: 10px;
}

.linkBox.top {
margin-top: 3px;
padding-top: 27px;
background: url('../img/link-top.png') left top no-repeat;
}

.linkBox .gap {
padding-bottom: 0px;
}


/* ### champ box ### */
.champBox {
padding-top: 31px;
width: 729px;
position: relative;
background: url('../img/champ-top.png') left top no-repeat;
}

.champBox .bottom {
padding-bottom: 12px;
background: url('../img/champ-bottom.png') left bottom no-repeat;
}

.champBox .mid {
padding: 0px 11px;
width: 707px;
overflow: hidden;
background: url('../img/champ-mid.png') repeat-y;
}

.champBox .middle {
padding: 15px;
}

.champBox .left {
margin: 4px 0px 6px 0px;
float: left;
width: 266px;
border-right: 1px solid #004D93;
}

.champBox .right {
padding-top: 20px;
float: right;
width: 410px;
}

.champBox h2 {
position: absolute;
left: 25px;
top: 7px;
font-size: 11px;
color: #fff;
}

.champBox h2 span {
}

.champBox img {
padding: 23px 0px 19px 28px;
}

.champBox h3 {
padding-bottom: 11px;
font-size: 12px;
color: #000;
}

.champBox p {
padding-bottom: 13px;
font-size: 10px;
color: #000;
}

.champBox a {
font-size: 10px;
font-weight: bold;
color: #000;
text-decoration: underline;
}

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

.champBox ul {
list-style: none;
}

.champBox li {
padding-left: 7px;
width: 100%;
float: left;
line-height: 15px;
color: #000;
font-size: 9px;
background: url('../img/icon.jpg') left 6px no-repeat;
}


/* ### kader box ### */
.kaderBox {
padding-top: 31px;
width: 729px;
position: relative;
background: url('../img/champ-top.png') left top no-repeat;
}

.kaderBox .bottom {
padding-bottom: 12px;
background: url('../img/champ-bottom.png') left bottom no-repeat;
}

.kaderBox .mid {
padding: 0px 11px;
width: 707px;
overflow: hidden;
background: url('../img/champ-mid.png') repeat-y;
}

.kaderBox a.print {
position: absolute;
right: 44px;
top: 8px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

.kaderBox a.print:hover {
text-decoration: underline;
}

.kaderBox a.pdf {
position: absolute;
right: 113px;
top: 8px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

.kaderBox a.pdf:hover {
text-decoration: underline;
}

.kaderBox img {
padding-top: 7px;
}


/* ### install box ### */
.installBox {
width: 729px;
position: relative;
}

.installBox h2 {
position: absolute;
left: 31px;
top: 30px;
font-size: 33px;
color: #ffff03;
font-weight: normal;
}

.installBox span {
position: absolute;
left: 197px;
top: 68px;
font-size: 21px;
color: #ffff03;
}

.installBox .text {
position: absolute;
left: 28px;
top: 85px;
width: 666px;
}

.installBox p {
padding-bottom: 18px;
color: #fff;
line-height: 14px;
text-align: justify;
}


/* ### list box ### */
.listBox {
padding-top: 99px;
margin: 0px 0px 1px 10px;
float: left;
width: 233px;
background: url('../img/list-top.png') left top no-repeat;
}

.listBox .bottom {
padding-bottom: 36px;
width: 233px;
background: url('../img/list-bottom.png') left bottom no-repeat;
}

.listBox .mid {
width: 233px;
position: relative;
background: url('../img/list-mid.png') repeat-y;
}

.listBox .text {
float: left;
position: absolute;
left: 10px;
top: -85px;
}

.listBox h2 {
padding-bottom: 12px;
margin-bottom: 12px;
font-size: 15px;
color: #fff;
width: 210px;
text-align: center;
border-bottom: 1px solid #fff;
}

.listBox p {
padding: 0 0 3px 8px;
width: 206px;
font-size: 10px;
color: #fff;
line-height: 17px;
}

.listBox a {
padding: 0 0 0 8px;
font-size: 9px;
color: #fff;
font-weight: bold;
text-decoration: none;
}

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

.listBox.last {
margin-right: 0px;
}

/* ### price box ### */
.priceBox {
padding-top: 40px;
margin: 0px 0px 1px 10px;
float: left;
width: 233px;
background: url('../img/shop-top.png') left top no-repeat;
}

.priceBox .bottom {
padding-bottom: 25px;
width: 233px;
background: url('../img/shop-bottom.png') left bottom no-repeat;
}

.priceBox .mid {
width: 233px;
position: relative;
background: url('../img/list-mid.png') repeat-y;
}

.priceBox .text {
float: left;
position: absolute;
left: 10px;
top: -49px;
text-align: center;
}

.priceBox h2 {
padding-bottom: 11px;
margin-bottom: 11px;
font-size: 10px;
color: #fff;
width: 210px;
text-align: center;
border-bottom: 1px solid #fff;
}

.priceBox p {
padding: 0 0 3px 8px;
width: 206px;
font-size: 8px;
color: #fff;
line-height: 17px;
}

.priceBox a {
padding: 0 0 0 8px;
font-size: 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
}

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

.priceBox.last {
margin-right: 0px;
}

/* ### price table ### */

.pricetable {
font-size: 11px;
color: #000000;
}

/* ### bass box ### */
.bassBox {
padding-top: 15px;
margin-left: 8px;
width: 235px;
overflow: hidden;
float: left;
background: url('../img/bass-top.png') left top no-repeat;
}

.bassBox .bottom {
padding-bottom: 14px;
overflow: hidden;
background: url('../img/bass-bottom.png') left bottom no-repeat;
}

.bassBox .mid {
padding: 0px 5px 0px 3px;
width: 227px;
overflow: hidden;
background: url('../img/bass-mid.png') repeat-y;
}

.bassBox .vartical {
padding: 0px 16px 15px 15px;
width: 196px;
height:355px;
background: url('../img/bass-vartical.png') left top repeat-x;
}

.bassBox h2 {
padding-bottom: 9px;
font-size: 13px;
color: #fff;
border-bottom: 1px solid #fff;
}

.bassBox span {
padding: 16px 0px 15px 0px;
font-size: 10px;
line-height: 16px;
display: block;
color: #fff;
font-weight: bold;
}

.bassBox p {
padding-bottom: 24px;
line-height: 15px;
color: #fff;
font-size: 9px;
}

.bassBox p.text1 {
padding: 11px 0px 20px 0px;
line-height: 15px;
color: #fff;
font-size: 9px;
}

.bassBox a {
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

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

.bassBox.last {
margin-right: 0px;
}

.bassBox h3 {
font-size: 10px;
color: #fff;
}

.bassBox ul {
list-style: none;
}

.bassBox li {
width: 100%;
float: left;
color: #fff;
font-size: 9px;
line-height: 14px;
}

.bassBox .bass {
padding: 10px 0 19px 0;
width: 196px;
}

.bassBox span.text {
padding-bottom: 0px;
}

.bassBox.top1 {
padding-top: 15px;
background: url('../img/top1.png') left top no-repeat;
}

.bassBox .bottom1 {
padding-bottom: 15px;
overflow: hidden;
background: url('../img/bottom1.png') left bottom no-repeat;
}

.bassBox .mid1 {
padding: 0px 20px 0px 18px;
width: 197px;
overflow: hidden;
background: url('../img/mid1.png') repeat-y;
}

.bassBox .img {
padding-bottom: 5px;
}


/* ### system box ### */
.systemBox {
padding-right: 12px;
width: 481px;
position: relative;
float: left;
}

.systemBox h2 {
position: absolute;
left: 27px;
top: 30px;
font-size: 33px;
font-weight: normal;
color: #ffff03;
}

.systemBox span.text1 {
position: absolute;
top: 70px;
left: 28px;
font-size: 21px;
color: #ffff03;
}

.systemBox .text {
position: absolute;
left: 25px;
top: 116px;
width: 430px;
}

.systemBox p {
padding-bottom: 18px;
text-align: justify;
font-size: 9px;
color: #fff;
line-height: 14px;
}

.systemBox p span {
font-weight: bold;
font-size: 10px;
}

.systemBox a {
position: absolute;
right: 40px;
top: 17px;
font-size: 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
}

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


/* ### sound box ### */
.soundBox {
padding-right: 12px;
width: 481px;
position: relative;
float: left;
}

.soundBox h2 {
position: absolute;
left: 27px;
top: 28px;
color: #ffff03;
font-size: 33px;
font-weight: normal;
}

.soundBox p {
padding-bottom: 15px;
line-height: 14px;
color: #fff;
font-size: 10px;
}

.soundBox span {
position: absolute;
left: 72px;
top: 70px;
font-size: 21px;
color: #ffff03;
}

.soundBox .text {
position: absolute;
left: 27px;
top: 112px;
width: 426px;
}

.referencesBox a, .combinationsBox h2, .seriesBox h2 {
width: 144px;
padding-left: 22px;


}