.TL{float:left;height:16px;color:white;margin-top:0px;padding:22px;padding-right:13px;padding-left:13px;cursor:pointer;text-decoration:none}
.TL:hover{background-color:purple;color:white;cursor:pointer;text-decoration:none;

}
.TLM{background-color:white;float:left;height:60px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+22,f2f2f2+79,adadad+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 22%, #f2f2f2 79%, #adadad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 22%,#f2f2f2 79%,#adadad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 22%,#f2f2f2 79%,#adadad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */

}
.TLM:hover{background-color:yellow;float:left;height:60px;}
.LI1{padding:5px;background-color:#00B700;color:white;border-radius:5px;font-weight:bold}
.LI1:hover{padding:5px;background-color:green;color:yellow;border-radius:5px;cursor:pointer}
.LI2{padding:5px;background-color:#606060;color:white;border-radius:5px;font-weight:bold}
.LI2:hover{padding:5px;background-color:#303030;color:yellow;border-radius:5px;cursor:pointer}

.TF{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d1d1d1+49,dbdbdb+50,e2e2e2+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

	}


.BL{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#823e7d+1,740e77+10,7c0078+82,460349+100 */
background: #823e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #823e7d 1%, #740e77 10%, #7c0078 82%, #460349 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #823e7d 1%,#740e77 10%,#7c0078 82%,#460349 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #823e7d 1%,#740e77 10%,#7c0078 82%,#460349 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#823e7d', endColorstr='#460349',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6a5be+0,c146a1+11,c40086+82,820663+100 */
background: #c6a5be; /* Old browsers */
background: -moz-linear-gradient(top,  #c6a5be 0%, #c146a1 11%, #c40086 82%, #820663 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c6a5be 0%,#c146a1 11%,#c40086 82%,#820663 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c6a5be 0%,#c146a1 11%,#c40086 82%,#820663 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6a5be', endColorstr='#820663',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b546b+0,6d056d+11,6d056d+82,3d033d+100 */
background: #6b546b; /* Old browsers */
background: -moz-linear-gradient(top,  #6b546b 0%, #6d056d 11%, #6d056d 82%, #3d033d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6b546b 0%,#6d056d 11%,#6d056d 82%,#3d033d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6b546b 0%,#6d056d 11%,#6d056d 82%,#3d033d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b546b', endColorstr='#3d033d',GradientType=0 ); /* IE6-9 */


}








.ribbon-wrapper1 {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

.BTP {z-index: 90;position: relative;padding:10px;margin:5px;border:3px solid white;box-shadow:0px 0px 2px 2px #C0C0C0;border-radius:6px;}
.BTP:hover {border:3px solid #FFFFFF;box-shadow:0px 0px 2px 2px #6D056D;cursor:pointer}

.ribbon-wrapper {position: relative;padding:10px;margin:5px;border:5px solid white;box-shadow:0px 0px 5px 5px #C0C0C0;border-radius:6px;min-height:160px}
.ribbon-wrapper:hover {border:5px solid #FFFFFF;box-shadow:0px 0px 5px 5px #6D056D;cursor:pointer}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

.TitleBars{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+10,c40086+82,820663+100 */
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 10%, #c40086 82%, #820663 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 10%,#c40086 82%,#820663 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 10%,#c40086 82%,#820663 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#820663',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

border-bottom:1px solid #C0C0C0;padding:20px;border-top:1px solid #C0C0C0;color:white;padding:3px
}

.TitleBars2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+10,c40086+82,820663+100 */
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 10%, #c40086 82%, #820663 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 10%,#c40086 82%,#820663 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 10%,#c40086 82%,#820663 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#820663',GradientType=0 ); /* IE6-9 */




;padding:20px;border-top:1px solid #C0C0C0;color:white;padding:3px
}


.PricePoint{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcecfc+0,fba6e1+14,fd89d7+86,ff7cd8+100 */
background: #fcecfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcecfc 0%, #fba6e1 14%, #fd89d7 86%, #ff7cd8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcecfc 0%,#fba6e1 14%,#fd89d7 86%,#ff7cd8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcecfc 0%,#fba6e1 14%,#fd89d7 86%,#ff7cd8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */

position:absolute;padding:6px;margin-left:240px;box-shadow:-2px 2px 2px 2px #303030;width:60px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;text-align:center

}	
	

.mainbox1{background-color:#FFFFEE}
.mainbox2{background-color:#FCFCFC}
.mainbox3{background-color:#FFE1FF}

.expurple{background-color:#6d056D}
.expurple:hover{background-color:white;color:#6d056D}

/* List styling */
.featureList, .featureList ul {
  margin-top: 0;
  padding-left: 2em;
  list-style-type: none; 
  line-height: 150%;
}
.featureList li:before {
  position: absolute;
  margin-left: -1.3em;
  font-weight: bold;

}
.featureList li.tick:before {
  content: "\2713";
  color: darkgreen;
}
.featureList li.cross:before {
  content: "\2717";
  color: crimson;
}

.regbtn{border-radius:8px;background-color:#6D056D;color:white;padding:10px;font-size:18px;border:3px solid #6D056D
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc00ac+0,6d056d+100 */
background: #bc00ac; /* Old browsers */
background: -moz-linear-gradient(top,  #bc00ac 0%, #6d056d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bc00ac 0%,#6d056d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bc00ac 0%,#6d056d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc00ac', endColorstr='#6d056d',GradientType=0 ); /* IE6-9 */

}
.regbtn:hover{background-color:green;cursor:pointer;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4cd55+0,ea6602+100 */
background: #f4cd55; /* Old browsers */
background: -moz-linear-gradient(top,  #f4cd55 0%, #ea6602 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4cd55 0%,#ea6602 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4cd55 0%,#ea6602 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cd55', endColorstr='#ea6602',GradientType=0 ); /* IE6-9 */
color:black
}

.SmOpt{float:left;width:20%}
.LgOpt{float:left;width:33.3%}

.DirectLink{margin-top:12px;margin-bottom:12px;color:#606060}
.TopTel{display:inline-block;border-right:1px solid #606060;padding-right:10px;}
.TopEmail{display:inline-block;border-right:1px solid #606060;padding-right:10px;padding-left:10px;}
.TopChat{display:inline-block;padding-left:10px;}

.DirectLinkL{float:left}
.DirectLinkR{float:right;margin-top:12px}
.TLMob{display:none}

.NewMobileLinks{border:2px solid #9900CC;background-color:#F0C1FF;right:0;z-index:10000;position:fixed;display:none}
.TLM2{padding:10px;border-bottom:1px solid purple}

.AdBoxNew{float:left;width:33%;}
.AdBoxNewInner{border-radius:10px;background-color:white;margin:10px;padding:10px;background-color:white;border:3px solid #6D056D}
.AdBoxNewInner:hover{color:white;cursor:pointer;box-shadow:0px 0px 5px 5px #6D056D;}
.footer{background-color:#50006B}

.FooterTitle{color:#F8E1FF;font-size:16px}
.copyright{color:white;font-size:12px;letter-spacing:0px;text-align:center;background-color:#9900CC}

.ToFade{height:300px}

.NewLinks{height:30px;text-decoration:none;display:block;color:white}

.FooterTitle2{color:#6D056D}
.OfficeNo{color:#6d056d}


.explore{
	padding:10px;background-color:red;padding:10px;width:auto;border-bottom-left-radius:10px;
	//float:left;
	display:inline-block;
	color:white;
	border-radius:5px;
	cursor:pointer;
	z-index:199;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67009b+1,6d056d+100 */
background: #67009b; /* Old browsers */
background: -moz-linear-gradient(top,  #67009b 1%, #6d056d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #67009b 1%,#6d056d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #67009b 1%,#6d056d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67009b', endColorstr='#6d056d',GradientType=0 ); /* IE6-9 */

	}

.explore:hover{
	background: rgb(248,80,50); /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba00e0+1,ba09ba+100 */
background: #ba00e0; /* Old browsers */
background: -moz-linear-gradient(top,  #ba00e0 1%, #ba09ba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ba00e0 1%,#ba09ba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ba00e0 1%,#ba09ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba00e0', endColorstr='#ba09ba',GradientType=0 ); /* IE6-9 */

	}


	
.exploreS{
	padding:10px;background-color:red;padding:10px;width:auto;border-bottom-left-radius:10px;
	//float:left;
	display:inline-block;
	color:white;
	border-radius:5px;
	cursor:pointer;
	z-index:199;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67009b+1,6d056d+100 */
background: #67009b; /* Old browsers */
background: -moz-linear-gradient(top,  #67009b 1%, #6d056d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #67009b 1%,#6d056d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #67009b 1%,#6d056d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67009b', endColorstr='#6d056d',GradientType=0 ); /* IE6-9 */

padding:10px;font-size:24px;margin-top:5px;
	}

.exploreS:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba00e0+1,ba09ba+100 */
background: #ba00e0; /* Old browsers */
background: -moz-linear-gradient(top,  #ba00e0 1%, #ba09ba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ba00e0 1%,#ba09ba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ba00e0 1%,#ba09ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba00e0', endColorstr='#ba09ba',GradientType=0 ); /* IE6-9 */

	}	
	
	


@media only screen and ( max-width: 1000px) {
.SmOpt{float:left;width:20%}
.LgOpt{float:left;width:50%}
.HideSmOpt{display:block}
.TLMob{display:block;float:right;}
.TL{display:none}

}

@media only screen and ( max-width: 750px) {
.SmOpt{clear:both;width:100%}
.LgOpt{clear:both;width:100%}
.HideSmOpt{display:none}
.DirectLinkR{display:none}

.AdBoxNew{clear:both;width:100%}

}

@media only screen and ( max-width: 500px) {
.DirectLinkL{clear:both}
.DirectLinkR{display:none}

.DirectLink{margin-top:12px;margin-bottom:12px;color:#606060}
.TopTel{display:block;border-right:0px solid #606060;padding-right:0px;}
.TopEmail{display:none;}
.TopChat{display:none;}

}



@media only screen and ( max-width: 450px) {
.SmOpt{clear:both;width:100%}
.LgOpt{clear:both;width:100%}
.HideSmOpt{display:none}
.SpBubb{display:none}

.FooterBox{float:left;width:99%;color:white;font-size:12px}

}