/* --------------------------------------------------------------- 
/* CSS Stylesheet 
/*
/* Style definitions for Judy Medway Bridal website.
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- 
/* Standard HTML tag stylings.
/* --------------------------------------------------------------- */
html {}
body
{ 
    font-family:       arial, verdana, sans serif; 
    font-size:         12px; 
    margin:            0px; 
    padding:           0px; 
    color:             #000;
    height:            100%;
    background-image:  url('/images/util/jmbBG.jpg');
    background-color:  #336699; 
    background-repeat: repeat-x;
}

table, tr, td
{
    font-family:       arial, verdana, sans serif;
    font-size:         11px;
    text-align:        left;
    margin:            0;
    padding:           0;
    border:            1;
    rules:             none;
    border-spacing:    0;
}	
p, td, li 
{ 
    font-family:       arial, verdana, sans serif; 
    font-size:         12px; 
    color:             #000; 
    line-height:       140%;
}
h1 
{ 
    color:             #336699; 
    font-size:         20px; 
    line-height:       100%; 
    display:           inline;
    clear:             both;
}
h2 
{ 
    color:             #336699; 
    font-size:         18px; 
    line-height:       100%;
    display:           inline;
    clear:             both;
}
h3 
{ 
    color:             #336699; 
    font-size:         16px; 
    line-height:       100%;
    display:           inline;
    clear:             both;
}
h4 
{ 
    color:             #336699; 
    font-size:         14px; 
    line-height:       100%;
    display:           inline;
    clear:             both;
}
h5 
{ 
    color:             #336699; 
    font-size:         12px; 
    line-height:       100%;
}
 
a { 
    color:             #336699; 
}
a:hover { 
    color:             #000; 
    text-decoration:   none; 
}


/* --------------------------------------------------------------- 
/* Page layout stylings.
/* --------------------------------------------------------------- */ 
#wrapper 
{
    position:          relative;
    top:               0px;
    left:              0px;
    width:             100%;
    height:            100%;
}
#left 
{
    position:          absolute;
    top:               20px;
    left:              0px;
    padding:           0px;
    margin:            0px;
    width:             150px;
}
#middle 
{
    position:          absolute;
    top:               20px;
    left:              150px;
    padding:           10px;
    margin:            0px;
    background-color:  #FFF;
    width:             600px;
}
#right 
{
    position:          absolute;
    top:               0px;
    right:             0px;
    padding:           0px;
    margin:            0px;
    width:             40px;
}
#bottom 
{
    position:          absolute;
    top:               40px;
    right:             0px;
    padding:           0px;
    margin:            0px;
    height:            40px;
    width:             100%;
}	
#contact 
{
    position:          relative;
    float:             left;
    top:               50px;
    left:              10px;
    font-family:       arial, verdana, sans serif; 
    font-size:         10px; 
    color:             #FFF; 
}


/* --------------------------------------------------------------- 
/* Side menu stylings.
/* --------------------------------------------------------------- */ 
#menupos 
{
    position:          relative;
    top:               0px;
    left:              10px;
    padding:           0px;
    margin:            0px;
}
.menupad { margin: 3px 0px 0px 0px;
}
.menu
{
    background-color:  #6CB3D7;
    border:            1px solid #336699;
    color:             #FFFFFF;
    font-family:       arial, verdana, sans serif;
    font-size:         11px;
    padding:           4px;
    text-decoration:   none;
    display:           block;
    font-weight:       bold;
    width:             136px; /* ie5win fudge begins */
    width:             128px;
}
html>body .menu 
{
    width:             128px; /* ie5win fudge ends */
}
.menu:hover
{ 
    background-color:  #336699;
    color:             white;
}

#logo
{
    border:            0px;
}


/* --------------------------------------------------------------- 
/* Footer stylings.
/* --------------------------------------------------------------- */ 
#footerContainer 
{
    position:          relative;
    float:             left;
    top:               30px;
    left:              0px;
    width:             600;
    height:            80;
    margin:            0;
    padding:           0;
    padding-top:       5px;
    padding-bottom:    20px;
}
.footerLeft 
{
    width:             600;
    height:            30;
    float:             left;
    font-family:       arial, verdana, sans serif;
    font-size:         11px;
    padding-left:      4px;
    color:             #777;

}
.footerRight 
{ 
    width:             600;
    height:            30;
    float:             right;
    font-family:       arial, verdana, sans serif;
    font-size:         11px;
    text-align:        right;
    padding-right:     4px;
    color:             #777;
}

/* --------------------------------------------------------------- 
/* Image container stylings.
/* --------------------------------------------------------------- */ 
#imageContainer 
{
    width:            600;
    margin:           0;
}


/* --------------------------------------------------------------- 
/* Link stylings.
/* --------------------------------------------------------------- */ 
a.footerLink:link, a.footerLink:visited, a.footerLink:active
{
    font-size:        11px;
    font-weight:      bold;
    text-decoration:  none;
    color:            #aaa; 
}
a.footerLink:hover
{
    font-size:        11px; 
    font-weight:      bold;
    text-decoration:  none; 
    color:            #444; 
}
a.intraLink:link, a.intraLink:visited, a.intraLink:active
{
    font-size:        12px;
    font-weight:      normal;
    text-decoration:  none;
    color:            #003870;
}
a.intraLink:hover
{
    font-size:        12px; 
    font-weight:      normal;
    text-decoration:  none; 
    color:            blue;
}


/* --------------------------------------------------------------- 
/* Measurements table stylings.
/* --------------------------------------------------------------- */
.measure
{
    border:            1;
    border-style:      solid;
    color:             red;
}
.bhead
{
    font-size:         11px; 
    font-weight:       bold;
    border-style:      solid;
    color:             red;
    width:             100;
}
.thead
{
    font-size:         11px; 
    font-weight:       bold;
    color:             red;
}
.bval
{
    color:             green;
}
.tval
{
    color:             #336699;
}

 * --------------------------------------------------------------- 
/* Image Gallery stylings.
/* --------------------------------------------------------------- */
.imgLink
{
    margin:            0;
    border:            0 solid #336699;
    float:             left;
}
.imgLink img
{
    display:           inline; 
    float:             left;
    margin:            2 2 2 2;
    border:            1 solid #336699;
}
.imgLink a:hover img {border: 1 solid #f00;}

.imgHeading
{
    font-family:       tahoma;
    font-weight:       bold;
    font-size:         14px;
    font-color:        black;
    vertical-align:    middle;
    margin-left:       0;
    padding-left:      0;
    width:             100%;
    height:            25px;
    background-image:  url('/images/util/jmbBG.jpg');
    background-repeat: repeat-x; 
}
.brdHeading     /* brides gallery heading slightly different */
{
    font-family:       tahoma;
    font-weight:       bold;
    font-size:         14px;
    font-color:        black
    text-valign:       center;
    width:             100%;
    height:            25px;
}


/* --------------------------------------------------------------- 
/* Media page stylings.
/* --------------------------------------------------------------- */ 
.mediaRight
{
    float:             right;
 /* clear:             right; */
    margin:            5px 5px 0 0;
}
.mediaLeftXXX
{
    clear: both;
    float:        left;
width: 500;
}

/* --------------------------------------------------------------- 
/* Contact form stylings.
/* --------------------------------------------------------------- */ 
#contactForm 
{
    float:             left;
    width:             100%;
    padding:           5px 5px 0px 5px;
    margin:            5px 5px 0px 0px;
    background-color:  #fff; 
    border:            none;
}
div.row 
{
    clear:             both;
    padding:           5px 0px;
    font-size:         90%;
    }
 
div.row span.label
{
    float:             left;
    width:             90px;
    text-align:        right;
    padding-top:       3px;
    padding-right:     6px;
    color:             #000;
 }
div.row span.longlabel
{
    float:             left;
    width:             200px;
    text-align:        right;
    color:             #000;
}
div.row span.formw 
{
    float:             left;
    width:             200px;
    text-align:        left;
} 

input.contactButton 
{
    background:        #23aad9;
    color:             #fff;
    font-weight:       bold;
    text-align:        right;
    width:             55px;
    padding-right:     6px;
}
#req 
{
    font-family:       tahoma;
    font-weight:       bold;
    color:             #f00; 
}