﻿body 
{
    position : relative;
    width : 100%;
    margin : 0;
    padding : 0;
    text-align : center; /* needed for an IE hack to keep divs centered. */
}

#branding_box,
#nav,
#content,
#site_info
{
    min-width : 770px;
    max-width : 960px;
    width : expression(document.body.clientWidth > 960? "960px": "auto" ); /* this is an IE hack to maintain max width */
    position : relative;
    margin: 0 auto;
    text-align : left; /* needed due to IE hack in body to keep divs centered. */
}

/*==========================================================================================================
BRANDING
==========================================================================================================*/
#branding
{
    position : relative;
}

#branding_box
{
    height : 157px;
    border : solid 1px transparent;
}

#branding h1
{
    position : relative;
    display : block;
    width : 237px;
    height : 130px;
    text-indent : -9999em;
    margin-top : 1em;
    margin-left : 1em;
}

#branding h2
{
    position : absolute;
    top: 56px;
    right : 20px;
}

/*==========================================================================================================
NAV
==========================================================================================================*/
#nav
{
    position : relative;
    height : 40px;
}

#nav li
{
    display : inline;
}

#nav #sub_nav
{
    position : absolute;
    top : -147px;
    right : 10px;
}

#nav #main_nav
{
        display : block;
}

#nav #main_nav 
{
    margin-top : 5px;
    margin-left : 5px;
}

#nav #main_nav li a
{
    display: block;
    float : left;
    padding : 0.2em;
    margin-right : 6px;
}

/*==========================================================================================================
CONTENT
==========================================================================================================*/
#content
{
    border: solid 1px transparent;
}

/*==========================================================================================================
SITE_INFO
==========================================================================================================*/
#site_info
{
    text-align : center;
    padding-bottom : 1em;
}

#site_info p#footerNav a
{
    text-decoration : none;
}


/*==========================================================================================================
CONTENT_MAIN (& CONTENT_STOREMAIN)
==========================================================================================================*/
#content_main
{
    position : absolute;
    top : 0;
    left : 301px;
    min-width : 439px;
    padding-top : 1.5em;
    margin-left : 1em;
}

#content_storemain
{
    position : absolute;
    top : 0;
    left : 196px;
    min-width : 544px;
    padding-top : 1.5em;
    padding-left : 1em;
}

/*==========================================================================================================
CONTENT_SUB
==========================================================================================================*/
#content_sub
{
    position : relative;
    margin-left: 5px;
    width : 166px;
}

#content_sub h2
{
    margin-bottom : 1em;
}

#content_sub h3
{
    margin-top : 1em;
}

#content_sub h4
{
    margin-top : 0;
    margin-bottom : 0;
}

/*==========================================================================================================
CONTENT_THIRD
==========================================================================================================*/
#content_third
{
    position : absolute;
    top : 0;
    left : 196px;
    width : 105px;
}

#content_third h2
{
    margin-top : 3em;
}

/*==========================================================================================================
DESIGNER LIST OF PRODUCTS INSIDE CONTENT_MAIN
==========================================================================================================*/
div.cmsEditor
{
    position : relative;
    display : block;
    width: 100%;
    padding: 0px;
}

.cmsEditor img
{
    border : solid 2px white;
    margin : 10px;
}
.cmsEditor p
{
    padding-bottom : 1em;
}

h3#designerName,
div.h3#designerName
{
    position : relative;
    display : block;
    width : 100%;
    text-align : right;
    padding-bottom : 2px;
    border-bottom : solid 1px #DCC9AD;
    margin-bottom : 0.5em;
}

div.h3#designerName
{
    padding-bottom : 1em;
}

span#dnPlaceholder
{
    height : 20px;
}

p#prodSort
{
    padding-bottom : 2px;
}

p#navLine
{
    line-height : 1.8em;
    padding-bottom : 2px;
}
/*==========================================================================================================
PRODUCT DETAIL INSIDE CONTENT_MAIN VIA PRODVIEW.ASP
==========================================================================================================*/
#prodDetailForm
{
    position : relative;
}

img#prodDetailImage,
img#picHolder
{
    position : absolute;
    top : 0;
    left : 0;
}

img#picHolder
{
    z-index : 100;
}

div#picPrevious
{
    position : absolute;
    top : 200px;
    left : 0;
}

div#picnext
{
    position : absolute;
    top : 200px;
    left : 118px;
}

#prodDetailForm h3,
#prodDetailForm p,
#prodDetailForm table,
span#prodDetailAdd,
span#prodDetailBack
{
    margin-left : 160px;
    width : 400px;
}

#prodDetailTable
{
    margin-top : 0;
    padding-top : 0;
    margin-bottom : 1em;
}

#prodDetailTable td
{
    text-align : left;
}

#prodDetailTable .prodDetailTableOption
{
    text-align : right;
    padding-right : 125px;
}

#prodDetailForm h3#prodDetailStock
{
    margin-top : 1em;
    margin-bottom : 0em;
}

#prodDetailAdd,
#prodDetailBack,
#prodDetailWish
{
    position : relative;
    display : block;
    height : 35px;
}

#prodDetailAdd #pdaButton
{
    position : absolute;
    right : 0;
}

#prodDetailWish a
{
    position : absolute;
    right : 0;
}

#prodDetailAdd #pdaInput
{
    position : absolute;
    top : 2;
    right : 159px;
    height : 30px;
    font-size: 1.2em;
    text-align : right;
    padding-top : 2px;
}

#prodDetailBack a
{
    display : block;
    width : 59px;
    height : 35px;
    text-indent : -9999em;
    position : absolute;
    right : 0;
}

.prodOptionDD
{
    width : 10em;
}


ul#relatedProdList
{
    position: relative;
    display : block; 
    width : 100%; 
    margin : 1em auto;
}


ul#relatedProdList li.relatedProd
{
    width : 165px;
    display : block;
    float : left;   
    text-align : center;
}

/*==========================================================================================================
SHOPPING BAG INSIDE CONTENT_MAIN VIA CART.ASP
==========================================================================================================*/
#shoppingBagTable
{
    margin-top : 20px;
}

#shoppingBagTable td
{
    padding-top : 2px;
    padding-bottom : 2px;
}

#shoppingBagTable tr td
{
    padding-right : 10px;
}

#shoppingBagTable a#prodBack
{
    display : block;
    width : 59px;
    height : 35px;
    text-indent : -9999em;
}

#backWrapper
{
    display : inline;
    float : right;
}

/*==========================================================================================================
CATEGORY LIST INSIDE CONTENT_MAIN
==========================================================================================================*/
.categoryDiv
{
    float : left;
    padding : 5px;
    text-align : center;
}

.categoryDiv span
{
    display : block;
}

/*==========================================================================================================
GALLERY INSIDE CONTENT_MAIN
==========================================================================================================*/
#gallery
{
    position : relative;
    width : 415px;
    margin-top : 40px;
   
}

#gallery ul li img,
#gallery #MainImage
{
    border : solid 2px black;
}

#gallery ul li img
{
    margin-left : 279px;
}

#gallery ul
{
    height : 361px;
    overflow : auto;
}

#gallery #ImageUrl
{
    position : absolute;
    top : 0;
    left : 0;
}

#MainImageDiv h3
{
    text-indent : -9999em;
}

#ImagePhotoCredit,
#gallery h4
{
    text-indent : -9999em;
    display : block;
    width : 0;
    height : 0;
}

#gallery h2
{
    position : absolute;
    top : -1.3em;
    left : 0;
}
