@charset "utf-8";
/* CSS Document */
body {
	background:url(/shopping/images/newversion/bg-body.jpg) repeat-x;
	font-size:12px;
	font-family: sans-serif, serif;
	color:#000000;
	padding:0px;
	margin:0px;
	font-size:12px;
}
a:link, a:visited {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#FF6633;
	text-decoration:underline;
}
a.link-orange{color:#FF6633;
	text-decoration:underline;}
p {
	margin:0px;
	padding:0px;
}
.orange, .orange a{
	color:#d15400
}
.orange1, .orange1 a {
	color:#ef8633
}
.gray {
	color:#999999;
}
.green, .green a, p.green a {
	color:#619300
}
.red {
	color:#FF0000
}
.line-h{ margin:10px 0;}
.font-small {
	font-size:11px;
}
.bgwhite {
	background:#FFFFFF;
}
.bg-gray10{ background:#dbdbdb;}
/*input, select{
	font-size:12px;
}*/
#clear-shop {
	clear:both;
}
#main-new {
	width:1003px;
	text-align:left;
}
.keyword {
	color:#666666;
	line-height:30px;
	text-align:center;
}
#shopping-head {
	width:1003px;
	height:150px;
}
.menu-shop {
                margin-top:8px;
                background:url(/shopping/images/newversion/bg-menu-shop-black.jpg) no-repeat;
                width:1003px;
                height:32px;
                color:#FFFFFF;
                line-height:30px;
}
.menu-shop h3{
                font-size:13px;
                margin:0;
                border-right:1px solid #404040;
                float:left;
                height:31px;
}
h3.menu-shop-select {
                font-size:13px;
                margin:0;
                border-right:1px solid #404040;
                float:left;
                height:31px;
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) no-repeat;
                color:#FFFFFF;
                line-height:30px;
}
.menu-shop h3:hover {
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) center;
                height:32px;
                border-right:1px solid #d15400;
}
h3.left-menu-select{
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) left;
                height:32px;
}
h3.right-menu-select{
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) right;
                height:32px;
}
.menu-shop h3.left-menu:hover {
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) left;
                height:32px;
}
.menu-shop h3.right-menu:hover {
                background:url(/shopping/images/newversion/bg-menu-shop-hover.jpg) right;
                height:32px;
}
.menu-shop h3 a:link, .menu-shop h3 a:visited {
                color:#FFFFFF;
                text-decoration:none;
                padding:0 40px;
}
body:nth-of-type(1) .menu-shop h3 a:link, .menu-shop h3 a:visited{ padding:0 39px;}

.menu-shop h3 a:hover {
	color:#FFFFFF;
	text-decoration:underline
}
.search-shopping {
	margin:10px 0;
	text-align:right;
}
.ค้นหา {
	background:url(/shopping/images/newversion/button-search.jpg) no-repeat;
	width:66px;
	height:19px;
	color:#FFFFFF;
	font-size:11px;
	cursor:pointer;
	border:0;
	margin:1px 0 0 5px;
}
#col-left {
	float:left;
	margin-right:13px;
	_margin-right:10px;
	width:250px;
}
#col-right {
	float:left;
	width:740px;
}
#login-shopping-form {
	background:url(/shopping/images/newversion/bg-login.jpg) no-repeat;
	width:230px;
	padding:10px;
	height:150px;
}
#login-shopping-form input {
	font-size:11px;
	margin-bottom:3px;
	margin-left:5px;
	border:1px solid #999999;
	color:#CCCCCC
}
#login-shopping-form input.เข้าระบบ {
	background:url(/shopping/images/newversion/button-login.jpg) no-repeat;
	width:69px;
	height:41px;
	color:#FFFFFF;
	cursor:pointer;
	border:0;
	font-size:12px;
	border:0;
	margin-top:10px;
	padding:0;
}
#login-shopping-form p {
	float:left;
}
#forget-text {
	background:url(/shopping/images/newversion/bg-forgetpass.jpg) no-repeat;
	width:207px;
	height:32px;
	margin-top:10px;
	padding:5px 10px;
}
#benefit, #shopping-ads {
	width:250px;
	margin:13px 0 0 0;
}
#benefit-flash, #shopping-ads-banner, #video-ads {
	width:230px;
	border-left:1px solid #dedacf;
	border-right:1px solid #dedacf;
	background:#f2efea;
	padding:0px 9px;
}
.benefit-flash-banner {
	margin-bottom:5px;
}
#shopping-ads-banner {
	font-size:14px;
}
#shopping-ads-banner div.banner-left{
	margin-bottom:10px;
	margin-left:5px;
}

.line-orange {
	height:5px;
	widows:230px;
	background:#e5601f;
	margin:5px 0;
}
#intro {
	width:740px;
	height:170px;
	margin-bottom:13px;
}
#footer-shopping {
	width:1003px;
	margin-top:13px;
	color:#CCCCCC
}
#footer-shopping p {
	text-align:center;background:#6b6b6b;
	padding:10px;
}
#footer-shopping p a:link, #footer-shopping p a:visited {
	color:#CCCCCC;
}
#footer-shopping p a:hover {
	color:#FF6633;
}
#sss-online {
	float:left;
	width:490px;
	height:325px;
	margin-right:13px;
	background:url(/shopping/images/newversion/bg-content.jpg) no-repeat bottom #f7f7f7;
}
#sss-online h1 {
	background:url(/shopping/images/newversion/header-content.jpg) no-repeat;
	width:430px;
	height:30px;
	font-size:14px;
	color:#FFFFFF;
	padding:15px 0 0 60px;
	margin:0;
}
#right-banner {
	float:left;
	width:237px;
}
#video {
	margin:13px 0;
}
#video-all {
	background:url(/shopping/images/newversion/video-all.jpg) no-repeat;
	width:117px;
	height:21px;
	text-align:center;
	float:right;
	margin-top:10px;
	line-height:20px;
}
#video-ads {
	width:217px;
	height:210px;
}
#list-shoponline {
	border-bottom:1px solid #CCCCCC;
	padding:7px;
}
#list-shoponline:hover {
	background:#eeeeee
}
#list-shoponline p {
	float:left;
}
#list-shoponline p img {
	margin-right:5px;
}
.register-button {
	background:url(/shopping/images/newversion/regis-button.jpg) no-repeat;
	width:116px;
	height:37px;
	text-align:center;
	line-height:30px;
	margin:30px 0 0 7px;
}
.register-button a:link, .register-button a:visited {
	color:#000000;
}
.register-button a:hover {
	color:#FFFFFF;
}
#good-content {
	width:740px;
	margin-top:13px;
}
#good-content h2 {
	color:#FFFFFF;
	font-size:14px;
	padding:10px 0 0 60px;
	background:url(/shopping/images/newversion/header-content2.gif) no-repeat;
	width:680px;
	height:25px;
	margin:0;
}
#box-content, #box-cat, #box-cat-me, #box-cat-banner {
	margin-top:5px;
	background:#f2f2f2;
	border:1px solid #e4e4e4;
	padding:5px;
}
.list-box-content {
	float:left;
	width:350px;
	margin-right:10px;
	margin-bottom:5px;
}
.pic-list {
	width:80px;
	height:50px;
	border:1px solid #e4e4e4;
	padding:1px;
	float:left;
	margin-right:10px;
}
.text-list {
	float:left;
	width:255px;
}
.text-list p.orange1 a:link, .text-list p.orange1 a:visited {
	color:#ef8633;
	text-decoration:underline;
}
.text-list p.orange1 a:hover {
	color:#ef8633;
	text-decoration:none;
}
#box-content-all {
	border-top:1px solid #e4e4e4;
	text-align:right;
}
/******************************************** Shopplist **********************************/
.braek {
	margin-bottom:10px;
}
#cat-shop {
}
#cat-shop h3, #cat-shop-me h3 {
	background:url(/shopping/images/newversion/cat-all.jpg) no-repeat;
	width:690px;
	height:25px;
	padding:15px 0 0 50px;
	margin:0;
}
#box-cat {
	background:#FFFFFF;
}
.img-left, .catlist {
	float:left;
}
.catlist img {
	margin-right:5px;
}
.catlist p {
	margin:1px;
}
.catlist {
	margin:5px 5px 0 0;
	font-size /*\**/:11px\9;
	_font-size:11px;
}
body:nth-of-type(1) .catlist{font-size:11px;}
#cat-shop-me h3 {
	background:url(/shopping/images/newversion/header-shopping.jpg) no-repeat;
	height:28px;
}
.page {
	color:#000000;
	padding:1px 3px;
	border:1px solid #CCCCCC;
	margin-right:5px;
	float:left;
	cursor:pointer;
}
.page a{ text-decoration:none;color:#000000;}
.page:hover {
	background:#6699cc;	
}
.page-on {
	color:#000000;
	padding:1px 3px;
	border:1px solid #CCCCCC;
	background:#6699cc;
	margin-right:5px;
	float:left;
	cursor:pointer;
}
.shop-all {
	float:right;
}
#list-stock {
	width:230px;
	height:100px;
	margin:10px 10px 0 0;
	float:left;
}
.stock-img {
	float:left;
	margin-right:5px;
	width:95px;
	height:95px;
	background:url(/shopping/images/newversion/default95.gif) no-repeat;
}
.des-stock {
	width:130px;
	padding:1px 0;
	float:left;
}
.banner-115-big {
	float:left;
	width:488px;
}
.banner-115 {
	float:left;
	margin:0 7px 7px 0;
	width:115px;
	height:115px;
	background:url(/shopping/images/newversion/default115.gif) no-repeat;
}
.banner-235 {
	float:left;
	width:235px;
	height:235px;
	background:url(/shopping/images/newversion/default235.gif) no-repeat;
}
#box-cat-banner {
	padding-bottom:0px;
	margin:13px 0;
}
#store01 {
	width:365px;
	float:left;
	margin-right:10px;
}
#store01 h3 {
	background:url(/shopping/images/newversion/header-shopping1.jpg) no-repeat;
	width:315px;
	height:27px;
	padding:15px 0 0 50px;
	margin:0;
}
#list-store01 {
	margin-top:5px;
	background:#f2f2f2;
	border:1px solid #e4e4e4;
	padding:5px;
}
.store-img {
	float:left;
	margin-right:5px;
	width:95px;
	height:95px;
	background:url(/shopping/images/newversion/default95.gif) no-repeat;
}
.des-store {
	width:255px;
	padding:1px 0;
	float:left;
}
.list-store {
	margin:5px 0;
	clear:left;
	padding:5px 0;
	border-bottom:1px dotted #666666;
}
#store02 {
	width:365px;
	float:left;
}
#store02 h3 {
	background:url(/shopping/images/newversion/header-shopping2.jpg) no-repeat;
	width:315px;
	height:27px;
	padding:15px 0 0 50px;
	margin:0;
}
/************************************ Package ******************************************/
#ขั้นตอน {
	width:740px;
	height:42px;
	margin-top:10px;
}
#package {
	border:1px solid #d0cecf;
	border-top:0px;
	padding:10px;
}
#img-package {
	background:url(/shopping/images/newversion/package-shop1.jpg) no-repeat;
	width:720px;
	height:23px;
	padding-top:110px;
	margin-bottom:10px;
}
.benefit-package {
	width:250px;
	float:left;
}
.free, .beginner, .enterprise, .progessional {
	width:90px;
	float:left;
	text-align:center;
	margin-right:30px;
	_margin-right:25px;
}
.progessional {
	margin-right:0;
}
.bg-gray {
	background:#f7f7f7;
	padding:4px 0;
}
.bgpac {
	padding:4px 0;
}
.bgpac-head {
	background:url(/shopping/images/newversion/bg-package.jpg) repeat-x;
	height:19px;
	width:720px;
	_width:710px;
	padding:7px 0;
}
.button-regis {
	background:url(/shopping/images/newversion/button-register.jpg) no-repeat;
	width:113px;
	height:22px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.button-pac {
	background:url(/shopping/images/newversion/button-pack.jpg) no-repeat;
	width:69px;
	height:24px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.form-open input, .form-open textarea {
	float:left;
}
.form-open select, .form-open label {
	float:left;
	margin-right:10px;
}
.form-open span {
	float:left;
	margin-right:10px;
}
.comment{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#f6f1ee none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:10px;
	position:absolute;
	width:200px;
	z-index:999;
	margin-left:20px;
}

.comment-seo{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#f6f1ee none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:10px;
	position:absolute;
	width:500px;
	z-index:999;
	margin-left:20px;
}

.error {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#f6f1ee none repeat scroll 0 0;
	border:1px solid #FF0000;
	padding:4px;
	position:absolute;
	width:200px;
	z-index:999;
	margin-left:20px;
}
.error ul, .comment ul{
	margin:0px;
	padding:0 0 0 20px;
	list-style:square;
}


/****************************** Payment *************************************/
#payment {
	width:718px;
	border:1px solid #cccccc;
	padding:10px;
	margin-top:10px;
}
.bank-name {
	width:320px;
	float:left
}
.bank-name1, .bank-name2 {
	width:190px;
	float:left;
	line-height:25px;
}
#db {
	background:#f7f7f7;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:20px 0;
}
/************************************** classified-shop****************************/
.head-classified {
	background:url(/shopping/images/newversion/header-shopping.jpg) no-repeat;
	width:690px;
	height:43px;
	padding:0px 0 0 50px;
	margin:0;
}
.head-classified h4 {
	font-size:14px;
	margin:0;
	padding:0;
	float:left;
	padding-top:15px;
}
.free-open {
	float:right;
	color:#FFFFFF;
	background:url(/shopping/images/newversion/tab-classifide.jpg) no-repeat;
	width:152px;
	height:36px;
	text-align:center;
	line-height:30px;
	margin-top:7px;
}
.free-open a:link, .free-open a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.free-open a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#classified-head {
	background:url(/shopping/images/newversion/header-shopping3.jpg) no-repeat;
	width:740px;
	height:25px;
	padding-top:7px;
}
.list-classified {
	padding:10px 0;
}
.classified-date {
	float:left;
	width:115px;
	margin-right:5px;
	text-align:center;
}
.classified-type {
	float:left;
	width:95px;
	margin-right:5px;
	text-align:center;
	line-height:90px;
}
.classified-stock {
	float:left;
	width:375px;
	margin-right:5px;
}
.classified-view {
	float:left;
	width:115px;
	margin-right:5px;
	text-align:center;
	line-height:90px;
}
.classified-date-list {
	float:left;
	width:105px;
	margin-right:5px;
	text-align:center;
}
.classified-date-list .stock-img {
	margin-left:5px;
}
#col-right div#list-class {
	width:100%;
}
#col-right div#list-class div#topic {
	width:24%;
	float:left;
	text-align:right;
	background:#f7f7f7;
	padding:4px 0;
	margin:1px 0;
}
#col-right div#list-class div#description {
	width:75%;
	float:left;
	padding-left:1%;
}
#col-right div#confirm {
	background:#F8F8F8;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px 0;
}
#detail-class{
	border:1px solid #CCCCCC;
	background:#f7f7f7;
	padding:10px;
}
.img-post-class{
	width:220px;
	height:165px;
	float:left;
	background:url(/shopping/images/newversion/default220.gif) no-repeat;
	margin-right:10px;
}
.des-post-class{
	float:left;
	width:460px;
}
.pic-all{
	margin:10px 0px;
}
.list-comment-class{
	background:#f2fff2;
	padding:10px;
	margin-bottom:5px;
}
#img-comment{ float:left; margin-right:10px;}
.detail-comment{ float:left; width:600px;}
/************************************** advertising******************************/
#advertising {
	margin-bottom:15px;
}
#advertising h3 {
	background:url(/shopping/images/newversion/header-advertising.jpg) no-repeat;
	width:690px;
	height:25px;
	padding:15px 0 0 50px;
	margin:0;
}
.img-advertising {
	float:left;
	width:350px;
}
.img-advertising img {
	margin-bottom:10px;
}
.advertising-detail {
	background:#efefef;
	padding:5px;
	margin-right:10px;
	width:160px;
	float:left;
	margin-bottom:15px;
}
.advertising-detail-1 {
	padding-left:10px;
}

/************************************ Forget Password ******************************/
.forget-pass{
	background:url(/shopping/images/newversion/bg-forget.jpg) no-repeat;
	width:320px;
	height:206px;
	height /*\**/:208px\9;
	border:1px solid #CCCCCC;
	padding:5px;
}
.forget-pass input{ font-size:11px;}
.forget-pass p{ float:left}
.text-pass{ float:left; width:40%; text-align:right;}
.form-pass{ float:left; width:59%; padding-left:1%; margin-bottom:2px;}
.button-forget{
	text-align:center;
	background:url(/shopping/images/newversion/button-forget.jpg) no-repeat;
	height:27px;
	width:60px; 
	float:left;
	border:0;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin:10px 10px 0 0;
}


/************************************ Back Office ******************************/

.loading{
	width:140px;
	height:60px;
	display:block;
    position:absolute;
	z-index:99;
	top:80%;
	left:50%;
	padding:8px;
	border:1px dashed #42C1FF;
	background-color:#D9F2FF;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.loading p.left{
	float:left;
	padding:2px;
	background:url(/shopping/images/loading.gif) no-repeat top center;
	width:40px;
	height:40px;
}
.loading  p.right{
	float:left;
	padding:2px;
	margin-top:20px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
}

.loadingRecommend{
	width:140px;
	height:60px;
	display:block;
    position:absolute;
	z-index:99;
	top:180%;
	left:50%;
	padding:8px;
	border:1px dashed #42C1FF;
	background-color:#D9F2FF;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.loadingRecommend p.left{
	float:left;
	padding:2px;
	background:url(/shopping/images/loading.gif) no-repeat top center;
	width:40px;
	height:40px;
}
.loadingRecommend  p.right{
	float:left;
	padding:2px;
	margin-top:20px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
}

.search-result{
	float:left;
	margin:5px 10px 5px 0;
	padding:5px 0;
	border-bottom:1px dotted #666666;
	width:350px;
}