@charset "utf-8";
/* CSS Document created by Prahlad Yadav - Centerac Technologies Limited*/


@font-face {
	font-family: 'Humanst521BTRoman';
	src: url('hum521n-webfont.eot');
	src: url('hum521n-webfont.eot?#iefix') format('embedded-opentype'),
		url('hum521n-webfont.woff') format('woff'),
		url('hum521n-webfont.ttf') format('truetype'),
		url('hum521n-webfont.svg#Humanst521BTRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Humanst521LtBTLight';
	src: url('hum521l-webfont.eot');
	src: url('hum521l-webfont.eot?#iefix') format('embedded-opentype'),
		url('hum521l-webfont.woff') format('woff'),
		url('hum521l-webfont.ttf') format('truetype'),
		url('hum521l-webfont.svg#Humanst521LtBTLight') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: "WebRupee";
	font-style: normal;
	font-weight: normal;
	src: local("WebRupee"), url("../fonts/WebRupee.V2.0.ttf") format("truetype"),
		url("../fonts/WebRupee.V2.0.woff") format("woff"),
		url("../fonts/WebRupee.V2.0.svg") format("svg");
}

.WebRupee {
	font-family: 'WebRupee';
	margin-right: 5px;
}


html,
body {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-family: arial;
	width: 100%;
	height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-family: arial;
	width: 100%;
	height: 100%;
	overflow: visible;
}

#wrapper {
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	min-height: 95%;
	margin: 0 auto;
	padding: 0 0 0px;
}

* html #wrapper {
	height: 100%
}

#header {
	width: 100%;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	height: 60px;
	z-index: 1001;
	top: 0;
}

#divider {
	background: #b4975a url(../images/spider/top_amin_divider.png) top right no-repeat;
	height: 10px;
	display: none;
}

#logo {
	width: 196px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	margin: 1.5em 0 0 1em;
	float: left;
}

#log_status {
	margin-right: 1.0em;
	margin-top: 85px;
	font-family: arial;
	font-size: 12px;
	float: right;
	color: #B4975A;
}

a.red_link {
	font-family: arial;
	font-size: 12px;
	color: #B4975A;
	text-decoration: none;
}

a.red_link:hover {
	font-family: arial;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}

#footer {
	width: 100%;
	background-color: #e6e9ec;
	padding: 0px;
	margin: 0px;
	height: 40px;
	clear: both;
	position: fixed;
	bottom: 0;
}

#copyright {
	padding: 13px 0px 0px 15px;
	margin: 0px;
	float: left;
	font-family: arial;
	font-size: 12px;
	color: #b44483;
	margin-left: 10px;
}

#powered_by {
	color: #666666;
	float: right;
	font-family: arial;
	font-size: 11px;
	margin: 0 20px 0 10px;
	padding: 13px 0 0 15px;
	text-align: right;
}

#content {
	font-family: arial;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin: 1em 1em 0em 1em;
}

/* For Login Form */
#login_block {
	width: 590px;
	height: 348px;
	margin: 0 auto;
	margin-top: 30px;
}

#login_block .lb_top {
	width: 590px;
	height: 69px;
	background: url(../images/login/login_top.png) left top no-repeat;
}

#login_block .lb_bottom {
	width: 590px;
	height: 99px;
	background: url(../images/login/login_bottom.png) left top no-repeat;
}

#login_block .lb_middle {
	width: 590px;
	height: 179px;
}

#login_block .lb_middle .form_left {
	width: 52px;
	height: 179px;
	float: left;
	background: url(../images/login/login_cen_left.png) left top no-repeat;
}

#login_block .lb_middle .form_center {
	background-color: #e0e0e0;
	width: 372px;
	float: left;
	height: 179px;
}

#login_block .lb_middle .form_right {
	width: 166px;
	height: 179px;
	float: right;
	background: url(../images/login/login_cen_right.png) left top no-repeat;
}

.form_heading {
	font-family: arial;
	font-size: 16px;
	color: #414140;
	font-weight: normal;
	width: 110px;
	text-align: right;
	padding-right: 1.0em;
	padding-bottom: 10px;
}

.clear {
	clear: both;
	height: 10px;
}

.form_label {
	font-family: arial;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	width: 130px;
	text-align: right;
	padding-right: 1.0em;
	float: left;
	padding-top: 7px;
	clear: both;

}

.form_input {
	background: url(../images/login/input_bg.png) left top no-repeat;
	width: 196px;
	height: 32px;
	padding: 0.2em;
	float: left;
}

.form_input .input_field {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	height: 25px;
	padding: 0 2px;
	width: 184px;
}

.input_field2 {
	border: 1px solid #abadb3;
	color: #666666;
	font-family: arial;
	font-size: 12px;
	height: 25px;
	padding: 0 2px;
	width: 215px;
	/* margin-left:10px; */
}

.form_button {
	width: 196px;
	height: 32px;
	float: left;
}

#login_submit {
	text-indent: -999px;
	border: none;
	width: 67px;
	height: 29px;
	background: url(../images/login/btn_login.png) left top no-repeat;
	cursor: pointer;
	box-shadow: none;
}

.message_error {
	width: 570px;
	height: 15px;
	padding: 10px;
	background-color: #e9e7e7;
	border: 1px solid #c0bfbf;
	font-family: arial;
	font-size: 12px;
	color: #ff0000;
	margin: 0 auto;
}

.message_error ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.message_error ul li {
	float: left;
	background: url(../images/login/bullet.png) left 4px no-repeat;
	padding-left: 15px;
	margin-left: 25px;
}

textarea {
	background-color: #939393;
	border: 1px solid #939393;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	font-size: 13px;
	line-height: 11px;
	padding: 8px;
	box-shadow: 5px 5px 5px #434343 inset;
	clear: both;
	resize: none;
}

.textarea_class {
	border: 1px solid #abadb3;
	border-radius: 0px;
	color: #666666;
	font-size: 13px;
	line-height: 11px;
	padding: 8px;
	clear: both;
	background-color: #ffffff;
	box-shadow: none;
	width: 214px;
	margin-left: 10px;
}

#form_block form .btn_class,
input {
	margin-left: 0px;
}

span.customStyleSelectBox {
	background-color: #939393;
	border: 1px solid #939393;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	font-size: 13px;
	line-height: 11px;
	padding: 8px;
	box-shadow: 5px 5px 5px #434343 inset;
}

span.customStyleSelectBox.changed {
	background-color: #939393;
}

.customStyleSelectBoxInner {
	background: url(../images/select_arrow.png) no-repeat center right;
}

/* For Top Menu */

#top_menu {
	background: #eaebeb;
	height: 44px;
	margin-top: 1px;
	border-top: 10px solid #b4975a;
}

/*
#top_menu ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
	margin-left:1.0em;
}
#top_menu ul li, #top_menu ul li a{
	float:left;
	font-family:georgia;
	font-size:20px;
	font-style:italic;
	color:#666666;
	text-decoration:none;
	padding-right:7px;
	padding-left:10px;
}
 #top_menu ul li a{padding-top:10px;
	height:34px;
	margin-right:1px;
}
 #top_menu ul li:hover{
	
	 background: url(../images/spider/menu_active.png) right top no-repeat;
 }

#top_menu ul li a:hover{
	 background-color:#b4975a;
	color:#ffffff;
	padding-top:10px;
	height:34px;
	margin-right:1px;
}
#top_menu ul li.li_active{
	background: url(../images/spider/menu_active.png) right top no-repeat;
}
#top_menu ul li a.link_active{
	 background-color:#b4975a;
	color:#ffffff;
	padding-top:10px;
	height:34px;
	margin-right:1px;
}*/

.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu {
	height: 40px;
	margin-left: 1.0em;
	/*background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

.menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 44px;
}

/* Links */

.menu li a {
	display: block;
	padding: 8px 14px;
	margin: 0px 0;
	line-height: 28px;
	text-decoration: none;
	/*border-left: 1px solid #393942;*/
	/*border-right: 1px solid #4f5058;*/

	font-family: Humanst521LtBTLight;
	font-size: 24px;
	font-style: italic;
	color: #666666;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 10px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.menu li:first-child a {
	border-left: none;
}

.menu li:last-child a {
	border-right: none;
}

.menu li:hover>a {
	color: #fff;
	background-color: #b4975a;
}

/* Sub Menu */

.menu ul {
	position: absolute;
	top: 44px;
	left: 0;
	opacity: 0;
	background: #b9baba;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	z-index: 100;
}

.menu li:hover>ul {
	opacity: 1;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;
	background: none;
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover>ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
	background: none;
}

.menu ul li a {
	width: 135px;
	padding: 4px 20px 4px 20px;
	margin: 0;
	font-family: Humanst521LtBTLight;
	font-size: 18px;
	font-style: italic;
	color: #666666;
	border: none;
	border-bottom: 1px solid #353539;
}

.menu ul li:last-child a {
	border: none;
}

/* Icons */

.menu a.documents {
	background: url(../img/docs.png) no-repeat 6px center;
}

.menu a.messages {
	background: url(../img/bubble.png) no-repeat 6px center;
}

.menu a.signout {
	background: url(../img/arrow.png) no-repeat 6px center;
}

#breadcums {
	background-color: #e1e1e1;
	height: 44px;
	margin-top: 1px;
	display: none;
}

#breadcums .left_b {
	font-family: georgia;
	font-size: 20px;
	font-style: italic;
	color: #ec5a27;
	padding-top: 10px;
	margin-left: 1.3em;
}

#form_block {
	background: url("../images/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 0 auto;
	width: 740px;
	margin-top: 20px;
	padding: 20px;
}

input[type="button"] {
	font-family: 'Humanst521LtBTLight';
	font-size: 18px;
	color: #fff;
	width: auto;
	height: 30px;
	background-color: #8a235d;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	border: solid 1px #fff;
	background-image: -webkit-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -moz-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -o-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: linear-gradient(to top, #8a235d, #d25c9f);
}

input[type="submit"] {
	font-family: 'Humanst521LtBTLight';
	font-size: 18px;
	color: #fff;
	width: auto;
	height: 30px;
	background-color: #8a235d;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	border: solid 1px #fff;
	background-image: -webkit-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -moz-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -o-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: linear-gradient(to top, #8a235d, #d25c9f);
}

input[type="reset"] {
	font-family: 'Humanst521LtBTLight';
	font-size: 18px;
	color: #fff;
	width: auto;
	height: 30px;
	background-color: #8a235d;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	border: solid 1px #fff;
	background-image: -webkit-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -moz-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -o-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: linear-gradient(to top, #8a235d, #d25c9f);
}

.btn_class {
	border: none;
	width: 67px;
	height: 29px;
	background: url(../images/login/btn_bg.png) left top no-repeat;
	cursor: pointer;
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
}

.btn_class_big {
	border: none;
	width: 150px;
	height: 29px;
	background: url(../images/login/btn_bg_2.png) left top no-repeat;
	cursor: pointer;
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
}

.message_error2 {
	width: 570px;
	padding: 10px;
	background-color: #e9e7e7;
	border: 1px solid #c0bfbf;
	font-family: arial;
	font-size: 12px;
	color: #ff0000;
	margin: 0 auto;
	margin-top: 20px;
}

.message_error2 ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.message_error2 ul li {
	background: url(../images/login/bullet.png) left 4px no-repeat;
	padding-left: 15px;
	margin-left: 25px;
}

.message_success {
	width: 570px;
	padding: 10px;
	background-color: #d9eea0;
	border: 1px solid #a2bb5f;
	font-family: arial;
	font-size: 12px;
	color: #5b7611;
	margin: 0 auto;
	margin-top: 20px;
}

.message_success ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.message_success ul li {
	background: url(../images/login/bullet_green.png) left 4px no-repeat;
	padding-left: 15px;
	margin-left: 25px;
}

#example_filter {
	/*display:none;*/
}

#example_filter {
	background-color: none;
	float: left;
	margin-left: 1px;
	padding: 9px;
	width: 205px;
}

#example_length select {
	width: 50px;
	padding: 1px;
}

#example_length {
	background-color: none;
	clear: both;
	float: left;
	margin-bottom: 1px;
	padding: 10px;
	width: auto;
	z-index: -1;
}

#example_processing {
	background: url(../images/ajax-loader.gif) 5px 5px no-repeat;
	float: left;
	margin-top: 0px;
	padding: 15px 14px 10px;
	width: 13px;
	text-indent: -999px;
	margin-left: 1px;
}

#example_wrapper {
	background: url("../images/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 100%;
}

/*Added for user list - Manage User - Admin*/
#example {
	border: none;
}

.listheader {
	width: 100%;
	height: 45px;
	background-image: -webkit-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: -moz-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: -o-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: linear-gradient(to top, #ebe9e9, #c1c1c0) !important;

}

tr.listheader th {
	text-align: center;
	border: none;
	color: #c24b8e;
	font: 14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	border-right: 1px solid #c2c1c1;
	border-bottom: 1px solid #fff;
}

tr.listheader th:last-child {
	border-right: none !important;

}

#example tbody td {
	border: none;
	padding: 10px;
	border-right: 1px solid #c2c1c1;
}

#example tbody td a {
	color: #000;
	padding: 5px 20px;
	text-decoration: none;
}

/*tr.odd {
		width: 100%; height: 35px;
		background:url(../images/odd.png) !important;
}*/
tr.odd {
	width: 100%;
	padding: 5px;
	background-image: -webkit-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -moz-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -o-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: linear-gradient(to bottom, #ebe9e9, #c1c1c0);
}

.odd>td:last-child {
	border: medium none !important;
}

/*tr.even {
		width: 100%; height: 35px;
		background:url(../images/even.png) !important;
}*/
tr.even {
	width: 100%;
	padding: 5px;
	background-image: -webkit-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -moz-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -o-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: linear-gradient(to bottom, #ebe9e9, #c1c1c0);
}

.even>td:last-child {
	border: medium none !important;
}

#example tbody tr.odd {
	background-color: #f1f1f1;
}

div.dataTables_scroll {
	background-color: none;
	clear: both;
	margin-top: 1px;
	padding: 10px;
}

div#example_info {
	color: #666666;
	display: inline-block;
	font-size: 12px;
	margin-top: 10px;
	padding: 10px;
}

#example_paginate {
	float: right;
	margin-bottom: 10px;
	padding: 10px;
}

a.paginate_active {
	color: #000;
	padding: 10px;
	text-decoration: underline;
	font-size: 14px;
}

a.paginate_button {
	color: #c24b8e;
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
}

a#example_previous,
a#example_first,
a#example_next,
a#example_last {
	width: auto;
	background-image: -webkit-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -moz-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: -o-linear-gradient(top, #ebe9e9, #c1c1c0);
	background-image: linear-gradient(to bottom, #ebe9e9, #c1c1c0);
	padding: 10px;
	color: #c24b8e !important;
	margin-right: 1px;
	cursor: pointer;
	font-size: 14px;
}

a#example_previous:hover,
a#example_first:hover,
a#example_next:hover,
a#example_last:hover {
	width: auto;
	background-color: #000;
	background-image: -webkit-linear-gradient(top, #ebe9e9, #b27598);
	background-image: -moz-linear-gradient(top, #ebe9e9, #b27598);
	background-image: -o-linear-gradient(top, #ebe9e9, #b27598);
	background-image: linear-gradient(to bottom, #ebe9e9, #b27598);
	padding: 10px;
	color: #c24b8e;
	margin-right: 1px;
	cursor: pointer;
	font-size: 14px;
}

.table_wrapper {
	background: url("../images/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 5px;
}

.table_wrapper_inner {
	background-color: #ffffff;
	padding: 5px;
	margin-top: 1px;
}

.table_header {
	font-family: georgia;
	font-size: 1.5em;
	font-style: italic;
	color: #b4975a;
	padding: 10px;
	background-color: #ffffff;
	display: inline-block;
	float: left;
}

.th_orange {
	color: #ec5a27;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}

.tr_odd {
	background-color: #f1f1f1;
}

.loader_class {
	background-color: #FFFFFF;
	display: inline-block;
	margin-left: 1px;
	padding: 5px 7px 1px;
}

.frm_header {
	font-family: georgia;
	font-size: 1.5em;
	font-style: italic;
	color: #b4975a;
	padding: 10px;
}

/*Added for Search Diamond Admin*/

/*#search_diamond>div{
	width:33%;
	display:inline-block;
	 -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}*/

/*@media screen and (max-width: 767px){
   #search_diamond>div{
	width:100%;
	display:inline-block;
	 -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
	}
}*/
/*
#columns {
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	-webkit-column-fill: balance;
	-moz-column-count: 4;
	-moz-column-gap: 15px;
	-moz-column-fill: balance;
	column-count: 4;
	column-gap: 15px;
	column-fill:balance;
	column-width:50%;
	-moz-column-width:50%;
}
#columns > div.pin1 {
	float:left;
	width:150%;
}
div#spider_combo {
    margin-bottom: 9px;
    margin-top: 1px;
}
div#cut {
    margin-bottom: 10px;
}
div#polish {
    margin-bottom: 5px;
}

.pin {
	/*display: inline-block;
	margin: 0 0px 0px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 0px 15 0px 15px;
	padding-bottom: 10px;
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	column-fill:balance;
	column-width:50%;
	-moz-column-width:50%;
	position:relative;
}
.right_block {
}
.pin img {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}
 @media (min-width: 600px) {
#columns {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
}
@media (min-width: 800px) {
#columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
/*.pin > div#lab {
	margin-left: 0%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.pin > div#Location {
	margin-left: 0%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
#carat .button-grouped > div:last-child a {
	width: 94.5%;
}
#carat .button-grouped > div:last-child a.active {
	width: 94.5%;
}
}
@media (min-width: 768px) {
#columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
/*.pin > div#lab {
	margin-left: 0%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.pin > div#Location {
	margin-left: 0%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
#carat .button-grouped > div:last-child a {
	width: 94.5%;
}
#carat .button-grouped > div:last-child a.active {
	width: 94.5%;
}
}
 @media (min-width: 1024px) {
#columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
/*.pin > div#lab {
	margin-left: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.depth_per, .diamond_supplier1, .diamond_supplier2{
	margin-left: 66px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.pin > div#Location {
	margin-left: 23%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.price_range {
    margin-bottom: 2px;
    margin-left: 66px;
    margin-top: 1px;
    -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.table_per {
    margin-bottom: 4px;
    margin-left: 66px;
    -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}

}
 @media (min-width: 960px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	}
	/*.price_range, .table_per, .depth_per, .diamond_supplier1, .diamond_supplier2 {
		margin-left: 74px;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	}
	.pin > div#Location {
		margin-left: 74px;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	}

}
 @media (min-width: 1100px) {
#columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
/*.diamond_supplier{
	 margin-left: 72px;
	 -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.price_range, .table_per, .depth_per, .diamond_supplier1, .diamond_supplier2 {
		margin-left: 72px;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	}
	.pin > div#Location {
		margin-left: 72px;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	}
.pin > div#lab {
	margin-left: 72px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
}*/
#columns:hover .pin:not(:hover) {}

#carat #inner-wrap div a {
	clear: both;
	margin-top: 1px;
}

/* Added for Diamond Details */
.diamond_heading {
	font-family: georgia;
	font-size: 25px;
	font-style: italic;
	color: #ec5a27;
}

.det_block {
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0px 5px;
	display: inline-block;
	margin-right: 0%;
}

.det_id {
	font-family: arial;
	font-size: 12px;
	color: #444444;
	float: left;
	font-weight: bold;
}

.det_value {
	font-family: arial;
	font-size: 12px;
	color: #444444;
	float: right;
}

.bspin_width_mm {
	float: left;
	width: 35%;
}

.collection_width_mm {
	float: left;
	width: 17%;
}

.collection_width_mc {
	float: left;
	width: 21%;
}

.collection_width_mp {
	float: left;
	width: 30%;
}

.bspin_width_mc {
	float: left;
	width: 30%;
}

.bspin_width_mp {
	float: left;
	width: 42%;
}

/* Added by Prahlad for Responsive DS */

#columns div {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.ds_title {
	font-family: 'Humanst521BTRoman';
	color: #666666;
	font-size: 20px;
	padding-top: 10px;
	font-weight: normal;
	padding-bottom: 5px;

}

@media only (min-width: 800px) {
	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 81%;
		margin-top: 14px;
		padding: 5px 17px;

		position: absolute;
		text-decoration: none;
	}

	.pin_spider_combo {
		float: right;
		position: relative;
		width: 47%;
	}

	.pin_shape {
		float: left;
		width: 53%;
	}

	.pin_fluorescence {
		float: left;
		width: 53%;
	}

	.pin_color {
		float: left;
		width: 29%
	}

	.pin_clarity {
		float: left;
		width: 53%;
	}


	.pin_lab {
		float: left;
		width: 53%;
		height: 59px;
	}

	.pin_location {
		float: left;
		width: 53%;
	}

	.pin_price_range {
		float: left;
		width: 32%;
		margin-top: 4px;
	}

	.pin_table_per {
		float: left;
		width: 53%;
		margin-top: 4px;
	}

	.pin_depth_per {
		float: left;
		width: 30%;
		margin-top: 4px;
	}

	.pin_diamond_supplier1 {
		float: left;
		width: 30%;
		margin-top: 4px;
	}

	.pin_diamond_supplier2 {
		float: left;
		width: 53%;
		margin-top: 4px;
	}

	.pin_diamond_supplier {
		float: left;
		margin-top: 4px;
		width: 30%;
	}

	.pin_length_mm {
		float: left;
		width: 53%;
	}

	.pin_width_mm {
		float: left;
		width: 30%;
	}

	#carat_combo {
		clear: none;
	}

}

@media only screen and (min-width: 600px) and (max-width: 799px) {

	.diamond_details {
		display: inline;
		float: left !important;
		width: 97% !important;
		margin: 10px;
	}

	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 78%;
		margin-top: 14px;
		padding: 5px 17px;
		position: absolute;
		text-decoration: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.diamond_details {
		display: inline;
		float: left !important;
		width: 97% !important;
		margin: 10px;
	}

	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 84%;
		margin-top: 14px;
		padding: 5px 17px;
		position: absolute;
		text-decoration: none;
	}


	#shape .button-grouped .button {
		background: url("../images/button_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-top: 1px solid #FFFFFF;
		clear: both;
		color: #C24B8E !important;
		cursor: pointer !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		margin-top: 5px;
		position: relative !important;
		text-align: left !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 100px;
		z-index: 2 !important;
	}

	#shape .button-grouped * {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-bottom: 0 solid #666666 !important;
		border-image: none;
		border-left: 0 none;
		border-radius: 0;
		border-right: 0 solid #666666 !important;
		border-top: 0 solid #666666 !important;
		float: left;
		margin: 0;
	}

	.pin_sizebg {
		background: url("../images/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		padding: 5px 0 5px 5px;
		margin-top: 10px;
	}

	#carat_combo .button-grouped .button {
		background: url("../images/button_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 72px;
		z-index: 2 !important;
	}

	#carat_combo .button-grouped .active {
		background: url("../images/button_bg_active.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 72px;
		z-index: 2 !important;
	}

	/* carat */
	#carat .button-grouped .button {
		background: url("../images/button_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 72px;
		z-index: 2 !important;
	}

	#carat .button-grouped .active {
		background: url("../images/button_bg_active.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 72px;
		z-index: 2 !important;
	}

	#carat .button-grouped>div {
		margin-right: 5px;
	}

	#carat .button-grouped>div:last-child {
		border-right: none !important;
	}

	#carat .button-grouped>.button:first-child {
		/*border-left: 1px solid #666 !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;*/
	}

	#carat .button-grouped * {
		border-radius: 0px;
		float: left;
		border: 0px;
		border-right: 0px solid #666 !important;
		border-bottom: 0px solid #666 !important;
		border-top: 0px solid #666 !important;
		margin: 0;
	}

	/* clarity tabs */

	#clarity .button-grouped .button {
		background: url("../images/button_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-right: 2px solid #FFFFFF !important;
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 45px;
		z-index: 2 !important;
	}

	#clarity .button-grouped .active {
		background: url("../images/button_bg_active.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-right: 2px solid #FFFFFF !important;
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 45px;
		z-index: 2 !important;
	}

	/* color tabs */
	#color .button-grouped .button {
		background: url("../images/button_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-right: 2px solid #FFFFFF !important;
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 45px;
		z-index: 2 !important;
	}

	#color .button-grouped .active {
		background: url("../images/button_bg_active.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-right: 2px solid #FFFFFF !important;
		color: #C24B8E !important;
		cursor: pointer !important;
		display: inline-block !important;
		font-family: arial;
		font-size: 12px !important;
		font-weight: normal !important;
		height: 16px;
		padding: 10px 0 !important;
		position: relative !important;
		text-align: center !important;
		text-decoration: none !important;
		vertical-align: top !important;
		width: 45px;
		z-index: 2 !important;
	}

	.pin_spider_combo {
		float: right;
		position: relative;
		width: 26% !important;
	}

	.pin_shape {
		float: left;
		width: 14% !important;
	}

	.pin_size {
		display: inline;
		width: 85%;
	}

	.pin_fluorescence {
		float: left;
		width: 32%;
	}

	.pin_color {
		float: left;
		width: 45% !important;

	}

	.pin_clarity {
		float: left;
		width: 53% !important;
	}

	.pin_lab {
		float: left;
		width: 35% !important;
		height: 67px !important;
	}

	.pin_location {
		float: left;
		width: 29%;
	}

	.pin_price_range {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_table_per {
		float: left;
		width: 28%;
		margin-top: 4px;
	}

	.pin_depth_per {
		float: left;
		width: 28%;
		margin-top: 4px;
	}

	.pin_diamond_supplier1 {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_diamond_supplier2 {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_diamond_supplier {
		float: left;
		margin-top: 4px;
		width: 28%;
	}

	.pin_length_mm {
		float: left;
		width: 28%;
	}

	.pin_width_mm {
		float: left;
		width: 26%;
	}

	#carat_combo {
		clear: none;
	}

	.size_selection_indicator {
		background: url(../images/size_selection_indicator.png) !important;
		width: 13px !important;
		height: 11px !important;
		margin-top: 5px !important;
		float: left;
	}

}


@media (min-width: 960px) {
	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 84%;
		margin-top: 14px;
		padding: 5px 17px;
		position: absolute;
		text-decoration: none;
	}
}

@media (min-width: 1024px) {
	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 85%;
		margin-top: 14px;
		padding: 5px 17px;
		position: absolute;
		text-decoration: none;
	}

	.pin_spider_combo {
		float: right;
		position: relative;
		width: 25%;
	}

	.pin_shape {
		float: left;
		width: 20%;
	}

	.pin_fluorescence {
		float: left;
		width: 32%;
	}

	.pin_color {
		float: left;
		width: 29%
	}

	.pin_clarity {
		float: left;
		width: 39%;
	}


	.pin_lab {
		float: left;
		width: 29%;
		height: 59px;
	}

	.pin_location {
		float: left;
		width: 29%;
	}

	.pin_price_range {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_table_per {
		float: left;
		width: 28%;
		margin-top: 4px;
	}

	.pin_depth_per {
		float: left;
		width: 28%;
		margin-top: 4px;
	}

	.pin_diamond_supplier1 {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_diamond_supplier2 {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_diamond_supplier {
		float: left;
		margin-top: 4px;
		width: 28%;
	}

	.pin_length_mm {
		float: left;
		width: 28%;
	}

	.pin_width_mm {
		float: left;
		width: 26%;
	}

	#carat_combo {
		clear: none;
	}
}




@media (min-width: 1100px) {
	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 88%;
		margin-top: 14px;
		padding: 5px 19px;
		position: absolute;
		text-decoration: none;
	}

	.pin_spider_combo {
		float: right;
		position: relative;
		width: 22%;
	}

	.pin_shape {
		float: left;
		width: 16%;
	}

	.pin_size {
		display: inline;
		width: 50%;
	}

	.pin_sizebg {
		background: url("../images/pattern.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		padding: 5px 0 5px 5px;
		margin-top: 10px;
	}

	.pin_fluorescence {
		float: left;
		width: 29%;
	}

	.pin_color {
		float: left;
		width: 55%;

	}

	.pin_clarity {
		float: left;
		width: 55%;
	}

	.pin_lab {
		float: left;
		width: 30%;
		height: 78px;
	}

	.pin_location {
		float: left;
		width: 31%;
	}

	.pin_price_range {
		float: left;
		width: 17%;
	}

	.pin_table_per {
		float: left;
		width: 33%;
	}

	.pin_depth_per {
		float: left;
		width: 28%;
	}

	.pin_diamond_supplier1 {
		float: left;
		width: 28%;
		margin-top: 4px;
	}

	.pin_diamond_supplier2 {
		float: left;
		width: 25%;
		margin-top: 4px;
	}

	.pin_diamond_supplier {
		float: left;
		margin-top: 4px;
		width: 33%;
	}

	.pin_length_mm {
		float: left;
		width: 28%;
	}

	.pin_width_mm {
		float: left;
		width: 25%;
	}
}


.datatable_left {
	text-align: left;
}

.datatable_right {
	text-align: right;
}

.datatable_center {
	vertical-align: middle;
	text-align: center;
}

.show_div {
	display: block;
	background: #fff;
	float: left;
	height: 133px;
	padding: 10px;
	margin-left: 5px;
	width: 79%;
	margin-top: 20px;
}

.hide_div {
	display: none;
}

.hide_divsize {
	display: none;
	margin-left: 39px !important;
}

.show_divsize {
	display: block !important;
	background: none !important;
	float: none !important;
	height: ;
	padding: 0px !important;
	margin-left: 39px !important;
	width: 100% !important;
	margin-top: 0px !important;
}

.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 10px solid #8a235d;
	background: url(../images/pattern.gif);
	z-index: 1002;
	overflow: auto;
}

.processing {
	display: none;
	position: absolute;
	font-size: 25px;
	top: 50%;
	left: 43%;
	width: 50%;
	height: 50%;
	padding: 16px;
	color: #C93B0A;
	z-index: 1002;
	overflow: auto;
}

.processing_show {
	position: absolute;
	font-size: 25px;
	top: 50%;
	left: 43%;
	width: 50%;
	height: 50%;
	padding: 16px;
	color: #C93B0A;
	z-index: 1002;
	overflow: auto;
}

.price_text_range {
	width: 44px;
}

.price_text_range_err {
	border: 1px solid #C93B0A;
	width: 50px;
	color: #C93B0A;
}

#advance_search {
	height: 20px;
	background: url(../images/adv_divider.png);
	cursor: pointer;
}

#advance_search div {
	background-color: #FFFFFF;
	padding: 2px 10px 0;
	width: 150px;
	color: #666666;
	font-family: 'Humanst521BTRoman';
	font-size: 20px;
}


span.arrow {
	background-image: url("../images/arrow_bg.png");
	background-position: 0 -10px;
	display: block;
	float: left;
	height: 15px;
	margin-right: 3px;
	position: relative;
	top: 2px;
	width: 18px;
}

span.arrow_right {
	background-position: -65px -10px;
	width: 18px;
}

#carat_combo {
	margin-top: 0px;
}

#size_combo {
	margin-top: 0px;
}

/*
#diamond_price_range .shp_cls{
display: inline-block;

}*/

/* added by Prahlad for Spider Diamond.php */
.td_even {
	background-color: #f6f5f5;
}

.td_right {
	border-right: 1px solid #cccccc;
}

.td_right:last-child {
	border-right: none;
}

.td_bottom {
	border-bottom: 1px solid #cccccc;
}

/* added for add user form layout */

.add_user2 .usr_row div {
	width: 280px;
	float: left;
	text-align: left;

}

.add_user2 .usr_row {
	clear: both;

}

.add_user .usr_row div {
	width: 350px;
	float: left;

}

.add_user .usr_row {
	clear: both;

}

.btn_class_yellow {
	background: url("../images/login/btn_bg_yellow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: arial;
	font-size: 13px;
	height: 29px;
	width: 67px;
}

/* Added on 21/11/2013 by Prahlad for Jewellery Search */
.form_label2 {
	font-family: 'Humanst521LtBTLight';
	font-size: 22px;
	font-style: italic;
	color: #8a235d;
	font-weight: normal;
	text-align: left;
	padding-right: 1.0em;
	padding-top: 7px;
	clear: both;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;

}

.form_label3 {
	font-family: arial;
	font-size: 15px;
	color: #866b31;
	font-weight: normal;
	text-align: left;
	padding-right: 1.0em;
	padding-top: 7px;
	clear: both;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 20px;

}

.list_header ul {
	margin: 0px;
	padding: 0px;
}

.list_header ul li {
	border: medium none;
	color: #EC5A27;
	cursor: pointer;
	font-size: 13px;
	padding: 5px 5px;
	text-align: left;
	width: 120px;
	list-style: none;
	float: left
}

.list_cell {
	clear: both;
}

.list_cell ul {
	margin: 0px;
	padding: 0px;
}

.list_cell ul li {

	border: medium none;
	color: #666666;
	cursor: pointer;
	font-size: 13px;
	padding: 5px 5px;
	text-align: left;

	list-style: none;
	float: left
}

.list_cell ul li div {
	float: left;
	margin-right: 10px;
	color: #444444;
}

.list_cell ul li div:hover {
	float: left;
	margin-right: 10px;
	color: #444444;
	text-decoration: underline;
}

ul.odd li {
	background-color: #F1F1F1;
}

.close {
	background: url("../images/btn_close.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	height: 30px;
	margin-left: 655px;
	margin-top: -41px;
	position: fixed;
	width: 30px;
	cursor: pointer;

}

/* added for Jewellery listing */
#collection_content {
	background: url(../images/pattern.gif);
	margin-top: 20px;
	width: 100%;
	display: inline-block;
	width: 100%;
}

#collection_content .jw_box {
	/*background-color:#F1F1F1;*/
	float: left;
	margin: 10px 10px 0 15px;
	padding: 5px;
	text-align: center;
}

/*#collection_content .jw_box:hover{
	background-color:#d8d8d8;
}*/
#collection_content .jw_box .img_product {
	padding: 10px;
	height: 200px;
	background: #ffffff;
	width: 255px;

}

#collection_content .jw_box .design_code_product {
	float: left;
	padding: 5px;
	background: none;
}

#collection_content .jw_box .product_type_product {
	padding: 5px;
	text-align: right;
	background: none;
}

#collection_content .jw_box .design_code_cb {
	padding: 5px;
	text-align: center;
	background: #d8d8d8;
}

ul.pagination {
	clear: both;
	margin: 0px;
	padding: 0px;
}

ul.pagination li {
	background-color: #AEAEAE;
	color: #FFFFFF;
	float: left;
	list-style: none outside none;
	margin-right: 1px;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
}

/*ul.pagination li:hover {
    background-color: #9f7d36;
    color: #FFFFFF;
    float: left;
    list-style: none outside none;
    margin-right: 1px;
    padding: 10px;
}*/

/* for slide menu */

/* General styles for all menus */
.cbp-spmenu {
	background: url(../images/pattern.gif);
	position: fixed;
}

.cbp-spmenu h3 {
	color: #fff;
	font-size: 16px;
	padding: 12px;
	margin: 0;
	font-family: arial;
	font-weight: normal;
	background: #9f7d36;
}

.cbp-spmenu a {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	font-family: arial;
}

.cbp-spmenu a:hover {
	background: #8a235d;
	color: #fff;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 290px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #fff;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -290px;
}

.cbp-spmenu-right {
	right: -290px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 290px;
}

.cbp-spmenu-push-toleft {
	left: -290px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em) {

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em) {

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 290px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -290px;
	}

	.cbp-spmenu-right {
		right: -290px;
	}

	.cbp-spmenu-push-toright {
		left: 290px;
	}
}



.main,
.container>header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
}

.container>header {}

.container>header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container>header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container>header nav {
	float: right;
}

.container>header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container>header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container>header nav a:hover:after {
	opacity: 1;
}

.container>header nav a:hover {
	background: #47a3da;
}

.main>section {
	max-width: 260px;
	width: 90%;
	margin: 0 auto;
}

.main>section h2 {
	font-weight: 300;
	color: #ccc;
}

.main>section button {
	border: none;
	background: #47a3da;
	color: #fff;
	padding: 1.5em;
	display: block;
	width: 100%;
	cursor: pointer;
	margin: 10px 0;
	font-size: 0.8em;
}

.main>section button:hover {
	background: #258ecd;
}

.main>section button.active {
	background: #0d77b6;
}

.main>section button.disabled {
	background: #aaa;
	pointer-events: none;
}


.icon-drop:before,
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container>header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

#showRightPush {
	background: url("../images/255.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: right;
	height: 35px;
	margin-right: 10px;
	margin-top: -35px;
	width: 35px;
}

/* end for menu */

/* added by Anil Yadav for diamond description page */
.diamond_details {
	float: right;
	width: 50%;
	display: inline;
	margin-right: 5px;
}

.jewellery_details {
	float: right;
	width: 50%;
	margin-right: 10px;
}

.jewellery_detailsfl {
	float: left;
	width: 80%;
	display: inline;
	margin-right: 10px;
}

.diamond_details1 {
	float: left;
	width: 45%;
	display: inline;
	margin-right: 10px;
}

.jewellery_details1 {
	float: right;
	width: 45%;
	display: inline;
	margin-right: 10px;
}

.jewellery_heading {
	font-family: georgia;
	font-size: 22px;
	font-style: italic;
	color: #ec5a27;
}

.jewellery_heading1 {
	font-family: georgia;
	font-size: 20px;
	font-style: italic;
	color: #ec5a27;
}

.didbutton {
	margin-top: 20px;
}

@media only screen and (min-width: 600px) and (max-width: 799px) {

	.diamond_details {
		display: inline;
		float: left !important;
		width: 97% !important;
		margin: 10px;
	}

	.back_to_search {
		background-color: #9F7D36;
		color: #FFFFFF;
		float: right;
		margin-left: 78%;
		margin-top: 14px;
		padding: 5px 17px;
		position: absolute;
		text-decoration: none;
	}
}

.solitairedashbdiv {
	width: 220px;
	display: inline;
	float: left;
	margin-top: 20px;
}

ul.solitairedashb {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 220px;
}

ul.solitairedashb li {
	background: #d6d6d6;
	padding: 15px;
	border-bottom: 2px solid #e2e4e3;
	color: #8f7037;
	font: 16px arial;
	cursor: pointer;
}

ul.solitairedashb li:hover {
	background: #dadada;
	padding: 15px;
	border-bottom: 2px solid #e2e4e3;
	color: #8f7037;
	font: 16px arial;
}

.active_bmr {
	background: #ffffff !important;
	padding: 15px;
	border-bottom: 2px solid #e2e4e3;
	color: #8f7037;
	font: 16px arial;
}

.deactive_bmr {}

.solitairedashbdivright {
	background: #f0f0f0;
	display: inline;
	float: right;
	height: 95px;
	padding: 10px;
	width: 80%;
}

#right_div_ring>div {
	margin: 10px;
}

#right_div_earring>div {
	margin: 10px;
}

#right_div_pedants>div {
	margin: 10px;
}

#right_div_ring a {
	color: #666666;
	font: 14px arial;
	text-decoration: none;
}

#right_div_earring a {
	color: #666666;
	font: 14px arial;
	text-decoration: none;
}

#right_div_pedants a {
	color: #666666;
	font: 14px arial;
	text-decoration: none;
}

.start_by {
	background: none repeat scroll 0 0 #DDDFDE;
	border: 1px solid #C8CAC9;
	border-radius: 5px;
	display: inline;
	padding: 15px 25px;
}

.start_by a {
	color: #666666;
	font: 14px arial;
	text-decoration: none;
}

.start_by:hover {
	background: none repeat scroll 0 0 #f0f0f0;
	border: 1px solid #C8CAC9;
	border-radius: 5px;
	display: inline;
	padding: 15px 25px;
	cursor: pointer;
}

#pagetitle {
	width: 196px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	margin-left: 0.4em;
	display: inline;
	font-family: 'Humanst521LtBTLight';
	font-size: 30px;
	font-style: italic;
	color: #8a235d;
	line-height: 70px;
}

.resulttitle {
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 24px;
	font-style: italic;
	margin: 10px 0;
	padding: 0;
}

.rupeeicon {
	background: url(../images/rupee_icon.png);
	width: 8px;
	display: inline-block;
	height: 14px;
	margin-bottom: -3px;
}

.solitaire_jewellery_details {
	float: right;
	border: 1px solid #e1e1e1;
	margin-top: -55px;
}

.solitaire_jewellery_details div {
	margin: 0 5px 10px;
	text-align: center;
}

.solitaire_jewellery_details1 {
	float: right;
	border: 1px solid #e1e1e1;
	margin: 0 0 10px;
	width: 155px;
}

.solitaire_jewellery_details1 div {
	margin: 0 5px 10px;
	text-align: center;
}

.back_to_listing {
	background-color: #8A235D;
	color: #FFFFFF;
	float: right;
	font-family: humanst521ltbtlight;
	font-size: 17px;
	margin-left: 82%;
	margin-top: 23px !important;
	padding: 5px 19px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

.messages.status {
	background: none repeat scroll 0 0 #DDFFDD;
	border: 1px solid #00AA00;
	color: #008000;
	font: 13px arial;
	margin-bottom: 10px;
	padding: 10px;
}

/* cart css */

.cartrowdata {
	background: none repeat scroll 0 0 #F3F3F3;
	border: 1px solid #E1E1E1;
	color: #444444;
	font: 14px/22px arial;
	padding: 5px;
	display: inline-block;
	width: 99%;
}

.test12 {
	margin-top: 25px;

}

.cart_amount {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 120px;
}

.list_header {
	background: none repeat scroll 0 0 #F7F7F7;
	color: #FFFFFF !important;
	display: inline-block;
	padding: 5px;
	width: 99.3%;
}

.list_header li {}

/* SQUARED ONE */
.cart_select {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
	margin: 20px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
}

.cart_select label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);
}

.cart_select label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #EC5A27;
	top: 2px;
	left: 2px;
}

.cart_select label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.cart_select input[type=checkbox]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#view_cart input[type="checkbox"] {
	visibility: hidden;
}

.size_selection_indicator {
	background: url(../images/size_selection_indicator.png);
	width: 13px;
	height: 11px;
	margin-top: 5px;
}

#sizebox {
	display: none;
}

#sizebox:target {
	display: block;
}

.ui-widget-header {
	background: none repeat scroll 0 0 #8A235D !important;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 2px solid #C2C1C1 !important;
	color: #555555;
	font-weight: normal;
}

.ui-multiselect {
	padding: 4px !important;
	border-radius: 0px !important;
	margin-left: 0px !important;
	border: 1px solid #C2C1C1 !important;
}

hr {
	width: 100%;
	height: 1px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .75);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .40);
}

/* SOLITAIRE DASHBOARD CSS START HERE  */
.solitaire_dashboard {
	background: url("../images/pattern.gif");
	display: inline-block;
	margin-top: 7%;
	width: 100%;
}

.solitaire_dashboard>div {
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

/* BUILS SOLITAIRE CSS START HERE  */
.build_solitaire {
	background: url("../images/pattern.gif");
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
	width: 98.5%;
}

.build_detailstitle {
	background-image: -webkit-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: -moz-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: -o-linear-gradient(bottom, #ebe9e9, #c1c1c0);
	background-image: linear-gradient(to top, #ebe9e9, #c1c1c0);
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 24px;
	font-style: italic;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	opacity: 0.6;

}

.diamond_detailsbg {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	width: 32%;
}

.diamond_detailstitle {
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 22px;
	font-style: italic;
	padding: 10px 5px;
	text-align: center;
}

.diamond_detailsdatarow1 {
	background: #f2f2f2;
	width: 97%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.diamond_detailsdatarow2 {
	background: #f6f6f6;
	width: 97%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.diamond_detailsc1 {
	display: inline-block;
	float: right;
	text-align: right;
	width: 80px;
}

.diamond_detailsc2 {
	display: inline-block;
	float: right;
	text-align: right;
	width: 100px;
}

.diamond_detailsc3 {
	display: inline-block;
	float: right;
	text-align: right;
	width: 100px;
}

/* jewellery details */

.jewellery_detailsbg {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	width: 32%;
}

.jewellery_detailstitle {
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 22px;
	font-style: italic;
	padding: 10px 5px;
	text-align: center;
}

.jewellery_detailsdatarow1 {
	background: #f2f2f2;
	width: 97%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.jewellery_detailsdatarow2 {
	background: #f6f6f6;
	width: 97%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.default_img {
	background: #fff;
	width: 365px;
	padding: 5px;
	display: inline-block;
	border: 1px solid #e1e1e1;
	height: 330px;
}

.final_result {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	text-align: center;
	width: 31%;
}


.steps {
	color: #000000;
	display: inline;
	font: 14px arial;
	margin-left: 30px;
}

.number {
	background-color: #8A235D;
	border-radius: 12px;
	color: #FFFFFF;
	display: inline-block;
	font: 12px/22px Arial, Helvetica, sans-serif;
	height: 24px;
	text-indent: 8px;
	vertical-align: middle;
	width: 24px;
}

.steps a {
	display: inline;
	margin-left: 0px;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
}

.steps .active {
	color: #8a235d;
}

.build_solitaire_buttonset {
	margin-top: 0;
	position: absolute;
	width: 29%;
}

/* Jewellery details starte here  */
.readyjewellery_details {
	background: url("../images/pattern.gif");
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
	width: 98.5%;
}

.readyjewellery_detailsbg {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	width: 40%;
}

.readyjewellery_detailsbgproduct {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	width: 26%;
	text-align: center;
}

.readyjewellery_img {
	margin-top: 20px;
}

.readyjewelleryprice_detailsbg {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E1E1E1;
	float: left;
	height: 330px;
	padding: 5px;
	width: 29%;
}

.readyjewelleryprice_detailstitle {
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 22px;
	font-style: italic;
	margin: 0;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;

}

.readyjewellery_detailstitle {
	color: #8A235D;
	font-family: 'Humanst521LtBTLight';
	font-size: 22px;
	font-style: italic;
	padding: 10px 5px;
	text-align: center;
}

.readyjewellery_detailsdatarow1 {
	background: #f2f2f2;
	width: 98%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.readyjewellery_detailsdatarow2 {
	background: #f6f6f6;
	width: 98%;
	padding: 5px;
	display: inline-block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 1px;
}

.readyjewellery_dheading {
	float: left;
	display: inline-block;
}

.readyjewellery_datavalue {
	float: right;
	display: inline-block;
}

/* Jewellery details ends here  */


/* admin HQ Support Manager */
.pin_shapemrder {
	float: left;
	display: inline-block;
	width: 20%;
}

.pin_fluorescencemorder {
	display: inline-block;
	width: 20%;
}

.pin_fluorescencemorderapply {
	display: inline-block;
	width: 15%;
}

.pin_ordertype {
	width: 20%;
	display: inline-block;
}

.pin_date {
	color: #666666;
	display: inline-block;
	font: 14px arial;
	width: 22%;
}

#export_form {
	float: right;

}

#market_metal_price {
	color: #666666;
	margin-left: 0;
	padding: 7px;
}

#f_order_date,
#to_order_date {
	color: #666666;
	margin-left: 0;
	padding: 7px;
}

#price {
	color: #666666;
	margin-left: 0;
	padding: 7px;
	width: 215px;
}

button[name="cancel"] {
	font-family: 'Humanst521LtBTLight';
	font-size: 18px;
	color: #fff;
	width: auto;
	height: 30px;
	background-color: #8a235d;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	border: solid 1px #fff;
	background-image: -webkit-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -moz-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: -o-linear-gradient(bottom, #8a235d, #d25c9f);
	background-image: linear-gradient(to top, #8a235d, #d25c9f);
	margin-left: 220px;
	position: absolute;
}

.test1 {
	padding: 7px;
	width: 220px;
	margin-left: 10px;
	color: #666666;
}

.mappinglist li a {
	text-decoration: none;
	font: 13px Arial, Helvetica, sans-serif;
	color: #666;
}

.show_div_diamondmargin {
	background: none repeat scroll 0 0 #FFFFFF;
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	padding: 10px;
	width: 90%;
}