/* ======================== Compare Modal - Outer Structure ======================== */

.compareModal { margin:-219px 0 0 -372px; }
.ie .compareModal { margin-top:-223px; }

#compareModal {
    /*width: auto;*/
    height: 190px;
    padding: 10px 10px 0 20px;
    position: relative;
    top: 6px;
    /*Gradient*/
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(2,1,1)), color-stop(0.72, rgb(46,46,46)));
    background: -moz-linear-gradient(center bottom, rgb(2,1,1) 12%, rgb(46,46,46) 72%);
    /*Rounded Borders*/
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    /*Shadows*/
    -moz-box-shadow: 0px 0px 18px #000;
    -webkit-box-shadow: 0px 0px 18px #000;
    box-shadow: 0px 0px 18px #000;
}

/* ========== IE only ========== */
.ie #compareModal {
    background: url(/assets_refresh/images/detailsCompareSpriteIE.png) 0 0 repeat-x;
    height: 210px;
    float: left;
}
.ie #compareModal .modalFamilySeries {
    margin: 25px 0 0 -25px !important;
}
/* ----- Injected via SmartphoneModal.js upon MSIE detection ----- */
.ie #compareModalLeftEdge, .ie #compareModalRightEdge { width: 40px; height: 230px; background: url(/assets_refresh/images/detailsCompareSpriteIE.png) 0 10px no-repeat; float: left; }
.ie #compareModalLeftEdge { background-position: 0 -436px; }
.ie #compareModalRightEdge { background-position: 0 -215px; }

#compareModal #comparePointer {
    position: absolute;
    margin-top: 190px;
    }
#iePointer {display: none;}
.ie #comparePointer {display: none;}
.ie #iePointer {
    display: block;
    background: url(/assets_refresh/images/iePointer.png);
    width: 14px;
    height: 25px;
    margin-top: 210px;
    position: absolute;
    }

    #compareModal #comparePointer #triangle {
        border-color: #000 transparent transparent transparent;
        border-style: solid;
        border-width: 8px;
        margin-top: -1px;
        height: 0;
        width: 0;
    }
    .ie #compareModal #comparePointer #triangle {}
    #compareModal #comparePointer #circle {
        width: 11px; height: 11px;
        background: #00B0E4;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        margin: -1px 0 0 3px;
    }
    .ie #compareModal #comparePointer #circle {}
        #compareModal #comparePointer #circle #plus {
            background: url(/assets_refresh/images/plus.gif) no-repeat;
            width: 11px; height: 11px;
            margin: 3px;
            position: absolute;
        }
	.ie #compareModal #comparePointer #circle #plus {}


/* ======================== Compare Modal - Inner Components and Structure ======================== */

#ie6 #compareModal {
background:url(/assets_refresh/images/compare/compareModalBkgd.gif) 0 0 no-repeat;
}

#compareModal .end {
height:205px;
width:24px;
position:absolute;
right:-24px;
top:0;
background:url(/assets_refresh/images/compare/compareModalEndBkgd.png) 0 0 no-repeat;
}

#ie6 #compareModal .end {
background:url(/assets_refresh/images/compare/compareModalEndBkgd.gif) 0 0 no-repeat;
}

#notch {
display:none;
height:8px;
width:16px;
position:absolute;
background:url(/assets_refresh/images/compare/compareModalNotchBkgd.png) 0 0 no-repeat;
}

#compareModal .close {
background:transparent url(/assets_refresh/images/global/ctaIconSprite.png) no-repeat scroll 0 -60px;
height:16px;
position:absolute;
right:20px;
text-indent:-2000em;
top:20px;
width:15px;
z-index:1000;
}
.ie #compareModal .close {
top: 30px;
right: 0;
}

#ie6 #compareModal .close {
background:url(/assets_refresh/images/global/ctaIconSprite.gif) 0 -60px no-repeat;
}

#compareModal h5 {
font-size:1.09em;
margin-bottom:10px;
}

#compareModal h5 .headerLarge {
display:block;
font-size:20px;
}

#compareModal h6 {
color:#FFF;
font-size:16px;
margin-bottom:6px;
}

#compareModal ul.series {
padding:5px 0;
}

#compareModal ul.series li {
float:left;
position:relative;
height:115px;
width:135px;
background:url(/assets_refresh/images/compare/fpo/compareModalExample.png) 0 0 no-repeat;
margin:0 10px 0 0;
padding:0 0 0 65px;
}
.ie #compareModal ul.series li { line-height: 125%; }

#compareModal ul.series li ul li {
float:none;
height:auto;
display:list-item;
color:#bfbfbf;
font-size:.9em;
background-image:none;
margin:0;
padding:0;
}

#compareModal ul.series li ul li sup {
vertical-align:top;
color:#bfbfbf;
font-size:11px;
}

#compareModal .compareLink {
position:absolute;
bottom:0;
left:65px;
width:120px;
}
.ie #compareModal .compareLink {
top: 105px;
}

#compareModal .compareLink a.cta {
background-position:0 -29px;
}

#compareModal .compareLink a.compareCart {
background-position:0 -87px;
padding-left:12px;
}
li.compareCart{
	background-position: -60px -116px !important;

}
.modalFamilySeries {
display:none;
}

.modal-overlay {
background-color:#000;
}



/* ======================== LIMIT Compare Modal - Warns user that they can compare a maximum of 5 devices at a time ======================== */

#compareLimitModal {
display:none;
height:200px;
background:url(/assets_refresh/images/compare/compareLimitModalBkgd.png) 0 0 no-repeat;
padding:15px 10px 30px 30px;
}

#ie6 #compareLimitModal {
background:url(/assets_refresh/images/compare/compareLimitModalBkgd.gif) 0 0 no-repeat;
}

#compareLimitModal .end {
height:250px;
width:22px;
position:absolute;
right:-22px;
top:0;
background:url(/assets_refresh/images/compare/compareLimitModalEndBkgd.png) 0 0 no-repeat;
}

#ie6 #compareLimitModal .end {
background:url(/assets_refresh/images/compare/compareLimitModalEndBkgd.gif) 0 0 no-repeat;
}

#compareLimitModal .close {
width:15px;
height:15px;
position:absolute;
top:13px;
right:-5px;
text-indent:-2000em;
background:url(/assets_refresh/images/global/ctaIconSprite.png) 0 -60px no-repeat;
}

#ie6 #compareLimitModal .close {
background:url(/assets_refresh/images/global/ctaIconSprite.gif) 0 -60px no-repeat;
}

#compareLimitModal .content {
padding:0;
}

#compareLimitModal h5 {
font-size:18px;
line-height:18px;
font-weight:400;
text-align:center;
margin:0 0 10px;
}

#compareLimitModal h5 .count {
font-size:34px;
position:relative;
top:3px;
}

#compareLimitModal ul.compareList {
width:450px;
height:106px;
overflow:hidden;
}

#compareLimitModal ul.compareList li {
display:inline;
float:left;
position:relative;
height:110px;
width:80px;
text-align:center;
cursor:pointer;
background:url(/assets_refresh/images/compare/comparedeviceimages.png) center top no-repeat;
margin:0 10px 0 0;
}

#compareLimitModal ul.compareList li p {
position:absolute;
bottom:2px;
left:0;
width:80px;
color:#9d9f9f;
text-align:center;
}

/* ----- Compare Limit Modal - Device images ----- */

/* Pearl 3G */
#compareLimitModal ul.compareList li.rimpid2026,
#compareLimitModal ul.compareList li.rimpid2067 {background-position:13px -2185px;}
/* Pearl 8220 */
#compareLimitModal ul.compareList li.rimpid1497 {background-position:13px -1325px;}
/* Pearl 8230 */
#compareLimitModal ul.compareList li.rimpid1501 {background-position:13px -1200px;}
/* Pearl 8130 */
#compareLimitModal ul.compareList li.rimpid906 {background-position:13px -1685px;}
/* Pearl 8120 */
#compareLimitModal ul.compareList li.rimpid624 {background-position:13px -1806px;}
/* Pearl 8110 */
#compareLimitModal ul.compareList li.rimpid705 {background-position:13px -1930px;}
/* Pearl 8100 */
#compareLimitModal ul.compareList li.rimpid203 {background-position:13px -2055px;}
/* Bold 9000 */
#compareLimitModal ul.compareList li.rimpid2046 {background-position:13px -239px;}
/* Bold 9650 */
#compareLimitModal ul.compareList li.rimpid2027 {background-position:13px -123px;}
/* Bold 9700 */
#compareLimitModal ul.compareList li.rimpid2066 {background-position:13px 0px;}
/* Bold 9780 */
#compareLimitModal ul.compareList li.rimpid2486 {background-position:13px -2929px;}
/* Bold 9900 */
#compareLimitModal ul.compareList li.rimpid2726 {background-position:13px -3196px;}
/* Bold 9930 */
#compareLimitModal ul.compareList li.rimpid2727 {background-position:13px -3196px;}
/* Torch */
#compareLimitModal ul.compareList li.rimpid2286 {background-position:13px -2315px;}
/* Torch 9810 */
#compareLimitModal ul.compareList li.rimpid2728 {background-position:13px -3330px;}
/* Torch 9850 */
#compareLimitModal ul.compareList li.rimpid2729 {background-position:13px -3456px;}
/* Torch 9860 */
#compareLimitModal ul.compareList li.rimpid2730 {background-position:13px -3456px;}
/* Tour */
#compareLimitModal ul.compareList li.rimpid1667 {background-position:13px -2447px;}
/* Storm 9530 */
#compareLimitModal ul.compareList li.rimpid1326 {background-position:13px -1568px;}
/* Storm 9550 */
#compareLimitModal ul.compareList li.rimpid1726 {background-position:13px -1451px;}
/* Curve 8350i */
#compareLimitModal ul.compareList li.rimpid1408 {background-position:13px -362px;}
/* Curve 8330 */
#compareLimitModal ul.compareList li.rimpid883 {background-position:13px -485px;}
/* Curve 8320 */
#compareLimitModal ul.compareList li.rimpid623 {background-position:13px -600px;}
/* Curve 8310 */
#compareLimitModal ul.compareList li.rimpid583 {background-position:13px -720px;}
/* Curve 8300 */
#compareLimitModal ul.compareList li.rimpid483 {background-position:13px -720px;}
/* Curve 8530 */
#compareLimitModal ul.compareList li.rimpid1786 {background-position:13px -960px;}
/* Curve 8520 */
#compareLimitModal ul.compareList li.rimpid1686 {background-position:13px -1080px;}
/* Curve 8900 */
#compareLimitModal ul.compareList li.rimpid1528 {background-position:13px -2565px;}
/* Curve 3G */
#compareLimitModal ul.compareList li.rimpid2287 {background-position:13px -2681px;}
/* Curve 9350 */
#compareLimitModal ul.compareList li.rimpid2747 {background-position:13px -3587px;}
/* Curve 9360 */
#compareLimitModal ul.compareList li.rimpid2748 {background-position:13px -3587px;}
/* Curve 9370 */
#compareLimitModal ul.compareList li.rimpid2749 {background-position:13px -3587px;}
/* Curve 9380 */
#compareLimitModal ul.compareList li.rimpid2832 {background-position: 13px -3731px;}
/* Bold 9790 */
#compareLimitModal ul.compareList li.rimpid2867 {background-position: 13px -3851px;}

/* Style */
#compareLimitModal ul.compareList li.rimpid2466 {background-position:13px -3053px;}

#compareLimitModal ul.compareList li.rimpid2307 {background-position:13px -2804px;}

#compareLimitModal .comparePageLink {position:absolute;bottom:35px;left:11px;width:100%;}
#compareLimitModal .comparePageLink .cta {float:left;margin-left:164px;}
#compareLimitModalContents {display:none;}


/* ======================== DETAILS Page Modals - Appear when a user clicks 'Compare models' link on details pages ======================== */

/* ----- Adjust positioning based on # of devices via SmartphoneModal.js ----- */
.numDevices2 { margin-left: -235px; } /* 2 Devices */
.numDevices2 #compareModal #comparePointer { margin-left: 212px; }
.numDevices2 #iePointer { margin-left: -277px; }

.numDevices3 { margin-left: -333px; } /* 3 Devices */
.numDevices3 #compareModal #comparePointer { margin-left: 310px; }
.numDevices3 #iePointer { margin-left: -389px; }

.numDevices4 { margin-left: -460px; } /* 4 Devices */
.numDevices4 #compareModal #comparePointer { margin-left: 437px; }
.numDevices4 #iePointer { margin-left: -472px; }

.numDevices5 { margin-left: -648px; } /* 5 Devices - not likely, but incl. just in case */
.numDevices5 #compareModal #comparePointer { margin-left: 625px; }
.numDevices5 #iePointer { margin-left: -494px; }





.touchbold .compareModal #compareModal .compareLink { bottom: -19px; } /* move link down to account for longer content */
/*
.touchbold .compareModal #compareModal,
.torch .compareModal #compareModal,
.torch9850-9860 .compareModal #compareModal  {
    background-image: url("/assets_refresh/images/details/modalSprites.png");
    background-position: -189px -2px;
    width: 454px;
}

.curve9350-9360-9370 .compareModal #compareModal {
  background-image: url("/assets_refresh/images/details/modalSprites.png");
  background-position: -367px -1164px;
  margin-left: -1px;
  width: 755px;
}

.touchbold #compareModal ul.series li,
.torch #compareModal ul.series li,
.torch9850-9860 #compareModal ul.series li { width: 145px; }*/




/* ----- Device positions, within Details page compare modals ----- */
    #compareModal ul.series li.bold9700 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px 0px;}
    #compareModal ul.series li.bold9650 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -124px;}
    #compareModal ul.series li.bold9000 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -240px;}
    #compareModal ul.series li.bold9900 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3196px;}
    #compareModal ul.series li.bold9930 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3196px;}
    #compareModal ul.series li.storm9550 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1450px;}
    #compareModal ul.series li.storm9530 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1568px;}
    #compareModal ul.series li.curve8350i {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -360px;}
    #compareModal ul.series li.curve8330 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -480px;}
    #compareModal ul.series li.curve8320 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -600px;}
    #compareModal ul.series li.curve8310 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -720px;}
    #compareModal ul.series li.curve8300 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -840px;}
    #compareModal ul.series li.curve8530 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -960px;}
    #compareModal ul.series li.curve8520 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1080px;}
    #compareModal ul.series li.curve9350 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3587px;}
    #compareModal ul.series li.curve9360 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3587px;}
    #compareModal ul.series li.curve9370 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3587px;}
    #compareModal ul.series li.pearl8230 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1200px;}
    #compareModal ul.series li.pearl8220 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1325px;}
    #compareModal ul.series li.pearl8130 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1685px;}
    #compareModal ul.series li.pearl8120 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1806px;}
    #compareModal ul.series li.pearl8110 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -1930px;}
    #compareModal ul.series li.pearl8100 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -2055px;}
    #compareModal ul.series li.curve9300 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -2680px;}
    #compareModal ul.series li.curve9330 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -2803px;}
    #compareModal ul.series li.bold9780 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -2927px;}
    #compareModal ul.series li.torch9800 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -2315px;}
    #compareModal ul.series li.torch9810 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3330px;}
    #compareModal ul.series li.torch9850 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3456px;}
    #compareModal ul.series li.torch9860 {background-image:url(/assets_refresh/images/compare/comparedeviceimages.png);background-position:0px -3456px;}

/* =============== Potentially redundant or same as 'compareLimitModal'? (keep until actual use of styles can be determined) */
/* too many items modal */
#main .removeCartItem #compareModal {
    background:transparent url(/assets_refresh/images/details/modalSprites.png) no-repeat scroll -966px -234px;
    height:200px;
    padding:20px 26px 30px 20px;
    width:424px;
    overflow:hidden;
}
#main .removeCartItem #compareModal li {
    margin:0 11px;
    overflow:hidden;
    padding:0px;
    width:62px;
}