/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-state-default a:hover { color: #ddd; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; position: relative; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel {
    background: #0d3f7a;
    color: #fff;
}
.ui-tabs .ui-tabs-nav li{
        background: url(images/tab_bg.png) bottom left no-repeat #2e2e2e;
    color: #989898;
    font-size: 14px;
    font-weight: bold;
    width: 178px;
    margin-right: 7px;
    text-align: center;
}
.ui-tabs .ui-tabs-nav .last{
    margin-right: 0;
}
.ui-tabs .ui-tabs-nav li a{
    color: #989898;
    text-align: center;
    width: 178px;
    padding:10px 0 0 0;
    height: 28px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
    background: url(images/tab_bg.png) top left no-repeat #dfdfdf;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover{
    color: #000;
}
a img{
    border:0;
}
#tabs{
    width: 733px;
    font-size: 14px;
}
#tabs p{
    color: #fff;
    font-size: 14px;
}
.ui-tabs-nav{
    width: 100%;
    overflow: hidden;
    margin: 0;
}
#tabs-intro{
    padding:1px 0 0 0;
    background: url(images/tabs_intro_fseries_bg.jpg) 271px 0px no-repeat #0d3f7a;
}
#tabs-intro-inner{
	background: url(images/tabs_intro_bg.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#tabs-why{
    padding:1px 0 0 0;
    background: url(images/tabs_why_bg.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#tabs-why-f-series{
	background: url(images/tabs_why_fseries_bg.jpg) 271px 0px no-repeat #0d3f7a;
}
#tabs-models{
    padding:1px 0 0 0;
    /*background: url(images/tabs_models_bg_30s.jpg?12) 271px 0px no-repeat #0d3f7a;*/
	background: url(images/tabs_models_fseries_bg.jpg) 271px 0px no-repeat #0d3f7a;
}
#tabs-why, #tabs-models, #tabs-why-f-series{
    padding:1px 0 0 0;    
}
.arcVid span{
	display: none;
}
#tabs-why .arcVid, #tabs-why-f-series .arcVid{
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 172px;
    height: 79px;
}
#tabs-intro .arcVid{
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 212px;
    height: 79px;
}
#tabs .preview h3{
    font-size: 14px;
    margin-bottom: 0;
}
#tabs .preview p{
    font-size: 11px;
    color: #989898;
    margin-top: 5px;
    width: auto;
}
#tabs .preview p{
    font-size: 13px;
    color: #989898;
    margin-top: 5px;
    width: auto;
}
#tabs .preview div{
    display: none;
}
#tabs .preview .instr{
    padding: 10px;
}
#tabs .preview .active{
    display: block;
}
#tabs-models div.preview{
    float: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 80px;
    width: 421px;
}
#tabs-models .preview h3, #tabs-models .preview p{
    color: #212121;
    margin-top: 2px;
}
#tabs-models .preview img{
    border: 2px solid #FFCF2B;
    float: left;
    margin:0 10px 5px 5px;
}
#tabs-models .preview a.vid{
    display: inline;
    float: right;
    height: 75px;
    width: 167px;
    text-indent: -9999px;
    background: url(images/preview_vid.png) top left no-repeat;
    margin-right: 2px;
}
.arc_footer{
    background: url(images/arc_footerbg.png?12) top left no-repeat;
    width: 733px;
    height: 54px;
    clear: both;
    margin-bottom: 80px;
}
#tabs #notice{
    position: absolute;
    top:510px;
    width:570px;
    color: #1977e8;
    font-size: 10px;
    margin: 0;
    padding: 0;
    left: 0;
}
#tabs #warranty{
    position: absolute;
    top:510px;
    right: 10px;
}
.arc_footer ul{
    display: block;
    width: 100%;
    overflow: hidden;
}
.arc_footer ul, .arc_footer li{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.arc_footer li{
    float: left;
}
.arc_footer li.brochure{
	color: #fff;
	height: 14px;
	width: 155px;
	padding: 20px 10px 20px 70px;
}
.arc_footer li.brochure a{
	font-size: 10px;
}
.arc_footer a, .arc_footer b{
    color: #fff;
	font-weight: bold;
	text-decoration: none;    
}
.arc_footer .faq a{
	display: block;
    float: left;
    width: 157px;
    padding-top: 20px;
    padding-left: 78px;
    height: 58px;
}
.arc_footer .faq a{
    width: 92px;
    padding-left: 120px;
}

/* @group Price Model Tabs */
#tabs-models { padding: 0px; }

#model-tabs{
	background: #111;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 271px;
}

#model-tabs li { float: left; }

#model-tabs li a{
	background: #ccc;
	color: #000;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 0px 5px 0px 0px;
	padding: 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 60px;	
}

#tabs-models .arc_aside { height: 398px; }

#sseries-models { display: none; }

#model-tabs li a.active{
	background: #0d3f7a;
	color: #fff;
}
/* @end */

tbody{
    width: 100%;
}

/* @group Arc_Aside */
.arc_aside{
    padding: 1px 10px 0 10px;
    background: url(images/arcaside_bg.png) 0px 1px no-repeat;
    width: 250px;
    height: 423px;
}
.arc_aside h3{
	margin: 13px 0px;
}
.arc_aside h4{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.arc_aside p a{
	color: #fff;
	text-decoration: underline;
}
#tabs-intro .arc_aside h4, #tabs-why .arc_aside h4, #tabs-why-f-series .arc_aside h4{
    font-size: 14px;
    font-style: normal;
    margin-top: 18px;
    margin-bottom:  0;
}
#tabs-intro .arc_aside p, #tabs-why .arc_aside p, #tabs-why-f-series .arc_aside p{
    margin-top: 0;
}
#tabs-models table{
    width: 250px;
    margin-top: 5px;
}
#tabs-models table .arc_acc_row{
    width: 70%;
}
#tabs-models table a{
    text-decoration: none;
    color:  #fff;
}
#tabs-models table a:hover{
    color:  #ffcc37;
}
#tabs-models table td{
    width: 250px;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: .4em;
}
.mouse_instr{
    position: absolute;
    left: 300px;
    bottom:  10px;
    width: 200px;
}
#tabs-models table .hover td{
    color: #ffcc37;
}
#tabs-models table th{
    font-size: 14px;
    font-style: normal;
    text-align: left;
}
#tabs-models tbody th{
    padding-top: 5px;
}
#tabs-models td{
    text-transform: uppercase;
    cursor: pointer;
}
#tabs-intro .arc_aside h3{
    display: block;
    width: 157px;
    height: 24px;
    background: url(images/arcstation-text.png) top left no-repeat;
    text-indent: -9999px;
    margin-top: 13px;
}
#tabs .arc_aside p{
    font-size: 12px;
    line-height: 1.5em;
}
/* @end */

/* @group Hotspots */
.hotspot_9{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 81px;
    left: 298px;
}
.hotspot_1{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 105px;
    left: 391px;
}
.hotspot_10{
	height: 16px;
	left: 420px;
	position: absolute;
	top: 65px;
	width: 13px;
}
.hotspot_8{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 220px;
    left: 308px;
}
.hotspot_2{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 257px;
    left: 308px;
}
.hotspot_3{
    height: 16px;
    left: 392px;
    position: absolute;
    top: 43px;
    width: 13px;
}
.hotspot_4{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 197px;
    left: 398px;
}
.hotspot_7{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 247px;
    left: 521px;
}
.hotspot_5{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 169px;
    left: 559px;
}
.hotspot_6{
    width: 13px;
    height: 16px;
    position: absolute;
    top: 85px;
    left: 546px;
}
.hotspot_101{
    height: 16px;
    left: 586px;
    opacity: 0.5;
    position: absolute;
    top: 97px;
    width: 13px;
}
.hotspot_102 {
    height: 16px;
    left: 500px;
    position: absolute;
    top: 48px;
    width: 13px;
}
.hotspot_103{
    height: 16px;
    left: 366px;
    position: absolute;
    top: 283px;
    width: 13px;
}
.hotspot_104 {
    height: 16px;
    left: 418px;
    position: absolute;
    top: 86px;
    width: 13px;
}
.hotspot{
    text-indent: -9999px;
}
#hottip{
    position:absolute;
    background: url(images/hottip.png) top left no-repeat;
    padding: 16px 0 0 0;
    width: 240px;
    font-weight: bold;
    margin: 0;
    color:#000;
    display:none;
    overflow: hidden;
    }
#hottip span{
    background: url(images/hottip_btm.png) bottom left no-repeat;
    padding: 0 25px 5px 5px;
    width: 195px;
    display: block;
    overflow: hidden;
}
#hottip img{
    float: left;
    margin-right: 4px;
}

/* @end */

/* @group Image Map */
.mapitem{
    display: none;
}
#main .model_acc .mapitem{
    display: block;
}
#main .model_acc{
    background: url(images/tabs_models_bg.jpg?12) 271px 0px no-repeat #0d3f7a;	
}
#main .model951170{
	background: url(images/tabs_models_bg_60sx.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#main .model951169{
	background: url(images/tabs_models_bg_60s.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#main .model951168{
	background: url(images/tabs_models_bg_30sx.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#main .model951167{
	background: url(images/tabs_models_bg_30s.jpg?12) 271px 0px no-repeat #0d3f7a;
}
#main .model300837{
	background: url(images/tabs_models_fseries_bg.jpg) 271px 0px no-repeat #0d3f7a;
}
#main .subtab-fseries{
	background: url(images/tabs_models_fseries_5-IN-X-CLAMP_bg.jpg) 271px 0px no-repeat #0d3f7a;
}
#acc_380 img, #acc_381 img, #acc_382 img, #acc_383 img{
    display: none;
}
#acc_380 span, #acc_381 span, #acc_382 span, #acc_383 span{
    display: none;
}
#acc_382 h3, #acc_382 p, #acc_383 h3, #acc_383 p, #acc_381 h3, #acc_381 p, #acc_380 h3, #acc_380 p{
    padding-left: 6px;
    padding-right: 6px;
}
.image{
    position: relative;
}
.image span{
    background:transparent url(images/enlarge.png?12) no-repeat scroll left top;
    color:#FFCF2B;
    display:block;
    font-weight:bold;
    height:22px;
    left:-70px;
    position:absolute;
    top:65px;
    width:73px;
    }
#tabs-models .image span{
    top:60px;
}
.active_map, .active_map_c{
    display: block;
    border: 3px solid #ffcf2b;
}
#map_300611, #map_300612{
	height:63px;
	left:495px;
	position:absolute;
	top:132px;
	width:75px;
}
#map_300605{
    position: absolute;
    top: 125px;
    left: 345px;
    height: 23px;
    width: 83px;
}
#map_300610{
    position: absolute;
    top: 130px;
    left: 345px;
    height: 58px;
    width: 83px;
}
#map_300613{
	height:43px;
	left:355px;
	position:absolute;
	top:80px;
	width:40px;
}
#map_300614{
    height:35px;
    left:330px;
    position:absolute;
    top:109px;
    width:30px;
}
#map_300679{
    position: absolute;
    top: 168px;
    left: 470px;
    height: 43px;
    width: 53px;
}
#map_300680{
    position: absolute;
    top: 148px;
    left: 310px;
    height: 43px;
    width: 53px;
}
#map_300685{
    position: absolute;
    top: 10px;
    left: 355px;
    height: 100px;
    width: 260px;
}
#map_300686{
    position: absolute;
    top: 10px;
    left: 355px;
    height: 100px;
    width: 260px;
}
#map_300849{
    height: 63px;
    left: 513px;
    position: absolute;
    top: 276px;
    width: 60px;
}
#map_300850 {
    height: 50px;
    left: 424px;
    position: absolute;
    top: 64px;
    width: 50px;
}
#map_300850-2 {
    height: 65px;
    left: 479px;
    position: absolute;
    top: 0px;
    width: 61px;
}
/* @end */

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: url(images/slide_track.png) top left repeat-y;
    width:14px;
}
.jScrollPaneDrag {
    position: absolute;
    background: url(images/slide.png) top center no-repeat;
    height:40px;
    width: 14px;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background: url(images/arrowup.png);
    height: 11px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background: url(images/arrowdown.png);
    height: 12px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}
.scroll-pane{overflow:visible;}

#sharethis_1 a.stbutton {
	padding-top:0;
}
#sharethis_1 .stico_default {
	background:transparent url(/interests/projects/ideagallery/images/shareicons.png) no-repeat scroll 0 0 !important;
	display:block;
	width:125px;
}