@import "reset-min.css";
@import "fonts.css";
@import "common.css";

/* GENERAL
-------------------------------------------------------------------------------- */
body					{ background: url('/images/bg_gradient.gif') repeat-x; }
#container				{ width: 875px; margin: 0px auto 10px; height: 100%;  }

#main					{ clear: both; overflow: hidden; padding: 10px 0px; }

#left 					{ float: left; width: 200px; }
#left h2				{ }

#right					{ float: right; width: 660px; }
#right h1				{ font-size: 26px; font-weight: normal; }

#off_right                              { position: absolute; margin-left: 885px; }

/* HEADER
-------------------------------------------------------------------------------- */
#header 				{ clear: both; overflow: hidden; padding: 10px 0px; border-bottom: 1px #ccc solid; }

#logo					{ float: left; }

#header_content                         { float: right; }

#header_nav				{ clear: both; float: right; }
#header_nav ul				{ margin: 0px -10px 10px 0px; }
#header_nav ul li			{ display: inline; padding: 0px 10px; border-right: 1px #666 solid; }
#header_nav a				{ color: #666; font-weight: bold; }

#header_text				{ clear: both; float: right; font-size: 1.2em; }
#header_text p                          { margin: 0; font-size: inherit; }
#header_text a				{ font-size: inherit; color: #000; text-decoration: underline; }

/* FOOTER
-------------------------------------------------------------------------------- */
#footer 				{ clear: both; overflow: hidden; padding: 10px 0px; border-top: 1px #ccc solid; }
#footer div                             { color: #666; }
#footer li                              { color: #666; }
#footer a                               { color: #666; }

#footer_nav				{ float: right; }
#footer_nav ul				{ margin: 0px -5px 5px 0px; }
#footer_nav ul li			{ display: inline; padding: 0px 5px; border-right: 1px #666 solid; }

#footer_text				{ clear: both; float: right; margin-bottom: 5px; }
#footer_text p                          { margin: 0; font-size: inherit; }

#footer_content				{ clear: both; margin-bottom: 5px; }
#footer_content p                       { margin-bottom: 10px; font-size: inherit; }

#copyright				{ clear: both; float: right; margin-bottom: 5px; }

/* HOME
-------------------------------------------------------------------------------- */
#home li                                { width: 320px; height: 170px; float: left; margin: 0px 10px 10px 0px; }
#home li img                            { float: right; padding-left: 10px; }
#home li p                              { text-align: right; color: #fff; font-size: 20px; }
#home li p span                         { font-weight: bold; }
/*
.home_yellow                            { background: url('/images/bar_home_yellow.png') repeat-x; }
.home_yellow p                          { padding-top: 60px; }
.home_blue                              { background: url('/images/bar_home_blue.png') repeat-x; }
.home_blue p                            { padding-top: 80px; }
.home_green                             { background: url('/images/bar_home_green.png') repeat-x; }
.home_green p                           { padding-top: 60px; }
.home_brown                             { background: url('/images/bar_home_brown.png') repeat-x; }
.home_brown p                           { padding-top: 80px; }
*/

#home_nav li        { float: left; width: 150px; margin: 0px 5px 5px 0px; padding: 3px; border: 1px solid #ccc; }
#home_nav li img    { }
#home_nav li p      { height: 30px; padding: 5px; margin: 0px; color: #fff; font-weight: bold; }
#home_nav li a:hover    { text-decoration: none; }

.home_yellow p      { background: url('/images/bar_bg_yellow.png'); }
.home_purple p      { background: url('/images/bar_bg_purple.png'); }


/* CONTENT
-------------------------------------------------------------------------------- */
#content                                { clear: both; overflow: hidden; }
#content p                              { margin-bottom: 10px; }

/* NAVIGATION
-------------------------------------------------------------------------------- */
#navigation				{ clear: both; padding-top: 10px; }
#navigation ul				{ }
#navigation ul li 			{ float: left; background: url('/images/bar_bg_navigation.png') repeat-x; text-align: center;
					  margin-left: 10px; padding: 0px; }
#navigation ul li a			{ line-height: 27px; color: #990066; font-weight: bold; padding: 5px 38px; border: 1px #ccc solid; }
#navigation ul li ul			{ position: absolute; display: none; }
#navigation ul li ul li			{ float: none; height: 27px; margin: 0px; padding: 0px; border: 1px #ccc solid;
					  background: none; background-color: white; opacity: 0.9; border-top: none; }
#navigation ul li ul li a		{ line-height: 27px; color: #990066; font-weight: normal; padding: 0px; border: none; }
#navigation ul li ul li a:hover		{ }

/* LEFT NAVIGATION
-------------------------------------------------------------------------------- */
#left_nav 				{ border: 1px solid #ccc; background-color: #fff; margin-bottom: 10px; }
#left_nav h2                            { background: url('/images/bar_bg_white.gif') repeat-x; height: 30px; text-align: center; border-bottom: 1px #ccc solid;
					  font-size: 14px; font-weight: bold; line-height: 30px; }
#left_nav p				{ color: #5a5a5a; font-size: 14px; font-weight: bold; border-bottom: 1px #ccc solid; padding: 5px 10px; }
#left_nav ul				{ margin-bottom: 10px; padding: 10px; }
#left_nav ul li	a			{ font-weight: bold; color: #333; }
#left_nav ul li ul                      { padding: 5px; }
#left_nav ul li ul li a			{ font-weight: normal; color: #133fba; }

#box					{ border: 1px solid #ccc; margin-bottom: 10px; }
#box div				{ background-color: #fff; }
#box h2					{ margin: 0px; padding: 0px; }

/* FILTER
-------------------------------------------------------------------------------- */
#filter					{ padding: 10px; border-bottom: 1px #ccc solid; display: none; }
#filter h3				{ color: #333; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#filter ul				{ }
#filter ul li				{ padding: 0px 4px; font-weight: normal; margin-bottom: 5px; }
#filter ul li span			{ float: right; }

#attribute				{ padding: 10px; }
#attribute h3				{ color: #333; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#attribute p				{ }
#attribute ul				{ margin-bottom: 10px; }
#attribute ul li p			{ color: #666; font-weight: bold; margin-bottom: 5px; }
#attribute ul li ul li.select		{ font-weight: bold; color: #000; }
#attribute ul li ul li.select a		{ color: #000; }
#attribute ul li a			{ color: #133fba; }

/* PRODUCT
-------------------------------------------------------------------------------- */
#left h2.reg                            { background: url('/images/bar_bg_purple.png') repeat-x;
                                          line-height: 14px; font-size: 12px; color: #ccc; font-weight: normal; text-align: left;
                                          padding: 5px 8px; }
#left h2.reg div                        { background: none; color: #fff; font-size: 13px; font-weight: bold; clear: both; }

#product				{ border-top: 1px #990066 solid; padding-top: 10px; }
#product ul				{ }
#product ul li				{ float: left; width: 210px; margin: 10px 10px 10px 0px; }
#product ul li h3 a			{ color: #123fb8; }
#product ul li h3			{ height: 50px; }
#product div.description		{ display: none; }
#product div.feature			{ width: 205px; height: 20px; clear: both; padding-left: 5px; border: 1px #ccc solid; border-bottom: none;
					  color: #666; line-height: 20px; font-style: italic; }
#product div.feature a			{ float: right; width: 18px; height: 18px; background: url('/images/icon_image.gif') no-repeat; border: 1px #ccc solid; }
#product div.image			{ width: 210px; height: 210px; border: 1px #ccc solid; text-align: center; }
#product div.image img			{ padding: 5px; }
#product div.image span			{ display: none; }
#product div.information		{ border: 1px #ccc solid; border-top: none; width: 200px; height: 55px; padding: 5px; overflow: hidden; }
#product .price				{ font-size: 14px; font-weight: bold; color: #1d8b00; }
#product .store				{ margin-top: 5px; }
#product .visit				{ float: right; padding: 3px 5px 3px 2px; line-height: 16px; color: #820257; }
#product .visit span			{ float: left; }

/* DDO PRODUCT
-------------------------------------------------------------------------------- */
#left h2.ddo                            { background: url('/images/bar_bg_yellow.png') repeat-x;
                                          line-height: 14px; font-size: 12px; color: #000; font-weight: normal; text-align: left;
                                          padding: 5px 10px; }
#left h2.ddo div                        { background: none; color: #fff; font-size: 13px; font-weight: bold; clear: both; }

#ddo_product				{ border-top: 1px #b6932f solid; padding-top: 10px; }
#ddo_product ul				{ }
#ddo_product ul li			{ float: left; width: 145px; margin: 10px 10px 10px 0px; }
#ddo_product ul li h3 a			{ color: #123fb8; }
#ddo_product div.description		{ display: none; }
#ddo_product div.image			{ width: 145px; height: 210px; border: 1px #ccc solid; text-align: center; }
#ddo_product div.image img		{ padding: 5px; }
#ddo_product div.image span		{ display: none; }
#ddo_product div.information		{ border: 1px #ccc solid; border-top: none; width: 135px; padding: 5px; overflow: hidden; }
#ddo_product .price			{ font-size: 14px; font-weight: bold; color: #1d8b00; text-decoration: line-through; }
#ddo_product .price_discount		{ font-size: 14px; font-weight: normal; color: #f90000; }
#ddo_product .visit			{ float: right; padding: 0px 5px; color: #820257; text-decoration: underline; }
#ddo_product .visit span		{ float: left; }


/* DDO PRODUCT DETAIL
-------------------------------------------------------------------------------- */
#ddo_product_detail                     { border-top: 1px #b6932f solid; padding: 20px 10px; }
#ddo_product_image                      { float: left; width: 225px; }

#ddo_product_image ul                   { margin: 10px 5px; }
#ddo_product_image ul li                { float: left; width: 60px; padding: 5px; text-align: center; cursor: pointer; cursor: hand; }
#ddo_product_image ul div               { width: 30px; height: 30px; margin: 0px 15px; border: 1px solid #ccc; }
#ddo_product_image ul p                 { display: none; }

#ddo_product_info                       { float: right; width: 410px; }
#ddo_product_info h2                    { color: #990066; margin-bottom: 10px; }
#ddo_product_info p                     { margin-bottom: 10px; font-size: 12px; }

#ddo_description                        { margin-bottom: 10px; }

#ddo_product_price			{ margin: 0px 10px 10px 50px; font-size: 14px; }
#ddo_product_price span                 { font-size: 14px; }
#ddo_product_price label                { width: 150px; float: left; }
#ddo_product_price .price		{ font-size: 14px; font-weight: bold; color: #1d8b00; text-decoration: line-through; }
#ddo_product_price .price_discount	{ font-size: 14px; font-weight: normal; color: #f90000; }

#ddo_product_shop                       { border: 1px solid #990066; padding: 10px 20px; margin: 10px; }
#ddo_product_shop label                 { width: 100px; float: left; font-weight: bold; }
#ddo_product_shop div                   { margin-top: 5px; }

/* MODAL
-------------------------------------------------------------------------------- */
#modal					{ display: none; margin: 0px; padding: 10px; }
#modal div.image			{ width: 300px; float: left; text-align: center; }
#modal div.description			{ width: 400px; float: right; margin: 10px; font-size: 14px; overflow: hidden; }
#modal div.description a		{ color: #123fb8; font-size: 14px; }
#modal div.information			{ width: 360px; float: right; margin: 30px 10px 10px 10px; padding: 10px; border: 3px #ccc solid; }
#modal .price				{ font-size: 24px; line-height: 30px; font-weight: bold; color: #1d8b00; float: left; }
#modal .store				{ float: right; }
#modal .visit				{ float: right; text-align: center; background-color: #820257; padding: 5px; margin-left: 50px; font-size: 16px; line-height: 24px; color: #820257; }
#modal .visit span			{ display: none; }

/* SITEMAP
-------------------------------------------------------------------------------- */
#sitemap        { }
#sitemap ul     { margin-bottom: 20px; }
#sitemap ul li  { list-style: disc; margin-left: 20px; }

#article_link   { clear: both; margin-bottom: 20px; overflow: hidden; }
#article_link li { width: 280px; float: left; margin-left: 10px; }

/* Adsense
-------------------------------------------------------------------------------- */
.adsense        { text-align: center; margin: 5px 0px; }