﻿body { margin:0px; padding:0px; background:url(../images/topbg.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif; }
/*================================
	CSS STYLE FOR GENERAL LAYOUT PART
==================================*/
#wrapper { width:980px; margin:0 auto; position:relative; display:table; }
#headerpart, #navigationpart, #centerpart { width:980px; float:left;}
/*================================
	CSS STYLE FOR COMMON CLASSES
==================================*/
a { text-decoration:none; }
img { border:none; }
ul { margin:0px; padding:0px; list-style:none;}
h1, h2, h3, h4, h5, p { margin:0px 0px 10px 0px; padding:0px }
h1, h2, h3, h4, h5 { font-family: 'Lemon', Trebuchet MS, cursive; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.left { float:left;}
.right { float:right;}
.fnone  { float:none!important;}
	
.bold { font-weight:bold; }
.clrgreen { color:#009900; }
.clear { clear:both; height:0px;}
.spacer { clear:both; height:10px;}
ul { margin:0px; padding:0px; list-style:none;}
a.link { color:#8C433F;}
a.link:hover { color:#333;}
blockquote { margin:0px; padding:0px;}
/*================================
	CSS STYLE FOR INDIVIDUAL PART
==================================*/
#headerpart { height:88px;}

.logo { float:left; background:url(../images/logo.png) no-repeat left top; width:239px; height:64px; display:block; margin:10px 0px 0px 0px; }
.searcharea { float:right;}
.toplaungage { float:right; padding-top:5px; padding-bottom:20px; }
.toplaungage select { background-color:#FFFFFF; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:100px; padding:3px; }

.topsearch { float:right; width:234px; height:25px; clear:both;}
.topsearch input[type="text"] { background-color:#fff; border:none; line-height:23px; width:170px; float:left; height:23px; color:#B5B5B5; font-size:11px;  border-radius:5px 5px 5px 5px; padding:0px 3px; }
.topsearch input[type="submit"] { float:left; border:none; padding:3px 0px 3px 0px; text-align:center; width:52px; font-size:12px; color:#333; font-weight:bold; background-color:#FFCC00; overflow:visible; margin:0px 0px 0px 5px; border-radius:5px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; }

/*===================================
	CSS STYLE FOR NAVIGATION PART
=====================================*/
#navigationpart { height:32px; }
ul.navi { margin:0px; padding:0px; list-style:none; }
ul.navi li { float:left; display:inline; background:url(../images/naviline.jpg) no-repeat right top; line-height:32px; padding-right:2px; }
ul.navi li a { color:#333333; font-size:12px; line-height:32px; display:block; padding:0px 14px; font-weight:bold; }
ul.navi li a:hover, ul.navi li a.selected { background-color:#FFD017; color:#9C553C; display:block; }

/*===================================
	CSS STYLE FOR CENTER PART
=====================================*/
#centerpart { padding:10px 0px; }

#leftpart { width:220px; float:left; margin-right:15px; }

.newbox { width:100%; float:left; padding-bottom:15px; }
.newbox .hdttl { background-color:#8D4341; width:100%; float:left; color:#FFFFFF; font-size:13px; font-weight:normal; font-family: 'Lemon', cursive; border-radius:5px 5px 0px 0px; line-height:31px; }
.newbox .hdttl span { background:url(../images/icon_arrow.jpg) no-repeat 6px 1px; padding-left:25px; }
.newbox .bxcontent { background-color:#EBEBEB; border-radius:0px 0px 5px 5px; float:left; width:100%; padding-bottom:10px; font-size:12px; color:#333333; line-height:20px; }

ul.leftnavi { position:relative; margin:0px; padding:0px; list-style:none; z-index:0; }
ul.leftnavi li { line-height:28px; color:#333333; font-size:12px; color:#333; border-bottom:1px dashed #B0B0B0; padding-bottom:1px; position:relative; float:left; width:100%; }
ul.leftnavi li a { color:#333; line-height:28px; background:url(../images/leftarrow.jpg) no-repeat 4px center; display:block; padding-left:11%; float:left; width:89%; }
ul.leftnavi li a span { font-size:12px; color:#333; font-weight:bold;}
ul.leftnavi li a:hover, ul.leftnavi li a.selected { display:block; color:#8C433F; line-height:28px; background:url(../images/leftarrow1.jpg) no-repeat 4px center #fff;  float:left; }

ul.leftnavi li ul { display:none; }
ul.leftnavi li:hover ul { display:block; position:absolute; width:180px; background-color:#F0F0F0; border:1px solid #CECECE; left:200px; z-index:9999999; top:0px; }

ul.leftnavi li:hover ul li { background-image:none; }
ul.leftnavi li:hover ul li a { background-image:none; padding:0px 3%; display:block; width:94%; }


/*====== NEWSLETTER SECTION ======*/
.newsletter { padding:5px; }
.newsletter p { display:block; }
.newsletter input[type="text"] { border:1px solid #D2D2D2; background-color:#fff; width:160px; float:left; height:23px; color:#B5B5B5; font-size:11px;  border-radius:5px 5px 5px 5px; padding:0px 2px; }
.newsletter input[type="submit"] { float:left; border:none; padding:4px 0px 4px 0px; text-align:center; width:39px; font-size:12px; color:#fff; font-weight:bold; background-color:#8D4341; overflow:visible; margin:0px 0px 0px 3px; border-radius:5px 5px 5px 5px;  cursor:pointer; }


/*==== AD BANNEER =====*/
.leftaddbanner { float:left; width:100%; text-align:center; padding-bottom:15px;}

/*==== RIGHT PART =====*/
#rightpart { float:left; width:745px; font-size:12px; line-height:18px; color:#666666; }
#bannerpart { float:left; width:745px; z-index:1; position:relative; }
/*=====================
	CSS FOR SLIDER BANNER
=====================*/
.bannerbg { background:url(../images/bannerbg.jpg) no-repeat left top; width:745px; height:232px;  }


.adbanner { float:left; width:745px; padding:10px 0px; text-align:center; clear:both; }

.mainslider { float:left; clear:both; width:100%; padding-bottom:15px; margin-top: 15px; }
.mainslider .sliderttl { width:100%; float:left; padding-bottom:3px; margin:0px;}
.mainslider .sliderttl h3 { margin:0px; padding:0px; font-size:17px; color:#333333; font-weight:normal;}
.mainslider .sliderbg { background-color:#EBEBEB; border-radius:5px; float:left; width:745px; padding:10px 0px; }
.slidercontrol { width:40px; height:160px; text-align:center;}
.slidercontrol img { margin-top:75px;}





ul.slider { margin:0px; padding:0px; list-style:none; float:left; }
ul.slider li { float:left; background-color:#FFFFFF; border-radius:5px; padding:10px 5px 5px 5px; width:140px; margin:0px 20px 0px 0px; text-align:center; font-size:11px; min-height:156px; }
ul.slider li.last { margin:0px;}
ul.slider li blockquote { display:block; margin:0px 0px 2px 0px; padding:0px;}
ul.slider li blockquote .thumbimg { border:2px solid #8D4341; }



/*================================
	CSS STYLE FOR FOOTER CONTENT
==================================*/
#footercontent { background-color:#F0F0F0; border-top:1px solid #CCCCCC; width:100%; position:relative; padding:10px 0px; color:#333333; font-size:12px; line-height:20px; }
#footercontent h2 { font-size:20px; color:#8D4341; font-weight:normal; }
.footerwrapper { width:980px; margin:0 auto; position:relative; }


/*================================
	CSS STYLE FOR FOOTER LINKS
==================================*/
#footerlinks { background-color:#8D4341; width:100%; position:relative; padding:0px 0px; font-size:12px; color:#fff; height:40px; line-height:40px;}
ul.socialicon { float:left; margin-top:8px; }
ul.socialicon li { float:left; margin:0px 4px; line-height:normal; }
.iconlogo { background:url(../images/footerlogo.jpg) no-repeat right center; }

/*===========================
	CSS STYLE FOR INSIDE PART
===========================*/
#breadcum { height:20px; line-height:27px; font-size:12px; color:#333; width:100%; float:left;}
#breadcum a { color:#333; font-weight:bold; text-decoration:underline; }
#breadcum a:hover { color:#8D4341; font-weight:bold; }
/* INSIDE BANNER */
.adbannerinside { float:left; width:745px; padding:0px 0px 10px 0px; text-align:center; clear:both; display:none; }

/* PAGINATION */
.toppaginate { clear:both; width:100%; max-width:743px; box-sizing:border-box; border:1px solid #E1E1E1; background-color:#F0F0F0; font-size:11px; margin:0 0 10px 0; padding:4px 6px; }
.toppaginate ul { display:flex; flex-wrap:wrap; align-items:center; gap:2px 4px; margin:0; padding:0; list-style:none; }
.toppaginate li { display:inline-flex; flex-wrap:wrap; align-items:center; line-height:25px; font-size:12px; padding:0; }
.toppaginate li.bold { margin-right:8px; }
.toppaginate li a { color:#333333; padding:2px 6px; display:inline-block; }
.toppaginate li a:hover, .toppaginate li a.selected { background-color:#8D4341; color:#fff; }

/* MAINT TITLE */
h1.maintitle { font-size:20px; font-weight:normal; color:#8D4341; padding:10px 0px 0px 0px;}

/* MAINT TITLE */
.showingcontrol { background-color:#F0F0F0; border-bottom:2px solid #E1E1E1; width:735px; padding:0px 5px; float:left; font-size:12px; line-height:24px; }
.showingcontrol h3 { margin:0px; padding:2px 0px; font-weight:normal; color:#8C4340; font-size:16px;}
.showingcontrol a { color:#333333; font-weight:bold; }
.showingcontrol a:hover { }
a.listview { background:url(../images/listicon.jpg) no-repeat left 2px; padding-left:15px; margin-right:5px; }
a.listview:hover, a.listview.selected { background:url(../images/listicon.jpg) no-repeat left -18px; color:#8D4341; }

a.gridview { background:url(../images/gridicon.jpg) no-repeat left 2px; padding-left:15px; }
a.gridview:hover, a.gridview.selected { background:url(../images/gridicon.jpg) no-repeat left -18px; color:#8D4341; }


/*===========
	CSS FOR LIST VIEW
=============*/
.listingpane { width:100%; float:left; padding:0px; margin:0px; }
.listcontrol { margin:0px; padding:0px; list-style:none; }
.listcontrol li { width:745px; float:left; border-bottom:2px solid #F0F0F0; padding:10px 0px; margin-bottom:15px; font-size:11px; line-height:17px; }

.listcol1 { width:25px; float:left; text-align:center; font-size:11px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333; }
.listcol2 { width:130px; float:left; text-align:center; }
.listcol3 { width:345px; padding:0px 11px 0px 10px; float:left; }
.listcol3 blockquote { float:left; width:100%; padding:0px 0px 3px 0px; margin:0px;}
.listcol3 blockquote p { padding:2px 0px; margin:0px;}
.producttt { color:#8C4340; font-size:12px; font-weight:bold; }
.producttt a { color:#8C4340; }
.producttt a:hover { color:#333; }
.prohighlight { background-color:#F0F0F0; padding:2%!important; width:96%!important; margin-bottom:5px!important; }
.btnlink { background-color:#F68E1D; border:none; border-radius:3px; font-size:12px; color:#FFFFFF; padding:4px 10px; font-weight:bold; margin-right:4px; float:left; }
.listcol4 { width:223px; float:left; font-size:11px; }


/*=======================
	CSS STYLE FOR GRID SECTION
==========================*/
.gridpane { width:186px; height:175px; float:left; text-align:center; }
.gridpane blockquote { width:100%; float:left; text-align:center; margin:0px; padding:0px 0px 4px 0px; line-height:18px;}


.btmpagination { background-color:#F0F0F0; width:735px; padding:5px; float:left; font-size:12px; line-height:14px;  }
.btmpagination ul { float:right; }
.btmpagination ul li { float:left; display:inline; padding:0px 1px; }
.btmpagination ul li a { padding:3px 5px; color:#333; display:block; font-weight:bold; }
.btmpagination ul li a:hover, .btmpagination ul li a.selected { display:inline-block; background-color:#8D4341; color:#fff; }

/*========================================
	  CSS STYLE FOR PRODUCT DETAILS
========================================*/
.detailsleft { width:319px; float:left; border:1px solid #F0F0F0; text-align:center; height:337px; position:relative; }
.socialbar { position:absolute; bottom:0px; background-color:#F0F0F0; width:100%; float:left; text-align:center; height:25px; left:0px;}
.socialbar img { margin:3px 2px 0px 2px; }

.detailsright { width:412px; float:right; }
.productttdetails { color:#8C4340; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; }
.detailsright blockquote { margin-bottom:5px; float:left; width:100%;}

.starrating { background-image:url(../images/starrating.jpg); background-repeat:no-repeat; width:17px; height:16px; float:left; }
.rating1 { background-position:left top;}
.rating1_1 { background-position:left -16px;}
.rating0 { background-position:left -32px;}


ul.booksbyauthor { margin:0px; padding:0px; list-style:none; }
ul.booksbyauthor li { float:left; width:135px; float:left; text-align:center; margin:0px; border:none; padding:10px 0px 0px 0px; }
ul.booksbyauthor li blockquote  { padding:2px 0px 0px 0px; margin:0px; }



/*============ CSSS STYLE FOR COMMENT BLOCK ======================*/
#commentarea { width:100%; float:left; margin-bottom:10px; }
/* COMMENT LIST */
#commentarea .commentlist { width:100%; float:left; margin-bottom:10px; }
#commentarea .commentlist ul { margin:0px; padding:0px; list-style:none; }
#commentarea .commentlist ul li { float:left; margin-bottom:5px; width:98%; padding:1%; clear:both; background-color:#f0f0f0; }
#commentarea .commentlist ul li img { float:left; width:45px; height:45px; border-radius:25px; }
#commentarea .commentlist ul li blockquote { width:92%; margin:0px 0px 0px 8%; padding:0px;}
#commentarea .commentlist ul li blockquote p { margin:0px 0px 5px 0px; padding:0px;}
#commentarea .commentlist ul li blockquote a { color:#8C4340; text-decoration:underline; font-weight:bold; }



/* COMMENT FORM */
#commentarea .commentform { background:url(../images/commentbg.png) no-repeat 94% 85% #f0f0f0; width:96%; float:left; margin-bottom:10px; padding:2%; border-radius:5px; }
#commentarea .commentform p { display:block; clear:both; position:relative; margin:0px 0px 10px 0px; padding:0px; float:left; width:100%; }
#commentarea .commentform label { width:15%; float:left; clear:both; line-height:25px; }
#commentarea .commentform input[type='text'] { float:left; border:1px solid #ccc; padding:1%; width:50%; font-family:Arial, Helvetica, sans-serif; }
#commentarea .commentform textarea { float:left; border:1px solid #ccc; resize:none; padding:1%; width:50%; height:100px; font-family:Arial, Helvetica, sans-serif; }
#commentarea .commentform input[type='submit'] { float:left; background-color:#F68E1D; overflow:visible; width:auto; resize:none; padding:6px 20px; font-family:Arial, Helvetica, sans-serif; border:none; font-weight:bold; border-radius:5px; cursor:pointer; }




/*================================
	FONT STYLE 
==================================*/
@font-face {
  font-family: 'Lemon';
  font-style: normal;
  font-weight: 400;
  src: local('Lemon Regular'), local('Lemon-Regular'), url(lemon.woff) format('woff');
}


/*Google  Translator frame remove */
.goog-te-banner-frame{visibility:hidden !important;}
#body-main{top:0px !important;}
/*Google  Translator frame remove */


.wp-caption.alignnone{
	 width: 310px;
	 margin:0 auto;
         text-align:center;
}
