/*img, div { behavior: url(/pngfix/iepngfix.htc) }support png in ie6*/

@media screen
{

    /*default styles*/
    *
    {
        margin: 0;
        padding: 0;
    }
    body
    {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 1em;
        font-weight: normal;
        color: black;
        background: #fff url(img/bodyBg.gif) top repeat-x;
        text-align: left;
        line-height: 1.3em;
    }
    /**main headline*/
    h1
    {
        font-size: 1.2em;
        font-weight: normal;
        padding: 1em 0 0 .2em;
        color: #d42232;
        float: left;
        width: 100%;
        text-transform: uppercase;
    }
    h1 span
    {
        color: #333;
    }





    p
    {
        padding: .5em;
        margin: 0;
        color: #666;
    }
    ul
    {
        list-style-type: disc;
        padding: 1em;
    }

    ul li
    {
        padding: .5em 0;
    }
    a
    {
        color: #333;
        text-decoration: none;
    }

    a:hover
    {
        color: #333;
        text-decoration: underline;
    }
    .noBorder
    {
        border: none !important;
    }
    .noBackground
    {
        background: none !important;
    }
    /*containers*/
    #Wrapper
    {
        width: 950px;
        margin: 0 1em 1em 1em;
        text-align: left;
        height: auto;
        overflow: hidden;
    }
    /*Header*/
    #Header
    {
        width: 950px;
        height: 207px;
        margin-top: 1em;
        background: url(img/cubes.gif) bottom repeat-x;
    }
    /*
        #Header span{
        width:938px;
        height:6px;
        background:url(img/headerTop.gif) top no-repeat;

        }*/
    #Logo
    {
        width: 175px;
        height: 154px;
        float: left;
        padding-top: 2em;
        padding-left: 2.5em;
        padding-top: 2em;
    }

    /*login table*/
    #Login
    {
        float: right;
        background: url(img/loginBg.gif) no-repeat;
        width: 254px;
        height: 82px;
        padding-right: 2.5em;
    }
    #Login h1
    {
        padding: 1em 0 .5em 1em;
        font-family: Georgia,Trebuchet, Serif;
        font-size: 12px;
        font-weight: normal;
        color: white;
        text-transform: none;
    }
    #Login table, #Login tr, #Login td
    {
        border: none;
        float: left;
    }
    /*wrapper input*/
    #Login .logfield
    {
        width: 106px;
        height: 20px;
        float: left;
        margin: 0;
        padding: 0 .3em;
    }
    #Login .errorMsg
    {
        background: black;
        line-height: normal;
        float: left;
        margin: 0;
        padding: 0;
    }

    *html #Login .logfield
    {
        padding: 0 .1em;
        height: 10px;
    }

    #Login a.submitBt
    {
        background: url(img/submitBg.gif) 0 0 no-repeat;
        width: 18px;
        height: 23px;
        float: left;
        margin: 0;
    }
    #Login a.submitBt:Hover
    {
        background: url(img/submitBg.gif) 0 -23px no-repeat;
    }
    #Login ul.loginLinks
    {
        list-style-type: none;
        padding: 0;
        font-size: .7em;
        margin: 0;
        float: left;
    }

    #Login ul.loginLinks li
    {
        display: inline;
        padding: 0 .5em;
        border-right: 1px solid #333;
    }
    /*logout*/
    .loginName
    {
        float: left;
        margin-left: 0.5em;
        margin-top: 0.4em;
        padding: 0.2em;
        background: #cfcdc7;
    }
    a.logOut
    {
        background: url(img/logOutBt.gif) no-repeat;
        width: 73px;
        height: 27px;
        float: right;
        margin-top: 0.2em;
        padding: .5em;
    }
    /*Quicklinks*/
    #Quicklinks
    {
        font-size: .8em;
        font-family: Georgia,Trebuchet, Serif;
        color: #FFFFFF;
        float: right;
        text-align: right;
        width: 70%;
        padding-right: 1.8em;
    }
    #Quicklinks ul
    {
        list-style-type: none;
        float: right;
    }
    #Quicklinks ul li
    {
        float: left;
        border-right: 1px solid #fff;
        padding: 0 .5em;
    }
    #Quicklinks a
    {
        color: #FFFFFF;
    }

    /*RadMenu
        #Menu{
        float:left;
        width:713px;
        height:34px;
        background:#334068;
        border:1px solid black;
         
        }
        */

    /*Text Content*/
    #Content
    {
        width: 950px;
        height: auto;
        float: left;        
    }
    #cubes
    {
        background: url(img/cubes.gif) repeat-x;
        float: left;
        height: 20px;
        width: 100%;
    }
    .intro
    {
        padding: 1em;
        margin-top: -1.3em;
        background: url(img/contentBg.png) no-repeat;
        min-height: 173px;
        height: auto !important;
        height: 173px;
    }

    .text
    {
        background: url(img/introTxtBorder.gif) repeat-x;
        float: left;
        padding: 1em 1em 1em 0;
        width: 100%;
    }
    .intro .text p
    {
        padding-left: 0;
        font-weight: normal;
    }
    .intro .text h1
    {
        font-size: 1em;
        padding: .5em 0;
        font-weight: bold;
        float: left;
        width: 100%;
        text-transform: none;
    }




    /*subheadline*/
    .intro .text h2
    {
        font-size: .8em;
        padding: 1em 0 0 0;
        font-weight: bold;
        float: left;
        color: #333;
        width: 100%;
    }

    .intro p
    {
        color: #333333;
        font-size: 0.8em;
        font-weight: bold;
        padding: 0.5em;
        width: 100%;
        float: left;
    }
    .intro a
    {
        text-decoration: underline;
    }
    .intro a:hover
    {
        text-decoration: none;
    }
    /**search form startpage */
    #searchForm
    {
        float: left;
        width: 100%;
        height: auto;
        background: #ffc500 url(img/formBg.gif) repeat-y;
        overflow: hidden;
    }

    #searchForm h2
    {
        color: #d42232;
        background: url(img/introTxtBorder.gif) bottom repeat-x;
        font-size: 1em;
        padding: .5em 0;
    }
    #searchForm p
    {
        color: #000;
        padding: .5em 0;
        font-size: .75em;
        float: left;
        width: 100%;
    }

    #searchForm .parts
    {
        width: 55%;
        float: left;
        padding: 0.5em 1em 0 1em;
        height: auto;
        overflow: hidden;
    }
    #searchForm .partOptions
    {
        width: 35%;
        float: left;
        padding: .5em 1em 1em 1em;
        height: auto;
        overflow: hidden;
        border-left: 1px solid #fff036;
    }

    #searchForm .drop
    {
        width: 30%;
        float: left;
        padding-right: 1em;
    }
    #searchForm .submitSearch
    {
        padding-top: 1em;
        float: left;
    }
    .addMsg
    {
        float: left;
        _float: none;
        margin-top: 1em;
        margin-left: 1em;
        padding: 1em;
        background: url(img/addMsg.gif) no-repeat;
        height: 88px;
        width: 922px;
    }
    .addMsg p
    {
        font-weight: bold;
        padding: 1em;
        color: #000;
    }
    /*
        .addMsg #bottom{
        float:left;
        background:url(img/addMsgBottom.gif) top no-repeat;
        height:5px;
        width:921px;
        padding:0;

        }
        .addMsg #top{
        float:left;
        background:url(img/addMsgTop.gif) bottom no-repeat;
        height:5px;
        width:921px;

        }
        .addMsg #content{

        background:url(img/addMsg.gif) repeat-y;
        float:left;
        font-weight:bold;
        padding:1em;
        width:900px;
        height:auto;

        }*/
    #searchForm .partOptions ul
    {
        list-style-type: none;
        padding: .5em 0 0 0;
        margin: 0;
        float: left;
    }
    #searchForm .partOptions ul li
    {
        float: left;
        padding: .2em;
    }
    /*newUserform*/
    /*edit member form - cant use newUser form because it depends on table around it*/
    .newUser, .editMember, .allMembers
    {
        background: #ffc500 url(img/formBg.gif) repeat-y;
        width: 100%;
        padding: 1em 1em 1em 0;
        float: left;
    }
    .allMembers
    {
        background: #ffc500;
        height: auto;
        overflow: hidden;
    }
    .newUser h2, .editMember h2, .allMembers h2
    {
        color: #d42232;
        background: url(img/introTxtBorder.gif) bottom repeat-x;
        font-size: 1em;
        display: block;
        margin: 0.8em 0.8em 0.5em;
        padding: 0.5em 0;
        width: 95%;
    }
    .newUser p, .editMember p
    {
        color: #000;
        padding: 0 1em .5em 1em;
        font-size: .75em;
        float: left;
        width: 100%;
    }
    .newUser ul, .editMember ul
    {
        list-style-type: none;
        padding: 1em;
        float: left;
        width: 100%;
        padding-bottom: 0;
    }
    .editMember ul
    {
        padding-top: 0;
    }
    .newUser li, .editMember li
    {
        padding: .5em 0;
        display: block;
    }
    .newUser label, .editMember label
    {
        font-size: 0.8em;
        width: 20%;
        float: left;
        color: #fff;
        font-weight: bold;
    }
    .newUser input
    {
        width: 30%;
        padding: .2em;
        float: left;
        font-size: .8em;
    }
    .newUser .secQuest
    {
        margin-top: -1em;
    }
    .newUser a.submitBt, .editMember a.submitBt
    {
        background: url(img/submitBt.gif) no-repeat;
        width: 116px;
        height: 34px;
        float: left;
        margin-left: 23em;
        padding-bottom: 1em;
    }

    .editMember input
    {
        width: 30%;
        padding: .2em;
        font-size: .8em;
    }
    .editMember label
    {
        padding: .2em;
        float: left;
        font-size: .8em;
    }
    /*phon number label*/
    .numbers
    {
        float: left;
        height: auto;
        overflow: hidden;
    }
    .number
    {
        width: 600px;
        float: left;
    }
    .number label
    {
        padding-right: 5.5em;
    }
    .number .RadComboBox_Super
    {
        padding-top: 0;
    }

    .addBt
    {
        background: url(img/addBt.gif) no-repeat;
        width: 87px;
        height: 32px;
        float: right;
        margin: 0;
        padding: 0;
    }


    .addBt a
    {
        width: 87px;
        height: 32px;
        float: left;
    }

    .updateBt
    {
        clear: both;
        height: 32px;
        margin-left: 370px;
        padding: 1em 0;
        width: 87px;
    }
    /*added number*/
    .addedNumbers, .number
    {
        color: #fff;
        float: left;
        width: 100%;
        padding: 0.2em;
        padding-left: 12em;
    }
    /*add number / phone*/
    .number
    {
        color: #fff;
        float: left;
        padding: 0.2em 0.2em 0.2em 1.2em;
        width: 490px;
    }
    .editMember li.items
    {
        height: auto;
        overflow: hidden;
    }
    .addedNumbers .number, .addedNumbers .type
    {
        width: 130px;
        float: Left;
        padding: 0 .6em;
        font-weight: normal;
        border: 1px dashed #ffdd44;
        border-left: none;
    }
    .addedNumbers .type
    {
        font-size: .8em;
        font-weight: BOLD;
        border: 1px dashed #ffdd44;
        border-right: none;
    }
    input.deleteBt
    {
        padding: 0;
        padding-left: 1.8em;
        padding-top: -0.3em;
    }
    /*memberlist, members-list,aspx,stock.aspx  */
    ul.memberList, ul.stockList
    {
        list-style-type: none;
        height: auto;
        overflow: hidden;
        float: left;
        width: 98%;
        font-size: .8em;
        background: #ffc500;
    }
    ul.stockList
    {
        border-right: 1px solid red;
    }
    ul.memberList li
    {
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    ul.stockList li
    {
 
        height: auto;
        overflow: hidden;
        margin-bottom: 1.8em;
        float:left;
        width:95%;
    }

    /*stock.aspx*/
    ul.memberList label
    {
        color: #FFFFFF;
        width: 15%;
        float: left;
        font-size: 1em;
        font-weight: bold;
    }


    ul.stockList .picture
    {
        float: right;
        width: 50%;
    }

    /*picture title*/
    ul.stockList .picture strong
    {
        display: block;
    }

    ul.stockList .info
    {
        float: left;
        width: 45%;
    }
    ul.stockList .info p
    {
        color: Black;
      
    }



    /*picture upload*/
    .upload
    {
        float: left;
        width: 30%;
    }



    /*members-list.aspx*/
    .memberList ul.row, .memberList ul.altrow
    {
        list-style-type: none;
        float: left;
        width: 94%;        
        background: transparent url(img/introTxtBorder.gif) repeat-x scroll center bottom;
        background: #ffa800;
    }
    .memberList ul.altrow
    {        
        background: transparent url(img/introTxtBorder.gif) repeat-x scroll center bottom;
        background: #ffc500;
    }
    .memberList ul.row li, .memberList ul.altrow li
    {
        float: left;
        width: 49%;
    }

    /*requestedParts.ascx*/
    ul.requestedParts
    {
        font-size: .8em;
        border-bottom: 1px dashed #fff;
        float: left;
        height: auto;
        list-style-type: none;
        overflow: hidden;
        width: 443px;
    }
    ul.requestedParts li
    {
        padding: .2em;
    }
    /*website link, email link*/
    ul.memberList a, ul.requestedParts a
    {
        color: #D42232;
    }
    /*catgorise members list*/
    .allMembers h3
    {
        color: #000000;
        font-size: 0.8em;
        padding: 0.5em 1em;
    }
    
    .allMembers h4
    {
        color: #000000;
		font-size: 1.3em;        
        font-weight: bold;
    }
    
    /*error message*/
    p.errorMsg
    {
        color: #D42232;
        font-size: 0.8em;
        padding: 0.5em 1em;
        font-weight: bold;
    }
    ul.categories
    {
        list-style-type: none;
        border-bottom: 1px solid #ffd33e;
        background: #ffbd00;
        font-size: .8em;
        width: 93%;
        margin: 0 1em;
    }
    ul.categories li
    {
        display: inline;
        border-right: 1px solid #ff9900;
        padding: 0 .5em;
    }
    ul.categories li a
    {
        color: #000;
        cursor: pointer;
    }
    .pager
    {
        float: right;
        padding: .5em;
    }
    /*contact*/
    ul.contact
    {
        list-style-type: none;
        font-size: 0.8em;
        padding: 0;
    }
    /*Zimweb Design*/
    .createdByZimweb
    {
        z-index: 500;
        height: 30px;
        margin: 0;
        padding: 0em 0 1em 1em;
        text-align: left;
        width: 900px;
        float: left;
    }
    .createdByZimweb img
    {
        float: left;
        border: none;
    }
    .createdByZimweb a
    {
        cursor: pointer;
        color: #333;
        height: 25px;
        line-height: normal;
        text-decoration: none;
        width: 136px;
        border: none;
    }
    .createdByZimweb a:hover
    {
        font-weight: bold;
    }

    .createdByZimweb span
    {
        float: left;
        width: 100px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 0.6em;
        padding-left: 1em;
    }
}