/* Begin Thickbox CSS */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* end Thickbox CSS */



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#container-1 {clear: left; margin: 10px 19px 10px 16px;}
#container-1 div {clear: left;}
#container-1 li {list-style: none}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
  
}
#container-1 *{
zoom: 1; min-width: 1px;
}
.ui-tabs-nav:after {  
content: "."; display: block; clear: left; height: 0; visibility: hidden;
}
.ui-tabs-nav ul {margin: 0; padding: 0;}
.ui-tabs-nav li { float: left; width: 102px; 

list-style: none; margin: 0; padding:0;
   
}
.ui-tabs-nav a, .ui-tabs-nav a span {
text-decoration: none;
color: white;
font-weight: bold;
outline: 0;


 display: block;

 
   
}
.ui-tabs-nav a {
 height: 19px; 
padding-top: 8px;
text-align: center; 
font-size: 11px;
color: white;
  background: url(/images/newprod/tab.png) no-repeat;  
}
.ui-tabs-nav a:hover {background: url(/images/newprod/tab-roll.png) no-repeat}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {

}
.ui-tabs-nav .ui-tabs-selected a span{  color: #000}
.ui-tabs-nav .ui-tabs-selected a { 

color: black;
font-weight: bold;
background: url(/images/newprod/active-tab.png) no-repeat ;   

}
.ui-tabs-nav a span {
 
}
.ui-tabs-nav .ui-tabs-selected a span {
   
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {

}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
  
}
.ui-tabs-panel {
   
   
}
.fragment {border: 1px solid #ccc; border-top: 0; background: url(/images/newprod/top-right-border.png) top right no-repeat; padding-top: 1px}
.inner-fragment {background: url(/images/newprod/tabs-bg.png) repeat-x #eee ;padding: 12px 5px 12px 12px;}

.inner-fragment:after {visibility: hidden; display: block; clear: left; height: 0; content: "."; }
.gallery { }
.gallery img {display: block;  border: 1px solid #a0a0a0; margin-right: 7px; margin-top: 7px}
.gallery a {float: left;}
#accessories .accessory {width: 249px; float: left; clear: none; margin-right: 5px;  margin-bottom: 15px;display: inline;}
#accessories .left {width: 110px; float: left; margin-right: 9px;display: inline;}
#accessories .left img {display: block; border: 1px solid #9f9f9f; margin-bottom: 5px;display: inline; }
#accessories .right {width: 129px; float: left; clear: none;}
#accessories .info {background: url(/images/newprod/info-btn.png) no-repeat; padding: 0; margin: 0;text-indent: -9999px;  height: 25px; width: 31px; display: block;float: left;display: inline;}
#accessories  .addToButton {text-decoration: none; margin-left: 5px;font-size: 11px; white-space:nowrap; color: #fff; height:11px; width:40px; padding:7px 0 0 0; background: url(/images/newprod/add-to-bg.png) repeat-x #2A4997; border: 1px solid #3e4066;display: block; float: left;display: inline;text-align: center;height:15px; width: 61px}
#accessories  .howToButton {text-decoration: none; margin-left: 5px;font-size: 10px; white-space:nowrap; color: #fff; height:11px; width:40px; padding:7px 0 0 0; background: url(/images/newprod/add-to-bg.png) repeat-x #2A4997; border: 1px solid #3e4066;display: block; float: left;display: inline;text-align: center;height:15px; width: 61px}

#accessories h4 {font-size: 12px; margin-bottom: 4px; margin-right:8px}
#accessories p {width: 129px; margin: 0; padding: 0}
.inner-fragment .more{text-decoration:underline;background: url(/images/more-link-icon.gif) right no-repeat; padding-right: 16px; font: bold 11px Arial, Helvetica, sans-serif; color: #575A8F; text-decoration: underline} 
.specLink{background: url(/images/more-link-icon.gif) right no-repeat; padding-right: 16px; font: bold 12px Arial, Helvetica, sans-serif; color: #575A8F; text-decoration: underline} 
#container-1 .cases p{font-size: 12px}
#container-1 .specs p{font-size: 12px}
#container-1 .inner-fragment p {margin-bottom: 12px;}

.image {background: url(/images/newprod/image-large-bg.jpg); height:180px ;width: 220px ; }

.video {float: left; width: 300px; clear: none;}
#container-1 .videoDesc {float: left; width:180px; clear: none; margin-left: 15px}
#container-1 .videoDesc p { font-size: 12px;}
#container-1 .inner-fragment li {background: url(/images/newprod/spec-bullet.gif) 0 50% no-repeat; font-size: 11px; padding-left: 15px; float: none; display: block; width: auto}
#container-1 .inner-fragment ul {margin-left: 10px; margin-bottom: 15px;}
#container-1  h3 {font-size: 12px; font-weight: bold; margin-bottom: 10px; }

#imageLarge {position: relative;border: 1px solid #000; width: 218px; height:171px;min-width: 1px; zoom: 1; padding-top: 20px;}
#imageLarge .newStamp {display: block; top: 0; left: 0; position: absolute;min-width: 1px; zoom: 1;}
#imageLarge .contentImage {display: block; margin: 0 auto 0 auto; min-width: 1px; zoom: 1;}
#productTop {margin-left: 16px; margin-top: 27px;}
#mainLeft {float: left; width: 220px; margin-right:20px; display: inline}
#text {float: left; width: 298px; margin-bottom: 15px;}
#text p {font-size: 12px; margin-bottom: 10px;}
.largeImageButtons {zoom: 1; min-width: 1px; margin-top: 12px;}
#largeImageLabel {float:left; width:120px; display:inline;}
.largeImageButtons:after{display: block; content: ".";visibility: hidden; clear: left;height: 0;}
#container .largerImage {background: url(/images/newprod/larger-img.png) no-repeat; height: 25px; width: 120px; display:block; text-indent: -9999px;}
#container .addToButton2 {background: url(/images/newprod/add-to-bg.png) repeat-x #2c4891; margin-left:8px; margin-right:0; height:14px; float: left; display: block; width: 90px; border: 1px solid #3f4168; padding: 5px 0 4px 0; color: #fff;text-align:center; text-decoration: none; font-size: 11px;}