*{
	margin: 0;
	padding:0;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit; list-style:none
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


html{
	overflow: auto;
}

body {
	font:12px Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #000;
	
background-color: #014e84; 
background-position: center center; 
 /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#0484ef), to(#022b41)); /* Safari 5.1+, Chrome 10+ */ 
background-image: -webkit-radial-gradient(circle, #0484ef, #022b41); /* Firefox 3.6+ */ 
background-image: -moz-radial-gradient(circle, #0484ef, #022b41); /* IE 10 */ 
background-image: -ms-radial-gradient(circle, #022b41 , #0484ef);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#022b41', endColorstr='#0484ef');/*For IE7-8-9*/ 	
}

.blue-lines{background: url(../images/grid_bg.png); float:left; width:100% }
a{
	text-decoration: none;
	color: #000;	
}

.clear{
	clear: both;
}

h1, h2, h3{font-family: 'Michroma', sans-serif;}
@font-face {
    font-family: 'VegurRegular';
    src: url('text/vegur-r_0500-webfont.eot');
    src: url('text/vegur-r_0500-webfont.eot?iefix') format('eot'),
         url('text/vegur-r_0500-webfont.woff') format('woff'),
         url('text/vegur-r_0500-webfont.ttf') format('truetype'),
         url('text/vegur-r_0500-webfont.svg#webfontoS9kkHJ4') format('svg');
    font-weight: normal;
    font-style: normal;

}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
			img{ border:none; }
			
#wrapper{
	min-width: 960px; margin:0 auto;
	background: url('../images/top_bg.gif') repeat-x;
}

header{
	width: 100%;
	margin:0 auto;
	height: 120px;
	
}

header #logo{
	width: 160px;
	height: 120px;
	float: left;
	margin-left:40px
}
header #logo img{
	width: 160px;
	height: 120px;
	float: left; position:absolute; z-index:1101;
}

nav#menu_bar{ float:right; margin-right:25px; height:38px;
}

nav#menu_bar ul{ float:right; min-width:342px;	
    padding-top: 10px;
    list-style: none outside none;
   

}

nav#menu_bar ul li{ float:left;
	margin-left: 2.5%;
}


nav#menu_bar ul li a{
	font-size: 10px;
	color: #77848b;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

nav#menu_bar ul .active a{	color: #AAB9BF;}
nav#menu_bar ul li a:hover{
	color: #AAB9BF;
}

nav#menu_bar .search{
	border: none;
	background: #fff url('../images/search_icon.gif') no-repeat 98% 1px;
	padding: 3px 18px 3px 3px;
	height: 17px;
	font-size: 11px;
	color: #555a5a;
	width: 105px;
	float:right;
	margin:7px 7px 7px 12px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px; /* future proofing */
	-khtml-border-radius: 4px;
}


.left_menu{ float:left; min-width:270px;	color: #abc3ce; 	list-style: none;	text-transform: uppercase; margin:37px 0 0 30px}
.left_menu li{ float:left; padding:0 3% ;font-size: 11px; line-height:38px;}
.left_menu li a{	text-transform: uppercase;	color: #abc3ce;	text-decoration: none;	font-size: 11px; line-height:38px; display:block}
.left_menu li a:hover{color:#0f2532 !important}

/*menu drop down*/
.left_menu li:hover { background:#fff}

.left_menu li:hover .dropmenu{top:75px; left:205px}

.dropmenu{ width:760px; height:350px; background:#fff; z-index:9999;
	float:left;
	position:absolute;
	left:-999em;
	text-align:left;
	padding:10px 15px;
	-moz-box-shadow: 1px 5px 9px #000;
	-webkit-box-shadow: 1px 5px 9px #000;
	box-shadow: 1px 5px 9px #000;
}

#tab-casuo { overflow:hidden; float:left;    }
#tab-casuo .viewport { float: left; width:710px; height: 50px; overflow: hidden; position: relative; margin:0 10px 0 0;  }
#tab-casuo .buttons {  font-family: 'WebSymbolsRegular', cursive;  display: block;    float:right; width: 18px; height:30px; overflow: hidden; color:#94928f; line-height:34px; font-size:16px }

#tab-casuo .next { z-index:9999   }
#tab-casuo .prev{}

#tab-casuo .disable { visibility: hidden; }
#tab-casuo .overview { list-style: none; position: absolute; padding: 0; margin: 0; min-width:1000px;left: 0 top: 0; }
#tab-casuo .overview li{ float: left;  padding:0 11px 10px 11px; }
#tab-casuo .overview li a{color:$#fff;}
ul.tabs li:first-child{ font-style:normal}
ul.tabs li:first-child:hover{ }
ul.tabs li a {font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #94928f;
	font-size: 14px;
	text-transform:capitalize
}
ul.tabs li:hover{ background:none}
ul.tabs li a:hover {
	color: #b88431 !important;
}	
html ul.tabs li.active  {	background:url(../images/select-drop.png) no-repeat center 36px;}
html ul.tabs li.active a{ color:#b88431;}
.tab_container { border-top:1px solid #e5e5e5; margin-top:-13px;
	clear: both;
	float: left; 
	width:760px;
	
}
.tab_content { padding:20px 0 10px 0}

ul.tabs2 li:first-child{ font-style:normal}
ul.tabs2 li:first-child:hover{ }
ul.tabs2 li a {font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #94928f;
	font-size: 14px;
	text-transform:capitalize
}
ul.tabs2 li:hover{ background:none}
ul.tabs2 li a:hover {
	color: #b88431 !important;
}	
html ul.tabs2 li.active  {	background:url(../images/select-drop.png) no-repeat center 36px;}
html ul.tabs2 li.active a{ color:#b88431;}
.tab_container2 { border-top:1px solid #e5e5e5; margin-top:-13px;
	clear: both;
	float: left; 
	width:760px;
	
}
.tab_content2 { padding:20px 0 10px 0}

.drop-brands-slider { float:left; overflow:hidden;  }
.drop-brands-slider .viewport { float: left; width: 760px; height: 265px; overflow: hidden; position: relative; }
.drop-brands-slider .buttons {  display: block; margin: 10px 10px 0 0;   width: 370px; height: 20px; overflow: hidden; float:right;  font-family: 'WebSymbolsRegular', cursive; color:#dad4d4; text-align:center; font-size:27px; line-height:16px;
background-color: #f6f5f5;}
 
.drop-brands-slider:hover .ca-icon{
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #cfe5f1;
}

.drop-brands-slider .next {  margin: 10px 0 0 0;  }
.drop-brands-slider .disable { visibility: hidden; }
.drop-brands-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:760px; left: 0 top: 0; }
.drop-brands-slider .overview li{ float: left; padding: 0; height: 140px; width: 760px;}
.drop-brands-slider .overview li a{ width:134px; float:left;  margin: 0 9px ;}
.drop-brands-slider .overview li img{ width:132px; height:91px; border:1px solid #e5e5e5; float:left}
.drop-brands-slider .overview li span{ text-transform:uppercase; color:#5d4b4b; font-size:11px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; text-align:center; width:134px; line-height:35px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.drop-brands-slider .overview li:first-child span{ font-style:normal}
.drop-brands-slider .overview li a:hover span{ color:#b88431; font-size:12px; opacity: 1;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
/*menu drop down ends*/

.left_menu li:first-child{	font-style: italic; padding-left:0; color:#426d85}
.left_menu li:first-child:hover{ background:none!important}
.left_menu li a:hover{	color: #E3ECEF;}

.right_menu{float: right;	min-width: 370px;  list-style:none; margin-right:25px; height:38px; clear:right }
.right_menu li{ float:left;	margin-left: 5%;}
.right_menu li a{	text-transform: uppercase;	color: #FFF;	text-decoration: none;	font-size: 10px; line-height:38px;
-webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  }
.right_menu .active a{	color: #ABC3CE;}
.right_menu li a:hover{	color: #ABC3CE;}
#content{ margin:0 auto; float:left; width:100% }

.tagline_box{ float:left; margin:2% 0 5% 40px;
	width: 40%;
	font-family: 'Michroma', sans-serif;	
	max-width: 550px;
}

.tagline_box h2{	font-size: 30px; 
	color: #FFF;
	text-shadow: 3px 3px 2px #242726;
	filter: dropshadow(color=#242726, offx=3, offy=3); 
}

.tagline_box p{ font-size:14px; line-height:24px;
	background-color:#000;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	color:#FFF;
	background-color:rgba(0,0,0,0.5);
	padding: 15px 15px 20px 15px;
	margin-top: 10px; margin-left:-15px;
}

.solution_box{ width:100%;
	
	background:transparent;
	
	zoom: 1;
	
	margin-top: 10%;
	overflow:hidden;
}

.solution_box .jcarousel-skin-tango{
	background-color:#000;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	background-color:rgba(0,0,0,0.5);
}

.jcarousel-skin-tango .jcarousel-container-horizontal { padding:2% 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {}
.jcarousel-skin-tango li{overflow: hidden}

.jcarousel-skin-tango .jcarousel-item { width: 215px; height: 130px;
 -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */

background-color: #34373c; 
background-position: center center; 
background-repeat: no-repeat; /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#17191c), to(#35373c)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-radial-gradient(circle, #17191c, #35373c); /* Firefox 3.6+ */ 
background: -moz-radial-gradient(circle, #17191c, #35373c); /* IE 10 */ 
background: -ms-radial-gradient(circle, #17191c, #35373c); /* Opera cannot do radial gradients yet */ 
}

.jcarousel-skin-tango .jcarousel-item:hover{
background-position: center center; 
background-repeat: no-repeat; /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#35373c), to(#17191c )); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-radial-gradient(circle, #35373c , #17191c); /* Firefox 3.6+ */ 
background: -moz-radial-gradient(circle, #35373c, #17191c); /* IE 10 */ 
background: -ms-radial-gradient(circle, #35373c, #17191c); /* Opera cannot do radial gradients yet */ }
   
.jcarousel-skin-tango li a{	display: block;	position: relative;}
.jcarousel-skin-tango li a h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	position: absolute;
	top: 0;
	left:0;
	text-transform: uppercase;
	width: 110px;
	padding: 10px 0 0 10px;
	 text-shadow: black 0.1em 0.1em 0.2em
}


.jcarousel-skin-tango .jcarousel-container { border-bottom:1px solid #1a2e47}
.jcarousel-skin-tango .jcarousel-direction-rtl {	direction: rtl;}
.jcarousel-skin-tango .jcarousel-clip {    overflow: hidden;}
.jcarousel-skin-tango .jcarousel-item-horizontal {	margin-left: 0;    margin-right: 15px;}


.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 27px;
    right: 5px;
    width: 25px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/ca_arow_right.png) no-repeat 0px 0;
    border-radius: 5px;
	overflow: hidden;
}



.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: transparent url(../images/ca_arow_right.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: transparent url(../images/ca_arow_right.png) no-repeat -25px 0px !important;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: transparent url(../images/ca_arow_right.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
   background: none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    left: 5px;
    width: 25px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/ca_arow_left.png) no-repeat 0px 0;
    border-radius: 5px;
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: transparent url(../images/ca_arow_left.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
   background: transparent url(../images/ca_arow_left.png) no-repeat -25px 0 !important;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
     background: transparent url(../images/ca_arow_left.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}




.whats_new_box{	margin:1% 0 1% 10px;	min-width: 740px;  float:left}

.whats_new_box h3{ font-size:24px; color:#fff;  font-family: 'Michroma', sans-serif; background-color:#000;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	background-color:rgba(0,0,0,0.41); 
	float:left; padding:2px 15px ;
	 -moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0; /* future proofing */
	-khtml-border-radius: 3px 3px 0 0; }



.news_boxes{ padding:2%;
	float: left;
	width: 91%;
	clear:left;
	background-color:#000;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	background-color:rgba(0,0,0,0.41); 

	 -moz-border-radius:0 3px 3px 3px;
	-webkit-border-radius: 0 3px 3px 3px;
	border-radius:0 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 0 3px 3px 3px; }



#f-n-slider { height: 1%; overflow:hidden; background:#191f1f; float:left;   -moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px; /* future proofing */
	-khtml-border-radius: 4px;  }
#f-n-slider .viewport { float: left; width: 215px; height: 160px; overflow: hidden; position: relative; }
#f-n-slider .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:45px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#f-n-slider .next { background-position: -40px 0; margin: 45px 0 0 178px;   }
#f-n-slider .next:hover { background-position: 0 0 ; margin: 45px 0 0 178px;  }
#f-n-slider .prev{background-position: 0 -37px  ; z-index:9999}
#f-n-slider .prev:hover{background-position: 0 -37px ;}

#f-n-slider .disable { visibility: hidden; }
#f-n-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#f-n-slider .overview li{ float: left;   width: 215px;}
#f-n-slider .overview li span{ font-size:11px; color:#d5d4d5; font-family: 'Michroma', sans-serif; text-transform:uppercase; margin-left:5px; line-height:20px}


#f-n-slider2 { height: 1%; overflow:hidden; background:#191f1f; float:left;   -moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px; /* future proofing */
	-khtml-border-radius: 4px;  }
#f-n-slider2 .viewport { float: left; width: 215px; height: 160px; overflow: hidden; position: relative; }
#f-n-slider2 .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:45px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#f-n-slider2 .next { background-position: -40px 0; margin: 45px 0 0 178px;  }
#f-n-slider2 .next:hover { background-position: 0 0 !important; margin: 45px 0 0 178px;  }
#f-n-slider2 .prev{background-position: 0 -37px  ;z-index:9999}
#f-n-slider2 .prev:hover{background-position: 0 -37px !important  ;}

#f-n-slider2 .disable { visibility: hidden; }
#f-n-slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#f-n-slider2 .overview li{ float: left;   width: 215px;}
#f-n-slider2 .overview li span{ font-size:11px; color:#d5d4d5; font-family: 'Michroma', sans-serif; text-transform:uppercase; margin-left:5px; line-height:20px}


#f-n-slider3 { height: 1%; overflow:hidden; background:#191f1f; float:left;   -moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px; /* future proofing */
	-khtml-border-radius: 4px;  }
#f-n-slider3 .viewport { float: left; width: 215px; height: 160px; overflow: hidden; position: relative; }
#f-n-slider3 .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:45px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#f-n-slider3 .next { background-position: -40px 0; margin: 45px 0 0 178px; }
#f-n-slider3 .next:hover { background-position: 0 0 !important; margin: 45px 0 0 178px;  }
#f-n-slider3 .prev{background-position: 0 -37px  ;z-index:9999}
#f-n-slider3 .prev:hover{background-position: 0 -37px !important  ;}

#f-n-slider3 .disable { visibility: hidden; }
#f-n-slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#f-n-slider3 .overview li{ float: left;   width: 215px;}
#f-n-slider3 .overview li span{ font-size:11px; color:#d5d4d5; font-family: 'Michroma', sans-serif; text-transform:uppercase; margin-left:5px; line-height:20px}


.news_boxes .news_item{	margin-right:2%;}

.news_boxes .news_item:last-child{	margin-right: 0;}
.news_boxes .news_item small{	font-size: 10px;	color: #767d7d;	margin-right: 10px; float:right; line-height:19px}

.feature-area{ float:right; width:215px; height:160px; background:#191f1f;   -moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px; /* future proofing */
	-khtml-border-radius: 4px; margin:4.7% 25px 0 0  }

.feature-area img{-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius:4px 4px 0 0; /* future proofing */
	-khtml-border-radius: 4px 4px 0 0;}
	
.feature-area span{font-size:8px; color:#d5d4d5; font-family: 'Michroma', sans-serif; text-transform:uppercase; margin-left:5px; line-height:20px}

footer{
	background-color: #161c1c;
	
	overflow: auto;
	min-height: 150px; float:left; width:100%;
}

#footer_left{ margin-top:15px; margin-left:2%;
	width:30%;
	float: left;
}
#footer_left small{ color:#fff; font-size:10px; float:left; margin:2px 5px 13px 5px; text-transform:uppercase}
#footer_left img{ margin-right:2%}
#footer_right{margin-top:15px; margin-right:2%;
	float: right;
}

#footer_right ul{ min-width:425px;
	list-style: none;
}

#footer_right ul li{
	color:#FFF;
	text-decoration: none;
	font-size: 11px;
	display: inline;
	margin-left: 15px;
}

#footer_right ul li a{
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform:uppercase;
}

#footer_right ul li:first-child{ background:#293333;
	/*background: url('../images/eshop_bg.gif') no-repeat 0 0;*/	
	padding: 4px 5px 4px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px; 
}

#footer_right ul li a:hover{
	color:#DBDBDB;
}

.copyright_content{
	float: left;
	padding-top: 8px;
	color: #3d4141;
	font-size: 12px;
	width: 270px;
	float: right;
	margin-top: 15px;
}

.copyright_content span{
	font-size: 11px;
	display: block;
	margin-top: 5px;
}
.copyright_content a{color: #3d4141; text-decoration:none}
.copyright_content img{ float:right}



/*popup*/

#fancybox-content {-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius: 4px;
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
	border-width:0 !important;
	background-color: #3f4751;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f4751), to(#393e44)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #3f4751, #393e44); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #3f4751, #393e44); /* IE 10 */ 
				background: -ms-linear-gradient(top, #3f4751, #393e44); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #3f4751, #393e44);}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
}


.pop-detail{ width:720px; height:460px; overflow:hidden}
.pop-detail h2{ float:left; color:#fff; font-size:14px; text-transform:uppercase; height:35px; width:665px; padding-left:15px; 
				line-height:34px;
				background-color: #393e44;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#393e44), to(#3f4751)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #393e44, #3f4751); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #393e44, #3f4751); /* IE 10 */ 
				background: -ms-linear-gradient(top, #393e44, #3f4751); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #393e44, #3f4751);
}

.pop-detail h2:hover{
	background-color: #393e44;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f4751), to(#393e44)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #3f4751, #393e44); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #3f4751, #393e44); /* IE 10 */ 
				background: -ms-linear-gradient(top, #3f4751, #393e44); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #3f4751, #393e44);
	}

.pop-detail .ca-icon{ float:none; color:#fff; margin-left:5px}
.pop-detail h2:hover .ca-icon{ margin-left:10px}
/*popup left area*/
#leftpanel { float:left;
    top: 35px;
    width:350px;
    z-index: 999;
}
#panel {width:100%;
	height: 425px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	background-color: #155777;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#155777), to(#225169)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #155777, #225169); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #155777, #225169); /* IE 10 */ 
				background: -ms-linear-gradient(top, #155777, #225169); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #155777, #225169);
}

.top-features-area{  width:350px; height:250px; float:left}

.ca-content h3{ font-size:12px; color:#e4ecf0; text-transform:uppercase; font-family: 'Michroma', sans-serif; margin-bottom:5px; }
.ca-content small{ font-size:12px; color:#c6d4dc; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left}

.top-features-area .ca-content{
	float:left;
    width: 335px;
    height: 52px;
	padding:7px 0 0 15px
}
.ca-main{
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.ca-sub{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 12px;
    text-shadow: 0px 0px 1px #333;
	float:left;
	color:#97b3c2;
	width:20px; text-align:center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.top-features-area:hover .ca-icon{
	margin-left:10px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.top-features-area:hover .ca-main{
    opacity: 1;
    color:#72c8f4;
    -webkit-animation: moveFromTop 500ms ease-in-out;
    -moz-animation: moveFromTop 500ms ease-in-out;
    -ms-animation: moveFromTop 500ms ease-in-out;
}
.top-features-area:hover .ca-sub{
    opacity: 1;
	 color:#dff1fa;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(20%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(20%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-20%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-20%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

/*popup left area ends*/

/*popup left bottom box*/
.bottom-left-features-area h3{ font-size:9px}
.bottom-left-features-area{  width:175px; height:175px; float:left;
	background-color: #2d5f7c; 
	background: -webkit-gradient(linear, left top, right top, from(#2d5f7c), to(#25546e)); /* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(left, #2d5f7c, #25546e); /* Firefox 3.6+ */ 
	background: -moz-linear-gradient(left, #2d5f7c, #25546e); /* IE 10 */ 
	background: -ms-linear-gradient(left, #2d5f7c, #25546e); /* Opera 11.10+ */ 
	background: -o-linear-gradient(left, #2d5f7c, #25546e);
	}
.bottom-left-features-area .ca-content{ padding-left:10px; padding-top:8px}

.bottom-left-features-area:hover .ca-icon{
	margin-left:10px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.bottom-left-features-area:hover .ca-main{
    opacity: 1;
    color:#72c8f4;
    -webkit-animation: moveFromTop 500ms ease-in-out;
    -moz-animation: moveFromTop 500ms ease-in-out;
    -ms-animation: moveFromTop 500ms ease-in-out;
}
.bottom-left-features-area:hover .ca-sub{
    opacity: 1;
	 color:#dff1fa;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
/*popup left bottom box ends*/


/*popup right bottom box*/

.bottom-right-features-area{  width:175px; height:175px; float:left;
	background-color: #2e617d; 
	background: -webkit-gradient(linear, left top, right top, from(#2e617d), to(#25546e)); /* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(left, #2e617d, #25546e); /* Firefox 3.6+ */ 
	background: -moz-linear-gradient(left, #2e617d, #25546e); /* IE 10 */ 
	background: -ms-linear-gradient(left, #2e617d, #25546e); /* Opera 11.10+ */ 
	background: -o-linear-gradient(left, #2e617d, #25546e);
	}
.bottom-right-features-area .ca-content{ padding-left:10px; padding-top:8px}

.bottom-right-features-area:hover .ca-icon{
	margin-left:10px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.bottom-right-features-area:hover .ca-main{
    opacity: 1;
    color:#72c8f4;
    -webkit-animation: moveFromTop 500ms ease-in-out;
    -moz-animation: moveFromTop 500ms ease-in-out;
    -ms-animation: moveFromTop 500ms ease-in-out;
}
.bottom-right-features-area:hover .ca-sub{
    opacity: 1;
	 color:#dff1fa;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
/*popup right bottom box ends*/


/*popup middle area*/
#middlepanel{ bottom:0; position:absolute; left:350px;
    width:205px;
    z-index: 999;}


#m-panel { padding:15px;
	height: 395px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	background-color: #204a61;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#204a61), to(#2a5871)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #204a61, #2a5871); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #204a61, #2a5871); /* IE 10 */ 
				background: -ms-linear-gradient(top, #204a61, #2a5871); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #204a61, #2a5871);
}

#m-panel h3{ font-size:12px; color:#e4ecf0; text-transform:uppercase; font-family: 'Michroma', sans-serif; margin-bottom:5px}

#brands-slider { float:left; overflow:hidden; padding-top:11px  }
#brands-slider .viewport { float: left; width: 175px; height: 320px; overflow: hidden; position: relative; }
#brands-slider .buttons {  display: block; margin: 10px 10px 0 0;   width: 38px; height: 20px; overflow: hidden; float:right;  font-family: 'WebSymbolsRegular', cursive; color:#345160; text-align:center; font-size:27px; line-height:16px;
background-color: #356a87;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e5f7a), to(#356a87)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #2e5f7a, #356a87); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #2e5f7a, #356a87); /* IE 10 */ 
				background: -ms-linear-gradient(top, #2e5f7a, #356a87); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #2e5f7a, #356a87);

 }
 
#brands-slider:hover .ca-icon{
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}

#brands-slider .next {  margin: 10px 0 0 0;  }
#brands-slider .disable { visibility: hidden; }
#brands-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:175px; left: 0 top: 0; }
#brands-slider .overview li{ float: left; margin: 0; padding: 0; height: 160px; width: 175px;}

#brands-slider .ca-content{ padding-left:5px; padding-top:10px}
#brands-slider .ca-content h3{ font-size:9px !important}
#brands-slider li:hover .ca-sub{ opacity: 1;
	 color:#dff1fa;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
#brands-slider li:hover .ca-icon{ margin-left:10px}
#brands-slider li:hover .ca-main{
    opacity: 1;
    color:#72c8f4;
    -webkit-animation: moveFromTop 500ms ease-in-out;
    -moz-animation: moveFromTop 500ms ease-in-out;
    -ms-animation: moveFromTop 500ms ease-in-out;
}



/*second popup middle area */
		#brands-slider2 { float:left; overflow:hidden; padding-top:11px  }
		#brands-slider2 .viewport { float: left; width: 175px; height: 320px; overflow: hidden; position: relative; }
		#brands-slider2 .buttons {  display: block; margin: 10px 10px 0 0;   width: 38px; height: 20px; overflow: hidden; float:right;  font-family: 'WebSymbolsRegular', cursive; color:#345160; text-align:center; font-size:27px; line-height:16px;
		background-color: #356a87;
						background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e5f7a), to(#356a87)); /* Safari 5.1, Chrome 10+ */ 
						background: -webkit-linear-gradient(top, #2e5f7a, #356a87); /* Firefox 3.6+ */ 
						background: -moz-linear-gradient(top, #2e5f7a, #356a87); /* IE 10 */ 
						background: -ms-linear-gradient(top, #2e5f7a, #356a87); /* Opera 11.10+ */ 
						background: -o-linear-gradient(top, #2e5f7a, #356a87);
		
		 }
		 
		#brands-slider2:hover .ca-icon{
			color: #259add;
			opacity: 0.8;
			text-shadow: 0px 0px 13px #fff;
		}
		
		#brands-slider2 .next {  margin: 10px 0 0 0;  }
		#brands-slider2 .disable { visibility: hidden; }
		#brands-slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:175px; left: 0 top: 0; }
		#brands-slider2 .overview li{ float: left; margin: 0; padding: 0; height: 160px; width: 175px;}
		
		#brands-slider2 .ca-content{ padding-left:5px; padding-top:10px}
		#brands-slider2 li:hover .ca-sub{ opacity: 1;
			 color:#dff1fa;
			-webkit-animation: moveFromBottom 300ms ease-in-out;
			-moz-animation: moveFromBottom 300ms ease-in-out;
			-ms-animation: moveFromBottom 300ms ease-in-out;
		}
		#brands-slider2 li:hover .ca-icon{ margin-left:10px}
		#brands-slider2 li:hover .ca-main{
			opacity: 1;
			color:#72c8f4;
			-webkit-animation: moveFromTop 500ms ease-in-out;
			-moz-animation: moveFromTop 500ms ease-in-out;
			-ms-animation: moveFromTop 500ms ease-in-out;
		}
	/*second popup middle area */


/*popup middle area ends*/


/*popup right area */
#rightpanel { float:right;
    top: 35px;
    width:165px;
    z-index: 999;
}
#r-panel {padding:20px 3px 5px 13px;
	height: 400px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	background-color: #24556f;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24556f), to(#215169)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #24556f, #215169); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #24556f, #215169); /* IE 10 */ 
				background: -ms-linear-gradient(top, #24556f, #215169); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #24556f, #215169);
				}

#r-panel h3{ font-size:12px; color:#fcfeff}
#r-panel ul{ float:left; padding:25px 0 0 0}
#r-panel ul li{ float:left; color:#d7e8f0; font-size:12px; margin-bottom:10px; clear:left; width:150px}
#r-panel ul li a{color:#d7e8f0; }

#r-panel li:hover .ca-sub{
    color: #99d3ef; 
    opacity: 0.8;
    text-shadow: 0px 0px 12px #fff;
}


/*popup right area ends*/



/*inner pages */
.inner-page{ background:#fff}
.inner-page header{  background:url(../images/inner-nav-bg.png) repeat-x 0 75px; }
.breadcrum{ float:left; min-width:650px; margin:0 0 0 30px; height:42px }
.breadcrum span{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#494d4f; font-size:12px; float:left; line-height:45px}
.breadcrum a{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#494d4f; font-size:12px; float:left; margin:0 5px; line-height:45px}
.breadcrum a:hover{ color:#64879b}
.character{font-family: 'WebSymbolsRegular', cursive !important; color:#e0dfde !important; float:left; margin:0 2px}
.breadcrum h1{ font-size:20px; color:#15303f;  float:left; margin-left:10px; line-height:40px}

.inner-sec-level-nav{ float:left; min-width:700px; left:230px; height:52px; position:absolute; z-index:6}
.inner-sec-level-nav li{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; font-size:13px; text-transform:uppercase; color:#474b4e; margin-right:3%; }
.inner-sec-level-nav .select a{ background:url(../images/inner-nav-select.png) no-repeat 50% 38px; color:#b88431; }
.inner-sec-level-nav li a{ color:#474b4e; text-decoration:none; display:block; line-height:42px;  height:52px; float:left; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
.inner-sec-level-nav li a:hover{ color:#b88431; }

.inner-third-level-nav{ float:left; width:202px; margin-left:30px; height:28px; position:absolute; z-index:6; margin-top:58px; 
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
	
	background-color: #fafafa;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#ebebec)); 
				background: -webkit-linear-gradient(top, #fafafa, #ebebec); 
				background: -moz-linear-gradient(top, #fafafa, #ebebec); 
				background: -ms-linear-gradient(top, #fafafa, #ebebec); 
				background: -o-linear-gradient(top, #fafafa, #ebebec);
				
	-moz-box-shadow:    1px 2px 2px 0px #d5d5d5;
    -webkit-box-shadow: 1px 2px 2px 0px #d5d5d5;
    box-shadow:  1px 2px 2px 0px #d5d5d5;

	}
.inner-third-level-nav li{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; font-size:11px; text-transform:uppercase; color:#545d66;  }
.inner-third-level-nav .select a{  color:#567da4; background-color: #e1e3e4;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfc), to(#e1e3e4)); 
				background: -webkit-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -moz-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -ms-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -o-linear-gradient(top, #fbfbfc, #e1e3e4); }
				
.inner-third-level-nav li a{ color:#545d66; text-decoration:none; display:block; float:left; border-right:1px solid #e5e5e7; padding:0 15px; height:28px; line-height:28px}
.inner-third-level-nav li:last-child a{ border:none}
.inner-third-level-nav li a:hover{ color:#567da4; background-color: #e1e3e4;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfc), to(#e1e3e4)); 
				background: -webkit-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -moz-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -ms-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -o-linear-gradient(top, #fbfbfc, #e1e3e4); }


#inner-wrapper{ margin:0 auto; width:960px}
.inner-if-full-banner{ background:#f3f4f4 url(../images/inner-bg-for-full-banner.png) repeat-x top}
.inner-if-full-banner-half{background:#f3f4f4 url(../images/inner-bg-for-full-banner-half.png) repeat-x top}
.wrape-up{ float:left ; padding-top:39px;}
.banner-area{ float:left}
.banner-area img{ float:left}
.banner-area h2{ color:#fff; font-size:20px; position:absolute; margin:35px 0 0 700px; width:255px}
.banner-area p{ font-size:15px; color:#c8d1d5; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; position:absolute; margin:100px 0 0 700px; width:225px; line-height:20px}

.linkup-items{ float:left; padding:10px ; width:940px}

.linkup-items span{ font-weight:bold; color:#262829; font-size:14px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; line-height:35px}
.linkup-items span a{ color:#b88431; text-decoration:none}
.linkup-items span a:hover{ color:#a4762c}
.downloads{ color:#cdd7de; font-size:11px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; background:#236d99; margin:6px 25px 0; float:left; padding: 5px 10px;
	 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}

.downloads:hover{ color:#fff; background-color: #11608f;}

.preownd-price{ width:150px !important}
.pricing{ float:right; width:285px; height:70px; margin:-45px 20px 0 0; background:#fff;  -moz-box-shadow:    1px 2px 2px 0px #d5d5d5;
  -webkit-box-shadow: 1px 2px 2px 0px #d5d5d5;
  box-shadow:  1px 2px 2px 0px #d5d5d5;}

.pricing h3{ color:#1a76ac; font-size:30px; margin-left:15px}
.pricing small{ font-size:10px; color:#717578; float:right; margin-right:25px}
.pricing span{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#464c4f; font-size:11px; font-weight:bold; margin-left:15px; line-height:20px}

.detail-area{ float:left; min-height:400px; padding:30px 0 0 0}
.offers{ width:205px; background:#fff; min-height:250px; float:left; padding:5px 10px;
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px; 
		
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
	
.offers:hover{-moz-box-shadow:   0px 2px 3px 3px  #e5e4e4;
  		-webkit-box-shadow: 0px 2px 3px 3px  #e5e4e4;
  		 box-shadow:  0px 2px 3px 3px  #e5e4e4;
    z-index:999;
     
}	
.offers h3{ font-size:13px; color:#236d99; margin:10px 0}	
.offers p{ color:#6c7377; font-size:14px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; line-height:20px } 
.offers img{-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;}
		
/*explore landing page */
.explore-landing{ float:left; width:720px; padding-bottom:25px;  -webkit-box-shadow: 8px 0  6px -6px #ccc;
	   		-moz-box-shadow: 8px 0  6px -6px #ccc;
	        box-shadow: 8px 0  6px -6px #ccc;}

.explore-landing h3{ color:#236d99; font-size:24px; float:left; margin:10px 0}
.explore-landing p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#285d7b; line-height:20px; float:left; clear:left}


.ranges{ float:left; padding:20px 0 0 0}

.ranges ul{ float:left}
.ranges ul li{ float:left; width:300px; margin:0 25px 50px }
.ranges ul li h4 a{ background:#5b616a; color:#fff; float:left; width:207px; height:100px; padding:5px 5px 5px 8px; font-family: 'Michroma', sans-serif; font-size:12px; text-transform:uppercase;
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		 -webkit-transition: all 300ms linear;
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}


.ranges ul li h4 a:hover .ca-icon{ margin-left:5px}
.ranges ul li h4 a:hover{ background:#226992}

.ranges ul li span{ color:#fff; float:none}
.detail-box{ float:left; width:285px; background:#fff; margin:-80px 0 0 8px; height:130px;
		-moz-border-radius:5px;
		 -webkit-border-radius: 5px;
		 border-radius:3px; 	
		-khtml-border-radius: 5px;
		
		-moz-box-shadow:   1px 3px 3px 0px #d5d5d5;
  		-webkit-box-shadow: 1px 3px 3px 0px #d5d5d5;
 		 box-shadow:  1px 3px 3px 0px #d5d5d5;
		 
		 }
		
.detail-box .logo{ width:126px; float:left; height:59px; margin:5px 0}
.detail-box .linkup{ float:left; clear:left; font-size:13px; color:#226992;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin-left:15px; margin-bottom:3px  }
.detail-box .ca-icon{color:#226992;  -webkit-transition: all 300ms linear; text-shadow:none;
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}
									
.detail-box .linkup:hover .ca-icon{ margin-left:5px;    color: #259add;    opacity: 0.8;    text-shadow: 0px 0px 13px #fff;	}
.detail-box .linkup:hover{ color: #259add;  }

.detail-box .brand-vehicle{ float:right; width:159; height:108px; 
		-moz-border-radius:0 3px 0 0;
		 -webkit-border-radius: 0 3px 0 0;
		 border-radius:0 3px 0 0;	
		-khtml-border-radius: 0 3px 0 0;}
.detail-box .c-range{ color:#226992; font-size:12px;font-family: 'Michroma', sans-serif; width:270px; float:left; background:#eaeff1; text-align:right; height:22px; padding-right:15px; line-height:19px;
			-moz-border-radius:0 0 3px 3px;
		 	-webkit-border-radius:0 0 3px 3px;
		 	border-radius:0 0 3px 3px;
			-khtml-border-radius: 0 0 3px 3px;
			
			-webkit-transition: all 300ms linear;
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}
									
.detail-box .c-range .ca-icon{color:#226992; opacity: 0;}
.detail-box .c-range:hover .ca-icon{ color:#fff; opacity: 1; margin-left:5px}
			
.detail-box .c-range:hover{ color:#fff; background:#5b616a}
/* sliding with thumb effects */

#banner-slider { width:720px; height:372px; float:left;	z-index:100; margin-top:-3px}
.slides_container {
	width:720px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width:720px;
	height:372px;
	display:block;
}

.slides_container a img {
	display:block;
}


.tt-wrapper{ z-index:9999; position:absolute;
	padding: 0;
	width: 135px;
	height: 25px;
	margin: -30px 0 0 560px;
}
.tt-wrapper li{ 
	float: left;
}
.tt-wrapper li a{
    display: block;
    width:20px;
    height: 13px;
    outline: none;
	position: relative;
	z-index: 2;
    background: transparent url(../images/pagination.png) no-repeat top left;
    text-indent: -9000px;
}
.tt-wrapper .current a{background-position:0 -12px}
.tt-wrapper li a:hover{ background-position:0 -12px}
.tt-wrapper li a span img{border-radius: 50%;}
.tt-wrapper li a span{
	width: 80px;
	height: 80px;
	line-height: 80px;
	left: 50%;
	margin-left: -55px;
	
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 5px solid #fff;
	background: rgba(255,255,255,0.5);
	text-indent: 0px;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	bottom: -40px;
	opacity: 0;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-o-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 23px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.explore-side{ float:right; width:240px; padding:30px 0 0 0}
/*accordian panel*/
.accordian {width: 240px;}
.accordian li p{ float:left; width:200px}

.accordian li label{ color:#6f7274; font-size:13px; font-weight:bold; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; margin:0 0 10px 5px}
.accordian li select{ line-height:18px; height:30px; margin-bottom:10px; width:220px; border:1px solid #d3d3d3; padding:5px; color:#3c3939; font-style:italic; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px;
 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;}

.search-button{ cursor:pointer; background:#d7dcdf; color:#206087; font-size:11px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; border:none; margin-left:140px; padding:5px 20px;
-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
	-webkit-transition: all 300ms linear; 
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}
	
.search-button:hover{ background:#226993; color: #99d3ef;   text-shadow: 0px 0px 12px #fff;}
.accordian li option{ padding:5px}
	
.dimension { padding:15px 10px}
.even, .odd { margin-top:5px; padding:0 0 0 20px; line-height:36px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px;height: 40px; color:#bfc5ce;
 background-color: #63748e;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63748e), to(#40556e)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #63748e, #40556e); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #63748e, #40556e); /* IE 10 */ 
				background: -ms-linear-gradient(top, #63748e, #40556e); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #63748e, #40556e);
				
				-moz-border-radius:0 3px 3px 0;
		 	    -webkit-border-radius:0 3px 3px 0;
		 		border-radius:0 3px 3px 0;
				-khtml-border-radius: 0 3px 3px 0;
				
				}

.even .ca-icon{ font-size:18px; float:none;  color:#bfc5ce}
.odd .ca-icon{ font-size:18px; float:none;  color:#bfc5ce}
.cuurent .ca-icon{ color:#fff; font-size:18px; float:none; }
.cuurent{ color:#fff;background-color: #226a94;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#226a94), to(#1f5e83)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #226a94, #1f5e83); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #226a94, #1f5e83); /* IE 10 */ 
				background: -ms-linear-gradient(top, #226a94, #1f5e83); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #226a94, #1f5e83);
}

.cuurent:hover{ background-color: #226a94 !important; 
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#226a94), to(#1f5e83))!important; /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #226a94, #1f5e83)!important; /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #226a94, #1f5e83)!important; /* IE 10 */ 
				background: -ms-linear-gradient(top, #226a94, #1f5e83)!important; /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #226a94, #1f5e83)!important;}

.cuurent:hover p{ padding-left:0; width:200px}
				
.even  p{-webkit-transition: all 300ms linear; 
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}
.even:hover p{ padding-left:10px; width:190px}
.even:hover {background-color: #e2e2e2;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d4), to(#e2e2e2)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #d1d3d4, #e2e2e2); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #d1d3d4, #e2e2e2); /* IE 10 */ 
				background: -ms-linear-gradient(top, #d1d3d4, #e2e2e2); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #d1d3d4, #e2e2e2);}
				
.odd p{-webkit-transition: all 300ms linear; 
									-moz-transition: all 300ms linear;
									-o-transition: all 300ms linear;
									-ms-transition: all 300ms linear;
									transition: all 300ms linear;}
.odd:hover p{ padding-left:10px; width:190px}
.odd:hover {background-color: #40556e;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40556e), to(#63748e)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #40556e, #63748e); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #40556e, #63748e); /* IE 10 */ 
				background: -ms-linear-gradient(top, #40556e, #63748e); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #40556e, #63748e);}
				
				

.news{ width:220px; background:#fff; min-height:200px; float:left; margin: 85px 10px 10px 10px; padding-bottom:15px;
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px; 
		
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
	
.news h4{ font-size:14px; color:#236d99; height:25px; width:200px; background:#5c636b; float:left; color:#fff; font-family: 'Michroma', sans-serif; padding:0 10px; 
		 -moz-border-radius:3px 3px 0 0;
		 -webkit-border-radius: 3px 3px 0 0;
		 border-radius:3px 3px 0 0;
		-khtml-border-radius: 3px 3px 0 0;}
			
.news p{ color:#6c7377; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:18px; float:left; width:200px; padding:0 10px; margin:20px 0 5px 0} 
.news small{ color:#135a85; font-size:11px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; border-bottom:1px solid #135a85; margin:5px 0 0 10px; float:left; padding-bottom:2px;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.news:hover{-moz-box-shadow:   0px 2px 3px 3px  #e5e4e4;
  		-webkit-box-shadow: 0px 2px 3px 3px  #e5e4e4;
  		 box-shadow:  0px 2px 3px 3px  #e5e4e4;
    z-index:999;
     
}	
.news a:hover p{ color:#2472a0}
.news a:hover small{ padding-right:15px; color:#2472a0}

.features-area{ float:left; width:475px; padding-left:15px}
.features{ float:left; margin:15px 20px}
.features a{ float:left; width:170px; height:90px; padding:8px; 
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
		-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
		
		background-color: #1f73a5;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f73a5), to(#10527b)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #1f73a5, #10527b); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #1f73a5, #10527b); /* IE 10 */ 
				background: -ms-linear-gradient(top, #1f73a5, #10527b); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #1f73a5, #10527b);}
				
.features h4{ font-size:10px; color:#fff; font-family: 'Michroma', sans-serif;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.features .ca-icon{font-family: 'WebSymbolsRegular', cursive; float:none; color:#fff; font-size:10px; margin-left:2px}
.features p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d2e1ea; float:left;  margin:-70px 0 0 0; padding-right:92px;
				-webkit-transition: all 300ms linear;
 				-moz-transition: all 300ms linear;
   				 -o-transition: all 300ms linear;
    			-ms-transition: all 300ms linear;
    			transition: all 300ms linear;
	}
.features img{ float:right; width:106px; height:82px; margin:5px -15px 0 0;
	-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
		-moz-box-shadow:   1px 1px 2px 0px #ccc;
  		-webkit-box-shadow: 1px 1px 2px 0px #ccc;
  		 box-shadow:  1px 1px 2px 0px #ccc;
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
		 }
		 
.features a:hover img{ padding-left:70px; background:#fff}
.features a:hover p{ margin-left:15px; padding-right:77px; color:#1c6e9e}
.features a:hover h4{color:#bce5fd}
.features a:hover .ca-icon{ margin-left:10px}

.features a:hover{
		-moz-box-shadow:   1px 1px 2px 0px #000;
  		-webkit-box-shadow: 1px 1px 2px 0px #000;
  		 box-shadow:  1px 1px 2px 0px #000;
		 
		background-color: #1f73a5;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#10527b), to(#1f73a5)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #10527b, #1f73a5); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #10527b, #1f73a5); /* IE 10 */ 
				background: -ms-linear-gradient(top, #10527b, #1f73a5); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #10527b, #1f73a5);}
				
.brand-events{ float:right; width:200px; padding-left:20px; margin:38px 0}
.brand-events img{ float:left; width:178px; height:171px; -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		-moz-box-shadow:0px 2px 3px 1px #CCC;
  		-webkit-box-shadow:0px 2px 3px 1px #CCC;
  		 box-shadow: 0px 2px 3px 1px #CCC;
		 }
		 

.road-side-assist{ float:right; width:400px; margin-right:65px}
.road-side-assist img{ float:left; border-right:1px solid #e78f11; padding-right:5px; margin-right:5px}
.road-side-assist span{font-family: 'Michroma', sans-serif; float:left; font-size:11px; color:#e78f11; line-height:20px}
.road-side-assist small{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#2b2a29; float:left; clear:left;
 margin:-14px 0 0 86px }
.road-side-assist .number{ color:#2b2a29; font-size:18px; font-family: 'Michroma', sans-serif; float:right; margin-top:11px }


.vehicle-categorations{ float:left; width:700px; padding-right:10px; padding-bottom:25px; padding-top:30px; -moz-box-shadow:   -webkit-box-shadow: 8px 0  6px -6px #ccc;
	   		-moz-box-shadow: 8px 0  6px -6px #ccc;
	        box-shadow: 8px 0  6px -6px #ccc;}

ul.vehicle-category{ float:left; width:700px}
ul.vehicle-category li{ margin-right:10px; float:left; height:32px}
ul.vehicle-category li:first-child{ font-style:normal}
ul.vehicle-category li:first-child:hover{ }
ul.vehicle-category li a {font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left;
	text-decoration: none; background:#065d90; padding:5px 10px;
	color: #fff;
	font-size: 14px;
	text-transform:capitalize
}
ul.vehicle-category li:hover{ background:none}
ul.vehicle-category li a:hover {
	color: #9edbff !important;
}	
html ul.vehicle-category li.active  { background:url(../images/tab-select.png) no-repeat center bottom}
html ul.vehicle-category li.active a{ color:#fff;}
.vehicle-category_container { 
	clear: both;
	float: left; 
	width:700px; min-height:300px;
	
}
.vehicle-category_content { padding:20px 0 10px 0}
.vehicle-category_content h2{ font-size:18px; color:#065d90; float:left; clear:left; width:100%}

.category-box{ width:155px; background:#fff; padding:10px 5px; float:left; margin:15px 5px;
				-moz-border-radius:3px;
			 -webkit-border-radius: 3px;
			 border-radius:3px; 	
			-khtml-border-radius: 3px;
			 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
	
.category-box img{ float:left; margin-bottom:5px}
.category-box h3{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#474b4e;  text-transform:uppercase;  float:left; margin-bottom:5px; width:100%;
-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.category-box span{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#2473A1; line-height:20px }

.category-box p{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#2473A1;}

.category-box a:hover h3{  color:#5995b5; opacity: 1;	 
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;}



.category-box:hover{-moz-box-shadow:   0px 2px 3px 3px  #e5e4e4;
  		-webkit-box-shadow: 0px 2px 3px 3px  #e5e4e4;
  		 box-shadow:  0px 2px 3px 3px  #e5e4e4;}
			

.category-right{ float:right; width:250px}
.category-promo{ float:left; width:220px; margin:35px 10px 0 }
.related-links{ width:220px; background:#fff; min-height:200px; float:left; margin: 45px 10px 10px 10px; padding-bottom:15px;
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px; 
		
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
	
.related-links h4{ font-size:14px; color:#236d99; height:25px; width:200px; background:#5c636b; float:left; color:#fff; font-family: 'Michroma', sans-serif; padding:0 10px; 
		 -moz-border-radius:3px 3px 0 0;
		 -webkit-border-radius: 3px 3px 0 0;
		 border-radius:3px 3px 0 0;
		-khtml-border-radius: 3px 3px 0 0;}
			
.related-links p{ color:#6c7377; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:18px; float:left; width:200px; padding:0 10px; margin:20px 0 5px 0} 
.related-links small{ color:#135a85; font-size:11px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; border-bottom:1px solid #135a85; margin:5px 0 0 10px; float:left; padding-bottom:2px;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.related-links:hover{-moz-box-shadow:   0px 2px 3px 3px  #e5e4e4;
  		-webkit-box-shadow: 0px 2px 3px 3px  #e5e4e4;
  		 box-shadow:  0px 2px 3px 3px  #e5e4e4;
    z-index:999;
     
}	
.related-links a:hover p{ color:#2472a0}
.related-links a:hover small{ padding-right:15px; color:#2472a0}


.slidingDiv { float:left; margin-bottom:10px;
	background-color: #fff;
	
	-moz-box-shadow:0 11px 10px -10px #ccc;
  		-webkit-box-shadow:0 11px 10px -10px #ccc;
  		 box-shadow: 0 11px 10px -10px #ccc;
}

.more-vehicles { margin:-28px 10px 0 0;	display:none;float:right; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#5c6062; font-size:11px; text-transform:uppercase}
.more-vehicles:hover{ color:#5995b5}
.more-vehicles span{ float:none; color:#dedddc; margin-left:3px}

.slidingDiv ul{ float:left; padding:20px;}
.slidingDiv ul li{ float:left; width:161px; height:180px; padding:5px; margin:6px;
	 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px; 
 	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.slidingDiv ul li img{ width:161px; height:112px; float:left; margin-bottom:10px}
.slidingDiv ul li h3{ float:left; width:161px; font-size:14px; font-weight:bold; color:#474b4e; text-transform:uppercase; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}

.slidingDiv ul li span{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#2473A1; line-height:20px}
.slidingDiv ul li a{ display:block}
.slidingDiv ul li p{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#2473A1;}

.slidingDiv ul li a:hover h3{ color:#5995b5; opacity: 1;	 
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
	}
.slidingDiv ul li:hover{-moz-box-shadow:   0px 2px 3px 3px  #e5e4e4;
  		-webkit-box-shadow: 0px 2px 3px 3px  #e5e4e4;
  		 box-shadow:  0px 2px 3px 3px  #e5e4e4;}
		 
.slidingDiv ul li:hover p{color:#474b4e;}
.slidingDiv ul li:hover span{color:#474b4e;}
		 
.more-about-vehicle{ font-size:12px; color:#474b4e; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; background:url(../images/drop-bottom-bg.png) repeat-x; float:left; width:930px; height:59px; text-align:right; line-height:60px; padding:0 15px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.more-about-vehicle .character{ float:none;color:#474b4e;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.more-about-vehicle:hover{ color:#5995b5;}
.more-about-vehicle:hover .character{ margin-right:5px; color:#5995b5}


.equipments-area{ float:left; width:630px; height:230px; margin:15px 0 0 40px;
		-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
		background-color: #5c6168;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6168), to(#3e3f41)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #5c6168, #3e3f41); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #5c6168, #3e3f41); /* IE 10 */ 
				background: -ms-linear-gradient(top, #5c6168, #3e3f41); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #5c6168, #3e3f41);}

.equipment-wrap{ float:left; width:660px}
.equipments-area a{ background:#fff; float:left; width:185px; height:225px; margin:25px 0 0 35px;
	     -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
			-webkit-box-shadow:1px 1px 2px 0px #5b5b5b;
	   		-moz-box-shadow: 1px 1px 2px 0px #5b5b5b;
	        box-shadow:1px 1px 2px 0px #5b5b5b;
		}
.equipments-area a h4{ font-size:10px; color:#186795; font-family: 'Michroma', sans-serif; padding:5px 0 5px 8px; font-weight:bold}
.equipments-area a .character{ color:#186795 !important; float:none;
-webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.equipment-wrap a img{float:left; width:150px; height:130px; margin:3px 0 0 -5px;
	-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
		-moz-box-shadow:   1px 1px 2px 0 #4e4e4e;
  		-webkit-box-shadow: 1px 1px 2px 0 #4e4e4e;
  		 box-shadow:  1px 1px 2px 0 #4e4e4e;
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	
}

.equipments-area a p{ color:#424246; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; padding:10px 5px 0 10px}

.equipments-area a:hover p{ color:#1271aa}
.equipment-wrap a:hover img{ margin-left:10px; -moz-box-shadow:   1px 1px 1px 0 #ccc;
  		-webkit-box-shadow: 1px 1px 1px 0 #ccc;
  		 box-shadow:  1px 1px 1px 0 #ccc;
		 -webkit-transition: all 300ms linear;}
		 
.equipments-area a:hover .character{ margin-left:5px}
.wiswg-area{ float:left; width:98%; padding:20px}
.wiswg-area h2{ font-family: 'Michroma', sans-serif; color:#1e4458; font-size:24px; text-transform:uppercase; margin-bottom:15px; float:left; clear:left}
.wiswg-area h3{ font-family: 'Michroma', sans-serif; color:#2a6e92; font-size:20px; text-transform:uppercase; margin-bottom:10px; float:left; clear:left}
.wiswg-area h4{ font-family: 'Michroma', sans-serif; color:#1c1d1d; font-size:16px; text-transform:uppercase; margin-bottom:10px; float:left; clear:left}
.wiswg-area h5{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#075a85; text-transform:uppercase; margin-bottom:5px; float:left; clear:left}
.wiswg-area h6{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#222222; font-size:14px; text-transform:uppercase; font-weight:bold;  margin-bottom:5px; float:left; clear:left}
.wiswg-area p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#70787c; font-size:14px; line-height:20px; float:left; clear:left; margin-bottom:10px}
.wiswg-area span{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#70787c;}
.wiswg-area ul{ float:left; font-size:14px; color:#196186; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin:15px  }
.wiswg-area ul li{ float:left; width:100%;list-style:disc; margin:0 0 5px 25px  }
.wiswg-area i{ font-style:italic}
.wiswg-area em{font-style:italic}
.wiswg-area strong{ font-weight:bold}
.wiswg-area a{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; clear:left; color:#014e77; margin-bottom:10px; font-size:11px; border-bottom:1px solid #014e77; padding-bottom:2px;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.wiswg-area a:hover{padding-right:15px; color:#014e77}
.wiswg-area strong{ font-weight:bold}
.afterdale-right{ float:left; width:362px; padding:15px 0 }
.afterdale-right .road-side-assist{ margin-right:0; margin-bottom:10px }
.after-sales-left{ float:left; width:535px; margin-right:20px}
.wiswg-area img{ float:left; margin:0 10px 10px 0 }
.wiswg-area table{ float:left; clear:left; margin-bottom:20px}
.wiswg-area table tr td{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#70787C; padding:5px}
.wiswg-area table .tr-headings td{font-family: 'Michroma', sans-serif; text-transform:uppercase; color:#1E4458; padding:3px; background:#b1b7be}
.after-sales-promo{ float:left; margin:25px 0 25px 5px}
.testimonial{ float:left; width:340px; height:100px; background:#fff; padding:10px; margin-bottom:15px;font-style:italic;
		-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 }
		
.testimonial span{ font-size:24px;color:#70787c;}
.people-word{ float:left}
.people-word p{ float: right; clear:right; margin-bottom:5px}
.people-word h5{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#075a85; text-transform:uppercase; margin-bottom:5px; float:left; clear:left}

.product_sector .banner-area h2{ float:left; color:#2c77a4; position:relative; margin-left:20px; width:275px; margin-top:15px}
.product_sector .banner-area p{ color:#6e6f76; float:left; position:relative; margin-left:20px; width:275px;margin-top:15px}

/* sector sliding with thumb effects */

#sector-banner-slider { width:665px; height:279px; float:left;	z-index:100; background:#f0f0f0 }
#sector-banner-slider  .slides_container {	width:665px;	overflow:hidden;	position:relative;	display:none;}
#sector-banner-slider  .slides_container a {	width:665px;	height:279px;	display:block;}

#sector-banner-slider  .slides_container a img {	display:block;}
#sector-banner-slider .tt-wrapper{ z-index:8888; position:absolute;	padding: 0;	width: 105px;	height: 25px;	margin: -30px 0 0 538px;}

.popup-eliment-area{ float:left; width:410px; height:205px; margin:15px 0 0 15px;
		-moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px;
		
		background-color: #5c6168;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6168), to(#3e3f41)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #5c6168, #3e3f41); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #5c6168, #3e3f41); /* IE 10 */ 
				background: -ms-linear-gradient(top, #5c6168, #3e3f41); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #5c6168, #3e3f41);}
				
.popup-eliment-area h3{ color:#fff; font-size:14px; padding:10px 0 10px 20px}

.popup-eliment-wrap{ float:left; width:425px}

#pop-eliment-slide {  overflow:hidden; float:left; margin:0 0 0 10px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-khtml-border-radius: 4px;  }
#pop-eliment-slide .viewport { float: left; width: 425px; height: 200px; overflow: hidden; position: relative; }
#pop-eliment-slide .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:75px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#pop-eliment-slide .next { background-position: -40px 0; margin: 75px 0 0 385px; }
#pop-eliment-slide .next:hover { background-position: 0 0 !important; margin: 75px 0 0 385px;  }
#pop-eliment-slide .prev{background-position: 0 -37px  ;z-index:9999}
#pop-eliment-slide .prev:hover{background-position: 0 -37px !important  ;}

#pop-eliment-slide .disable { visibility: hidden; }
#pop-eliment-slide .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0 top: 0; }
#pop-eliment-slide .overview li{ float: left;   width: 205px; height:190px; background:#fff; margin-right:10px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
	}
#pop-eliment-slide .overview li img{ -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;}

#pop-eliment-slide .overview li h4{ color:#525760; font-size:11px; font-family: 'Michroma', sans-serif; margin-left:10px; line-height:30px}
#pop-eliment-slide h4 .character{ color:#525760 !important;  font-size:14px	}

#pop-eliment-slide .character{float:none;
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
	
#pop-eliment-slide .overview li a{ display:block}
#pop-eliment-slide .overview li a:hover .character{ margin-left:5px}

#pop-eliment-slide .overview li p{ color:#2c77a4; font-size:14px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; clear:left; float:left; margin-left:10px; line-height:20px}
#pop-eliment-slide .overview li p .character{ color:#2c77a4 !important}

.product_sector .news{ margin:0 0 0 40px}
.product_sector .news h4{  color:#15303f; height:25px; width:200px; background:#fff; float:left; font-family: 'Michroma', sans-serif; padding:3px 10px; }

.after-sales{ padding-top:10px}
.archive{ color:#2c77a4; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; clear:left; font-weight:bold; font-size:11px; margin:25px 0 0 10px;	}
.archive .character{ float:none; color:#2c77a4 !important;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.archive:hover .character{  margin-left:5px }


.sector-logo-brands{ float:left; width:960px; padding:20px 0 0 0}
.sector-logo-brands img{ float:left; width:173px; margin:0 30px}

.optional-elements{ width:670px}
.optional-elements .popup-eliment-wrap{ float:left; width:674px; margin:0 0 0 25px !important}
.optional-elements #pop-eliment-slide .viewport { width:674px}
.optional-elements #pop-eliment-slide .overview li{ margin-right:25px}
.optional-elements #pop-eliment-slide .next { background-position: -40px 0; margin: 75px 0 0 625px; }

.solution-leftnav-panel{ float:left; width:215px; padding:0 5px 15px 10px; min-height:320px;
			-webkit-box-shadow: 8px 0  6px -6px #ccc;
	   		-moz-box-shadow: 8px 0  6px -6px #ccc;
	        box-shadow: 8px 0  6px -6px #ccc;}

.solution-leftnav-panel h4{font-family: 'Michroma', sans-serif; color:#1c1d1d; font-size:16px; text-transform:uppercase; margin-bottom:10px; float:left; clear:left}
.solution-leftnav-panel p{ float:left; clear:left;font-size:12px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#70787c; line-height:18px; margin-bottom:10px}

.solution{ float:left; width:215px; margin:10px 0}
.solution h5{ float:left; clear:left; color:#0d608d; font-weight:bold; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase}
.solution ul{ float:left; clear:left; padding:10px 0 0 10px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; }
.solution ul li{ float:left; clear:left; font-size:14px; margin-bottom:7px; width:158px !important; }
.solution ul li a{ color:#6d8495; }
.solution ul li .character{ margin:0 5px 10px 0; font-size:12px; line-height:11px}
.solution ul li a span{-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.solution ul li a:hover span{ margin-left:5px; color:#b88431}
.solution ul li a:hover small{ color:#b88431 !important}

.solution-details{ float:left; width:690px; padding:20px}




ul.application-type{ float:left; width:700px}
ul.application-type li{ margin-right:10px; float:left; height:32px}
ul.application-type li:first-child{ font-style:normal}
ul.application-type li:first-child:hover{ }
ul.application-type li a {font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left;
	text-decoration: none; background:#065d90; padding:5px 10px;
	color: #fff;
	font-size: 14px;
	text-transform:capitalize
}
ul.application-type li:hover{ background:none}
ul.application-type li a:hover {
	color: #9edbff !important;
}	
html ul.application-type li.active  { background:url(../images/tab-select.png) no-repeat center bottom}
html ul.application-type li.active a{ color:#fff;}
.application-type_container { 
	clear: both;
	float: left; 
	min-height:300px;
	
}
.application-type_content { padding:20px 0 10px 0}
.application-type_content h2{ font-size:18px; color:#065d90}


.solution-box{float: left;   width: 205px; height:180px; background:#fff; margin:12px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
}

.solution-box img{ -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;}
	
.solution-box h3{ color:#525760; font-size:13px; font-family: 'Michroma', sans-serif; margin-left:10px; line-height:23px}
.solution-box h3 .character{ color:#525760 !important;  font-size:14px	}
.solution-box .character{float:none;
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
	
.solution-box a:hover .character{ margin-left:5px}

.solution-pop{ background:#fff}
.solution-pop h2:hover{ background-color: #393e44;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#393e44), to(#3f4751)); 
				background: -webkit-linear-gradient(top, #393e44, #3f4751); 
				background: -moz-linear-gradient(top, #393e44, #3f4751); 
				background: -ms-linear-gradient(top, #393e44, #3f4751); 
				background: -o-linear-gradient(top, #393e44, #3f4751);
				}

.pop-detials{ float:left; padding:20px }
.pop-detials article{ border-right:1px solid #e6eff5; width:210px; padding-right:40px; height:365px; float:left}
.pop-detials article p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#70787c; line-height:20px; margin:30px 0 10px 0; float:left }
.pop-detials article .downloads{ margin:5px 0}

.popup-link-area { float:left; width:409px; padding:0 0 0 20px}
.popup-link-area h3{ font-size:16px; color:#236d99; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}

.popup-link-area .solution-box{float: left;   width: 180px; height:155px; background:#fff; margin:12px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  	-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  	 box-shadow:  1px 1px 6px -2px #b9baba;
	 
	 -webkit-transition: all 300ms linear;
	 -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.popup-link-area .solution-box img{ -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;}
	
.popup-link-area .solution-box h4{ color:#236d99; font-size:13px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin-left:10px; line-height:18px; }
.popup-link-area .solution-box h4 .character{ color:#236d99 !important;  font-size:14px	}
.popup-link-area .solution-box .character{float:none; font-size:11px;
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.popup-link-area .solution-box a{ display:block; float:left}	
.popup-link-area .solution-box a:hover .character{ margin-left:5px}
.popup-link-area .solution-box:hover{-moz-box-shadow:  2px 2px 6px 1px #b9baba;
  		-webkit-box-shadow:2px 2px 6px 1px #b9baba;
  		 box-shadow: 2px 2px 6px 1px #b9baba;
		 }

.sector-brands{ float:left; width:205px; background:#444546; margin:12px 12px 18px 12px;
	-moz-border-radius:3px ;
	-webkit-border-radius: 3px;
	border-radius:3px ;
	-khtml-border-radius:3px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
.sector-brands h3{ float:left; color:#fff; margin:5px 0 5px 10px}
.sector-brands .character{ color:#fff; float:none; 
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.sector-brands a{ background:#fff; width:185px; padding:10px; float:left; margin-left:10px;
	-moz-border-radius:3px ;
	-webkit-border-radius: 3px;
	border-radius:3px ;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
		 }
		 
.sector-brands:hover .character{ margin-left:10px}
.sector-brands:hover{ background:#1b4c67}
.sector-brands img{ margin-bottom:5px; -moz-border-radius:3px ;
	-webkit-border-radius: 3px;
	border-radius:3px ;
	-khtml-border-radius:3px;}
.sector-brands p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#68818e; line-height:20px; float:left; clear:left}

.sector-brands ul{ float:left; font-size:14px; color:#196186; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;  }
.sector-brands ul li{ float:left; list-style:disc; margin:0 0 5px 25px  }

.chairman{ background:#fff; width:219px; float:left; padding:0 0 5px 0; margin:10px ;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px;}
	
.chairman img{-moz-border-radius:3px 3px 0 0 ;
		-webkit-border-radius: 3px 3px 0 0 ;
		border-radius:3px 3px 0 0 ;
		-khtml-border-radius:3px 3px 0 0 ;}
		
.chairman span { font-size:14px; font-weight:bold ;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; clear:left; color:#4a4a4a; text-transform:uppercase; line-height:18px; margin-left:5px}
.chairman small{ font-size:11px; color:#b4b4b4; float:left; clear:left; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;margin-left:5px}

.sustainabilitty article{ float:left; width:390px; padding:10px 15px; background:#fff; margin:10px;
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		  }
		  

.sustainabilitty-right{ float:left; width:280px}
.sustainabilitty-right a{ background:#fff; float:left; width:280px; margin-bottom:10px; cursor:auto;
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 }

.sustainabilitty-right h3{ background:#4a4a4a;-moz-border-radius:3px 3px 0 0  ; color:#fff; font-size:12px; padding:5px;
		-webkit-border-radius: 3px 3px 0 0 ;
		border-radius:3px 3px 0 0  ;
		-khtml-border-radius:3px 3px 0 0 ; }

.sustainabilitty-right p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#738087; font-size:12px; padding:10px; line-height:16px}
.sustain-banner p{ color:#fff; margin:126px 0 0 705px}
.sustain-banner h2{ width:250px; margin:45px 0 0 705px}
.stake-holders{ background:#403f3f; float:left; width:900px; padding:0 10px 10px 10px; height:240px;
		-webkit-border-radius: 3px  ;
		border-radius:3px  ;
		-khtml-border-radius:3px  ;}

.stake-holders h2{ color:#f3f4f4; font-size:16px; margin:10px 0}
.stake-wrap{ float:left; width:950px;}
.stake{ float:left; width:170px; height:220px; background:#fff; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin:10px;
		-webkit-border-radius: 3px  ;
		border-radius:3px   ;
		-khtml-border-radius:3px  ; 
		-moz-box-shadow:    1px 1px 4px -2px #000;
  		-webkit-box-shadow: 1px 1px 4px -2px #000;
  		 box-shadow:  1px 1px 4px -2px #000;
}
.stake h3{ text-align:center; color:#287EAE; margin:6px 0}
.stake a{ display:block; float:left}
.stake img{ float:left; width:90px; height:70px; margin:0px 0 10px 40px}
.stake p{ float:left; font-size:12px; line-height:16px; clear:left; height:70px; margin-bottom:15px; padding:0 10px; text-align:center;
 -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; width:150px;
	}
	
.stake a:hover p{
    color: #437898;
    -webkit-animation: moveFromTop 500ms ease;
    -moz-animation: moveFromTop 500ms ease;
    -ms-animation: moveFromTop 500ms ease;
}

.stake .character{ float:none; color:#fff !important}
.stake a:hover .character{ margin-left:5px}
.ca-stake{ float:left; clear:left; height:26px;width:170px;
    text-align:center;
    font-size: 12px;
    color:#287eae;
    line-height: 26px;	
	-webkit-border-radius:0 0 3px 3px   ;
	border-radius:0 0 3px 3px   ;
	-khtml-border-radius:0 0 3px 3px  ;
		
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.sh-csr-project h2{ color:#065D90; font-size:18px}
.stake a:hover .ca-stake{
    color: #fff;
    background-color: #287eae;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}


.sh-csr-project{ float:left; padding-bottom:20px } 
.sh-csr{ float:left; width:270px; background:#444546; margin:20px 25px 60px ; height:200px;
	-moz-border-radius:3px ;
	-webkit-border-radius: 3px;
	border-radius:3px ;
	-khtml-border-radius:3px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
	
.sh-csr h3{ float:left; color:#fff; margin:5px 0 5px 10px}
.sh-csr .character{ color:#fff; float:none; 
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.sh-csr a{ background:#fff; width:270px; float:left; margin-left:15px;
	-moz-border-radius:3px ;
	-webkit-border-radius: 3px;
	border-radius:3px ;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
		 }
		 
.sh-csr:hover .character{ margin-left:10px}
.sh-csr:hover{ background:#1b4c67}
.sh-csr img{ margin-bottom:5px; width:270px;
-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;
	}
.sh-csr p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#68818e; line-height:18px; float:left; clear:left; margin:0 10px 10px 10px}

.sh-csr-project .features{ margin:20px 25px}
.sh-csr-project .features a{float:left; width:220px; height:205px; padding:8px;}
.sh-csr-project .features h4{ font-size:14px;}
.sh-csr-project .features .ca-icon{font-size:14px;}
.sh-csr-project .features img{ float:right; width:130px; height:160px; margin:10px -15px 0 0; -moz-box-shadow:   1px 1px 2px 0px #605d5d;
  		-webkit-box-shadow: 1px 1px 2px 0px #605d5d;
  		 box-shadow:  1px 1px 2px 0px #605d5d;}
.sh-csr-project .features p{ margin:-140px 0 0 0; padding-right:125px;}
.sh-csr-project .features a:hover img{ padding-left:100px; background:#fff}
.sh-csr-project .features a:hover p{padding-right:125px;}
 
		
.sustainabilitty .news{ margin-top:0}
.sustainabilitty .sector-brands{ margin:25px 16px}
		
.careers_main{ width:661px; height:355px; float:left; background:#1D4863 url(../images/Career_main_page_banner_18092013.jpg) no-repeat}	
.careers_main img{ float:left}
.careers_main p{ display:none; padding:20px 15px; background:#fff; width:300px; height:80px; color:#2f393f; font-size:14px; position:absolute; float:left; margin:90px 0 0 35px; font-weight:bold; background:url(../images/white-bg.png)}
.careers_main h3{ font-size:18px; color:#bad9fe; position:absolute; margin:240px 0 0 0; width:385px; text-align:right}
.careers_main h3 a{ color:#bad9fe}
.h-apply{ margin-top:275px !important}
.facebook{ margin-top:310px !important}
.careers_main a:hover{ color:#f2f8ff !important}
.careers_main a:hover .character{ margin-left:10px; color:#f2f8ff !important}
.careers_main .character{ float:none; color:#bad9fe !important; 

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
/*careers splash*/
.sp-container { float:left;	width: 661px;	height: 355px;	position: relative; }

.after-splash{ position:absolute; width:661px; 
	-webkit-animation: fadeIn 1s linear 13.5s backwards;
	-moz-animation: fadeIn 1s linear 13.5s backwards;
	-ms-animation: fadeIn 1s linear 13.5s backwards;
	animation: fadeIn 1s linear 13.5s backwards;
	}
	
.after-splash h3{-webkit-animation: fadeIn 1s linear 14.0s backwards;
	-moz-animation: fadeIn 1s linear 14.0s backwards;
	-ms-animation: fadeIn 1s linear 14.0s backwards;
	animation: fadeIn 1s linear 14.0s backwards;
}
.after-splash .h-apply	{-webkit-animation: fadeIn 1s linear 14.5s backwards;
	-moz-animation: fadeIn 1s linear 14.5s backwards;
	-ms-animation: fadeIn 1s linear 14.5s backwards;
	animation: fadeIn 1s linear 14.5s backwards}
	
.after-splash .facebook {-webkit-animation: fadeIn 1s linear 15s backwards;
	-moz-animation: fadeIn 1s linear 15s backwards;
	-ms-animation: fadeIn 1s linear 15s backwards;
	animation: fadeIn 1s linear 15s backwards}
		
/*.sp-content { float:left;	width: 100%;	height: 355px;	position: relative;
	-webkit-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	-moz-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	-ms-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
}
.sp-content:after {
	content: '';
	width: 4px;	background: #152F3F;	height: 100%;	position: absolute;	left: 50%;}
	*/
.sp-content{ float:left; width:661px 	}
.sp-container h2 {margin:0; position:relative;color:#4F81BC;
	 font-family: 'Michroma', sans-serif;
	text-transform: uppercase;
	font-size: 26px;
	-webkit-animation: blurFadeInOut 3s ease-in backwards;
	-moz-animation: blurFadeInOut 3s ease-in backwards;
	-ms-animation: blurFadeInOut 3s ease-in backwards;
	animation: blurFadeInOut 3s ease-in backwards;
	}
.sp-container h2.frame-1 {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}
.sp-container h2.frame-2 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}

.sp-container h2.frame-5 { width:641px; margin:25px 10px 0;
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	color: transparent;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span { margin:0px; background:#156a99; float:left; padding:10px;
	-webkit-animation: blurFadeIn 3s ease-in 2s backwards;
	-moz-animation: blurFadeIn 1s ease-in 2s backwards;
	-ms-animation: blurFadeIn 3s ease-in 2s backwards;
	animation: blurFadeIn 3s ease-in 2s backwards;
	color: transparent;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span:nth-child(2) { background:#2f91c7;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.sp-container h2.frame-5 span:nth-child(6) {background:#58b7cc;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

.sp-container h2.frame-5 span:nth-child(11) {background:#79b1f3;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}

.sp-container h2.frame-5 span:nth-child(9) {background:#26dbe6;
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-ms-animation-delay: 4.5s;
	animation-delay: 4.5s;
}

.sp-container h2.frame-5 span:nth-child(14) {background:#156a99;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	animation-delay: 5s;
}

.sp-container h2.frame-5 span:nth-child(7) {background:#abe9f7;
	-webkit-animation-delay: 5.5s;
	-moz-animation-delay:  5.5s;
	-ms-animation-delay:  5.5s;
	animation-delay:  5.5s;
}
.sp-container h2.frame-5 span:nth-child(3) {background:#26dbe6;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}

.sp-container h2.frame-5 span:nth-child(13) {background:#1490df; margin-left:55px;
	-webkit-animation-delay: 6.5s;
	-moz-animation-delay: 6.5s;
	-ms-animation-delay: 6.5s;
	animation-delay: 6.5s;
}

.sp-container h2.frame-5 span:nth-child(10) {background:#156a99;
	-webkit-animation-delay: 7s;
	-moz-animation-delay: 7s;
	-ms-animation-delay: 7s;
	animation-delay: 7s;
}

.sp-container h2.frame-5 span:nth-child(4) {background:#66c4d9;
	-webkit-animation-delay: 7.5s;
	-moz-animation-delay:  7.5s;
	-ms-animation-delay:  7.5s;
	animation-delay:  7.5s;
}

.sp-container h2.frame-5 span:nth-child(12) {background:#4eabd2;
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay:8s;
}

.sp-container h2.frame-5 span:nth-child(5) {background:#94e1f2; margin-left:35px;
	-webkit-animation-delay: 8.5s;
	-moz-animation-delay:8.5s;
	-ms-animation-delay: 8.5s;
	animation-delay: 8.5s;
}

.sp-container h2.frame-5 span:nth-child(8) {background:#148bcd;
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay:9s;
}




.sp-wrap {	width: 300px;	padding: 0px 15px;	height: 100%;	text-align: right;	line-height:110px;	float: left;	position: relative;	overflow: hidden;}
.sp-wrap span { color:#fff; font-size:26px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.sp-wrap span.sp-mid {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.sp-container .sp-right h2, .sp-container .sp-left h2 { margin:0;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
}
.sp-wrap span.sp-mid { color:#4F81BC;
	 font-family: 'Michroma', sans-serif;
	text-transform: uppercase;
	font-size: 40px;
	position: relative;
}


.sp-left span.sp-top {line-height:50px; margin-top:30px;
	-webkit-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 4s backwards;
	-moz-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 4s backwards;
	-ms-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 4s backwards;
	animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 4s backwards;
}
.sp-left span.sp-mid {
	-webkit-animation: slideLeft 0.5s ease-in 1s backwards, moveUp 0.6s linear 5s forwards;
	-moz-animation: slideLeft 0.5s ease-in 1s backwards, moveUp 0.6s linear 5s forwards;
	-ms-animation: slideLeft 0.5s ease-in 1s backwards, moveUp 0.6s linear 5s forwards;
	animation: slideLeft 0.5s ease-in 1s backwards, moveUp 0.6s linear 5s forwards;
}
.sp-left span.sp-bottom {line-height:50px; 
	-webkit-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 4.2s backwards;
	-moz-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 4.2s backwards;
	-ms-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 4.2s backwards;
	animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 4.2s backwards;
}
.sp-right span {
	text-align: left;
}
.sp-right span.sp-top  {line-height:50px; margin-top:30px;
	-webkit-animation: slideRight 0.5s ease-in 2.1s backwards, fadeOut 1s linear 4.4s backwards;
	-moz-animation: slideRight 0.5s ease-in 2.1s backwards, fadeOut 1s linear 4.4s backwards;
	-ms-animation: slideRight 0.5s ease-in 2.1s backwards, fadeOut 1s linear 4.4s backwards;
	animation: slideRight 0.5s ease-in 2.1s backwards, fadeOut 1s linear 4.4s backwards;
}
.sp-right span.sp-mid { 
	-webkit-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 5s forwards;
	-moz-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 5s forwards;
	-ms-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 5s forwards;
	animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 5s forwards;
}
.sp-right span.sp-bottom {
	-webkit-animation: slideRight 0.5s ease-in 2.6s backwards, fadeOut 1s linear 4.6s backwards;
	-moz-animation: slideRight 0.5s ease-in 2.6s backwards, fadeOut 1s linear 4.6s backwards;
	-ms-animation: slideRight 0.5s ease-in 2.6s backwards, fadeOut 1s linear 4.6s backwards;
	animation: slideRight 0.5s ease-in 2.6s backwards, fadeOut 1s linear 4.6s backwards;
}
.sp-wrap i {
	position: absolute;
	width: 60px;
}

.sp-wrap i:last-child {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-animation: fadeOut 1s linear 6s backwards;
	-moz-animation: fadeOut 1s linear 6s backwards;
	-ms-animation: fadeOut 1s linear 6s backwards;
	animation: fadeOut 1s linear 6s backwards;
}
.sp-full { background:#183a4e; height:355px;
	position: absolute;
	font-size: 67px;
	top: 0px;
	width: 661px;
	left: 0;
	-webkit-animation: fadeIn 1s linear 10.0s backwards;
	-moz-animation: fadeIn 1s linear 10.0s backwards;
	-ms-animation: fadeIn 1s linear 10.0s backwards;
	animation: fadeIn 1s linear 10.0s backwards;
}
.sp-full h2 {width: 561px; margin-top:105px;
	padding: 0px 50px ;
	float: left;
	text-align: center;
	color: #fff;
	display: inline-block;
	font-size: 32px;
	-webkit-animation: zoomIn 0.7s ease-in-out 10.5s backwards;
	-moz-animation: zoomIn 0.7s ease-in-out 10.5s backwards;
	-ms-animation: zoomIn 0.7s ease-in-out 10.5s backwards;
	animation: zoomIn 0.7s ease-in-out 10.5s backwards;
}

.sp-row img {
	display: block;

	position: relative;
}

.sp-row { width:661px; position:absolute; bottom:0}
.sp-row span { 
	position: relative;
	float: left;
	margin: 50px 30px 0;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-animation: fromBack 6.4s linear backwards, fadeOut 8.1s linear backwards;
	-moz-animation: fromBack 6.4s linear backwards, fadeOut 8.1s linear backwards;
	-ms-animation: fromBack 6.4s linear backwards, fadeOut 8.1s linear backwards;
	animation: fromBack 6.4s linear backwards, fadeOut 8.1s linear backwards;
}
.sp-row span:before {
	content: '';
	position: absolute;	
	width: 100px;
	height: 100px;	
	
}

.sp-row:nth-child(1) span:nth-child(1) {
	-webkit-animation-delay: 0s, 5s;
	-moz-animation-delay: 0s, 5s;
	-ms-animation-delay: 0s, 5s;
	animation-delay: 0s, 5s;
}
.sp-row:nth-child(1) span:nth-child(2) {
	-webkit-animation-delay: 0.1s, 5.1s;
	-moz-animation-delay: 0.1s, 5.1s;
	-ms-animation-delay: 0.1s, 5.1s;
	animation-delay: 0.1s, 5.1s;
}
.sp-row:nth-child(1) span:nth-child(3) {
	-webkit-animation-delay: 0.2s, 5.2s;
	-moz-animation-delay: 0.2s, 5.2s;
	-ms-animation-delay: 0.2s, 5.2s;
	animation-delay: 0.2s, 5.2s;
}
.sp-row:nth-child(1) span:nth-child(4) {
	-webkit-animation-delay: 0.3s, 5.3s;
	-moz-animation-delay: 0.3s, 5.3s;
	-ms-animation-delay: 0.3s, 5.3s;
	animation-delay: 0.3s, 5.3s;
}
.sp-row:nth-child(1) span:nth-child(5) {
	-webkit-animation-delay: 0.4s, 5.4s;
	-moz-animation-delay: 0.4s, 5.4s;
	-ms-animation-delay: 0.4s, 5.4s;
	animation-delay: 0.4s, 5.4s;
}
.sp-row:nth-child(4) span:nth-child(1) {
	-webkit-animation-delay: 0.5s, 5.5s;
	-moz-animation-delay: 0.5s, 5.5s;
	-ms-animation-delay: 0.5s, 5.5s;
	animation-delay: 0.5s, 5.5s;
}
.sp-row:nth-child(4) span:nth-child(2) {
	-webkit-animation-delay: 0.6s, 5.6s;
	-moz-animation-delay: 0.6s, 5.6s;
	-ms-animation-delay: 0.6s, 5.6s;
	animation-delay: 0.6s, 5.6s;
}
.sp-row:nth-child(5) span:nth-child(5) {
	-webkit-animation-delay: 0.7s, 5.7s;
	-moz-animation-delay: 0.7s, 5.7s;
	-ms-animation-delay: 0.7s, 5.7s;
	animation-delay: 0.7s, 5.7s;
}
.sp-row:nth-child(5) span:nth-child(4) {
	-webkit-animation-delay: 0.8s, 5.8s;
	-moz-animation-delay: 0.8s, 5.8s;
	-ms-animation-delay: 0.8s, 5.8s;
	animation-delay: 0.8s, 5.8s;
}
.sp-row:nth-child(5) span:nth-child(3) {
	-webkit-animation-delay: 0.9s, 5.9s;
	-moz-animation-delay: 0.9s, 5.9s;
	-ms-animation-delay: 0.9s, 5.9s;
	animation-delay: 0.9s, 5.9s;
}
.sp-row:nth-child(5) span:nth-child(2) {
	-webkit-animation-delay: 1s, 6s;
	-moz-animation-delay: 1s, 6s;
	-ms-animation-delay: 1s, 6s;
	animation-delay: 1s, 6s;
}
.sp-row:nth-child(5) span:nth-child(1) {
	-webkit-animation-delay: 1.1s, 6.1s;
	-moz-animation-delay: 1.1s, 6.1s;
	-ms-animation-delay: 1.1s, 6.1s;
	animation-delay: 1.1s, 6.1s;
}
.sp-row:nth-child(2) span:nth-child(2) {
	-webkit-animation-delay: 1.2s, 6.2s;
	-moz-animation-delay: 1.2s, 6.2s;
	-ms-animation-delay: 1.2s, 6.2s;
	animation-delay: 1.2s, 6.2s;
}
.sp-row:nth-child(2) span:nth-child(1) {
	-webkit-animation-delay: 1.3s, 6.3s;
	-moz-animation-delay: 1.3s, 6.3s;
	-ms-animation-delay: 1.3s, 6.3s;
	animation-delay: 1.3s, 6.3s;
}

@-webkit-keyframes open{
	0%{
		-webkit-transform: scale(1,0);
	}
	100%{
		-webkit-transform: scale(1,1);
	}
}
@-webkit-keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes slideLeft{
	0%{
		-webkit-transform: translateX(120%);
	}
	100%{
		-webkit-transform: translateX(0%);
	}
}
@-webkit-keyframes slideRight{
	0%{
		-webkit-transform: translateX(-120%);
	}
	100%{
		-webkit-transform: translateX(0%);
	}
}
@-webkit-keyframes moveUp{
	0%{
		-webkit-transform: translateY(0px);
	}
	100%{
		-webkit-transform: translateY(-170px);
	}

}
@-webkit-keyframes zoomIn{
	0%{
		-webkit-transform: scale(0);
	}
	100%{
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes open{
	0%{
		-moz-transform: scale(1,0);
	}
	100%{
		-moz-transform: scale(1,1);
	}
}
@-moz-keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@-moz-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-moz-keyframes slideLeft{
	0%{
		-moz-transform: translateX(120%);
	}
	100%{
		-moz-transform: translateX(0%);
	}
}
@-moz-keyframes slideRight{
	0%{
		-moz-transform: translateX(-120%);
	}
	100%{
		-moz-transform: translateX(0%);
	}
}
@-moz-keyframes moveUp{
	0%{
		-moz-transform: translateY(0px);
	}
	100%{
		-moz-transform: translateY(-70px);
	}

}
@-moz-keyframes zoomIn{
	0%{
		-moz-transform: scale(0);
	}
	100%{
		-moz-transform: scale(1);
	}
}

@-moz-keyframes fromBack{
	0%{
		-moz-transform: scale(0);
		opacity: 0;
	}
	100%{
		-moz-transform: scale(1);
		opacity: 1;
	}
}


@keyframes open{
	0%{
		transform: scale(1,0);
	}
	100%{
		transform: scale(1,1);
	}
}
@keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes slideLeft{
	0%{
		transform: translateX(120%);
	}
	100%{
		transform: translateX(0%);
	}
}
@keyframes slideRight{
	0%{
		transform: translateX(-120%);
	}
	100%{
		transform: translateX(0%);
	}
}
@keyframes moveUp{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(-70px);
	}

}
@keyframes zoomIn{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}

@keyframes fromBack{
	0%{
		transform: scale(0);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}


/**/
@-webkit-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes fadeInBack{
	0%{
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-webkit-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-webkit-transform: scale(5);
	}
}
@-webkit-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
/**/
@-moz-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-moz-transform: scale(0);
	}
}
@-moz-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
}
@-moz-keyframes fadeInBack{
	0%{
		opacity: 0;
		-moz-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-moz-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-moz-transform: scale(5);
	}
}
@-moz-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
/**/
@keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		transform: scale(0);
	}
}
@keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
}
@keyframes fadeInBack{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 0.4;
		transform: scale(2);
	}
	100%{
		opacity: 0.2;
		transform: scale(5);
	}
}
@keyframes fadeInRotate{
	0%{
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}
.career-people{ float:left; width:295px; margin-left:4px ; height:355px; background-color: #152f3f;
				background: -webkit-gradient(linear, left top, right top, from(#152f3f), to(#1d4863)); 
				background: -webkit-linear-gradient(left, #152f3f, #1d4863); 
				background: -moz-linear-gradient(left, #152f3f, #1d4863); 
				background: -ms-linear-gradient(left, #152f3f, #1d4863); 
				background: -o-linear-gradient(left, #152f3f, #1d4863);
				-webkit-transition: all 300ms linear;
				-moz-transition: all 300ms linear;
    			-o-transition: all 300ms linear;
    			-ms-transition: all 300ms linear;
    			transition: all 300ms linear;}
	
				
.career-people h2{ margin:13px 0 10px 30px; font-size:18px; width:245px; float:left; position:relative}
.career-people img{ float:left; width:283px; height:186px; margin:5px 0 0 30px}				
.career-people p{ float:left; position:relative; margin:0 0 0 30px; width:258px; clear:left; font-size:14px; color:#a4bece; height:120px}
.career-people .character{ color:#fff !important; float:none; 
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.career-people a{ float:left; display:block}	
.career-people:hover .character{ margin-left:10px}
.career-people:hover { background-color: #152f3f;
				background: -webkit-gradient(linear, left top, right top, from(#152f3f), to(#152f3f)); 
				background: -webkit-linear-gradient(left, #152f3f, #152f3f); 
				background: -moz-linear-gradient(left, #152f3f, #152f3f); 
				background: -ms-linear-gradient(left, #152f3f, #152f3f); 
				background: -o-linear-gradient(left, #152f3f, #152f3f);}
				

.careers-bootom{ float:left; padding:10px 0 25px 0}
.careers-bootom h3{ font-size:18px}
.careers-bootom p{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;}
.careers-bootom .character{ -webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
.careers-article-mode{ float:left; width:335px; height:250px; background:#434648; padding:0 40px 0 15px; }
.careers-article-mode h3{  color:#9ba5ac; float:left; width:100%; margin-bottom:5px; margin-top:15px}
.careers-article-mode p{ color:#f5fbff;  float:left; clear:left;   margin-bottom:5px}
.careers-article-mode a{ color:#b2b6b9; font-size:14px; border-bottom:1px solid #b2b6b9; float:left; clear:left; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.careers-article-mode a:hover{ padding-right:15px; color:#fff; border-bottom:1px #fff solid}

.c-vacancie{ background:#0a4d74; width:255px; height:250px; float:left; padding:0 0 0 15px; margin-left:15px;
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.c-vacancie h3{ color:#cce3ff; margin:15px 0 10px 0; width:255px}
.c-vacancie p{ color:#f5fbff; padding-right:25px; width:229px; height:40px}
.c-vacancie img{ margin:5px 0; width:260px; height:161px}
.c-vacancie a{ float:left; display:block}
.c-vacancie .character{ color:#cce3ff !important; float:none}
.c-vacancie:hover .character{ margin-left:10px}
.c-vacancie:hover{ background:#125a85}




.ydimo-testimonial{ background:#4f81bc; width:295px; height:265px; float:left; padding:0 0 0 15px; margin-left:5px; margin-bottom:30px;
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.ydimo-testimonial h3{ color:#cce3ff; margin:15px 0 10px 0; width:285px}
.ydimo-testimonial p{ color:#f5fbff; padding-right:25px; width:268px; height:60px}
.ydimo-testimonial img{ margin:5px 0; width:305px; height:161px}
.ydimo-testimonial a{ float:left; display:block}
.ydimo-testimonial .character{ color:#cce3ff !important}
.ydimo-testimonial:hover .character{ margin-left:10px}
.ydimo-testimonial:hover{ background:#4476b1}

.y-dimo-left{ float:left; width:630px; padding-right:15px}
.y-dimo-right{ float:left; width:315px}

.y-dimo-left p{ font-size:16px; color:#285D7B}
.y-dimo-left .wiswg-area{ width:590px}
.y-dimo-left .wiswg-area p{ color:#70787C; font-size:14px}
.hr-testimonial {float:left; width:575px; padding:15px; background:#fff; margin:20px 10px;
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
}

.hr-testimonial img{ width:128px; height:119px; float:left; margin-right:10px;
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px; }

.hr-testimonial small{ font-size:28px}
.hr-testimonial p{ font-style:italic;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#1b5f8a; margin-bottom:6px; float:left; width:436px; min-height:119px}
.hr-testimonial span{font-family: 'Michroma', sans-serif; margin:0 0 0 138px; font-size:14px; color:#434648}


.careers-openings-panel{ float:left; width:280px; padding:0 5px 15px 0; min-height:320px; margin:15px 20px 0 0;
			-webkit-box-shadow: 8px 0  6px -6px #ccc;
	   		-moz-box-shadow: 8px 0  6px -6px #ccc;
	        box-shadow: 8px 0  6px -6px #ccc;}

.careers-openings-panel h2{font-family: 'Michroma', sans-serif; color:#1c1d1d; font-size:14px; text-transform:uppercase; margin:15px 0; float:left; clear:left}
.careers-openings-panel ul{ float:left; clear:left; width:280px}
.careers-openings-panel ul li{ float:left; width:280px; margin-bottom:20px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
.careers-openings-panel ul li h4{ font-size:15px; color:#145779; font-weight:bold; float:left; clear:left; line-height:22px}
.careers-openings-panel ul li span{  float:left; clear:left; font-size:12px; color:#70787C; line-height:18px}
.careers-openings-panel ul li a{ float:left; clear:left; color:#135A85; border-bottom:1px solid #135A85; margin:3px 0; 
-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.careers-openings-panel ul li a:hover{ padding-right:15px}
.start-carrer-area{ float:left; width:655px; margin-top:15px;}
.start-carrer-area h2{ margin:10px 0; font-size:18px; color:#065D90}

/* career sliding with thumb effects */

#career-banner-slider { width:655px; height:250px; float:left;	z-index:100; }
#career-banner-slider  .slides_container {	width:655px; height:250px;	overflow:hidden;	position:relative;	display:none;}
#career-banner-slider  .slides_container a {	width:655px;	height:250px;	display:block;}

#career-banner-slider  .slides_container a img {	display:block;}
#career-banner-slider .tt-wrapper{ z-index:8888; position:absolute;	padding: 0;	width: 105px;	height: 25px;	margin: -25px 0 0 530px;}



.career-expect{ width:420px; background:#fff; min-height:200px; float:left; margin: 20px 10px 25px 0px; padding-bottom:15px;
		 -moz-border-radius:3px;
		 -webkit-border-radius: 3px;
		 border-radius:3px; 	
		-khtml-border-radius: 3px; 
		
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
	
.career-expect h3{ font-size:14px; line-height:22px; color:#236d99; height:25px; width:400px; background:#5c636b; float:left; color:#fff; font-family: 'Michroma', sans-serif; padding:0 10px; 
		 -moz-border-radius:3px 3px 0 0;
		 -webkit-border-radius: 3px 3px 0 0;
		 border-radius:3px 3px 0 0;
		-khtml-border-radius: 3px 3px 0 0;}
			
.career-expect p{ color:#6c7377; font-size:14px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; line-height:18px; float:left; width:190px; padding:0 10px; margin:20px 0 5px 0} 


.start-carrer-area .downloads{ font-size:14px; margin:24px 0 0 68px}
.upload-cv{ float:left; width:180px; height:90px; color:#fff; font-size:20px; line-height:20px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; padding:20px 10px 10px; margin:23px 10px;
		-moz-border-radius:3px ;
		 -webkit-border-radius: 3px ;
		 border-radius:3px ;
		-khtml-border-radius: 3px;
				background-color: #10527b;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f73a5), to(#10527b)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #1f73a5, #10527b); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #1f73a5, #10527b); /* IE 10 */ 
				background: -ms-linear-gradient(top, #1f73a5, #10527b); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #1f73a5, #10527b);}
				

.careers-bootom .people-word{ width:365px;}
.careers-bootom .wiswg-area{ padding-left:10px; padding-right:30px}
.intern-detail{ float:left; width:555px; padding:20px 0 0 0}
.intern-detail h3{ color:#2A6E92; margin-bottom:15px; float:left}
.intern-detail p{ color:#70787C; clear:left; float:left; margin-bottom:10px}
.intern-detail .downloads{ font-size:12px; float:left; margin-left:0}
.intern-detail small{ float:left; color:#236D99; margin:10px 10px 10px 50px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:16px}

.our-people-article{ float:left; padding:20px 0 ; color:#37799c; width:960px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; line-height:20px}

/** our people expanding grid **/


.dimo-people{ float:left; width:892px; padding:20px 15px; min-height:400px}
.dimo-people ul li{ float:left; width:178px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
ul.people-popup {float:left; width:892px; }

* html ul.people-popup li {    display:inline}
*+html ul.people-popup li {    display:inline}
.item {    width:178px;    height:178px;    background:#fff; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.info {    position:absolute;    left:-999em; background:#fff;    padding:10px;    margin:-235px 0 0 0px;    width:680px; height:280px;
		-moz-border-radius:3px ;
		 -webkit-border-radius: 3px ;
		 border-radius:3px ;
		-khtml-border-radius: 3px;
		
		-khtml-border-radius:3px;
		-moz-box-shadow:    1px 1px 4px -2px #000;
  		-webkit-box-shadow: 1px 1px 4px -2px #000;
  		 box-shadow:  1px 1px 4px -2px #000;
		 
		
		 
		  
		 }
.info h3{ float:left; width:360px; font-size:18px; color:#2A6E92; margin-bottom:1px}
.info img { float:left; margin-right:15px; -webkit-transition: all 500ms linear;}
.info p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#70787C; float:left; line-height:20px; width:360px; margin:6px 0}

.row1 .info{ margin-top:-235px !important}
.col5 .info{ margin-left:-522px !important}
.col4 .info{ margin-left:-350px !important}
.col3 .info{ margin-left:-200px !important}

.row2 .info{margin-top:-326px !important}

.people-popup li:hover .item, 
.people-popup li:hover .info,
.people-popup li.over .item, 
.people-popup li.over .info {
    position:relative;
    z-index:100;
	 
	
}
.people-popup li:hover .info,
.people-popup li.over .info {
    left:auto;
    position:absolute;
	
}
.people-popup:hover li,
.people-popup.over li{
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	 
}
.people-popup:hover li:hover,
.people-popup.over li.over{
    opacity:1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 
}

/* Deane */

.brand-banner {background-color:#2d2f33; float:left; clear:left; width:960px;}
.brand-banner  img {float:left;}
.brand-banner aside {float:left; width:230px; padding:5px; margin-left:10px;}
.brand-banner aside {color:#fff; }
.brand-banner aside  h2 {font-size:23px; margin-bottom:10px; float:left;}
.brand-banner aside p {float:left; clear:left; color:#ccc; font-family: 'Michroma', Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

.brand-left {width:700px; float:left; clear:left;}
.brand-right {float:left; width:250px; margin-left:10px;  }
.brand-left article {float:left; clear:left; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; }
.brand-left article h2 {font-size:20px; margin-top:10px; margin-bottom:10px; float:left; clear:left; color:#236D99;}
.brand-left article p {font-size:13px; line-height:18px; float:left; clear:left; color:#3e3f43;}
.brand-left article .article-link {float:left; clear:left; margin-top:15px;}
.brand-left article a {color:#A4762C; font-size:12px;}
.brand-left ul li {float:left; width:200px; margin-right:20px; margin-bottom:10px; margin-top:10px; height:45px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
.brand-left .brand-products ul li a { float:left; width:170px; height:22px; padding:8px; -moz-border-radius:3px;
		 -webkit-border-radius: 3px; border-radius:3px; -khtml-border-radius: 3px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
	
	background-color: #5c6168;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6168), to(#3e3f41)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #5c6168, #3e3f41); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #5c6168, #3e3f41); /* IE 10 */ 
				background: -ms-linear-gradient(top, #5c6168, #3e3f41); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #5c6168, #3e3f41);}
	
	
	.brand-left .brand-products ul li a:hover {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6168), to(#3e3f41)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(bottom, #5c6168, #3e3f41); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(bottom, #5c6168, #3e3f41); /* IE 10 */ 
				background: -ms-linear-gradient(bottom, #5c6168, #3e3f41); /* Opera 11.10+ */ 
				background: -o-linear-gradient(bottom, #5c6168, #3e3f41);}

.brand-left .brand-products ul li a span.link-text {float:left; width:170px; padding:8px; background-color: #fff; -moz-border-radius:3px;
		 -webkit-border-radius: 3px; border-radius:3px; -khtml-border-radius: 3px; margin-top:5px; margin-left:10px; -moz-box-shadow:   1px 1px 2px 0px #ccc;
  		-webkit-box-shadow: 1px 1px 2px 0px #ccc;
  		 box-shadow:  1px 1px 2px 0px #ccc;}		 
		 
.brand-products {float:left; clear:left; margin-bottom:15px; margin-top:15px;}
.brand-products h3 {float:left; clear:both; font-size:16px;}
.brand-products ul {float:left; clear:left;}
.brand-products li a :hover {color: #259add;}
.brand-products li a :hover .ca-icon{ margin-left:10px; color: #259add;  opacity: 0.8; text-shadow: 0px 0px 13px #fff; }
.brand-products .ca-icon {float:none;}
.brand-right .category-promo {margin-top:15px;}
.brand-right .news {margin-top:20px;}

/* about page */
.about-dimo-left{float:left; width:350px; margin-right:15px;}

/*.sector-brands {float:left; margin-left:10px; width:225px; height:140px; }*/
#about-highlights {float:left; padding-left:10px;}
#about-news {width:500px; float:left; padding:10px; margin-top:30px;}
#about-news h4 {background:transparent; color:#15303F; width:100%; margin:4px 0 }
#about-news ul {float:left;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; width:250px}

#about-news ul li{ float:left; width:200px;list-style:disc; margin:0 0 8px 25px; color:#196186; line-height:15px }
#about-news p{ margin-top:0}
#about-news a {float:left; width:240px; margin-left:10px;}

#business-list {background-color:#fff; padding:25px; float:left; clear:left; margin-top:0px; margin-left:30px; width:900px;}
.border-shadow {-moz-border-radius:3px; 	-webkit-border-radius: 3px;	border-radius:3px;	-khtml-border-radius:3px;	
	-moz-box-shadow: 1px 1px 6px -2px #b9baba;  -webkit-box-shadow: 1px 1px 6px -2px #b9baba;	 box-shadow:  1px 1px 6px -2px #b9baba;}

#business-list ul  li{float: left;font-size: 14px;margin-bottom: 7px;margin-right: 20px;margin-top: 5px;width: 140px; clear:none; }

.business-partnership {float:left;  width:220px; height:200px;padding:10px; margin-right:15px; margin-top:15px; font-family:'VegurRegular', arial, sans-serif; margin-top:45px;
		-moz-border-radius:3px;  -webkit-border-radius: 3px;	 border-radius:3px; 	-khtml-border-radius: 3px;		-khtml-border-radius: 3px;
				background-color: #5c6168;	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6168), to(#3e3f41)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #5c6168, #3e3f41); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #5c6168, #3e3f41); /* IE 10 */ 
				background: -ms-linear-gradient(top, #5c6168, #3e3f41); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #5c6168, #3e3f41);}
.business-partnership h3 {color:#fff; font-size:14px; padding-left:5px; padding-top:10px;}
.person-profile {padding-top:15px; color:#fff; padding-left:15px;}
.business-partnership .person-profile p {padding-bottom:5px; color:#c0c0c0; font-size:14px;}
.person-profile .name {float:left; margin-top:10px; padding-bottom:5px;}
.person-profile .tel {float:left; clear:left;}
.person-profile .email {float:left; clear:left; margin-top:5px;}
.person-profile .email a {color:#949faf; border-bottom: 1px solid #636d7c; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
.person-profile .email a:hover {color:#84868d; padding-right:10px; border-bottom:1px solid #84868d }
.doing-business-content {font-size:16px; line-height:20px; font-family:'VegurRegular', arial, sans-serif; color:#272829; margin-top:20px; float:left; width:685px; margin-left:10px; }

.doing-business-content h2 {font-size:24px; color:#2C77A4; margin-bottom:15px;}
.doing-business-features {float:left; margin-left:0px; width:545px; margin-top:20px; margin-bottom:20px}
.doing-business-features img {float:left; margin:0 10px 0 0}
.doing-business-features  h3 {float:none; margin-left:15px; font-size:16px; width:100%}
.doing-business-features p { width:304px;   margin-top:10px; color:#70787C; font-size:14px !important;}
.doing-business-content-wrapper {float:left; width:600px; margin-bottom:20px; margin-top:23px;  font-family:'VegurRegular', arial, sans-serif; line-height:18px;}

/*awards */
.award-cat ul li .character{ margin:0 5px 10px 0}
#award-slider{ background:#1d1d1d; margin-bottom:10px}
#myImageFlow  {width:900px;}
#myImageFlow_navigation { }
#recent-awards {width:340px; float:left; margin-bottom:25px; margin-left:25px;}
#recent-awards .sh-csr {margin:22px;}
.award-cat {float:left; clear:left; padding:15px; margin:10px; width:450px; padding-left:15px; background:#fff}
.award-cat ul li {width:200px !important; margin-left:20px;}
#award-archive {float:left; margin-left:50px;}
#award-archive .solution li {clear:none;}
#award-archive h2, #recent-awards h2  {font-size:18px; color:#2C77A4; margin-bottom:15px;}

.award_archive_inner{ margin:15px 0 0 0}
.award_archive_inner .award-cat{ width:650px;}
.award_archive_inner .award-cat ul li{ width:270px !important}

/* Brand */

#dimo-brand h2 {font-size:24px; color:#2C77A4; margin-top:20px;}
#dimo-brand p {font-size:16px; line-height:20px; font-family:'VegurRegular', arial, sans-serif; color:#70787C; margin-top:15px; float:left;}
#dimo-brand-content h3 {
    float: left;
    font-size: 16px;
   
}

#dimo-brand-content {margin-left:25px; float:left; clear:left; margin-top:15px; font-family:14px; margin-bottom:20px; margin-right:20px;}
#dimo-brand-content p { clear:left; float:left; font-family:'VegurRegular', arial, sans-serif; color:#272829; font-size:14px; line-height:21px; padding-top:5px; padding-bottom:10px;} 
#dimo-brand-content img{ float:left; margin:0 10px 0 0}

/*leadership */

.leadership-nav {width:400px; } 
#leadership-navigation-box {margin-bottom:25px;}

#leadership-banner  h2.quote {
  color: #FFFFFF;
  font-size: 12px; line-height:21px;
 
  position: absolute;
  width:460px;
  margin-left:480px;
}

#leadership-banner  span { float:left; clear:left; font-size:12px; font-family:'VegurRegular', arial, sans-serif; color:#ccc; margin-left:500px; margin-top:-55px;}
#leadership-banner  span.quote-name {margin-top:-75px;}


/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:990px;
	height:450px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	margin-right:15px;
	bottom: 10px;
	right:0px;
	padding:5px;
	text-align:center;
	color: white;
	color:#6d8495;
		font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
	
}

.ca-more:hover {color:#b88431}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}


.ca-item h3{
	font-family: 'Michroma', sans-serif;
	font-size:18px; 
	color:#236D99;
	margin-bottom:20px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{

	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:332px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:14px;
	padding-bottom:5px;
	font-family: 'Michroma', sans-serif;
	color:#1b4a63;
	border-bottom:1px solid #143546;
	
}

.ca-content p {font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; line-height:18px;}

.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}

#about-profiles {padding-top:25px;}
.ca-item-main {padding-top:0px; margin-top:10px; height:300px;}
.ca-item-main  p {font-family: 'VegurRegular', Arial, Helvetica, sans-serif; }

.ca-more span{-webkit-transition: all 300ms linear; font-size:14px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;  padding-left:5px}
.ca-more small {margin-top:-2px;}
.ca-more:hover span{ margin-left:5px; color:#b88431; }
.ca-more:hover small{ color:#b88431 !important;}

/*IR */

#investor-banner {background-color:#000; width:960px;}
#investor-banner #quote-wrap h2.quote {font-size:14px; margin-left:0px; width:400px; line-height:22px}
#investor-banner #quote-wrap span {float:left; color:#fff;  margin-left:0px; width:100%;
 font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
 #investor-banner #quote-wrap span.quote-title {margin-top:5px;}
 #investor-banner #quote-wrap span.quote-name{margin-top:228px;}

#stock-information {float:right; width:300px; height:253px; color:#fff; 
border-left:2px solid #333; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin-left:0px; padding-left:20px; padding-top:15px; margin-top:25px;}
#stock-information  .smbl {font-weight:bold; font-size:16px; text-transform:uppercase; font-weight:bold; float:left;} 
#stock-information  .cse {float:left; margin-left:15px; text-transform:uppercase; font-size:12px;}
#stock-information .price {font-family: 'Michroma', sans-serif; font-size:34px; float:left; clear:left; marghn-top:5px; width:160px }
#stock-information .percentage {margin-left:15px; font-size:15px; float:left; margin-top:20px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
#stock-information .updated  {float:left; clear:left; text-transform:uppercase; font-size:12px; color:#ccc; margin-top:5px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
.daily-data {float:left; clear:left; font-size:12px; text-transform:uppercase; margin-top:10px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
.daily-data li {float:left; margin-right:10px;}
.daily-data li span {padding-left:5px; font-weight:bold;}
#stock-information  h3{float:left; clear:left; margin-top:15px; font-size:12px}
#stock-information .history {float:left; clear:left; margin-top:10px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}
#stock-information .history li {float:left; margin-right:15px;}
#stock-information .history li a {color:#3087c4; font-size:12px}
#stock-information .history li a:hover {color:#4ea4e1;}
#investor-content #highlight .sh-csr {width:250px; margin-left:10px;}
#investor-content #highlight .sh-csr  a {width:250px;}
#investor-content #highlight .sh-csr  a img {width:250px;}

#investor-content div.features a {height:210px;}
#investor-content div.features  img {width:130px; height:160px; margin-top:10px;}
#investor-content div.features a:hover img{ padding-left:40px; background:#fff}
#related-links {float:left; clear:left; margin-left:20px; padding:10px; background:#fff; margin-bottom:40px}

#investor-contact {float:left; margin-left:25px; margin-top:15px;}
#investor-contact h3 {margin-bottom:10px;}
#investor-contact span {float:left; clear:left; margin-top:5px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; }

/*reports */
#financial-report-info {float:left; margin-bottom:20px;}
#financial-report-info .sector-brands a {background-color:transparent; border:none; box-shadow:none; height:200px; width:154px;}
#financial-report-info .sector-brands {height:230px; width:165px;}
.icon-space {float:left; margin-left:25px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin-top:120px;}
.icon-space a {float:left; clear:left;color:#6D8495; margin-bottom:10px; }
.icon-space a:hover {color:#B88431;}
.icon-space a img {vertical-align:middle; padding-right:5px;}
#quarterly-results {float:left; clear:left; margin-top:25px; margin-left;10px;  
font-family: 'VegurRegular', Arial, Helvetica, sans-serif; width:320px }

#quarterly-results  h2 {margin-bottom:10px;}
#quarterly-results ul li {float:left; margin-bottom:5px; margin-right:10px; width:150px}
#quarterly-results ul li  a {color:#6D8495; font-size:14px;}
#quarterly-results ul li  a span {font-size:12px; margin-left:10px;}
#quarterly-results ul li  img {padding-right:5px; vertical-align:middle;}
#quarterly-results ul li  a:hover {color:#B88431;}
#investor-report-highlights {float:left; margin-left:25px; width:500px;}



/*legacy */

#legacy_animation {  overflow:hidden; float:left; margin:0 0 0 10px; width:955px; border-top:8px solid #173d51  }
#legacy_animation .viewport { float: left; width: 955px; height: 200px; overflow: hidden; position: relative; }
#legacy_animation .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:75px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#legacy_animation .next { background-position: -40px 0; margin: 75px 0 0 945px; }
#legacy_animation .next:hover { background-position: 0 0 !important; margin: 75px 0 0 945px;  }
#legacy_animation .prev{background-position: 0 -37px  ;z-index:9999}
#legacy_animation .prev:hover{background-position: 0 -37px !important  ;}

#legacy_animation .disable { visibility: hidden; }
#legacy_animation .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0 top: 0; }
#legacy_animation .overview li{ float: left;   width: 151px; height:138px; background:#fff; margin-right:10px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
	}
#legacy_animation .overview li a:hover {color:#fff;}
.history-overlay {width:151px; height:138px; background-color:#0e3c54; opacity:0;filter: alpha(opacity = 00);position:absolute; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.hover .history-overlay {opacity:0.8; filter: alpha(opacity = 80);}

.active .history-overlay {opacity:0.8 !important;}
.active span{ color:#fff !important}
.active p{ color:#Fff!important }
#legacy_animation .overview li h4{ color:#525760; font-size:14px; font-family: 'Michroma', sans-serif; margin-left:10px; line-height:30px}
#legacy_animation h4 .character{ color:#525760 !important;  font-size:14px	}

#legacy_animation .character{float:none;
	-moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	}
	
#legacy_animation .overview li a{ display:block}
#legacy_animation .overview li a:hover .character{ margin-left:5px}

#legacy_animation .overview li p{ color:#2c77a4; font-size:14px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; clear:left; float:left; margin-left:10px; line-height:20px}
#legacy_animation .overview li p .character{ color:#2c77a4 !important}

#legacy_animation  .viewport li  span, #legacy_animation  .viewport li  p {position:absolute;  margin-left:15px; font-family: 'VegurRegular', Arial, Helvetica, 
sans-serif; text-transform: uppercase;  -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
#legacy_animation  .viewport li  span {margin-top:18px; margin-left:-135px; color:#272b2d; text-transform:uppercase; font-size:13px;}
#legacy_animation  .viewport li  p {margin-top:-105px; width:120px; line-height: 16px; font-size: 14px;}

#legacy_animation  .viewport li.hover  span,  #legacy_animation  .viewport li.hover  p {color:#fff;} /* for hover effect */
#legacy_content {  overflow:hidden; float:left; margin:0 0 0 10px; width:955px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-khtml-border-radius: 4px;  }
#legacy_content .viewport { float: left; width: 955px; height: 240px; overflow: hidden; position: relative; }
#legacy_content .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:75px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#legacy_content .next { background-position: -40px 0; margin: 75px 0 0 915px; }
#legacy_content .next:hover { background-position: 0 0 !important; margin: 75px 0 0 915px;  }
#legacy_content .prev{background-position: 0 -37px  ;z-index:9999}
#legacy_content .prev:hover{background-position: 0 -37px !important  ;}

#legacy_content .disable { visibility: hidden; }
#legacy_content .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0 top: 0; }
#legacy_content .overview li{ float: left;   width: 955px; height:240px; background:#fff; margin-right:10px;	}

#legacy_content .overview li a{ display:block}

#legacy_content .overview li p{ font-family: 'VegurRegular', Arial, Helvetica, sans-serif; position: absolute; width: 400px; margin-top: 75px; margin-left: 20px;
color: #343131;font-size: 13px; line-height:18px;}

#legacy_content .overview li h3 {color:#18445a; position:absolute; margin-top: 24px; margin-left: 20px; font-size: 16px;}
#legacy_content .overview li h3 span {font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#212b30; padding-left:25px;}



/*gallery*/
.container{ }
.ib-top{
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    height: 40px;
}
.ib-top h1{
    color: #333;
    font-size: 20px;
    line-height: 40px;
    padding: 0 10px;
}
.ib-top h1 span{
    color: #555;
    font-size: 12px;
}
.ib-main-wrapper{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    outline: none;
    /*height dynamic*/
}
.ib-main{
    position: relative;
    width: 2546px;
}
.ib-main a{
    float: left;
    width: 210px;
    height: 210px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 2px 2px;
    cursor: move;
    background: #fff url(../images/thumb_bg.jpg) no-repeat center center;
    background-size: 110% 110%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main a.ib-loading,
.ib-main a.ib-loading:hover{
    background: #fff url(../images/ajax-loader.gif) no-repeat center center;
    background-size: 31px 31px;
}
.ib-main a.ib-loading img,
.ib-main a.ib-loading:hover img{
    opacity: 0.5;filter: alpha(opacity=50);
}
.ib-main > a.ib-loading > span,
.ib-main a.ib-loading > span{
    display: none;
}
.ib-main a img{
    opacity: 0.95;filter: alpha(opacity=95);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main > a > span{font-family:'VegurRegular', arial, sans-serif; color:#fff;
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 11px;
    bottom: -20px;
    left: 0px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main a:hover > span{
    bottom: 0px;
}
.ib-main a:hover img{
    opacity: 0.8;filter: alpha(opacity=80);
}
.ib-main a:hover{
    background-size: 100% 100%;
}
.ib-content{
    background: #f9f9f9;
}
.ib-content .ib-teaser{
    text-align: center;
    background: #333;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-teaser h2{
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    padding-top: 40%;
    text-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.ib-teaser h2 span{
    text-transform: none;
    font-size: 16px;
    font-family: Georgia, serif;
    font-style: italic;
    display: block;
}
.ib-content .ib-teaser:hover{
    background: #000;
}
.ib-content-preview{
    position: absolute;
    top: 44px;
    left: 0px;
    background: #000;
    width: 100%;
    height: 630px; /*dynamic*/
    display: none;
}
.ib-content-preview .ib-teaser h2{
    font-size: 50px;
    padding: 85px 40px 20px 40px;
}
.ib-content-preview .ib-teaser span{
    padding: 20px 0px 0px 5px;
    font-size: 22px;
}
.ib-content-full{
    font-family: 'Oswald';
    text-transform: none;
    line-height: 26px;
    margin: 0px 40px;
    border-top: 1px solid #333;
    padding: 20px 0px;
	font-size: 16px;
}
.ib-content-full p{
	padding: 5px 0px;
}
.ib-preview{ z-index:9999;
    overflow: hidden;
    position: absolute;
    top: 40px;
    display: none;
}
.ib-preview-descr{font-family: 'Michroma', sans-serif; color:#fff;
    position: absolute;
    bottom: 30px;
    left: 10px;
    z-index: 999;
    font-size: 50px;
    text-shadow: 1px 0px 2px #5ea2c2;
}
.ib-preview img{
	position: absolute;
}
.ib-nav span{
	width: 53px;
	height: 87px;
	position: absolute;
	top: 50%;
	margin-top: -43px;
	cursor: pointer;
    text-indent: -9000px;
	opacity: 0.6;filter: alpha(opacity=60);
	z-index: 999;
    background: transparent url(../images/nav.png) no-repeat top right;
	right: 10px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ib-nav span.ib-nav-prev{
	background-position: top left;
	left: 10px;
    right: auto;
}
.ib-close{ padding:5px;
	top: 7px;
	right: 7px;
	background:#fff url(../images/close.png) no-repeat center center;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
	opacity: 0.2;filter: alpha(opacity=20);
	z-index: 999;
    text-indent: -9000px;
}
.ib-nav span:hover, .ib-close:hover{
	opacity: 1;filter: alpha(opacity=100);
}
.ib-loading-large{
    text-indent: -9000px;
    width: 60px;
    height: 60px;
    background: #fff url(../images/ajax-loader.gif) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    z-index: 999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    opacity: 0.9;filter: alpha(opacity=90);
}
/*gallery ends*/

.customer-care .banner-area{ margin-top:-3px}
.customer-care .pricing{ width:300px; height:80px}
.customer-care .pricing span{ width:107px; margin-top:3px; float:left; line-height:14px}
.customer-care .downloads{ margin-right:11px; float:right}

.customer-intro { background:#fff; float:left; width:325px; margin-bottom:10px; padding-bottom:15px; margin-top:-40px;
		-moz-border-radius:3px ;
		-webkit-border-radius: 3px;
		border-radius:3px ;
		-khtml-border-radius:3px;
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 }

.customer-intro h2{ background:#4a4a4a;-moz-border-radius:3px 3px 0 0  ; color:#fff; font-size:12px; padding:5px;
		-webkit-border-radius: 3px 3px 0 0 ;
		border-radius:3px 3px 0 0  ;
		-khtml-border-radius:3px 3px 0 0 ; }

.customer-intro p{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#738087; font-size:14px; padding:10px 10px 0px; line-height:21px}


.customer-intro a{color:#135a85; font-size:11px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; border-bottom:1px solid #135a85; margin:10px 0 0 10px; float:left; padding-bottom:2px;
 	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.faq{ float:right !important; margin-right:15px !important}
.customer-intro a:hover{ padding-right:15px; color:#2472a0}

.support-area{ float:left; width:635px}
.support-area .sector-brands{  width:265px; margin:10px 20px 50px; height:140px}
.support-area .sector-brands a{ width:245px;}
.support-area .sector-brands img{ margin-bottom:0}
.support-area .sector-brands h3{ height:35px}

.support-area .road-side-assist{ margin-right:145px}
.customer-left{ float:left; width:325px}
.customer-left ul{ float:left}
.customer-left ul li{ float:left; background:#fff; width:70px; height:80px; padding:5px; margin:5px 10px;
		-webkit-border-radius: 3px  ;
		border-radius:3px ;
		-khtml-border-radius:3px  ;
		
		-moz-box-shadow:    1px 1px 4px -2px #ccc;
  		-webkit-box-shadow: 1px 1px 4px -2px #ccc;
  		 box-shadow:  1px 1px 4px -2px #ccc;
		 
		 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
		}
.customer-left ul li img{ float:left; margin:0 10px}
.customer-left ul li span{ float:left; width:70px; text-align:center; color:#646464; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:12px; margin:3px 0 0 0}
strong{ font-weight:bold}
.customer-left ul li:hover{
		-moz-box-shadow:1px 1px 4px -2px #1a76ac;
  		-webkit-box-shadow: 1px 1px 4px -2px #1a76ac;
  		 box-shadow:  1px 1px 4px -2px #1a76ac;
	}

.contact-adress p{ padding:0 0 0 15px; line-height:20px}
.contact-adress h2{ margin-bottom:15px}

.contact-adress{ margin-top:0}
.support-area #business-list{ width:230px; clear:none; min-height:140px}
.support-area #business-list ul li{ width:200px; margin-right:0; height:20px}
.more{color:#135a85; font-size:11px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; border-bottom:1px solid #135a85; margin:10px 0 0 10px; float:left; padding-bottom:2px;
 	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}


.more:hover{ padding-right:15px; color:#2472a0}

.cvpopup{ width:350px; overflow:hidden; }
.cvpopup form{ padding:25px 15px; float:left}
.cvpopup label{ width:85px; color:#6f7274; font-size:13px; font-weight:bold; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; margin:0 0 10px 5px; clear:left}
.cvpopup input{line-height:18px; float:left;  margin-bottom:17px; width:201px; border:1px solid #d3d3d3; padding:5px; color:#3c3939; font-style:italic; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px;
 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;}
	

.cvpopup textarea{line-height:18px; float:left;  margin-bottom:20px; width:215px; border:1px solid #d3d3d3; padding:5px; color:#3c3939; font-style:italic; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px; resize:none;
 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;}

.cvpopup #submit{ border:none !important; width:85px ; float:right; margin-left:0 !important; cursor:pointer; color:#CDD7DE !important; background:#236D99}
.cvpopup label small{ color:#FF3333}	
.cvpopup .downloads{ border:none !important; width:85px ; margin-left:0 !important; cursor:pointer; color:#CDD7DE !important}
.job-detail .downloads{ float:right; margin-top:-30px}	

.contact-popup{ height:500px}
.filter-dealer{ background:#fff; width:940px; height:40px; padding:10px; float:left; margin:18px 0 10px 0 ; border-bottom:1px solid #ccc}

.filter-dealer label{ color:#1f6e99; font-size:13px; font-style:italic; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; margin:10px 20px 10px 10px; }
.filter-dealer select{ float:left; margin:0 10px 0 0; line-height:18px; height:30px;  width:120px; border:1px solid #d3d3d3; padding:5px; color:#3c3939; font-style:italic; 
font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px;
 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;}

.filter-dealer option{ padding:5px}
.filter-dealer .downloads{ margin-top:0; padding:8px 15px; border:none}

.dealer-network{ width:960px; float:left}
.dealer-network h2{ font-size:16px; margin:10px 0 10px 10px; float:left;}

.dealer-alphabet{ float:left; width:915px; margin:10px 10px 0 10px; position:relative}
.dealer-alphabet li a{ padding:0 14px; }
.dealer-alphabet .active a{  color:#567da4; background-color: #e1e3e4;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfc), to(#e1e3e4)); 
				background: -webkit-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -moz-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -ms-linear-gradient(top, #fbfbfc, #e1e3e4); 
				background: -o-linear-gradient(top, #fbfbfc, #e1e3e4); }
			
			
.dealer-details{ background:#ededef; float:left; width:915px; margin:0 10px 15px; min-height:500px;}
.dealer-details_content{ float:left;   }
.dealer-details_content ul{ float:left; padding-top:20px}
.dealer-details_content ul li{ float:left; width:275px; height:100px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; margin:10px 15px}
.dealer-details_content ul li h3{ color:#4686a9; font-size:18px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; margin-bottom:5px}
.dealer-details_content ul li p{ clear:left;  color:#47515a; font-size:14px; color:#464b51; float:left; line-height:18px; margin-bottom:8px}
.dealer-details_content ul li span{ font-size:14px; float:left; clear:left; color:#464b51}
.dealer-details_content ul li a{ float:left; clear:left; font-size:14px; color:#215e8e; margin:5px 0}


.vector-map{ float:left; width:960px; height:550px;
background-color: #1D599B; 
background-position: center center; 
background-repeat: no-repeat; 
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#abdcfe), to(#1d599b)); 
background: -webkit-radial-gradient(circle, #abdcfe, #1d599b);  
background: -moz-radial-gradient(circle, #abdcfe, #1d599b); 
background: -ms-radial-gradient(circle, #abdcfe, #1d599b);  }

#imagecontainer{ float:left; background-image:url(../images/vector-map.png); width:455px; height:550px; margin-left:270px }
#imagecontainer a{ float:left;  height:20px; padding-right:17px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#1d1d1d; line-height:29px; position:absolute; float:left}

.red-spot{background:url(../images/branch-spot.png) no-repeat right center;}
.sales-spot{background:url(../images/sales-spot.png) no-repeat right center;}
.ssp-spot{background:url(../images/sales-parts-sport.png) no-repeat right center;}



/*home page revision */

.wheel  img{width:257px; height:254px;position:absolute;}
.pos3 img {right:0px;}
.pos2 img {right:290px;width:429px; height:424px;}
.pos1 img {right:150px; margin-top:450px;}
.tagline_box {height:210px;}
#dimo-wheels {overflow:hidden;}	
.home  .feature-area {position:absolute; margin-top:60px; right:10px;}
.solution_box {position:absolute; margin-top:260px;}
.home{ min-height:720px}
.home-bg .feature-area {position:absolute; margin-top:60px; right:10px;}
.home-bg{ min-height:720px}

.locatormap { background:#232528; overflow:hidden}
.locatormap h2{
				background-color: #393e44;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f4751), to(#393e44)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #3f4751, #393e44); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #3f4751, #393e44); /* IE 10 */ 
				background: -ms-linear-gradient(top, #3f4751, #393e44); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #3f4751, #393e44);
	}
	
.locatormap h2:hover{ 
				background-color: #393e44;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f4751), to(#393e44)); /* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #3f4751, #393e44); /* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #3f4751, #393e44); /* IE 10 */ 
				background: -ms-linear-gradient(top, #3f4751, #393e44); /* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #3f4751, #393e44);}
				
.locatormap img{ width:720px; float:left}
.locatormap .locator-detail{ float:left; position:absolute; background:url(../images/locate.png); width:230px; padding:15px; bottom:25px; right:25px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-khtml-border-radius: 5px;
	
		-moz-box-shadow:    1px 1px 4px 1px #000;
  		-webkit-box-shadow: 1px 1px 4px 1px #000;
  		 box-shadow:  1px 1px 4px 1px #000;}

.locatormap .locator-detail h3{ color:#fff; font-size:13px;font-family: 'Michroma', sans-serif; margin-bottom:5px}	
.locatormap .locator-detail	p{ font-size:13px; color:#c2c9c9; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; clear:left; line-height:21px; clear:left; width:100%}
.locatormap .locator-detail a{ width:100px;  margin:6px 0;float:left; clear:left; color:#72a3c0; font-size:11px; text-transform:uppercase; font-family: 'VegurRegular', Arial, Helvetica, sans-serif;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.locatormap .locator-detail a:hover{ text-decoration:underline}
.locatormap .locator-detail span{ float:left;  color:#929494; font-size:12px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; line-height:18px; width:140px; margin-left:3px}
.locatormap .locator-detail small{ text-transform:uppercase; font-size:11px;float:left; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; line-height:20px; color:#929494; clear:left}

.tag{ margin:50px 0 0 0}

.segmentdrop .tab_container2{ margin-top:0; border:0}
.segmentdrop ul li a{ width:168px !important; height:60px !important; float:left; display:block; margin:10px !important; border:1px solid #e4e4e4;

	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
.segmentdrop ul li a span{ color:#6c6c6c !important; font-size:12px !important; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; float:left; width:88px !important; line-height:16px !important; text-align:left !important; padding:8px 0 0 5px; text-transform:none!important; 
-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	
.segmentdrop ul li a img{ float:right !important; width:75px !important; height:60px !important; border:none !important}	
.segmentdrop ul li a:hover{}

.segmentdrop ul li a:hover span{ color:#6292b1 !important; }
.segmentdrop .viewport{ height:326px !important}



.fourfour{ width:735px; float:left; margin-left:95px; height:350px; background:url(../images/404-bg.png) no-repeat 50% 295px}
.fourfour h1{ float:left; color:#13374a; font-size:200px}

.four-details{ width:960px; float:left; text-align:center; padding-bottom:20px}
.four-details h2{ color:#13374a; font-size:30px; float:left; width:100%}
.four-details p{ font-size:14px; color:#8998a7; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; line-height:28px; float:left; width:100%}
.four-details a{ color:#032638; text-decoration:underline}
.four-details a:hover{ text-decoration:none}
#loading
{ float:left;
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-play-state: running;
/* Safari and Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
}
@keyframes myfirst
{
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
 
@-moz-keyframes myfirst /* Firefox */
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}










.stake-holders-pop-details{ float:left; width:100%; margin:50px 0 0 0; border-top:1px solid #ccc}
.stake-holders-pop-details .downloads{ margin:15px 26px 0}

.sh-pop-detail{ background:#fff; width:720px; height:425px; float:left; overflow-y:auto;}
.sh-pop-detail p{ font-size:14px;line-height:24px;  font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#70787c; padding:25px}



#investor-content #pop-eliment-slide {  overflow:hidden; float:left; margin:0 0 0 10px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-khtml-border-radius: 4px;  }
#investor-content #pop-eliment-slide .viewport { float: left; width: 425px; height: 345px; overflow: hidden; position: relative; }
#investor-content #pop-eliment-slide .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:75px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#investor-content #pop-eliment-slide .next { background-position: -40px 0; margin: 75px 0 0 385px; }
#investor-content #pop-eliment-slide .next:hover { background-position: 0 0 !important; margin: 75px 0 0 385px;  }
#investor-content #pop-eliment-slide .prev{background-position: 0 -37px  ;z-index:9999}
#investor-content #pop-eliment-slide .prev:hover{background-position: 0 -37px !important  ;}

#investor-content #pop-eliment-slide .disable { visibility: hidden; }
#investor-content #pop-eliment-slide .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0 top: 0; }
#investor-content #pop-eliment-slide .overview li{ float: left;   width: 425px; height:345px; background:#fff; margin-right:0px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
	}
#investor-content #pop-eliment-slide .overview li img{ width:425px; height:310px; -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;}

#investor-content #pop-eliment-slide .overview li h4{ color:#525760; font-size:12px; font-family: 'Michroma', sans-serif; margin-left:10px; line-height:30px}




#investor-report-highlights #pop-eliment-slide { width:540px; overflow:hidden; float:left; margin:0 0 0 10px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-khtml-border-radius: 4px;  }
#investor-report-highlights #pop-eliment-slide .viewport { float: left; width: 540px; height: 350px; overflow: hidden; position: relative; }
#investor-report-highlights #pop-eliment-slide .buttons {  background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin:75px 10px 0 0;  background-position: 0 -38px ; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute; }

#investor-report-highlights #pop-eliment-slide .next { background-position: -40px 0; margin: 75px 0 0 495px; }
#investor-report-highlights #pop-eliment-slide .next:hover { background-position: 0 0 !important; margin: 75px 0 0 495px;  }
#investor-report-highlights #pop-eliment-slide .prev{background-position: 0 -37px  ;z-index:9999}
#investor-report-highlights #pop-eliment-slide .prev:hover{background-position: 0 -37px !important  ;}

#investor-report-highlights #pop-eliment-slide .disable { visibility: hidden; }
#investor-report-highlights #pop-eliment-slide .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0 top: 0; }
#investor-report-highlights #pop-eliment-slide .overview li{ float: left;   width: 540px; height:345px; background:#fff; margin-right:0px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;
	}
#investor-report-highlights #pop-eliment-slide .overview li img{ width:540px; height:310px; -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;}

#investor-report-highlights #pop-eliment-slide .overview li h4{ color:#525760; font-size:14px; font-family: 'Michroma', sans-serif; margin-left:10px; line-height:30px}

#related-links ul li{ width:190px !important  ; height:17px }
.sub_bck{ background:#fff}
.number h3{ font-size:27px}
.cvpopup select{ float:left; padding:3px; width:201px; margin-bottom:20px;
color:#3c3939;  font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:13px;}

#quarterly-Annual{ float:left; width:960px; margin-top:25px}
#quarterly-Annual #annual-report{ margin:25px}


.fulyarea-wyswyg{ padding:0 20px; width:920px}
.fulyarea-wyswyg article{ margin:20px 0; float:left}

.gallery-howto{ position:absolute; right:30px; top:121px}

.video-thumb{ float:right; margin:-202px 30px 0 0 }
.object{ float:left}
input #submitf{}

.dilrukshi-msg{ background:#fff; -moz-border-radius:4px; float:left;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-khtml-border-radius: 4px; 
	padding:15px;
	-moz-box-shadow:    1px 1px 6px -2px #b9baba;
  		-webkit-box-shadow: 1px 1px 6px -2px #b9baba;
  		 box-shadow:  1px 1px 6px -2px #b9baba;}

		 .dilrukshi-msg p{ float:none; clear:none; font-family: 'Michroma', sans-serif; line-height:24px; font-size:13px;}
		 .dilrukshi-msg h4{font-family: 'VegurRegular', Arial, Helvetica, sans-serif;}

#submitf{ display:none}
.search-area{ float:right; }
.bg-cutof{ background:#fff;
-moz-box-shadow:  4px 1px 6px -3px #b9baba;
  		-webkit-box-shadow: 4px 1px 6px -3px #b9baba;
  		 box-shadow: 4px 1px 6px -3px #b9baba;}
		 
@media screen and (width: 1360px) {
  nav#menu_bar ul { min-width:370px  }
}

.cutog-bg{ background:#fff; float:left}
.contact-adress a{ float:none !important; margin:0  !important}

#business-list ul li small{ display:none !important}
#business-list ul li span{color:#cdd7de;}
#business-list ul li a:hover span{color:#fff; margin-left:0 !important}
#business-list ul li {width:210px !important; margin:10px 36px;}
#business-list ul li a{ text-align:center; width:180px; color:#cdd7de; font-size:10px;font-family: 'VegurRegular', Arial, Helvetica, sans-serif; background:#236d99;  float:left; padding: 5px 10px;
	 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}

#business-list ul li a:hover{ color:#fff; background-color: #11608f;}

#dimo-meaning {margin:45px auto; width:960px; height:120px;}
#dimo-meaning img {margin-top:-50px;}
.solution_box {margin-top:0;}

#inline5{ width:515px; }
#inline5 h2{ width:460px}
#inline5 #middlepanel{ display:none}

#inline14{ width:515px; }
#inline14 h2{ width:460px}
#inline14 #middlepanel{ display:none}

.bottom-left-features-area .ca-content { width:165px}
#directory-list{ padding:25px; margin-left:30px}

.sec-selected a{
color: #B88431 !important;
}

/* deane additions 5th june */

.wiswg-area p.vehicle-feature {font-size:16px; color:#4c4e4e;}
.premier-logo{ float:left; margin:10px 50px 25px 0}

.dimo-serach{font-family: 'Michroma', sans-serif; font-size:24px; color:#1E4458; min-height:440px}
#contact-thankyou-message{ float:right; margin:0 20px 0 0 ; width:245px; font-size:13px; font-family: 'Michroma', sans-serif; background:#84a0b0; padding:5px; color:#1e4155;
	 -moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-khtml-border-radius: 3px;}

#quote-wrap{ float:left; margin-left:-165px}

.solution-details li{ width:500px}

.ourqu .wiswg-area{ float:left; padding:0; width:960px}


.afterdale-right .road-side-assist{ float:right; width:400px; margin-right:65px}
.afterdale-right .road-side-assist img{ float:left; border-right:1px solid #e78f11; padding-right:5px; margin-right:5px; margin-bottom:0}
.afterdale-right .road-side-assist span{font-family: 'Michroma', sans-serif; float:left; font-size:11px; color:#e78f11; line-height:20px}
.afterdale-right .road-side-assist small{font-family: 'VegurRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#2b2a29; float:left; clear:left;
 margin:-14px 0 0 86px }
.afterdale-right .road-side-assist .number{ color:#2b2a29; font-size:18px; font-family: 'Michroma', sans-serif; float:right; margin-top:11px }


.more-promo{ float:right; margin:40px 0 0 0}
.more-promo a{ font-size:14px; color:
#1d1d1d}

.zoom-area{background-image:url(../images/zoom-colombo.png); width:359px; height:320px; float:left; position:absolute; margin:92px 0 0 0}
.zoom-area a{ float:left;  height:20px; padding-right:17px; font-family: 'VegurRegular', Arial, Helvetica, sans-serif; color:#1d1d1d; line-height:29px; position:absolute; float:left}



.map-spotings{ float:right; width:175px; margin:40px 15px 0 0}
.map-spotings img{ margin:10px 0; float:left}

.qualification_check{ width:15px !important; margin:0 5px 0 10px !important}
.qualification { clear:none !important; width:272px !important; margin:0 0 8px 0 !important; font-weight:normal !important}

.cvpopup { overflow:auto}
.cvpopup h2{ width:318px}
.contact-popup h2{ width:335px !important}

.inner-landing{ background:#fff}

.right_menu li a span.ehopico {
                float: left;
                width: 20px;
                height: 20px;
                margin-top: 6px;
}
.great_place{float: left;margin: 21px 0 0 17px;}
/* 
added 5/9/2013
*/		 
.sus-report{width:188px !important; height: 242px;}	
.sus-report h3{ height:39px !important; font-size: 11px;}
.sus-report a{ background:#fff; width:191px; float:left; margin-left:15px;height: 250px;}		 
.sus-report img{width:190px !important; height:100px;}
.sh-csr-sus-report{margin-left: -10px !important;}
.sh-inner article{ width:920px;  margin:0 0 10px 0; overflow:hidden !important;}
/* 
added 5/9/2013
*/


/* 
added 2/10/2013
*/		
.event-gallery-wiswg-area a {
  border-bottom: 1px solid #014E77;
  color: #014E77;
  float: left;
  font-family: 'VegurRegular',Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin-bottom: 10px;
  padding-bottom: 2px;
  transition: all 300ms linear 0s;
}


.event-gallery-ib-main a {
  float: left;
  height: 135px;
  margin: 0 0 2px 2px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
  width: 135px;
}


.event-gallery-ib-main a img {
  height: 135px;
  opacity: 0.95;
  transition: all 0.2s ease-in-out 0s;
  width: 135px;
}

.ib-main-wrapper{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    outline: none;
    /*height dynamic*/
}
.event-gallery-ib-main{
     position: auto;
    width: 712px;
}
.event-gallery-ib-main a{
    float: left;
    width: 135px;
    height: 135px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 2px 2px;
    cursor: move;
    background-size: 110% 110%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.event-gallery-ib-main a.ib-loading,
.event-gallery-ib-main a.ib-loading:hover{
    background: #fff url(../images/ajax-loader.gif) no-repeat center center;
    background-size: 31px 31px;
}
.event-gallery-ib-main a.ib-loading img,
.event-gallery-ib-main a.ib-loading:hover img{
    opacity: 0.5;filter: alpha(opacity=50);
}
.event-gallery-ib-main > a.ib-loading > span,
.event-gallery-ib-main a.ib-loading > span{
    display: none;
}
.event-gallery-ib-main a img{
    opacity: 0.95;filter: alpha(opacity=95);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.event-gallery-ib-main > a > span{font-family:'VegurRegular', arial, sans-serif; color:#fff;
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 11px;
    bottom: -20px;
    left: 0px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.event-gallery-ib-main a:hover > span{
    top: 89px;
}
.event-gallery-ib-main a:hover img{
    opacity: 0.1;filter: alpha(opacity=10);
}
.event-gallery-ib-main a:hover{
    background-size: 100% 100%;
	background:#2A4673;
}

.event-gallery-leftnav-panel {
  box-shadow: 8px 0 6px -6px #CCCCCC;
  float: left;
  min-height: 320px;
  padding: 0 2px 9px 7px;
  width: 204px;
}

.event-gallery-details{ float:left; width:690px; padding:20px; min-height:550px}

.event-gallery-leftnav-panel h4 {
    clear: left;
    color: #1C1D1D;
    float: left;
    font-family: 'Michroma',sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.event-gallery-leftnav-panel p {
    clear: left;
    color: #70787C;
    float: left;
    font-family: 'VegurRegular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}

.right_menu {
  clear: right;
  float: right;
  height: 38px;
  list-style: none outside none;
  margin-right: 6px;
  min-width: 485px;
}

.right_menu li {
  float: left;
  margin-left: 3%;
}

#event-gallery-loading-gif{

	bottom: 68%;
    height: 10px;
    position: absolute;
    right: 50%;
    width: 10px;
}

#event-gallery-content {
  min-height: 400px;
  position: relative;
}

.gallery-wrapup {
  float: left;
  padding-top: 39px;
  min-height: 615px;
}

.event-bg-cutof {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 4px 1px 6px -3px #B9BABA;
  min-height:600px; 
}
.headert_menu.left_menu li a  {font-size:11px !important;}
.headert_menu.left_menu                         {min-width: 220px  !important;}
header                                                                                 {position:relative;}
.headert_menu.left_menu                         {position: absolute;left: 218px;top: 36px;margin: 0;min-width: 500px !important;}
.headert_menu.left_menu li      {padding: 0 1%;}
.breadcrum                                                                        {margin:0;position:absolute;top:73px;left:218px;}
.left_menu li										{position:relative;}
.left_menu li:hover .dropmenu							{top: 37px;left: 0px;}
#footer_left										{width:169px;}


/* 
added 2/10/2013
*/



/* 
added 11/12/2013
*/

.site-map-detail-area			ul				{float:left;width:400px;width: 278px;line-height:20px;text-transform:uppercase;font-size:11px;width: 237px;}
.site-map-detail-area 							{padding-bottom:40px;}
.main-menu-sitemap-item							{font-weight:600;text-transform:uppercase}
.main-menu-sitemap-item	 ul						{font-weight:400;}
.main-menu-sitemap-item							{width:100%;}
.sitemap-main-item-ul							{float:left;width:100% !important;}
.site-map-detail-area  .menu						{font-weight:700;}
.sitemap-sub-item-ul							{padding-left:20px;width: 199px !important;font-size:10px;min-height: 190px;margin-right:20px;}
.sitemap-sub-item-ul .sector-heading				{margin-left:-20px;font-weight:600;font-size:11px;color: #797979;text-align:left;display: block;}
.sitemap-main-item-ul2 ul						{color: #797979;}


/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .slides{width:100%;height:100%;float:left}.flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;}.flexslider .slides img {width: 100%;height:auto !important; display: block;}.flex-pauseplay span {text-transform: capitalize;}.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}html[xmlns] .slides {display: block;} * html .slides {height: 1%;}.no-js .slides > li:first-child {display: block;}.flexslider {width:100%;height:100%;float:left;position:relative;}.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}.loading .flex-viewport{max-height: 300px;}.flexslider .slides{zoom: 1;}.carousel li {margin-right: 5px}.flex-direction-nav{*height: 0;}.flex-direction-nav a {width: 30px; height: 30px;  display: block;  position: absolute; top:0; z-index: 10; cursor: pointer;  opacity: 0; -webkit-transition: all .3s ease;background:#025395;color:#fff;text-decoration:none;line-height:28px;font-weight:800;}.flex-direction-nav .flex-next{right:0 !important;background:#025395;top:33px;}.flex-direction-nav .flex-prev {right:0 !important;left:auto !important;}.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}.flexslider:hover .flex-prev {opacity: 0.8; left: 0px;}.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}.flex-direction-nav .flex-disabled{opacity: .3!important; filter:alpha(opacity=30); cursor: default;}.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}.flex-control-nav li{margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }.flex-control-paging li a.flex-active{ background: #000; background: rgba(0,0,0,0.9); cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active{opacity: 1; cursor: default;}.flex-direction-nav .flex-prev {opacity: 1; left: 0;}.flex-direction-nav .flex-next {opacity: 1; right: 0;}



.right_menu {min-width: 553px !important;}
#dimo-meaning2{margin:0; width:100%; min-height:238px;margin-top: -44px;}

.jcarousel-skin-tango .jcarousel-item {
width: 215px;
height: 130px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px;
background-color: #34373C;
background-position: center center;
background-repeat: no-repeat;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#CCD0D8), to(#727375));
background: -webkit-radial-gradient(circle, #CCD0D8, #727375);
background: -moz-radial-gradient(circle,#CCD0D8, #727375);
background: -ms-radial-gradient(circle, #CCD0D8, #727375);
}

.right_menu {min-width: 553px !important;}
.dropmenu  {height: 440px;}
.segmentdrop .viewport {height: 412px !important;}