/*#BEGIN#*/
/*# name="01 columns" reference="ref/ncm.css\01_columns.htm" description="null" #*/

/* '../product/getImage.jsp' */

.two-column-group{
	_height:100%;
	_width:100%;
}
/* ********** 2 COLUMN GROUP STYLES ********** */
/* Column 1 */
div.two-column-group .column01, div.two-column-group-leftNarrow .column01, div.two-column-group-leftWide .column01 {
    float: left;
}
/* Column 1 content (Use for padding and separation) */
div.two-column-group
.column01 .column-content, div.two-column-group-leftNarrow .column01
.column-content, div.two-column-group-leftWide .column01
.column-content {
    padding: 0;
}
/* Column 2 */
div.two-column-group .column02, div.two-column-group-leftNarrow .column02, div.two-column-group-leftWide .column02 {
    float: right;
    margin-left: -1px;
}
/* Column 2 content (Use for padding and separation) */
div.two-column-group
.column02 .column-content, div.two-column-group-leftNarrow .column02
.column-content, div.two-column-group-leftWide .column02
.column-content {
    padding: 0;
}
/* Columns width */
/* Column 1 */
div.two-column-group .column01,
div.two-column-group .column01 {
    width: 50%;
    _width:49%;
}
/* Column 2 */
div.two-column-group .column02,
div.two-column-group .column02 {
    width: 50%;
}
/* Column 1 narrow */
div.two-column-group-leftNarrow .column01 {
    width: 33.3%;
}
/* Column 2 wide */
div.two-column-group-leftNarrow .column02 {
    width: 66.7%;
    _width: 65%;
}
/* Column 1 wide */
div.two-column-group-leftWide .column01 {
    width: 66.7%;
}
/* Column 2 narrow */
div.two-column-group-leftWide .column02 {
    width: 33.3%;
}

/* safe columns */

/* Column 1 wide */
div.two-column-group-leftWide div.two-column-group .column01 {
    width: 50%;
    _width: 49%;
}
/* Column 2 narrow */
div.two-column-group-leftWide div.two-column-group .column02 {
    width: 50%;
}

/* end safe columns */
/* ********** 3 COLUMN GROUP STYLES ********** */
/* Column 1 */
div.three-column-group .column01 {
    float: left;
    width: 33.3%;
}
/* Column 1 content (Use for padding and separation) */
div.three-column-group .column01 .column-content {
    padding: 0 6px 0 0;
}
/* Column 2 */
div.three-column-group .column02 {
    float: left;
    width: 33.3%;
}
/* Column 2 content (Use for padding and separation) */
div.three-column-group .column02 .column-content {
    padding: 0 6px 0 6px;
}
/* Column 3 */
div.three-column-group .column03 {
    float: right;
    width: 33.3%;
    margin-left: -1px;
}
/* Column 3 content (Use for padding and separation) */
div.three-column-group .column03 .column-content {
    padding: 0 0 0 6px;
}
/* ********** 4 COLUMN GROUP STYLES ********** */
/* Column 1 */
div.four-column-group .column01 {
    float: left;
    width: 24.9%;
}
/* Column 1 content (Use for padding and separation) */
div.four-column-group .column01 .column-content {
    padding: 0 6px 0 0;
}
/* Column 2 */
div.four-column-group .column02 {
    float: left;
    width: 24.9%;
}
/* Column 2 content (Use for padding and separation) */
div.four-column-group .column02 .column-content {
    padding: 0 6px 0 6px;
}
/* Column 3 */
div.four-column-group .column03 {
    float: left;
    width: 24.9%;
    margin-left: -1px;
}
/* Column 3 content (Use for padding and separation) */
div.four-column-group .column04 .column-content {
    padding: 0 0 0 6px;
}
/* Column 4 */
div.four-column-group .column04 {
    float: right;
    width: 24.9%;
    margin-left: -1px;
}
/* Column 4 content (Use for padding and separation) */
div.four-column-group .column04 .column-content {
    padding: 0 0 0 6px;
}

/* fixes */
div.two-column-group-leftNarrow div.two-column-group .column01,
div.two-column-group-leftNarrow div.two-column-group .column02{
    width:50%;
    _width:48%;
}

/* Column auto */
div.two-column-group.auto div.column01{
  width:auto;
}
div.two-column-group.auto div.column01 div.column-content{
  _width:0px;
}
div.two-column-group.auto div.column01 div.block{
  //width:auto !important;
}
div.two-column-group.auto div.column02{
  width:auto;
  float:none;
  overflow:hidden;
  _float:left;
}

/* Column auto right */
div.two-column-group.auto-right div.column02{
  width:auto;
}
div.two-column-group.auto-right div.column02 div.column-content{
  _width:0px;
}
div.two-column-group.auto-right div.column02 div.block{
  //width:auto !important;
}
div.two-column-group.auto-right div.column01{
  width:auto;
  float:none;
  _float:left;
}

/* New five column group */

div.five-column-group div.column01{
    float:left;
    width:20%;
} 
div.five-column-group div.column02{
    float:left;
    width:20%;
}
div.five-column-group div.column03{
    float:left;
    width:20%;
}
div.five-column-group div.column04{
    float:left;
    width:20%;
}
div.five-column-group div.column05{
    float:left;
    width:20%;
}


/*#END#*/
/*#BEGIN#*/
/*# name="02 elements alignment" reference="ref/ncm.css\02_images_alignment.htm" description="null" #*/







.align-left {
	overflow:hidden;
	float:left;
      margin-right:12px;
      margin-bottom:8px;    
}
.align-foot-left{
      float:left;
      clear:left;
      margin-right:12px;
      margin-bottom:8px;    
}
.align-right{
	overflow:hidden;
	float:right;
      margin-left:12px;
      margin-bottom:8px;
}
.align-foot-right{
      float:right;
      clear:right;
      margin-left:12px;
      margin-bottom:8px;
}
.align-center{
      margin:0px auto;
      display:block;
      margin-bottom:8px;
}
.align-foot-center{
	margin:0px auto;
      display:block;
      margin-bottom:8px;
}

/*#END#*/
/*#BEGIN#*/
/*# name="03 tools" reference="ref/ncm.css\03_tools.htm" description="null" #*/

.sep{
      clear:both;
      height:8px;
}
.pusher{
      clear:both;
      height:0px;
      overflow:hidden;
      line-height:0px;
      font-size:0px;
}
.none,
.closed,
.cover{
      display:none;
}
.border{
  border:4px solid #eceded;
}
.error {
    color: red;
}


/*#END#*/
/*#BEGIN#*/
/*# name="04 mime-types" reference="ref/ncm.css\04_mime-types.htm" description="null" #*/



















.icon16x16{
  display:block;
  width:16px;
  height:16px;
}
.css{
  background: transparent url('img/file-extensions.gif') scroll no-repeat 0 0;
}
.divx{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -16px 0;
}
.doc,
.docx{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -32px 0;
}
.htm,
.html{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -48px 0;
}
.gif,
.png,
.jpg,
.jpeg,
.tif,
.tiff{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -64px 0;
}
.iso{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -80px 0;
}
.js{
  background: transparent url('img/file-extensions.gif') scroll no-repeat 0 -16px;
}
.mov{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -16px -16px;
}
.mp3{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -32px -16px;
}
.mpg,
.mpeg,
.mp4{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -48px -16px;
}
.pdf{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -64px -16px;
}
.ppt,
.pps{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -80px -16px;
}
.rar{
  background: transparent url('img/file-extensions.gif') scroll no-repeat 0 -32px;
}
.rtf{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -16px -32px;
}
.fla,
.swf{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -32px -32px;
}
.txt{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -48px -32px;
}
.unknown{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -64px -32px;
}
.wav{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -80px -32px;
}
.xls{
  background: transparent url('img/file-extensions.gif') scroll no-repeat 0 -48px;
}
.xml{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -16px -48px;
}
.zip,
.gz,
.tar,
.bzip2{
  background: transparent url('img/file-extensions.gif') scroll no-repeat -32px -48px
}


/*#END#*/
/*#BEGIN#*/
/*# name="05 fields alignment" reference="ref/ncm.css\fields_alignment.htm" description="null" #*/

/* left */
dl.left dt{
  float:left;
  width:33%;
}
dl.left dd{
  margin:0px;
}
dl.left dd div.detail-content{
  margin-left:33%;
}
/* center */
dl.center dt{
  float:left;
  width:33%;
  text-align:right;
}
dl.center dd{
  margin:0px;
}
dl.center dd div.detail-content{
  padding-left:12px;
  margin-left:33%;
}
/* top */
dl.top dt{
  padding-top:12px;
}
dl.top dd div.detail-content{
  margin:0px;
}
/* inside */
dl.inside dt{
  float:left;
}
dl.inside dt span{
  padding-right:12px;
}
dl.inside dd{
  margin:0px;
}
dl.inline dt,
dl.inline dd{
  float:left;
  margin-bottom:12px;
  margin-left:0px;
}
dl.inline dt,
dl.inline dd{
  margin-right:12px;
}
/*#END#*/
/*#BEGIN#*/
/*# name="06 drop-down menu" reference="ref/ncm.css\06_drop-down_menu.htm" description="null" #*/











ul.drop-down li ul{
  display:none;
}

ul.drop-down li.over ul{
  display:block;
}

ul.drop-down li.over ul ul{
  display:none;
}

ul.drop-down li ul li.over ul{
  display:block;
}

ul.drop-down li ul li.over ul ul{
  display:none;
}

ul.drop-down li ul li ul li.over ul{
  display:block;
}

ul.drop-down li ul li ul li.over ul ul{
  display:none;
}


/*#END#*/
/*#BEGIN#*/
/*# name="07 form columns" reference="ref/ncm.css\07_form_columns.htm" description="null" #*/



div.form div.two-columns dl{
  float:left;
  width:49%;
}

/*#END#*/
/*#BEGIN#*/
/*# name="08 pager" reference="ref/ncm.css\08_pager.htm" description="null" #*/




.pager li{
  float:left;
}


/*#END#*/

