﻿body
{
}

#slideshow
{
 
 
    margin-bottom:15px;
width: 630px; margin-top: 14px; margin-left: 8px;


}
#carmodelslides
{
    /*background-color:#646562;*/
    overflow:hidden;
    float: right;
    margin-top: 5px;
}
/*img 
{
    display: block;
    border: solid 1px green;
}
*/
#slide
{
    width: 400px;
    overflow:hidden;
    background-color:Black;
    float: right;
}

#carmodelslides > img
{
    float: left;
    width: 90px;
    cursor: pointer;
    margin: 2px 0 2px 11px;
    border: 1px solid transparent;
}

#carmodelslides > img:hover
{
    border: 1px solid orange;
}

#smallInfoBox
{
    float: left;
    width: 213px;
    height: 324px;
    margin-right: 4px;
    border: 1px solid orange;
    border-radius: 4px;
    padding: 5px;
    background-image: linear-gradient(bottom, rgb(250,250,250) 100%, rgb(255,177,82) 0%);
    background-image: -o-linear-gradient(bottom, rgb(250,250,250) 100%, rgb(255,177,82) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 100%, rgb(255,177,82) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 100%, rgb(255,177,82) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 100%, rgb(255,177,82) 0%);
}

#smallInfoBox h5
{
    font-family: Arial;
    float: right;
    padding:0;
    font-weight: bold;
    direction: rtl;
    text-align: right;
    margin-left:5px;
}

#smallInfoBox span
{
    float: right;
    width: 111px;
    text-align: center;
    margin-right: 3px;
    direction: rtl;
}

.smallInfoBoxRow
{
    height: 20px;
    padding: 5px 1px;
}

#proscons
{
    width: 213px;
    text-align: center;
    margin-top: 15px;
    
}

#proscons tbody tr td
{
    text-align: center;
    height: 30px;
    font-size: 12px;
}

#proscons tbody tr th
{
    text-align: center;
    height: 30px;
    font-weight: bold;
}

#modelSummery
{
    margin: 10px 0;
    width: 626px;
    overflow: hidden;
    min-height: 180px;
    padding: 15px 5px;
    direction: rtl;
    font-family: Arial;
    font-size: 13px;
    color:Black;
    border: 4px double gray;
    float: right;
    box-shadow: 0 1px 1px gray;
    -moz-box-shadow: 0 1px 1px gray;
    -webkit-box-shadow: 0 1px 1px gray;
    border-radius: 8px;
}

#modelSummery h3
{
    font-family: Arial;
    font-weight: bold;
    color: Brown;
    margin-bottom: 10px;
}

#modelVideo
{
    width: 648px;
    min-height: 300px;
    overflow: hidden;
    padding: 10px 0 0 5px;
    margin-bottom: 10px;
}

#modelVideoBanner
{
    float:right;
    width: 300px;
    margin-left: 10px;
   /* height: 290px;*/
}

#modelVideoBanner a img
{
    width: 294px;
    border: 1px solid gray;
}

#modelVideoYoutube
{
    float: left;
    width: 333px;
    margin-top:16px;

}

#modelVideoYoutube img
{
    height: 290px;
}

#technicalSpecks
{
    width: 648px;
    overflow: hidden;
}

#technicalSpecksHeader
{
    width: 640px;
    float: right;
    background-color: Orange;
    height: 40px;
    line-height: 40px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid gray;
    text-align: right;
    margin-bottom: 5px;
}

#technicalSpecksHeader h3
{
    font-family: Arial;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
    width: 200px;
    float: right;
    color: White;
    text-shadow: 0 1px 1px gray;
    -moz-text-shadow: 0 1px 1px gray;
    -webkit-text-shadow: 0 1px 1px gray;
    font-size: 22px;
}

#speckTable
{
    float: right;
    overflow: hidden;
    direction: rtl;
    width: 642px;
}

#speckTablecompare
{
    float: right;
    overflow: hidden;
    direction: rtl;
    width: 920px;
    margin-bottom:10px;
}

.tableHeader
{
    font-weight: bold;
    background-color: LightGray;
    text-align: right;
    text-indent: 3px;
    width: 160px;
}
.tableHeadercompare
{
    font-weight: bold;
    background-color: LightGray;
    text-align: right;
    text-indent: 3px;
    width: 115px;
}
.comparetitlediv
{
    margin-left: 9px; width: 922px;
    background-color:Orange;
    line-height: 40px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid gray;
    margin-top :5px;
    margin-bottom: 5px;
}

.comparetitlediv h3
{
    text-align:center; 
    color:White; 
    font-family:Arial; 
    font-weight:bold;
    font-size: 22px;
    text-shadow: 1px 2px 0 gray;
    -moz-text-shadow: 1px 2px 0 gray;
    -webkit-text-shadow: 1px 2px 0 gray;
    height: 30px;
}

.comparetitlediv h5
{
    text-align: center; 
    color: brown; 
    font-family:Arial; 
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 0 black;
    -moz-text-shadow: 1px 1px 0 black;
    -webkit-text-shadow: 1px 1px 0 black;
    height: 25px;
    line-height: 25px;
}

.comparebuttondiv
{
   margin-left: 9px; width: 918px;
   background-color:lightgray;
   height: 51px;
   line-height: 40px;
   border: 1px solid gray;
   margin:auto;
   margin-top:5px;
   margin-bottom: 5px;
}
.comparebutton
{
   width:200px;
   background-color:Orange;
   color:White;    font-weight:bold;
   height: 40px;
   line-height: 30px;
   border-radius: 8px;
   padding: 5px 3px;
   border: 1px solid gray;
   display: block;
   margin: 5px auto;
}

.comparebutton:hover
{
    background-color: Red;
    cursor: pointer;
}

.tableHeaderInfo
{
    background-color: White;
    text-align: right;
    padding-right: 10px;
    width: 198px;
}

.tableHeaderInfoPic
{
    width: 198px;
    padding:0;
    background-color: transparent;
}

.tableHeaderInfoPic:hover
{
    border: 1px solid yellow;
}

/*FOR COMPARE TABLE PAGE*/
.tableHeaderInfoPic a img
{
    width: 100%;
}


.tableHeaderInfo1
{
    background-color: pink;
    text-align: right;
    padding-right: 10px;
    width: 198px;
}

.tableHeaderInfo2
{
    background-color: SandyBrown;
    text-align: right;
    padding-right: 10px;
    width: 198px;
}

.tableHeaderInfo3
{
    background-color: lightblue;
    text-align: right;
    padding-right: 10px;
    width: 198px;
}


.tableHeaderInfocompare
{
    background-color: White;
    text-align: right;
    padding-right: 10px;
    width:115px;
}
#polutionRank
{
    width: 640px;
    height: 60px;
    margin-bottom: 10px;
    background-color: White;
    float: right;
    border: 1px solid black;
}

#polutionRank img
{
    margin-top: 5px;
    margin-left: 170px;
}

#compareCars
{
    width: 922px;
    margin: 10px auto;
    background-color: White;
    overflow: hidden;
}

.dropdownDiv
{
    width: 305px;
    float: right;
    /*height: 80px;*/
    background-color: lightgray;
    border: 1px solid gray;
    padding-bottom: 5px;
}

.dropdownDiv h6
{
    direction: rtl;
    font-family: Arial;
    font-size: 18px;
    color: Gray;
    font-weight: bold;
    text-align: center;
    margin: 2px 0;
}

.carddl
{
    margin: 2px auto;
    direction: rtl;
    width: 200px;
    background: none repeat scroll 0 0 orange;
    float: right;
    font-size: 15px;
    font-family: Arial;
    height: 22px;
    margin: 6px 55px;
}
.otherModels
{
    width: 250px;
    padding: 10px;
    margin-top: 30px;
    overflow:hidden;

}
.anotherModelsHeader
{
    width: 250px;
    float: right;
    background-color: Orange;
    height: 40px;
    line-height: 40px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid gray;
    text-align: center;
    margin-bottom: 5px;
}
#otherModels
{
    width: 250px;
    padding: 10px;
    margin-top: 84px;
    overflow: hidden;
    
}

#anotherModelsHeader
{
    width: 250px;
    float: right;
    background-color: Orange;
    height: 40px;
    line-height: 40px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid gray;
    text-align: center;
    margin-bottom: 5px;
}

.anotherModelsHeader h3
{
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    width: 225px;
    float: right;
    color: White;
    text-shadow: 0 1px 1px gray;
    -moz-text-shadow: 0 1px 1px gray;
    -webkit-text-shadow: 0 1px 1px gray;
    font-size: 17px;
}

.otherModels ul
{
    direction: rtl;
    border: 1px solid lightGray;
    width: 250px;
    float: right;
    margin-bottom: 5px;
    overflow: auto;
    height:280px;
   
}

.otherModels ul li
{
    margin-right: 7px;
    margin-bottom: 5px;
    height: 19px;
}

.otherModels ul li:hover
{
    background-color: Orange;
}

.otherModels ul li a
{
    text-decoration: none;
    font-family: Arial;
    color: Black;
    font-size: 15px;
}

.otherModels ul li a:hover
{
    font-size: 16px;
}

#carmodelLongBanner
{
    width: 250px;
    /*height: 250px;*/
    margin-top: 10px;
    /*margin-right: 15px;*/
    overflow: hidden;
    float: none;
    margin-left: 10px;
}

#modelVersions
{
    border: 4px double gray;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 1px 1px gray;
    color: brown;
    direction: rtl;
    float: right;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 15px 5px;
    width: 626px;
}

#modelVersions h3
{
    font-weight: bold;
}

#modelVersions ul
{
    list-style: none;
}

#modelVersions ul li
{
    margin-bottom: 5px;
}

#modelVersions ul li a
{
    text-decoration: none;
    color: Black;
    font-family: Arial;
    font-size: 13px;
}

#modelVersions ul li a:hover
{
    text-decoration: underline;
}


/******** COMPARETABLE PAGE*/

#ctl00_ContentPlaceHolder1_comaretableContainer
{
    width: 920px;
    margin: 10px auto;
    overflow: hidden;
    padding: 15px;
}

#speckTablecompareComparePage
{
    overflow: hidden;
    direction: rtl;
    width: 920px;
    margin-bottom:10px;
}

#comareTableHeader
{
    width: 918px;
    height: 60px;
    margin-bottom: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background-color: Silver;
}

#comareTableHeader h1
{
    font-family: Arial;
    direction: rtl;
    text-align: right;
    font-weight: bold;
    font-size: 28px;
    color: orange;
    text-shadow: 1px 1px white, -1px -1px #444;
    -webkit-text-shadow: 1px 1px white, -1px -1px #444;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=120, Color='#444')";*/
    filter: Shadow(Color=gray, Direction=45, Strength=4);
    height: 30px;
    line-height: 30px;
    width: 290px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#returnToHome
{
    float: right;
    margin-right: 10px;
    direction: rtl;
    height: 30px;
    margin-top: 16px;
}

#returnToHome span
{
    font-family: Arial;
    direction: rtl;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: Red;
    text-shadow: 1px 1px white, -1px -1px #444;
    -webkit-text-shadow: 1px 1px white, -1px -1px #444;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=120, Color='#444')";*/
    filter: Shadow(Color=gray, Direction=45, Strength=4);
}

#homePageButton
{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;
}

#homePageButton:hover
{
    background-color: lightgray;
}

#anotherCompare
{
    float: right;
    direction: rtl;
    height: 30px;
    margin-top: 16px;
}

#anotherCompare span
{
    font-family: Arial;
    direction: rtl;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: Red;
    text-shadow: 1px 1px white, -1px -1px #444;
    -webkit-text-shadow: 1px 1px white, -1px -1px #444;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=120, Color='#444')";*/
    filter: Shadow(Color=gray, Direction=45, Strength=4);
}

#anotherCompareButton
{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;
}

#anotherCompareButton:hover
{
    background-color: lightgray;
}

#compareCalltoAction
{
    width: 920px;
    margin-bottom: 10px;
    height: 120px;
    background-image: url(siteimages/comparetablebanner.png);
}

#returnToHomePage2
{
    width: 120px;
    margin: 50px auto;
    background-color: Silver;
    overflow: hidden;
    padding: 3px;
    border: 4px solid orange;
    border-radius: 8px;
}

#returnToHomePage2:hover
{
    border-color: Red;
}

#returnToHomePage2 h2
{
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px white, -1px -1px #444;
    -webkit-text-shadow: 1px 1px white, -1px -1px #444;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=120, Color='#444')";*/
    /*-ms-filter: Shadow(Color=gray, Direction=45, Strength=4);*/
}

#returnToHomePage2 h2 a
{
    text-decoration: none;
    color: Gray;
}

#returnToHomePage2 a img
{
    display: block;
    margin: 0 auto;
}

/**************** דגמים מתחרים *****************************/
.competeModels
{
    width: 250px;
    padding: 10px;
    margin-top: 2px;
    overflow: hidden;
}


.competeModels ul
{
    direction: rtl;
    border: 1px solid lightGray;
    width: 250px;
    float: right;
    margin-bottom: 5px;
    overflow: auto;
    height:280px;
}

.competeModels ul li
{
    margin-right: 7px;
    margin-bottom: 5px;
    height: 19px;
}

.competeModels ul li:hover
{
    background-color: Orange;
}

.competeModels ul li a
{
    text-decoration: none;
    font-family: Arial;
    color: Black;
    font-size: 15px;
}

.competeModels ul li a:hover
{
    font-size: 16px;
}
.competeModelsHeader
{
    width: 250px;
    float: right;
    background-color: Orange;
    height: 40px;
    line-height: 40px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border: 1px solid gray;
    text-align: center;
    margin-bottom: 5px;
}
.competeModelsHeader h3
{
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    width: 200px;
    float: right;
    color: White;
    text-shadow: 0 1px 1px gray;
    -moz-text-shadow: 0 1px 1px gray;
    -webkit-text-shadow: 0 1px 1px gray;
    font-size: 20px;
}

/**************** דגמים מתחרים *****************************/