/* theme screen stylesheets */
/* import stylesheets and hide from ie/mac \*/
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/reset.css");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/kommuz-home.css");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/form-style.css");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/ran4uskin.css");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/fixSearch.css");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/footer.css");
@import url("/css/menus/dropdown.css?v=1");
@import url("/css/layouts/onecolumn-compressed.css?v=1.3.9");

/* สำหรับ เขียน css เพื่อ overwrite style */
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/mod.css?v=1"); 
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/full-width.css?v=1");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/footer.css?v=1");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/iconFooter.css?v=1");
@import url("/userfiles2/directUpload/skin/atlasbxthailand_36427/css/forum-list-webzine-1-column2.css?v=1");
@import url("/modules/font-awesome-4.4.0/css/font-awesome.min.css");
@import url("css/product-1-column.css?v=1");

@import url("css/webpage-1-column.css?v=1");
@import url("css/frontProduct.css?v=1");

@import url("css/promotionWidth.css?v=1");

@import url("css/big-first-product-inline.css?v=1");
body div.GreenBorderWhiteBGBox{
  display:none;
}
body.loggedIn  div.GreenBorderWhiteBGBox{
  display:block;
}

/* overwrite full-width.css */
body #TopContent {
  width: auto;
}

body td.propertiesView, body td.propertiesSelect {
  font-size: 21px;
  font-family: DBAdmanX;
  color: #323232;
}

#columnShow,#productsDisplay{
  font-size: 20px;
  font-family: DBAdmanX;
  color: #323232;
}
body .ContentBox .Body .Top {
  background: #ffffff;
  border-radius: 5px 5px 0 0;
}
body .ContentBox .Body .Middle {
  background: #FFF;
}

/* end import/hide */
#InnerContentWrap{
  height:auto;
}
body #ContentWrap{
  padding-top: 118px;
}
#headerZone #shopTopMenu{
  display:none;
}

body.homePage div#myCartZone{
  left: 1295px !important;
  top: -164px !important;
}
body .ContentBox .Body .Bottom {
  background: #ffffff;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px;
}

body.homePage #TopMenu{
  top: -165px;
  left: 1235px;
}

body div#myCartZone{
    left: 1152px !important;
    top: -164px !important;
}

body #TopMenu{
  top: -165px;
  left: 1096px;
}
body.homePage #TopContent #headerZone iframe{
  display:block;

}
body #TopContent #headerZone iframe{
  display:none;
}
/*
body.homePage #topMenuBar {
width: 1231px;
margin: 0 auto;
}*/

/**MainTopmenu**/
.MainTopMenu ul li {
  display:block;
  float: left;
  /* width: 149px; */
}
.MainTopMenu ul li a {
  font-family: DBAdmanX;
  /* font-weight: bolder; */
  color: #333333;
  padding: 13px 49px;
  font-size: 20px;
  border-right: 1px dashed #DCDCDC;
  letter-spacing: 1px;
  text-align: center;
}

.MainTopMenu{
  position:absolute;
  top: -61px;
  left: 400px;
}

.MainTopMenu ul li a:hover{
  text-decoration: none;
}

/*HearderTopWrap*/
.headerTopWrapper{
  width: 1400px;
  position: relative;
  margin: 0 auto;
}


.headerTopWrapper .contactUsRight a p,.headerTopWrapper .contactUsRight a img,.headerTopWrapper .contactUsRight a{
  float:left;

}

.headerTopWrapper .contactUsLeft div a img {
  margin-right:6px;
}
.headerTopWrapper .contactUsLeft p,.headerTopWrapper .contactUsLeft div,.headerTopWrapper .contactUsLeft a{

  float:left;
}
.headerTopWrapper .contactUsLeft p{
  font-size: 20px;
  color: #ffffff;
  padding: 0px 10px;
  margin-top: 7px;
}

.headerTopWrapper .contactUsRight{
  position: absolute;
  top: -67px;
  right: 156px;
}

.headerTopWrapper .contactUsRight p{
  font-size:20px;
  color:#a11e5e;
  font-family:DBAdmanX;
  padding: 0px 10px 0px 2px;
}
.headerTopWrapper .contactUsRight{
  font-family:DBAdmanXLi;
  float: right;
  margin-top: 8px;
  margin-right: -27px;
}

.headerTopWrapper .contactUsRight a img {
  margin-top: 3px;
}


.headerTopWrapper .contactUsLeft{
  font-family:DBAdmanXLi;
  float: right;
  margin-top: 0px;
  margin-left: -27px;
}
/**add to cart*/
a.addToCartButton img{
  display:none;
}
a.addToCartButton {
  width: 120px;
  height: 30px;
  display: inline-block;
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/button_shopping.jpg) no-repeat;
  float: left;
  transition: all 0.5s;
}

a.addToCartButton:hover {
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/button_shopping2.jpg) no-repeat;
}

/*fb*/

a.fbShareBtn {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/icon_fb.png) no-repeat;
  float: right;
  margin-right: 5px;
  transition: all 0.5s;
}
a.fbShareBtn img {
  display: none;
}
a.fbShareBtn:hover {
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/icon_fb2.png) no-repeat;
}

/*tel frnd*/

a.tellFriendBtn {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/icon_email.png) no-repeat;
  float: right;
  margin-right: 5px;
  transition: all 0.5s;
}
a.tellFriendBtn img {
  display: none;
}
a.tellFriendBtn:hover {
  background: url(/userfiles2/directUpload/skin/tumnanbeauty_34871/etc/addimage/icon_email2.png) no-repeat;
}


body .prod_box_big{
  border-top: 1px #B3B3B3 solid;
  border-bottom: 1px #B3B3B3 dashed;
}

body .center_content{
  border-top: 1px #B3B3B3 dotted;
  padding: 5px 0px;

}


/**ปรับสินค้าในหน้าแรก*/

body.homePage .product3Column .productItemWrapper,body.homePage .product3Column .productItemWrapper:nth-child(4n) {
  margin-right: 20px;
  width:30%;
  margin-bottom: 29px;
}
body.homePage .product3Column .productItemWrapper:nth-child(5n) {
  margin-right: 0px;
}


body.homePage .product3Column .productItemWrapper:nth-child(4n+1) {
  margin-left: 0px;
}

/* 2column หน้าแรก*/
body.homePage .product2Column .productItemListWrapperBody {
  width: 1390px;
  margin: 0 auto;
}

body.homePage .product2Column .productItemWrapper {
  vertical-align: top;
  float: left;
  width: 430px;
  height: 555px;
  overflow: hidden;
  background: none;
  overflow: hidden;
  margin: 0 15px 15px 15px !important;
  padding: 0;
  border: 1px solid #E6E6E6;
  background: #fff;
  border-radius: 10px;
}

body.homePage .product2Column .productItemListWrapper {
  width: 100%;
  padding-top: 15px;
}

body.homePage  .product2Column .productItemListWrapperBodyInner {
  margin: 0 0 0 0px;
}


body .product2Column .productItemImageWrapper {
  margin: 0 auto auto;
  padding: 0;
  text-align: center;
  height: 300px;
  width: 430px;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
body .product2Column .imageProductTable {
  margin: 0 auto auto;
  padding: 0;
  width: 430px;
  height: 237px;
  border: 0;
  overflow: hidden;
}
body .product2Column .details{
  padding-top: 10px;
  font-family: DBAdmanX;
  position: relative;
  height: 185px;
}

body.shopMenu-view.category-view .product2Column .productItemWrapper{
  border: 1px solid #D6D6D6;
  margin-bottom: 10px;
  margin-right: 10px !important;
  width: 470px;
  height: 500px;
  border-radius: 10px;
}
body .product2Column .productAddToCartBtn {
  /* clear: both; */
  bottom: 4px;
  position: absolute;
  width: 430px;
}
body .product2Column .productName {
  /* font-size: 27px; */
  /* font-weight: bold; */
  font-size: 20px;
  font-weight: normal;
  display: block;
  width: 430px;
  height: 60px;
  overflow: hidden;
  font-family: DBAdmanX;
  text-align: left;
}

body .product2Column .productName {

  font-size: 20px;
  font-weight: normal;
  display: block;
  width: 250px;
  height: 60px;
  overflow: hidden;
  font-family: DBAdmanX;
  text-align: left;
}


body .product2Column .productPrice {

  font-size: 22px;
  font-weight: normal;
  color: #D22222;
  font-family: DBAdmanX;
  text-align: right;
  position: Absolute;
  width: 213px;
  bottom: 17px;
}

body .product2Column .productDescription {
  font-size: 18px;
  color: #848484;
  height: 45px;
  overflow: hidden;
  display: block;
  height: 58px;
  font-family: DBAdmanXLi;
  position: absolute;
  bottom: 68px;
  width: 430px;
}

body .product2Column .details .productAddToCartBtn a.addToCartButton {
  float: left;
}


body .product2Column .details .productAddToCartBtn a.fbShareBtn{
  float: right;
}
body .product2Column .details .productAddToCartBtn span#tafBtn{
  float: right;
  margin-left: 5px;
}


/*********ซ่อนเมนู dropdown *********/
#topMenuBar > ul > li:first-child{
  display: none;
}
body.webPage #ContentWrap #InnerContentWrap {
  width: 1200px;
  margin: 0 auto;
}
body.webPage #MiddleContent {
  min-height: 500px;
  /* background: url("../images/whiteFiller.png") repeat-y #fff; */
  margin-left: 0px;
  width: 1200px;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.webPage .ContentBox .Body .Top {
  background: #ffffff;
  border-radius: 5px 5px 0 0;
  width: 1200px;
}
body.webPage .ContentBox .Body .Middle {
  background: #ffffff;
  border-radius: 5px 5px 0 0;
  width: 1200px;
}
body.webPage .ContentBox .Body .Bottom {
  background: #ffffff;
  width: 1200px;
  border-radius: 0 0 5px 5px;
}
body.webPage #LeftColumn {
  margin: 17px 0 15px 0;
  list-style-type: none;
  font: tahoma, verdana, arial, sans-serif;
  color: #c86000;
  display: none;
}
body.webPage .ContentBox {
  width: 1200px;
  position: relative;
}
#stylizedAddContent {
  width: 1160px;
}