﻿@media screen
{
    BODY
    {
        margin: 0;
        width: 100%;
    }

    #header
    {
        width: 1003px;
        margin: 0px auto;
    }

    #mainbody
    {
        width: 1003px;
        margin: 0px auto 0;
        background-color: #FFF;
        padding-top: 10px;
    }

    table#bodyTable
    {
        width: 1003px;
        margin: auto;
    }

    #footer
    {
        background: #FFF;
        width: 1003px;
        margin: auto;
    }
    
    #staticfooter
    {
        width: 1003px;
        margin: 0 auto;
        height: 35px;
        background: url(/siteimages/ezp_ftr_rnded1.png) no-repeat top;
    }
    
    .noscript {
        margin:2em auto;
        width:959px;
        border:2px solid red;
        background-color:#FFF;
        padding:20px;
        color:red;
    }
    
    /* jQuery Extensions */
    .ui-dialog-buttonpane { text-align: right; border-width: 1px 0 0 0 !important; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
    .ui-dialog-buttonpane button, 
        .ui-dialog-buttonpane input[type="submit"], 
        .ui-dialog-buttonpane input[type="button"],
        .ui-dialog-buttonpane input[type="button"],
        .ui-dialog-buttonpane a { margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; 
    }

    /* Sidebar Box is used in Left Col Login Templates */
    .sidebarmsgbox
    {
        margin: 10px 0;
    }

    .sidebarmsgbox h1
    {
        text-align: center;
        margin: 0;
        padding: 3px;
    }

    .sidebarmsgboxbody
    {
        background-color: #FFF;
        padding: 10px;
    }

    /* Gradient Box is used on Default.aspx to contain the register and logon areas */
    .gradientbox
    {
        margin: 10px 0;
        width: 217px;
    }

    .gradientbox h1
    {
        text-align: center;
        margin: 0;
        padding: 10px;
    }

    .gradientbox .body
    {
        min-height: 200px;
        padding: 20px 10px;
        margin-top: 2px;
    }

    /* This is used to center the register button */
    .gradientbox .body .btnrow
    {
        text-align: center;
    }

    #homepgPrompt
    {
        width: 455px;
        float:left;
    }
    
    .homepgSidebar 
    {
        float:left;
        width:254px;
        margin:10px 10px 0 10px;
    }

    #registerPrompt
    {
        float: left;
    }

    #logonPrompt
    {
        margin-left: 20px;
        float: left;
    }
    
    .brandlogo {
        text-align:center;
    }

    .leftnavhilite
    {
        margin: 10px 0;
        padding: 5px;
    }

    #featureltfooter
    {
        background: #B3B3B3 url('/siteimages/featurefooter1.gif') no-repeat bottom left;
    }

    #featurertfooter
    {
        background: #FFF url('/siteimages/featurefooter3.gif') no-repeat bottom right;
    }

    #registrationWrapper
    {
        width:1003px;
        margin: auto;
    }

    #registrationForm
    {
        width: 451px;
        margin: 0 10px 0 30px;
        float: left;
    }

    #registrationForm fieldset
    {
        margin: 5px;
    }

    table.registerSittings TD
    {
        text-align: center;
    }

    #registrationForm .row
    {
        width: 100%;
        padding-top: 0.5em;
    }

    #registrationForm .label, #registrationForm .labelr
    {
        width: 30%;
        font-size: 0.8em;
        color: #000;
    }

    #registrationForm .aright
    {
        width: 65%;
    }

    #registrationForm .ezbutton
    {
        margin-top: 0.5em;
    }

    #registrationHelp
    {
        width:492px;
        float: left;
        margin: 0 10px;
    }

    .addsittingerror
    {
        padding: 5px;
        margin: 5px;
    }

    /* Login Bar */

    /* Login Control */
    .AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel
    {
        margin-bottom: 3px;
        font-weight: bold;
    }

    .AspNet-Login-UserPanel INPUT[type="text"]
    {
        width: 90%;
    }

    .AspNet-Login-PasswordPanel INPUT[type="password"]
    {
        width: 90%;
        font-weight: bold;
    }

    .AspNet-Login-SubmitPanel
    {
        text-align: center;
    }

    .AspNet-Login-PasswordRecoveryPanel
    {
        margin-top: 5px;
        text-align: center;
    }

    .Login-Area
    {
        margin: 10px;
    }

    /* Compact Login Control */
    .compact { /*height:40px;*/ vertical-align:middle; }
    .compact .AspNet-Login-UserPanel, .compact .AspNet-Login-PasswordPanel
    {
        font-weight: bold;
        font-size:0.8em;
        width:30%;
        float:left;
    }

    .compact .AspNet-Login-UserPanel INPUT[type="text"], .compact .AspNet-Login-PasswordPanel INPUT[type="password"]
    {
        width:90%;
    }

    .compact .AspNet-Login-SubmitPanel
    {
        width:20%;
        float:left;
        text-align:left;
        line-height:40px;
    }

    .compact .AspNet-Login-PasswordRecoveryPanel
    {
        text-align: center;
        width:20%;
        float:left;
    }
    
    .compact .AspNet-Login-FailurePanel 
    {
        width:100%;
        float:none;
        clear:both;
    }

    /* Password Strength Indicator */
    /* Password Strength */
    .passwordStrength
    {
        font-size: 10px;
        font-weight: bold;
        padding: 5px;
    }

    /*.passwordStrengthBar
        {
            border: 1px solid #000;
            padding: 2px;
            width: 150px;
            vertical-align: middle;
        }

        .passwordStrengthBarInd
        {
            padding: 2px 3px;
        }*/

    .psPoor, .psWeak, .psAvg, .psStrong, .psExcellent
    {
        padding: 5px;
    }

    /* Sitting Selection Page */
    .sittinglistContainer
    {
        width: 200px;
        height: 250px;
        padding: 5px;
        margin: 5px;
        float: left;
        text-align: center;
    }

    /* Interior, 2 col pages */
    .contentWrapper
    {
        width: 675px;
        margin: auto;
    }

    .contentWrapper .row
    {
        width: 100%;
        padding-top: 0.5em;
    }

    .contentWrapper .label, #registrationForm .labelr
    {
        width: 30%;
        font-size: 0.8em;
        color: #000;
    }

    .contentWrapper .aright
    {
        width: 65%;
    }

    .contentWrapper .ezbutton
    {
        margin-top: 0.5em;
    }

    FORM
    {
        margin: 0;
        padding: 0;
    }

    fieldset
    {
        margin-bottom: 10px;
        padding: 10px;
    }

    legend
    {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    IMG
    {
        border: 0;
    }

    h3, h4, h5, h6
    {
        font-weight: normal;
    }

    h1 label, h2 label, h3 label, h4 label, h5 label, h6 label
    {
        font-size: 0.75em;
    }

    h1
    {
        font-size: 1.5em;
        font-weight: bold;
        margin-top: 10px;
    }

    h2
    {
        font-size: 1.25em;
        font-weight: bold;
    }

    TD#leftnavcol
    {
        background-color: #B3B3B3;
        width: 297px;
    }

    .pointer
    {
        cursor: pointer;
        cursor: hand;
    }

    .error, .errormsg, .success, .successmsg
    {
        padding: 5px;
        margin: 3px;
        text-align: left;
    }

    .erroralert
    {
        font-weight: bold;
        font-size: 1.2em;
    }
    
    /* Datapager */
    .datapager {
        margin:1em;
        text-align:right;
    }
    
    .datapager a {
        display:inline-block;
        padding:0.25em;
        margin:0.25em;
        text-decoration:none;
        font-weight:bold;
    }

    .datapager a.current {
        font-size:1.5em;
        color:#000;
    }
    
    .explainer {
        font-size:0.8em;
    }
    
    /* Inverted Nav Tabs */
    .ui-invertednavtabs { position: relative; padding:0 .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-invertednavtabs .ui-tabs-nav { margin: 0; padding: 0 .2em 0; }
    .ui-invertednavtabs .ui-tabs-nav li { list-style: none; float: right; position: relative; top: 0; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
    .ui-invertednavtabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
    .ui-invertednavtabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
    .ui-invertednavtabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
    .ui-invertednavtabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-invertednavtabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
    .ui-invertednavtabs .ui-tabs-hide { display: none !important; }
    
    tr.altdatarow td {
        background-color:#EEE;
    }
    
    /*DIV#body
    {
        width: 100%;
        margin: auto;
    }*/

    /*#leftnav
    {
        background-color: #B3B3B3;
    }*/

    .leftnavcontent
    {
        padding: 10px;
        margin: 0px;
    }

    /*#main
    {
        background-color: #FFF;
    }*/

    /*#homepagemaincontent
    {
        margin: 0;
        padding: 0;
        background-color: #FFF;
    }*/

    /*#vpagemaincontent
    {
        margin: 10px;
        background-color: #FFF;
    }*/

    .maincontent
    {
        width: 707px;
        background-color: #FFF;
        vertical-align: top;
    }

    #featuremaincontent, .featuremaincontent
    {
        background-color: #FFF;
        width: 675px;
        margin: auto;
    }

    DIV.previewlink
    {
        margin:1em 5px 5px;
    }

    DIV.previewlink a
    {
        text-decoration: none;
        border: 2px solid #FFF;
        color: #FFF;
        padding: 5px;
        display:inline-block;
    }

    /*.poselist A
        {
            color: #275eb4;
            text-decoration: none;
            font-weight: bold;
        }*/

    .navcontainer
    {
        vertical-align: top;
    }

    #navbar
    {
        float: left;
        line-height: normal;
    }

    #navbar ul
    {
        margin: 0;
        padding: 0px 0px;
        list-style: none;
    }

    #navbar li
    {
        float: left;
        background: url('/siteimages/ezleft.gif') no-repeat left top;
        margin: 0;
        padding: 0 0 0 7px;
        text-align: center;
    }

    #navbar a
    {
        float: left;
        display: block;
        background: url('/siteimages/ezright.gif') no-repeat right top;
        padding: 3px 7px 4px 3px;
    }

    /* Commented Backslash Hack
               hides rule from IE5-Mac \*/
    #navbar a
    {
        float: none;
    }
    /* End IE5-Mac hack */

    #navbar #current
    {
        background: url('/siteimages/ezleft_on.gif') no-repeat left top;
    }

    .orderposecaption, .orderposecaption A
    {
        text-align: center;
        font-weight: bold;
    }

    .twocolrow
    {
        float: left;
        width: 50%;
    }

    .threecolrow
    {
        float: left;
        width: 30%;
    }

    .row
    {
        clear: both;
        width: 95%;
        margin-bottom: 3px;
    }

    .row .label
    {
        float: left;
        font-weight: bold;
        width: 45%;
        text-align: right;
    }

    .twocolrow .label
    {
        font-weight: bold;
    }

    .row .labelr
    {
        float: left;
        font-weight: bold;
        width: 45%;
        text-align: right;
    }

    .row .aright
    {
        float: left;
        width: 50%;
        padding-left: 0.5em;
    }

    .btnrow
    {
        clear: both;
        text-align: right;
        margin: 10px;
    }

    .btnrow A
    {
        margin-left: 10px;
        padding: 3px;
    }

    .btnrow A IMG
    {
        vertical-align: middle;
    }

    TR.hiliteDelete TD
    {
        background-color: red;
        color: #FFF;
        font-weight: bold;
    }

    .pkglistitem
    {
        width:630px;
        clear: both;
        margin:10px auto;
		/*min-height:216px;*/
    }
    
    .pkglistitem-doublebluewrapper 
    {
        width:634px;
        margin:10px auto;        
    }

    .pkglistitem-doubleblueouter
    {
        clear: both;
        padding: 5px;
        width:604px;
        margin:auto;
    }

    .pkglistitem-doubleblueinner
    {
        clear: both;
        width: 100%;
    }

    .pkglistitem-doubleblue
    {
        clear: both;
        width:600px;
    }

    .pkglist-feature
    {
        clear: both;
        width: 618px;
        margin: 10px auto 0px auto;
    }

    .pkglist-caption-left
    {
        width: 100%;
    }

    .pkglist-caption-right
    {
        width: 100%;
    }

    .pkglist-caption
    {
        width: 612px;
    }

    .pkglist-featureitem
    {
        width: 612px;
    }

    .pkglistitemhover
    {
        clear: both;
        border: 2px solid #000;
        background: #FFF url('/siteimages/spacer.gif');
        margin: 0 -10px 10px 0;
        cursor: pointer;
        width: 98%;
    }

    .categoryinfo
    {
        width: 618px;
        margin: auto;
        margin-bottom: 10px;
    }

    .pkggraphic
    {
        margin-bottom: -10px;
        vertical-align: bottom;
        display: table-cell;
    }

    .packageposes
    {
        font-weight: bold;
    }

    .packagepricearea
    {
        margin-top: 3px;
        padding-top: 3px;
        width: 100%;
        float: right;
    }

    .packagepricerow
    {
        clear: both;
        line-height: 1.5em;
        width: 100%;
    }

    .packageprice
    {
        float: left;
        font-weight: bold;
        text-align: right;
        width: 30%;
    }

    .thispackageprice
    {
        float: left;
        font-weight: bold;
        text-align: right;
        width: 30%;
        font-size: 1.2em;
    }

    .packagepricename
    {
        float: left;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        width: 65%;
    }

    .thispackagepricename
    {
        float: left;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        width: 65%;
        font-size: 1.2em;
    }

    .portraitunitimg
    {
        border: 1px solid #000;
        width: 77px;
        height: 96px;
    }

    .smallprint
    {
        font-size: smaller;
    }

    .clear:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clear
    {
        display: inline-block;
        clear: both;
        height: 0;
        visibility: hidden;
    }

    /* Hides from IE-mac \*/
    * html .row
    {
        height: 1%;
    }
    * html .clear
    {
        height: 1%;
    }
    .row
    {
        display: block;
    }
    .clear
    {
        display: block;
    }
    /* End hide from IE-mac */

    .monoselect
    {
        font-family: monospace;
        font-size: 10px;
    }

    /*.sectionheader
        {
            color: #02407B;
            font-size: 1.15em;
            font-weight: bold;
            text-decoration: none;
        }*/

    .orderentryico
    {
        text-align: left;
        margin: 3px;
        float: left;
        padding: 5px;
        font-weight: normal;
        width: 30%;
    }

    .myunitstbl TH
    {
        border-bottom: 1px solid #000;
    }

    .myunitstbl TD
    {
        border-bottom: 1px dotted #CFCFCF;
    }

    .unitpkgdisplay
    {
        border: 0px;
        padding: 3px;
        margin: 3px;
        float: left;
        text-align: center;
    }

    .orderentryico-unitnode
    {
        text-align: left;
        margin: 3px;
        float: left;
        padding: 5px; /*font-size: 11px;*/
        font-weight: normal;
        width: 20%;
    }

    .nodeentryico
    {
        text-align: left;
        margin: 3px;
        float: left;
        padding: 5px;
        min-height: 150px; /*font-size: 11px;*/
        font-weight: normal;
        height:auto;
        /*width: 30%;*/
    }

    .orderentryico-singlenode
    {
        text-align: left;
        margin: 3px;
        /*float: left;*/
        padding: 5px;
        font-weight: normal;
        /*_width: 30%;
        min-width: 30%;*/
		width:639px;
    }

    .orderentryico-doublenode
    {
        text-align: left;
        margin: 3px;
        /*float: left;*/
        padding: 5px; /*font-size: 11px;*/
        font-weight: normal;
        /*_width: 100%;
        min-width: 100%;*/
		width:639px;
    }

    .orderentryico-unitpkg
    {
        text-align: left;
        padding: 5px; /*font-size: 11px;*/
        font-weight: normal;
        float: left;
        height: auto;
    }

    .orderentryico-unitpkg .nodeentryico
    {
        text-align: left;
        margin: 3px;
        float: left;
        padding: 5px; /*font-size: 11px;*/
        font-weight: normal;
        width: 130px;
        height: auto;
    }

    .orderentryico-multinode
    {
        text-align: left;
        margin: 3px;
        float: left;
        padding: 5px; /*font-size: 11px;*/
        font-weight: normal;
        _width: 90%;
        min-width: 90%;
    }

    .orderentryico-multinode H1
    {
        margin: 0px;
    }

    .orderentryico A
    {
        font-weight: bold;
        text-decoration: underline;
    }

    .orderentrycaption
    {
        font-weight: normal;
    }

    /* Styles for Cart */
    TABLE.cart TBODY
    {
        margin-top: 0;
    }

    table.wizstep
    {
        margin-bottom: 20px;
    }
    
    div.wizstep {
        margin-bottom:1em;
    }

    UL.cartsell
    {
        list-style-type: none;
        margin-left: 0;
    }

    UL.cartsell LI
    {
        margin: 5px 0px;
        padding: 5px;
    }

    UL.cartsell LI.bonus
    {
        margin: 5px 0px;
        padding: 5px;
    }
    
    /* Print and Mail Functionality */
    .printandmailFinalize 
    {
        border-width:2px;
        border-style:solid;
        display:none;
        padding:5px;
        margin:10px 0px;
    }
    
    .sandbag-image span
    {
        display: none;
    }

    .sandbag-right
    {
        border: 0;
        padding: 0;
        font-size: 0;
        margin: 0 0 0 35px;
        float: right;
        clear: right;
    }

    .sandbag-left
    {
        border: 0;
        padding: 0;
        font-size: 0;
        margin: 0;
        margin: 0 25px;
        float: left;
        clear: left;
    }

    .first-sandbag
    {
        /*margin-top: 20px;*/
    }

    .last-sandbag
    {
        margin-bottom: 5px;
    }

    ol.survey li
    {
        margin-bottom: 10px;
    }

    .surveysub
    {
        font-size: smaller;
        font-style: italic;
    }

    ol.survey li .label
    {
        font-weight: bold;
        width: auto;
    }

    ol.survey li .row
    {
        margin: 5px 0;
        border-bottom: 1px solid #CFCFCF;
    }

    ol.survey li .row .label
    {
        width: 40%;
    }

    ol.survey li .row .aright
    {
        width: 55%;
    }

    .helpheader
    {
        padding: 5px;
    }

    .helpcontent
    {
        padding: 10px;
        width: 634px;
    }

    .helpcontent DL DT
    {
        margin-bottom: 5px;
    }

    .helpcontent DL DD
    {
        margin-bottom: 10px;
        margin-left: 5px;
    }
    
    /* CMS Layout Template */
    .cmsLayoutBlock {
        margin-bottom:1em;
    }

    .twocol .leftcol, .twocol .rightcol
    {
        width: 30%;
        float: left;
    }
    .twocol .maincol
    {
        width: 70%;
        float: left;
    }

    .twocol .halfcol {
        width:45%;
        float:left;
        margin-right:1em;
    }

    .threecol .leftcol, .threecol .rightcol
    {
        width: 20%;
        float: left;
    }

    .threecol .maincol
    {
        width: 60%;
        float: left;
    }
    
    .threecol .equalcol {
        width:30%;
        padding-right:3%;
        float:left;
    }
}

/* Special Styles for Print */
@media print
{
    BODY
    {
        background-color: #FFF;
        background-image: none;
        font-size: 11pt;
    }

    table, tr, td
    {
        background-color: #FFF;
        background-image: none;
    }

    .noprint
    {
        display: none;
    }
}

