/* PRODUCTS HOME */

.column                                   { margin: 0 17px 0 5px; width: 302px; float: left; background: url(/global_images/products_home/bg_column_top.png) no-repeat 0 0;  }
.column .wrapper                          { background: url(/global_images/products_home/bg_column_bottom.png) no-repeat 0 100%; padding: 0 20px 10px 20px; height: 810px; }
.column .learn-more                       { padding: 2px 18px 2px 0; background: url(/global_images/products_home/bullet_arrow_filled.png) no-repeat 100% 3px; }
#lower-area .column h3                                { font-size: 140% !important; margin-top: 20px !important; }
.column h4                                { font-size: 120% !important; }
.column h4 a                              { text-decoration: none; }
  .column h4 a:link                         { color: #000; }
  .column h4 a:visited                      { color: #000; }
  .column h4 a:hover                        { color: #0074FD; }
  .column h4 a:active                       { color: #000; }
#col3                                     { margin-right: 0; }
.column .leading                          { height: 400px; border-bottom: 1px solid #ccc; }
.column .note                             { color: #616161 !important; }
.boxshot                                  { text-align: center; }
.boxshot img                              { padding: 0 0 10px 0; }
sup                                       { vertical-align: middle; }

.left                                     { float: left; margin-right: 10px; }
#for-iphone img                           { margin-right: 20px; }
.for-ipad img                             { margin-right: 22px; }
#for-iphone                               { margin: 20px 0 30px 0; }

/* Bottom Content */

#bottom-content                           { margin: 20px 0 0 5px; padding-top: 10px; background: url(/global_images/products_home/bg_bottom_content_top.png) no-repeat 0 0; }
#bottom-content .wrapper                  { padding: 10px 20px 20px 20px; background: url(/global_images/products_home/bg_bottom_content_bottom.png) no-repeat 0 100%;  }
#products-more h4                         { margin-bottom: 20px; }

#products-more                            { width: 620px; float: left; border-right: 1px solid #ddd; }
#help                                     { width: 275px; float: right; padding-left: 10px; }
.product-col.leading                      { width: 44%; padding-right: 20px; float: left; border-right: 1px solid #ddd; }
.product-col.trailing                     { width: 44%; float: right; padding-right: 20px; }
.product-col div                          { clear: both; height: 90px; }
.product-col img                          { float: left; }
.product-col h5, .product-col p           { margin-left: 70px; }
.product-col h5                           { margin-bottom: 5px !important; }

#help ul                                  { margin: 20px 0 0 0 !important; padding: 0; }
#help li                                  { list-style: none !important; border-bottom: 1px solid #ddd; }
#help li a                                { padding: 12px 0; display: block; background: url(/global_images/products_home/bullet_arrow_bottom_content.png) no-repeat 100% 16px; }
#help li.first a                          { padding-top: 0 !important; background: url(/global_images/products_home/bullet_arrow_bottom_content.png) no-repeat 100% 6px; }

/* Expandable Blue Button 
-------------------------*/

.button, .button span                             { background: url(/global_images/buttons/bg_button_blue_left.png) no-repeat 0 0; padding: 8px 0 8px 0; font-size: 11px; }
.button span                                      { margin-left: 13px; height: 30px; background: url(/global_images/buttons/bg_button_blue_right.png) no-repeat 100% 0; padding: 8px 20px 8px 7px; color: #fff; }
.button a                                         { text-decoration: none; }
.button.red                                       { background-image: url(/global_images/buttons/bg_button_red_left.png); }
.button.red span                                  { background-image: url(/global_images/buttons/bg_button_red_right.png); }
.button.gray                                      { background-image: url(/global_images/buttons/bg_button_gray_left.png); }
.button.gray span                                 { background-image: url(/global_images/buttons/bg_button_gray_right.png); }
#sub-nav .button a { padding-left: 0; }
#sub-nav .button { margin-left: 15px; }