﻿#doorAndPartsWrapper
{
    background: #f3f8f8;
    padding-top: 1em;
}
#transQst
{
    float: right;
    margin-left: -4em;
    margin-right: 7em;
    margin-top: 1em;
    margin-bottom: -3em;
}
#tranSomeWrap
{
    float: left;
    width: 185px;
    margin-left: 17.5em;
    height: 94px;
    text-align: center;
    background-image: url('../images/siteparts/BuildDoors/transom-bg.png');
    background-repeat: repeat-x;
}
#transParts
{
    float: left;
    width: 60%;
    margin-left: 9em;
    padding: 0.4em;
    margin-top: 1.5em;
}
#transPosOpts
{
    float: left;
    margin-left: 2em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    width: 20em;
}
#lftTransImg
{
    float: left;
    margin-left: -9.4em;
    margin-top: -1.9em;
}
#rhtTransImg
{
    float: right;
    margin-right: 2em;
    margin-left: -2em;
    margin-top: -1.9em;
}

#doorLitesWrap
{
    float: left;
    width: 46em;
    margin-left: 1px;
}
#liteLftWrap
{
    float: left;
    width: 95px;
}
#leftLiteTopPart
{
    float: left;
    height: 11px;
    width: 95px;
    text-align: right;
    margin-left: 0.4em;
    background-repeat: repeat-y;
}
#leftLiteBtmPart
{
    float: left;
    background-repeat: repeat-y;
    background-image: url(../images/siteparts/BuildDoors/bulkhead/brkBG_95x204.jpg);
}
#lftLite
{
    float: left;
    height: 230px;
    width: 100px;
    text-align: right;
    margin-left: 0.4em;
}
.lftLiteDdlPos
{
    font-size: 80%;
}

#leftLiteHeightOpt
{
    position: relative;
    z-index: 100;
    right: 1em;
    visibility: hidden;
}


#liteLftWrapCtl
{
    float: left;
    margin-left: 0.4em;
}
#liteLftWrapCtlParts
{
    float: left;
    width: 93px;
    border: solid 1px #79bb16;
    border-top: 0;
    margin-top: -1.5em;
    background: white;
    text-align: center;
    padding-bottom: 0.5em;
}
#liteLftWrapCtlPart
{
    float: left;
    width: 100%;
    margin-left: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
#liteLftFsOpts
{
    padding: 0.5em;
    padding-top: 0;
}
#sideLiteLftWidthWrap
{
    float: left;
    width: 110px;
    text-align: center;
    margin-top: 1em;
}
#doorWrap
{
    float: left;
    margin-left: 1em;
    width: 27em;
}
#doorHeight
{
    float: left;
    height: 225px;
}
#doorOpenHeightWrap
{
    margin-top: 8em;
    margin-right: 0.3em;
}

#doorHeightCtlWrap
{
    float: left;
    width: 3em;
    height: 222px;
    margin-right: 0.3em;
    border: solid 1px #79bb16;
    border-right: 0;
    background: white;
}
#heightFrctPart
{
    margin-top: 1em;
    margin-left: 0.5em;
}
#theCurrentDoor
{
    float: left;
    width: 200px;
    height: 225px;
    background-image: url(../images/siteparts/BuildDoors/narrow/6070.png);
    background-repeat: no-repeat;
}
#sliderIndicatorMidLft
{
    float: left;
    visibility: hidden;
    height: 15.99em;
    margin-top: 3.6em;
    margin-left: -0.2em;
    width: 70px;
    border: dashed 2px red;
    border-right: 0;
    border-top: 0;
}
#lftMidBar
{
    float: left;
    visibility: hidden;
    width: 55px;
    height: 13em;
    margin-left: -0.9em;
    margin-top: -0.3em;
}
#sliderIndicatorMidRht
{
    float: right;
    visibility: hidden;
    height: 15.99em;
    margin-top: 3.6em;
    width: 70px;
    border: dashed 2px red;
    border-left: 0;
    border-top: 0;
}
#rhtMidBar
{
    float: right;
    visibility: hidden;
    width: 55px;
    height: 13em;
    margin-right: 3em;
    margin-left: -3em;
    margin-top: -0.3em;
}
#rhtMidBarInner
{
    float: left;
    height: 10em;
}
#door3070Mask
{
    float: left;
    height: 20em;
    margin-top: -16.6em;
    width: 9.6em;
    margin-left: -2.4em;
    visibility: hidden;
    background-color: #f3f8f8;
    text-align: center;
    padding: 0.5em;
}
#btmDoorMeasureWrap
{
    float: left;
    margin-left: 3.2em;
    width: 22em;
}
#divBtmDoorMeasureExtWrap
{
    float: left;
    margin-left: 4.8em;
    width: 18em;
    border: solid 1px #79bb16;
    border-top: 0;
    background: white;
    padding-bottom: 0.5em;
}
#btmDoorMesCtlWrap
{
    float: left;
    width: 18em;
    margin-left: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: center;
}

#doorOpenWidthWrap
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0.5em;
}
#doorOptWrap
{
    float: left;
    width: 90%;
    margin-left: 5em;
    margin-top: 1em;
}
#btmRailFsWrap
{
    float: left;
    width: 100%;
}
#btmRailFs
{
    padding: 1em;
    padding-top: 0;
}
#doorStyleWrap
{
    float: left;
    width: 100%;
}
#liteRhtWrap
{
    float: left;
    width: 8.5em;
    margin-left: 2.4em;
    margin-top: -20.3em;
}
#rightLiteHeightOpt
{
    position: relative;
    right: 1em;
    z-index: 100;
    visibility: hidden;
}
#liteRhtFs
{
    padding: 0.5em;
    padding-top: 0;
}
.ddlRhtLiteHeightOpt
{
    font-size: 80%;
}
#rightLiteTopPart
{
    float: right;
    height: 11px;
    width: 95px;
    text-align: right;
    margin-left: 0.4em;
    background-image: url(../images/siteparts/BuildDoors/sidelites-mid.png);
    background-repeat: repeat-y;
}
#rightLite
{
    float: right;
    height: 193px;
    width: 8.5em;
    text-align: right;
    margin-left: 0.4em;
    background-repeat: repeat-y;
}
#rightLiteBtmPart
{
    float: right;
    width: 8.5em;
    text-align: right;
    background-repeat: repeat-y;
    background-image: url(../images/siteparts/BuildDoors/bulkhead/brkBG_95x204.jpg);
}
#liteRhtCtlWrap
{
    float: right;
    margin-top: 1.8em;
    margin-bottom: -0.5em;
    margin-left: 0.3em;
}
#rhtCtl
{
    float: right;
    width: 93px;
    border: solid 1px #79bb16;
    background: white;
    border-top: 0;
    padding-bottom: 0.5em;
    margin-left: 0.1em;
    margin-bottom: 0.5em;
    text-align: center;
}
#sideLiteRhtWidthWrap
{
    float: left;
    width: 90px;
    text-align: center;
    margin-top: 0.5em;
}
#transWrap
{
    float: left;
    padding: 0.5em;
    padding-top: 0;
    margin-left: -1.4em;
    width: 8em;
}
#transCtlWrap
{
    float: left;
    width: 40px;
    border: solid 1px #79bb16;
    background: white;
    border-left: 0;
    height: 8.1em;
}
#transCtl
{
    float: left;
    width: 2em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
#transomHeightWrap
{
    float: left;
    margin-top: 1em;
    width: 3.5em;
    margin-left: 0.5em;
}
#midRailWrap
{
    float: left;
    width: 8em;
    margin-top: 2em;
}
#pageLock
{
    float: right;
    margin-top: 3em;
    margin-right: -1em;
    text-align: center;
}

/*Push Pull*/
.dlPushPullAltRow
{
    float: left;
    border-top: solid 1px #c1bebe;
    border-left: solid 1px #c1bebe;
    margin-top: 1em;
    padding-top: 1em;
}
.dlPushPullItemRow
{
    float: left;
    border-top: solid 1px #c1bebe;
    border-left: solid 1px #c1bebe;
    margin-top: 1em;
    padding-top: 1em;
}
.dlPushPullCss
{
    float: left;
    width: 105%;
}

.radDoorBrand
{
    float: left;
    width: 100%;
    text-align: center;
}
.dlDoorBrand
{
    float: left;
    width: 100%;
    text-align: center;
}

#doorRes div.dl
{
    margin-top: 0;
}

/*Accordion Panel*/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #3d7e87;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #014083;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    width: 98%;
}

/*Ajax PopUps*/
.popUp_BuildDoor
{
    position: absolute;
    background: white;
    border: 3px solid grey;
    padding: 1em;
    display: none;
    top: 400px;
    left: 400px;
    z-index: 999;
}
.popUp_BuildDoor h1
{
    font-size: 150%;
}

