/*  
Theme Name: Acorn Intranet
Theme URI: 
Description: Acorn Intranet Design.
Version: 1
Author: Mark Harwood
Author URI: http://phunky.co.uk
*/

    code {
         font-size: 1.1em;
    }
    body {
        font            : 65% verdana, arial, helvetica, sans-serif ;
        margin          : 0px 0px 3.2em 0px ; padding : 0px ;
        background      : #A9BAC3 ;
    }
    form {
        margin: 0px 0px; padding: 0px 0px;
    }
    h1,h2,h3,h4,h5 {
        margin : 0px ; padding : 0px ;
    }
    
    h1, h1 a {
        margin : 0px ; padding : 0.8em 0px 0.5em 0px ;
        color : #6F0C23 ; font-size : 1.4em ;
        text-decoration : none ;
    }
    
    h1 a {font-size : 1em ;}
    
    h5 a {
        margin      : 0px ; 
        padding     : 0.8em 0px 0.5em 0px ;
        color       : #6F0C23 ;
        text-decoration : none ;
    }
    h2 {
        width       : auto ; 
        height      : 13px ;
        _height     : 14px ;
        margin      : 0px 0px 5px 0px; 
        padding     : 0.4em 0.5em ;
        color       : #5C5C5C ; 
        font-size   : 12px ;
        font-weight : normal ;
        background  : url(http://www.acornstairlifts.com/css/h2_bg.gif) #E7ECF0;
    }
    h2 a {
        width           : 100%;
        display         : block;
        text-decoration : none ;
        color           : #000000;         

    }
    p {
        margin : 10px 2px 10px 2px ; padding : 0px ;
        color : #66737B ; font-size : 1.1em ;
    }
    
    img {border:0px solid #000}
    
    a {color:#66737B}
    
    /*****************************************************************
        ID DEFINED TAGS
    *****************************************************************/

    #widthContainer {
        width           : 768px ; 
        height          : auto ;
        margin          : 5px auto 0px auto; 
        background      : #fff ; 
        border          : 1px solid #D9D9D9; 
        padding         : 2px;
    }
    
    #header {
        width : auto ; height : 90px ; 
        margin : 0px ; padding : 0px 0px 5px 0px;
        background : url(http://images.acornstairlifts.net/support/header_bg.gif) #fff repeat-x;
    }
    
    #headerLeft {
        width : 287px ; height : 90px ;
        margin : 0px ; padding : 0px ;
        background : url(http://images.acornstairlifts.net/support/header_bg.gif) #fff repeat-x;
    }
    
    #headerRight {
        width       : 287px ; 
        height      : 90px ;
        margin      : 0px ; 
        padding     : 0px ;
        background  : url(http://images.acornstairlifts.net/support/header_bg.gif) #fff repeat-x;
    }
    
    #headerRight h1{
        font-family     : verdana, arial, helvetica, sans-serif;
        text-align  : right;
        color       : #EFF6F9;
        font-size   : 12px;
        font-weight : bolder;
        padding     : 10px 10px 0px 0px;
    }
    
    #contentContainer {
        width       : 100% ; 
        height      : auto ;
        background  : #fff; 
        padding     : 0px;
    }
    
    #SideNavbase {
        width                   : 150px ;
        float                   : left;
        margin                  : 0px 0px 0px 0px;
        padding                 : 0px 0px 0px 0px;
        height                  : 700px;
        background              : url(http://css.acornstairlifts.net/SideNavbase.jpg) 0px -100px #fff ;
    }
    
    #splash {
        width           : auto ; 
        height          : 200px ;
        margin          : 0px ; 
        padding         : 0px ;
        background      : url("http://images.acornstairlifts.net/splash_global.jpg") #F5EFE4 no-repeat ;
        text-align      : right ;  
        border-top      : 1px solid #A30046; 
        border-bottom   : 1px solid #A30046;
    }

    #footer {
        width : auto ; height : auto ;
        margin : 1.6em 0px ; padding : 0px ;
        border-top : 2px solid #A9BAC3 ; 
        clear:both ;
    }
    
    #footer
        {
        width           : auto ;
        height          : 15px ;
        margin          : 0px ; 
        padding         : 5px 10px 5px 5px ;
        background-color:#6B6B6B;
        color           :#FFFFFF;
        clear           :both;
        text-align      :right;
        }
    
    #footer a {
        font-weight :bold;
        color       :#FFFFFF;
        text-decoration:none;
        }
    
    #footer a:hover {
        font-weight :bold;
        text-decoration:underline;
        }    
    
    #search  {padding:30px 5px 0px 0px;}
    #search input {
        width : 125px ; height : 16px ;
        margin : 0px ; padding : 0px 10px ;
        font-size : x-small ;
        border : 1px solid #C7CED1 ;
    }   
    
    /*****************************************************************
        #content styling
    *****************************************************************/
        
    #content {
        width       : 540px ; 
        height      : auto ;
        margin      : 5px; 
        padding     : 0px 0px 0px 10px;
        float       : left ; 
    }
        
    
    /*****************************************************************
        CLASS DEFINED TAGS
    *****************************************************************/
        
    .left{float:left}
    .right{float:right}
    
    .txtLeft{text-align:left}
    .txtRight{text-align:Right}
    .txtLite{font-weight:lighter}
    .txtBold{font-weight:bolder}
    .linkIcon {
        display : inline ;
    }
    .linkIcon img{
        width : 25px ; height : 25px ;
        border : 1px solid #999 ;
        padding : 1px ; margin : 0px 2px ;
    }
    .quote_box {
        color:              #333333;
        background:         #eeeeee;
        padding:            1em;
        margin-top :        1em;
        margin-bottom :     1em;
        margin-left :       25px;
        margin-right :      25px;
        border:             #90233C thin solid;
    }
    .warning {
        font-size           : 12px;
        font-weight         : bold;
        border              : 2px #000 solid;
        padding             : 10px 20px 10px 55px;
        margin              : 10px 10px 10px 10px;
        min-height          : 42px;
        height              : auto;
        _height              : 42px;
        width               : auto;
        background          : url(http://images.acornstairlifts.net/install/warning.gif) no-repeat 10px 10px;
    }
    .install {
        color               : #000 !important;
        font-size           : 12px;
        width               : auto;
        padding             : 0px 0px 0px 180px;
    }

    .install p {
        color               : #000 !important;
        font-size           : 12px;
    }

    .install2 {
        color               : #000 !important;
        font-size           : 12px;
        width               : auto;
        padding             : 20px 0px 0px 180px;
    }

    .install3 {
        color               : #000 !important;
        font-size           : 12px;
        width               : auto;
        padding             : 20px 0px 10px 180px;
    }

    .install3 p {
        color               : #000 !important;
        font-size           : 12px;
        width               : auto;
    }

    .install3 h3 {
        color               : #000 !important;
        font-size           : 13px;
        font-weight         : bold;
        padding             : 20px 0px 10px -15px;
    }

    .smallitalicbold {
        font-size           : 0.9em;
        font-weight         : bold;
    }
    
    
    /*****************************************************************
            #topNav
    *****************************************************************/    

    #topNav ul {
        display         : block ;
        width           : auto ; 
        height          : 44px ;
        margin          : 0px ; 
        padding         : 0px ;
        background      : #DBE2E6 ;
        list-style      : none ;
        border-bottom   : 2px solid #DBE2E6 ;
    }

    #topNav ul li {
        position        : relative ;
        top             : 5px ;
        float           : left ;
    }

    #topNav ul li a {
        display         : block ;
        width           : 80px ; 
        height          : 29px ;
        margin          : 0px ; 
        padding         : 0.5em 3px 0.4em 3px ;
        text-decoration : none ; 
        color           : #333 ;
        font-size       : 10px ;
        text-align      : center;
        border-right    : 1px solid #DBE2E6 ; 
        border-top      : 1px solid #DBE2E6 ;
        background      : url(/css/tab_corner.gif) no-repeat;
    }

    #topNav ul li a:hover  {
        color           : #333 ;
    }

    #topNav ul li.page_item{
        background      : #EEF0F1 !important ; 
        color           : #333 ;
        border-bottom   : 2px solid #C6C7C8 ;
        border-right    : 1px solid #DBE2E6 ;
    }

    #topNav ul li.current_page_item{
        background      : #fff !important ; 
        color           : #000 ;
        font-weight     : bold ;
        border-bottom   : 2px solid #ffffff ;
        border-right    : 1px solid #DBE2E6 ;
        letter-spacing  : -0.1px ;
    }
       
    /*****************************************************************
        #calendar styling
    *****************************************************************/
    
    #wp-calendar {
        width : auto ; height : auto ;
        margin : 1px 1px 0px 1px  ; padding : 0px ;
    }
    
    #wp-calendar th {
        margin : 0px ; padding : 2px 0px ;
        background : #66737B ; color : #fff ;
    }

    #wp-calendar td {
        width : 33px ; height : 25px ;
        margin : 0px ; padding : 0px ;
        border : 1px solid #fff ; background : #EEF0F1 ;
        text-align : center ;
    }
    
    #wp-calendar .event {
        
    }
    
    #wp-calendar .event a{ 
        display : block ;
        width : 33px ; height : 25px ;
        margin : 0px ; padding : 0px ;
        color : #a00 ;
        font-weight : bolder ;
    }
    
    #wp-calendar .event a:hover{ 
        background : #a00 ; color : #fff ;
    }
    
    #wp-calendar .today {
        background : #999 !important;
    }
    
    /*****************************************************************
        #contacts directory
    *****************************************************************/
    
    dt {
        margin : 0px ; padding : 0px ;
    }
    
    dd {
        margin : 0px ; padding : 0px ;
    }
    .contact dl {
        margin : 0px ; padding : 0px ;
    }
    .contact dd {
        width : auto ; height : 100px ;
        margin : 0px 0px 5px 0px ; padding : 5px ;
        border : 1px solid #EAEEF3 ;
    }
    
    .contact dd h1 {
        color : #330000 ;
        margin : 0px ; padding : 0px ;
    }
    .contact dt h2 {
        margin-bottom : 5px ;
    }
    
    .contact h3 {
        color : #66737B ; font-size : 1.1em ;
        font-weight : lighter ;
    }
    
    .contact h5 span {
        color : #66737B ; font-size : 0.9em ;
        font-weight : lighter ;
    }
    
    .contact h4 {
        color : #6F0C23 ; font-size : 1em ;
        font-weight : lighter ;
    }
    
    .contact h5 {
            color : #6F0C23 ; font-size : 1.2em ;
    }
    
    .contact dd img{
        display : inline ;
        width : auto ; height : 100px ;
        margin : 0px 5px 0px 0px ; padding : 0px ;
        border : 2px solid #6E7A82 ; float : left ;
        
    }
    
    .contact dd div{
        width : auto ; height : 100px ;
        margin : 0px ; padding : 0px ;
    }
    
    .subMenu {
        width : auto ; height : auto ;
        margin : 0px !important; padding : 0px !important;
        border : 0px solid #999 !important;
        border-top : 1px solid #EEF0F1 ;
    }
    
    .subMenu li {
        border : 0px solid #999 !important;
        margin : 0px !important ; padding : 0px !important ;
    }
    
    .subMenu a {
        display : block ;
        width : auto ; height : auto ;
        margin : 0px ; padding : 4px 5px ;
        background : #F9F9F9 ; color : #66737B ;
        border-top : 1px solid #F9F9F9 ; border-bottom : 1px solid #F9F9F9 ;
    }
    .subMenu a:hover {
        background : #fff ;
        border-top : 1px solid #E1E1E1 ; border-bottom : 1px solid #E1E1E1 ;
    }
    
    /*****************************************************************
        BODY #ID dependant styling
    *****************************************************************/
    
    #home .home, #contact .contact, #doclib .doclib, #careers .careers, #it .it, #policies .policies, #info .info{
        background-color : #EEF0F1 ; font-weight : bolder ;
    }
    
    /*****************************************************************
        .filetype icons
    *****************************************************************/
    .file, .file li {
        display : inline ;
        width : auto ; height : auto ;
        margin : 0px ; padding : 0px ;
        list-style : none ; 
    }
    .file {display : block ;}
    .file li a {
        display : block ;
        width : auto ; height : auto ;
        margin : 1px ; padding : 5px 0px 5px 20px ;
        background : url(../templates/css/images/icon.gif) no-repeat ;
        border-bottom : 1px solid #999 ; font-weight : bolder ;
        text-decoration : none ;
    }
    .file li a:hover {background-color:#F7F7F7}
    .file .jpg{background-image:url(../templates/css/images/jpg.gif)}
    .file .gif{background-image:url(../templates/css/images/gif.gif)}
    .file .pdf{background-image:url(../templates/css/images/pdf.gif)}

    /*****************************************************************
        #links styling
    *****************************************************************/
    
    #links {
        width : auto ; height : auto ;
        margin : 0px ; padding : 0px ;
    }
    
    #links ul{
        width : auto ; height : auto ;
        margin : 5px 0px ; padding : 0px ;
        list-style : none ; border : 1px solid #EAEEF3 ;
        border-bottom : 0px solid #EAEEF3 ;
    }
    
    #links ul li {
        display : block ;
        width : auto ; height : auto ;
        margin : 0px ; padding : 5px ;
        border-bottom : 1px solid #EAEEF3 ;
    }
    
    #links ul li a {
        font-size : 1.1em ;
        display : block ;
        margin : 0px ; padding : 0px ;
        width : auto ; height : auto ;
        text-decoration : none ;
    }

    /*****************************************************************
        box styling
    *****************************************************************/
    .confirm_box {
        width       : auto; 
        height      : 35px;
        border      : 1px solid #009900;
        padding     : 5px 5px;
    }
    .confirm_box strong{
        display     : block;
        width       : auto;
        font-weight : bold;
        font-size   : 1.3em;
        padding     : 0px 0px 0px 0px;
        text-align  : center;   
    }
    
    .error_box {
        width       : auto; 
        height      : 35px;
        border      : 1px solid #90233C;
        padding     : 5px 5px;
    }
    .error_box strong{
        display     : block;
        width       : auto;
        font-weight : bold;
        font-size   : 1.3em;
        padding     : 0px 0px 0px 0px;
        text-align  : center;   
    }
    /*****************************************************************
        form styling
    *****************************************************************/
    
    form {
        width : auto ; height : auto ;
        margin : 0px ; padding : 5px ;
    }
    
    .form_top{
         font-family    : arial,verdana,helvetica,sans-serif;
        font-size       : 1em;
        font-weight     : bold;
        color           : #000;
        padding         : 4px; 
        background      : #ccc;}
        
    .form_label {
            background-color: #efefef; 
            padding         : 4px; 
            font-family     : Arial, Helvetica, sans-serif; 
            font-size       : 1em;
    }
    
    label {
        display : block ;
        width : auto ; height : auto ;
        margin : 0px ; padding : 0px ;
        font-weight : bolder ; color : #66737B ;
    }
    .checkbox{
        height: auto; width: auto;
    }
    input, textarea {
        width : 100% ; height : auto ;
        margin : 0px ; padding : 0px ;
        color : #66737B ;
    }
    
    /*****************************************************************
            Search Engine styling
    *****************************************************************/
    
    .search_title {
        font-size: 1.5em;
    }
    .url {
        color: #90233c;
    }
    /*****************************************************************
            Shopping Basket styling
    *****************************************************************/
        
    .description {
        display: block;
        padding: 0px 0px 0px 5px;
        height: auto;
        width: 250px;
        float: left;
    }
    .cart_row {
        width               : auto;
        padding             : 0px 0px;
        margin              : 0px 0px;
        display             : block;
        clear               : both ;
        cursor              : pointer;
    }
    .description .floatMe {
        float               : right;
    }
    .cart_row_top strong {
        line-height: 2em;
        width: auto;
        display: block;
        background: #DDE1E3;
        padding: 0px 0px;
        margin: 0px 0px;
    }
    .description code {
        font-weight:bold;
        width: auto;
        font-size: 1.3em;
        display: block;
        padding: 0px 0px;
        margin: 0px 0px;
    }
    .cart_row .image {
        width               : 110px;
        padding             : 5px 5px;
        height              : auto; 
        float               : left;
        text-align          : center;
        border              : 1px solid #EEF0F1;

    }
    .cart_row .cart_row_top {
        float               : left;
        width               : 275px;
    }
    .cart_row .price {
        height              : auto; 
        line-height         : 2em;
        float               : left;
        background          : #DDE1E3;
        width               : 60px;
    }   
    .cart_row .check_box {
        height              : 2em;
        float               : left;
        width               : 28px;
        background          : #DDE1E3;
        margin: 0px 0px;
        padding: 0px 0px;
    }   
    
    /*****************************************************************
            Jobs styling
    *****************************************************************/
    
    .jobtitle {
        font-size                   : 14px;
        font-weight                 : bold;
        text-decoration             : none;
        color                       : #000;
        display                     : block;
     }
    
    
    .jobbox {
        font-size                   : 10px;
        color                       : #000;
        margin                      : 5px; 
        padding                     : 5px;
        width                       : auto;
        height                      : 40px;
        border                      : 1px #999 solid;
     }
     
     /* MoreDetails Button */
     a.morebutton  {
         background-image            : url(http://careers.acornstairlifts.net/images/search_button.jpg);   
         font-size                   : 10px; 
         padding                     : 3px 0px 0px 30px;
         margin                      : 0px;  
         text-align                  : center;   
         min-width                   : 75px; 
         color                       : #000; 
         text-decoration             : none;  
         text-transform              : uppercase;
         background-repeat           : no-repeat;
     }
                     
     a.morebutton:link     {   
         background-color            : #fff;     
         color                       : #000; 
         text-decoration             : none; 
     }
     
     a.morebutton:visited{ 
         background-color            : #fff;     
         color                       : #000; 
         text-decoration             : none; 
     }
     
     a.morebutton:hover {  
         background-color            : #fff;     
         color                       : #8D003E;  
         text-decoration             : none; 
     }
     
     a.morebutton:active {     
         background-color            : #fff;     
         color                       : #000;     
         text-decoration             : none; 
    }