/* reset */

* 
	{ padding: 0; margin: 0; font-family: Verdana, sans-serif; font-size: 1em; }
	
/* common */
	
body 
	{ font-size: 62.50%; background: transparent url("../images/backgrounds/bottom.png") repeat-x left bottom; min-width: 976px; }
.clr
	{ width: 100%; clear: both; }
	
/* background gradients and brush */
	
#wrapper1
	{ background: transparent url("../images/backgrounds/top.png") repeat-x left top; }
#wrapper2
	{ background: transparent url("../images/backgrounds/flowers.png") no-repeat -138px bottom; }
#wrapper3
	{ padding: 60px; width: 856px; margin: 0 auto; position: relative; }
	
/* main */
	
.homepage #main
	{ border: 0; background: transparent; padding: 0; }
.page #main
	{ border: 1px solid #b3b3b3; background: #fff; padding: 2px; width: 850px; }
	
/* header */

#header
	{ height: 68px; position: relative; }
#logo
	{ display: block; width: 305px; height: 31px; text-indent: -5000px; background: transparent url("../images/backgrounds/logo.gif") no-repeat 0 0; position: absolute; top: 17px; left: 0; }
#header form
	{ display: block; position: absolute; left: 537px; top: 25px; width: 148px; }
#header form input
	{ width: 118px; height: 16px; border: 1px solid #ddd; background: #fff url("../images/backgrounds/search.png") no-repeat 6px 2px; font-size: 1.2em; padding: 2px 2px 2px 28px; }
#cart
	{ display: block; width: 117px; height: 48px; position: absolute; top: 10px; right: 0; background: transparent url("../images/backgrounds/cart.gif") no-repeat 0 0; text-indent: -5000px; }
#cart:hover
	{ background-position: left bottom; }
	
/* homepage header */

#homepage_header
	{ height: 333px; border: 1px solid #ddd; position: relative; }
#homepage_header #hh_img
	{ position: absolute; top: -25px; left: 0; width: 854px; height: 311px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
#homepage_header #hh_link
	{ display: block; position: absolute; width: 854px; height: 286px; top: 0; left: 0; z-index: 100; }
#homepage_header #hh_text
	{ font-size: 1.6em; color: #fff; position: absolute; width: 800px; height: 32px; left: 2px; bottom: 1px; background: transparent url("../images/backgrounds/redBar.png") repeat-x 0 0; text-align: center; padding: 12px 25px 0 25px; }
html>body #homepage_header #hh_text
	{ bottom: 2px; }
#homepage_header #hh_text a
	{ color: #fff; }
#homepage_header #hh_text a:hover
	{ color: #000; }
	
/* main menu */
	
#main_menu 
	{ width: 100%; padding: 10px 0 40px 0; clear: both; }
#main_menu ul
	{ list-style-type: none; display: table-row; width: 100%; }
#main_menu ul li
	{ text-align: center; display: table-cell; vertical-align: middle; }
#main_menu ul li.link
	{ width: 1%; }
#main_menu ul li a
	{ font-size: 1.6em; color: #999; text-decoration: none; white-space: nowrap; display: inline; }
#main_menu ul li a:hover
	{ color: #000; }
#main_menu ul li span
	{ font-size: 1.3em; color: #000; display: inline; }
	
/* red background main menu */
	
.page #main_menu
	{ height: 32px; width: 800px; background: transparent url("../images/backgrounds/redBar.png") repeat-x 0 0; padding: 12px 25px 0 25px; }
.page #main_menu ul li a
	{ color: #fff; }
.page #main_menu ul li a:hover
	{ color: #000; }
.page #main_menu ul li span
	{ color: #fff; }
	
/* IE main menu */
	
#IEmain_menu 
	{ width: 100%; padding: 10px 0 40px 0; clear: both; }
#IEmain_menu table
	{ width: 100%; }
#IEmain_menu td
	{ text-align: center; vertical-align: middle; }
#IEmain_menu td.link
	{ width: 1%; }
#IEmain_menu td a
	{ font-size: 1.6em; color: #999; text-decoration: none; white-space: nowrap; display: inline; }
#IEmain_menu td a:hover
	{ color: #000; }
#IEmain_menu td span
	{ font-size: 1.3em; color: #000; display: inline; }
	
/* red background IE main menu */
	
.page #IEmain_menu
	{ height: 44px; width: 800px; padding: 12px 25px 0 25px; background: transparent url("../images/backgrounds/redBar.png") repeat-x 0 0; }
.page #IEmain_menu td a
	{ color: #fff; }
.page #IEmain_menu td span
	{ color: #fff; }
.page #IEmain_menu td a:hover
	{ color: #000; }
	
/* sidebar */

#sidebar 
	{ width: 240px; float: left; }
#sidebar h3
	{ font-size: 1.4em; color: #000; font-weight: normal; padding: 2px 0 7px 4px; }
#sidebar h3.bestsellers
	{ height: 10px; width: 160px; background: transparent url("../images/backgrounds/sidebarTitles.gif") no-repeat 4px 2px; text-indent: -5000px; font-size: 0; line-height: 0; }
#sidebar h3.browsebyproduct
	{ height: 10px; width: 160px; background: transparent url("../images/backgrounds/sidebarTitles.gif") no-repeat 4px -18px; text-indent: -5000px; font-size: 0; line-height: 0; }
#sidebar ul 
	{ list-style-type: none; padding: 0 0 11px 4px; }
#sidebar ul li
	{ padding: 0 0 4px 0; }
#sidebar ul li a
	{ font-size: 1.2em; color: #999; text-decoration: none; }
#sidebar ul li a:hover
	{ color: #000; }
#sidebar ul li span
	{ font-size: 1.2em; color: #000; padding: 0 4px 0 0; }
	
/* sidebar on pages other than homepage */
	
.page #sidebar 
	{ width: 225px; float: left; padding: 0 0 0 15px; }
	
/* contents */

#contents
	{ width: 600px; float: right; display: inline; }
.page #contents
	{ padding: 50px 0 0 0; }
	
/* one product */
	
#product
	{ height: 450px; clear: both; position: relative; padding: 12px; }
#product a img
	{ width: 482px; height: 438px; border: 1px solid #ccc; float: left; }
#product a:hover img
	{ border: 1px solid #000; }
#product .data
	{ float: right; width: 306px; height: 438px; position: relative; }
#product .data .inner
	{ width: 200px; position: absolute; left: 0; bottom: 0; }
#product .data .name
	{ display: block; font-size: 2em; color: #000; padding: 0 0 2px 0; text-decoration: none; }
#product .data .name:hover
	{ color: #999; } 
#product .data .description
	{ display: block; font-size: 1.6em; line-height: 1.4em; color: #999; padding: 0 0 6px 0; }
#product .data .price
	{ display: block; font-size: 2.1em; color: #999; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; }
	
#product .tocart
	{ display: block; width: 104px; height: 21px; background: transparent url("../images/buttons/toCartLarge.gif") no-repeat 0 0; text-indent: -5000px; outline: none; margin: 12px 0 22px 0; }
#product .tocart:hover
	{ background-position: left bottom; }

#product .data .others
	{ display: block; font-size: 1.8em; color: #000; text-decoration: none; }
#product .data .others:hover
	{ color: #999; }
	
#product .product_text
	{ display: block; width: 501px; height: 459px; background: transparent url("../images/backgrounds/ribbonLarge.gif") no-repeat right bottom; position: absolute; top: 0; left: 0; padding: 0; cursor: pointer; }
	
/* products list */
	
.product 
	{ width: 172px; margin-right: 28px; float: left; padding: 0 0 27px 0; position: relative; display: inline; }
.product a
	{ text-decoration: none; }
.product img
	{ width: 170px; height: 175px; border: 1px solid #ccc; }
.product span.name
	{ display: block; font-size: 1.4em; font-weight: bold; color: #000; padding: 18px 0 2px 0; cursor: pointer; }
.product span.description
	{ display: block; font-size: 1.2em; line-height: 1.6em; color: #999; padding: 0 0 6px 0; }
.product a:hover img
	{ border: 1px solid #000; }
.product a:hover span.name
	{ color: #999; }
.product a:hover span.description
	{ color: #000; }

.product .tocart
	{ display: block; width: 82px; height: 16px; background: transparent url("../images/buttons/toCart.gif") no-repeat 0 0; text-indent: -5000px; outline: none; }
.product .tocart:hover
	{ background-position: left bottom; }
	
.product .discount50
	{ display: block; width: 174px; height: 180px; background: transparent url("../images/backgrounds/ribbon.gif") no-repeat right bottom; position: absolute; top: 0; left: 0; padding: 0; cursor: pointer; }