html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body, input, textarea, select, h1,h2,h3,h4,h5,h6,fieldset,form,label,legend,div,p,pre
{
	
	padding:0;
	font: 13px Segoe UI, Tahoma, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Calibri, sans-serif;
	/* Resets 1em to 10px */
	color: #666666; /*font-size: 12px; */
	
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
body
{
	
	

}
@font-face {
	font-family: sarabunfont;
	
	src: local("TH Sarabun New Bold"), url('fonts/THSarabunNewBold.ttf') format('truetype');
}
@font-face {
	font-family: helvethaicaxfont;
		  src: url('fonts/db_helvethaica_x-webfont.eot');
	src: url('fonts/db_helvethaica_x-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/db_helvethaica_x-webfont.svg#DBHelvethaicaX55Regular') format('svg'),
		 url('fonts/db_helvethaica_x-webfont.woff') format('woff'),
		 url('fonts/db_helvethaica_x-webfont.ttf') format('truetype');
}
@font-face {
	font-family: helvethaicafont;
	  src: url('fonts/db_helvethaica_x_med-webfont.eot');
	src: url('fonts/db_helvethaica_x_med-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/db_helvethaica_x_med-webfont.woff') format('woff'),
		 url('fonts/db_helvethaica_x_med-webfont.ttf') format('truetype'),
		 url('fonts/db_helvethaica_x_med-webfont.svg#DBHelvethaicaX65Medium') format('svg');
}
#page
{
	/*background:url('images/bg-paper.png') repeat top left;*/
	background:#FFFFFF;
}
h1,h2,h3,h4,h5
{
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0;
	text-rendering: optimizelegibility;
}
h1  
{
    font-size: 20px; color: #666666; margin:5px 0 15px 0;font-weight:normal;}

h2, h1.h2
{
	font-family: helvethaicaxfont;
	color: #666666;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 15px;
}
 
h2 {margin-top:20px;}

h3
{
    font-family: helvethaicaxfont;
	font-weight:normal;
	font-size:30px;
	padding:3px;
	border-bottom:1px dashed #cccccc;
	
	margin-bottom:10px;
}
h3.nomargin
{
	margin-bottom:0px;
}
h3.noborder
{
	border-bottom:0;
}
/*#content-wrapper h3
{
	border-bottom:dashed 1px #cccccc;
}*/

h4
{
	font-family: helvethaicaxfont;
	font-size:25px;
	font-weight:normal;
}
h5
{
    font-family:helvethaicaxfont;
	font-size:22px;
	font-weight:normal;
}
input[type="text"], input[type="password"]
	{
		width:200px;
		padding:2px;
	}
	select
	{
		padding:2px;
	}

		input[type="text"].textboxl, input[type="password"].textboxl
	{
		width:400px;
	}
	input[type="text"].textboxm, input[type="password"].textboxm
	{
		width:300px;
	}
	input[type="text"].textboxmm, input[type="password"].textboxmm
	{
		width:260px;
	}

		input[type="text"].textboxs, input[type="password"].textboxs
	{
		width:100px;
	}
		input[type="text"].textboxss, input[type="password"].textboxss
	{
		width:85px;
	}
	input[type="submit"], input[type="button"], button
	{

		padding:2px 7px;
	}
	
	input.cancel
	{
		color:Red;
	}

textarea
{
	height:150px;
	width:400px;
}
textarea.small
{
	width:270px;
	height:100px!important;
}
textarea.small-short
{
	width:270px;
	height:70px!important;
}
textarea.tiny
{
	height:80px!important;
	width:170px!important;
}

/* link */
a:link, a:visited, a:active { color: #21A517; text-decoration: none; /*color: #336600;*/ }
a:hover { color: #336600; text-decoration: underline; }
div.clear, span.clear
{
	margin: 0;
  padding: 0;
	clear:both;
}
fieldset
{
	border:0;
}
fieldset label
	{
		display: block;
		width: 120px;
		float: left;
				font-weight:bold;
		padding-right: 10px;

	}

	fieldset.large label
	{
		width:140px;
	}
		fieldset.medium label
	{
		width:110px;
	}
	  fieldset.small label
	{
		width:55px;
	}
	fieldset div.normal
	{
		margin-left:130px;
	}
	fieldset.large div.normal
	{
		margin-left:150px;
	}
	 fieldset.small p
	 {
		text-indent:20px;
		margin:0;
	 }
	  fieldset ul.block
	  {
		  list-style-type:none;
		float:left;
		display:block;
		width:70%;

	  
	  }
	  fieldset div.normal ul
	  {
		  margin-top:10px;
		  
	  }
	  fieldset div.normal div.align-right
	  {
	  margin-bottom:10px;
	  }
	  
	  fieldset.medium ul.block
	  {
		  list-style-type:none;
		float:left;
		display:block;
		width:80%;

	  
	  }

	fieldset div.resetlabel label,       fieldset ul.block label
	{
		font-weight:normal;
		padding-left:5px;
		display:inline;
		float:none;

	}
fieldset > ul, fieldset.medium > div > ul
{
	min-width:75%;
	list-style-type:none;

}
fieldset > ul > li, fieldset.medium > div > ul > li
{
	padding:2px 0;
	display:block;
	margin:5px!important;
}
fieldset ul li p
{
	margin:0 0 10px 130px;
	padding:0;
	text-indent:0;
}
fieldset.large ul li p
{
	margin:0 0 10px 150px;
	padding:0;
	text-indent:0;
}
fieldset ul li small
{
	font-size:11px;
	display:block;
	color:#999999;
}

fieldset label b
{
	color:red;
}
fieldset ul li input[type="submit"],fieldset ul li input[type="button"]
{
	margin-left:130px;
	
}
fieldset ul li.nomargin input[type="submit"],fieldset ul li.nomargin input[type="button"]
{
	margin-left:0px;
	
}
fieldset ul li.nomargin input[type="submit"],fieldset ul li input[type="button"]
{
	margin-left:0px;
	
}
fieldset.large ul li input[type="submit"],fieldset.large ul li input[type="button"]
{
	margin-left:150px;
	
}
fieldset.small ul li input[type="submit"],fieldset.small ul li input[type="button"]
{
	margin-left:70px;
}
fieldset.medium ul li input[type="submit"],fieldset.small ul li input[type="button"]
{
	margin-left:90px;
}
div.returnmessage, #content-wrapper table.list tr.emptyrow, #content-wrapper-wide table.list tr.emptyrow, div.validatesummary
{

	background: #FFFFCC;
	border: 1px solid #ffeebb;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 6px 4px 6px;

		 -moz-border-radius: 7px; 
	 -webkit-border-radius: 7px;
	 
	 
}

div.validatesummary
{
	padding: 4px 6px 4px 50px;
	background: url('images/warning.png') no-repeat 3px 3px;
}
div.validatesummary ul
{
	list-style-type:disc;	
}
		div.returnmessagegrey
{

	background: #fafafa;
	border: 1px solid #f0f0f0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 6px 4px 6px;

		 -moz-border-radius: 7px; 
	 -webkit-border-radius: 7px;
}
		div.returnmessagegreen
{
	background: #EEFFEE;
	border: 1px solid #33CC33;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 6px 4px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
		div.returnmessagered
{
	background: #FFdddd;
	border: 1px solid #FF9999;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 6px 4px 6px;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}
div.returnmessageblue
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 6px 4px 6px;
	border: solid 1px #cef2e0;
	background-color: #f5fffa;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
border-radius: 7px;*/

}
div.returnmessage p
{
	margin:3px!important;

}

		div.returnmessagegreen div.pass
{
	color: #006600;
	background: url('images/pass.png') no-repeat left top;
	padding: 2px 0px 15px 36px;
}
div.search
{
	text-align:center;
	
	padding: 15px 0;
}
div.search i
{
	width:100%;
	display:block;
	padding:3px;
}

		div.returnmessage div.promotion
{
	margin:5px;
	color: #CC0000;
	background: url('images/gift.png') no-repeat top left;
	padding: 2px 0px 5px 80px;
   
}
div.returnmessage div.promotion h2
{
	margin-bottom:0;
	color: #CC0000;
}

div.returnmessagegreen div.pass h4
{
	text-decoration:underline;
}
span.pass
{
	color: #006600;
	background: url('images/pass.png') no-repeat left top;
	padding: 2px 0px 15px 36px;
}
	span.error
		{
			color:#ff0000;
						background: url('images/error.png') no-repeat left top;
			padding: 2px 0px 15px 36px; 
		}
		div.returnmessagegreen div.pass ul		
		{
			list-style-type:disc;
		}
		div.returnmessagegreen div.pass ul li
		{
			padding:3px 5px;
		}
		div.returnmessagered div.error
		{
			color:#ff0000;
						background: url('images/error.png') no-repeat left top;
			padding: 2px 0px 15px 36px; 
		}
		div.returnmessage div.error
		{
			color:#ff0000;
						background: url('images/error.png') no-repeat left top;
			padding: 2px 0px 15px 36px; 
		}
	
				div.returnmessage div.warning
{
	background: url('images/warning.png') no-repeat left top;
	padding: 2px 0px 15px 36px;
}
				div.returnmessage div.inbag
{
	background: url('images/shopping-bag-orange.png') no-repeat top left;
	padding: 5px 10px 15px 60px;
}
	div.returnmessagegreen div.alreadyfan
{
	background: url('images/already-fan.png') no-repeat top left;
	padding: 5px 10px 15px 60px;
}

				div.returnmessagegreen div.inbookshelf
				{
	background: url('images/shopping-bag-green.png') no-repeat top left;
	padding: 5px 10px 15px 60px;
}
			
				div.returnmessageblue div.idea
		{
				color: #003399;
						background: url('images/idea.png') no-repeat left top;
			padding: 0px 0px 15px 36px; 
		}
 div.returnmessageblue div.idea label
 {
	color: #003399;
 }
 p
{
	text-indent:20px;
	line-height:150%;
	padding:10px 0;
}
#sidebar p
{
	padding:5px 0;
}
#sidebar h4, .content-column h4
{
	margin-bottom:10px;
}
ul.bank
{
	margin-left:20px;
}
 ul.bank li
{
	padding:3px;
}

.ajax__validatorcallout_error_message_cell
		{
			
			vertical-align:top!important;
		  
			
			border-right: none;
			border-left: none;
			width: 100%;
		}
.ajax__validatorcallout_error_message_cell h5
{
	margin:0;
	padding:0;
	
}
.ajax__validatorcallout_error_message_cell img
{
	padding:3px;
}
/*====start====*/
#header
{
	padding:0;
	height:106px;
	width:980px;
	margin:0 auto;

	z-index:100;
	
	
}
div.header-background
{
	background:url('images/fill-s.png') no-repeat 220px 10px;
}
div.header-left
{
	float:left;
	width:230px;
	
	height:80px;
	padding:10px 0;
}
div.header-right
{
  height:100%;
  padding:0 10px 0 20px;
	float:left;
	width:720px;
	
}
div.logo
{
   
	padding:15px 5px 5px 5px;
	
	
}

div.pagenav
{
	height:55px;
	margin:0;
	padding:10px 20px 5px 0;
}
div.margin-left-70
{
	margin-left:70px;
}
div.search-box
{
	
	width:360px;
	height:33px;
	padding:7px;
	background:url('images/strip.png') repeat top left;
			border:1px solid #dddddd;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
div.search-box:hover
{
	   background:url('images/strip-green.png') repeat top left;
}
div.search-box div.form
{
	height:30px;
	
	background:url('images/bg-search-box.png') repeat-x top left;
			border:1px solid #dddddd;
			border-top-color:#999999;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



	#hilight
	{
		margin-bottom:10px;
		height:420px;
		z-index:1;
		
	}
	
	/*
div.hilight-greentab
{
	min-width:980px;
 
	width:100%;
	background: url('images/bg-hilight-green.png') repeat;
	height:300px;
	position:absolute;
	top:99px;
	
}

div.hilight-image
{
	min-width:980px;
	margin:0 auto;
	padding:0;
	height:300px;
	width:100%;
	background:url('images/bg-hilight.jpg') no-repeat top center;
   
}
div.hilight-cover
{
	width:100%;
	top:250px;
	left:0;
	position:absolute;   
  
}
div.hilight-object
{
	
	width:960px;
	padding:0 10px;
	margin:0 auto;
}
div.hilight-video
{
	width:300px;
	float:left;
}
div.hilight-video span
{
	display:block;
	padding:0 10px;
}
	div.hilight-devices
	{
	  padding-top:150px;
		width:430px;
		float:left;
		height:100px;
	}
	div.hilight-girl
	{
		width:230px;
		float:left;
	}*/
	
	span.hilight-greentab
{
	min-width:980px;
 
	width:100%;
	background: url('images/bg-hilight-green.png') repeat;
	height:300px;
	position:absolute;
	top:99px;
	
}

span.hilight-image
{
	min-width:980px;
	margin:0 auto;
	padding:0;
	height:300px;
	width:100%;
	background:url('images/bg-hilight.jpg') no-repeat top center;
   
}
span.hilight-cover
{
	width:100%;
	top:250px;
	left:0;
	position:absolute;   
  
}
span.hilight-object
{
	
	width:960px;
	padding:0 10px;
	margin:0 auto;
}
span.hilight-video
{
	width:300px;
	float:left;
}
span.hilight-video span
{
	display:block;
	padding:0 10px;
}
	span.hilight-devices
	{
	  padding-top:150px;
		width:430px;
		float:left;
		height:100px;
	}
	span.hilight-girl
	{
		width:230px;
		float:left;
	}
	ul.devices-list
	{
		
		margin:0;
		padding:0;
		list-style-type:none;
	}

	ul.devices-list li
	{
		padding:0 10px;
	}
	ul.devices-list a
	{
		text-align:center;
		color:#666666;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
		font-size:11px;
		display:block;
		width:60px;
		height:60px;
	}
	a.android
	{
		
		background:url('images/android0.png') no-repeat top center;
		
	}
  
	a.ipad
	{
		
		background:url('images/ipad0.png') no-repeat top center;
		
	}

	a.iphone
	{
		
		background:url('images/iphone0.png') no-repeat top center;
		
	}
	 a.ipod
	{
		
		background:url('images/ipod0.png') no-repeat top center;
		
	}
	  a.android:hover
	{
		
		background:url('images/android1.png') no-repeat top center;
		
	}
  
	a.ipad:hover
	{
		
		background:url('images/ipad1.png') no-repeat top center;
		
	}

	a.iphone:hover
	{
		
		background:url('images/iphone1.png') no-repeat top center;
		
	}
 a.ipod:hover
	{
		
		background:url('images/ipod1.png') no-repeat top center;
		
	}
	ul.devices-list li
	{
		float:left;
	}
a.button-upload, .button-add-to-cart, .button-add-to-cart-real, .button-add-to-cart-free, .button-checkout, .button-checkout2, .button-add-bookshelf, .button-add-to-fan, .button-remove-fan
{
	

	padding:0;
	text-align:center;

	vertical-align:baseline;
	display:block;
	width:240px;
	cursor:pointer;
	
border:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
  
	
}
a.button-upload
{
	height:33px;
	float:right;
	background: url('images/button-upload2.png') no-repeat top left;
}
a.button-upload:hover
{
	background:url('images/button-upload2.png') no-repeat 0 -33px;
}
.button-add-to-cart, .button-add-to-cart-real
{
	font-family:helvethaicafont;
/*text-shadow:0px -1px #333333;*/

	font-size:23px;
	/*letter-spacing:0.5px;*/
	
	font-weight:normal;
	text-align:center;
	
	margin:10px auto!important;
	height:33px;
	
	/*background: url('images/button-addtobag-blank.png') no-repeat top left;*/
}
.button-add-to-cart
{
    background-color:#cc0000;
}
.button-add-to-cart-real
{
    background-color:#669900;
}
.button-add-to-cart:hover
{
	/*background:url('images/button-addtobag-blank.png') no-repeat 0 -33px;*/
	background-color:#ff3333;
}
.button-add-to-cart-real:hover
{
    background-color:#99CC00;
}
.button-add-to-cart-free
{
	margin:20px 0!important;
	height:33px;
	background: url('images/button-addtobag-free.png') no-repeat top left;
}
.button-add-to-cart-free:hover
{
	background:url('images/button-addtobag-free.png') no-repeat 0 -33px;
}
.button-add-to-fan
{
	font-family:helvethaicafont;
/*text-shadow:0px -1px #333333;*/

	font-size:23px;
	/*letter-spacing:0.5px;*/
	
	font-weight:normal;
	text-align:center;
	
	
	height:33px;
	background-color:#cc0000;
	/*background: url('images/button-addtofan.png') no-repeat top left;*/
}
.button-add-to-fan:hover
{
    background-color:#ff3333;
	/*background:url('images/button-addtofan.png') no-repeat 0 -33px;*/
}
.button-remove-fan
{
	margin:20px 0!important;
	height:33px;
	background: url('images/button-removefan.png') no-repeat top left;
}
.button-remove-fan:hover
{
	background:url('images/button-removefan.png') no-repeat 0 -33px;
}
.button-checkout
{
	
	font-family:helvethaicafont;

	font-size:17pt;
  
	/*
text-shadow:0px -1px #333333;
letter-spacing:0.5px;
	padding-right:35px!important;*/
	font-weight:normal;
	text-align:center;
  float:right;
	margin-top:10px;
	height:33px;
	
	background-color:#cc0000;
	/*background: url('images/button-checkout-clean.png') no-repeat top left;*/
}

.button-checkout:hover
{
    background-color:#cc3333;
	/*background:url('images/button-checkout-clean.png') no-repeat 0 -33px;*/
}
.button-checkout2
{
	
font-family:helvethaicafont;
	font-size:17pt;
	font-weight:normal;
	text-align:center;
	
	margin:20px auto!important;
	height:33px;
	background-color:#cc0000;
	/*background: url('images/button-checkout2.png') no-repeat top left;*/
}
.button-checkout2:hover
{
    background-color:#ff3333;
	/*background:url('images/button-checkout2.png') no-repeat 0 -33px;*/
}
.button-add-bookshelf
{
	
font-family:helvethaicafont;
	font-size:17pt;
	font-weight:normal;
	text-align:center;
	margin:20px auto!important;
	height:33px;
	background-color:#cc0000;
	/*background: url('images/button-add-bookshelf.png') no-repeat top left;*/
}
.button-add-bookshelf:hover
{
    background-color:#ff3333;
	/*background:url('images/button-add-bookshelf.png') no-repeat 0 -33px;*/
}
span.white
{
	color:White;
}
span.block
{
	padding:5px;
	display:block;
}
/*#content
{
	padding:20px 15px 50px 15px;
	z-index:2;
  margin:0px auto 30px auto;
	width:950px;
	background:#ffffff;
		border:1px solid #dddddd;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

#content2
{
	background:#ffffff;
	padding:15px;
	z-index:2;
  margin:0 auto 30px auto;
	width:940px;
	border:1px solid #dddddd;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	
}*/
#sidebar
{
	padding-left:20px;
	float:left;
	width:250px;
}
/*#content-wrapper
{
	padding:0 10px;
	float:left;
	width:650px;
}*/
div.pic
{
	text-align:center;
	padding:10px 0;
}
div.pic i
{
	padding:5px;
	display:block;
 
}
div.content-column
{
	margin-bottom:30px;
}
 ul.threecolumns
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.threecolumns li
{
	width:33%;
	float:left;
	
}

ul.threecolumns li
{
	padding-bottom:20px;
	/*text-align:center;*/
	
	max-height:280px;
	min-height:280px;

}
ul.threecolumns li div.ebook-detail
{
	padding:5px 10px;
}
a.cover-small img, a.cover-medium img, a.cover-medium2 img
{
	
	height:auto;
	background-color:#FFFFFF;
	
}
a.cover-small img
{
	
	width:45px;
	max-height:70px;
	border:1px solid #dddddd;
	padding:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;


}
.panel-bestseller a.cover-small img
{
	margin-left:5px;
	height:60px;
	margin-bottom:5px;
	
}
a.cover-medium img
{

	width:135px;

	max-height:200px;
		border:1px solid #dddddd;
			padding:5px;
			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.cover-medium2 img
{

	width:80px;

	max-height:140px;
		border:1px solid #dddddd;
			padding:5px;
			/*border-radius: 5px;
			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
a.cover-small img:hover
{
	border:1px solid #336600;
}
a.cover-medium img:hover
{
	border:1px solid #336600;
}
a.cover-medium2 img:hover
{
	border:1px solid #336600;
}
.cover-big img
{
   
	max-width:210px;
	height:auto;
	
	margin:0 10px 0 0;
	box-shadow: 7px 7px #ccc;
-webkit-box-shadow: 7px 7px #ccc;
-moz-box-shadow: 7px 7px #ccc;
	
	/*
padding:10px;
	border:1px solid #dddddd;
	
		-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	
	
	
	
	
}
div.twocolumns-300
{
    float:left;
	width:310px;
}

div.twocolumns30
{
	float:left;
	width:35%;
  
}
div.twocolumns70
{
	float:left;
	width:60%;
}
div.twocolumns20
{
	float:left;
	width:20%;
	padding-right:10px;
}
div.twocolumns80
{
	float:left;
	width:75%;
}
div.twocolumns25
{
	float:left;
	width:27%;

}
div.twocolumns75
{
	float:left;
	width:68%;
}
div.ebook-cover
{
	position:relative;
	margin-left:10px;
	float:left;
	
}
div.ebook-cover-big
{
	width:260px;
	float:left;
	position:relative;
	
}
div.ebook-cover-big .change-logo
{
	margin-right:30px;
}
div.free-icon, div.free-icon-big
{
	background: url('images/free-tag-square.png') no-repeat top left;
	width:40px;
	height:20px;
	float:left;
	top:0;
	left:0;
	position:absolute;
	/*position:relative;*/

	
	
}

/*div.free-icon-big
{
	background: url('images/free-sticker-big.png') no-repeat top left;
	width:64px;
	height:64px;
	float:left;
	position:relative;
	left:30px;
	top:0px;

	
	
}*/

div.ebook-price
{
	/*margin-left:20px;*/
	padding: 3px;

 
}
fieldset ul li div.ebook-price
{
    display:block;
    width:100%;
    /*text-align:center;*/
	padding:0;
		font-family: helvethaicafont;
	color: #666666;
	font-size: 30px;
	
}
div.ebook-price b
{
	   color: #CC3300;
}
div.ebook-price s
{
   
	color:#333333;
}
a.link-more { display:block; margin-right: 40px; padding: 5px 13px 5px 0; text-align: right; background: url('images/arrow-green.png') no-repeat center right;}
#sidebar ol
{
	margin-left:20px;
}


div.sidebar-column, div.content-column
{
	
	margin-bottom:30px;
}
div.sidebar-column div.rank, ul.bestdownload  div.rank
{
	width:20px;
	float:left;
	font-size:15px;
	font-weight:bold;
}
div.sidebar-column div.ebookname, ul.bestdownload  div.ebookname
{
	padding-left:10px;
	float:left;
	width:160px;
}

div.sidebar-column a.cover-small, ul.bestdownload  a.cover-small
{
	float:left;
	
}

ul.bestdownload > li
{
		list-style-type:none;
	margin-left:5px;
	padding:0;
	padding:5px 0;
	
	border-bottom:1px solid #eeeeee;
}
div.sidebar-column ul.blogs
{
	margin-left:15px;
	list-style-type:circle!important;
}
div.sidebar-column ul.blogs li
{
	padding:10px 0;
	border-bottom:1px solid #eeeeee;
}
div.sidebar-column ul.search
{
   list-style-type:none;
	margin-left:5px;
	padding:0;
}
div.sidebar-column ul.search li
{
	padding:3px;
}
div.sidebar-column ul.publisher
{
	list-style-type:none;
	margin-left:5px;
	padding:0;
}
ul.publisher li
{
	
	margin:10px;
	width:180px;
	height:60px;
	text-align:center;
		border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #dddddd;
   
}
a.logo-publisher img, img.logo-publisher
{


	background-color:#FFFFFF;
	
	max-width:150px;
	height:auto;
	max-height:50px;
		padding:3px;
}
img.logo-publisher-big
{
	background-color:#FFFFFF;
	max-width:180px;
	height:auto;
	max-height:80px;
		padding:3px;
}

ul.publisher li:hover
{
	border:1px solid #336600;
}

input.button-small, a.button-small
{
	font-size:15px;
	font-weight:bold;
	color:#666666;
	text-shadow:0px 1px #FFFFFF;
	background:url('images/button-white-small.png') no-repeat top left;
	width:100px;
	height:26px;
		cursor:pointer;
	text-decoration:none;
	border:0;
	padding-bottom:5px;
}
a.button-small
{
	height:22px;
	font-size:12px;
	display:block;
	padding-top:4px;
	padding-bottom:0;
	
}
.big
{
	padding-top:3px;
	font-size:15px;
	
}
input.button-small:hover, a.button-small:hover
{
	background:url('images/button-white-small.png') no-repeat 0 -26px;
}
#footer { width: 100%; height: 220px; background:#666666; padding:20px 0 10px 0;margin-top:40px; }
.footer-content
{
 
 /*padding-top:160px;   */
	margin:0 auto;
	/*background:url('images/2trees2.png') no-repeat top right;*/
	width:980px;
	height: 200px;
}
#footer h5, #footer label, #footer div
{
   
 color:#ffffff!important;
	margin-bottom: 10px;
}
#footer a
{
    color: #CCFFCC;
}
#footer ul
{
	list-style-type:none;
}
#footer, #footer li
{
     color:#ffffff;
	   font-size:11px;
	  
}
#footer ul.footer-list
{
	margin:0 20px 0 0;
}
#footer ul.footer-list li
{
	padding: 3px 0;
	border-bottom: dotted 1px #99CC00;

}
#footerleft { text-align: left; margin: 0 0 20px 30px; padding: 0; float: left; width: 620px; border-right: solid 1px #99CC00; }
				#footerleft img
			{
				margin:0 5px;
			}

			
#footerleft div.footer-column
{

	width:150px;
	float:left;
}


	#footerright
	{
		text-align:left;
		margin:0;
		padding:0 10px;
		float:left;
		width:300px;
		margin-bottom:10px;
		height:130px;
		

	}


	#footerright li
	{
		padding:3px 0px;
	}
	#footerleft ul.bottom-menu
	{

		width:100%;
	}
	#footerleft ul.bottom-menu li
{
	float: left;
	display: block;
	padding: 3px 8px;
   

}
	#footerleft ul.bottom-menu li.last
	{
		border-right: none;
		
	}
	div.copyright
{
	
	
	font-size:11px;
	text-align:center;

}
div.copyright span
{
	padding:5px;
	display:block;
}
li.footer-icon a
{
	padding:0 3px;
}
#footer h5, #footer div.copyright
{
	color: #555555;
	/*text-shadow:0px 1px #FFFFFF;*/
}
div.ebook-detail-page
{
	float:left;
	width: 700px;
	}
	div.ebook-detail-page fieldset ul li
	{
		padding:3px;
	}
	#statusbar
	{
		
	 
 
margin:0 auto;
		text-align: left;
		width:100%;
   
		
	   
	}
   
 
	div.block
	{
		position:relative;
		padding:20px;
	}
 div.ebook-comment
 {
	 padding-left:10px;

	 width:90%;
	 
 }
 div.writers
 {
	 display:table;
 }
 
 a.button-green-big, a.button-red-big
{
	margin:5px;
	padding:0;
	text-align:center;
	display:block;
	width:205px;
	height:33px;

	color:#FFFFFF;
	font-weight:bold;
	font-size:17px;
  
	text-shadow:0px -1px #666666;
}
a.button-green-big
{
	  background: url('images/button-buy-ebooks.png') no-repeat top left;
}
a.button-green-big:hover
{
	text-decoration:none;
	background:url('images/button-buy-ebooks.png') no-repeat 0 -33px;
}
a.button-red-big
{
	  background: url('images/button-add-bookshelf.png') no-repeat top left;
}
a.button-red-big:hover
{
	text-decoration:none;
	background:url('images/button-add-bookshelf.png') no-repeat 0 -33px;
}
div.pagenav ul
{
	float:right;
	list-style-type:none;
	margin-left:5px;
	padding:0;
}
div.pagenav ul li
{
	float:left;
}
div.pagenav ul li a
{
	margin: 0 2px;
	color: #888888;
	display: block;
	padding: 5px 15px 5px 32px;
	text-shadow: 1px 1px 0pt white;
}
a.contact
{
	background:url('images/help.png') no-repeat 5px 2px;
}
a.bookshelf
{
	background:url('images/folder.png') no-repeat 5px 2px;
}
a.upload
{
	background:url('images/up.png') no-repeat 5px 2px;
}
div.pagenav ul li a:hover
{
   text-decoration:none;
   color:#333333;

}



div.topmenu
{
	margin:0 0 0 auto;
	height:30px;
	padding:0 3px;
}
div.topmenu2
{
	margin:5px 0 0 auto;
	height:30px;
	padding:0 3px;
}
div.topmenu ul, div.topmenu2 ul, div.top-menu ul
{
  
	margin:0;
	padding:0;
	list-style-type:none;
}
div.topmenu ul li, div.topmenu2 ul li, div.top-menu ul li
{
	
	float:left;
	 position:relative;
	z-index: 201;
  
	
	
}
div.topmenu > ul > li > a, div.topmenu2 > ul > li > a
{
	
color:#555555;
font-size:15px;
font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Calibri, sans-serif;
	  display:block;
	padding:2px 18px;
	text-decoration:none;
	text-shadow: 1px 1px 0pt white;
	
	
}
div.topmenu > ul > li > a:hover, div.topmenu2 > ul > li > a:hover
{
	text-decoration:none;
	color: #333333;
}





div.topmenu ul li a.submenu, div.topmenu2 ul li a.submenu
{
	position:relative;
   z-index: 200;
	border:1px solid transparent;
	display:block;
	
	height:25px;
}


div.topmenu ul li:hover > a.submenu, div.topmenu2 ul li:hover > a.submenu
{
	
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	 border-bottom:0;
	 /*background-color:#FFFFFF;*/
	 background:url('images/bg-topmenu-hover2.png') repeat-x top left;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.menu-panel
{
	padding:15px 10px;
	position: absolute;	
			visibility: hidden;			
			top:50px;
		

			z-index: 100;
	width:680px;
	height:330px;
	background-color:#FFFFFF;
	border:1px solid #669900;  
	/*
	border-left:1px solid #669900;
	border-right:1px solid #669900;
	border-bottom:1px solid #669900;
	
	

		-moz-border-radius:10px;	
	-webkit-border-radius:10px;	   	
	border-radius:10px;	

box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
-moz-box-shadow: 2px 2px 5px #ccc;*/


}


div.panel-ebooks
{
	left:-300px;
}
div.panel-bag
{
	left:-140px;
	width:300px;
	/*overflow:scroll;*/
}

div.panel-reader, div.panel-bestseller
{
	width:480px;
	left:-190px;
}
div.panel-bestseller img.rank
{
	float:left; position:absolute; z-index:298; left:5px; top:-2px;
}

div.panel-writer
{
	left:-420px;
}


div.topmenu ul li:hover > div.menu-panel,div.top-menu ul li:hover > div.menu-panel, div.topmenu2 ul li:hover > div.menu-panel
{
	visibility:visible;
}
ul.list-menu
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.list-menu li
{
	float:none!important;
}
ul.list-menu li a
{
	display:block;
	padding:2px 5px!important;
}
div.borderleft
{
   
	border-left:1px dashed #cccccc;
}
div.borderright
{
	border-right:1px dashed #cccccc;
}
div.twocolumns
{
	width:45%;
	float:left;
	padding:0 10px;
}
ul.twocolumns > li
{
	width:45%;
	float:left;
}
div.threecolumns
{
	width:30%;
	float:left;
	padding:0 10px;
}
div.threecolumns h4, div.twocolumns h4
{
	margin:10px 0;
}
div.threecolumns a.link-more, div.twocolumns a.link-more
{
	margin-right:15px;
}
div.menu-panel fieldset ul li input[type="submit"],div.menu-panel fieldset ul li input[type="button"]
{
	margin-left:0px;
}
ul.ebooks-list li a
{
	padding:3px 5px!important;
}
div.like-button
{
  
	padding-bottom:15px;
	
}

.table-pager
{
	padding-top:10px;
	border-top:dashed 1px #cccccc;
}
.table-pager table
{
	width:10px;
}
.table-pager span
{

		padding: 2px 5px;
	margin: 0 3px;
	font-weight:bold;
}
.table-pager a
{
	font-weight: normal;
	color: #006600;
	padding: 2px 5px;
	margin: 0 3px;
	border: 1px solid #99FF99;
	background-color: #ddFFdd;
	 /*-moz-border-radius: 3px; 
	 -webkit-border-radius: 3px;
	 border-radius: 3px;*/
}
.table-pager a:hover
{
	color: #FFFFFF;
	background-color: #009900;
}
div.category 
{
	padding:10px;
	
}
div.category a img
{
	float:left;
	margin:5px 10px;
}
div.category h3
{
  margin-left:50px;
	margin-bottom:0px;
}
div.category h3 a
{
	color:#666666;
}
div.category ul.subcategories
{
	
margin-left:50px;
	display:table;
	
}
div.category ul.subcategories li
{
   
	padding:3px 5px;
	float:left;
	width:31%;
	display:block;
}
input.invisible
{
	height:28px;
	padding:0;
	margin:2px 0 0 5px;
	border:0;
	width:320px;
	float:left;
}
div.search-box input[type="image"]
{
	margin:2px 0 0 0;
	float:left;
}
div.slogan
{
	text-align:center;
	color:#999999;
	font-size:11px;
	
}
ul.ebooks-list-topdownload
{
	margin:10px 0 10px 10px;
	
	
	list-style-type:none;
	font-size:20px;
	font-weight:bold;
	
}
ul.ebooks-list-topdownload > li
{
	padding:20px 0;
	border-top:1px solid #eeeeee;
	
}

.align-center
{
	padding:5px;
	
	text-align:center;
}
div.align-right
{
	padding:5px;
	
	text-align:right;
}
div.align-right a
{
	float:right;
}
div.topdownload-number
{
	width:20px;
	font-size:20px;
	font-weight:bold;
	float:left;
}
div.gallery
{
	/*margin-top:20px;*/
}
div.gallery a img
{
		width:100px;
		height:auto;

	
		border:1px solid #dddddd;
			padding:3px;
			margin:20px;
			-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div.gallery a img:hover
{
	border:1px solid #336600;
}
div.ebook-more-images
{
	margin-top:20px;
}
div.ebook-more-images a img
{
		width:50px;
		height:auto;

	max-height:80px;
		box-shadow: 3px 3px #ccc;
-webkit-box-shadow: 3px 3px #ccc;
-moz-box-shadow: 3px 3px #ccc;
margin:3px;
		/*border:1px solid #dddddd;
			padding:3px;
			
			-moz-border-radius: 2px;
	-webkit-border-radius: 2px;*/
}
/*div.ebook-more-images a img:hover
{
	border:1px solid #336600;
}*/
div.ebook-more-images > ul 
{
	margin-top:20px;
	list-style-type:none;
}
div.ebook-more-images > ul > li
{
	margin-right:30px;
}
div.ebook-more-images > ul > li > a
{
	float:left;
	margin-right:5px;
}
div.ebook-more-images > ul > li:hover
{
	background-color:#FFFFCC;
}
div.ebook-more-images > ul > li:hover .button-delete
{
	top:2px;
	visibility:visible;
}
div.strip-bg
{
	padding:7px;
	background:url('images/strip.png') repeat top left;
			border:1px solid #dddddd;
		/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	
}
div.strip-green-bg
{
	padding:7px;
	background:url('images/strip-green.png') repeat top left;
			border:1px solid #dddddd;
		/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	
}
div.strip-orange-bg
{
	padding:7px;
	background:url('images/strip-orange.png') repeat top left;
			border:1px solid #dddddd;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
div.strip-orange-bg a
{
	color:#FF9933;
}
div.strip-orange-bg a:hover
{
	color: #FF6600;
}
div.strip-orange-bg a.logo-publisher img, div.facebook-profile a.logo-publisher img, img.logo-publisher
{
	margin-left:10px;
	 border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #dddddd;
}
img.logo-publisher-big
{
	margin-left:5px;
	 border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #dddddd;
}
div.strip-orange-bg h5
{
	padding:5px;
}
/*div.strip-orange-bg ul
{
	padding:0 10px;
}*/
div.strip-inner
{
	background:#FFFFFF no-repeat top right;
	padding:10px;
	border:1px solid #dddddd;
	/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

div.bag-progress1, div.bag-progress2, div.bag-progress3
{
	margin:0 10px 20px auto;
	
   
	height:55px;
	width:530px;
	/*
	border:1px dashed #dddddd;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}
div.bag-progress1
{
    margin-top:10px;
 background: url('images/bag-progress-green.png') no-repeat top left;
}
div.bag-progress2
{
margin-top:10px;
	background: url('images/bag-progress-green.png') no-repeat 0 -55px;

}
div.bag-progress3
{
margin-top:10px;
	background: url('images/bag-progress-green.png') no-repeat 0 -110px;

}
div.strip-green-bg a.cover-small
{
	float:left;
	margin:0 10px 5px 0;
}
div.strip-green-bg > div > ul
{
	list-style-type:none;
}
div.strip-green-bg > div >  ul li
{
	padding:10px;
	border-top:1px dashed #dddddd;
}
div.strip-green-bg > div >  ul li.total
{
  
	
	border-top:3px double #dddddd;
}
.total
{

	  font-size:15px;
	font-weight:bold;
	color:#CC3300;
   
}
.total-green
{

	  font-size:15px;
	font-weight:bold;
	color:#006600;
   
}
div.strip-green-bg ul li.total b
{
	color:#666666;
}
div.strip-green-bg .button-small-red
{
	margin:10px 0 10px auto;
}
input.button-small-red, a.button-small-red, input.button-smaller-red,input.button-small-green
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	/*text-shadow:0px -1px #666666;
	background:url('images/btn-small.png') no-repeat top left;*/
	
	
	
		cursor:pointer;
	text-decoration:none;
	border:0;
	padding-bottom:5px;
}
input.button-small-red, a.button-small-red, input.button-smaller-red {
    background-color: #cc0000;
}
input.button-small-green
{
    padding:5px!important;
    background-color:#669900;
}
input.button-small-red, a.button-small-red,input.button-small-green  {
    width:100px;
    height:26px;
}
input.button-smaller-red
{
    width:60px;
    height:24px;
    margin-left:10px!important;

}

a.button-small-red
{
	height:22px;
	font-size:13px;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	
}
input.button-small-red:hover, a.button-small-red:hover, .button-smaller-red:hover
{
	/*background:url('images/btn-small.png') no-repeat 0 -26px;*/
	background-color:#FF3333;
}
input.button-small-green:hover{
    background-color:#99CC00;
}
input.button-small-grey
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:0px -1px #666666;
	background:url('images/btn-small-grey.png') no-repeat top left;
	width:100px;
	height:26px;
		cursor:pointer;
	text-decoration:none;
	border:0;
	padding-bottom:5px;
}
input.button-small-grey:hover
{
	background:url('images/btn-small-grey.png') no-repeat 0 -26px;
}
.button-facebook-connect
{


	background:url('images/facebook-connect.png') no-repeat top left;
	width:130px;
	height:41px;
	display:block;
	cursor:pointer;
	border:0;

}
.button-signin-with-facebook
{

margin:10px auto;
	background:url('images/facebook_signin.png') no-repeat top left;
	width:150px;
	height:24px;
	display:block;
	cursor:pointer;
	border:0;

}

.button-signin-with-facebook:hover
{
	background:url('images/facebook_signin.png') no-repeat 0 -24px;
}
.button-signin-with-facebook:active
{
	background:url('images/facebook_signin.png') no-repeat 0 -48px;
}
div.facebook-profile
{
	padding:0 10px;
	text-align:left;
	
}
div.facebook-profile .logo-publisher
{
	float:left;
	margin-right:10px;
}

table.table-bag 
{
	width:98%;
	margin:0 auto;
	padding:0;
   

		
}
table.table-bag th
{
	padding: 7px;
	background: url('images/bg-table-thead.png') repeat-x top left;
	color: #FFFFFF;
}
table.table-bag > tbody > tr > td
{
	vertical-align:top;  
	padding:10px;
	border-top:1px solid #e8e8e8;
}
table.table-bag .delete
{
	text-align:center;
	width:50px;
}
table.table-bag .price, table.table-bag .total
{
	text-align:right;
	padding-right:20px;
	width:150px;
	
}
table.table-bag tfoot .total
{
	color:#CC3300;
}
table.table-bag tfoot td, div.total-row
{
	padding:7px 15px!important;
	border-top: 3px double #e8e8e8;
	background-color: #FFFFCC;
}
div.total-row
{
    margin:0 auto;
    width:95%;
    font-weight:bold;
    font-size:15px;
}

div.shipping-row
{
    width:97%;
}
span.shipping-fee
{
    
    text-align:right;
}
span.shipping-text
{
    padding-right:100px;
}
span.grandtotal-text
{
    font-size:20px;
    padding-right:90px;
}
span.grandtotal-value
{
    font-size:20px;
}
table.table-bag td a.cover-medium2, table.table-bag td a.cover-small
{
	float:left;
	margin-right:10px;
}
table.table-bag tbody ul
{
	list-style-type:none;
}
table.table-bag tfoot td
{
	padding:10px;
	text-align:right;
	font-size:15px;
   
}
/*table.table-bag tr:first-child th:first-child {
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
border-top-left-radius:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
border-bottom-left-radius:7px;
}

table.table-bag tr:first-child th:last-child {
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
border-top-right-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
border-bottom-right-radius:7px;
}*/

div.empty-bag
{
	margin:5px 10px;
	background:url('images/empty-shopping-bag.png') no-repeat top left;
	padding:0 0 50px 150px;
   
}
div.empty-bag-top
{
 display:block;
 width:160px;
 height:80px;
	background:url('images/empty-shopping-bag.png') no-repeat center center;
	padding:40px 20px;
}
div.right-dashed
{
	border-right:1px dashed #dddddd;
}
div.left-dashed
{
	border-left:1px dashed #dddddd;
}
a.continue-shopping
{
	float:left;
	margin:10px 20px;
}
div.process-form  
{
    left:30%;
    width:500px; 
}
div.process-form-large  
{
    left:20%;
    width:650px; 
}
div.process-form , div.process-form-large
{
	
	 position:fixed; 
	top:15%; 
	
	padding:10px 20px 40px 20px; 
	
 z-index:1001; 
	background-color:#fff;
	
	border:solid 5px #000;
	/*border-radius: 7px;
			 -moz-border-radius: 7px; 
	 -webkit-border-radius: 7px;*/
}
div.process-form h3
{
	padding-top:0;
}
div.process-form fieldset ul.block
{
	width:300px!important;
	
}

/*===#password===*/
.TextStrengthWeak, .TextStrengthNotGood,.TextStrengthGood 
{
	padding:3px 10px;
	font-style:italic;
	font-weight:bold;
	border:dashed 1px #cccccc;
}
.TextStrengthWeak
{
background: #FFCCFF;
}
.TextStrengthNotGood
{

	background: #FFFF99;
}
.TextStrengthGood
{
	background: #CCFF99;
}
/* loading*/
  div.progressBackgroundFilter {
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px;
	right:0px;
	overflow:hidden; 

	margin:0!important; 
	padding:0!important;
  background-color:#000; 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000; 
}

div.processMessage  
{
	
	font-size:13px;
	font-weight:bold;
 position:fixed; 
	top:30%; 
	left:43%;
	padding:10px; 
	width:14%; 
	z-index:1002; 
	background-color:#fff;
	border:solid 1px #000;
	text-align:center;
	
}


/*================ */
.float-right
{
	float:right;
}

.creditcard
		 {
			 padding:2px 110px 4px 0;
			 background: url('images/allcards.png') no-repeat top right;
		 }
		 ul.payment-method
		 {
			 list-style-type:none;
			 
		 }
		 ul.payment-method li
		 {
			 padding:5px;
		 }
		 ul.payment-method li label
		 {
			 padding:0px 5px;
		 }
		 .red
{
	font-weight:bold;
	color: #CC0000;
}
ul.payment-method li b.red
{
	font-size:15px;
}
.coupon-100 input, .coupon-300 input
{
	float:left;
}
.coupon-100 input label
{
	margin-right:30px;
}
.coupon-100 label, .coupon-300 label
{
float:left;
display:block;
width:250px;
height:130px;


}
.coupon-100 label
{
		background:url('images/coupon-100-new.png') no-repeat bottom left;
}
.coupon-300 label
{
		background:url('images/coupon-300-new.png') no-repeat bottom left;
}
img.loading-center
{
	
	display:block;
	margin:20px auto;
}
h3.favorite
{
	padding-left:30px;
	background:url('images/heart24.png') no-repeat top left;
	margin-bottom:20px;
}
h3.allbooks
{
	padding-left:30px;
	margin-bottom:20px;
	background:url('images/books24.png') no-repeat top left;
}
.button-delete
{
	visibility: hidden;	
	float:right;
	position:relative;
	right:35px;
	top:-8px;
}
.bookshelf-favorite:hover .button-delete, .bookshelf-all:hover .button-delete, .bookshelf-all:hover .add-favorite
{
	visibility:visible;
}

.add-favorite
{
	padding-left:20px;
	margin:10px auto;
	 visibility:hidden;
}
table.table-order 
{
	width:98%;
	margin:0 auto;
	padding:0;
	font-size:11px;
	border:1px solid #cccccc;
   

		
}
table.table-order input, table.table-order select
{
	font-size:11px;
}

table.table-order > tbody > tr > td
{
	padding: 7px;
	vertical-align:top;

}
table.table-order th
{
	
	padding: 5px;
		/*background: url('images/bg-table-thead.png') repeat-x top left;*/
		background-color:#006600;
		height:20px;
		font-size:13px;
	color: #FFFFFF;
}
table.table-order th.width210
{
	width:210px;
}
table.table-order th.left, table.table-order tr.left th
{
	text-align:left;
}
table.table-order > tbody > tr
{

	border-top:1px solid #e8e8e8;
}
table.table-order tr:hover td, table.table-order tr.odd:hover td
{
	background-color: #FFFFCC;
}
.trash
{
	visibility:hidden;
}
table.table-order tr:hover td .trash, table.table-order tr.odd:hover td .trash
{
	visibility:visible;
}

table.table-order tr.odd td
{
	background-color:#f8f8f8;
}
table.table-order ol
{
	margin-left:15px;
}
table.table-order ol li
{
	padding:3px;
}
table.table-order .align-right
{
	padding-right:10px;
	text-align:right;
}
table.table-order .total
{
	
	font-size:12px;
}
.status-CP, .status-RE, .status-PE, .status-IP
{
	margin:0 auto;
	display:block;
	  width:18px;
	  padding-bottom:3px;
}
.status-CP
{
   
	background: url('images/accept.png') no-repeat top left;
}
.status-RE
{

	background: url('images/cancel.png') no-repeat top left;
	
}
.status-PE, .status-IP
{

	background: url('images/wait.png') no-repeat top left;
	
}
.status2-CP
{
	color: #009933;
}
.status2-RE
{
	color: #990000;
}
.status2-PE, .status2-IP
{
	color: #FF6600;
}
div.customer-logo
{
	float:left;
	
	margin-right:20px;
}
div.customer-logo a
{
	display:block;
	margin-top:5px;
}
div.customer-info
{
    padding:10px;
	float:left;
	width:370px;
}
div.customer-info > ul
{
	display:block;
	list-style-type:none;
	margin-top:20px;
	float:right;
}
div.customer-info > ul > li
{
	padding:3px 5px;
	float:left;
	border-left: 1px solid #dddddd;
}
div.customer-info > ul > li.first
{
	border-left:0;
	padding-left:0;
}
div.customer-info fieldset
{
	margin-bottom:30px;
}
div.customer-info fieldset .button-small-red, div.customer-info fieldset .button-smaller-red
{
	margin-top:10px;
}
a.map-view
{
	background:url('images/map-icon.png') no-repeat top left;
	padding-left:20px;
	margin-right:30px;
}
a.map-google-view 
{
	background:url('images/map_red.png') no-repeat top left;
	padding-left:20px;
	margin-right:30px;
	}
	 h5.facebook
	{
		background:url('images/facebook16.png') no-repeat left 5px;
	padding:0 0 10px 20px;
	
	}
		h5.twitter
	{
		background:url('images/twitter16.png') no-repeat left 5px;
	padding:0 0 10px 20px;
	}
	div.image-center i
	{
		display:block;
		text-align:center;
	}
	
	div.news-detail, div.news-list
{
	margin-bottom:30px;
}

 a.view-control img:hover, a.view-control-right img:hover
{
	background:#eeeeee;
}
div.news-detail h5 a
{
	color:#666666;
}
div.news-detail i
{
	display:block;
	
}
div.news-detail i.detail
{
	padding:5px;
}
/*div.news-detail img
{
	width:200px;
	height:auto;
	max-height:200px;
	
			
	
	background: #fff;

	
	
padding: 10px;
		 -moz-border-radius: 7px; 
	 -webkit-border-radius: 7px;
	 border-radius: 7px;
	
	-moz-box-shadow: 0px 2px 10px #cccccc;
	-webkit-box-shadow: 0px 2px 10px #cccccc;
	box-shadow: 0px 2px 10px #cccccc;
	float:left;
margin:3px 20px 3px 3px;
}*/

div.news-detail img
{
	width:200px;
	height:auto;
	max-height:200px;
	padding:3px;
	border:1px solid #eeeeee;
	float:left;
	margin:3px 20px 3px 3px;
}
div.news-detail img:hover
{
border:1px solid #339900;
}

div.news-list ul
{
	list-style-type: none;
	margin:10px 20px;
	
}
div.news-detail ul
{
	display:table;
   margin:10px 20px;
   padding-left:20px;
}
div.news-list ul li
{
	padding:3px;
}
div.news-list ul li i
{
	width:100px;
	display:block;
	float: left;
}
ul.table
{
margin: 10px 0;
padding-left: 30px;
display: table;

}
ul.number
{
	list-style-type:decimal;
}
ul.number li span.width400
{
	padding-left:100px;
	float:right;
	display:block;

	width:200px;
}

#custom-queue {
	width: 380px;
	height: 200px;
	overflow: auto;
	padding:2px 5px;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}
div.upload-ebooks div.button-cancel
{
	float:right;
   padding:5px 240px 0 0;
}
#upload-result input
{
	margin:10px 20px 0 0;
	float:right;
}


.warning-enable label
{
	
	color: #CC3300;
}
.header-delete
{
	color: #FF6600!important;
}
.table-order fieldset *
{
	font-size:11px;
}
.table-order a.cover-medium2, .table-order fieldset
{
	float:left;
}
.table-order a.cover-medium2
{
	margin-right:10px;
}
.check-new
{
	background: #CCFF66;
	border: 3px solid #CCFF66;
	border-bottom:1px;
}
#tabs
{
	/*margin-top:20px;*/
	border:0;
}
#tabs > ul > li > a
{
	/*font-size:13px;*/
	
}
#tabs .logo-publisher
{
	margin-bottom:20px;
}
.watermark
{
	
	font-style:italic;
	color:#cccccc;
}
span.rating-empty
{
  
	border:0;
	padding:0;
	margin:0;

   display:block;
width:120px;
  
   height:24px;
   background:url('images/5stars-flat-empty.png') no-repeat top left;
}
span.rating-empty span
{
	display:block;
height:24px;
	 /*width:60px;
   
   clip: rect(0px, 60px, 24px, 0px); */
   background:url('images/5stars-flat.png') no-repeat top left;
}

span.rating-empty-small
{

float:left;  
	border:0;
	padding:0;
	margin:0;

   display:block;
width:55px;

  
   height:10px;
   background:url('images/5stars-empty-small.png') no-repeat top left;
}
span.rating-empty-small span
{
	
	display:block;
height:10px;
	 /*width:60px;
   
   clip: rect(0px, 60px, 24px, 0px); */
   background:url('images/5stars-small.png') no-repeat top left;
}
div.border-dashed
{
	border-style: dashed;
	padding:20px;
	
}
div.border-dashed-small
{
	border:1px dashed #dddddd;
	padding:10px;
	
}
div.border-solid
{
	border:1px solid #cccccc;
	margin:10px;
	padding:10px;
	
}
div.process-form a.logo-publisher img
{
	margin:0 20px 10px 0;
	 border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #dddddd;
	float:left;
}


ul.comment
{
		margin:0;
		padding:0;
		list-style-type:none;
}
ul.comment li
{
	padding:20px 10px;
	border-bottom:1px solid #eeeeee;
}
ul.comment li.dashed
{
	padding:20px 10px;
	border-bottom:1px dashed #eeeeee;
}
ul.comment li blockquote
{
	padding:10px 0;
   
}

div.search-blog
{
	margin:10px auto;
	width:600px;
}

/* Blogs */
ul.categories-list
{
	list-style-type:none;
	margin:0 20px;
}
ul.categories-list li
{
	padding: 5px;
	border-bottom:solid 1px #eeeeee;
	font-size:13px;
	
}
ul.categories-list li:hover
{
	background-color:#ffffcc;
}
ul.categories-list li h3
{
	margin:0!important;
	padding:3px 5px;
	border:0;
}

ul.categories-list li img
{
	width:48px;
	height:auto;
	padding:5px 20px 5px 10px;
	float: left;
}

div.blog ul
{
	margin:10px 20px;
}
div.blog ul li
{
	margin:10px 0;
}


div.blog a img
{
		width:550px;
		height:auto;

	
		border:1px solid #dddddd;
			padding:3px;
			margin:20px;
			-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div.blog a img:hover
{
	border:1px solid #336600;
}

div.blog-writer
{
	
	margin:40px 0;
	border-top:dashed 1px #dddddd;
	padding:20px 0  40px 300px;
	display:block;
}
div.blog-writer img
{

	border:solid 1px #dddddd!important;
	padding:2px!important;
	margin-right:20px;
	float:left;
}
div.blog-writer img
{
	width:50px;
		height:auto;
}

div.badge
{
	border:1px solid transparent;
	padding:10px;
	margin:10px 10px 10px 20px;
	width:40%;
	float:left;
	text-align:center;
}
div.badge:hover, div.badge-selected
{
	 border:1px solid #cef2e0;
	background-color: #f5fffa;

}
div.badge img
{
	display:block;
	
	margin:10px auto;
}

div.hilight8, div.hilight7, div.hilight6, div.hilight5, div.hilight4, div.hilight3, div.hilight2, div.hilight1
{
	min-width:980px;
	height:400px;
	text-align:center;
}
div.hilight8
{
	background: url('images/bg-hilight-8.jpg') repeat-x top center;
}
div.hilight7
{
	background: url('images/bg-hilight-7.jpg') repeat-x top center;
}
div.hilight6
{
	background: url('images/bg-hilight-6.jpg') repeat-x top center;
}
div.hilight5
{
	background: url('images/bg-hilight-5.jpg') repeat-x top center;
}
div.hilight4
{
	background: url('images/bg-hilight-4.png') repeat-x top center;
}
div.hilight3
{
	background: url('images/bg-hilight-3.jpg') repeat-x top center;
}
div.hilight2
{
	background: url('images/bg-hilight-2.jpg') repeat-x top center;
}
div.hilight1
{
	background: url('images/bg-hilight1.png') repeat-x top center;
}
div.bx-pager
{
	width:200px;
	margin:0 auto;
	display:block;
	text-align:center;
	height:30px;
}
div.bx-pager a
{
	font-size:4px;
	color:#969696;
 
	
	margin:0 5px;
	float:left;
	display:block;
	width:12px;
	height:12px;
	background: url('images/pagination.png') no-repeat top left;
}


div.bx-pager a:hover, div.bx-pager a.pager-active
{
	text-decoration:none;
	color:#96c02a;
	background: url('images/pagination.png') no-repeat 0px -12px;
}
div.twocolumns-dashed
{
	 width:280px;
	float:left;
	padding:10px;
	border:1px dashed #dddddd;
	margin:10px 10px 30px 0;
}
div.twocolumns-dashed p
{
	margin-top:10px;
}
div.folder-public
{
	background: url('images/publish.png') no-repeat 250px 10px;
}
div.folder-public:hover
{
	border: 1px solid green;
}
div.folder-private
{
	background: url('images/private.png') no-repeat 250px 10px;
}
div.folder-private:hover
{
	border: 1px solid orange;
}
div.award
{
	margin-bottom:20px;
  padding:10px;
  border:1px dashed #eeeeee;
  background:url('images/award_star_gold_2.png') no-repeat top right;
   
	
}

div.award-icon, div.award-icon-big
{
	background: url('images/ribbon.png') no-repeat top left;
	width:40px;
	height:40px;
	float:left;
	top:6px;
	left:6px;
	position:absolute;
	

	
	
}
img.free-big
{
   
	/*position:absolute;
	
	right:20px;
	background: url('images/free-tag.png') no-repeat top left;*/
	
	z-index:2;
	width:40px;
	height:20px;
	float:left;
	top:0;
	left:0;
	position:absolute;
   
	
	
  
	
   
}
div.beta
{
	text-align:right;
   
	padding-bottom:20px;
	margin-right:20px;
	background:url('images/beta.gif') no-repeat top right;
}
div.beta a
{
	padding-right:40px;
	
}


table.table-clean 
{
	width:98%;
	margin:0 auto;
	padding:0;
	font-size:13px;
	
   

		
}


table.table-clean > tbody > tr > td
{
	padding: 5px;
	vertical-align:top;

}

table.table-clean .buy-button
{
	width:110px;
}
table.table-clean th
{
	
	padding: 5px;
	font-weight:bold;
	
	text-align:left;
	background-color:#999999;
	color:#ffffff;
	
	
}

table.table-clean th.left, table.table-clean tr.left th
{
	text-align:left;
}
table.table-clean > tbody > tr
{

	border-top:1px solid #e8e8e8;
}




table.table-clean tr.odd td
{
	background-color:#f8f8f8;
}
table.table-clean ol
{
	margin-left:15px;
}
table.table-clean ol li
{
	padding:3px;
}
table.table-clean .align-right
{
	padding-right:10px;
	text-align:right;
}
div.sub-content
{
	margin:20px 0;
}
div.sub-content h4
{
	margin-bottom:10px;
}
div.counter
{
	color:#FFFFFF;
	padding-top:25px;
	float:left;
	text-align:center;
	vertical-align:middle;
	width:60px;
	height:35px;
	
	font-weight:bold;
   
	margin:10px 3px;
	/*text-shadow:0px -1px #333333;*/
   
	
}
div.total-ebooks
{
	background:url('images/bg-total-ebooks.png') no-repeat top left;
}
div.total-downloads
{
	
	background:url('images/bg-total-downloads.png') no-repeat top left;
}
div.total-fans
{
	background:url('images/bg-total-fans.png') no-repeat top left;
}
.extended tr td
{
	padding:10px 5px!important;
}
.extended ul.ebooks-list li
{
	list-style-type:none;
	float:left;
	width:33%;
	font-size:12px;
}
.width180
{
	width:180px;
}
div.payment-android
{
	width:320px;

}
div.payment-android *
{
	margin:10px 15px;
	   /* font-family: sarabunfont;*/
	font-size:13px;
}
div.payment-android h1
{
	/*font-family: helvethaicafont;*/
	font-size:18px;

}
.bg-wood
{

	
	background: url('images/bg-html.jpg') top left repeat;
}
div.no-readonline
{
	height:400px;
	width:990px;
	margin:50px auto 0 auto;
}
div.no-readonline > img
{
	float:left;
	margin:10px 30px;
}
div.no-readonline > h1
{
   text-shadow:0px 1px #eeeeee;
}
div.no-readonline > span
{
	font-size:13px;
	color:#ffffff;
   
}
.float-left
{
	float:left;
}
.padding-top30
{
	padding-top:30px;
}
.padding-top20
{
	padding-top:20px;
}

.readonline-hint
{
	font-size:11px;
	
}
.width60
{
	width:60px;
}
.width80
{
	width:80px;
}
.width100
{
	width:100px;
}
.bmtext
{
	font-size:13px;
	font-weight:bold;
}

 ul.fourcolumns
{
	
	list-style-type:none;
	margin:0;
	padding-left:20px;
}
ul.fourcolumns > li
{
	width:22%;
	float:left;
	
	padding-top:10px;
	
	/*text-align:center;*/
	
	max-height:150px;
	min-height:150px;
	
	text-align:center;
}

.button-delete-new
{
	
	float:right;
	position:relative;
	right:10px;
	top:-249px;
	z-index:11;
}
div.ebook-wood-shelf
{
	max-height:150px;
}

ul.fourcolumns > li:hover .popup
{
	visibility:visible;
 
}
ul.fourcolumns > li .read-online
{
	display:block;
	width:90px;
	height:115px;
	 position:relative;
	 top:-115px;
	 left:23px;
	z-index:10;
	
	background:url('images/zoom-in.png') rgba(0,0,0,0.5) no-repeat center center;
 
	visibility:hidden;
	
}

ul.fourcolumns > li:hover .read-online
{
   visibility:visible;
	
}



ul.fourcolumns > li:hover .view-detail
{
   visibility:visible;
	
}


img.cover-shadow, a.cover-shadow > img
{
	

	width:90px;
	height:115px;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;


}
div.wood-shelf
{
	background:url('images/bg-woodshelf.jpg') repeat-y top left;
}
.devices
{
	padding-bottom:10px;
}
.devices img
{
	padding:3px;
}
.devices span
{
	
	color: #666666;

	padding: 3px;
}
.bestseller-rank
{
	   z-index:299;
top:-340px;
		float:left;
	position:relative;
	left:5px;
}
.popup
{
	text-align:left;
	padding:20px;
	background: url('images/bg-popup-square.png') no-repeat top left;
	width:300px;
	height:174px;
	z-index:300;
	visibility:hidden;
		float:left;
	position:relative;
	left:10px;
}
.top-440
{
		top:-440px;
}
.top-330
{
		top:-330px;
}
.popup > h4
{
	font-family: helvethaicaxfont;
	font-size:22px;
	padding-bottom:10px;
	margin-bottom:0px!important;
	
}
.popup .cover-small
{
	padding:0 10px 0 0;
}
.popup > ul
{

	display:table;
}
.popup > ul > li
{
	display:block;
	height:20px;
	font-size:11px;
}
.popup > ul > li > b
{
	display:block;
	width:80px;
	float: left;
}
.popup > ul > li > span
{
	font-size:12px;
}
.popup > ul > li > span s
{
	color:Black;
}
.helvethaicafont-small
{
	text-shadow:0px -1px #333333;
	font-size:13pt!important;

	font-weight:normal;
	text-align:center;
	font-family:helvethaicafont;
   
}
.padding3px
{
	padding:3px;
}
.resize16 > img
{
	width:16px;
	height:auto;
}
.green
{
	color:Green;
}
.button-green
{
    background-color:#669933;
}
.button-green:hover
{
    background-color:#99cc33;
}
.button-orange
{
    background-color:#ff6633;
}
.button-orange:hover
{
    background-color:#ff9933;
}
div.align-right > h4
{
	padding-right:10px;
}
div.align-right > ul
{
    list-style-type:none;
}
div.align-right > ul > li.first
{
    border-right:0px;
}
div.align-right > ul > li
{
    float:right;
    padding:3px 10px;
    border-right:1px solid #eeeeee;
}
ul.disc
{
   margin-top:10px;
   margin-left:20px;
	list-style-type:circle!important;
}
div.book-detail
{
	width:220px;
	display:block;
	float:left;
}


/***** metro ****/
div.red-line
{
	background-color:#cc3333;
	height:5px;
	display:block;
}
div.metro-header
{
	width:100%;
	background-color:#FFFFFF;
}
div.top-menu
{
	 background-color:#ffffff;
	 width:980px;
	height:50px;
	display:block;
	margin:0 auto;
	padding:0;
}
div.top-menu > a
{
	padding:5px;
	display:block;
}
div.top-menu > ul
{

	list-style-type:none;
	padding:0;
}
div.top-menu > ul > li
{
     position:relative;
	z-index: 201;
	float:left;
}
div.top-menu > ul > li > a
{
	font-family: helvethaicaxfont;
	font-size:20px;
	display: block;
	
	padding:14px 11px;
	text-decoration:none;
	color:#999999;
	border-left:1px solid #cccccc;

}
a.tab-nav
{
	 font-family: helvethaicaxfont;
	font-size:20px;
}
div.top-menu > ul > li:hover > a
{
	background-color:#669900;
	color:#ffffff;
	/*border-top:1px solid #669900;
	border-left:1px solid #669900;
	border-right:1px solid #669900;*/
}
div.top-menu > ul > li > a.new
{
    padding-right:30px;
    background:url('images/gift24.png') center right 5px no-repeat;

}
a.new28
{
    background:url('images/new28.png') center right 70px no-repeat;
}
div.top-menu > ul > li:hover > a.new
{
    padding-right:30px;
    background:url('images/gift24.png') #669900 center right 5px no-repeat;

}
div.top-menu > ul > li > a.upload-red
{
	background-color:#cc3333;
	border-left:1px solid #cc3333;
	color:#FFFFFF;
}
div.logo-metro
{
	float:left;
	display:block;
	padding:5px;
}
div.bg-searchbox
{
	float:left;
	padding:0 5px;
 
	margin:5px 35px 5px 20px;
	width:160px;
	height:40px;
	display:block;
	background-image:url('images/bg-textbox-search-170.png');
}

input.invisible-160
{
	
	height:25px;
	padding:0;
	margin:7px 5px;
	border:0;
	width:160px;
	
}
input.invisible-120
{
	
	height:25px;
	padding:0;
	margin:7px 5px;
	border:0;
	width:120px;
	
}
ul.topmenu-items
{
	
}
div.hilight-metro
{
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	background:url('images/bg-hilight.png') repeat-x;
}
#content
{
    padding:10px 0;
	margin:0 auto;
	
	background:url('images/bg-hilight.png') repeat-x;
}
#content-metro
{
	width:980px;
	margin:0 auto;
}

#content-wrapper
{
    width:980px;
	margin:0 auto;
	/*background:#FFFFFF;*/
}
#content-wrapper-wide
{
    width:90%;
	margin:0 auto;
	/*background:#FFFFFF;*/
}
#content-wrapper > div.ebooks-list,#content-wrapper-wide > div.ebooks-list
{
    background:#ffffff;
    padding:30px 0;
}
div.glass-shelf
{
    
	/*background:url('images/bg-shelf-glass.png') repeat-y top left;*/
	background:url('images/bg-shelf-wood.png') repeat-y top left;
}

 ul.sevencolumns
{
	
	list-style-type:none;
	margin:0;
	padding-left:45px;
}
ul.sevencolumns > li
{
	width:122px;
	float:left;
	
	padding-top:10px;
	
	/*text-align:center;*/
	
	max-height:150px;
	min-height:150px;
	
	text-align:center;
}
div.ebooks-list
{
	margin-top:10px;
}
/*#content-wrapper > div.ebooks-list
{
    padding-top:30px;
}*/
ul.sevencolumns > li:hover .popup
{
	visibility:visible;
 
}
ul.sevencolumns > li .read-online
{
	display:block;
	width:90px;
	height:115px;
	
	 position:relative;
	 top:-115px;
	 left:16px;
	z-index:10;
	
	background:url('images/zoom-in.png') rgba(0,0,0,0.5) no-repeat center center;
 
	visibility:hidden;
	
}

ul.sevencolumns > li:hover .read-online
{
   visibility:visible;
	
}



ul.sevencolumns > li:hover .view-detail
{
   visibility:visible;
	
}
div.top-seller
{
	float:left;
	display:block;
	width:290px;
	height:500px;
	/*margin-top:10px;
	margin-bottom:20px;*/
	border:1px solid;
	padding:10px;
	border:1px solid #cccccc;
}
div.top-seller > h4, div.publisher-update > h4, div.news-promotion > h4
{
	font-family: helvethaicaxfont;
	font-size:30px;
	padding:10px;
	font-weight:normal;
}
div.news-promotion h5
{

	padding:10px;

}

div.border-yellow
{
margin-left:20px;
	margin-right:20px;
}
/*
div.border-red > h4
{
	color:#cc3333;
}
div.border-yellow > h4
{
	color:#ffcc33;
	
}

div.border-green > h4
{
	color:#b4e11e;
}
*/
div.publisher-update
{

display:block;
	width:955px;

	margin:20px 0;
	border:1px solid #cccccc;
	padding:10px;
}
div.publisher-box
{
	float:left;
	display:block;
	margin:5px;
	width:175px;
	height:60px;
	text-align:center;
	border:1px solid #eeeeee;
}
div.publisher-box:hover
{
	border:1px solid #336600;
}
div.news-promotion, div.facebook
{
    float:left;
display:block;

	margin:10px 0;
	
	
}
div.facebook
{
    padding:0 0 0 10px;
     width:320px;
     text-align:right;
}
div.news-promotion
{
    border:1px solid #cccccc;
    width:620px;
    padding:10px;
}
div.top-menu > ul > li > a.img-bag
{
    
    display:block;
    width:24px;
    height:24px;
    background:url('images/shopping-bag.png') no-repeat center center;
}
div.top-menu > ul > li:hover > a.img-bag
{
    background-color:#669900;
        background-image:url('images/shopping-bag-white.png');
}

div.top-menu > ul > li > a.img-shelf
{
    
    display:block;
    width:24px;
    height:24px;
    background:url('images/shelf-grey.png') no-repeat center center;
}
div.top-menu > ul > li:hover > a.img-shelf
{
    background-color:#669900;
        background-image:url('images/shelf-white.png');
}
div.panel-bag > div > div.align-right
{
    display:block;
    padding:10px;
    
}
div.panel-bag > div > div.total
{
    background-color: #FFFFCC;
}

div.button-add-to
{
    padding:0 5px;
    float:left;
    display:block;
    width:60%;
    text-align:center;
}
div.icon-ebook
{
    
    background:url('images/icon-book-32.png') top left no-repeat;
}
div.icon-truck
{
    
    background:url('images/icon-truck-32.png') top left no-repeat;
}
.width40
{
    width:40px;
}
div.content
{
    display:block;
    padding:10px 20px 20px 20px;
}
li.alter
{
  border-bottom:1px dotted #dddddd;
    border-top:1px dotted #dddddd;
}
span.width290
{
	width:290px;
}
span.text-align-right
{
    text-align:right;
}
span.shipping-icon
{
    padding-right: 30px;
   
    background: url('images/icon-truck-16.png') top right no-repeat;
}
span.text-red
{

	color: #CC0000;
}
fieldset ul.block label.block
{
    display:block;
    float:left;
}
div.bordertop
{
    border-top:1px solid #999999;
}
ul.deal-publisher-bar
{
    list-style-type:none;
}
ul.deal-publisher-bar > li
{
    border-top:1px solid #cccccc;
    display:block;
    padding-bottom:10px;
    margin-bottom:10px;

  
    background-color:#FFFFFF;

}
ul.deal-publisher-bar > li > h2
{
    margin-top:5px;
 
     
}
ul.deal-publisher-bar > li > .logo-publisher
{
    padding-right:10px;
    padding-bottom:5px;
}
ul.deal-publisher-bar > li > span
{
    display:block;
    padding:0 10px;
   
    color:#669900;
}
ul.deal-publisher-bar > li > div > .cover-small
{
    margin:5px;
}
ul.deal-publisher-bar > li > div > ol > li
{
    padding:3px;
}
span.promotionprice
{
    display:block;
    color:#CC0000;
    font-size:40px;
    font-weight:bold;
}
span.discount-percent
{
    display:block;
    color:#CC0000;
}
span.deal-expiry
{
    display:block;
    padding:10px 5px;
    font-weight:bold;
}