/*	Project:		PostBook.com
	Author:			Web Accessibility Team
	Department:		Post Digital
	copyright:		The Post Publishing Public Company Limited (c) 2010
	--------------------------------------------------------------------------------------*/

	* {
	margin: 0;
	outline: 0;
	padding: 0; }

	body {background: rgb(255,255,255); color: rgb(51,51,51); font: 13px Tahoma; }

	p {line-height: 18px; padding-bottom: 15px; }
	a {text-decoration: none; }
	a:hover {text-decoration: underline; }

	fieldset, img {border: 0; vertical-align: middle; }
	ul>li {list-style: none; }

	article, aside, footer, header, hgroup, nav, section {display: block; }

	*[class="hide"] {height: 0; visibility: hidden; }


/*	=Layout
	---------------------------------------------*/
	body>header {margin: 20px auto; overflow: hidden; width: 950px; }
	body>nav {background: rgb(243,243,243); margin-bottom: 20px; overflow: hidden; width: 100%; }
	body>div {margin: 0 auto 20px; width: 950px; }
	body>footer {background: rgb(102,102,102); padding: 20px 0; width: 100%; }

	/*  =layout flow  */
	*[class*="pb-tw"],
	*[class*="pb-th"],
	*[class*="pb-tw-item"],
	*[class*="in-tw"]>*,
	*[class*="chd-tw"]>* {overflow: hidden; }

	*[class*="pb-tw"]>*,
	*[class*="pb-th"]>*,
	*[class*="pb-tw-item"]>*,
	*[class*="chd-tw"]>*>*,
	*[class*="in-tw"]>*>*>* {display: inline; float: left; }

	*[class*="tw-lay"]>div {margin-right: 10px; width: 630px; }
	*[class*="tw-lay"]>aside {width: 310px; }

	*[class*="th-lay"] {padding-left: 160px; width: 790px; }
	*[class*="th-lay"]>div {width: 470px; margin-right: 10px; }
	*[class*="th-lay"]>aside {float: right; width: 310px; }
	*[class*="th-lay"]>nav {margin-left: -640px; width: 150px; }

	*[class*="pb-tw-item"] {margin: 0 -5px; }
	*[class*="pb-tw-item"]>* {margin: 0 5px; }

	*[class*="chd-tw"]>*>*:first-child {margin-right: 10px; }

	*[class*="in-tw"]>*>*>*:first-child {margin-right: 10px; }

	*[class*="tw-lay"] *[class*="pb-tw-item"]>*,
	*[class*="tw-lay"] *[class*="chd-tw"]>*>*,
	*[class*="tw-lay"] *[class*="in-tw"]>*>*>* {width: 310px; }

	*[class*="th-lay"] *[class*="pb-tw-item"]>*,
	*[class*="th-lay"] *[class*="chd-tw"]>*>*,
	*[class*="th-lay"] *[class*="in-tw"]>*>*>* {width: 230px; }	


/*	=Header child
	---------------------------------------------*/
	body>header>hgroup {background: url(../img/postbook-logo.png) no-repeat; float: left; position: relative; }
	
	body>header>hgroup>h1>a {
	display: block;
	height: 94px;
	position: relative;
	text-decoration: none !important;
	width: 450px;
	z-index: 10; }
	
	body>header>hgroup>h2 {
	bottom: 10px;
	color: rgb(0,0,0);
	font-size: 20px;
	position: absolute;
	left: 90px;
	z-index: 1; }

	body>header>form {float: right; margin-top: 60px; }
	body>header>form>fieldset>* {float: left; font-size: 12px; margin-left: 5px; }

	body>header>form>fieldset>input[type="text"] {
	border: 1px solid rgb(128,128,128);
	height: 13px;
	padding: 4px 5px 3px;
	width: 180px; }

	body>header>form>fieldset>select {
	background: rgb(255,255,255);
	border: 1px solid rgb(128,128,128);
	height: 22px;
	padding: 2px 0; }

	body>header>form>fieldset>input[type="submit"] {
	background: url(../img/button/sprite.png);
	border: 0;
	color: rgb(255,255,255);
	cursor: pointer;
	height: 22px;
	width: 69px; }
	
	body>header>form>fieldset>input[type="submit"]:hover {background-position: 0 -24px; }
	
	[id="purchase_form"] input[type="button"] {
	background: url(../img/button/sprite.png) 0 -46px;
	border: 0;
	color: rgb(255,255,255);
	cursor: pointer;
	height: 24px;
	width: 75px; }
	
	[class="buy-now"] a {
	background: url(../img/button/sprite.png) 0 -46px;
	color: rgb(255,255,255) !important;
	display: block;
	height: 24px;
	line-height: 22px;
	padding: 0;
	text-align: center;
	width: 75px; }
	
	[id="purchase_form"] input[type="submit"]:hover,
	[class="buy-now"] a:hover {
	background: url(../img/button/sprite.png) 0 -70px;
	text-decoration: none !important; }

/*	=Nav child
	---------------------------------------------*/
	body>nav>ul {margin: 0 auto; width: 950px; }
	body>nav>ul>li {border-right: 1px solid rgb(221,221,221); float: left; }
	body>nav>ul>li:first-child {border-left: 1px solid rgb(221,221,221); }

	body>nav>ul>li>* {
	display: block;
	color: rgb(0,0,0);
	font-size: 22px;
	font-weight: bold;
	height: 32px;
	padding: 4px 20px; }

	body>nav>ul>li>a:hover,
	body>nav>ul>li>span {background: url(../img/bg/sprite.png); color: rgb(255,255,255); text-decoration: none; }


/*	=Content child
	---------------------------------------------*/
	div[id="content"] h2 {
	color: rgb(0,0,0);
	font-size: 30px;
	line-height: 23px;
	margin-bottom: 10px;
	padding: 0 0 5px 5px; }

	div[id="content"] div>h2,
	section[id="promotion"]>h2,
	section[id="newsletter"]>h2 {border-bottom: 1px solid rgb(204,204,204); }

	div[id="content"] h2 a {color: rgb(0,0,0); }

	div[class*="th-lay"] div>h2:first-child {
	background: rgb(139,139,135);
	border: 0;
	color: rgb(255,255,255);
	font-size: 20px;
	line-height: 15px;
	overflow: hidden;
	padding: 8px 5px;
	position: relative; }

	div[class*="th-lay"] div>h2:first-child q:before,
	div[class*="th-lay"] div>h2:first-child q:after {content: ''; }

	div[class*="th-lay"] div>h2:first-child em {color: rgb(0,0,0); font-style: normal; }
	div[class*="th-lay"] div>h2:first-child cufon {float: left; height: 18px !important; /height: 20px !important; }

	div[id="content"] h1 {color: rgb(153,0,0); font-size: 14px; font-weight: bold; }
	div[id="content"] h1>a {color: rgb(153,0,0); }

	div[id="content"] h3 {
	border-bottom: 1px solid rgb(204,204,204);
	color: rgb(153,0,0);
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px; }

	div[id="teaser"] {margin-bottom: 10px; }
	div[id="teaser"]>p {padding: 0; }

	div[id*="highlight"] {margin-bottom: 20px;}
	div[id*="light-special"] {margin-top: -11px; }
	div[id*="highlight"]+header {margin-bottom: 15px;	}

	address {font-style: normal; }
	address>span {display: block; line-height: 20px; }
	address>span:first-child {
	border: 0 !important;
	color: rgb(153,0,0);
	font-size: 14px;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important; }
	
	.entry-content p {line-height: 22px; }
	#information a, .entry-content a {color: rgb(153,0,0); }
	#information a:hover, .entry-content a:hover {text-decoration: underline; }

	/*  =rails-navigation  */
	nav[id="rails-navigation"]>ul>li {border-bottom: 1px solid rgb(204,204,204); }	
	nav[id="rails-navigation"]>ul>li:first-child {border-top: 1px solid rgb(204,204,204); }	

	nav[id="rails-navigation"]>ul>li>* {
	color: rgb(0,0,0);
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 5px 5px;
	text-decoration: none; }
	
	nav[id="rails-navigation"]>ul>li>a:hover,
	nav[id="rails-navigation"]>ul>li>span {background: url(../img/bg/arrow-right.png) no-repeat 96% 50% rgb(243,243,243); }
	
	/*  =recommend	 */
	ul[id="recommend"]>li {background: url(../img/bg/gradient-recommend.png) 0 100% no-repeat;}
	ul[id="recommend"]>li>article { text-align: center; width: 310px; }
	ul[id="recommend"]>li>article>p {margin-bottom: 25px; }
	ul[id="recommend"]>li>article>* {text-align: left; }
	
	/*  =promotion, =relate-item  */
	/*section[id="promotion"] h2 {word-spacing: -7px; }*/
	section[id="promotion"]>ul>li, [class*="pb-tw"]>div [class*="chd-tw"]>li {margin-bottom: 20px;}
	section[id="promotion"]>ul>li, div[id="relate-item"]>ul>li>article {min-height: 120px; padding: 0 0 0 130px; position: relative; }
	div[id="relate-item"]>ul>li>article {width: 170px !important; }
	section[id="promotion"]>ul>li img, div[id="relate-item"]>ul>li>article img {left: 0; position: absolute; top: 0; }

	*[class*="th-lay"]>div>div {border: 1px solid rgb(204,204,204); padding: 235px 0; }
	*[class*="th-lay"]>div>div>p {color: rgb(153,0,0); font-size: 14px; font-weight: bold; text-align: center; }

	*[class*="th-lay"]>div>ul[class*="chd-tw"]>* {margin-bottom: 10px; }
	*[class*="th-lay"]>div>ul[class*="chd-tw"]>*>article {
	border: 1px solid rgb(204,204,204);
	padding: 170px 10px 10px;
	position: relative;
	width: 208px !important; }

	*[class*="th-lay"]>div>ul[class*="chd-tw"]>*>article p {padding-bottom: 0; }
	*[class*="th-lay"]>div>ul[class*="chd-tw"]>*>article img {left: 50%; margin-left: -52px; position: absolute; top: 10px; }

	/*  =best-saler	 */
	section[id="best-saler"] {
	background: url(../img/bg/base-saler.png) repeat-x rgb(255,255,255) bottom;
	border: 1px solid rgb(204,204,204);
	margin-bottom: 10px;
	padding: 10px; }
	
		section[id="best-saler"]>h2 {color: rgb(153,0,0); margin-bottom: 0; }
		section[id="best-saler"]>ol>li {font-size: 14px; margin-left: 35px; }
		section[id="best-saler"]>ol>li>a {color: rgb(51,51,51); }

	/*  =newsletter  */
	section[id="newsletter"]>form {padding: 10px 20px 30px; }
	section[id="newsletter"]>form>fieldset>input[type="text"] {
	border: 1px solid rgb(128,128,128);
	float: left;
	font-size: 12px;
	margin-right: 5px;
	padding: 2px 5px;
	width: 183px; }

	section[id="newsletter"]>form>fieldset>input[type="button"] {
	background: url(../img/button/sprite.png);
	border: 0;
	color: rgb(255,255,255);
	cursor: pointer;
	font-size: 12px;
	height: 22px;
	width: 69px; }
	section[id="newsletter"]>form>fieldset>input[type="button"]:hover {background-position: 0 -24px; }

	section[id="newsletter"]>form>p {
	background: url(../img/bg/sprite.png) 0 -48px;
	color: rgb(153,0,0);
	height: 22px;
	padding: 15px 0 0;
	text-align: center; }

	/*  =information  */
	div[id="content"][class*="th-lay"]>div>h2+article>h1 {border-bottom: 1px solid rgb(204,204,204); margin-bottom: 10px; padding-bottom: 5px; }
	div[id="content"][class*="th-lay"]>div>h2+article {border: 1px solid rgb(230,229,229); padding: 15px;}
	div[id="content"][class*="th-lay"]>div>h2+article>section {min-height: 315px; padding-left: 225px; position: relative; }
	div[id="content"][class*="th-lay"]>div>h2+article>section>img {left: 0; position: absolute; top: 0; }
	div[id="content"][class*="th-lay"]>div>h2+article>section>ul {padding-bottom: 10px; }

	/*  =sns-feature  */
	ul[id="misc"] {border-top: 1px solid rgb(204,204,204); margin-top: 25px; padding: 15px 0; text-align: left; }
	
	[class="figure"] {line-height: 18px !important; padding-bottom: 0; }
	[class="figure"] em {font-style: normal; }

	ul[id="misc"]>li {
	background: url(../img/icon/sns-feature.png) no-repeat;
	display: inline;
	margin-left: 10px;
	padding: 0 0 2px 25px; }

	ul[id="misc"]>li[id="print-this"] {background-position: 0 -20px; }	
	ul[id="misc"]>li>a {color: rgb(51,51,51); text-decoration: underline; }

	ul[id="misc"]>li[id="addthis"] {background: none; padding-left: 20px; position: relative; }
	ul[id="misc"]>li[id="addthis"] span {left: 0; position: absolute; top: 0; width: 16px; }

	/*  =pagination	 */	
	nav[class="pagination"] {margin-top: 10px; text-align: center; }

		nav[class="pagination"]>* {
		border: 1px solid rgb(204,204,204);
		color: rgb(51,51,51);
		display: inline;
		font-size: 14px;
		line-height: 20px;
		padding: 0 5px; }

		nav[class="pagination"]>a:hover {border: 1px solid rgb(102,102,102); text-decoration: none; }
		nav[class="pagination"]>span {border: 1px solid rgb(102,102,102); background: rgb(102,102,102); color: rgb(255,255,255); }


/*	=purchase_form
	---------------------------------------------*/
	form[id="purchase_form"] {margin: 20px auto; width: 630px; }
	form[id="purchase_form"] h3 {border-bottom: 0; }
	form[id="purchase_form"] fieldset {margin-bottom: 20px; }
	form[id="purchase_form"] [class*="chd-tw"]>li {margin-bottom: 10px; }
	form[id="purchase_form"] [class*="chd-tw"]>li>label {display: block; width: 100px; }
	
	form[id="purchase_form"] input[type="text"] {border: 1px solid rgb(129,129,129); font: 12px Tahoma; padding: 4px 5px; width: 350px; }
	form[id="purchase_form"] textarea {border: 1px solid rgb(129,129,129); font: 12px Tahoma; height: 80px; padding: 4px 5px; width: 350px; }
	
	form[id="purchase_form"] table {margin: 10px 0; width: 100%; }
	form[id="purchase_form"] table th {background: rgb(139,139,135); border-right: 1px solid rgb(255,255,255); color: rgb(255,255,255); font-size: 14px; padding: 5px 10px; }

	form[id="purchase_form"] table td {background: rgb(224,224,224); border-right: 1px solid rgb(255,255,255); border-top: 1px solid rgb(255,255,255); padding: 5px 10px; text-align: center; }

	form[id="purchase_form"] table th:first-child,
	form[id="purchase_form"] table td:first-child {text-align: left; }

	form[id="purchase_form"] table tr.even td {background: rgb(239,239,239); }
	
	form[id="purchase_form"] fieldset[title="Order Details"] [class*="chd-tw"]>li>span {display: block; text-align: center; width: 200px; }
	form[id="purchase_form"] fieldset[title="Order Details"] [class*="chd-tw"]>li>span:first-child {text-align: left; width: 420px; }
	form[id="purchase_form"] fieldset[title="Order Details"] input[type="text"] {width: 20px; }
	

/*	=Footer child
	---------------------------------------------*/
	body>footer>p {margin: 0 auto; line-height: 20px; padding: 0; width: 950px; }
	body>footer * {color: rgb(255,255,255); }
	body>footer span[class="truehits"] img {margin: -9px 0 0 5px; }
	
/*	=Hack Java
	---------------------------------------------*/	
	#_atssh, #at20mc {margin: 0; }