@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; background-color:#7d7d7d; color:#cccccc; font-family:Georgia,Times New Roman,Times,serif; font-size:11px; line-height:14px;}
body a {color:#ffffff;}
body a:hover {color:#999999;}

#container {margin:18px auto; width:814px;}

#home-con-repeat {background:url(/images/sss-repeater.gif) top left repeat-y; width:814px; float:left;}
#home-con-txt {padding:16px 96px 30px 96px; text-align:center; float:left;}

#sec-con-repeat {background:url(/images/sss-repeater.gif) top left repeat-y; width:814px; float:left;}
#sec-con-txt {padding:16px 100px 30px 100px; text-align:left; float:left; width:614px; font-size:12px; line-height:16px;}
#sec-nav {float:left; width:158px;}
#sec-right {padding:44px 0 0 30px; float:left; width:416px;}
#sec-title {font-size:20px; line-height:22px; padding:0 0 2px 0; margin:0 0 14px 0; border-bottom:solid 1px #ffffff; font-weight:bold;}

.home-list {float:left; font-size:14px; width:294px; text-align:left;}
.home-list ul {margin:0; padding:0 0 0 16px;}
.home-list ul li {padding:0 0 10px 0;}

#gallery {float:left; width:100%; margin:0 0 20px 0;}
.gallery-row {float:left; width:100%; padding:9px 0 9px 0;}
.gallery-item1 {float:left; width:90px; height:90px; padding:0 14px 0 0; background:url(/images/sss-thumb-back.gif) top left no-repeat;}
.gallery-item2 {float:left; width:90px; height:90px; padding:0; background:url(/images/sss-thumb-back.gif) top left no-repeat;}
.gallery-img {padding:4px 0 0 4px; width:82px; height:82px;}

.font15b {font-size:15px; line-height:22px; font-weight:bold;}
.floatl {float:left;}
.floatr {float:right;}
.txt-center {text-align:center;}

.width814 {width:814px;}
.bold {font-weight:bold;}
.bold16 {font-weight:bold; font-size:16px;}


#footer {color:#bbbbbb; font-size:13px; line-height:16px; text-align:center; margin:26px 0 0 37px; padding:12px 0 0 0; border-top:solid 1px #999999; width:740px;}
#footer a {color:#333333; text-decoration:none;}
#footer a:hover {color:#cccccc;}

/*Login*/
#login {padding:30px 0 0 0; float:left;}
#login-form {float:left; padding:0 0 0 30px; width:300px;}
.login-row {float:left; padding:0 0 12px 20px; width:100%;}
.login-txt {float:left; width:90px; font-size:17px; line-height:22px;}
#login-join {float:left; padding:0 0 0 60px;}


/*Join*/
#join {padding:30px 0 0 0; float:left;}
#join-form {float:left; padding:0 0 0 30px; width:400px;}
.join-row {float:left; padding:0 0 8px 10px; width:100%;}
.join-txt {float:left; width:130px; padding:0 8px 0 0; font-size:14px; line-height:16px; text-align:right;}
#join-member {float:left; padding:0; width:160px;}


/*popup*/
#table {background-color:#ffffff; color:#666666; font-family:Georgia, 'Times New Roman', Times, serif; line-height:14px; margin:0; padding:0;}
#top-row {background:url(/images/sss-popup-repeat-h1.gif) top left repeat-x; height:33px;}
#td-left {width:23px;}
#td-right {width:23px;}
.td-center {text-align:center;}
#td-center-left {background:url(/images/sss-popup-repeat-v1.gif) top left repeat-y; width:23px;}
#td-center-right {background:url(/images/sss-popup-repeat-v2.gif) top left repeat-y; width:23px;}
#img {border:solid 10px #cccccc; margin:10px 20px 10px 10px;}
#txt {padding:10px 20px 10px 0; text-align:left; font-size:11px;}
#title-div {font-family:Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#000000;}
#title16 {font-size:16px;}
#title12 {font-size:12px;}
#description {padding:20px 0 0 0;}
#price {padding:16px 0 0 0; color:#000000;}
#addtocart {text-align:center; padding:20px 0 0 0;}
#prod-nav {clear:both; text-align:center; width:200px; padding:20px 0 0 260px;}
#prod-nav-txt {float:left; color:#000000; padding:0 16px; width:60px}
#bot-row {background:url(/images/sss-popup-repeat-h2.gif) bottom left repeat-x; height:33px;}


/* Navs */
#nav {width:814px; height:24px; text-align:center; line-height:24px; font-size:14px; color:#000000;}
#nav a {color:#000000; text-decoration:none;}
#nav a:hover {color:#ffffff;}
#nav-at {text-decoration:underline;}
.nav-sss {background:url(/images/nav-sss.gif) no-repeat;}