.content-body {overflow:visible !important;}

/* DETAILS PAGE TAB STYLES */
#details .container { margin-top: 1px; }
#details .content { padding: 0px 0 20px 0; }
#details .content-body-header { position:relative; }
#details .content-body-header h1 { width:480px; }
#details .ribbon { position:absolute; top:0pt; right:0pt; }

#details #device-tabs { float: left; width: 100%; }
#details #device-tabs .tab-handles { float: left; width: 100%; background: url("../images/presentation/tab_border.gif") bottom left repeat-x; }
#details #device-tabs .tab-handles ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#details #device-tabs .tab { background: url(../images/presentation/tabContent_bg.gif) top left repeat-x; border: none; overflow: hidden; }

#details #device-tabs .image { float: left; width: 200px; overflow: hidden; margin-left:15px; }
#details #device-tabs .image .txt_zoom { display: block; clear:both; margin-top: 6px; text-align:center; }
#details #device-tabs .image .zoom { float:left; width:auto; cursor: crosshair; margin-left:35px; display:inline; }
#details #device-tabs .image .image_thumbs { clear: both; overflow: hidden; }
#details #device-tabs .image #thumb1 { float: left; width: 33px; border: solid 1px #cecece; margin: 0 0 0 30px; display: inline; }
#details #device-tabs .image #thumb2 { float: left; width: 33px; border: solid 1px #cecece; margin: 0 0 0 15px; display: inline; }
#details #device-tabs .image #thumb3 { float: left; width: 33px; border: solid 1px #cecece; margin: 0 0 0 15px; display: inline; }
.supportsOrangeMapsStar { position:absolute; left:465px; top:-29px; z-index:1; }

#details #device-tabs .overview { float: right; width: 260px; margin-right:30px; display:inline;}
#details #device-tabs .tagline { color:#ff5500; }
#details #device-tabs .overview p { padding: 0 10px 0 0; color: #666; }
#details #device-tabs .overview p strong { color: #333; }
#details #device-tabs .overview .feature-list { padding: 0 0 10px 0; margin: 0; overflow: hidden; }
#details #device-tabs .overview .feature-list li { float: left; width: 120px; }
#details #device-tabs .overview .magnifier { border: 1px solid #000; background-color: #fff; }
#details #device-tabs .overview h4 { font-size:0.69em;   }

#details #device-tabs .feature-support { padding:5px; margin-bottom:10px; background-color:#eeeeee; width:264px; min-height:30px;}
#details #device-tabs .feature-support-email { padding:0; margin:0; background: #eeeeee url("../images/presentation/icon-blackberry-38x30.png") no-repeat 0 0; width:254px; }
#details #device-tabs .feature-support-maps { padding:0; margin:0; background: #eeeeee url("../images/presentation/icon-orange-maps-38x30.png") no-repeat 0 0; width:254px; }
#details #device-tabs .feature-support .information { margin-left:45px; padding-top:5px; }
#details #device-tabs .feature-support p { margin-bottom:3px; line-height:1.3em; color:#333333; font-weight:normal;  }
#details #device-tabs .feature-support a { height:auto; width:auto; background: url(../images/presentation/arrowd2.gif) 0 1px no-repeat; padding:0 0 0 16px; font-weight:bold; }

#details #device-tabs h4 { margin-bottom:10px; }
#details #device-tabs .info { margin: 0 0 0 20px; width:160px; float:left; display:inline; }
#details #device-tabs .info_box { margin: 0 0 0 20px; width:160px; float:right; display:inline; }
#details #device-tabs ul.in-the-box { list-style: none; margin: 10px 0; padding: 0; display:block; }
#details #device-tabs ul.in-the-box li { list-style: none; background: none; line-height:4em; }
#details #device-tabs sup { font-size: 0.6em; }
#details #device-tabs .info dl.spec dt { float:left; width:80px; }
#details #device-tabs .info dl.spec dd { float:left; width:80px; font-weight:bold; clear:right; }
#details #device-tabs .info p { padding: 10px 10px 10px 10px; }
#details #device-tabs .info .clear { margin-bottom:10px; }
#details #device-tabs .info .help { padding:0 10px 0 0; }
#details #device-tabs .phone-features { margin: 0 0 0 20px; width:160px; float:left; display:inline; }
#details #device-tabs .phone-features ul { margin-right:10px; overflow: hidden; display:block; }
.phone-features ul.features li { width:230px; float:left; margin-right:30px; }

#details .plans-footer { margin-bottom:5px; padding:10px 0; float:left; width:100%; clear:both; }
#details .plans-footer .out-of-stock, #details .plansFooter .out-of-stock  { float:right; width:190px; margin:0 10px 5px 0; }
#details .plans-footer .out-of-stock h5, #details .plansFooter h5 { background:#666; color:#fff; font-size:0.69em; font-weight:normal; text-align:center; line-height:1.1em; padding:1px 0; }
#details .plans-footer .revoo { float:left; padding-top: 1px; width:240px; }
#details .plansFooter h3 { float:left; margin:10px 0; }
#details .plansFooter .btnLinkRight { float:right; margin:10px 0;}

#details .plansFooter .revoo { float:left; padding-top: 1px; width:240px; }
#details .plans-footer .revoo { float:left; padding-top: 1px; width:300px; }
#details .plans-select { float:right; width:270px; }
#details .paym { padding-bottom:5px; }
#details .paym .select { float: right; padding-right: 10px; }
#details .paym .upgradeBtn{ float: right; padding-right: 10px; }
#details .payg .select { float: right; padding-right: 10px; }
#details .payg .upgradeBtn{ float: right; padding-right: 10px;}
#details .payg .topupdetails{ font-size:0.71em; }
#details .payg .info{font-weight: bold; font-size: 0.55em; text-align:right; width:100%; float:right; padding-right: 0px; margin-right:0px; position:relative; }
#details .payg .info div { text-align:left; }
#details .email-me-select { float:right; padding-right:10px; width:54px; }
#details .email-me a { height:auto; width:auto; background: url(../images/presentation/orange_arrowd.gif) 0 5px no-repeat; padding-left: 11px; text-decoration: none; color: #000; }
#details .email-me a:hover { color:#f50; }
/*background: url('../images/presentation/icon-info.gif') right center no-repeat; */
channel-label{ float: left; padding: 0px 10px 0 0; text-align:left;}
#details .plan p { font-weight:bold; font-size: 0.75em; }
#details .plan strong { font-size: 1.2em; color: #ff5500; text-align:right;}
#details .plan em { font-style: normal; color: #ff5500; }
#details .plan .channel-label { float:left; width:85px; line-height:1.9em; }
#details .plan .plan-price { float:left; padding-left:10px; width:90px; }
#details .plan .short-plan-price { float:left; padding-left:10px; width:82px; }
#details .hrEm { float:left; clear:both; width:100%; }
#details .payg .plan .short-plan-price .coming-soon { margin-top:8px; }

#details .also_available {float:none; width:100%;padding:10px;}
#details .also_available p{text-align:left; font-weight:bold; font-size: 0.75em; float:left;}
#details .also_available a{padding-left:30px; padding-top:3px; float:left;font-size: 0.75em; text-decoration:underline}

#details .links { margin: 10px 0; overflow: hidden; float:left; clear:both; width:570px; }
#details .links .see-details { float: left; width: 45% }
#details .links .callout { float: right; width: 45% }

#details .offers-list { margin-bottom: 15px; border-bottom: 1px solid #ccc; clear:both; float:left; width:100%; }
#details .offers-list h3 { margin-bottom: 15px; }
#details .offers-list h4 { margin: 10px 0 ;  }
#details .offer { margin-bottom: 10px; padding: 5px 0; border-top: 1px solid #ccc; }

#details .plansFooter .please-sign-in { display:block; background:#d7d7d7; height:34px; margin-bottom:5px; }
#details .plansFooter .please-sign-in .btnLinkRight { margin:4px 10px; background:url('../images/general/sign_in.gif') no-repeat 0 0 scroll; width:76px; height:26px; }
#details .plansFooter .please-sign-in h3 { float:left; margin:8px 10px 0;}

#details .firstoption {height:70px;}

#details .plan p.phonedetailsprice{float:right;}
#details .plan div.csbox{width: 100px; float: right; margin-top: 4px; margin-left: 5px;}
#details .plan div.csout{margin-right:0;}

.plus-box { position:relative;margin-top:10px; height:35px; width:220px; border: solid 1px #ccc; padding: 2px; margin-left: 5px; }
.plus-box p.plus-box { margin:0; border:none; background: 5px 7px no-repeat; padding-left: 15px;  }
.plus-box a {float:right;}

/*Orange care - extra services panel*/
#extra-services{clear:left;}
#extra-services div #orangeCare{outline:none; margin:10px 0 0; float:right; padding-top:2px; background:url('../images/orangeCare/add-oc-btn.gif') repeat-x 0 0 scroll; border:0; height:20px; width:92px;}
#extra-services #orangeCare{padding:0 0 0 20px; font-weight:bold; font-size:0.69em;}

.extras-panel{margin-top:6px; border:1px solid #d7d7d7;}
.extras-panel .left{width:20%; padding:10px 0 10px 10px; margin:1px 0 0 1px; background:url('../images/presentation/bg_extras_gradient.gif') repeat-x 0 0 scroll;}
.extras-panel .right{width:76.1%; padding:10px 10px 10px 0; margin:1px 1px 0 0; background:url('../images/presentation/bg_extras_gradient.gif') repeat-x 0 0 scroll;}

.extras-panel img{border:1px solid #d7d7d7;}
.extras-panel .description{border-bottom:1px solid #d7d7d7; margin-bottom:0; padding-bottom:5px;}
.extras-panel p {margin-bottom:0;}
.extras-panel .thick-border{border-bottom:3px solid #F3F3F3; margin-bottom:0;}
