@font-face {
    font-family: 'Conv_CASTLEN';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul { list-style:none;}
body{padding:0px; margin:0px; background:#ffffff; font-size:12px; font-family:Conv_CASTLEN,Arial, Helvetica, sans-serif;}
img{border:none; outline:none;}
a {
	text-decoration:none; cursor:pointer; color:#000;-webkit-transition:all 1s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 1s ease-in-out;
	}
.table_box_shadow { box-shadow:0 8px 6px -6px #ccc;}	
.clr{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
#stickyheader:hover {opacity:1!important;}
#login { margin-top:10%;}
.headerwraper {width:100%; z-index:1000; width:100%; height:auto; border-top:5px solid #f7ebd9; border-bottom:1px solid #f7ebd9; padding-bottom:10px; margin-bottom:20px;}
.logowraper {height:auto; font-family:Conv_CASTLEN,Arial, Helvetica, sans-serif; font-size:34px; color:#000; text-transform:uppercase; padding:12px 0 0 12px; float:left; margin-bottom:7px; width:25%;}
.logowraper img { max-width:60%;}
.loginwraper {height:auto; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; color:#ffffff; float:right; padding:29px 0px 0px 0px; font-size:13px; width:60%;}

.hmenu { background:#000; color:#fff; padding:10px 9px;   float:right; width:75%; padding-left:30px;}
.hmenu_left { float:left; }
.hmenu_right { float:right; }
.loginwraper span {padding:0px 3px;}

.navwraper {font-size:12px; clear:both; letter-spacing:1px;}
.search_area { max-width:600px; text-align:center; margin:0 auto; padding:10px 9px 10px 10px;}
.search_area .txtinput{ width:420px; border:1px solid #79756f; font-size:14px; height:40px; padding-left:15px; text-transform:capitalize;   }
.search_area .txtinput:focus{ border-color:#000;}
.search_area .submit_button{ background-color:#79756f; color:#fff; border:0; padding:4px 15px; text-align:center; cursor:pointer; height:40px; margin-left:-5px; font-size:14px;  }
.search_area .submit_button:hover { background:#000;}
.search_area_active .submit_button {background:#000;} 
.submit_button_save { background:green !important;}
h1.heading { font-size:16px !important; margin-bottom:10px; text-align:left; }
.customer_det td { border:0 !important; }
.customer_det td input { width:282px;}
.search_area_active { float:left; margin-bottom:20px;}
.shop_cart { float:right; padding:10px 9px 10px 10px; position:fixed; right:0;}
.shop_cart .submit_button{ background-color:#000; color:#fff; border:0; padding:4px 10px; text-align:center; cursor:pointer; height:33px; margin-right:5px; margin-top:5px; font-size:14px; box-shadow: 0 3px 4px 1px #ccc; -webkit-transition:all 1s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 1s ease-in-out;}
.shop_cart .submit_button:hover { background:#79756f;}
.item_list { width:98%; text-align:center; margin:0 auto; margin-bottom:15px;}
.item_list .submit_button, .submit_button{ background-color:#79756f; color:#fff; border:0; padding:4px 5px; text-align:center; cursor:pointer; height:30px; margin-right:5px; margin-top:5px; font-size:14px;   margin-bottom:20px; margin-left:5px;}
.item_list .submit_button:hover, .submit_button:hover { background:#000;}
.item_list .txtinput { width:60px; border:1px solid #79756f; font-size:14px; height:30px; padding-left:5px; text-transform:capitalize; box-shadow: 0 3px 4px 1px #ccc; -webkit-transition:all 1s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 1s ease-in-out;  }
.item_list .check-box{ margin-top:10px; font-size:14px; text-transform:capitalize;}
.item_list .check-box1{ margin-top:5px;}
.item_list .select_store { background-color:#ccc;}
.sselect_store { display:table-row !important;}
.website_tr { display:none;}
.save_msg_other { display:none; }
.save_msg{}
table {
  max-width: 100%;
  background-color: transparent;
}

.action_btn{padding:3px 5px; font-size:12px; background-color:#79756f; color:#fff; float:left; margin-right:5px;display:inline;-webkit-transition:all 1s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 1s ease-in-out; cursor:pointer;}
.action_btn a { color:#fff;}
.action_btn:hover{ background-color:#000; cursor:pointer;}
.action_btn:last-child { margin-right:0; }
th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.mandatory_field {
    margin-bottom: 5px;
    width: 280px;
}
.mandatory_field_input {
    width: 220px;
	
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.store_de td { 
  border-top: 0px !important;
  border-bottom: 1px solid #dddddd;
}

.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 1px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}
.table td { height:30px; font-size:14px;}
.td_left { text-align:left; padding-left:15px; line-height: 26px !important;}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #d5d5d5;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}


.heading {font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:24px; color:#232323; text-transform:uppercase; padding:15px 0 0 15px;}

/*--------------------------------------- Content Table Start here ---------------------- */

.tablewraper {width:auto; padding:15px; padding-bottom:1px;}
.tableheading {width:auto; height:36px; background:url(../images/heading-bg.png) repeat-x; font-size:14px; color:#000000;}
.tableheading select {width:auto; height:24px; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; border:1px solid #a8acad;}
.tableheading input {width:auto; height:16px; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; border:1px solid #a8acad; font-size:12px; color:#666; padding:4px;}
.tableheading .gobtn {width:28px; height:19px; background:url(../images/btn_bg.jpg) repeat-x; padding:4px 0px 0px 12px; color:#395306;}
.tableheading .rborder {border-right:1px solid #c4c4c4;}
.tableheading .lborder {border-left:1px solid #c4c4c4; padding-left:10px;}

.tdwraper {width:auto; padding:0px 15px; padding-bottom:0px;}
.tdheading {width:auto; height:36px; background:#dddddd; font-size:12px; color:#3d3d3d;}
.tdheading .rowheading {width:auto; border-right:1px solid #c5c5c5;}
.tdrows1 {width:auto; height:36px; background:#eeeeee; font-size:12px; color:#3d3d3d;}
.tdrows1 .rowheading {width:auto; border-right:1px solid #c5c5c5;}
.tdrows2 {width:auto; height:36px; background:#f7f7f7; font-size:12px; color:#3d3d3d;}
.tdrows2 .rowheading {width:auto; border-right:1px solid #c5c5c5;}



/*------------------------- Home page css ----------------------*/

.itemwraper {width:185px; height:135px; background:url(../images/index_bg.jpg) no-repeat; text-align:center; float:left; margin-right:15px; margin-bottom:24px;}

.itemwraper .iconimg {padding:8px 0px; height:46px;}

.itemwraper .itemheading {font-family:"Lao UI"; font-size:16px; color:#6b6b6b; height:35px; line-height:16px;}

.itemwraper .description {font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:12px; color:#1a1a1a;}

.footerwraper {width:100%;  padding:10px 0; background:#1a1a1a; opacity: 0.7; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; bottom:0; position:fixed;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

.copyright {padding-left:15px;}

.company {padding-right:15px;}

/*-------------------------- Login Page Css 4-11-2011 ---------------*/

.loginpage {width:440px; height:auto; margin:0px auto; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif;}

.loginheading {width:440px; height:auto; text-align:center; font-family:"Lao UI"; font-size:50px;}

.logincontent { width:355px; height:320px; border:5px solid #000; margin-bottom:15px; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:16px; padding:10px 45px 0 40px; color:#232323; box-shadow:8px 12px 11px -3px #ccc; display:table-cell;}

.loginbox {width:344px; height:35px; border:1px solid #000; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:12px; color:#232323; padding:5px;}

.padt10 {padding-top:10px;}

/*-----------------------------------15-11-2011-----------------------*/
.button {width:auto; height:25px; background:url(../images/btn_bg.jpg) repeat-x; margin-right:15px; padding:5px 8px 0px 8px; font-size:12px; color:#395306; font-weight:bold;}

.submit_button_left { float:left; margin-right:5px; font-family:Conv_CASTLEN, Arial; border-radius:4px; font-size:14px; background-color:#c3808a; color:#FFF; border:0; height:26px; cursor:pointer; font-weight:400;  } 
.submit_button_right { background-color: #000;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: Conv_CASTLEN,Conv_CASTLEN,Arial;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    margin-right: 0;
    width: 100px;}

.textbox {width:240px; border:1px solid #646464; height:18px; padding:3px; font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif; font-size:12px; color:#646464;}
.tdheading1 {width:auto; height:auto; background:#dddddd; font-size:12px; color:#3d3d3d; }
.tdheadingnew {width:auto; padding:10px 15px;}
.tdrowsnew {width:auto; height:auto; background:#eeeeee; font-size:12px; color:#3d3d3d;}
.tdrowsnew .rowheadingnew {width:auto; padding:10px 15px;}

.red {color:#ff0000;}

.footernew {margin-top:50px; width:100%; float:left;}

.loginDisplay
{
    font-size: 1em;
    width: 200px;
    height: 20px;
    float:right;
    text-align: right;
    margin: 40px 10px 0 0;
    color: #666;
    text-decoration: none;
}


.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    padding-left: 10px;
}
.lbl{ font-size:14px;}

.warning {
	/* background: url("../images/warning.png") no-repeat scroll 10px center #FFD1D1; */
	background-color:#FFD1D1;
    border: 1px solid #F8ACAC;
    color: #555555;
    padding: 6px 10px;
	font-size:12px;
    border-radius: 0px;
	clear:both;
}

.success_display {
    background: url("../images/success.png") no-repeat scroll 10px center #EAF7D9;
    border: 1px solid #BBDF8D;
    color: #555555;
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
	width:94%;
    border-radius: 5px;
}
.warning_display {
    background: url("../images/warning.png") no-repeat scroll 10px center #FFD1D1;
    border: 1px solid #FFD1D1;
    color: #555555;
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
	width:94%;
}

ul.menu {list-style:none; margin:0;padding:0; height:34px;}
ul.menu * {margin:0;padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px; margin-top:0px; margin-bottom:0; margin-left:0;}
ul.menu ul {position:absolute; top:33px; left:0;  display:none; opacity:0.1; list-style:none; background:transparent; 
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;}
ul.menu ul li {position:relative;border:1px solid #aaa;border-top:none;width:204px; margin:0; opacity:0.9;}
ul.menu ul li a {display:block; padding:5px 7px 7px 7px; background-color:#0e0703;} /*424242*/
ul.menu ul li a:hover {background-color:#68030a;}
ul.menu ul ul {left:170px; top:-1px}
ul.menu .menulink {padding:10px 7px 9px 10px; width:auto; margin-top:0px; cursor:pointer;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/menu_bg.png);}
.menuhover {background:url(../images/menu_bg.jpg);}
ul.menu .sub {background:#424242 url(../images/arrow.gif) 165px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.heading_table {
	background-color:#F3F3F3;
    border: 1px solid #DBDBDB;
    border-radius: 7px 7px 0 0;
    height: 30px;
    padding:8px 0px 0px 15px;
}

.icon {margin:8px; float:left;}
.heading_table h1 {
	color: #c3808a;
    float: left;
    font-size: 16px;
    margin: 0;
	padding-top:3px;
	font-family:goudysans_lt_btlight;
}

.tableborder {border:1px solid #CCCCCC; border-top:none; padding:5px; padding-bottom:20px; box-shadow:0 8px 6px -6px #ccc;}
.breadcrumb {
    color: #666666;
    font-size: 12px;
    margin-bottom: 15px;
	padding-left:25px;
	padding-top:10px;
}
.breadcrumb a {
    color: #666666;
    font-size: 12px;
    margin-bottom: 15px;
	padding-top:10px;
	text-decoration:none;
}
input[type="text"], input[type="password"] , input[type="file"]{
    padding: 4px;
	font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #ccc;
}
.textborder{border:1px #B8B8B8 solid; border-right:none;}
optgroup{ font-style:normal;}
select {
    padding: 4px;
	font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.selectborder { border:1px #B8B8B8 solid;
   }
.requirement {
	color:#F00;
}
textarea {
	font-family:Conv_CASTLEN, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	border:1px solid #B8B8B8;
	padding:4px;
}
.columan-right {
	line-height:25px;
	list-style:none;
	text-align:left;
	color:#000;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	font-size:13px;
}
.columan-right a{
	line-height:30px;
	text-align:left;
	color:#000;
	text-decoration:none;
	border-bottom:1px dashed #666;
	display:block;
}
.list {
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
}
.list thead td a, .list thead td {
    color: #222222;
    font-weight: bold;
    text-decoration: none;
}
.list thead td {
    background-color: #EFEFEF;
    padding: 0 5px;
}
.list td {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.list .left {
    padding: 7px;
    text-align: left;
	width:20%;
}


.list .product-left {
    padding: 7px;
    text-align: left;
}
.list .user-left {
    padding: 7px;
    text-align: center;
	width:16%;
}

.ul-list {
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
    width: 100%;
}
.ul-list td {
    background-color: #EFEFEF;
    padding: 0 5px;
	font-weight:bold;
}
.ul-list .left {
    padding: 7px;
    text-align: left;
}

/* ---------------------------------------- Sortable Class-------------------------------------------- */
#info {
	display: block;
	padding: 10px; margin-bottom: 20px;
	border: 1px solid #333;
	background-color: #303030;
}

#test-list {
	list-style: none;
}

#test-list {
	list-style: none;
	margin:0;
	padding:0;

}

#test-list li {
	display: block;
	margin-bottom: 3px;
	padding:5px;
	background-color:#F1F1F1;
	border: 1px solid #CCC;
}

#test-list li .handle {
	margin-right: 20px;
	cursor: move;
}
#preview-info {
	display: block;
	padding: 10px; margin-bottom: 20px;
	border: 1px solid #333;
	background-color: #303030;
}

#preview {
	list-style: none;
	margin:0;
	padding:0;
}
#preview li {
    display: block;
    float: left;
	width:100px;
	height:100px;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
}
#preview li .handle {
	margin-right: 20px;
	cursor: move;
}

#priority_list {
	list-style: none;
}

#priority_list {
	list-style: none;
	margin:0;
	padding:0;
}
#priority_list li {
	background-color:#F1F1F1;
    display: block;
    float: left;
    margin: 5px;
    padding: 7px 10px;
	width:100px;
	height:100px;
	text-align:center;
	font-size:10px;
}

#priority_list li .handle {
	margin-right: 20px;
	cursor: move;
}

/* ---------------------------------------- End Sortable Class-------------------------------------------- */

/* Additional add by Rachit */
.pageselected 
{
	font-weight:bold;
	color:#FFF !important;
	border:1px #c3808a solid !important;
	background:#c3808a !important;
	padding:3px 6px !important;
}

.pagination {
text-decoration:none;
font-size:12px;
padding:2px 4px;
margin:0 auto;
text-align:center;
}

.pagination a{
text-decoration:none;
font-size:12px;
color:#000;
border:1px #c3808a solid; 
padding:2px 4px;
}
.pagination a:hover {
text-decoration:none;
color:#FFF;!important;
border:1px #c3808a solid;
background:#c3808a; 
padding:2px 4px;
}

//************Edit Customer Form CSS*****************//
.businessleft {width:340px;}

.forms_pad1{padding:4px 0 4px 0;width:430px; margin:0px; clear:both;}

.form_field {width:200px; font-size:11px; color:#000000; float:left; padding-left:15px;}

.textbox3{ border:1px solid #959595; height:14px; width:180px; font-size:11px; margin:0px; padding:4px 5px;}

.name_field1{width:140px; float:left; font-size:11px; color:#000000; padding:5px 0 0 5px; text-align:right; text-transform:uppercase;}

.floatleft {float:left;}

table.form {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}
table.form > tbody > tr > td:first-child {
    width: 200px;
}
table.form > tbody > tr > td {
    border-bottom: 1px dotted #CCCCCC;
    color: #000000;
    padding: 10px;
}
.htabs {
    border-bottom: 1px solid #DDDDDD;
    height: 30px;
    line-height: 16px;
    margin-bottom: 15px;
    padding: 0 0 0 10px;
}
.htabs a {
   
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    color: #000000;
    display: none;
    float: left;
    font-family: Conv_CASTLEN, Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-right: 2px;
    padding: 7px 15px 6px;
    text-align: center;
    text-decoration: none;
}
.htabs a.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 7px;
}
.vtabs {
    border-right: 1px solid #DDDDDD;
    display: block;
    float: left;
    min-height: 300px;
    padding: 10px 0;
    width: 190px;
}
.vtabs a {
    display: none;
}
.vtabs a, .vtabs span {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    clear: both;
    color: #000000;
    display: block;
    float: left;
    font-family: Conv_CASTLEN, Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 6px 14px 7px 15px;
    text-align: right;
    text-decoration: none;
    width: 160px;
}
.vtabs a.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-right: 15px;
}
.vtabs a img, .vtabs span img {
    cursor: pointer;
    position: relative;
    top: 3px;
}
.vtabs-content {
    margin-left: 195px;
}

/*---------------search-------------------*/
.qucik_sea{ width:390px; height:27px; float:right; margin: 2px 30px 0 0px;}
.search_txt{ font-size:12px; color:#FFF; float:left; padding:7px 0 0 0;}
.seach_qu{ width:335px; height:26px; background:#FFF; float:right;border:#000 1px solid;}
.qucik_input{ width:150px; border:0 !important; background:none; float:left; height:19px;}
.select_input{ background: none repeat scroll 0 0 #F0F0F0;border: medium none;float: left; font-size:12px; font-size:12px; margin:0;width:150px; line-height:22px;}
.option_sel{ float:left; }
.qu_btn{ float:left; padding:0px;}
.active_color_hover a {
	color:#FFFFFF;
}
.active_color_hover a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.link_color {
	color:#000;
}
.fieldset_css
{
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	padding-bottom:20px;
}
.legend_css 
{
	border: 1px solid #999; 
	color:#000; 
	font-weight:bold; 
	padding:5px;
	font-size:13px;
	background-color:#F3F3F3;
}
.list .user-left_new {
    padding: 7px;
    text-align: center;
	width:auto;
}
.img_heading {font-weight:bold; padding:10px 10px; font-size:14px;}
.img_size {padding:5px 20px; width:20%;}
.img_input { width:90px; margin:5px 15px;}
.url_input { width:400px; height:25px;}

#nav-shadow {
			margin: 0 auto 0px auto;
			padding: 10px 0 0 22px;
			width:587px;
			min-height: 50px;
			text-align: center;
			list-style: none;
		
			
			}
			
		#nav-shadow li {
			margin-right:22px;
			width:95px;
			height:108px;
			position: relative;
			float: left;
			
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width:90px;
			height: 87px;
			text-indent: -9999px;
			overflow: hidden;
			/*background:url(icons.png) no-repeat;*/
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background:url(../images/img1_h.png) no-repeat;
			background-position:1px 0px;
			}
			
			#nav-shadow li.button-color-1 a:hover {
			background:url(../images/img1.png) no-repeat;
			background-position:1px 0px;
			}
			
			
			
		#nav-shadow li.button-color-2 a {
			background:url(../images/img2.png) no-repeat;
			background-position: -1px 0px;
			}
			
			#nav-shadow li.button-color-2 a:hover {
			background:url(../images/img2_h.png) no-repeat;
			background-position: -1px 0px;
			}
			
			
			
			
		#nav-shadow li.button-color-3 a {
			background:url(../images/img3.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
			#nav-shadow li.button-color-3 a:hover {
			background:url(../images/img3_h.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
			
		#nav-shadow li.button-color-4 a {
			background:url(../images/img4.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
			#nav-shadow li.button-color-4 a:hover {
			background:url(../images/img4_h.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
			
			
			#nav-shadow li.button-color-5 a {
			background:url(../images/img5.png) no-repeat;
			background-position:1px 0px;
			}
			
			#nav-shadow li.button-color-5 a:hover {
			background:url(../images/img5_h.png) no-repeat;
			background-position: -1px 0px;
			}
			
			
		#nav-shadow li.button-color-6 a {
			background:url(../images/img6.png) no-repeat;
			background-position: -1px -1px;
			}
			
			#nav-shadow li.button-color-6 a:hover {
			background:url(../images/img6_h.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
		#nav-shadow li.button-color-7 a {
			background:url(../images/img7.png) no-repeat;
			background-position: -1px -1px;
			}
			
			#nav-shadow li.button-color-7 a:hover {
			background:url(../images/img7_h.png) no-repeat;
			background-position: -1px -1px;
			}
			
		#nav-shadow li.button-color-8 a {
			background:url(../images/img8.png) no-repeat;
			background-position: -1px -1px;
			}
			
			#nav-shadow li.button-color-8 a:hover {
			background:url(../images/img8_h.png) no-repeat;
			background-position: -1px -1px;
			}
		#nav-shadow li.button-color-9 a {
			background:url(../images/img9.png) no-repeat;
			background-position: -1px -1px;
			}
			
			#nav-shadow li.button-color-9 a:hover {
			background:url(../images/img9_h.png) no-repeat;
			background-position: -1px -1px;
			}
		#nav-shadow li.button-color-10 a {
			background:url(../images/img10.png) no-repeat;
			background-position: -1px -1px;
			}
			
			#nav-shadow li.button-color-10 a:hover {
			background:url(../images/img10_h.png) no-repeat;
			background-position: -1px -1px;
			}
			
			
			
			
			
			
			
			
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom:9px;
			left: 0;
			z-index: 1;
			}
.facebook { width:16px; height:16px;  background:url(../images/sprite.png) -3px -2px no-repeat; float:left; }
.googleplus { width:16px; height:16px;  background:url(../images/sprite.png) -21px -2px no-repeat; float:left; }
.twitter { width:16px; height:16px;  background:url(../images/sprite.png) -40px -2px no-repeat; float:left;  }
.pinterest { width:16px; height:16px;  background:url(../images/sprite.png) -59px -2px no-repeat; float:left;  }
.instagram { width:16px; height:16px;  background:url(../images/sprite.png) -77px -2px no-repeat; float:left;  }
.youtube { width:16px; height:16px;  background:url(../images/sprite.png) -96px -2px no-repeat; float:left;  }
.blog { width:16px; height:16px;  background:url(../images/sprite.png) -114px -2px no-repeat; float:left; }
.imgList 
{
	max-height:90px;
	margin-left:5px;
	border:1px solid #dedede;
	padding:4px;	
	float:left;	
	max-width:90px;
}
.order_sucs_box{width:325px; margin-left:auto;margin-right:auto;   font-size: 14px;}
.order_sucs_box a{font-weight:bold;}
.loading-info{width:50px; margin-left:auto;margin-right:auto;}

.customer_det td input {  width: 282px;  padding: 12px;  font-size: 14px;}
.customer_det td select {width:282px;  background-color:#ffffff; border:1px solid #dddddd; font-size:14px; padding:1px;  color:#7b7b7b;  height:45px;line-height:32px;-webkit-appearance: none;  /*Removes default chrome and safari style*/     -moz-appearance: none;  /*Removes default style Firefox*/ position:relative; background-image:url(../images/arrow.png); background-position:top 18px right 10px; background-repeat:no-repeat;font-family:"montserratlight",Arial, Helvetica, sans-serif; margin-top:15px; text-indent:7px;}
.customer_det td  {text-align: left;  vertical-align: middle !important; }

.item_list.clr .submit_button{ margin:0; background:#000; font-size:15px; text-transform:uppercase; padding:11px 21px; float:left; height:auto; margin:10px 5px}
.item_list.clr .submit_button:hover {background:#F4989D}
.item_list.clr table{ border-collapse:collapse}

#results.item_list.clr .submit_button {   font-size: 13px;   padding: 7px 9px;  float: none;  height: auto;  margin: 0;}
@media only screen and (max-width:1300px){
.loginwraper { width:70%;}
}
@media only screen and (max-width:980px){
.logowraper { width:100%; text-align:center;}
.loginwraper { width:100%; padding-top:15px; text-align:center; font-size:12px;}
.hmenu { width:100%; border-radius: inherit;}
.headerwraper { border-bottom:0;}
.shop_cart { position:inherit;}
}
@media only screen and (max-width:760px){
	.item_list .txtinput { width:90%; text-align:center;}
	.item_list .submit_button { width:90%;}
	.view_img > img {max-width: 100%; height:auto;}
	.table td.td_left{ font-size:12px; line-height:inherit;}
	.item_list .check-box{ font-size:12px;}
	.stitch_img { width:100% !important;}
	.stitch_data { width:100% !important;}
	.stitch_img img { max-width:50%; height:auto; }
	.save_msg_other { display:block; }
	.save_msg{ display:none;}
}
@media only screen and (max-width:550px){
.item_list {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #dddddd;
}
.mandatory_field { width:140px;}
.search_area { width:100%;}
.search_area .txtinput { width:70%;}
.search_area .submit_button { width:20%;}
.shop_cart{ float:none; text-align:center;}
.shop_cart .submit_button { width:90%;}
.item_list .submit_button, .item_list .txtinput { width:85%; font-size:12px;}
}

@media only screen and (max-width:500px){
.loginbox { width:100%;}
.loginpage { width:100% !important;}
.logincontent { width:100% !important; padding:20px 35px 20px 20px;}
#login_line { font-size:16px !important;}
.logowraper img { max-width:40%; height:auto;}
.hmenu_left { display:none;}
.hmenu_right { text-align:center; float:none;}
.hmenu{ padding-left:0;}
.footerwraper { display:none;}

#results.item_list.clr .txtinput { width:68px;}
#results.item_list.clr select { width:62px !important;}
#results.item_list.clr .submit_button {  font-size: 12px;  padding: 7px 9px;  float: none;  height: auto;  margin: 0;    margin-top: 0px;  width: 68px;  white-space: break-spaces;  word-wrap: break-word;  word-break: break-all;  text-align: center;  margin-top: 8px;}

}
@media only screen and (max-width:440px){
.search_area .submit_button { width:28%;}
.stitch_data { padding-left:0 !important;}
.mandatory_field_input { width:80%; } 
.item_list .submit_button, .item_list .txtinput { width:80%; font-size:11px;}
.table td { font-size:12px;}
.td_left { line-height:20px !important;}


}