/*****   Catalog.CSS   ********
**       Chuck Crandall      **
**       12/2003             **
******************************/




.document_type{
    position:relative;
    background: #ffffff; 
    left: -2px; 
    top: -2px; 
    border: 1px solid #757575;
}

/* Business Card Landscape*/
.type0{ 
    position:absolute;
    background: #bababa;
    left: 110px;
    top:  120px;
}
.dt0{ 
    position:relative;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial;
}
.title0{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:43px;
    display:none;
}

/* Letterhead */
.type1{ 
    position:absolute;
    background: bababa;
    left: 0px;
    top:  10px;
}
.dt1{
    position:absolute;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial;    
}
.title1{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:215px;
    left:10px;
    display:none;
}

/* Envelope */
.type2{
    position:absolute;
    background: bababa;
    left: 50px;
    top:  65px;
}
.dt2{ 
    position:relative;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial;
}
.title2{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:80px;
    display:none;
}

/* Business Card - Portrait */
.type3{
    position:absolute;
    background: bababa;
    left: -5px;
    top:  120px;
}
.dt3{ 
    position:relative;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial;
}
.title3{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:70px;
    display:none;
}

/* Magnet Card - Landscape */
.type4{
    position:absolute;
    background: bababa;
    left: 190px;
    top:  58px;
    visibility: hidden;
}
.dt4{ 
    position:relative;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial; 
}
.title4{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:43px;
    display:none;
}

/* Magnet Card - Portrait */
.type5{ 
    position:absolute;
    background: bababa;
    left: 210px;
    top:  120px;
    visibility: hidden;
}
.dt5{ 
    position:relative;
    top:4px;
    left:20px;
    font-size:3px;
    font-family:arial;
}
.title5{
    position:absolute;
    font-size:9px;
    font-family:arial;
    color:#353535;
    top:70px;
    display:none;
}

.individual{
    position:relative;
    top:    100px;
    left:   200px;
}

.display{
    position:relative;
    top:    0px;
    left:  20px;
}


.preview_available{
    position:relative;
    top:    0px;
    left:   0px;
}

.select{
    position:relative;
    top:    0px;
    left:   20px;
}

span.preview_title {
  font-size:18px;
  font-family:arial;
  font-weight:bold;
  text-align:center;
  color:#535353;
}

.catalog_main {
    border-style:solid;
    border-width:1px;
    border-color:#e3e3e3;
}
.catalog_text {
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    color:white;
    margin-left:6px;
}
.catalog_body {
    border-style:solid;
    border-width:1px;
    border-color:#E5E6E7;
}
.catalog_box {
    margin-top:2px;
    margin-left:3px;
    margin-bottom:2px;
    margin-right:3px;
    height:16px;
    font-family:arial;
    font-size:10px;
    border-style:solid;
    border-width:1px;
}

.catalog_input {
    margin-top:2px;
    margin-left:3px;
    margin-bottom:2px;
    margin-right:3px;
    height:18px;
    font-family:arial;
    font-size:10px;
}

.fav_color{
    background-color:#FFFFFF;
}

H3.title{
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

BR.spacer{
    font-size:4px;
}
BR.qspace{
    font-size:10px;
}

.doctypes{
    font-size:9px;
}

.questions{
    font-family:arial;
    font-size:13px;
}

.smalltext{
    font-family:arial;
    font-size:10px;
}

.mediumtext{
    font-family:arial;
    font-size:12px;
}

.dotted_rb{
    border-right:   1px dotted #afafaf;
    border-bottom:  1px dotted #afafaf;
}

.progress_title{
    font-family:      arial;
    font-size:        11px;
    font-weight:      bold;
    letter-spacing:   1px;
    color:            #575757;
}

.border_r{
    border-right:   1px solid #A7A4A4;
}
.border_l{
    border-left:    1px solid #A7A4A4;
}
.border_t{
    border-top:     1px solid #A7A4A4;
}
.border_b{
    border-bottom:  1px solid #A7A4A4;
}
.border_br{
    border-bottom:  1px solid #A7A4A4;
    border-right:   1px solid #A7A4A4;
}
.border_tr{
    border-top:     1px solid #A7A4A4;
    border-right:   1px solid #A7A4A4;
}
.border_trb{
    border-top:     1px solid #A7A4A4;
    border-bottom:  1px solid #A7A4A4;
    border-right:   1px solid #A7A4A4;
}
.border_trbl{
    border-top:     1px solid #A7A4A4;
    border-bottom:  1px solid #A7A4A4;
    border-right:   1px solid #A7A4A4;
    border-left:    1px solid #A7A4A4;
}

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

.main_nav{
    font-family:    arial;
    font-size:      12px;
    font-variant:   small-caps;
    color:          #353535;
    vertical-align: bottom;
}

.side_nav{
    font-family:    arial;
    font-size:      12px;
    font-variant:   small-caps;
    color:          #fafafa;
    text-align:     left;
    
}

.side_color{
    background-color:   #B78B5F/*#8A9689*/;
}

.top_color{
    background-color:   #E2D4C4/*#C4CFC4*/;
    border-top:     1px solid #A7A4A4;
    border-bottom:  1px solid #A7A4A4;
    border-right:   1px solid #A7A4A4;
}

.main_footer{
    vertical-align: top;
    font-family:    arial;
    font-size:      9px;
    color:          #4A5150;
}

.logo{
    border-top:     10px solid #ffffff;
    border-left:    10px solid #ffffff;
    border-right:   10px solid #ffffff;
}

.section_title{
    font-size: 16px;
    font-family:arial;
    font-weight:bold;
    color: #555555;
    margin-top: 5px;
    margin-bottom: 4px;
    margin-left:  5px;
}

HR{
    margin-top:     1px;
    margin-bottom:  1px;
}

.db_text{
    font-family:    arial;
    font-size:      10px;
    color:          #353535;
    text-align:     center;
}

.admin_input {
    margin-top:2px;
    margin-left:3px;
    margin-bottom:2px;
    margin-right:3px;
    height:18px;
    font-family:arial;
    font-size:10px;
}