/***************************/
/*         LAYOUT          */
/***************************/   

/* WIREFRAME */

body {
    text-align: left;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    position:relative;
}

/*== MAIN LAYOUT ==*/

#wrapper {
    width:984px;
    margin: 0px auto;
    position:relative;
}

#header {
  margin:15px 0px 10px 0px;
}

#footer {
  margin:0px 0px 15px 0px;
}

#content .inner {
  padding:5px 0px;
}

#header .inner {
}

#footer .inner {
}

/* CORPORATE HEADER */

#top-arm {
  position:relative;
  height:85px;
  background: url('images/arm.jpg') repeat-x;
}

#left1 {
  position:absolute;
  background: url('images/left1.jpg');
  width:9px;
  height:85px;
}

#logobox {
  position:absolute;
  left:9px;
  background: url('images/logobox.jpg') repeat-x;
  height:85px;
  width:210px;
}

#right1 {
  position:absolute;
  left:219px;
  background: url('images/right1.jpg');
  width:18px;
  height:85px;
}

#logobox img {
  margin-top:20px;
  margin-left:10px;
}

#serif {
  position:absolute;
  right:0px;
  background: url('images/serif.jpg') no-repeat;
  height:85px;
  width:30px;
}

#servicelogobox {
  position:absolute;
  height:18px;
  width:217px;
  right:20px;
  bottom:0px;
  background:url('images/cig_logo.jpg') no-repeat;
}

#servicelogobox2 img{
  vertical-align:middle;
  margin-left:15px;
  position:relative;
}

/* LANGUAGE SELECTOR */

ul#langlist {
  position:absolute; 
  list-style:none; 
  z-index:1000000; 
  padding:0px; 
  margin:-5px 0px 0px 2.4em; 
  border:1px solid; 
  background:#ffffff; 
  display:none;
  -moz-box-shadow: #b2b2b2 2px 2px 2px; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
}

ul#langlist li {
  display:inline;
  list-style:none;
  padding:0px;
  margin:0px;
}

ul#langlist li a {
  padding:3px 10px; 
  text-align:left;
  display:block;
}

ul#langlist li a img, a#langselector img {
  vertical-align:middle; 
  margin-right:0.5em;
}

ul#langlist li a:hover {
  background-color:#666666;
  color:#ffffff;
}

/* TOOLTIP */

#tooltip {
  position:absolute;
  z-index:1000;
  top:0px;
  margin:38px 0px 0px 5px;
  width:230px;
}

#tooltip p {
  width:210px;
  background:#ffffff;
  border-width:1px 1px 1px 3px;
  border-style: solid;
  padding:2px 3px 2px 3px;
  margin:0px;
  font-size:10px;
} 

/* CORPORATE FOOTER */

#bottom-arm {
  position:relative;
  height:57px;
  background: url('images/armredsmall.gif') bottom repeat-x;
}

#left1red {
  position:absolute;
  right:122px;
  background: url('images/left1red.gif') bottom no-repeat;
  width:18px;
  height:57px;
}

#youcanred {
  position:absolute;
  right:26px;
  background: url('images/youcan.gif') bottom no-repeat;
  height:57px;
  width:96px;
}

#right1red {
  position:absolute;
  right:0px;
  background: url('images/right1red.gif') bottom no-repeat;
  width:26px;
  height:57px;
}

#serifred {
  position:absolute;
  left:-1px;
  background: url('images/serifred.gif') bottom no-repeat;
  height:57px;
  width:30px;
}

ul#footer-links {
  list-style:none;
  padding:0px;
  margin:10px 0px 0px 20px;
  width:auto;
}

ul#footer-links li {
  display:inline;
}

div#top-navigation ul li span.pipe , ul#footer-links li span.pipe{
  margin:0px 0.8em;
}

/* LEFT NAVIGATION */

ul#left-navigation {
  list-style:none;
  padding:35px 0px;
  margin:0px 20px 0px 0px;
  width:207px;
  text-align:right;
  float:left;
  font-weight:bold;  
}

ul#left-navigation li {
  width:100%;
  margin-bottom:1em;
}

#left-navigation a {
  display:block;  
  padding:3px 0px;
  color:#999999;
  border-bottom:1px solid #f1f1f1;
}

#left-navigation a:hover {
  color: #cc0000;
  border-bottom:1px solid #ccc;
}

#left-navigation a.left-nav-active {
  color: #cc0000;
  border-bottom:1px solid #ccc;
}

/* SERVICE INTRODUCTION */

#service-introduction {
  width:177px;  
  float:left;
  padding:0px 20px 0px 30px;
  margin-top:5px;
  text-align:left;
  background:url('images/grey-serif.gif') no-repeat 10px 5px;
}

#service-introduction h1 {
  font-size:12px;
}

#service-introduction h2 {
  font-size:11px;
  color:#666666;
  margin:1em 0 0.3em 0;
}

#service-introduction p {
  margin:4px 0px;
}

/* MAIN CONTENT */
#main-content {
  padding:0px 18px 10px 18px;
  width:718px;
  float:right;
}

#footnote {
  font-size:10px;
  border-top:1px solid #f1f1f1;
  padding-top:5px;
  margin-top:20px;
}

/***************************/
/*      END OF LAYOUT      */
/***************************/  

/***************************/
/*      MAIN ELEMENTS      */
/***************************/    

img {
    border:0px;
    margin:0px;
    padding:0px;
}

h1 {
    font-size:16px;
    color:#cc0000;
    padding:0px;
    margin:10px 0px 5px 0px;
    width:auto;
    font-weight:bold;
}

h2 {
  padding:0px;
  margin:10px 0px 5px 0px;
  font-size:14px;
  color:#666666;
  font-weight:bold;
}

h3 {
  padding:0px;
  margin:10px 0px 5px 0px;
  font-size:12px;
  color:#666666;
  font-weight:bold;
}

p {
  margin:5px 0px;
  line-height:1.4em;
}

/***************************/
/*   END OF MAIN ELEMENTS  */
/***************************/
    
/***************************/
/*         LINKS           */
/***************************/    

/* CLASSIC LINKS */

a {
    color: rgb(102, 102, 102);
    text-decoration:none;
    cursor:pointer;
}

a:hover {
   color: #cc0000;
}

a.arrowed {
  padding-left: 1.2em;
}

a.arrowed:hover {
  padding-left: 1.2em;
  background-color:#e6e6e6;
}

/* BUTTON LINKS */

a.button-link {
  margin:0px 10px;
  display:inline-block;
  background-color: #f1f1f1; 
  background: url('images/button-small.png') repeat-x; 
  border-width:1px;
  border-style: solid;
  border-color:#cccccc;
  width:auto;
  cursor:pointer;
  height:auto; 
  padding:5px;
  font-weight:bold;
  color:#666666;
  text-align:center;
}

a.button-link:hover {
  background: url('images/button-small.png') repeat-x bottom; 
  border-color:#ccc;
  color:#cc0000;
}

p.button-big {
   font-size:14px;
   margin:30px 0px;
}

p.button {
   font-size:11px;
   margin:15px 0px;
}

a.button-link-big {
  margin:0px 20px;
  display:inline-block;
  background-color: #f1f1f1; 
  background: url('images/button-big.png') repeat-x; 
  border-width:1px;
  border-style: solid;
  border-color:#cccccc;
  width:auto;
  cursor:pointer;
  height:auto; 
  padding:10px;
  font-weight:bold;
  font-size:14px;
  color:#666666;
  text-align:center;
}

a.button-link-big:hover {
  background: url('images/button-big.png') repeat-x bottom; 
  border-color:#ccc;
  color:#cc0000;
}

/***************************/
/*      END OF LINKS       */
/***************************/    

/***************************/
/*     SPECIAL CLASSES     */
/***************************/

.first {
  margin-top:0px;
}

.clearit {
  clear:both;
  height:0px;
  line-height:0px; /* keep for IE6 */
  font-size:0; /* keep for IE6 */
  padding:0px;
  margin:0px;  
}

.whiteongrey {
  color:#ffffff;
  padding:0px 5px;
  margin-right:5px;
  background:#666666;
}

/* Center images */
.centerstuff {
  text-align:center;
}

/* horizontalspacer */
.hspacer {
  height:1.2em;
}

.floatleft {
  float:left;
  margin-right:10px;
}

.floatright {
  float:right;
  margin-left:10px;
}

/***************************/
/*  END OF SPECIAL CLASSES */
/***************************/


/***************************/
/*     MAIN NAVIGATION     */
/***************************/    

#main-menu {
  position:absolute;
  left:240px;
  top:28px;
  z-index:1050;
}

/***** MAIN MENU LIST *****/
    
#main-menu dl {
  position:relative;
  list-style:none;
  padding:0px;
  margin:0px;
  width:730px;
  z-index:1051;
}

/***** MAIN MENU TOP ITEMS *****/

/* Here can be found all the CSS hacks required to obtain cross-browser vertical middle alignement of main menu items as long as they can fit in a box box the size of dt below */

#main-menu dt {
  display: table;
  height: 32px;
  width:110px;
  overflow: hidden; 
  float:left;
  margin:0px 5px;
  padding-bottom:0px;
  line-height:1.2em;
  border-bottom: 3px solid;
}

/* Main menu bottom border colors - Colors defined for up to 7 main menu items */

  #main-menu dt#main-menu1{
    border-color:#ec7a08;
  }
  
  #main-menu dt#main-menu2{
    border-color:#6a963b;
  }
  
  #main-menu dt#main-menu3{
    border-color:#006fb4;
  }
  
  #main-menu dt#main-menu4{
    border-color:#a31a7e;
  }
  
  #main-menu dt#main-menu5{
    border-color:#009697;
  }
  
  #main-menu dt#main-menu6{
    border-color:#fecb00;
  }
  
  #main-menu dt#main-menu7{
    border-color:#a2ad00;
  }
  
  #main-menu dt .middle {
    display: table-cell; 
    vertical-align: middle;
    width:110px;
    text-align:center;
    height:32px; /* Webkit browsers seem to need a fixed height of will place the dt bottom border a few pixel above its normal position leading to the sub menu being too far from it */
  }
  
  #main-menu dt a {
    font-weight:bold;
    display:block; 
    width:110px;
  }
  
  #main-menu dt a.main-menu-active {
    color: #cc0000; /* Add this class to the main menu item link the currently viewed page belongs to */
  }

/***** MAIN MENU SUBMENUS *****/
    
#main-menu dd {
  position:absolute;
  text-align:left;
  margin:0px;
  margin-top:0px;
  margin-left:5px;
  top:38px; /* dt height + dt top and bottom margin + 2 * dt bottom border width */
  left:0px;
  width:165px;
  border-width:0px;
  display:none;
  z-index:100000;
  padding:0.4em 1em;
  /* Webkit */
  -webkit-border-top-right-radius:0.8em; /* CSS3 */
  -webkit-border-bottom-right-radius:0.8em; /* CSS3 */
  -webkit-border-bottom-left-radius:0.8em; /* CSS3 */
  -webkit-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Gecko */
  -moz-border-radius-topright:0.8em; /* CSS3 */
  -moz-border-radius-bottomright:0.8em; /* CSS3 */
  -moz-border-radius-bottomleft:0.8em; /* CSS3 */
  -moz-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Final CSS3 and IE9 supposedly */
  border-top-right-radius:0.8em; /* CSS3 */
  border-bottom-right-radius:0.8em; /* CSS3 */
  border-bottom-left-radius:0.8em; /* CSS3 */
  box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
}

   #main-menu dd ul {
    list-style:none;
    padding:0;
    margin:0;
   }
  
  #main-menu dd li{
    display:block;
    clear:both;
    border-top:1px solid #f2f2f2;
    padding:5px 0px;
    margin:0px;
    height:auto;
    width:100%;
  }
  
  #main-menu dd li a{
    padding:0px 5px;
    color:#fff;
    font-weight:normal;
    display:block;
  }
  
  #main-menu dd li a:hover{
    padding: 0px 0px 0px 10px; /* Simply shift the submenu link 5px right to feedback hovering */
  }
    
/***************************/
/*   END MAIN NAVIGATION   */
/***************************/ 

/***************************/
/*     TOP NAVIGATION      */
/***************************/ 


div#top-navigation {
  position:relative;
  padding:0px 20px 5px 0px;
}

div#top-navigation ul{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align:right;
}

div#top-navigation ul li {
  display:inline;
  width:auto;
  padding:0px;
  text-align:center;
}

div#top-navigation ul li.loggedinlinks {
  display: none;
}

/* Special country list */
ul#langlistsp {
  position:absolute; 
  list-style:none; 
  padding:0px; 
}

ul#langlistsp li {
  display:inline;
  list-style:none;
  padding:0px;
  margin:0px;
}

ul#langlistsp li a {
  padding:1px 0px; 
  text-align:left;
  display:block;
}

ul#langlistsp li a img, a#langselector img {
  vertical-align:middle; 
  margin-right:0.5em;
}


/***************************/
/*   END TOP NAVIGATION    */
/***************************/ 

/***************************/
/*       SLIDESHOW         */
/***************************/ 

/* GALLERY LIST */
#slideshow-top { visibility: hidden; } 

/* GALLERY CONTAINER */
.gallery { 
  background: #ffffff url('images/dpogradient.png') bottom repeat-x; 
  border: 1px solid #cccccc; 
  padding: 5px;
  -webkit-box-shadow:0px 3px 5px #b2b2b2;
  -moz-box-shadow:0px 3px 5px #b2b2b2; 
  box-shadow:0px 3px 5px #b2b2b2;
  height:0px;
  margin-bottom:15px;
}

/* LOADING BOX */
.loader { background: url(images/loader.gif) center center no-repeat #fff; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 50px; padding: 0 6px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #000; }

.panel .orange + .overlay-background {
  background:#ec7a08;
}

.panel .green + .overlay-background {
  background:#6a963b;
}

.panel .blue + .overlay-background {
  background:#006fb4;
}

.panel .purple + .overlay-background {
  background:#a31a7e;
}

.panel .greenish + .overlay-background {
  background:#009697;
}

#main-menu dt#main-menu6{
  border-color:#fecb00;
}

#main-menu dt#main-menu7{
  border-color:#a2ad00;
}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 10px; }
.panel .panel-overlay a { color: white; }
.panel .panel-overlay .panel-title {
  font-size:13px;
  font-weight:bold;
  margin:3px 0px 0px 0px;
  display:block;
}
.panel .panel-overlay .panel-description {
  display:block;
}


.panel .panel-overlay {
  
}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #f2f2f2; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #f2f2f2; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 12px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #ffffff;
}

/***************************/
/*    END OF SLIDESHOW     */
/***************************/ 

/***************************/
/*        TOP PAGE         */
/***************************/ 

#lefttop {
  width: 447px;
  float:left;
}

/* What's new box */

#whatsnewcontainer {
  float:right;
  border:1px solid #cccccc;
  padding:10px;
  width:230px;
  -webkit-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  -moz-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  background:#f2f2f2 url('images/dpogradient.png') top repeat-x; 
}    

#whatsnewtop ul {
  list-style:none;
  padding:0px;
  margin:10px 0px 0px 0px;
}

#whatsnewtop li {
  list-style:none;
  margin-bottom:4px;
  padding:3px 2px 10px 36px;
  border-bottom: 1px solid #d9d9d9;
}

#whatsnewtop li.last {
  border-bottom: 0px; /* Use for last visible news */
}

#whatsnewtop li.hidden, #viewallnews.hidden {
  display:none; /* For last 5 news at page load */
}

/* Banners */

.banner-top {
  margin:15px 0px;
}

.banner-top a {
  float:left;
}

.banner-top a.rightbanner {
  float:right;
}

/* DPO box */

#dpo-container {
  width:425px;
  border:1px solid #cccccc;
  padding:5px 10px;  
  -webkit-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  -moz-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  background: url('images/dpogradient.png') bottom repeat-x; 

}

#dpo-top ul {
  padding:0px;
  margin:5px 0px 10px 10px;
  list-style:square inside;
}

#dpo-top li {
  padding:2px 0px;

}

/* DPO iFrame */
 iframe.autoHeight {
    border:0px;
    padding:0px;
    margin:0px;
  }

/* DPO iFrame page style */

body#dpo-iframe {
  width:425px;
  padding:0px;
  margin:0px;
  background-color:transparent;
}
ul#dpo-list {
  padding:0px;
  margin:5px 0px 10px 0px;
  list-style: square inside;
}     
ul#dpo-list li {
  padding:2px 10px;
}




/* Primary products */

.products-table {
  margin:10px 0px 5px 0px;
}

.yourproduct {
  vertical-align:middle;
  border:0px;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  font-style:italic;
  font-weight:bold;
}

.yourproduct img {
  padding-right:5px;
  margin-right:5px;
}

ul.product-links {
  padding:0px;
  margin:5px 0px;
  list-style:none;
  font-size:10px;
}

ul.product-links li {
  padding:2px 0px;
  font-style:italic;
  text-align:left;
}

ul.product-links li a {
  display:block;
  border-left:2px;
  border-left-style:solid;
  border-left-color:#cccccc;
  padding-left:5px;
}

ul.product-links li a:hover {
  border-left-color:#cc0000;
}


/***************************/
/*      END TOP PAGE       */
/***************************/ 

/* Full width buttons */
a.full-width-button {
  display:block;
  border:1px solid #cccccc;
  padding:10px 5px;
  margin:5px 0px;
  font-weight:bold;
  text-align:center;
  background: url('images/button-small.png') repeat-x;
}

a.full-width-button:hover {
  background: url('images/button-small.png') bottom repeat-x;
  border:1px solid #cccccc;
}




/***************************/
/*     DIRECT JUMP PAGE    */
/***************************/    



#directjump {
  border:1px solid #f2f2f2;
  padding:5px;
  margin:15px 20px;
  -webkit-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Gecko */
  -moz-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Final CSS3 and IE9 supposedly */
  box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */

}

#directjump .background-rect {
  padding:15px 0px;
  background:#fafafa;
}

#directjump form#loginForm, #directjump form#pwReminderForm{
  float:left;
  border-right-style:dotted;
  border-right-width:1px;
  border-right-color:#666666;
  padding:0px 20px;
  width:282px;
}

#directjump ul {
  margin:0px 0px;
  padding:0px;
  list-style:none;
}

#directjump li {
  margin:0px;
  padding:0px;
}

#directjump label {
  display:block;
  font-size:12px;
  margin:6px 0px 6px 0px;
}

#directjump input {
  font-size:15px;
  color: #666666;
  padding:5px 5px;
  width:270px;
}

#directjump input#login, #directjump input#getpassword, #directjump #registernow #registerlink {
  padding:5px 5px;
  display:block;
  width:282px;
  background-color: #f1f1f1; 
  background: url('images/button-small.png') repeat-x; 
  border-width:1px;
  border-style: solid;
  border-color:#cccccc;
  cursor:pointer;
  height:auto; 
  font-weight:bold;
  text-shadow:0 1px 1px #ffffff;
  color:#666666;
  text-align:center;
  margin:10px auto;
}

#directjump input#login:hover, #directjump #registernow a#registerlink:hover {
  background: url('images/button-small.png') repeat-x 0px -30px; 
  border-color:#ccc; 
  color:#cc0000;
}

#directjump input#login:active, #directjump #registernow a#registerlink:active {
  background: url('images/button-small.png') repeat-x 0px -35px; 
  border-color:#ccc;
  color:#cc0000;
}

#directjump #registernow {
  padding-left:343px;
  padding-right:20px;
}

#directjump #registernow #registerlink {
  font-size:15px;
  height:auto;
}

/***************************/
/* END OF DIRECT JUMP PAGE */
/***************************/    

/***************************/
/*    COUNTRY SELECTION    */
/***************************/    

.country-selection {
  list-style:none;
  padding:0px;
  margin:0px;
  margin-bottom:15px;
}

.country-selection li {
  display:inline-block;
  width:90px;
  margin:5px 0px;
  padding:0px 2px 5px 2px;
  border:1px solid #ffffff;
}

.country-selection li span {
  display:block;
  text-align:center;
}

.country-selection li:hover {
  border:1px solid #cccccc;
}

/****************************/
/* END OF COUNTRY SELECTION */
/****************************/   

/***************************/
/*         OTHER           */
/***************************/    

input.checkbox {
  width:auto;
  vertical-align:middle; 
  margin:0px 3px 0px 0px;  
}

/* COMMON LAYOUT ELEMENTS */

/* Two columns of equal width */
.twocols {
  float:left;
  width:349px;
  margin-right:20px;
}

.twocols.twocolslast {
  margin-right:0px;
}


/* Three columns of equal width */
.threecols {
  float:left;
  width:232px;
  margin-right:10px;
}

.threecols.threecolslast {
  margin-right:0px;
}

.threecols ul {
  margin:0px;
  padding:0px;
  list-style:inside;
}

/* Three columns of equal width with padding*/
.threecolspad {
  float:left;
  width:222px;
  margin-right:10px;
  padding:0px 5px;
}

.threecolspad.threecolspadlast {
  margin-right:0px;
}

.threecolspad ul {
  margin:0px;
  padding:0px;
  list-style:inside;
}



/* Four columns of equal width */
.fourcols {
  float:left;
  width:172px;
  margin-right:10px;
}

.fourcols.fourcolslast {
  margin-right:0px;
}

/***************************/
/*      END OF  OTHER      */
/***************************/    

/***************************/
/*  DIRECT REGLOGIN PAGE   */
/***************************/    

#reglogin {
  border:1px solid #f2f2f2;
  padding:5px;
  margin:15px auto;
  width:322px;
  -webkit-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Gecko */
  -moz-box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */
  /* Final CSS3 and IE9 supposedly */
  box-shadow:0px 3px 5px #b2b2b2; /* CSS3 */

}

#reglogin .background-rect {
  padding:15px 0px;
  background:#fafafa;
}

#reglogin form#loginForm, #reglogin form#pwReminderForm{
  float:left;
  padding:0px 20px;
  width:282px;
}

#reglogin ul {
  margin:0px 0px;
  padding:0px;
  list-style:none;
}

#reglogin li {
  margin:0px;
  padding:0px;
}

#reglogin label {
  display:block;
  font-size:12px;
  margin:6px 0px 6px 0px;
}

#reglogin input {
  font-size:15px;
  color: #666666;
  padding:5px 5px;
  width:270px;
}

#reglogin input#login, #reglogin input#getpassword {
  padding:5px 5px;
  display:block;
  width:282px;
  background-color: #f1f1f1; 
  background: url('images/button-small.png') repeat-x; 
  border-width:1px;
  border-style: solid;
  border-color:#cccccc;
  cursor:pointer;
  height:auto; 
  font-weight:bold;
  text-shadow:0 1px 1px #ffffff;
  color:#666666;
  text-align:center;
  margin:10px auto;
}

#reglogin input#login:hover {
  background: url('images/button-small.png') repeat-x 0px -30px; 
  border-color:#ccc; 
  color:#cc0000;
}

#reglogin input#login:active {
  background: url('images/button-small.png') repeat-x 0px -35px; 
  border-color:#ccc;
  color:#cc0000;
}

/***************************/
/*  END OF REGLOGIN PAGE   */
/***************************/    

/***************************/
/*    PRODUCT REG FORM     */
/***************************/    

	#productreg {
		width:100%;
		border:1px solid #b2b2b2;
		border-collapse:collapse;
		border-bottom-width: 3px;
		table-layout: fixed;
	}

	#productreg th {
		padding:6px 5px;
		text-align: left;
		width:120px;
		font-size:12px;
	}

	#productreg td {
		border-bottom-width: 1px;
		border-bottom-style:solid;
		border-bottom-color: #b2b2b2;
		padding:4px 5px;
		text-align: left;
	}

	#productreg th {
		background-color: #b2b2b2;
		color: #ffffff;
	}

	#productreg select {
		border:1px solid #b2b2b2;
		margin:0px;
	}

	#productreg select.productseries, #productreg select.productname, #productreg input.productserial {
		width:99%;
	}

	#productreg input {
		border:1px solid #b2b2b2;
		margin:0px;
	}

	#productreg .addproduct td {
		padding:2px 3px 7px 3px;
	}

	#productreg td.deleteproduct {
		padding:3px 5px;
		text-align:center;
	}

	#productreg label {
		display:block;
		margin-bottom:3px;
	}

	#purchasedate span {
		width:48px;
		dispplay:block;
		float:left;
		margin-left:3px;
	}

/***************************/
/*  END PRODUCT REG FORM   */
/***************************/    

  .hidden {
      display: none;
  }