@CHARSET "UTF-8";
body {
}

#ot-brochureform {
    margin: 0;
    padding: 0;
}

/********  MAIN FONTS AND COLORS*/
/*  inputs */
#ot-brochureform input, #ot-brochureform textarea, #ot-brochureform select {
    font-size: 11px;
    margin-top: 4px;
    font-family: Verdana;
    border: 1px solid #d3d3d3;
}

/*  label */
#ot-brochureform .label {
    color: #565656;
    font-size: 10px;
    font-family: verdana;
}

/* error background color */
#ot-brochureform .ot-error input, #ot-brochureform .ot-error textarea, #ot-brochureform .ot-error select {
    background-color: #ffeeff;
}

/*  right icon on error */
#ot-brochureform .ot-icon {
    /*
     background-image:url(http://lh3.ggpht.com/_BuGtj8thGc0/SRpk0uNi1FI/AAAAAAAAAKg/7k_TFQGUeQA/image%5B40%5D.png) ;
     
     */
    background-position: 5px -14px;
    background-repeat: no-repeat;
}

/*   BUTTON   */
input.ot-button {
    width: 100px !important;
    font-weight: bold;
    font-size: 12px !important;
    background: #66a44a;
    border-color: #3b6e22 !important;
    color: white;
}

/*****   BOTTOM ERROR   */
div.cont-errormessage {
    border: 1px solid red;
    padding: 10px;
    margin-left: 150px;
    width: 280px;
    display: none;
    color: #333333;
    background: #ffffff;
    font-family: verdana;
    font-size: 10px;
    text-align: center;
}

/******** END MAIN FONTS AND COLORS*/
/*  ICON NEXT TO FIELD */
#ot-brochureform .ot-icon {
    display: inline-block; /* for jquery to know how display it back*/
    display: none !important;
    width: 1px;
    height: 1px;
    float: left;
    margin: 1px 0 0 0px;
}

/*   INPUTS   */
#ot-brochureform input, #ot-brochureform textarea {
    padding: 3px 4px;
    margin: 0;
    width: 285px;
    display: block;
    clear: both;
}

#ot-brochureform textarea {
    height: 85px;
    width: 620px;
}

.rowitemmessage {
}

/* LAYOUT */
/* LABEL  */
#ot-brochureform .label {
    padding: 0;
    margin: 3px 10px 0 0;
    display: block;
}

#ot-brochureform .ot-label {
    overflow: hidden;
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
}

#ot-brochureform .ot-label * {
    display: inline;
}

/*  ROW (label+field+icon)*/
.ot-rowitem {
    margin-bottom: 10px;
    margin-left: 15px;
    height: auto;
    overflow: hidden;
}

.formcolleft {
    width: 319px;
    display: inline-block;
    float: left;
    margin-right: 00px;
    padding-right: 15px;
    border-right: 1px solid #d8d8d8;
}

.formcolright {
    width: 310px;
    display: inline-block;
    float: left;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
