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

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


/*********************************
* Layout Definitions
*********************************/
#product-details {
    padding-left: 0;
    float: right;
    width: 582px;
}
#product-details p {
    margin-left: 0;
}
#product-body h2 {
    margin-left: 0;
}
#related-downloads h2 {
    margin: 15px 0 5px 0;
}
#power-products,
#keyboards-accessories {
    float: left;
    width: 597px;
    margin: 0;
    padding: 0;
    background: url(/images/callout_btm.gif) bottom left no-repeat;
}
#power-products div,
#keyboards-accessories div {
    width: 597px;
    margin-bottom: 15px;
    padding: 0;
    background: url(/images/callout_bg.gif) top left repeat-y;
}
#power-products h2,
#keyboards-accessories h2 {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
    width: 597px;
    height: 38px;
    text-indent: -9999px;
}
#power-products h2 {
    background: url(/images/hdr_chargers.gif) top left no-repeat;
}
#keyboards-accessories h2 {
    background: url(/images/hdr_mobile_accessories.gif) top left no-repeat;
}

#power-products p,
#keyboards-accessories p {
    margin: 0 25px 18px 230px;
    padding: 0;
    line-height: 16px;
}
#power-products img {
    float: left;
    margin-left: 11px;
    margin-top: 18px;
}
#keyboards-accessories img {
    float: left;
    margin-left: 11px;
    margin-top: 5px;
}
#keyboards-accessories {
    margin-top: 5px;
}
#product-table-bg {
    margin-top: 25px;
    padding: 0;
    width: 597px;
    background: url(/images/table_bottom.gif) bottom left no-repeat;
}

#product-table td {
    width: 250px;
}

#product-table-bg div {
    margin: 0;
    padding: 5px 0 10px 0;
    width: 597px;
    background: url(/images/table_top.gif) top left no-repeat;
}
#product-table-bg div div {
    background: url(/images/table_bg.gif) top left repeat-y;
}
#product-table-bg h2 {
    color: #000066;
}
#content-left a#igo-logo img {
    margin: 30px 0 70px 0;
    border: 0;
}
.main-content-photo {
    float: right;
    clear: right;
    margin: 0 0 10px 15px;
    padding: 15px 0;
    width: 275px;
    text-align: center;
    background: url(/images/bg_image_bottom.gif) bottom right no-repeat;
}
#product-details .main-content-photo p {
    margin: 5px 15px 0 15px;
    padding-left: 5px;
    font-size: 11px;
    text-align: left;
}
.product-thumb img {
    margin: 5px 15px 10px 0;
    float: left;
    border: 1px solid #E6E6E6;
}
a#go-back {
    width: 48px;
    height: 18px;
    display: block;
    padding-left: 15px;
    margin-left: 505px;
    background: url(/images/arrow_back.gif) 0 4px no-repeat;
}
#online-retailers {
    margin-bottom: 25px;
    padding: 0;;
    width: 597px;
    background: url(/images/divider.gif) bottom left no-repeat;
    overflow: hidden;
}
.row {
    margin: 0 0 10px 0;
    padding: 10px 0;
    width: 597px;
    overflow: hidden;
}
.row div {
    float: left;
    width: 188px;
    margin-left: 10px;
    _margin-left: 5px; /* For IE6 */
    text-align: center;
}
.row div a {
    text-decoration: none;
}
#buy-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 290px;
    overflow: hidden;
}
#buy-right {
    float: right;
    margin: 0;
    padding-left: 15px;
    width: 290px;
    width/**/:/**/275px;
    overflow: hidden;
}
#buy-right p,
#buy-right ul,
#buy-right h2 {
    margin-left: 0;
}

.ug-padding li {
    margin-bottom: 5px;
}

#btn-user-guides {
    float: right; 
    width: 229px;
    height: 58px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_download_user_guides.gif) top left no-repeat;
}

a:hover#btn-user-guides {
    background: url(/images/btn_download_user_guides.gif) bottom left no-repeat;
}


/*********************************
* Titles & Headers
*********************************/
#ttl-chargers,
#ttl-discontinued-products,
#ttl-power-products,
#ttl-keyboards,
#ttl-drivers,
#ttl-user-guides,
#ttl-product-forum,
#ttl-where-buy,
#ttl-support,
#ttl-international-support,
#ttl-driver-archives,
#ttl-product-archive,
#ttl-mobile-accessories {
    margin: 10px 0 10px 15px;
    padding: 0;
    height: 24px;
    text-indent: -9999px;
}
h2#ttl-power-products,
h2#ttl-keyboards {
    margin: 10px 0 10px 15px;
}
#ttl-chargers {
    width: 80px;
    background: url(/images/ttl_chargers.gif) top left no-repeat;
}
#ttl-mobile-accessories {
    clear: both;
    width: 180px;
    background: url(/images/ttl_mobile_accessories.gif) top left no-repeat;
}
#ttl-discontinued-products {
    width: 208px;
    background: url(/images/ttl_discontinued_products.gif) top left no-repeat;
}
h2#ttl-power-products {
    width: 150px;
    background: url(/images/ttl_power_products.gif) top left no-repeat;
}
h2#ttl-keyboards {
    width: 229px;
    background: url(/images/ttl_keyboards.gif) top left no-repeat;
}
h2#ttl-drivers {
    width: 198px;
    background: url(/images/ttl_drivers.gif) top left no-repeat;
}
h2#ttl-user-guides {
    width: 105px;
    background: url(/images/ttl_user_guides.gif) top left no-repeat;
}
h2#ttl-product-forum {
    width: 138px;
    background: url(/images/ttl_product_forum.gif) top left no-repeat;
}
h2#ttl-where-buy {
    width: 128px;
    background: url(/images/ttl_where_buy.gif) top left no-repeat;
}
h2#ttl-support {
    width: 75px;
    background: url(/images/ttl_support.gif) top left no-repeat;
}
h2#ttl-international-support {
    width: 200px;
    background: url(/images/ttl_international_support.gif) top left no-repeat;
}
h2#ttl-driver-archives {
    width: 200px;
    background: url(/images/ttl_driver_archives.gif) top left no-repeat;
}
#ttl-product-archive {
    width: 146px;
    background: url(/images/ttl_product_archive.gif) top left no-repeat;
}

#product-details h2#ttl-power-products,
#product-details h2#ttl-keyboards,
#product-details h2#ttl-mobile-accessories {
    margin-left: 0;
    margin-bottom: 0;
}
/*********************************
* Lists 
*********************************/
#power-products ul,
#keyboards-accessories ul {
    margin: -5px 0 5px 230px;
    padding: 0;
    list-style: none;
}
#power-products ul li,
#keyboards-accessories ul li {
    display: inline;
    padding-left: 10px;
    margin-right: 10px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}
ul {
    margin-bottom: 25px;
    margin-left: 15px;
}
ul li {
    padding-bottom: 0;
}
#product-details ul {
    margin: -15px 0 15px 0;
}
#product-details ul li {
    padding-bottom: 5px;
}
#related-downloads ul {
    margin-top: 0;
}
ul#international li {
    padding-left: 30px;
    padding-bottom: 10px;
}

ul#international li.uk {
    background: url(/images/flag_uk.gif) 0 -1px no-repeat;
}
ul#international li.germany {
    background: url(/images/flag_germany.gif) 0 -1px no-repeat;
}
ul#international li.france {
    background: url(/images/flag_france.gif) 0 -1px no-repeat;
}
ul#international li.italy {
    background: url(/images/flag_italy.gif) 0 -1px no-repeat;
}
ul#international li.spain {
    background: url(/images/flag_spain.gif) 0 -1px no-repeat;
}
ul#international li.portugal {
    background: url(/images/flag_portugal.gif) 0 -1px no-repeat;
}

ul.driver-list {
    margin-bottom: 5px;
}
/*********************************
* Tables
*********************************/
#product-table {
    width: 579px;
    margin: -7px 0 -12px 10px;
}
#product-table tr {
    background: url(/images/dotted_table_horiz.gif) 1px 100% no-repeat;
}
#product-table tr.last {
    background: none;
}
#product-table td {
    padding: 8px 10px 8px 10px;
    vertical-align: top;
}
#product-table img {

    margin: 0;
    padding-top: 5px;
    float: left;
}
#product-table p,
#product-table h2 {
    margin: 0 0 5px 87px;
    line-height: 14px;
}

/*********************************
* Buttons
*********************************/
a.btn-buy-online,
a.btn-learn-more {
    display: block;
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}

/*********************************
* Promos
*********************************/
a#promo-driver-archives {
    float: left;
    margin: 20px 0 15px 0;
    padding: 0;
    width: 163px;
    height: 55px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_driver_archives.gif) top left no-repeat;
}
a:hover#promo-driver-archives {
    background: url(/images/promo_driver_archives.gif) bottom left no-repeat;
}

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

a#chargers {
    background: url(/images/subnav_chargers.gif) top left no-repeat;
}
li a#keyboards {
    height: 35px;
    background: url(/images/subnav_keyboards.gif) top left no-repeat;
}
a#support {
    background: url(/images/subnav_support.gif) top left no-repeat;
}
a#where-buy {
    background: url(/images/subnav_where_to_buy.gif) top left no-repeat;
}
a#product-archive {
    background: url(/images/subnav_product_archive.gif) top left no-repeat;
}
a#mobile-accessories {
    background: url(/images/subnav_mobile_accessories.gif) top left no-repeat;
}

a:hover#chargers, body.chargers-on #chargers {
    background: url(/images/subnav_chargers.gif) bottom left no-repeat;
}
li a:hover#keyboards, body.keyboards-on #keyboards {
    background: url(/images/subnav_keyboards.gif) bottom left no-repeat;
}
a:hover#support, body.support-on #support {
    background: url(/images/subnav_support.gif) bottom left no-repeat;
}
a:hover#where-buy, body.where-buy-on #where-buy {
    background: url(/images/subnav_where_to_buy.gif) bottom left no-repeat;
}
a:hover#product-archive, body.product-archive-on #product-archive {
    background: url(/images/subnav_product_archive.gif) bottom left no-repeat;
}
a:hover#mobile-accessories, body.mobile-accessories-on #mobile-accessories {
    background: url(/images/subnav_mobile_accessories.gif) bottom left no-repeat;
}

/*********************************
* Tertiary Navigation
*********************************/
body.support-on ul#tertiary-keyboards {
    display: block;
}
body.power-on ul#tertiary-power {
    display: block;
}

ul#tertiary-keyboards li a#download-drivers {
    background: url(/images/tertiary_download.gif) top left no-repeat;
    height: 35px;
}
ul#tertiary-keyboards li a#discontinued {
    background: url(/images/tertiary_discontinued.gif) top left no-repeat;
    height: 35px;
}
a#user-guides {
    background: url(/images/tertiary_user_guides.gif) top left no-repeat;
}
a#product-forum {
    background: url(/images/tertiary_product_forum.gif) top left no-repeat;
}
a#where-to-buy {
    background: url(/images/tertiary_where_buy.gif) top left no-repeat;
}
ul#tertiary-keyboards li a:hover#download-drivers, body.drivers-on ul#tertiary-keyboards li #download-drivers {
    background: url(/images/tertiary_download.gif) bottom left no-repeat;
    height: 35px;
}
ul#tertiary-keyboards li a:hover#discontinued, body.discontinued-on ul#tertiary-keyboards li #discontinued {
    background: url(/images/tertiary_discontinued.gif) bottom left no-repeat;
    height: 35px;
}
a:hover#user-guides, body.user-guides-on #user-guides {
    background: url(/images/tertiary_user_guides.gif) bottom left no-repeat;
}
a:hover#product-forum, body.product-forum-on #product-forum {
    background: url(/images/tertiary_product_forum.gif) bottom left no-repeat;
}
a:hover#where-to-buy, body.where-to-buy-on #where-to-buy {
    background: url(/images/tertiary_where_buy.gif) bottom left no-repeat;
}

/*********************************
* Global Navigation
*********************************/
#global li a#home {
    visibility: visible;
}