/* Inovent Version 2 CSS File */

/* Proxima Labs (www.proximalabs.com) */





/* Structure */

body{

  margin:0;

  padding:0;

  background:#747474 url(../v2.images/bgd.jpg) top center repeat-y;

  position:relative;

}

div#container{

  margin-left:-354px;

  left:50%;

  width:707px;

  position:absolute;

}



div#header{

  width:707px;

  height:71px;

}



div#footer{

  height:30px;

  background-color:#eee;

  border-top:1px solid #ddd;

  margin-top:15px;

  clear:both;

  padding-top:15px;

  _padding-bottom:15px;

  color:#ccc;

  font-size:11px;

}

/* Common */



div.sectionHeader{

  width:707px;

  height:37px;

}

div.section{

  position:relative;

  clear:both;

}

div.section h4{

  text-indent:-9999em;

  margin:0;

  padding:0;

  width:707px

  height:26px;

}

div.small-left{

  width:260px;

  float:left;

}



a.learnMore, a.viewDemo, a.demoSoon{

  display:block;

  width:113px;

  height:28px;

  background:transparent url(../v2.images/learn-more-button.jpg) left top no-repeat;

  text-indent:-9999px;

  float:left;

  margin:5px;

  margin-bottom:15px;

  overflow:hidden;

}

a.viewDemo{

  background-image:url(../v2.images/view-demo-button.jpg);

}

a.demoSoon{

  background-image:url(../v2.images/view-demo-soon-button.jpg);

  cursor:default;

}

a.learnMore:hover, a.viewDemo:hover, a.demoSoon:hover{

  background-position:left bottom;

}

h2.productName{

  font-family:trebuchet MS;

  margin:0;

  padding:0;

}

div.productDescrip{

  font-family:trebuchet MS;

  font-size:14px;

  color:#b288c2;

  width:300px;

  margin-top:20px;

}

div.productContainer{

  margin-left:20px;

  margin-right:20px;

  margin-top:35px;

}

img.productMainImage{

  float:right;

}

h3.greenHeader{

  font-family:trebuchet ms;

  color:#7ddc44;

  clear:both;

  margin:0;

  margin-bottom:10px;

}

div.greenSub{

  color:white;

  padding:3px;

  padding-left:10px;

  font-family:trebuchet ms;

  font-size:14px;

  background-color:#7ddc44;

  border-bottom:3px solid #6cc13a;

}

div.generalDescrip{

  color:#666;

  font-family:arial;

  font-size:12px;

  line-height:18px;

  margin:10px;

  width:350px;

}

div.generalDescrip a{

  color:#E90D0F;

}

div.generalSmall{

  color:#666;

  font-family:arial;

  font-size:12px;

  line-height:18px;

  margin:10px;

  width:350px;

  clear:left;

}

/* Specific */



  /* Top & Nav */

  div#header div#logo{

    width:177px;

    height:71px;

    float:left;

    margin-left:20px;

  }

  div#header div#logo a{

    display:block;

    width:177px;

    height:71px;

    background:transparent url(../v2.images/logo.jpg);

    text-indent:-9999px;

  }

  div#nav{

    position:relative;

    z-index:9999;

  }

  div#nav a{

    display:block;

    text-indent:-9999px;

    height:71px;

    float:right;

    background-position:top left;

    background-repeat:no-repeat;

  }

  div#nav a#products{

    background-image: url(../v2.images/products.jpg);

    width:86px;

    cursor:default;

  }

  div#nav a#distributors{

    background-image: url(../v2.images/distributors.jpg);

    width:99px;

  }

  div#nav a#contact{

    background-image: url(../v2.images/contact.jpg);

    width:66px;

  }

  div#nav a:hover{

    background-position:bottom left;

  }

  div#nav li#products-nav{

    position:relative;

    padding:0;

    margin:0;

    list-style:none;

  }

  div#nav li#products-nav div#products-sub{

    position:absolute;

    background-color:white;

    width:100px;

    _width:120px;

    top:65px;

    left:458px;

    _left:245px;

    padding-left:7px;

    padding-top:5px;

    border-left:1px dotted #ddd;

    display:none;

    z-index:9999;

  }

  div#nav div#products-sub a{

    text-indent:0;

    float:none;

    font-size:11px;

    font-family:arial;

    height:20px;

    color:#999;

    text-decoration:none;

    background:transparent url(../v2.images/green-bullet.jpg) left 3px no-repeat;

    padding-left:8px;

  }

  div#nav div#products-sub a:hover{

    color:#666;

  }

  /* Mural */

  

  div#mural{

    width:707px;

    height:260px;

    margin-top:30px;

  }

  div#mural div{

    float:left;

  }

  div#mural div#intro{

    width:211px;

  }

  div#mural div#one{

    width:175px;

    height:260px;

    display:block;

    background:white url(../v2.images/snake.gif) center center no-repeat;

  }

  div#mural div#two{

    width:158px;

    height:260px;

    background:white url(../v2.images/snake.gif) center center no-repeat;

  }

  div#mural div#three{

    width:91px;

    height:257px;

    background:white url(../v2.images/snake.gif) center center no-repeat;

  }

  div#mural div#three img{

    padding-left:1px;

  }

  div#mural div#right{

    width:66px;

    background-color:#78cc43;

    height:226px;

    border-left:2px solid white;

  }

  /* Footer */

  

  div#footer a{

    font-size:11px;

    font-family:verdana;

    color:#aaa;

    text-decoration:underline;

    margin-left:5px;

    margin-right:5px;

  }

  div#footer a:hover{

    color:#666;

  }

  

  /* Headers & Subheaders */

  

  div#family{

    margin-top:10px;

    text-indent:-9999px;

    background:transparent url(../v2.images/inovent-family.jpg) left no-repeat;

  }

  div#rc-section h4{

    background:transparent url(../v2.images/ream-cutter-header.jpg) left no-repeat;

    height:32px;

  }

  div#crc-section h4{

    background:transparent url(../v2.images/counter-roll-cutter-header.jpg) left no-repeat;

    height:32px;

  }

  div#gwc-section h4{

    background:transparent url(../v2.images/gift-wrap-cutter-header.jpg) left no-repeat;

    height:32px;

  }

  

  /* Main Page: Flash Player */

  

  div#flaPlayer{

    float:right;

    margin-top:-170px;

    _margin-top:0;

    border:6px solid #d1c7ec;

    width:402px;

    background-color:#e6e1f3;

  }

  div#flaPlayer object{

    margin:1px;

  }

  

  /* Main Page: Ream Cutter */

  

  div#rc-section img{

    margin-left:40px;

    position:relative;

    display:block;

  }

  div#rc-section a.learnMore{

    float:right;

  }

  div#spotlight-desc{

    font-family:trebuchet ms;

    font-size:14px;

    color:#b288c2;

    position:absolute;

    margin-left:10px;

    margin-bottom:10px;

    top:270px;

    _top:280px;

    bottom:0;

    _bottom:auto;

    width:320px;

  }

  

  /* Main Page: Counter Roll Cutter */

  

  div#crc-section img{

    margin-top:10px;

    margin-bottom:10px;

  }

  div.sectionDescrip{

    font-size:12px;

    color:#666;

    font-family:arial;

    width:80px;

    position:absolute;

    top:45px;

    right:0;

  }

  div#crc-section{

    _padding-bottom:20px;

  }

  /* Main Page: Ream Cutter */

  

  div#reamCutterDescrip{

    position:absolute;

    top:150px;

    left:20px;

  }

  

  /* Main Page: Gift Wrap Cutter */

  

  div#gwc-section img{

    margin-top:10px;

  }

  

  div#gwc-section div.sectionDescrip{

    right:auto;

    left:70px;

    top:100px;

    width:200px;

  }

  div#gwc-section{

    _padding-bottom:20px;

  }

  table#gwcTable{

    font-family:arial;

    color:#666;

    font-size:11px;

  }

  table#gwcTable tr td{

    border-bottom:1px solid #ccc;

  }

  

  /* Counter Roll Cutter: Details Page */

  

  div#packaging{

    background-color:#7dda43;

    color:white;

    font-family:arial;

    font-size:11px;

    padding:20px;

    text-align:center;

    margin-top:20px;

  }

  div#packaging img{

    border:4px solid #7bee2b;

    margin-top:10px;

  }

  

  /* Contact Us page */

  

  div#contactInfo{

    font-family:arial;

    font-size:12px;

    line-height:18px;

    color:#717171;

    width:340px;

    float:left;

    margin-top:30px;

  }

  h3.graySub{

    font-family:trebuchet ms;

    font-size:14px;

    color:#717171;

    margin-top:0;

  }

  a.pdfLink{

    display:block;

    font-size:12px;

    padding:10px;

    background:transparent url(../v2.images/pdf-link.jpg) left no-repeat;

    padding-left:22px;

    color:#717171;

  }

  a.pdfLink:hover{

    color:#222;

  }

  div.alert{

    background-color:#fffedd;

    border:1px solid #f5f297;

    padding:10px;

    margin-bottom:10px;

  }

  form#contactForm{

    font-family:arial;

    font-size:11px;

    color:#666;

    margin-top:15px;

  }

  form#contactForm input, form#contactForm textarea{

    display:block;

    padding:2px;

    font-family:arial;

    font-size:11px;

    color:#666;

    margin-bottom:10px;

    width:200px;

    border:1px solid #999;

    line-height:18px;

    _height:24px;

  }

  form#contactForm input.clicked, form#contactForm textarea.clicked{

    border:1px solid #666;

    color:black;

  }

  form#contactForm textarea{

    width:420px;

    height:50px;

    font-size:12px;

    padding:5px;

  }

  form#contactForm input#emailInput{

    position:absolute; top:0px; left:220px;

    _top:1px;

  }

  span.red{

    color:#777;

    border-left:3px solid #7ddc44;

    padding-left:10px;

    display:block;

  }

  /* Distributors Page */

  

  a.distribLink{

    display:block;

    padding:10px;

    background:white url(../v2.images/info.jpg) left no-repeat;

    padding-left:22px;

    color:#777;

    border-bottom:1px dotted #eee;

  }

  a.distribLink:hover{

    color:#222;

  }

  

  /* Product Page */

  

  .margin10{

    margin:10px;

  }

  

  div.productCell{

    width:300px;

    position:relative;

    height:300px;

  }

  div.cellDescrip{

    font-family:arial;

    font-size:12px;

    font-weight:normal;

    color:#777;

    margin-bottom:10px;

  }

  .bottomRight{

    width:130px;

    position:absolute;

    right:0;

    bottom:20px;

  }

  div#rightColumn{

    width:300px;

    float:right;

  }

  div#wholesaleLearnMore{

    color:#666;

    font-size:12px;

    font-family:arial;

    margin-top:20px;

    border-top:1px dotted #ccc;

    padding-top:20px;

    padding-bottom:20px;

  }

  div#wholesaleLearnMore span{

    display:block;

    padding-top:11px;

    margin-left:15px;

    font-size:12px;

    color:#666;

  }

  div#wholesaleLearnMore a{

    color:#717171;

  }

  div#wholesaleLearnMore a:hover{

    color:#222;

  }

  

  /* Ream Cutter: Details Page */

  

  div#details_intro{

    font-size:13px;

    font-family:trebuchet ms;

    color:#919090;

    border-bottom:1px dotted #999;

    padding-bottom:10px;

  }

  div#details_intro a{

    color:#666;

  }

  

  div#details-left{

    width:320px;

    margin-top:10px;

    border-right:1px dotted #eee;

  }

  div#details-right{

    width:320px;

    float:right;

    margin-top:10px;

  }

  h3.details-header{

    color:#7f7f7f;

    font-family:trebuchet ms;

    font-size:16px;

    margin:0;

    padding:0;

    

  }

  .gray-small{

    font-family:arial;

    font-size:11px;

    color:#888;

  }

  .gray-med{

    font-family:arial;

    font-size:12px;

    color:#666;

    margin-top:10px;

  }

  .light{

    color:#666;

    font-size:11px;

  }

  

  table.details{

    width:135px;

    font-family:arial;

    font-size:11px;

    color:#b288c2;

    margin-right:10px;

  }

  table.details b{

    color:#666;

  }

  table.details tr td{

    border:none;

    border-bottom:1px solid #eee;

  }

  table.details tr td.img{

    border:none;

  }

  table.left{

    float:left;

  }

  table.details img{

    margin-top:10px;

  }

  

  div.grayBack{

    background-color:#9d9c9c;

    color:white;

    font-size:11px;

    font-weight:bold;

    padding:10px;

    margin-right:10px;

    margin-top:30px;

    border:3px solid #8d8d8d;

  }



  /* Gift Wrap Cutter Page */

  

  div#animationBelow{

    color:#666;

    font-family:arial;

    font-size:11px;

    margin:10px;

    text-align:center;

  }