@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-family: "trebuchet MS"; font-size:13px; color:#333; }
a { cursor:pointer; }
h1 { padding:0; margin:0; }


#header ,  #container , #footer ,#div_copyright { width:930px; margin:0 auto; padding:10px; }
#container  { padding-top:40px; }
#header h1 { width:200px;   float:left; }
#header h1 a {background-image:url(../../imgs/mos_logo.png); background-repeat:no-repeat; width:90px; height:60px; display:block; text-indent:-9000px; }

.navigation { position:relative; }
.navigation .logo { z-index:4; }

.navigation .logo a {background-image:url(../../imgs/mos_logo.jpg); background-repeat:no-repeat; width:174px; height:118px; display:block; text-indent:-9000px; }
.navigation .logo a { position:absolute; top:-65px; left:380px;  }

#welcome { width:200px; float:right; }
#welcome p { margin:0; padding:0; text-align:right; }
#welcome a { color:#333; text-decoration:none; border-bottom: 1px dashed #333; }
#welcome a:hover { border-bottom:none; }

#navmenu { background-color:#F6F6F6; border-bottom:#cdcdcd solid 1px; } 


#left-navi	 { width:200px; float:left; }
#center-main { width:730px; float:right; }


.each-menu { border:#CCC solid 1px; width:180px; }
.each-menu h3 { padding:5px; margin:0; background-color:#F6F6F6; border-bottom:#CCC solid 1px; }

.each-menu ul { padding:5px; margin:0; }
.each-menu ul li { list-style:none; padding:3px; margin:0; }
.each-menu ul li a { color:#000; text-decoration:none; }
.each-menu ul li a:hover { text-decoration:underline; }

.each-menu p { padding:8px; margin:0; line-height:1.8em; }



.name-cate { border-bottom:#CCC dashed 1px; padding-bottom:10px; }
.name-cate h3 { font-weight:normal; font-size:1.8em; margin:0; padding:0; }
.sub-name-cate { padding-top:5px; }

.each-product { width:160px; float:left; margin:30px; margin-left:0;  }
.each-product-last { width:160px; float:left; margin:30px; margin-left:0; margin-right:0;  }

.txt-pro { padding-top:10px; }

a.link-cart { color:#000; border-bottom:#000 dashed 1px;  text-decoration:none; }
a:hover.link-cart { border-bottom:none; }

.td-cart { height:140px; border-bottom:#CCC 1px dashed; }
.header-cart{ font-weight:bold;  border-bottom:#CCC 1px dashed;  }
.cart_image { width:250px; float:left; padding:5px; text-align:center; }
.cart_image img { padding:3px; }
.cart_topic { float:left; padding:10px 10px 10px 30px; width:90px; }

.image_product { float:left; width:100px; text-align:center; vertical-align:middle; height:100px; }
.image_style { float:left; width:150px; text-align:center; vertical-align:middle; height:100px; }


#detail_left { width:400px; padding:20px; float:left; }
#detail_right { width:440px; padding:10px; float:right; }

p.header-product { font-size:2em; margin:0; padding:3px; }
p.price-product { font-size:1.8em; margin:0; padding:3px; }
p.bottom-border{ border-bottom:#000 dashed 1px;  }
p b { font-size:1.2em; }
p span { line-height:1.8em; }

.divadd2cart { margin-top:10px; }
a.btn-add2cart {padding:5px 10px 5px 10px; background-color:#F33; color:#FFF; }
a:hover.btn-add2cart { text-decoration:none; }

.thumb_pic { width:90px; float:left; padding:10px; margin:10px;  border:#000 dashed 1px;  }


.btn-continue , .btn-checkout , .btn-gray { padding:3px; margin:3px; width:130px; cursor:pointer; }
.btn-checkout { background-color:#F63; color:#FFF; border:#F33 1px solid; }
.btn-continue { background-color:#093; color:#FFF; border:#060 1px solid; }
.btn-gray { background-color:#F5F5F5; color:#333; border:#CDCDCD 1px solid; }

#footer { margin-top:30px; border-top:#cdcdcd solid 1px; }
.box_footer  { width:240px; float:left;}

.box_footer_right { width:200px; float:right; }

.box_footer h3 , .box_footer_right h3 { padding:0; margin:0; }
.box_footer a { color:#000; text-decoration:none; }
.box_footer a:hover { text-decoration:underline; }

#frm_email span a { background-color:#cdcdcd; padding:2px; color:#555; }

#div_copyright { background-color:#F6F6F6; }


.deli_class{ float:left; width:459px; margin:2px; border:#CCC dashed 1px; background-color:#F9F9F9; }


.div_step_pass, .div_step_active, .div_step { height:20px; padding:10px 10px 10px 20px; margin-top:3px; font-weight:bold; }

.div_step_pass { background-color:#7C8437; }
.div_step_pass a { color:#FFF; text-decoration:none; }
.div_step_pass a:hover { color:#FFFF99; }

.div_step_active { background-color:#C36615; color:#FFF;  }
.div_step { background-color:#EBEBEB; color:#CCC; }

.redstar { color:#F00; }
.clear { clear:both; }


header { height:80px; }

#menu_welcome { position:absolute; top:-50px; right:0;  }
#menu_cart { position:absolute; top:-5px; right:0;  } 
#menu_logout { position:absolute; top:30px; right:0;  } 

#menu_signin { position:absolute; top:-50px; right:0;  }
#menu_register{ position:absolute; top:-5px; right:0;  } 
a.linkunder  { color:#333; text-decoration:none; border-bottom: 1px dashed #333; }
a.linkunder:hover { border-bottom:none; }