/* ################ FILE CHANGED BY MTI ################ */

#body > .inner {
    background-image: none;
}

#body #video {
    margin: 0 30px 22px 30px;
}

#body #video * { display: block; }

#body #left {
    width: 552px;
    margin-left: 30px;
    margin-right: 20px;
}

#body #right {
    width: 353px;
}

#getclipzone {
    z-index: 10000 !important; /* Needed for IE7. Harmless to others */
}

#getclipzone > a {
    position: relative;
    z-index: 1000;
    background-image: url(../images/img_getclipzone_home_lac.png);
    width: 353px;
    height: 48px;
    margin: -23px 0 10px 0;
    display: block;
}

#getclipzone .menu {
    background-image: url(../images/bg_getclipzone_home_dropdown_btm.png);
    top: 43px;
    width: 353px;
}

#getclipzone .menu li {
    width: 285px;
    background-image: url(../images/bg_getclipzone_home_dropdown.png);
    padding-left: 68px;
}

/* ################ HOMEPAGE COUPONS CAROUSEL ################ */

#coupons {
    position: relative;
    width: 554px;
    background: url(../images/bg_box_round_big.png) repeat-y top center;
    clear: both;
}

#coupons .inner {
    background: url(../images/bg_box_round_big_top.png) no-repeat top center;
    padding-top: 10px;
}

#coupons .footer {
    clear: both;
    background: url(../images/bg_box_round_big_btm.png) no-repeat bottom center;
    border-top: 1px solid #C9C7C7;
    height: 39px;
}

#coupons .footer form {
    float: right;
    display: inline;
    margin-right: 10px;
}

#coupons .toggles {
    margin-left: 10px;
}

#coupons .toggles li {
    float: left;
    display: inline;
}

#coupons .toggles a {
    height: 22px;
}

/* 
 - Removed by MTI -

#coupons .toggles #new_toggle {
    background-image: url(../images/img_toggle_new_tpl.png);
    width: 62px;
}

#coupons .toggles #popular_toggle {
    background-image: url(../images/img_toggle_popular_tpl.png);
    width: 123px;
}
*/

#coupons .toggles a:hover { background-position: center left; }
#coupons .toggles a.active { background-position: bottom left; }

#coupons .footer p {
    margin: 0 10px 0 0;
    float: right;
    display: inline;
    font-weight: bold;
}

#coupons .footer ul {
    margin-top: 7px;
}

#carousel {
    background: url(../images/bg_carousel_grad.png) repeat-x bottom left;
    margin: 0 1px;
}

#carousel .inner {
    background: url(../images/bg_coupon_clip.png) no-repeat top center;
    margin-left: 46px !important;
    width: 455px !important;
    padding: 25px 0;
    z-index: 1000;
}

#carousel ul li {
    text-align: center;
    margin: 0 5px;
    width: 150px !important;
    height: 110px !important;
}

#carousel ul li a.image {
    background: url(../images/bg_coupon.gif) no-repeat top center;
    width: 96px;
    height: 72px;
    padding: 3px 10px;
    display: block;
    margin-left: 5px;
}

#carousel .caption {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 140px;
}

#carousel li.active .caption { display: block; }

#carousel .morelink {
    display: inline;
    float: none;
    margin: 0 !important;
    font-weight: normal;
}

#coupons .prev,
#coupons .next {
    position: absolute;
    top: 32%;
    z-index: 100;
}

#coupons .prev { left: 10px; }
#coupons .next {
    left: 100%;
    margin-left: -47px;
}

#coupons .prev,
#coupons .next {
    width: 37px;
    height: 37px;
}

#coupons .prev:hover,
#coupons .next:hover {
    cursor: pointer;
    background-position: bottom left;
}

#coupons .prev {
    background-image: url(../images/img_prev_arw_dbl.png);
}

#coupons .next {
    background-image: url(../images/img_next_arw_dbl.png);
}

/* ========== MINI CAROUSEL ========== */

#coupons.mini,
#carousel.mini {
    width: 315px !important;
    height: 194px;
    background-image: none;
}

#coupons.mini {
    background: url(../images/box_carousel_mini.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
}

#carousel.mini {
    background: url(../images/bg_coupon_clip.png) no-repeat top center;
    width: 187px !important;
    margin: 0 auto;
}

#carousel.mini .inner {
    width: auto !important;
    background-image: none !important; 
    margin-left: 0 !important;
}

#coupons.mini h2 {
    text-align: center;
    color: #9A9A9A;
    margin-top: 0.5em;
    font-size: 18px;
}

#coupons.mini h2 strong { color: #343434; }

#carousel.mini .inner ul { margin-left: 17px !important; }

#carousel.mini ul li { margin: 0 10px; }

#coupons.mini .next,
#coupons.mini .prev {
    top: 47%;
}

/* ################ HOME RIGHT COLUMN ################ */

#watch_demo_link {
    background-image: url(../images/txt_watch_a_demo_dbl.png);
    width: 170px;
    height: 29px;
}

#watch_demo_link:hover { background-position: bottom left; }

#information {
    padding-left: 10px;
    margin-top: -1px;
}

#information p {
    float: left;
    display: inline;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #CCC;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

#information p strong {
    font-size: 14px;
    color: #333;
}

#information p span {
    font-weight: bold;
}

#realpeople,
#realpeople .inner {
    width: 353px;
    height: 95px;
}

#realpeople {
    background: url(../images/bg_box_rounded_med.png) no-repeat top left;
    margin-bottom: 12px;
    overflow: hidden;
}

#realpeople .inner {
    background: url(../images/bg_people.png) no-repeat 97% 100%;
    height: 83px;
    padding-top: 12px;
}

#realpeople .scroller {
    height: 48px;
    overflow: hidden;
}

#realpeople .scroller ol {
    position: relative;
    top: 48px;
    margin-right: 10px;
}

#realpeople .inner > * {
    margin-left: 15px;
}

#realpeople h2 {
    background-image: url(../images/txt_real_people_use_clipzone.png);
    width: 235px;
    height: 18px;
    margin-bottom: 4px;
}

#realpeople li {
    list-style-type: none;
    font-size: 11px;
    line-height: 16px;
    color: #A0A0A0;
}

#callout,
#partners {
    background: url(../images/bg_box_rounded_sml.png) no-repeat top left;
    float: left;
    display: inline;
}

#callout,
#callout .inner,
#partners,
#partners .inner {
    width: 169px;
    height: 95px;
    overflow: hidden;
}

#callout {
    margin-right: 15px;
}

#callout .inner {
    background: url(../images/bg_loop.png) no-repeat bottom right;
    width: 168px; /* Keeps the bg image inside the box and not overlapping the edge */
    height: 84px;
    padding-top: 10px;
}

#callout p {
    font-size: 10px;
    color: #888;
    margin: 0 5px 5px 10px;
    line-height: 1.4;
}

#callout p .logotype,
#callout p em {
    font-style: normal;
    color: #555;
}

#callout .logotype {
    font-weight: bold;
    font-size: 1.2em;
}

#callout p a {
    font-weight: bold;
}

#partners {}

#partners h2 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px 0 10px 15px;
    color: #888;
}

#partners li {
    float: left;
    display: inline;
    margin-left: 15px;
}

p.intro,
.row {
    margin-left: 30px;
}

.row {
    clear: both;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

p.intro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #848484;
}

p.intro strong { color: #000; }


#features {
    width: 580px;
    height: 193px;
    margin-left: 25px;
    position: relative;
}

#features li { list-style-type: none; }

#features .slides li {
    position: absolute;
    top: 0;
    left: 0;
}
/*#features #feature_01 { display: block; }*/

#features img { display: block; }

#features .controls {
    position: absolute;
    /*border: 1px solid #F00;*/
    bottom: 10px;
    left: 40%;
}

#features .controls * {
    float: left;
    display: inline;
}

#features .controls a {
    margin-right: 10px;
}

#features .controls .next { margin-right: 0; }

#features .controls a {
    display: block;
    width: 8px;
    height: 13px;
    line-height: 13px;
}

#features .controls a:hover { background-position: bottom left; }
#features .controls a.disabled:hover {
    background-position: top left;
    cursor: default;
}

#features .controls a.prev  { background-image: url(../images/btn_home_feature_arw_lft_dbl.png); }
#features .controls a.next  { background-image: url(../images/btn_home_feature_arw_rgt_dbl.png); }

#features .controls a.jump_to  {
    background-image: url(../images/btn_home_feature_default.png);
    width: 9px;
    height: 9px;
    line-height: 9px;
    margin-top: 2px;
}

#features .controls a.jump_to.selected {
    background-image: url(../images/btn_home_feature_selected.png);
}

#nopouch_box {
    background: url(../images/box_home_nopouch.png) no-repeat;
    width: 919px;
    height: 242px;
    font-family: Arial, Helvetica, sans-serif;
}

#nopouch_box h2,
#nopouch_box h3 {
    color: #000;
}

#nopouch_box h2 {
    font-size: 18px;
    padding: 10px 0 0 10px;
}

#nopouch_box h3 {
    font-size: 21px;
    margin-bottom: 10px;
}

#nopouch_box .content {
    margin: 0 100px 0 370px;
}

#nopouch_box .content ul {
    margin-left: 15px;
    color: #848484;
    font-size: 13px;
    font-weight: bold;
}

#nopouch_box .content li {
    margin-bottom: 0.5em;
}

#nopouch_box .content ul strong { color: #434141; }

#pouch_box {
    background: url(../images/box_home_pouch.png) no-repeat;
    width: 919px;
    height: 277px;
}

#pouch_box .links {
    float: right;
    display: inline;
    padding: 7px 20px 5px 0;
}

#pouch_box h2 {
    font-size: 18px;
    padding: 5px 0 5px 20px;
    color: #000;
}

#pouch_box .column {
    background: url(../images/box_home_pouch_col.png) no-repeat;
    width: 448px;
    height: 233px;
    margin-left: 7px;
}

#pouch_box .column > h3 {
    text-align: center;
    color: #F0B500;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;
}

#pouch_box .column .entry {
    margin-left: 10px;
}

#pouch_box.column,
#routes_box.column {
    background: url(../images/box_home_modules.png) no-repeat;
    width: 452px;
    height: 279px;
}

#routes_box.column {
    margin-left: 15px;
}

#pouch_box.column .entry,
#routes_box.column .entry {
    margin-left: 12px;
}


#pouch_box.column .toggles,
#routes_box.column .toggles {
    float: right;
    display: inline;
    padding-top: 26px;
    margin-right: 65px;
}

#pouch_box.column .toggles li,
#routes_box.column .toggles li {
    float: left;
    display: inline;
    margin-left: 5px;
}

#pouch_box.column .toggles li a,
#routes_box.column .toggles li a {
    display: block;
    background: url(../images/bg_btn_greyblk_dbl.gif) no-repeat top left;
    width: 101px;
    height: 19px;
    text-align: center;
    font-weight: bold;
    color: #666;
}

#pouch_box.column .toggles li a.active,
#routes_box.column .toggles li a.active,
#pouch_box.column .toggles li a:hover,
#routes_box.column .toggles li a:hover {
    background-position: bottom left;
    color: #FFF;
    text-decoration: none;
}


#pouch_box.column h2,
#routes_box.column h2 {
    font-size: 18px;
    padding: 20px 0 5px 80px;
    color: #000;
}

#pouch_box.column .links,
#routes_box.column .links {
    float: none;
    display: block;
    padding: 0;
}

#pouch_box.column .links div,
#routes_box.column .links div {
    margin: 0 auto;
}

#help_box,
#share_box,
#clipper_box {
    background: url(../images/box_home_sml.png) no-repeat;
    width: 297px;
    height: 95px;
    margin-left: 14px;
}

#help_box .inner,
#share_box .inner,
#clipper_box .inner {
    background-position: top right;
    background-repeat: no-repeat;
    margin: 1px 0;
    height: 93px;
}

#help_box { margin-left: 0; }

#help_box .inner { background-image: url(../images/bg_home_help_box.png); }
#share_box .inner { background-image: url(../images/bg_home_share_box.png); }
#clipper_box .inner { background-image: url(../images/bg_home_clipper_box.png); }

#help_box > *,
#share_box > *,
#clipper_box > * {
    padding-left: 15px;
    padding-right: 15px;
}

#help_box h3,
#share_box h3 {
    color: #5F5F5F;
    font-size: 17px;
}

#help_box h3 {
    padding-top: 25px;
}

#share_box h3 {
    padding-top: 15px;
    margin-bottom: 10px;
    line-height: 18px;
}

#clipper_box h3 {
    padding-top: 10px;
    color: #EFB400;
    font-size: 17px;
}