body{ margin:0; padding:0; background:url(images/bg.jpg) top repeat-x #69bce9; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }
h1{ font-family:"Trebuchet MS", Tahoma, Verdana; color:#008cd1; font-weight: normal; letter-spacing:2px; font-size:24px; padding:0; margin:0}
h2{ color:#3b98da; margin:0; font-size:12px; letter-spacing:1px; padding:10px 0 10px 0}
h3{ color:#c8223f; font-size:17px}
h4{ color:#999999; font-family:"Trebuchet MS", Tahoma, Verdana; font-size:12px; padding:0; margin:0; padding-bottom:5px}

#header{height:180px}
#slidethis{float:right; height:180px}
#headerpart{
	width:960px;
	margin:0 auto;
	height:183px;
	position:absolute; top:-180px
}
#logo{ float:left; padding-top:14px; padding-left:22px; padding-right:222px}
#transparent{background-image:url(images/toppart.png); width:518px; padding-left:5px; height:28px; padding-top:5px; float:left; color:#FFFFFF; font-size:14px; text-align:center}
#main{
	width:960px;
	margin:0 auto;
	height: 681px;
	position:relative;
}
#navigationarea{ height:48px}
#nav{ width:760px; float:left}
#nav ul, #nav li,#left ul, #left li { margin:0; padding:0; list-style:none; text-indent:0}
#nav li{ float:left;}
#nav a { height:32px; padding-top:16px; display:block;  width:109px; color:#FFFFFF; text-decoration:none; text-align:center; font-size:14px;; margin-left:5px; margin-right:5px }
#nav a:hover, #selected a, #nav li:hover{background-image:url(images/hover.jpg);}

#phone{ float:right; width:160px; padding-left:30px; height:41px;padding-top:11px; background:url(images/phone.jpg) left top no-repeat; color:#FFFFFF; font-size:20px; color:#e8e0d1; }

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:111;
	

}
#nav li ul li:hover{
background:none;
	

}
#nav li ul li a{		background-color:#c82f4b;
	background-image:url(images/liulli.jpg); width:147px; text-align:left; padding-left:20px; height:25px; margin:0;}

#nav li:hover ul {
	left: auto;

}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;

}







#products li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	top:-999em;
	

}

#products li:hover a{ border-bottom:1px #c82f4b solid; color:#FFFFFF}

#products li ul li a{		background-color:#c82f4b;
	background-image:url(images/liulli.jpg); width:147px; text-align:left; padding-left:20px; height:25px; margin:0; }

#products li ul li a:hover { background:url(images/hover.jpg) top repeat-x}
#products li:hover ul {
	left: 170px;
	top:0

}
#products li:hover ul, #products li.sf2hover ul {
	left: 170px;
	top:0

}
/*Left column*/
#left{ float:left; width:170px ; padding-right:10px; padding-top:40px}
#products li{position : relative;}
#products a{padding-bottom:5px; border-bottom:1px #6fbfea solid; padding-top:5px; padding-left:5px; display:block; width:160px}
#products li:hover, #products a:hover{ background-color:#c82f4b; color:#FFFFFF}
#products li, #products a {color:#333333; font-size:15px; text-decoration:none}

#box{ width:165px; background:url(images/boxtop.jpg) top no-repeat #FFFFFF; margin-top:39px}
#boxpadding{ padding:10px; font-size:11px}
#boxpadding a { font-size:9px}

/*Middle column*/
#middle{ float:left; width:600px}
#breadcrumb{ font-size:11px; padding:10px 0 10px 30px}
#breadcrumb a{ text-decoration:none}
#breadcrumb a:hover{ text-decoration:underline}

#footer, #bigbox{width:550px;; padding-left:15px; padding-right:15px;  margin:0 auto;}
#bigbox{ background:url(images/header.jpg) top no-repeat #FFFFFF;padding-top:22px;  padding-bottom:15px}
#footer{ background-color:#333333; padding-bottom:15px}
#footer, #footer a { color: #FFFFFF}
#footerleft{ float:left}
#footerright{ float:right}
/*Right column*/
#right{ float:left; width:170px; padding-left:10px; padding-top:40px; font-size:12px}
.offerlist{ padding-bottom:8px; padding-top:8px; border-top:1px dashed #3b98da}
.offerlist div { padding-bottom:8px}

.clear{ clear:both}
.bold{ font-weight:bold; }
.center{ text-align:center}
.paddingbottom{ padding-bottom:10px}















/*Yoo Aki! this is the new styles*/
body img { border:0}
#paging { text-align:right; padding-bottom:12px; color:#545454; font-size:11px; }
#paging a, #paging span { color:#545454; padding-left:3px; padding-right:3px}
#paging a:hover{ text-decoration:none}
#headerlisting{background-color:#eff0ea; border-top:#999999; padding:5px; border-top:1px dotted #999999}
form{ margin:0; padding:0}
label{ font-weight:bold; padding-right:15px; padding-bottom:4px; }
.product{ width:165px; height:198px; margin-top:10px; margin-right:6px; border:1px #cccccc solid; float:left; margin-left:6px}
.productstop{ height:150px; padding:10px;  text-align:center; padding-bottom:0}

.productstop h2{ margin:0; padding:0; font-size:11px; padding-top:10px}
.productstop img{border:1px #cccccc solid}
.productsbottom{padding:7px; height:31px; background-color:#e5e5e5; padding-bottom:0; font-size:10px }
.productsbottom img{ padding-top:2px; }
.price{ float:left; width:85px;padding-top:5px}

.detailsleft{ width:230px; float:left; padding-right:30px}
.detailsright{ float:left; width:290px}
.detailsright h1 { border-bottom:1px #dce4f7 solid; padding-bottom:12px}

.pricecontain{ font-size:13px; font-weight:bold; padding-top:10px}
.priceamount{ float:left; width:77px; border-right:1px #dce4f7 solid; height:19px; padding-top:3px}
.pricedetails{ padding-left:20px; width:173px; float:left;  height:19px; padding-top:3px;font-weight:normal;}
.canceled{ text-decoration:line-through}
.red{color:#ff3333}
.bold{ font-weight:bold}

.productcontent{border-bottom:1px #dce4f7 solid; padding-bottom:12px;border-top:1px #dce4f7 solid; padding-top:12px}
.details{ padding-bottom:20px}
.largerimage a { background:url(images/xmag.jpg) left no-repeat; text-decoration:none; font-size:15px; padding-left:27px; height:26px; color:#5d5d5d; display:block; padding-top:3px}