/* Table of Content
==================================================
#Top panel */

.container                                    {width:100%; height:auto; float:left;}
.panel-one                                    {width:100%; height:auto; float:left; background:#fff;}
.panel-two                                    {width:96.5%; height:auto; float:left; padding:30px 20px; background:#fff; position:relative;}
/*================================================== 
#Top panel
================================================== */

#top-panel                                         {width:100%; height:auto; float:left; position:relative; z-index:9999; }
#top-panel #logo                                   {min-height:3px; position:relative;}
#top-panel #logo a                                 {width:179px; height:89px; float:left; background:url(../images/logo.png) no-repeat; text-indent:-9999px; position:absolute; left:0px; top:20px; z-index:999; }

#top-panel #main-nav                               {width:100%; height:auto; float:left;}
#top-panel #main-nav ul                            {width:auto; height:auto; float:right; padding:30px 0;}
#top-panel #main-nav ul li                         {width:auto; height:auto; float:left; margin:0 0 0 2px; font-size:17px; font-weight:22px; color:#808080; font-family: 'Trebuchet MS'; text-transform:uppercase; }
#top-panel #main-nav ul li a                       {color:#808080; float:left; padding:12px 20px; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
#top-panel #main-nav ul li a:hover                 {background:#c7181a; color:#fff;}
#top-panel #main-nav ul li a.sign-in               {background:#c7181a; color:#fff;}
#top-panel #main-nav ul li a.sign-in:hover         {background:#525252;}




#banner-panel                                   {width:100%; height:468px; float:left;no-repeat center top; position:relative;}
.country-hedding                                {width:auto; height:auto; min-width:290px; float:left; padding:6px 10px; margin-top:80px; background:#c7181a; font-size:21px; color:#ffffff; font-family: 'ronnia_basic_rgregular'; text-transform:uppercase; po}
.country-hedding span                           {width:auto; height:auto; float:left; margin-left:5px; padding:5px 5px 5px 20px; border-left:#FFF solid 2px;}

.country-hedding.us                             {margin-left:160px;}



.locations-panel                                {width:100%; height:auto; float:left; position:relative;}
.location-point                                 {width:22px; height:22px; float:left; position:absolute; left:0px; top:0px; z-index:9999; background:url(../images/location-pointer.png) no-repeat left top; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
.location-point:hover                           {background:url(../images/location-pointer.png) no-repeat left bottom;}


#container                                      {width:100%; height:auto; float:left;}
.mid-block                                      {width:33.3333%; height:auto; float:left; margin:0px;}
.mid-block-wrap                                 {width:88%; height:auto; float:left; padding:6% 6% 7% 6%;}


.online-support-ad                            {width:98%; height:auto; float:left; border:#e6e6e6 solid 5px;}
.why-cargitech                                {position:relative;}
.why-cargitech p                              {font-family: 'Trebuchet MS'; color:#353535; font-size:21px; text-transform:uppercase;}
.why-cargitech h2                              {font-family: 'Trebuchet MS'; color:#353535; font-size:25px; text-transform:uppercase;}
.why-cargitech p span                         {color:#c7181a; text-transform:none; font:italic 33px Georgia, "Trebuchet MS", Times, serif; }
.why-cargitech a.red-more                     {width:50px;float:right; color:#c7181a; font-size:21px; font-family: 'Trebuchet MS';text-transform:uppercase; text-align:center; position:absolute; right:70px; bottom:0;}
.why-cargitech a.red-more:hover               {color:#525252}


.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}



#footer                                                         {width:100%; height:auto; float:left; margin:30px 0;}
.social-media                                                   {width:200px; float:left;}
.social-media li                                                {width:36px; height:37px; float:left; margin:0 10px 0 0; }
.social-media li a                                              {width:36px; height:37px; float:left; background:url(../images/social-media-icons.png) no-repeat; text-indent:-9999px; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease; }
.social-media li a.twitter                                      {background-position:0 top }
.social-media li a.twitter:hover                                {background-position:0 bottom}

.social-media li a.in                                           {background-position:-59px  top}
.social-media li a.in:hover                                     {background-position:-59px  bottom}
.social-media li a.google                                       {background-position:-117px  top}
.social-media li a.google:hover                                 {background-position:-117px  bottom}
.social-media li a.facebook                                     {background-position:-177px  top}
.social-media li a.facebook:hover                               {background-position:-177px bottom}


.copyrights                                                       {width:auto; height:auto; float:left; font:normal 12px Trebuchet MS; color:#717171;}
.copyrights p                                                     {font:normal 13px Trebuchet MS; color:#717171; text-indent:5px; line-height:20px; margin:0px;}
.copyrights p a                                                   {margin:0 5px 0 5px; color:#515151;}
.copyrights p a:hover                                             {color:#c7181a;}

                 
.footer-logo                                                {width:179px; height:89px; float:left; background:url(../images/logo.png) no-repeat left bottom; text-indent:-9999px; position:absolute; right:30px; top:20px; z-index:999;}
.footer-logo:hover                                          {background-position:left top;}