.OptionBox
{
    width   : 550px; 
    /*height  : 520px;*/
    background-color:white;
    /*overflow:hidden;*/
}

.proHeaderBox
{
    font-size   : 10px; 
    font-family : Tahoma;
    margin-bottom : 10px;
    /*height   : 120px; tıklayınız linki olursa */
    height   : 106px;
    overflow : hidden;
    /*border:1px solid;*/
}

.proPhotoBox
{
    /*float   : left;*/
    /*width   : 116px;*/
    width   : 138px;
    
}
.proPhotoBox img
{
    border : 3px solid #D4D9D5 !important;
}

.prInfoContainer
{
    /*float   : left; */
    display : block;
    height:106px;
}
.prDescBox
{
        height  : 60px;
}
.prInfoContainer h3{font-size:1.5em !important;}

.prCodeRow {color:#F17200; font-weight:bold;}
.prCodeRow span{color:#000000;}
.prDetailRow{ /*padding:10px 0 7px 0;*/}

.prPriceRow{}
.PriceBox
{
    font-size:11px;
}
.PriceBox td.pLbl{vertical-align:bottom;}
.PriceBox td.pLbl div
{
    padding : 2px 3px 2px 5px; 
    background-color:#D4E04C;
    }
.PriceBox td.pVal{border:1px solid #D4E04C; padding:8px; color:#C9060E;}
.PriceBox .Price
{
    font-size   : 1.6em !important; 
    font-weight : bold;
    color       : #C9060E;
}
.PriceBox td.pVal .CurID{}

.logoTbl td
{
    text-align:center;
}
.logoTbl td#logo {padding-bottom:5px;}
.logoTbl td#title {padding-top:5px;}

.LogoContainer 
{
    /*float   : right; 
    display : inline; 
    width   : 100px;*/
    text-align  : center; 
}
.LogoContainer img  {display : block; margin-bottom:5px;}
.LogoContainer span {padding-top:5px;}


.proStepBox
{
    float:left;
    display : block;
    /*margin  : 10px 0 1px 0;  */
    padding : 5px 0 5px 0px !important;
    height  : 11px;
    font-weight:normal;
}

ul.proSteps
{
    list-style  : none;
    /*height      : 15px;*/
    display     : inline-block;
}
ul.proSteps li
{
    font-size   : 11px;
    float       : left;
    color       : black;
    padding     : 0 4px !important; 
    border-left : 1px solid black;
}

.proOptionBox
{
    clear   : both; 
    /*height  : 340px; */
    /*height  : 300px; */
    /*overflow: auto;*/
    
    /*overflow-y : auto;
	overflow-x : hidden;
	scrollbar-face-color:#010101;
	scrollbar-highlight-color:#010101;
	scrollbar-track-color:#E9E9E9;
	scrollbar-3dlight-color:#E9E9E9;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-arrow-color: #E9E9E9; 
	scrollbar-darkshadow-color: #E9E9E9; */
    }

.Promotion
{
    background-image:url(images/promotionBg.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    padding : 10px 0 0 100px;
    background-color:#FFDCBE;
    min-height:38px;
    color:Black;
}

.promOpt
{
    /*width:95%;*/
    border:none;
    background-color:#FFDCBE;
} 
.promOpt th
{
    text-align   : left;
    font-weight  : normal;
    padding-left : 0 !important;
    width : 25% !important;
    white-space:nowrap;
}    
.promOpt th, 
.promOpt td
{
    color            : Black;
    background-color : #FFDCBE; 
    padding          : 3px;
    /*border-bottom    : 1px dotted #666666;*/
}

.blackBg
{
    color   : black;
    background-color : #FFDCBE; 
    border-bottom   : 1px solid white;
    padding-left: 5px;
    font-weight : bold;
    /*height  : 17px;
    padding : 5px 5px 5px 15px !important;*/
}
.blackBg div
{
    line-height : 27px;
    /*padding:5px 0 !important;*/
}

.greenBg
{
    font-weight : bold;
    color       : #000000;
    padding-left    : 5px;
    background-color: white; 
    border-bottom   : 1px solid white;
}
.greenBg div
{
    line-height : 27px;
}
.ExtraPanel {background-color:#FFDCBE; color:Black;  padding : 5px 5px 5px 10px;}
.ExtraPanel input {padding:0px !important;}
.ExtraPanel label {padding-left : 5px;}

.optCheckList
{
    /*width:500px;*/
}
.optCheckList td
{
    /*width:250px;   */
}

.proFooter
{
    text-align : right; 
    color   :   Black;
}

#PriceProgress
{
    float:right;
    padding:30px 10px 0 0;
    visibility:hidden;
    color:Red;
}

.prPriceTotal
{
    float   : right;
    width   :   140px;
    padding :   10px;
    margin  :   10px 0;
    border  :   1px solid #FEEAA6;
}

.proButtons
{
    clear:both;
    text-align:right;
}
