@import url("plugins/crossbrowser.css");
/*--- Styles for all browses ---*/
body         {background:#FFF url(../images/bg/background.jpg) repeat-x center -2px; font:12px "Trebuchet MS", Arial; color:#666;}
*            {margin:0; padding:0; outline:none;}
a img        {border:none;}
a            {text-decoration:none;}
a:hover      {text-decoration:underline;}
hr.separator {clear:both; border:none; height:0; visibility:hidden;}
.line        {height:0; padding:0; border-top:#FFF 1px solid; border-bottom:#E5E5E5 solid 1px; margin:11px 0 18px 0;}
h1           {font-size:34px; font-weight:normal; color:#424A66;}
h2           {font-size:20px;color:#424A66;}
h3           {font-size:14px;color:#424A66;}
h5           {font-size:14px;color:#666;font-weight:normal;}

label  {display:block;color:#424A66;font-weight:bold;margin-top:5px;}

.break {clear:both;}

/*Framework*/
#warp              {background:url(../images/bg/background02.jpg) no-repeat center -2px; margin:0 auto; max-width:1258px;}
.main              {min-height:386px; width:896px; margin:0 auto;position:relative;}
#title_over_image {position:absolute;z-index:0;top:150px;left:28px;color:white;}
#content           {background:#EAEDF2 url(../images/bg/main.png) top no-repeat; min-height:386px; width:840px; padding:27px 28px 28px 28px; position:relative;}
#content .main_top {background:url(../images/bg/main_top.png) top no-repeat; width:896px; height:16px; position:absolute; top:-16px; left:0;}
.infopages h1,
.title             {width:100%;float:left;}
.infopages .line   {margin:-4px 0 18px 0;}

.banner            {margin:-22px 0 20px;}

/*Top*/
#navigation .replacement                 {display:block;text-indent:-99999px;}
#navigation                  {background:url(../images/bg/back_menu.png) no-repeat; height:44px; width:641px;  position:relative; z-index:70; left:251px; top:-22px;}
#navigation a.replacement    {background:url(../images/menu/menu.png) no-repeat; height:44px;margin:0 2px 0 0;}
#navigation a.link_our          {width:102px;background-position:0 0;}
#navigation a.link_products     {width:69px;background-position:-104px 0;}
#navigation a.link_applications {width:90px;background-position:-175px 0;}
#navigation a.link_the_power    {width:116px;background-position:-267px 0;}
#navigation a.link_molecular    {width:133px;background-position:-385px 0;}
#navigation a.link_news         {width:51px;background-position:-520px 0;}
#navigation a.link_contact      {width:68px;background-position:-573px 0;margin:0;}

#navigation a.link_our:hover          {width:102px;background-position:0 -55px;}
#navigation a.link_products:hover     {width:69px;background-position:-104px -55px;}
#navigation a.link_applications:hover {width:90px;background-position:-175px -55px;}
#navigation a.link_the_power:hover    {width:116px;background-position:-267px -55px;}
#navigation a.link_molecular:hover    {width:133px;background-position:-385px -55px;}
#navigation a.link_news:hover         {width:51px;background-position:-520px -55px;}
#navigation a.link_contact:hover      {width:68px;background-position:-573px -55px;}

#navigation li               {list-style:none; float:left; position:relative;}
#navigation li ul            {position:absolute; z-index:99999; left:0px; top:44px; background-color:#B093C6; visibility:hidden; padding:8px 0;}
#navigation li ul li a       {background:url(../images/icon/arrow.png) no-repeat 10px 11px; display:block; color:#45424B; font-weight:bold; padding:7px 8px 7px 22px; min-width:132px;}
#navigation li ul li a:hover {background-color:#FFF; color:#72339E; text-decoration:none; padding:7px 8px 7px 22px;}

#logo          {position:relative; top:10px;}
#login         {float:right;}

/*Footer*/
.footer        {background:url(../images/bg/footer.png) top left no-repeat; padding:40px 20px 20px 23px; margin:0 auto; width:853px; position:relative; z-index:3;}
.footer       {_margin-top:250px;}
.footer p,
.footer a      {color:#8C8C8C; font-size:11px;}
.footer p      {float:left; margin:18px 97px 0 0;}
.footer a,
.footer span   {font-size:10px;}
.footer img    {float:left; margin:0 0 10px 0;}
.footer #altru {margin:8px 100px 10px 0;}
#footer_home               {margin-top:300px;background:none;border-top:#E4E4E4 solid 1px;padding:8px 20px 20px 23px;}

/*List*/
.list                    {line-height:14px;background:url(../images/bg/list_center.png) top no-repeat; padding:0 10px 0 17px;width:831px;min-height:55px;}
.list a                  {color:#333;}
.list h3                 {padding:10px 4px 0 15px;background:url(../images/bt/arrow02.png) 0 12px no-repeat;}
.list h3.ui-state-active {background:url(../images/bt/arrow01.png) 0 12px no-repeat;}
.list h3 a               {color:#32327C; font-size:14px; font-weight:normal; margin:10px 4px;}
.list .content_list li   {list-style:none;width:190px;min-height:125px;text-align:left;float:left;margin:10px 8px;}
.list .content_list li div {background-color:white;padding:10px 0;text-align:center;height:165px;}
.list .content_list li a.logo {border-top:solid 1px #EAEAEA;display:block;padding-top:5px;margin-top:5px;}
.list .content_list p    {margin-top:5px;height:58px;overflow:hidden;}

.product_list .list_right {margin-left:-2px;}

/*Carrocel*/
#gallerys            {width:311px; float:left; margin-left:20px;}
#photo_big           {margin-bottom:10; border:#CCC solid 1px; width:311px; height:234px;text-align:center;background:url("../images/icon/loading.gif") center center no-repeat;}
#photo_big td        {height:234px;width:311px;text-align:center;}
#carousel            {width:293px; height:67px; margin:9px 0 0 15px; visibility:hidden;}
#carousel ul         {overflow:hidden;}
#box_list            {background:url(../images/bg/carrocel.jpg) repeat-x; width:312px; height:80px; float:left; position:relative;}
#box_list .prev      {position:absolute; top:0; left:0;}
#box_list .next      {position:absolute; top:0; right:0;}
#box_list li         {list-style:none; width:86px; height:65px; border:#CCC solid 1px; position:relative;  margin-left:5px;}

/*--- Styles Pgs ---*/

/*Backgrounds*/
#page_contact .main_top,
#page_news .main_top    {display:none;}

#page_contact #content,
#page_news #content     {background:url(../images/bg/main2.png) top no-repeat; margin-top:-16px;}

#page_contact .footer,
#page_news .footer      {background:none; border-top:#E4E4E4 solid 1px; padding:8px 20px 20px 23px;}

/*Home*/
#home                      {background:none; margin-bottom:-70px;}
#home #content             {padding:0 0 28px 0; top:112px;  position:absolute; background:none;}
#home #content .main_top   {display:none;}
#flash                     {float:left; margin:0px 0 7px 0; height:335px; }
.content_home ul           {background:url(../images/bg/home.jpg) no-repeat; width:892px; height:191px; float:left;}
.content_home ul li        {list-style:none; font-size:11px; width:278px; float:left; padding:19px 0 0 16px;}
.content_home ul li h3     {color:#FFF; font-size:13px;}
.content_home ul li p      {color:#000; margin-top:5px;}
.content_home ul li img    {border:#FFF solid 1px; float:left; margin-right:10px;}
.content_home ul li a img  {clear:both; border:none;}

/*Applications*/
#applications .title_applications       {background:url(../images/bg/title_applications.png) top no-repeat; width:838px; }
#applications .title_applications .img_applications {margin:8px;border:solid 1px #C4D1E6;}
#applications .title_applications .img_applications,
#applications .title_applications h2    {float:left;}
#applications .title_applications h2    {font-size:20px; color:#333; margin-top:36px;}
#applications .title_applications .list {clear:both; background:url(../images/bg/bg_list.png) top no-repeat; width:755px; padding:19px 10px 0 27px; margin-left:20px;}
#applications .content_list             {border-bottom:#FFF solid 1px; display:table; margin:0 0 20px 0;width:780px;}
#applications .list .content_list li   {height:auto;margin:10px 2px;}

#applications .title_applications .application_page {padding:19px 10px 0 10px;width:775px;}

/*Products*/
#products                    {background:url(../images/bg/products.png) top no-repeat; position:relative; margin:13px 0 -30px 0; padding-top:40px;}
#products .line              {margin:11px 0 42px 0;}
#products #box_list          {margin-bottom:10px;}
#products .content_cms       {float:right; width:493px;}
.content_cms .title_products {color:#000; font-size:12px; margin-bottom:13px;}
#links_products              {position:absolute; right:0; top:-30px;}
#links_products li           {list-style:none; float:left;}


.Brochure       {border-top:#E4E4E4 solid 1px;  width:893px; height:35px; position:relative; left:-27px; padding:10px 0 0 0;}
.Brochure ul    {float:right;}
.Brochure li    {list-style:none; display:inline; margin-right:24px; height:35px}
.Brochure li a  {color:#666;}

/*Contact*/
.half                     {float:left;width:182px;}
.half #bt_registered      {margin-top:13px;}
#contact .content_cms     {width:237px; min-height:280px; padding-left:28px; float:left;}
form#contact              {float:right;width:330px;}
form#contact textarea     {height:100px;width:330px; margin-bottom:14px;}
form#contact input        {width:330px; margin-bottom:14px;}
form#contact input.submit {width:auto;}

/*Sidebar*/
#sidebar               {float:left;width:200px;background-color:#B093C6;padding:10px;margin-right:20px;}
#sidebar h4            {color:white;margin-top:5px;}
#sidebar li            {list-style:none; float:left; position:relative;}
#sidebar ul li a       {background:url(../images/icon/arrow.png) no-repeat 10px 11px;display:block; color:#45424B; font-weight:bold; padding:7px 22px 7px 22px;width:176px;margin-left:-10px;}
#sidebar ul li a:hover {background-color:#FFF; color:#72339E; text-decoration:none;}

.content02,
.content03  {display:none;}

/*News*/
#news {float:right;width:600px;}

img.home_articles {float:right;margin:0 0 20px 20px;}

/* content_cms*/
.content_cms    {text-align:justify;}
.content_cms p  {margin-bottom:14px;}
.content_cms ul,
.content_cms ol {margin:10px 20px 15px 20px;}
.content_cms h1 {color:#424A66; font-size:19px; font-weight:bold;}
.content_cms h2 {color:#424A66; font-size:16px;}
.content_cms h3 {color:#424A66; font-size:15px;}
.content_cms h4 {color:#424A66; font-size:14px;}
.content_cms h5 {color:#666; font-size:15px;font-weight:normal;}
.content_cms h6 {color:#424A66; font-size:12px;}

div.error, div.notice {border:solid 2px #652D90;background-color:#DEC4F3;color:#652D90;padding:3px 5px;margin-bottom:10px;}

#distributor p {float:left;width:380px;}
#distributor p select {width:360px;}
#distributor input.submit {background:url(../images/bt/submit.jpg);float:left;width:75px;height:25px;border:none;text-indent:-9999px;cursor:pointer;margin-top:15px;}

#distributors {padding:20px;background-color:#E2E2E2;width:800px;margin:0;float:left;}
#distributors li {display:inline;float:left;width:360px;height:100px;margin-bottom:20px;}
#distributors li.odd {margin-right:80px;}
#distributors li big {display:block;margin-bottom:10px;text-decoration:underline;text-transform:uppercase;}
#distributors li.title {width:800px;height:30px;border-bottom:1px solid #666;}
#distributors li.title h3 {color:#666;}
#distributors li a {color:#666;margin-top:5px;display:block;}

#customer {width:640px;margin:0 auto;}
#customer span {color:red;}
#customer input.submit {background:url(../images/bt/submit2.jpg);float:right;width:78px;height:25px;border:none;text-indent:-9999px;cursor:pointer;}
#customer input.reset {background:url(../images/bt/reset.jpg);float:right;width:70px;height:25px;border:none;text-indent:-9999px;cursor:pointer;margin-right:20px;}
#customer p {float:left;width:300px;}
#customer p input {width:300px;}
#customer p.checkbox {width:400px;}
#customer p.checkbox input {width:20px;float:left;}
#customer p.checkbox label {float:left;margin:-1px 20px 0 3px;}
#customer p.phone input {width:40px;float:left;}
#customer p.column {width:340px;}
#customer p input.big {width:164px;}
#customer p.full {float:left;width:640px;margin:10px 0;}
#customer p textarea {width:640px;height:80px;}
#customer .error {color:red;}
#customer p small {float:left;font-size:12px;padding:0 3px;}

#loginsmart {margin:0 auto;width:478px;height:300px;}
#loginsmart div {background:url(http://174.132.45.244/images/bg/login.jpg) no-repeat;width:338px;height:126px;padding:70px;}
#loginsmart div input {width:338px;}
#loginsmart input.submit {background:url(../images/bt/login2.jpg);float:right;width:66px;height:25px;border:none;text-indent:-9999px;cursor:pointer;margin-top:20px;}