/*
Theme Name: amr-webdesign2010

*/
* HTML #buttonsearch
{
        margin: -22px 0px 0px 175px;
}
/**/
* HTML .comments .list .listgrav
{
        left: 0px;
}
/*header
*/
* HTML .header
{
        height: 80px;
}
/*links*/
A
{
        border: 0px solid #000000;
        color: #651010;
        -moz-outline-style: none;
        text-decoration: none;
}
A:hover
{
        border: 0px solid #000000;
        color: #651010;
        -moz-outline-style: none;
        text-decoration: underline;
}
A:focus
{
        -moz-outline-style: none;
        outline: none;
}
BODY
{
        background-color: #FFFFFF;
        color: #333333;
        font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/*forms*/
FORM
{
        margin: 0px;
        padding: 0px;
}
H1, H2, H3, H4
{
        font-family: Arial, Helvetica, sans-serif;
}
HR
{
        border-bottom: 0px solid #ABB0B5;
        border-top: 1px dotted #ABB0B5;
        height: 1px;
}
HTML
{
        margin: 0;
        padding: 0;
}
/*ihh*/
IMG
{
        border: none;
        margin: 0px;
        padding: 0px;
        text-align: center;
}
INPUT
{
        color: #282B31;
        font-family: Verdana;
        font-size: 11px;
}
SELECT
{
        color: #282B31;
        font-family: Verdana;
        font-size: 11px;
}
TEXTAREA
{
        color: #282B31;
        font-family: Verdana;
        font-size: 11px;
}
/*WP-alignments*/
.aligncenter, DIV.aligncenter
{
        display: block;
        margin-left: auto;
        margin-right: auto;
}
.alignleft
{
        float: left;
}
.alignright
{
        float: right;
}
/*BGContainer*/
.bgc
{
        margin: 0 -0.8em;
        padding: 0px 0px 2em 0;
        position: relative;
        width: 980px;
}
/*block SRL*/
.bt
{
        height: 1px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 5px;
}
.clear
{
        clear: both;
}
/*Comments*/
.comments
{
        margin: 20px 0px 0px;
}
/*Comments Form*/
.comments .form
{
        background: #F6F9FD url(images/ComFormBottom.gif) no-repeat left bottom;
        padding: 10px 15px 20px;
        position: relative;
}
.comments .form .textarea
{
        background: #FFFFFF;
        border: 1px solid #A3AEBD;
        font-size: 12px;
        padding: 4px;
}
.comments .form .textfield
{
        background: #FFFFFF;
        border: 1px solid #A3AEBD;
        display: block;
        font-size: 11px;
        padding: 4px;
}
.comments .form A
{
        text-decoration: underline;
}
.comments .form FORM
{
        margin: 0px;
        padding: 0px;
}
.comments .form INPUT.submitcomment
{
        background: url(images/SubmitComment.png) no-repeat;
        height: 26px;
        margin-top: 8px;
        width: 63px;
}
.comments .form INPUT.submitcomment:hover
{
        background: url(images/SubmitComment.png) no-repeat 0 -26px;
        margin-top: 8px;
}
.comments .form INPUT.submitcommentie
{
        background: url(images/SubmitComment.png) no-repeat 0 -26px;
        height: 26px;
        margin-top: 10px;
        margin-top: 8px;
        width: 63px;
}
.comments .form P
{
        color: #6A7F9B;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
}
.comments .form P SMALL
{
        display: block;
        font-size: 11px;
        padding: 5px 0px;
}
.comments .form P SMALL STRONG
{
        color: #57648E;
        font-size: 10px;
        font-weight: bold;
}
/**/
.comments .formtop
{
        background: url(images/ComFormTop.gif) no-repeat left top;
        height: 10px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 505px;
}
/*Comments List*/
.comments .list .comlistli
{
        background: #F7F7F7;
        border: 1px solid #E5E5E5;
        clear: both;
        display: block;
        margin: 0 0 0.5em;
        padding-left: 5em;
}
.comments .list .comlistli-admin
{
        background: #D2EECC;
        border: 1px solid #A6CB9E;
        clear: both;
        display: block;
        margin: 0 0 0.5em;
        padding-left: 5em;
}
.comments .list .comlistli-admin .p
{
        border-top: 1px solid #C5DDBF;
}
/* */
.comments .list .listgrav
{
        left: 0.8em;
        position: absolute;
        top: 15px;
}
.comments .list .listgrav IMG
{
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        padding: 1px;
}
.comments .list BIG
{
        color: #333333;
        display: block;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 14px;
        margin: 0px;
        padding: 0px 0px 0px 0;
}
.comments .list BIG A
{
        color: #666666;
        text-decoration: none;
}
.comments .list BIG A:visited
{
        color: #7E7E7E;
        text-decoration: none;
}
.comments .list BIG A:hover
{
        color: #7E7E7E;
        text-decoration: none;
}
.comments .list H3
{
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 0px 0px 5px;
        padding: 5px 0px;
}
.comments .list LI
{
        color: #484C4F;
        font-size: 11px;
        line-height: 15px;
        list-style-type: none;
        margin: 0px;
        padding: 15px 0px;
        position: relative;
}
.comments .list LI .p
{
        border-top: 1px solid #E5E5E5;
}
.comments .list LI BLOCKQUOTE
{
        border-bottom: 1px dashed #CCCCCC;
        border-top: 1px dashed #CCCCCC;
        color: #666666;
        font-size: 11px;
        font-style: italic;
        margin: 0px;
        padding: 0px;
}
.comments .list LI BLOCKQUOTE P
{
        color: #666666;
        font-size: 11px;
        line-height: 16px;
        margin: 0px;
        padding: 5px 0px;
}
.comments .list LI P
{
        color: #484C4F;
        font-size: 11px;
        line-height: 15px;
        margin: 0;
        padding: 5px 0px 0 0;
}
.comments .list LI UL
{
        margin: 0px;
        padding: 5px 0px;
}
.comments .list LI UL LI
{
        background: none;
        color: #63565F;
        font-size: 11px;
        line-height: 13px;
        list-style-type: none;
        padding: 0px;
}
.comments .list OL
{
        margin: 0px;
        padding: 0px;
}
.comments .list SMALL
{
        color: #777777;
        display: block;
        margin: 0px;
        padding: 0px 0px 10px 0;
}
.comments .list SMALL A
{
        color: #666666;
        text-decoration: none;
}
.comments .list SMALL A:visited
{
        color: #7E7E7E;
        text-decoration: none;
}
.comments .list SMALL A:hover
{
        color: #7E7E7E;
        text-decoration: none;
}
.comments H3
{
        color: #EEAA33;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 0px;
        padding: 5px 0px 10px;
}
/*CST the core of it [SCS]*/
.cst
{
        float: left;
        padding: 0px 20px 15px 5px;
        width: 505px;
}
.cst BLOCKQUOTE
{
        background: #E9F8FF;
        color: #336699;
        margin: 0px;
        padding: 2px 10px;
}
.cst BLOCKQUOTE A
{
        color: #0080CA;
}
.cst BLOCKQUOTE A:visited
{
        color: #0080CA;
}
.cst BLOCKQUOTE A:hover
{
        color: #003399;
}
.cst BLOCKQUOTE LI
{
        background: url(images/PostContentBlockLiIco.png) no-repeat left top;
        color: #336699;
        font-size: 11px;
        line-height: 15px;
        list-style-type: none;
        padding: 2px 0px 2px 15px;
}
.cst BLOCKQUOTE P
{
        font-size: 11px;
        line-height: 15px;
        margin: 5px 0px;
        padding: 5px 0px;
}
.cst H1
{
        background: url(images/Dotted.gif) repeat-x bottom;
        font-size: 20px;
        font-weight: normal;
        letter-spacing: -1px;
        padding-bottom: 10px;
}
.cst H2
{
        font-size: 18px;
        font-weight: normal;
}
.cst H3
{
        font-size: 14px;
        font-weight: bold;
}
.cst IMG
{
}
.cst LI
{
        background: url(images/PostContentLiIco.png) no-repeat left top;
        color: #4C4C4C;
        font-size: 11px;
        line-height: 15px;
        list-style-type: none;
        padding: 2px 0px 2px 15px;
}
.cst P
{
        font-size: 12px;
        line-height: 17px;
}
.cst P STRONG
{
}
.cst UL
{
        margin: 0px;
        padding: 10px 0px;
}
/*CTR wt handle it all*/
.ctr
{
        float: left;
        padding: 0px;
        position: relative;
        width: 800px;
        margin: 0 0 0 -20px;
        font-weight: normal;
}
/*footer*/
.footer
{
        background: #FFFFFF;
        border-top: 1px solid #F7F7F7;
        clear: left;
        margin: 0px 0px 0px 15px;
        padding: 15px 30px;
        position: relative;
        width: 505px;
}
.footer A
{
        color: #8A8A93;
        text-decoration: underline;
}
.footer A:visited
{
        color: #8A8A93;
        text-decoration: underline;
}
.footer A:hover
{
        color: #8A8A93;
        text-decoration: underline;
}
.footer P
{
        color: #8A8A93;
        font-size: 10px;
        margin: 0px;
        padding: 0px;
}
/* */
.header
{
        clear: left;
        padding: 0px 0px 3em 0;
        position: relative;
        width: 860px;
}
.header H2
{
        font-size: 1.5em;
        margin: 0;
        padding: 12px 0 0;
        font-family: Helvetica;
        float: left;
        color: #F67A22;
}
.header H2 A:link
{
        color: #F67A22;
        text-decoration: none;
        padding-left: 4em;
}
.header H2 A:hover
{
        color: #44474A;
        text-decoration: none;
}
/*LQ like the query*/
.LQ
{
        float: left;
        padding: 0px 1em 15px 2em;
        width: 530px;
}
.lQ H2, H1
{
        font-weight: normal;
        font-size: 1.3em;
        color: #7D8589;
}
.lQ H2, H1 A:link
{
        font-weight: normal;
        font-size: 1.3em;
        color: #7E868A;
}
.nv .active
{
        border-right: 1px solid #CCCCCC;
        color: #0E58BC;
        font-size: 10px;
        padding: 2px 5px 2px 3px;
}
/*NV it's a plug it*/
.nv A
{
        background: #FFFFFF;
        border-right: 1px solid #CCCCCC;
        font-size: 10px;
        padding: 2px 5px 2px 3px;
}
.nv A:hover
{
        border-right: 1px solid #CCCCCC;
        font-size: 10px;
        padding: 2px 5px 2px 3px;
        text-decoration: none;
}
.nv SPAN
{
        border-right: 1px solid #CCCCCC;
        color: #F8990B;
        font-size: 10px;
        padding: 2px 5px 2px 0px;
}
/*pagetitle*/
.pagetitle
{
        border-bottom: 1px solid #EEEEEE;
        color: #1F1D1D;
        font-size: 24px;
        font-weight: normal;
        margin: 0px 0px 15px;
        padding: 0px 0px 15px;
}
/**/
.panel
{
        color: #333333;
        font-size: 11px;
        margin: 10px 0;
        padding: 0 10px;
        position: relative;
}
.panel A
{
        color: #666666;
}
.panel P
{
        color: #333333;
        font-size: 11px;
}
.panel UL
{
        margin: 0px;
        padding: 0px;
}
.panel UL LI
{
        border-bottom: 1px dashed #EEEEEE;
        font-size: 11px;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}
.panel UL LI A
{
        background: url(images/CategLi.png) no-repeat left top;
        display: block;
        font-size: 11px;
        padding: 1px 0px 2px 10px;
}
.panel UL LI A:visited
{
        background: url(images/CategLi.png) no-repeat left top;
        display: block;
}
.panel UL LI A:hover
{
        background: #EEEEEE url(images/CategLi.png) no-repeat left top;
        text-decoration: none;
}
.panel UL UL
{
        margin: 0px 0px 0;
        padding: 1px 0px;
}
.panel UL UL LI
{
        border-bottom: none;
        font-size: 10px;
        list-style-type: none;
        margin: 0px 0px 0px 10px;
        padding: 0px;
}
.panel UL UL LI A
{
        background: url(images/CategLi.png) no-repeat left top;
        display: block;
        font-size: 11px;
        padding: 1px 0px 2px 10px;
}
.panel UL UL LI A:visited
{
        background: url(images/CategLi.png) no-repeat left top;
        display: block;
}
.panel UL UL LI A:hover
{
        background: #EEEEEE url(images/CategLi.png) no-repeat left top;
        text-decoration: none;
}
/*Post*/
.post
{
        clear: left;
        padding: 0px;
        position: relative;
        width: 85%;
}
.postcx
{
        background: url(images/Dotted.gif) repeat-x bottom;
        color: #444640;
        font-size: 12px;
        line-height: 17px;
        padding: 5px 0px;
}
.postcx .thumb
{
        border: 1em solid #F5F5F5;
        clear: both;
        height: 310px;
        margin: 0 0 1em 1em;
        padding: 0px;
        width: 400px;
}
.postcx A
{
        text-decoration: underline;
}
.postcx BLOCKQUOTE
{
        background: #E9F8FF;
        color: #336699;
        margin: 0px;
        padding: 2px 10px;
}
.postcx BLOCKQUOTE A
{
        color: #0080CA;
}
.postcx BLOCKQUOTE A:visited
{
        color: #0080CA;
}
.postcx BLOCKQUOTE A:hover
{
        color: #003399;
}
.postcx BLOCKQUOTE LI
{
        background: url(images/PostContentBlockLiIco.png) no-repeat left top;
        color: #336699;
        font-size: 11px;
        line-height: 15px;
        list-style-type: none;
        padding: 2px 0px 2px 15px;
}
.postcx BLOCKQUOTE P
{
        font-size: 11px;
        line-height: 15px;
        margin: 5px 0px;
        padding: 5px 0px;
}
.postcx IMG
{
}
.postcx LI
{
        background: url(images/PostContentLiIco.png) no-repeat left top;
        color: #4C4C4C;
        font-size: 11px;
        line-height: 15px;
        list-style-type: none;
        margin-left: 1em;
        padding: 2px 0px 2px 18px;
}
.postcx P
{
        color: #444640;
        font-size: 12px;
        line-height: 20px;
        margin: 0px;
        padding: 1em 0px 0.8em 0;
}
.postcx P STRONG
{
        color: #444640;
        font-size: 12px;
        line-height: 1px;
}
.postcx UL
{
        line-height: 1px;
        margin: 0px;
        padding: 2px 0px;
}
.postcxc
{
        color: #423C3C;
}
.postcxd
{
        padding-top: 10px;
}
.postcxd LI
{
        color: #336699;
        display: inline;
        font-size: 10px;
        font-weight: bold;
        list-style-type: none;
        margin: 0px 10px 0px 0px;
        padding: 2px 0px 5px 15px;
}
.postcxd LI A
{
        color: #1253B4;
        text-decoration: underline;
}
.postcxd LI A:visited
{
        color: #1253B4;
        text-decoration: underline;
}
.postcxd LI A:hover
{
        color: #63748E;
        text-decoration: underline;
}
.postcxd UL
{
        margin: 0px;
        padding: 0px;
}
.posth
{
        clear: both;
        display: block;
        padding-right: 100px;
        width: 410px;
}
.posth * HTML .posttime
{
        right: 30px;
}
.posth .posta
{
        background: url(images/PostAuthor.png) no-repeat left center;
        color: #8A98A2;
        font-size: 10px;
        font-weight: bold;
        margin: 0 0 0.3em;
        padding: 1px 5px 1px 13px;
}
.posth .postc
{
        background: url(images/PostCateg.png) no-repeat left center;
        color: #8A98A2;
        font-size: 10px;
        font-weight: bold;
        margin: 0px;
        padding: 1px 5px 1px 13px;
}
/**/
.posth .postt
{
        color: #8A98A2;
        display: block;
        margin: 0 0.5em 0.5em 0;
        padding: 0 0.5em 0 0;
}
.posth H1
{
        color: #EEAA33;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 0.8em;
        margin: 0.3em 0 0.32em;
        padding: 0px 0px 1px;
}
.posth H1 A
{
        color: #EE9900;
        text-decoration: none;
        /*[empty]height:;*/
}
.posth H1 A:visited
{
        color: #EDAE2B;
        text-decoration: none;
}
.posth H1 A:hover
{
        color: #474B51;
        text-decoration: none;
}
.posth LI
{
        display: inline;
        list-style-type: none;
}
.posth LI A
{
        color: #8A98A2;
        text-decoration: underline;
}
.posth LI A:visited
{
        color: #8A98A2;
        text-decoration: underline;
}
.posth LI A:hover
{
        color: #8A98A2;
        text-decoration: underline;
}
.posth UL
{
        margin: 0px;
        padding: 0px;
}
/*rss*/
.rss
{
        padding: 0 0 4em;
        position: absolute;
        right: -400px;
        top: 23px;
        width: 170px;
}
.rss LI
{
        background: url(images/SynIco.gif) no-repeat left center;
        color: #A2A8B1;
        font-size: 10px;
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 1px 15px;
}
.rss LI A
{
        color: #626A77;
        font-size: 10px;
        text-decoration: none;
}
.rss LI A:visited
{
        color: #626A77;
        font-size: 10px;
        text-decoration: none;
}
.rss LI A:hover
{
        color: #333333;
        font-size: 10px;
        text-decoration: none;
}
.rss UL
{
        margin: 0px;
        padding: 0px;
}
/*Search*/
.search
{
        background: url(images/search.gif) no-repeat left top;
        height: 63px;
        padding: 0 0 4em;
        position: absolute;
        right: -220px;
        top: -3px;
        width: 220px;
}
.search FORM
{
        margin: 0px;
        padding: 28px 10px 10px;
}
.search INPUT
{
        border: none;
        color: #9DA1A8;
        cursor: text;
        font-size: 11px;
}
.search INPUT.keyword
{
        background: none;
        border: none;
        border: none;
        padding: 5px 0px 5px 5px;
        width: 175px;
}
.search INPUT.search
{
        background: url(./images/SearchButton.gif) no-repeat;
        height: 21px;
        width: 21px;
}
/*Side Right*/
.sr
{
        float: left;
        margin: 0;
        width: 200px;
        background-color: #FFFFFF;
}
.sr H2
{
        font-size: 14px;
        font-weight: bold;
        letter-spacing: normal;
}
.sr H3
{
        font-size: 14px;
        font-weight: bold;
        letter-spacing: normal;
}
/*Side Right Left*/
.srl
{
        color: #FFFFFF;
        float: right;
        padding: 5px 5px 5px 0px;
        width: 200px;
}
.srl H3
{
        border-bottom: 1px solid #D3D6DB;
        color: #EEAA33;
        letter-spacing: -1px;
        margin: 0px 0px 5px;
        padding: 0px 0px 5px;
}
.srl P
{
        color: #111111;
        font-size: 11px;
}
/*Side Right Right*/
.srr
{
        /*[disabled]color:#C0C1C5;*/
        /*[disabled]float:right;*/
        /*[disabled]font-size:11px;*/
        /*[disabled]padding:10px;*/
        /*[disabled]position:relative;*/
        /*[disabled]width:160px;*/
}
.srr A
{
        color: #292A2D;
}
.srr A:visited
{
        color: #626A77;
}
.srr A:hover
{
        color: #B0B4BD;
}
.srr H2
{
        border-bottom: 1px solid #D3D6DB;
        color: #303235;
        letter-spacing: -1px;
        margin: 0px 0px 5px;
        padding: 0px 0px 5px;
}
.srr H3
{
        border-bottom: 1px solid #D3D6DB;
        color: #EEAA33;
        letter-spacing: -1px;
        margin: 0px 0px 5px;
        padding: 0px 0px 5px;
}
.sr LI
{
        color: #440000;
        font-size: 10px;
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 0px 6px;
}
.srr P
{
        color: #BDC0C5;
        font-size: 11px;
}
.sr UL
{
        margin: 0px;
        padding: 0px;
}
/*TB a toolbox*/
.tb
{
        background: url(images/Dotted.gif) repeat-x top;
        float: left;
        padding: 15px 0px;
        width: 505px;
}
.tb .active
{
        background: #E5E5E5;
        color: #2F3236;
}
.tb .active SPAN
{
        background: #E5E5E5;
        color: #6A6E75;
}
.tb A
{
        background: #DDDDDD;
        float: left;
        margin-right: 2px;
        padding: 0px 0px 0px 3px;
}
.tb A SPAN
{
        background: #DDDDDD;
        display: block;
        float: right;
        padding: 4px 9px 5px 6px;
}
.tb A SPAN
{
        color: #575E69;
        float: none;
}
.tb A:hover
{
        background: #E5E5E5;
        color: #525760;
        text-decoration: none;
}
.tb A:hover SPAN
{
        color: #51555B;
}
.tb A:hover SPAN
{
        background: #E5E5E5;
        color: #54585D;
}
.tb EM
{
        display: none;
}
.tb LI
{
        display: inline;
        font-size: 10px;
        font-weight: bold;
        line-height: 11px;
        margin: 0px;
        padding: 0px;
}
.tb UL
{
        list-style: none;
        margin: 0px;
        padding: 0px;
}
.tb UL LI UL
{
        display: none;
}
.textwidget P
{
        color: #2D2C28;
}
/*Note*/
.tipn
{
        margin: 0px;
        padding: 0px;
}
.tipn .tipnr
{
        background: url(images/NoteRss.png) no-repeat left top;
}
.tipn .tipntb
{
        background: url(images/NoteTrackBack.png) no-repeat left top;
}
.tipn A
{
        color: #707886;
        text-decoration: none;
}
.tipn A:hover
{
        color: #5E6574;
        text-decoration: underline;
}
.tipn LI
{
        font-size: 11px;
        list-style-type: none;
        margin: 0px;
        padding: 1px 0px 1px 15px;
}
.wp-caption
{
        background-color: #F3F3F3;
        border: 1px solid #DDDDDD;
        border-radius: 3px;
        -khtml-border-radius: 3px;
        margin: 10px;
/*optional rounded corners for browsers that support it*/
        -moz-border-radius: 3px;
        padding-top: 4px;
        text-align: center;
        -webkit-border-radius: 3px;
}
.wp-caption IMG
{
        border: 0 none #000000;
        margin: 0;
        padding: 0;
}
.wp-caption P.wp-caption-text
{
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
}
#breadcrumb
{
        clear: both;
        clear: both;
        color: #686868;
        font-size: 10px;
        margin: 18px auto;
        text-align: center;
}
/* */
#buttonsearch
{
        background: none;
        margin: -21px 0px 0px 175px;
        padding: 0px;
        top: 0px;
}
#container
{
        margin: 0 auto;
        position: relative;
        width: 880px;
}
#content
{
        color: #333333;
        padding: 18px 20px;
        position: relative;
}
/*
*html .Comments .FormTop*/
#invalid-rule
{
        left: -15px;
}
/*
*html .PT*/
#invalid-rule
{
        right: 5px;
}
#main
{
        background: url(images/logo_01.jpg) no-repeat;
        height: 125px;
        position: relative;
        width: 884px;
}
/*Set margins of surrounding div to zero
hack to correct IE5.5 faulty box model*/
* HTML #nav_cssplaypro
{
        w\idth: 100%;
        width: 98%;
}
/*Preload the "on" images*/
.cssplay_preload1
{
        background: url(images/button4a.gif);
}
/*The menu styling*/
.cssplay_prodrop
{
        background: #FFFFFF url(images/button1a.gif) repeat-x;
        font-family: arial, verdana, sans-serif;
        height: 40px;
        list-style: none;
        margin: 0;
        padding: 0 0 0 32px;
        position: relative;
        z-index: 200;
}
/*The iframe shim, width and height should reflect the dropmenu.*/
.cssplay_prodrop :hover IFRAME
{
        height: 40px;
        left: 0;
        top: 40px;
        width: 110px;
}
.cssplay_prodrop :hover UL :hover UL, .cssplay_prodrop :hover UL :hover UL :hover UL, .cssplay_prodrop :hover UL :hover UL :hover UL :hover UL, .cssplay_prodrop :hover UL :hover UL :hover UL :hover UL :hover UL
{
        background: #FFFFFF;
        border: 1px solid #44AABB;
        height: auto;
        left: 113px;
        padding: 3px;
        top: -4px;
        white-space: nowrap;
        width: 113px;
        z-index: 500;
}
.cssplay_prodrop :hover UL LI:hover>A.fly
{
        background: #44AABB url(../pnimages/cssplay_prodrop2/arrow_over.gif) no-repeat 100px 7px;
        color: #FFFFFF;
}
.cssplay_prodrop :hover UL.drop
{
        background: #FFFFFF;
        border: 1px solid #44AABB;
        height: auto;
        left: 2px;
        padding: 3px;
        top: 40px;
        white-space: nowrap;
        width: 113px;
        z-index: 400;
}
.cssplay_prodrop :hover UL.drop LI
{
        display: block;
        float: left;
        height: 20px;
        position: relative;
        width: 113px;
}
.cssplay_prodrop :hover UL.drop LI A
{
        color: #000000;
        display: block;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
/*border:3px solid #fff;
border-width:0 0 0 3px;*/
        text-indent: 5px;
        width: 113px;
}
.cssplay_prodrop :hover UL.drop LI A.fly
{
        background: #FFFFFF url(images/arrow.gif) no-repeat 100px 7px;
}
.cssplay_prodrop :hover UL.drop LI A.fly:hover
{
        background: #44AABB url(images/arrow_over.gif) no-repeat 100px 7px;
        color: #FFFFFF;
}
.cssplay_prodrop :hover UL.drop LI A:hover
{
        background: #44AABB;
        color: #FFFFFF;
}
/*Default link styling
Style the list OR link hover. Depends on which browser is used*/
.cssplay_prodrop A:hover
{
        position: relative;
        visibility: visible;
        z-index: 300;
}
.cssplay_prodrop LI
{
        display: block;
        float: left;
        margin: 0;
        position: relative;
}
.cssplay_prodrop LI A.top_link
{
        color: #BBBBBB;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 11px;
        font-weight: bold;
        height: 40px;
        line-height: 33px;
        padding: 0 0 0 12px;
        text-decoration: none;
}
.cssplay_prodrop LI A.top_link SPAN
{
        display: block;
        float: left;
        height: 40px;
        padding: 0 24px 0 12px;
}
.cssplay_prodrop LI A.top_link SPAN.down
{
        background: url(images/down.gif) no-repeat right top;
        display: block;
        float: left;
        height: 40px;
        padding: 0 24px 0 12px;
}
.cssplay_prodrop LI A.top_link:hover SPAN, .cssplay_prodrop LI.selected A.top_link SPAN
{
        background: url(images/button4.gif) no-repeat right top;
}
.cssplay_prodrop LI A.top_link:hover SPAN.down, .cssplay_prodrop LI.selected A.top_link SPAN.down
{
        background: url(images/button4a.gif) no-repeat right top;
}
.cssplay_prodrop LI A.top_link:hover, .cssplay_prodrop LI.selected A.top_link
{
        background: url(images/button4.gif) no-repeat;
        color: #FFFFFF;
}
.cssplay_prodrop LI.top
{
        display: block;
        float: left;
}
.cssplay_prodrop LI:hover
{
        position: relative;
        z-index: 300;
}
.cssplay_prodrop LI:hover>A.top_link SPAN, .cssplay_prodrop LI.selected>A.top_link SPAN
{
        background: url(images/button4.gif) no-repeat right top;
}
.cssplay_prodrop LI:hover>A.top_link SPAN.down, .cssplay_prodrop LI.selected>A.top_link SPAN.down
{
        background: url(images/button4a.gif) no-repeat right top;
}
.cssplay_prodrop LI:hover>A.top_link, .cssplay_prodrop LI.selected>A.top_link
{
        background: url(images/button4.gif) no-repeat;
        color: #FFFFFF;
}
.cssplay_prodrop TABLE
{
        border-collapse: collapse;
        height: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 100;
}
/*keep the 'next' level invisible by placing it off screen.*/
.cssplay_prodrop UL, .cssplay_prodrop :hover UL UL, .cssplay_prodrop :hover UL :hover UL UL, .cssplay_prodrop :hover UL :hover UL :hover UL UL, .cssplay_prodrop :hover UL :hover UL :hover UL :hover UL UL, .cssplay_prodrop IFRAME
{
        height: 0;
        left: -9999px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: -9999px;
        width: 0;
}
#nav_cssplaypro
{
        background: transparent;
        display: block;
        float: none;
        overflow: visible;
        position: relative;
        width: 865px;
        z-index: 100;
}
#nav_cssplaypro UL
{
        margin: 0;
}