/* http://www.ayanonline.com/
   v1.0 | 20130227
   License: none (public domain)
*/


@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('application/x-woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

@font-face {
	font-family: 'MicrosoftPhagsPa-Bold';
	src: url('../fonts/phagspab.eot');
	src: url('../fonts/phagspab.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/phagspab.woff') format('woff'),
			 url('../fonts/phagspab.ttf') format('truetype'),
			 url('../fonts/phagspab.svg#phagspab') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height:14px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	height:100%;
}

body {
	height:100%;
	line-height: 1;
	background:url(../images/bg.jpg) 0 0 repeat;
	font-family:Tahoma, Geneva, sans-serif;
	overflow-x:hidden;
}
samp {
	font-family:Tahoma, Geneva, sans-serif !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration:none;}

p, h1, h2, h3, h4, h5, h6, span, div, li, td, samp {
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ word-wrap: break-word;}

img {
	display:inline-block;
}

input:focus, textarea:focus, select:focus {
	outline:none;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -47px; /* the bottom margin is the negative value of the footer's height */
}

#inner_wrap {
	padding:0;
	margin:auto;
	width:990px;
}

#content_holder {
	padding:0;
	margin:0;
	float:left;
	width:100%;
	position:relative;
}

.default {
	padding:0;
	margin:0;
	float:left;
	width:100%;
}

h2 {
	font:normal 18px/24px 'MicrosoftPhagsPa', Arial, Helvetica, sans-serif;
	color:#000;
}

.blue-txt {
	color:#1988fa;
}

.individual-order-table {
	margin:10px 0 0 0;
}

.individual-order-table .order-product-holder {
	margin:15px 0 0 0;
}

.individual-order-table .order-size {
	margin:37px 0 0 0;
}

.individual-order-table .order-size-2 {
	margin:37px 0 0 0;
}

.individual-order-table .order-size-3 {
	margin:10px 10px 0 0;
}

.individual-order-table .order-price {
	margin:37px 0 0 0;
}

.individual-order-table .order-quantity {
	margin:30px 0 0 0;
}

.individual-order-table .order-quantity-2 {
	margin:37px 0 0 0;
}

.individual-order-table .order-price-total {
	margin:37px 0 0 0;
}

.individual-order-table .order-delete {
	margin:37px 0 0 0;
}

.order-img-holder {
	float:left;
	width:75px;
}

.order-img-holder-2 {
	float:left;
	width:65px;
}

.order-img-holder img, .order-img-holder-2 img {
	border:#e4e2e2 1px solid;
}

.order-product-holder {
	float:left;
	width:125px;
}

.mar-left {
	margin-left:5px;
}

.order-size {
	float:left;
	width:125px;
}

.image-holder {
	float:left;
	width:60px;
	padding-right:40px;
	text-align:center;
	margin-top:3px;
}

.product-holder {
	width:320px;
	float:left;
	margin-top:3px;
}

.stock-holder {
	width:92px;
	float:left;
	margin-top:2px;
}

.product-price-holder {
	width:115px;
	float:left;
	margin-top:2px;
}

.feature-holder {
	float:left;
	width:50px;
	text-align:center;
	margin-top:2px;
}

.order-size-2 {
	float:left;
	width:100px;
}

.order-size-3 {
	float:left;
	width:165px;
}

.order-size-3 label {
	display:block;
	margin-bottom:3px;
}

.order-size-3 select {
	float:left;
	width:163px;
	border:#CCC 1px solid;
	padding:5px;
}

.order-price {
	float:left;
	width:120px;
}

.order-quantity {
	float:left;
	width:100px;
}

.order-quantity-2 {
	float:left;
	width:100px;
}

.order-quantity input[type=text] {
	padding:7px;
	width:20px;
	text-align:center;
	border:#dbdbdb 1px solid;
}

.order-price-total {
	float:left;
	width:85px;
}

.order-delete {
	width:30px;
	float:right;
	text-align:right;
}

.order-delete img {
	cursor:pointer;
}

.feature-cls {
	background:url(../images/feature-star.png) 50% 50% no-repeat;
	width:21px;
	height:20px;
	cursor:pointer;
	display:inline-block;
}

.table-body:hover .feature-cls {
	background:url(../images/feature-star-hover.png) 50% 50% no-repeat;
}

.feature-cls-active {
	background:url(../images/feature-star-hover.png) 50% 50% no-repeat;
	width:21px;
	height:20px;
	cursor:pointer;
	display:inline-block;
}

.mar-bottom {
	margin-bottom:15px;
}

.content {
	min-height:400px;
}

.mar-bottom-2 {
	margin-bottom:7px;
}

/* ---------------------------------------- HEADER STARTS HERE ---------------------------------------- */

#header {
	float:left;
	width:100%;
	background:url(../images/top-bg.png) 0 0 repeat-x;
	padding-bottom:7px;
	z-index:100;
}

.header-inner {
	padding:0;
	margin:0 auto;
	width:950px;
}

#top-header {
	float:left;
	width:100%;
	display:block;
	z-index:1000;
}

#top-header ul {
	list-style-type:none;
	float:right !important;
	width:100%;
	text-align:right !important;
}

#top-header ul li {
	list-style-type:none;
	float:right;
	display:block;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#d6d6d6 !important;
	margin-right:22px;
	position:relative;
}

.no-right-margin {
	margin-right:0 !important;
}

#top-header ul li a {
	padding:10px 12px 12px 18px;
	display:block;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#d6d6d6;
}

#top-header ul li.view-store {
	float:left;
}

#top-header ul li.view-store a {
	background:url(../images/view-store.png) 0 50% no-repeat;
}

#top-header ul li.setting {
	background:url(../images/down-arrow.png) 100% 50% no-repeat;
}

#top-header ul li.setting a {
	background:url(../images/settings.png) 0 50% no-repeat;
}

#top-header ul li.support a {
	background:url(../images/support-icon.png) 0 50% no-repeat;
}

#top-header ul li.logout a {
	background:url(../images/login-icon.png) 0 50% no-repeat;
	padding-right:0 !important;
}

#top-header ul li div {
	position:absolute;
	top:30px;
	right:-18px;
	width:158px;
	display:none;
	z-index:1000;
}

#top-header ul li:hover div {
	display:block;
}

#top-header ul li div span.nav-top {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-top.png) 50% 0 no-repeat;
	height:18px;
}

#top-header ul li div span.nav-mid {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-mid.png) 50% 0 repeat-y;
}

#top-header ul li div span.nav-bottom {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-bottom.png) 50% 0 no-repeat;
	height:11px;
}

#top-header ul li div span.nav-mid ul {
	list-style-type:none;
}

#top-header ul li div span.nav-mid ul li {
	float:left;
	display:block;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
	background:none;
}

#top-header ul li div span.nav-mid ul li a {
	padding:9px 10px;
	margin:0 5px;
	display:block;
	color:#808080;
	background:none;
	width:128px;
	float:left;
	text-align:left;
}

#top-header ul li div span.nav-mid ul li a:hover {
	color:#1988fa;
}

/* ---------------------------------------- LOGO STARTS HERE ---------------------------------------- */

#logo-search {
	float:left;
	width:100%;
	display:block;
	padding:21px 0;
}

.logo {
	float:left;
}

/* ---------------------------------------- LOGO ENDS HERE ---------------------------------------- */

.search-form {
	padding:5px;
	margin:0;
	float:right;
	border:#ebebeb 1px solid;
}

.search-form input[type=text] {
	padding:5px;
	margin:0;
	float:left;
	border:none;
	border-right:#ebebeb 1px solid;
	background:none;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#99a4ac;
	width:230px;
}

.search-form input[type=text]:focus {
	outline:none;
}

.search-form input[type=submit] {
	padding:0;
	margin:0 0 0 5px;
	float:right;
	border:none;
	background:url(../images/search-icon.png) 50% 50% no-repeat;
	cursor:pointer;
	height:22px;
	width:22px;
}

/* ---------------------------------------- NAVIGATION STARTS HERE ---------------------------------------- */

#nav {
	display:block;
	float:left;
	width:100%;
}

#nav ul {
	list-style-type:none;
}

#nav ul li {
	display:block;
	float:left;
	font:bold 14px/18px Tahoma, Geneva, sans-serif;
	color:#666666;
	position:relative;
	margin-right:30px;
}

#nav ul li a {
	display:block;
	float:left;
	color:#666666;
	padding:7px 15px 7px 0;
	background:url(../images/nav-arrow.png) 100% 50% no-repeat;
}

#nav ul li a:hover, #nav ul li a.active {
	color:#1988fa;
	background:url(../images/nav-blue-arrow.png) 100% 50% no-repeat;
}

#nav ul li.home a {
	display:block;
	float:left;
	padding:5px;
	background:none;
}

#nav ul li.home a:hover, nav ul li.home a.active {
	border-bottom:#666666 3px solid;
	padding-bottom:2px;
}

#nav ul li div {
	position:absolute;
	top:30px;
	right:-18px;
	width:158px;
	display:none;
	z-index:1000;
}

#nav ul li:hover div {
	display:block;
}

#nav ul li div span.nav-top {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-top.png) 50% 0 no-repeat;
	height:18px;
}

#nav ul li div span.nav-mid {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-mid.png) 50% 0 repeat-y;
}

#nav ul li div span.nav-bottom {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-bottom.png) 50% 0 no-repeat;
	height:11px;
}

#nav ul li div span.nav-mid ul {
	list-style-type:none;
}

#nav ul li div span.nav-mid ul li {
	float:left;
	display:block;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
	background:none;
}

#nav ul li div span.nav-mid ul li a {
	padding:9px 10px;
	margin:0 5px;
	display:block;
	color:#808080;
	background:none;
	width:128px;
	float:left;
	text-align:left;
}

#nav ul li div span.nav-mid ul li a:hover {
	color:#1988fa;
}

/* ---------------------------------------- NAVIGATION ENDS HERE ---------------------------------------- */

/* ---------------------------------------- HEADER ENDS HERE ---------------------------------------- */

/* ---------------------------------------- BODY STARTS HERE ---------------------------------------- */

#container {
	float:left;
	width:100%;
	margin-bottom:50px;
	z-index:1;
}

.info-box {
	width:175px;
	height:75px;
	text-align:center;
	background:#FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 5px #CCC;
	-webkit-box-shadow:0px 0px 5px #CCC;
	-moz-box-shadow:0px 0px 5px #CCC;
	float:left;
	margin:30px 15px;
	padding:15px 15px 5px 15px;
	text-transform:uppercase;
}

.info-box p.top {
	font:normal 13px/13px Tahoma, Geneva, sans-serif;
	color:#dcdcdc;
	margin-bottom:7px;
}

.info-box p.mid {
	font:normal 22px/22px Tahoma, Geneva, sans-serif;
	color:#343441;
	margin-bottom:7px;
}

.info-box p.bottom {
	font:normal 13px/13px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.body-white-block {
	background:#FFF;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:20px;
	width:950px;
	float:left;
}

.no-rounded-corner {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}	

.body-white-block h2 {
	margin:0 0 20px 0;
}

.recent-order-table {
	float:left;
	width:510px;
	margin:20px 0;
}

.recent-order-table .title-cls {
	float:left;
	width:508px;
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

.recent-order-table .title-cls h2 {
	margin:12px 0 15px 20px;
}

.recent-order-table .body-cls {
	float:left;
	width:478px;
	background:#fff;
	border:#ebebeb 1px solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	padding:15px;
}

.recent-order-table .body-cls ul li {
	float:left;
	width:100%;
	border-top:#f0f0f0 1px solid;
	padding:10px 0;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.recent-order-table .body-cls ul li:first-child {
	border:none;
}

.recent-order-table .body-cls ul li span.blue-txt {
	color:#1988fa;
}

.recent-order-table .body-cls ul li div.order-number {
	width:200px;
	float:left;
}

.recent-order-table .body-cls ul li div.order-date {
	width:100px;
	float:left;
}

.recent-order-table .body-cls ul li div.order-price {
	width:80px;
	float:left;
}

.recent-order-table .body-cls ul li div.order-status {
	width:85px;
	text-align:center;
	float:left;
}

.month-top-seller {
	float:right;
	width:427px;
	margin:20px 0;
}

.month-top-seller .title-cls {
	float:left;
	width:425px;
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

.month-top-seller .title-cls-2 {
	float:left;
	padding:17px 15px;
	width:395px;
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	border-top:none;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#424243;
}

.month-top-seller .title-cls h2 {
	margin:12px 0 15px 20px;
}

.month-top-seller .body-cls {
	float:left;
	width:395px;
	background:#fff;
	border:#ebebeb 1px solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	padding:15px;
}

.month-top-seller .body-cls ul li {
	float:left;
	width:100%;
	border-top:#f0f0f0 1px solid;
	padding:13px 0 12px 0;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.month-top-seller .body-cls ul li:first-child {
	border:none;
}

.month-top-seller .body-cls ul li span.blue-txt {
	color:#1988fa;
}

.month-top-seller .title-cls-2 div.product-id, .month-top-seller .body-cls ul li div.product-id {
	width:105px;
	float:left;
}

.month-top-seller .title-cls-2 div.product-name, .month-top-seller .body-cls ul li div.product-name {
	width:195px;
	float:left;
}

.month-top-seller .title-cls-2 div.unit-sold, .month-top-seller .body-cls ul li div.unit-sold {
	width:85px;
	float:left;
}

.border-holder {
	padding:0 0 10px 0;
	margin:0;
	float:left;
	width:100%;
	border-bottom:#f0f0f0 1px solid;
}

.border-holder-2 {
	padding:0 0 15px 0;
	margin:0;
	float:left;
	width:100%;
	border-top:#f0f0f0 1px solid;
}

.border-holder-3 {
	margin:25px 0;
	padding:0;
	float:left;
	width:100%;
	border-top:#f0f0f0 1px solid;
}

.border-holder-4 {
	margin:25px 0 25px -15px;
	padding:0;
	float:left;
	width:948px;
	border-top:#f0f0f0 1px solid;
}

.border-holder-5 {
	margin:25px 0 25px -20px;
	padding:0;
	float:left;
	width:990px;
	border-top:#f0f0f0 1px solid;
}

.border-holder-6 {
	margin:25px 0 25px -15px;
	padding:0;
	float:left;
	width:634px;
	border-top:#f0f0f0 1px solid;
}

.border-holder-7 {
	margin:0 0 0 -10px;
	padding:0;
	float:left;
	width:634px;
	border-top:#f0f0f0 1px solid;
}

#push {
	height:47px;
}

.float-left {
	float:left !important;
}

.float-right {
	float:right !important;
}

.btn-cls {
	padding:7px 15px;
	margin:0;
	display:inline-block;
	background:url(../images/btn-bg.png) 0 0 repeat-x;
	color:#fff;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 1px #999;
	-moz-box-shadow:0px 1px 1px #999;
	-webkit-box-shadow:0px 1px 1px #999;
}

.bulk-actions {
	float:left;
	border:#dbdbdb 1px solid;
	position:relative;
	background:url(../images/select-down-arrow.png) 94% 50% no-repeat;
	padding-right:35px;
	cursor:pointer;
	margin-right:5px;
}

.bulk-actions p {
	padding:2px 7px;
	margin:5px 0;
	display:block;
	width:120px;
	border-right:#e2e2e2 1px solid;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.bulk-actions span {
	position:absolute;
	display:none;
	border:#dbdbdb 1px solid;
	border-top:none;
	left:-1px;
	top:33px;
	z-index:10001;
}

.bulk-actions span samp {
	background:#FFF;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
	padding:5px;
	padding-left:15px;
	width:150px;
	display:block;
}

/*.bulk-actions:hover span {
	display:block;
}*/

.bulk-actions span samp:hover {
	background:#1988fa;
	color:#fff;
}

.filter-orders {
	float:left;
	border:#dbdbdb 1px solid;
	position:relative;
	background:#f9f9f9 url(../images/select-down-arrow.png) 94% 50% no-repeat;
	padding-right:35px;
	cursor:pointer;
}

.filter-orders-2 {
	float:left;
	border:#dbdbdb 1px solid;
	position:relative;
	background:#f9f9f9;
}

.filter-orders p {
	padding:2px 7px;
	margin:5px 0;
	display:block;
	width:120px;
	border-right:#e2e2e2 1px solid;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.filter-orders-2 p {
	padding:2px 12px;
	margin:5px 0;
	display:block;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.filter-orders div.blue-dd {
	position:absolute;
	display:none;
	background:#f9f9f9;
	border:#dbdbdb 1px solid;
	border-top:none;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
	padding:5px 0;
	width:170px;
	left:-1px;
	top:33px;
}

.filter-orders:hover div.blue-dd {
	display:block;
}

.filter-orders div.blue-dd p {
	display:block !important;
	cursor:pointer !important;
	margin:3px 0 !important;
	position:relative !important;
	padding:0 3px !important;
	border:none !important;
	width:170px !important;
}

.filter-orders div.blue-dd p label {
	display:block !important;
	cursor:pointer;
	padding:2px 0;
	width:100% !important;
}

.filter-orders div.blue-dd p label span {
	display:inline-block !important;
	padding:0 !important;
	margin:0 5px 0 0 !important;
}

.submenu-holder {
	background:url(../images/right-double-arrow.png) 95% 50% no-repeat;
}

.filter-orders div.blue-dd p samp {
	position:absolute;
	top:0;
	left:170px;
	background:#f9f9f9;
	width:151px;
	display:none;
	border:#dbdbdb 1px solid;
	padding:5px;
}

.filter-orders div.blue-dd p:hover samp {
	display:block;
}

.filter-orders div.blue-dd p samp.dropdown-submenu-width {
	width:189px;
}

.bottom-link {
	padding:5px 10px;
	border-top:#dbdbdb 1px solid;
	display:block;
	color:#808080;
}

.search-holder-big {
	padding:3px 3px 4px 25px;
	float:left;
	border:#dbdbdb 1px solid;
	background:url(../images/search-icon.png) 6px 50% no-repeat;
	width:250px;
	border-left:none;
	margin:0;
}

.search-holder-big input[type=text] {
	padding:4px !important;
	margin:0 !important;
	border:none !important;
	background:none !important;
	font:normal 14px/12px Tahoma, Geneva, sans-serif !important;
	color:#999 !important;
	width:240px !important;
}

.pagination {
	float:right;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#999;
	text-align:left;
}

.pagination input[type=text] {
	padding:7px 3px;
	border:#dbdbdb 1px solid;
	text-align:center;
	width:30px;
	margin-right:5px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.pagination li {
	float:left;
}

.pagination a, .pagination span {
	padding:15px !important;
	border:#dbdbdb 1px solid !important;
	background-color:#f9f9f9 !important;
	display:inline-block !important;
	margin:0 !important;
}

.pagination a.prev, .pagination span.prev {
	background-image:url(../images/left-arrow.png) !important;
	background-position:40% 50% !important;
	background-repeat:no-repeat !important;
	margin-left:15px !important;
	border-right:none !important;
	display:block !important;
	float:left !important;
}

.pagination a.next, .pagination span.next {
	background-image:url(../images/right-arrow.png) !important;
	background-position:60% 50% !important;
	background-repeat:no-repeat !important;
	float:right !important;
	display:block !important;
}

.pagination a.disabled, .pagination span.disabled {
	background-color:#fff !important;
}

.pagination a:hover {
	background-color:#e7e7e7 !important;
}

.pagenum {
	float:left !important;
}

.table-title {
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	width:918px;
	padding:15px;
	float:left;
	margin-top:10px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#424243;
}

.checkbox-holder {
	float:left;
	width:58px;
}

.checkbox-holder-2 {
	float:left;
	width:38px;
}

.checkbox-holder input[type=checkbox] {
	margin:0;
	padding:0;
}

.categoryname-holder {
	width:475px;
	float:left;
}

.sub-categoryname-holder {
	width:640px;
	float:left;
}

.sub-category-holder {
	width:165px;
	float:left;
}

.product-count-holder {
	width:169px;
	float:left;
}

.order-holder {
	float:left;
	width:118px;
	margin-top:2px;
}

.date-holder {
	float:left;
	width:128px;
}

.email-holder {
	float:left;
	width:280px;
}

.email-holder_4 {
	float:left;
	width:260px;
}

.project-holder {
	float:left;
	width:220px;
}

.customer-holder {
	float:left;
	width:182px;
}

.customer-holder-3 {
	float:left;
	width:150px;
}

.customer-holder-big {
	float:left;
	width:450px;
}

.customer-holder-bigger {
	float:left;
	width:630px;
}

.email-holder-2 {
	float:left;
	width:408px;
}

.status-holder {
	float:left;
	width:152px;
}

.total-holder {
	float:left;
	width:135px;
}

.status-holder {
	float:left;
	width:165px;
}

.phone-number-holder {
	float:left;
	width:90px;
}

.action-holder {
	float:left;
	width:45px;
	margin-top:2px;
}

.table-body-holder {
	float:left;
	width:948px;
	border:#ebebeb 1px solid;
	border-top:none;
	border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	min-height:500px;
	padding-bottom:25px;
}

.page-bottom {
	margin-top:10px;
}

.item-number {
	float:left;
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
	margin-top:7px;
}

.table-body {
	float:left;
	width:918px;
	padding:20px 15px 40px;
	border-bottom:#ebebeb 1px solid;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.non-toggle .table-body {
	padding:20px 15px;
}

.table-body a {
	color:#1988fa;
}

.action-holder samp {
	display:block;
	padding:10px 0 10px 36px;
	background:url(../images/settings-icon-arrow.png) 0 50% no-repeat;
	cursor:pointer;
	float:left;
	position:relative;
}

.action-holder samp img {
	padding:0;
	margin:0;
}

.shipping-table {
	padding-top:20px;
	padding-bottom:20px;
}

.shipping-table .jqTransformCheckboxWrapper {
	margin-top:2px;
}

.table-body:hover .action-holder samp, .table-title-2:hover .action-holder samp, .shipping-table:hover .action-holder samp {
	background:url(../images/settings-icon-hover-arrow.png) 0 50% no-repeat;
}

.grey-cls {
	padding:4px 8px 4px 6px;
	display:inline-block;
	background:#c1c2c2;
	font:italic 12px/14px Tahoma, Geneva, sans-serif;
	color:#FFF;
}

.action-holder samp div {
	position:absolute;
	top:20px;
	right:-14px;
	width:158px;
	display:none;
	z-index:1000;
}

.action-holder samp:hover div {
	display:block;
}

.action-holder samp div span.nav-top {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-top.png) 50% 0 no-repeat;
	height:18px;
}

.action-holder samp div span.nav-mid {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-mid.png) 50% 0 repeat-y;
}

.action-holder samp div span.nav-bottom {
	display:block;
	float:left;
	width:100%;
	background:url(../images/nav-sub-bottom.png) 50% 0 no-repeat;
	height:11px;
}

.action-holder samp div span.nav-mid ul {
	list-style-type:none;
}

.action-holder samp div span.nav-mid ul li {
	float:left;
	display:block;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
	background:none;
}

.action-holder samp div span.nav-mid ul li a {
	padding:9px 10px;
	margin:0 5px;
	display:block;
	color:#808080;
	background:none;
	width:128px;
	float:left;
	text-align:left;
}

.action-holder samp div span.nav-mid ul li a:hover {
	color:#1988fa;
}

.morethan-orderamount {
	padding:5px;
	width:90px;
	border:#dbdbdb 1px solid;
}

.table-title-2 {
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	width:634px;
	padding:15px;
	float:left;
	margin-top:0px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#1988fa;
}

.table-title-3 {
	background:#f9f9f9;
	border:#ebebeb 1px solid;
	width:604px;
	padding:10px 15px;
	float:left;
	margin-top:0px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#1988fa;
}

.table-body-holder-2 {
	float:left;
	width:933px;
	border:#ebebeb 1px solid;
	border-top:none;
	border-radius:0 0 1px 1px;
	-moz-border-radius:0 0 1px 1px;
	-webkit-border-radius:0 0 1px 1px;
	padding:30px 15px;
	padding-right:0;
}

.table-body-holder-3 {
	float:left;
	width:950px;
	border-radius:0 0 1px 1px;
	-moz-border-radius:0 0 1px 1px;
	-webkit-border-radius:0 0 1px 1px;
	font-size:14px;
}

.table-body-holder-2 .left-panel, .table-body-holder-3 .left-panel {
	float:left;
	width:252px;
	color:#504f4f;
}

.table-body-holder-2 .left-panel h5, .customer-detail h5, .table-body-holder-3 .left-panel h5, .customer-detail h5 {
	margin-bottom:9px;
	font:italic 14px/18px Tahoma, Geneva, sans-serif;
	padding-left:25px;
	color:#504f4f;
}

.table-body-holder-2 .left-panel h6, .customer-detail h6, .table-body-holder-3 .left-panel h6, .customer-detail h6 {
	font:italic 12px/18px Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	padding-left:25px;
}

.table-body-holder-2 .left-panel p, .customer-detail p, .table-body-holder-3 .left-panel p, .customer-detail p {
	margin-bottom:25px;
	font:italic 12px/18px Tahoma, Geneva, sans-serif;
	padding-left:25px;
	color:#808080;
}

.table-body-holder-2 .left-panel p a, .customer-detail p a, .table-body-holder-3 .left-panel p a, .customer-detail p a {
	color:#1988fa;
}

.table-body-holder-2 .left-panel p.light-txt, .table-body-holder-3 .left-panel p.light-txt {
	color:#808080;
}

.light-txt {
	color:#808080;
}

.customer-detail-panel {
	width:220px;
	float:left;
}

.user-title {
	background:url(../images/user-icon.png) 5px 50% no-repeat;
}

.telephone-number {
	background:url(../images/telephone-icon.png) 0 4px no-repeat;
	margin-bottom:7px !important;
}

.email-icon {
	background:url(../images/mail-icon.png) 2px 5px no-repeat;
}

.online-icon {
	background:url(../images/online-icon.png) 4px 5px no-repeat;
}

.offline-icon {
	background:url(../images/offline-icon.png) 4px 5px no-repeat;
}

.shipping-address {
	background:url(../images/shipping-icon.png) 3px 4px no-repeat;
}

.note {
	background:url(../images/note-icon.png) 5px 4px no-repeat;
}

.table-body-holder-2 .right-panel {
	float:left;
	width:679px;
	border-left:#f6f6f6 1px solid;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
}

.table-body-holder-3 .right-panel {
	float:left;
	width:696px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
}

.table-body-holder-3 .right-panel-2 {
	float:left;
	width:666px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
}

.price-holder {
	width:85px;
	margin-left:20px;
}

.price-holder-2 {
	width:90px;
	margin-left:20px;
}

.light-grey-cls {
	padding:10px 5px 10px 10px;
	background:#f9f9f9;
}

.mar-top {
	margin-top:15px;
}

.order-padding-spl {
	padding:10px 5px 10px 10px;
}

.deep-grey-cls {
	padding:5px;
	background:#7e7f7f;
	color:#FFF;
	text-align:center;
}

.deep-red-cls {
	padding:5px;
	background:#fa4848;
	color:#FFF;
	text-align:center;
}

.right-panel-top {
	float:left;
	width:634px;
	padding-left:30px;
}

.right-panel-top-2 {
	float:left;
	width:665px;
	padding-left:30px;
}

.right-panel-bottom {
	float:left;
	width:649px;
	margin:15px 0 0 0;
	border-top:#f0f0f0 1px solid;
	padding-left:30px;
	padding-top:15px;
}

.small-txt {
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.bottom-button-holder {
	padding:20px;
	float:left;
	width:950px;
	background:#f9f9f9;
	border-top:#d9d9d9 1px solid;
}

.bottom-button-holder-2 {
	padding:3%;
	float:left;
	width:94.5%;
	background:#f9f9f9;
	border-top:#d9d9d9 1px solid;
}

.shadow-div {	
	box-shadow:0px 0px 3px #CCC;
	-moz-box-shadow:0px 0px 3px #CCC;
	-webkit-box-shadow:0px 0px 3px #CCC;
}

.border-radius-bottom {
	border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
}

.btn-cls-form {
	padding:6px 15px;
	margin:0;
	display:inline-block;
	background:url(../images/btn-bg.png) 0 0 repeat-x;
	color:#fff;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 1px #999;
	-moz-box-shadow:0px 1px 1px #999;
	-webkit-box-shadow:0px 1px 1px #999;
	border:none;
	cursor:pointer;
}

.btn-cls-form-red {
	padding:6px 15px;
	margin:0;
	display:inline-block;
	background:url(../images/btn-red-bg.png) 0 0 repeat-x;
	color:#fff;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 1px #999;
	-moz-box-shadow:0px 1px 1px #999;
	-webkit-box-shadow:0px 1px 1px #999;
	border:none;
	cursor:pointer;
}

.cancel-btn-cls {
	padding:5px 12px;
	margin:0;
	display:inline-block;
	background:#e7e7e7;
	color:#424243;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
	border:#bfbcbc 1px solid;
}

.cancel-btn-cls-2 {
	padding:5px 12px;
	margin:0;
	display:inline-block;
	background:#f9f9f9;
	color:#424243;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
	border:#dddddd 1px solid;
}

.menu {
	background:#f9f9f9;
	border:#ececec 1px solid;
	width:948px;
	float:left;
	display:block;
}

.menu li {
	display:block;
	float:left;
}

.menu li a {
	display:block;
	float:left;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
	padding:15px;
}

.menu li.active a {
	background:#fff;
	color:#1988fa;
	margin-bottom:-1px;
	border-left:#ececec 1px solid;
	border-right:#ececec 1px solid;
	padding:15px 14px;
	padding-bottom:16px;
}

.menu li:first-child.active a {
	border-left:none;
	padding-left:15px;
}

.search-customer-txt {
	padding:7px;
	float:left;
	border:#dbdbdb 1px solid;
	background:#f9f9f9;
}

.search-customer-txtfield {
	padding:9px;
	padding-left:30px;
	float:left;
	border:#dbdbdb 1px solid;
	border-left:none;
	background:#ffffff url(../images/search-icon.png) 7px 50% no-repeat;
	font:normal 12px/12px Tahoma, Geneva, sans-serif;
	color:#88939c;
	float:left;
	width:472px;
	margin:0;
}

.shipping-method {
	width:500px;
}

.shipping-method label {
	display:block;
	padding:5px;
	float:left;
	width:490px;
}

.padding-top-spl {
	padding-top:5px;
}

.form-left-elements {
	float:left;
	width:300px;
}

.form-left-elements-2 {
	float:left;
	width:315px;
}

.form-left-elements-3 {
	float:left;
	width:285px;
}

.form-right-elements {
	float:right;
	width:300px;
}

.form-right-elements-2 {
	float:right;
	width:315px;
}

.form-right-elements-3 {
	float:right;
	width:285px;
}

.order-payment-form label {
	display:block;
	padding:0 0 10px 0;
}

.order-payment-form-2 label, .order-payment-form-4 label {
	display:block;
	padding:0 0 1px 0;
}

.order-payment-form-3 label {
	display:block;
	padding:0 0 5px 0;
}

.order-payment-form-5 label {
	display:block;
	padding:0 0 0px 0;
}

.order-payment-form input[type=text], .order-payment-form input[type=password], .order-payment-form-2 input[type=text], .order-payment-form-2 input[type=password] {
	padding:7px;
	border:#dbdbdb 1px solid;
	width:284px;
}

.order-payment-form-3 input[type=text], .order-payment-form-3 input[type=password] {
	padding:10px;
	border:#dbdbdb 1px solid;
	width:645px;
}

.order-payment-form-4 input[type=text], .order-payment-form-4 input[type=password] {
	padding:10px;
	border:#dbdbdb 1px solid;
	width:295px;
}

.order-payment-form-5 input[type=text], .order-payment-form-5 input[type=password] {
	padding:1.5% 1%;
	border:#dbdbdb 1px solid;
	width:97%;
}

.order-payment-form-6 input[type=text], .order-payment-form-6 input[type=password] {
	padding:2.1% 1%;
	border:#dbdbdb 1px solid;
	width:97%;
}

.order-payment-form-6 select {
	padding:1% 1%;
	border:#dbdbdb 1px solid;
	width:250px;
}

.order-payment-form-5 textarea {
	padding:1.5% 1%;
	border:#dbdbdb 1px solid;
	min-width:97%;
	width:97%;
	max-width:97%;
	min-height:100px;
}

.order-payment-form-4 select {
	padding:9px 7px;
	border:#dbdbdb 1px solid;
	width:285px;
}

.order-payment-form-3 textarea {
	padding:10px;
	border:#dbdbdb 1px solid;
	min-width:645px;
	width:645px;
	max-width:645px;
	min-height:100px;
}

.order-payment-form select, .order-payment-form-2 select {
	padding:5px 7px;
	border:#dbdbdb 1px solid;
	width:268px;
}

.order-payment-form-6 textarea {
	padding:1.5% 1%;
	border:#dbdbdb 1px solid;
	min-width:97%;
	width:97%;
	max-width:97%;
	min-height:100px;
}

.date-picker {
	background:url(../images/calender.png) 98.5% 40% no-repeat;
}

.order-payment-form textarea, .order-payment-form-2 textarea {
	padding:7px;
	border:#dbdbdb 1px solid;
	min-width:615px;
	width:615px;
	max-width:615px;
	min-height:130px;
	overflow:auto;
}

.customer-right {
	width:634px;
	border:#ececec 1px solid;
	padding:15px;
	float:left;
	border-top:none;
	font-size:14px;
	line-height:20px;
}

.customer-right-2 {
	width:604px;
	border:#ececec 1px solid;
	padding:15px;
	float:left;
	border-top:none;
	font-size:14px;
	line-height:20px;
}

.customer-right-3 {
	width:614px;
	border:#ececec 1px solid;
	padding:15px 10px;
	float:left;
	border-top:none;
	font-size:14px;
	line-height:20px;
}

.customer-right-4 {
	width:614px;
	border:#ececec 1px solid;
	padding:0 10px;
	float:left;
	border-top:none;
	font-size:14px;
	line-height:20px;
}

.right-panel-bottom-2 {
	float:left;
	width:645px;
	margin:15px 0 0 0;
	border-top:#f0f0f0 1px solid;
	margin-left:-15px;
	padding-left:20px;
	padding-top:15px;
}

.right-panel-bottom-3 {
	float:left;
	width:614px;
	margin:15px 0 0 0;
	border-top:#f0f0f0 1px solid;
	margin-left:-15px;
	padding-left:20px;
	padding-top:15px;
}

.product-tree dl {
	width:150px;
}

.product-tree-2 dl {
	width:100%;
}

.product-tree dl dt {
	padding:10px 0 0 35px;
	background:url(../images/sub-value-tree-icon.png) 10px 8px no-repeat;
}

.product-tree-2 dl dt {
	padding:0 0 0 35px;
	background:url(../images/sub-value-tree-icon.png) 10px 30px no-repeat;
	float:left;
}

.product-tree dl dd {
	padding:10px 0 0 75px;
	background:url(../images/sub-value-tree-icon.png) 50px 8px no-repeat;
}

.no-bg {
	background:none !important;
}

.delete-holder-sub {
	border-top:#dbdbdb 1px solid !important;
	float:right !important;
	width:580px !important;
	padding:0 !important;
	margin:0 !important;
	margin-top:15px !important;
}

.product-id-spl {
	margin-top:15px;
}

.product-id-spl-2 {
	margin-top:21px;
}

.product-id-spl samp {
	padding-top:15px;
	display:block;
}

.product-id-spl-2 samp {
	padding-top:10px;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
}

.delete-padding {
	padding:5px;
	border:#CCC 1px solid;
	background:#e7e7e7;
	cursor:pointer;
}

.delete-padding img {
	display:block;
}

.option-type-holder {
	float:left;
	width:130px;
}

.value-holder {
	float:left;
	width:145px;
}

.value-holder-2 {
	float:left;
	width:300px;
}

.variant-holder {
	float:left;
	width:115px;
}

.quantity-holder {
	float:left;
	width:55px;
}

.product-images-holder {
	float:left;
	width:325px;
}

.product-images-holder img {
	float:left;
	display:block;
	margin:0 10px 12px 0;
}

.quantity-txt-holder {
	padding:4px 7px;
	margin-bottom:8px;
	width:20px;
	text-align:center;
	border:#CCC 1px solid;
	font-family:Tahoma, Geneva, sans-serif;
}

.delivery-type {
	float:left;
	width:220px;
}

.membership-discount {
	float:left;
	width:279px;
}

.days-holder {
	float:left;
	width:140px;
}

.free-price-holder {
	float:left;
	width:150px;
}

.form-ele-holder-3 {
	float:left;
	width:230px;
	margin:5px 13px 0 0;
}

.form-ele-holder-3 label {
	display:block;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
}

.form-ele-holder-3 select {
	width:200px;
}

.form-ele-holder-3 input[type=text] {
	padding:8px 7px 7px 7px;
	border:#dbdbdb 1px solid;
	width:218px;
}

/* ---------------------------------------- BODY ENDS HERE ---------------------------------------- */

/* ---------------------------------------- FOOTER STARTS HERE ---------------------------------------- */

#footer {
	float:left;
	width:100%;
	height:47px;
	background:#FFF;
}

.footer-inner {
	padding:0;
	margin:0 auto;
	width:990px;
}

.footer-holder {
	float:left;
	width:989px;
	border-right:#ebebeb 1px solid;
}

.footer-blocks {
	float:left;
	width:328px;
	border-left:#ebebeb 1px solid;
	text-align:center;
	height:29px;
	padding-top:18px;
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#898989;
}

.footer-blocks a {
	color:#898989;
}

.footer-blocks a.live-support {
	background:url(../images/chat-icon.png) 0 50% no-repeat;
	padding-left:20px;
	display:inline-block;
}

.footer-blocks a.need-market {
	background:url(../images/chart-icon.png) 0 50% no-repeat;
	padding-left:22px;
	display:inline-block;
}

/* ---------------------------------------- FOOTER ENDS HERE ---------------------------------------- */

.error {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#ff2222;}
.success {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#090;}

.margin-top-thirty {
	margin-top:30px;
}

.margin-top-ten {
	margin-top:10px;
}

.margin-top-twenty {
	margin-top:20px;
}

.margin-bottom-thirty {
	margin-bottom:30px;
}

.text-align-right {
	text-align:right;
}

.margin-right-twenty {
	margin-right:20px;
}

.margin-right-seven {
	margin-right:7px;
}

.margin-right-thirtythree {
	margin-right:33px;
}

.border-none {
	border:none !important;
}

.no-child-padding h5, .no-child-padding p {
	padding-left:0 !important;
}

.min-height-div {
	min-height:500px;
}

.larger-width textarea {
	width:630px !important;
}

.grey-italic-txt {
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.blue-link-txt {
	color:#1988fa;
}

.sidebysidelabel label {
	float:left;
	display:block;
	width:130px;
}

.low-label-height label {
	padding-bottom:0px !important;
}

.black-txt {
	color:#000 !important;
}

.padding-left-spl {
	padding-left:35px;
}

.margin-left {
	margin-left:30px !important;
}

label .jqTransformCheckboxWrapper, label .jqTransformRadioWrapper {
	margin:0 10px 0 0 !important;
}

.top-mar-spl {
	margin:5px 0 0 0 !important;
	display:inline-block !important;
}

.top-mar-spl-2 {
	margin:5px 30px 0 0 !important;
	display:inline-block !important;
}

.padding-top-bottom {
	padding:3px 0;
}

.message-holder {
	background:url(../images/message-bg.png) 0 0 repeat;
	width:100%;
	padding:25px 0;
	text-align:center;
	position:fixed;
	bottom:0;
	left:0;
	font:normal 24px/28px 'MyriadProSemibold', Arial, Helvetica, sans-serif;
	color:#FFF;
	z-index:1000;
}

.main-popup-holder {
	width:100%;
	min-height:100%;
	height:100%;
	position:fixed;
	background:url(../images/message-bg.png) 0 0 repeat;
	z-index:1000;
}

.main-popup-body {
	width:741px;
	margin:15% auto;
}

.main-popup-body-inner {
	width:717px;
	float:left;
	padding:15px 12px 10px 15px;
	background:#FFF;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	min-height:150px;
}

.cross-class {
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#808080;
	cursor:pointer;
	margin-top:3px;
}

.manage-options-left {
	float:left;
	width:280px;
}

.manage-options-right {
	float:right;
	width:396px;
	padding-left:10px;
	border-left:#e2e2e2 1px solid;
	min-height:175px;
}

.opton-holder {
	padding:2% 3%;
	width:94%;
	float:left;
}

.opton-holder:hover {
	background:#f9f9f9;
}

.opton-holder img {
	display:block;
	cursor:pointer;
}

.product-holder .grey-cls {
	margin-top:-2px;
}

.small-margin {
	margin-top:5px;
}

.spl-dropdown-cls {
	width:298px !important;
	color:#504F4F !important;
	padding-top:6px !important;
	padding-bottom:6px !important;
}



.variant-name-holder {display:block; float:left; width:266px;}


.upload-btn{    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    color: #424243;
    cursor: pointer;
    display: inline-block;
    font: 14px/18px Tahoma,Geneva,sans-serif;
    margin: 0;
    padding: 5px 12px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }


.uploaded-img li {
	padding:0 !important;
	margin:0 0 25px 10px !important;
	float:left !important;
	display:block !important;
	width:98px !important;
	height:125px !important;
	text-align:center !important;
	vertical-align:middle !important;
	position:relative !important;
}

.uploaded-img li:first-child {
	margin-left:0 !important;
}

.uploaded-img li img {
	display:inline-block !important;
	max-width:98px !important;
	max-height:125px !important;
	margin:auto !important;
	float:none !important;
}

.uploaded-img li span {
	display:none !important;
	width:98px !important;
}

.uploaded-img li:hover span {
	display:block !important;
	position:absolute !important;
	left:0 !important;
	bottom:-15px !important;
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.uploaded-img li:hover span a {
	color:#808080;
}

.uploaded-img li:hover span samp.left {
	float:left;
	cursor:pointer;
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
}

.uploaded-img li:hover span samp.right {
	float:right;
	cursor:pointer;
	font:italic 12px/15px Tahoma, Geneva, sans-serif;
}

.loader-main {
	width:632px;
	border:#dbdbdb 1px solid;
	float:left;
	height:30px;
}

.loader-inner {
	width:38%;
	background:#0271e4;
	float:left;
	height:30px;
}

.no-bg-brdr {
	background:none !important;
	border:none !important;
	font:normal 14px/18px Tahoma, Geneva, sans-serif !important;
}

.full-width-textbox {
	width:645px !important;
}

.padding-top-bottom-no {
	padding-bottom:0;
	padding-top:0;
}

.padding-bottom-no {
	padding-bottom:0;
}

.padding-top-seven {
	padding-top:11px !important;
}

.margin-top-no {
	margin-top:0;
}

.full-width {
	width:100% !important;
}

.padding-bottom-fifty {
	padding-bottom:50px !important;
}

.fixed-width {
	width:70px;
}

.block-holder {
	float:left;
	display:block;
	margin-right:15px;
	margin-top:15px;
}

.block-holder span {
	padding:0 !important;
	margin:1px 5px 0 0 !important;
}

.one-third-holder {
	float:left;
	width:31%;
	margin-right:2%;
}

.one-third-holder input[type=text] {
	padding-bottom:3%;
	padding-top:3%;
}

.margin-right-ten {
	margin-right:12px;
}

.project-view-title {
	background:#f3f3f3;
	color:#424243;
	width:755px;
	padding:12px;
	margin-left:38px;
	float:left;
	margin-top:25px;
}

.extended_width {
	width:926px !important;
}

.extended_width_2 {
	width:950px !important;
}

.extended_width_3 {
	width:940px !important;
}

.extended_width .remarks-holder {
	width:520px !important;
}

.extended_width .add-invoice-holder {
	width:730px !important;
}

.date-holder-3 {
	float:left;
	width:115px;
}

.ref-holder {
	float:left;
	width:100px;
}

.remarks-holder {
	float:left;
	width:440px;
}

.amount-holder {
	float:left;
	width:100px;
	text-align:center;
}

.action-button-holder {
	float:right;
	width:75px;
	text-align:right;
	display:none;
}

.action-button-holder img {
	margin-left:7px;
}

.project-view-data {
	color:#808080;
	width:835px;
	padding:7px 12px;
	float:left;
	margin:7px 0 !important;
	margin-left:38px !important;
}

.project-view-link {
	color:#808080;
	width:835px;
	padding:7px 12px;
	float:left;
	margin:7px 0 !important;
	margin-left:38px;
	border-bottom:#f0f0f0 1px solid;
	padding-bottom:30px !important;
}

.project-view-data input[type=text] {
	border:#e4e4e4 1px solid;
	background:#fff;
	padding:3px;
	width:80px;
}

.project-view-data:hover {
	background:#f9f9f9;
}

.add-invoice-holder {
	float:left;
	width:660px;
	margin-left:35px;
}

.add-invoice-holder-2 {
	float:left;
	width:40% !important;
	margin-left:35px;
}

.save-invoice-holder {
	float:left;
	width:13% !important;
	text-align:right;
}

.add-invoice-holder a, .add-invoice-holder-2 a {
	display:inline-block;
	font-family:inherit;
	font-size:11px;
	font-style:italic;
	background:url(../images/add-btn.png) 0 50% no-repeat;
	padding:1px 0 1px 15px;
	color:#808080;
}

.save-invoice-holder a {
	display:block;
	font-family:inherit;
	font-size:11px;
	font-style:italic;
	background:url(../images/save-icon.png) 0 50% no-repeat;
	padding:1px 0 1px 15px;
	color:#808080;
	display:inline-block;
}

.project-view-data:hover .action-button-holder {
	display:block;
}

.lime-green-cls {
	padding:5px;
	background:#effb8b;
	text-align:center;
	display:block;
}

.leaf-green-cls {
	padding:5px;
	background:#6bfc6b;
	text-align:center;
	display:block;
}

.light-red-cls {
	padding:5px;
	background:#FA4848;
	text-align:center;
	display:block;
}

.lime-green-cls input[type=text], .leaf-green-cls input[type=text], .light-red-cls input[type=text] {
	background:none;
	border:none;
	width:70px;
}

.light-red-cls input[type=text] {
	color:#fff !important;
}

.show_hide_btn_holder {
	position:relative;
}

.top_arrow {
	background:#f1f1f1 url(../images/top_arrow.png) 50% 50% no-repeat;
	padding:1px 3px;
	display:inline-block;
	width:55px;
	height:16px;
	position:absolute;
	z-index:100001;
	bottom:0;
	left:440px;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	cursor:pointer;
}

.bottom_arrow {
	background:#f1f1f1 url(../images/bottom_arrow.png) 50% 50% no-repeat;
	padding:1px 3px;
	display:inline-block;
	width:55px;
	height:16px;
	position:absolute;
	z-index:100001;
	bottom:0;
	left:440px;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	cursor:pointer;
}

.padding-none {
	padding:0;
}

.margin-none {
	margin:0;
}

.margin-left-none {
	margin-left:0 !important;
}

.margin-left-five {
	margin-left:5px;
}

.top-form-holder {
	width:300px;
	margin-right:25px;
	float:left;
}

.top-form-holder label {
	margin-bottom:10px;
	display:block;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#424243;
}

.top-form-holder input[type=text], .top-form-holder input[type=password] {
	width:288px;
	padding:7px 5px;
	border:#dbdbdb 1px solid;
	font:normal 13px/18px Tahoma, Geneva, sans-serif;
	color:#7c7c7c;
}

.top-form-holder select {
	width:300px;
	padding:6px 5px;
	border:#dbdbdb 1px solid;
	font:normal 13px/18px Tahoma, Geneva, sans-serif;
	color:#7c7c7c;
	line-height: 28px;
}

.top-form-holder textarea {
	width:288px;
	padding:7px 5px;
	border:#dbdbdb 1px solid;
	font:normal 13px/18px Tahoma, Geneva, sans-serif;
	color:#7c7c7c;
	height:100px;
}

.margin-right-none {
	margin-right:0px !important;
}

.customer_data {
	float:left;
	width:330px;
}

.customer_data .left-label {
	float:left;
	width:140px;
	text-align:right;
	display:block;
}

.customer_data .right-value {
	float:right;
	width:180px;
	text-align:left;
	color:#1381f2;
}

.customer_data_full {
	float:left;
	width:770px;
}

.customer_detail_holder {
	border-top:#f3f3f3 1px solid;
	color:#424243;
	width:755px;
	padding:12px;
	margin-left:38px;
	float:left;
	margin-top:25px;
}

.customer_data .default {
	margin-bottom:25px;
}

.customer_data img {
	float:left;
}

.customer_data span {
	width:290px;
	display:inline-block;
	float:right;
	color:#808080;
}

.customer_data_full span.info_textarea {
	width:730px;
	display:inline-block;
	float:right;
	color:#808080;
	display:block;
}

.customer_data_full span.info_textarea textarea {
	width:658px !important;
	border:#f0efef 1px solid !important;
	padding:5px !important;
	height:80px !important;
	font-family:inherit;
	color:#808080;
	font-size:14px;
}

.customer_data span.address {
	line-height:22px;
}

/* -------------------------------------------LOGIN STARTS HERE--------------------------------------- */

#login_holder {
	width:385px;
	margin:140px auto;
}

.login-error {
	font:normal 18px/18px 'MicrosoftPhagsPa', Arial, Helvetica, sans-serif;
	color:#343441;
	background:url(../images/error-info-icon.png) 0 50% no-repeat;
	padding:1px 1px 1px 22px;
	margin:auto;
	display:inline-block;
}

.login_holder-inner {
	width:305px;
	margin:20px 0 0 0;
	padding:40px;
	display:block;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
	float:left;
	box-shadow:0px 0px 3px #ccc;
	-moz-box-shadow:0px 0px 3px #ccc;
	-webkit-box-shadow:0px 0px 3px #ccc;
}

.login_holder-inner .default {
	margin-top:15px;
}

#login_holder label {
	width:100%;
	margin:0 0 7px 0;
	display:block;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#504f4f;
}

#login_holder input[type=text], #login_holder input[type=password] {
	width:289px;
	padding:7px;
	border:#dddddd 1px solid;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#333;
}

#login_holder input[type=submit] {
	padding:6px 15px 7px;
	margin:0;
	display:inline-block;
	background:url(../images/btn-bg.png) 0 0 repeat-x;
	color:#fff;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 1px #999;
	-moz-box-shadow:0px 1px 1px #999;
	-webkit-box-shadow:0px 1px 1px #999;
	border:none;
	float:right;
	cursor:pointer;
}

.back-to-website {
	font:normal 12px/15px Tahoma, Geneva, sans-serif;
	color:#1988fa;
	margin-top:8px;
	display:inline-block;
}

.back-to-website:hover {
	color:#666;
}

.login-error-holder {
	text-align:center;
	height:20px;
}

.center-align {
	text-align:center;
}

/* -------------------------------------------LOGIN ENDS HERE--------------------------------------- */

.readonly {
	background:none;
	border:none;
}
.handcursor {
	cursor:pointer;
}

.date-holder-field {
	margin-right:5px;
	float:left;
}

.date-holder-field input[type=text] {
	float:left;
	padding:8px 10px 7px;
	border:#DBDBDB 1px solid;
	font:normal 14px/15px Tahoma, Geneva, sans-serif;
}
.date-holder-field select {
	float:left;
	padding:6px 10px 7px;
	border:#DBDBDB 1px solid;
	font:normal 14px/15px Tahoma, Geneva, sans-serif;
	color:#999;
}
.ui-datepicker {
	z-index:1000001 !important;
}
.list-view {
	width:30px;
	height:31px;
	background:#fff url(../images/list-view.png) 50% 50% no-repeat;
	cursor:pointer;
	border:#dbdbdb 1px solid;
	border-right:none;
	float:right;
}
.grid-view {
	width:30px;
	height:31px;
	background:#fff url(../images/grid-view.png) 50% 50% no-repeat;
	cursor:pointer;
	border:#dbdbdb 1px solid;
	float:right;
}
.active-cls {
	background-color:#f9f9f9;
}
.float-right {float:right;}
.info_textarea_sml {width:220px !important;}
.left-edit-part {width:218px; height:240px; border:#F3F3F3 1px solid; float:left;}
.right-edit-part {width:510px; float:right;}
.grey-link {color:#808080;}
.border-top-spl {
	border-top:#ebebeb 1px solid;
	margin-top:15px;
}
.talent_div {
	float:left;
	width:222px;
	margin:10px 0 10px 12px;
	background:#FFF;
	box-shadow:#CCC 0 1px 5px;
	-moz-box-shadow:#CCC 0 1px 5px;
	-webkit-box-shadow:#CCC 0 1px 5px;
}

.talent_details {
	padding:7px;
	font-size:14px;
	line-height:18px;
}

.talent_details span {
	display:block;
	font-size:13px;
	color:#808080;
}

.talent_div a {
	color:#000;
}

.img-uploader {
	width:284px;
	height:247px;
	border:#dbdbdb 1px solid;
	position:relative;
	text-align:center;
}

.img-uploader input[type=button]{
	background:#f9f9f9;
	border:#dbdbdb 1px solid;
	position:absolute;
	top:45%;
	z-index:10001;
	left:90px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#424243;
	padding:7px 10px;
	cursor:pointer;
}

.one_third {
	float:left;
	margin-bottom:10px;
	width:286px;
	position:relative;
}

.one_third label {
	display:block;
	font-size:14px;
	margin-bottom:10px;
}

.one_third input[type=text] {
	padding:8px 5px;
	width:276px;
	border:#dbdbdb 1px solid;
	margin-bottom:20px;
}

.one_third textarea {
	padding:1%;
	width:97.5%;
	border:#dbdbdb 1px solid;
	margin-bottom:20px;
	height:100px;
	resize:none;
}

.one_third select {
	padding:7px 5px;
	width:100%;
	border:#dbdbdb 1px solid;
	margin-bottom:20px;
}

.middle_one {
	margin:0 45px;
}

.nameholder {
	float:left;
	width:312px;
	margin:10px 0 10px 10px;
}

.nameholder input[type=text] {
	float:left;
	width:300px;
	border:#dbdbdb 1px solid;
	padding:7px 5px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.certlevel {
	float:left;
	width:181px;
	margin:10px 0 10px 10px;
}

.certlevel input[type=text] {
	float:left;
	width:169px;
	border:#dbdbdb 1px solid;
	padding:7px 5px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.yearholder {
	float:left;
	width:111px;
	margin:10px 0 10px 10px;
}

.yearholder input[type=text] {
	float:left;
	width:99px;
	border:#dbdbdb 1px solid;
	padding:7px 5px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#808080;
}

.greyarea{
	font-size:14px;
	background:#f3f3f3;
}

.closeBtn {
	position:absolute;
	top:7px;
	right:7px;
	cursor:pointer;
	z-index:1000001;
}

.catholder {
	position:relative;
	cursor:pointer;
}

.catholder input[type="text"]:disabled {
	background:#FFF !important;
}

.catholder .catdiv {
	position:absolute;
	top:33px;
	left:0;
	display:none;
	padding:10px;
	border:#CCC 1px solid;
	border-top:none;
	background:#FFF;
	width:266px;
	font-size:13px;
	line-height:24px;
	z-index:10001;
}

.catholder:hover .catdiv {
	display:block;
}