/*BASE CSS - Pixelatom*/

img,div ,a, body{ behavior: url(iepngfix.htc) }

body{
    background: url('../images/background.png') repeat-x;
    width: 100%;
    height: 100%;
}

body.index{
    background-color: #CA111D;
}

body.menu{
    background-color: #EE7B0E;
}

body.history{
    background-color: #F8B23A;
}

body.club{
    background-color: #A9B20A;
}

body.contact{
    background-color: #41281B;
}

.header{
    position: relative;
}

.header h1{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

.header h1 a{
    display: block;
    height: 78px;
    width: 349px;
    text-indent: -9999px;
    background: url('../images/logoSupKB.jpg') no-repeat;
}

.mainMenu li{
    display: inline;
}

.mainMenu li a{
    display: block;
    float: left;
    width: 107px;
    height: 33px;
    padding-left: 5px;
    text-transform: uppercase;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    padding-top: 45px;
    margin: 0px 8px 0px 0px;
}

.mainMenu li a.menuHome{
    background: url('../images/baseBoton01.jpg') no-repeat 0px -35px;
}

.index .mainMenu li a.menuHome{
    background: url('../images/baseBoton01.jpg') no-repeat 0px 0px;
    color: #CA111D;
}

.mainMenu li a.menuMenu{
    background: url('../images/baseBoton02.jpg') no-repeat 0px -35px;
}

.menu .mainMenu li a.menuMenu{
    background: url('../images/baseBoton02.jpg') no-repeat 0px 0px;
    color: #EE7B0E;
}

.mainMenu li a.menuHistory{
    background: url('../images/baseBoton03.jpg') no-repeat 0px -35px;
}

.history .mainMenu li a.menuHistory{
    background: url('../images/baseBoton03.jpg') no-repeat 0px 0px;
    color: #F8B23A;
}

.mainMenu li a.menuClub{
    background: url('../images/baseBoton04.jpg') no-repeat 0px -35px;
}

.club .mainMenu li a.menuClub{
    background: url('../images/baseBoton04.jpg') no-repeat 0px 0px;
    color: #A9B20A;
}

.mainMenu li a.menuContact{
    background: url('../images/baseBoton05.jpg') no-repeat 0px -35px;
}

.contact .mainMenu li a.menuContact{
    background: url('../images/baseBoton05.jpg') no-repeat 0px 0px;
    color: #41281B;
}

.content{
    height: 525px;
    position: relative;
}

.bgImages{
    width: 950px;
    height: 525px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
}

.bgImages img{
    width: 950px;
    height: 525px;
}

.realContent{
    position: relative;
    z-index: 5;
    padding-top: 1px;
}

.realContent h4{
    color: #EE7B0E;
    font-family: Tahoma, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin-left: 650px;
    margin-top: 60px;
    margin-right: 50px;
}

.history .realContent h4{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 15px;
    background-color: #CFAF92;
    font-weight: normal;
    margin-left: 601px;
    width: 293px;
    margin-top: 60px;
    padding: 5px 0px 8px 50px;
    text-decoration: none;
}

.history .realContent h4 a{
    text-decoration: none;
    color: #41281B;
}

.historySecond{
    display: none;
}

.whiteLine{
    margin-left: 601px;
    width: 343px;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #F2EEE9;
}

.history .realContent h4.last{
    margin-top: 1px;
}

.karlasClubTitle{
    margin: 10px 0px 10px 700px;
}

.realContent h5{
    color: #F2EEE9;
    font-family: Tahoma, sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-left: 650px;
    margin-top: 10px;
    margin-right: 50px;
}

.bodyText{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-left: 650px;
    margin-top: 15px;
    margin-right: 50px;
    line-height: 15px;
}

.bodyText a{
    color: #41281B;
}

.bodyTextContact{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-left: 650px;
    margin-top: 15px;
    margin-right: 50px;
    line-height: 12px;
}

.bodyTextContact a{
    color: #41281B;
}

.history .bodyText{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-left: 650px;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 50px;
    line-height: 13px;
}

.footer{
    position: relative;
    padding-bottom: 20px;
}

.footer .topLines{
    border-left: 1px solid #FFF;
    height: 7px;
    line-height: 7px;
    width: 120px;
}

.footer .smallText{
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    line-height: 15px;
    color: #FFF;
    padding-left: 5px;
}

.footer .biggerText{
    font-size: 15px;
    font-family: Tahoma, sans-serif;
    line-height: 12px;
    color: #FFF;
    padding-left: 5px;
    padding-top: 3px;
}

.footer .becomeAMemberLinks{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 347px;
    height: 30px;
    text-align: center;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
    padding-top: 15px;
}

.footer .becomeAMemberLinks a{
    color: #DCD6CA;
    text-decoration: none;
}

.footer .becomeAMemberLinks a .joinNow{
    color: #41281B;
    font-size: 15px !important;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    text-transform: uppercase;
    /*margin-right: 10px;*/
}

.contact .footer .becomeAMemberLinks a .joinNow{
    color: #FFFFFF;
    font-size: 15px !important;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    text-transform: uppercase;
    /*margin-right: 10px;*/
}

.footer .becomeAMemberLinks a, .becomeAMember{
    color: #E7E5DD;
    font-size: 11px !important;
    font-family: Tahoma, sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    margin-left: 10px;
}


/*MENU PAGE*/
.leftMenu{
    float: left;
    width: 593px;
    margin-right: 8px;
    position: relative;
    -display: inline;
}

.rightMenu .footer .becomeAMemberLinks{
    -width: 347px;
    -right: -17px;
}

.rightMenu{
    float: left;
    width: 349px;
    -width: 341px;
    -margin-left: -8px;
    -display: inline;
    position: relative;
}

.topTitleMenu{
    width: 349px;
    -width: 341px;
    height: 121px;
    background: url('../images/headerKarla.png') no-repeat 0px 0px;
    margin-top: -78px;
    position: relative;
    z-index: 1;
}

.realContent .topTitleMenu{
    width: 349px;
    height: 43px;
    background: url('../images/headerKarla.png') no-repeat 0px -79px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 0px;
    z-index: 1;
}

.rightMenuHolder{
    min-height: 598px;
    *min-height: 523px;
    -height: 523px;
    background: #D1C6BC;
    border-bottom: 8px solid #E7E5DD;
    border-right: 8px solid #E7E5DD;
}

.rightMenuHolder h4{
    color: #EE7B0E;
    font-family: Tahoma, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin-left: 50px;
    margin-top: 20px;
    margin-right: 50px;
}

.menuWelcome{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin-left: 50px;
    margin-top: 5px;
    margin-right: 50px;
}

.rightMenuSelf{
    margin-top: 15px;
    margin-bottom: 30px;
}

.rightMenuSelf a{
    color: #41281B;
    font-family: Tahoma, sans-serif;
    font-size: 15px;
    text-decoration: none;
    display: block;
    padding: 5px 0px 5px 50px;
    height: 18px;
    background: #CFAF92;
    margin-top: 1px;
}

.rightMenuSelf a:hover, .rightMenuSelf a.selectedMenu{
    background: #CD8B58;
}

.mainImageCat{
    padding: 8px;
    background: #E7E4DD;
}

.mainTitleProd{
    margin-top: 8px;
    padding: 8px;
    background: #E7E4DD;
    clear: both;
}

.mainImageCat h3{
    background: #E2A063;
    padding: 5px 0px 5px 8px;
    margin-bottom: 8px;
}

.mainTitleProd h3{
    background: #E3AB78;
    padding: 5px 0px 5px 8px;
}

.mainImageCat img{
    height: 478px;
    width: 577px;
}

.itemWithPic{
    width: 292px;
    margin-top: 8px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.itemWithoutPic{
    background: #E7E4DD;
    padding: 5px 8px 5px 12px;
    margin-bottom: 1px;
}

.itemWithoutPic table{
    width: 100%;
}

.firstItem{
    margin-right: 9px;
}

.imgContainerOfProduct{
    width: 280px;
    height: 159px;
    background-color: #E7E4DD;
    padding: 6px;
}

.imgContainerOfProduct img{
    width: 280px;
    height: 159px;
}

.itemWithPic h4, .itemWithoutPic h4{
    color: #543624;
    font-size: 13px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0px 12px 0px;
}

.prodNameNoPic{
    width: 160px;
}

.costText{
    width: 45px;
    color: #543624;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
}

.itemWithPic .productDescription{
    font-size: 11px;
    color: #FFF;
    font-family: Tahoma, sans-serif;
    margin-bottom: 15px;
    display: block;
}

.itemWithoutPic .productDescription{
    font-size: 11px;
    color: #543624;
    font-family: Tahoma, sans-serif;
    margin-bottom: 15px;
    display: block;
}

.itemWithPic .costPrice{
    width: 60px;
    text-align: right;
    color: #543624;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
}

.itemWithoutPic .costPrice{
    width: 90px;
    text-align: right;
    color: #543624;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
}

.productPrice{
    width: 280px;
}

.dottedLine{
    border-bottom: 2px dotted #543624;
    width: 100%;
}

/*KARLA'S CLUB*/
.clubForm{
    margin: 5px 0px 0px 660px;
    width: 210px;
    position: relative;
    z-index: 4;
}

.clubForm td{
    vertical-align: bottom;
    border-bottom: 1px solid #41281B;
}

.clubForm #label_name, .clubForm #label_address, .clubForm #label_phone, .clubForm #label_email, .clubForm #label_birthday{
    color: #41281B;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3px;
    margin-right: 5px;
    display: block;
    width: 60px;
}

.clubForm input{
    color: #41281B;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 0;
    border-left: 1px solid #41281B;
    background-color: transparent;
    background-image: url('../images/blank.gif');
}

#birthday, #birthmonth{
    width: 22px;
    font-weight: bold;
}

#birthyear{
    width: 40px;
}

.boldLol{
    margin: 10px 0px 0px 660px;
    color: #41281B;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: normal;
    display: block;
}

.sendButton{
    margin: -5px 0px 0px 650px;
    color: #41281B;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
    border: 0;
}

.error{
    color: #C90E30;
    display: inline;
    font-size: 8px;
}

/*DROPDOWN*/
.dropdown-menu {
    width:85px;
    position:absolute;
    font-size:11px;
    cursor:pointer;
    top:10px;
    right: 10px;
    z-index:5;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #1A171B;
}

.rightMenu .dropdown-menu{
    top: -67px;
}

.dropdown-menu a:link, .dropdown-menu a:visited {
    color:#1A171B !important;
    display:block !important;
    text-decoration:none !important; 
    margin:0 !important;
}

.dropdown-menu a:hover {
    color:#1A171B !important;
    text-decoration:underline !important;
}

.dropdown-menu .slide-down {
    background:url(../images/dropdown.png) no-repeat right;
}

.menu-first {
    background:transparent url(../images/dropdown.png) no-repeat right;
    line-height:15px;
    padding:3px 30px 4px 12px;
}

.down-list {
    margin-left:1px;
    padding-bottom:5px;
}
.down-list li {
    padding:5px 5px 5px 15px;
}
.down-list .lastLI { padding-bottom:2px; }

/*960 GRID CUSTOM STYLES*/

.grid_12{
    width: 950px !important;
}

/* USED IN THE FOOTER*/
.reservedText{
    padding-left:0px;
}

.topBarRepeater{
    width: 100%;
    height: 45px;
    background:url(../images/back_stripes.gif) repeat-x top;
    padding: 0px;
    clear: both;
}

/* NEW LOGO FOOTER*/
.logoContainer{
    position:absolute;
    top:43px;
    right:0px;
    width:347px;
}

.logoText{
    color:#E7E5DD;
    font-family:Tahoma,sans-serif;
    font-size:11px !important;
    margin-left:10px;
    margin-right:10px;
    text-transform:uppercase;

}
.arrow{
    font: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 100%;
    color: #DCD6CA;
}