/*  -- Template 18a Styles --  */

/*  -- Common Classes --  */

body {
	margin: 0 auto;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9f8669;
	text-align: center;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	background-color: #ffffff;
}

#header:after,
#header-top-pad:after,
#container:after,
#footer:after {
	clear: both;
	display: block;
	height: 0;
	content: ".";
	visibility: hidden;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 0;
	padding: 0;
}

b, strong {
	font-weight: bold;
}

form, ul, li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

/*  -- End Common Classes --  */


/*  -- Header --  */

div#header {
	width: 980px;
	padding: 7px 0 0 0;
	background: url(brown-stripe-bkgd.gif) 0px 0px repeat-y;
}

div.header-top-pad {
	float: left;
	padding: 0 40px 0 31px;
}

div#logo-area {
	float: left;
	width: 423px;
	background: #ffffff url(logo-area-top.gif) 0px 0px no-repeat;
}

div.logo-area-pad {
	padding: 20px 20px 0 20px;
	text-align: center;
}

div.header-right-area {
	float: right;
	padding: 12px 0 0 0;
	width: 446px;
}

div#login-area {
	margin: 0 0 8px 0;
	padding: 13px 15px 13px 15px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
	background: url(small-white-header-area.gif) 0px 0px no-repeat;
}

div#login-area a {
	padding: 0 9px 0 9px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
}

div#cart-area {
	padding: 7px 15px 7px 15px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
	background: url(small-white-header-area.gif) 0px 0px no-repeat;
}

div#cart-area * {
	vertical-align: middle;
}

div#cart-area a {
	padding: 0 6px 0 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
}

div#cart-area span {
	font-weight: bold;
	color: #6ac3f2;
}

div#top-nav-area {
	clear: both;
	float: left;
	padding: 19px 0 0 0;
	width: 980px;
	background: #6ac3f2 url(logo-area-bottom.gif) 0px 0px no-repeat;
	border-bottom: 3px solid #ffffff;
}

div#top-nav {
	float: left;
	padding: 10px 0 8px 0;
	width: 600px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

div#top-nav a {
	padding: 0 20px 0 10px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

form#search-area {
	float: right;
	padding: 3px 0 3px 0;
	width: 365px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

form#search-area * {
	vertical-align: middle;
}

form#search-area #query {
	margin: 0 3px 0 0;
	padding: 3px 5px 0 5px;
	width: 192px;
	height: 17px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(search-bkgd.gif) 0px 0px no-repeat;
	border: none;
}

/*  -- End Header --  */


/*  -- Body --  */

div#bodyshell {
	clear: both;
	float: left;
	width: 980px;
	background: url(outer-edge.gif) 0px 0px repeat-y;
}

div#bodyshell-bottom {
	float: left;
	width: 980px;
	background: url(outer-edge-bottom.gif) 0px bottom no-repeat;
}

div#bodycontent-area {
	float: right;
	width: 756px;
}

div#bodycontent {
	float: right;
	padding: 0 31px 0 0;
	background: url(outer-edge-top-right.gif) right 0px no-repeat;
	width: 725px;
}

/*  -- End Body --  */


/*  -- Index Page --  */

div#index-left-area {
	float: left;
	padding: 6px 0 0 0;
	width: 542px;
	background: #e0d9d1 url(index-left-area-top.gif) 0px 0px no-repeat;
}

div#index-left-area-bottom {
	padding: 0 6px 6px 6px;
	background: url(index-left-area-bottom.gif) 0px bottom no-repeat;
}

div#welcome-area {
	padding: 15px 0 0 0;
	width: 530px;
	background: #ffffff url(welcome-area-top.gif) 0px 0px no-repeat;
}

div#welcome-area-bottom {
	padding: 0 15px 15px 15px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9f8669;
	line-height: 18px;
	text-align: center;
	background: url(welcome-area-bottom.gif) 0px bottom no-repeat;
}

div#welcome-area span {
	display: block;
	padding: 0 0 10px 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
}

div#special-offers-area {
	margin: 6px 0 0 0;
	width: 530px;
	background: #ffffff url(welcome-area-top.gif) 0px 0px no-repeat;
}

div#special-offers-area-bottom {
	text-align: center;
	background: url(welcome-area-bottom.gif) 0px bottom no-repeat;
}

/*added & modified*/
div#special-offers-area-bottom table#contents td a img.itemimg{
    width:expression(this.width > 250 ? 250: true); /* for ie */
	max-width: 250px;
}

div#best-sellers-area {
	float: right;
	width: 183px;
}

/*  -- End Index Page --  */


/*  -- Left Navigation --  */

div#left-nav-area {
	float: left;
	padding: 0 0 25px 0;
	width: 224px;
}

div#left-nav {
	padding: 0 0 0 31px;
	background: url(outer-edge-top-left.gif) 0px 0px no-repeat;
}

ul#nav {
	width: 193px;
	list-style-type: none;
}

ul#nav li {
	width: 193px;
}

ul#nav a {
	display: block;
	padding: 5px 5px 5px 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
	background: url(left-nav-blt.gif) 10px center no-repeat;
}

ul#nav a:hover {
	color: #6ac3f2;
	background: url(left-nav-blt-hover.gif) 10px center no-repeat;
}

/*  -- End Left Navigation --  */


/*  -- Footer --  */

div#footer {
	clear: both;
	width: 980px;
	padding: 0 0 90px 0;
	background: url(brown-stripe-bkgd.gif) 0px 0px repeat-y;
	border-top: 3px solid #ffffff;
}

div#bottom-nav-area {
	padding: 0 0 18px 0;
	background: url(copyright-area-top.gif) 0px bottom no-repeat;
}

div#bottom-nav {
	padding: 10px 0 8px 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	background-color: #6ac3f2;
}

div#bottom-nav a {
	padding: 0 20px 0 10px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

div.footer-pad {
	padding: 0 31px 0 31px;
}

div#copyright-area {
	padding: 0 0 16px 0;
	width: 918px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9f8669;
	text-align: center;
	background: #ffffff url(copyright-area-bottom.gif) 0px bottom no-repeat;
}

div#copyright-area a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9f8669;
}

/*  -- End Footer --  */


/*  -- Contents --  */

#contents {
	width: 100%;
}

#contents td {
	padding: 13px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #9f8669;
	text-align: center;
}

#contents td.image-area {
	width: 116px;
	text-align: left;
}

#contents td.info-area {
	padding: 0 20px 0 7px;
}

#contents td .name {
	padding: 10px 0 5px 0;
}

#contents td .name a {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d574f;
	text-decoration: underline;
}

#contents td .name a:hover {
	text-decoration: none;
}

#contents td .price {
}

#contents td .sale-price {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6ac3f2;
}

/*  -- End Contents --  */
