/* ========== Main table ========== */
table#wrapTable {
margin-top: 3px;
margin-left: 4px;
}
td#wrapTableLeft {
width: 184px;
background: #323232 url(../images/global/lnav_bg_mid.gif) 0 0 repeat-y;
vertical-align: top;
}
td#wrapTableLeftBottom {
background: #323232 url(../images/global/lnav_bg_mid.gif) 0 0 repeat-y;
vertical-align: bottom;
}
td#wrapTableMain {
width: 563px;
vertical-align: top;
background:transparent; padding:0px 7px;
}
td#wrapTablePromo {
width: 234px;
background: transparent;
vertical-align: top;
}
td#wrapTableRightBottom {
background: transparent; 
vertical-align: bottom;
}
td#wrapWideColumn {
width: 807px;
padding: 0px 0px 12px 0px;
vertical-align: top;
}
table#wrapWideTable {
width: 807px;
}
td#wrapWideSummary {
width: 570px;
padding: 7px 3px 0px 7px;
vertical-align: top;
}
td#wrapWideCart {
width: 234px;
vertical-align: top;
}
td#wrapWideBody {
padding: 0px 0px 0px 7px;
vertical-align: top;
}
td#wrapCompareSummary {
width: 748px;
padding: 7px 0px 0px 9px;
vertical-align: top;
}
td#wrapCompareCart {
width: 234px;
vertical-align: top;
}
td#wrapCompareBody {
padding: 0px 0px 11px 9px;
vertical-align: top;
}
/* ========== Left Nav: Search Box ========== */
div#searchBox {
width: 184px;
padding-bottom: 16px;
/* background:transparent url(../images/global/search-complete_box.jpg) 0 0 no-repeat; */ 
color:#717171; margin-bottom:15px;
background: transparent url(../images/global/SearchHeader.gif) 0 0 no-repeat;;
vertical-align: top;
}
div#searchBoxTop {
width: 162px; height:0px;
padding-top: 16px; padding-left: 22px;
margin: 0px;
background:#717171; 
/* background: #484743 url(../images/global/lnav_search_bg_top.gif) 0 0 no-repeat; */
}
div#searchBoxTop p {
margin: 0px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
input#searchQuery {
width: 117px; height: 14px;
margin-left: 22px;
font-size: 12px;
}
input#searchSubmit {
margin-left: 7px;
vertical-align: middle;
}
img#searchBoxBottom {
position: absolute; bottom: -1px; left: 0px;
}
/* ========== Left Nav: Category Navigation ========== */
div.catnavBox {
width: 152px; height: 20px;
margin-left: 8px;
padding: 6px 0px 0px 14px;
background: #201E1E url(../images/global/catnav_bg_closed.gif) 50% 0 no-repeat;
font-size: 11px;
display: none;
}
div.catnavBox_open, div.catnavBox_active {
width: 152px;
margin-left: 8px;
padding: 6px 0px 6px 14px;
background: transparent;
font-size: 11px;
display: none;
}
table.catnavTable {
width: 170px;
}
td.catnavLeft {
padding-right: 0.5em;
vertical-align: top;
text-align: right;
}
span.catnavLeftSymbol, span.catnavLeftSymbol_open {
font-weight: normal;
color: #FE8004;
cursor: pointer;
}
td.catnavRight {
width: 134px;
vertical-align: top;
}
td.catnavRight h3 {
margin: 0px 0px 4px 0px;
font-size: 11px;
}
td.catnavRight p {
margin: 0px;
padding-bottom: 6px;
font-weight: normal;
color: #FFFFFF;
}
a.catnavBody, a.catnavBody:link, a.catnavBody:visited {
text-decoration: none;
color: #717171;
}
a.catnavBodyActive {
text-decoration: none;
color: #B8B8B8;
}
a.catnavBody:hover {
text-decoration: none;
color: #94D4F6;
}
span.catnavHeading {
color: #EDE1D2;
font-weight: bold;
cursor: pointer;
}
span.catnavHeadingExt {
color: #EDE1D2;
font-weight: bold;
cursor: pointer;
}
span.catnavHeading_open {
color: #FE8004;
font-weight: bold;
cursor: pointer;
}
span.catnavHeadingExt_open {
color: #FE8004;
font-weight: bold;
cursor: pointer;
}
input#viewAllPhones_zip {
width: 87px; height: 14px;
font-size: 11px;
}
input#viewAllPhones_submit {
margin-left: 6px;
vertical-align: middle;
}
img.catnavBox_open_bot {
position: absolute; bottom: 0px; left: 0px;
}
/* ========== Left Nav: Refinement Navigation ========== */
/* ==== Commented by Nancy for New Search refinement tool Release 1 2009 START === */
/*div#refnavBox {
margin: 15px 0px 0px 8px;
padding-bottom: 7px;
width: 166px;
background: #31302F url(../images/global/refnav_bg_mid.gif) 0 0 repeat-y;
font-size: 11px;
display: none;
}*/
/* ==== Commented by Nancy for New Search refinement tool Release 1 2009 END === */
div#refnavBoxHeader {
width: 166px;
background: transparent url(../images/global/refnav_header_bg_mid.gif) 0 0 repeat-y;
}
div#refnavBoxHeaderTop {
width: 166px;
padding: 9px 0px 5px 0px;
background: transparent url(../images/global/refnav_header_bg_top.gif) 0 0 no-repeat;
}
div#refnavBoxHeaderTop h2 {
margin: 0px 0px 0px 15px;
font-size: 11px;
font-weight: bold;
color: #0C0A0B;
}
div.refitemBox, div.refitemBox_open, div.refitemBox_active {
width: 124px;
margin-left: 2px;
background: transparent;
display: none;
}
div.refitemBox_open, div.refitemBox_active {
padding-bottom: 8px;
}
/* ==== Commented & modified by Nancy for New Search refinement tool Release 1 2009 START === */
/* table.refnavTable {
width: 155px; height: 22px;
margin-bottom: 12px;
background: transparent url(../images/global/refnavbox_header_bg.gif) 0 0 no-repeat;
}*/
table.refnavTable {
width: 124px;
height: 22px;
margin-bottom: 7px;margin-top: 10px; text-transform:uppercase;
background: transparent url(../images/global/RefinementHeader.gif) left 0 no-repeat;
}
/* ==== Commented & modified by Nancy for New Search refinement tool Release 1 2009 END === */
td.refnavLeft {
//padding-right: 0.5em;
vertical-align: middle;
text-align: right;
}
span.refnavLeftSymbol, span.refnavLeftSymbol_open {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
cursor: pointer;
}
/* ==== Commented & modified by Nancy for New Search refinement tool Release 1 2009 START === */
/* td.refnavRight {
width: 134px;
vertical-align: middle;
} */
td.refnavRight {
margin: 0px 0px 0px 3px;
width: 124px;
vertical-align: middle; text-align: center;
}
/* ==== Commented & modified by Nancy for New Search refinement tool Release 1 2009 END === */
td.catnavRight p {
margin: 0px;
}
div.refitemBox p {
/* margin: 0px 0px 12px 21px; */
margin: 12px 0px 8px 21px;
font-style: italic;
color:#717171;
}
div.refitemBox h3, div.refitemBox_open h3, div.refitemBox_active h3 {
margin: 0px;
font-weight: bold;
font-size: 11px;
}
span.refnavHeading, span.refnavHeading_open {
text-decoration: none;
color: #FFFFFF; text-align: center;
cursor: pointer;
}
/* ==== Commented & modified by Nancy for New Search refinement tool testing START === */
/* div.refitemBox_open p, div.refitemBox_active p {
width: 125px;
margin: 0px 0px 4px 21px;
color: #999999;
}*/
div.refitemBox_open p, div.refitemBox_active p {
width: 124px;
margin: 0px 0px 4px 0px;
color: #999999;
}
/* ==== Commented by Nancy for New Search refinement tool testing END === */
div.reftoolDotRule {
width: 124px; height: 1px;
margin: 7px 0px 7px 21px;
font-size: 0px; line-height: 0px;
background: transparent url(../images/global/refnav_dotrule.gif) 0 0 repeat-x;
} 
/* ==== Commented & modified by Nancy for New Search refinement tool testing START === */
/* span.reftool_selectAll, span.reftool_clearAll, span.reftool_update {
margin-right: 10px;
color: #FFFFFF;
cursor: pointer;
} */
span.reftool_selectAll, span.reftool_clearAll {
margin-right: 10px;
color: #000000;
cursor: pointer;
}
/* ==== Commented by Nancy for New Search refinement tool testing END === */
img.reftoolChevron {
margin-right: 3px;
margin-bottom: 2px;
}
div#reftool_costscale {
width: 109px; height: 5px;
margin: 7px 0px 3px 23px;
}
img.reftoolCostScale {
cursor: pointer;
}
img#reftool_costscale0 { position: absolute; top: 0px; left: 0px; }
img#reftool_costscale1 { position: absolute; top: 0px; left: 6px; }
img#reftool_costscale2 { position: absolute; top: 0px; left: 32px; }
img#reftool_costscale3 { position: absolute; top: 0px; left: 58px; }
img#reftool_costscale4 { position: absolute; top: 0px; left: 84px; }
table.reftoolCostTable {
width: 123px;
margin: 0px 0px 4px 21px;
}
td.reftoolCostCell {
width: 25px;
color: #FFFFFF;
}
span.reftool_cost {
cursor: pointer;
}
table.refnavBodyTable {
width: 123px;
margin: 0px 0px 4px 21px;
/* color: #FFFFFF; */
color: #000000;
}
td.refnavBodyLeft, td.refnavBodyRight {
vertical-align: top; text-align: left;
}
td.refnavBodyRight {
width: 109px;
padding: 3px 0px 4px 4px;
}
a.refnavGlossaryLink {
color: #999999;
}
span.refnav_label {
cursor: default;
}
img#refnavBox_bot {
//position: absolute; bottom: -1px; left: 0px;
//padding-top: 15px;
}
div#cartviewBox {
width: 234px; height: 101px;
padding-bottom: 10px;
font-size: 11px;
color: #000000;
background:transparent url(../images/global/pc_cartBG.gif) 10px 7px no-repeat;
}
div#cartviewBoxTop {
width: 234px; height: 17px;
padding-top: 14px;
/* ========== Commented by Nancy for '09 MotoStore Reskin START ===========*/
/* background: transparent url(../images/global/cartview_top.gif) 0 0 no-repeat; */
/* ========== Commented by Nancy for '09 MotoStore Reskin END ===========*/
}
/* Motorola Phase 1 DHan - Added width, height, and overflow attributes */
div#cartviewBoxTop h3 {
margin: 0px 0px 0px 22px;
font-size: 11px; font-weight: bold;
width:150px; height: 17px;
overflow: hidden;
}
div#cartviewLinks {
position: absolute; top: 14px; right: 22px;
text-align: right;
margin: 0px;
}
div#cartviewLinks a {
text-decoration: none;
margin-left: 0.5em;
color: #000000;
}
div#cartviewLinks img {
padding-right: 4px;
vertical-align: middle;
}
div#cartviewInset {
width: 208px; height: 34px;
padding-top: 8px;
margin: 0px 0px 0px 13px;
background:transparent; 
/* ========== Commented by Nancy for '09 MotoStore Reskin START ===========*/
/* background: #ffffff url(../images/global/cartview_inset.gif) 0 0 no-repeat; */
/* ========== Commented by Nancy for '09 MotoStore Reskin END ===========*/
}
table#cartviewInsetTable {
width: 186px;
margin: 0px auto;
}
td.cartviewInsetLeft {
}
td.cartviewInsetRight {
text-align: right;
}
img#cartviewButton {
position: absolute; bottom: 12px; right: 13px; 
}
img#cartviewBoxBot {
position: absolute; bottom: 0px; left: 0px;
}
div#newsletterPromoBox {
width: 221px; height: 80px;
padding: 4px 0px 0px 13px;
/* background: transparent url(../images/global/promo_newsletter_bg.gif) 0 0 no-repeat; */
}
div#otherPromoBox {
width: 234px;
padding-top: 4px;
background: transparent; /* url(../images/global/promo_extras_top.gif) 0 0 no-repeat;*/
}
/* Motorola jclarke 2007/07/10 Display style for promotion list */
IFRAME.promotion {
margin: 0px 0px 10px 13px;
}
/*2008 Release 7 Added by Nancy for RHS Badge Behavior _ start */
.swfPromotion {
margin: 0px 0px 10px 13px;
}
/*2008 Release 7 Added by Nancy for RHS Badge Behavior _ end */
/* END Motorola jclarke 2007/07/10 Display style for promotion list */
img.promoImage {
margin: 0px 0px 10px 13px;
}
/* ========== Left Nav: Phone Selector ========== */
div#refnavPhoneSelector {
width: 269px; height: 168px;
padding-top: 24px;
/*	position: absolute; top: 1px; left: 157px;
z-index: 10; */
position: absolute; top: 10px; left: 126px;
border:#000000 2px solid;
background: #CCCCCC url(../images/global/drawer_bg_left) left 0 repeat-y;
overflow: auto;
display: none;
}
p#phoneSelectorResult {
font-style: italic;
color: #CECAC3;
display: none;
}
span#phoneSelector_cta {
/*color: #CECAC3;*/
color: #717171;
cursor: pointer;
}
span#phoneSelector_reset {
/*color: #CECAC3;*/
color: #717171;
cursor: pointer;
}
/* ========== Phone Selector Elements =========== */
div#refnavPhoneSelector a {
color: #000000;
}
div#refnavPhoneSelector a:hover {
color: #FE8004;
}
h3#phoneSelectorHeading {
position: absolute; top: 8px; left: 21px;
font-size: 11px;
font-weight: bold;
color: #333333;
}
img#phoneSelectorClose {
position: absolute; top: 10px; left: 236px;
cursor: pointer;
}
div.phoneSelectorBox_on, div.phoneSelectorBox_off {
width: 238px;
margin: 0px 0px 0px 8px;
padding: 26px 0px 8px 0px;
background: #FFFFFF url(../images/global/phoneselect_bg_mid.gif) 0 0 repeat-y;
}
img.phoneSelectorContentTop {
position: absolute; top: 0px; left: 0px;
}
div.phoneSelectorBox_on {
display: block;
}
div.phoneSelectorBox_off {
display: none;
}
img.phoneSelectorSteps {
position: absolute; top: 9px; left: 12px;
}
img.phoneSelectorArrow {
cursor: pointer;
}
table#carriersTable {
width: 213px;
margin: 0px 0px 0px 12px;
}
td.carriersA {
width: 50%;
padding: 11px 0px 0px 0px;
vertical-align: top;
text-align: left;
}
td.carriersB {
width: 50%;
padding: 11px 0px 0px 0px;
vertical-align: top;
text-align: right;
}
img.carrierSelections {
cursor: pointer;
}
table#makersTable {
width: 213px;
margin: 0px 0px 0px 12px;
}
td#makersA {
width: 50%;
padding-top: 11px;
text-align: left;
vertical-align: top;
}
td#makersB {
width: 50%;
padding-top: 11px;
text-align: left;
vertical-align: top;
}
td#makersA p, td#makersB p {
width: auto;
margin: 0px;
}
td#makersA span, td#makersB span {
color: #000000;
text-decoration: underline;
cursor: pointer;
}
table#modelsTable {
width: 213px;
margin: 0px 0px 0px 13px;
}
table#modelsTable td {
text-align: left;
vertical-align: top;
padding-top: 6px;
}
table#modelsTable img, table#modelsTable span {
cursor: pointer;
}
table#modelsTable p {
width: auto;
margin: 4px 0px 0px 0px;
}
table#modelsTable span {
text-decoration: underline;
color: #000000;
}
td.modelsA, td.modelsB, td.modelsC {
width: 57px;
}
td.modelsD {
width: 41px;
}
div.phoneSelectorNav {
margin: 6px 0px 0px 110px;
}
img.phoneSelectorArrow {
vertical-align: middle;
margin-right: 4px;
}
span.phoneSelectorBack {
color: #000000;
cursor: pointer;
}
img.phoneSelectorContentBottom {
position: absolute; bottom: -1px; left: 0px;
}
/* Added by Nancy 08 R7 */
div#newsletterBox {
width: 234px; height: 81px;
padding-bottom: 39px;
background: transparent url(../images/global/cartview_bg.gif) 0 0 repeat-y;
font-size: 11px;
color: #000000;
}
div#newsletterBoxTop {
width: 234px; height: 17px;
padding-top: 14px;
background: transparent url(../images/global/cartview_top.gif) 0 0 no-repeat;
}
div#newsletterBoxTop h3 {
margin: 0px 0px 0px 22px;
font-size: 11px; font-weight: bold;
width:150px; height: 17px;
overflow: hidden;
}
div#newsletterInset {
width: 208px; height: 34px;
padding-top: 12px;
margin: 4px 0px 0px 13px;
background: #ffffff url(../images/global/cartview_inset.gif) 0 0 no-repeat;
}
.text-area {
width: 110px;
}
table#newsletterInsetTable {
width: 186px;
margin: 0px auto;
}
td.newsletterInsetLeft {
}
td.newsletterInsetRight {
text-align: right;
}
td.formbody {
padding: 8px 20px 8px 0px;
}
/* ============ Added by Nancy for R1-2009 START =================== */
/* ============ New Refinement Section to appear in the center of Product Listing page =================== */
div#refnavBox {
margin: 0px 0px 10px 0px;
/* padding-bottom: 5px; */
width: 791px;
font-size: 11px;
/* background: #31302F url(../images/global/refinement_bkgrnd.gif) 0 0 repeat-y; */ 
background: transparent; border:solid 1px #000; 
display: none;
}
div#refnavBoxHeader_new{
padding: 0px 0px 0px 0px;
}
div#refnavBoxHeaderTop_new {
padding: 9px 0px 5px 0px;
background: transparent url(../images/global/refinement_header.gif) 0 0 no-repeat;
}
div#refnavBoxHeaderTop_new h2 {
margin: 0px 0px 0px 15px;
font-size: 11px;
font-weight: bold;
color: #0C0A0B;
}
table.refnavBoxTable {
width: 785px;
height: 28px;
margin-bottom: 12px;
/*background: #31302F;*/
background: transparent;
/*margin-left: 3px;*/
}
td.refnavCol {
width: 16%;
vertical-align: top;
background:#transparent; border:none;
}
td.refnavCol_last{
width: 16%;
vertical-align: top;
}
/* ========================== Cost selector style changes START ============================*/
div#refnavCostSelector {
width: 269px; height: 168px;
padding-top: 24px;
position: absolute; top: 10px; left: 125px;
border:#000000 2px solid;
background: #CCCCCC url(../images/global/drawer_bg_left) left 0 repeat-y;
overflow: auto;
display: none;
}
div#refnavCostSelectorBox {
width: 180px;height: 35px;
margin: 20px 0px 0px 8px;
padding: 8px 0px 8px 0px;
background: #717171;
}
span#costSelector_cta {
position: absolute; top: 8px; left: 21px;
font-size: 11px;
font-weight: bold;
color: #333333;
}
img#costSelectorClose {
position: absolute; top: 10px; left: 236px;
cursor: pointer;
}
div#refnavCostSelector iframe
{
display:none;/*sorry for IE5*/ 
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:269px;/*must have for any big value*/
height:168px/*must have for any big value*/;
}
/* ========================== Other selector style changes START ============================*/
span#otherSelector_cta {
position: absolute; top: 8px; left: 10px;
font-size: 11px;
font-weight: bold;
color: #333333;
}
img#otherSelectorClose {
position: absolute; top: 10px; left: 236px;
cursor: pointer;
}
img#chkboxSelectorClose{
position: absolute; top: 10px; left: 236px;
cursor: pointer;
} 
div.refnavSelectorBox{
width: 269px; height: 168px;
padding-top: 24px;
position: absolute; top: 10px; left: 126px;
border:#000000 2px solid;
background: #CCCCCC url(../images/global/drawer_bg_left) left 0 repeat-y;
overflow: auto;
display: none;
}
div.refnavCheckSelectorBox{
width: 269px; height: 168px;
padding-top: 24px;
position: absolute; top: 10px; left: 126px;
border:#000000 2px solid;
background: #CCCCCC url(../images/global/drawer_bg_left) left 0 repeat-y;
overflow: auto;
display: none;
}
div.refnavSelectorBox iframe
{
display:none;/*sorry for IE5*/ 
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:269px;/*must have for any big value*/
height:168px/*must have for any big value*/;
} 
div.refnavCheckSelectorBox iframe
{
display:none;/*sorry for IE5*/ 
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:269px;/*must have for any big value*/
height:168px/*must have for any big value*/;
}
div#refnavSelectorBoxBg {
width: 238px;height: 35px;
margin: 30px 0px 10px 8px;
padding: 16px 0px 8px 0px;
}
a.refnavBody, a.refnavBody:link, a.refnavBody:visited {
text-decoration: none;
color: #000000;
}
a.refnavBodyActive, a.refnavBody:hover {
text-decoration: none;
color: #FE8004;
}
span.reftool_update {
position: relative; top: 10px; left: 50px;
margin: 12px 0px 12px 21px;
text-decoration:underline;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #000000;
cursor: pointer;
}
div#reftool_check{
margin: 20px 0px 12px 21px;
}
div.refnavspace {
padding: 2px 0px 2px 0px;
}
p#phoneSelector_cta {
margin: 0px 0px 4px 21px;
text-decoration: none;
font-style: normal;
color: #717171;
}
p#phoneSelector_reset {
margin: 0px 0px 8px 21px;
text-decoration: none;
font-style: normal;
color: #717171;
}
/* Added by Nancy for R1-2009 END */
/* The following is AlphaZeta styles for July '09 redesign */
div.refitemBox, div.refitemBox_open, div.refitemBox_active { background:transparent; color:#717171; border:none; }
td#wrapTableLeft,
td#wrapTableLeftBottom,
td#wrapTableRightBottom,
td#wrapTablePromo,
div#newsletterPromoBox,
div#otherPromoBox { background:transparent; }
div#refnavBoxHeaderTop_new { background:#717171; }
td.catnavRight h3 span,
div#cartviewBoxTop h3,
div#cartviewBoxTop a,
div#refnavBoxHeaderTop_new h2,
.catnavHeading { color:#FFF !important; }
/* .refnavCol p span,
.refnavRight h3 span, 
a.catnavBody, a.catnavBody:link, a.catnavBody:visited { color:#717171; } */
div#searchBoxTop p,
img#searchBoxBottom,
td#wrapTableLeftBottom img,
td#wrapTableRightBottom img,
td.catnavLeft,
img.catnavBox_open_bot,
img#cartviewBoxBot,
div#cartviewBoxTop img,
img#refnavBox_bot { display:none; }
.catnavBox_open { border:none; }
input#searchSubmit { margin:0px; }
td#wrapTableLeft div { padding-left:0px; }
div.catnavBox { 
margin:3px 0px 12px 10px; /* min-height:30px; */ 
background:transparent url(../images/global/pc_catnavBoxBG.gif) 0 0 no-repeat; 
width:170px; text-transform:uppercase; vertical-align: middle;
padding:5px 0px 0px 0px;
cursor: pointer;
}
td.catnavRight h3 { 
margin-left:2px; padding:5px 0px 0px 0px;
width:170px; height: 20px; text-transform:uppercase;
background:transparent url(../images/global/pc_catnavBoxBG.gif) 0 0 no-repeat;
cursor: pointer; vertical-align: middle;
} 
td.catnavRight * { font-size:10px; }
td.catnavRight p, td.catnavRight h3 { margin-left:2px; }
td.catnavRight p { margin-left:2px; padding-left:5px; width:170px; }
td.catnavRight h3 .catnavHeading_open, td.catnavRight h3 .catnavHeadingExt_open { 
padding-left:12px; padding-right:0px; 
width:170px; 
}
td.catnavRight p .catnavHeading { padding-left:5px; padding-right:0px;}
td#wrapWideSummary { padding:0px 7px; }
div#cartviewBoxTop a { text-decoration:underline; }
td.cartviewInsetLeft { font-weight:bold; }
.refnavCol p span { font-style:normal; }
/* #wrapBody { top:-20px; } */