/* CONTENTS ----------------------------------------- /* 0 RESET ======================================================================*/ /* 1 ROOT ======================================================================*/ /* 2 HEADINGS ======================================================================*/ /* 3 TYPOGRAPHY ======================================================================*/ /* 4 LINKS ======================================================================*/ /* 5 FIGURES & IMAGES ======================================================================*/ /* 6 TABLES ======================================================================*/ /* 7 FORMS ======================================================================*/ /* 8 BANNER ======================================================================*/ /* 9 NAVIGATION ======================================================================*/ /* 10 CONTENT ======================================================================*/ /* 11 SIDEBAR ======================================================================*/ /* 12 FOOTER ======================================================================*/ /* 13 CONTENTINFO ======================================================================*/ /* 14 GLOBAL OBJECTS ======================================================================*/ /* 15 VENDOR-SPECIFIC ======================================================================*/ /* 16 MODERNIZR ======================================================================*/ /* 17 TEMPLATE SPECIFICS ======================================================================*/ /* 18 RANDOM SCHIROS CLASSES ====================================================================*/ /* 0. RESET -------------------------------------------------------------------------------------*/ html, body {margin:0; padding:0;} h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;} audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;} .sans-serif {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} .serif {font-family:"Cambria, Georgia, Times," Times New Roman;} .monospace {font-family:"Monaco",Courier New,monospace;} .cf:before,.cf:after, .clearfix:before,.clearfix:after {content:""; display:table;} .cf:after, .clearfix:after {clear:both;} .cf,.clearfix {zoom:1;} /* 1 ROOT ======================================================================*/ html {overflow-y:scroll; font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} body {margin:0; background-color:#efefef;} body, button, input, select, textarea {font:16px Helmet, Freesans, sans-serif; line-height:1.618; color:#333;} /* 2 HEADINGS ======================================================================*/ h1, h2, h3, h4, h5, h6 {margin-bottom:0.809em; line-height:1em; font-weight:400; font-style:normal;} h1 {margin-bottom:10px; font-size:2em; line-height:1.2; color:#393635;} h2 {margin-bottom:10px;font-size:1.8em; line-height:1.2; color:#6A9C2A;} h3 {margin-bottom:10px;font-family:Helmet, Freesans, sans-serif; font-size:1.286em; line-height:1.3; color:#4f4f4f;} h4 {margin-bottom:1em;font-family:Helmet, Freesans, sans-serif; font-size:1.143em; line-height:1.25; color:#888;} h5 {margin-bottom:1em;font-family:Helmet, Freesans, sans-serif; font-size:0.871em; line-height:1.25; color:#888; text-transform:uppercase;} h6 {font-size:1em; font-family:Helmet, Freesans, sans-serif;} #main h1 {font-size:4em; font-family:"jinky",sans-serif; font-weight:400; color:#6a9c2a;} /* 3 TYPOGRAPHY ======================================================================*/ p, ul, ol, dl, blockquote {line-height:1.618em; margin-bottom:1.618em; xmax-width:30em; /* Optimal width for long-form text */} p:last-child {margin-bottom:0;} ul {list-style-type:disc; margin-left:1.618em;} ol {list-style-type:decimal; margin-left:1.618em;} nav ul, nav ol {list-style:none; margin:0; padding:0;} b, strong, strong * {font-weight: bold;} i, em {font-style:italic;} small {font-size:80%;} /* 4 LINKS ======================================================================*/ a, a:visited {outline:none; color:#6a9c2a; text-decoration:underline;} a:hover {outline:none; text-decoration:none;} a:active, a:focus {outline:none;} a {-webkit-transition:color .15s ease-in-out; -moz-transition:color .15s ease-in-out; -o-transition:color .15s ease-in-out; transition:color .15s ease-in-out;} /* 5 FIGURES & IMAGES ======================================================================*/ /* /ht Ethan Marcotte - http://front.ie/l8rJaA */ embed, object, video {max-width:100%;} .ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video {width:100%;} /* 6 TABLES ======================================================================*/ /* 7 FORMS ======================================================================*/ input[type=text], input[type=password], input[type=number], input[type=url], input[type=email] {padding:0; height:26px; line-height:26px; font-size:12px; color:#000; position:relative; -moz-border-image:url("../images/bg-input-white.png") 2 2 2 round; -webkit-border-image:url("../images/bg-input-white.png") 2 2 2 round; -o-border-image:url("../images/bg-input-white.png") 2 2 2 round; border-image:url("../images/bg-input-white.png") 2 2 2 round;} #footer input[type=text], #footer input[type=email] {-moz-border-image:url("../images/bg-input.png") 2 2 2 round; -webkit-border-image:url("../images/bg-input.png") 2 2 2 round; -o-border-image:url("../images/bg-input.png") 2 2 2 round; border-image:url("../images/bg-input.png") 2 2 2 round; background-color:#aaa;} input[type=submit] {padding:0 10px; height:26px; line-height:26px; border:none; cursor:pointer; font-size:.75em; color:#fff; text-transform:uppercase; text-shadow:1px 1px 0 #444; background:url(../images/bg-button-green.png) no-repeat 0 0;} input[type=submit]:after {content:""; height:26px; width:5px; display:block; background:url(../images/bg-button-green.png) no-repeat 100% 0;} /* 8 BANNER ======================================================================*/ /* 9 NAVIGATION ======================================================================*/ .js #menu-main-navigation {display:none;} .js .selectnav {display:block;} #header_shop_bag_detail {display:none;} /* 10 CONTENT ======================================================================*/ .scribble {font-family:"jinky",sans-serif; font-weight:400;} .hz-divider {height:2px; width:100%; margin:25px auto; background:url(../images/bg-hz-line-gray.png) no-repeat 0 0;} .aligncenter {margin:20px auto 15px;} .alignleft {float:left; margin:0 30px 15px 0;} .alignright {float:right; margin:0 0 15px 30px; display:block;} /* home-slider */ #home_slider {position:relative;} .rslides {position:relative; list-style:none; overflow:hidden; width:100%; height:auto; padding:0; margin:0;} .rslides li {position:absolute; display:none; width:100%; left:0; top:0;} .rslides li:first-child {position:relative; display:block; float:left;} .rslides img {margin:0 auto; text-align:center; display:block; height:auto; max-width:100%; border:0;} .rslides_tabs {position:absolute; right:3%; bottom:3%; list-style:none; padding:0; margin:9px auto 0; max-width:1140px; font-size:.65em;} .rslides_tabs li {display:inline-block; float:none; margin:0 0 0 5px; padding:0;} .rslides_tabs li:first-child {margin-left:0;} .rslides_tabs a {width:10px; height:10px; padding:0; background:none; display:inline-block; text-indent:-9999px !important; background:#aaa; color:#fff; text-decoration:none; border-radius:50%;} .rslides_tabs a:hover, .rslides_tabs .rslides_here a {background:#666; color:#fff;} .rtitle {position:absolute; right:0px; margin-right:0px; width:100%; text-align:center; top:0; bottom:0; background:none; padding:0;} .rtitle h2, .rtitle h3 {text-align:center; margin:0;} .rtitle h2 {position:absolute; top:3%; left:3%; font-size:3em; line-height:1; font-family:"jinky",sans-serif; color:#413e3e; background:#fff; background:rgba(255,255,255,0.5); display:block; padding:0 10px;} .rtitle h3 {margin:0 0 10px; font-size:1em; line-height:1.3; font-family:Arial,sans-serif; color:#6a9c2a; display:none;} .rtitle .shop_button {position:absolute; bottom:3%; left:3%;} /* shoe carousel, type and styles */ #shoe_browser {margin:15px 0 0; position:relative;} #shoe_browser ul {list-style:none; margin:0; padding:0;} #shoe_browser ul li {list-style:none; margin:0; padding:0; position:relative;} #shoe_browser a {text-decoration:none;} #shoe_browser h3 {font-size:0.813em; font-weight:bold; color:#666; margin:0; line-height:1.2;} #shoe_browser h4 {font-size:1.125em; font-weight:bold; color:#333; margin:0; line-height:1;} #shoe_browser { background:#efefef; /* background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,0.5) 85%, rgba(255,255,255,0) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,0.5)), color-stop(85%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); */} #shoe_browser:before {content:""; position:absolute; z-index:-2; top:-21px; left:0; right:0; height:21px; background:url(../images/bg-shoe-browser-top.png) no-repeat 50% 0;} #shoe_browser:after {content:""; position:absolute; z-index:-2; bottom:-21px; left:0; right:0; height:21px; background:url(../images/bg-shoe-browser-btm.png) no-repeat 50% 0;} #shoe_browser a.on-sale {color:#cc0000 !important;} /* shoe carousel, Layout and func */ .es-carousel-wrapper {padding:10px 25px; position:relative;} .es-carousel {overflow:hidden;} .es-carousel ul {display:none;} .es-carousel ul li {height:100%; float:left; display:block;} .es-carousel ul li a {display:block; border-style:solid; border-color:#222;} .es-carousel ul li a img {display:block; border:none; max-height:100%; max-width:100%;} .es-nav span {position:absolute; top:50%; left:0; width:20px; height:32px; margin-top:-16px; text-indent:-9000px; cursor:pointer; opacity:0.8; background:transparent url(../images/bg-nav-shoe-browser.png) no-repeat top left;} .es-nav span.es-nav-next {right:0; left:auto; background-position:-25px 0;} .es-nav span:hover {opacity:1.0;} /* brand pages */ #brand_list {list-style:none; margin:10px 0 0; padding:0;} #brand_list li {float:left; list-style:none; margin:0 1% 25px; padding:0 0 5px; width:31%; text-align:center; background:url(../images/bg-hz-line.png) no-repeat 50% 100%;} #brand_list li .icon {} #brand_list li .label {} #brand_list li .label h4 {margin:0; font-size:0.851em;} #brand_list li .label h4 a {text-decoration:none;} #brand_cont {width:100%; margin:15px auto; padding:0 0 15px; background:url(../images/bg-hz-line.png) repeat-x 0 100%;} #brand_logo {float:right; margin:0 0 0 25px;} #size_logo {float:right; margin:0 0 0 25px; width:7.75em; height:7.75em; text-align:center; background-color:#6a9c2a; border-radius:50%;} .size_title {display:block; margin:20px auto 0; font-size:0.813em; line-height:1;} .size_num {display:block; margin:0px 0 0; font-size:4.5em; font-weight:bold; color:#fff; line-height:1; text-shadow:2px 2px 0 #444;} #brand_copy {margin:0;} #brand_copy h2 {margin:0; font-size:4em; line-height:1;} /* shoe page search filters */ #search_lists ul {list-style:none; margin:0 0 5px; padding:0 0 5px; clear:both; background:url(../images/bg-hz-line.png) repeat-x 0 100%;} #search_lists ul:before,#search_lists ul:after {content:""; display:table;} #search_lists ul:after {clear:both;} #search_lists ul {zoom:1;} #search_lists ul li {float:none; list-style:none; margin:0; padding:0;} #search_lists li li {float:left;} #search_lists ul ul {margin:0; padding:0; clear:none; background:none;} #search_lists .searchcrumbs {overflow:hidden; margin-left:-5px; font-size:0.75em;} #search_lists .searchcrumbs .remove_button {display:inline-block; width:12px; height:12px; text-indent:-9999px; background:url(../images/bg-button-remove-sm.png) no-repeat 0 0;} #search_lists .searchcrumbs li {float:left; margin-left:5px;} #search_lists .searchcrumbs li:before {content:'/'; padding-right:5px;} #search_lists .searchcrumbs li:first-child:before {content:'';} #search_lists .drilldown_form li {float:none; margin-bottom:5px; width:100%; xtext-align:center;} #search_lists .drilldown_form li:last-child {margin-bottom:0;} #search_lists .view_options {text-transform:uppercase; font-size:0.688em;} #search_lists .view_options a {font-weight:bold; color:#6a9c2a; text-decoration:none;} #search_lists .view_options a:hover, #search_lists li.active a, #search_lists li a.active {color:#222;} #search_lists .view_options li {margin-bottom:10px;} #search_lists .view_options li li {margin:0 15px 0 0;} #search_lists .view_options .vo_pagination {clear:both; margin:20px 0 0; width:100%;} #search_lists .view_options .page_loc {float:left;} #search_lists .view_options .page_num {float:right;} #search_lists_wide {display:none;} /* product list */ #product_list {list-style:none; margin:0 0 0 -2%; padding:0;} #product_list li {list-style:none; float:left; margin:0 0 20px 2%; padding:0 0 20px; width:98%; height:auto; background:url(../images/bg-hz-line.png) no-repeat 50% 100%; zoom:1;} #product_list li:before,#product_list li:after {content:""; display:table;} #product_list li:after {clear:both;} #product_list li img {width:100%; height:auto;} /* #product_list.md li {margin:0 0 20px 2%; width:47%; height:255px;} #product_list.sm li {margin:0 0 20px 2%; width:31%; height:185px;} */ #product_list.md li {margin:0 0 20px 2%; width:47%;} #product_list.sm li {margin:0 0 20px 2%; width:31%;} #product_list a {display:block; width:100%; height:100%; position:relative; text-decoration:none; color:#666;} #product_list h3 {font-size:.75em; font-weight:bold; margin:0 0 5px; padding:0;} #product_list h4 {margin:0; padding:0; font-size:1.1em; font-weight:bold; color:#333;} #product_list .showme {display:none;} #product_list .prod_onsale h4, #shoe_browser .prod_onsale h4 {color:#cc0000;} /* product detail page */ #prod_detail ul, #prod_detail ul li {margin:0; padding:0; list-style:none;} #prod_detail .prod_title h2 {margin:0; padding:0; font-size:1.8em; font-weight:bold; color:#6a9c2a;} #prod_detail .prod_title h3 {margin:0; padding:0; font-size:1.1em; font-weight:bold; color:#666;} .prod_img img {max-width:100%; height:auto; vertical-align:bottom;} #prod_detail .prod_views {margin:0 auto; text-align:center; display:table;} #prod_detail .prod_views li {float:left; margin:0 5px 0 0; padding:2px; display:block; border:1px solid #efefef; border-radius:3px;} #prod_detail .prod_views li:last-child {margin:0;} #prod_detail .prod_views li:hover {border:1px solid #6a9c2a; cursor:pointer;} #prod_detail .prod_colors {margin:15px 0 0;} #prod_detail .prod_colors li {float:left; margin:0 10px 0 0;} #prod_detail .prod_sizes {margin:5px 0 0;} #prod_detail .prod_sizes h3 {margin:0 0 5px;} #prod_detail .prod_sizes li {float:left; width:auto; min-width:15px; height:35px; padding:0 10px; margin:0 5px 5px 0; font-size:.8em; line-height:35px; text-align:center; color:#656363; border:1px solid #656363; cursor:pointer;} #prod_detail .prod_sizes li:hover, #prod_detail .prod_sizes li.active {background-color:#6a9c2a; color:#fff;} #prod_detail .prod_sizes li.noavail {background-color:#efefef; color:#ccc; border:1px solid #ccc; cursor:default;} #prod_detail .prod_form {height:auto; margin:10px 0 0;} #prod_detail .prod_form li {float:none; margin:0;} #prod_detail .prod_form .shop_button {float:left; margin:0 15px 0 0;} #prod_detail .prod_form .checkout {display:none;} #response {display:none; margin:0;} #response #response_message {font-size:1.143em; font-weight:bold; margin:0; line-height:26px; height:26px;} #prod_detail .prod_form .my_favs {clear:both; margin:15px 0 0;} #prod_detail .prod_desc {margin:35px 0 15px;} #prod_detail .prod_desc .cont_wrap {font-size:.8em;} #prod_detail .prod_related {clear:both; margin:15px 0 0;padding:15px 0 0; background:url(../images/bg-hz-line.png) repeat-x 50% 0;} #prod_detail .prod_related h2 {font-size:2.1em; font-weight:bold; letter-spacing:1px; color:#4f4f4f;} #prod_detail .prod_related ul {list-style:none; margin:0; padding:0;} #prod_detail .prod_related ul li {float:none; list-style:none; margin:0; padding:0; width:100%;} #prod_detail .prod_related ul li a {text-decoration:none;} #prod_detail .prod_related ul li h4 {font-size:0.813em; font-weight:bold; color:#666; margin:0; line-height:1.2;} /* 11 SIDEBAR ======================================================================*/ #sidebar {margin:25px 0 0;} #sidebar ul {margin:0; padding:0; list-style:none;} #sidebar li {margin:0 0 25px; padding:0; list-style:none;} #sidebar li:last-child {margin:0;} #sidebar li li {margin:0 0 5px; padding:0; font-size:0.875em; line-height:1.3;} #sidebar li h3 {margin:0 0 15px; padding:0 0 5px; font-size:.875em; font-weight:bold; background:url(../images/bg-hz-line.png) no-repeat 100% 100%;} #sidebar li p {font-size:0.875em; line-height:1.3;} .sidebar_bag .side_edit {font-size:.8em; float:right; margin-right:2%;} .sidebar_bag .side_qty {width:50%; float:left;} .sidebar_bag .side_ttl {width:50%; float:right; font-weight:bold;} .sidebar_bag .side_qty strong, .sidebar_bag .side_ttl strong {font-size:1.3em;} #sidebar_bag .green_button a {text-align:center;} /* 12 FOOTER ======================================================================*/ /* 13 CONTENTINFO ======================================================================*/ /* 14 GLOBAL OBJECTS ======================================================================*/ /* 15 VENDOR-SPECIFIC ======================================================================*/ /* 16 MODERNIZR ======================================================================*/ /* 17 TEMPLATE SPECIFICS ======================================================================*/ /* uniform */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {background-image:url(../images/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;} .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{margin:0;padding:0;} /* INPUT & TEXTAREA */ input.text, input.email, input.password, textarea.uniform {font-size:12px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;padding:3px;color:#777;background:url('../images/bg-input-focus.png') repeat-x 0px 0px;background:url('../images/bg-input.png') repeat-x 0px 0px;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;} input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999;background:url('../images/bg-input-focus.png') repeat-x 0px 0px;} /* SPRITES */ /* Select */ div.selector {background-position:-483px -130px;line-height:26px;height:26px;} div.selector span {background-position:right 0px;height:26px;line-height:26px;} div.selector select {/* change these to adjust positioning of select element */ top:0px;left:0px;} div.selector:active, div.selector.active {background-position:-483px -156px;} div.selector:active span, div.selector.active span {background-position:right -26px;} div.selector.focus, div.selector.hover, div.selector:hover {background-position:-483px -182px;} div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position:right -52px;} div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {background-position:-483px -208px;} div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {background-position:right -78px;} div.selector.disabled {background-position:-483px -234px;} div.selector.disabled span {background-position:right -104px;} /* Checkbox */ div.checker {width:19px;height:19px;} div.checker input {width:19px;height:19px;} div.checker span {background-position:0px -260px;height:19px;width:19px;} div.checker:active span, div.checker.active span {background-position:-19px -260px;} div.checker.focus span, div.checker:hover span {background-position:-38px -260px;} div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {background-position:-57px -260px;} div.checker span.checked {background-position:-76px -260px;} div.checker:active span.checked, div.checker.active span.checked {background-position:-95px -260px;} div.checker.focus span.checked, div.checker:hover span.checked {background-position:-114px -260px;} div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {background-position:-133px -260px;} div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {background-position:-152px -260px;} div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {background-position:-171px -260px;} /* Radio */ div.radio {width:18px;height:18px;} div.radio input {width:18px;height:18px;} div.radio span {height:18px;width:18px;background-position:0px -279px;} div.radio:active span, div.radio.active span {background-position:-18px -279px;} div.radio.focus span, div.radio:hover span {background-position:-36px -279px;} div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {background-position:-54px -279px;} div.radio span.checked {background-position:-72px -279px;} div.radio:active span.checked, div.radio.active span.checked {background-position:-90px -279px;} div.radio.focus span.checked, div.radio:hover span.checked {background-position:-108px -279px;} div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {background-position:-126px -279px;} div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {background-position:-144px -279px;} div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {background-position:-162px -279px;} /* Uploader */ div.uploader {background-position:0px -297px;height:28px;} div.uploader span.action {background-position:right -409px;height:24px;line-height:24px;} div.uploader span.filename {height:24px;/* change this line to adjust positioning of filename area */ margin:2px 0px 2px 2px;line-height:24px;} div.uploader.focus, div.uploader.hover, div.uploader:hover {background-position:0px -353px;} div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {background-position:right -437px;} div.uploader.active span.action, div.uploader:active span.action {background-position:right -465px;} div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {background-position:right -493px;} div.uploader.disabled {background-position:0px -325px;} div.uploader.disabled span.action {background-position:right -381px;} div.button {background-position:0px -523px;} div.button span {background-position:right -643px;} div.button.focus, div.button:focus, div.button:hover, div.button.hover {background-position:0px -553px;} div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {background-position:right -673px;} div.button.active, div.button:active {background-position:0px -583px;} div.button.active span, div.button:active span {background-position:right -703px;color:#555;} div.button.disabled, div.button:disabled {background-position:0px -613px;} div.button.disabled span, div.button:disabled span {background-position:right -733px;color:#bbb;cursor:default;} /* PRESENTATION */ /* Button */ div.button {height:30px;} div.button span {margin-left:13px;height:22px;padding-top:8px;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px;} /* Select */ div.selector {width:190px;font-size:12px;} div.selector select {min-width:190px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;border:solid 1px #fff;} div.selector span {padding:0px 25px 0px 2px;cursor:pointer;} div.selector span {color:#666;width:158px;text-shadow:0 1px 0 #fff;} div.selector.disabled span {color:#bbb;} /* Checker */ div.checker {margin-right:5px;} /* Radio */ div.radio {margin-right:3px;} /* Uploader */ div.uploader {width:190px;cursor:pointer;} div.uploader span.action {width:85px;text-align:center;text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold;} div.uploader span.filename {color:#777;width:82px;border-right:solid 1px #bbb;font-size:11px;} div.uploader input {width:190px;} div.uploader.disabled span.action {color:#aaa;} div.uploader.disabled span.filename {border-color:#ddd;color:#aaa;} /* CORE FUNCTIONALITY Not advised to edit stuff below this line */ .selector, .checker, .button, .radio, .uploader {display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline:0;} /* Button */ div.button a, div.button button, div.button input {position:absolute;} div.button {cursor:pointer;position:relative;} div.button span {display:-moz-inline-box;display:inline-block;line-height:1;text-align:center;} /* Select */ div.selector {position:relative;padding-left:10px;overflow:hidden;} div.selector span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} div.selector select {position:absolute;opacity:0;filter:alpha(opacity:0);height:25px;border:none;background:none;} /* Checker */ div.checker {position:relative;} div.checker span {display:-moz-inline-box;display:inline-block;text-align:center;} div.checker input {opacity:0;filter:alpha(opacity:0);display:inline-block;background:none;} /* Radio */ div.radio {position:relative;} div.radio span {display:-moz-inline-box;display:inline-block;text-align:center;} div.radio input {opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:none;} /* Uploader */ div.uploader {position:relative;overflow:hidden;cursor:default;} div.uploader span.action {float:left;display:inline;padding:2px 0px;overflow:hidden;cursor:pointer;} div.uploader span.filename {padding:0px 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;} div.uploader input {opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default;} /* tooltips */ #tooltip {text-align:center; font-size:0.75em; color:#fff; background:#111; position:absolute; z-index:100; padding:5px; border-radius:5px;} /* triangle decoration */ #tooltip:after {width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #111; content:''; position:absolute; left:50%; bottom:-10px; margin-left:-10px;} #tooltip.top:after {border-top-color:transparent; border-bottom:10px solid #111; top:-20px; bottom:auto;} #tooltip.left:after {left:10px; margin:0;} #tooltip.right:after {right:10px; left:auto; margin:0;} /* CUSTOM LAYOUT & TYPOGRAPHY (Baby bear) --------------------------------------------------------------------*/ /* 1 ROOT ======================================================================*/ body {background:#efefef url(../images/bg-body.jpg) repeat-x 50% 0;} .holder {padding:0 0 1.618em; margin:auto;} #page_wrap {background:#fff; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #main {float:none; width:100%; overflow:hidden;} #sidebar {float:none; width:100%;} /* 2 HEADINGS ======================================================================*/ /* 3 TYPOGRAPHY ======================================================================*/ /* 4 LINKS ======================================================================*/ /* 5 FIGURES & IMAGES ======================================================================*/ /* 6 TABLES ======================================================================*/ /* 7 FORMS ======================================================================*/ /* 8 BANNER ======================================================================*/ #header h1 {margin:0 auto; padding:30px 0 0; width:100%; height:68px; display:block; xborder-bottom:15px solid #444; background:url(../images/bg-body-sm.jpg) 50% 0;} #header h1 a {margin:0 auto; padding:0; width:225px; height:66px; display:block; text-indent:-9999px; background:url(../images/big-shoes-logo-sm.png) 50% 50% no-repeat;} #header h2 {display:none;} #header_tout {position:absolute; top:0; left:0; width:100%; padding:5px 0; background-color:rgba(26,26,26,.8); font-size:.75em; text-align:center;} #header_tout .scribble {font-family:sans-serif;} #searchbox {width:192px; height:32px; display:block; position:relative; margin:15px auto 0; background:url(../images/bg-search-field.png) no-repeat 0 0; z-index:999;} #searchbox input {clear:none;} #searchbox input[type=text] {float:left; background:none; border:none; line-height:32px; width:150px; padding:0 5px;} #searchbox input[type=submit] {float:right; margin:3px 3px 0 0; background:url(../images/bg-search-button.png) no-repeat 0 0; width:26px; height:25px; text-indent:-999em; display:block;} #searchbox input[type=submit]:hover {background-position:0 -25px;} #free_shipping_message {position:absolute; width:200px; padding:10px; border-radius:5px; -moz-border-radius:5px; background-color:#fff; z-index:100000; color:#222; -moz-box-shadow:0 0 5px rgba(51,51,51,0.5); -webkit-box-shadow:0 0 5px rgba(51,51,51,0.5); box-shadow:0 0 5px rgba(51,51,51,0.5);} /* 9 NAVIGATION ======================================================================*/ #main_nav {margin:0 auto; width:auto; text-align:center;} #main_nav .selector {margin:0 auto;} #util_nav {position:relative; clear:both; margin:0 0 15px; padding:7px 0; background-color:rgba(26,26,26,.8); font-size:.75em;} #util_nav ul {list-style:none; margin:0; padding:0;} #util_nav ul li {float:left; list-style:none; margin:0; padding:0;} #util_nav ul ul {list-style:none; margin:0 0 0 -10px; padding:0;} #util_nav ul ul:last-child {margin-left:0; padding:0;} #util_nav ul li li {float:left; list-style:none; margin:0 0 0 10px; padding:0;} /* #util_nav #header_check_out {display:none;} */ #header_tout a, #main_nav ul li a, #util_nav ul li a {-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;} #util_nav .acct_nav a {color:#6a9c2a; display:block; line-height:21px;} #header_shop_bag_detail {visibility:hidden;} #sizenav {display:none;} /* 10 CONTENT ======================================================================*/ #search_lists, #product_list, #prod_detail {width:96%; margin:0 auto;} .prod_title {width:100%; float:none; clear:both; margin:0; padding:0;} .prod_imgs {width:100%; float:none; clear:both; text-align:center;} .prod_info {width:100%; float:none; clear:both;} .prod_img {width:100%; margin:0 auto; text-align:center;} #prod_detail .prod_info div:last-child {xmargin-bottom:15px;} #prod_tabs ul.tab_nav {margin:0; padding:.2em 0 0; border:none; background:none;} #prod_tabs ul.tab_nav li {list-style:none; float:left; position:relative; top:0; margin:1px 5px 0 0; border:1px solid #d3d3d3; background:#e6e6e6; color:#555; border-bottom:0; padding:0; white-space:nowrap; border-radius:5px 5px 0 0;} #prod_tabs ul.tab_nav li a {float:left; padding:.5em 1em; text-decoration:none; font-size:.75em; cursor:pointer;} #prod_tabs ul.tab_nav li.active a {cursor:text; font-weight:bold;} #prod_tabs ul.tab_nav li a, #prod_tabs ul.tab_nav li a:link, #prod_tabs ul.tab_nav li a:visited {color:#555555; text-decoration:none;} #prod_tabs ul.tab_nav li:hover, #prod_tabs ul.tab_nav li:active {border:1px solid #999999; border-bottom:none; background:#dadada; color:#212121;} #prod_tabs ul.tab_nav li:hover a {color:#212121; text-decoration:none;} #prod_tabs ul.tab_nav li.active {border:1px solid #aaaaaa; border-bottom:none; background:#fff; color:#212121; margin-bottom:-1px; padding-bottom:1px;} #prod_tabs ul.tab_nav li a.active {color:#212121; text-decoration:none;} #prod_tabs > div.active {display:block; margin:-1px 0 0; padding:1em 1.4em; background:#fff; border:1px solid #aaaaaa; border-radius:0 3px 3px 3px;} #prod_tabs div {font-size:0.851em;} .cart_list {margin:0; padding:0; list-style:none;} .cart_list ul:before,.cart_list ul:after {content:""; display:table;} .cart_list ul:after {clear:both;} .cart_list ul {zoom:1; margin:0; padding:0; list-style:none;} .cart_list li.cart_list_item {margin:0; padding:20px 0; list-style:none; background:#efefef url(../images/bg-hz-line.png) no-repeat 50% 100%; zoom:1;} .cart_list li.cart_list_item:before,.cart_list li.cart_list_item:after {content:""; display:table;} .cart_list li.cart_list_item:after {clear:both;} .cart_list .cart_list_item .selector {width:50px;} .cart_image {float:left; width:18%; padding:0 1%;} .cart_image img {max-width:100%;} .cart_item_details {float:left; width:80%;} .cart_item_description {float:left; width:60%;} .cart_item_description a {text-decoration:none; color:#333;} .cart_item_price {float:left; width:40%;} .cart_item_qty {clear:left; margin:15px 0 0;} .cart_item_qty input[type=text] {width:28px; padding:0 5px;} #favs_list {margin:0 0 15px;} #favs_list li.cart_list_item {background-image:url(../images/bg-hz-line.png), url(../images/bg-handle.png); background-repeat:no-repeat, no-repeat; background-position:50% 100%, 95% 50%; background-color:white;} #favs_list li.ui-state-highlight {-moz-box-shadow:inset 0 0 25px rgba(102,102,102,.1); -webkit-box-shadow:inset 0 0 25px rgba(102,102,102,.1); box-shadow:inner 0 0 25px rgba(102,102,102,.1); min-height:189px; width:100%;} .btn {display:inline-block; *display:inline; padding:0 10px; margin-bottom:0; *margin-left:.3em; margin-right:5px; font-size:0.75em; line-height:30px; *line-height:20px; color:#333333; text-align:center; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); vertical-align:middle; cursor:pointer; background:#f0f0f0; border-radius:3px;} .btn:first-child {*margin-left:0;} .btn:hover {color:#000; background:#ccc; text-decoration:none;} .cart_item_description li {list-style:none; line-height:1.2;} .cart_item_brand, .cart_item_price {font-size:1em; font-weight:bold;} .cart_item_brand a, .cart_item_name a { text-decoration:underline !important; } .cart_item_name, .cart_item_color, .cart_item_size, .cart_item_qty_title {font-size:.813em;} span.checked {position:absolute; top:0px; left:1px; width:20px; height:20px; background:transparent url(../images/form-checked.png) no-repeat top left;} span.error {position:absolute; top:0px; left:1px; width:20px; height:20px; background:transparent url(../images/form-error.png) no-repeat top left;} .kill-long-press { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; -ms-user-drag:none; -o-user-drag:none; user-drag:none; } .slider {position:relative; zoom:1; background-color:transparent;} .slider-nav {position:realtive; zoom:1; margin:25px 0 0; width:100%;} .arrow {width:auto; height:35px; position:relative; zoom:1; top:0;} .arrow a {display:block; width:100%; height:100%; background-color:red; opacity:0.25;} .arrow a:hover {opacity:1;} .arrow-left {float:left;} .arrow-right {float:right;} .slider-mask-wrap {margin:0;} .slider-mask {position:relative; zoom:1;} #checkout_form .slider-target, .slider-target {width:100%; margin:0 auto;} .slider ul {margin:0; padding:0; list-style-type:none;} .slider-target > li {width:175px; float:left; margin:0; padding:0;} .slider li * {box-sizing:border-box;} .slider .inner {padding:0; border:0; height:100%;} #checkout_form {padding:0; margin:15px 0 0;} #checkout_form ul {list-style:none; margin:-7px 0 0; padding:0;} .cart-section {border:1px solid #6a9c2a; padding:5px 15px 0; margin:15px 0 0; border-radius:5px;} #cart_nav {display:none;} /* selector styling */ #selector {margin:0; padding:0; zoom:1; width:100%;} #selector:before, #selector:after {content:""; display:table;} #selector:after {clear:both;} #selector ul {margin:0; padding:0; list-style-type:none;} #selector li {float:none; list-style:none; position:relative; width:100%; margin:0; padding:0; border-top:1px solid #fff;} #selector a {margin-right:1px; padding:10px 20px; display:block; outline:none; text-decoration:none; color:#666; background:#f0f0f0; background:-webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(240,240,240)), color-stop(0.55, rgb(227,227,227)), color-stop(0.78, rgb(240,240,240))); background:-moz-linear-gradient(center bottom,rgb(240,240,240) 9%,rgb(227,227,227) 55%,rgb(240,240,240) 78%);} #selector li a:first-child {border:none;} #selector a h3 {margin:0 0 5px; font-weight:bold; color:#666; line-height:1;} #selector h4 {margin:0; font-size:.8em; color:#666; line-height:1;} #selector a.current h3, #selector a:hover h3, #selector a.current h4, #selector a:hover h4 {color:#fff;} #selector a.current, #selector a:hover {background:#6a9c2a;} /* #selector li a:hover, #selector li.selected a {background:#6a9c2a; color:#666;} */ #checkout_form h2 {margin:0 0 20px; font-size:.9em; font-weight:bold; text-transform:uppercase; color:#6a9c2a; clear:both;} #checkout_form h3 {margin:20px 0 0; padding:0 0 5px; font-size:.875em; font-weight:bold; background:url(../images/bg-hz-line.png) no-repeat 0 100%; clear:both;} #checkout_form .form_holder {list-style:none; margin:0;} #checkout_form .form_holder li:before, #checkout_form .form_holder li:after {content:""; display:table;} #checkout_form .form_holder li:after {clear:both;} #checkout_form .form_holder li {list-style:none; margin:0; padding:0 0 7px; zoom:1;} #checkout_form .form_holder li label.formlabel {font-size:.85em; text-align:left; display:block; width:100%; margin:0;} #checkout_form .form_holder li input[type=text], #checkout_form .form_holder li input[type=password], #checkout_form .form_holder li input[type=number], #checkout_form .form_holder li input[type=url], #checkout_form .form_holder li input[type=email], #checkout_form .form_holder li select {float:none; width:100%; background-color:#fafafa;} #checkout_form .form_holder li div.selector {float:none; width:100%;} #checkout_form .form_holder p {font-size:.875em; line-height:1.3;} #checkout_form .form_holder .form_text {float:none; clear:right; display:block; width:100%; margin:0; font-size:.85em;} #checkout_form .form_holder .cc_wrap {width:66%; clear:both; margin:0 auto 15px; padding:25px; background:#eee; border-radius:5px; border:1px solid #aaa;} #checkout_form .form_holder .cc_wrap dl {clear:both; margin:0; padding:0; display:block; xborder:thin solid green;} #checkout_form .form_holder .cc_wrap dt {float:none; width:100%; display:block; margin:0 0 5px; padding:0; font-size:.85em; xborder:thin solid red;} #checkout_form .form_holder .cc_wrap dd {float:none; width:100%; display:inline-block; margin:0; padding:0; xborder:thin solid red;} #checkout_form form input:focus {-moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa; xbackground-color:#fffeef;} #checkout_form #checkout_review {margin:0 0 15px; padding:0; list-style:none;} #checkout_form #checkout_review li {float:left; margin:0 0 15px; padding:0; width:50%; min-height:125px; list-style:none;} #checkout_form #checkout_review li p {font-size:0.875em; line-height:1.3;} #checkout_form #cart_total {width:100%;} #checkout_form .form_holder_hz {list-style:none; margin:0;} #checkout_form .form_holder_hz li:before, #checkout_form .form_holder_hz li:after {content:""; display:table;} #checkout_form .form_holder_hz li:after {clear:both;} #checkout_form .form_holder_hz li {float:left; width:33%; list-style:none; margin:0; padding:0; zoom:1;} #checkout_form .form_holder_hz li label, #checkout_form .form_holder_hz li p {font-size:.813em;} #checkout_form .form_holder_hz li.ship_calc {width:31%; margin:0; padding:15px 1% 0; border-left:1px solid #ccc; border-right:1px solid #ccc; } #checkout_form .form_holder_hz li.ship_calc ul {list-style:none; margin:0; padding:0;} #checkout_form .form_holder_hz li.ship_calc ul li {list-style:none; margin:0 0 10px; padding:0;} #checkout_form .form_holder_hz li li {float:none; width:auto; list-style:none; margin:0 0 5px; padding:0 10px 0 0; zoom:1;} #checkout_form .form_holder_hZ li li.ship_type {margin:0 0 25px;} #checkout_form .form_holder_hz .ship_desc {line-height:1.3;} #checkout_form .form_holder_hz li {float:none; width:100%;} #checkout_form .form_holder_hz li.ship_calc {width:100%; margin:15px 0 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:none; border-right:none;} #cart_total ul, #cart_total li {list-style:none; margin:0; padding:0;} #cart_total li {line-height:35px; text-align:right; font-size:.875em; border-bottom:1px solid #ddd;} #cart_total li:last-child {border:none;} #cart_total li span.cart_total_title {float:left; width:125px; padding-left:25px; text-align:left; display:inline-block; background:#f2f2f2;} #cart_subtotal {margin:15px 0; font-size:1.3em; font-weight:bold;} .cart_total {margin:0; padding:0; border-collapse:collapse; width:100%;} .cart_total tr {border-bottom:1px solid #ddd;} .cart_total td {line-height:1.3; text-align:right; font-size:.875em; width:auto;} .cart_total tr:last-child {border:none;} .cart_total .cart_total_title {text-align:left; padding:10px 25px; background:#f2f2f2; width:75%;} .cart_total td:nth-of-type(2n) {width:25%;} #cart_subtotal {margin:15px 0; font-size:1.3em; font-weight:bold;} #cart_total .shipping_selector .selector span {xpadding-right:0; xmargin-right:0;} #signoff {margin:0 0 15px; clear:both;} #signoff table {width:100%; float:none;} #signoff .signoff_copy {font-size:0.82em; line-height:1.2; padding:0 0 0 15px;} /* login form */ #form_wrapper {margin:15px auto; position:relative;} #form_wrapper form {margin:0 auto;} .form_wrapper h3 {margin:0 0 15px; padding:0 0 5px 0; font-size:1.2em; font-weight:bold; background:url(../images/bg-hz-line.png) no-repeat 50% 100%; clear:both;} .form_wrapper label, .form_wrapper .formtype {font-size:.85em; line-height:1.3;} #form_wrapper .forgot {float:right; margin-right:4%; font-style:italic; line-height:24px; color:#6a9c2a; text-shadow:1px 1px 1px white;} .form_wrapper form input[type="text"], .form_wrapper form input[type="password"] {width:96%; margin:0 0 10px; padding:0 1%;} .form_wrapper .bottom {margin:15px 0 0;} /* account pages */ #acct_mgmt ul, #acct_mgmt ul li {list-style:none; xmargin:0; xpadding:0;} #acct_mgmt #mgmt_nav {font-size:0.81em; margin:0 0 15px; padding:0 0 15px; float:none; width:100%; border-bottom:1px solid #ccc;} #acct_mgmt #mgmt_nav:before,#acct_mgmt #mgmt_nav:after {content:""; display:table;} #acct_mgmt #mgmt_nav:after {clear:both;} #acct_mgmt #mgmt_nav {zoom:1;} #acct_mgmt #mgmt_nav li {margin:0; padding:0; float:left; width:50%;} #mgmt_nav .active {font-weight:bold;} #acct_mgmt #acct_mgmt_cont {float:none; width:100%;} #acct_mgmt_cont table {padding:0; margin:0; border:0; width:100%; border-collapse:collapse;} #acct_mgmt_cont table.recent_orders tr {background:url(../images/bg-hz-line.png) no-repeat 50% 100%;} #acct_mgmt_cont table tr:nth-of-type(even) {background-color:#fbfbfb;} #acct_mgmt_cont table.recent_orders th, #acct_mgmt_cont.recent_orders table td {margin:0; font-size:0.75em; border:0; text-align:left; border-collapse:collapse;} #acct_mgmt_cont table.recent_orders th {padding:0 0 5px; font-weight:bold;} #acct_mgmt_cont table.recent_orders td {padding:25px 0 25px 1%; width:24%;} #acct_mgmt_cont #address_list {margin:0 0 25px;} #acct_mgmt_cont #address_list li {float:left; width:49%; padding:0; font-size:.75em; line-height:1.3;} #acct_mgmt_cont #address_list li {background:#fafafa url(../images/bg-hz-line.png) no-repeat 50% 100%; } #acct_mgmt_cont #address_list li:nth-of-type(odd) {border-right:1px solid #ccc;} #acct_mgmt_cont table.address_list td {padding:25px 0 25px 25px; xwidth:24%;} #errors {margin:15px auto; padding:15px !important; width:auto; list-style:none; background-color:#f2dede; border:1px solid #b94a48; border-radius:5px;} #errors li {margin:0 0 13px !important; padding:0 0 0 30px !important; list-style:none; color:#b94a48; font-size:0.81em; font-weight:bold; line-height:20px; background:url(../images/bg-error-li.png) no-repeat 0 50%;} #errors li:last-of-type {margin:0 !important;} /* 11 SIDEBAR ======================================================================*/ /* 12 FOOTER ======================================================================*/ #footer {color:#7e7e7e; background:#454142 url(../images/bg-footer.jpg) repeat-x 50% 0;} #footer ul {list-style:none; margin:0; padding:0;} #footer-links {float:none; margin:0 auto; padding:15px 0 0; max-width:90%;} #footer-links ul li {float:left; list-style:none; margin:0 20px 0 0; padding:0; line-height:1;} #footer-links ul li li {float:none; list-style:none; margin:0 0 5px; padding:0; height:auto; font-size:0.75em;} #footer-links ul li li a {color:#7f7e7e; text-decoration:none; line-height:1.2;} #footer-links ul li li a:hover {color:#ccc; text-decoration:none;} #footer-links ul li h3 {margin:0 0 5px; color:#fff; font-size:0.875em; font-weight:bold;} #footer-links h2 {margin:0 0 20px; padding:0 0 5px; color:#fff; font-size:0.875em; font-weight:bold; background:url(../images/bg-hz-line-2.png) repeat-x 0 100%;} #footer-links h2 a {color:#fff; text-decoration:none;} #footer-links .scribble, #footer-social .scribble {color:#6a9c2a; font-size:2.5em; line-height:1;} .legal {clear:both; margin:30px 0 15px; color:#fff; font-size:.75em;} #footer-social {float:none; margin:0 auto; padding:0; max-width:90%;} #footer-social ul li {float:right; list-style:none; margin:0; padding:0; line-height:1;} #footer-social ul ul {list-style:none; margin:0 0 5px; padding:0; line-height:1;} #footer-social ul li li {float:left; list-style:none; margin:0 5px 0 0; padding:0; line-height:1;} #footer-social ul li#signup_form, #footer-social ul li#social_icons {float:left; clear:left; list-style:none; margin:0 0 15px; padding:0; line-height:1;} #social_embed {display:none;} #footer-social h2 {margin:0 auto 15px; padding:0; width:234px; height:33px; text-indent:-9999px; background:url(../images/big-shoes-logo-footer.png) no-repeat 0 0;} #footer-social h3 {margin:0; padding:0;} #footer-social h4 {margin:0 0 15px; padding:0; font-size:.75em; font-weight:bold; color:#fff;} #footer_legal {float:left; clear:none; font-size:0.75em; line-height:1.3;} #footer_legal .copyright {color:#ccc;} #footer #holiday-msg {margin:0 0 15px; padding:20px 5%; width:90%; color:#fff; background:url(../images/bg-footer-holiday.png) no-repeat top right;} #footer #holiday-msg .block {float:right; width:115px; height:80px; display:block;} #footer #holiday-msg h4 {margin:0 0 5px; padding:0; color:#fff; line-height:.7;} #footer #holiday-msg dl {font-size:0.8em;} #footer #holiday-msg dl:last-of-type {margin-bottom:0;} /* 13 CONTENTINFO ======================================================================*/ /* 14 GLOBAL OBJECTS ======================================================================*/ /* 15 VENDOR-SPECIFIC ======================================================================*/ /* 16 MODERNIZR ======================================================================*/ /* 17 TEMPLATE SPECIFICS ======================================================================*/ .white-arrow-l {display:inline-block; width:10px; height:9px; background:url(../images/bg-arrow-white-left.png) no-repeat 0 0;} .white-arrow-r {display:inline-block; width:10px; height:9px; background:url(../images/bg-arrow-white-right.png) no-repeat 100% 0;} .shop_button {padding:0 10px 0 0; height:26px; display:inline-block; background:url(../images/bg-button-green.png) no-repeat 0 0;} .shop_button a {float:left; padding:0 0 0 10px; height:26px; line-height:26px; font-size:0.9em; color:#fff !important; text-decoration:none; display:block; text-shadow:1px 1px 0 #444; xbackground:url(../images/bg-button-green.png) no-repeat 100% 0;} .shop_button a:hover {color:#4d4d4c !important; text-shadow:none;} .carry_on {margin:25px 15px 15px 0; float:right; clear:both;} .green_button {display:block; background-color:#6A9C2A\0/;} .green_button a {padding:5px 0; display:block; font-size:1.5em; text-decoration:none; color:#fff; border-width:2px; -moz-border-image:url(../images/bg-button-biggreen.png) 2 repeat; -webkit-border-image:url(../images/bg-button-biggreen.png) 2 repeat; -o-border-image:url(../images/bg-button-biggreen.png) 2 repeat; border-image:url(../images/bg-button-biggreen.png) 2 fill repeat; background-color:#6A9C2A\0/; *background-color:#6A9C2A; _background-color:#6A9C2A;} .green_button a:hover {color:#4d4d4c !important; text-shadow:none;} html.ie6 .green_button, html.ie7 .green_button, html.ie8 .green_button {background-color:#6A9C2A;} .green_button a {padding:5px 0; display:block; font-size:1.5em; text-decoration:none; color:#fff; border-width:2px; -moz-border-image:url(../images/bg-button-biggreen.png) 2 repeat; -webkit-border-image:url(../images/bg-button-biggreen.png) 2 repeat; -o-border-image:url(../images/bg-button-biggreen.png) 2 repeat; border-image:url(../images/bg-button-biggreen.png) 2 fill repeat; background-color:#6A9C2A\0/; *background-color:#6A9C2A; _background-color:#6A9C2A;} .green_button a:hover {color:#4d4d4c !important;} aside {width:100%;} .my_favs a {display:inline-block; line-height:21px; font-size:12px; padding-right:25px; background:url(../images/bg-favorites.png) no-repeat 100% 0; text-decoration:none;} .my_favs a:hover {color:#222; background:url(../images/bg-favorites-active.png) no-repeat 100% 0;} .favorites {display:inline-block; width:21px; height:21px; background:url(../images/bg-favorites.png) no-repeat 0 0;} .prod_util {position:absolute; top:5%; left:5%; display:none;} .prod_onsale div.prod_util {width:23px; height:56px; display:block; background:url(../images/bg-tag-sale.png) no-repeat 0 0;} .prod_new div.prod_util {width:23px; height:49px; display:block; background:url(../images/bg-tag-new.png) no-repeat 0 0;} ul.slider-target li {width:100%;} /* 18 RANDOM SCHIROS CLASSES ====================================================================*/ .fl { float:left; } .fr { float: right; } .clear { clear:both; } .prod_sizes a { text-decoration: none; color: #656363; display: block; height: 100%; padding: 0 10px;} .prod_sizes a:hover {color: #fff; } .prod_sizes.swatches a { padding: 0px !important;} ul.search_scroller li { height: 19px; padding-left: 25px !important;} ul.search_scroller li a { text-decoration: none; color: #636363 !important;} #zoom { z-index: 100000; } .style_review { font-size: 14px !important; } .style_review .label { font-weight: bold; } .cart_item_price.line_review .selector { width: 200px !important; } .style_review .review_left { float: left; width: 65%; } .style_review .review_right { float: left; margin-left: 70px; width: 250px; background: #fff url(/images/fit_survey.png) no-repeat; height: 150px; } .style_review .review_fit { margin: 50px auto; width: 220px; position: relative;} .style_review .review_fit .fit_label div { font-weight: bold; color: #354f25; } .style_review .review_fit h2 { text-align: center; font-size: 18px; margin: 0px; padding: 0px; } #reviews, #reviews a, #reviews div { font-size: 14px; } #review_header { border: 1px solid #5e8e3e; padding: 0px; margin: 0px; height: 39px;} #review_header .arrow { float: left; width: 230px; } #review_header .label { float: left; padding-top: 3px;} #review_header .label h2 { color: #436c2c; font-weight: 900; font-size: 22px;} #review_header .write { float: right; text-align: right; padding: 6px 15px 0px 0px; } #survey_summary { border: 1px solid #5e8e3e; height: 40px; margin: 15px 0px 15px 0px; padding: 0px; position: relative;} #survey_summary .image { float: left; } #survey_summary .label { float: left; color: #74ad43; font-size: 24px; font-style: italic; margin-left: 50px; font-weight: 900; padding-top: -5px;} #survey_summary .summary { float: left; font-size: 18px; font-weight: normal; color: #000; margin-left: 30px; padding-top: 5px; } #product_list h4, #prod_detail .prod_title h3 { float: left;} #product_list h5, #prod_detail .prod_title h4 { display: none; text-decoration: line-through; float: left; font-size: 1em; margin-left: 10px; line-height: 22px; color: #636363;} #product_list .prod_onsale h5, #prod_detail.prod_onsale .prod_title h4 { display: block;} #prod_detail.prod_onsale .prod_title h3 { color: #c00;}