
/* Shared Styles	 */

.button{
margin: 5px 0px 5px 0px;
white-space: nowrap;
}

.button a, .button a:visited{
color: #fff;
padding: 5px 10px;
border: 0px !important;
text-decoration: none !important;
font-size: 13px;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
border-radius:3px;
background:#585858;
}

.button a:hover{
color: #fff;
text-decoration: none;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
background:#3c3c3c;
}

/* Back to top */

#totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
}

#totop a, #totop a:visited{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

#totop a:hover {
	color: #fff;
	text-decoration: none;
}

/* Sidebar menu */

.navi {
  display: block; 
  width: 100%; 
  background:transparent;
  margin: 10px auto; 
}

.navi{
margin: 0px;
padding: 0px;
}

.navi li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.navi > li > a { 
  display: block; 
  padding: 7px 10px;
  color: #777;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}

.navi > li > a:hover, #navi > li > a.open { 
  color: #444;
  background-color: #f3f3f3;
  border-bottom: 1px solid #ddd;
}

.navi li ul { display: none; background: #fff; margin: 0px;}

.navi li ul li { 
  margin-left: -30px;
}

.navi li ul li a { 
  display: block; 
  background: #fafafa;
  padding: 7px 0px;
  padding-left: 5px;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  color: #777;
}
.navi li ul li a:hover {
  background: #f3f3f3;
}

.navi_sub { 
  display: block; 
  width: 100%; 
  background:transparent;
  margin: 10px auto; 
}

/* Pagination */

.paging {
clear:both;
padding:6px 0;
line-height:17px;
float:center;
}
 
.paging a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:5px 8px;
text-decoration:none;
width:auto;
color:#444;
background: #fff;
border:1px solid #ddd;
font-weight:normal;
}
 
.paging a:hover{
color:#fff;
background: #585858;
border:1px solid #3c3c3c;
}

.paging .current{
padding:5px 8px;
color:#fff;
background: #585858;
border:1px solid #3c3c3c;
}

/* Item */

.item5{
	min-height: 150px;
	/*max-height: 110px;*/
	/*max-width: 250px;*/
	margin: 5px auto;
	padding: 5px 5px;
	border: 1px solid #f3f3f3;
	box-shadow: inset 0px 0px 1px #ddd;
	-webkit-transition:box-shadow 1s ease;
  -moz-transition:box-shadow 1s ease;
  -o-transition:box-shadow 1s ease;
  transition:box-shadow 1s ease;
}

.item5:hover{
	box-shadow: inset 0px 0px 5px #ccc;
	-webkit-transition:box-shadow 1s ease;
  -moz-transition:box-shadow 1s ease;
  -o-transition:box-shadow 1s ease;
  transition:box-shadow 1s ease;	
}

.item5 .ico{
	color: #fff;
	display: inline-block;
	width: 35px;
	height: 20px;
	margin-left: 5px;
}

.item5 hr{
	margin: 5px 0px;
}

.item5 .item-image{
/*	max-height: 150px;*/
}

.item5 .item-image img{
/*	padding: 5px 0px;*/
/*	height: 140px;*/
	width: auto;
	display: block;
	margin: 0 auto;
/*	max-width: 100px;*/
}

.item5 .item-details h5{
	text-align: center;
}

.item5 .item-details h5 a{
	color: #444;
}

.item5 .item-details h5 a:hover{
	text-decoration: none;
}

.item5 .item-details p{
	text-align: center;
}

.item-price{
	margin: 7px 0px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 5px !important;
	line-height: 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	background: #f3f3f3;
	border: 1px solid #eee;
/*	box-shadow: inset 0px 0px 1px #888;*/
}

/* Owl Carousel */

.owl-carousel .item{
  margin: 5px;
  padding: 15px 10px;
  background: none repeat scroll 0% 0% #FCFCFC;
  border: 1px solid #EEE;
  border-radius: 5px;
  text-align: center;
}
.owl-carousel .item a img{
  margin: 0px auto;
  margin-bottom: 10px !important;
  /*max-height:150px;*/
}
#owl-wrap {
  margin-left: 7px;
  margin-right: 7px;
}
#owl-wrap .prev, #owl-wrap .next{
  cursor: pointer;
}

/* multi-column */

.dropdown-menu.columns-4 {
  min-width: 600px;
}
.multi-column-dropdown {
  list-style: none;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

/* Pwd Strength */

#pw_w {
  font-size:9pt;
  font-weight:bold;
}
#pw_w .short{
	color:#FF0000;
}
#pw_w .weak{
	color:#E66C2C;
}    
#pw_w .good{
	color:#2D98F3;
}
#pw_w .strong{
	color:#00A000;
}

/* Other */

.c_path{
  list-style: outside none none;
  padding: 0px 0px;
}

.c_path > li {
  display: inline-block;
}

.c_path > li > a {
  margin: 0 3px;
}

.nav-tabs{
	margin-bottom: 10px;
}

.nav-tabs>li>a:hover{
	color: #fff;
}

.tab-pane ul{
	margin:0px;
	margin-left:25px;
	padding:0px;
}

.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
}

.state-indicator:before { content: 'lg'; }

@media (max-width: 1199px) {
  #qsearch #qcid{ max-width:none; }
  .state-indicator:before { content: 'md'; }
}

@media (max-width: 991px) {
  .state-indicator:before { content: 'sm'; }
}

@media (max-width: 767px) {
  .state-indicator:before { content: 'xs'; }
}

.row, .row td, .row th  {
	Font-Family: Arial, Helvetica, sans-serif; 
	/*Font-Size: 12px; */
  word-wrap:break-word;
  white-space:normal;
}

.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}

.form-horizontal .form-group {
    margin-bottom: 3px;
}

.form-horizontal .help-block{
  margin-top:0px;
  margin-bottom:0px;
}

.tab-content { padding: 0 15px; }

input.button { 
	background-color:#d9534f;
	border-color:#d43f3a;
	color : #fff;
	border : thin solid 1px;
	padding: 1px 8px !important;
}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:2px; 
	margin-bottom: 2px; 
}

input.button:hover { 
	background-color:#d2322d;
	border-color:#ac2925;
}

input.button.disabled, input.button[disabled] {
    cursor: default;
    opacity: 0.50;
    filter: alpha(opacity=50);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

select {
	color:#494b4e; padding:3px 5px; border:1px solid #cdd9e9;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
  height: 30px; line-height: 30px;
}

input[type=text], input[type=password], textarea {
	 color:#494b4e; border:1px solid #cdd9e9; padding:3px 5px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

input[type=text], input[type=password]{
  min-height: 30px;
}

.pagetitle {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color:#d9534f;
	padding-bottom: 5px;
}

.err {
	font-weight: bold;
	color: red;
}

OPTION.root { 
	color:#0000FF; 
}

.ex_row {
	background-color: #e3e3e3;
	font-weight: bold;
}

.imgTag {
	BORDER-RIGHT: #fff 1px solid; 
	BORDER-TOP: #fff 1px solid; 
	BORDER-LEFT: #fff 1px solid; 
	BORDER-BOTTOM: #fff 1px solid
}

A:hover .imgTag {
	BORDER-RIGHT: #000 1px solid; 
	BORDER-TOP: #000 1px solid; 
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid; 
	border-thickness: 1px
}

.row_th {
	background-color: #CCC;
}
.row_td1 {
	background-color: #EEE;
}
.row_td2 {
	background-color: #DDD;
}

.txt12, td.txt12, th.txt12 { font-size: 1.3em }
.txt11, td.txt11, th.txt11 { font-size: 1.2em }
.txt10, td.txt10, th.txt10 { font-size: 1.1em }
.txt9, td.txt9, th.txt9 { font-size: 1em }
.txt8, td.txt8, th.txt8 { font-size: 0.9em }

.required {
	background-image:url("required-field.png");
	background-position:top right;
	background-repeat:no-repeat;
	padding: 2px 12px 0 0;
	font-weight: bold;
}

.atn {
	color: #0000FF;
}

.note {
	font-size: 8pt;
	color: #0000FF;
}
.details .f_t {
	font-weight : bold;
}

a.bold, a.bold:visited {
	font-weight: bold;
	text-decoration: underline;
}
a.bold:hover {
	text-decoration: none;
}

.lbl {
  padding-top:0px;
}

.ec-feat {
	background:url("item/featured.gif") no-repeat;
	width: 18px;
	height: 18px;
}
.ec-sold {
	background:url("item/sold.png") no-repeat;
	width: 37px;
	height: 24px;
}

@media only screen and (max-width: 639px) {
	
  #list_view table, #list_view thead, #list_view tbody, #list_view th, #list_view td, #list_view tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none, for accessibility) */
  #list_view thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  #list_view tr { border: 1px solid #ccc; }
  
  #list_view tr:nth-of-type(even) td { 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%;
    text-align: left;
  }
  
  #list_view tr:nth-of-type(even) td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
  
  #list_view tbody tr:nth-of-type(odd) td:nth-of-type(1) { display: none; }
  #list_view tbody tr:nth-of-type(odd) td { border-top: none; }
}