/* general styles */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; }

li { list-style:none; }

#relative_container a:link, #relative_container a:visited { color:#a8c418; text-decoration:none; outline:none; }
#relative_container .flexContainer a:hover { color:#a8c418; text-decoration:underline; }
#relative_container .flexContainer .tabs-nav li a:hover { color:#a8c418; text-decoration:none; }

a img { border:none; }

object { outline:none; }

h1, h1.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#a8c418; line-height:30px; margin:10px 0 3px 0; }
h2, h2.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a8c418; line-height:22px; }
h2.maps-sifr.heading { margin: -12px 0 10px 7px; position: relative; z-index: 20;}
h3, h3.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:20px; }
h3.maps-sifr-large { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#3a3a3a; line-height:22px; }
h3.maps-sifr-regular { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3a3a3a; line-height:18px; font-weight:normal; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3a3a3a; line-height:14px; }
h5 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; line-height:12px; }

p { font-size:12px; line-height:20px; margin-bottom:12px; }

.hr { clear:both; margin:-10px 9px 0 0; padding-bottom:15px; border-top:solid 1px #e2e2e2; display: none; }
.hr hr { display:none; border:0 none; } 

.hr-2 { clear:both; margin:0 9px 18px 9px; padding-top:9px; border-bottom:solid 1px #ccc; }
.hr-2 hr { display:none; border:0 none; } 

.note { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; line-height:14px; display: inline; }
.disclaimer { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; line-height:14px; margin:0 0 9px 0; padding:9px 0 9px 0; display:block; border-top:solid 1px #ccc; line-height: 10px; }

.list-title { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; line-height:14px; font-weight:bold; margin-bottom:0; display:block; }
.list-title a { font-weight:normal; }

.hidden { visibility:hidden; }
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.right { float:right; }
.left { float:left; }

p.text-block { float:right; width:571px; }
.text-block { width:571px; float:right; margin:27px 0 9px 0; padding-right:9px; }
.text-block p, .text-block h3 { padding:0 !important; margin:0 !important; }

.script-only { display:block; }

.empty-grey-block { display:none; }
.empty-grey-block.close { display:block; }

.floating-image { float: left;  padding: 0 10px 0 0; }

.free-icon-mobile { z-index:99; position: absolute; left:3px; top:38px; }
.free-icon-desktop { z-index:99; position: absolute; left:-15px; top:5px; }

.info-text { margin:0 !important; }

.additional_banner { display: none !important; }

.noscript { display: none; }

/* custom template styles */
#relative_container { display:inline; margin-left:6px; }

/* cms navi */
.mp_extra_small { width:756px; height:19px; float:left; margin:0 0 6px 0; border:none; }
.mp_container_extra_small { width:756px; height:19px; float:left; margin:0; padding:0; }
  .mp_container_extra_small .accessories_navi_bg { width:auto; float:left; clear:none; border:none; margin:0 5px 0 0; padding:0; }
  .mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_2nd { display:none;}
  .mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st { width:auto; height:19px; margin:0; padding:0; float:left; }
  .mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li { height:19px; float:left; display:block; list-style:none; background:url(subnav-bg-left-5x19.gif) top left no-repeat; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li span { line-height:19px; display:block; margin-left:5px; padding:0 15px 0 10px; background:#eee url(subnav-bg-right-5x19.gif) top right no-repeat; font-weight:normal; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li a { padding:0 15px 0 15px; line-height:19px; display:block; background:#fff; color:#000; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li a:hover { margin-left:5px; padding:0 15px 0 10px;background:#eee url(subnav-bg-right-5x19.gif) top right no-repeat; color:#000; text-decoration:none; cursor:pointer; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li a:visited { color:#000; text-decoration:none; outline:none; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li a.largebodybold { line-height:19px; display:block; margin-left:5px; padding:0 15px 0 10px; background:#eee url(subnav-bg-right-5x19.gif) top right no-repeat; font-weight:normal; }
	.mp_container_extra_small .accessories_navi_bg ul.accessories_navi_ul_1st li a:visited { color:#000; text-decoration:none; outline:none; }

.flexContainer { background: #eeeeee; }

/* Top banner area styles */
.banner {text-align: center; padding: 8px 0 8px 0;}

/* left sidebar */
.sidebar-item { width:157px; position:relative; display:inline; float:left; margin:0 0 9px 9px; background:#fff url(left-menu-content-bottom.gif) bottom left no-repeat; }
.sidebar-item .sidebar-hdr { width:157px; height:60px; font-size:0; }
.sidebar-item .sidebar-hdr a { width:157px; float:left; font-size:12px; height:60px; text-indent:-5000px; outline:none; background-position:0px -60px; }
.sidebar-item .sidebar-hdr a:hover { background-position:0px -180px; }
.sidebar-item.close .sidebar-hdr a { background-position:0px 0px; }
.sidebar-item.close .sidebar-hdr a:hover { background-position:0px -120px; }

.sidebar-item.close ul { display:none; }
.sidebar-item .white-box { float:left; background:#fff url(left-sidebar-corner-top-right.gif) top right no-repeat; padding-top:5px; width: 156px; }
.sidebar-item .white-box-2{ float:left; background:#fff url(left-sidebar-corner-bottom-right.gif) bottom right no-repeat; padding-top:5px; width: 156px; }
.sidebar-item .white-box-content { padding:9px; }
.sidebar-item .white-box-content h5 { margin:1px 0 7px 0; }

.sidebar-item .white-box-content p { font-size:11px; margin:5px 0 0 0; line-height:14px; }
.sidebar-item h5.sidebar-sub-hdr { font-size:11px; line-height:14px; color:#a8c418; margin:7px 0 -7px 0; }
.sidebar-item ul li .sidebar-content-img { padding-left:9px; }

.sidebar-item ul, .sidebar-item ol { margin:0; padding:0 0 5px 0; clear:left; }
.sidebar-item ul li { position:relative; display:block; font-size:11px; list-style:none; margin:0 9px 0 9px; padding:1px 0 2px 0; }
.sidebar-item ul li p { position:relative; font-size:11px; line-height:14px; padding:7px 0 0 0; margin-bottom:7px; }
.sidebar-item ul li p a { line-height:14px; }
.sidebar-item ul li a { position:relative; color:#a8c418; line-height:12px; display:block; }
.sidebar-item ul li.last { background:none; margin-bottom:0px; padding-bottom:0; }
.sidebar-item ul li.selected span { position:relative; color:#999; line-height:30px; display:block; }
.sidebar-item ul li img { margin-right:4px; vertical-align:text-bottom; }
.sidebar-item ul li.divider { background:url(left-menu-content-dot.gif) bottom left repeat-x; height: 6px; }

.sidebar-item ol li { font-size:11px; list-style:decimal; list-style-position:inside; margin:0 9px 2px 9px; padding:2px 0 3px 0; background:url(left-menu-content-dot.gif) bottom left repeat-x; }
.sidebar-item ol li p { font-size:11px; line-height:14px; padding:7px 0 8px 0; }
.sidebar-item.tsr { margin-left:0; padding:0 0 5px 9px; background:#fff url(left-sidebar-corner-bottom-right.gif) bottom right no-repeat; }

.sidebar-item ul li span.list-num { float:left; font-size:11px; line-height:14px; color:#a8c418; font-weight:bold; display:block; }
.sidebar-item ul li span.list-text { position:relative; font-size:11px; line-height:14px; margin-left:15px; display:block; }

.box { background:#FFFFFF url(left-sidebar-corner-bottom-right.gif) no-repeat scroll right bottom; }

/* Section Heading */
.section-heading{float: left; width: 100%; padding-top: 4px;}
.sifr-container{float: left; width: 400px; overflow: hidden; padding: 0 0 0px 0px;}
.logo {float: left; overflow: hidden; padding-right: 10px;}
#logo {float: left; width: 300px; overflow: hidden;}
.sub-header  { float: left; width: 100%;}
.sub-header  p.medium { font-size:14px; line-height:24px; }

/* Section Content */
.content-container { width:581px; float:right; padding-left:9px; margin-bottom:9px; }
.section-content { float: left; width: 100%; }
  .section-content p { font-size:12px; line-height:20px; margin-bottom:27px; padding-right:9px; }
  .section-content p.medium { font-size:14px; line-height:24px; }
.center { text-align: center; }
.pad { margin-bottom: -70px; } 

/* Section Footer */
.section-footer { float: left; font-size: 11px; color: #999999; padding-left: 9px; line-height: 12px;  }
div.section-footer { margin-bottom: 12px; }

/* tabs */
.tabs-container { width:581px; float:right; padding-left:9px; margin-bottom:9px; }

	/* tabs (3) (Services page) */
	ul.tabs-nav-3 { height:28px; display:inline; float:left; color: #ffffff; }
  ul.tabs-nav-3 li { height:28px; line-height:28px; float:left; display:block; text-align:center; }

  ul.tabs-nav-3 li a { width:190px; height:34px; display:block; line-height:28px; font-weight:bold; }
  #relative_container  ul.tabs-nav-3 li a:hover { text-decoration:none; } 
  ul.tabs-nav-3 li a span { height:28px; line-height:28px; display:block; color: #ffffff ; cursor:pointer; background:url(grey-tab-right.gif) 100% 0% no-repeat; }
  ul.tabs-nav-3 li a:hover span { display:block; color: #ffffff; background: url(second-tab-selected-bg.gif)0% 0% no-repeat; }
  
  ul.tabs-nav-3 li a:hover.first-tab  span { display:block; color: #ffffff; background: url(first-tab-selected-bg.gif)0% 0% no-repeat; }
  ul.tabs-nav-3 li a:hover.second-tab  span { display:block; color: #ffffff; background: url(second-tab-selected-bg.gif)0% 0% no-repeat; }
  ul.tabs-nav-3 li a:hover.third-tab span { display:block; color: #ffffff; background: url(third-tab-selected-bg.gif)0% 0% no-repeat; }
  
  ul.tabs-nav-3 a.first-tab  { background:url(first-tab-bg.gif) 0% 0% no-repeat; }
  ul.tabs-nav-3 a.second-tab  { background:url(second-tab-bg.gif) 0% 0% no-repeat; }
  ul.tabs-nav-3 a.third-tab  { background:url(third-tab-bg.gif) 0% 0% no-repeat; }
		
  ul.tabs-nav-3 li.tabs-selected a.first-tab { background:url(first-tab-selected-bg.gif) 0% 100% no-repeat; }
  ul.tabs-nav-3 li.tabs-selected a.second-tab { background:url(second-tab-selected-bg.gif) 0% 100% no-repeat; }
  ul.tabs-nav-3 li.tabs-selected a.third-tab { background:url(third-tab-selected-bg.gif) 0% 100% no-repeat; }
  
  /* tabs containers */
	#education_tab { display: none; }
	#entertainment_tab { display: none; }
	
/* tabs content */
	.tab-content div.inner-tab-content { width:562px; float:left; padding:17px 0 0 9px; }
	.tab-content div.service-intro { width:562px; float:left; }
	.tab-content div.inner-tab-content .left-col { width:300px; float:left; position:relative; }
	.tab-content div.inner-tab-content .right-col { width:252px; float:left; position:relative; padding: 6px 0 0 10px; }
	
/* lists */
ul.green-dot { display:block; margin-bottom:20px; }
ul.green-dot li { position:relative; display:block; background:url(green-dot.gif) 0px 7px no-repeat; padding-left:14px; line-height:20px; }

ol.left-ol { width:320px; float:left; display:inline !important; }
ol.left-ol li { width:320px; float:left; display:block; list-style:none; }
ol.left-ol li span { width:300px; margin-left:16px; }

ol.green-dot { margin:0 0 20px 0; padding:0 !important; display:block; }
ol.green-dot li { display:block; line-height:20px; clear:left; list-style:none; }
ol.green-dot li span { line-height:20px; display:block; }
ol.green-dot li .num { float:left; margin:5px 5px 0 0; }

ul.version-list { width:720px; height:49px; float:left; display:block; }
ul.version-list li { width:200px; height:45px; float:left; padding:4px 0 0 40px; display:block; line-height:45px; background:url(list-grey-dot.gif) right top repeat-y; }
ul.version-list li.last { background:none; }
ul.version-list li span { float:left; margin-left:5px; white-space: nowrap; }

ul.version-list-2 { width:562px; height:49px; float:left; display:block; margin-bottom:20px; }
ul.version-list-2 li { width:167px; height:45px; float:left; padding:4px 0 0 20px; display:block; line-height:45px; background:url(list-grey-dot.gif) right top repeat-y; }
ul.version-list-2 li.last { background:none; }
ul.version-list-2 li span { float:left; margin-left:5px; width: 110px; }

/* Compatible devices HTML */
#compatible-devices { width:571px; /*height:278px; */float:right; margin-bottom:27px; padding:5px 9px 80px 0; display:inline; background:url(white-box-top.gif) 0% 0% no-repeat; }
  #compatible-devices #devices-container { width:553px; float:left; padding:0 9px 5px 9px; background:#fff url(white-box-bottom.gif) 100% 100% no-repeat; }
  #compatible-devices .devices-selector { position:relative; width:553px; height:235px; float:left; overflow:auto; margin-top:20px; }
  #compatible-devices .devices-selector .selector-content { width:100%; height:220px; float:left; }
  #compatible-devices .devices-selector .selector-content ul { height:180px; float:left; display:block; }
	
  #compatible-devices .devices-selector .selector-content ul li { idth:96px; height:200px; float:left; display:block; text-align:center; padding:0 23px 0 23px; }
  #compatible-devices .devices-selector .selector-content ul li a img { text-decoration: none; display: block; }
  

/* Plugins styles */

/* Styles fore jScrollHorizontalPane - used in "Accessories selector" */
#devices-container .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }
#devices-container .jScrollPaneContainer .devices-selector { overflow: visible; }

#devices-container .jScrollPaneTrack { position:absolute; cursor:pointer; left:0; bottom:0; width:100%; background:url(jscroll-horizontal/jscroll-track-bg.gif) top left no-repeat; }

#devices-container .jScrollIntervalTrack { position:absolute; }

#devices-container .jScrollPaneDrag { position:absolute; cursor:pointer; overflow:hidden; padding:0 5px 0 5px; }

#devices-container .jScrollPaneDragLeft { width:5px; height:12px; position:absolute; bottom:0; left:0; overflow:hidden; background:url(jscroll-horizontal/jscroll-panel-left.gif) top left no-repeat; }
#devices-container .jScrollPaneDrag:hover .jScrollPaneDragLeft { background-position:0px -12px; }

#devices-container .jScrollPaneDragMid { height:12px; background:url(jscroll-horizontal/jscroll-panel-mid.gif) top left repeat-x; }
#devices-container .jScrollPaneDrag:hover .jScrollPaneDragMid { background-position:0px -12px; }

#devices-container .jScrollPaneDragRight { width:5px; height:12px; position:absolute; bottom:0; right:0; overflow:hidden; background:url(jscroll-horizontal/jscroll-panel-right.gif) top right no-repeat;  }
#devices-container .jScrollPaneDrag:hover .jScrollPaneDragRight { background-position:0px -12px; }

#devices-container a.jScrollArrowLeft { width:28px; height:12px; display:block; position:absolute; z-index:1; bottom:0; left:0; text-indent:-2000px !important; overflow:hidden; background:url(jscroll-horizontal/jscroll-arrow-left.gif) 0px 0px no-repeat; }
#devices-container a.jScrollArrowLeft:hover { background-position:0px -12px; }

#devices-container a.jScrollArrowRight { width:28px; height:12px; display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px !important; overflow:hidden; background:url(jscroll-horizontal/jscroll-arrow-right.gif) 0px 0px no-repeat; }
#devices-container a.jScrollArrowRight:hover { background-position:0px -12px; }

#devices-container a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color:#f00; }


/* sIFR */
.sIFR_3-flash { visibility:visible !important; margin:0; padding:0; float: none !important; position: inherit !important; }
	
.sIFR_3-replaced, .sIFR_3-ignore { visibility:visible !important; margin:0; padding:0; }
	
.sIFR_3-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
	
.sIFR_3-replaced div.sIFR_3-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; }
	
.sIFR_3-active h1.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#a8c418; line-height:30px; margin:10px 0 3px 0; visibility:hidden; clear:left; }
.sIFR_3-active h2.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a8c418; line-height:22px; visibility:hidden; clear:left; }
.sIFR_3-active h2.maps-sifr.heading { margin: -12px 0 3px 7px; display: inline-block; }
.sIFR_3-active h3.maps-sifr { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#a8c418; line-height:20px; visibility:hidden; clear:left; }
.sIFR_3-active h3.maps-sifr-large { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a8c418; line-height:22px; visibility:hidden; clear:left; }
.sIFR_3-active maps-sifr-regular { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#a8c418; line-height:18px; visibility:hidden; clear:left; }

.sIFR_3-dummy { width:0px; height:0px; margin-left:42px !important; z-index:0; }


/* -- Video overlay --------- */
#overlay_bg { position: absolute; top: 0px; margin-left: 6px; background: #000000; height: 100%; width: 756px; z-index: 100; opacity:0.8; filter: alpha(opacity=80); }
#video_overlay { position: absolute; top: 548px; margin-left: 16px; background: #ffffff; text-align: center; height: 400px; width: 736px; padding-top: 30px; z-index: 200; display: none;}
.close_button {position: relative; top: 6px; background: #ffffff; text-align: right; width: 650px; z-index: 220; }