/* xindao css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	font: 12px normal Arial, Helvetica, sans-serif;
}

#wrapper {
	position: relative;
	width: 800px;
	height: 500px;
	margin: 10px auto;
	padding: 0;
	background: url(images/bg_wrapper.jpg) top right no-repeat;
	border: 1px solid #999;
	text-align: left;
	overflow: hidden;
}

#topnav {
	position: absolute;
	top: 70px;
	left: 5px;
	margin: 0;
	padding: 0;
	width: 100px;
	
}

#breadcrumb {
	position: absolute;
	z-index: 100;
	top: 150px;
	left: 150px;
	color: #999;
	margin: 0;
	padding: 0;
	display: none;
}

#breadcrumbprods {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 150px;
	color: #999;
	margin: 0;
	padding: 0;
}

#recordpaging {
	position: absolute;
	top: 25px;
	right: 20px;
	color: #999;
	margin: 0;
	padding: 0;
}

#pagecount {
	display: none;
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: right;
}
	
#contentpindex { 
	position: absolute;
	right: 20px;
	top: 50px;
	width: 642px;
	height: 352px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#content {
	position: absolute;
	right: 20px;
	top: 50px;
	width: 642px;
	height: 362px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	overflow: hidden;
}

#contentsix {
	position: absolute;
	left: 130px;
	top: 55px;
	width: 662px;
	height: 382px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	overflow: hidden;
}

#backbutton {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 30px;
}

.back {
	font-size: 14px;
}
/* product content */

#contentbags, #contentout, #contenttool, #contentlife, #contentprods, #contentsearch, #contentprint {
	position: absolute;
	right: 20px;
	top: 50px;
	width: 642px;
	height: 390px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#contentprods {background: url(images/bg_index.jpg) top right no-repeat;}
#contentbags {background: url(images/bg_bags.jpg) top right no-repeat;}
#contentout {background: url(images/bg_outdoor.jpg) top right no-repeat;}
#contenttool {background: url(images/bg_tools.jpg) top right no-repeat;}
#contentlife {background: url(images/bg_lifestyle.jpg) top right no-repeat;}

#contentsearch, #contentprint, #contentpindex {background: url(images/bg_blank.jpg) top right no-repeat;}

/* product headers */

#headerbags, #headerout, #headertool, #headerlife, #headersearch, #headerprint, #headerproducts {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 256px;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#headerbags {background: url(images/head_bags.jpg) top right no-repeat;}
#headerout {background: url(images/head_outdoor.jpg) top right no-repeat;}
#headertool {background: url(images/head_tools.jpg) top right no-repeat;}
#headerlife {background: url(images/head_lifestyle.jpg) top right no-repeat;}
#headersearch {background: url(images/head_search.jpg) top right no-repeat;}
#headerprint {background: url(images/head_printing.jpg) top right no-repeat;}
#headerproducts {background: url(images/head_products.jpg) top right no-repeat;}

/* main category pages */

#prodpersonal {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 160px;
	margin: 0;
	padding: 0;
}

#contentbags div#subclist, #contenttool div#subclist, #contentout div#subclist, #contentlife div#subclist {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 164px;
	margin: 0;
	padding: 0;
}

#subtools, #subbags, #suboutdoor, #sublifestyle {
	width: 158px;
	height: 300px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#subtools {}
#subbags {}
#suoutdoor {}
#sublifestyle {}

#yourlogo {
	position: absolute;
	bottom: 20px;
	left: 70px;
	width: 250px;
	height: 40px;
	color: #fff;
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 130%;
}

/* product overview pages */

.prodthree {
	float:left;
	width: 214px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.prodthree span.description {
	float:left;
	width: 180px;
	height: 30px;
	overflow: hidden;
	margin-top: 3px;
}

.prodthree span.header {
	float:left;
	width: 180px;
	height: 35px;
	overflow: hidden;
	margin-bottom: 2px;
}

.readmore {
	float: left;
}

.prodthree p {
	width: 210px;
	margin-bottom: 0px;
	z-index: 100;
}


img.prodimg3 {
	width: 210px;
	height: 210px;
	margin: 40px 0 0 0;
}

.prodsix {
	float:left;
	width: 214px;
	height: 184px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

.prodsix p {
	width: 214px;
	height: 22px;
	text-align: left;
	margin: 0;
	padding: 0;
}

img.prodimg6 {
	width: 122px;
	margin: 7px 100px 0 0;
}

/* product detail pages */

#pheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 214px;
	margin: 0;
	padding: 0;
}


#pinfo {
	position: absolute;
	top: 50px;
	left: 0;
	width: 172px;
	margin: 0;
	padding: 0;
}

#productdetail {
	position: absolute;
	top: 0;
	left: 0;
	width: 214px;
}

#pimg {
	position: absolute;
	bottom: 0;
	left: 172px;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
}

#pdetail {	
	position: absolute;
	top: 0;
	right: 10px;
	width: 170px;
	margin: 0;
	padding: 0;
}

#pthumbs {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 175px;
	height: 175px;
	margin: 0;
	padding: 0;
}

#pthumbs img {
	margin: 0px;
	width: 86px;
	height: 86px;
	border: 0;
}

#simg1 {
	position: absolute;
	bottom: 0;
	left: 0;
}

#simg2 {
	position: absolute;
	bottom: 0;
	right: 0;
}

#simg3 {
	position: absolute;
	top: 0;
	left: 0;
}

#pdetail table {
	margin: 0;
	width: 170px;
}

#pdetail th {
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: top;
	padding:0px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

#pdetail th.mid {
	padding-top: 10px;
}

#pdetail td {
	border-bottom: 1px solid #999;
	text-align: left;
	vertical-align: top;
	padding: 3px 5px;
	font-size: 10px;
	width: 75px;
}
/* Search results */

#searchresultbox {
	position: absolute;
	top: 20px;
	left: 0;
	width: 250px;
	margin: 0;
	padding: 0;
}

#resultinput {
	position: absolute;
	width: 250px;
	height: 50px;
	bottom: 80px;
	left: 0;
	margin: 0;
	padding: 0;
}

#resultform {
	position: absolute;
	width: 250px;
	height: 50px;
	bottom: 20px;
	left: 0;
	margin: 0;
	padding: 0;
}

#resultform input {
	width: 128px;
	background: #fff;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	color: #666;
}

#resultform input#txtfield {
	position: absolute;
	bottom: 0;
	left: 0;
}

#resultform input#search {
	position: absolute;
	bottom: 0;
	left: 133px;
	width: 17px;
	height: 17px;
	background: url(files/layout/searchsmall.jpg) no-repeat;
}

#searchresult {
	position: absolute;
	top: 20px;
	right: 0;
	width: 350px;
	margin: 0;
	padding: 0;
}

iframe {
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Detail search styling */

#advancedsearch {
	position: absolute;
	bottom: 50px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 150px;
	width: 250px;
}

#advancedsearch input {
	width: 128px;
	background: #fff;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	color: #666;
}

#advancedsearch select {
	position: absolute;
	top: 43px;
	left: 0px;
	width: 128px;
	background: #fff;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	color: #666;
}

#advancedsearch input#txtfield {
	position: absolute;
	top: 20px;
	left: 0;
}

#advancedsearch input#search {
	position: absolute;
	top: 20px;
	left: 133px;
	width: 17px;
	height: 17px;
	background: url(files/layout/searchsmall.jpg) no-repeat;
}

/* printing */

#contentprint div#intro {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 230px;
	margin: 0;
	padding: 0;
}

#contentprint div#ptype {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 150px;
	margin: 0;
	padding: 0;
}

#contentprint div#ptypesmall {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 230px;
	height: 210px;
	margin: 0;
	padding: 0;
}

#ptypesmall a {
	float: left;
	width: 86px;
	height: 86px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0;	
}

#contentprint div#ptypelarge {
	position: absolute;
	bottom: 30px;
	right: 20px;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
}

#printingmp {
	position: absolute;
	bottom: 10px;
	right: 50px;
	width: 300px;
	height: 208px;
	margin: 0;
	padding: 0;
}