/* Petfood Direct CSS
*********************************************/


@import url("https://fonts.googleapis.com/css?family=Kanit&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");


html { 
	height:									101%; 
	width: 									100%;

}

/* Layout styling */
body {
	width: 									100%;
	background-color: 						white;   	
/*	background: 							url('../graphics/whiteback.gif');   
/*	margin: 								10px auto;     
	font-size: 								0.9em;    */
	font-family: 							'Kanit', sans-serif;
//	color:									#2e3192;
	color:									#313131;
	overflow-y:								scroll;	
	margin: 								0 auto 0 auto;
	text-align: 							left;
	
}

/* LAYOUT
*********************************************/

  #header {}
  #main {}
  #footer {}


/* Layout Classes */
  .inheader {}
  .inmain {}
  .infooter {}
  .inpopup {}

/* Floats */
#top-left, #bottom-left, .float-left {float:left;}
#top-right, #bottom-right, .float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.ie6 .group {zoom:1;}
.ie7 .group {zoom:1;}
#menu, .item-separator { clear: both; }

/* Elements */
h1, h2 {
	font-family: 							'Kanit', sans-serif; 
	font-weight: 							800;
}

p, li, span.title {
	font-family: 							'Kanit', sans-serif; 
}

a {
	color: 									#4f321f; /* Not working for some reason */
	text-decoration: 						none;
}

.readmore a:link {
	font-size:								14pt;
	color: 									red;
}
.readmore a:hover {
	font-size:								14pt;
	color: 									blue;
}

.item h2 a:hover {
	text-shadow: 							2px 2px 2px #444;
}
		
.site-header {
	width: 									100%;
	margin-top: 							0px;
	padding: 								0px;

 }

.site-header-banner {
	width: 									1075px;
	margin: 								0 auto 0 auto; 
	display:								block;

}	

.site-header-contact-wrapper  {	
	width:									1000px;
	margin:									0 auto 0 auto;
	display:								block;
 	text-align:								left;
	position:								relative;							
	top:									-30px;
}

	
.site-header-contact  {	
	display:								inline-block;
	font-size:								12pt;
	font-family: 							'Kanit', sans-serif;  
	color:									#5a667e;
	font-weight: 							700; 
	margin-left: 							60px;
	margin-right:							60px;

}	

.site-header-telno  {	
	display:								inline-block;
	font-size:								12pt;
	font-family: 							'Kanit', sans-serif;  
	color:									#5a667e;
	font-weight: 							700; 
	margin-left: 							90px;
	margin-right:							60px;

}	

.site-header-contact a:link {
	color:									#5a667e; 
}

.site-header-contact a:hover {
	color:									#3366cc; 
}
	
#banner-image img {
    width:									100%;
    height: 								100%;
	min-heigth: 							100px;
}
	
	
#top-left {
	border-radius: 							20px;
	box-shadow: 							10px 10px 10px #444;
	width: 									380px;
	height: 								190px;
	padding: 								10px;
}

#top-left p {
	font-family: 							'Open Sans', sans-serif; 
	color: 									#fff;
	text-align: 							center;
	font-size: 								1.1em;
	line-height: 							20px;
	margin: 								0;
	-moz-transform:							rotate(-3deg);
	-webkit-transform: 						rotate(-3deg);
}

#top-left img {
	width: 									100%;
}

#top-right {
	border-radius: 							20px;
	border: 								2px solid #4f321f;
	box-shadow: 							10px 10px 10px #444;
	width: 									560px;
	height: 								188px;
	padding: 								10px;
}

#top-right h3 {
	font-family: 							'Open Sans', sans-serif; 
	font-size: 								1.5em;
	text-align: 							center;
	margin-top: 							-10px;
	margin-bottom: 							-13px;
}

#top-right img{
	border: 								2px solid #4f321f;
	height: 								120px;
	border-radius: 							20px;
}

#top-right p, #top-right a {
	font-family: 							'Open Sans', sans-serif;  
	margin: 								0;
}

#top-right a {
	text-decoration: 						none;
	text-align: 							center;
	font-size: 								1.5em;
	color: 									#4f321f;
}
		
.banner-message  {		
	width:									1100px;
	display:								block;
	margin:									0 auto 0 auto;
	font-size: 								14pt; 
	font-weight:							900;
	text-align:								left;
	color:									#5a667e;
}	

 
/*********************************************

           Petfood Direct Tabs CSS
		   
*********************************************/


.clear{
    clear: 									both;
    height: 								0;
    visibility: 							hidden;
    display: 								block;
}		
a {		
    text-decoration: 						none;
}	
#tab-container{	
     width: 								100%;
    font-size: 								12px;
    line-height:							14px;
    overflow: 								hidden;
}		
		
#tab-menu  {		
		height: 							100px;
}	
	
 #tab-menu ul{	
    list-style: 							none;
    margin-top:								30px;
    list-style-position: 					outside;
    width: 									100%;
}  

#tab-container ul.tab-menu li{
    display: 								block;
    float: 									left;
    position: 								relative;
    left: 									0px;   
 	font-family: 							'Rubik', sans-serif;	
	color:									#4f321f;	
    font-weight: 							800;
    font-size: 								1.4em;
 //   font-style:								italic;
    padding: 								10px 30px 10px 30px;	
    border: 								none;
    border-bottom: 							none;
    cursor: 								pointer;
 /*   height: 								30px;     */
}	
	
#tab-container ul.tab-menu li:hover{	
    color: 									#fff;
//	background-color: 						#2e3192;
	background-color: 						#3366cc;
	text-align: 							center;
/*	height: 								20px;      */
    border-bottom: 							0;
	cursor: 								pointer;
}	
	
#tab-container ul.tab-menu li.active{	
//  color: 									#2e3192;
	color:									#3366cc;				
/*  height: 								30px;      */
    border-bottom: 							0;
}

#tab-container ul.tab-menu li.active:hover{
	color: 									#ffffff;
    border-bottom: 							0;
	cursor: 								pointer;
}	
	
.tab-top-border {  }	
	
.tab-content {	
	position:								relative;
	top:									-40px;
	width:									1024px;
    margin: 								0 auto 0 auto;
    color:									#313131;;
    font-family: 							'Kanit', sans-serif; 
    font-size:								14px; 
    font-weight:							500;
    letter-spacing:							0.1px;
    text-align: 							left;
    line-height: 							1.2em;
}	
#tab-container div.active{	
    display: 								block;
}		
.tab-content h1{		
    line-height: 							1em;
    height: 								28px;
    font-size: 								22px;
}		
		
.tabcontent-head-italic  {		
  font-family: 								'Kanit', sans-serif; 
  font-style: 								italic;
  font-size: 								18px;
  font-weight: 								600;
  line-height: 								1.2em;
  letter-spacing: 							2px;
  color:									black;
}		

/* position cart symbol & No of Items */

.cart_container {
    position: 								relative; 
    top: 									-50px; 
    right: 									2px;
}
	
.basket-button a {
	position:								relative; 
    top:									-40px;	
	display: 								block;	
	margin-right: 							10px;	
	border: 								solid 1pt;
	height:									100px; 
	width:									100px;
    border:									10px;
	background-size: 						100%;
	background-image: 						url('../graphics/dogbutton-1.png');
	background-repeat: 						no-repeat;
	background-position: 					center;

}

.basket-button a:hover {
  	height:									96px; 
    width:									96px;
	margin: 								2px 12px 2px 2px;
  	background-size: 						100%;
    background-image: 						url('../graphics/dogbutton-2.png');
	background-repeat: 						no-repeat;
	background-position: 					center;
}		
	

.cart-info-wrapper  {
	position: 								relative;
	top:									-20px;
	display: 								block; 
	width: 									1024px; 
	margin:									0 auto 0 auto;
	height:									30px;
	margin-bottom:							40px;
}
.cart_items  {		
	float:									right;
	display: 								inline-block;
	font-size: 								12pt; 
	font-weight: 							700; 
	color: 									#3366cc;
}	

.noitems  {		
//	float:									right;
	display: 								inline-block;
	margin-right:							40px;
	font-size: 								12pt; 
	font-weight: 							700; 
	color: 									#3366cc;
}

.logged-on-msg  {
	float: 									right;
	margin-right:							150px;
	width:									500px; 
	display: 								inline-block; 
}

.userLoggedon  {
	color: 									#616161; 
	font-size:								12pt; 
	font-weight: 							700; 
	display:								inline-block; 
	float:									right;
}


/*********************************************
      End of Petfood Direct Tabs CSS
*********************************************/



/*   Home Page Styling      */

.homepage  {
	font-family: 							'Kanit';	
//	color: 									#2e3192; 
	color:									#313131;
	font-size:								12pt; 
	font-weight:							400; 	
	line-height: 							35px; 
	margin-top:								10px; 
	margin-bottom: 							10px;
}

.homepage p   {
	font-family: 							'Kanit';	
//	color: 									#2e3192; 
	color:									#313131;
	font-size:								12pt; 	
	font-weight:							400; 
	line-height: 							20px; 
	margin-top:								10px; 
	margin-bottom: 							10px;
}		
		
.homepage-heading   {		
	display: 								inline-block; 
	margin: 								15px 0 40px 0; 
	font-size:								25pt; 
	font-weight:							800; 	
	font-family: 							'Kanit';
	color:									#2e3192;
	text-shadow: 							2px 2px 2px #444;
}		
		
.homepage-subhead   {		
	font-size: 								14pt; 
	font-weight:							600; 
	font-family: 							'Kanit';
	color: 									#2e3192; 
}



/*           */

.vmenu-container  {
	width: 									100%px;
	display: 								block;
	margin: 								0 auto 50px auto;
}						
						
.vmenu  {						
	width:									200px; 
	display: 								block; 
	float: 									left; 
	margin:									20px 20px 0 20px;
	border-radius: 							20px; 
	border: 								4px solid #3366cc;
	cursor: 								pointer; 
}							
.vmenu-item  {							
	width: 									200px; 
	border-radius: 							16px; 	
	margin: 								0; 
	vertical-align: 						top;	
}	
	
	
.moduletable_menu {	
	position: 								relative;
	top: 									20px;
}	
	
#menu {	
  padding-top: 								10px;
  margin: 									0!important;
}	
	
#menu ul li {	
  list-style: 								none;
  display: 									inline;
  margin: 									0 16px 0 0;
}	
	
ul.menu {	
padding: 									0;
}

#menu ul li a {
	font-family: 							'Open Sans', sans-serif; 
	font-weight: 							800;
	color: 									#fffedb;
	font-size: 								18pt;
	text-decoration: 						none;
}	
	
#menu ul li a:hover {	
	color: 									red;
	ext-shadow: 							4px 4px 4px #444;
}			
			
#main {			
  width: 									1024px;
  overflow: 								hidden;
}	
	
#main a  {	
	color:  								blue;
}			
#main a:hover {			
	color: 									red;	
}		
		
#home-main {		
	width: 									1024px;
	overflow: 								hidden;
}			
			
.cart-main  {			
	width: 									1024px;
	overflow: 								hidden;
}			
			
#plain-main {			
	width: 									1024px;
//  background: 							#fffedb;
}			
			
#linkpanel {			
	margin-top: 							20px;
	background: 							#fff;
	border-radius: 							25px 25px 25px;
	border: 								2px solid #2e3192;
	padding: 								10px 10px 10px 10px;
	width: 									995px;
	min-height: 							200px;
}	
	
.innerlinkpanel {	
	width: 									960px;
}


#shop {
	padding: 								20px 0px 110px 0px;
	width: 									1024px;
	margin-left: 							0px;
	margin-top: 							30px;
}		
	
.feature-img {	
	border-radius: 							20px;
	border: 								2px solid #385512;
	box-shadow: 							10px 10px 10px #c0c0c0;
	width: 									1024px;
	height: 								300px;
}

.feature-box {
/*
	border-radius: 							15px 100px;
//  border: 								2px solid #385512;
//  box-shadow: 							10px 10px 10px #444;
//  padding: 								10px;
*/	
	margin-top:								30px;
}

.blog div div p img {
	border-radius: 							20px;
	border: 								2px solid #385512;
}
/* Shop Bit */
  
.orderby-displaynumber {
	display: 								none;
}

.product div div h2 a {
	color: 									#4f321f;
	text-decoration: 						none;
}

/* Slider module */

.moduletablepaws {
	float: 									left;
}
.sotss-theme1 {
	margin: 								20px 10px;
}

.sotss-container {
	border-radius: 							15px 100px !important;
	border: 								2px solid #FFF!important;
	box-shadow: 							10px 10px 10px #444;
}

.SotSimpleSlider_item {
	margin-bottom: 							10px;
}



/* Height hack for testers page */
div.item.column-1, div.item.column-2 {
	float: 									left;
	width: 									50%;
}

.vm-pagination ul li{
	margin: 								5px!important;
}

.pagination ul li { 
	display: 								inline;
	margin-right: 							5px;
}

#carousel .cloud9-item, #buttons button {
	  cursor: 								pointer;
}

.slide img {
	height: 								220px;
}
.slide p {
	text-align: 							center;
}


#nomimg, #leftimg  {
	transform: 								rotate(-5deg);
}

#rightimg  {
	transform: 								rotate(5deg);
}


.frameclass { 
	border-width:							0px;
	border-style:							solid;
	border-color:							#349a68;
}

.menutext  {
	font-size: 								1em;
}

.imagepointer {
	cursor: 								pointer; 
}

.class1 {	}

.class2 {	}

.class3 {
	font-size: 								14px; 
}

.enqform  {
	text-align: 							left;
	font-weight: 							normal;
	font-size: 								1em;
	line-height: 							16px;
	padding-left: 							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
} 

.desc-box {
	margin-top:								10px;
	margin-right:							0px;
	width:									800px;
	height:									45px;
	padding: 								5px 0px 5px 0px;
	background-color: 						#dddddd;
	border-left-color:						#888888;
	border-left-style:						solid;
	border-left-width:						1px;
	border-right-color:						#888888;
	border-right-style:						solid;
	border-right-width:						1px;
	border-top-color:						#888888;
	border-top-style:						solid;
	border-top-width:						1px;
	border-bottom-color:					#888888;
	border-bottom-style:					solid;
	border-bottom-width:					1px;
}

.image-box{
	margin-top:								10px;
	margin-right:							48px;
	width:									200px;
	height:									200px;
	float:									left;
	border-left-width:						1px;
	border-right-width:						1px;
	border-top-width:						1px;
	border-bottom-width:					1px;
	}

.text-box {
	margin-top:								5px;
	margin-right:							48px;
	width:									200px;
	height:									25px;
	line-height:							20px;
	float:									left;
	}

table.listtab  { 
	font-family: 							'Open Sans', sans-serif; 
	font-weight: 							normal;
	font-size: 								1em;	
	color: 									#000045;
	}


.listHd  { 
	text-align:								center;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							bold;
	font-size:								1em;
	line-height:							1em;
	padding-left:							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
	}

.listHdc  { 
	text-align:								center;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							bold;
	font-size:								1em;
	line-height:							1em;
	padding-left:							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
	}

.listHdl  { 
	text-align:								left;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							bold;
	font-size:								1em;
	line-height:							1em;
	padding-left:							0px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
	}

.listHdr  { 
	text-align:								right;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							bold;
	font-size:								1em;
	line-height:							1em;
	padding-left:							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
}

.listBodl  { 
	text-align:								left;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							normal;
	font-size:								1em;
	line-height:							1em;
	padding-left:							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
} 

.listBodr  { 
	text-align:								right;
	font-family: 							'Open Sans', sans-serif; 
	font-weight:							normal;
	font-size:								1em;
	line-height:							1em;
	padding-left:							5px;
	padding-right:							5px;
	padding-top:							2px;
	padding-bottom:							2px;
} 

.listBodc  { 
	text-align:								center;
  	font-family: 							'Open Sans', sans-serif; 
	font-weight:							normal;
	font-size:								1em;
	line-height:							1em;
	padding-left:							10px;
	padding-right:							10px;
	padding-top:							2px;
	padding-bottom:							2px;
} 

p.box  {
	width:									820px;
	height:									580px;
	border-style:							solid;
	border-color:							#000045;
	border-width:							1px;
	background-color:						#EEEEEE;
}

#menu-container {
    width: 									1024px;
    font-family: 							'Open Sans', sans-serif; 
    font-size: 								12px;
    line-height:							15px;
    margin-bottom: 							10px;
    overflow: 								hidden;
	margin:									0 auto 0 auto;
	
}
#menu-container ul{
    list-style: 							none;
    margin-top:								0px;
    list-style-position: 					outside;
    width: 									100%;
}
#menu-container ul.menu-item li{
    display: 								block;
    float: 									left;
    position: 								relative;
    left: 									-40px;
    font-family: 							'Open Sans', sans-serif; 
    color: 									#000;
    font-size: 								11pt;
    text-decoration: 						none;
    font-weight: 							800;
    padding: 								15px 50px 5px 0px;
    border: 								none;
    border-bottom: 							none;
    cursor: 								pointer;
}
#menu-container ul.menu-item li:hover{
    color: 									grey;
    border-bottom: 							0;
}
#menu-container ul.menu-item li.active{
	color: 									#4a69a9;
    text-shadow: 							1px 1px 1px #444;
    border-bottom: 							0;
}
.back-to-category {
	float:									right;
}

.back-to-category-left {
	float:									left;
}

.events-schedule { 
	font-size:								1.1em;
	font-weight:							500; 
	line-height:							1.4em;
}
.events-schedule TD  {
	color:									#4f321f;
	line-height: 							1.5em;
}

.contactus  {
	font-size:								14px;
	font-family: 							'Open Sans', sans-serif; 
	font-weight: 							500;
	letter-spacing: 						2px;
	text-align: 							center; 
	line-height:							2.0em;
}
.contactus a:link {
	color: 									red;
}
.contactus a:hover {
	color: 									blue;
}

#popup  {
  	background: 							#fff;
  	border-radius: 							20px;
 	box-shadow: 							10px 10px 10px #444;
  	border: 								2px solid #4f321f;
 	padding: 								20px 20px 20px 20px;
  	width: 									575px;
	font-family: 							'Open Sans', sans-serif; 
}
#popup h2  {
	font-family: 							'Open Sans', sans-serif; 
	font-weight: 							800;
}

.shop_container  {
	display: 								inline-block;
	width:									1024px;
	float: 									left;
}
.shop-element  {
	display: 								inline-block;
	width:									300px;
	float: 									left;
}

.product-head  {
	font-size: 								13pt; 
	font-weight:							900; 
	font-family: 							'Open Sans', sans-serif; 
	color:									#006600; 	
}

.filter-panel  {
	display: 								inline-block; 
	float:									left;  
	font-size: 								11pt;
}

.filter-panel-selection  {
	display: 								inline-block; 
	margin-bottom:							15px;
	margin-left:							50px;
}
	
.filter-panel-item  {
	display: 								inline; 
}	
	
.filter-panel-radio  {	
	display: 								inline; 				
//	margin-right: 							100px;
}

span.addtocart-button  {
	width:									152px;
	float:									left;
	margin:									0 0 0 10px;
}

span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button {
	width:									152px;
	background:								#e8e8e8 url(../graphics/backgrounds.png)top repeat-x;
	background-position:					0 -160px;color:#fff;
	border:									solid #00a000 1px;border-radius:4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									34px;
	text-align:								center
	letter-spacing:							1px;
	padding:								4px 5px;
}

span.addtocart-button input.addtocart-button-disabled {
	width:									auto;
	background:								#f2f2f2 top repeat-x;
	border:									solid #333 1px;
	border-radius:							4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									34px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;
	color:									#333;
	margin:									10px 0px 0px 0px;
}

span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover {
	background-position:					0 -200px;
	color:									#f2f2f2;
}

.subscribe-button  {
	width:									150px;
	float:									left;
	margin:									0 0 0 10px;
}

.subscribe-button  {
	width:									150px;
	background:								#e8e8e8 url(../graphics/backgrounds.png)top repeat-x;
	background-position:					0 -160px;
	color:									#fff;
	border:									solid #00a000 1px;
	border-radius:							4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									24px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;
}

span.subscribe-button input.subscribe-button-disabled {
	width:									150px;
	background:								#f2f2f2 top repeat-x;
	border:									solid #333 1px;
	border-radius:							4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									24px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;
	color:									#333;
	margin:									10px 0px 0px 0px;
}

.subscribe-button-disabled {
	width:									152px;
	background:								#f2f2f2 top repeat-x;
	border:									solid #333 1px;
	border-radius:							4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									24px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;
	color:									#333;
	margin:									10px 0px 0px 0px;
}

.subscribe-button:hover,span.subscribe-button  {
	background-position:					0 -200px;
	color:									#f2f2f2;
}
.buynowbutton  {
	margin:									0 0 0 10px;
	background-image: 						url("buynow1.gif");
	background-position:					0 -160px;color:#fff;
	cursor:									pointer;
	height:									26px;
	padding:								4px 5px;	
}
.buynowbutton: hover {
	background-position:					0 -200px;
	background-image: 						url("buynow2.gif");
}

.blue-button  {
	margin:									0 0 0 10px;
	background:								#e8e8e8 url(../graphics/backgrounds2.png)top repeat-x;
	background-position:					0 -160px;color:#fff;
	border:									solid #428aab 1px;border-radius:4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									26px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;

}

span.blue-button  {
	width:									auto;
	background:								#f2f2f2 top repeat-x;
	border:									solid #333 1px;
	border-radius:							4px;
	-webkit-border-radius:					4px;
	-moz-border-radius:						4px;
	font-size:								14px;
	cursor:									pointer;
	height:									26px;
	text-align:								center;
	letter-spacing:							1px;
	padding:								4px 5px;
	color:									#333;
	margin:									10px 0px 0px 0px;
}

.blue-button:hover,span.subscribe-button  {
	background-position:					0 -200px;
	color:									#f2f2f2;
}

.texttrigger  {
	color:									#4f321f; 
	font-weight: 							600; 
	cursor:									pointer;
}						
						
.tabletext  {						
}						
						
.tabletext td {						
	color:									#4f321f; 
	font-weight: 							600;
}


.pagehead  {
	margin: 								15px 0 40px 0; 
	font-size:								25pt; 
	font-family: 							'Kanit';
//	color: 									#2e3192; 
	color:									#313131;
	font-weight:							900;
//	text-shadow: 							2px 2px 2px #444;
}		
		
.page_content  {		
	line-height:							1.2em;
	font-family: 							'Kanit';
	font-weight:							400;	
	color: 									#313131;
	font-size:								12pt; 	
	line-height: 							25px; 
	margin-top:								10px; 
	margin-bottom: 							10px;
			
}		
		
.product_header  {		
	font-size: 								12pt; 
	font-weight:							600; 
	font-family: 							'Kanit';
	color: 									#2e3192; 
}		
		
.product_text  {		
	font-family: 							'Kanit';
	font-weight:							400;	
	color: 									#2e3192; 
	font-size:								10pt; 
	margin-top:								10px; 
}		
		
.product-detail-head  {		
	margin: 								15px 0 40px 0; 
	font-size:								18pt; 
	font-family: 							'Kanit';
	line-height: 							120%;
	color: 									#5a667e; 
//	text-shadow: 							2px 2px 2px #444;
}


.cart-pagehead  {
	display: 								block; 
	width: 									100%;	
	color: 									#52964b;
	margin: 								0px 0 40px 0;
	font-size:								25px;
	font-family: 							'Open Sans', sans-serif; 
	font-weight: 							900;
	width: 									100%;
}

.friends-left  {
	clear:									right;
	float:									left;
	margin:									10px 10px 0 0;
}

.friends-right  {
	clear:									left;
	float:									right;
	margin:									10px 0 0 10px;
}

.friends-text  {
	display:								block-inline;
	min-height: 							120px;
}

.blog-view {padding:0 0 0 12px;}
.blog-view {color:black; font-size: 14px; line-height: 20px; letter-spacing: 0.1px;}
.blog-view h1{font-size:22px;margin:0 0 6px;padding:0;}
.blog-view {margin:0 0 15px;padding:0;}
.blog-view .product-description,.product-fields{margin:15px 0; line-height:150%;}


/*  body.php specific   */

.header1  {
	position: 								absolute; 
	top: 									15px; 
	left: 									10px; 
	z-index: 								1;
} 						
						
.header1b  {						
	position: 								absolute; 
	top: 									15px; 
	left: 									100px; 
	z-index: 								3;

} 

.msg  {
	position: 								absolute; 
	top: 									108px; 
	left: 									30px; 
	z-index: 								2;
	font-size: 								12px;
	color: 									#660033;
}

.underlay  {
	position: 								absolute; 
	top: 									55px; 
	left: 									10px; 
	z-index: 								10;
}
.bodytext   {
	position: 								absolute; 
	top: 									75px; 
	left: 									20px;
	width: 									1024px; 
	z-index: 								11;
}
.panel  {
	position: 								absolute;  
	padding: 								0;
   	margin: 								0;
}

.side  {
	position: 								absolute; 
	top: 									188px; 
	left: 									20px; 
	z-index: 								6;
}

#prodload {  }

#x-backtoShop  {
	color: 									#4a69a9;
	font-size: 								14pt; 
	cursor: 								pointer	
}
#x-backtoShop:hover  {
	color: 									blue;
}

.menuline {  }

hr.menuline {
    height: 								12px;
    border: 								0;
    box-shadow: 							inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	width:									1024px;
	margin:									15px auto 0 auto;
}
.gradient  {   }

hr.gradient {
    border: 								0;
    height: 								1px;
    background-image: 						linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.twin  {   }

hr.twin {
    padding: 								0;
    border: 								none;
    border-top: 							medium double #333;
    color: 									#333;
    text-align: 							center;
}

.badgebar-wrapper  {
	width:							1024px;
	margin:							0 auto 0 auto;
}


/*     Testimonial Panel     */

.testimonial-panel  {
	display:						inline-block;
	margin-top: 					0px;
	margin-left: 					0px;
	margin-right: 					30px;
	background: 					#fff;
	border-radius: 					25px 25px 25px;
	border: 						2px solid #2e3192;
	padding: 						10px 10px 10px 10px;
	width: 							200px;
	height: 						100px;	 
}

#testimonial {
  display: inline;
}


/*  Modulesocial panel   */

.modulesocial   {
	margin-top: 					30px;
	margin-left:					160px;
	display: 						inline-block;
	vertical-align: 				top;
}


/* PayPal panel */	
		
.modulepaypal  {			
  background: 								#ffffff!important;
  display:									inline-block;
  color: 									white;
  margin-bottom: 							30px;  
  margin-right:								5px;
  border-radius: 							20px;
  padding: 									10px;
  float: 									right;
  border: 									2px solid #2e3192;
  width: 									200px;
  height: 									100px;
  box-shadow: 								5px 5px 5px #e6e6e6;  
  font-family: 								'Kanit', sans-serif; 
}

.nsb_container {
	display:								inline-block;
}

.nsb_link {
	float:									left;
}

.nsb_container a img {
	opacity:								1;
	filter:									alpha(opacity=100);
}

.nsb_container a img:hover{		
	opacity:								0.4;
	filter:									alpha(opacity=40);
	color:									#aaaaaa;
}
.nsb_container a:hover{		
	opacity:								0.4;
	filter:									alpha(opacity=40);
	color:									#aaaaaa;
}

.thankyou  {
	font-family: 							'Roboto', sans-serif;
	font-size:								12pt;
	font-weight:							700;
	font-style:								italic;
	line-height:							140%;
}

.subs-centrebutton  {
	display: 								inline-block; 
	margin-left: 							175px;
}
.subs-rightbutton  {
	display: 								inline-block; 
	float: 									right; 
	margin-right: 							30px;
}