/* font size reset ======================== */

body {
	font: 13px/161.6% 'Arial', 'Helvetica', 'Clean', Sans-serif;
	*font-size: small; /* for WIN IE 6 */
	*font: x-small; /* for WIN IE 6 */
	}
/* ----- font-size chart -----
10	 77
11	 85
12	 93
13	 100
14	 108
15	 116
16	 123.1
17	 131
18	 138.5
19	 146.5
20	 153.9
21	 161.6
22	 167
23	 174
24	 182
25	 189
26	 197
*/

/* ======================================== */

/* ----- page module size -----

	basic module = 176x176
	sub module = 127
	page wide = 834
	bg image wide (with shadow area) = 864
	container wide = 764
	page margin = 35
	column margin = 20
*/

/* global style =========================== */

body {
	background: #6699cc;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}

p {
	font-size: 100%;
	line-height: 1.616em;
	color: #555570;
	margin: 0 0 2em 0;
	}

table {
	border-collapse:collapse;
	border-spacing: 0;
	border: none;
	}

ul, ol, li, dl, dt, dd {
	font-size: 100%;
	line-height: 1.231em;
	color: #555560;
	}

ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 1em 1.5em;
	padding: 0;
	}

li {
	line-height: 146.5%;
	marging: 0;
	padding: 0;
	}

a { text-decoration: none; }
a:link { color: #3399ff; text-decoration: none;}
a:visited { color: #000099; text-decoration: none;}
a:hover { color: #0000ff; text-decoration: underline;}
a:active { color: #ffcc00; text-decoration: underline;}

h2 {
	font-size: 153.9%; /*138.5%; */
	font-weight: normal;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1em 0 0.5em 0;
	}

h2 strong {
	margin: 0 10px 0 0;
	padding: 2px 5px 1px 5px;
	background: #6c9cec;
	color: #ffffff;
	font-size: 85%;
	font-weight: normal;
	}

h3 {
	font-size: 123.1%;
	line-height: 123.1%;
	margin: 0 0 0.35em 0;
	padding: 0;
	font-weight: bold;
	color: #445566; /* #334266; */
	}

h4 {
	font-size: 108%;
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
	color: #5b60a0;
	}

h4 strong {
	margin: 0 10px 0 0;
	padding: 1px 4px 0px 4px;
	background: #6c9cec;
	color: #ffffff;
	font-size: 93%;
	font-weight: normal;
	}

.floatleft {
	display: block;
	float: left;
	}

.floatright {
	display: block;
	float: right;
	}

.floatclear {
	height: 0px;
	clear: both;
	margin: 0;
	padding: 0;
	}

.floatclear hr {
	display: none;
	}

strong {
	font-weight: bold;
	color: #222222;
	}
	
em {
	font-style: italic;
	color: #000000;
	}
	
.red {
	color: #f80808;
	}

.hide {
	display: none;
	}


/* ======================================== */

#container {
	position: relative;
	width: 764px;
	margin: 0 auto 0 auto;
	padding: 20px 50px 35px 50px;
	background: #ffffff url(../img/bg_container_body.gif) repeat-y left top;
	}
/* header ================================= */

#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 764px;
	height: 90px;
	}

.tagline {
	margin: 0;
	padding: 0;
	height: 22px;
	font-size: 93%;
	color: #5599dd;
	}

#header h1 {
	width: 764px;
	height: 68px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: #3b6c9e url(../img/bg_header_ti.gif) no-repeat left top;
	}

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 365px;
	height: 58px;
	}
	
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#header li {
	display: inline;
	float: right;
	margein: 0;
	padding: 0;
	text-align: right;
	}

.headerlinks {
	position: absolute;
	right: 15px;
	top: 30px;
	width: 380px;
	font-size: 93%;
	color: #ffffff;	}

.headerlinks a, .headerlinks a:link, .headerlinks a:visited {
	margin-left: 20px;
	color: #c3dbee;
	}

.headerlinks a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
.headerlinks a:active {
	color: #0000ff;
	text-decoration: none;
	}

.cartlink {
	position: absolute;
	right: 15px;
	top: 60px;
	}

.cartlink a, .cartlink a:link, .cartlink a:visited {
	display: block;
	width: 129px;
	height: 19px;
	text-align: left;
	text-indent: -10000px;
	background: url(../img/btn_cart.gif) no-repeat left top;
	}
	
.cartlink a:hover, .cartlink a:active {
	background: url(../img/btn_cart_hv.gif) no-repeat left top;
	}

/* nav ===================================== */
	
#nav {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	height: 20px;
	}

#nav ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	padding-left: 2px;
	clear: both;
	}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	}

#nav li a, #nav li a:link, #nav li a:visited {
	display: block;
	vertical-align: middle;
	float: left;
	width: 152px;
	height: 20px;
	line-height: 20px;
	background: #6aa8e4 url(../img/bg_nav.gif) no-repeat left top;
	text-align: center;
	font-size: 100%;
	color: #d8ecfb;
	}

#nav li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #336699 url(../img/bg_nav_hv.gif) no-repeat left top;
	}
#nav li a:active {
	color: #0000ff;
	text-decoration: none;
	}

/* side ===================================== */

#side {
	float: left;
	width: 176px;
	margin: 0;
	padding: 0;
	}

ul#menu, #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 174px;
	border: 1px solid #00b5cc;
	}
	
#menu li {
	margin: 0;
	padding: 0;
	line-height: 1.231em;
	}

#menu a, #menu a:link, #menu a:visited {
	display: block;
	margin: 0;
	padding: 8px;
	vertical-align: middle;
	background: #c8d9ff;
	font-size: 108%;
	font-weight: bold;
	color: #336699;
	}

#menu a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #336699;
	}
	
#menu a:active {
	color: #0000ff;
	}

#menu ul {		/* hiding submenu */
	/*  display: none;  */
	border: none;
	}
	
#menu ul a, #menu ul a:link, #menu ul a:visited {
	font-size: 85%;
	padding: 4px 4px 4px 16px;
	font-weight: normal;
	background: #d8ecfb;
	color: #3399ff;
	}

#menu ul a:hover {
	background: #d8ecfb;
	text-decoration: underline;
	color: #0000ff;
	}
	
#menu ul a:active {
	color: #000033;
	text-decoration: underline;
	}

.btn-deal a {
	Display: block;
	width: 176px;
	height: 132px;
	margin: 20px 0 0 0;
	paddding: 0;
		text-indent: -10000px;
	background: #f5d5e6 url(../img/btn_deal_blue.png) no-repeat left top;
	}


/* module ================================= */

.module-1-side {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 176px;
	height: 176px;
	background: #ffffff;
	}

.module-3-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 176px;
	height: 176px;
	background: #ffffff;
	}

.module-3-center {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 176px;
	height: 176px;
	background: #ffffff;
	}
	
.module-3-right {
	float: right;
	width: 176px;
	height: 176px;
	background: #ffffff;
	}

.main-1 {
	clear: both;
	margin: 0;
	width: 568px;
	}

.main-4-3 {
	float: left;
	width: 421px;
	margin-bottom: 20px;
	}

.main-4-2 {
	float: left;
	width: 274px;
	margin-bottom: 20px;
	}

.sub-4-2 {
	float: right;
	width: 274px;
	}

.sub-4-1 {
	float: right;
	width: 127px;
	}

.main-3-2 {
	float: left;
	width: 372px;
	margin-bottom: 20px;
	}

.sub-3-1 {
	float: right;
	width: 176px;
	}

.main-2-left {
	float: left;
	width: 274px;
	margin-bottom: 20px;
	}

.main-2-right {
	float: right;
	width: 274px;
	margin-bottom: 20px;
	}


/* content ================================ */


#content {
	float: right;
	width: 568px;
	margin: 0;
	padding: 0;
	}

#contentheader {
	position: relative;
	clear: both;
	margin: 0 0 20px 0;
	width: 568px;
	}

#contentheader ul {
	position: relative;
	list-style: none;
	border-top: 1px dotted #adb3c6;
	margin: 20px 220px 0 auto;
	}

#contentheader li {
	margin: 0;
	padding: 4px 0 4px 10px;
	color: #6e788e;
	font-size:108%;
	line-height: 123.1%;
	border-bottom: 1px dotted #adb3c6;
	}

.headimage {
	float: right;
	}

.topintro {
	margin: 20px;
	padding: 10px;
	border: 1px solid #849DAE;
	background: #DCF0FF;
	}

ul.homelink {
	list-style: none;
	}
	
.homelink li {
	margin-bottom: 10px;
	}

.homelink a, .homelink a:link, .homelink a:visited {
	display; block;
	padding: 5px 0px 5px 32px;
	background: url(../img/btn_arrow_s.gif) no-repeat left center;
	color: #009de8;
	text-decoration: none;
	}

.homelink a, .homelink a:hover, .homelink a:active {
	color: #42c7f5;
	background: url(../img/btn_arrow_s_ac.gif) no-repeat left center;
	}
	
ul.pagelink {
	list-style: none;
	margin: 0;
	}
	
.pagelink li {
	margin-bottom: 10px;
	}

.pagelink a, .pagelink a:link, .pagelink a:visited {
	display; block;
	padding: 5px 0px 5px 32px;
	background: url(../img/btn_arrow_s.gif) no-repeat left center;
	color: #009de8;
	text-decoration: none;
	}

.pagelink a, .pagelink a:hover, .pagelink a:active {
	color: #42c7f5;
	background: url(../img/btn_arrow_s_ac.gif) no-repeat left center;
	}
	
.shopnow {
	display: block;
	width: 200px;
	height: 42px;
	Padding-bottom: 10px;
	text-indent: -10000px;
	background: url(../img/btn_order.gif) no-repeat left top;
	}

.shop-steamfast {
	display: block;
	width: 180px;
	height: 30px;
	Padding-bottom: 10px;
	text-indent: -10000px;
	background: url(../img/btn_shopsteamfast.gif) no-repeat left top;
	}

.list-product dl, .list-product dt, .list-product dd {
	margin: 0;
	padding: 0;
	}

.list-product ul, .list-product li {
	list-style: none;
	margin: 0;
	}

.list-incategory dl, .list-incategory dt, .list-category dd {
	margin: 0;
	padding: 0;
	}	

.list-incategory h3 {
	clear: both;
	}

.list-incategory dt {
	float: left;
	height: 120px;
	}
	
.list-incategory dd {
	margin-left: 127px;
	}

ul.list-picture {
	list-style: none;
	margin: 0;
	}

.list-picture li {
 	margin: 0 0 10px 0;
	}

ul.submenu {
	list-style: none;
	margin: 0 0 20px 0;
	}

.submenu li {
	margin: 0 0 2px 0;
	}

.submenu a, .submenu a:link, .submenu a:visited {
	display: block;
	font-size: 93%;
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	background: #ededef;
	color: #616d74;
	}

.submenu a:hover {
	background: #abb1c3;
	text-decoration: none;
	color: #ffffff;
	}
	
.submenu a:active {
	color: #0000ff;
	text-decoration: none;
	}
	
.desclist dt {
	font-size: 100%;
	font-weight: bold;
	line-height: 161.6%;
	margin-bottom: 1em;
	}

.desclist dd {
	font-size: 93%;
	line-height: 161.6%;
	margin: 0;
	padding: 0;
	}


/* footer ================================= */

#footer {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 864px;
	background: url(../img/bg_container_bottom.gif) no-repeat left top;
	}
	
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer a, #footer a:link, #footer a:visited {
	padding: 0 10px 0 10px;
	font-size: 85%;
	color: #330099;
	}

#footer a:hover, #footer a:active {
	color: #ffffff;
	text-decoration: none;
	}

#footer p {
	font-size: 93%;
	color: #444488;
	}