/********************************************
* Mobility Electronics
* Developed by I-ology
* http://www.i-ology.com
*
* Created 06/01/07 - BD
*
* Home Page Style Definitions
********************************************/

/*********************************
* HTML Mods 
*********************************/


/*********************************
* Layout Definitions
*********************************/
#content-left {
    margin: 0;
    padding: 0;
    float: left;
    width: 597px;
}
#content-right {
    margin: 0;
    padding: 0 0 0 9px;
    float: right;
    width: 163px;
    width/**/:/**/ 154px;
    background: none;
}
#header {
    height: 223px;
}
#header-img {
    width: 597px;
    height: 184px;
    margin: 0;
    padding-left: 1px;
    width/**/:/**/ 596px;
    overflow: hidden;
}
#main-content p {
    margin: 0 55px 0 18px;
}

/*********************************
* Titles & Headers
*********************************/
h2#hdr-news {
    display: block;
    margin: 0;
    padding: 0;
    width: 154px;
    height: 15px;
    text-indent: -9999px;
    background: url(/images/hdr_news.gif) top left no-repeat;
}

/*********************************
* Lists 
*********************************/
ul#news-home {
    margin: 15px 0 15px 0;
    padding: 0;
    width: 154px;
    list-style: none;
}
ul#news-home li {
    font-size: 11px;
    margin-left: 9px;
    padding: 10px 0;
    line-height: 14px;
    background: url(/images/dotted_news.gif) top left repeat-x;
}
ul#news-home li.first {
    padding-top: 0;
    background-image: none;
}
ul#news-home a {
    font-size: 11px;
    line-height: 14px;
}
ul#news-home h2 {
    font-size: 11px;
    line-height: 14px;
    color: #000066;
}
#home-callouts ul {
    margin: -5px 0 5px 99px;
    padding: 0;
    list-style: none;
}
#home-callouts ul li {
    display: inline;
    padding-left: 10px;
    margin-right: 10px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}

/*********************************
* Promos & Callouts
*********************************/
h3#promo-investors a {
    margin-bottom: 4px;
    margin-left: -15px;
    padding: 0;
    width: 154px;
    height: 55px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_investors.gif) top left no-repeat;
}
h3#promo-investors a:hover {
    background: url(/images/promo_investors.gif) bottom left no-repeat;
}

h3#promo-media-updates a {
    margin: 0 0 0 -15px;
    padding: 0;
    width: 154px;
    height: 55px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_media_updates.gif) top left no-repeat;
}
h3#promo-media-updates a:hover {
    background: url(/images/promo_media_updates.gif) bottom left no-repeat;
}

h3#promo-visit-igostore a {
    margin: 0 0 0 -15px;
    padding: 0;
    width: 154px;
    height: 55px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_visit_igostore.gif) top left no-repeat;
}
h3#promo-visit-igostore a:hover {
    background: url(/images/promo_visit_igostore.gif) bottom left no-repeat;
}
#home-callouts {
    margin-top: 25px;
    padding-bottom: 14px;
    width: 597px;
    background: url(/images/callout_btm_home.gif) bottom left no-repeat;
}
#home-callouts div {
    width: 597px;
    overflow: hidden;
    background: url(/images/bg_callout_home.gif) top left repeat-y;
}
#home-callouts #power-adapters {
    float: left;
    margin: 0;
    padding: 0;
    width: 284px;
    overflow: visible;
}
#power-adapters h3 {
    margin-left: 11px;
    padding: 0;
    display: block;
    width: 284px;
    height: 38px;
    text-indent: -9999px;
    background: url(/images/hdr_power_adapters.gif) top left no-repeat;
}
#home-callouts #featured-product img,
#home-callouts #power-adapters img,
#home-callouts #keyboards-accessories img {
    float: left;
    margin: 0 0 0 21px;
}
#home-callouts #featured-product p,
#home-callouts #power-adapters p,
#home-callouts #keyboards-accessories p {
    margin: 0 20px 18px 99px;
    padding: 0;
}
#home-callouts #keyboards-accessories {
    float: right;
    margin: 0;
    padding: 0;
    width: 284px;
    background: none;
}
#keyboards-accessories h3 {
    margin-left: -1px;
    padding: 0;
    display: block;
    width: 284px;
    height: 38px;
    text-indent: -9999px;
    background: url(/images/hdr_keyboards_accessories.gif) top left no-repeat;
}

#home-callouts #featured-product {
    float: right;
    margin: 0;
    padding: 0;
    width: 284px;
    background: none;
}
#featured-product h3 {
    margin-left: -1px;
    padding: 0;
    display: block;
    width: 284px;
    height: 38px;
    text-indent: -9999px;
    background: url(/images/hdr_featured_product.gif) top left no-repeat;
}

#home-callouts #featured-product h2 {
    font-size: 11px;
    line-height: 14px;
    color: #000066;
}

#home-callouts #featured-product img {
    float: left;
    margin: 0 6px 0 15px;
}

/*********************************
* Buttons
*********************************/
a#btn-buy-online {
    position: absolute;
    top: 231px;
    left: 240px;
    display: block;
    width: 107px;
    height: 28px;
    text-indent: -9999px;
    background: url(/images/btn_buy_online.gif) top left no-repeat;
}
a:hover#btn-buy-online {
    background: url(/images/btn_buy_online.gif) bottom left no-repeat;
}
a#btn-view-all {
    margin-left: 88px;
    margin-top: -2px;
    display: block;
    background: url(/images/arrow_fwd.gif) 45px 4px no-repeat;
}
a.btn-read-more {
    margin-top: 2px;
    padding-left: 8px;
    display: block;
    background: url(/images/bullet2.gif) 0 5px no-repeat;
}
/*********************************
* Footer Definitions
*********************************/



/*********************************
* Main Navigation
*********************************/
#nav {
    margin-top: 11px;
}

/*********************************
* Sub Navigation
*********************************/




/*********************************
* Global Navigation
*********************************/