// Header
//------------------------------------------------------

   @import "compass/css3";
   @import "compass/utilities";

.header{
   padding:25px 0 30px;
   
   .logo{
      margin-top:10px;
   }
   .header-cart{
      p{
         text-align:left;
         margin:9px 15px 9px 10px;
         width:124px;
         padding:4px 0;
         border-right:1px solid #d2d2d2;
         display:inline-block;
      }
      a{
         text-decoration:underline;
         margin:13px 0;
         display:inline-block;
         
         &:hover{
            text-decoration:none;
         }
      }
   }
   .header-login{ 
      position:relative;  
      p{
         margin-bottom:0px;
         
         a{
            color:$link-color;
         }
      }
      .log{
         
         &.opened{
            color:$alter-link-color;
         }
         
         margin-right:10px;
         .caret{
            margin-left:5px;
         }
      }
      #login{
         width:285px;
         position:absolute;
         z-index:20;
         top:30px;
         right:15px;
         display:none;
         @include box-shadow(#c9c9c8 0px 0px 10px);
         
         .login-content{
            padding:15px 20px;
            background-color:#FFFFFF;
         }
         &.logged:before{
            right:0%;
         }
         &:before{
            content:"";
            position:absolute;
            top:-5px;
            right:32%;
            height:5px;
            width:91px;
            background-color:#FFFFFF;
            @include box-shadow(#c9c9c8 0px 0px 10px);
            z-index:-5;
         }
         ul{
            padding:0px;
            color:$font-color-light;
            list-style:none;
         }
         form a{
            color:$alter-link-color;
         }
      }
   }
   form{
      margin-top:15px;
   }
}
