/*---------------- General ----------------------------*/
body
{
    background-color: #000000;
    background-image: url('../images/bg-gradient.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0px;
    padding: 0px;
}
img
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
#all
{
    width: 910px;
    margin: 0px auto;
    padding: 0px;
}
.left
{
    display: inline;
    float: left;
}
.flash
{
    margin-left: -10px;
}

img.right
{
    display: inline;
    float: right;
}

a .hide
{
    line-height: 0px;
    font-size: 0px;
    visibility: hidden;
}
/*------------------------- Flash -------------------------------*/

#content embed
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 25px;
    margin-left: -17px;
}
#content object
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 25px;
    margin-left: -17px;
}
#romancing-logo
{
    margin-top: 25px;
    text-align: center;
}
#romancing-logo a
{
    font-family: Verdana;
    font-size: 13px;
    color: #212121;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
/*------------------------- Forms -------------------------------*/
form
{
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}
fieldset
{
    border-style: none;
    margin: 0px;
    padding: 10px;
    padding-top: 0px;
    margin-top: 20px;
}
legend
{
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #6C6C6C;
}

fieldset ul
{
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    list-style: none;
}


fieldset ul li label
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
fieldset ul li label
{
    display: inline;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
    float: left;
    width: 35%;
    text-align: right;
}

input
{
    width: 40%;
}

textarea
{
    width: 60%;
    height: 120px;
}

fieldset ul li label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }



/*------------- Text -----------------------*/
h1
{
    margin: 0px;
    font-family: Georgia;
    font-size: 24px;
    font-weight: normal;
    color: #030511;
}
h2 h1.gallery
{
    text-align: center;
}

h2
{
    color: #030511;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
}
p
{
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
}

/*------------------ Splash index page -------------*/
/* Basically just lets the 3 images take up the full width 
   by "undoing" the large borders */
.full-spread
{
    margin: 0px;
    padding: 0px;
    position: relative;
    margin-left: -249px;
    margin-right: -647px;
    width: 906px;
}
/*------------------ Header ----------------------*/
#header
{
    margin: 0px;
    padding: 0px;
}
#alberto, #tanzanite, #bettys
{
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
    width: 302px;
    height: 126px;
}
#header ul
{
    margin: 0px;
    padding: 0px;
}
#header li
{
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
    width: 302px;
    height: 126px;
}
#header li a
{
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    line-height: 0px;
}

#header li#alberto
{
    background-image: url('../images/logo-alberto.gif');
    background-repeat: no-repeat;
    background-position: center;
}

#header li#tanzanite
{
    background-image: url('../images/logo-tanzanite.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

#header li#bettys
{
    background-image: url('../images/logo-bettys.gif');
    background-repeat: no-repeat;
    background-position: center;
}
/*------------------ Base Content ----------------------*/
.user
{
    margin: 0px;
    width: 647px;
    padding: 0px;
    display: inline;
    float: right;
    margin-right: -647px;
}

.left-nav
{
    width: 249px;
    display: inline;
    margin-left: -249px;
    float: left;
}
/*------------------ Content ----------------------*/
#content
{
    display: inline;
    width: 3px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-right: solid 647px #FFFFFF;
    border-left: solid 249px #979797;
}
#content .user
{
    /* IE 6 bug */
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 567px;
    background-image: url('../images/bg-user-area-top.jpg');
    background-repeat: no-repeat;
}
#content .left-nav
{
    /* IE 6 bug */
    position: relative;
    width: 249px;
    height: 519px;
    background-image: url('../images/bg-left-navigation.jpg');
    background-repeat: no-repeat;
}


/*------------------ Footer ----------------------*/

#footer ul
{
    margin: 0px;
    padding: 0px;

    list-style: none;
    
    clear: both;
    
    margin-bottom: 3px;
    

    
    

}
#footer ul li
{
   display: inline;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 2px;
    border-left: 1px solid #f8f8f8;
    
  
}
#footer ul li.first
{
    border-style: none;
}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:hover
{
    text-decoration: none;
    color: #f8f8f8;
}

#footer
{
    margin: 0px;
    padding: 0px;
    
     
    text-align: center;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #f8f8f8;
    
    clear: both;
}

#footer p
{
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-family: Gill Sans MT Condensed;
    font-size: 15px;
    font-weight: normal;
    color: #030511;
}

#footer p a
{
    text-decoration: none;
    color: #030511;
}

#footer p a:hover
{
    text-decoration: none;
    color: #030511;
}

#footer p a:visited
{
    text-decoration: none;
    color: #030511;
}

#footer .user
{
    height: 56px;
    background-color: #FFFFFF;
    background-image: url('../images/bg-user-area-footer.jpg');
    margin-right: 11px;
}

#footer .left-nav
{
    width: 249px;
    height: 56px;
    background-image: url('../images/bg-left-navigation-footer.jpg');
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    
    margin-bottom: 7px;
}

/* Special wrapper to preload background image */
#btn-wrap
{
    margin: 0px;
    padding: 0px;
    display: inline;
    margin-right: 10px;
    float: right;
    background: url('../images/HOT-shop-hover.gif') no-repeat;
}

#btn-wrap a
{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 135px;
    height: 35px;
    display: block;
    background: url('../images/HOT-shop.gif') no-repeat;
}


#btn-wrap a:hover
{
    background: url('../images/HOT-shop-hover.gif') no-repeat;
}

img.shop-btn
{
    padding: 5px;
    padding-top: 10px;
    padding-right: 15px;
    float: right;
}

/*--------------- Left Navigation ---------------------*/


#user
{
    display: inline;
    float: left;
}

ul
{
    font-family: Verdana;
    font-size: 13px;
    color: #212121;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

li
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.left-nav li a
{
    padding-left: 15px;
    display: block;
    padding-top: 8px;
    height: 27px;
    vertical-align: middle;
}

.left-nav li a:link
{
    color: #212121;
    text-decoration: none;
}

.left-nav li a:visited
{
    color: #212121;
    text-decoration: none;
}

.left-nav li a:hover
{
    background-color: #ededed;
    color: #6C6C6C;
    text-decoration: underline;
}

.left-nav li a:active
{
    height: 25px;
    background-color: #8d8d8d;
    color: #ededed;
    text-decoration: none;
    border: 1px solid black;
}