/* general layout */

body
{
  margin:0px;
  padding:0px;
  background-color:#fff;
  background-image: url(/upload/pictures/misc/mec_BG.jpg);
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment:fixed;

  text-align:center;
  line-height:120%;
  font-family:Verdana, Sans-Serif;
  color:#4c4c4c;

scrollbar-face-color: 99AFBD; scrollbar-arrow-color: ffffff
} 

}

form
{
}

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

.centerContentHolder
{
  margin:0 auto;
  width:980px;
  text-align:left;
  padding-top:0px;
}


h1,h2,h3,h4,h5,h6
{
  color:#99AFBD;
}

h1
{
  font-size:120%;
}

h2
{
  
  font-size:85%;
  color:#99AFBD;
  font-weight:bold; 
}

h3
{
  font-size:100%;
}

h4
{
  font-size:80%;
color:#99AFBD;
}

h5,h6
{
  font-size:100%;
}


/* fundamental layout */

table#mcStandard
{
  width:980px;
}

td#headerArea
{
  height:85px;
  /*background:#fff url('/images/dummyheader_S.jpg');*/
}

td#barArea
{
  height:8px;
  background:#fff url('/images/topbar_light_bg.gif');
}

td#spacer
{
  height:1px;
  background-color:#fff;
}

td#menuArea
{
  padding-top:1px;
  height:27px;
}

td#contentArea
{
  vertical-align:top;
}

.hSpacer
{
  clear:both;
  width:980px;
  height:20px;
  background-color:#;



}

.vSpacer
{
  float:left;
  width:10px;
}

.floatBreak
{
  clear:both;
}

/****************************************/

/* layoutWide */

div.layoutWide
{
}

div.layoutWide div.left
{
  float:left;
  width:165px;
}

div.layoutWide div.content
{
  float:left;
  width:650px;
  padding-top:20px;
}

div.layoutWide div.right
{
  float:left;
  width:165px;
}

/* layoutNarrow */

div.layoutNarrow
{
}

div.layoutNarrow div.left
{
  float:left;
  width:330px;
}

div.layoutNarrow div.content
{
  float:left;
  width:320px;
  padding-top:20px;
}

div.layoutNarrow div.right
{
  float:left;
  width:330px;
}

/* layoutSpotsLeftNarrow */

div.layoutSpotsLeftNarrow
{
}

div.layoutSpotsLeftNarrow div.spots
{
  float:left;
  width:155px;
  padding-top:100px;
}

div.layoutSpotsLeftNarrow div.left
{
  float:left;
  width:175px;
}

div.layoutSpotsLeftNarrow div.content
{
  float:left;
  width:485px;
  padding-top:20px;
}

div.layoutSpotsLeftNarrow div.right
{
  float:left;
  width:165px;
}

/* layoutSpotsRightNarrow */

div.layoutSpotsRightNarrow
{
}

div.layoutSpotsRightNarrow div.left
{
  float:left;
  width:175px;
}

div.layoutSpotsRightNarrow div.content
{
  float:left;
  width:485px;
  padding-top:20px;
}

div.layoutSpotsRightNarrow div.right
{
  float:left;
  width:165px;
}

div.layoutSpotsRightNarrow div.spots
{
  float:left;
  width:155px;
  padding-top:100px;
}

/* layoutSpotsLeftWide */

div.layoutSpotsLeftWide
{
}

div.layoutSpotsLeftWide div.spots
{
  float:left;
  width:320px;
  padding-top:100px;
}

div.layoutSpotsLeftWide div.content
{
  float:left;
  width:485px;
  padding-top:20px;
}

div.layoutSpotsLeftWide div.right
{
  float:left;
  width:165px;
}

/* layoutTwoColumn */

div.layoutTwoColumn
{
}

div.layoutTwoColumn div.left
{
  float:left;
  width:165px;
}

div.layoutTwoColumn div.content
{
  float:left;
  width:320px;
  padding-top:20px;
}

div.layoutTwoColumn div.right
{
  float:left;
  width:175px;
}

div.layoutTwoColumn div.spots
{
  float:left;
  width:320px;
  padding-top:100px;
}

/* layoutSpotsRightWide */

div.layoutSpotsRightWide
{
}

div.layoutSpotsRightWide div.left
{
  float:left;
  width:165px;
}

div.layoutSpotsRightWide div.content
{
  float:left;
  width:485px;
  padding-top:20px;
}

div.layoutSpotsRightWide div.spots
{
  float:left;
  width:320px;
  padding-top:100px;
}

/* layoutWideSpots */

div.layoutWideSpots
{
}

div.layoutWideSpots div.left
{
  float:left;
  width:155px;
  padding-top:100px;
}

div.layoutWideSpots div.content
{
  float:left;
  width:650px;
  padding-top:20px;
}

div.layoutWideSpots div.right
{
  float:left;
  width:155px;
  padding-top:100px;
}

/****************************************/

/* spots */

div.wSpotsBack
{
  text-align:left;
  padding-left:0px;
  padding-top:10px;
  padding-bottom:10px;
  font-size: 0.7em;
  background-color:#ebf1f4;
}

div.wSpots
{
  text-align:left;
  padding-left:0px;
  padding-top:10px;
  font-size: 0.7em;
}

div.nSpots
{
  text-align:left;
  padding-top:10px;
  font-size: 0.7em;
}

div.productSpotsWide
{
  text-align:right;
  padding-top:10px;
  font-size: 0.7em;
  width:250px;
}

div.productSpotsWide div.image
{
  padding-bottom:10px;
}

div.productSpotsWide div.text
{
  color:#aaa;
}

div.productSpotsWide div.links
{
  padding-top:5px;
}

div.productSpotsWide div.link
{
  padding-top:5px;
}

div.productSpotsWide a
{
  color:#000;
  text-decoration:none;
}

div.productSpotsWide a:hover
{
  color:#000;
  text-decoration:none;
}

div.productSpotsWide a:visited
{
  color:#000;
  text-decoration:none;
}

div.productSpotsNarrow
{
  text-align:right;
  padding-top:10px;
  font-size: 0.7em;
}

div.productSpotsNarrow div.image
{
  padding-bottom:10px;
}

div.productSpotsNarrow div.text
{
  color:#aaa;
}

div.productSpotsNarrow div.links
{
  padding-top:5px;
}

div.productSpotsNarrow div.link
{
  padding-top:5px;
}

div.productSpotsNarrow a
{
  color:#000;
  text-decoration:none;
}

div.productSpotsNarrow a:hover
{
  color:#000;
  text-decoration:none;
}

div.productSpotsNarrow a:visited
{
  color:#000;
  text-decoration:none;
}

/****************************************/

/* document */

div.document
{
  font-size: 0.7em;
}


div.document span.date
{
  font-weight:bold;
}

div.document span.abstract
{
}

/****************************************/

/* list */

div.list
{
}

div.list a
{
  color:#000;
  text-decoration:none;
}

div.list a:hover
{
  color:#000;
  text-decoration:none;
}

div.list a:visited
{
  color:#000;
  text-decoration:none;
}

div.list div.item
{
  padding:5px 0px 5px 0px;
}

div.list div.item a
{
  color:#949494;
}

div.list div.item a:hover
{
  color:#949494;
}

div.list div.item a:visited
{
  color:#949494;
}

div.list div.subitem
{
  padding:0px 0px 0px 20px;
}

div.list div.subitem img
{
  vertical-align:middle;
  padding-left:10px;
}

div.list div.item span.date
{
  font-weight:bold;
  color:#4c4c4c;
}

div.list div.item span.abstract
{
}

div.list div.item img
{
  vertical-align:middle;
  padding-left:10px;
}

div.list div.text
{
  padding-top:10px;
  padding-bottom:10px;
  font-weight:bold;
  color:#949494;
}

/****************************************/

/* login */

div.login 
{
  width:275px;
  height:90px;
  background:#fff url('/images/login_bg.gif');
  font-size:0.7em;
  line-height:130%;
  color:#000;
}
div.login div.label { clear:both; float:left; width:75px; margin-top:5px; margin-left:5px; }
div.login div.label span { font-weight:bold; }

div.login div.input { float:left; width:150px; margin-top:3px; }
div.login div.input input { font-weight:normal; width:150px; border:1px solid #9b9da6; }

div.login div.button { clear:both; height:20px; text-align:right; padding-top:5px; margin-right:40px;}
div.login div.button input { font-weight:bold; border:1px solid #9b9da6; }

div.login div.message { clear:both; width:275px; margin-left:5px; }
div.login div.message span { font-weight:bold; color:red; }

/*********************************************/

/*
 Certificates Search */
.certificate
{
}

.button
{
  font-weight:bold;
}

.dialog 
{
  height:90px;
  background:#fff url('/images/login_bg.gif');
  font-size:0.7em;
  line-height:130%;
  color:#000;
}

.dialog .title { color:#949494; font-weight:bold; margin-left:20px; padding-top:10px; margin-bottom:10px;}

.dialog .label { clear:both; float:left; width:140px; margin-top:5px; margin-left:20px;}
.dialog .label span { font-weight:normal; }

.dialog .input { float:left; margin-top:3px; }
.dialog .input input { font-weight:normal; width:140px; border:1px solid #9b9da6; }

.dialog .button { clear:both; height:20px; text-align:right; padding-top:5px; margin-right:20px;}
.dialog .button input { font-weight:normal; border:1px solid #9b9da6; }

/***********************************************************************************************/

/* Subscriptions */

.subscriptions
{
  padding:10px 20px 10px 20px;
  background-color:#EBF1F4;
  font-size:0.7em;
  line-height:130%;
  color:#000;
}

.subscriptions .title { color:#949494; font-weight:bold; margin-bottom:4px;}

.subscriptions .label { margin-top:5px;}

.subscriptions .inputTbx { margin-left:10px; width:235px;}

.subscriptions .buttonHolder {float:right;clear:both; padding-top:10px;}

.subscriptions .floatBreak
{
  clear:both;
  display:block;
  line-height:1px;
  height:1px;
}

.subscriptions .chechkboxlist table
{
  font-size:1em;
  margin-bottom:5px;
}

.subscriptions .message
{
  margin-top:10px;
} 

/***********************************************************************************************/

/* Profile */

.profile .details 
{
  float:left;
  width:425px;
  height:370px;
  background-color:#EBF1F4;
  font-size:0.7em;
  line-height:130%;
  color:#000;
  margin-top:25px;
}

.profile div.title { color:#949494; font-weight:bold; margin-left:20px; padding-top:10px; margin-bottom:4px;}

.profile .label { clear:both; float:left; width:140px; margin-top:5px; margin-left:20px;}
.profile .label span { font-weight:normal; }

.profile .input { float:left; width:110px; margin-top:3px; }
.profile .input input { font-weight:normal; width:245px; border:1px solid #9b9da6; }

.profile .button { clear:both; height:20px; text-align:right; padding-top:5px; margin-right:20px;}
.profile .button .textButton { font-weight:bold;}
.profile .button input { font-weight:normal; border:1px solid #9b9da6; }


.profile .error
{
  clear:both;
  padding-top:10px;
}

.document .searchResultFragment
{
  padding:0px 0px 5px 0px;
}
/************** Catalogue ******************************************/


.catalogue
{
  padding:10px 20px 10px 20px;
  background-color:#EBF1F4;
  font-size:0.7em;
  line-height:130%;
  color:#000;
  margin-top:0px;
}

.catalogue .title { color:#949494; font-weight:bold; margin-bottom:10px; }

.catalogue .label { margin-top:5px; display:block; width:70px; float:left; clear:left;}

.catalogue .inputTbx { margin-left:10px; width:185px; }

.catalogue .field { padding-bottom:2px;}

.catalogue .buttonHolder {float:right;clear:both; padding-top:10px;}
.catalogue .buttonHolder .ButtonText { font-weight:bold;}
.catalogue .floatBreak
{
  clear:both;
  display:block;
  line-height:1px;
  height:1px;
}


/******************* Order form *************************************/

.order
{
  padding:4px 4px 4px 4px;
  background-color:#EBF1F4;
  font-size:0.7em;
  line-height:130%;
  color:#000;
  margin-top:0px;
}

.order table{ width:100%;}

.order td{ font-size:0.7em; padding: 4px 3px 4px 3px;}

.order .heading { color:#949494; font-weight:bold;    }

.order .productPackage td{ padding-bottom:0;  }

.order .spacer{ margin-top:2px; background-color:#99AFBD; color:#40474C; font-weight:bold; padding-bottom:3px;}

.order .even { background-color:White; }

.order .number input { height:17px; width:40px; }

.order .description { width:300px;  }

.order .buttonHolder {float:right;clear:both; padding-top:10px; }

.order .buttonHolder .label {font-weight:bold;}

.order .floatBreak { clear:both; display:block; line-height:1px; height:1px;}

.order .details { margin-top:10px;}

.order .details .first { margin-top:5px;}

.order .details .label { margin-top:5px; display:block; width:200px; float:left; clear:left; }

.order .details .inputTbx { margin-left:10px; width:250px; }

.order .details .field { padding-bottom:2px;}

.order .Placement .error { clear:both; padding-top:5px;}

/*****************************  ditributorsList **************************************/
.ditributorsList
{
  background-color:#EBF1F4;
}

.line
{
  border-top:solid 1px #EFE7EF;
  margin-left: -15px;
  line-height:1px;
  height:1px;
}

.distributors .name
{
  font-weight:bold;
}

.distributors .address
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

.distributors a
{
    text-decoration:none;
    color:#4C4C4C
}

.distributors a:visted
{
    text-decoration:none;
}

.distributors a:hover
{
    text-decoration:none;
}

/************************** Product list *************************************/
#productList
{
}

#productList .document ul,#productList .document li
{
  padding:0;
  margin:0;
  list-style-type:none;
  font-weight:bold;
}

#productList .categories
{
  float:left;
}
#productList .categories li a
{
  display:block;
  width:253px;
  margin-bottom:6px;
  padding:3px 6px 3px 8px;
}
#productList .categories li
{
  margin:0px 6px 6px 0px;
}

#productList .categories li.active
{
  margin:0px 0px 6px 0px;
}


#productList a
{
  text-decoration:none;
}

#productList a:hover
{
  text-decoration:none;
}

#productList a:visited
{
  text-decoration:none;
}


#productList .products li a
{
  display:block;
  margin-bottom:6px;
  padding:3px 6px 3px 20px;
  font-weight:normal;
  color:#818181;
}

#productList .categories li.Purple   {background-color:#C4C2EA; }
#productList .categories li.Purple   a{color:#9F9EAB;}
#productList .categories li.Purple   a:hover {background-color:#9F9DDD;}
#productList .categories li.Purple   a:hover {color:#646377;}
#productList .categories li.PurpleActive   {background-color:#9F9DDD;}
#productList .categories li.PurpleActive  a{color:#646377;}

#productList .categories li.Red      { background-color:#C58691;  }
#productList .categories li.Red      a{ color:#E3C5CA;}
#productList .categories li.Red      a:hover {background-color:#A13C4E;}
#productList .categories li.Red   a:hover {color:#FFFFFF;}
#productList .categories li.RedActive       { background-color:#A13C4E;}
#productList .categories li.RedActive       a{ color:#FFFFFF;}

#productList .categories li.Yellow   { background-color:#F3F2BC;  }
#productList .categories li.Yellow  a{ color:#A8ACA0;}
#productList .categories li.Yellow      a:hover {background-color:#ECEA93;}
#productList .categories li.Yellow   a:hover {color:#7B7A60;}
#productList .categories li.YellowActive    { background-color:#ECEA93;}
#productList .categories li.YellowActive       a{ color:#7B7A60;}

#productList .categories li.Green    { background-color:#E3EEC7;  }
#productList .categories li.Green   a{ color:#A8ACA0;}
#productList .categories li.Green      a:hover {background-color:#D2E4A4;}
#productList .categories li.Green   a:hover {color:#737966;}
#productList .categories li.GreenActive     { background-color:#D2E4A4;}
#productList .categories li.GreenActive       a{ color:#737966;}

#productList .categories li.Blue     { background-color:#B1CAEE;  }
#productList .categories li.Blue    a{ color:#99A1AC;}
#productList .categories li.Blue    a:hover {background-color:#81A9E4;}
#productList .categories li.Blue    a:hover {color:#5B6779;}
#productList .categories li.BlueActive      { background-color:#81A9E4;}
#productList .categories li.BlueActive       a{ color:#5B6779;}

#productList .categories li.Pink     { background-color:#ECDBE2;  }
#productList .categories li.Pink    a{ color:#ABA6A8;}
#productList .categories li.Pink      a:hover {background-color:#E1C5D1;}
#productList .categories li.Pink   a:hover {color:#786F73;}
#productList .categories li.PinkActive      { background-color:#E1C5D1;}
#productList .categories li.PinkActive       a{ color:#786F73;}

#productList .categories li.LightBlue  { background-color:#DBE7F3; }
#productList .categories li.LightBlue a{ color:#A6A9AD;}
#productList .categories li.LightBlue      a:hover {background-color:#C5D8EB;}
#productList .categories li.LightBlue   a:hover {color:#6F757B;}
#productList .categories li.LightBlueActive { background-color:#C5D8EB;}
#productList .categories li.LightBlueActive       a{ color:#6F757B;}

#productList .categories li.LightGrey  { background-color:#D5DACB; }
#productList .categories li.LightGrey  a{ color:#999999; }
#productList .categories li.LightGrey      a:hover {background-color:#C2BFB6;}
#productList .categories li.LightGrey   a:hover {color:#666666;}
#productList .categories li.LightGreyActive { background-color:#C2BFB6;}
#productList .categories li.LightGreyActive a{ color:#666666;}

#productList .categories li.Snow  { background-color:#FFFAFA; }
#productList .categories li.Snow  a{ color:#999999; }
productList .categories li.Snow   a:hover {background-color:#F5F5F5;}
#productList .categories li.Snow  a:hover {color:#666666;}
#productList .categories li.SnowActive { background-color:#F5F5F5;}
#productList .categories li.SnowActive a{ color:#666666;}

#productList .categories ul.PurpleActive    { border-right:solid 2px; color: #9F9DDD;}
#productList .categories ul.RedActive       { border-right:solid 2px; color: #A13C4E;}
#productList .categories ul.YellowActive    { border-right:solid 2px; color: #ECEA93;}
#productList .categories ul.GreenActive     { border-right:solid 2px; color: #D2E4A4;}
#productList .categories ul.BlueActive      { border-right:solid 2px; color: #81A9E4;}
#productList .categories ul.PinkActive      { border-right:solid 2px; color: #E1C5D1;}
#productList .categories ul.LightBlueActive { border-right:solid 2px; color: #C5D8EB;}
#productList .categories ul.LightGreyActive { border-right:solid 2px; color: #C2BFB6;}
#productList .categories ul.SnowActive { border-right:solid 2px; color: #F5F5F5;}


#productList .products
{
  float:left;
}

/*************************** product Cat Spot **********************************/
#productCatSpot .document
{
  width:215px;
  color:#818181;
  margin-left:50px;
}

#productCatSpot .document h3
{
  margin:3px 0px 0px 0px;
  color:#818181;
}

#productCatSpot .document p
{
  margin:3px 0px 0px 0px;
  color:#818181;
}