﻿@charset "utf-8";

/* CSS Document */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}



audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



audio:not([controls]) {

  display: none;

}



html {

  font-size: 100%;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}

a{ text-decoration:none;}

a:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

.anchor{
	text-decoration:underline;
}

.anchor:hover{
	text-decoration:none;
}



a:hover,

a:active {

  outline: 0;

}



sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border: 0;

  -ms-interpolation-mode: bicubic;

}

.clear {

  *zoom: 1;

}



.clear:before,

.clear:after {

  display: table;

  line-height: 0;

  content: "";

}



.clear:after {

  clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}

ul, menu, dir { list-style-type:none;

}



/* fonts */


body{

	font-family: 'CandaraRegular', sans-serif;

	font-weight: 400;

	background-color: #ffffff;
	padding:0;
	margin:0;
    overflow:hidden; 

}

.login-table{
    background: url('/images/rwlogo-login.jpg') no-repeat 25px 50px;
}



/* main contents start */

#main-container {

	width: 1001px;

	margin: 0px auto 0 auto;

	position: relative;


}

/* left content start */

.content-left {

	float: left;

	width: 	41.5%;

	margin-right: 1.5%;

}

.menu-cont {

	width: 100%;

	float: left;

	

}

.img-con {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 3px;

	cursor: pointer;

	display: block;

	position: relative;

}

.img-con-large {

	float: left;

	height: 132px;

	width: 273px;

	margin: 2px 2px 3px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner-big {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner-big:hover {

	background-color: #2d2d2d;

}

/*.text-con:hover {

	background-color: #000;

	opacity: 0.50;

	-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.25);

        

        box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.25);

}*/

.vessel-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 3%;

	top: 3%;	

}

.ref-con-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 5%;

	top: 3%;	

}

.tral-con-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 5%;

	top: 3%;	

}

.about-us-tile {

/*	background-color: #f05a49;*/

	background: url(../images/about-us.png) no-repeat #f05a49 50% 40%;

	

}

.about-us-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	bottom: 20%;	

	width: 100%;

	text-align: center;	

}

.about-us-text-inner {

	bottom: 36%;

	left: 2%;

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;
	text-decoration:none;
	z-index: 99;

	bottom: 20%;	

	width: 100%;

	text-align: center;		

}

.news-tile {

/*	background-color: #f05a49;*/

	background: url(../images/news.png) no-repeat #35bc7a 51% 40%;

	

}

.news-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

.product-tile {

/*	background-color: #f05a49;*/

	background: url(../images/products.png) no-repeat #1e8bc3 51% 40%;

	

}

.product-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

.wam-ser-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-services.png) no-repeat #f86924 51% 36%;

	

}

.wam-ser-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;		

}

.wam-soft-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 51% 40%;

}

.wam-soft-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;		

}

.roi-tile {

/*	background-color: #f05a49;*/

	background: url(../images/roi.png) no-repeat #f05a49 51% 40%;

	

}

.container-tile {

/*	background-color: #f05a49;*/

	background: url(../images/container.png) no-repeat #f86924 51% 40%;
}

.trailer-tile {

/*	background-color: #f05a49;*/

	background: url(../images/trailer.png) no-repeat #1e8bc3 51% 40%;
}

.vessels-tile {

/*	background-color: #f05a49;*/

	background: url(../images/veesels.png) no-repeat #1e8bc3 51% 40%;
}

.gensets-tile {

/*	background-color: #f05a49;*/

	background: url(../images/gensets.png) no-repeat #37bd7b 51% 40%;
}

.drycontainer-tile {

/*	background-color: #f05a49;*/

	background: url(../images/dry_container.png) no-repeat #f05a49 51% 40%;
}

.chasis-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-chasis.png) no-repeat #f86924 51% 40%;
}





.roi-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

/* right content start */

.content-right {

	float: left;

	width: 57%;
	overflow:hidden;

}

h1#logo {

	background: url(../images/wam-logo.png) no-repeat 0 0;

	width: 196px;

	height: 87px;

	display: block;

	margin: 0;

	float:left;

	

}

#logofrontpage {

	background: url(../images/wam-logo1.png) no-repeat 0 0;

	width: 300px;

	height: 133px;

	display: block;
	margin:0px 0px 0px 55px;

	float:left;

	

}

#logofrontpage a{

	display: block;

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

  width: 100%;

  height: 100%;

	

}


h1#logo a{

	display: block;

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

  width: 100%;

  height: 100%;

	

}

ul.social {

	float: right;

	width: 131px;

	height: 30px;

	margin: 22px 20px 0 0;

	padding: 0;

}

.circl ul li{
	list-style:circle;
}





ul.social li{

	float: left;

	list-style-type: none;

	width: 30px;

}

ul.social li a.mail{

	background: url(../images/mail.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;
	

}

ul.social li a.mail:hover{

	background: url(../images/mail-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

ul.social li a.twitter{

	background: url(../images/twitter.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;
	

}

ul.social li a.twitter:hover{

	background: url(../images/twitter-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}

ul.social li a.facebook{

	background: url(../images/facebook.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;
	


}

ul.social li a.facebook:hover{

	background: url(../images/facebook-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}

ul.social li a.linkedin{

	background: url(../images/linkedin.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;



}

ul.social li a.linkedin:hover{

	background: url(../images/linkedin-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}


.slider {

	float: right;

	margin-top: 0.7%;
	position:relative;
	overflow:hidden;
	

}



/* footer start */

footer {

	height: 38px;

	width: 100%;

	float: left;

	border-top: 1px solid #cccccc;
	*border-top: 1px solid #cccccc;
	border-top: 1px solid #cccccc\9;
	margin-top: 40px;

}

.copyright {

	font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	font-weight: 400;

	float: right;

	color: #afafaf;	

	

}

.credence {

	font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	font-weight: 400;	

	float: right;

	color: #afafaf;	

	

}

.credence a {color:#afafaf;}

/* footer  end */

/* ================= inner pages start =========================*/

.header-inner {

	height: 138px;

	float: left;

	width: 100%;

}

.header-left {

	float: left;

	width: 75% !important;

}

.header-right {

	float: right;
	width:22%;

}

.inner-main-head {

	font-family: 'CandaraRegular',sans-serif;

	font-size: 36px;

	color: #000;

	float: left;

	text-transform: uppercase;

	margin: 41px 0 0 14px;

}

.inner-content-left {

	float: left;

}

/* inner menu start */

.inner-menu {

	float: left;

	width: 9.2%;
	position:relative;
}

.text-con-inner {

	float: left;

	height: 89px;

	width: 89px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner:hover{

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.news-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/news-small.png) no-repeat #35bc7a 51% 35%;

	text-decoration:none;

}

.news-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;
	text-decoration:none;
	bottom: 15%;	

}

.wam-ser-tile-inner {

	background: url(../images/wam-service-small.png) no-repeat #f86924 51% 35%;
   text-decoration:none;
}

.wam-ser-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;
	text-decoration:none;

	bottom: 15%;
			

}
a.wam-ser-text-inner{ text-decoration:none;}
.product-tile-inner {

	background: url(../images/products-small.png) no-repeat #1e8bc3 51% 35%;
    text-decoration:none;
}

.product-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;
	text-decoration:none;

	bottom: 15%;	

}

.home-con-inner {

	float: left;

	height: 45px;

	width: 89px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;	

}

.home-tile-inner {

		background: url(../images/home.png) no-repeat #505050 23% 40%;
		text-decoration:none;
}	

.home-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: auto;
	text-decoration:none;

	text-align: center;

	bottom: 34%;	

	margin-left: 50%;

}

.home-con-inner:hover{

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

/* middle content */

.middle-content {

	float: left;

	width: 61%;

	margin: 0.2% 0.5% 0.2% 0.4%;

}

.middle-dark {

	background-color: #EFEFEF;

    float: left;

    padding: 3%;

    width: 94%;

}

.middle-light {

	padding: 3%;

    width: 94%;

	background-color: #ffffff;

	float: left;

}

span.inner-sub-head {

	float: left;

	color: #222222;

	font-family: 'CandaraBold', sans-serif;

	font-size: 22px;

	margin: 0;

	text-transform: uppercase;

	font-weight:normal;
	width:100%;

}

h2.inner-sub-head {

	float: left;

	color: #222222;

	font-family: 'CandaraBold', sans-serif;

	font-size: 22px;

	margin: 0;

	text-transform: uppercase;

	font-weight:normal;
	width:100%;

}

.inner-para {

	float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	margin: 0;
	width:100%;
}

.inner-right-content {

/*	background-color: #efefef;*/
    background-color:#FFF;

	padding: 1%;

	float: left;

	width: 26%;

	margin: 0.2% 0% 0.2% 0%;

}

.inner-right-content img{

	margin: 4px;

	text-align: center;

}

.link {

	color: #002aff;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	font-style: italic;

}

.mgt-tile-inner {

		background: url(../images/management-icon.png) no-repeat #35bc7a 14% 40%;
		text-decoration:none;
}

.mgt-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: auto;
	text-decoration:none;

	text-align: center;

	bottom: 34%;	

	margin-left: 38%;

}

.right-con-inner {

	float: left;

	height: 33px;

	width: 122px;

	margin: 4px 4px;

	cursor: pointer;

	display: block;

	position: relative;	

}

.right-con-inner:hover {

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.contact-tile-inner {

		background: url(../images/mail-small.png) no-repeat #1e8bc3 14% 40%;
		text-decoration:none;
}

/* middle content end */ 

/* inner menu end */

/* new transition */



/* container page */

.container-title{ width:70.7%;}

.container-img{ background:url(../images/reefer-cotainer-sol.jpg) no-repeat;}



.cont-con-inner-big {

	float: left;

	height: 133px;

	width: 133px;

	margin: 0px 0px;

	cursor: pointer;

	display: block;

	position: relative;

	margin:2px;

}

.vessel-con-inner-big

{

	float: left;

	height:89px;

	width: 89px;

	margin: 0px 0px;

	cursor: pointer;

	display: block;

	position: relative;

	margin:2px;

}

.container-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	margin-left: 6px;
	text-decoration:none;
	margin-top:5px;

	font-weight:normal;

	line-height:16px;



}

/*.vessel-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	margin-left: 3px;

	margin-top:3px;

	font-weight:normal;



}*/

.vessel-text-inner {

    color: #FFFFFF;

    float: left;

    font-family: 'CandaraRegular',sans-serif;

    font-size: 11px;

    font-weight: normal;

    margin-left: 6px;

    margin-top: 6px;

    position: absolute;
	text-decoration:none;
    text-transform: uppercase;

    z-index: 99;

}



.cont-con-inner-big:hover{background:#2d2d2d;}

.vessel-con-inner-big:hover{background:#2d2d2d;}

.cont-con-inner-big img:hover, .vessel-con-inner-big:hover  {

	opacity:0.3;

}

.software-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 51% 40%;

	

}

.software-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software-small.png) no-repeat #35bc7a 51% 40%;

		text-decoration:none;

}

.vessele-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/wam-vessels-small.png) no-repeat #1e8bc3 51% 40%;

		text-decoration:none;

}

.container-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/wam-container-small.png) no-repeat #f86924 51% 40%;

		text-decoration:none;

}

.gensets-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/wam-gensets-small.png) no-repeat #37bd7b 51% 40%;

		text-decoration:none;

}

.accordion-marg{ margin:10px 0px;}

.accordion-marg p{margin:0px 0px 15px 0px; font-size:14px; font-family: 'CandaraRegular', sans-serif; }

.accordion-marg h3{ font-size:14px; font-family: 'CandaraBold', sans-serif; font-weight:normal;} 

.accordion-border{ border-top:1px solid #898989;}



/* vessels */



h3.vessel-content{ float:left; padding:0px 10px 0px 10px; font-size:14px; font-family: 'CandaraBold'; font-weight:normal; color:#000; margin-bottom:0px; text-transform:none;}

p.vessel-content{ float:left; padding:0px 10px 0px 10px; font-size:14px;  font-family: 'CandaraRegular', sans-serif;  color:#000; margin:0px; line-height:18px;}



/*  genset  */

p.genset-content{ float:left; padding:15px 20px 10px 40px; font-size:14px; line-height:18px;  font-family: 'CandaraRegular', sans-serif;  margin:0px;}



p.assets-para {

	float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	margin: 0 0 10px 0;
	width:100%;

}



/* wam software  */

.wam-soft-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 50% 36%;

	

}

.wam-service-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-services.png) no-repeat #f86924 50% 36%;

	

}

.wam-central {

		background:#35bc7a ;

}

.refeer-watch {

		background: #1e8bc3;

}



.wam-cent-text-inner {

	bottom: 27%;

    color: #FFFFFF;

    float: left;

    font-family: 'CandaraRegular', sans-serif;

    font-size: 14px;

    margin-left: 11%;

    position: absolute;

    text-align: center;
	text-decoration:none;
    text-transform: uppercase;

    width: auto;

    z-index: 99;

}

.padd{ padding:5px 0px 5px 0px;}

.full-marg{margin-left:5%;}



/*  central  */

.central-tile {

/*	background-color: #f05a49;*/

	background: #6c6c6c ;

	

}

.central-text-inner {

	bottom: 35%;

	left: 0%;

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	

	width: 100%;

	text-align: center;		

}

.central-padd{ padding:15px 15px 15px 10px;}

.product-tile {

/*	background-color: #f05a49;*/

	background: url(../images/products.png) no-repeat #1e8bc3 50% 36%;

	

}

.contact-tile {

/*	background-color: #f05a49;*/

	background: url(../images/contact.png) no-repeat #1e8bc3 50% 36%;

	

}

.hardware{background:#1e8bc3; margin:4px 4px 4px 0px; width:84px}

.software{background:#35bc7a;  margin:4px 0px 4px 0px; width:84px}

.services{background:#f86924;  margin:4px 0px 4px 4px; width:84px}

.spanH{margin-left:7%;}

.spanS{margin-left:9%;}

.spanSS{margin-left:16%;}



.aboutus-tile-inner {

	background: url(../images/about-us.png) no-repeat #f05a49 51% 35%;
	text-decoration:none;
}

.news-tile {

/*	background-color: #f05a49;*/

	background: url(../images/news.png) no-repeat #35bc7a 51% 40%;

	

}

.partner-tile {

/*	background-color: #f05a49;*/

	background: url(../images/partner.png) no-repeat #35bc7a 51% 40%;

	

}

.para-padd{padding-bottom:4px; float:left; width:100%;}





/* contact us */

.cont-lbl{float:left; width:21%; font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif; margin-bottom:15px;}

input.inpt-txt{float:left; width:312px; border:1px solid #acacac; padding:3px 5px; font-family:Verdana, Geneva, sans-serif; font-size:14px; }

select.inpt-txt{float:left; width:210px; border:1px solid #acacac; height:24px; font-family: 'CandaraRegular', sans-serif; font-size:14px; }

textarea.inpt-txt{float:left; width:312px; border:1px solid #acacac; padding:3px 5px;  margin-bottom:15px; height:100px; font-family: 'CandaraRegular', sans-serif; }

label>span{ font-weight:normal; font-family: 'CandaraRegular', sans-serif; }

.ph-no{ margin-right: 20px; width: 140px !important; font-size:14px; font-style:italic; color:#000;}

.mo-no{ width:140px !important;  font-size:14px; font-style:italic; color:#000;}

.lbl-marg{margin-bottom:0px;}

.submit-btn{float:left; width:auto; border:1px solid #acacac; padding:3px 15px; background:#999; text-transform:uppercase; cursor:pointer; color:#000; font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif; margin-right:20px;}

.submit-btn:hover{ color:#fff; background:#2d2d2d;}

.hardware-para{ padding:0px 10px 10px 10px; margin:0px; float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; line-height:18px;}

	

/* roi */

.roi-tile {

/*	background-color: #f05a49;*/

	background: url(../images/roi.png) no-repeat #f05a49 51% 40%;

	

}

.accord-brd{ border-bottom:none !important;}

.roi-dark{ font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif;  background:#efefef;  border-bottom:none !important;}

.div-light{ background:#fff; padding-bottom:15px !important;}

.roi-padd{ padding:0px !important; width:100% !important; background:none;}

.roi-light{ font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif;  background:#fff; border-bottom:none !important;}

.div-dark{ background:#efefef; padding-bottom:15px !important;}



/* roi */

h4.accord-roi-content{ float:left;  color:#000; font-size:14px;  font-family: 'CandaraBold', sans-serif;  margin:0px; padding: 10px 0px 0px 0px; font-weight:normal;}

p.roi-p{ float:left; width:100%; font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; background:url(../images/bullet.png) 5px 9px no-repeat; padding:2px 0px 2px 20px; margin:0px; line-height:18px;}

p.roi-p-one{ float:left; width:98%; font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; background:url(../images/bullet.png) 5px 12px no-repeat; padding:3px 0px 3px 20px; margin:0px 0px 0px 25px; line-height:18px;}	

.roi-marg{ margin-top:15px !important;}	

.container-padd{ padding-bottom:17px !important;}



@charset "utf-8";

/* CSS Document */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}



audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



audio:not([controls]) {

  display: none;

}



html {

  font-size: 100%;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}



a:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



a:hover,

a:active {

  outline: 0;

}



sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border: 0;

  -ms-interpolation-mode: bicubic;

}

.clear {

  *zoom: 1;

}



.clear:before,

.clear:after {

  display: table;

  line-height: 0;

  content: "";

}



.clear:after {

  clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}

ul, menu, dir { list-style-type:none;

}



/* fonts */


body{

	font-family: 'CandaraRegular', sans-serif;

	font-weight: 400;

	background-color: #ffffff;

}



/* main contents start */

#main-container {

	width: 1001px;

	margin: 0px auto 0 auto;

	position: relative;

}

/* left content start */

.content-left {

	float: left;

	width: 	41.5%;

	margin-right: 1.5%;

}

.menu-cont {

	width: 100%;

	float: left;

	

}

.img-con {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 3px;

	cursor: pointer;

	display: block;

	position: relative;

}

.img-con-large {

	float: left;

	height: 132px;

	width: 273px;

	margin: 2px 2px 3px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner-big {

	float: left;

	height: 133px;

	width: 133px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner-big:hover {

	background-color: #2d2d2d;

}

/*.text-con:hover {

	background-color: #000;

	opacity: 0.50;

	-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.25);

        

        box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.25);

}*/

.vessel-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 3%;

	top: 3%;	

}

.ref-con-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 5%;

	top: 3%;	

}

.tral-con-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	left: 5%;

	top: 3%;	

}

.about-us-tile {

/*	background-color: #f05a49;*/

	background: url(../images/about-us.png) no-repeat #f05a49 50% 40%;

	

}

.about-us-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	bottom: 20%;	

	width: 100%;

	text-align: center;	

}

.about-us-text-inner {
	bottom: 36%;
	left: -1px;
	font-family: 'CandaraBold', sans-serif;
	font-size: 15px;
	color: #fff;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	z-index: 99;
	bottom: 9px;
	width: 100%;
	text-align: center;

}

.news-tile {

/*	background-color: #f05a49;*/

	background: url(../images/news.png) no-repeat #35bc7a 51% 40%;

	

}

.news-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

.product-tile {

/*	background-color: #f05a49;*/

	background: url(../images/products.png) no-repeat #1e8bc3 51% 40%;

	

}

.product-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

.wam-ser-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-services.png) no-repeat #f86924 51% 36%;

	

}

.wam-ser-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;		

}

.wam-soft-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 51% 40%;

	

}

.wam-soft-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;		

}

.roi-tile {

/*	background-color: #f05a49;*/

	background: url(../images/roi.png) no-repeat #f05a49 51% 40%;

	

}

.roi-text {

	font-family: 'CandaraBold', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 20%;	

}

/* right content start */

.content-right {

	float: left;

	width: 56%;
	margin-top:77px;

}
h1#logo {

	background: url(../images/wam-logo.png) no-repeat 0 0;

	width: 204px;

	height: 75px;

	display: block;

	margin: 0;

	float: right;

	

}

#logofrontpage {

	background: url(../images/wam-logo1.png) no-repeat 0 0;

	width: 300px;

	height: 133px;

	display: block;
	margin:0px 0px 0px 55px;

	float:left;

	

}


h1#logo a{

	display: block;

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

  width: 100%;

  height: 100%;

	

}

#logofrontpage a{

	display: block;

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

  width: 100%;

  height: 100%;

	

}


ul.social {

	float: right;

	width: 131px;

	height: 30px;

	margin: 22px 0 0 0;

	padding: 0;

}





ul.social li{

	float: left;

	list-style-type: none;

	width: 30px;

}

ul.social li a.mail{

	background: url(../images/mail.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;

}

ul.social li a.mail:hover{

	background: url(../images/mail-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

ul.social li a.twitter{

	background: url(../images/twitter.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;

}

ul.social li a.twitter:hover{

	background: url(../images/twitter-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}

ul.social li a.facebook{

	background: url(../images/facebook.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;

}

ul.social li a.facebook:hover{

	background: url(../images/facebook-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}

ul.social li a.linkedin{

	background: url(../images/linkedin.png) no-repeat center center;

	width: 19px;

	height: 18px;

	color: transparent;

	float: left;

}

ul.social li a.linkedin:hover{

	background: url(../images/linkedin-h.png) no-repeat center center;

	 -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

	

}











/* footer start */

footer {

	height: 38px;

	width: 100%;

	float: left;

	border-top: 1px solid #cccccc;

	margin-top: 40px;

}

.copyright {

	font-family: 'CandaraRegular', sans-serif;

	font-size: 10px;

	font-weight: 400;

	float: right;

	color: #afafaf;	

	

}

.credence {

	font-family: 'CandaraRegular', sans-serif;

	font-size: 10px;

	font-weight: 400;	

	float: right;

	color: #afafaf;	


}

/* footer  end */

/* ================= inner pages start =========================*/

.header-inner {

	height: 138px;

	float: left;

	width: 100%;

}

.header-left {

	float: left;

	width: 60%;

}

.header-right {

	float: right;

}

.inner-main-head {

font-family: 'CandaraRegular',sans-serif;

	font-size: 36px;

	color: #000;

	float: left;

	text-transform: uppercase;

	margin: 41px 0 0 14px;

}

.inner-content-left {

	float: left;

}

/* inner menu start */

.inner-menu {

	float: left;

	width: 9.2%;

}

.text-con-inner {

	float: left;

	height: 89px;

	width: 89px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;

}

.text-con-inner:hover{

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.news-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/news-small.png) no-repeat #35bc7a 51% 35%;

	

}

.news-text-inner {
	font-family: 'CandaraRegular', sans-serif;
	font-size: 11px;
	color: #fff;
	float: left;
	text-transform: uppercase;
	position: absolute;
	z-index: 99;
	text-decoration: none;
	width: 100%;
	text-align: center;
	bottom: 6px;

}

.wam-ser-tile-inner {

	background: url(../images/wam-service-small.png) no-repeat #f86924 51% 35%;

}

.wam-ser-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;
	text-decoration:none;
	z-index: 99;

	width: 100%;

	text-align: center;

	bottom: 15%;		

}

.product-tile-inner {

	background: url(../images/products-small.png) no-repeat #1e8bc3 51% 35%;

}

.product-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;
text-decoration:none;
	width: 100%;

	text-align: center;

	bottom: 15%;	

}

.home-con-inner {

	float: left;

	height: 45px;

	width: 89px;

	margin: 2px 2px;

	cursor: pointer;

	display: block;

	position: relative;	

}

.home-tile-inner {

		background: url(../images/home.png) no-repeat #505050 23% 40%;

}

.home-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;

	width: auto;

	text-align: center;

	bottom: 34%;	
	text-decoration:none;
	margin-left: 50%;

}

.home-con-inner:hover{

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

/* middle content */

.middle-content {

	float: left;

	width: 61%;

	margin: 0.2% 0.5% 0.2% 0.4%;

}

.middle-dark {

	background-color: #EFEFEF;

    float: left;

    padding: 3%;

    width: 94%;

}

.middle-light {

	padding: 3%;

    width: 94%;

	background-color: #ffffff;

	float: left;

}

span.inner-sub-head {

	float: left;

	color: #222222;

	font-family: 'CandaraBold', sans-serif;

	font-size: 22px;

	margin: 0;
	width:80%;
	text-transform: uppercase;

	font-weight:normal;

}


h2.inner-sub-head {

	float: left;

	color: #222222;

	font-family: 'CandaraBold', sans-serif;

	font-size: 22px;

	margin: 0;
	width:80%;
	text-transform: uppercase;

	font-weight:normal;

}

.inner-para {

	float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	margin: 0;
	width:100%;

}

.inner-right-content {

/*	background-color: #efefef;*/ 
    background-color:#FFF;

	padding: 1%;

	float: left;

	width: 26%;

	margin: 0.2% 0% 0.2% 0%;

}

.inner-right-content img{

	margin: 4px;

	text-align: center;

}

.link {

	color: #002aff;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	font-style: italic;

}

.mgt-tile-inner {

		background: url(../images/management-icon.png) no-repeat #35bc7a 14% 40%;

}

.mgt-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;
text-decoration:none;
	width: auto;

	text-align: center;

	bottom: 34%;	

	margin-left: 38%;

}

.right-con-inner {

	float: left;

	height: 33px;

	width: 122px;

	margin: 4px 4px;

	cursor: pointer;

	display: block;

	position: relative;	

}

.right-con-inner:hover {

	background-color: #2d2d2d;

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

.contact-tile-inner {

		background: url(../images/mail-small.png) no-repeat #1e8bc3 14% 40%;

}

/* middle content end */ 

/* inner menu end */

/* new transition */



/* container page */

.container-title{ width:70.7%;}

.container-img{ background:url(../images/reefer-cotainer-sol.jpg) no-repeat;}



.cont-con-inner-big {

	float: left;

	height: 133px;

	width: 133px;

	margin: 0px 0px;

	cursor: pointer;

	display: block;

	position: relative;

	margin:2px;

}

.vessel-con-inner-big

{

	float: left;

	height:89px;

	width: 89px;

	

	cursor: pointer;

	display: block;

	position: relative;

	margin:2px;
	

}

.container-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;
	text-decoration:none;
	margin-left: 6px;

	margin-top:5px;

	font-weight:normal;

	line-height:16px;



}

.vessel-text-inner {

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 11px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	position: absolute;

	z-index: 99;
	text-decoration:none;
	margin-left: 3px;

	margin-top:3px;

	font-weight:normal;
	top:0px;  left:0px;


}



.cont-con-inner-big:hover{background:#2d2d2d;}

.vessel-con-inner-big:hover{background:#2d2d2d;}

.cont-con-inner-big img:hover, .vessel-con-inner-big:hover  {

	opacity:0.3;

}

.software-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 51% 40%;

	

}

.software-tile-inner {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software-small.png) no-repeat #35bc7a 51% 40%;

	

}

.accordion-marg{ margin:10px 0px;}

.accordion-marg p{margin:0px 0px 15px 0px; font-size:14px; font-family: 'CandaraRegular', sans-serif; }

.accordion-marg h3{ font-size:14px; font-family: 'CandaraBold', sans-serif; font-weight:normal;} 

.accordion-border{ border-top:1px solid #898989;}



/* vessels */


 
h3.vessel-content{ float:left; padding:0px 10px 0px 10px; width:95%;*margin-top:10px; font-size:14px; font-family: 'CandaraBold'; font-weight:normal; color:#000; margin-bottom:0px; text-transform:none;}

p.vessel-content{ float:left; padding:0px 10px 0px 10px; width:95%;  font-size:14px;  font-family: 'CandaraRegular', sans-serif;  color:#000; margin:0px; line-height:18px;}



/*  genset  */

p.genset-content{ float:left; padding:15px 20px 10px 40px; font-size:14px; line-height:18px;  font-family: 'CandaraRegular', sans-serif;  margin:0px;}



p.assets-para {

	float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px;

	margin: 0 0 10px 0;

}



/* wam software  */

.wam-soft-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-software.png) no-repeat #35bc7a 50% 36%;

	

}

.wam-service-tile {

/*	background-color: #f05a49;*/

	background: url(../images/wam-services.png) no-repeat #f86924 50% 36%;

	

}

.wam-central {

		background:#35bc7a ;

}

.refeer-watch {

		background: #1e8bc3;

}



.wam-cent-text-inner {

	bottom: 27%;

    color: #FFFFFF;

    float: left;

    font-family: 'CandaraRegular', sans-serif;

    font-size: 14px;

    margin-left: 11%;

    position: absolute;
	text-decoration:none;
    text-align: center;

    text-transform: uppercase;

    width: auto;

    z-index: 99;

}

.padd{ padding:5px 0px 5px 0px;}

.full-marg{margin-left:5%;}



/*  central  */

.central-tile {

/*	background-color: #f05a49;*/

	background: #6c6c6c ;

	

}

.central-text-inner {

	bottom: 35%;

	left: 0%;

	 font-family: 'CandaraRegular', sans-serif;

	font-size: 15px;

	color: #fff;

	float: left;

	text-transform: uppercase;
	text-decoration:none;
	position: absolute;

	z-index: 99;

	

	width: 100%;

	text-align: center;		

}

.central-padd{ padding:15px 15px 15px 10px;}

.product-tile {

/*	background-color: #f05a49;*/

	background: url(../images/products.png) no-repeat #1e8bc3 50% 36%;

	

}

.contact-tile {

/*	background-color: #f05a49;*/

	background: url(../images/contact.png) no-repeat #1e8bc3 50% 36%;

	

}

.hardware{background:#1e8bc3; margin:4px 4px 4px 0px; width:84px}

.software{background:#35bc7a;  margin:4px 0px 4px 0px; width:84px}

.services{background:#f86924;  margin:4px 0px 4px 4px; width:84px}

.spanH{margin-left:7%;}

.spanS{margin-left:9%;}

.spanSS{margin-left:16%;}



.aboutus-tile-inner {

	background: url(../images/about-us.png) no-repeat #f05a49 51% 35%;
	text-decoration:none;

}

.news-tile {

/*	background-color: #f05a49;*/

	background: url(../images/news.png) no-repeat #35bc7a 51% 40%;

	

}

.partner-tile {

/*	background-color: #f05a49;*/

	background: url(../images/partner.png) no-repeat #35bc7a 51% 40%;

	

}

.para-padd{padding-bottom:4px; float:left; width:100%;}





/* contact us */

.cont-lbl{float:left; width:21%; font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif; margin-bottom:15px;}

input.inpt-txt{float:left; width:312px; border:1px solid #acacac; padding:3px 5px; font-family:Verdana, Geneva, sans-serif; font-size:14px; }

select.inpt-txt{float:left; width:210px; border:1px solid #acacac; height:24px; font-family: 'CandaraRegular', sans-serif; font-size:14px; }

textarea.inpt-txt{float:left; width:312px; border:1px solid #acacac; padding:3px 5px;  margin-bottom:15px; height:100px; font-family:Verdana, Geneva, sans-serif; sans-serif; font-size:14px;}

label>span{ font-weight:normal; font-family: 'CandaraRegular', sans-serif; }

.ph-no{ margin-right: 20px; width: 140px !important; font-size:14px; font-style:italic; color:#000;}

.mo-no{ width:140px !important;  font-size:14px; font-style:italic; color:#000;}

.lbl-marg{margin-bottom:0px;}

.submit-btn{float:left; width:auto; border:1px solid #acacac; padding:3px 15px; background:#999; text-transform:uppercase; cursor:pointer; color:#000; font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif; margin-right:20px;}

.submit-btn:hover{ color:#fff; background:#2d2d2d;}

.hardware-para{ padding:0px 10px 10px 10px; margin:0px; float: left;

	color: #222222;

	font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; line-height:18px;}

	

/* roi */

.roi-tile {

/*	background-color: #f05a49;*/

	background: url(../images/roi.png) no-repeat #f05a49 51% 40%;

	

}

.accord-brd{ border-bottom:none !important;}

.roi-dark{ font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif;  background:#efefef;  border-bottom:none !important;}

.div-light{ background:#fff; padding-bottom:15px !important;}

.roi-padd{ padding:0px !important; width:100% !important; background:none;}

.roi-light{ font-size:14px; color:#000; font-family: 'CandaraBold', sans-serif;  background:#fff; border-bottom:none !important;}

.div-dark{ background:#efefef; padding-bottom:15px !important;}



/* roi */

h4.accord-roi-content{ float:left;  color:#000; font-size:14px;  font-family: 'CandaraBold', sans-serif;  margin:0px; padding: 10px 0px 0px 0px; font-weight:normal;}

p.roi-p{ float:left; width:100%; font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; background:url(../images/bullet.png) 5px 9px no-repeat; padding:2px 0px 2px 20px; margin:0px; line-height:18px;}

p.roi-p-one{ float:left; width:98%; font-family: 'CandaraRegular', sans-serif;

	font-size: 14px; background:url(../images/bullet.png) 5px 12px no-repeat; padding:3px 0px 3px 20px; margin:0px 0px 0px 25px; line-height:18px;}	

.roi-marg{ margin-top:15px !important;}	

.container-padd{ padding-bottom:17px !important;}







/* slider-login-button */

.slider {

	float: right;
	margin-top:0.7%;
	

	position:relative;
	
	width:100%;
}

.wam-login-btn{float:left;   z-index:9999;  position:absolute; bottom:0px; *bottom:15px; right:0px; cursor:pointer;}



a.wam-login{ background:#f86924 url(../images/wam-login-btn.png) 10px 6px no-repeat; padding:7px 10px 7px 35px; color: #fff; text-decoration:none; font-size:14px; font-family: 'CandaraRegular', sans-serif; float:left; margin:0px 10px 15px 0px; border:1px solid  #f86924  }

a.rf-watch-login{ background:#1e8bc3 url(../images/wam-login-btn.png) 10px 6px no-repeat; padding:7px 10px 7px 35px; color: #fff; text-decoration:none; font-size:14px; font-family: 'CandaraRegular', sans-serif; float:left;  margin:0px 15px 15px 0px; border:1px solid  #1e8bc3 }

a.wam-login:hover, a.rf-watch-login:hover{ background-color:#2d2d2d; 

border:1px solid #666;	

	-webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;}



.wam-container{ background:#2d2d2d url(../images/reefer-cotainer-sol.jpg) 0px 0px no-repeat;}

.wam-vessel{ background:#2d2d2d url(../images/vessel-sol.jpg) 0px 0px no-repeat;}

.wam-trailer{ background:#2d2d2d url(../images/reefer-trailer-sol.jpg) 0px 0px no-repeat;}

.wam-genset{ background:#2d2d2d url(../images/gensets-sol.jpg) 0px 0px no-repeat;}

.wam-asset{ background:#2d2d2d url(../images/other-assets-sol.jpg) 0px 0px no-repeat;}

.hardware-tile{ background:#2d2d2d url(../images/hardware-sol.jpg) 0px 0px no-repeat;}

.wam-drycontainer{ background:#2d2d2d url(../images/dry-container.jpg) 0px 0px no-repeat;}

.wam-chassis{ background:#2d2d2d url(../images/chasis.jpg) 0px 0px no-repeat;}



.reefer-watch-tile{background:none repeat scroll 0 0 #6C6C6C;}
a.link {
    color: #b21d28!important;
    font-family: 'CandaraRegular',sans-serif;
    font-size: 14px;
    font-weight:bold !important;
	text-decoration:none !important;
	font-style:normal !important;
}
a.link:hover {
    color: #2d2d2d !important;
   text-decoration:underline !important;
}


.vessel-text-inner {
    color: #FFFFFF;
    float: left;
    font-family: 'CandaraRegular',sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-left: 6px;
    margin-top: 6px;
    position: absolute;
    text-transform: uppercase;
	text-decoration:none;
    z-index: 99;
}

.table-contact{
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
}
.clear{*clear:both!important;}

.login-right{
	width:35%;
	float:right;
	height:auto;
	margin-top:120px;
}



.login-input{
	width:302px;
	height:30px;
	outline:none;
	border:1px solid #999;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:3px;
	
}

.login-checkbox{
	padding: 0 0 0 0;
	width: 14px;
	height: 14px;
	margin: 0 10px 0 0;
	float: left;
	margin-top:3px;
	
	
	
}

.login-checkbox-text{
	
	color:#999;
	position:relative;
	margin-top:-20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.login-button{
	background-color:#2183cc;
	padding: 3px 12px 5px;
	outline:0px;
	border:0px;
	color:white;
	width:85px;
	height:30px;
	font-size:14px;

}

.login-text-acces a
{
    color:#0072c9;
}
.login-button:hover{
	background-color:#288cd7;
	cursor:pointer;
}

.login-text-acces{
	color:#0072c6;
	font-size:13px;
}

.login-text-black{
	font-size:13px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	
}

.signin-text{
	height:30px;
	float:left;
	padding:0px;
	margin-top:10px;
}

  .title-login
    {
        margin-left: 10px;
        font-size: 20px;
        color: #FFF;
        position: relative;
        width: 210px;
        text-align: left;
        height: 30px;
        padding-top: 10px;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 14px;
        float: left;
    }

    .title-login1
    {
        margin-left: 10px;
        font-size: 14px;
        color: #FFF;
        position: relative;
        width: 50px;
        text-align: left;
        height: 30px;
        padding-top: 10px;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 15px;
        float: right;
    }

    .title-login:hover
    {
        background-color: #1e5dc2;
        cursor: pointer;
    }

    .title-login1:hover
    {
        background-color: #1e5dc2;
        cursor: pointer;
    }

    .cancel-button
    {
        background-color: #cacaca;
        padding: 3px 12px 5px;
        outline: 0px;
        border: 0px;
        color: white;
        width: 85px;
        height: 30px;
        font-size: 14px;
        margin-top: 30px;
        margin-left: 30px;
    }



        .cancel-button:hover
        {
            background-color: #d5d5d5;
        }

            .reset-text-black
    {
        font-size: 13px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 10px;
    }

    .reset-paswd
    {
        font-family: Tahoma, Geneva, sans-serif;
        font-style: normal;
        font-size: 17px;
        color: #000;
        color: #666;
        margin-top: 17px;
    }

       .margin-left
    {
        margin-left: 20px;
    }

           .txtsmallred {
            font-size: smaller;
            color: red;
        }

             .header-1
    {
        background-color: #2672ec;
        height: 20px;
    }

                .login-button1
    {
        background-color: #2672ec;
        padding: 3px 12px 5px;
        outline: 0px;
        border: 0px;
        color: white;
        width: 85px;
        height: 30px;
        font-size: 14px;
        margin-top: 30px;
    }

                              .login-button2
    {
        background-color: #2672ec;
        padding: 3px 12px 5px;
        outline: 0px;
        border: 0px;
        color: white;
        width: 85px;
        height: 30px;
        font-size: 14px;
        margin-top: 30px;
        margin-left: 25px;
    }


.reqfield {
    color: #990033;
    text-indent: 5px;
}

        .login-button1:hover
        {
            background-color: #4286f2;
        }
