body {background-color:white}

.container{background-color:white;  }

.color-head{color:#c18b2f;}

.se-line {
    height:1px;
    background-color:gray;
    padding:0px;
    margin:0px;
}

.se-header-line {border-bottom:1px solid green;}

.header-caption {
    text-align:center;
}

.catalog-item {
    border:1px solid #cccccc;
    border-radius: 8px;
    padding:4px;
    text-align:center;
    margin-bottom:15px;
}
.catalog-item-caption {
    min-height:40px;
    font-size:1.6em;
}

.catalog-item-img {
    max-height:250px;
    margin-bottom:12px;
}
.catalog-item-man {
    color:gray;
}
.catalog-item-sizes {
    color:gray;
}

ol > li {margin-bottom:12px;}


.well {background:#ffffff;}


/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
text {
    max-width: 280px;
}

.limit-width {
    max-width: 280px;
}

.article-list-img{
    max-height:250px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

#account-signup-form-area .form-group,
#login-form-area .form-group{
    margin-left:30px;
}

#account-signup-form-area button,
#login-form-area button{
    margin-left:0;
}

/*************** LINKS *****************/

.white-link a { color:#f1c2a0;}

.white-link a:hover { color:yellow;}

a[title]:hover:after {
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;

  /*z-index:  20px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);

}

.navbar {
    margin-bottom:0;
    border-bottom:1px solid gray;
}

.btn-main{
    background-color:cornflowerblue;
    color:white;
}

.btn-main:hover{
    background-color:cornflowerblue;
    color: gold;
}


.btn-main:active{
    background-color:cornflowerblue;
    color:goldenrod;
    border:thin solid white;
}



/************** Dropdown Submenus ****************/

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
}

.field-validation-error span {
        color:red;
    }