@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Kanit:200|Prompt:200');
body{background:#fff ;color:#46647c; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;}
a:link, a:visited, a:active{ color: #222;text-decoration: none;}
a:hover {color: #F00;text-decoration: none;}
p { margin:0px; }
.ph-search-box{ max-width:600px;}

.col-md-2{ width:20% !important;}
.col-md-10{ width:80% !important;}

table.category { width:100% !important;}
td{ padding:12px !important;vertical-align: top; }
tr:nth-child(odd) {
  background: #fff;
}

.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }
.f-nav #top{ position: inherit; background:#fff;box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.26); width:100%;}
/*** top ***/
#top{ background:#fff; }
#logo{}
#menu{ padding-top:30px;}
#cart{ float:right;}

/*** slide ***/
#slide{ padding:0px;}

/*** icons ***/
#icons{padding-top:3%; padding-bottom:3%; background:#494c43;}


/*** products ***/
#products{ background:#fff ; padding-top:2%; padding-bottom:3%;font-size:14px;}
#products h3{font-family: 'Kanit', sans-serif; color:#333; font-size:2.3em; padding-bottom:5px;}
#products .bt-cs .bt-inner .bt-title{ font-size:18px; letter-spacing:0.5px;font-family: 'Prompt', sans-serif;}
#products a:link, #products a:visited, #products a:active{ color: #fff;text-decoration: none;}
#products a:hover {color: #222;	text-decoration: none;background: none;}
#products .ph-item-box{ width:285px; float:left;  }
#products .thumbnail{ border:none;border-radius:0px;  }
.ph-category-price-box{ text-align:center;}
.ph-price-brutto{ text-align:center; width:100%; color:#393;}
#products .caption h3{ font-size:14px; font-family: 'Kanit', sans-serif; letter-spacing:0.3px;}


/*** brand ***/
#brand{padding-top:3%; padding-bottom:3%; background:#f3f3f3;}
#brand h3{font-family: 'Kanit', sans-serif; color:#333; font-size:2.3em; padding-bottom:5px;}

/*** news_video ***/
#news_video{padding-top:3%; padding-bottom:3%;}
#news_video .ph-item-box{ width:250px; float:left; margin:10px;  }
#news_video .caption h3{ font-size:14px;font-family: 'Kanit', sans-serif;}
#news_video h3{font-family: 'Kanit', sans-serif; color:#333; font-size:2.3em; padding-bottom:10px;}
#news_video h4{font-size:14px; font-family: 'Kanit', sans-serif; letter-spacing:0.3px;}
p .views muted{ display:none;}

/*** footer ***/
#footer{padding-top:3%; padding-bottom:3%;background:#f3f3f3; color:#222;}
#footer h3{font-family: 'Kanit', sans-serif; font-size:1.6em; padding-bottom:10px;}

/*** copyright ***/
#copyright{ padding-top:10px; padding-bottom:10px; font-family: 'Kanit', sans-serif; color:#333; font-size:1.2em;background:#494c43; color:#fff;}

td{ padding:8px !important;vertical-align: top; }
tr:nth-child(odd) {
  background: #f5f5f5;
}

tr:nth-child(even) {
    background: #ddd ;
}
#search-contents input { width:86%;}
#search-contents .btn-primary { margin-top:0px !important;}

#component h1{font-family: 'Kanit', sans-serif; font-size:1.8em; padding-bottom:15px; color:#0e2664; border-bottom:1px dashed #ccc; margin-bottom:20px; }
#component h4{font-family: 'Kanit', sans-serif; font-size:16px;}
.regis-load{ text-align:right; font-size:12px; }
#regis-load input{ padding:8px;}

.ph-item-isbn-box{ margin-bottom:20px;}
#component-content12, #component-right{ padding:0px;}
.row-item{ padding:5px;}
#products-menu{ padding:0px;}

.sm-top{ padding:15px !important;}

#pathway{ margin-top:15px;}

/***BLOG***/

.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:48%;
	float:left;
	
}

.cols-2 .column-2 {
	width:48%;
	float:right;
	margin:0;
}

.cols-3 .column-1 {
	float:left;
	width:32%;
	margin-right:1%;

}

.cols-3 .column-2 {
	float:left;
	width:32%;
	margin-right:1%;

}

.cols-3 .column-3 {
	float: left;
	width:32%;

}

.cols-4 .column-1 {
	width:22%;
	float:left;
	margin-right:3%;
}
.cols-4 .column-2 {
	width:22%;
	float:left;margin-right:3%;
}
.cols-4 .column-3 {
	width:22%;
	float:left;margin-right:3%;
}
.cols-4 .column-4 {
	width:24%;
	float:left;
}
.items-row {
	
	margin-bottom:10px !important;
}

.column-2 {
	width:55%;
	
}

.column-3 {
	 width:30%
}

.column-4 {
	 width:25%
}

.blog-more {
	padding:10px 5px
}





/**********************
/*PAGINATION GENERAL
**********************/
.pagenav {
text-align: center; 
padding: 10px;
line-height: 2.1em; 
text-decoration: none;
border: 1px solid #dadada !important;
display: inline-block;
margin-left:5px;
}

.pagenav ul {
display: inline-block;
*display: inline;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
text-align: center;  
}

.pagenav li {
display: inline;
padding:  10px;
}

.pagenav a,span.pagenav {
padding: 20px;
}

.pagination {
float:none;
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:40px;	
}

.pagination ul {
padding: 0;
text-align:center;
width:100%;
margin-bottom:40px;
}

.pagination li {
display: inline;
float:left; 


}

.pagination li a {
padding:5px 10px;
text-decoration: none;
display: inline-block;

}

.pagination .active  {
cursor: default;
 background:#252525; 
 font-weight:bold;
} 

.pagination span,.pagination span  a:hover {
cursor: default;
padding:5px 10px;
margin-left:5px;
background:#262626 !important; 
color:#fff;
font-weight:bold;
}

.pagination p.pull-right {
float: none;
text-align: center;
margin-bottom:15px;
}

ul.pager.pagenav  {
border:none !important;
text-align:center;
width:100%;
margin-bottom:25px;
}

 ul.pager.pagenav > li.next > a ,ul.pager.pagenav > li.previous > a {
background:#262626;
color:#fff !important;
margin:10px 12px 20px 0 ;
padding:5px;
}
 
ul.pager.pagenav > li.next > a:hover ,ul.pager.pagenav > li.previous > a:hover {
border:none;
background:#262626;
color:#fff;
}

div.gk-article > ul.pager.pagenav ul li a:before {
content:"";
}

ul.pagination-list {
padding-bottom:40px;
}
 /*Button for print, editor and email icons */

ul.actions li {
float:left;
text-align:left;
margin:0;
padding:0 8px 0 0; 
list-style:none;
text-align:center;
list-style:none !important;
float:left;
}

li.print-icon a {
background: url(../images/system/printButton.png) 0 0 no-repeat;
text-indent:-5000px;
margin-left:10px;
width:15px;
float:left;
}

li.email-icon a {
background: url(../images/system/emailButton.png) 0 0 no-repeat;
text-indent:-5000px;
width:15px;
float:left;
}


/*   login   */
div.login-description {
font-size:14px;
color:#000;
font-weight:bold;
margin-left:15px;
margin-bottom:15px;
}

.login  {
margin-top:20px !important;
}
div.login fieldset {
margin:50px 0;
}

.login label  {
color:#000;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
margin:0;
padding:0 10px;
width:100%;
text-align:left !important;

}

input  {
background:#fff;
font-size:14px;
font-weight: normal;

line-height:20px;
border:none;
padding:10px 10px;
margin:5px 0;
border:1px solid #d9d9d9;

}


 .login button {
background:#000;
color:#fff;
border:none;
padding:15px; 
margin:10px 0;
}

ul.nav.nav-tabs.nav-stacked  {
float:left;
padding-bottom:50px;
}

ul.nav.nav-tabs.nav-stacked > li  {

display:inline;
background:#f7f7f7 !important; 
}

ul.nav.nav-tabs.nav-stacked > li > a  {
padding:15px 15px;
} 

#remember.inputbox {
width:5%;
}

form#user-registration.form-validate.form-horizontal.well > fieldset {
margin:30px 0 20px 0;
}

form#user-registration.form-validate.form-horizontal.well > fieldset > p {
margin:10px 0;
padding:10px 5px;
}

 label#jform_email-lbl{
font-weight:bold;
}
 
input#jform_email {
margin:15px 0;
}

button.btn.btn-primary.validate {

margin-top:0;
}
 
label#jform_spacer-lbl {
display:none !important;
}
 
.control-label {

}
.control-group{ margin-top:10px;}
.controls{ }
.controls > a.btn {
background:#000;
margin-left:16px;
padding:6px 12px;
color:#fff;
text-transform:uppercase;
}

fieldset > legend {
font-size:14px;
}

/*Print and E-mail popup window*/
body.contentpane {
background: none;
background-color: #fff;
padding: 22px;
}

body.contentpane div.pull-right a {
display: block;
padding: 0 0 10px 30px;	
}
	
div.mailto-close {
float: right;
}