    /*----[Simple tabs]----*/

ul.tabs,
ul.tabs2,
ul.tabs3,
ul.controls {
	height: 25px;
	width: 100%;
	padding-top: 10px;
}
ul.tabs li,
ul.tabs2 li,
ul.tabs3 li,
ul.controls li {
	float: left;
	display: inline;	
	margin-right: 2px;
	height: 25px;
}
ul.tabs li.first-tab,
ul.tabs2 li.first-tab,
ul.tabs3 li.first-tab,
ul.controls li.first-tab {
	margin: 0 3px 0 5px;
}
ul.tabs li a,
ul.tabs2 li a,
ul.tabs3 li a,
ul.controls l a {
	padding-left: 10px;
	display: block;
	float: left;
	text-decoration: none;
	position: relative;
}

ul.tabs li a span,
ul.tabs2 li a span,
ul.tabs3 li a span,
ul.controls li a span {
	padding-right: 10px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	float: left;
	white-space: nowrap /* White space nowrap added for larger text sizes in IE*/
}
ul.tabs li a:link,
ul.tabs li a:visited,
ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs2 li a:link,
ul.tabs2 li a:visited,
ul.tabs2 li a:hover,
ul.tabs2 li a:active,
ul.tabs3 li a:link,
ul.tabs3 li a:visited,
ul.tabs3 li a:hover,
ul.tabs3 li a:active  {
    background: #e8e7e7 url(/images/2010/tabs/tab_inactive_left.gif) left top no-repeat;
    color: #525252;
    top: 2px;
}
ul.tabs li a span,
ul.tabs2 li a span,
ul.tabs3 li a span {
    background: #e8e7e7 url(/images/2010/tabs/tab_inactive_right.gif) right top no-repeat;
    height: 21px;
    padding-top: 4px;
}
ul.tabs li a:hover,
ul.tabs2 li a:hover,
ul.tabs3 li a:hover {
    background: #fff url(/images/2010/tabs/tab_active_left.gif) left top no-repeat;
}
ul.tabs li a:hover span,
ul.tabs2 li a:hover span,
ul.tabs3 li a:hover span {
    background: #fff url(/images/2010/tabs/tab_active_right.gif) right top no-repeat;
    height: 21px;
    padding-top: 4px;
}
ul.tabs li.active a:link,
ul.tabs li.active a:visited,
ul.tabs li.active a:hover,
ul.tabs li.active a:active,
ul.tabs2 li.active a:link,
ul.tabs2 li.active a:visited,
ul.tabs2 li.active a:hover,
ul.tabs2 li.active a:active,
ul.tabs3 li.active a:link,
ul.tabs3 li.active a:visited,
ul.tabs3 li.active a:hover,
ul.tabs3 li.active a:active {
    background: #fff url(/images/2010/tabs/tab_active_left.gif) left top no-repeat;
    top: 2px;
}
ul.tabs li.active a span,
ul.tabs2 li.active a span,
ul.tabs3 li.active a span {
    background: #fff url(/images/2010/tabs/tab_active_right.gif) right top no-repeat;
    height: 21px;
    padding-top: 4px;
    cursor: default;
}

    /*----[Slideshow]----*/

.images {
	border: none;
	position: relative;	
	width: 330px;
	height: 236px;
	float: left;	
	cursor: pointer;
	display: block;
	clear: both;
	float: left;
	margin-top: -13px;
}
.slide-show-image {
    margin-top: 0;
    cursor: default;
    width: 330px;
}
    
    /*----[Slider in tabs]----*/

.tabbed-images {
    position: relative;
    top: 35px;
    height: 20em;
    width: 340px;
}

    /*----[Basic slider/cycle with external controls]----*/

.nav,
.nav2,
.nav3,
.nav4,
.nav5,
.nav6,
.nav61,
.nav62,
.nav63,
.nav64,
.nav65,
.nav66,
.navpi,
.navpg,
.navpl,
.navabc {
    float: right;
    display: block;
    margin: 6px 0 0 0;
    padding: 2px 0 2px 5px;
}
.nav2,
.nav3,
.nav4,
.nav5,
.nav6,
.nav61,
.nav62,
.nav63,
.nav64,
.nav65,
.nav66 {
    border: 0 solid #e8e8e8;
}
.nav a,
.nav2 a,
.nav3 a,
.nav4 a,
.nav5 a,
.nav6 a,
.nav61 a,
.nav62 a,
.nav63 a,
.nav64 a,
.nav65 a,
.nav66 a,
.navpi a,
.navpg a,
.navpl a,
.navabc a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px 3px 3px 0;
	background: url(/images/2010/tabs/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 0;
	line-height: 0;
	padding: 0;
	text-decoration: none;
	color: transparent;
}
.nav a:hover,
.nav2 a:hover,
.nav3 a:hover,
.nav4 a:hover,
.nav5 a:hover,
.nav6 a:hover,
.nav61 a:hover,
.nav62 a:hover,
.nav63 a:hover,
.nav64 a:hover,
.nav65 a:hover,
.nav66 a:hover,
.navpi a:hover,
.navpg a:hover,
.navpl a:hover,
.navabc a:hover {
	background-position: 0 -8px;      
}
.nav a.activeSlide,
.nav2 a.activeSlide,
.nav3 a.activeSlide,
.nav4 a.activeSlide,
.nav5 a.activeSlide,
.nav6 a.activeSlide,
.nav61 a.activeSlide,
.nav62 a.activeSlide,
.nav63 a.activeSlide,
.nav64 a.activeSlide,
.nav65 a.activeSlide,
.nav66 a.activeSlide,
.navpi a.activeSlide,
.navpg a.activeSlide,
.navpl a.activeSlide,
.navabc a.activeSlide {
	background-position: 0 -16px;     
}
img.previous11,
img.next11,
img.previous12,
img.next12,
img.previous,
img.next,
img.previous14,
img.next14,
img.previous2,
img.next2,
img.previous3,
img.next3,
img.previous4,
img.next4,
img.previous5,
img.next5,
img.previous6,
img.next6,
img.nextabc,
img.previousabc {
    display: block;
    float: right;
    padding: 5px 0 0 0;
}
img.previous01,
img.next01 {
	display: block;
	float: right;
	padding: 4px 0 0 0;
}
.products img.previous11,
.productts img.next11,
.products img.previous12,
.productts img.next12,
.phones img.previous14,
.phones img.next14,
.products img.previous4,
.products img.next4,
.products img.previous5,
.products img.next5,
.products img.previous6,
.products img.next6 {
    padding: 5px 0 0 0;
}
a.forward,
a.backward {
    cursor: pointer;
}
.phones img.previous,
.phones img.next,
.nav,
.navpi,
.navpg,
.navpl,
.navabc {
    position: relative;
    top: -42px;
}

/*----[Sliding hero images]----*/

#banner .phones img.previous, #banner .phones img.next,#banner .phones img.nextabc,#banner .phones img.previousabc, #banner .nav, #banner .navpi, #banner .navpg, #banner .navabc, #banner .navpl {
	background-color: transparent;
	border: 1px solid #CCCCCC;
	margin: 0;
	position: relative;
	top: 12px;
	/*z-index: 1;*/
	z-index: 9;
} 

#banner img.previous, #banner img.previousabc, #banner img.next, #banner img.previous2, #banner img.next2, #banner img.previous3, #banner img.next3, #banner img.previous4, #banner img.next4, #banner img.nextabc, #banner img.previous5, #banner img.next5, #banner img.previous6, #banner img.next6 {
	display: block;
	float: right;
	padding: 0;
	position: relative;
	top: 12px;
	z-index: 6;
}

#banner img.next {
	margin-right:45px;
}

/*----[Carousel]----*/

.three-image-carousel,
.three-image-carousel2,
.tabbed-images-4,
.tabbed-images-04,
.tabbed-images-5,
.tabbed-images-05,
.tabbed-images-6,
.tabbed-images-06 {
    position: relative;
    top: 25px;
    width: 340px;
    height: 250px;
}
.three-image-carousel,
.three-image-carousel2 {
    clear: both;
    top: 0;
}
.tabbed-images-4,
.tabbed-images-04,
.tabbed-images-5,
.tabbed-images-05,
.tabbed-images-6,
.tabbed-images-06 {
    top: 30px;
}
.carousel-show-image {
    margin: 30px 0 0 0;
}
.opera .carousel-show-image {
	margin-top:10px;
}
.carousel-image {
    float: left;
    width: 110px;
    text-align: center;
}
.carousel-image img {
    padding-bottom: 7px;
    display: block;
    margin: 0 auto;
}
.carousel-image a,
.carousel-image-last a {
    text-decoration: none;
}
.tab-container {
    border: 1px solid #dbdbdb;
    height: 205px;
    margin-left: -5px;
    width: 340px;
}
.products .tab-container {
    height: 225px;
} 
.perfect-match .tab-container {
    width: 698px;
} 
.perfect-match .tab-container .carousel-image{
    width: 113px;
} 
.tab-container .first-image {
    margin-left: 2px;
}
.tab-container img.next2,
.tab-container img.next3 {
   margin-right: 5px;
} 

    /*----[Bubble coda]----*/
    
.bubbleInfo {
    position: relative;
}
.bubbleInfo a,
.bubbleInfo .trigger a {
    text-decoration: none;
    display: block;
}
.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    width: 118px;
}
.popup p.app {
    margin-left: 0;
}
.popup p.popup-text {
    margin-top: 5px;
}
.popup .popup-top {
    height: 4px;
    width: 118px;
    position: relative;
    background: #fff url(/images/2010/popup/carousel_popup_top.gif) left top no-repeat;
    z-index: 2000;
}
.popup .popup-content {
    width: 110px;
    position: relative;
    padding: 0 7px 10px 1px;
    background: #fff url(/images/2010/popup/carousel_popup_content.gif) left bottom no-repeat;
    z-index: 2000;
    text-align: center;
} 
.popup p.popup-button {
    padding: 10px 0;
    margin-left: 5px;
}
.apps-downloads .popup,
.apps-downloads-2 .popup {
    width: 163px;
}  
.apps-downloads .popup .popup-top,
.apps-downloads-2 .popup .popup-top {
    background: #fff url(/images/2010/popup/popup_top.gif) left top no-repeat;
    width: 163px;
    height: 15px;
} 
.apps-downloads .popup .popup-content,
.apps-downloads-2 .popup .popup-content {
    width: 146px;
    padding: 0 12px 10px 5px;
    background: #fff url(/images/2010/popup/popup_content.gif) left bottom no-repeat;
    text-align: center;
    z-index: 1000;
    position: relative;
    margin-top: -5px;
    line-height: 1.2em;
}
.apps-downloads .popup .popup-content .buttonDark,
.apps-downloads-2 .popup .popup-content .buttonDark {
    display: block;
    margin: 10px 0 0 25px;
} 
.apps-downloads .popup .popup-content img.rating {
    display: inline;
    margin: 2px 0 0 5px;
}
.apps-downloads .popup .popup-content p.popup-small {
    border-top: 1px solid #ededed;
    margin-top: 10px;
    padding-top: 10px;
}