/*---------------------------------- Theme390_Retail Cat Fashion and Retail ----------------------------------*/ /*------------------------------------ GENERAL ------------------------------------*/ body { margin: 30px 0 20px 0; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; } .sf_outer_wrapper { } .sf_wrapper{ position: relative; background-repeat:repeat-y; margin:0 auto 0 auto; width: 609px; } .sf_extra7 { } .sf_content img { padding: 2px; border: 1px solid #cccccc } /*------------------------------------ HEADER ------------------------------------*/ .sf_header_wrapper{ position:relative; background-position:center; background-repeat: no-repeat; padding: 5px; width: 577px; margin: 0 auto; height: 82px; } .sf_main_header{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #222; margin-top:23px; margin-left: 25px; margin-bottom: 3px; height: 25px; overflow:hidden; } .sf_sub_header{ font-size: 13px; color: #8B8B8B; margin-left: 25px; height: 20px; overflow:hidden; } .sf_main_header p, .sf_sub_header p{ margin: 0; padding: 0; } .sf_extra1 { background-repeat: no-repeat; width: 609px; height: 5px; margin: 0 auto; } .sf_extra4 { width: 609px; margin: 0 auto; height: 15px; } .sf_extra5 { position:absolute; margin: 0 auto; width: 599px; left: 5px; top: 113px; } .sf_extra8 { width: 609px; height: 10px; } .sf_navigation { height: auto !important; } .sf_navigation ul:after{ content: "."; display: block; visibility: hidden; height: 0; font-size: 1px; clear: both; } /*------------------------------------ PAGE TITLE ------------------------------------*/ .sf_navigation_top { display: none; } .sf_navigation{ margin-top: 12px; margin-left: 27px; float: left; width:120px; display: inline; } .sf_navigation ul{ list-style-type: none; margin: 0; padding: 0; } .sf_navigation ul:after{ visibility: hidden; height: 0; font-size: 1px; } .sf_navigation ul li.sf_last_nav_item{ } .sf_navigation ul li { font-size: 10px; text-align: left; margin-top: 5px; float:left; font-weight: bold; background-repeat: no-repeat; } .sf_navigation ul li a { width: 99px; height: 20px; background-repeat: no-repeat; padding-top: 7px; color: #262626; display: block; text-decoration: none; font-size: 9px; padding-left: 23px; color: } .sf_navigation ul li a:visited { } .sf_navigation ul li a:hover{ background-position: 0 -27px; } /*------------------------------------ Flyout - Left Aligned Menu ------------------------------------*/ #Nav1 iframe { position: absolute; /* account for the border */ left: -0.25em; top: -0.25em; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); margin-left: 3px; } .sf_subnavigation, .sf_subnavigation2 { display:none; } #Nav1 li ul { position:absolute; left: -999em; width:130px; background:#ffffff; padding:2px 2px 0px 2px; border:solid 1px #d7d7d7; margin:-27px 0 0 120px; z-index:1000; } #Nav1 li a { display : block; } #Nav1 li ul li { margin:0; padding:0; background:none; float:left; } #Nav1 li ul li a { display : block; background:#d7d7d7; width:120px; height:auto; margin:0 0 2px 0; padding:5px; white-space:normal; } #Nav1 li ul li a:hover { background:#ffffff; } #Nav1 li:hover ul, #Nav1 li.sfhover ul { left: auto; } /*------------------------------------ END NAVIGATION ------------------------------------*/ .sf_extra6{ } .sf_pagetitle { width: 405px; font-weight: bold; margin-left: 173px; margin-right: 20px; padding-top: 25px; font-size: 16px; font-weight: bold; } .sf_pagetitle h1 { font-size: 16px; font-weight: bold; margin:0px; } /*------------------------------------ PAGE CONTENT ------------------------------------*/ .sf_content{ float: right; padding-left: 10px; display: inline; width: 435px; font-size: 12px; color: #8B8B8B; padding-bottom: 15px; margin-right: 10px; } /*------------------------------------ FOOTER ------------------------------------*/ .sf_footer{ width: 560px; color: #000; font-size: 10px; text-align: right; margin: 0 auto 5px auto; clear:both; } .sf_banner { margin: 40px auto 0 auto; text-align: center; } a:link { text-decoration: underline; } a:visited { } a:hover { text-decoration: none; } /** * Sticking flyout menu bug * * @bugfix * @affected ie7 * @css-for ie7 * @valid yes */ #Nav1 li:hover, #Nav1 li.hover { position: static; }