/**** top vgrid css ****/
.HeaderContainer {
    margin: 0 auto;
    width: 940px;
}
#ColumnContainer {
   position: relative;
   margin: 0 auto 0;
}
#wrapper {
   width: auto;
   height: auto;
   width: 940px;
   margin: 0 auto 50px;
   border: none;
}

/* .BoardLayout {opacity: 0;}*/

.top_item {
   position: absolute;
   width: 192px;
   padding: 0 15px 0;
   font-size: 11px;
   background-color: #fff;
   border: 1px solid #666;
   box-shadow: 0 1px 2px rgba(25,25,25,0.2);
   -moz-box-shadow: 0 1px 2px rgba(25,25,25,0.2);
   -webkit-box-shadow: 0 1px 2px rgba(25,25,25,0.2);
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -ms-border-radius: 6px;
   -khtml-border-radius: 6px;
   border-radius: 6px;
}
/*
.top_item .PriceContainer {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100px;
   height: 100px;
   overflow: hidden;
}
*/

/* .top_item .price {
   position: absolute;
   z-index: 2;
   top: 19px;
   left: -28px;
   width: 125px;
   height: 22px;
   padding-top: 8px;
   text-align: center;
   font-size: 11px;
   color: #524d4d;
   background-color: #f2f0f0;
   overflow: hidden;
   -webkit-transform: rotate(-45deg);
   -moz-transform:  rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
}
*/

.top_item .ImgLink {position: relative;}
.top_item .ImgLink img {max-width: 192px;}
.top_item .productContents{margin-top: 4px;}

a.p_name {
   font-size: 13px;
   font-weight:bold;
   color: #333;
}
a.p_name:hover ,
a.p_name:visited {
    text-decoration: underline;
}

.top_item .description {
   display: block;
   margin: 10px 0 5px;
   line-height: 1.35em;
   overflow: hidden;
}
.top_item .center {
   text-align: center;
}
.convo {
   margin: 0 -15px;
   padding:5px 5px 0 5px;
   /*background-color: #F2F0F1;*/
}
.convo:after {
   clear: both;
   display: block;
   height: 0;
   content: " ";
   visibility: hidden;
}
.convo p {
   margin: 0 0 0 36px;
   overflow: hidden;
}
.convo .ImgLink {
   float: left;
   margin-right: 6px;
   width: 30px;
}
.convo .ImgLink img {
   width: 30px;
   height: 30px;
}
a.convo {
   display: block;
   padding: 12px 15px;
}
a.convo:hover {background-color: #f2f0f0;}
a.convo:active {color: #221919; background-color: #e1dfdf;}
/*.attribution {color: #ad9c9c;}*/
/*.attribution a {color: #8c7e7e;}*/
.attribution p {
   display: table-cell;
   max-width: 156px;
   height: 30px;
   vertical-align: middle;
}
.attribution .NoImage {height: auto; margin: 0;}
.comments {
   margin: 0 -15px;
   padding: 0 15px;
   border-top: 1px solid #d9d4d4;
}
.comments .comment {
   border-top: 1px solid #fcfafa;
   border-bottom: 1px solid #d9d4d4;
   overflow: hidden;
}
.comments .comment:last-child {border-bottom-width: 0;}
.comments .comment p {width: 156px;}
.write {
   border-top: 1px solid #d9d4d4;
   box-shadow: inset 0 1px #fcfafa;
   -moz-box-shadow: inset 0 1px #fcfafa;
   -webkit-box-shadow: inset 0 1px #fcfafa;
}
.write form {position: relative;}
.write textarea {
   width: 148px;
   height: 21px;
   padding: 4px 3px 3px;
   font-size: 11px;
   border: 1px solid #ccc;
}
/*
.write .tagmate-menu {
   left: 36px;
   right: 0;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}

.write .tagmate-menu-option {padding: 3px 8px;}
.write .tagmate-menu-option img {
   width: 26px;
   height: 26px;
   margin-right: 5px;
}
.write .tagmate-menu-option span {
   max-width: 107px;
   margin-top: 6px;
}
.write .tagmate-menu-option:first-child {
   padding-top: 5px;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}
.write .tagmate-menu-option:last-child {
   padding-bottom: 5px;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}
*/

.write .Button {
   display: none;
   float: right;
   clear: both;
   margin-top: 6px;
}

/* CELL BUTTONS
--------------------------------------------------------------------------------------- */
.top_item .actions {
   display: none;
   position: absolute;
   z-index: 2;
   top: 6px;
   right: 6px;
   left: 6px;
}
.top_item .actions div {position: absolute;}
.top_item .left {left: 55px;}
.top_item .right {right: 0;}
.top_item:hover .actions {display: block;}

.actions .WhiteButton.Button11 {
   position: relative;
   z-index: 1;
   padding: 5px 8px;
   border: 2px solid rgba(140,126,126,0.5);
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
}

.actions .WhiteButton.Button11 span {
   border-width: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
.actions .WhiteButton.Button11:hover span {
   box-shadow: inset 0 1px rgba(255,255,255,0.35), 0 1px 2px rgba(35,24,24,0.75);
   -moz-box-shadow: inset 0 1px rgba(255,255,255,0.35), 0 1px 2px rgba(35,24,24,0.75);
   -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35), 0 1px 2px rgba(35,24,24,0.75);
}
.actions .WhiteButton.Button11:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 1px rgba(232,230,230,0.5);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 1px rgba(232,230,230,0.5);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 1px rgba(232,230,230,0.5);
}
.actions .WhiteButton.Button11 em {
   position: relative;
   top: 1px;
   left: -2px;
   display: inline-block;
   width: 10px;
   height: 10px;
   background-image: url(../img/icon/ActionIcons10.png);
}
.actions .WhiteButton.Button11.disabled span {
   background: #f2f0f0;
   opacity: 1;
   filter: none;
}
.actions .WhiteButton.Button11.disabled:hover span {
   box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
}
.actions .WhiteButton.Button11.disabled:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25);
}
.actions .likebutton em {background-position: -11px 0;}
.actions .likebutton:hover em {background-position: -11px -10px;}
.actions .likebutton:active em {background-position: -11px -20px;}
.actions .comment em {background-position: -21px 0;}
.actions .comment:hover em {background-position: -21px -10px;}
.actions .comment:active em {background-position: -21px -20px;}
.actions .comment.disabled em {background-position: -21px -30px;}

/* White Button */
.WhiteButton {
   color: #524d4d;
   text-shadow: 0 1px rgba(255,255,255,0.9);
}
.WhiteButton:hover {
   color: #666060;
   text-shadow: 0 1px rgba(255,255,255,1);
}
.WhiteButton:active {
   color: #454141;
   text-shadow: 0 1px rgba(255,255,255,0.8);
}
.WhiteButton span {
   border-color: #bbb;
   background-color: #f0eded;
   background: -moz-linear-gradient(center top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
   background: -o-linear-gradient(top left, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfafb), to(#f0eded), color-stop(.5,#f9f7f7),color-stop(.5,#f6f3f4));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');
}
.WhiteButton:hover span {
   border-color: #c3c3c3;
   background-color: #f2f0f0;
   background: -moz-linear-gradient(center top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0);
   background: -o-linear-gradient(top left, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfcfc), to(#f2f0f0), color-stop(.5,#fbf9f9),color-stop(.5,#f7f5f6));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
}
.WhiteButton:active span {
   border-color: #b7b7b7;
   background-color: #ebe8e8;
   background: -moz-linear-gradient(center top, #f8f4f5, #f3f0f0 50%, #f1eeef 50%, #ebe8e8);
   background: -o-linear-gradient(top left, #f8f4f5, #f3f0f0 50%, #f1eeef 50%, #ebe8e8);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f4f5), to(#ebe8e8), color-stop(.5,#f3f0f0),color-stop(.5,#f1eeef));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f4f5', endColorstr='#ebe8e8');
}
.WhiteButton.Button11:hover span {
   box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);
   -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);
   -webkit-box-shadow:  0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);
}
.WhiteButton.Button11:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 1px rgba(232,230,230,0.5);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 1px rgba(232,230,230,0.5);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 2px rgba(232,230,230,0.5);
}
/*
.WhiteButton.Button13:hover span {
   box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 6px rgba(232,230,230,0.75);
   -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 6px rgba(232,230,230,0.75);
   -webkit-box-shadow:  0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 6px rgba(232,230,230,0.75);
}
.WhiteButton.Button13:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 2px rgba(232,230,230,0.5);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 2px rgba(232,230,230,0.5);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 2px rgba(232,230,230,0.5);
}
.WhiteButton.Button18:hover span {
   box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
   -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
   -webkit-box-shadow:  0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
}
.WhiteButton.Button18:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 3px rgba(232,230,230,0.5);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 3px rgba(232,230,230,0.5);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 3px rgba(232,230,230,0.5);
}
.WhiteButton.Button24:hover span {
   box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 14px rgba(232,230,230,0.75);
   -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 14px rgba(232,230,230,0.75);
   -webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 14px rgba(232,230,230,0.75);
}
.WhiteButton.Button24:active span {
   box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 4px rgba(232,230,230,0.5);
   -moz-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 4px rgba(232,230,230,0.5);
   -webkit-box-shadow: inset 0 1px 2px rgba(34,25,25,0.25), 0 0 4px rgba(232,230,230,0.5);
}
*/

/* BUTTONS
--------------------------------------------------------------------------------------- */
.Button {
   position: relative;
   display: inline-block;
   padding: .45em .825em .45em;
   text-align: center;
   line-height: 1em;
   border: 1px solid transparent;
   border-radius: .3em;
   -moz-border-radius: .3em;
   -webkit-border-radius: .3em;
   -moz-transition-property: color, -moz-box-shadow, text-shadow;
   -moz-transition-duration: .05s;
   -moz-transition-timing-function: ease-in-out;
   -webkit-transition-property: color, -webkit-box-shadow, text-shadow;
   -webkit-transition-duration: .05s;
   -webkit-transition-timing-function: ease-in-out;
   box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
   -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
   -webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
}
.Button:hover {text-decoration: none;}
.Button strong {position: relative; z-index: 2;}

.Button span {
   position: absolute;
   z-index: 1;
   top: -1px;
   right: -1px;
   bottom: -1px;
   left: -1px;
   display: block;
   border: 1px solid;
   opacity: 1;
   border-radius: .3em;
   -moz-border-radius: .3em;
   -webkit-border-radius: .3em;
   box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.5s;
   -moz-transition-timing-function: ease-in-out;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-in-out;
}

.Button:hover span {
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.05s;
   -moz-transition-timing-function: linear;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.05s;
   -webkit-transition-timing-function: linear;
}

.Button:active span {
   -moz-transition: none;
   -webkit-transition: none;
}
.Button11,
.Button11 span {
   font-size: 11px;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
/*
.Button13,
.Button13 span {
   font-size: 13px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
.Button18,
.Button18 span {
   font-size: 18px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
}
.Button24,
.Button24 span {
   font-size: 24px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
*/

#ScrollToTop {
   right: 15px;
   bottom: -10px;
   width: 50px;
   padding: 20px 10px 30px;
   -moz-transition: bottom 250ms ease-in-out;
   -webkit-transition: bottom 250ms ease-in-out;
}

#ScrollToTop.Offscreen {
   bottom: -100px;
   -moz-transition-duration: 250ms;
   -webkit-transition-duration: 250ms;
}


.Button.Indicator {
   position: fixed;
   z-index: 3;
   display: block;
   text-align: center;
   font-size: 15px;
   border-width: 0;
   box-shadow: 0 0 #fff;
   -moz-box-shadow: 0 0 #fff;
   -webkit-box-shadow: 0 0 #fff;
}

.Button.Indicator span {
   border-width: 0;
   box-shadow: 0 1px 3px rgba(34,25,25,0.5);
   -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.5);
   -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.5);
}