@charset "utf-8";
/* CSS Document: tier1.css used only for home page template */

@import url(/common/inc/css/main_2010.css?v=4);
@import url(/common/inc/css/share.css);

/* Structural Layout
-------------------------------------------------- */
#contentcontainer { padding:0 12px; }
#mainbody { padding-bottom:50px; }
a, a:active{ outline: none; }
a:visited{ color:#333; }
.clr{ clear:both; }

/* Share/RAC header menu
-------------------------------------------------- */
ul#sfhover, ul#sfhover li{ margin:0; padding:0; list-style-type:none; }
ul#sfhover{ /*position:absolute; top:0; right:0px;*/ width:280px; padding-top:14px; padding-left:15px; }
ul#sfhover li{ float:left; /*height:80px;*/ height:24px; }
ul#sfhover li a{ display:block; padding:0; font-size:11px; text-decoration:none; font-weight:bold; color:#00aeef; letter-spacing:-0.5px; text-indent:8px; }
ul#sfhover li ul li a{ text-indent:-9999px; height:16px; }
ul#sfhover li#share{ position:relative; margin-right:4px; }
ul#sfhover li#share ul{ width:217px; background:#e2e2e2; position:absolute; left:-999em; top:24px; z-index:200; padding:15px 0 10px 15px; /*height:47px;*/ }
ul#sfhover li#share ul#social li{ float:left; margin:0 15px 10px 0; width:16px; height:16px; }
ul#sfhover li#share ul#social li a{ padding:0 0 0 16px; cursor:pointer; }
ul#sfhover li:hover ul, ul#sfhover li.sfhover ul{ left:auto !important; }


ul#sfhover li#share a#share_button{ background:url(/common/img/share/share_long.png) 0px 0px; width:95px; line-height:20px; height:24px; color:#666; letter-spacing:0px; }
ul#sfhover li#share a#share_button:hover, ul#sfhover li:hover a#share_button, ul#sfhover li.sfhover a#share_button{ background-position:0px 24px !important; text-decoration:none !important; }
ul#sfhover li.requestcall_button a{ background:url(/common/img/buttons/requestcall_button_long.png) 0px 0px; width:163px; line-height:20px; color:#eee; }
ul#sfhover li.requestcall_button a:hover{ background-position:0px 20px !important; text-decoration:none !important; }


/* Banner
-------------------------------------------------- */
#mainbody{ padding-top:12px; }
#banner_wrap{ width:924px; height:250px; text-align:center; padding:0; }
#banner{ width:624px; height:205px; padding:45px 250px 0 50px; position:relative; text-align:left; }
#banner h1{ margin:0; padding:0; color:#000; font-size:24px; }
#banner h2{ margin:0; padding:8px 0 0 0; font-size:14px; font-weight:normal; }

.banner_green h2{ color:#7AC142; }
#banner_wrap .green, .banner_green{ border-bottom:3px solid #7AC142; }
.banner_purple h2{ color:#505d8d; }
#banner_wrap .purple, .banner_purple{ border-bottom:3px solid #505d8d; }
.banner_yellow h2{ color:#efa733; }
#banner_wrap .yellow, .banner_yellow{ border-bottom:3px solid #efa733; }
.banner_teal h2{ color:#6daaaf; }
#banner_wrap .teal, .banner_teal{ border-bottom:3px solid #6daaaf; }
.banner_blue h2{ color:#00aeef; }
#banner_wrap .blue, .banner_blue{ border-bottom:3px solid #00aeef; }

#banner p{ position:absolute; bottom:30px; left:50px; }
#banner p a{ text-decoration:none; color:#333; }

#banner_buttons{ margin-bottom:12px; height:41px; width:638px; float:left; }
#banner_buttons ul, #banner_buttons ul li{ margin:0; padding:0; list-style-type:none; }
#banner_buttons ul li{ width:209px; height:41px; float:left; margin-right:3px; background:url(/common/img/buttons/banner_button.jpg) 0 3px no-repeat; }
#banner_buttons ul li a{ display:block; width:198px; height:33px; padding:9px 0 0 11px; background:url(/common/img/buttons/banner_button.jpg) 0 3px no-repeat; text-decoration:none; font-size:11px; color:#333; }
#banner_buttons ul li a:hover{ background-position:0 -46px; text-decoration:none !important; }
#banner_buttons ul li a:active{ background-position:0 -96px; }
#banner_buttons ul li a.active{ background-position:0px 0px; color:#fff; }
#banner_buttons ul li.yellow a.active{ background-image:url(/common/img/buttons/tab_yellow.png); }
#banner_buttons ul li.purple a.active{ background-image:url(/common/img/buttons/tab_purple.png); }
#banner_buttons ul li.blue a.active{ background-image:url(/common/img/buttons/tab_blue.png); }
#banner_buttons ul li.green a.active{ background-image:url(/common/img/buttons/tab_green.png); }
#banner_buttons ul li.teal a.active{ background-image:url(/common/img/buttons/tab_teal.png); }
#banner_buttons ul li a.active:hover, #banner_buttons ul li a.active:active{ background-position:0px 0px; }

#socialize{ width:282px; float:left; }

/* Main content
-------------------------------------------------- */
#mainbody{ padding-bottom:0; }
#home_content{ background:#e1e1e1; padding:12px; }
#home_content #offers, #home_content #accordion, #home_content #rightcol_wrap{ width:299px; background:#fff; float:left; margin-right:12px; }
#home_content #rightcol_wrap{ margin-right:0; width:278px; }
#home_content h3{ margin:0; padding:0 10px 0 15px; color:#333; font-size:11px; }
#home_content h3 a{ display:block; padding:11px 0; color:#333; text-decoration:none; }
#home_content h3 a:hover{ text-decoration:none !important; }

/* Offers
-------------------------------------------------- */
#home_content #offers h3{ padding:11px 10px 11px 15px; }
#home_content #offers h3 a, #home_content #rightcol_wrap h3 a{ background:url(/common/img/bullets/arrow.png) center right no-repeat; }
#home_content #offers{ background:#fff; }
#home_content #offers .content{ padding:12px; background:#fafafa; }
#home_content #offers h3, #home_content #accordion h3.active{ background:#fbfbfb url(/common/img/gradient_light.jpg) bottom left repeat-x; }
#home_content #offers .offer{ background:url(/common/img/bg_offer.png) top left no-repeat; padding:9px; min-height:87px; height:auto !important; height:87px; border-bottom:1px solid #ebebeb; margin-bottom:15px; }
#home_content #offers .offer .offer_left{ float:left; width:85px; margin-right:15px; }
#home_content #offers .offer .offer_right{ float:left; width:150px; }
#home_content #offers .offer h4{ margin:0; font-size:13px; }
#home_content #offers .offer h4 a{ color:#000; text-decoration:none; }
#home_content #offers .offer h4 a:hover{ text-decoration:underline; }
#home_content #offers .offer p{ margin:0; padding:0; }

ul.links, ul.links li{ margin:0; padding:0; list-style-type:none; }
ul.links li{ padding:5px 8px; overflow:hidden; clear:both; min-height:15px; height:auto !important; height:15px; }
ul.links li div{ clear:both; }
ul.links li.odd{ background:#e7e7e7; }
ul.links li strong{ color:#00aeef; display:block; font-size:11px; font-weight:normal; float:left; width:15px; height:15px; }
ul.links li a{ font-size:11px; color:#333; text-decoration:none; float:left; width:240px; }

/* Accordion
-------------------------------------------------- */
#home_content #accordion{ position:relative; }
#home_content #accordion h3, #home_content #rightcol_wrap h3{ background:#bfbfbf url(/common/img/gradient_dark.jpg) top left repeat-x; }
#home_content #accordion h3 strong{ float:right; font-weight:normal; margin-top:-27px; font-size:16px; color:#00aeef; }
#home_content #accordion div{ display:none; background:#fafafa; }
#home_content #accordion div ul, #home_content #accordion div ul li{ margin:0; padding:0; list-style-type:none; }
#home_content #accordion div ul li{ padding:15px; border-bottom:1px solid #e1e1e1; font-size:11px; }
#home_content #accordion div ul li a{ text-decoration:none; color:#333; font-weight:bold; }
#home_content #accordion div ul li span{ color:#999; }
#home_content #accordion div p{ padding:15px; font-size:12px; margin:0; padding-bottom:10px; border-bottom:1px solid #e1e1e1; }
#home_content #accordion div p a.title{ font-size:13px; color:#639f9d; font-weight:bold; text-decoration:none; }
#home_content #accordion div p a.readmore{ font-size:11px; font-weight:bold; text-decoration:none; color:#333; }
#home_content #accordion div p strong{ color:#00aeef; font-weight:normal; }

#home_content .more{ margin:0; padding:10px 10px 10px 0 !important; text-align:right; font-size:11px !important; }
#home_content .more a{ color:#333; text-decoration:none; padding:5px 25px 5px 0; background:url(/common/img/bullets/arrow.png) center right no-repeat; }

/* Right column
-------------------------------------------------- */
#home_content #rightcol_wrap{ background:none; }
#home_content #rightcol_wrap .content{ padding:15px; background:#ccc; }
#home_content #rightcol_wrap .content p{ font-size:12px; color:#333; margin:0; padding:0 0 10px 0; }
#home_content #about ul.links li{ padding:1px 0; }
#home_content #about ul.links li a{ font-weight:bold; width:230px; }
#home_content #about ul.links li strong{ width:10px; }
#home_content #partners{ margin-top:15px; }

/* Site menu
-------------------------------------------------- */
#site_menu{ padding:20px 25px; background:#f2f2f2; margin-top:12px; }
#site_menu #col1, #site_menu #col2, #site_menu #col3{ margin-right:15px; }
#site_menu #col1, #site_menu #col2{ width:240px; float:left; }
#site_menu #col3, #site_menu #col4{ width:170px; float:left; }

#site_menu h4{ color:#9e9e9e; font-size:11px; text-transform:uppercase; margin:0; padding:0 0 15px 0; border-top:1px solid #d5d5d5; }
#site_menu h4 span{ display:block; border-top:1px solid #fff; padding-top:5px; }
#site_menu h5, #site_menu h6, #site_menu a{ color:#333; }
#site_menu h5{ font-size:13px; margin:0; padding:0 0 10px 0; }
#site_menu h6{ font-size:11px; margin:0; padding:0; }
#site_menu h6 a{ font-weight:normal; text-decoration:none; }
#site_menu ul, #site_menu ul li{ margin:0; padding:0; list-style-type:none; }
#site_menu ul{ padding-bottom:15px; }
#site_menu ul li a{ font-size:11px; text-decoration:none; }
#site_menu ul li a:hover{ text-decoration:underline; }