@charset "UTF-8";
/*
    Document   : main.css
    Created on : 23.10.2009, 01:12:45
    Author     : akaGamlet
    Description: main2 css to audioRoad (additional)
*/

#indexActionMain2
{
    background: url(images/actionMain2.gif) 0 0 no-repeat;
    height: 16px;
    width: 235px;
    padding-bottom: 15px
}
#indexSaleMain2
{
    background: url(images/indexSaleMain2.gif) 0 0 no-repeat;
    height: 18px;
    width: 179px;
    padding-bottom: 15px
}
#indexnewMain2
{
    background: url(images/newMain2.gif) 0 0 no-repeat;
    height: 17px;
    width: 80px;
    padding-bottom: 15px    
}



#actionMain2All
{
    background: url(images/actionMain2All.gif) 0 0 no-repeat;
    height: 18px;
    width: 125px
}
#actionMain2All a
{ 
    height: 18px
}
#indexSaleMain2All
{
    background: url(images/saleMain2All.gif) 0 0 no-repeat;
    height: 17px;
    width: 241px;
}
#indexSaleMain2All a
{    
    height: 18px
}
#indexNewMain2All
{
    background: url(images/newMain2All.gif) 0 0 no-repeat;
    height: 16px;
    width: 143px
}
#indexNewMain2All a
{    
    height: 16px
}
/*ALL CLASS MAIN*/
.genAllClassMainIndex2
{
    display: block;
    text-indent: -9999px;
    float: right;
    display: inline;
    margin: 25px 20px 10px 0
}
.genAllClassMainIndex2 a
{
    display: block
}








/*ICONS ACTION AND OTHER*/
span.actionMain2
{
    background: url(images/actionS.png) 0 0 no-repeat;
    height: 33px;
    width: 34px;
    position: absolute;
    top: -15px;
    right: 0px;
    text-indent: -9999px
}
span.saleMain2
{
    background: url(images/5percent.png) 0 0 no-repeat;
    width: 34px;
    height: 33px;
    position: absolute;
    right: 0;
    top: -15px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none
}
span.newMain2
{
    background: url(images/newIcon.png) 0 0 no-repeat;
    height: 33px;
    width: 34px;
    position: absolute;
    top: -15px;
    right: 0px;
    text-indent: -9999px
}
span.oldPriceIndex
{
    text-decoration: line-through
}
span.newPriceIndex
{
    color: #ff4444 !important
}


.specIndexGen a
{
    color: #483dc1;
    font: normal 15px Arial;
    line-height: 19px
}

.specIndexGen
{
    /*display: inline-block;*/
    margin-right: 0 !important;
    /*width: auto !important;*/
    padding-top: 15px;
    padding-right: 10%;
    float: left    
}
.specIndexName
{
    width: 100px;    
}
.specIndexGen span.price
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    display: block;
}




.leftBoxGenIndex
{    
    float: left;
    position: relative;    
    width: 102px
}
.rightBoxGenIndex
{          
    padding-left: 6px;    
    padding-top: 3px;    
    display: block;
    margin-left: 102px
    /*overflow: hidden*/       
}
.genTblIndex
{
    width: 100%    
}
.genTblIndex tr td
{
    vertical-align: top
}


/*.box{ display:-moz-inline-box; display:inline-block; vertical-align:top; text-align:left; }*/
.box2{display: inline-block; vertical-align: top; text-align: left; }
.box2 p{ padding: 10px 0px; margin: 0;}
/*IE6*/* html .box2{ display: inline; }
/*IE7*/* + html .box2{ display: inline; }

.box2 a
{
    display: block;
    color: #1a3dc1;
    text-align: center;
    font: normal 16px Arial
}
/*CAT BOX*/
#indexCatBox
{
    float: left;
    width: 50% !important;
    
}
#indexRightBox2
{   
    position: relative;
    overflow: hidden;
    padding-bottom: 180px
    
}
#indexCatBox
{
    padding-right: 20px !important
    
}
#indexLeftBox
{
    width: 45% !important;
}
#indexLeftBox2
{
    width: 22% !important;
    float: left;    
}

#indexMain2In
{
    padding: 35px 10px 35px 0;
    position: relative;
    _height: 1%     
}
#whyRoadText
{
    padding-top: 10px
}
#whyRoadText h3
{
    padding: 0;
    margin: 0;
    font: normal  13px 'Myriad Pro';
    color: #000;
    text-transform: uppercase;
    background: url(images/whyRoad.gif) 0 0 no-repeat;
    width: 168px;
    height: 15px;
    text-indent: -9999px
}
#whyRoadTextBox
{
    padding: 20px 30px 50px 0;
    font: normal 12px Arial;
    color: #4a4a4a
}
#bottomIndexMenu
{
    padding-top: 25px;
    
}
#bottomIndexMenu ul
{
    list-style: none;
    height: 1%;
    overflow /**/:/**/ hidden;
    position: relative;
    left: -3px;
    margin-right: 3px;    
}
#bottomIndexMenu ul li
{
    float: left;
    font: normal 10px Arial;
    display: inline;
    background: url(images/bottomMenuBorder.gif) 100% 90% no-repeat;
    padding: 5px 6px 0 2px
}
.lastBotMenu
{
    background: none !important
}
#bottomIndexMenu ul li a
{
    text-decoration: underline;
    color: #484848   
}
#bottomIndexMenu ul li a:hover
{
    text-decoration: none
}
.indexFooterBox
{
    margin-left: 43% !important;
    margin-right: 150px;
    height: 90px;
    padding-top: 0px !important;
    padding-left: 20px  
}
#columnNew
{
    margin-left: 26% !important
}
#indexSubscribe
{
    margin-top: 10px;
    margin-left: 33px
}
#indexSubscribe span
{
    text-indent: -9999px;
    display: block;
    height: 16px;
    width: 137px;
    padding-bottom: 5px;    
}
#indexSubscribe span a
{
    display: block;
    height: 16px
}

span#subsIndexMain2
{
    background: url(images/subsrcIndex.gif) 0 0 no-repeat;
}
span#feedbackIndexMain2
{
    background: url(images/feedbackIndexMain2.gif) 0 0 no-repeat;
}
#searchIndexBoxMain2
{
    position: relative;
    left: -9px;    
    float: left;
    width: 45%;
    padding-top: 30px;
}
#basketIn2
{
    padding-top: 0 !important
}
#main2IndexLeft
{
    float: left;
    width: 46%;
}

#indexAdditMenu
{
    margin-top: 10px;    
    /*float: left;*/
    /*display: inline;*/
    margin-left: 13px;
    padding-top: 15px
    
}
/*#indexAdditMenu span
{
    text-indent: -9999px;
    display: block;
    height: 16px;
    width: 164px;
    padding-bottom: 5px;
}*/
#indexAdditMenu  a
{
    display: block;
    background: url(images/littleArrow.gif) 0 30% no-repeat;
    padding-left: 23px;
    font: normal 13px Arial;
    color: #4a4a4a;
    padding-bottom: 6px
}



#NoindexAdditMenu
{
    margin-top: 10px;
    /*float: left;*/
    /*display: inline;*/
    margin-left: 13px;
    padding-top: 15px

}
/*#indexAdditMenu span
{
    text-indent: -9999px;
    display: block;
    height: 16px;
    width: 164px;
    padding-bottom: 5px;
}*/
#NoindexAdditMenu  a
{
    display: block;
    padding-left: 23px;
    font: normal 13px Arial;
    color: #4a4a4a;
    padding-bottom: 6px
}


/*
span#allNewMain2
{
    background: url(images/allNew.gif) 0 0 no-repeat;    
}
span#allActionsMain2
{
    background: url(images/allActions.gif) 0 0 no-repeat;
}
span#allPrMain2
{
    background: url(images/allPr.gif) 0 0 no-repeat;
}*/

#addtitionalBoxMain2
{
    clear: left;padding-top: 25px;

}
span.additHLnk
{
    margin-top: 10px
}

/*PRODUCT*/

/*div#producDescr
{
    width: auto !important;
    padding-right: 40px
}*/
.aloneRowRightMain2
{
    border: 1px solid red
}
#sopBox2
{
    padding: 10px 0 30px 0px;
    position: relative    
}
.NoIndexFooterBox
{
    margin-left: 0% !important;
    /*padding-top: 0px !important;*/
    padding-left: 0 !important;
    position: relative;
    left: -15px;
    margin-top: 10px
}
.oddMain2
{
    background: #ececec;
}
.oddMain2 td
{
    padding: 3px !important
}
#komplecsMain2
{
    padding: 10px;
    color: #5e5e5e
}
#komplecsMain2 a
{
    text-decoration: underline;
    color: #5e5e5e
}
#komplecsMain2 table tr td
{
    padding: 5px 2px 5px 2px;
    padding-right: 10px;
    width: 50%;
    vertical-align: top
}
#allCountPriceMain2
{
    font: bold 16px Arial;
    color: #5f5f5f
}
#resultTblMain2
{
    margin-top: 25px;
}
.textDecorUnderline
{
    text-decoration: underline
}
.twoCharatersMain2
{
    background: #fff;
    margin: 10px 10px;
}
.OddCharMain2
{
   background: #ececec !important;
}
/*IE6*/* html .boxChar{ display: inline; }
/*IE7*/* + html .boxChar{ display: inline; }

div#otzMain2
{    
    height: 1%;
    overflow /**/:/**/ hidden
}
#errorMain2
{
    background: url(images/errorMain2.gif) 0 0 no-repeat;
    width: 198px;
    height: 60px;
    float: right;
    display: inline;
    margin-right: 20px;
    font: normal 14px Arial;
    text-transform: uppercase;
    padding-left: 25px;
    line-height: 55px;
    vertical-align: middle    
}
#errorMain2 a
{
    color: #fff
}





#allErrors
{
    width: 234px;
    height: 122px;
    position: absolute;
    right: 35px;
    top : -245px;
    z-index: 9999;
    display: none
}
#ieBugPng
{
    background: url(images/allErrors.png) 0 0 no-repeat;
    width: 234px;
    height: 122px;
}
#allErrors p
{
    padding: 0;
    margin: 0
}
#allErrors input,textarea
{
    position: relative
}
#allErrors textarea
{
    width: 183px;
    height: 59px;

    margin-left: 15px;
    margin-top: 17px;
    background: none;
    border: none;
    padding: 3px 3px 0 3px;
    overflow-x: hidden ;
    overflow-y: hidden;
    font-size: 10px;
    font-family: Arial

}
#allErrors input
{
    float: right;
    width: 27px;
    height: 18px;
    line-height: 18px;
    border: none;
    background: none;
    display: inline;
    margin-right: 27px;
    margin-top: 4px
}
#closeError
{
    position: relative;
    width: 10px;
    height: 10px;
    right: 0;
    z-index: 1000;
    display: block;
    float: right;
    display: inline;
    margin-right: 8px;
    margin-top: 12px
}
#errorMain2In
{
    height: 1%;overflow /**/:/**/ hidden
}




/*FEEADBACK*/
.feedBackClass
{
    width: 310px !important;
    padding-top: 20px
}
#feedBackFormBox  label
{
    display: block;
    padding-bottom: 6px
}
#feedBackFormBox p
{
    padding: 0;
    margin: 0;
    padding-bottom: 10px
}
#feedBackFormBox  textarea
{
    border: 1px solid #000;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 306px;
    background: none;
}
#feedBackFormBox .main2FirstInput
{
    border: 1px solid #000;
    width: 115px;
    background: none;
}
input.main2FeedSubmit
{
    width: 115px;
    float: right
}
.main2Message
{
    height: 110px;
}
.main2Info
{
    height: 70px
}
#feedBackTextField
{
    padding: 10px 0 16px 0
}
#feedBackFormBox
{
    width: 310px !important;
    padding-bottom: 30px
}


/*NEW BASKET*/
#basketNewBoxMain2
{    
   margin-left: 45% ;
   position: relative;
   margin-top: -20px
}
#pitno
{
   background: url(images/pitno.gif) 0% 0 no-repeat;
   height: 195px;
   padding: 30px;
   font: normal 12px Arial;
   color: #fff;
}
#pitno a
{
    color: #fff
}
#basketText
{
    background: url(images/basketText.gif) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
    width: 165px;
    height: 15px;
    padding-bottom: 20px
}



#additional-content {padding-right: 20px;}