html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, -menu, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight:normal;
}
body {
     
        font-family:'byekan'; font-weight:normal;
 }


/*font-face*/
:lang(en) {
    font-family:Arial,Verdana,Tahoma;
}

@font-face {
    font-family: "byekan";
    src: url( "/media/fonts/byekan.eot" ), url( "/media/fonts/byekan.woff" ) format( "woff" ), url( "/media/fonts/byekan.ttf" ) format( "truetype" );
    font-style: normal;
}

ul
{
     list-style:none; padding:0px; margin:0px;
}  

  a
{
     text-decoration:none;
}
a img
{
     border:none;
}
.clear
{
     float:right; clear:both;
}
.bold
{
     font-weight:bold;
}
.large
{
     font-size:large;
}
.small
{
     font-size:small;
}
.medium
{
     font-size:medium;
}
.fontSize
{
   font-size:10px; 
}
.fontSize1
{
   font-size:11px; 
}

.fontSize2
{
   font-size:12px; 
}

.fontSize3
{
   font-size:13px; 
}
.fontSize4
{
   font-size:14px; 
}
.fontSize5
{
   font-size:2em; 
}
.fontSize25
{
   font-size:25px; 
}
.relative
{
     position:relative;
}
.absolute
{
     position:absolute;
}
 .border
 {
     border:1px solid #e1e1e1;
 }

.hidden
{
    display:none;
}

.rtl
{
    text-align:right; direction:rtl;
}
.ltr
{
    text-align:left; direction:ltr;
}

.right
{
     float:right; text-align:right; direction:rtl;
}
.left
{
     float:left; text-align:left; direction:ltr;
}
.white
{
   color:  #fff;
}
.black
{
   color:  #000;
}
.red
{
      color:Red;
}
.green
{
     color:Green;
}
.blue
{
     color:blue;
}
.yellow
{
     color:#F90;
}
.gray
{
     color:Gray;
}
.gray-l
{
     color:#e1e1e1;
}
.width-s
{
     width:50px;
}
.width-s1
{
     width:75px;
}
.width-s2
{
     width:100px;
}
.width-m
{
     width:125px;
}
.width-m1
{
     width:150px;
}
.width-m2
{
     width:175px;
}
.width-l
{
     width:200px;
}
.width-l1
{
     width:225px;
}
.width-l2
{
     width:250px;
}
.marginTop
{
     margin-top:5px;
}
.marginBottom
{
     margin-bottom:5px;
}
.marginLeft
{
     margin-left:5px;
}
.marginRight
{
     margin-right:5px;
}
.marginRL
{
     margin:0 10px;
}
.marginRL2
{
     margin:0 20px;
}
.marginTB
{
     margin:10px 0px;
}
.marginTB2
{
     margin:20px 0px;
}
.center
{
     text-align:center;
}
.margin
{
  margin: 5px;
}
.marginRL
{
    margin:0px 10px;
}
.marginTB
{
    margin:10px 0px;
}
.padding
{
    padding:10px;
}
.paddingRL
{
    padding:0px 10px;
}
.paddingTB
{
    padding:10px 0px;
}

.padding5
{
    padding:5px;
}
.padding5RL
{
    padding:0px 5px;
}
.padding5TB
{
    padding:5px 0px;
}



.cursor
{
     cursor:hand; cursor:pointer;
}

.dotted
{
     border-bottom:1px dotted gray; padding: 5px 0px; width:100%;
}

.triangle
{
    width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 28px 30px;
border-color: transparent transparent #878e96 transparent;
}


.divLoading
{
     border:1px solid #e1e1e1; padding:5px; width:130px; height:40px; background-color:White; text-align:center;
}
.divLoading label
{
     font-size:small; color:Gray;
}
.divLoading img
{
}
 .divloadingCan
 {
      width:90px; height:60px; 
      position:absolute; top:1px; left:1px; 
       text-align:center;
        background-color:White; border:1px solid black; padding:5px;
 }
 .divloadingCan .divloadingIcon
 {
      width:32px; height:32px; 
       background-image:url('/Areas/Admin/Media/image/LoadingGif/loading1.gif');
        background-repeat:no-repeat;
         background-position:center;
         margin:0 auto;
 }
  .divloadingCan .loadingText
 {
       font-size:11px; color:Gray;
 }
 /******************************/
  .divloadingCan2
 {
      width:98%; height:50px; 
        text-align:center;
       border:0px solid black; padding:1%;
 }
 .divloadingCan2 .divloadingIcon2
 {
      width:32px; height:32px; 
       background-image:url('/Areas/Admin/Media/image/LoadingGif/loading1.gif');
        background-repeat:no-repeat;
         background-position:center;
         margin:0 auto;
 }
  .divloadingCan2 .loadingText2
 {
       font-size:11px; color:#fff;
 }
 /*******************************************************/

    .divNoteBox
    {
        direction:rtl; text-align:right;  width:100%;  float:right; padding:0px; margin:0px;  
    }
     .divNoteIcon
    {
         height:32px; width:32px; border:0px solid black;  float:right; margin:40px 20px 0 0;  
    }
       .divNoteTxt
    {
         float:right; font-size:small; font-weight:bold;   margin:20px 5px 20px 0; padding:30px 0;
    }
    
    .NoteOkBox
    {
        background-color: #CCFFCC; border:2px solid #669900
    }
     .NoteFailBox
    {
        background-color: #FFCCFF; border:2px solid #FF0066
    }
     .NoteWarnBox
    {
       background-color: #FFFFCC; border:2px solid #FF9900
    }
    .NoteFailIcon
    { 
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
    
    }
      .NoteOkIcon
    {
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);

    }
      .NoteWarnIcon
    {
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/warn.png);

    }
    /********************************************************************************************/
     .divNoteBox3
    {
        direction:rtl; text-align:right;    float:right; padding:0px; margin:0px;  
        width:50%; position:fixed; min-height:200px; border:1px solid gray; z-index:999999999999999;
    }
     .divNoteIcon3
    {
         height:32px; width:32px; border:0px solid black;  float:right; margin:40px 20px 0 0;  
    }
       .divNoteTxt3
    {
         float:right; font-size:small; font-weight:bold;   margin:20px 5px 20px 0; padding:30px 0;
    }
    .divNoteClose3
    {
         cursor:hand; cursor:pointer;
                 height:26px; width:26px;  

                         background-image:url(/Areas/Admin/Media/image/close/1356376134_close.png);

    }
    .NoteOkBox3
    {
        background-color: #fff; border:2px solid gray
    }
     .NoteFailBox3
    {
        background-color: #fff; border:2px solid gray
    }
     .NoteWarnBox3
    {
       background-color: #fff; border:2px solid gray
    }
    .NoteFailIcon3
    { 
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
    
    }
      .NoteOkIcon3
    {
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);

    }
      .NoteWarnIcon3
    {
                 background-image:url(/Areas/Admin/Media/image/notifyIcon/warn.png);

    }
      .divNoteFooter3
      {
          float:right; clear:both;
      }
         .divNoteFooter3 a
      {
          float:right;  margin:0px 28px; color:gray;
      }
    /************************************************************************************************/
    
    .divWall
    {
        	position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:9999999999999999;
				 opacity:0.8; -moz-opacity: 0.70;filter: alpha(opacity=70);
    }


     .div-popup-can
     {
                 direction:rtl; text-align:right;    padding:0px; margin:0px;  
        width:50%; position:fixed;  border:1px solid gray; z-index:999999999999999;
         background-color:#fff; border:1px solid gray;min-height:400px;

     }

  .div-popup-can-head
  {
        background-color:#e1e1e1; float:right; width:100%;

  }
    .div-popup-can-head h3
  {
         display:inline-block; float:right; padding:5px; color:maroon;
  }
    .sp-close-popup
    {
        display:inline-block; width:26px; height:26px;   cursor:hand; cursor:pointer; float:left;
        background-image:url('/Areas/Admin/Media/image/close/1356376134_close.png');
    }
   .div-popup-can-body
  {
        min-height:360px; float:right; width:100%; position:relative;

  }
    .div-popup-can-foot
  {
               min-height:10px; background-color:#e1e1e1; float:right; width:100%;

  }
  
     #popupBackground{
				
				position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:10000;
				 opacity:0.8;
				 -moz-opacity: 0.70;
filter: alpha(opacity=70);
			}
    .popupBackground{
				
				position:fixed;
				_position:absolute; /* hack for internet explorer 6*/
				height:100%;
				width:100%;
				top:0;
				left:0;
				background:#000000;
				border:1px solid #cecece;
				z-index:10000;
				 opacity:0.8;
				 -moz-opacity: 0.70;
filter: alpha(opacity=70);
			}
			
			#divCtrlBoxInBody
			{
			     position:absolute;  z-index:99999; background-color:#fff; width:90%;
			}
            #divCtrlBoxInBody-head
            {
                 background-color:Gray; width:100%; height:45px;
            }
            
            #div-close-ctrlBox
            {
                 float:left; 
            }
			
            /****************************************************************************************************************************************/
/* Product Pic Slider */
/****************************************************************************************************************************************/
#divProductPicSliderCan
{
     float:right; clear:both; width:100%;  min-height:600px; border:0px solid #000;
      background-color:#fff; position:relative;
}


#divColors_pps
{
        border: 1px solid red;
     width: 100%;
  position: absolute; z-index:1;
}
.aColor_pps
{
      float:right; width:32px; height:32px; margin:3px; border:1px solid #000;
}
#divColors_pps a:hover
{
  border:0px solid red;
}


#divEnLargePic_pps
{
    
     float:right; clear:both;    width:100%; text-align:center;
}
#divEnLargePic_pps img
{
    max-width:100%; margin:0 auto;
    
 }
 
 
#divEnLargePic_text_pps
{
    float: right;
  overflow: hidden;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 0 0 0;
  border: 0px solid red;
   
  min-height: 30px;
  width: 94%;
  padding: 5px 3%;
  /*position: absolute;*/
  background-color: #171717;
  opacity: 0.7;
  color: rgb(255, 0, 102);
  font-size: 30px;
}

#divThumbnails_pps
{
    float:right; clear:both;
      width:100%;  background-color: #F7F6F6;
  height: 100%;
}
.aThumbnails_pps
{
          float:right; width:95%; height:90px;   border:1px dashed #000; overflow:hidden;
           background-color:#fff; margin:1%; text-align:center;
}
#divThumbnails_pps a:hover
{
     border:1px dashed red;  
}
#divThumbnails_pps a img
{
    max-width:100%; max-height:100%; margin:0 auto;
}
 
  .aColor_pps_active{  border:1px solid red;   } 
  
   .aThumbnails_pps_active{  border:1px solid red;   }


#aClosePPS
{
    color: #000;
  font-weight: bold;
  font-size: 12px;
   border: 1px solid gray;
  background-color: #FF0066;
   width:98%; padding:13px 0;
    float:right; text-align:center;
}
#div-productpic-slide1
{
     width:90%; float:right; position:relative;
}
#div-productpic-slide2
{
     width:10%; float:left; position:relative;
         
}
#div-box-load-back
{

}
#div-box-load
{
    width:100%; position:absolute; top:0px; left:0px; z-index:9999999;
}
/****************************************************************************************************************************************/

/************************/
#divProductCompareCan
{
     width:100%;  float:right; min-height:600px; background-color:#fff; position:relative;
     
}
#divProductCompareCan table
{
       float:right; margin:0px; padding:0px;
       border-collapse:collapse;
border-spacing: 1px;
border-color: gray;
}

.divHeadTable
{
       float:right; clear:both; width:205px; height:80px;  overflow:hidden; background-color:#fff; position:relative;
        border:1px dotted gray;
        border-bottom:4px solid #000;
}
.divHeadTable img
{
     height:50px;
 }
.divHeadTable h3
{
     margin:0; padding:0;
 }

.aDeleteCompare
{
     position:absolute; top:0; left:0; color:Red;  font-weight:bold; font-size:12px;
      background-image:url(/Areas/Admin/Media/image/close/6.png); width:16px; height:16px;
}
.tdCompareItemTitle
{
    background-color: #606261; color:#fff;
    width: 206px;
    overflow: hidden;
    border-bottom: 1px dotted #000;
     height:45px; padding: 0 10px;
}

.tdCompareItemValue_odd
{
   width:200px; background-color:#fff;  border-bottom:1px dotted #000;  height:45px; text-align:center;
}
.tdCompareItemValue_even
{
      width:200px;   background-color:#e1e1e1;  border-bottom:1px dotted #000;  height:45px; text-align:center;
}
#aCloseCompareList
{
     float:left;  padding:5px 10px; color:White; font-weight:bold; font-size:13px; background-color:rgb(244, 120, 120);
     
}
#aClearCompareList
{
         float:left;  padding:5px 10px; color:White; font-weight:bold; font-size:13px; background-color:Gray;

}
.tbl_compare2
{
     float:right; clear:both; margin:0px; padding:0px;
     
}
.tdCompareItemValue
{
     
}

#aProductCompareList
{
 z-index: 99999999;
position: fixed;
bottom: 5px;
left: 5px;
width: 88px;
height: 87px;float: left;
background-color: #F47878;
-webkit-border-radius: 100px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomleft: 0;
border-radius: 100px;
border-bottom-left-radius: 0;
}

#spCompareList
{
/* float: left; */
/* clear: both; */
color: #fff;
width: 100%;
text-align: center;
position: absolute;
top: 30px;}

#spCompareCount
{   color:#000; font-weight:bold; font-size:15px; width:100%; text-align:center;
     position:absolute; top:50px;

} 



 

    /***************************************************************/

    #divFileUploader
{
     background-color:Gray; width:400px; z-index:9999900; position:absolute; border:5px solid black; padding:10px; float:right;
}
#divCloseUploadForm
{
   width:24px; height:24px; background-image:url('/Areas/Admin/Media/image/close/7.png'); cursor:hand; cursor:pointer; position:absolute; top:0px; left:0px;
}
#divResultUpload
{
     float:right; padding:5px; width:200px;
}

/*Loading ----------------------------------------------------------------------*/
     .spinner {
         width: 70px;
        text-align: center;
    }

        .spinner > div {
            width: 18px;
            height: 18px;
            background-color: #333;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
            animation: bouncedelay 1.4s infinite ease-in-out;
            /* Prevent first frame from flickering when animation starts */
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0.0);
        }

        40% {
            -webkit-transform: scale(1.0);
        }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }

        40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }
 /*Loading ----------------------------------------------------------------------*/
 .spinner2 {
   width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner2 > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner2 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner2 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner2 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner2 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
 /*Loading ----------------------------------------------------------------------*/
.blink_me {
      background-color: rgb(7, 215, 113) !important;
  color: #fff !important;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 800ms;
  animation-timing-function: cubic-bezier(0, 0.63, 0.46, 1.15);
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.blink_me2 {
   background-color: #333  !important;

  border-radius: 100%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}