	
	.slideout-menu {
		position: fixed;
		top: 0;
		left: -600px;
		width: 100%;
		max-width:600px;
		height: 100%;
		/*background: #efefef;*/
        background: #fff;
		z-index: 10000;
        -webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);
        -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);
        box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);

	}
	.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top: 0px;
		right: 0;
		display: inline-block;
		padding: 10px 30px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
		/*background: #3e597b;*/
		color: #fff;
		text-decoration: none;
		vertical-align: top;
        font-size:30px;
        background: #31baec;
        border-left:1px solid #FFFFFF;
	}
	.slideout-menu .slideout-menu-toggle:hover {
		color: #fff;
	}
	.slideout-menu ul {
		list-style: none;
		font-weight: 300;
		border-bottom: 1px solid #d1d1d1;
    	border-top: 1px solid #fdfdfd;
        padding-left:0px;
	}
	.slideout-menu ul li {
		border-top: 1px solid #d1d1d1;
		border-bottom: 1px solid #fdfdfd;
	}
	.slideout-menu ul li a {
		position: relative;
		display: block;
		padding: 10px;
		color: #636131;
		text-decoration: none;
		text-transform:uppercase;
		font-size:9pt;
        font-weight:bold;
	}
	.slideout-menu ul li a:hover {		
		color: #206900;
	}
    /*.slideout-menu ul li a.selected {		
		color: #7030a0;
	}*/
	.slideout-menu ul li a i {
		position: absolute;
		top: 15px;
		right: 10px;
		opacity: .5;
	}
	
	/*.header {
		padding: 0px 5px 0 0;
		background: #58769d;
	}*/
	.header .slideout-menu-toggle {
		font-size: 1.2em;
		color: #999;
		text-decoration: none;
	}
	.header .slideout-menu-toggle:hover {
		color: #fff;
	}
	.header .slideout-menu-toggle i {
		vertical-align: top;
		margin: 5px 3px 0 0;
	}

.see-menu-button {
    margin-top: 6px !important;
	background: none;
	border: none;
	margin-left:10px;
}
.see-menu-button .icon-bar {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 !important;
    height: 4px !important;
    margin: 8px 0 !important;
    width: 45px !important;
	display:block;
}


.See-DDL-Small .dropdown {
    position:static;
}
.See-DDL-Small .dropdown-menu {
    left: 0;
    width: 100%;
    margin:0px !important;
    position:relative;
}
.See-DDL-Small .sub-menu {border: 1px solid #e2e2e3 ;border-top-width:5px;background-color:#FFF;margin-bottom:0px;padding:15px; border-radius:0 0 5px 5px;}
.See-DDL-Small .sub-menu .sec{}
.See-DDL-Small .sub-menu .title{color: #7030a0; border-bottom: 1px solid #7030a0;font-size:18px;margin-top:15px;margin-bottom:15px;padding-bottom:5px; display:block;}
.See-DDL-Small .sub-menu .img{color: #2fb04b;display: inline-block;font-size: 15px;padding: 0 18px;text-align: center;}
.See-DDL-Small .sub-menu .round-container .round {display:inline-block;padding-right:12px;}
.See-DDL-Small .sub-menu .round-container .round div{width: 42px; height: 42px; border-radius:21px;}
.See-DDL-Small .sub-menu .round-container .partial-round{background: #d4ae5a none repeat scroll 0 0; border-right: 21px solid #1b1b1b;}
.See-DDL-Small .sub-menu .round-container div{margin-bottom:20px;}
.See-DDL-Small .sub-menu .length {border-bottom:1px solid #caedca;color:#21aa3f;font-size:15px;padding-bottom:5px;width:100%;padding-top:10px;position:relative; display:block;}
.See-DDL-Small .sub-menu .greenarrow {background: rgba(0, 0, 0, 0) url("images/green-arrow-s.png") no-repeat scroll 0 0;bottom: -13px;position: absolute;right: 0; width:5px; }
.See-DDL-Small .sub-menu .beads {text-align:center}
.See-DDL-Small .sub-menu .beads div{background-color: #206900;border: 2px solid #206900;border-radius: 0;color: #fff;display: inline-block;margin: 0;padding: 0 0 10px;text-align: center;text-transform:uppercase;font-size:13px;font-weight:bold;margin-right:5px;text-align:center;margin-top:15px;}
.See-DDL-Small .sub-menu .nmore {text-align:center}
.See-DDL-Small .sub-menu .nmore div{background-color: #206900;border: 2px solid #206900;border-radius: 0;color: #fff;display: inline-block;margin: 0;padding: 0 0 10px;text-align: center;text-transform:uppercase;font-size:13px;font-weight:bold;margin-right:5px;text-align:center;margin-top:15px;}
.See-DDL-Small .sub-menu .nmore a{color:#FFF;text-transform:uppercase;text-decoration:none;display:inline-block;}
.See-DDL-Small .sub-menu .nmore span{display:inline-block;margin-top:14px;}
.See-DDL-Small .sub-menu .popular {margin-top:15px;}
.See-DDL-Small .sub-menu .btns {text-align:center;margin-top:10px;}
.See-DDL-Small .sub-menu .purbtn {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9401c4 0%, #52026c 100%) repeat scroll 0 0;border-radius: 4px;box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.43);cursor:pointer;color: #fff;display: inline-block;font-weight: 700;margin-top:5px;margin-left: 10px;margin-right: 20px;min-width:200px;padding: 10px 30px;text-align: center;text-transform: uppercase;}
.See-DDL-Small .sub-menu .rectangle-container div:first-of-type{font-size:18px;font-style:italic;color:#7030a0;margin-bottom:15px;}
.See-DDL-Small .sub-menu .rectangle-container .rect{border:1px solid #cbe9cb;display:inline-block;padding:3px;}
.See-DDL-Small .sub-menu .rectangle-container .rect div{width:25px;height:25px;display:inline-block;margin:0;padding:0;float:left;}
.See-DDL-Small .sub-menu .rectangle-container .rectlast {border:1px solid #cbe9cb;display:inline-block;padding:3px;}
.See-DDL-Small .sub-menu .rectangle-container .rectlast div {width:10px;height:25px;display:inline-block;margin:0;padding:0;float:left;}
.See-DDL-Small  .clearfix {clear:both;}
.See-DDL-Small .wlc .title {color:#7030A0;text-transform:uppercase;font-size:22px;border-bottom:2px solid #7030a0;margin-bottom:15px;}
.See-DDL-Small .wlc p {color:#7030A0;font-size:14px;margin:0;padding:0;}
.See-DDL-Small .sub-menu .faq{margin-top:10px;}
.See-DDL-Small .sub-menu .faq a{color:#21AA3F;font-size:15px;text-decoration:none;display:inline-block;margin:10px 0px;position:relative;}
.See-DDL-Small .sub-menu .faq a:hover{text-decoration:underline;}
.See-DDL-Small .sub-menu .arrow{background: rgba(0, 0, 0, 0) url("images/green-arrow-s.png") no-repeat scroll 0 0;bottom: -5px;left: -15px;position: absolute;width: 5px;}
.See-DDL-Small .sub-menu .fun{text-align:center}
.See-DDL-Small .sub-menu .fun div.thumbnail{background-color: #206900;border: 2px solid #206900;border-radius: 0;color: #fff;display: inline-block;margin: 0;padding: 0 0 10px;text-align: center;text-transform:uppercase;font-size:13px;font-weight:bold;margin-right:5px;text-align:center;margin-top:15px;}
.See-DDL-Small .sub-menu .fun div.thumbnail a{font-size:13px;}

.See-DDL-Small .see-by-style-menu a,.See-DDL-Small .see-by-style-menu a:hover {
    color:#21aa3f;
}
.See-DDL-Small .sub-menu .purbtn-with-icon {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 44%, #ededed 95%, #dedede 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #fdfdfd), color-stop(95%, #ededed), color-stop(100%, #dedede));
background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 44%, #ededed 95%, #dedede 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 44%, #ededed 95%, #dedede 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 44%, #ededed 95%, #dedede 100%);
background: linear-gradient(to bottom, #ffffff 0%, #fdfdfd 44%, #ededed 95%, #dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
border-radius: 4px;
cursor:pointer;
COLOR:#21aa3f;
border:1px solid #dadada;
display: inline-block;
font-weight: 700;
margin-top:5px;
margin-left: 10px;
margin-right: 20px;
padding:0px 10px;
text-align: center;
text-transform: uppercase;
line-height:38px;
min-width:200px;
}

.See-DDL-Small .open .dropdown-toggle {
    color:#31baec;
}
.See-DDL-Small .sub-menu .hdn{visibility:hidden;}

.See-DDL-Small .sub-menu .bigsize{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #26b500 0%, #007200 100%) repeat scroll 0 0;border-radius: 7px;color: #fff;display: inline-block;font-size:18px;font-style: italic;font-weight: 400;line-height: 20px;margin-top: 30px;min-width: 194px;padding: 9px;text-align: center;text-transform: uppercase;}
.See-DDL-Small .sub-menu .bigsize span{font-size:20px;margin-right:10px;font-weight:900;}


.page-sidebar-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;    
    z-index: 2;
}

.See-DDL-Small .yamm-content .thumbnail{
    border:none;
    margin-bottom:5px;
}

.See-DDL-Small .yamm-content .img-link-name {
    text-align:center;
    border-bottom:1px dotted #626231;
}
.See-DDL-Small .yamm-content .img-link-name a, .See-DDL-Small .yamm-content .img-link-name a:hover{
    text-align:center;
    color:#626231;
}

.See-DDL-Small .yamm-content .smenu-sublinks-part{
}
.See-DDL-Small .yamm-content .smenu-sublinks-part .sb-menu-links{
    padding:0px;
    border-bottom:1px dashed #6d6f72;
}
.See-DDL-Small .yamm-content .smenu-sublinks-part .sb-menu-links a,.See-DDL-Small .yamm-content .smenu-sublinks-part .sb-menu-links a:hover {
    text-transform:none;
    color:#000;
    text-decoration:none;
    font-weight:normal;
    text-transform:uppercase;
    font-size:8pt;	
}



.slideout-menu2 {
        position: fixed;
		top: 0;
		right: -600px;
		width: 100%;
		max-width:600px;
		height: 100%;
		z-index: 100;
        background: #fff;
		z-index: 100;
        -webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);
        -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);
        box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.50);
	}
	.slideout-menu2 .slideout-menu-toggle2 {
		position: absolute;
		top: 0px;
		right: 0;
		display: inline-block;
		padding: 10px 30px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
		background: #3e597b;
		color: #fff;
		text-decoration: none;
		vertical-align: top;
        font-size:30px;
	}
	.slideout-menu2 .slideout-menu-toggle2:hover {
		color: #fff;
	}
    .slideout-menu2 h3
    {
        width:100%;
        color:#fff;
        font-size:14px;
        padding:0 0 0 15px;
        text-transform:uppercase;
        font-weight:bold;
        background: #58769d;
        background: -moz-linear-gradient(top, #58769d 0%, #4a678d 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #58769d), color-stop(100%, #4a678d));
        background: -webkit-linear-gradient(top, #58769d 0%, #4a678d 100%);
        background: -o-linear-gradient(top, #58769d 0%, #4a678d 100%);
        background: -ms-linear-gradient(top, #58769d 0%, #4a678d 100%);
        background: linear-gradient(to bottom, #58769d 0%, #4a678d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58769d', endColorstr='#4a678d', GradientType=0 );
        margin:0px;
        line-height:50px;
    }

    .slideout-menu2 .titlecart
    {
        text-align:center;
    }
    .slideout-menu2 .titlecart a
    {
        text-align: center;
  font-size: 24px;
  color: #6ba6a8;
  line-height: 58px;
  text-decoration: underline !important;
  font-family: "Helvetica Neue";
    }

    .slideout-menu2 .cartbox {width:96%; margin:0 2%; border:5px solid #eeeeee;  padding:2px !important; background:#FFFFFF; float:left;}
    .slideout-menu2 .cartbox .cartboxdetail { width:100%; background:#f9f9f9; float:left; }
    .slideout-menu2 .cartbox .cartheader { width:100%; height:36px; background:#526f96;}
    .slideout-menu2 .cartbox .cartheader .num-title { width:10%; padding-left:10px; font-size:14px; line-height:36px; font-weight:bold; color:#fff; border-right:1px solid #fff;}
    .slideout-menu2 .cartbox .cartheader .pro-title { width:25%; padding:0 10px; font-size:14px; line-height:36px; font-weight:bold; color:#fff; border-right:1px solid #fff;}
    .slideout-menu2 .cartbox .cartheader .description-title { width:65%; padding-left:10px; font-size:14px; line-height:36px; font-weight:bold; color:#fff;}
    .slideout-menu2 .cartbox .cartdetailarea { width:100%;}
    .slideout-menu2 .cartbox .cartdetailarea .pro-numbring {width:10%; padding-left:10px; font-size:14px; line-height:36px; color:#808080; border-right:1px solid #dddddd;}
    .slideout-menu2 .cartbox .cartdetailarea .pro-img {width:25%; padding:15px 8px; border-right:1px solid #dddddd;}
    .slideout-menu2 .cartbox .cartdetailarea .pro-description { width:65%; padding-left:10px; font-size:14px; line-height:24px; color:#808080;}
    .slideout-menu2 .cartbox .cartdetailarea a
    {
        font-size:14px;
    }
    .slideout-menu2 .cartbox .cartdetailarea p
    {
        margin-top: 8px;
        margin-bottom:3px;
    }
.see-col-wrap
{
    overflow:hidden;
}
.see-col-wrap .see-col
{
    margin-bottom:-999px !important;
    padding-bottom:999px !important;
}

    .dropdown-bg{
	background-color:#000;
	z-index:99;
	display:none;
	position:absolute;
	width:100%;		
	opacity:0.5;
    top:0px;
    left:0px;
	
}

    /*Mobile Link Start*/
.slideout-menu h3
{
    width:100%;
    color:#fff;
    font-size:14px;
    padding:0 0 0 15px;
    text-transform:uppercase;
    font-weight:bold;
    background: #31baec;
    color: #fff;
    margin:0px;
    line-height:50px;
    position:relative;
}

.lrlink-button{
width:100%;
text-align:center;
background:url(images/titlebg.jpg) repeat-x left top;
height:39px;
border:1px solid #eeeeee;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.30);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.30);
color:#58769d;
text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
font-size:14px;
font-weight:bold;
padding-left:15px;
line-height:32px;
margin-bottom:5px;
}
.open .lrlink-button{
	
color:#6ba6a8;
box-shadow:none !important;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 95% !important;
  padding:0 !important;
  margin: 2px 10px 0 !important;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}

.dropdown-menu > li > a{
width:100%;
float:left;
font-size:13px !important;
line-height: 1.7 !important;
color:#808080 !important;
padding:7px 0 7px 35px !important;
border-bottom:1px solid #e2e2e2; 
background:url(images/link-arrow.png) no-repeat 15px 16px #f9f9f9 !important;
}
.dropdown-menu > li > a:hover{
background:url(images/link-arrow.png) no-repeat 15px 16px #fff !important;
border-bottom:#58769d;
text-decoration:none;
border-bottom:1px solid #e2e2e2; 
}

/*Mobile Link End*/