/* ---------------------------------------------------------------- B A S E ---------------------------------------------------------------- */ body{font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;font-size:12px;color:#fff; text-align: center; background-image: url(../images/bg.png); } strong {font-weight: bold !important;} #bio span, #policy span {font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial; font-size: 16px; margin-bottom: 10px; display: inline-block; color: #e1c170;} #bio span em, #policy span em {color: #fff; font-size: 22px;} div.white_bg {background: none !important; background-color: #f7f5f0 !important; position: relative; overflow: hidden !important;} div.white_bg {color: #282828 !important;} div.white_bg div.jScrollPaneTrack {background-color: #dfdbd0 !important;} div.white_bg div.jScrollPaneDrag {background-color: #141414 !important;} /* C L E A R F I X */ .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;} /* L I N K S */ a:link,a:visited{color:#e1c170;text-decoration:none;} a:hover{color:#e1c170;text-decoration:underline;} /* S T R U C T U R E */ div#container {width: 891px !important; text-align: left; margin: 60px auto; } div#content {width: 891px; height: 542px; overflow: hidden;} div.inner {display: block; padding: 53px; color: #000; font-size: 10px; position:absolute;} div.inner p {margin-bottom: 6px; line-height: 1.3;} div.block {display: block; padding: 20px; } div.block-d {display: block; padding: 20px; height: 100%; width: 100%;} /* ---------------------------------------------------------------- S H O P P I N G C A R T ---------------------------------------------------------------- */ span {color:red; font-weight:100; font-size:10px;} #shopping {z-index: 2; text-align: right; text-decoration:none; position:relative; float:right; margin-top: -40px; margin-right: 8px;} #shopping-collection {z-index: 2; text-align: right; text-decoration:none; position:relative; float:right; margin-top: -40px; margin-right: 18px;} /* a.shopping {color:#D5CEB2 !important; font-weight:100; font-size:10px; } */ #shopping a {color:#e1c170 !important; font-weight:100; font-size:10px; text-decoration:underline;} #store_container {width: 755px; height: 303px; overflow: auto; margin: 15px 0 15px 15px;} h2#cart {background: url('../images/header-cart.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} table.list {width: 725px; margin-bottom: 10px; color: #282828 !important;} table.list tr.odd {background-color: #eae7e0;} table.list tr.even, table.list tr.odd {height: 60px;} table.list td.numeric {text-align: center;} table.list tr.header {height: 30px;} table.list th {text-align: left;} table.list th.numeric {text-align: center; font-weight: bold;} table.list td.delete {text-align: center !important; padding-left: 10px;} table.list td.delete img {border: 0 !important;} table.list td img {float: left; border: 1px #e2c57b solid;} table.list td.item span {color: #282828; margin: 11px 0 0 15px; display: block; float: left;} div.total {float: right; margin-right: 45px; padding: 10px; background-color: #141414; color: #fff; font-size: 14px;} div.total img {float: left; margin-right: 10px;} div.buttons {float: left; margin-left: 15px} .button {float: left; padding: 6px 8px 6px 8px; background-color: #141414; margin-right: 15px; color:#e1c170 !important;} .button:hover {background-color: #000;} /* ---------------------------------------------------------------- C H E C K O U T ---------------------------------------------------------------- */ #frame-top {height: 67px; background: url(../images/frame_top.png) top center no-repeat; margin: 15px 0 0 0;} #frame-bottom {height: 67px; background: url(../images/frame_bottom.png) top center no-repeat; margin: 0;} #store_content {background: url(../images/frame_sides.png) top center repeat-y; padding: 40px 70px 40px 70px; color: #282828; position: relative !important;} #store_content h2 {font-size: 14px; margin-bottom: 5px;} #store_content input {border: 1px #141414 solid; height: 16px; padding: 3px; width: 55% !important;} #store_content select {border: 1px #141414 solid; height: 24px; padding: 3px; width: 57% !important;} #store_content label {background: #141414; padding: 5px 6px 5px 6px; color: #fff; width: 35% !important; display: block; float: left; font-size: 11px;} #store_content label.wide {float: left; width: 98% !important; margin-bottom: 15px; height: 25px;} #store_content label.wide input {float: left; margin-top: 5px;} #store_content label.wide b {position: relative; top: 4px;} #store_content .form_block {width: 49%; margin-bottom: 15px; overflow: auto; float: left;} #store_content .floatHalf {margin-bottom: 10px; overflow: auto;} #store_content .float {margin-bottom: 10px;} #store_content .clear {display: none;} #store_content input.button {width: auto !important; height: auto !important; margin-right: 0 !important; color: #fff; float: right;} #store_content p.info {font-size: 9px; text-align: right; padding: 0 18px 0 0; margin: 3px 0;} #store_content span.info {margin-top: 3px; display: block;} #store_content span.money {font-size: 14px; color: #e1c170; float: left; margin-top: 4px; display: block; margin-right: 4px;} #store_content span.sub_label {width: 13%; display: block; float: left; text-align: center; color: #282828; position: relative; top: 6px;} #store_content span.total {font-style:italic; display: block; float: right; font-size: 12px; position: relative; top: 5px; right: 5px; color: #e1c170;} #store_content .short select {width: 15% !important; float: left;} #store_content table {width: 100% !important;} #store_content table tr {height: 35px !important;} #store_content table span {float: left; color: #282828 !important;} #store_content table tr.footer td.numeric {text-align: right; font-weight: bold;} #store_content .labbb input {width: auto !important;} .large_txt {font-size: 14px; float: left; color: #282828; font-weight: bold; width: 500px; padding-left: 12px;} h2#checkout {position: absolute; background: url('../images/header-checkout.png') top left repeat-x; width: 787px; height: 50px; text-indent: -9999px; display: block; margin: -55px 0 0 -18px;} h2#receipt {position: absolute; background: url('../images/header-receipt.png') top left repeat-x; width: 787px; height: 50px; text-indent: -9999px; display: block; margin: -55px 0 0 -18px;} div.progress {position: absolute; right: 65px; top: -3px; padding: 6px 8px 6px 8px; background-color: #000; color: #fff; font-size: 11px;} div.halfness {width: 49%; float: left; color: #282828 !important; font-size: 12px !important;} div.halfness h2 {background-color: #eae7e0; padding: 4px 6px; width: 90%;} div.halfness table.list {color: #000 !important; font-size: 12px !important; width: 250px !important;} div.halfness table.list tr {height: auto !important; text-align: left !important;} div.hr_dotted {border: 0; border-bottom: 1px; border-style: dotted; border-color: #282828; margin: 8px 0 8px 0; display: block; clear: both;} div.hr_dotted hr {display: none;} #flash {background-color: #ebc7c7; padding: 0 15px 0 15px; margin-bottom: 15px; margin-top: 12px; overflow: auto !important; position: relative !important;} #popupContainer {display: none;} .formError {color: #ff0000;} /* ---------------------------------------------------------------- M I S C ---------------------------------------------------------------- */ *:focus {outline: none;} img {display: block;} /* ---------------------------------------------------------------- H E A D E R ---------------------------------------------------------------- */ div#header{width: 891px; height: 62px; position: relative; padding-left:10px;} /* L O G O */ h1 {float: left;} h1 a {display: block; width: 183px; height: 39px; text-indent: -9999px; background: url('../images/logo.png') no-repeat top left; } /* P R I M A R Y N A V */ #primary-nav { width: 600px; height: 13px; float: left; margin-left: 34px; margin-top: 25px; display: block; overflow: hidden; } #primary-nav li {list-style: none; display: inline;} #primary-nav a {padding: 13px 0 0 0; float: left; overflow: hidden; height: 0px !important;} #primary-nav a:hover {background-position: 0 -13px;} #primary-nav a:active, #primary-nav a.selected {background-position: 0 -13px;} /* P R I M A R Y N A V B G ' S */ #home a {background: url('../images/nav-home.png') top left no-repeat; width: 55px;} #collection a {background: url('../images/nav-collection.png') top left no-repeat; width: 113px;} #designer a {background: url('../images/nav-designer.png') top left no-repeat; /*width: 97px; <-- actual width */; width: 97px;} #retailers a {background: url('../images/nav-retailers.png') top left no-repeat; width: 103px;} #press a {background: url('../images/nav-press.png') top left no-repeat; width: 75px;} #contact a {background: url('../images/nav-contact.png') top left no-repeat; width: 71px;} /* ---------------------------------------------------------------- H O M E P A G E ---------------------------------------------------------------- */ /* H O M E N A V */ #home-nav { width: 785px; height: 84px; float: left; display: block; overflow: hidden; } #home-nav li {list-style: none; display: inline;} #home-nav a {padding: 84px 0 0 0; float: left; overflow: hidden; height: 0px !important;} /* H O M E N A V B G ' S */ #home-nav #collection a {background: url('../images/homenav-collection.jpg') top left no-repeat; width: 266px;} #home-nav #retailer a {background: url('../images/homenav-retailer.jpg') top left no-repeat; width: 252px;} #home-nav #contact a {background: url('../images/homenav-contact.jpg') top left no-repeat; width: 267px;} /* ---------------------------------------------------------------- C O L L E C T I O N ---------------------------------------------------------------- */ div.block-c { width: 786px; height: 386px; } div.block-c a {color: #131515;} #button-left {position:absolute; z-index: 2; left: 15px; top: 245px; } #button-right {position:absolute; z-index: 2; right: 15px; top: 245px; } .borderit img {border: 2px solid #f2eee3; } .borderit:hover img {border: 2px solid gray; } .shoeblock {width: 170px; height: 160px; float:left; margin: 28px 13px -20px 13px;} .shoeblock img {margin: 0 auto;} .shoeblock a {text-align: center;} .shoeblock-inner {height: 20px; text-align: center;} .shoeblock-inner a {font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial; font-size: 15px; color: #c8993c !important; display: block; text-align: center; height: 100%;} #paginate {position: absolute; bottom: 54px; right: 85px; background-color: #141414; padding: 6px 8px 6px 8px;} #paginate a {color: #e1c170; text-decoration: underline;} #paginate span {color: #fff;} /*.shoeblock-inner:hover {background-color:gray; background-repeat:no-repeat;} --not working yet */ h2#collection {background: url('../images/header-collection.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} .designer #flash {position: absolute; top: 140px; left: 50%; margin-left: -250px; width: 500px; border: 3px #cf9898 solid;} .designer #flash p {margin: 15px 0 15px 0;} /* ---------------------------------------------------------------- D E T A I L ---------------------------------------------------------------- */ #shoebox {width: 440px; float:left; padding-top: 25px; overflow: hidden; text-align: center;} #shoedetails {width: 290px; height: 335px; float:right; text-align:left; padding-top: 50px; padding-right: 50px; position: relative;} #shoedetails #shoe_name {font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial; font-size: 21px; color: #c8993c; float: left; margin-bottom: 5px;} #shoedetails #shoe_price {float: right;} #shoedetails #shoe_text {margin: 15px 0 15px 0;} #shoedetails span.shoeprice {font-size: 18px; font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial;} #shoedetails .addtocart {background: url('../images/addtocart.png') top left no-repeat; width: 74px; height: 19px; text-indent: -9999px; float: right; border: 0; cursor: pointer; margin-top: 5px; color: transparent !important; text-transform: capitalize !important;} #shoedetails select {float: right;} #shoedetails label {float: right; margin: 3px 10px 0 0;} #shoedetails #thumbs {width: 290px; margin: 0 auto 25px auto; text-align: left; position: absolute; bottom: 0;} #shoedetails #thumbs h4 {border-bottom: 1px #282828 dotted; padding: 0 0 6px 0; font-size: 14px;} a.bigshoe {display: block; width: 100%; text-align: center !important; height: 300px; overflow: hidden;} a.bigshoe img {margin: 0 auto;} div.goleft {left: 85px !important; bottom: 54px !important; right: auto !important;} /* ---------------------------------------------------------------- D E S I G N E R ---------------------------------------------------------------- */ h2#designer {background: url('../images/header-designer.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} .home {background: url('../images/frame.png') top right no-repeat;} .designer {background: url('../images/designer-bg.png') top right no-repeat;} .collection {background: url('../images/designer-bg.png') top right no-repeat;} #photo {width: 230px; height: auto; float:left; padding-top: 15px; padding-left: 20px;} #bio {width: 487px; float:right; margin: 15px 15px 0 0; overflow:auto; height: 353px; padding-right: 15px;} #bio span {font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial; font-size: 16px; margin-bottom: 10px; display: block;} #bio span em {color: #fff; font-size: 22px;} /* ---------------------------------------------------------------- R E T A I L E R S ---------------------------------------------------------------- */ div.block-r {background-image: url('../images/bg-lt.png'); width: 786px; height: 386px;} h2#retailers {background: url('../images/header-retailers.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} #retail-left {color:#999191; font-family: Arial, "MS Trebuchet", sans-serif; width: 425px; height: 340px; float:left; margin-left: 15px; padding: 15px 0 0 0;} #retail-right {color:#999191; font-family: Arial, "MS Trebuchet", sans-serif; width: 330px; height: 340px; float:right; padding: 15px 0 0 0;} img#flagship {} p.retailnames {color: #BC9B14; font-family: Times; font-size:16px;} #retail-right-top {background-color: #282828; width: 285px; padding: 15px;} #retail-right-left {width: 45%; float: left; padding-top: 20px; padding-left:10px;} #retail-right-right {width: 45%; float:right; padding-top: 20px; padding-left:10px;} #retail-left small {position: relative; bottom: 32px; left: 75px; background-color: #e5b04e; padding: 5px; border: 0 ; border-right: 1px; border-bottom: 1px; border-color: #c28f31; border-style: solid;} #retail-left small a {color: #000 !important;} #retail-right-top span {margin-bottom: 10px; float: left; margin-right: 10px; color: #fff; font-size:12px;} #retail-right-left strong, #retail-right-right strong {font-size: 12px; color: #fff; display: block; margin-bottom: 5px;} /* ---------------------------------------------------------------- P R E S S ---------------------------------------------------------------- */ div.block-p { width: 786px; height: 386px; background-image: url('../images/bg-lt.png');} h2#press {background: url('../images/header-press.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} #press-left {color:#999191; font-family: Arial, "MS Trebuchet", sans-serif; width: 35%; height: 340px; float:left; margin-top: 35px; margin-left: 20px; } #press-right {color:#999191; font-family: Arial, "MS Trebuchet", sans-serif; width: 55%; height: 340px; float:right; margin-top: 35px; margin-left: 20px;} h3#print {background: url('../images/press-print.png') top left no-repeat; width: 62px; height: 14px; text-indent: -9999px; display: block; float:right; margin-right:-5px;} h3#web {background: url('../images/press-web.png') top left no-repeat; width: 47px; height: 14px; text-indent: -9999px; display: block; float:right; margin-right:-5px;} ul.right {text-align:right; clear:both;} /* ---------------------------------------------------------------- C O N T A C T ---------------------------------------------------------------- */ h3#thefirst {background: url('../images/thefirst.png') top left no-repeat; width: 200px; height: 36px; text-indent: -9999px; display: block; margin-right: auto; margin-left: auto;} div.block-con { width: 786px; height: 386px; background-image: url('../images/bg-lt.png'); color:white; overflow: auto;} h2#contact {background: url('../images/header-contact.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} #contactdetails {margin: 20px 0 25px 0; padding-left: 25px; width: 440px; height: 343px; overflow: hidden; float:left; border: 0; border-right: 1px; border-color: #282828; border-style: solid;} #contactform {padding-top: 15px; width: 290px; float:right; } #contactform p {padding-right: 30px;} #contactinfo {background-color: #2B282B; } #contactinfo-left {float:left; font-size:12px; padding-top: 15px; width: 49%; margin-bottom: 10px;} #contactinfo-right {float:left; font-size:12px; padding-top: 15px; width: 49%;} #contactinfo-bottom {clear:both; height: 0; overflow: hidden; border: 0; border-bottom: 1px; border-color: #282828; border-style: solid; margin: 0 25px 25px 0;} #contactinfo-left2 {float:left; width: 49%;} #contactinfo-right2 {float:left; width: 49%;} #contactinfo-bottom2 {clear:both;} p#contacttext {font-family: "Time New Roman";} img#line {display:block; margin-right: auto; margin-left:auto;} /* ---------------------------------------------------------------- F O O T E R ---------------------------------------------------------------- */ h2#policies {background: url('../images/header-policies.png') top left no-repeat; width: 786px; height: 50px; text-indent: -9999px; display: block;} #policy {width: 755px; overflow:auto; height: 355px; margin: 15px 0 0 15px;} /* ---------------------------------------------------------------- F O O T E R ---------------------------------------------------------------- */ div#footer {width:750px; font-size: 10px; color: #dfd5c2; padding: 16px 0; font-family:"Times New Roman",Times,sans-serif; float: left; margin-bottom: 30px;} p.powered { font-family: "lucida grande";} p.copyright {float: left; margin-left: 20px; width:500px } p.copyright img, p.copyright a{ display:inline; clear:none !important; } p.copyright img{ margin-left:10px;} #poweredby {float:right; font-size: 10px; margin: 14px 12px 0 0;} #footer ul#footer-nav {float: right; margin-right: 15px; line-height: 10px;} #footer-nav li {display:inline; border-left:1px solid; text-transform: uppercase; padding:0px 4px 0px 8px; position: relative;} #footer-nav li.first {border: 0;} #comingsoon {z-index:2; position:absolute; background-image: url('../images/fullsitecoming.png'); height:15px; width:285px; background-repeat:no-repeat; left:70px; bottom: 155px;} /* ---------------------------------------------------------------- S A F A R I H A C K S ---------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { #store_content label {padding: 3px 6px 3px 6px;} #store_content label.wide input {margin-right: -375px;} }