/* Remember that all styles for components are here, not in their folder\.css files! */

/* these are used among many content pages */
.details-arrow {
 vertical-align:middle;
}

#content { 							/* main div for non-catalog pages, content links are underlined by default */
 border: 1px solid #000000;
 min-height: 460px;
 padding: 31px 23px 18px 23px;
}

#content a:link {
 text-decoration:underline;
}

#content a:visited {
 text-decoration:underline;
}

#content a:active {
 text-decoration:underline;
}

#content a:hover {
 text-decoration:underline;
}

#breadcrumb_current {
 color:#ffffff;
}

.input-field {      /* all input fields are of the same size... */
 width:135px;
 height:19px;
 font-size:7pt;
}

/* Page navigation module layout - it is used among many pages */

#pagenav a:link {
 color:#000000;
 text-decoration:underline;
}

#pagenav a:visited {
 color:#000000;
 text-decoration:underline;
}

#pagenav a:active {
 color:#000000;
 text-decoration:underline;
}

#pagenav a:hover {
 color:#000000;
 text-decoration:underline;
}

/* contact page layout */

#contacts {
 border: 1px solid #000000;
 min-height: 460px;
 padding: 31px 23px 18px 23px;
}

#contacts p {
 font-weight:bold;
}

#contacts img {
 padding:16px 0 16px 0;
}

#contacts a:link {
 color:#818285;
 text-decoration:underline; 
}

#contacts a:visited {
 color:#818285;
 text-decoration:underline; 
}

#contacts a:active {
 color:#818285;
 text-decoration:underline;
}

#contacts a:hover {
 color:#818285;
 text-decoration:underline; 
}

/*catalog layout - levels 1 and 2*/
#catalog-top {
 overflow: hidden;
 width: 678px;
 vertical-align: middle;
 text-align: center;
 border-color: #000000;
 border-width: 0 0 1px 1px;
 border-style: solid;
}

#catalog-top TD {
 width: 169px;
 height: 258px;
 border-color: #000000;
 border-width: 1px 1px 0 0;
 border-style: solid;
}

/* catalog layout - level 3 (sections and elements together) */
#catalog-list-sections {
 overflow: hidden;
 width: 678px;
 vertical-align:middle;
 border-color: #000000;
 border-width: 0 0 1px 1px;
 border-style: solid;
 text-align:center;
}

#catalog-list-sections TD {
 width: 169px;
 height: 258px;
 border-color: #000000;
 border-width: 1px 1px 0 0;
 border-style: solid;
}

#catalog-list-sections TD div {
 margin: 10px 0 0 10px;
 text-align:left;
}

#catalog-list-elements {
 overflow: hidden;
 width: 678px;
 vertical-align:middle;
 text-align:center;
 margin-top:-1px;
 border-color: #000000;
 border-width: 0 0 1px 1px;
 border-style: solid;
}

#catalog-list-elements TD {
 width: 169px;
 height: 258px;
 border-color: #000000;
 border-width: 1px 1px 0 0;
 border-style: solid;
}

/* catalog layout - level 4 (list of element colors) */
#catalog-content { 					/* main div both for level 4 and level 5 */
 border: 1px solid #000000;
 padding: 14px 23px 18px 23px;
 min-height: 460px;
 height: auto;
 overflow:hidden;
}

#catalog-colors-left {
 float:left;
}

#catalog-colors-picture {
 border: 1px solid #000000;
 margin:0 30px 5px 0;
 padding: 15px 40px 15px 40px;
}

#catalog-colors-right {
 margin-top:5px;
}

.color-square {
 border: 1px solid #000000;
}

#color-element-list {
 margin-bottom:20px;
}

#color-element-list TD {
 padding:0 10px 2px 0;
}

#catalog-colors-info{
 padding-top:10px;
}

#catalog-colors-description{
 width:330px;
}

#element-additional-foto { /* table with additional photos - both for lvl 4 and 5 */
 margin-bottom:5px;
 margin-left:-5px;
}

#element-additional-foto TD {
 height: 50px;
 width: 50px;
 border: 1px solid #000000;
 text-align: center;
 vertical-align:middle;
}


/* catalog layout - level 5 (element page) */

#catalog-element-picture {
 border: 1px solid #000000;
 float:left;
 margin:0 30px 10px 0;
 padding: 15px 40px 15px 40px;
}

#catalog-element-info {
 margin-top:15px;
}

#catalog-element-price {
 padding:10px 0 10px 0;
}

#catalog-element-materials {
}

#catalog-element-materials TD{
 vertical-align:top;
 padding-right:10px;
}

#catalog-element-materials TD table TD{
 padding-right:5px;
}

#catalog-element-other-info{
 clear:both;
}

/*  search page layout */

#search_f_large {
 font-size:7pt;
 width:180px;
 height:19px;
}

.search-result a:link {
 text-decoration:underline;
}

.search-result a:visited {
 text-decoration:underline;
}

.search-result a:active {
 text-decoration:underline;
}

.search-result a:hover {
 text-decoration:underline;
}

#search-page-operators {
 font-size: 8pt;
}

/* subscribe module layout */
/* these are used among all module pages */

#subscr-req {
 font-size:7pt;
}

.subscr-left {
 margin-top:10px;
 width:220px;
 margin-bottom:10px;
}

.subscr-right {
 float:right;
 width:400px;
 margin:20px 0 0 10px;
}

.subscr-inner {
 margin-top:10px;
}

 /* subscription authorization page - auth form + 'forgot password' form*/

#subscr-auth-note {
 padding-top:27px;
}

#subscr-reg-note {
 padding-top:15px;
}


#auth_submit_b {
 vertical-align:middle;
 margin-top:5px;
}

#auth_forgot_submit_b {
 vertical-align:middle;
 margin-top:5px;
}

 /* registration page itself - existing user authorisation section */

#subscr_auth_submit_b {
 vertical-align:middle;
 margin-top:5px;
}

#subscr_reg_register_b {
 vertical-align:middle;
 margin-top:5px;
}

 /* settings section */

#subscr-settings-note {
 padding-top:15px;
}

#subscr_set_change_b {
 vertical-align:middle;
}

 /* subscription confirmation form */

#subscr_conf_submit_b {
 vertical-align:middle;
 margin-top:5px;
}

 /* subscription status page */

#subscr-status-data {
 font-size:8pt;
 margin:10px 0 10px 0;
 width:460px;
}

#subscr-status-data TD {
 width:50%;
}

#subscr_status_unsubscr_b {
 vertical-align:middle;
 margin-top:5px;
}

#subscr_status_activate_b {
 vertical-align:middle;
 margin-top:5px;
}