@charset "utf-8";
/* CSS Document */
@import "reset.css";
/******************************************* HTML */ 
html { overflow-y: scroll }
body { position: relative; text-align: center; min-width: 966px; font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; background: #FFF url(../../images/bg/bg_body.jpg) top left repeat-x; line-height: 1.2em }

p { font-size: 10px; line-height: 10px }
a { text-decoration: none }
a:hover { text-decoration: underline }

/******************************************* Layout */ 
#wrapper { position: relative; text-align: left; width: 966px; margin: 0 auto }
#graphic { width: 575px; height: 504px; background: url(../../images/bg/bg_header.jpg) top left no-repeat; position: absolute; top: 0; left: -154px; z-index: -1 }

/******************************************* Header */ 
#header { position: relative; height: 160px; z-index: 10 }
#header .logo { width: 329px; height: 90px; background: url(../../images/bg/bg_logo.png) left top no-repeat; margin-top: 35px; text-indent: -9999px;
	display: block; float: left }
#header .tagline { position: absolute; left: 28px; top: 105px; font: 16px Georgia, "Times New Roman", Times, serif; color: white; 
	font-weight: bold; font-style: italic; background: #EE3680; padding: 2px 4px }
#header #banner { position: absolute; right: 5px; top: 50px }

#header #nav { float: right; clear: right; margin-top: 85px }
#header #nav li { float: left; margin-right: 5px; color: #EE3680 }
#header #nav li.last { margin: 0 }
#header #nav li a { text-decoration: none; color: white; font-size: 14px; line-height: 16px; padding-right: 6px; letter-spacing: -1px }
#header #nav li a:hover { text-decoration: underline }

/******************************************* Content */ 
#contentwrap { /*position: relative;*/ background: url(../../images/bg/bg_contentwrap.png) left top repeat-y; overflow: auto; 
	/*padding-bottom: 42px;*/ min-height: 820px }
#contenttop { height: 11px; background: url(../../images/bg/bg_content_top.png) top left no-repeat }

/******************************************* Col-1 */ 
#col-1 { width: 160px; margin-left: 10px; float: left; position: absolute; top: 171px; left: 0; text-align: left; color: #666; z-index: 1 }
#col-1 a { text-decoration: none; color: #0B77BF }
#col-1 a:hover { text-decoration: underline }

#searchpanel { background: white; margin-bottom: 10px; padding: 10px }
#searchpanel #kw { width: 130px; margin-bottom: 10px }
#searchpanel #go { width: 67px; height: 26px; background: url(../../images/btn/btn_search.png) top left no-repeat; border: 0; cursor: pointer }
#searchpanel form p { text-align: center }

#refine p { margin-bottom: 10px; font-size: 12px; line-height: 12px }
#refine p a { font-weight: bold; text-decoration: none; color: #0B77BF }
#refine p a:hover { background: yellow }
/*
#wishlist { min-height: 180px; width: 140px; background: white; padding: 10px; text-align: center; margin-bottom: 10px; position: absolute }
#wishlist.fixed { position: fixed; top: 0 }
#wishlist p { text-align: left }
#wishlist #dropzone { border-style: dashed; margin: 10px auto }
#wishlist #dropzone p { text-align: center; margin-top: 40px }
#wishlist #wlemail { text-align: center }
#wishlist #wlemail p { width: 100px; margin: 0 auto; margin-bottom: 5px }
#wishlist #email { width:100px; margin-bottom: 5px; text-align: left }
#wishlist #wlnews { float: left }
#wishlist #sendwish { border: 0; width: 106px; height: 26px; background: url(../../images/btn/btn_email_wishlist.png) top left no-repeat; cursor: pointer }
*/
#col-1 .wp { background: white; padding: 10px; margin-bottom: 10px }
#col-1 .wp h2, #col-1 .wp h3, #col-1 .wp p { margin: 0 0 5px 0 }

/******************************************* Col-2 */ 
#col-2 { width: 610px; /*margin: 0 8px;*/ margin: 0 8px 0 178px; float: left; color: #444 }

#welcome { padding: 10px; background: white; margin-bottom: 10px }
#welcome h1 { font-size: 20px !important; line-height: 20px !important; margin-bottom: 8px }
#welcome p, #welcome ul { color: #666; font-size: 12px; line-height: 18px; margin-bottom: 5px }
#welcome ul { margin-bottom: 10px }
#welcome li { list-style-type: square; margin-left: 25px }

#results { width: 100% }
/*
#results .wp .mid { background: url(../../images/bg/bg_results_table.png) bottom left repeat-x; width: 594px !important; margin: 2px 8px }
#results .wp h2 { margin-left: 0 }
#results .wp h3, #results .wp p { color: #666666; font-size: 12px; line-height: 16px; margin-left: 10px }
#results .wp h3 { font-weight: bold; color: #444 }
#results .wp a { display: block; width: 100px; margin-bottom: 10px; color: #0B77BF; font-weight: bold }
*/
#results .panel { background: white }
#results .panel .top { width: 100%; height: 4px; /*background: url(../../images/bg/bg_results_top.png) top center no-repeat*/ }
#results .panel .mid { width: 100%; position: relative; overflow: auto; /*background: url(../../images/bg/bg_results_mid.png) top center repeat-y*/ }
#results .panel .btm { width: 100%; height: 4px; /*background: url(../../images/bg/bg_results_btm.png) top center no-repeat*/ }

#results .sort { height: 15px; padding: 3px 10px; line-height: 13px; clear: both }
#results .sort .sortby { width: 60%; float: left; text-align: left }
#results .sort .sortby span { padding-right: 5px }
#results .sort .sortby span a { text-decoration: none }
#results .sort .paging { width: 40%; float: right; text-align: right}

#results table { width: 594px; float: left; margin: 2px 8px }
#results table th,
#results table td { width: 33%; padding: 10px; color: #666 }
#results table td { border-left: 1px dashed #CCC; border-bottom: 1px dashed #CCC; text-align: center; height: 225px; 
	background: url(../../images/bg/bg_results_table.png) bottom left repeat-x }
#results table td:first-child { border-left: none }
#results table td ul { position: relative; height: 100% }
#results table td ul li { text-align: left; font-size: 10px; line-height: 10px }
#results table td ul li h3 { font-size: 12px; line-height: 12px; color: #444; text-align: left; margin-bottom: 2px }
#results table td ul li strong { font-size: 10px; line-height: 10px; color: #666; font-weight: normal }
#results table td ul li p { text-align: left; margin-top: 5px }
#results table td ul li p.now { text-align: center !important; position: absolute; left: 0; bottom: 38px; width: 100% }
#results table td ul li a img.buy { position: absolute; bottom: 0; left: 12px } /* 12px */
#results table td ul li a img.more { position: absolute; bottom: 0; right: 12px }

/******************************************* Col-3 */ 
#col-3 { width: 158px; margin-right: 12px; float: right; color: #666 }

#col-3 ul { margin: 10px 0; text-align: left }
#col-3 h4 { margin: 0; padding: 0; margin-bottom: 5px }
#col-3 li { text-align: left }
#col-3 a { text-decoration: none; color: #0B77BF }
#col-3 a:hover { text-decoration: underline }

.brands, #reviews, #links, #tweets { background: white; padding: 10px; margin-bottom: 10px }
#tweets li { padding-bottom: 5px }

/******************************************* Footer */ 
#footer { position: relative; clear: both; width: 966px; height: 78px; background: url(../../images/bg/bg_footer.png) top center no-repeat }
#footer p { position: absolute; right: 2px; bottom: -35px }
#footer p.home { bottom: -19px }
#footer a { color: #0B77BF }

#footerbg { width: 100%; height: 240px; position: absolute; left: 0; bottom: -48px; background: url(../../images/bg/bg_footerbg.jpg) top left repeat-x;
	z-index: -1 }
	
#newsletter { height: 35px; width: 100%; background: black; position: fixed; left: 0; bottom: 0; display: none /***/ }

/******************************************* PAGES */
/******************************************* [Home] */ 
#home #results .panel .btm { margin-bottom: 10px }
#home #results .panel .mid a.more_cat { position: absolute; right: 13px; top: 8px }

/******************************************* [Product Detail] */
#product #col-2 { margin-left: 10px; width: 778px }
#product .wrap { background: url(../../images/bg/bg_results_table.png) bottom left repeat-x; overflow: auto; margin: 2px 8px; padding: 20px 30px 30px; 
	border-bottom: 1px dashed #ccc }
#product #p-review .wrap { padding: 20px 0 30px }
#product #col-a { width: 460px; float: right; height: 100%; padding-right: 10px }
#product #col-a h1 { font-size: 20px; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;
	width: auto; height: auto; margin: 0; text-indent: 0; background: none; color: #05A9DC }
#product #col-a h2 { color: #EE3680; font-size: 18px; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif }
#product #col-a p { font-size: 1.2em; line-height: 1.8em; margin-bottom: 5px }
#product #col-a p.find { text-align: center; padding: 15px 0 10px }
#product #col-a p.find a { text-decoration: none; padding: 8px; color: white; background: #EE3680; font-weight: bold; font-size: 16px; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #999 }
#product #col-a p.find a:hover { text-decoration: underline }
#product #col-a p.now { text-align: left; margin: 25px 0 }
#product #col-a p.now span { padding: 10px }
#product #col-a p.buy { text-align: center; margin-top: 10px }
#product #col-a a { text-decoration: none; color: #05A9DC }
#product #col-a a:hover { text-decoration: underline }
#product #col-b { width: 232px; float: left; height: 100% }
#product #col-b img { border: 1px dashed #CCC; margin-top: 10px; max-width: 200px }

/******************************************* [Search] */
#search #refine { background: white; padding: 10px; margin-bottom: 10px }

/******************************************* [Resources] */ 
#resources #col-2 { margin-left: 10px; width: 778px }
#resources .wrap { background: white; overflow: auto; margin: 0 8px; padding: 20px 30px 30px }
#resources .wrap h1 { font-size: 2em; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;
	width: auto; height: auto; margin: 0; text-indent: 0; background: none; color: #EE3680 }
#resources .wrap ul { margin: 10px 0; text-align: left }
#resources .wrap li { text-align: left }
#resources .wrap a { text-decoration: none; color: #0B77BF }
#resources .wrap a:hover { text-decoration: underline }

/******************************************* [404] */
#notfound #col-2 { margin-left: 10px; width: 778px }
#notfound .wrap { background: white; overflow: auto; margin: 0 8px; padding: 20px 30px 30px }
#notfound .wrap h1 { font-size: 2em; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;
	width: auto; height: auto; margin: 0; text-indent: 0; background: none; color: #EE3680 }
#notfound .wrap h2 { color: #05A9DC; font-size: 1.6em; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif }

/******************************************* Generic Styles */ 
h2.title { margin: 10px }
.title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px !important; color: #EE3680 !important; text-align: left; 
	font-weight: normal !important; margin-bottom: 5px; line-height: 16px !important }
.p-img, .w-img { height: 100px; width: 100px; background: white; padding: 3px; border: 3px solid #CCC; /*cursor: move;*/ margin-bottom: 10px; z-index: 100 }
/*.p-img:hover, .w-img:hover { border: 3px solid #EE3680 }*/
.rrp { text-align: left; text-decoration: line-through }
.save { text-align: left; color: #EE3680; font-weight: bold; margin-top: 2px }
.now { color: #444; font-weight: bold; font-size: 1.4em }
.now span { padding: 3px 5px; background: #F7F699 }