div.box1 ul {


}

html,body
{
    width: 100%;
    height: 100%;
}
html,body,div
{
    margin: 0;
    padding: 0;
}
body 
{
    background: #2d2d82 url(/images/yellow-line.gif) center top repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}
div.background
{
    width: 100%;
    min-height: 100%;
    background: url(/images/back.jpg) center top no-repeat;
}
div.outer
{
    margin: 0 auto;
    width: 958px;
    background: url(/images/back.gif) left top repeat-y;
}
div.outer.menu
{
    background-image: url(/images/back-menu.gif);
}
div.outer div.inner
{
    margin: 0 auto;
    width: 944px;
    background: url(/images/head-back.jpg) left top no-repeat;
}
div.outer.menu div.inner
{
    background-image: url(/images/head-back-menu.jpg);
}

    div.inner div.header
    {
        background: url(/images/header-back.jpg) left top repeat-y;
        min-height: 168px;
        position: relative;
        border-bottom: solid 2px #f0e508;
    }
        div.inner div.header h1.tagline
        {
            margin: 20px 35px 0 0;
            color: #fff;
            float: right;
            font-size: 15pt;
            text-transform: uppercase;
        }
            div.inner div.header h1.tagline span
            {
                font-size: 11pt;
                letter-spacing: 2pt;
            }
        div.inner div.header h1.logo
        {
            margin: 22px 35px 22px 0;
            clear: both;
            display: block;
            width: 212px;
            height: 44px;
            text-indent: -5000px;
            background: url(/images/pcm-logo.png) left top no-repeat;
            float: right;
        }
            div.inner div.header h1.logo a
            {
                display: block;
                width: 100%;
                height: 100%;
            }
        div.inner div.header div.nav
        {
            position: absolute;
            bottom: 0;
            clear: both;
            background: url(/images/nav-back.png);
            overflow: hidden;
        }
            div.inner div.header div.nav ul
            {
                float: left;
                margin: 0;
                padding: 0;
                list-style: none;
            }
                div.inner div.header div.nav ul li
                {
                    margin: 0 0 -1px 0;
                    padding: 10px 20px;
                    float: left;
                    border-right: solid 1px #f0e508;
                    border-bottom: solid 1px #f0e508;
                    text-transform: uppercase;
                    font-weight: bold;
                }
                    div.inner div.header div.nav ul li a
                    {
                        color: #e5dd9f;
                        text-decoration: none;
                    }
                    div.inner div.header div.nav ul li a:hover
                    {
                        color: #f0e508;
                        text-decoration: underline;
                    }

    div.inner div.header-shadow
    {
        background: url(/images/nav-shadow.png) left top repeat-x;
        height: 10px;
    }


/* SIDE MENU */

    div.sidemenu
    {
        color: #caeaf8;
    }
        div.sidemenu h3
        {
            padding: 0 0 0 20px;
        }
        div.sidemenu ul
        {
            list-style: none;
            border-bottom: solid 1px #fff;
            margin: 10px 12px 0 0;
            padding: 0;
        }
            div.sidemenu ul li
            {
                border-top: solid 1px #fff;
                margin: 0;
                padding: 0;
            }
                div.sidemenu ul li a
                {
                    color: #caeaf8;
                    text-decoration: none;
                    padding: 10px 5px 10px 20px;
                    margin: 0;
                    display: block;
                    width: 210px;
                }
                div.sidemenu ul li a:hover
                {
                    color: #fff;
                    text-decoration: underline;
                }

                    div.sidemenu ul li ul
                    {
                        margin: 0;
                        border-bottom: none;
                    }

                    div.sidemenu ul li ul li a
                    {
                        color: #669fd0;
                        display: block;
                        padding: 7px 5px 7px 40px;
                        margin: 0;
                        font-size: 9pt;
                        width: 190px;
                    }
                    div.sidemenu ul li ul li a:hover
                    {
                        color: #9ac3e5;
                    }


/* FOOTER */

    div.inner div.footer
    {
        clear: both;
        background: #333283;
        margin-top: 10px;
        padding: 10px 20px;
        font-size: 8pt;
        overflow: hidden;
        color: #fff;
    }
    div.inner div.footer a
    {
        color: #fff;
        text-decoration: none;
    }
    div.inner div.footer a:hover
    {
        text-decoration: underline;
    }
        div.inner div.footer ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
            float: left;
        }
            div.inner div.footer ul li
            {
                margin: 0;
                padding: 0 5px;
                display: inline;
                border-right: solid 1px #f0e508;
            }
            div.inner div.footer ul li:last-child
            {
                border-right: none;
            }
        div.inner div.footer div.copyright
        {
            float: right;
        }

div.footer-shadow
    {
        margin: 0 auto;
        width: 958px;
        background: url(/images/footer-shadow.png) left top no-repeat;
        height: 14px;
    }
    
    
/* CONTENT */

    div.outer div.content
    {
        padding-left: 20px;
    }

    div.outer.menu div.content
    {
        padding-left: 0;
    }

    div.cols4
    {
        width: 912px;
        float: left;
    }
    div.cols3
    {
        width: 684px;
        float: left;
    }
    div.cols2
    {
        width: 456px;
        float: left;
    }
    div.cols1
    {
        width: 228px;  /* 217+11 */
        float: left;
    }

    div.cols1.sidemenu
    {
        width: 248px;  /* 217+11+20 */
        float: left;
    }

    /* BOX 1 */

    div.box1
    {
        border: solid 1px #30307f;
        background: url(/images/box1-back.png);
        height: 100%;
        padding: 0;
        margin: 8px 11px 0 0;
        color: #333283;
        overflow: hidden;
    }
        div.box1 h3, div.box1 p
        {
            margin: 10px;
        }
        div.box1 div.date
        {
            text-align: right;
            margin: 20px 15px 0 0;
        }
        div.box1 div.ticker
        {
            clear: both;
            margin: 20px 0;
            padding: 10px;
            background: #30307f;
            color: #ccc;
            font-size: 11pt;
            text-align: center;
        }
            div.box1 div.ticker a
            {
                color: #fff;
                text-decoration: none;
            }
            div.box1 div.ticker a:hover
            {
                color: #f0e508;
                text-decoration: underline;
            }

    /* BOX 2 */

    div.box2
    {
        border: solid 1px #acb1bd;
        background: #fff;
        height: 100%;
        padding: 0;
        margin: 8px 11px 0 0;
        color: #333283;
        font-size: 8pt;
        overflow: hidden;
    }
        div.box2 h3
        {
            background: #333283;
            margin: 0;
            padding: 4px 6px;
            color: #ccc;
            font-weight: normal;
            font-size: 11pt;
        }
        div.box2 p
        {
            margin: 10px;
            color: #666;
        }

        div.box2 a
        {
            color: #333283;
            text-decoration: none;
        }
        div.box2 a:hover
        {
            text-decoration: underline;
        }

        /* BOX2 Latest News */

        div.box2.latestnews h3
        {
            background: #000;
        }
        div.box2.latestnews h4
        {
            font-size: 12pt;
            margin: 10px;
        }
        div.box2.latestnews p
        {
            margin: 10px;
            color: #000;
        }

        /* BOX2 with picture and list of links */

        div.box2.picandlinks img
        {
            padding: 10px;
            float: left;
        }
        div.box2.picandlinks ul
        {
            margin: 10px 0 10px 0;
            padding: 0 0 0 15px;
            float: left;
            width: 100px;
        }
            div.box2.picandlinks ul li
            {
                margin: 0;
                padding: 0;
            }
            
        /* BOX2 with other links */

        div.box2.otherlinks ul
        {
            margin: 4px 4px 10px 10px;
            padding: 0;
            float: left;
            list-style: none;
            font-size: 12pt;
        }
            div.box2.otherlinks ul li
            {
                margin: 0;
                padding: 0;
                list-style-position: outside;
            }

        /* BOX2 Product List */
        
        div.box2.productlist ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }
            div.box2.productlist ul li
            {
                margin: 0 10px;
                padding: 10px 0;
                border-bottom: solid 1px #acb1bd;
                overflow: hidden;
            }
            div.box2.productlist ul li:last-child
            {
                border-bottom: none;
                margin-bottom: 0;
            }
                div.box2.productlist ul li p
                {
                    color: #333283;
                }

                div.box2.productlist ul li a
                {
                    color: #5984bd;
                }
                    div.box2.productlist ul li a span.productname
                    {
                        font-size: 11pt;
                    }
                    div.box2.productlist ul li a img
                    {
                        float: left;
                        border: solid 1px #acb1bd;
                        margin: 0 10px 0 0;
                    }
                    div.box2.productlist ul li a:hover img
                    {
                        border-color: #5984bd;
                    }

        /* BOX2 Product Detail */
        
        div.box2.productheader h3 div.productname
        {
            float: left;
        }
        div.box2.productheader h3 div.modelno
        {
            float: right;
        }


        /* Specific to large boxes */
        div.cols2 div.box2.productdetail
        {
            padding: 17px;
        }
        div.cols2 div.box2.productdetail h4
        {
            clear: both;
            font-size: 11pt;
            margin: 30px 0 10px 0;
        }
		
		/* Specific to large boxes */
        div.cols3 div.box2.productdetail
        {
            padding: 17px;
        }
        div.cols3 div.box2.productdetail h4
        {
            clear: both;
            font-size: 11pt;
            margin: 30px 0 10px 0;
        }

        /* Specific to small boxes */
        div.cols1 div.box2.productdetail
        {
            padding: 0 10px;
        }
        div.cols1 div.box2.productdetail h4
        {
            clear: both;
            font-size: 11pt;
            margin: 10px 0 10px 0;
        }


        div.box2.productdetail h3
        {
            overflow: hidden;
        }
        div.box2.productdetail img
        {
            display: block;
            margin: 0 auto; /* Center all images */
        }
		img.categoryphoto
        {
             border: solid 1px #acb1bd;
            margin: 0 14px 14px 0;
            float: left;
        }
        div.box2.productdetail img.productphoto
        {
            border: solid 1px #acb1bd;
            margin: 0 14px 14px 0;
            float: left;
        }
        div.box2.productdetail p
        {
            margin: 0 0 10px 0;
            color: #333283;
        }
        div.box2.productdetail div.description p:first-child
        {
            font-weight: none;
        }
        div.box2.productdetail ul
        {
            color: #666;
            padding: 0 0 0 16px;
        }

        div.box2.productdetail table
        {
            margin: 10px 0;
            border: solid #acb1bd;
            border-width: 1px 0 0 1px;
        }
            div.box2.productdetail table th, div.box2.productdetail table td
            {
                border: solid #acb1bd;
                border-width: 0 1px 1px 0;
            }
            div.box2.productdetail table th
            {
                background-color: #669fd0;
                color: #fff;
                text-transform: uppercase;
                padding: 3px;
            }
            div.box2.productdetail table td
            {
                color: #666;
                padding: 3px;
            }
            div.box2.productdetail table tr:nth-child(odd)
            {
            }
            div.box2.productdetail table tr:nth-child(even)
            {
                background-color: #dce6fa;
            }

        div.box2.productdetail.relatedproducts
        {
            background-color: #dce6fa;
        }
        
        .box1 ul {clear:left;}