/* RESET CSS */
body                                    {margin: 0;padding: 0;font-size: 9px; }
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;font-weight:normal;}
ol, ul                                  {list-style: none;}
a,a:hover                               {text-decoration:none;cursor: pointer;}
a:focus                                 {outline: 0;}
table                                   {border-collapse: collapse;}
a img                                   {border:0px;}
.wai                                    {width:0px !important;overflow:hidden;height:0px !important;text-indent:-5000px;margin:0px !important;padding:0px !important;}       
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.fl                                     {float:left;}
.fr                                     {float:right;}

/*  site's CSS */
body                                    {font-family:arial, sans-serif;}
#page                                   {margin: 0 auto 0 auto;width:980px;overflow:hidden;}
/*  the header  */

#header                                 {width:100%;padding-top:20px;height:129px;font-size:130%;}
.inner #header                          {height:170px;}

#logo                                   {width:148px;height:75px;background: url("images/UTA_Logo.png") no-repeat top left;float:left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:148px;height:75px;display:block;}

/* main menu */
ul#topnav                               {float:right;}
ul#topnav li                            {display:inline;border-left:1px solid #8d8d91;}
ul#topnav li a                          {color:#8d8d91;padding:0px 20px;}
ul#topnav li a:hover,ul#topnav li a.clicked,ul#topnav li a:focus{color:#000; }
ul#topnav li.first,ul#mainnav li.first,#footer li.first  {border:none !important;background:none !important;padding-left:0px !important;}
ul#topnav li.highlight a                {color:#336699;}



.top-contact-content                    {font-size:85%;border:4px solid #e6e6e6;padding:10px 20px 5px 17px;position:absolute;top:0px;left:-141px;width:265px;height:350px;color:#fff;background:#027BAF;display:none;z-index:20;}
.top-contact-content form               {font-size:90%;}

/* top login and contact button*/
.top-contact,.top-login                 {position:relative;width:165px;display:inline;margin-right:10px;float:right;clear:right;margin-top:25px;border:1px solid #fff;background: #027BAF;-moz-box-shadow:1px 1px 11px -1px #aaa;-webkit-box-shadow: 1px 1px 11px -1px #aaa;box-shadow: 1px 1px 11px -1px #aaa;background1: -moz-linear-gradient(top, #ffffff, #d6d6d6);background1: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6));z-index:20; behavior: url(css/PIE.htc);}
.top-login a,.top-contact-button a      {color:#fff;font-size:140%;padding:3px 10px 3px 10px;display:block;}
.top-login a:focus,.top-login a:hover,.top-contact-button a:hover,.top-contact-button a:focus   {background: url("images/menu-bg-hover.gif") repeat-x top left;}
 .top-login h3,.top-contact h3          {font-size:100%;}
.top-login a span,.top-contact a span   {display:block;background: url("images/person-icon.png") no-repeat 0px 4px;padding-left:18px;}
.top-contact                            {position:relative;}

/* main menu */
ul#mainnav                              {width:102%;margin-top:10px;clear:both;height:40px;float:left;font-size:130%;position:relative;z-index:1;}
ul#mainnav li                           {display:inline;background: url("images/menu-delimiter.png") no-repeat top left;float:left;padding-left:1px;}
ul#mainnav li a                         {color:#fff;padding:10px 0px;display:block;background: url("images/menu-bg-green.gif") repeat-x top left;text-align:center;width:196px;}
ul#mainnav li a:hover,ul#mainnav li a.clicked,ul#mainnav li a:focus{color:#fff;background: url("images/menu-bg-hover.gif") repeat-x top left;}
ul#mainnav li div                       {display:none;}
ul#mainnav li div.visible               {font-size:70%;height:50px;display:block;background: url("images/submenu-shadow.png") no-repeat center bottom;width:995px;position:absolute;top:39px;left:0px;}
ul#mainnav li div.visible ul li         {display:inline;background:none;}
ul#mainnav li div.visible ul li a       {background:none;color:#027baf;padding:13px 20px;font-weight:bold;width:auto;}
ul#mainnav li div.visible ul li a:hover,ul#mainnav li div.visible ul li a:focus,ul#mainnav li div.visible ul li a.clicked{color:#8d8d91;}
/*ul#mainnav li a span                    {font-weight:bold !important;display:block;text-align:center;font-size:110%;}*/
#ul_products li a                       {padding:7px 14px !important;}
#ul_products li.bottom-align a          {padding-top:22px !important;}
ul#mainnav li div.visible ul            {background:#f3ffec;overflow:hidden;text-align:center;}

/* index banner */
.stage                                  {background: url("images/submenu-shadow.gif") no-repeat center bottom;padding:0 0 10px 0;}
.stage-content                          {background: url("../assetsimages/index-stage2.jpg") no-repeat 90% bottom;overflow:hidden;height:100%;padding-left:21px;}
.stage-content h1                       {color:#027baf;font-size:400%;padding:27px 300px 5px 0;}
.stage-content h1 strong                {font-weight:bold;}
.stage-content h1 span                  {display:block;color:#00ace4;font-size:45%;}


/* login, contact and sidebar forms */
#login-form                             {border:4px solid #a5a5a5;background: url("images/login-box-bg.gif") repeat-x top left;height:141px;margin:5px 0 5px 0;float:left;width:290px;_overflow:hidden;}
#login-form h3                          {color:#fff;background: url("images/person-icon.png") no-repeat left 2px;padding:0px 0 0px 20px;font-size:170%;font-weight:bold;}
#login-form form                        {padding:7px 10px 10px;width:269px;}
#login-form input					{margin-top:7px;width:255px;font-size:150%;padding:6px;color:#666;border:none;border-top:1px solid #2b2b2b;border-left:1px solid #676767;box-shadow:inset 1px 1px 11px #888;-moz-box-shadow:inset 1px 1px 11px #888;-webkit-box-shadow:inset 1px 1px 11px #888;-o-box-shadow:inset 1px 1px 11px #888;}
.top-contact-content input,.sidebar-contact-content input{margin-top:9px;width:255px;font-size:150%;padding:6px;color:#666;border:none;border-top:1px solid #2b2b2b;border-left:1px solid #676767;box-shadow:inset 1px 1px 11px #888;-moz-box-shadow:inset 1px 1px 11px #888;-webkit-box-shadow:inset 1px 1px 11px #888;-o-box-shadow:inset 1px 1px 11px #888;}
#login-form label,#login-form-content label,.top-contact-content label,.sidebar-contact-content label  {display:block}
#login-form input#login,#login-form-content input#login,.top-contact-content input.send,.sidebar-contact-content input.send{background: url("images/button-bg.gif") repeat-x top left #666;cursor: pointer;width:auto;float:right;color:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:-moz-linear-gradient(top, #acacac, #666666);background: -webkit-gradient(linear, left top, left bottom, from(#acacac), to(#666));padding:2px 10px;font-weight:bold;position:relative;behavior: url(css/PIE.htc);border:2px solid #c1c1c1;_behavior:none;}
#login-form input#login:focus,#login-form input#login:hover,#login-form-content input#login:focus,#login-form-content input#login:hover,.top-contact-content input.send:hover,.top-contact-content input.send:focus,.sidebar-contact-content input.send:hover,.sidebar-contact-content input.send:focus{border-color:#fff;}
.top-contact-content textarea,.sidebar-contact-content textarea{background:#fff;margin-top:9px;width:255px;font-size:150%;padding:6px;color:#666;border:none;border-top:1px solid #2b2b2b;border-left:1px solid #676767;-o-box-shadow:inset 1px 1px 11px #888888;box-shadow:inset 1px 1px 11px #888;-moz-box-shadow:inset 1px 1px 11px #888;-webkit-box-shadow:inset 1px 1px 11px #888;font-family:arial;}
.top-contact-content textarea,          {height:100px;}
.sidebar-contact-content textarea       {height:70px;}
.close                                  {display:block;float:left;color:#fff;font-size:140%;margin:15px 0 0 -5px;display:inline;padding:5px;}
.close:hover,.close:focus               {background:#000;}
#your_service                           {border:0px;background:#999;color:#fff;float:left;padding:3px 5px;margin-top:9px;width:140px;}
#login-form-content                     {display:none;background:#027BAF;height:170px;margin:5px 0 0 0;position:absolute;top:-7px;left:-128px;_overflow:hidden;z-index:20;border: 4px solid #E6E6E6;}
#login-form-content h3                  {color:#fff;background: url("images/person-icon.png") no-repeat left 2px;padding:0px 0 0px 20px;font-size:170%;font-weight:bold;}
#login-form-content form                {padding:7px 10px 10px;width:269px;}
#login-form-content input			{margin-top:7px;width:255px;padding:6px;color:#666;border:none;border-top:1px solid #2b2b2b;border-left:1px solid #676767;box-shadow:inset 1px 1px 11px #888;-moz-box-shadow:inset 1px 1px 11px #888;-webkit-box-shadow:inset 1px 1px 11px #888;-o-box-shadow:inset 1px 1px 11px #888;}
.login-close                            {clear: both;color: #FFFFFF;display: inline;float: left;font-size: 125%;margin: 1px 0 0 12px;cursor: pointer;}
.login-close:hover,.login-close:focus   {color:#333;}



/* main content area  */
#content                                {overflow:hidden;height:auto;color:#484848;font-size:135%;line-height:140%;padding:8px 0;}
#content.small                          {width:665px;float:left;}

#content.small #left_col				{border-right:1px dotted #999999; float:left; padding-right:17px; width: 315px;}
#content.small #right_col			{float:left; padding-left:17px; width:315px;}

#content p                              {padding:10px 0;}



#content h1                             {font-size:260%;padding:15px 0 0 0;line-height:130%;color:#027baf;font-weight:normal;}
#content h2                             {font-size:150%;padding:10px 0 0 0;line-height:130%;color:#027baf;}
#content h3                             {font-size:130%;padding:10px 0 0 0;color:#027baf;}
#content h4                             {font-size:110%;padding:5px 0;color:#000;}
#content h5                             {font-size:100%;padding:10px 0 0 0;color:#027baf;}

a.bluelink 								{color:#027BAF !important; font-weight:normal !important; }
a.bluelink:hover 						{color:#AAA !important; }

#content a                              {color:#000;font-weight:bold;}
#content a:hover                        {color:#aaa;}
 

/* index boxes */
.index-box                              {float:left;margin-left:20px;display:inline;width:230px;background: url("images/quadrant-bg.png") repeat-x bottom left;_overflow:hidden;font-size:90%;}
.index-box-content                      {padding:0px 0px 40px 0px;height: 240px;border:1px solid #ebe9e7;_border:none;}
#content .index-box h2                  {color:#007b37;padding:12px 50px 7px 20px;font-size:180%;}
.q1 .index-box-content                  {background: url("images/q1-bg.png") no-repeat bottom left;}
.q2 .index-box-content                  {background: url("images/q2-bg.png") no-repeat bottom left;}
.q3 .index-box-content                  {background: url("images/q3-bg.png") no-repeat bottom left;}
.q4 .index-box-content                  {background: url("images/q4-bg.png") no-repeat bottom left;}
.q1                                     {margin:0px;}
.index-box h2 strong                    {display:block;font-size:120%;}
.index-box-content p				    {text-align:justify; line-height:16px; padding:10px 20px !important;}

.q1 h2                                  {background: url("../assetsimages/q1-icon.gif") no-repeat 95% 10px;}
.q2 h2                                  {background: url("../assetsimages/q2-icon.gif") no-repeat 90% 10px;}
.q3 h2                                  {background: url("../assetsimages/q3-icon.gif") no-repeat 95% 5px;}
.q4 h2                                  {background: url("../assetsimages/q4-icon.gif") no-repeat 90% 5px;}

.bigger-font                            {font-size:110%;}
.box-text                               {margin:0 20px;border-top:1px dotted #484848;}

/* inner pages */
.title                                  {border-bottom:1px dotted #484848;padding:0 0 10px 0;margin-bottom:10px;overflow:hidden;height:100%;}
.title p                                {font-size:150%;line-height:120%;}
.check-title                            {background: url("../assetsimages/check-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}
.ach-title                            	{background: url("../assetsimages/ach-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}
.ebpp-title                            	{background: url("../assetsimages/ebpp-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}
.rdc-title                            	{background: url("../assetsimages/rdc-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}
.ccs-title                            	{background: url("../assetsimages/ccs-icon.jpg") no-repeat right top;padding:0 180px 30px 0px;min-height:150px;}
.obp-title                            	{background: url("../assetsimages/obp-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}
.itranz-title                          	{background: url("../assetsimages/itranz-icon.jpg") no-repeat right top;padding:0 200px 30px 0px;min-height:150px;}

.auto-title                            	{background: url("../assetsimages/industry_icons_auto.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.building-title                         {background: url("../assetsimages/industry_icons_building.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.furniture-title                        {background: url("../assetsimages/industry_icons_furniture.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.trucking-title                         {background: url("../assetsimages/industry_icons_trucking.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.equipment-title                        {background: url("../assetsimages/industry_icons_equipment.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.manufacturing-title                    {background: url("../assetsimages/industry_icons_manufacturing.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.retail-title                           {background: url("../assetsimages/industry_icons_retail.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}
.other-title                            {background: url("../assetsimages/industry_icons_other.jpg") no-repeat right top;padding:0 220px 30px 0px;min-height:150px;}


#content ul                             {list-style-type:disc;margin:10px 10px 10px 30px;}
#content li                             {padding:3px 0;}
#content ol                             {list-style-type:decimal;margin:10px 10px 10px 30px;}

.highlight                              {color:#007532;}


.quote                                  {margin:10px;padding:20px !important;background:#F3FFEC;font-size:125%;font-style:italic;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(css/PIE.htc);-moz-box-shadow:1px 1px 11px -1px #aaa;-webkit-box-shadow: 1px 1px 11px -1px #aaa;box-shadow: 1px 1px 11px -1px #aaa;}
.author                                 {font-weight:bold;text-align:right;float:right;padding:0 20px 10px 0;}
.author2                                {font-weight:bold;text-align:right;float:right;padding:0 20px 10px 0; font-size:60%;}
blockquote                              {overflow:hidden;height:100%;line-height:170%;}
blockquote.fr                           {width:400px;font-size:80%;}

.delimiter                              {border-top:1px dotted #999;padding-top:20px !important;margin-top:10px;}

.half-col                               {margin-bottom:20px;float:left;width:41%;padding:10px 3%;margin:10px 1%;font-size:90%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(css/PIE.htc);border:1px solid #aaa;background: #ddd;background: -moz-linear-gradient(#ddd, #fff);background:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd) to(#fff));background: linear-gradient(#ddd, #fff);-pie-background: linear-gradient(#ddd, #fff);}
.half-col h2                            {font-size:140% !important;font-weight:bold;}
.half-col a.button, a.subbut            {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(css/PIE.htc);border:1px solid #004766;background: #027BAF;background: -moz-linear-gradient(#1292C9, #004766);background:-webkit-gradient(linear, 0 0, 0 100%, from(#1292C9) to(#004766));background: linear-gradient(#1292C9, #004766);-pie-background: linear-gradient(#1292C9, #004766);padding:4px 15px;color:#fff !important;font-weight:normal;float:right;}
.half-col a.button:hover,.half-col a.button:focus,a.subbut:hover,a.subbut:focus{background:#004766;border:1px solid #fff;}

#left_col .delimiter .subbut            {float:none;}

/* sitemap */
#sitemap p                              {padding:5px 0;}
#sitemap h3                             {font-size:100%;padding:10px 0 0 0;color:#027baf;}
#sitemap ul                             {list-style-type:disc;margin:5px 5px 5px 10px;}
#sitemap li                             {padding:3px 0;}
#sitemap ol                             {list-style-type:decimal;margin:5px 5px 5px 10px;}
#sitemap a                              {color:#000;font-weight:normal;}
#sitemap a:hover                        {color:#999;}


.company-list                           {list-style-type:none !important;margin-left:0px !important;}
.company-list li                        {background: url("images/arrow.png") no-repeat left 3px;padding-left:20px !important;}
.company-list li.highlighted            {color:#006633;font-weight:bold;font-size:120%;font-style:italic;}


/* sidebar */
.sidebar                                {float:right;width:280px;background: url("images/sidebar-bg.gif") repeat-y bottom left;margin-top:45px;font-size:135%;}
.sidebar-contact-content                {background: url("images/sidebar-curve.gif") no-repeat top left;padding:25px 15px 15px 15px;color:#fff;font-size:90%;overflow:hidden;height:100%;}
.sidebar .links-nav                     {background: url("images/sidebar-top.gif") no-repeat top left;padding:0 15px;}
.sidebar .links-nav a strong            {color:#008f4a;font-size:120%;}
.sidebar .links-nav a span              {display:block;}
.sidebar .links-nav a:hover strong,.sidebar .links-nav a:focus strong{color:#000;}
.sidebar .links-nav a                   {color:#8d8d91;display:block;height:38px;}
.sidebar .links-nav li                  {border-bottom:1px dotted #7f7f7f;padding:10px 0;}
a.download                              {background: url("images/brochure-icon.gif") no-repeat top left;padding:0 0 0 55px;}
a.demo                                  {background: url("images/laptop-icon.gif") no-repeat top left;padding:0 0 5px 55px;}
#sidebar-form                           {font-size:80%;}
.sidebar h3                             {font-weight:bold;font-size:120%;padding:5px 0;}
#sidebar-form input,#sidebar-form textarea{width:235px;}
#sidebar-form input.send                {width:auto;}
.sidebar-contact                        {background: url("images/green-pattern.gif") top left;color:#fff;margin-top:25px;}
.sidebar p                              {padding:5px 0;}

/* teaser */
.teaser                                {float:right;width:280px;background: url("images/green-pattern.gif") repeat-y bottom left;margin-top:45px;font-size:135%;}
.teaser .links-nav a strong            {color:#008f4a;font-size:120%;}
.teaser .links-nav a span              {display:block;}
.teaser .links-nav a:hover strong,.sidebar .links-nav a:focus strong{color:#000;}
.teaser .links-nav a                   {color:#8d8d91;display:block;height:38px;}
.teaser .links-nav li                  {border-bottom:1px dotted #7f7f7f;padding:10px 0;}
.teaser h3                             {font-weight:bold;font-size:120%;padding:5px 0;}
.teaser-contact                        {background: url("images/green-pattern.gif") top left;color:#fff;margin-top:25px;}
.teaser p                              {padding:5px 0;}


/*footer style */
#footer                                 {width:980px;margin:0px auto 0 auto;color:#666;font-size:130%;padding:15px 0;overflow:hidden;background: url("images/footer-shadow.gif") no-repeat center top;}
#footer ul#footnav                      {float:left;margin-top:15px;}
#footer #footnav li                     {display:inline;padding:0 20px;border-left:1px solid #666;}
#footer a                               {color:#666;}
#footer a:hover,#footer ul li a.clicked,#footer ul li a:focus{color:#000; }

.nacm                                   {float:left;background: url("images/NACM-logo.gif") no-repeat top left;padding-left:85px;line-height:32px;}
.copyright                              {float:right;color:#999;font-size:90%;padding-top:10px;}

.connect                                {background:#fff;float:right;padding:10px;margin-right:10px;display:inline;-moz-box-shadow:1px 1px 11px -1px #aaa;-webkit-box-shadow: 1px 1px 11px -1px #aaa;box-shadow: 1px 1px 11px -1px #aaa;behavior: url(css/PIE.htc);margin-top:5px;}
.connect h4                             {float:left;font-size:100%;line-height:22px;}
.connect ul,.connect li                 {float:left;}

.linkedin,.utube                        {display:block;float:left;width:21px;height:22px;overflow:hidden;text-indent:-5000px;margin-left:5px;display:inline;}
.linkedin                               {background: url("images/linkedin-icon.gif") no-repeat left top;}
.utube                                  {background: url("images/youtube-icon.gif") no-repeat left top;}
.smallprint                             {width:100%;clear:both;float:left;}
.phone-no                               {float:right;font-size:130%;padding:15px 20px 0 0px;color:#999;}
.email-us                               {float:right;background: url("images/envelope-icon.gif") no-repeat left 19px;padding:14px 20px 0 0px;overflow:hidden;text-indent:-5000px;width:20px;height:20px;}



/* forms */
.form-wrapper                           {border:1px dotted #aaa;padding:10px;margin:20px 0;}
.form-wrapper legend                    {font-weight:bold;font-size:95%;border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;background:#777;color:#fff;padding:5px 20px 5px 10px;}

.generic-form                           {padding:20px 20px 0 20px;overflow:hidden;background:#f5f5f5;}

.generic-form label                     {display:block;float:left;clear:left;width:200px;text-align:right;font-size:90%;padding:3px 10px 2px 0;}
.generic-form input,.generic-form textarea,.generic-form select{font-size:95%;background:#fff;margin-bottom:11px;border:1px solid #ddd;float:left;padding:3px 0;font-family:arial;margin-right:5px;}

.generic-form input                     {}
.generic-form textarea 				    {width:280px;}
.generic-form input.send-form           {margin-top:10px;cursor:pointer;color:#fff;margin-left:10px;display:inline;font-weight:bold;padding:5px 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(css/PIE.htc);border:1px solid #004766;background: #027BAF;background: -moz-linear-gradient(#1292C9, #004766);background:-webkit-gradient(linear, 0 0, 0 100%, from(#1292C9) to(#004766));background: linear-gradient(#1292C9, #004766);-pie-background: linear-gradient(#1292C9, #004766);}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
.red                                    {color:#ff0000 !important;font-weight:bold;}
.button-list                            {clear:both;}
.generic-form input.send-form.first     {margin-left:110px;}
.generic-form input.send-form:hover     {background:#555;}

.form-fl                                {float:left;margin:0 20px 0 0 !important;list-style-type:none !important;}
.form-fl li                             {width:100%;}
.form-content                           {padding-left:20px;font-size:90%;}


/* pages */
.rest							{display:none;}
.benefits							{float: right;margin-left: 30px;width: 350px;}

