@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 250px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#cssmenu > ul > li {
  margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
  margin: 0;
}
#cssmenu > ul > li > a {
  font-size: 15px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a > span {
  display: block;
  border: 1px solid #666666;
  padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  background: #97be10;
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #79980d;
}
#cssmenu > ul > li.active > a span {
  border: 1px solid #97be10;
}
#cssmenu > ul > li.has-sub > a span {
  background:url(../../../cambridge%20html/icon_plus.png) right no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
 background:url(../../../cambridge%20html/icon_minus.png) right no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  padding: 5px 12px;
  display: none;
}
#cssmenu ul ul li {
  padding: 3px 0;
}
#cssmenu ul ul a {
  display: block;
  color: #595959;
  font-size: 13px;
  font-weight: bold;
}
#cssmenu ul ul a:hover {
  color: #79980d;
}
/*************************mnu****/
/* Accordion Menu powered by www.menucool.com */

/* ##### Top level items #####*/
#acdnmenu 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height(eg. height:300px;) is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
    height: auto;
    width: 100%; /*or pixel value*/
    font-size:0;
}


#acdnmenu ul.top
{
	padding-left:0;
    border:1px solid #122;
    background:#314f60;
}

#acdnmenu div.heading, #acdnmenu a.link
{
    padding:12px 4px 12px 30px;
    text-align:left;
    font-size:18px;
    color:#ccc; 
    transition:color .25s linear;
    text-decoration:none;
    outline:none;
}

#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    color:#eee;
    text-decoration:none;   
}

/*Top level link without children*/
#acdnmenu a.current, #acdnmenu a.current:hover
{
    color:#eee;
    text-decoration:underline;   
}
/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:14px;
    left:9px; /* Changing it to "right:4px;" will position the arrow image to the right */
    background-image:url(arrows.gif);
    background-position:0 0;
}

#acdnmenu div.current div.arrowImage {
    background-position:0 -12px;
}

#acdnmenu li.separator
{
    border-top:1px solid #122;
    border-bottom:1px solid #3a5b6d;
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:14px; /*hierarchical offset*/ 
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    font-size:15px;
    padding:7px; padding-left:20px;
    color:#ccc;
    background:none; 
}
#acdnmenu ul.sub div.heading a
{
    color:#ccc;
}

#acdnmenu ul.sub div.current
{
    color:#eee;
    background:none; 
}

#acdnmenu ul.sub a.link
{
    font-size:14px;
    color:#ccc;
    padding:6px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
    color:#eee;
    text-decoration:underline;
    background:none; 
}


#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:8px;
    left:4px;right:auto; /*Setting "right:6px;left:auto;" will position the arrow image to the right*/
    background-image:url(arrows.gif);
    background-position:0 -24px;
}
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#acdnmenu li {font-size:12px; line-height:16px;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 

/*Hack for IE6-7*/
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
}
#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
	position:relative;
    cursor: pointer;
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden;}
/**************************start product item **********************/
.product_table{width:100%;float:left;border-bottom:1px solid #000;border-top:1px solid #000;}
.product_table2{width:100%;float:left;border-bottom:1px solid #000;}
.product_table_left{width:45%;float:left;height:30px;border-right:1px solid #000;border-left:1px solid #000;}
.product_table_middle{width:45%;float:left;height:30px;border-right:1px solid #000;}
.product_table_right{width:10%;float:left;height:30px;border-right:1px solid #000;}
.product_item_text{font-size:17px;color:#000;text-transform:uppercase;padding:6px;}
.product_item_text2{font-size:12px;color:#000;text-transform:uppercase;padding:6px;}
.product_item_text3{font-size:8px;color:#000;text-transform:uppercase;padding:6px;}