/*style reset*/
li {list-style-image: none; list-style-position:outside; list-style-type:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding:0;}
a img, fieldset, map, img {border:0;}
a {outline:none;}
input {border:0;}
textarea {border:0;}
/* color theme */
 .content {background-color:#fff;}   
/******************* gray */
body {color:#555; background-color:#ebebeb; border-top:5px solid #ed1c24;}
a, .productList a:hover span, .catlist a, .linklist a, #mainMenu span, #mainMenu ul a, #footer span, #footer ul a {color:#555;}
h1 {color:#373737;}
.twoCol h2, .modin h3 a, .productList a strong {color:#010101;}
/******************* red  */
.error, .oneCol h2, a:hover, #mainMenu ul a:hover, #breadcrumbs li span, #breadcrumbs li a:hover, .modin a, .productList a:hover strong, #product h2, #footer ul a:hover, .catlist a:hover span, .linklist a:hover, label em {color:#ed1c24;}
/******************* mots */
#footer .oneCol a:hover img {background-color:#D31820;}
#footer .oneCol a img {background-color:#5c5c5c;}
/*main elements*/
body {font-family:Arial; font-size:12px; background-image:url('i/bg.body.jpg'); background-repeat:repeat; width:100%; min-width:960px;}
  #outerWrapper {width:100%; float:left; background-image: url('i/bg.header.png'); background-repeat:repeat-x; }
  /*general tags*/
  h1 {font-size:50px; font-weight:bold;}
    h1 strong {display:block; font-size:37px;}
  .oneCol h2 {font-size:24px; font-weight:bold;}  
  .twoCol h2 {font-size:18px; font-weight:bold;}
  a:hover {text-decoration:none;}  
  strong.big {font-size:16px;}  
  label.error {font-size:12px; font-weight:normal;}
  ul.thlist {width:100%; float:left; padding:0;}
  .thlist li {float:left; padding:0 19px 19px 0;}
  .pdf {background-image:url('i/bg.pdf.jpg'); background-repeat:no-repeat; padding-left:40px; padding-top:16px; display:block; float:left;}    
  .mtop {padding-top:20px;}
  .mbot {padding-bottom:20px;}    
  /*main structure*/
  .wrapper, #box {width:100%; float:left; }  
  #mainWrapper {width:100%; padding-bottom:10px; clear:both; float:left;}
  #mainMenu, #header, #content, #footer {position:relative; float:left; left:50%; margin-left:-460px; width:920px; }
  .twoCol {float:left; width:627px; padding-bottom:15px; }
  .oneCol {float:right; width:292px; }
  /*header */
  #headerOverlay {position:absolute; display:block; width:920px; height:20px; bottom:0; left:50%; margin-left:-460px; background-image:url('i/bg.headeroverlay.png'); background-repeat:no-repeat;}   
    #header p {font-size:20px; height:107px; overflow:hidden;}
      #header p.big {font-size:30px;}
      #header .twoCol {padding-right:20px; width:607px; }  
  /*main menu */    
    #mainMenu {margin-left:-460px; padding-top:20px; padding-bottom:50px;}
      #mainMenu img {float:left; }
      #mainMenu ul {float:right; padding-top:26px; }
        #mainMenu li {float:left; padding-left:20px; }
          #mainMenu span, #mainMenu ul a {font-size:16px; display:block;}
          #mainMenu span {font-weight:bold;}
          #mainMenu ul a {float:left;  text-decoration:none;}
  /*breadcrumbs */
  #breadcrumbs {width:100%; padding-bottom:20px; float:left; }
    #breadcrumbs li {float:left;}
    #breadcrumbs li span {font-size:12px; float:left;}
    #breadcrumbs li a {float:left; margin-right:5px; background-image:url('i/bg.bc.jpg'); background-repeat:no-repeat; background-position:right 4px; font-size:12px; text-decoration:none; padding-right:12px;}
    #breadcrumbs li a.last {background-image:url('i/bg.bc2.jpg');}
  /*container */
  .container {padding:0 20px 20px 0;}
    .container h2 {padding-bottom:20px; padding-top:20px;}
    .container h2.first {padding-top:0;}
    .container p, .container ul {padding-bottom:20px;}
    .container p, .container h2 {float:left; width:100%;}
    .container p img {float:left; padding:0 10px 10px 0;}
    .container li {font-weight:bold;}   
    #content {padding-top:20px; }  
  /*narrow modules bacgkround */
  .modtop, .modmid, .modbot {float:left; width:292px;}
    .modtop {background-image:url('i/bg.mod.top.jpg'); background-repeat:no-repeat; padding-top:3px; padding-bottom:20px; }
    .modmid {background-image:url('i/bg.mod.mid.jpg'); background-repeat:repeat-y; }
    .modbot {background-image:url('i/bg.mod.bot.jpg'); background-position:bottom; background-repeat:no-repeat; padding-bottom:3px;}
  /*narrow modules */
  .modout, .mod_out {position:relative; width:284px; height:230px; overflow:hidden; padding-left: 4px;}
  .modin {position:absolute; top:167px; left:4px; width:262px; height:230px; font-size:14px;}
  .full {top:0 !important;}    
    .modin a {font-weight:bold; font-size:12px; text-decoration:none;}      
    .modin p {padding-bottom:15px; cursor:default;}
    .modin h3 a {font-size:18px; font-weight:bold;}
    .modin a.more:hover {text-decoration:underline;}
  .nointro {padding:13px 11px 13px 11px; height:204px;}
  .intro {padding:3px 11px 13px 11px; height:214px;}
    .intro h3, .nointro h3 {padding-bottom:11px;} 
  .desc {padding:5px 11px 13px 11px; height:212px;}     
  .modin em {font-size:10px; line-height:10px; float:left; width:100%; cursor:default; height:10px;}
  .modin h3 {width:100%; padding-bottom:3px;}
  .yellow {background-image:url('i/bg.yellow.png');}
  .gray {background-image:url('i/bg.gray.png');}
  /*wide modules bacgkround */
  .wmodtop, .wmodmid, .wmodbot {float:left; width:602px;}
  .twoCol .modtop {padding-right:20px;}
  .wmodtop {background-image:url('i/bg.wmod.top.jpg'); background-repeat:no-repeat; padding-top:3px; padding-bottom:20px; }
  .wmodmid {background-image:url('i/bg.wmod.mid.jpg'); background-repeat:repeat-y; }
  .wmodbot {background-image:url('i/bg.wmod.bot.jpg'); background-position:bottom; background-repeat:no-repeat; padding-bottom:3px;}
    /*wide modules */
    .wmodmid h2, .wmodmid p {padding-bottom:5px;}
    .wmodmid div {padding:9px 20px 13px 20px;}
    .wmodmid img {padding:14px 13px 9px 18px; float:left;}
  /*maps */
  #big_map {background-image: url('i/bg.mapsprite.gif'); background-repeat:no-repeat; background-position:0 0;} 
  #small_map {background-image: url('i/bg.mapsprite.small.gif'); background-repeat:no-repeat; background-position:0 0;}
  .big_map {float:left; width:100%; margin-bottom:15px; display:block;}
  /*product list*/
  .productList {width:625px; float:left;}
    .productList li {padding:0 20px 20px 0; float:left;}
    .productList a strong {font-size:14px; display:block;}
  .productList a {text-decoration:none; background-image:url('i/bg.prod.gif'); background-repeat:no-repeat; width:181px; height:191px; display:block; padding:3px;}
    .productList a img {padding-left:30.5px;}
  .productList a span {padding:2px 10px 0 10px; display:block; float:left; height:65px; overflow:hidden;}
  .productList a:hover span {cursor:pointer;}
  /*product */
  #product {float:left; width:605px; padding-right:20px; }
    #product img {background-image:url('i/bg.prodpic.jpg'); background-repeat:no-repeat; padding:3px; display:block; float:left;}
    #product ul, #product p {padding-bottom:20px;}
    #product div {float:left; width:350px; padding-left:20px; padding-top:9px;}
  /*start pagination*/
  .pagination {width:100%; float:left; font-size:12px; font-weight:bold; margin-bottom:20px; height:24px; }
    .pagination a {text-decoration:none; display:block; float:left; height:20px; margin-right:10px; background-color:white; padding-top:4px;}
    .pagination span {cursor:default; float:left; display:block; background-image:url('i/bg.page.jpg'); background-repeat:no-repeat; width:24px; height:20px; padding-top:4px; text-align:center; padding-right:10px;}    
  /*footer */
  #footer { font-size:11px; background-image:url('i/bg.footer.png'); background-repeat:no-repeat; padding-top:10px; padding-bottom:40px; }  
    #footer li {float:left; padding-right:10px; } 
    #footer span {font-weight:bold; float:left;} 
    #footer span, #footer ul a {display:block;}
    #footer ul a {float:left; text-decoration:none;}      
    #footer .oneCol {text-align:right;}    
  /*side contents lists*/
  .catlist h2 {padding-left:20px; padding-bottom:7px;}
    .catlist li {float:left; padding-left:11px; padding-bottom:14px; }
    .catlist a {text-decoration:none; font-size:14px; font-weight:bold; display:block; float:left;}
      .catlist span {display:block; float:left; width:235px; cursor:pointer; padding-top:18px;}
      .catlist a img {float:left; display:block;}
  .linklist h2 {padding-left:13px; padding-bottom:7px;}
  .linklist ul {padding-bottom:20px;}
    .linklist li {padding-bottom:3px; padding-left:13px;}
    .linklist a {font-size:14px; text-decoration:none; }
  /* form specific */
    form div {float:left;}
    fieldset {float:left;}
    fieldset.narrow {width:231px; float:left; padding-bottom:12px;}
    fieldset.wide {width:441px; float:left; padding-bottom:20px;}
    label {font-size:16px; font-weight:bold; float:left; padding-bottom:2px;}
    .narrow label {width:212px;}
    .wide label {width:100%; }    
    input.text {width:200px; background-image:url('i/bg.input.jpg'); line-height:16px; font-size:14px; padding:5px 6px 7px 6px; float:left;}
    input.image {float:left; margin-top:18px;}
    textarea {width:429px; height:135px; background-image:url('i/bg.textarea.jpg'); font-family:Arial; font-size:14px; line-height:16px; padding:5px 6px 7px 6px;}
  
  #prodinfo ul li {background:url('i/bg.dash.jpg') 0 7px no-repeat; padding-left:9px;}
    
  /*home custom header */
  #header_home {margin-left:-502px; width:1004px; height:396px; position:relative; float:left; left:50%; overflow:hidden;} 
    #header_home img {display:block; float:right; position:absolute; top:0; right:0; z-index:1;}
    #header_home p {font-size:20px; position:relative;}
    /*#header_home .twoCol {position:absolute; left:42px; top:173px; z-index:2;}*/
    #header_home .twoCol {padding:173px 0 0 42px; position:absolute; z-index:5;}
    #header_home .featured {position:absolute; width: 1004px; height: 400px; /*top:396px;*/ left:0; top:0; z-index:1; }
      #header_home .featured .twoCol, #header_home .featured img {top:400px;}
      #header_home .featured a {text-decoration:none;}
    #header_home .selected .twoCol, #header_home .selected img {top:0;}
    #header_home #controls {position:absolute; height:14px; width:920px; left:42px; bottom:18px; z-index:2;}
      #header_home #controls li {float:left; padding-right:5px;}
      #header_home #controls a {position:relative; width:13px; height:13px; float:left; background:url('i/bg.dots.png') 0 0 no-repeat; display:block; cursor:pointer;}
        #header_home #controls a img {position:relative; float:left; display:none; }
      /*#header_home #controls a.current img {display:block;}*/
    #header_home #controlsOverlay {position:absolute; height:14px; width:920px; left:42px; bottom:18px; z-index:3; background-color:red; }
    .hidden {display:none;}
    
    #console {position:absolute; top:0; left:0; background-color:black; font-size:14px; font-weight:bold; width:40px; height:40px; color:white; padding:10px; }  
        
