body {
background-color: #4F4432;
font-family: Arial, sans-serif;
font-size: 13px;
color: #4C4032;
line-height: 18px;
}

table, tr, td {
border:0;
font-family: Arial;
font-size: 12px;
color: #4C4032;
line-height: 18px;
}
table.special {
	border-width: 1px;
	
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.special th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	
}
table.special td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	
}
.nontitle {
font-family: Arial, sans-serif;
font-size: 11px;
text-Transform: capitalize; 
color: #8E0B00;
font-weight: bold;
}

a:link{
font-family: Arial, sans-serif;
font-size: 11px;
color: #C2501B;
text-decoration: none;
}

a:visited{
font-family: Arial, sans-serif;
font-size: 11px;
color: #C2501B;
text-decoration: none;
}

a:hover{
font-family: Arial, sans-serif;
font-size: 11px;
color: #4D4231;
text-decoration: underline;
}

a.topmenu:link{
font-family: Arial, sans-serif;
font-size: 9px;
color: #BD4918;
text-decoration: none;
}

a.topmenu:visited{
font-family: Arial, sans-serif;
font-size: 9px;
color: #BD4918;
text-decoration: none;
}

a.topmenu:hover{
font-family: Arial, sans-serif;
font-size: 9px;
color: #7A7065;
text-decoration: underline;
}
a.brown:link{
font-family: Arial, sans-serif;
font-size: 11px;
color: #4E4231;
text-decoration: none;
}

a.brown:visited{
font-family: Arial, sans-serif;
font-size: 11px;
color: #4E4231;
text-decoration: none;
}

a.brown:hover{
font-family: Arial, sans-serif;
font-size: 11px;
color: #9D2A0D;
text-decoration: underline;
}

.twhite{
font-family: Arial, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.twhite:link{
font-family: Arial, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.twhite:visited{
font-family: Arial, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.twhite:hover{
font-family: Arial, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
text-decoration: underline;
}
.twhiteunderline
{
border-bottom:solid 1px white;
font-family: Arial, sans-serif;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
line-height: 20px;
padding:10px 0px 0px 0px;
}

.torangeunderline
{
border-bottom:solid 1px #c2501b;
font-family: Arial, sans-serif;
font-size: 16px;
color: #c2501b;
text-transform: uppercase;
font-weight: bold;
line-height: 20px;
padding:10px 0px 0px 0px;
}

a.tick:link{
font-family: Arial, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.tick:visited{
font-family: Arial, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.tick:hover{
font-family: Arial, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
text-decoration: underline;
}
a.swhite:link{
font-family: Arial, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.swhite:visited{
font-family: Arial, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
line-height: 20px;
}

a.swhite:hover{
font-family: Arial, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

a.ftr:link{
font-family: Arial, sans-serif;
font-size: 10px;
color: #ffffff;
}

a.ftr:visited{
font-family: Arial, sans-serif;
font-size: 10px;
color: #ffffff;
}

a.ftr:hover{
font-family: Arial, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: underline;
}

a.lorange:link{
font-family: Arial, sans-serif;
font-size: 16px;
color: #C96420;
text-transform: none;
font-weight: bold;
line-height: 20px;
}

a.lorange:visited{
font-family: Arial, sans-serif;
font-size: 16px;
color: #C96420;
text-transform: none;
font-weight: bold;
line-height: 20px;
}

a.lorange:hover{
font-family: Arial, sans-serif;
font-size: 16px;
color: #C96420;
text-transform: none;
font-weight: bold;
line-height: 20px;
text-decoration: underline;
}

a.blue:link{
font-family: Arial, sans-serif;
font-size: 12px;
color: #007796;
text-transform: none;
font-weight: bold;
line-height: 20px;
}

a.learn{
font-family: Arial, sans-serif;
font-size: 12px;
color: #007796;
text-transform: none;
font-weight: bold;
line-height: 20px;
background:url('../graphics/arrow-double.png') no-repeat;
background-position: right center; 
padding-right:12px

}
a.inhd{
font-size: 12px;color: #007796;text-transform: none;font-weight: bold;
line-height: 20px;background:url('../graphics/inhd.png') no-repeat;
background-position: left center; padding-left:20px; 

}
a.testimonials{
font-size: 12px;color: #007796;text-transform: none;font-weight: bold;
line-height: 20px;background:url('../graphics/Testimonial.png') no-repeat;
background-position: left center; padding-left:20px; 

}
a.blue:visited{
font-family: Arial, sans-serif;
font-size: 12px;
color: #007796;
text-transform: none;
font-weight: bold;
line-height: 20px;
}

a.blue:hover{
font-family: Arial, sans-serif;
font-size: 12px;
color: #C15A37;
text-transform: none;
font-weight: bold;
line-height: 20px;
text-decoration: underline;
}

a.lcream:link{
font-family: Arial, sans-serif;
font-size: 13px;
color: #EAC685;
font-weight: bold;
line-height: 20px;
}

a.lcream:visited{
font-family: Arial, sans-serif;
font-size: 13px;
color: #EAC685;
text-transform: none;
line-height: 20px;
}

a.lcream:hover{
font-family: Arial, sans-serif;
font-size: 13px;
color: #EAC685;
text-transform: none;
line-height: 20px;
text-decoration: underline;
}
.cnt{
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
}

.ocnt{
font-family: Arial, sans-serif;
font-size: 14px;
color: #BD4818;
line-height: 24px;
}

.ocntsm{
font-family: Arial, sans-serif;
font-size: 11px;
color: #BD4818;
line-height: 24px;
}

.ocnt-lc{
font-family: Arial, sans-serif;
font-size: 14px;
color: #BD4818;
line-height: 24px;
}

.wcnt{
font-family: Arial, sans-serif;
font-size: 11px;
color: #ffffff;
line-height: 18px;
}

.wcntl{
font-family: Arial, sans-serif;
font-size: 13px;
color: #ffffff;
line-height: 24px;
}

.wcntl2{
font-family: Arial, sans-serif;
font-size: 13px;
color: #ffffff;
line-height: 17px;

}

.wcntl2 li
{
position:relative;
	left:-20px;
}

.wcntl2brown{
font-family: Arial, sans-serif;
font-size: 11px;
color: #4c4032;
line-height: 18px;
padding-top:5px;
}

.wcntl2brown li
{
position:relative;
	left:-20px;
}

.wcntl2b{
font-family: Arial, sans-serif;
font-size: 13px;
color: #ffffff;
line-height: 17px;
padding-top:5px;
}

.wcntl2b li
{
position:relative;
	left:-20px;
}

.bcnt{
font-family: Arial, sans-serif;
font-size: 11px;
color: #007796;
line-height: 18px;
}

h1 {
font-family: Arial, sans-serif;
font-size: 20px;
color: #007796;
text-Transform: uppercase; 
}

h2 {
font-family: Arial, sans-serif;
font-size: 12px;
color: #007796;
text-Transform: uppercase; 
}


.cream {
font-family: Arial, sans-serif;
font-size: 22px;
color: #EAC685;
line-height: 30px;
}

.creamm {
font-family: Arial, sans-serif;
font-size: 12px;
color: #EAC685;
}

.creams {
font-family: Arial, sans-serif;
font-size: 16px;
color: #EAC685;
}
.creamtitle {
font-family: Arial, sans-serif;
font-size: 22px;
color: #EAC685;
line-height: 30px;
padding:10px 0px 10px 0px;
font-weight:bolder;
}
.tit-white {
font-family: Arial, sans-serif;
font-size: 18px;
color: #ffffff;
text-Transform: uppercase; 
}
.smwhite {
font-family: Arial, sans-serif;
font-size: 12px;
color: #ffffff;
}

.tit-orange {
font-family: Arial, sans-serif;
font-size: 18px;
color: #BD4818;
text-Transform: uppercase; 
}

.tit-orangel {
font-family: Arial, sans-serif;
font-size: 20px;
color: #BD4818;
text-Transform: none; 
}

.span1col
 {
width: 238px;
float: left;
margin-right: 17px;
vertical-align:top;
top:auto;}
.span1col p
 {

line-spacing: 1.11em;
}
.span1col ul
{
 
line-spacing: 1.4em;
 margin: 1.4em 10px 1.4em 20px;
 }
.span1col li
{
line-height: 1.4em;
margin: 1.0em 0px;
}
.colorDiv
{
            width: 65px;
            height: 40px;
            background-image: url('../graphics/products/white.gif');
            text-align: center;
            float: left;
            font-weight: bold;
            margin: 5px;
        }
        .clear
        {
            clear: both;
            display: block;
        }
        .tooltip
        {
            display: none;
            background-image: url('../graphics/tooltip-bg.png');
            background-repeat: no-repeat;
            padding: 5px;
            padding-bottom: 20px;
            width: 185px;
            height: 108px;
            max-width: 185px;
            max-height: 108px;
            overflow: hidden;
            font-size: 11px;
            color: #fff;
            text-decoration: none;
        }
       
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 width:100%;
}

ul.dropdown li {
 float: left;
 line-height: 1.1em;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown {
  text-align:center;
  text-transform:uppercase;
 font:   'Arial BLACK'; 
 font-size:24px;
 font-weight:bold;
}

    ul.dropdown li {
  
    background:  url(../images/menubkg.gif)  0 100% no-repeat;
     color: #fff;
    width:129px;
     white-space: nowrap;
    }

    ul.dropdown li.first {

     background:  url(../images/menuLeftbkg.gif) 0 100% no-repeat;
    }

    ul.dropdown li.last {
    
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
     color: #EBCA91;
    }

    ul.dropdown a:link,
    ul.dropdown a:visited   { color: #fff; text-decoration: none; }
    ul.dropdown a:hover     { color: #EBCA91; }
    ul.dropdown a:active    { color: #EBCA91; }



    ul.dropdown ul {
    
     width: 128px;
     
    }

    ul.dropdown li.last ul {
     left: auto;
     right: 16px;
    }

        ul.dropdown ul li {
         height: auto;
         padding: 0px 15px;
         line-height: .9em;
         white-space: normal;
         background: transparent url(../images/muchild.gif) 50% 100% no-repeat;
        }

        ul.dropdown ul li.first {
         padding-left: 0;
         background: #EBCA91;
          width: 110px;
        }

        ul.dropdown ul li.last {
        
         background: transparent url(../images/menuLast.gif) 50% 100% no-repeat;
        }

        ul.dropdown ul li.first ul {
         top: 0;
         padding: 0 16px 0 0;
         
        }

        ul.dropdown ul li.first li.first {
         background-image: none;
        }

        ul.dropdown ul li.last {
         padding-right: 0;
        }

        ul.dropdown ul li.last ul {
         left: 100%;
         right: auto;
         top: -16px;
        }


        ul.dropdown ul ul {
         top: -12px;
         left: 100%;
        
        
        }

            ul.dropdown ul ul li.first {
             padding-top: 10px;
             
            }



ul.dropdown *.dir {


 
 background-repeat: no-repeat;
}




ul.dropdown-horizontal ul *.dir {


 background-position: 95% 50%;
 background-repeat: no-repeat;
}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {

background:  url(../images/menubkg.gif) 0 100% no-repeat;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 
background:  url(../images/menubkg.gif) 0 100% no-repeat;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {

}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {

}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 
 background-position: 0 50%;
}




/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown li a {
 display: block;
 padding: 5px 10px;
}
ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}
ul.dropdown ul a {
 padding-left: 15px;
}
ul.dropdown li.hover *.open {
 color: #EBCA91;
}

/* CSS2 clone */

ul.dropdown li:hover > *.dir {
 color: #EBCA91;
}

.menu_list {	
	width: 100%;
}
.menu_head {
	padding:  5px 0px 0px 15px ;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background: #eef4d3 ;
}
.menu_body {
	display:none;
	padding-left:10px;
	background: #EFEFEF;
}
.menu_body a{
  display:block;
  color:#006699;
 
   background: #EFEFEF url(../images/right.png) center left no-repeat;
  padding-left:20px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
  .menu_body  .active{
   border: 1px solid Orange;
   background: #EFEFEF url(../images/down.png) center left no-repeat;
  }