#navigation {
border-bottom:1px solid #999;
height:21px;
padding-top:15px;
display:block;
width:auto;
clear: both;
*padding-top:10px;
}

.navMain {
float:left;
position: absolute;
font-size:14px;
height:21px;
padding:0;
margin:0;
list-style-type:none;
z-index:99999;
max-width:962px;
}

.navMain.sub {
z-index:999;
}

.navMain li {
float:left;
position:relative;
margin-right:4px;
width:103px;
}

.navMain li ul {
display:none;
}

.navMain li ul li {
margin-right:0px !important;
}

.navMain li a, .navMain li a:visited, .navMain li a:hover {
display:block;
text-decoration:none;
width:97px;
padding:3px 0 2px 6px;
float:left;
font-size:12px;
line-height:16px;
color:#000;
}
.navMain .last li a, .navMain .last li a:visited, .navMain .last li a:hover { width:100px; }

/* active items
====================== */

/* bluish */
body.bluish .navMain li#navItemBluish {background:#00aeef;}
body.bluish .navMain li#navItemBluish a span{color:#000;}

/* blue */
body.blue .navMain li#navItemBlue {background:#007dc3;}
body.blue .navMain li#navItemBlue a span{color:#000;}

/* purple */
body.purple .navMain li#navItemPurple {background:#F9B218;}
body.purple .navMain li#navItemPurple a span{color:#000;}

/* pink */
body.pink .navMain li#navItemPink {background:#FFD51E;}
body.pink .navMain li#navItemPink a span{color:#000;}

/* orange */
body.orange .navMain li#navItemOrange {background:#FFED23;}
body.orange .navMain li#navItemOrange a span{color:#000;}

/* yellow */
body.yellow .navMain li#navItemYellow {background:#FDC41B;}
body.yellow .navMain li#navItemYellow a span{color:#000;}

/* green */
body.green .navMain li#navItemGreen {background:#E67019;}
body.green .navMain li#navItemGreen a span{color:#000;}

/* greenish */
body.greenish .navMain li#navItemGreenish {background:#EF7F0E;}
body.greenish .navMain li#navItemGreenish a span{color:#000;}

/* greenElectra */
body.greenElectra .navMain li#navItemGreenElectra {background:#F29512;}
body.greenElectra .navMain li#navItemGreenElectra a span{color:#000;}

/* orangeSelfcare */
body.selfcare .navMain li#navItemSelfcare {background:#DD6123;}
body.selfcare .navMain li#navItemSelfcare a span{color:#000;}

/* common, grey */
body.common .navMain li#navItemCommon,
body.grey .navMain li#navItemGrey {background:#5e6e66;}
body.grey .navMain li#navItemGrey a span{color:#000;}


/* items, on hover
====================== */

/* bluish */
.navMain li#navItemBluish.navHover {background:#00aeef;}
.navMain li#navItemBluish {background:#5e6e66;}
.navMain li#navItemBluish a span{color:#fff;}
.navMain li#navItemBluish.navHover a span{color:#000;}
.navMain li#navItemBluish ul li {border-top:1px dotted #fff;}
.navMain li#navItemBluish ul li a:hover {background:#32bef3;}

/* blue */
.navMain li#navItemBlue.navHover {background:#007dc3;}
.navMain li#navItemBlue {background:#5e6e66;}
.navMain li#navItemBlue a span{color:#fff;}
.navMain li#navItemBlue.navHover a span{color:#000;}
.navMain li#navItemBlue ul li {border-top:1px dotted #fff;}
.navMain li#navItemBlue ul li a:hover {background:#3497d0;}

/* purple */
.navMain li#navItemPurple.navHover {background:#F9B218;}
.navMain li#navItemPurple {background:#5e6e66;}
.navMain li#navItemPurple a span{color:#fff;}
.navMain li#navItemPurple.navHover a span{color:#000;}
.navMain li#navItemPurple ul li {border-top:1px dotted #fff;}
.navMain li#navItemPurple ul li a:hover {background:#FCC556;}

/* pink */
.navMain li#navItemPink.navHover {background:#FFD51E;}
.navMain li#navItemPink {background:#5e6e66;}
.navMain li#navItemPink a span{color:#fff;}
.navMain li#navItemPink.navHover a span{color:#000;}
.navMain li#navItemPink ul li {border-top:1px dotted #fff;}
.navMain li#navItemPink ul li a:hover {background:#FFE36C;}

/* orange */
.navMain li#navItemOrange.navHover {background:#FFED23;}
.navMain li#navItemOrange {background:#5e6e66;}
.navMain li#navItemOrange a span{color:#fff;}
.navMain li#navItemOrange.navHover a span{color:#000;}
.navMain li#navItemOrange ul li {border-top:1px dotted #fff;}
.navMain li#navItemOrange ul li a:hover {background:#FFF597;}

/* yellow */
.navMain li#navItemYellow.navHover {background:#FDC41B;}
.navMain li#navItemYellow {background:#5e6e66;}
.navMain li#navItemYellow a span{color:#fff;}
.navMain li#navItemYellow.navHover a span{color:#000;}
.navMain li#navItemYellow ul li {border-top:1px dotted #fff;}
.navMain li#navItemYellow ul li a:hover {background:#FFD364;}

/* green */
.navMain li#navItemGreen.navHover {background:#F17326;}
.navMain li#navItemGreen {background:#5e6e66;}
.navMain li#navItemGreen a span{color:#fff;}
.navMain li#navItemGreen.navHover a span{color:#000;}
.navMain li#navItemGreen ul li {border-top:1px dotted #fff;}
.navMain li#navItemGreen ul li a:hover {background:#F48953;}

/* greenish */
.navMain li#navItemGreenish.navHover {background:#EF7F0E;}
.navMain li#navItemGreenish {background:#5e6e66;}
.navMain li#navItemGreenish a span{color:#fff;}
.navMain li#navItemGreenish.navHover a span{color:#000;}
.navMain li#navItemGreenish ul li {border-top:1px dotted #fff;}
.navMain li#navItemGreenish ul li a:hover {background:#F99132;}

/* greenElectra */
.navMain li#navItemGreenElectra.navHover {background:#F29512;}
.navMain li#navItemGreenElectra {background:#5e6e66;}
.navMain li#navItemGreenElectra a span{color:#fff;}
.navMain li#navItemGreenElectra.navHover a span{color:#000;}
.navMain li#navItemGreenElectra ul li {border-top:1px dotted #fff;}
.navMain li#navItemGreenElectra ul li a:hover {background:#F7A139;}

/* Selfcare */
.navMain li#navItemSelfcare.navHover {background:#DD6123;}
.navMain li#navItemSelfcare {background:#5e6e66;}
.navMain li#navItemSelfcare a span{color:#fff;}
.navMain li#navItemSelfcare.navHover a span{color:#000;}
.navMain li#navItemSelfcare ul li {border-top:1px dotted #fff; width:103px; }
.navMain li#navItemSelfcare.last ul li{ width:105px; }
.navMain li#navItemSelfcare ul li a:hover {background:#F7A139;}
/*
.navMain li#navItemSelfcare ul li {border-top:1px dotted #fff;}
.navMain li#navItemSelfcare ul li a:hover {background:#DF7845;}
*/

/* common, grey */
.navMain li#navItemCommon,
.navMain li#navItemGrey {background:#5e6e66;}

.navMain li#navItemCommon ul li,
.navMain li#navItemGrey ul li {border-top:1px dotted #B5BFBA;}

.navMain li#navItemCommon ul li a:hover,
.navMain li#navItemGrey ul li a:hover {background:#838a86;}


/* last item */
.navMain li.last {margin-right:0px !important; width:106px;}


/* titles
====================== */
body.bluish h1, body.blue h1,
body.purple h1, body.pink h1,
body.orange h1, body.yellow h1,
body.green h1, body.greenish h1,
body.common h1, body.grey h1 {font-size:40px;line-height:40px;margin-bottom:20px;}
/* bluish */
body.bluish h1 {color:#00aeef;}

/* blue */
body.blue h1 {color:#007dc3;}

/* purple */
body.purple h1 {color:#F9B218;}

/* pink */
body.pink h1 {color:#FFD51E;}

/* orange */
body.orange h1 {color:#FFED23;}

/* yellow */
body.yellow h1 {color:#FDC41B;}

/* green */
body.green h1 {color:#F17326;}

/* greenish */
body.greenish h1 {color:#EF7F0E;}

/* common, grey */
body.common h1, body.grey h1 {color:#5e6e66;}