* { margin:0; padding:0;}

body{
 background-color: #CAD8D9;
    background-image: url("../images/bg.jpg");
    background-position: center -9px;
    background-repeat: no-repeat;
    color: #333333;
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
    font-size: 100%;
    line-height: 130%;
    margin: 0;
    text-align: center;
}

img {border:0;}


h1 {color: #425968;
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
    font-size: 2.2em;
    line-height: 100%;
    margin-bottom: 12px;
    margin-top: 12px;}
    

h2 {margin:15px;font-size:14px;}

h4 {
    color: #565555;
    font: bold 15px "Arial";
    /* padding: 0 0 0px; */
    /* text-transform: uppercase; */
}

a {color:#177CBC;text-decoration:none;outline: none;}
a:hover {color:#07245B;text-decoration:none;}

.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }

.right15 {margin-right:15px;}


.clear {clear:both;}

.hidden{display:none !important}

.programare-service-ul{
  list-style: none;
  border: 1px solid #84A4C6;
  box-shadow: 1px 1px 3px;
  margin-left: 4px;
  width: 184px;
  margin-top: -15px;
  padding-top: 10px;
  border-radius: 0 0 5px 5px;	
}
.programare-service-ul li{
  padding-left: 10px;
  background: #C8DEEF;
  padding-right: 16px;
  width: auto;
  color:white;
}
.programare-service-ul li:last-child{
    border-radius: 0 0 5px 5px;
}

.programare-service-ul li:hover{
background:white;

}

.programare-service-ul li a{
  color: rgb(34, 50, 71);
  font-family:arial;
  font-weight:bold;	
  text-transform:uppercase;
}

.bigtext {font-size:30px;font-weight:normal;padding:3px;width:500px;}


.tbold {font-weight:bold;}


.talignr {text-align:right;}
.talignl {text-align:left;}
.talignc {text-align:center;}

.cantbox {width:50px;}

#frame_top {margin: 0 auto;
    position: relative;
    text-align: left;
    top: 55px;
    width: 980px;
    height:100px;
    background: url("../images/frame-top.png") repeat-x;
    }
    
    
#frame_top .top_left{width:200px;height:100px;float:left;background: url("../images/plusauto.png") no-repeat;}    
#frame_top .top_middle {width:580px;height:100px;float:left;}    
#frame_top .top_right {width:200px;height:100px;float:left;background: url("../images/ford.png") top center no-repeat; text-align:center;}    
    

#autoSliderWrapper{
	background: url("../images/autosliderbg.jpg");
    overflow: hidden;
    padding-top: 100px;
    height: 680px;
	width: 100% !important;
	min-width:1200px;
}
.autoModelH1{
	font-size: 30px;
    text-transform: uppercase;
    font-family: 'Arimo', sans-serif;
    font-weight: 600;
	margin-top: 18%;
	/* opacity:0;
	-webkit-opacity:0; */
	
}
.autoModelIntro{
    color: #425968;
	/* opacity:0;
	-webkit-opacity:0; */
}
.vehicleSlider li {
	opacity:0.12;
	-webkit-opacity:0.12;
	transition: background-color 1s ease;
	-webkit-transition: background-color 1s ease;
}
.active-slide {
	opacity:1 !important;
	-webkit-opacity:1 !important; 
}
.separator{
    background: url("/images/xaxis_seperator.png") no-repeat center bottom transparent;
    height: 32px;
    width: 100%;
	margin-top: -1%;
}

.padd20 {padding:20px;}
.paddleft {padding-left:6px;}
.paddright {padding-right:8px;}
.mrboxleft {margin: 0 5px 10px 8px;}

.frame_left {width:200px; float:left;}    
.frame_main {width:780px; float:left;font-size: 1.1em;}    
    
.frame_main_article {margin-bottom: 20px;}

.frame_main_center {float: left; width: 580px; overflow:hidden;}

.frame_main_right {float: left; width: 200px;  overflow:hidden;}        


/********* elemente *******/

.elbox {width:280px;margin:5px 5px 20px 5px;float:left;}
.elbox .elimg {width:98px;margin:0 10px 10px 0;float:left;border:1px solid #999999;height:54px;}
.elbox h3 {color: #425968;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    padding-right: 10px;}
    
.elbox .elarticle {text-align: left;}   
 
.elbox a.link { background-image: url("../images/arrow_blue.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #425968;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: underline;
    white-space: nowrap;}
    
.elbox a.link:hover {color:#FF7808;}








/********************/



.cont {color: #FFFFFF;
    font-weight: bold;}
    
    
.cont table td {color:#5BF1FE;}    
.cont table td span {color:#FEFACD;}    
    

.cont a {color:#ECF2F2;}
.cont a:hover {color:#32AEFD;}



    
.ContTop {border-width: 0;
    margin: 0;
    padding: 0;}    
    
.bg_2full{
    background: url("../images/bg_2full.png") no-repeat;
    padding: 5px 0 5px 10px;
    /*padding: 10px 0 8px;*/
    
    }
.bg2Divider {background: url("../images/bg2_div.png") repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 4px;
    width: 187px;}
    
.logbox {background: url("../images/bg_2full.png") no-repeat scroll left bottom transparent;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 6px;
    position: relative;
    white-space: nowrap;
    z-index: 100;}    
.loginterior {width:195px;}

.loginterior input {margin:2px;}


#frame_1 {
	margin: 0 auto;
    position: relative;
    background: #ffffff;
    text-align: left;
    top: 0;
    width: 980px;
    padding-top: 10px;
}
    
    
.fram_left {width:200px;float:left;}    




.frame_main table {/*border:1px solid #333333;*/}
.frame_main table td {padding:0 3px;}
.tabh td {font-weight:bold;font-size:13px;text-align:center;border-bottom:1px solid #A6A6A6;}


.trback {background:#F4F4F4;}
.trbw {background:#FFFFFF;}


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
/*a:hover, a:active							{ color: white; }*/
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}


/*
	SLIDER
*/
.slider-wrap								{ width: 780px; height:435px; top: 87px; left: 40px; z-index:1;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 780px; height: 435px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 780px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ /*width: 20%; */
											float: left; margin-left:20px;}
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }






/*****************search *****************/

.SiteSearchBoxWrapper {
    height: 30px;
    position: relative;
    width: 186px;
}
.SiteSearchBoxTopRow {
    background-image: url("../images/searchbox_top.png");
    height: 23px;
    width: 186px;
    z-index: 9;
}
.SiteSearchBoxStyle {
    height: 19px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 186px;
    z-index: 10;
}
.frmSiteSearchBox {
    float: left;
    position: absolute;
    width: 154px;
    z-index: 11;
}
.SiteSearchIcon {
    background-image: url("../images/search_icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    height: 14px;
    left: 12px;
    position: absolute;
    top: 3px;
    width: 13px;
    z-index: 11;
}
.SiteSearchInput {
    left: 33px;
    position: absolute;
    width: 124px;
    z-index: 11;
}
.SiteSearchInputField {
    border-style: inset;
    border-width: 1px;
    color: #000000;
    font-size: 0.8em;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    vertical-align: middle;
    width: 124px;
    z-index: 11;
}
.SiteSearchLink {
    left: 163px;
    position: absolute;
    width: 17px;
    z-index: 11;
}
.SiteSearchLinkIcon {
    background-image: url("../images/button_arrow.png");
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin-top: 1px;
    position: absolute;
    vertical-align: middle;
    width: 18px;
    z-index: 11;
}
.SiteSearchLinkIcon2 {
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin-top: 1px;
    position: absolute;
    vertical-align: middle;
    width: 18px;
    z-index: 99;
}
.SiteSearchBottom {
    background-image: url("../images/searchbox_bottom.png");
    height: 7px;
    position: absolute;
    top: 23px;
    width: 186px;
}






/**********menu ******/

.navmenu {
	color: #000000;
    line-height: 100%;
    margin: 0;
    padding: 0;
    width: 187px;
	font-size: 11px;
}

#navAnchor{
position: relative;
}

.navtop
{
font-size: 1px; /* to fix ie bug */
height: 6px;
background: url("../images/Nav_bg_top.png") no-repeat;
//background-image:url();filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/Nav_bg_top.png', sizingMethod='crop');
}
.navdivider
{
font-size: 1px; /* to fix ie bug */
height: 3px;
background: url("../images/Nav_div.png") no-repeat;
//background-image:url();filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/Nav_div.png', sizingMethod='crop');	
}
.navbottom
{
font-size: 1px; /* to fix ie bug */
height: 6px;
background: url("../images/Nav_bg_bottom.png") no-repeat;
//background-image:url();
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/Nav_bg_bottom.png', sizingMethod='crop');
}




.navmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/*width: 185px; /* Width of Menu Items */

}
	
.navmenu ul li{
position: relative;
list-style-type: none;
z-index: 80;
//float:left; 
//clear:left;
width: 187px;
}
	
/*Sub level menu items */
.navmenu ul li ul{
position: absolute;
width: 187px; /*sub menu width*/
top: 0;
visibility: hidden;
z-index:99999;
}
.navmenu ul li ul li ul{
z-index:999999;
}

/* Sub level menu links style */
.navmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
/*padding: 1px 5px;*/
border-bottom: 0;
}

.navmenu ul li a:visited{
color: black;
}

.navmenu ul li a:hover{
background-color: #ffffff;
color: #FF7808;
}

.navmenu .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .navmenu ul li { float: left; height: 1%; }
* html .navmenu ul li a { height: 1%; }
/* End */


#uptree, #maintree
{
position: relative;
z-index: 80;
zoom: 1;
background: url("../images/Nav_bg.png") repeat-y top;
//background-image:url();
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/Nav_bg.png', sizingMethod='scale');	
overflow: visible;
}








/*=========================================================
Navigation: current context 
==========================================================*/
.uptree {
font-weight: bold;
}
.uptree, .maintree {
margin: 0; 
padding: 0;
}
.uptree a, .uptree p {
margin: 0px;
padding: 7px 11px 7px 12px;
//	padding-top: 8px;
cursor: pointer;
}
.uptree a {
/*background: url("../images/nav_arrow.gif") no-repeat 169px;	*/
padding-right: 24px
}
.uptree p {
background: url("../images/Nav_down_arrow.gif") no-repeat 12px;	
margin: 0;
padding: 7px 12px 8px 26px;
display: block;
}
.uptree a:hover, a.sel {
color: #FF7808;
background: url("../images/nav_arrow_hover.gif") no-repeat 169px white;
}


/*=========================================================
ENG-8451 Navigation: Removing Arrow mark for next steps without submenu
==========================================================*/
.maintree a{
padding: 7px 12px 7px 12px;
margin: 0;
cursor: pointer;	
}
.maintree li.selected {
font-weight: bold;
display: block;
background: url("../images/button_ntb2_bg.gif") repeat-x top center;
margin-right: 2px;
margin-right: 0;
}
.maintree a:hover, a.sel {
color: #FF7808;
background: url("") no-repeat 169px white;
margin-right: 2px;
margin-right: 0;
}
.maintree a {
background:url("") repeat-x top center;
padding-right: 24px
}



ul.navsubmenu  {
margin:0px;	
width: 187px;
zoom: 1;
font-weight: bold;	
color: #000000;
background: url("../images/Nav_submenu_bg_gradient.png") no-repeat;
/*background-image:url();
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_submenu_bg_gradient.png', sizingMethod='crop');*/
padding: 4px 0 3px 0;
}

ul.navsubmenu li {
margin: 0;		
padding: 0;
/* msukhia1: Fixes IE 7 problem (extra 1px line between LIs) */
/*float:left; 
clear:left;*/
zoom: 1;
}


ul.navsubmenu li a:hover {
font-weight: bold;
display: block;
background: url("../images/button_ntb2_bg.gif") repeat-x top center;
margin-right: 2px;
margin-right: 0;
color:#ffffff;
}



























/******** ***********/

.casete {margin:20px 0;}

.caseta {width:250px;float:left;display: block;margin:0 5px;}
.casetatitle {display: block;
	height: 32px;
    width: 250px;}

.casetatitle a {   background-image: url("../images/casetatop.gif");
    background-repeat: no-repeat;
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    height: 32px;
    padding-right: 9px;
    width: 241px;
    display: block;
    overflow: hidden;
    padding-top: 7px;
    text-align: right;
    text-decoration: none;
    color:#ffffff;}
    
.casetatitle a:hover {background-image: url("../images/casetatop_hover.gif");
    background-repeat: no-repeat;}    



    
    
    
    /************* captcha zone *****/
#containerc { 
	width: 400px; 
	margin: 20px auto 0; 
	padding: 15px; 
	background:  #EFEFEF;
	border: 1px solid #E0E0E0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
#contact  input, #contact  label, #contact  textarea, #contact select {
	display: block;
	margin-top: 10px;
	padding: 2px;
}
#contact  label { margin-top: 0 }
textarea { font-size: 80%; font-family: Verdana,Arial,Helvetica,sans-serif; }
#response, #loading { display: none }
#loading { text-align: center }
label.error { font-size: 11px; color: red }
input.error, textarea.error { border: 1px solid red }
#response h3 { background: none; border: none }
#contact input.captcha, #contact input.sum {
	display: inline;
	width: 40px;
	text-align: center;
}
#contact input.sum { width: 20px }
span#spambot {
	font-size: 11px;
}
#contact input, #contact textarea, #contact select {
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #D8D8D8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 5px;
    width: 280px;
}
#contact textarea { width: 300px; font: normal 13px/150% Arial, Helvetica, sans-serif;  }

#contact input:hover, #contact textarea:hover, #contact input:focus, #contact textarea:focus {
    border-color: #B0B0B0; margin-top
}    
    


    






/***************footer **************/

#frame_footer {margin: 0 auto;
    position: relative;
    text-align: left;
 
    width: 980px;
    height:290px;
    background: url("../images/footer.png") no-repeat;
    }
    

.frame_footer_row1 {height:230px;}

.paddfooter_row1 {padding:50px 10px 10px 10px;}    

.fr1b {width:230px;float:left;margin:5px;}

.fr1b ul {list-style: none outside none;}

.fr1b ul li {
    background: url("../images/marker-hover.png") no-repeat scroll left 8px transparent;
    padding: 2px 0 2px 12px;
}
.fr1b ul li a {
    color: #939393;
    line-height: 18px;
}
.fr1b ul li a:hover {
 color: #CB0A0A;
}
 
 
.frame_footer_row2 {height:60px;}

.paddfooter_row2 {padding:20px 10px 10px 10px;}    

#contact .input-title { margin-bottom: -11px;margin-left: 5px;margin-top: 6px; font-family:verdana; font-size:10px; font-style:italic; color:#756b6b;}
#appFooter {display:none;}
.mobileVehicleListing{display:none;}
.index-left-toggle{
    position: fixed;
	top: 95px;
    z-index: 99999999;
    left: 219px;
    width: 30px;
    height: 30px;
    background: url("../images/arrows.png") 33px 3px, #F2F2F2;
    border-right: 1px solid #C2C5C5;
    border-top: 0.5px solid #C2C5C5;
    border-bottom: 1px solid #C2C5C5;
    box-shadow: 1px -1px 2px #ddd;
    box-shadow: 1px -1px 2px #ddd;
    border-radius: 0 4px 4px 0;
	cursor:pointer;
/*     transition: 0.2s;
    -webkit-transition: 0.2s; */
}
.index-left-toggle-text{
    position: fixed;
    top: 154px;
    z-index: 99999999;
    left: -56px !important;
    width: 120px;
    height: 22px;
    background: #3F7BB7;
    border-right: 1px solid #C2C5C5;
    border-bottom: 1px solid #C2C5C5;
    /* box-shadow: 1px -1px 2px #ddd; */
    /* box-shadow: 1px -1px 2px #ddd; */
    border-radius: 0 5px 0 0;
  /*   transition: 0.2s;
    -webkit-transition: 0.2s; */
    z-index: 888;
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    color: #FFF;
    font-family: arial;
    font-size: 18px;
    padding: 4px 10px;
	cursor:pointer;
}
.index-left{
    width: 200px;
	height: 570px;
    position: fixed;
	top: 95px;
    left: -1px;
    background-color: #F2F2F2;
    padding: 10px;
    border-radius: 3px 0 3px 0;
    box-shadow: 1px 1px 5px #ABA9A9;
    -webkit-box-shadow: 1px 1px 5px #ABA9A9;
    z-index: 99999;
    /* overflow-x: hidden;
    overflow-y: scroll; */
}

.index-left::-webkit-scrollbar {
    -webkit-appearance: none;
}

.index-left::-webkit-scrollbar:vertical {
    width: 11px;
}

.index-left::-webkit-scrollbar:horizontal {
    height: 11px;
}

.index-left::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.index-left-pushed{
    left: 0 !important;
	background: url("../images/arrows.png") 122px -131px, #3F7BB7;
	border-radius: 0 4px 0 0 ;
    border-bottom: 0px solid #C2C5C5;
	z-index: 444;
}

.views {
	width: 250px !important;
    left: 38%;
    padding: 7px 5px;
    position: absolute;
    top: initial;
    width: 250px;
	top:0px;
}
.views .title {
    display: block;
    color: #a9a9a9;
    float: left;
    font-family: 'Arimo', sans-serif;
    font-size: 12px;
    letter-spacing: 0.025em;
    padding: 6px;
    text-transform: uppercase;
}

.views ul {
    float: left;
    margin: 0;
}
.views .single-view-btn, .views .grid-view-btn {
    background: none repeat scroll 0 0 #2D96CD;
    border-radius: 5px 0 0 5px;
    box-shadow: 0px 0px 2px 0px #333333;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 40px;
}
.views .grid-view-btn {
    border-radius: 0 5px 5px 0px;
	padding: 6px 10px;
    box-sizing: border-box;
	cursor: pointer;
}
.views .single-view-btn span {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 20px;
    margin: 5px auto auto;
    width: 20px;
}
.views .grid-view-btn span b {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 1px;
    display: block;
    float: left;
    height: 4px;
    margin: 1px 0 1px 1px;
    width: 4px;
}
.views .single-view-btn.selected, .views .grid-view-btn.selected {
    background: #333;
}
/*grid view*/
.x-axis-wrapper {
    height: auto;
    min-height: 515px;
    padding-bottom: 65px;
    opacity: 0;
    width: 980px;
    text-align: center;
}
.grid-view-mode {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    margin-top: 0;
	border-top: 5px solid #F2F2F2;	
}
.grid-view-mode li {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    float: left;
    height: 288px;
    margin: 0 0 5px 0;
    position: relative;
    width: 245px;
}
.grid-view-mode li > div.nameplate-block-wrapper {
    background: none repeat scroll 0 0 #fff;
    border-color: #f5f5f5;
    border-style: solid;
    border-width: 0 1px 1px;
    float: left;
    height: 268px;
    overflow: hidden;
    padding: 10px;
    width: 223px;
}
.grid-view-mode .img-container {
    width: 100%;
}
#grid-view .grid-view-mode li .name-plate-text-body {
    height: auto;
    position: static;
    text-align: left;
    width: 100%;
}
.grid-view-mode li > div.nameplate-block-wrapper .btn-link-wrapper {
    display: none;
    margin-top: 5px;
}

.grid-view-mode li:hover > div.nameplate-block-wrapper, .grid-view-mode li > div:hover {
    background: #fff;
    border-color: #d2d2d2;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: -1px 2px 3px -2px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=110, Color='#d2d2d2')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=110, Color='#d2d2d2');
    zoom: 1;
    height: auto;
    min-height: 268px;
    overflow-y: visible;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    width: 223px;
    z-index: 9999;
    opacity: 1;
}
.btn-link-wrapper > .btnLink {
    float: left;
    clear: left;
    margin-bottom: 5px;
    max-width: 212px;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    left: 12px;	
}
.grid-view-mode li > div.nameplate-block-wrapper:hover .btn-link-wrapper {
    display: block;
}

.tableAutoRulate{
    width: 98%;
    margin: 1%;
}
.tableAutoRulate td{
    padding: 4px !important;
    color: #026698;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #ddd;
}

.tableAutoRulate tr:nth-child(even) {    background: #F1F1F1;}
.tableAutoRulate tr:nth-child(odd) {background: #FFF; }

.PicsCt{
	width:100%;
	box-sizing:border-box;
}

.picRul{
    width: 23%;
    box-sizing: border-box;
    height: 90px;
    float: left;
    border: 1px solid #ddd;
    margin: 1%;
	overflow:hidden;
	
}
.picRul img{
    height: 100%;
}
.gallerie_s{
    width: 98%;
    background: rgb(59,103,158);
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
    height: 24px;
    margin: 1%;
    border-radius: 3px;
    font-family: 'Arimo', sans-serif;
    font-size: 17px;
    padding: 0px 10px;
    text-align: center;
    color: #fff;
    box-shadow: 1px 1px 1px #000;
	cursor:pinter;
}
._gsActive{
   box-shadow: inset 1px 1px 1px #000;
}

.AutoContainer{
    width: 100%;
    height: 235px;
}

.AutoHeader{
    width: 50%;
    background: whitesmoke;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
    margin: 1% 0;
    position: relative;
    float: left;
}
.AutoHeader .marca{
    width: 100%;
    background: #4586C7;
    float: left;
    color: #fff;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    position: relative;
}
.AutoHeader .model {
    width: 50%;
    background: #FFFFFF;
    float: left;
    color: #4586C7;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 19px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}
.AutoHeader .model div {

}
.AutoHeader .rulaj{
    width: 25%;
    background: #FFFFFF;
    float: left;
    color: #545454;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 19px;
    position: relative;
}
.AutoHeader .an {
    width: 25%;
    background: #DDEEFF;
    float: left;
    color: #929292;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 19px;
    position: relative;
}
.AutoHeader .pret{
    float: left;
    color: #F73737;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 50px;
    position: absolute;
    z-index: 999;
    right: 20px;
    bottom: 0;
    font-family: fantasy, Impact;
}
.AutoHeader img{
	width:100%;
}

.AutoDetalii{
    width: 50%;
    float: left;
    height: 235px;
    overflow-y: scroll;
}

/*
.miscellaneousFooter {
    background: url(../images/doormat_footer_bg.png) no-repeat 0 0;
    padding: 10px 0px;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 980px;
 
}
.miscellaneousFooter .content {
    background: url(../images/doormat_footer_separator.png) no-repeat right top;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 31%;
}
.miscellaneousFooter a {
    color: #425968;
}
.miscellaneousFooter .normalHeading {
    color: #425968;
   font-family: 'Arimo', sans-serif;
    text-transform: uppercase;
    margin-top: 1px;
}*/

@media (max-width: 1200px) {
	.index-left{
	display:none;
	}
}

@media (max-width: 820px) {
    body {
		background:#fff;
	}
	#wrapper header, #wrapper footer {
		display: none;
	}
	.index-left{
	display:none;
	}
	.index-left-toggle{
	display:none;
	}
	.logoSpaceMobile{
	    width: 100%;
		float: left;
		position: relative;
		height: 65px;
		background-color: #fff;
	}
	.mobileLogo{
	    background: url("../images/mobilelogo.png") no-repeat center center;
		width: 195px;
		height: 50px;
		background-size: cover;
		position: absolute;
		top: 6px;
	}
	#frame_1 {
		padding-top: 0;
		margin-top: 10px !important;
	}
	.index-left-toggle-text{
	display:none;
	}
	.radial-drop-shadow {
		width: 100%;
		padding: 0 0 10px 0;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 97%, rgba(255, 255, 255, 0.3) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
		background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 97%);
		background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 97%);
		background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 97%);
		background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 97%);
		background: -webkit-radial-gradient(50% 0%, 50% 5px, #aaaaaa 0%, rgba(255,255,255,0) 100%);
		background: -moz-radial-gradient(50% 0%, 50% 5px, #aaaaaa 0%, rgba(255,255,255,0) 100%);
		background: -o-radial-gradient(50% 0%, 50% 5px, #aaaaaa 0%, rgba(255,255,255,0) 100%);
		background: -ms-radial-gradient(50% 0%, 50% 5px, #aaaaaa 0%, rgba(255,255,255,0) 100%);
		background: radial-gradient(50% 0%, 50% 5px, #aaaaaa 0%, rgba(255,255,255,0) 100%);
		float: left;
	}
	#appFooter {
		display:block;
		font-size: 12px;
		background: #343539;
		text-align: center;
		box-shadow: inset -2px 10px 15px rgba(0,0,0,0.6);
		padding: 10px 0;
	}
	#appFooter nav {	
		width: 100%;
	}
	#appFooter ul {
		margin: 0;
		padding: 0;
	}
	#appFooter li {
		color: #e5e5e5;
	}
	#appFooter li a, #appFooter li {
		color: #ffffff;
		display: block;
		font-size: 16px;
	}
	#appFooter li {
		text-align: left;
		margin: 0 10px;
		line-height: 44px;
	}
	#appFooter li a, #appFooter li {
		color: #ffffff;
		display: block;
		font-size: 16px;
	}
	#appFooter li a {
		border-bottom: 2px solid #fff;
	}
	.frame_left {
		display:none;
	}
	.frame_main_right {
		display:none;
	}
	.frame_main {
		width: 97.6%;
		margin: 1.2%;
		/*redefine font styling*/
		font-family: verdana !important;
		font-size: 16px !important;
		line-height: 25px !important;
	}
	.frame_main_article * {
		/*redefine font styling*/
		font-family: verdana !important;
		font-size: 16px !important;
		line-height: 25px !important;
		text-align:left !important;
	}
	img {
		width: 100% !important;
		box-sizing:border-box;
		height: auto !important;
	}
	table{
		width: 100% !important;
		box-sizing:border-box;
	}
	.frame_main_center {
		width: 100%;
	}
	h1 {
		position: relative;
		width: 100%;
		height: 44px;
		line-height: 44px;
		background: #425968;
		color: #ffffff;
		text-indent: 10px;
		font-weight: normal;
		font-size: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 10px 0;
		overflow: hidden;
		margin: 8px 0 !important;
		font-family: verdana;
	}
	.footerExpand{
	    font-weight: 600;
		color: #40A1FF !important;
		padding-left: 30px;
	}
	.footerExpand:after{
	    background: url("../images/arrows.png") no-repeat -30px 9px;
		width: 23px;
		height: 36px;
		content: " ";
		position: absolute;
		left: 13px;
	}
	.footerToggle{
		display:none;
	}
	#toggleVehicles {
		line-height: 44px;
		white-space: nowrap;
		overflow: hidden;
		margin: 0;
		color: #425968;
		font-size: 20px;
		font-family: 'Roboto Condensed', sans-serif;
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
	#toggleVehicles > a {
		float: left;
		color: #425968;
		width: 50%;
		text-indent: 10px;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	#toggleVehicles > a.active{
	    border-bottom: 3px solid #22a3e6;
	}
	.vehicle-list {
		margin: 0 auto;
	}
	.vehicle-list ul, .vehicle-list li {
		list-style: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	.vehicle-list li {
		font-family: 'Roboto Condensed', sans-serif;
		color: #22a3e6;
		font-size: 18px;
		/* border-bottom: 1px solid #dddddd; */
		width: 33%;
		float: left;
		padding: 3% !important;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
	}
	.vehicle-list ul, .vehicle-list li {
		list-style: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	.vehicle-list li img, .vehicle-list li .description {
		float: left;
		text-align: right;
		width:100%;
		position:relative;
	}
	.description h4{
		color:#22a3e6;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.mobileVehicleListing{display:block;}
	.elbox {
		width: 100%;
	}
	.tagTitle{
		position: relative;
		width: 100%;
		min-height: 34px;
		line-height: 34px;
		background: #40A1FF;
		color: #ffffff;
		text-indent: 10px;
		font-weight: normal;
		font-size: 17px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 10px 0;
		overflow: hidden;
		margin: 8px 0 !important;
		font-family: verdana;
		padding: 10px;
		box-sizing: border-box;
	}
	.picRul{
		width: 48%;
		height: 160px;
	}
	.tableAutoRulate{
		width: 98% !important;
		margin: 1%;
	}
	}
	
	@media only screen and (max-width: 640px){
		
		.vehicle-list li {
			width: 50%;
		}
		.picRul{
			width: 98%;
			height: 240px;
		}
	}
	@media only screen and (max-width: 430px){
		.vehicle-list li {
			width: 100%;
			border-bottom: 1px solid #ddd;
		}
		.vehicle-list li img {
			width: 36% !important;
		}
		.description h4{
			position: absolute;
			right: 5px;
			top: -50px;
			font-size: 20px;
			font-weight: 700;
		}
		#toggleVehicles {
			font-size:16px;
		}
		.picRul{
			width: 98%;
			height: 160px;
		}
	}

}

