/* STRUCTURE > MISC
/////////////////////////////////////////////////////*/

* {text-decoration: none; padding: 0; margin: 0; border: 0;}

body {text-align: center; margin: 0x; background: #ffffff;}


/* STRUCTURE > MAIN CONTENT
/////////////////////////////////////////////////////*/

div.wrapper
{width: 965px; margin: 0 auto 0 auto; background: #FFF;}

/* STRUCTURE > HEADER
/////////////////////////////////////////////////////*/

    div.wrapper div.header
    {height: 180px; position: relative;}

/* STRUCTURE > HEADER > LOGO LINK
/////////////////////////////////////////////////////*/

        div.wrapper div.header a.logoLink
        {width: 200px; height: 100px; text-decoration: none; float: left; border: 0;}

/* STRUCTURE > HEADER > HEADER LOGIN
/////////////////////////////////////////////////////*/

        div.wrapper div.header ul.headerLogin
        {width: 220px; height: 20px; position: absolute; top: 3px; right: 0; margin: 0;}

            div.wrapper div.header ul.headerLogin li
            {float: left; list-style: none; margin: 0 5px 0 0;}

            div.wrapper div.header ul.headerLogin a:link,
            div.wrapper div.header ul.headerLogin a:active,
            div.wrapper div.header ul.headerLogin a:visited,
            div.wrapper div.header ul.headerLogin a:hover
            {font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #555; display: block; padding-left: 10px; border: 0; background: url("../images/design/bullet_headerLogin.gif") 0 8px no-repeat;}
            
            div.wrapper div.header ul.headerLogin a:hover
            {color: #000;}

/* STRUCTURE > HEADER > TOP BANNER
/////////////////////////////////////////////////////*/

        div.wrapper div.header blockquote.topBanner
        { position: absolute; top: 28px; right: 15px;}

/* STRUCTURE > NAVBAR
/////////////////////////////////////////////////////*/

    div.wrapper ul.navbar
    {height: 40px; padding: 0; clear: both; background: url(../images/design/navbar_off.gif) repeat-x; padding-bottom:15px;}

        div.wrapper ul.navbar li
        {list-style: none; margin: 0; float: left; border-left:1px solid #fbf4e1; border-right: 1px solid #e2ae33;}

            div.wrapper ul.navbar li a:link,
            div.wrapper ul.navbar li a:active,
            div.wrapper ul.navbar li a:visited,
            div.wrapper ul.navbar li a:hover
            {font: bold 14px/40px Arial, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight:normal; text-decoration: none; text-transform: capitalize; height:40px; padding: 0 14px; display: block; float: left;}
            
                div.wrapper ul.navbar li a:hover,
                div.wrapper ul.navbar li a.menuActived:link,
                div.wrapper ul.navbar li a.menuActived:active,
                div.wrapper ul.navbar li a.menuActived:visited,
                div.wrapper ul.navbar li a.menuActived:hover
                {background: url(../images/design/navbar_on.gif) repeat-x;  border-left:1px #fbf4e1; border-right: 1px #e2ae33;}

/* STRUCTURE > CONTENT
/////////////////////////////////////////////////////*/

    div.wrapper div.content
    {padding:0 0 10px 0; background:#FFFFFF /*url(../images/design/bg_contentt.gif) repeat-x*/;}

/* STRUCTURE > CONTENT > LEFT CONTENT
/////////////////////////////////////////////////////*/

        div.wrapper div.content blockquote.leftContent
        {width: 200px; margin: 0; padding:10px; text-align: left; float: left; border: 0; background:#FFFFFF;}

            div.wrapper div.content blockquote.leftContent img
            { margin: 10px 0 10px 0;}
            
            div.wrapper div.content blockquote.leftContent ul.standard-iconlink
            {padding-left: 13px;}
            

/* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH TABS
/////////////////////////////////////////////////////*/

            .isHidden
            {display : none;}
            .isShown
            {display: visible;}

            ul.searchTab
            {height: 25px; border: 0;}
            
                ul.searchTab li
                {width:100px; float: left; list-style: none;}

                    ul.searchTab li a:link,
                    ul.searchTab li a:active,
                    ul.searchTab li a:visited,
                    ul.searchTab li a:hover
                    {font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; outline:none; color: #95B0D5; text-align:center; padding: 5px 0 5px 0; display: block; background:none; border: 0;}

                        ul.searchTab li.tab-active a,

                        ul.searchTab li.tab-active a:link,
                        ul.searchTab li.tab-active a:visited,
                        ul.searchTab li.tab-active a:active,
                        ul.searchTab li.tab-active a:hover
                        {color: #000; background: #c1c5cc; border: 1px solid #444850; border-bottom: 0;}
                        
                        ul.searchTab li.tab-inactive a,
                        ul.searchTab li.tab-inactive a:link,
                        ul.searchTab li.tab-inactive a:visited,
                        ul.searchTab li.tab-inactive a:active,
                        ul.searchTab li.tab-inactive a:hover
                        {color: #444; border-bottom: 1px solid #444850;}

                            ul.searchTab li.tab-inactive a:hover
                            { color: #000;}

/* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH CONTENT
/////////////////////////////////////////////////////*/

            div.wrapper div.content blockquote.leftContent p.standardTitle
            {font: normal 18px/20px Arial, Helvetica, sans-serif; color:#000; padding:0; margin: 0 0 10px 0;}
            
                div.wrapper div.content blockquote.leftContent p.standardTitle span
                {color: #d24237;}
            
            dl.simpleSearch
            {font: normal 11px/normal Verdana, Arial, sans-serif; color: #1B293A; margin-bottom: 10px; clear: both; background: #c1c5cc; border: 1px solid #444850; border-top: 0;}
            
                dl.simpleSearch dd,
                dl.simpleSearch dt
                {padding: 0 10px 0 10px;}

                    dl.simpleSearch dt.label,
                    dl.simpleSearch dd p.label
                    {color: #1B293A; padding-top: 5px; padding-bottom: 5px;}
    
                    dl.simpleSearch dd input,
                    dl.simpleSearch dd select
                    {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #d24237; padding: 2px; background: #FFF; border: 1px solid #444851;}
                    
                        dl.simpleSearch dd input.simplesearchRadio
                        {width: auto;}
                    
                        dl.simpleSearch dd select
                        {width: 100%;}
                    
                    dl.simpleSearch dd input:focus
                    {background: #FFF;}
                    
                    dl.simpleSearch dd .selectRegion
                    {margin-bottom:0;}

                    div.wrapper div.content dl.simpleSearch dd.simplesearchImage img
                    {margin: 0; padding: 0 0 10px 0;}
            
/* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH DIFFERENCES
/////////////////////////////////////////////////////*/
                
                dl.simpleSearch dd#tab2 select
                {margin-bottom: 2px;}
                
                dl.simpleSearch dd input.SearchInputSmall
                {width: 70px; margin: 0 0 2px 0; vertical-align:middle;}
                
                dl.simpleSearch dd ul.standardButton
                {margin-top: 10px; margin-bottom: 10px;}
                
                dl.simpleSearch dd ul.standardButton li input,
                dl.simpleSearch dd ul.standardButton li a:link,
                dl.simpleSearch dd ul.standardButton li a:active,
                dl.simpleSearch dd ul.standardButton li a:visited,
                dl.simpleSearch dd ul.standardButton li a:hover
                {width: 86px; color: #E0E9F1; text-decoration: none;  background: #414141 url("../images/design/bg_standardButton.gif") 0 0 repeat-x; border: 0;}

/* STRUCTURE > CONTENT > LEFT CONTENT > BASE JOIN
/////////////////////////////////////////////////////*/

dl.base-join
{text-align: left; margin-bottom: 10px;}

    dl.base-join dt
    {font: bold 13pt Arial, Verdana, sans-serif; color: #444851; padding: 0 0 5px 0; border-bottom: 1px solid #444851;}
    
        dl.base-join dt span {color: #d2413c;}
    
    dl.base-join dd
    {font: normal 9pt Arial, Verdana, sans-serif; color: #243D55; text-align: left; padding: 5px 0 0 0;}
    
    dl.base-join form
    {padding: 5px 0 5px 0; background:#FFF; border: 1px solid #D3D1D1;}
    
    dl.base-join table.table-login
    {width: 100%; text-align: left; margin: 0 auto 0 auto; color:#333;}

        dl.base-join table.table-login td,
        dl.base-join table.table-login th
        {font: normal 10px/18px Verdana, Arial, sans-serif; color: #000; padding: 2px;}

        dl.base-join table.table-login th
        { width: 65px; text-align: right; color: #919191; text-transform: lowercase; }

            dl.base-join table.table-login input
            {width: 105px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #2C5783; padding: 2px; background: #FFF; border:1px solid #444850;}
            
            dl.base-join dd table input.inputAuto
            {width: auto; padding: 0; background: none; border: 0;}
            
            dl.base-join dd table ul.standardButton
            {padding: 0 12px 0 0; border: 0;}
            
                dl.base-join dd table ul.standardButton li
                {float: right;}

                    dl.base-join dd table ul.standardButton li input
                    {width: 73px; color: #E0E9F1; font-weight: bold; background: #6B6B6B url("../images/design/bg_memberButton.gif") 0 0 repeat-x; border: 0;}

            dl.base-join table.table-login table
            {margin: 0 auto 0 auto;}

            dl.base-join a:link,
            dl.base-join a:active,
            dl.base-join a:visited,
            dl.base-join a:hover
            {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #444850;}
            
                dl.base-join a:hover
                {color: #000; text-decoration: underline;}
            
            dl.base-join dd.base-joinLink
            {text-align: center; padding-top: 0;}
            
        dl.base-join dd.warning
        {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #5E421E; margin: 0;}


/* STRUCTURE > CONTENT > LEFT CONTENT > BROWSE CATEGORY (RESULTS)
/////////////////////////////////////////////////////*/

                ul.left-list
                {line-height: 11px; text-align: left; margin: 0; padding: 0 5px 5px 5px; border: 0;}

                    ul.left-list li
                    {margin:0; padding: 0; list-style: none;}

                        ul.left-list li a:link,
                        ul.left-list li a:visited,
                        ul.left-list li a:active,
                        ul.left-list li a:hover
                        {font: normal 11px/normal Verdana, Arial, Helvetica; color: #555; text-decoration:none; display: block;}

                            ul.left-list li a:hover
                            {color: #000; text-decoration: underline;}

                        ul.left-list li.left-listTITLE a:link,
                        ul.left-list li.left-listTITLE a:visited,
                        ul.left-list li.left-listTITLE a:active,
                        ul.left-list li.left-listTITLE a:hover
                        {font-weight: bold; color: #000; padding: 5px 5px 5px 7px; margin: 0 0 3px 0; border-bottom: 1px solid #444850; background: url("../images/design/bg_CATbullet.gif") 0 9px no-repeat;}

                        
                            ul.left-list h1,
                            ul.left-list h2
                            {margin:0; padding:0;}

/* STRUCTURE > CONTENT > MIDDLE CONTENT
/////////////////////////////////////////////////////*/

        div.wrapper div.content blockquote.middleContent
        {/* width: 745px; this value in pixels equal 77.5% in percent // use to two columns */
         /* width: 510px; this value in pixels equal 54% in percent */ 
         width: 54%; height:auto; float: left; margin: 0; border: 0; padding-bottom:10px; background: none; border-left: 1px solid #444851; border-right: 1px solid #444851;}

/* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM
/////////////////////////////////////////////////////*/

            blockquote.bottomBanner
            {/*width: 730px; height: 100px;*/ clear: both; margin: 0 auto 0 auto; padding: 10px 0 0 0; border: 0;}
            
/* STRUCTURE > CONTENT > MIDDLE CONTENT EXTENDED > BANNER BOTTOM
/////////////////////////////////////////////////////*/
            
            div.wrapper div.content blockquote.middleContentExtended
            {/* width: 730px; this value in pixels equal 77.2% in percent */
                width: 725px; float: right; margin: 0; border: 0; background: none; border-left: 1px solid #EEE;}
                
                blockquote.middleContentExtended p
                {color: #333;}
                
/* STRUCTURE > CONTENT > FULL CONTENT
/////////////////////////////////////////////////////*/

            div.wrapper div.content blockquote.fullContent
            {margin: 0 auto 0 auto; width: 750px;}
            
            div.wrapper div.content blockquote.contentBorder
            {border-top: 5px solid #679933;}

/* STRUCTURE > CONTENT > RIGHT CONTENT (THIRD COLUMN)
/////////////////////////////////////////////////////*/

        div.wrapper div.content blockquote.rightContent
        {width: 200px; padding:10px; text-align: left; float: left;}

            div.wrapper div.content blockquote.rightContent h3
            {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000;}
            
                div.wrapper div.content blockquote.rightContent h3 span
                {color: #F46200;}
    
/* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER IMAGE
/////////////////////////////////////////////////////*/

            .rightBanner
            {margin-top: 10px; padding-bottom: 10px; text-align: center; text-decoration: none; background: #292927;}

                .rightBanner h4
                {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #888; text-align: left; padding: 10px 5px 0 5px;}

                .rightBanner img,
                .rightBanner object
                {margin: 0; border: 5px solid #42423E;}
    
                .rightBanner span
                {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 10px 5px 0 5px; display: block;}
                
                .rightBanner span.alignCenter
                {text-align:center;}
    
                    .rightBanner a:link,
                    .rightBanner a:visited,
                    .rightBanner a:active,
                    .rightBanner a:hover
                    {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; text-decoration: none; padding: 0; margin-bottom: 0; display: block;}

                    .rightBanner .noimage {width: 170px; margin: 0 auto 0 auto; border: 5px solid #42423E;}

/* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER TEXT
/////////////////////////////////////////////////////*/

            .bannerleftText
            {margin-top: 10px; text-align: center; text-decoration: none;}

                .bannerleftText a.baseRightBanner:link,
                .bannerleftText a.baseRightBanner:visited,
                .bannerleftText a.baseRightBanner:active,
                .bannerleftText a.baseRightBanner:hover
                { font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF; text-align:left; text-decoration: none; padding: 10px; margin-bottom: 10px; display: block; border: 1px solid #444850;}

                    .bannerleftText a.baseRightBanner h1
                    {font: bold 12px Arial, Helvetica, sans-serif; text-align:center; color: #BF0000; padding: 0 0 5px 0; margin: 0;}

                    .bannerleftText a.baseRightBanner h2
                    {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin:0;}

                    .bannerleftText a.baseRightBanner h3.right-banner-url,
                    blockquote.rightContent .bannerleftText a.baseRightBanner h3.right-banner-url
                    {font: normal 10px Arial, Helvetica, sans-serif; margin:0; padding: 1px 5px 1px 5px; text-align:center; text-decoration: underline; color: #d24237;}
                    
                    .bannerPreview /*Use this class with bannerLeftText on sitemanager and members section in Banner Preview*/
                    {width:200px; margin-left:auto; margin-right:auto;}
                    
                    .bannerleftText a.sponsoredLinks-buy:link,
                    .bannerleftText a.sponsoredLinks-buy:active,
                    .bannerleftText a.sponsoredLinks-buy:visited,
                    .bannerleftText a.sponsoredLinks-buy:hover
                    {font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:right; color:#C90339; display:block; padding:0 5px 0 0;}
                    
                    .bannerleftText a.sponsoredLinks-buy:hover
                    {color:#000; text-decoration:underline;}

/* STRUCTURE > FOOTER
/////////////////////////////////////////////////////*/

    div.wrapper div.footer
    { clear: both; padding: 10px; background: #FFE377; border-top: 1px solid #444851; border-bottom: 5px solid #1C2F43;}
    
    html>body div.wrapper div.footer
    {width:auto;}

    div.wrapper div.footer blockquote
    {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #D6E1ED; text-align: left; background: #253E57;}

        div.wrapper div.footer blockquote p
        { padding: 5px 5px 0 5px;}

/* STRUCTURE > FOOTER > NAVBAR
/////////////////////////////////////////////////////*/

        div.wrapper div.footer ul.navFooter
        { height: 25px; text-align: center; margin:0 auto 0 auto;}
    
            div.wrapper div.footer ul.navFooter li
            {list-style: none; display:inline; margin: 0 2px 0 2px;}

            div.wrapper div.footer ul.navFooter li.last
            {padding-left: 18%;}
    
                div.wrapper div.footer ul.navFooter li,
                div.wrapper div.footer ul.navFooter li a:link,
                div.wrapper div.footer ul.navFooter li a:active,
                div.wrapper div.footer ul.navFooter li a:visited,
                div.wrapper div.footer ul.navFooter li a:hover
                { font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #444851;}

                    div.wrapper div.footer ul.navFooter li a:hover
                    {text-decoration: underline; color:#d24237;}
                    
/* STRUCTURE > FOOTER > COPYRIGHT
/////////////////////////////////////////////////////*/
        div.wrapper div.footer p.copyright
        {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #444851; margin-top:20px;}

/* STRUCTURE > MISC CLASSES
/////////////////////////////////////////////////////*/

br.clear {clear: both; line-height: 0; height: 0;}

p.standardText {font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0 15px 0 15px; margin: 0;}

p.basePowered
{font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #999; text-align: right; margin: 0; padding: 10px 0 0 0;}

    p.basePowered a:link,
    p.basePowered a:active,
    p.basePowered a:visited,
    p.basePowered a:hover
    {color: #444850;}

        p.basePowered a:hover
        {color: #444850; text-decoration: underline;}

.warning
{font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px; color: #5E421E;}

    a.warning:link,
    a.warning:active,
    a.warning:visited,
    a.warning:hover
    {text-decoration: underline; color: #000; padding-left: 20px; background: url("../images/icon_atention.gif") 0 0 no-repeat;}

        a.warning:hover
        {text-decoration: none; color: #5E421E;}
        
.bigWarning
{font-size:16px;}
        
    a.quickListRemove:link,
    a.quickListRemove:active,
    a.quickListRemove:remove,
    a.quickListRemove:hover
    {width:16px; height:16px; position:absolute; bottom:58px; left:6px;}

/* STRUCTURE > MISC CLASSES > STANDARD TITLE
/////////////////////////////////////////////////////*/

h1.standardTitle,
p.standardTitle
{font: normal 18px/20px Arial, Helvetica, sans-serif; text-align:left; margin: 0; padding: 10px 15px 10px 15px; color:#444850}

    h1.standardTitle span,
    p.standardTitle span
    {color: #d24237;}

/* STRUCTURE > MISC CLASSES > STANDARD BUTTON
/////////////////////////////////////////////////////*/

ul.standardButton,
ul.standardButton li,
ul.standardButton li input
{height: 28px;  margin: 0 auto 0 auto; padding: 0;}

    ul.standardButton li
    {float: left; list-style: none;}
    
        ul.standardButton li.buttonSpace
        {width: 5px; background: none;}    
    
        ul.standardButton li input,
        ul.standardButton li a:link,
        ul.standardButton li a:active,
        ul.standardButton li a:visited,
        ul.standardButton li a:hover
        {width: 71px; font: bold 10px/28px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: capitalize; cursor: pointer; display: block; background: #6B6B6B url("../images/design/bg_memberButton.gif") 0 0 repeat-x;}
        
        ul.standardButton li input
        { line-height: 10px; display: inline;}

/* STRUCTURE > MISC CLASSES > STANDARD ICON NAVBAR
/////////////////////////////////////////////////////*/

ul.iconNavbar
{height: 20px; margin: 0 0 0 auto; border: 0;}

    ul.iconNavbar li
    {list-style: none; float: right;}

        ul.iconNavbar li.fakeButton {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #CC0000; border: 1px solid #CC0000;}

    ul.iconNavbar li a:link,
    ul.iconNavbar li a:active,
    ul.iconNavbar li a:visited,
    ul.iconNavbar li a:hover
    {font: normal 10px Arial, Helvetica, sans-serif; color: #b60708; text-transform: lowercase; padding: 2px 9px 2px 9px; display: block; border: 1px solid #444850;}

        ul.iconNavbar li a:hover
        {color: #444850; border: 1px solid #b60708; text-decoration: none;}

            ul.iconNavbar li.removeQuicklist a:hover
            {color: #b60708; border: 1px solid #444850;}

        ul.iconNavbar li.claimnavbarButton a:link,
        ul.iconNavbar li.claimnavbarButton a:active,
        ul.iconNavbar li.claimnavbarButton a:visited,
        ul.iconNavbar li.claimnavbarButton a:hover
        {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #b60708; border: 1px solid #444850;}

        ul.iconNavbar li.claimnavbarButton a:hover
        {color: #FFF; background: #444850; border: 1px solid #b60708;}

/* STRUCTURE > MISC CLASSES > STANDARD ICON
/////////////////////////////////////////////////////*/

div.wrapper div.content ul.standard-iconlink,
div.wrapper div.content blockquote.leftContent ul.standard-iconlink
{margin: 0; padding: 0;}

    ul.standard-iconlink li
    {list-style: none; margin: 0; padding: 0 0 10px 10px;}

        ul.standard-iconlink a:link,
        ul.standard-iconlink a:active,
        ul.standard-iconlink a:visited,
        ul.standard-iconlink a:hover
        {font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#444851; text-decoration:none;}

            .standard-iconlink li a:hover
            {text-decoration:underline;}

/* STRUCTURE > MISC CLASSES > STANDARD ICON > IMAGES
/////////////////////////////////////////////////////*/

        ul.standard-iconlink li.favoritesview-icon
        {background: url("../images/content/bullet_viewQuickListFront.gif") 0 7px no-repeat; text-align: left; padding-left: 7px;}
        
        ul.standard-iconlink li.remove-icon
        {background: url("../images/icon_delete.gif") 0% 50% no-repeat;}

/* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP 
/////////////////////////////////////////////////////*/

ul.standardStep,
ul.standardStep li
{padding: 10px 0 10px 0; margin: 0; list-style: none;}

ul.standardStep
{width: 750px; height: 34px; margin: 10px auto 10px auto;}

    ul.standardStep li
    {width: 150px; font: bold 14px/34px Arial, Helvetica, sans-serif; text-align: left; color: #DDD; float: left; padding: 0 0 0 14px; border: 0; background: url("../images/color/white_blue/bg_stepInactive.gif") 0 0 no-repeat;}

    ul.standardStep li.standardStepAD
    {width: auto; background: none; color: #444850;}
    
        ul.standardStep li.standardStepAD span
        {color: #444850;}
    
        ul.standardStep li span
        {margin-right: 15px;}

/* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP > ACTIVE
/////////////////////////////////////////////////////*/

    ul.standardStep li.stepActived
    {color: #000;}

        ul.standardStep li.stepActived span
        {color:#444850;}

/* STRUCTURE > MISC CLASSES > STANDARD FORM
/////////////////////////////////////////////////////*/

table.standardForm
{width: 95%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto 0 auto; background: #FAFAFA; border: 3px solid #EEE;}

    table.standardForm th span
    {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000;}

    table.standardForm th,
    table.standardForm td
    {padding: 5px;}

    table.standardForm th
    {font-size: 10px; white-space: nowrap; color: #555; padding-left: 35px; text-align: right; font-weight: normal;}
        
        table.standardForm th.standardFormTitle
        {font-size: 11px; font-weight: bold; text-align: left; color: #444850; padding: 10px;}

    table.standardForm td input,
    table.standardForm td textarea
    { width: 96%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 5px; border: 0; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;}

        table.standardForm td input.smallInput
        { width: 100px;}

        table.standardForm td ul.standardButton
        { width: 90px; float: right;}

        table.standardForm td ul.standardButton input
        { width: 90px; font-weight: bold; color: #FFF; border: 0;}
        
        table.standardForm table td.standardFormButton
        {width: 100%;}

/* STRUCTURE > MISC CLASSES > DYNAMIC CONTENT
/////////////////////////////////////////////////////*/
    
div.dynamicContent
{ text-align: left; padding: 10px 15px 0 15px; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000;}

    div.dynamicContent p,
    div.dynamicContent h1,
    div.dynamicContent h2,
    div.dynamicContent h3,
    div.dynamicContent h4,
    div.dynamicContent h5,
    div.dynamicContent h6
    {margin-bottom: 10px; font:normal 18px/24px Arial, Helvetica, sans-serif; color:#D2413C; text-align:left;}
    
    div.dynamicContent a:link,
    div.dynamicContent a:active,
    div.dynamicContent a:visited,
    div.dynamicContent a:hover
    {color:#003365}

    div.dynamicContent a:hover
    { text-decoration:underline;}


/* STRUCTURE > MISC CLASSES > RATING
/////////////////////////////////////////////////////*/

ul.rating *
{margin: 0; padding: 0; font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;}

    ul.rating {padding-top: 10px; height: 35px;}

    ul.rating li
    {float: left; list-style: none;}
    
        /* SPECIALS CONF */
        
        ul.rating li.ratingLeftSpace
        {margin: 0; padding: 0; display: none;}
        
        ul.rating li.ratingSeeComment
        {clear: left;} /* THIS code put the comment, rate it button and 'be the first' phrase bellow the image */
        
            ul.rating li.ratingSeeComment a:link,
            ul.rating li.ratingSeeComment a:active,
            ul.rating li.ratingSeeComment a:visited,
            ul.rating li.ratingSeeComment a:hover
            {line-height: 20px; color: #000; font-weight: bold; white-space: nowrap;}
        
        ul.rating li.ratingStar
        {margin: 0 1px 0 0;}
        
        ul.rating li.ratingReview { width: 80px;}
        
        ul.rating li.ratingReview,
        ul.rating li.ratingReview a:link,
        ul.rating li.ratingReview a:active,
        ul.rating li.ratingReview a:visited,
        ul.rating li.ratingReview a:hover
        {line-height: 16px; color: #000; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 0 2px;}
        
        ul.rating li.ratingImage
        {margin: 0; padding: 0 0 0 5px; white-space: nowrap;}
        
            ul.rating li.ratingImage a:link,
            ul.rating li.ratingImage a:active,
            ul.rating li.ratingImage a:visited,
            ul.rating li.ratingImage a:hover
            {line-height: 20px; font-weight: bold; padding-left: 5px; background: url("../images/design/bullet_rateIt.gif") 0 3px no-repeat;}

                ul.rating li.ratingImage a:hover
                {color: #77AA44; text-decoration: none; background: url("../images/design/bullet_rateIt.gif") 0 -7px no-repeat;}

        ul.rating li.ratingText
        {clear: left; padding-left: 10px;}
        
            ul.rating li.ratingText a:link,
            ul.rating li.ratingText a:active,
            ul.rating li.ratingText a:visited,
            ul.rating li.ratingText a:hover
            {font-size: 7.5pt; color: #CC9933; font-weight: bold; text-decoration: none; white-space: nowrap;}
    
                ul.rating li.ratingText a:hover
                {color: #000;}
        

/* RESULTS PAGE > MISC CLASSES
///////////////////////////////////////////////////// */

table.pagingContent,
table.pagingContent table
{ font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto 0 auto;}

    table.pagingContent td
    {padding: 2px;}

    table td.paging-letters a:link,
    table td.paging-letters a:active,
    table td.paging-letters a:visited,
    table td.paging-letters a:hover    
    {color: #666; padding: 0 8px 0 0;}

        table td.paging-letters a:hover
        {color: #000;}

        table td.paging-letters a.firstLetter:link,
        table td.paging-letters a.firstLetter:active,
        table td.paging-letters a.firstLetter:visited,
        table td.paging-letters a.firstLetter:hover
        {color:#EF413D;}
        
    table.pagingContent select
    {width: 50px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; border: 1px solid #666;}
    
/* RESULTS PAGE > MIDDLE CONTENT EXTENDED > LISTING DETAIL > CLASS MISC
/////////////////////////////////////////////////////*/

.controlPhoneShow,
.controlFaxShow 
{visibility: visible;}

.controlPhoneHide,
.controlFaxHide
{display: none;}

/* MEMBERS STRUCTURE > PREVIEW NAVBAR
/////////////////////////////////////////////////////*/

    ul.basePreviewNavbar{height: 30px; padding: 0; margin: 0 0 10px 0; background: #FBFBFB; border: 1px solid #EEE;}
    
        ul.basePreviewNavbar li{list-style: none; float: right;}
        
        ul.basePreviewNavbar li a:link,
        ul.basePreviewNavbar li a:active,
        ul.basePreviewNavbar li a:visited,
        ul.basePreviewNavbar li a:hover{background: url("../images/icon_delete.gif") 94% 50% no-repeat; font: normal 10px Arial, Helvetica, sans-serif; color: #000; display: block; padding: 8px 30px 8px 10px; border: 0;}
        
            ul.basePreviewNavbar li a:hover{color: #9B350C;}

/* TABLE TOP BLUE - OLD CODE
/////////////////////////////////////////////////////*/

table.standard-tableTOPBLUE {width: 750px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6A6A6A; margin: 10px auto 0 auto; clear: left; background:#FAFAFA;}

    table.standard-tableTOPBLUE th { font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #EAF0F7; text-align:left; white-space: nowrap; padding: 0 5px 0 5px;}

    table.standard-tableTOPBLUE td { padding: 4px; color:#4D4D4D;text-align: left;}
    
        table.standard-tableTOPBLUE td table {margin: 0 auto 0 auto;}
    
        table.standard-tableTOPBLUE td table td,
        table.standard-tableTOPBLUE td table th {border: 0;}
    
    table.standard-tableTOPBLUE td.tableTOPBLUECheck {text-align: left; padding: 0; border: 0; background: #FFF;}
    
        table.standard-tableTOPBLUE td.tableTOPBLUECheck table {margin: 0;}
    
        table.standard-tableTOPBLUE td.tableTOPBLUECheck * { width: auto; text-align: left; border: 0; background: #FFF;}
        
        table.standard-tableTOPBLUE td.tableTOPBLUECheck a,
        table.standard-tableTOPBLUE td.tableTOPBLUECheck a:link,
        table.standard-tableTOPBLUE td.tableTOPBLUECheck a:active,
        table.standard-tableTOPBLUE td.tableTOPBLUECheck a:visited,
        table.standard-tableTOPBLUE td.tableTOPBLUECheck a:hover
        {cursor:pointer;}

        table.standard-tableTOPBLUE a:link,
        table.standard-tableTOPBLUE a:active,
        table.standard-tableTOPBLUE a:visited,
        table.standard-tableTOPBLUE a:hover {color: #000;}

        .status-active
        {color: #587F51;}
        
        .status-suspended
        {color: #647C84;}
        
        .status-expired
        {color: #EF413D;}
        
        .status-pending
        {color: #990000;}
    
        table.standard-tableTOPBLUE input.inputCheck {width: auto; border: 0;}
