@import url("reset.css"); html { margin: 0 0 1px 0; height:100%; } /* force FF to show scrollbar to prevent page jump */ body { font: 12px Helvetica, Arial, sans-serif; background-image:url('../images/bg.warm_fade.gif'); background-color:#a74500; background-repeat: repeat-x; background-position: left top; min-height:100%; border:0;} /* TEXT-FORMATTING -----------------------------------------------------*/ a { outline:none; display: block; } a:link { color:black; text-decoration: none; } a:visited { color:black; text-decoration: none; } a:active { } a:hover { } h1 { } h2 { } h2 a { } h3 { height: 19px; text-indent:-9999em; margin-top:10px; } h4 { } h4.siteMap {font-size: 40px; position: relative; left:10px; padding-top:10px; width:550px;} h6 { width:413px; height:10px; background:url('../images/txt.contact_info.gif') 0 0 no-repeat; text-indent:-9999em; position: absolute; top: 0; left: 0;} p { } /* BRANDS */ .anuschka {background: url(../images/brand.anuschka.gif) no-repeat 0 0; width:81px;} .anyiLu {background: url(../images/brand.anyiLu.gif) no-repeat 0 0; width:71px;} .beautifeel {background: url(../images/brand.beautifeel.gif) no-repeat 0 0; width:109px;} .born {background: url(../images/brand.born.gif) no-repeat 0 0; width:54px;} .cettu {background: url(../images/brand.cettu.gif) no-repeat 0 0; width:63px;} .dansko {background: url(../images/brand.dansko.gif) no-repeat 0 0; width:35px;} .djp {background: url(../images/brand.DJP.gif) no-repeat 0 0; width:158px;} .ericJavits {background: url(../images/brand.ericJavits.gif) no-repeat 0 0; width:70px;} .finn {background: url(../images/brand.finn_comfort.gif) no-repeat 0 0; width:111px;} .fitflop {background: url(../images/brand.fitflop.gif) no-repeat 0 0; width:40px;} .francesicob {background: url(../images/brand.francescoBiasia.gif) no-repeat 0 0; width:126px;} .frye {background: url(../images/brand.frye.gif) no-repeat 0 0; width:35px;} .gabor {background: url(../images/brand.gabor.gif) no-repeat 0 0; width:64px;} .geewawa {background: url(../images/brand.geeWaWa.gif) no-repeat 0 0; width:94px;} .hunter {background: url(../images/brand.hunter.gif) no-repeat 0 0; width:68px;} .joseLuis {background: url(../images/brand.joseLuis.gif) no-repeat 0 0; width:63px;} .lodis {background: url(../images/brand.lodis.gif) no-repeat 0 0; width:59px;} .mattb {background: url(../images/brand.MB.gif) no-repeat 0 0; width:87px;} .mephisto {background: url(../images/brand.mephisto.gif) no-repeat 0 0; width:17px;} .mzwallace {background: url(../images/brand.mzwallace.gif) no-repeat 0 0; width:68px;} .sano {background: url(../images/brand.sanoByMephisto.gif) no-repeat 0 0; width:161px;} .stuartw {background: url(../images/brand.stuartweitzman.gif) no-repeat 0 0; width:40px;} .tecnica {background: url(../images/brand.tecnica.gif) no-repeat 0 0; width:63px;} .thierryr {background: url(../images/brand.thierryRabotin.gif) no-repeat 0 0; width:115px;} .think {background: url(../images/brand.think.gif) no-repeat 0 0; width:64px;} .ugg {background: url(../images/brand.ugg.gif) no-repeat 0 0; width:42px;} .wolky {background: url(../images/brand.wolky.gif) no-repeat 0 0; width:64px;} /* CONTAINERS -------------------------------------------*/ #pageContainer {width:796px; margin:0 auto; padding:40px 0 0 0; min-height: 674px; visibility: hidden;} #hd { clear:both; width:100%; position: relative;} #bd { height:478px; border:2px solid #a78a6b; clear:both; margin:6px 0; width:100%;} #ft { /*clear:both;*/ width:100%; position:relative; } /* CONTAINTER ADD-ONS -------------------------------------------*/ #hd .header, #bd .content, #ft .footer { } #hd .newsLetter {float:right; position:relative; *top:8px;} #hd .newsLetter h1 {float:left; display:block;} #hd .newsLetter fieldset {float:left; display:block;} #hd .newsLetter fieldset input {float:left;} #hd .newsLetter fieldset h4 {background: url('../images/txt.newsletter_title.gif') 0 0 no-repeat; width:122px; height:9px; text-indent: -9999em; float:left; padding:0 8px 0 0; *position:relative; *top:3px;} /* HOMEPAGE */ #bd .featured {width:796px; height:237px; border-bottom:2px solid #a78a6b;} #bd .shoes {width:264px; height:239px; border-right:2px solid #a78a6b; float:left;} #bd .shoes a {width:264px; height:239px; display:block; border:none; background:url('../images/jpg/shoe_section.jpg') 0 0 no-repeat; text-indent: -9999em;} #bd .accessories a {width:264px; height:239px; display:block; border:none; background:url('../images/jpg/accessories_section.jpg') 0 0 no-repeat; text-indent: -9999em;} #bd .accessories {width:264px; height:239px; border-right:2px solid #a78a6b; float:left;} #bd .ad {width:264px; height:239px; float:left;} #bd .ad img {padding:0; margin:0;} /* SHOES, ACCESSORIES, FIND US */ #bd .featured2 {width:796px; height:187px; border-bottom:2px solid #b4aca4;} #bd .products {width:596px; height: 289px; float:left; border-right:2px solid #b4aca4; background: #fff;} #bd .ad2 {width:198px; height:289px; float:left;} #bd .storeLoc {width:796px; height:289px; float:left; position: relative;} /*STORE BGs*/ #bd .photo {background:url(../images/bg.store_mapPhoto.jpg) -796px 0 no-repeat;} #bd .map {background:url(../images/bg.store_mapPhoto.jpg) 0 0 no-repeat;} #bd .contentBox {position:absolute; width:337px; height:89px; background:url(../images/img.find_usBox.gif) no-repeat 0 0; right:0; bottom: 0; z-index:1;} /* MAIN PAGE CLASSES -----------------------------------------------------*/ .products {} .brandsAvailable {width:568px; height:20px; margin:2px auto 15px;} .table {width:555px; margin:0 auto;} .tableHead {clear: both; width:100%; float:left;} .row {width:513px; height:42px; float:left; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;} .borderBottom {border-bottom: 1px solid #999;} .tan {background:url(../images/bg.row_color_tan.gif) repeat-x 0 0;} .green {background:url(../images/bg.row_color_green.gif) repeat-x 0 0;} .promotions {width:280px; float:left; font-family: Helvetica; text-transform: uppercase;} .promotions p {margin-top:14px; padding:0 0 0 8px; float:left; color:#000;} .details {width:60px; float:right; text-transform: uppercase; text-align: right; padding-right:21px;} .details a {padding:0 0 0 5px; float:left; display:block; text-decoration: none; color: #000;} .details strong {display:block; margin-top: 14px;} .current {width:253px; height: 16px; background:url(../images/txt.currentPromo.gif) no-repeat 0 0; text-indent: -9999em; padding-bottom:6px;} .rowThumb {margin:4px 0 0 4px; display:block; float: left;} .scroll-holder {overflow: auto; height:230px;} .brandName {float:left; clear:both; display: block; width:100%;} /*FIND US CLASSES*/ .directions {display:block; width:192px; height:10px; text-indent:-9999em; background:url(../images/txt.google_dir.gif) 0 0 no-repeat; position: absolute; top:33px; left:70px; z-index:9999;} .findImgSwitch {position:absolute; top:57px; left:160px;} .findImgSwitch li {float:left; /*background:url(../images/img.txtSeperate.gif) 30px 0 no-repeat;*/ padding-right:14px;} .findImgSwitch li.last {background:none;} .findImgSwitch li a {display: block; float:left;} .photoLink {display:block; background:url(../images/txt.find_us_store.gif) 0 0 no-repeat; text-indent:-9999em; z-index:9999; width:38px; height: 13px;} .mapLink {display:block; background:url(../images/txt.find_us_map.gif) 0 0 no-repeat; text-indent:-9999em; z-index:9999; width:27px; height:13px;} /* FORM ELEMENTS -----------------------------------------------------*/ form { margin: 5px 0; padding:5px; } input, select, textarea { } label { } input { } select { } textarea { } form .checkbox { } *form .checkbox { } /* IE */ .btn { } input.txtBox {border:1px solid #b9b9b9; position:relative; top:-3px; *top:0; _top:0; width:137px; height:12px; color:#888; font-size:10px; line-height: 10px;} input.submit {position:relative; padding-left:6px; *top:3px;} a.logo {text-indent:-9999em; display:block; width:35px; display:block; height:19px; float:right; background:url('../images/img.logoSm.gif') no-repeat top left;} /* IMAGES -----------------------------------------------------*/ img, img a { border: 0; } /* MAIN NAV -----------------------------------------------------*/ .mainNav {position:absolute; top:11px; left:2px; *top:22px;} .mainNav li {float:left;} .mainNav li a {display:block; text-indent:-9999em; margin-right:20px;} ul .home a {width:40px; height:11px; background:url(../images/txt.home.gif) 0 0 no-repeat;} ul .home a:hover {width:40px; height:11px; background:url(../images/txt.home.gif) 0 -11px no-repeat;} ul .shoes a {width:103px; height:11px; background:url(../images/txt.boots_and_shoes.gif) 0 0 no-repeat;} ul .shoes a:hover {width:103px; height:11px; background:url(../images/txt.boots_and_shoes.gif) 0 -11px no-repeat;} ul .accessories a {width:102px; height:11px; background:url(../images/txt.accessories.gif) 0 0 no-repeat;} ul .accessories a:hover {width:102px; height:11px; background:url(../images/txt.accessories.gif) 0 -11px no-repeat;} ul .findUs a {width:49px; height:11px; background:url(../images/txt.findus.gif) 0 0 no-repeat;} ul .findUs a:hover {width:49px; height:11px; background:url(../images/txt.findus.gif) 0 -11px no-repeat;} /* MISC STYLES -----------------------------------------------------*/ .left { float: left; } .right { float: right;} .strong, strong {font-weight: bold; } .clear { clear:both;} .hide { display:none; } .txtRight {text-align: right;} .noPad {margin-top:0; padding-top:0;} #siteMap {position:absolute; left:-9999em; top:0;} .siteMap {background:white;} .siteMap table {position:relative; left:20px;} .siteMap strong {position:relative; left:10px;} .samples {float:right; margin-top:3px;} .samples ul {} .samples ul li {float:left; padding-right: 4px;} .samples ul li a {display: block; border:1px solid #ccc;} /* ERROR MESSAGES AND ALERTS ----------------------------------------------------- First display a generic alert box using ".alert" then specify the alert type to be displayed Example usage:

Alert Title

The page you are looking for died last week.

*/ .alert { } .error { background:#F6F5C8 ; } .warning { background:#EFEBE0 ; } .success { background:#D6ECD2 ; border: 1px solid #88C87E; } .info { background:#E1EEF6 ; } .announcement { background:#EFEBE0 ; } .error h2 { color:#C00; } .warning h2 { color:#B63; } .success h2 { color:#080; } .info h2 { color:#36C; }@import url("reset.css");