body {
	background-image: url(../Images/back_pattern.gif);
	background-repeat: repeat;
	margin: 24px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#top {
	width: 768px;
	background-image:url(../Images/top.png);
	background-repeat: no-repeat;
}

#upper {
	width: 768px;
	height: 64px;
	background-image:url(../Images/top.png);
	background-repeat: no-repeat;
}

#logo {
	float: left;
	width: 350px;
	text-align: left;
	margin: 4px 0px 0px 3px;
}

#logo img {
	border: none;
}

#shop {
	float: right;
	width: 300px;
	text-align: right;
}

#shop p {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.7em;
}

#shop a {
	color: #FFFFFF;
	text-decoration: none;
}

#shop a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#shop a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#shop img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.bag_text {
	margin: 16px 6px 0px 0px;
	float: right;
}

.bag_image {
	margin: 14px 24px 0px 0px;
	float: right;
}

#nav {
	clear: both;
	display: block;
	width: 768px;
	height: 25px;
	background-image: url(../Images/top_nav_bar.gif);
	background-repeat: repeat;
}

#nav a {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#nav a:hover {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#nav a:visited {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav li {
	font-family: calibri, Arial;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 180%;
}

#nav li:hover {
	font-family: calibri, Arial;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.m1 {
	list-style: none;
	float: right;
	width: 70px;
	height: 26px;
	padding-top: 4px;
	padding-left: 0px;
	margin-left: 200px;
	vertical-align: bottom;
	background-image: url(../Images/m_1.gif);
	background-repeat: no-repeat;
}
.m1:hover{
	background-image: url(../Images/m_1_over.gif);
	background-repeat: no-repeat;
}

.m2 {
	list-style: none;
	float: right;
	width: 69px;
	height: 26px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/m_2.gif);
	background-repeat: no-repeat;
}
.m2:hover{
	background-image: url(../Images/m_2_over.gif);
	background-repeat: no-repeat;
}

.m3 {
	list-style: none;
	float: right;
	width: 71px;
	height: 26px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/m_3.gif);
	background-repeat: no-repeat;
}
.m3:hover{
	background-image: url(../Images/m_3_over.gif);
	background-repeat: no-repeat;
}

.m4 {
	list-style: none;
	float: right;
	width: 114px;
	height: 26px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/m_4.gif);
	background-repeat: no-repeat;
}
.m4:hover{
	background-image: url(../Images/m_4_over.gif);
	background-repeat: no-repeat;
}

#main {
	background-color: #FFFFFF;
	margin: 8px 0px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 768px;
	min-height: 400px;
	text-align: left;
	padding-bottom: 48px;
}

#main a {
	color: #0000FF;
}

#main a:hover { 
	color:#0000FF;
}

#main a:visited {
	color: #0000FF;
}

#bread_crums {
	text-align: left;
	padding: 6px 0px 0px 12px;
	font-size: 0.75em;
	color: #CD2EA9;
}

#bread_crums a{
	color: #CD2EA9;
}

a.crums {
	color: #CD2EA9;
}

a.crums:visited {
	color: #CD2EA9;
}

a.crums:hover {
	color: #CD2EA9;
}

#main .page_image {
	float: left;
	width: 199px;
	text-align: left;
}

#main .page_desc {
	float: right;
	width: 520px;
	text-align: left;
	padding: 18px 18px 0px 0px;
	text-align: left;
	font-size: 1.3em;
	color: #FF99CC;
	font-weight: bold;
}

#main .clear_all {
	clear: both;
	height: 1px;
}

#main h1, h2, h3, p {
	padding-left: 24px;
	padding-right: 24px;
}
#main ul, ol {
	padding-left: 48px; 
	padding-right: 24px;
}
#main h1 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color:#999999; margin-top: 24px;}
#main h2 { font-size: 14px; }
#main h3 { font-size: 11px; font-weight: bold; }

#main p, #main ul, #main ol {
	font-size: 11px;
}

#main li {
	padding-bottom: 6px;
}

#main td { vertical-align: top; font-size: 11px; }

#display_detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#products_total {
	float: left;
	padding: 0px 0px 0px 80px;
}

#products_page {
	float: right;
	padding: 0px 80px 0px 0px;
}

#main .p_list {
	border: none;
	width: 90%;
	margin-top: 0px;
	margin-bottom: 36px;
}

#main .p_list>table>tr>td {
	width: 33%;
}

#main .p_img {
	height: 200px;
	vertical-align:bottom;
	text-align: center;
}

#main .p_link {
	height: 18px;
	text-align: center;
	color: #891F72;
	font-weight: bold;
	font-size: 0.9em;
}

#main .p_link>p {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

#main .p_link>img {
	border: none;
}

#main .buy_link, .buy_link:visited {
	color: #891F72;
}

#main .buy_link:hover {
	color: #FF6600;
}

#main td {
	text-align: left; 
}

#prod_nav a, #prod_nav a:hover, #prod_nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #800080;
	font-weight: bold;
}

#ndx_wrap {
	margin-top: 8px;
	width: 768px;
}

#middle_content_main {
	background-image: url(../Images/index_middle_bg.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	width: 767px;
	position:relative;
	overflow: hidden;
}
#middle_content_top {
	background-image: url(../Images/index_middle_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 54px;
	width: 767px;
}
#middle_content_bottom {
	clear: both;
	background-image: url(../Images/index_middle_bottom.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 767px;
}

#left {
	clear: both;
	float: left;
	width: 209px;
	height: 420px;
	text-align: left;
	vertical-align: top;
	/*background-image: url(../Images/left_back_no_sponsor.gif);*/
}

#left p {
	margin: 0px;
	font-size: 0.8em;
}

#left h3 {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#left li {
	font-size: 0.8em;
}

#left a {
	color: #CD2EA9;
}
#center {
	float: left;
	width: 334px;
	height: 420px;
	margin: 0px 7px 8px 8px;
	/*background-image: url(../Images/middle_back.gif);*/
}

#right {
	float: right;
	width: 209px;
	height: 420px;
	background-image: url(../Images/bestselltitle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}

#right ol {
	margin: 48px 5px 5px 24px;
	padding: 0px 0px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#right li {
	margin-left: 0px;
	padding-left: 0px;
}

#recomm {
	margin-top: 8px;
	clear: both;
	width: 768px;
	height: 210px;
	background-image: url(../Images/recommand_back.gif);
	background-repeat: no-repeat;
}

#bottom {
	margin-top: 8px;
	width: 768px;
	height: 69px;
}

#b_nav {
	height: 27px;
	background-image: url(../Images/bottom_nav_bar.gif);
	background-repeat:no-repeat;
}

#search {
	float: left;
	width: 200px;
	text-align: left;
}

#search form {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	height: 17px;
	display: block;
	vertical-align: top;
}

#search input {
	margin: 0px;
	padding: 0px;
}

#sbox {
	float: left;
	height: 17px;
	margin-top: 3px;
	width: 160px;
}

#sbtn {
	float: left;
	height: 17px;
	margin-top: 3px;
	border: 1px solid #000000;
}

.search_box {
	height: 17px; 
	width: 160px;
	background-color: #FFFFFF;
	border: 1px solid #000000; 
	font-size: 0.8em;
}

.search_bttn {
	width: 15px;
	height: 17px;
	background-image: url(../Images/search.jpg);
	border:  none;
	font-size: 11px;
	padding-left: 0px;
	margin-left: 0px;
}

#b_nav_items {
	float: right;
	height: 27px;
	width: 568px;
}

#b_nav_items a {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#b_nav_items a:hover {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#b_nav_items a:visited {
	font-family: calibri, Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

#b_nav_items ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#b_nav_items li {
	font-family: calibri, Arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 200%;
}

#b_nav_items li:hover {
	font-family: calibri, Arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.bm1 {
	list-style: none;
	float: right;
	width: 98px;
	height: 27px;
	padding-top: 4px;
	margin-left: 0px;
	vertical-align: bottom;
	background-image: url(../Images/b-m-1.gif);
	background-repeat: no-repeat;
}
.bm1:hover{
	background-image: url(../Images/b-m-1-over.gif);
	background-repeat: no-repeat;
}

.bm2 {
	list-style: none;
	float: right;
	width: 45px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-2.gif);
	background-repeat: no-repeat;
}
.bm2:hover{
	background-image: url(../Images/b-m-2-over.gif);
	background-repeat: no-repeat;
}

.bm3 {
	list-style: none;
	float: right;
	width: 77px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-3.gif);
	background-repeat: no-repeat;
}
.bm3:hover{
	background-image: url(../Images/b-m-3-over.gif);
	background-repeat: no-repeat;
}

.bm4 {
	list-style: none;
	float: right;
	width: 56px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-4.gif);
	background-repeat: no-repeat;
}
.bm4:hover{
	background-image: url(../Images/b-m-4-over.gif);
	background-repeat: no-repeat;
}

.bm5 {
	list-style: none;
	float: right;
	width: 66px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-5.gif);
	background-repeat: no-repeat;
}
.bm5:hover{
	background-image: url(../Images/b-m-5-over.gif);
	background-repeat: no-repeat;
}

.bm6 {
	list-style: none;
	float: right;
	width: 68px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-6.gif);
	background-repeat: no-repeat;
}
.bm6:hover{
	background-image: url(../Images/b-m-6-over.gif);
	background-repeat: no-repeat;
}

.bm7 {
	list-style: none;
	float: right;
	width: 114px;
	height: 27px;
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(../Images/b-m-7.gif);
	background-repeat: no-repeat;
}
.bm7:hover{
	background-image: url(../Images/b-m-7-over.gif);
	background-repeat: no-repeat;
}

#b_copy {
	clear: both;
	height: 42px;
	padding-top: 12px;
	background-image: url(../Images/bottom.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 0.7em;
	vertical-align: middle;	
}

#b_copy a, a:hover, a:visited {
	color: #FFFFFF;
}