.content { height: 240px; width: 445px; overflow: auto }
.horiz_container { margin: 0px; padding: 0px }
.horiz_container li { width: 113px; height: 185px; padding: 10px; border: 1px solid #dce1e3; float: left; margin-left: 20px; background: #f7f7f7; list-style-type: none; -webkit-border-radius: 10px 10px 10px 0; -moz-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0 }
.horiz_container li:first-child { margin-left: 0px }
.horiz_container li span { font-size: 14px; line-height: 20px; padding: 10px 0 0; color: #828387; display: block; font-family: OpenSansRegular, Arial, Helvetica, sans-serif }
.horiz_container li img { border: 1px solid #dce1e3 }
/*************scroll***************/
.mCSB_container { margin-right: 30px; overflow: hidden; width: auto }
.mCSB_container.mCS_no_scrollbar { margin-right: 0 }
.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px }
.mCustomScrollBox > .mCSB_scrollTools { height: 100%; right: 0; top: 0; width: 16px }
.mCSB_scrollTools .mCSB_draggerContainer { bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0 }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 }
.mCSB_scrollTools .mCSB_draggerRail { border-radius: 10px 10px 10px 10px; height: 100%; margin: 0 auto; width: 10px }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; height: 30px; width: 100% }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 10px 10px 10px 10px; height: 100%; margin: 0 auto; text-align: center; width: 10px }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { cursor: pointer; display: block; height: 20px; margin: 0 auto; overflow: hidden; position: relative }
.mCSB_scrollTools .mCSB_buttonDown { margin-top: -40px; top: 100% }
.mCSB_horizontal > .mCSB_container { height: auto; margin-bottom: 30px; margin-right: 0; overflow: hidden }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0 }
.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 30px; margin-right: 0 }
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { bottom: 0; height: 35px; left: 0; overflow: hidden; right: auto; top: auto; width: 100% }
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 0px }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { border-radius: 5px; height: 10px; width: 100% }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger{width:30px }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; height: 10px; margin: 0px auto; width: 100% }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { cursor: pointer; display: block; float: left; margin: 0 auto; overflow: hidden; position: relative; width: 20px }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { float: right; margin-left: -40px }
.mCustomScrollBox { }
.mCustomScrollBox > .mCSB_scrollTools { opacity: 0.75 }
.mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1 }
.mCSB_scrollTools .mCSB_draggerRail { background: #eaeaea }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: url("../images/rd/hr-bg.png") no-repeat scroll center center #BBBBBB }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: url("../images/rd/hr-bg.png") no-repeat scroll center center #BBBBBB }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: url("../images/rd/hr-bg.png") no-repeat scroll center center #b2b2b2 }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{background-repeat:no-repeat;opacity:0.4 }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75 }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9 }
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15) }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75) }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9) }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border-radius: 1px 1px 1px 1px; width: 4px }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); border-radius: 1px 1px 1px 1px; width: 4px }
.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { height: 4px; margin: 6px 0; width: 100% }
.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 4px; margin: 6px auto; width: 100% }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85) }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9) }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border-radius: 1px 1px 1px 1px; width: 4px }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); border-radius: 1px 1px 1px 1px; width: 4px }
.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { height: 4px; margin: 6px 0; width: 100% }
.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 4px; margin: 6px auto; width: 100% }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9) }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px }
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border-radius: 2px 2px 2px 2px; width: 4px }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); border-radius: 2px 2px 2px 2px; width: 6px }
.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { height: 4px; margin: 6px 0; width: 100% }
.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px auto; width: 100% }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85) }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9) }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border-radius: 2px 2px 2px 2px; width: 4px }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); border-radius: 2px 2px 2px 2px; width: 6px }
.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { height: 4px; margin: 6px 0; width: 100% }
.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px auto; width: 100% }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9) }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px }
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1) }
.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px }
.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100% }
.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 2px; margin: 7px auto; width: 100% }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15) }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); width: 2px }
.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100% }
.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 2px; margin: 7px auto; width: 100% }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9) }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }
/*--blackberry details*/
.horizontalScrollContent{ overflow:hidden }
.verticalScrollContent { height: 305px; overflow: auto }
.verticalScrollContent .mCSB_scrollTools .mCSB_draggerRail, .verticalScrollContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:10px}
.verticalScrollContent .mCSB_container{ width:100% }
.verticalScrollContent .mCSB_container .brandDescription { margin-right:35px }
.verticalScrollContent .mCSB_container .innercolumnBlock { margin-right:33px }

//added for home page 
.fullcontent { height: 240px; width: 445px; overflow: auto }