/* Global Elements */
body,
html                                {font-size:12px; color:#323232; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0 1px; background:#FFF;}
#wrap                               {position:relative; margin:0 auto; text-align:left; width:770px;} 
a:link,
a:visited,
a:active                            {color:#0C3C90; text-decoration:underline;}
a:hover                             {color:#0C3C90; text-decoration:none;}
form, input, select                 {}
img                                 {border-width:0px;}
h1                                  {font-size:20px; color:#0067AD;}
h2                                  {font-size:14px; color:#0067AD;}
h3                                  {font-size:11px; color:#0067AD;}


/* Page wrapper */
#page-wrap                          {width:770px; margin:auto; text-align:left;}



/* Header */
#header-wrap                        {float:left; width:770px; height:69px; background:url(../img/global/bg_head.jpg) no-repeat; border-bottom:1px solid #0C3C90; border-left:1px solid #0C3C90; border-right:1px solid #0C3C90; z-index:1;}
#logo                               {position:absolute; margin:0 0 0 10px;}
#searchbar                          {position:absolute; width:400px; margin:5px 0 0 360px; text-align:right; }
.searchbar-box                      {width:120px; font-size:11px; border:1px solid #999;}
.searchbox-button                   {height:18px; font-size:11px; color:#224F9B; background:#C0DBE6; border-top:1px solid #D4F0FB; border-left:1px solid #9DC8D9; border-right:1px solid #9DC8D9; border-bottom:1px solid #79A3B4;}
.login-link                         {font-weight:bold; font-size:12px; color:#000;}


/* Navigation */
#nav                                {position:absolute; margin:42px 0 0 280px;  width:462px; padding:0; list-style:none;}
#nav ul                             {position:absolute; margin:42px 0 0 0px;  width:462px; padding:0; list-style:none; }
#nav a                              {text-align:center; display:block; width:72px; text-decoration:none;}
#nav li                             {float:left; width:72px;}
#nav li.main                        {text-align:left; font-size:11px; margin:0 5px 0 0; padding:6px 0; width:72px; height:27px; background:url(../img/global/nav_bg_tab.gif) 0 0 no-repeat; text-decoration:none;}
#nav li ul                          {position:absolute; display:none; width:72px; left:-999cm; top:-15px; width:100px;}
#nav li:hover ul                    {left:auto; display: block;}
#nav li.sfhover ul                  {left:auto; display: block;}
#nav li li a                        {float:left; text-align:left; background:#0067AD; color:#FFF; text-decoration:none; margin:0; padding:4px 10px; width:100px;}
#nav li ul a                        {float:left; text-align:left; background:#0067AD; color:#FFF; text-decoration:none; margin:0; padding:4px 10px; width:100px;}
#nav li:hover ul a:hover            {background:#88B1CC; color:#FFF; text-decoration:none;}
#nav li.sfhover ul a:hover          {background:#88B1CC; color:#FFF; text-decoration:none;}
li > ul                             {top:auto; left:auto;}

/* mini nav */
#mininav                            {margin:0; padding:0; margin-bottom:15px;}



/* left nav */
#left-wrap                          {float:left; margin-top:30px; height:100%; width:202px; z-index:2;}
#left-wrap-bg                       {background:#EFF9FE; border-left:1px solid #88B1CC; border-right:1px solid #88B1CC;}
#nav-section                        {background:#FFF; width:200px; border-bottom:1px solid #88B1CC;}
#nav-title                          {background:#88B1CC; width:190px; padding:5px 0 5px 10px; font-size:13px; font-weight:bold; color:#FFF; margin:0;}
#nav-text                           {width:180px; padding:5px 10px 5px 10px; margin:0; text-align:left;}
#nav-text     a:link                {color:#787878; text-decoration:underline; padding:5px 0;}
#nav-text     a:visited             {color:#787878; text-decoration:underline; padding:5px 0;}
#nav-text     a:active              {color:#787878; text-decoration:underline; padding:5px 0;}
#nav-text     a:hover               {color:#88B1CC;  padding:5px 0;}

#nav-links                          {width:200px; margin:0;}
#nav-links .links                   {color:#787878; font-size:12px; font-weight:bold; padding:10px 0; line-height:14pt;}
#nav-links .links a:link            {color:#787878; display:block; text-decoration:underline; padding:3px 10px;}
#nav-links .links a:visited         {color:#787878; display:block; text-decoration:underline; padding:3px 10px;}
#nav-links .links a:active          {color:#787878; display:block; text-decoration:underline; padding:3px 10px;}
#nav-links .links a:hover           {color:#FFF; display:block; text-decoration:none; padding:3px 10px; background: #88B1CC;}
#nav-links .links li                {margin-left:15px; }



/* Content */        
#content-wrap                       {float:left; margin:30px 0 0 25px; width:533px; z-index:3;}
#content-wrap i                     {color:#666;}
#content-wrap h1                    {font-size:20px; color:#0067AD;}
#content-wrap h2                    {font-size:14px; color:#0067AD;}



/* Footer */
#footer-wrap                        {float:left; padding:10px; width:750px; z-index:4;color:#FFF; height:130px; background:url(../img/global/footer.gif) 0 0 no-repeat;}
#footer-wrap strong                 {color:#FFF; word-spacing:3px; font-size:12px; font-weight:bold;}
#footer-wrap a:link                 {color:#FFF; text-decoration:none;}
#footer-wrap a:visited              {color:#FFF; text-decoration:none;}
#footer-wrap a:active               {color:#FFF; text-decoration:none;}
#footer-wrap a:hover                {color:#B5E8FF; text-decoration:none;}
#footer-wrap-menu                   {width:740px; z-index:5; text-align:right; }
#footer-wrap-left                   {float:left; margin-top:20px; width:385px; text-align:left; z-index:6;}
#footer-wrap-right                  {float:left; margin-top:20px; width:365px; text-align:right; z-index:7;}



/* content boxes and elements */
.tanbox                             {width:531px; padding:10px 0 10px 0; color:#8D8136; z-index:auto;}
.tanbox-header                      {font-weight:bold; font-size:18px; padding:5px 0 0 10px; height:26px; background:url(../img/global/bg_tanbox_top.gif) no-repeat;}
.tanbox-bg                          {padding:10px 10px 10px 10px; background:url(../img/global/bg_tanbox_tile.gif) repeat-y;}
.tanbox-bg strong                   {font-weight:bold; font-size:13px; color:#8D8136;}
.tanbox-bg p                        {padding:0 15px;}
.tanbox-title                       {background:#8D8136; width:500px; padding:5px 0 5px 10px; font-size:11px; color:#FFF; margin:0;}
.tanbox-title strong                {font-size:14px; font-weight:bold;}
.tanbox-footer                      {height:14px; background:url(../img/global/bg_tanbox_btm.gif) no-repeat;}

.bluebox                            {width:531px; padding:10px 0 10px 0; color:#176A9D; z-index:auto;}
.bluebox-header                     {font-weight:bold; font-size:18px; padding:5px 0 0 10px; height:26px; background:url(../img/global/bg_bluebox_top.gif) no-repeat;}
.bluebox-bg                         {padding:10px 10px 10px 10px; background:url(../img/global/bg_bluebox_tile.gif) repeat-y;}
.bluebox-bg strong                  {font-weight:bold; font-size:13px;}
.bluebox-bg p                       {padding:0 15px;}
.bluebox-title                      {background:#88B1CC; width:500px; padding:5px 0 5px 10px; font-size:11px; color:#FFF; margin:0;}
.bluebox-title strong               {font-size:14px; color:#FFF; font-weight:bold;}
.bluebox-footer                     {height:14px; background:url(../img/global/bg_bluebox_btm.gif) no-repeat;}

.greybox                            {width:531px; padding:10px 0 10px 0; color:#606060; z-index:auto;}
.greybox-header                     {font-weight:bold; font-size:18px; padding:5px 0 0 10px; height:26px; background:url(../img/global/bg_greybox_top.gif) no-repeat;}
.greybox-bg                         {padding:10px 10px 10px 10px; background:url(../img/global/bg_greybox_tile.gif) repeat-y;}
.greybox-bg strong                  {font-weight:bold; font-size:13px;}
.greybox-bg p                       {padding:0 15px;}
.greybox-title                      {background:#8D8D8D; width:500px; padding:5px 0 5px 10px; font-size:11px; color:#FFF; margin:0;}
.grey-info                          {font-size:09px;}
.grey-info-hidden                   {font-size:09px; visibility:hidden;}
.greybox-footer                     {height:14px; background:url(../img/global/bg_greybox_btm.gif) no-repeat;}
#drivebutton                        {padding-top:10px;}

#order-form                         {font-size:11px; position:relative;  width:470px; text-align:right; border:solid 0px;}
#order-form input                   {width:240px; font-size:11px; margin:0px 0px 8px 10px; vertical-align:middle; border:solid 1px #666666;}
.order-co                           {width:245px; font-size:11px; margin:0px 0px 8px 10px; vertical-align:middle; border:solid 1px #666666;}
.order-month                        {width:145px; font-size:11px; margin:0px 0px 8px 10px; vertical-align:middle; border:solid 1px #666666;}
.order-year                         {width:100px; font-size:11px; margin:0px 0px 8px 0px; vertical-align:middle; border:solid 1px #666666;}
.order-text                         {font-weight:bold;} 

.order-error                        {background-color:#CC0000; width:460px; color:#FFFFFF; padding:5px;}
.order-error strong                 {color:#FFF;}

.input-co                           {width:245px; font-size:11px; vertical-align:middle; border:solid 1px #666666;}
.input-text                         {width:240px; font-size:11px; vertical-align:middle; border:solid 1px #666666;}
.input-month                        {width:145px; font-size:11px; vertical-align:middle; border:solid 1px #666666;}
.input-year                         {width:100px; font-size:11px; vertical-align:middle; border:solid 1px #666666;}
.input label                        {display: block; width: 100px; float: left; font-weight: bold;}

/* Step boxes and elements */
.steps                              {width:531px; height:495px;}
.step                               {margin-left:20px; margin-top:15px; width:436px; z-index:auto;}
.step-header                        {height:17px; background:url(../img/homepage/step_header.gif) no-repeat;}
.step-bg                            {background:url(../img/homepage/step_tile.gif) repeat-y;}
.step-footer                        {height:20px; background:url(../img/homepage/step_footer.gif) no-repeat;}
.step-text                          {width:240px; color:#0C3C90; padding:0 5px 0 5px;}
.step-heading                       {font-size:13px; color:#0C3C90; font-weight:bolder;}



/* Pricing */
#pricing                             {float:left; width:528px; padding-left:5px;}
#pricing-best                        {float:left; width:528px; margin:-8px 0 0 0; padding-left:5px; margin-top:-8px; padding-top:12px; height:40px; background:url(../img/global/best_value.gif) no-repeat;}
#service                             {float:left; width:150px;}
#price                               {float:left; width:87px;}
#saving                              {float:left; width:291px;}
    

/* Order Page */
.order-info                          {margin-left:210px;}

.receipt                             {background:#f8ffba; border:2px solid #ffdb72; color:#4e3a01; padding:20px;}
.receipt h2                          {color:#dde3a4 !important; font:bold 24px verdana !important; padding:0 !important;}
.receipt h3                          {color:#a8800d !important; font:bold 14px verdana !important; padding:0 !important;}
.receipt strong                      {color:#423100 !important; font-size:12px !important;}
.receipt ul                          {padding:0 30px !important;}

#secure-bg                           {background:url(../images/secure_bg.jpg) no-repeat; color:#02305a; font-size:10px; height:216px; margin:auto; width:165px; padding:10px;}
#secure-bg strong                    {color:#fff; font:bold 12px Verdana;}

/* LCS */
#lcs-left                            {float:left; margin-top:30px; height:100%; width:470px; z-index:10;}
#lcs-left strong                     {font-size:11px; color:#737373;}
.lcs-left-box                        {margin-left:15px; width:430px; background-color:#1076A6; font-size:13px; padding:2px 8px 5px 8px; color:#FFF;}
.lcs-left-box h2                     {font-size:16px; color:#FFF; line-height:0px;}
#lcs-right                           {float:left; margin:30px 0 0 25px; width:260px; z-index:20; border: solid 1px #65A4CD; background-color:#E2F6FD; color:#0067AD; padding:5px;}


.price-plan                         {width:85px; font-size:10px; border:solid 1px #666666;}
.price-input                        {width:60px; font-size:10px; border:solid 1px #666666;}



/* Error page for addlead.pl */     
#sorry body, #confirm body, html    {background:#e8e8e8; color:#777777;}
#sorry a                            {color:#1f90df;}
#sorry a:hover                      {color:#38a9f9}
#sorry #box                         {background:#ffffff url(/images/status/notice.png) no-repeat 570px 35px; border-bottom:solid 1px #ffffff; border-radius:8px; box-shadow:inset 0px 0px 9px #7b7b7b; color:#777777; font-size:13px; margin:40px auto 2px; min-height:100px; padding:25px 175px 30px 30px; text-align:left; width:500px;}
#confirm #box                       {overflow:hidden; background-color:#FFF; border-bottom:solid 1px #ffffff; border-radius:8px; box-shadow:inset 0px 0px 9px #7b7b7b; color:#777777; font-size:13px; margin:40px auto 2px; min-height:100px; padding:25px; text-align:left; width:500px;}
#confirm h3                         {font-size:18px; font-weight:normal;}
#confirm .copy                      {font-size:11px;}
#sorry #box h2                      {color:#404040; font-size:36px; font-weight:normal; margin:0 0 8px; padding:0;}
#sorry #box2                        {background:#ffffff; border-bottom:solid 1px #ffffff; border-radius:8px; box-shadow:inset 0px 0px 9px #7b7b7b; color:#777777; font-size:13px; margin:80px auto 2px; min-height:100px; padding:25px 30px 30px 30px; text-align:left; width:700px;}
#sorry img                          {position: absolute; margin: -95px 0 0 -50px;}
#sorry #box2 h2                     {color:#404040; font-size:36px; font-weight:normal; margin:0 0 8px; padding:0;}
#sorry #box2 h3                     {color:#404040; font-size:20px; font-weight:normal; margin:0 0 8px; padding:0;}
.form-error-explanation             {font-size:22px; font-weight:normal; color:#000;}
.email-address-option               {-moz-border-radius:4px; border-radius:4px; display:block; -webkit-border-radius:4px; text-align:center; background-color:#309AD4; border-top:none; border-bottom:2px solid #1483C5; border-left:none; color:#FFF; font-size:18px; border-right:none; padding:8px 12px;}
.email-address-option:hover         {background-color:#1483C5; cursor:pointer;}
.email-address-option-2             {background:none; background-color:#e4e4e4; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:5px 10px; color:#1483C5; font-size:16px;}
.email-address-option-2:hover       {cursor:pointer; background-color:#CCC;}
.or                                 {display:block; margin:15px 0 15px 15px;}
.question-mark                      {float:left; display:block; padding-right:30px; font-size:168px; color:#CCC; font-family:helvetica; margin-top:30px;}
.options                            {float:left; width:370px;}

/* Status alerts */
.yield_status_div                   {margin:auto; padding:10px; background:#FEFFAB; color:#6F603E; border:1px solid #DDC57C; margin:9px 15px;}
.error_status_div                   {margin:auto; padding:10px; background:#FFABAB; color:#8C4C4C; border:1px solid #AD4D4D; margin:9px 15px;}
.success_status_div                 {margin:auto; padding:10px; background:#AFFFAB; color:#6A8269; border:1px solid #6DA16B; margin:9px 15px;}
.json_status_div                    {display:none;}

.status-icon                        {float:left; top:0px; left:10px; margin-left:5px; width:45px; height:45px;}
.status-text                        {font-size:12px; width:auto; padding:5px 0 10px 20px; margin-left: 70px; border-left:1px solid #707070; text-align: left;}
.status-text strong                 {font-size:18px;}

.m-error                            {width:580px; background: url(/img/global/form_m_error.gif) no-repeat; padding:0px 0px 10px 30px;}
.m-yield                            {width:580px; background: url(/img/global/form_m_yield.gif) no-repeat; padding:0px 0px 10px 30px;}
.m-success                          {width:580px; background: url(/img/global/form_m_success.gif) no-repeat; padding:0px 0px 10px 30px;}

.alert_div                          {width:580px; background-color: #eee; border: 2px dashed gray; margin-bottom: 10px; padding: 5px; }
.error                              {color: red;}


/*Status Messages*/
#status_div                         {margin:9px 15px; padding:10px;}
.aw-status-headline                 {font-size:18px; margin-left:60px; padding-top:13px;}
.aw-status-icon                     {float:left; height:32px; margin:10px 10px 5px; width:32px;}
.aw-status-info                     {color:#000; margin-left:60px; margin-top:3px;}
.aw-status-info ul                  {margin:5px 0 0 0; padding:0px;}
.aw-status-info ul li               {margin-left:20px;}


.aw-status-success                  {background:#ceffcc; border:1px solid #ade9ab; color:#298326;}
.aw-status-success .aw-status-icon  {background:url(/images/success-check.png) no-repeat;}

.aw-status-error                    {background:#fbe4e4; border:1px solid #e3b5b5; color:#8b1a1a;}
.aw-status-error .aw-status-icon    {background:url(/images/error-x.png) no-repeat;}

.aw-status-yield                    {background:#fffdde; border:1px solid #e9e6ba; color:#363636;}
.aw-status-yield .aw-status-icon    {background:url(/images/yield-exclamation.png) no-repeat;}
