@charset "utf-8";
/* CSS Document Version grey  */


@h1h2color : #666;
@grey : #e7e7e7;

/** color2 **/ @variantGrey : #666;
/** color1 **/ @variantGrey-light: #ccc;

@variantGrey-dark:#333; 

@border-leftcol: #005500;
@border-rightcol: #007700;
@border-grey-dark: #111;

.logincolor h3 {
	background-color: @variantGrey !important;
	border-color: @variantGrey-dark !important;
}

.moduletable.grey {
	background: @grey;
	border:1px solid #ccc;
}
#slideadv .grey .e4j-menutitle {
	color:#666;
}
.noborder {
	border:0 !important;
}

#menutitlemob {
	border-left:1px solid @border-leftcol;
	border-right:1px solid @border-leftcol;
	background: @variantGrey  url(../images/menumobile_white.png);
}
.menumobile ul li {
	background: @variantGrey-light;
	border-bottom:1px solid @variantGrey;
}

/****/
.moduletable.color1 {
	background: @variantGrey-light;
	border:1px solid @variantGrey-dark;
	color:#555;
}
.color1 a {
	color:#333 !important;
}
//***//
.moduletable.color2 {
	background: #333232; /*@variantGrey*/
	border:1px solid  #333232;/*@variantGrey-dark*/
	color:#fff;
}
.color2 a {
	color:#fff !important;
}
//***//
.color1 h3 {
	color:#666 !important;
}
.color2 h3 {
	color:#fde992 !important;
}
.color1 h3,
.color2 h3 {
	font-weight: bold !important;
	font-size:22px !important;
}
.btboth .color1 h3,
.btboth .color2 h3 {
	font-size: 18px !important;
}
//***//
.moduletable.carit {
	border:5px solid @variantGrey;
	width: 85.2% !important;
}
.moduletable.carit2 {
	border:5px solid @variantGrey;
	width: 85.2% !important;
}



/**** Start ***/

.e4jtran {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.e4jtran:hover {
	transition:all 400ms ease-in-out 0s;
	-moz-transition:all 400ms ease-in-out 0s;
	-webkit-transition:all 400ms ease-in-out 0s;
	-o-transition:all 400ms ease-in-out 0s;
}

body {
	background: #fff url(../images/bg-style01.jpg) repeat-x;
}
h1, h2 {
	color: @h1h2color;
}

a {color:#666;}

a:hover {color:@variantGrey}

.moduletable ul li a:hover, .moduletable ul li.active a {
	color:@variantGrey;
}
.breadcrumbs .last {
		color:@variantGrey;
}
.breadcrumbs a:hover {
	color:@variantGrey;
}
.createdby a {
	color:@variantGrey;
}
#top-box div[class^="moduletable"] h2 {
	color:#444;
	font-size: 18px;
    margin: 5px 0;
    padding: 0;
}
.contsite h3 {
	color:@variantGrey;
}
#art-slider .moduletable h3 {
	color:#fff !important;
}
#contentheader {

}
#contain-slider {
	
}
#main-menu .moduletable .menu li.parent ul, #main-menu .moduletable_menu .menu li.parent ul {
	background:none repeat scroll 0 0 @variantGrey;
}
#main-menu .moduletable .menu li.parent ul li, #main-menu .moduletable_menu .menu li.parent ul li {
	
}
#main-menu .moduletable .menu li a, #main-menu .moduletable_menu .menu li a {
	color:#bbb;
}
#main-menu .moduletable .menu li.current a, #main-menu .moduletable_menu .menu li.current a {
	color:#fff;
}
#main-menu .moduletable .menu li a:hover, #main-menu .moduletable_menu .menu li a:hover {
	color:#fff;
}
#main-menu .moduletable .menu li.parent ul li a, #main-menu .moduletable_menu .menu li.parent ul li a{
	color:#fff;
}
#main-menu .moduletable .menu li.parent ul li a:hover, #main-menu .moduletable_menu .menu li.parent ul li a:hover, #main-menu .moduletable .menu li.parent ul li:hover a, #main-menu .moduletable_menu .menu li.parent ul li:hover a {
	color:@variantGrey;
}
#left-box .moduletable a, #right-box .moduletable a {
	color:@variantGrey;
}
#left-box .moduletable a:hover, #right-box .moduletable a:hover {
	color:#666;
}
#left-box .moduletable ul li a, #right-box .moduletable ul li a {
	color:#666;
	font-size:12px;
	text-transform:uppercase;
}
#left-box .moduletable ul li a:hover, #right-box .moduletable ul li a:hover{
	color:@variantGrey;
}
#left-box .moduletable a.readmore:hover, #bothleft-box .moduletable a.readmore:hover {
	color:#999;
}
ul.pagenav li a{
	color:@variantGrey;
}
#topbar {
	background:#fff;
	border-top:0px solid @variantGrey-light;	
}
@media screen and (max-width : 767px) {
	#topbar {
	border-bottom:2px solid @variantGrey-light;	
}
}
#topbar ul.menu > li {
}
#topbar ul.menu > li:hover,
#topbar ul.menu > li.active {
}
#topbar ul.menu > li:first-child {
}
#topbar ul.menu > li:last-child {
}
#topbar ul.menu > li:hover:first-child,
#topbar ul.menu > li:first-child.active {
}

#topbar ul li:hover a, .loginmenu h3 .e4j-menutitle:hover {
	color:@variantGrey-dark;
	.e4jtran
}
#topbar ul li:hover a .e4j-menusubtitle,
#topbar ul li.active a .e4j-menusubtitle {
	color:#666;
}
#topbar ul li a {
	color:#666666;
}
#topbar ul li a:hover, #topbar ul li.active a {
	color:@variantGrey-dark;
}
#topbar ul li.parent ul li a {
	color: #666 !important;
	.e4jtran
}
#topbar ul li.parent ul li.active, #topbar ul li.parent ul li:hover{
	background:none;
}
#topbar ul li.parent ul li:hover > a {
	color: @variantGrey !important;
	.e4jtran
}
#topbar ul li.parent ul li.active > a {
	color:#000 !important;
}

#topbar .menu > li > ul:before {
	background: url(../images/toparrow-grey.png) no-repeat;
}
#topbar ul li ul, .loginmenu #login-form  {
	border-top:2px solid @variantGrey;	
	background: #f7f7f7;
}
@media screen and (max-width : 767px) {
	#topbar ul li ul {
		padding: 5px 0;
		border-bottom:2px solid @variantGrey-light;	
	}
}
#cont h2 {
	color: @h1h2color !important;
}
.readmore a {
	background:@variantGrey;
	color:#fff;
	padding:5px 10px;
}
.readmore a:hover {
	background:#777;
}
.blog .items-more a:hover {
	color: @variantGrey;
}
.categories-list .item-title a {
	color: @variantGrey;
}
.categories-list .item-title a:hover {
	color: #666;
}
.itemtitle h3 a {
	color: #fff !important;
}
.tsendiscr span, .tsinit span, .tsend span {
	color: @variantGrey !important;
}
.item-page h2, .blog-featugrey h2, .blog h2 {
	color: @h1h2color;
}
.item-page h2 a, .blog-featugrey h2 a, .blog h2 a {
	color: @h1h2color;
}
.item-page .article-info dd a, .blog-featugrey .article-info dd a, .blog .article-info dd a {
	color:@variantGrey;
}
.item-page .article-info dd a:hover, .blog-featugrey .article-info dd a:hover, .blog .article-info dd a:hover{
	color:#666;
}
.search input.button,
#finder-search button.button {
	background: @variantGrey-light;
	border:1px solid @variantGrey !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @variantGrey;
}
.search #searchForm fieldset a {
	color:@variantGrey;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@variantGrey;
	font-weight:bold;
}
#advanced-search-toggle {
	color:@variantGrey;
}
#advanced-search-toggle:hover {
	color:@variantGrey-light;
}
span.highlight {
	color:@variantGrey;
}
.titloc {
	color:@variantGrey;
}

#left-box .moduletable h3, #right-box .moduletable h3, #top-box .moduletable h3 {
	color:@variantGrey;
}

#left-box .moduletable a:hover, #right-box .moduletable a:hover, #left-box .moduletable li.active a, #right-box .moduletable li.active a {
	color:#666;
}
#content h1, #content-hp h1, #bothcontent-hp  h1 {
	color: @variantGrey;
}
.blog .items-more h3 {
	color: @variantGrey;	
}
#content h1, #content-hp h1, #bothcontent-hp  h1 {
	color: @variantGrey;
}
#cont .subcontent .moduletable h3 {
	color: @variantGrey;
}
.modsearch input.button {
}
form#login-form input.button {
	background:@variantGrey;
	border:1px solid @variantGrey-light;
}
form#login-form input.button:hover, 
.vikrentcarmodule .vrcsearch:hover {
	background:@variantGrey-light;
	border:1px solid @variantGrey;
}
.moduletable-login {
	background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 2px 0 #000000;
}
.moduletable-login h3 {
	background:url(../images/locked.png) 15px center no-repeat;
	font-weight:normal !important;
}
.login fieldset input#username:hover, .login fieldset input#password:hover, form#user-registration fieldset input:hover, 
.registration #member-registration fieldset input:hover, .reset #user-registration fieldset input:hover, .login form .login-fields input:hover, 
.remind form input:hover, .profile-edit fieldset input:hover, 
.profile-edit fieldset select:hover, .contact form input:hover, .contact form textarea:hover {
	border:1px solid @variantGrey;
}
.modsearch input.button {
    
}
form#login-form .inputbox:hover {
	border:1px solid @variantGrey;
}
form#login-form .inputbox:focus {
	border:1px solid @variantGrey;
}
.search #searchForm input:hover, .search #searchForm select:hover, .search #searchForm input:focus, 
.search #searchForm select:focus, .registration #member-registration fieldset input:focus, .reset #user-registration fieldset input:focus, 
.login form .login-fields input:focus, .remind form input:focus, .profile-edit fieldset input:focus, .profile-edit fieldset select:focus, 
.contact form input:focus, .contact form textarea:focus {
	border:1px solid @variantGrey;
}
.registration #member-registration .subregformuser button:hover, .reset #user-registration button:hover, .search #searchForm .button:hover, 
.login form button:hover, .remind form button:hover, .profile-edit button:hover, .contact form button:hover {
	background:@variantGrey;
}
.profile .mod-profile a:hover {
	background:@variantGrey;
}
#adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a {
	color:@variantGrey !important;
}
#contact-slider .panel h3 a span {
	color:@variantGrey;
}

.moduletable-center h2 {
	color:@variantGrey !important;
}
#footer {
	color:#999;
}
#footer .moduletable ul li a {
	color:#999;
}
#footer .moduletable ul li a:hover, #footer .moduletable ul li.active a {
	color:@variantGrey;
}
#footer h2, #footer h3{
	font-weight:bold;
	color:@variantGrey;
}

/************* SUBTITLES STYLES ****/
/**** substyle1 ***/
#cnt-container .e4j-divmenutitle{
	color: #6eb43f;
}
#cnt-container .e4j-menusubtitle{
	color: #207ec0;
}

/*** Vikrentcar Module **/
.vrcdivsearchmodule .vrcsfentrysubmit .vrcsearch {
	background: #6fb43f; /*@variantGrey-dark*/
	border:1px solid #6fb43f;/*@border-grey-dark*/
	color: #fff;
	.e4jtran
}
.vrcdivsearchmodule .vrcsfentrysubmit .vrcsearch:hover {
	background: #5f9b36; /*@border-grey-dark*/
}


/**** Eurocreta Rent Cars ****/
.vrcdivsearch form table td input[type^="submit"] {
	background: @variantGrey-light !important;
	border:1px solid @variantGrey !important;
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.vrcdivsearch form table td input[type^="submit"]:hover {
	background: @variantGrey !important;
	transition:all 400ms ease-in-out 0s;
	-moz-transition:all 400ms ease-in-out 0s;
	-webkit-transition:all 400ms ease-in-out 0s;
	-o-transition:all 400ms ease-in-out 0s;
}
.vrcrowcname {
	color: @variantGrey;
}
/*.vrclistgoon {
	background: @variantGrey !important;
	background-image:none;
	border-color:@variantGrey-light !important;
	.e4jtran;
}
.vrclistgoon:hover {
	background: @variantGrey-dark !important;
	.e4jtran;
}*/
.goback:hover a {
	color: #FFF;
}
.vrccontinue {
	background: @variantGrey-light !important;
	border:1px solid @variantGrey !important;
}
.vrcordcancformbox input.button {
	background: @variantGrey-light !important;
	border:1px solid @variantGrey !important;
}
.vrcordcancformbox input.button:hover {
	background: @variantGrey !important;
	border:1px solid @variantGrey !important;
}
.vikrentcarmodule .vrcsearch {
	background: @variantGrey;
	border: 1px solid @variantGrey-light;
	color:#fff;
}
.vikrentcarmodule input:hover,
.vikrentcarmodule input:focus,
.vikrentcarmodule .e4jselect:hover,
.vikrentcarmodule .e4jselect:focus  {
	border: 1px solid @variantGrey;
}

.vrcmodcarsview {
	background-image: none !important;
	background: #6fb43f !important;
	border:1px solid #6fb43f !important;
}
.vrcmodcarsview:hover {
	background: #5f9b36 !important;
	border:1px solid #6fb43f !important;
}
.vrcmodcarsview a {
	font-weight: normal !important;
	color:#666 !important;
}
.vrcmodcarsview:hover a {
	color:#fff !important;
}
.vrclistcarname, .vrclist li {
	border-bottom: 1px solid @variantGrey-light !important;
}

/*** Com_eurocretarentcar ***/

.vrcmodit_changeit {
	margin: 15px 0 0;
}
.vrcmodit_changeit a {
	display: inline-block;
	padding: 5px 15px;
	background: #8CBC5B;
	color: #fff !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #6DA53F;
	.e4jtran
}
.vrcmodit_changeit a:hover {
	background: #81B351;
}
.car_title .vrthemenamecar {
	color: @variantGrey-dark;
}
.vrhword {
	color: @variantGrey-dark;
}
.booknow {
	background-image: none !important;
    background: #6fb43f !important;
    border: 1px solid #6fb43f !important;
	color: #fff;
}
.booknow:hover {
	background: #5f9b36 !important;
    border: 1px solid #6fb43f !important
	color: #fff;
	.e4jtran
}
.vrcrentalriepilogo {
	color: @variantGrey-dark !important;
}
.vrcdropoffloc, .vrcpickuploc {
	color: @variantGrey-dark !important;
}
.vrcinput:hover, .vrctextarea:hover,
.vrcinput:focus, .vrctextarea:focus {
	border:1px solid @variantGrey !important;
	.e4jtran
}
.vrctableorder .vrctableorderfrow td {
	color: @variantGrey-dark;
}
.vrcentercoupon {
	border:1px solid @variantGrey-light !important;
}
.vrcentercoupon input.vrcsubmitcoupon {
	background: none repeat scroll 0 0 #8CBC5B !important;
    border: 1px solid #6DA53F !important;
    border-radius: 5px;
    color: #FFFFFF !important !important;
    display: inline-block;
    padding: 5px 15px;
	.e4jtran
}
.vrcentercoupon input.vrcsubmitcoupon:hover {
	background: #81B351 !important;
	.e4jtran
}
.vrclocationsmapdiv a {
	background: url(../images/locationsmapico_grey.png) 13px 5px no-repeat !important;
}
/**** -- ******/
#useradv .custom h2 {
	color:@variantGrey;
}


#subfooter ul li a:hover {
	color: @variantGrey;
}


/**** override system message ****/

#system-message > .message > ul {
	background-color: #DDDDDD !important;
}
#system-message > dd > ul {
	border-bottom:3px solid #C3D2E5 !important;
	border-top:3px solid #C3D2E5 !important;
	color:@variantGrey !important;
	margin:3px !important;
	border-radius:4px !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
}

.page-header{background-color:#f9f8f6; padding-left: 15px; border-left:6px solid #6eb43f;}