body {
    /*background-image:url(../images/bg.PNG);*/
	background-size:cover;
    
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	text-align: center;
     /*background-color: #3264fe;*/
	 
}


.newcategory_btn {
    background-color: #b574ce;
/*    box-shadow: 0px 5px 5px #888888;*/
    color: white;
    cursor: pointer;
    width: 90%;
    margin-left: 11px;
    margin-top: 3px;
    margin-bottom: 5px;
    line-height: 38px;
    font-weight: bold;
}
.newcategory_btn2 {
    background-color: #b574ce;
/*    box-shadow: 0px 5px 5px #888888;*/
    color: white;
   cursor: pointer;
    width:440px;
    margin-left: -1px;
    margin-top: 3px;
    margin-bottom: 5px;
    line-height: 38px;
    font-weight: bold;
}
.newcategory_btn_sm{
	   
	background-color: #00BEE5;
    box-shadow: 0px 5px 5px #888888;
    color: white;
    cursor: default;
    width: 94%;
    margin-left: 6px;
    margin-top: 3px;
    margin-bottom: 5px;
    line-height: 38px;
    font-weight: bold;
}
.sabcategory_btn{
    background-color: #0B0B0B;
    box-shadow: 0px 5px 5px #888888;
    color: white;
    cursor: default;
    width: 215px;
    margin-left: 17px;
    margin-top: -18px;
    float: left;
    margin-bottom: 5px;
    line-height: 38px;
    font-weight: bold;
	cursor: pointer;
}
.sabcategory_btn2{
    background-color: #0B0B0B;
    box-shadow: 0px 5px 5px #888888;
    color: white;
    cursor: default;
    width: 215px;
    margin-left: 2px;
    margin-top: -18px;
    float: left;
    margin-bottom: 5px;
    line-height: 38px;
    font-weight: bold;
	cursor: pointer;
}
.countrycatrgory_btn{
	background-color:#0B0B0B; 
	box-shadow: 0px 5px 5px #888888; 
	color: white; 
	cursor:default; 
	width:175px; 
	margin-left:7px;     
	margin-top: -18px; 
	float:left; 
	margin-bottom:5px; 
	line-height:38px; 
	font-weight:bold;
}


.status {
    background: #ddd none repeat scroll 0 0;
    color: #000;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    position: relative;
    text-align: center;
    width: 200px;
}
.shadow {
    box-shadow: 0 3px 12px -2px rgba(0, 0, 0, 0.75);
}
.trans {
    transition: all 1s ease 0s;
}
.ppic {
    width: 150px;
}
.pic {
    width: 100%;
}
.head {
    background-image: url("../images/head_back.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 2px 2px 6px 0 #000000;
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
.head img {
    width: 45px;
}
.fly {
    background: rgba(0, 0, 0, 0) url("../images/Picture5.png") no-repeat scroll 0 0 / 100% auto;
    font-size: 18px;
    line-height: 50px;
    margin: 5px auto;
    min-height: 50px;
    width: 240px;
}
.flybig {
    font-size: 14px;
    width: 260px;
}
.innerbox {
    height: 239px;
    padding: 10px;
    text-align: justify;
}
.innerbox div.fleft, .inner_circle div.fleft, .inner_circle .ac {
	color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.createbtn {
    background-image: url("../images/back_acount.jpg");
    background-repeat: no-repeat;
    box-shadow: 2px 2px 6px 0 #000000;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    line-height: 45px;
    margin-left: 60px;
    text-align: center;
    width: 355px;
}
.desc {
    font-size: 16px;
    line-height: 25px;
    margin: 10px;
    text-align: justify;
}
.bullet {
    margin-right: 5px;
    width: 30px;
}
.finput {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 15px;
    width: 240px;
}
.button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 20px auto;
    width: 40px;
}
.button2 {
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding: 3px 10px;
    text-align: center;
    width: 74px;
}
.testi {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #69cc50;
    color: #000;
    height: 180px;
    padding: 10px;
    resize: none;
    width: 96%;
}
.efield {
    border: 1px solid #d4bb24;
    border-radius: 10px;
    line-height: 40px;
    width: 160px;
}
.ctitle {
    background: #3a9536 url("../images/ctitle.png") no-repeat scroll 0 0;
    line-height: 40px;
}
.cauthor {
    background: rgba(0, 0, 0, 0) url("../images/cauthor.png") no-repeat scroll 0 0;
    line-height: 40px;
    width: 212px;
}
.msg_box {
    display: none;
    font-size: larger;
    font-weight: bold;
    line-height: 40px;
    min-height: 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.err_msg {
    color: red;
}
.n1 {
    background: green none repeat scroll 0 0;
}
.n {
    background: red none repeat scroll 0 0;
}
.ptext {
    color: #a00;
    font-size: 70px;
    position: absolute;
}
.progressinner {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
}
.progress .progressinner .lpane .cover, .progress .progressinner .rpane .cover {
    background: rgb(255, 198, 22) none repeat scroll 0 0 !important;
}
.expertbtn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    bottom: 10px;
    color: #000;
    font-weight: bold;
    left: 110px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 270px;
    z-index: 10;
}
.ui-widget-overlay {
    background: #000000 none repeat scroll 0 0;
    opacity: 0.6;
}
.ui-widget-content {
    background-color: #fff !important;
}
.ui-widget-header {
    background: #fff none repeat scroll 0 0 !important;
    border: medium none;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog-titlebar {
    display: none;
}
.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 15px;
    margin: 0.25em 0.4em 0 0;
}
.ui-button-text-only .ui-button-text {
    color: #000;
    padding: 0.2em 0.5em;
}
.ui-dialog {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-radius: 15px;
    border-style: solid;
    border-width: 10px 10px 5px;
}
#modalClose {
    left: 90%;
    position: absolute;
    top: 10%;
}
.ui-dialog .ui-dialog-buttonpane {
    background: #ccc none repeat scroll 0 0 !important;
    margin: 0;
    padding: 0;
}
.ui-resizable-handle {
    display: none !important;
}
.ui-widget-content {
    padding: 0;
}
.ui-tooltip, .arrow::after {
    background: black none repeat scroll 0 0;
    border: 2px solid white;
}
.ui-tooltip {
    border-radius: 20px;
    box-shadow: 0 0 7px black;
    color: #000;
    font: bold 14px "Helvetica Neue",sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
}
.arrow {
    bottom: -16px;
    height: 16px;
    left: 50%;
    margin-left: -35px;
    overflow: hidden;
    position: absolute;
    width: 70px;
}
.arrow.top {
    bottom: auto;
    top: -16px;
}
.arrow.left {
    left: 20%;
}
.arrow::after {
    box-shadow: 6px 5px 9px -9px black;
    content: "";
    height: 25px;
    left: 20px;
    position: absolute;
    top: -20px;
    transform: rotate(45deg);
    width: 25px;
}
.arrow.top::after {
    bottom: -20px;
    top: auto;
}
.col {
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 390px;
}
.col .tr {
    font-size: smaller;
    margin-bottom: 7px;
    min-height: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.col .tr .td:first-child {
    float: left;
    text-align: right;
    width: 120px;
}
.col .tr .td:nth-child(2) {
    float: left;
    width: 270px;
}

.col .tr .td select {
    width: 250px;
}
.col .tr .td textarea {
    border-radius: 15px;
    height: 180px;
    margin-left: 10px;
    resize: none;
    width: 250px;
}
.button2 {
    background: #d4bb24 none repeat scroll 0 0;
    border: 1px solid #093;
    color: #093;
    cursor: pointer;
    padding: 5px 10px;
}
.five-stars-container {
    color: #dbdbdb;
    cursor: pointer;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 35px;
    line-height: 1.2em;
    margin-top: 10px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
.five-stars-container::before {
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    top: 0;
    z-index: 0;
}
.five-stars-container .five-stars::before {
    color: #fdb714;
    content: "";
}
.five-stars-container .five-stars {
    display: block;
    overflow: hidden;
    padding-left: 1px;
    position: relative;
}
.forum {
    background: #fff none repeat scroll 0 0;
    color: #000;
    margin: 2px 0 10px 2px;
    padding: 10px;
    position: relative;
    width: 1874px;
}
.stats {
    bottom: 10px;
    left: 10px;
    position: absolute;
}
.stat {
    border: 1px solid green;
    color: #ddd;
    font-size: 35px;
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    text-align: center;
    width: 108px;
}
.stat:hover, .fdesc:hover {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.fno {
    float: none;
}
.din {
    display: inline;
}
.db {
}
.hide {
    display: none;
}
.nborder {
    border: medium none !important;
}
.nm {
    margin: 0 !important;
}
.nmbottom {
    margin-bottom: 0 !important;
}
.nmtop {
    margin-top: 0 !important;
}
.mauto {
    margin: auto;
}
.m10 {
    margin: 10px !important;
}
.mtop5 {
    margin-top: 5px;
}
.mtop10 {
    margin-top: 10px;
}
.mtop15 {
    margin-top: 15px;
}
.mtop25 {
    margin-top: 25px;
}
.mtop70 {
    margin-top: 70px;
}
.mbottom25 {
    margin-bottom: 25px;
}
.mbottom5 {
    margin-bottom: 5px;
}
.mleft5 {
    margin-left: 5px;
}
.mleft25 {
    margin-left: 25px;
}
.mleft20 {
    margin-left: 20px;
}
.mleft75 {
    margin-left: 75px;
}
.mleft85 {
    margin-left: 85px;
}
.mright5 {
    margin-right: 5px;
}
.mright20 {
    margin-right: 20px;
}
.mright25 {
    margin-right: 25px;
}
.mlr25 {
    margin-left: 25px;
    margin-right: 25px;
}
.mtb3 {
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}
.np {
    padding: 0 !important;
}
.nptop {
    padding-top: 0;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px 20px;
}
.pright5 {
    padding-right: 5px;
}
.ptop10 {
    padding-top: 10px;
}
.pleft5 {
    padding-left: 5px;
}
.aleft {
    text-align: left !important;
}
.ac {
    text-align: center;
}
.aright {
    text-align: right;
}
.tu {
    text-decoration: underline !important;
}
.lh42 {
    line-height: 42px;
}
.lh30 {
    line-height: 30px;
}
.lh19 {
    line-height: 19px;
}
.fb {
    font-weight: bold;
}
.fn {
    font-weight: normal;
}
.f10 {
    font-size: 10px;
}
.f12 {
    font-size: 12px;
}
.f14 {
    font-size: 14px;
}
.blueBg {
	-webkit-box-shadow: 2px 0 10px -6px #000000;
    -moz-box-shadow: 2px 0 10px -6px #000000;
    box-shadow: 2px 0 10px -6px #000000;
	text-align: center;
    vertical-align: middle;
	background-image: url("../images/blueBG.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	height:37px;
	border-radius:4px;
	text-align: center;
    vertical-align: middle;
    width: 100%;
	display:table;
}
.pinkBg {
background-image: url("../images/pinkBtn.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: bold;
    height: 38px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 310px;
	position: absolute;
    top: 259px !important;
    left: 80px;
    margin-top: 0px !important;
}
.pinkBg2 {
background-image: url("../images/pinkBtn.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: bold;
    height: 38px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 310px;
	
}
.f36 {
	font-size: 36px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.textBlue { color:#0033FF;}
.textBlack { color:black}
.textWhite { color:#fff;}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
    line-height: 25px;
}
.f22 {
    font-size: 22px;
}
.f25 {
    font-size: 25px;
}
.w100 {
    width: 100%;
}
.bigBlueBox{
 background-color: #3264fe;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    height: 85px;
    margin-bottom: 10px;
    width: 300px;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w180 {
    width: 180px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w200 {
    width: 200px;
}
.w273 {
    width: 273px;
}
.w300 {
    width: 300px;
}
.w250 {
    width: 250px;
}
.w265 {
    width: 265px;
}
.w295 {
    width: 295px;
}
.w328 {
    width: 328px;
}
.w335 {
    width: 335px;
}
.w500 {
    width: 500px;
}
.w530 {
    width: 530px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w60 {
    width: 60px;
}
.w438 {
    width: 438px;
}
.w470 {
    width: 470px;
}
.w65 {
    width: 65px;
}
.w946 {
    width: 946px;
}
.wauto {
    width: auto;
}
.hauto {
    height: auto;
}
.h315 {
    height: 315px;
}
.h75 {
    height: 75px;
}
.h40 {
    height: 40px;
}
.h180 {
    height: 180px;
}
.h25 {
    height: 25px !important;
}
.h115 {
    height: 115px;
}
.h115 {
    height: 1205px;
}
.h196 {
    height: 196px;
}
.h256 {
    height: 256px;
}
.clear {
    clear: both;
    width: 100%;
}
.nobg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.wbg {
    background: #fff none repeat scroll 0 0;
}
.gbg {
    background: #3264fe none repeat scroll 0 0;
}
.gdbg {
    background: rgba(74, 134, 52, 0.6) none repeat scroll 0 0;
}
.glbg {
    background: rgba(197, 224, 179, 0.6) none repeat scroll 0 0;
}
.gnbg {
    background: rgba(50, 204, 50, 0.6) none repeat scroll 0 0;
}
.bgs100 {
    background-size: cover;
}
.g {
    color: #3264fe;
}
.w {
    color: #fff;
}
.gd {
    color: #00ff00;
}
.b {
    color: #000;
}
.y {
    color: #d4bb24;
}
.rd {
    color: #c00000;
}
.ld {
    color: #ddd;
}
.lb {
    color: #333;
}
.blink {
    color: blue !important;
    text-decoration: underline !important;
}
.bb {
    border: 1px solid blue;
}
.blg {
    border: 1px solid green;
}
.bbl {
    border: 1px solid #000;
}
.br {
    border: 1px solid red;
}
.bn {
    border: medium none;
}
.on {
    outline: medium none;
}
.brad15 {
    border: 15px solid #d4bb24;
}
.cur {
    cursor: pointer;
}
.btn_global{
    cursor: pointer;
    width: 230px;
    margin-left: 2px;
    margin-top: 4px;
    margin-bottom: 5px;
    line-height: 38px;
    background: #622f96; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,#622f96 , #0185f0,#55d249,#fabc02,#c30d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #622f96 , #0185f0,#55d249,#fabc02,#c30d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #622f96 , #0185f0,#55d249,#fabc02,#c30d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#622f96 , #0185f0,#55d249,#fabc02,#c30d00); /* Standard syntax (must be last) */
	box-shadow: 0px 5px 5px #888888;
}
.btn_global22{
    cursor: pointer;
    width: 230px;
    margin-left: 2px;
    margin-top: 4px;
    margin-bottom: 5px;
    line-height: 38px;
	background-color:black;
	color: white;
	font-weight:bold;
	    box-shadow: 0px 5px 5px #888888;
   
}

.block {
    width: 472px;
    height: 315px;
    background-color: #fff;
    /*background:url(../images/boxbgtrans.png);
    background:url(../images/box_1.png);*/
    margin-left: 2px;
    margin-top: 2px;
	position:relative;
	float:left;
    /*float: left;*/
    overflow: hidden;
	
}
.block p{
    color:black; 
    font-size:18px; 
    text-align:justify; 
    padding-left:13px; 
    padding-right:13px; 
    font-weight:bold;
}

.nobg{
	background:none;
	}
	.hide {
    display: none;
}
.blocksm {
    width: 235px;
    height: 315px;
	background-color:#fff;
    float: left;
	
}
.msg_box{width:100%;min-height: 40px;position: relative;line-height: 40px;text-align: center;font-weight: bold;font-size: larger;display: none;}
.inner_circle{width:457px;height: 303px;position: relative;color:#000;margin: 0 auto;text-align: center;font-weight: bold;}
.err_msg{color:red;}

.button {
    width: 212px;
    height: 36px;
    margin-top: 13px;
    border: none;
	font-size:14px;
	text-transform:uppercase;
    font-weight: bold;
    box-shadow: 2px 4px 8px #aaa;
    background: url(../images/btn_bg.png) #F0F0F0;
	cursor:pointer;
}

.noshadow{
	box-shadow: 0px 0px 0px #aaa;
	}

@media only screen and (min-width: 1896px) and (max-width: 4000px) {
	.content{
		width:1896px;
		
		}
}
@media only screen and (min-width: 1422px) and (max-width: 1895px) {	
	.content{
		width:1422px;
		
		}
}
@media only screen and (min-width: 948px) and (max-width: 1421px) {	
	.content{
		width:948px;
		
		}
}
@media only screen and (min-width: 300px) and (max-width: 947px) {	
	.content{
		width:474px;
		
		}
}
.content{
	overflow:hidden;	
	max-width:1424px;
}
.form_div{ height:286px; width:472px; float:left;}
.form_div form{min-height:315px;width:472px; border:none; text-align:center;}
.form_div form h3{margin:3px 0 7px;color:#2fbc6f;font-weight:bold;font-size:48px;}

.points{ list-style-type:none;width:455px;min-height:245px;float:left;padding-left:20px;}
.points li{min-height:40px;margin-top: 12px;overflow:auto;}
.points img{float:left;margin-right: 20px;}
.points .features, .points p{float:left;width:395px;font-weight:bold;font-size:24px;}
.points p{margin:0 0 7px 57px;text-align: justify;}
.orange{
 color: #fe4700;
}
.blue{
 color: #3993fb;
}
.pink{
 color: #e81652;
}
.red{
 color: #C00000;
}
.yellow{
 color: #ffb200;
}
.dark_blue{
 color: #0000fe;
}
.green{
 color: #3264fe;
}
#container {
	position: relative;
	
}

#container .content {
	/*position: absolute;
	top: 0;*/
	
	
}

.right-bottom {
    height: 82px;
    width: 82px;
   /* border-right: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;*/
    float: left;
    overflow: hidden;
    cursor: pointer;
}
#login-pad {
    margin-left: auto;
    margin-right: auto;
    width: 242px;
    height: 330px;
    border: 1px solid #CFCFCF;
    margin-top: 0px;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.right-bottom {
    height: 61px;
    width: 60px;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.bottom {
    height: 61px;
    width: 60px;
    border-bottom: 1px solid #CFCFCF;
    float: left;
    overflow: hidden;
    cursor: pointer;
}
.formee-msg-error {
	clear: both;
	height: auto;
	margin: 0 0;
	background: #FFF url(../images/form-ic-warning.png) no-repeat 12px 12px;
	//border-color:#f6abab;
	border:5px solid #C00000;
	display: none;
	width: 220px;
	padding: 12px 20px;
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 4px 4px 4px 4px;
	color: #2B2B2B;
	z-index:1500;
}

.formee-msg-success {
	clear: both;
	height: auto;
	margin: 0 0;
	background: #FFF url(../images/form-ic-success.png) no-repeat 12px 12px;
	//border-color:#f6abab;
	border:5px solid #55EA4B;
	display: none;
	width: 220px;
	padding: 12px 20px;
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 4px 4px 4px 4px;
	color: #2B2B2B;
	z-index:1500;
}
.formee-msg-info {
	background: #d1ecf7 url(../images/form-ic-info.png) no-repeat 12px 12px;
	border-color:#bcdfef;
	clear: both;
	height: auto;
	margin: 0 0;
	display: none;
	width: 220px;
	padding: 12px 20px;
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 4px 4px 4px 4px;
	color: #2B2B2B;
	z-index:1500;
}

.formee-msg-error p {
	text-align: left;
	padding-top: 15px;
	line-height:24px;
}
a {
	color:white;text-decoration: none;
	
}
/*.videoBG
{
	position: fixed; z-index: -1; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 1; overflow: hidden;
}
.videoBG video {
	position: absolute; z-index: 0; top: 0px; left: 0px; min-width: 100%; min-height: 100%;
}*/


.maximumSecurityText{
    background: url(../images/trans.png);
    cursor: default;
    height: 80px;
    width: 202px;
    font-size: 28px;
    font-weight: bold;
    padding-top: 12px;
    color: BLACK;
    margin: 0 auto;
    margin-top: 209px;
    margin-left: 13px;
}
.bestQualityText {
    background: url(../images/trans.png);
    cursor: default;
    height: 80px;
    width: 157px;
    font-size: 28px;
    font-weight: bold;
    padding-top: 12px;
    color: BLACK;
    margin: 0 auto;
    margin-top: 209px;
    margin-left: 294px;
}
.details_upper{
	color:#fff;
    width: 208px;
    height: 45px;
    background-color: #B574CE;
    margin-left: 14px;
}
.details_upper2{
	color:#fff;
	 width: 208px;
    height: 45px;
    margin-left: 14px;
	margin-top:10px;
}
.dark_purple{
    width: 100%;
    height: 37px;
    background-color: #8A49A3;
}
.g1{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #00B050;
}
.y1{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFFF00;
}
.o1{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFC000;
}
.r1{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FF0000;
}
.g2{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #00B050;
}
.y2{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFFF00;
}
.o2{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFC000;
}
.r2{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FF0000;
}
.g3{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #00B050;
}
.y3{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFFF00;
}
.o3{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FFC000;
}
.r3{
	display:none;
	float:left;
    width: 25%;
    height:8px;
    background-color: #FF0000;
}
.dark_purple span{
	padding-left:5px;
	padding-right:5px;
}
.shipping_detials{
	background-color:#8A49A3;
 	width: 48%;
    height: 45px;
    float: left;
    font-size: 17px;
}