/* CSS Document */

body {
	background-color: #444444;	
}

.container {
	background-color: #fff;	
}
header {
	background-image: url('../images/header_images/chinabooks-header-350px.jpg'),url('../images/header_images/chinabooks_350_1px.jpg');
	background-position:left; 
	background-repeat:no-repeat, repeat-x;
	height: 59px;
}


/* Small devices (tablets, 768px and up) */
@media  (min-width: 768px) {
	header {
	background-image: url('../images/header_images/chinabooks-header-768px.jpg');
	height: 117px;
	}
}

/* medium and below devices */
@media  (max-width: 1200px) {
		.nav > li > a {
padding-left: 5px;
padding-right: 5px;
}

}


/* Medium devices (desktops, 992px and up) */
@media  (min-width: 992px) {
	header {
	background-image: url('../images/header_images/chinabooks-header-992px.jpg');
	height: 117px;
}
	
}

/* Large devices (desktops, 1200px and up) */
@media  (min-width: 1200px) {
	header {
	background-image: url('../images/header_images/chinabooks-header-1200px.jpg');
	height: 117px;
}
	
}


header.row {
  margin-right: 0;
  margin-left: 0;
}

/*reduce height of main top nav bar
.navbar-nav > li > a {
	padding-top:1px !important; 
	padding-bottom:1px !important;
	}
.navbar {
	min-height:22px !important
	}
*/

.navbar-default {
	background-color: #f4f4f4;	
	}

a {
  color: #b60103;/*ca4245 9e3032 b60103*/
  text-decoration: none;
}

a:hover,
a:focus {
  color: #642611;
  text-decoration: underline;
}

.tab-pane {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.8em;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;	
  border-left: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #f4f4f4;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;	
  border-bottom: 0;
  border-top: 0;
  /*border-bottom-color: transparent;*/
}


/* remove this style */
.glyphicon-pushpin, 
.glyphicon-heart {
	color: #3F2B22;
}

/* add these styles */

.glyphicon {
	color: #ca4245;
}
.active .glyphicon {
	color: #555;
}

.glyphicon.black {
	color: #000;
}

.btn-default {
  color: #ca4245;
  background-color: #ffffff;
  border-color: #ca4245;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #ffffff;
  background-color: #ca4245;
  border-color: #ca4245;
}

/*   ca4245   */
.btn-primary {
  color: #ca4245;
  background-color: #ffffff;
   border-color: #ca4245;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
  background-color: #ca4245;
  border-color: #ca4245;
}

.btn-info {
  color: #ca4245;
  background-color: transparent;
  border: 0;
  /*border-color: #ca4245;*/
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #ca4245;
  border-color: #ca4245;
}


.navbar-default .navbar-nav > li > a {
font-size: 90%;
/*padding-top: 10px;
padding-bottom: 0;*/
/*line-height: 1em;*/
}

.dropdown-menu {
font-size: 90%;	
}

@media (max-width:767px) {
.dropdown-menu  > li > a {
	background-color:#eecb8b;
}
}

@media (min-width:769px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}

.form-control {
display: block;
width: 100%;
/*height: 28px;*/
}

.btn-default {
	height: 28px;
	padding: 3px 3px;
}



.btn.mydisabled,
.btn[mydisabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  font-size: 80%;
  border-color: #ca4245;
  border-width: thin;
  border-style: solid;
	background-color: #F4F4F4;
	font-weight: bold;
	color:#000;
}


.pull-left.img-responsive {
	margin: 0 1em 0 0;
}


.this-footer {
/*padding: 15px 15px;*/ 
padding: 0 15px; 
margin-right: 0; 
margin-left: 0; 
margin-bottom: 0;
margin-top: 50px; 
background-color: #EDD9DA;
font-size: 90%;
border: 2px solid #ccc;
text-align: justify;
}

.this-events {
padding: 0; 
margin-right: 0; 
margin-left: 0; 
margin-top: 50px; 
background-color: #FFFFFF;
font-size: 90%;
border:thin solid #ddd;
text-align: justify;
/*border: thin solid #b60103;*/
}

.this-events h3 {
text-align: left;
}


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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1;*/

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-findicon:before {
	content: "\e600";
}

.icon-chinacart:before {
	content: "\e603";
}

@media (min-width: 768px) and (max-width: 992px) {
 .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px;
}

.navbar-collapse {
    padding-right: 5px;
    padding-left: 5px;
    
} 
  }
/* SC Added with NEW button*/
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 0;
}
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px 0 10px;
}

.menu-icon {
	margin: auto; 
	display: inline block; 
	text-align: center;
}

@media (max-width: 768px){
.menu-icon {
	margin: auto; 
	display: inline block; 
	text-align: left;
}
}