/********************************************
* Mobility Electronics
* Developed by I-ology
* http://www.i-ology.com
*
* Created 05/31/07 - BD
*
* General Style Definitions
********************************************/

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

body {
    margin: 0;
    padding: 0;
    background: #001955 url(/images/bg_top.gif) top center repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 12px; 
    font-family: Arial, Verdana, sans-serif;
    line-height: 16px;
    color: #333;
}

a {
    color: #000066;
    outline: none;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 0 25px 18px 15px;
    padding: 0;
}
h2 {
    color: #48AC26;
}
h3 {
    font-size: 12px;
    color: #333;
    margin: 0 0 5px 15px;
}

/*********************************
* Layout Definitions
*********************************/
#white-bg {
    margin-top: 35px;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #65C943;
    background: #FFF url(/images/green_border.gif) bottom left repeat-x;
    padding-bottom: 31px;
}
#container {
    position: relative;
    width: 760px;
    margin: -36px auto 0 auto;
    padding: 0;
    overflow: hidden;
}
#logo {
    width: 760px;
    height: 70px;
    margin: 0;
    padding: 0;
    background: url(/images/logo_igo_main.gif) 25px 0 no-repeat;
    float: left;
    overflow: hidden;
}
#logo h1, #logo h1 a {
    margin: 0 0 0 5px;
    padding: 0;
    display: block;
    width: 150px;
    height: 55px;
    text-indent: -9999px;
}
#logo p {
    margin: 3px 0 0 200px;
    padding: 0;
    width: 263px;
    height: 18px;
    display: block;
    background: url(/images/tagline.gif) top left no-repeat;
    text-indent: -9999px;
}

#content-left, #content-left-nonav {
    float: left;
    margin: 0;
    padding: 0;
    width: 163px;
}

#content-left-nonav {
    margin-top: 132px;
}

#content-right {
    margin: 0;
    padding: 0;
    float: right;
    width: 597px;
}

#header {
    float: left;
    width: 597px;
    height: 190px;
    margin: 0 0 22px 0;
    _margin-bottom: 0; /* For IE6 */
    padding: 0;
}
#header img {
    float: left;
    margin: 0 0 0 4px;
}
#main-content {
    float: left;
    margin: 0;
    padding: 0;
    width: 597px;
}
#main-content h2 {
    font-size: 13px;
    /*color: #333;*/
    color: #48AC26;
    margin: 0 0 5px 15px;
}
#product-demo {
    float: left;
    width: 163px;
    margin-bottom: 10px;
    padding-top: 20px;
}
#power-technology {
    float: left;
    width: 163px;
    margin: 0;
    padding: 0;
}
/*********************************
* Titles & Headers
*********************************/
h3#demo-image,
h3#technology-image {
    margin: 0;
    padding: 0;
    display: block;
    width: 163px;
    text-indent: -9999px;
}

h3#demo-image {
    height: 51px;
    background: url(/images/img_product_demo.gif) top left no-repeat;
}
h3#technology-image {
    margin-top: 20px;
    height: 96px;
    background: url(/images/img_technology.gif) top left no-repeat;
}

/*********************************
* Lists 
*********************************/
ul {
    margin: 0 0 18px 15px;
    padding: 0;
    list-style: none;
}
ul li {
    padding-left: 10px;
    padding-bottom: 5px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}
ol {
    margin: 0 0 18px 37px;
    padding: 0;
}
ol li {
    padding-bottom: 5px;
}
/*********************************
* Promos & Callouts
*********************************/
a#promo-product-demo,
a#promo-technology,
a#promo-contact-us,
a#promo-faqs,
a#promo-product-support,
a#promo-contact-form,
a#promo-media-kit,
a#promo-request-info,
a#promo-corporate-pr,
a#promo-videos {
    float: left;
    margin: 5px 0 15px 0;
    padding: 0;
    width: 163px;
    height: 55px;
    display: block;
    text-indent: -9999px;
}

a#promo-product-demo {
    background: url(/images/promo_product_demo.gif) top left no-repeat;
}
a#promo-technology {
    background: url(/images/promo_technology.gif) top left no-repeat;
}
a#promo-contact-us {
    background: url(/images/promo_contact_us.gif) top left no-repeat;
}
a#promo-faqs {
    background: url(/images/promo_faqs.gif) top left no-repeat;
}
a#promo-product-support {
    background: url(/images/promo_product_support.gif) top left no-repeat;
}
a#promo-contact-form {
    background: url(/images/promo_contact_form.gif) top left no-repeat;
}
a#promo-media-kit {
    background: url(/images/promo_media_kit.gif) top left no-repeat;
}
a#promo-request-info {
    background: url(/images/promo_request_info.gif) top left no-repeat;
}
a#promo-corporate-pr {
    background: url(/images/promo_corporate_pr.gif) top left no-repeat;
}
a#promo-videos {
    background: url(/images/promo_videos.gif) top left no-repeat;
}

a:hover#promo-product-demo {
    background: url(/images/promo_product_demo.gif) bottom left no-repeat;
}
a:hover#promo-technology {
    background: url(/images/promo_technology.gif) bottom left no-repeat;
}
a:hover#promo-contact-us {
    background: url(/images/promo_contact_us.gif) bottom left no-repeat;
}
a:hover#promo-faqs {
    background: url(/images/promo_faqs.gif) bottom left no-repeat;
}
a:hover#promo-product-support {
    background: url(/images/promo_product_support.gif) bottom left no-repeat;
}
a:hover#promo-contact-form {
    background: url(/images/promo_contact_form.gif) bottom left no-repeat;
}
a:hover#promo-media-kit {
    background: url(/images/promo_media_kit.gif) bottom left no-repeat;
}
a:hover#promo-request-info {
    background: url(/images/promo_request_info.gif) bottom left no-repeat;
}
a:hover#promo-corporate-pr {
    background: url(/images/promo_corporate_pr.gif) bottom left no-repeat;
}
a:hover#promo-videos {
    background: url(/images/promo_videos.gif) bottom left no-repeat;
}

/*********************************
* Form Elements
*********************************/


#contact-form {
    margin-left: 15px;
    display: block;
}

.box-width {
    width: 200px;
}

.comment-width {
    width: 330px;
}

#form-border {
    width: 597px;
    margin: 0;
    padding: 0 0 15px 0;
    background: url(/images/callout_btm.gif) bottom left no-repeat;
}
#form-border div {
    width: 597px;
    width/**/:/**/ 572px;
    margin: 0;
    padding: 15px 0 10px 25px;
    background: url(/images/callout_bg.gif) top left repeat-y;
}
#indicates-required {
    height: 38px;
    height/**/:/**/ 28px;
    padding: 10px 0 0 25px;
    font-size: 11px;
    color: #999;
    background: url(/images/box_top.gif) top left no-repeat;
}

/*********************************
* Footer Definitions
*********************************/
#footer {
    width: 760px;
    margin: 9px auto 0 auto;
    padding: 0;
    text-align: center;
}

#footer a,
#footer p {
    line-height: 14px;
    font-size: 11px;
    color: #999898;
    margin-bottom: 5px;
    padding: 0;
}


/*********************************
* Main Navigation
*********************************/
#nav {
    float: left;
    margin-top: 4px;
    width: 597px;
    height: 28px;
    background: url(/images/bg_nav.jpg) top right no-repeat;
}
#nav ul {
    margin-left: 6px;
    padding: 0;
    width: 587px;
    height: 28px;
}
#nav ul li {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    display: inline;
    float: left;
    background: none;
}
#nav ul li a {
    height: 21px;
    display: block;
}

a#about-us {
    background: url(/images/nav_about_us.jpg) top left no-repeat;
    width: 108px;
}
a#products {
    background: url(/images/nav_products.jpg) top left no-repeat;
    width: 96px;
    margin-left: 1px;
}
a#press-center {
    background: url(/images/nav_press_center.jpg) top left no-repeat;
    width: 113px;
    margin-left: 1px;
}
a#investors {
    background: url(/images/nav_investors.jpg) top left no-repeat;
    width: 160px;
    margin-left: 1px;
}
a#careers {
    background: url(/images/nav_careers.jpg) top left no-repeat;
    width: 106px;
    margin-left: 1px;
}

a:hover#about-us, body#about-us-on #about-us {
    background: url(/images/nav_about_us.jpg) bottom left no-repeat;
}
a:hover#products, body#products-on #products {
    background: url(/images/nav_products.jpg) bottom left no-repeat;
}
a:hover#press-center, body#press-center-on #press-center {
    background: url(/images/nav_press_center.jpg) bottom left no-repeat;
}
a:hover#investors, body#investors-on #investors {
    background: url(/images/nav_investors.jpg) bottom left no-repeat;
}
a:hover#careers, body#careers-on #careers {
    background: url(/images/nav_careers.jpg) bottom left no-repeat;
}

/*********************************
* Sub Navigation
*********************************/
#subnav {
    float: left;
    margin-top: 20px;
    padding: 0;
    width: 163px;
}

#subnav ul {
    margin: 0;
    padding-top: 1px;
    width: 148px;
    list-style: none;
    background: url(/images/dotted_subnav.gif) top left repeat-x;
}

#subnav li {
    margin-left: -10px;
    padding-bottom: 1px;
    background: url(/images/dotted_subnav.gif) -2px bottom repeat-x;
}
#subnav li a {
    display: block;
    width: 148px;
    height: 21px;
    text-indent: -9999px;
}

/*********************************
* Tertiary Navigation
*********************************/
#subnav ul ul {
    background: none; /* Removes divider line from top of tertiary nav */
    display: none;
}
#subnav ul ul li {
    background: none; /* Removes divider line from bottom of each tertiary nav item */
    padding-bottom: -1px;
}

/*********************************
* Global Navigation
*********************************/
#global {
    width: 760px;
    height: 35px;
    margin-bottom: 19px;
    padding: 0;
    background: url(/images/bg_global.gif) top left no-repeat;
    overflow: hidden;
}

#global ul {
    float: right;
    width: 277px;
    height: 34px;
    margin-right: 12px;
    padding: 0;
    list-style: none;
}
#global ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    display: inline;
    background: none;
}
#global ul li a {
    display: block;
    margin: 0;
    padding: 0;
    height: 34px;
}

#global li a#home {
    width: 40px;
    background: url(/images/global_home.gif) top left no-repeat;
    visibility: hidden;
}
#global li a#worldwide {
    width: 134px;
    margin-left: 18px;
    background: url(/images/global_worldwide.gif) top left no-repeat;
}
#global li a#contact-us {
    width: 67px;
    margin-left: 18px;
    background: url(/images/global_contact.gif) top left no-repeat;
}

#global li a:hover#home {
    background: url(/images/global_home.gif) bottom left no-repeat;
}
#global li a:hover#worldwide, body#worldwide-on a#worldwide {
    background: url(/images/global_worldwide.gif) bottom left no-repeat;
}
#global li a:hover#contact-us, body#contact-us-on a#contact-us {
    background: url(/images/global_contact.gif) bottom left no-repeat;
}