/*-------------------------------------
Pages Common Elements
-------------------------------------*/

/* Paragraph Setting */
.contentWrap p {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

/* Float Image */
.imageLeft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	border: 1px solid #DADADA;
}

.imageRight {
	float: right;
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #DADADA;
}


/*-------------------------------------
Topic Path
-------------------------------------*/
.topicPath {
	margin-bottom: 20px;
	font-size: .9em;
	line-height: 1.5em;
}

/*-------------------------------------
Pages Title
-------------------------------------*/

/* Common */
#pageTitle {
	width: 760px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#pageTitle h2 {
	width: 500px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* Gem of a Collection */
#gem #pageTitle  {
	background-image: url(../gem/img/title_bg.jpg);
}
#gem h2.title {
	background-image: url(../gem/img/title.gif);
}

/* Smoothing Plane */
#smoothingPlane #pageTitle  {
	background-image: url(../plane_smoothing/img/title_bg.jpg);
}
#smoothingPlane h2.title {
	background-image: url(../plane_smoothing/img/title.gif);
}

/* Block Plane */
#blockPlane #pageTitle  {
	background-image: url(../plane_smoothing/img/title_bg.jpg);
}
#blockPlane h2.title {
	background-image: url(../plane_block/img/title.gif);
}

/* Other Plane */
#otherPlane #pageTitle  {
	background-image: url(../plane_smoothing/img/title_bg.jpg);
}
#otherPlane h2.title {
	background-image: url(../plane_others/img/title.gif);
}

/* Bench Chisel */
#benchChisel #pageTitle {
	background-image: url(../chisel_bench/img/title_bg.jpg);
}
#benchChisel h2.title {
	background-image: url(../chisel_bench/img/title.gif);
}

/* Other Chisel */
#otherChisel #pageTitle  {
	background-image: url(../chisel_bench/img/title_bg.jpg);
}
#otherChisel h2.title {
	background-image: url(../chisel_others/img/title.gif);
}

/* Saw */
#saw #pageTitle  {
	background-image: url(../saw/img/title_bg.jpg);
}
#saw h2.title {
	background-image: url(../saw/img/title.gif);
}

/* Knife */
#knife #pageTitle {
	background-image: url(../knife/img/title_bg.jpg);
}
#knife h2.title {
	background-image: url(../knife/img/title.gif);
}

/* KitchenKnife */
#kitchenKnife #pageTitle {
	background-image: url(../knife_kitchen/img/title_bg.jpg);
}
#kitchenKnife h2.title {
	background-image: url(../knife_kitchen/img/title.gif);
}

/* Hammer */
#hammer #pageTitle {
	background-image: url(../hammer/img/title_bg.jpg);
}
#hammer h2.title {
	background-image: url(../hammer/img/title.gif);
}

/* Axe & Adze */
#axe #pageTitle {
	background-image: url(../axe/img/title_bg.jpg);
}
#axe h2.title {
	background-image: url(../axe/img/title.gif);
}

/* Marking */
#marking #pageTitle {
	background-image: url(../marking/img/title_bg.jpg);
}
#marking h2.title {
	background-image: url(../marking/img/title.gif);
}

/* Trowel */
#trowel #pageTitle {
	background-image: url(../trowel/img/title_bg.jpg);
}
#trowel h2.title {
	background-image: url(../trowel/img/title.gif);
}

/* Layout */
#layout #pageTitle {
	background-image: url(../layout/img/title_bg.jpg);
}
#layout h2.title {
	background-image: url(../layout/img/title.gif);
}

/* Waterstone */
#waterstone #pageTitle {
	background-image: url(../waterstone/img/title_bg.jpg);
}
#waterstone h2.title {
	background-image: url(../waterstone/img/title.gif);
}

/* Othertools */
#other #pageTitle {
	background-image: url(../other/img/title_bg.jpg);
}
#other h2.title {
	background-image: url(../other/img/title.gif);
}

/* Tips & Information */
#tips #pageTitle  {
	background-image: url(../tips/img/title_bg.jpg);
}
#tips h2.title {
	background-image: url(../tips/img/title.gif);
}

/* Blacksmith Biography */
#blacksmith #pageTitle  {
	background-image: url(../blacksmith/img/title_bg.jpg);
}
#blacksmith h2.title {
	background-image: url(../blacksmith/img/title.gif);
}

/* How to Order & FAQ */
#faq #pageTitle  {
	background-image: url(../faq/img/title_bg.jpg);
}
#faq h2.title {
	background-image: url(../faq/img/title.gif);
}

/* Shop */
#shop #pageTitle  {
	background-image: url(../shop/img/title_bg.jpg);
}
#shop h2.title {
	background-image: url(../shop/img/title.gif);
}

/* Contact us */
#inquiry #pageTitle  {
	background-image: url(../inquiry/img/title_bg.jpg);
}
#inquiry h2.title {
	background-image: url(../inquiry/img/title.gif);
}

/* Sitemap */
#sitemap #pageTitle  {
	background-image: url(../img/sitemap_title_bg.jpg);
}
#sitemap h2.title {
	background-image: url(../img/sitemap_title.gif);
}

/* Policy */
#policy #pageTitle  {
	background-image: url(../img/policy/title_bg.jpg);
}
#policy h2.title {
	background-image: url(../img/policy/title.gif);
}

/*-------------------------------------
Pages Headline
-------------------------------------*/

.contentWrap h3 {
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 4px solid #DADADA;
	font-size: 1.6em;
	line-height: 1.3em;
}

/*-------------------------------------
Pages Inquiry Button
-------------------------------------*/

#pagesInquiryBTN {
	margin: 10px 0;
	text-align: right;
}

/*-------------------------------------
CMS Detail Common
-------------------------------------*/

.cmsDetailBody {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/dotline.gif) repeat-x bottom;
}

/*-------------------------------------
CMS Navigation
-------------------------------------*/

/* LISTPAGE */
ul#cmsListNavi {
	position: relative;
	margin-bottom: 20px;
}

ul#cmsListNavi li {
	display: inline;
}

li#nextBTN a,
li#backBTN a {
	position: absolute;
	display: block;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;	
}

li#nextBTN a {
	top: 0;
	left: 500px;
	width: 39px;
	height: 10px;
	background: url(../img/next_btn.gif) no-repeat;
}

li#backBTN a {
	top: 0;
	left: 0;
	width: 40px;
	height: 10px;
	background: url(../img/back_btn.gif) no-repeat;
}

/* Detail Page */
#listBTN a {
	float: right;
	display: block;
	width: 32px;
	height: 10px;
	/* \*/
	overflow: hidden;
	/* */
	background: url(../img/list_btn.gif) no-repeat;
	text-indent: -9999px;
}

/*-------------------------------------
Products List
-------------------------------------*/

#entryListBox {
	width: 510px;
	margin: 0 0 10px 0;
	padding: 15px;
	padding /**/: 15px 15px 1px; /* Hide from WinIE */
	background: #F3F3F3;
	text-align: center;
}

#entryListBox .entryBox {
	width: 480px;
	margin: 0 0 15px 0;
	padding: 15px;
	background: #FFF;
	text-align: left;
}

#entryListBox .entryLeftBox {
	width: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#entryListBox .entryLeftBox img {
	padding: 4px;
	border: 1px solid #DADADA;
}

#entryListBox .entryRightBox {
	width: 230px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

#entryListBox .entryRightBox h4 {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}


#entryListBox .entryRightBox h4 a {
	display: block;
	width: 220px;
	padding: 3px 0 3px 5px; 
	color: #FFF;
	background-color: #674F6B;
	text-decoration: none;
}

#entryListBox .entryRightBox h4 a:hover {
	background: #867389;
}

#entryListBox .entryRightBox p {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

#entryListBox .entryRightBox .textRight {
	float: right;
	padding: 0 0 0 10px;
	background: url(../img/arrow.gif) no-repeat 0 8px;
}

.textCenter {
	text-align: center;
}

/*-------------------------------------
Products Detail
-------------------------------------*/

.itemDetailPhoto {
	margin-top: 20px;
	margin-bottom: 20px !important;
	text-align: center;
}

.itemDetailPhoto img {
	padding: 4px;
	border: 1px solid #DADADA;
}

.itemDetailAbstract {
	margin-bottom: 20px;
}

.itemDetailAbstract strong {
	color: #F60;
}

.itemDetailBody {
	margin: 20px 0 15px;
	padding: 15px;
	border: 1px solid #DADADA;
	background: #F3F3F3;
}

.itemDetailBody img {
	margin-bottom: 3px;
	padding: 4px;
	border: 1px solid #DADADA;
	background: #FFF;
}

/*-------------------------------------
Gem of a Collection
-------------------------------------*/

/* List Page */

#gemListBox {
	width: 510px;
	margin: 0 0 10px 0;
	padding: 15px;
	padding /**/: 15px 15px 1px; /* Hide from WinIE */
	background: #F8F3E7 url(../gem/img/gemlist_bg.jpg) repeat-x top;
	text-align: center;
}

#gemListBox .entryBox {
	width: 480px;
	margin: 0 0 15px 0;
	padding: 15px;
	background: #FFF;
	text-align: left;
}

#gemListBox .entryLeftBox {
	width: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#gemListBox .entryLeftBox img {
	padding: 4px;
	border: 1px solid #DADADA;
}

#gemListBox .entryRightBox {
	width: 230px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

#gemListBox .entryRightBox h4 {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}


#gemListBox .entryRightBox h4 a {
	display: block;
	width: 220px;
	padding: 3px 0 3px 5px; 
	color: #FFF;
	background-color: #674F6B;
	text-decoration: none;
}

#gemListBox .entryRightBox h4 a:hover {
	background: #867389;
}

#gemListBox .entryRightBox p {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

#gemListBox .entryRightBox .textRight {
	float: right;
	padding: 0 0 0 10px;
	background: url(../img/arrow.gif) no-repeat 0 8px;
}


/* Detail Page */
#gemDetail {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../img/dotline.gif) repeat-x bottom;
}

.gemDetailBody img {
	margin-bottom: 3px;
	padding: 4px;
	border: 1px solid #DADADA;
}

/*-------------------------------------
Tips & Information
-------------------------------------*/

ul#tipsTitleList {
	margin-bottom: 15px;
	padding-top: 1px;
	border: 1px solid #DADADA;
	border-width: 0 1px;
	background: url(../img/dotline.gif) repeat-x top;
}

#tipsTitleList li {
	padding-bottom: 1px;
	background: url(../img/dotline.gif) repeat-x bottom;
}

#tipsTitleList li a {
	display: block;
	padding: 8px 10px 8px 25px;
	background: url(../img/arrow.gif) no-repeat 10px 15px;
	font-weight: bold;
	text-decoration: none;
}

#tipsTitleList li a:hover {
	background-color: #F6F6F6;
}

#tipsTitleList li span {
	float: right;
	display: block;
	width: 120px;
	color: #F60;
	font-size: .9em;
	font-weight: normal;
	text-align: right;
}

#tipsDetail .cmsDetailAbstract {
	margin-bottom: 5px;
	color: #F60;
	text-align: right;
}


/*-------------------------------------
How to Order & FAQ
-------------------------------------*/

/* List Page */
ul#faqTitleList {
	margin-bottom: 15px;
	padding-top: 1px;
	border: 1px solid #DADADA;
	border-width: 0 1px;
	background: url(../img/dotline.gif) repeat-x top;
}

#faqTitleList li {
	padding-bottom: 1px;
	background: url(../img/dotline.gif) repeat-x bottom;
}

#faqTitleList li a {
	display: block;
	padding: 8px 15px 8px 37px;
	background: url(../faq/img/list_mark.gif) no-repeat 10px 10px;
}

#faqTitleList li a:hover {
	background-color: #F6F6F6;
}

/* Detail Page */

#faqDetail h3 {
	margin-bottom: 30px;
	padding: 7px 10px 7px 15px;
	font-size: 1.2em;
	border: 3px solid #FF5A1E;
	border-width: 0 0 0 3px;
	background: #F3F3F3;
}

/*-------------------------------------
Blacksmith Biography
-------------------------------------*/

/* List Page */
ul#blacksmithNameList {
	margin-bottom: 15px;
	background: url(../img/dotline.gif) repeat-x top;
}

ul#blacksmithNameList li {
	padding-bottom: 1px;
	background: url(../img/dotline.gif) repeat-x bottom;
}

ul#blacksmithNameList li a {
	display: block;
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

ul#blacksmithNameList li a:hover {
	background-color: #F6F6F6;	
}

ul#blacksmithNameList li img {
	margin-right: 20px;
	padding: 4px;
	border: 1px solid #DADADA;
	vertical-align: middle;
}


/*-------------------------------------
Shop Information
-------------------------------------*/

#shopGreeting {
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 5px solid #DADADA;
}

#shopOutline {
	padding: 10px 15px 10px;
	border: 1px solid #DADADA;
	background: #F5F5F5;
}

#shopOutline h3 {
	margin-bottom: 8px;
	padding-bottom: 0;
	border: none;
	color: #F60;
	font-size: 1.3em;
}

#shopOutline dt,
#shopOutline dd {
	margin-bottom: 3px;
	padding-top: 3px;
	background: url(../img/dotline.gif) repeat-x top;	
}

#shopOutline dt {
	float: left;
	width: 110px;
	font-weight: bold;
	white-space: nowrap;
}

#shopOutline dd {
	margin-left: 110px;
}

/*-------------------------------------
Contact
-------------------------------------*/
#inquiryLead span,
#inquiryForm span {
	color: #F60;
}

#inquiryForm table {
	width: 540px;
	margin-bottom: 10px;
	background: #999;
}

#inquiryForm caption {
	display: none;
}

#inquiryForm th,
#inquiryForm td {
	padding: 5px;
	background: #FFF;
	text-align: left;
	vertical-align: top;
}

#inquiryForm th {
	width: 150px;
	background: #D8DCE6;
}

.submit {
	text-align: center;
}

#resultNote {
	padding: 15px;
	border: 1px solid #DADADA;
}

/*-------------------------------------
Site Map
-------------------------------------*/

#sitemap .contentWrap {
	border: 1px solid #CCCCCC;
}

ul#contentsList {
	margin: 0 0 20px 0;
}


#contentsList li {
	list-style-type: disc;
	margin: 0 0 10px 25px;
	font-weight: bold;
}

.left {
	width: 200px;
	margin: 0 20px 0 0;
	padding:0 0 0 10px;
	float:left;
}

.left strong {
	color: #F60;
	font-weight: bold;
}
