/* Colors: burgundy: #7b001d brown: #8f6018 green: #c2c420 **************************************************/ /* Reset default browser styles **************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: '" "'; } h1 {font-size: 22px; font-weight: bold; margin: 0px 0px 0.25em 0px;} body { background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/body-bg.jpg) no-repeat center 43px; font: normal normal normal 12px/1.4 Arial,Helvetica,sans-serif; color:#444; } .container { width:980px; margin:0 auto; } #top { position:fixed !important;z-index: 99999; } .scrollcontainer { overflow:auto !important;z-index: 99998; } #data_tooltip_eng, #data_tooltip_gp, #data_tooltip_ys, #data_tooltip_br { z-index: 999999 !important; } a { color:#7b001d; } #body a { font-weight:bold; text-decoration:none; } #body a:hover { color:#111; } #body a:active { color:#111; } /* Headings **************************************************/ /*h1, p { float:left; }*/ .heading h1 { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) no-repeat top center; color:#7b001d; font-family:"Courier New", Courier, monospace; font-size:30px; height:70px; /*letter-spacing:-0.0333em;*/ letter-spacing:-.1em; line-height:1.1; margin:0 0 0.5em; padding: 20px 30px 0; width:660px; } .heading h1 span { display:block; width:600px; } /* .heading h1, .heading .h1 { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) no-repeat top center; color:#7b001d; font-family:"American Typewriter", Courier, monospace; font-size:30px; height:70px; line-height:1.1; margin:0 0 0.5em; padding: 20px 30px 0; width:660px; } */ /*h1.new_home_owners span { text-indent:-5000px; }*/ h2 { font-weight:normal; /*letter-spacing:-0.05em;*/margin:0 0 0.5em; padding:0.5em 0 0; } h2 { color:#7b001d; font-family:"Courier New", Courier, monospace; font-weight:light; font-size:16px; line-height:1.2em; padding:9px; margin:0;} #side h2 { letter-spacing:-.1em; } /*#cboxLoadedContent h2 { padding:0; }*/ h3 { font-size:16px; font-weight:normal; color:#8f6018; line-height:1.1; margin:0 0 0.6667em; } h4 { font-size:14px; font-weight:normal; color:#8f6018; line-height:1.1; margin:0 0 0.3333em; } h5 { font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#000; line-height:1.1; margin:0 0 1em; } h6 { font-weight:bold; text-transform:uppercase; } h3 a { color:#8f6018; } h3 a:hover { color:#7b001d !important; } h2 a { font-weight:inherit !important; color:inherit !important; } h2 a:hover { color:#7b001d !important; } /* .box h2 a { color:#fff !important; } .box h2 a:hover { color:#ddd !important; } */ /* Basic Block Level Elements **************************************************/ p,ul,ol,dl,blockquote { margin:0 0 1.4em; } ul,ol { padding:0 0 0 2.1em; } li ul,li ol { margin:0; } ul { list-style:disc; } ul ul { list-style:circle; } ul ul ul { list-style:square; } ul ul ul ul { list-style:disc; } ol { list-style:decimal; } ol ol { list-style:lower-alpha; } ol ol ol { list-style:lower-roman; } em { font-style:italic; } strong { font-weight:bold; } hr { clear:both; border-collapse:collapse; border:none; color:#fff; background:#fff; border-bottom:1px solid #888; padding-top:1em; margin-bottom:2.5em; } blockquote { padding:40px 40px 22px; margin:6px 50px 24px; background:#eee; color:#222; } blockquote span.credit { display:block; margin-top:18px; font-size:11px; } #scWebEditRibbon { position: absolute;z-index: 1009; } sup { font-size:.8em; line-height:.5em; vertical-align:top; } sub { font-size:.8em; line-height:.5em; vertical-align:bottom; } /* Misc. Classes **************************************************/ #main #content { position:relative; width:650px; margin:15px 50px 0 30px; } .right { float:right !important; } .left { float:left !important; } .pad .left { margin:0 20px 20px 0; display:inline; } .pad .right { margin:0 0 20px 20px; display:inline; } #header { margin-top:42px; height:137px; position:relative; } #logo { float:left; margin:25px 0 0; padding:0; } .clear { height:1px; overflow:hidden; width:100%; clear:both; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #h1_image { border:1px solid #fff; height:208px; margin:0 7px; width:698px; } #landing_desc { font-style:italic; margin:0 40px 0 30px;} .topics { font-size:10px; } #body .topics a { color:#777; font-weight:normal; } #body .topics a:hover { color:#7b001d; font-weight:normal; } #content .addthis_default_style { position:absolute; right:5px; top:0px; } #content .addthis_default_style a.addthis_button_compact { font-weight:normal; } #body { position:relative; } /* .masked { display:block; height:93px; margin-bottom:10px; position:relative; width:182px; } .masked .mask { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/mask.gif) no-repeat; display:block; height:93px; position:absolute; width:182px; top:0; right:0;} */ .masked { background-color:#fff; border: 1px #ccc solid; display:block; /*height:93px;*/ margin-bottom:10px; padding:2px; position:relative; width:178px; } .masked img { width:178px; } .masked .mask { /*background: url(/Resources/YardSmarts/pics/shared/mask.gif) no-repeat;*/ /*border: 1px #aaa solid;*/ display:block; /*height:93px;*/ position:absolute; /*width:186px;*/ top:0; right:0;} .masked .mask span { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/speech-bubble.png) no-repeat top left; display:block; float:right; height:25px; line-height:20px; margin: 56px 8px 0 0; text-align:center; width:28px;} a.masked .mask span { background-position:-50px left; color:#8f6018; font-weight:bold; } a:hover.masked .mask span { background-position:-50px left; color:#7b001d; } a:active.masked .mask span { background-position:0px left; color:#111; } #main .heading a#healthy_lawn { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/yd-header-link.jpg) top left no-repeat; height:87px; right:15px; position:absolute; text-indent:-5000px; top:122px; width:427px; z-index:200;} #main .heading a#healthy_lawn:hover { background-position:bottom left; } /* Top Bar **************************************************/ /*#top { background:#c2c420 url(/Yardsmarts/resources/YardSmarts/pics/shared/top-bar-bg.gif) repeat-x left -1px; color:#414141; height:42px; overflow:hidden; position:absolute; text-align:right; top:0; width:100%; z-index: 1008; } #network { float:left; } #network h4 { color:#414141; float:left; font-size:11px; font-style:italic; font-weight:normal; letter-spacing:0.1em; line-height:11px; margin:0; padding:15px 15px 16px 0px; } #network ul { float:left; list-style:none; margin:0; padding:0; } #network ul li { float:left; margin:0; padding:0; } #network ul li a { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/network.gif) no-repeat left top; float:left; margin:0; padding:42px 0 0; height:0; } #network ul li#network_engines a { width:92px; } #network ul li#network_engines a:hover { background-position:0px -42px; } #network ul li#network_powerproducts a { width:168px; background-position:-92px 0px; } #network ul li#network_powerproducts a:hover { background-position:-92px -42px; } #network ul li#network_yardsmarts a { width:119px; background-position:-260px 0px; } #network ul li#network_yardsmarts a:hover { background-position:-260px -42px; } #network ul li#network_racing a { width:128px; background-position:-379px 0px; } #network ul li#network_racing a:hover { background-position:-379px -42px; }*/ #top { background:#aaa800 url(/Yardsmarts/resources/YardSmarts/pics/shared/top-bar_tabs-bg.png) repeat-x left bottom; border-bottom:1px solid #fff; color:#660; height:42px; overflow:hidden; position:absolute; text-align:right; top:0; width:100%; } #network { float:left; } #network h4 { float:left; font-size:11px; font-style:italic; font-weight:bold; line-height:11px; margin:0; padding:15px 15px 16px 0px; color:#660; } #network ul { float:left; list-style:none; margin:0; padding:0; } #network ul li { float:left; margin:0; padding:0; } #network ul li a { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/network_tabs.png) no-repeat left top; float:left; margin:0; padding:42px 0 0; height:0; } #network ul li#network_engines a { width:110px; background-position:0px 0; } #network ul li#network_engines a:hover { background-position:0px -42px; } #network ul li#network_powerproducts a { width:152px; background-position:-110px 0px; } #network ul li#network_powerproducts a:hover { background-position:-110px -42px; } #network ul li#network_yardsmarts a { width:108px; background-position:-262px 0px; } #network ul li#network_yardsmarts a:hover { } #network ul li#network_racing a { width:108px; background-position:-370px -0px; } #network ul li#network_racing a:hover { background-position:-370px -42px; } #utility { font-size:10px; line-height:10px; float:right; width:300px; } #utility ul { list-style:none; margin:0; padding:16px 0; float:right; } #utility ul li { display:inline; padding: 0 0 0 7px; margin: 0 0 0 7px; border-left:solid 1px #555; float:left; } #utility ul li a { color:#414141; text-decoration:none; float:left; } #utility ul li a:hover { color:#ccc; } #utility ul li a img { margin: 0 0 -1px 2px; opacity:0.75; } #utility ul li a:hover img { opacity:1; } #utility ul li:first-child { border:none; } /* Search **************************************************/ /*#frm_search { float:right; margin:25px 0 0; } #frm_search a { position:relative; } #frm_search div { float:left; } #help_link { float:none; clear:left; font-size:9px; text-align:right; width:440px; padding:0; } #help_link a { color:#aaa; text-decoration:underline;} #search_wrap { height: 36px;margin-right: 8px; } #search_input { width:395px; height:14px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_input-bg.png) no-repeat left top; padding: 8px; position:relative; z-index:9004; } #search_input input { width:250px; border:0; background:#fff; font: normal 11px normal Arial,Helvetica,sans-serif; color:#444; height:14px; } #search_input input.default-value { color:#999; } #search_option { font-size:9px; font-weight:normal; padding:7px 7px 0px 0; width: 194px; margin-left:-200px; text-align:right; position:relative; z-index:9004; } #search2 #search_option {z-index:3500; } #search_option label { font:normal 9px/normal Arial,Helvetica,sans-serif; color:#999; margin:0; } #category { font:normal 9px/normal Arial,Helvetica,sans-serif; color:#666; background:#fff; border:solid 1px #ccc; } #search_option select { font:normal 9px/normal Arial,Helvetica,sans-serif; color:#666; background:#fff; border:solid 1px #ccc;margin-right: 5px; } .search_button { padding:2px 0 0 2px;height:26px; overflow:hidden;position:relative; z-index:9004; } .search_button button { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_button.png) no-repeat left top;border:0;margin: 0; padding:26px 0 0; width:26px;height:26px; overflow:hidden; cursor:pointer;} .search_button button:hover { background-position:left -26px;} .search_button button:active { background-position:left -52px;} .search_button input { background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/search_button.png) no-repeat left top;border:0;margin: 0 8px 0 0; padding:26px 0 0; width:26px;height:26px; overflow:hidden; cursor:pointer; z-index:9005; } .search_button input:hover { background-position:left -26px;} #search_parts_predictive { border:5px solid #444; padding:5px 3px 0px; background:#fff; width:159px; height:270px; position:relative; float:none; clear:both;left:-8px; z-index:9003; right: 0; display:none; } #search_parts_modelnumber { border:5px solid #444; padding:5px 3px 0px; background:#fff; width:159px; height:200px; position:relative; float:none; clear:both;left:-8px; z-index:9003; right: 0; display:none; } #search_suggestions { border:5px solid #7b001d; padding:36px 3px 0px; background:#fff; width:440px; position:absolute; float:none; clear:both; top:15px; z-index:9003; right: 0; display:none; } #search_suggestions .category { color:#222; clear:both; display:block; background:#ddd url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) center center no-repeat; line-height:1; padding:8px; margin:0 0 3px 0; font-size:11px; text-transform:uppercase; font-weight:bold; } #search_suggestions .category a { float:right; text-transform:none; font-weight:normal; color:#333; } #search_suggestions ul { list-style:none; padding:0; margin:0 0 3px;float:left; width:100%; } #search_suggestions ul li { display:inline; float:left; width:100%; clear:both;border-top: 1px solid #ddd; } #search_suggestions ul li:hover { background-color: #f4f4f4; } #search_suggestions ul li a { display:block;float:left; padding: 5px 10px;text-decoration:none; cursor:pointer;} #search_suggestions ul li:first-child { border-top: 0; } #search_suggestions ul li a:hover { color: #000; cursor:pointer;} #search_suggestions ul li a img { float:left; margin: 0;padding: 0; } #search_suggestions ul li a span { display:block; } p#searchresults { padding-bottom: 0 !important;margin-bottom: 0 !important; } #suggestions_item { float: left;width: 350px; } #suggestions_item a { width: 350px;font-size: 12px !important;text-decoration: underline !important;color: #000 !important;font-weight: bold;clear: both !important; } #suggestions_item p { font-size: 11px !important;padding: 0 10px; }*/ /* Search **************************************************/ #frm_search { float:right; margin:25px 0 0; } #frm_search a { position:relative; } #frm_search div { float:left; } #help_link { float:none; clear:left; font-size:9px; text-align:right; width:471px; padding:0; } #help_link a { color:#aaa; text-decoration:underline;} #search_input * { vertical-align:middle; } #search_wrap { height: 34px;margin-right: 8px; } #search_input {padding:2px 0; /*width:395px; height:14px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_input-bg.png) no-repeat left top; padding: 8px;*/ position:relative; z-index:5004; } #search_input input { width:190px;padding:3px; /*border:0; background:#fff;*/ font: normal 11px/normal Arial,Helvetica,sans-serif; color:#444; /*height:14px;*/ } #search_input input.default-value { color:#999; } #search_option { padding:4px 4px 0px 0; /*margin-left:-200px;*/ text-align:right; position:relative; z-index:5005; } #search_option label { font:bold 11px/normal Arial,Helvetica,sans-serif; color:#666; margin:0; } /*#category { font:normal 9px/normal Arial,Helvetica,sans-serif; color:#666; background:#fff; border:solid 1px #ccc; }*/ #search_option select { font:normal 11px/normal Arial,Helvetica,sans-serif !important; /* background:#fff; border:solid 1px #ccc;margin-right: 5px;*/ } @-moz-document url-prefix() { #search_option { padding:6px 4px 4px 0; } #search_input { padding:4px 0; } #search_input input { padding:2px 2px 1px; } } .search_button { padding:2px 0px 0 2px;height:26px; overflow:hidden;position:relative; z-index:5004;margin-right: 10px; } .search_button button { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_button.png) no-repeat left top;border:0;margin: 0; padding:26px 0 0; width:26px;height:26px; overflow:hidden; cursor:pointer;} .search_button button:hover { background-position:left -26px;} .search_button button:active { background-position:left -52px;} .search_button input { background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/search_button.png) no-repeat left top;border:0;margin:0; padding:26px 0 0; width:26px;height:26px; overflow:hidden; cursor:pointer; } .search_button input:hover { background-position:left -26px;} #search_parts_predictive { border:5px solid #444; padding:5px 3px 0px; background:#fff; width:159px; height:270px; position:relative; float:none; clear:both;left:-8px; z-index:5003; right: 0; display:none; } #search_parts_modelnumber { border:5px solid #444; padding:5px 3px 0px; background:#fff; width:159px; height:200px; position:relative; float:none; clear:both;left:-8px; z-index:5003; right: 0; display:none; } #search_suggestions { border:5px solid #7b001d; padding:36px 3px 0px; background:#fff; width:510px; position:absolute; float:none; clear:both; top:15px; z-index:5003; right: 0; display:none; } #search_suggestions .category { color:#222; clear:both; display:block; background:#ddd; line-height:1; padding:8px; margin:0 0 3px 0; font-size:11px; text-transform:uppercase; font-weight:bold; } #search_suggestions .category a { float:right; text-transform:none; font-weight:normal; color:#333; } #search_suggestions ul { list-style:none; padding:0; margin:0 0 3px;float:left; width:100%; } #search_suggestions ul li { display:inline; float:left; width:100%; clear:both;border-top: 1px solid #ddd; } #search_suggestions ul li:hover { background-color: #f4f4f4; } #search_suggestions ul li a { display:block;float:left; padding: 5px 10px;text-decoration:none; cursor:pointer;/*width: 420px;*/ } #search_suggestions ul li:first-child { border-top: 0; } #search_suggestions ul li a:hover { color: #000; cursor:pointer;} #search_suggestions ul li a img { float:left; margin: 0;padding: 0; } #search_suggestions ul li a span { display:block; } p#searchresults { padding-bottom: 0 !important;margin-bottom: 0 !important; } .endeca_term {font-weight:bold;} #result-ads { float: left;width: 980px;padding: 25px 0; } #result-ads .srchad { float: left;width: 244px;height: 150px;padding: 20px 30px;margin-left: 30px;background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/accord-bk.png) top left repeat-x;border: 1px solid #ccc;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } #result-ads .srchad:first-child { margin-left: 0; } #result-ads .srchad h5 { font-size: 12px;margin: 5px 0; } #result-ads .srchad p { font-size: 11px; } #result-ads .srcimg { width: 240px;height: 100px;text-align: center; } #result-load { float: left;padding-left: 380px; } .srchload { float: left;background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/accord-bk.png) top left repeat-x;width: 150px;border: 1px solid #ccc;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-align: center;padding: 40px 20px; } .loadtxt { display: block;width: 150px;height: 10px;margin-top: 15px;background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/loading-results.png) top center no-repeat;text-indent: -5000px; } /* Predictive*/ .predictive-error { float: left;width: 428px;border: 1px solid #fde6a0;padding: 5px;background-color: #fefde2;-moz-border-radius: 5px;-moz-border-radius: 5px;text-align: center;margin: 10px 0;color: #000;font-style: italic; } #suggestions_item { float: left;width: 350px; } #suggestions_item a { width: 350px;font-size: 12px !important;text-decoration: underline !important;color: #000 !important;font-weight: bold;clear: both !important; } #suggestions_item p { font-size: 11px !important;padding: 0 10px; } /*#search_suggestions { border:5px solid #7b001d; padding:36px 3px 0px; background:#fff; width:345px; position:absolute; float:none; clear:both; top:-8px; z-index:5050; right:0; display:none; } #search_suggestions .category { color:#222; clear:both; display:block; background:#ddd url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) center center no-repeat; line-height:1; padding:8px; margin:0 0 3px 0 !important; font-size:11px; text-transform:uppercase; font-weight:bold; } #search_suggestions .category a { float:right; text-transform:none; font-weight:normal; color:#333; } #search_suggestions ul { list-style:none; padding:0; margin:0 0 3px !important;float:left; width:100%; } #search_suggestions ul li { display:inline; float:left; width:100%; clear:both; } #search_suggestions ul li a { display:block;float:left; width:325px; padding:10px;text-decoration:none; cursor:pointer; } #search_suggestions ul li a:hover { background:#f4f4f4; cursor:pointer;} #search_suggestions ul li a img { float:left; margin: 0 10px 0 0; } #search_suggestions ul li a span { display:block; } #search_suggestions ul li a span.title { font-size:12px; font-weight:bold; text-decoration:underline; line-height:1.3; margin:0; padding:3px 0; } #search_suggestions ul li a span.description { font-size:11px; color:#333; text-decoration:none; line-height:1.3; padding-right:20px; }*/ /* Search ************************************************* #frm_search { float:right; right:-6px; top:25px; position:absolute; z-index:5010; width:353px; } #frm_search a { position:relative; } #frm_search div { float:left; } #help_link { float:none; clear:left; font-size:10px; text-align:right; width:346px; padding:5px 0 0 0; } #help_link a { color:#666; text-decoration:underline;} #main #content #search2, #main #content #browse { clear:both; position:relative; top:20px; } #search_wrap { clear:both; display:block; float:left; margin-left:20px; _margin-left:0px; width:600px; _width:652px; } #search_input, #search_lg_input { width:301px; height:14px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_input-bg.png) no-repeat left top; display:block; float:left; padding:8px; position:relative; z-index:5100; } #search_lg_input { z-index:100; } #srch-search #search_input, #srch-search #search_lg_input { eft:150px; position:absolute; top:50px; width:301px; _width:321px; z-index:100; } #search_input input, #search_lg_input input { border:0; background:#fff; color:#444; display:inline-block; font: normal 11px normal Arial,Helvetica,sans-serif; height:14px; left:8px; margin:0; position:absolute; top:8px; width:281px; } #search_input input.default-value, #search_lg_input input.default-value { color:#999; } #srch-search .search_btn { left:480px; position:absolute; top:50px; } #main_search { background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/search-bg.jpg) no-repeat left top; height:75px; margin:0 0 14px 20px; padding:40px 0 15px 25px; width:622px; } #main_search .part_number { color:#7b001d; font: bold 16px/normal Arial; padding:5px; width:420px; } #main_search input.default-value { color:#999; font-weight:normal; } #main_search label { font: normal 10px/normal Arial Black; display:block; text-transform:uppercase; color:#333; margin-bottom:1px; } #main_search input { float:left; } #main_search .search_btn { margin-top:0; padding-top:0; } #main_search .search_btn a { margin-top:0; padding-top:0; }*/ #main #content #search2, #main #content #browse { clear:both; position:relative; top:20px; } #srch-search #search_wrap { clear:both; display:block; float:left; margin-left:20px; _margin-left:0px; width:600px; _width:652px; } #srch-search #search_input, #search_lg_input { width:301px; height:14px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_input-bg.png) no-repeat left top; display:block; float:left; padding:8px; position:relative; z-index:5100;border-right: 1px solid #ccc; } #srch-search #search_lg_input { z-index:100; } #srch-search #search_input, #srch-search #search_lg_input { left:150px; position:absolute; top:50px; width:301px; _width:321px; z-index:100; } #srch-search #search_input input, #search_lg_input input { border:0; background:#fff; color:#444; display:inline-block; font: normal 11px normal Arial,Helvetica,sans-serif; height:14px; left:8px; margin:0; position:absolute; top:8px; width:281px; } #srch-search #search_input input.default-value, #search_lg_input input.default-value { color:#999; } #srch-search .search_btn { left:480px; position:absolute; top:50px; } #srch-search { background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/search-bg.jpg) no-repeat left top; height:130px; margin:20px 0 14px 20px; /*padding:30px 0 25px 25px;*/ position:relative; width:652px; } #search_drop { display:block; left:150px; position:absolute; top:20px; } #search_wrap div { display:block; width:auto; } #search_wrap .search_btn button { background:none; border-style:none; color:#7b001d; font-family:Arial, Helvetica, sans-serif; padding:0; text-transform:uppercase; } #search_wrap .search_btn button:hover, #search_wrap .search_btn button:focus { color:#111; } /*#search_option { }*/ #search_option ul { list-style-type:none; margin:0px !important; padding:0px !important; text-align:right; width:auto; } #search_option li { text-align:right; width:auto; } #search_option li a { color:#7b001d; display:block; font-size:11px !important; font-weight:normal; margin:0px !important; margin:0; position:absolute; right:50px; top:25px; width:auto; } #search_option li a:hover { color:#111; } #srch-list-tp { margin-left:20px; } #srch-list-tp .pagination { /*border-bottom: 1px solid #ccc;*/ font-weight:bold; } #srch-list-tp p, #srch-list-more p { clear:both; margin-left:0px !important; padding-left:0px !important; } #srch-list-tp .pagination a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/large-dot.gif) no-repeat top center; color:#fff; clear:none; display:inline-block; height:20px; line-height:20px; text-align:center; width:26px; } #srch-list-tp .pagination a.view-pad { background:none; color:#999; font-size:11px; font-weight:normal; margin-left:10px; width:auto !important; } #srch-list-tp .pagination a:hover.view-pad { color:#7b001d; } #srch-list { margin-left:20px; position:relative; vertical-align:top; } #srch-list ul { /*border-top: 1px solid #ccc;*/ list-style-type:none; margin:0 !important; padding:0 !important; } #srch-list li { border-bottom: 1px solid #ccc; clear:both; display:block; float:left; height:30px; line-height:30px; margin:0 !important; padding:0; width:600px; } #srch-list-more { display:block; float:left; margin:0 0 0 15px !important; padding:0px !important; } #srch-list-more a { color:#999; font-size:11px; font-weight:normal; margin:0 5px; } #srch-list-more a:hover { color:#7b001d; } #srch-list-more a:active { color:#111; } #main #content #answer { line-height:1.2em; margin-left:25px; margin-right:25px; } #main #content #answer p, #main #content #answer h6, #main #content #answer h5, #main #content #answer h4, #main #content #answer h3, #main #content #answer h2, #main #content #answer h1, #main #content #answer ul, #main #content #answer ol { margin-left:0; margin-right:0; } #main #content #answer #answer-bd h2, #main #content #answer #answer-bd h3 { display:block; width:650px; } #main #content #answer #answer-side { clear:both; float:left; margin-bottom:10px; margin-right:500px; width:650px; } #main #content #answer #answer-side div { display:inline-block; float:left; margin-bottom:10px; margin-right:20px; } #main #content #answer #answer-side strong, #main #content #answer #answer-side ul, #main #content #answer #answer-side li { display:inline-block; float:left; list-style:none; margin:0; padding:0; } #main #content #answer #answer-side li { margin-left:10px; } #main #content #answer #answer-side #related-cats { clear:right; display:block; width:600px; } #main #content #answer-bd p.back { float:left; width:330px; } /* #main #content #answer-bd { margin-left:25px; margin-right:25px; } #main #content #answer-bd p, #main #content #answer-bd h6, #main #content #answer-bd h5, #main #content #answer-bd h4, #main #content #answer-bd h3, #main #content #answer-bd h2, #main #content #answer-bd h1, #main #content #answer-bd ul, #main #content #answer-bd ol { margin-left:0; margin-right:0; } #main #content #answer-bd h2 { width:100%; } */ #category { font:normal 9px/normal Arial,Helvetica,sans-serif; color:#666; background:#fff; border:solid 1px #ccc; } /*#header #search .search_button, .search_button { padding:2px 0px 2px 2px;height:26px; width:26px; overflow:hidden;position:relative; z-index:10; } .search_button button, .search_button input { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/search_button.png) no-repeat left top; border:0; margin:0; padding:26px 0 0; width:26px; height:26px; overflow:hidden; cursor:pointer; display:block;z-index: 9005; } .search_button button:hover, .search_button input:hover { background-position:left -26px; } .search_button button:active, .search_button input:hover { background-position:left -52px; }*/ #content .search_button { margin-top:4px; position:relative; left:-31px; } p#searchresults { margin:0 !important; } /*#search_suggestions { border:5px solid #7b001d; padding:36px 3px 0px; background:#fff; width:345px; position:absolute; float:none; clear:both; top:-8px; z-index:5050; right:0; display:none; } #search_suggestions .category { color:#222; clear:both; display:block; background:#ddd url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) center center no-repeat; line-height:1; padding:8px; margin:0 0 3px 0 !important; font-size:11px; text-transform:uppercase; font-weight:bold; } #search_suggestions .category a { float:right; text-transform:none; font-weight:normal; color:#333; } #search_suggestions ul { list-style:none; padding:0; margin:0 0 3px !important;float:left; width:100%; } #search_suggestions ul li { display:inline; float:left; width:100%; clear:both; } #search_suggestions ul li a { display:block;float:left; width:325px; padding:10px;text-decoration:none; cursor:pointer; } #search_suggestions ul li a:hover { background:#f4f4f4; cursor:pointer;} #search_suggestions ul li a img { float:left; margin: 0 10px 0 0; } #search_suggestions ul li a span { display:block; } #search_suggestions ul li a span.title { font-size:12px; font-weight:bold; text-decoration:underline; line-height:1.3; margin:0; padding:3px 0; } #search_suggestions ul li a span.description { font-size:11px; color:#333; text-decoration:none; line-height:1.3; padding-right:20px; }*/ #search_nav { position:relative; } #all #search_nav div.sub { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/narrow-shadow.jpg) no-repeat left bottom; height:31px; left:0px; position:absolute; top:0px; width:720px; } #all #search_nav div.sub ul { float:left; margin-left:16px; } /*Browse **************************************************/ /*#browse { margin-left:30px; }*/ #browse a { font-weight:normal; } #browse ul, #body_0_alsoviewed { margin-top:20px; } #body_0_alsoviewed ul { float:left; list-style-type:none; margin:0 30px 0 0 !important; padding:0 !important; width:280px; } #browse li, #body_0_alsoviewed li { border-bottom: 1px solid #ccc; clear:both; display:block; float:left;line-height: 1.1em;margin:0 !important;padding: 10px 0 !important; width:280px; } #browse li a { font-weight:bold; } #browse #search_option { float:right; } #browse #search_option ul { width:auto !important; } #browse #search_option ul li { border:none; width:auto !important; } #browse #search_option ul li a { font-weight:normal; margin:0px; padding:0px; width:auto !important; } #browse .available { margin:20px 0 0 0 !important; } #browse #topiccat { margin-left:30px; } #browse #topiccat, #browse #popular, #body_0_alsoviewed { float:left; margin-right:20px; width:300px; } #browse #topic-list-more p, #body_0_alsoviewed strong { float:left; margin:5px 0 !important; } #browse #topic-list-more p a { color:#999; font-size:11px; } #browse #topic-list-more p a:hover { color:#7b001d; } #browse #topic-list-more p a:active { color:#111; } #browse #topiccat #topiccat-list ul, #main #content #browse #topic-list ul { float:left; margin-left:0px; width:300px; } #browse #topiccat #topiccat-list li { padding-right:0; } #topiccat-list, #topic-list, #srch-list {display:block;} #browse #topiccat li, #body_0_alsoviewed li { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/folder.png) center left no-repeat; padding-left:20px !important; } #emailform { width:650px; margin:30px 0 0 30px; } #emailform ul { padding-left:0px !important; margin-left:0px !important; width:650px; } #emailform ul li { clear:right; display:block; float:left; margin-bottom:10px; } #emailform .left { margin-bottom:15px; margin-right:10px; width:300px; } #emailform .right { width:300px; } #emailform .full { width:600px; } #emailform .full textarea { width:400px; } #emailform h4 { color:#8f6018; font-weight:normal; margin-top:10px; } #emailform input { clear:both; float:left; } #emailform em { clear:both; float:left; } #video-player { clear:both; display:block; float:left; height:480px; margin-left:30px; width:640px; } #video-player object, #video-player embed { height:450px !important; width:640px !important; } /* Calendar **************************************************/ #content .calendar { margin: 0 0 40px 30px; } #content .calendar tr { height:30px; width:600px; } #content .calendar .calendar_titles th, #content .calendar .calendar_titles td { height:15px; padding-bottom:5px; } #content .calendar td { border-bottom:1px solid #999; line-height:.9em; margin:0; height:30px; width:38px; text-align:center; } #content .calendar th { border-bottom:1px solid #999; line-height:.9em; margin:0; padding: 12px 0 0 0; height:18px; width:200px; } #content .calendar th a { font-weight:normal; } #content .calendar th a:hover { color:#111; } #main #content .calendar td.highlight { background: #fff url(/Yardsmarts/resources/YardSmarts/pics/shared/check-box.gif) center center no-repeat; text-indent:-5000px; } #content #generator table { margin-left:30px; width:650px; } #content #generator td { border-bottom:1px solid #999; line-height:1em; margin:0; padding:10px 0 10px 0; text-align:left; } #content #generator th { border-bottom:1px solid #999; font-weight:bold; line-height:1em; margin:0; padding:10px 0 10px 0; } #main #content #article hr.clear { border-bottom:#fff 0px solid; color:#fff; width:0px; } #main #content #article hr { margin-right:0px; } #content #generator table.calculator { margin-left:30px; width:450px; border-collapse:collapse; border:0; border-top:solid 1px #ccc; } #content #generator table.calculator th, #content #generator table.calculator td { padding:8px; line-height:1.22; vertical-align: middle; } #content #generator table.calculator thead th { font-weight:bold; background:#eee url(/pics/shared/status-bar-bg.png) repeat-x left bottom; padding-bottom:9px; } #content #generator table.calculator tbody th.check { padding:4px 0 4px 4px; } #content #generator table.calculator tbody th, #content #generator table.calculator tbody td { font-size:11px;border-bottom:1px solid #ccc; } #content #generator table.calculator tbody td { text-align:center; } #content #generator table.calculator tbody th { background:#f4f4f4; } #content #generator table.calculator tbody tr.on th { background:#f4f4c3; color:#222; font-weight:bold; } #content #generator table.calculator tbody tr.on td { background:#ffc; color:#222; font-weight:bold; } #main #content div.wattage { float:left; width:225px; } #main #content div.wattage h3 { line-height:1.1em; margin-bottom:0; } #main #content div.wattage ul { margin:0; list-style:none; } #main #content div.wattage ul li { clear:left; position:relative; } #main #content div.wattage .watts { font-size:4em; font-weight:bold; letter-spacing:-0.075em; margin-right:8px; float:left; line-height:1; } #main #content div.wattage .label { font-weight:bold; color:#999; display:block; line-height:1; padding-top:1.5em; } #main #content div.wattage .label em { display:block; font-style:normal; } /*font-size:0px; line-height:0px; */text-indent:-5000px; vertical-align:top; } .footnote { font-size:.9em; line-height:1.1em; margin-bottom:40px; } .footnote p { margin-top:0px; } .footnote sup { font-size:.8em; line-height:1.2em; vertical-align:top; } /* Navigation **************************************************/ /* #navigation { right:0; position:absolute; font-size:11px; line-height:11px; font-weight:bold; top:140px; width:740px; z-index:100; } #navigation { right:0; position:absolute; bottom:25px; font-size:11px; line-height:11px; font-weight:bold; width:980px; z-index:100; } #navigation { float:right; font-size:11px; font-weight:bold; line-height:11px; margin-top:100px; z-index:100; } #navigation ul { float:right; list-style:none; margin:0; padding:0; position:relative; } #navigation ul li { background: transparent; border-left:1px solid #ddd; float:left; margin:0; overflow:visible; padding:0 3px; } #navigation ul li.first { border-left:0px solid #eee; } #navigation ul li a { display:block; float:left; margin:0; padding:0px; text-transform:uppercase; text-decoration:none; color:#111; } #navigation ul li a:hover { color:#7b001d; } #navigation ul li a span { float:left; margin:0; padding:0px 9px; } #navigation ul li.on a, #navigation ul li:first-child { background-image:none; } */ #navigation { right:0; position:absolute; bottom:10px; font-size:12px; line-height:11px; font-weight:bold; width:740px;background-color: transparent; } #navigation ul { float:right; list-style:none; margin:0; padding:0; } #navigation ul li { border-left:1px solid #ddd; float:left; margin:0; overflow:visible; padding:0 4px;background: transparent /*url(/Yardsmarts/resources/YardSmarts/pics/shared/navigation_divider.gif) no-repeat left center*/; } #navigation ul li.first { border-left:0px solid #ddd; } #navigation ul li a { float:left; margin:0; padding:0px; text-transform:uppercase; text-decoration:none; color:#111; } #navigation ul li a span { float:left; margin:0; padding:8px 9px; } #navigation ul li a:hover, #navigation ul li.on a { background: #7b001d; } #navigation ul li a:hover span, #navigation ul li.on a span { color:#fff; } #navigation ul li:first-child { background-image:none; } /* Shadow / Tab Navigation **************************************************/ #all #content .carousel-top { clear:both; display:block; height:44px; margin: 10px 0 0px 0; position:relative; } #all #content .carousel-top div.sub, #all #tabs { font-weight:normal; position:relative; margin:0 0 4px 0; padding:0 0 5px 0; width:675px; font-size:13px; line-height:12px !important; } #all #content .carousel-top div.sub { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/narrow-shadow.jpg) no-repeat left bottom; bottom:0; height:36px; left:0; position:absolute; } #all #content .carousel-top div.sub ul, #all #tabs ul { margin:15px 0 0 45px; padding:0px; } #all #content .carousel-top div.sub ul li, #all #tabs ul li { margin:0px; padding:0 18px 0 0px; } #all #content .carousel-top div.sub ul li a, #all #tabs ul li a { font-size:12px; } #all #content .carousel-top div.sub h2 { color:#7b001d; font-size:34px; height:42px; line-height:32px; margin: 0 0 0 25px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/scroller-arrows.gif) no-repeat right 14px; width:180px; } #all #content .carousel-top div.sub h2 span { margin:0; } #all #content .carousel-top h3 { margin-left:0; margin-right:0; width:auto; } #all #content .carousel-top h3 a { font-weight:normal; color:#8f6018; } #all #content .carousel-top h3 a:hover { font-weight:normal; color:#7b001d; } #all #content .carousel-top .content ul { list-style:none; margin:0; padding:0; margin:0; width:720px; } #all #content .carousel-top .content ul li { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/scroller-box-bg.jpg) no-repeat left top; display:block; float:left; margin: 5px 5px; padding:0px; width:225px; } #all #content .carousel-top .content ul li div.box { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/scroller-box-bottom.gif) no-repeat left bottom; height:210px; margin:0px; padding: 20px 20px 0px 20px; position:relative; width:185px; } #all #content .carousel-top .content ul li div.button { bottom:0px; margin: 0px 25px; padding-top:11px; position:absolute; } #all #content .carousel-top .topics { color:#555; } #all #content .carousel-top div.sub ul { float:left; } /* #all #content .scroller { clear:both; display:block; margin: 10px 0 30px 0; position:relative; } */ #all #tabs { padding: 0 0 0 5px; margin:0 !important; } #all #tabs ul.ui-tabs-nav { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/narrow-shadow.jpg) no-repeat left bottom; float:left; font-weight:normal; /*position:absolute;*/ height:26px; margin:20px 0 0 0; padding: 0 0 0px 20px !important; /*top:14px; left:0;*/ width:675px; font-size:13px; line-height:12px !important; clear:both; display:block; list-style:none; padding: 0 0 0; margin:0 !important; position:relative; z-index:12; } #all #tabs ul li { padding:0 18px 0 0px; } #all #tabs ul li a { font-size:12px; } #all div.sub, #all #sub-navigation { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/subnavigation-bg.png) no-repeat right bottom; font-weight:normal; height:26px; margin:0; padding: 0 0 4px 0; right:0; width:980px; font-size:13px; line-height:12px !important; } #all div.sub ul, #all #sub-navigation ul { list-style:none; margin:0; float:right; padding:4px 0; right:0; } #all div.sub ul li, #all #sub-navigation ul li { border-width:0px; float:left; overflow:hidden; padding:0 5px 0 4px; } #all div.sub ul li a, #all #sub-navigation ul li a { text-transform:none; float:left; font-weight:normal; text-decoration:none; margin:0; padding:0px; color:#999; display:inline; background:transparent; } #all div.sub ul li a span, #all #sub-navigation ul li a span, #all .ui-state-default a { float:left; padding:8px 10px 7px 10px; color:#999; height:11px; background:transparent; } #all div.sub ul li a:hover, #all div.sub ul li.on a, #all #sub-navigation ul li a:hover, #all #sub-navigation ul li.on a, #all .ui-state-active a, #all .ui-state-default a:hover { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/bg-tab.jpg) center bottom; color:#7b001d; } #all div.sub ul li a:hover span, #all div.sub ul li.on a span, #all #sub-navigation ul li a:hover span, #all #sub-navigation ul li.on a span { /*background: url(/Yardsmarts/resources/YardSmarts/pics/shared/subnavigation-bg.png) no-repeat center bottom;*/ color:#7b001d; } #all ul li.hover div.sub { display:block !important; z-index:1001; } #all ul li.on div.sub { display:block; z-index:1000; } #tabs #help_link { float:right; clear:none; font-size:11px; text-align:right; width:200px; padding:5px 0 0 0; } #tabs #help_link a { color:#999; font-weight:normal; text-decoration:none; } #tabs #help_link a:hover { color:#7b001d; } #tabs #help_link a:active { color:#111; } /*.tabs { margin:0 !important; position:relative; width:100%; overflow:hidden; }*/ #tabs .ui-tabs-nav li { float:left; /*padding:4px 0 0 0;*/ margin:0 !important;display:block;} #tabs .ui-tabs-nav li a { float:left; font-weight:normal; line-height:1; white-space:nowrap; /*padding:10px 15px 8px; border:1px solid #ccc; background:#f3f3f3; border-bottom-width:4px;border-bottom-color:#ddd; margin-right:1px; color:#777; font-size:13px; display:inline;*/ } #tabs .ui-tabs-nav li.ui-tabs-selected a { /*border-bottom:none; padding:14px 15px 13px; background:#fff; margin-top:-4px; z-index:11; color:#000;*/ } #tabs .ui-tabs-panel { border:1px solid #ccc; float:left; z-index:8; width:99%; left:0; margin:-1px 0 0 0 !important; } #tabs .tab_content { padding:30px 30px 12px; margin:0;} #tabs .tab_content h2 { padding:0; } #tabs .ui-tabs-hide { display:none; } #tabs .ui-tabs-nav li a span { font-size:10px; display:block; /*text-transform:uppercase;*/ margin:0 0 4px; color:#bbb; } #tabs .ui-tabs-nav li.ui-tabs-selected a span { color:#777; } #tabs-model { float:left; width:800px; } #tabs-model #overview h1 { font-size: 1.75em; } #tabs-model #overview h3 { font-size: 1.25em; } #tabs-model p a { font-weight: normal;color: #d21034;text-decoration: underline; } #tabs-model p a:hover { text-decoration: none; } #overview { border:1px solid #ddd; border-top: none; } #specifications { border:1px solid #ddd; border-top:none; } #tabs-model a.model-number { text-decoration:none; display:block; float:left; color:#7b001d; width:148px; height:175px; border:1px solid #fff;} #tabs-model a.model-number:hover { /*text-decoration:underline;*/ background-color:#f7f7f7; } #tabs-model a.model-number img { height:125px; } #tabs-model a.model-number h6 { font-size:10.5px; color:#7b001d; text-transform:uppercase; margin: 2px 5px 5px 5px; line-height:1.3em; } #tabs-model a.model-number h6 span { text-decoration:none; color:#666; text-transform:none; display:block; clear:left; /*font-size:.8em;*/ font-weight:normal; } /* Bread Crumbs **************************************************/ #bread-crumbs { font-size:10px; margin:0px 0 0 8px; padding: 10px 0 10px 0; clear:both; line-height:10px; color:#111; } #bread-crumbs a { color:#111; /*font-size:11px;*/ font-weight:normal; text-decoration:underline; } #bread-crumbs em {font-weight:bold; font-style:normal; /*font-size:11px;*/ } /* Content **************************************************/ #main { float:left; width:720px; display:inline; overflow:visible; } #main_full { float:left; width:980px; } .heading { padding:0; margin:0 0 1px; overflow:hidden; position:relative; } .heading img { display:block; border-bottom:1px solid #fff; } /* .heading h1, .heading .h1 { height:40px; overflow:hidden; background:#000 url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/heading-bg.png) repeat-x left bottom; font-size:27px; color:#fff;visibility: hidden; text-transform:uppercase; padding:24px 30px 0; margin:0; border-bottom:5px solid #000; } */ #main #content #region-selector { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/region-selector-bg.jpg) no-repeat top left; display:block; float:left; height:580px; margin: 0 10px 10px 0; overflow:hidden; padding:0; position:relative; width:720px; } #main #content #region-selector .three { float:left; margin:0 20px 0 30px; width:180px; } #main #content #region-selector h2 { font-size:24px; margin-left:24px; width:720px; } #main #content #region-selector h3 { color:#111; margin-left:30px; } #main #content #region-selector h4 { color:#8f6018; font-weight:normal; margin-left:0px; } #main #content #region-selector p { color:#888; font-size:11px; margin:0; } #main #content #region-selector a { color:#8f6018; clear:left; font-weight:normal; text-decoration:underline; text-transform:uppercase; white-space:nowrap; } #main #content #region-selector a:hover { color:#7b001d; } #newsletters #main #content p.topics { margin-left:40px; } #newsletters #main #content ul { list-style-type:none; margin:0 0 20px 0; padding:0; } #newsletters #main #content #form-part-1 { margin-left:0; } #newsletters #main #content #form-part-1 label, #newsletters #form-part-1 h6, #newsletters #form-part-1 li { clear:both; display:block; float:left; font-weight:normal; text-transform:none; } #newsletters #main #content #form-part-1 li { margin: 0 0 20px 85px; } #newsletters #main #content #form-part-1 label { clear:both; margin: 3px 0 0 40px; } #newsletters #main #content #form-part-2 li { clear:both; } #newsletters #main #content #form-part-2 li input, #newsletters #main #content #form-part-2 li select { display:block; float:left; margin: 0 0 20px 15px; } #newsletters #main #content #form-part-2 label { display:block; float:left; text-align:right; width: 110px; } #newsletters #main #content #form-part-2 div.button { margin-left:125px; } /* .content h1, .content .h1 { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/h1-bg.jpg) no-repeat top center; color:#7b001d; font-family:"American Typewriter", Courier, monospace; font-size:30px; height:70px; line-height:1.1; margin:0 0 0.5em; padding: 20px 30px 0; width:660px; } .heading p { margin:-35px 0 0 0; padding:0 30px 20px 30px; font-size:13px; color:#ccc; font-style:italic; line-height:1.1; } */ .heading p { font-style:italic; margin-right:40px; margin-left:30px;} /* .related_links { width:150px; border-left:1px solid #ccc; float:right; margin:0 0 18px 24px; padding:20px 0 2px 25px; background:#fff; } .related_links p { font-size:11px; text-align:justify; } .related_links ul { list-style:none; padding:0; font-size:11px; border-bottom:1px solid #ddd; } .related_links ul li { padding:4px 0; clear:both;border-top:1px solid #ddd; vertical-align:middle } .related_links label { font-weight:bold;vertical-align:middle } .related_links input { width:100px; float:right; vertical-align:middle; font-size:9px; color:#666; line-height:normal; padding:2px; height:11px; vertical-align: middle; border:1px solid #ccc; border-top-color:#999; border-left-color:#999; } */ /* Side Content **************************************************/ #side { display:inline; float:left; min-height:421px; overflow:auto; padding:20px 0 0 15px; width:245px; } #homepage #side { margin-top:0px; padding-top:0px; } #side .box, #body #content.list_block .box { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/side-box-bg.jpg) no-repeat left top; display:block; float:left; margin: 5px 5px; padding:0;/*padding: 25px 10px 0px 10px;*/ width:240px; } #body #content.list_block .box { margin-bottom:20px; margin-right:10px; width:220px; } #body #content.list_block .box { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/scroller-box-bg.jpg) no-repeat left top; } #side .box h2, #body #content.list_block .box h2 { font-size:18px; line-height:.8em; margin:20px 35px 0 20px; padding:0px; width:auto; } #side .box h3, #body #content.list_block .box h3 { margin:0 0 5px 0; padding:0px; } #body #content.list_block .box h3 a { font-weight:normal; } #side .box h3 a, #body #content.list_block .box a { color:#8f6018; } #side .box h3 a:hover, #body #content.list_block .box a:hover { color:#7b001d !important; } #side .box p, #body #content.list_block .box p { color:#777; font-size:11px; margin: 0 0 10px 0px; padding:0; position:relative; } #side .box ul, #body #content.list_block .box ul { list-style-type:none; margin-top:10px; padding-left:10px; } #search #side .box a, #body #content.list_block .box { font-size:11px; font-weight:bold; } /*#side .box .box.first { padding: 25px 15px 0px 15px; }*/ #body #content.list_block .box div.button { bottom:0px; margin: 0px 30px; padding-top:11px; position:absolute; } #side .box_content, #body #content.list_block .box_content { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/scroller-box-bottom.gif) no-repeat left bottom; display:block; float:left; margin: 0; padding: 20px 35px 20px 20px; width:180px; } #body #content.list_block .box_content { padding: 20px 35px 40px 20px; } /*#side .box .box_content { padding: 20px 0px 20px 15px;} #side .box .box.empty { height:0px; margin:20px 0 0 0; padding: 0 0 20px 0; }*/ #side .box_content h2, #body #content.list_block .box_content h2 { margin:0px; padding:0px; width:auto; } #side a { /*font-size:11px;*/ font-weight:normal; } #side p a { text-decoration:underline; } #side .one { font-size:1em; float:left; margin:1px; } #side .two { font-size:1.2em; float:left; margin:2px; } #side .three { font-size:1.4em; float:left; margin:3px; } #side .four { font-size:1.6em; float:left; margin:4px; } #side .five { font-size:1.8em; float:left; margin:5px; } #side .six { font-size:2em; float:left; margin:4px; } #side .box div.button a {} #side .side_graphic { margin-bottom:10px; margin-top:5px; } #homepage #side #yd_home_callout { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/box-bg-yd-ask.jpg) no-repeat top left; height:265px; margin-top:0px; position:relative;margin: -10px 0 0 0; } #homepage #side #yd_home_callout h2 { text-indent:-5000px; } #homepage #side #yd_home_callout p { color:#333; left:40px; position:absolute; top:190px; width:130px; } #homepage #side #yd_home_callout div.button { background:none; /*bottom:40px;*/ height:31px; margin:0px; padding:0px; position:absolute; right:35px; top:257px; width:128px; } #homepage #side #yd_home_callout div.button a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/ask-a-question-bg.gif) no-repeat center top; color:#7b001d; display:block; height:31px; margin: 0px; padding:0; text-indent:-5000px; text-transform:none; width:128px; } #homepage #side #yd_home_callout div.button a:hover { background-position:bottom; /*color:#999; */} #homepage #side #myaccount_callout { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/myaccount-box-bg.jpg) no-repeat top left; height:360px; margin-top:0; padding-top:5px; position:relative; } #homepage #side #myaccount_callout .box_content { bottom:0; position:absolute; } #homepage #side #myaccount_callout h2 { text-indent:-5000px; } #homepage #side #myaccount_callout .box_content p { margin-left:5px; } #homepage #side #myaccount_callout .box_content div.button { background:none; height:17px; margin:0px; padding:0px; position:absolute; left:15px; top:0px; width:93px; } #homepage #side #myaccount_callout div.button a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/login-button.gif) no-repeat center top; color:#7b001d; display:block; height:17px; margin: 0px; padding:0; text-indent:-5000px; text-transform:none; width:116px; } #homepage #side #myaccount_callout div.button a:hover { background-position:bottom; /*color:#999; */} #homepage #side #newsletter_callout { background:none; padding-bottom:0px; padding-top:10px; } #homepage #side #newsletter_callout img { margin-left: -15px; } #side #follow_callout a { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/follow-buttons.gif); background-position:top left; background-repeat:no-repeat; color:#777; display:block; float:left; font-size:9px; height:15px; margin-bottom:20px; margin-right:18px; padding-top:55px; width:48px; } #side #follow_callout a:hover { color:#7b001d; } #side #follow_callout a.newsletter { background-position: left top; } #side #follow_callout a.newsletter:hover { background-position: left -70px; } #side #follow_callout a.facebook { background-position: -66px top; } #side #follow_callout a.facebook:hover { background-position: -66px -70px; } #side #follow_callout a.rss { background-position: -131px top; margin-right:0px; } #side #follow_callout a.rss:hover { background-position: -131px -70px; } /*#side #region_callout { background:none; margin-left:2px; margin-bottom:10px; }*/ #side #region_callout h3 { display:block; margin-bottom:20px; } #side #region_callout div.button { bottom:0px; margin: 0px 30px; padding-top:11px; position:absolute; } #side #region_callout #region-image { margin: 10px 0; } #side #region_callout .calendar.link { display:block; margin-bottom:18px; } #side #featured_article_callout { background: url('/Yardsmarts/resources/YardSmarts/pics/shared/featured-article-bg.jpg') no-repeat scroll top left #fff; background: url('/Yardsmarts/resources/YardSmarts/pics/shared/featured-article-bg.jpg') no-repeat scroll top -4px #fff; /* background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/featured-article-bg.jpg);*/ height:266px; margin-bottom:17px; width:230px; } #side #featured_article_callout div.button { bottom:0px; margin: 0px 30px; padding-top:11px; position:absolute; } #side #featured_article_callout h2 { text-indent:-5000px; } /*#side #featured_article_callout .topics { color:#111; margin-bottom:0px; } #side #featured_article_callout h3 { color:#7b001d; width:180px; }*/ #side #featured_article_callout .topics a { color:#111; margin-bottom:0px; } #side #featured_article_callout h3 { color:#7b001d; width:180px; } #side #featured_article_callout h3 a { color:#7b001d; } #side #featured_article_callout h3 a:hover { color:#111 !important; } #side #featured_article_callout .box_content { background:none; } #side #featured_video_callout { background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/featured-video-bg.jpg) top left no-repeat; height:265px; margin-bottom:17px; width:230px; } #side #featured_video_callout div.button { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/button-green.png); bottom:0px; margin: 0px 30px; padding-top:11px; position:absolute; } /*#side #featured_video_callout div.button a:hover { color:#111; }*/ #side #featured_video_callout h2 { text-indent:-5000px; } #side #featured_video_callout .topics a { color:#111; margin-bottom:0px; } #side #featured_video_callout h3 { color:#7b001d; width:180px; } #side #featured_video_callout h3 a { color:#7b001d; } #side #featured_video_callout h3 a:hover { color:#111 !important; } #side #featured_video_callout .box_content { background:none; padding-top:12px; } #side #featured_product_callout { background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/featured-product-bg.jpg) top left no-repeat; height:350px; width:227px; } #side #featured_product_callout h2 { text-indent:-5000px; } #side #featured_product_callout h6 { color:#7b001d; font-weight:bold; text-transform:none; font-size:11px; } #side #featured_product_callout p { color:#111; line-height:1em; } #side #featured_product_callout .box_content { background:none; padding:0 30px; } #side #featured_product_callout .topics { color:#111; margin-bottom:0px; } /*#side #featured_product_callout h3 { color:#7b001d; width:180px; }*/ #side #featured_product_callout img { border-width:0px; display:block; height:100px; margin:40px 0 50px 35px; width:100px; } #side #newsletter_callout {} #side #fb_callout {} #side #follow_callout {} #side #tags_callout {} #side #side_nav { margin-bottom:20px; } #side #side_nav h2 { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/side_nav-h2.jpg) top left no-repeat; font-size:18px; height:24px; margin:0px; padding:0 0 0 20px; /*text-indent:-5000px;*/ width:213px; } #side #side_nav ul, #main #content .related_links ul { margin:0 0 0 20px; padding:0px; width:180px; } #side #side_nav ul li, #main #content .related_links ul li { border-bottom:1px solid #ccc; list-style-type:none; padding: 2px 0px 2px 0px; } #side #side_nav ul li a { font-size:12px; } #side #side_nav ul ul { margin:0; padding:0; } #side #side_nav ul ul li { border-bottom:0; margin:0; padding:0; } #side #side_nav ul ul li a { color:#888; display:block; font-style:italic; line-height:1em; margin: 6px 0 6px 0; padding: 0px 10px 0px 10px;} #side #side_nav ul ul li a:hover { background-color:#eee; color:#8f6018; } #side #side_nav ul ul li a.on { background-color:#eee; color:#555; } #side #side_nav ul ul li a:active { background-color:#eee; color:#7b001d; } #side #side_nav ul ul li a#more { color:#8f6018; font-style:normal; } #side #side_nav ul ul li a:hover#more, #side #side_nav ul ul li a.on#more { color:#7b001d; } #side #side_nav ul ul li a:active#more { color:#111; } /*#side .box h2 { margin:-1px -1px 0; font-size:16px; padding:9px; } #side .box .content { height:auto; } #side .box .view_all { position:static; text-align:center; width:auto; } #side .box .box_content { background:#f3f3f3; margin:1px; padding:20px 20px 2px; }*/ /* Boxes **************************************************/ /*background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/bg.jpg) left top; border:1px solid #ddd;*/ .box { float:left; margin: 0 10px 10px 0; padding:0; overflow:hidden; display:block; position:relative; width:700px; } /*.half { width:333px !important; } .box .boxtop { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/bg.jpg) no-repeat left top; } .box h2 { color:#7b001d; font-weight:light; font-size:16px; padding:9px; margin:0;} .box .boxtop h2 { color:#fff;font: italic normal bold 12px/1 Arial,Helvetica,sans-serif; text-transform:uppercase; padding:9px; margin:0;} .box .content { background:#fff url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/checker-bg.png) repeat-x left -10px; border:1px solid #fff; padding:25px; height:260px; width:auto; position:relative; overflow:hidden; } .half .content { height:153px; } .box .view_all { position:absolute; text-align:center; bottom:15px; width:168px; }*/ #all div.button, #all div.search_btn, #all div.contactus-btn { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/button.png) center top; display:block; height:22px; margin: 0px 0px; padding-top:11px; text-align:center; text-transform:uppercase; width:122px; } #all div.button a, #all div.search_btn a, #all #tabs ul li div.contactus-btn a { color:#7b001d; font-weight:normal; font-size:10px; margin: 5px auto 0; } #all div.button a:hover, #all div.search_btn a:hover, #all #tabs ul li div.contactus-btn a:hover { color:#111; } #all div.button, #all div.search_btn, #all div.contactus-btn { } #all #sidecontent_1_leftcolumnbox_1_Panel1 a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/button.png) center top; color:#7b001d; display:block; font-size:10px; font-weight:normal; height:22px; margin: 5px auto 0 0; padding-top:11px; text-align:center; text-transform:uppercase; width:122px; } #all #sidecontent_1_leftcolumnbox_1_Panel1 a:hover { color:#111; } #all div.button.wide { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/button-wide.jpg) center top; float:left; margin: 0px 30px 0px 0px; width:182px; } #all div.button.wide span { text-transform:none; } #content.video div.button.wide { float:right; margin:0 30px 10px 0; } #content.video #info { float:right; margin-right:22px; width:220px; } #content.video div.field input { border: 1px solid #999; color:#ccc; float:right; font-size:14px; height:20px; margin:0 30px 10px 0; padding: 5px 0px 5px 10px; width:126px; } #content.video div.field label { display:block; float:right; height:30px; margin: 8px 10px 8px 0px; vertical-align:center; } #content.video p { float:left; width:400px; } #content.video div#description { float:left; margin-left:30px; width:400px; } #main #content.video h1, #main #content.article h1 { clear:right; float:left; margin-right:200px; width:450px; } #main #content.article img {margin:0 1em 1em 1em;} #main #content.article img[align="left"] {margin:0 1em 1em 0;float:left;} #main #content.article img[align="right"] {margin:0 0 1em 1em;float:right;} /*#main #content div.button.wide { margin-left:30px; }*/ /* #all div.button.wide a { color:#7b001d; font-weight:normal; font-size:10px; margin: 5px auto 0; } #all div.button.wide a:hover { color:#111; } #main #content .details ul */ .view_more { clear:both; } .view_more ul li { display:block; float:left; margin: 0px; list-style-type:none; width:32px; } .view_more ul li a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/dot.gif) no-repeat top center; float:left; height:26px; text-indent:-5000px; width:32px; } .view_more ul li.middle li { margin: 8px 3px; width:10px; } .view_more ul li.middle li a { height:10px; width:10px; } .view_more ul li.first a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top left; } .view_more ul li.last a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top right; } .view_more ul li a:hover, .view_more ul li a.on { background-position: bottom center; } .view_more ul li.last a:hover, .view_more ul li.last a.on { background-position: bottom right; } .view_more ul li.first a:hover, .view_more ul li.first a.on { background-position: bottom left; } /*.view_more ul li.middle a:hover, .view_more ul li.middle a.on { background-position: center -10px; }*/ #side #fb_callout div.button { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/become-a-fan.jpg) top left no-repeat; height:auto; padding:0px; text-indent:-5000px; width:113px; } #side #fb_callout div.button a { display:block; height:23px; margin:0 0 20px 0; width:113px;} /* Big Article List for category pages & landing pages ******************************************************************************************/ #main #content.list_block { margin:15px 0 0 0; position:relative; width:720px; } #main #content.list_block h2, #main #content.list_block h1 { display:block; float:left; } #main #content h1, #main #content h1 a, #main #content h2, #main #content h2 a, #main #content.list_block h1, #main #content.list_block h1 a, #main #content.list_block h2, #main #content.list_block h2 a { border-width: 0px; color: rgb(143, 96, 24); display: block; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-style: normal; font-weight: normal; /*height: 26px;*/ line-height: 26px; margin: 0 0px 10px 0px; padding: 0px; vertical-align: baseline; } #main #content.list_block h1, #main #content.list_block h1 a, #main #content.list_block h2, #main #content.list_block h2 a { margin: 0 20px 10px 30px; } #main #content.list_block h2, #main #content.list_block h2 a { font-size: 24px; } #main #content.list_block h2 a, #main #content.list_block h1 a { margin:0; } /*#main #content.list_block h2 { width:475px; }*/ #main #content.list_block h1 a:hover, #main #content.list_block h2 a:hover { color:#7b001d; } #main #content.list_block h1 a:active, #main #content.list_block h2 a:active { color:#111; } /*#main #content hr,*/ #main #content.list_block hr { margin: 0 45px 20px 30px; } /*#main #content p,*/ #main #content.list_block p { margin: 10px 45px 10px 30px; } /* #main #content ul, #main #content ol, */ #main #content.list_block ul, #main #content.list_block ol { margin: 0 0 10px 30px; } /* #main #content ul li, #main #content ol li, */ #main #content.list_block ul li, #main #content.list_block ol li { margin: 5px 0 5px 0; } /*#main #content h3,*/ #main #content.list_block h3 { margin: 5px 45px 5px 30px; } /*#main #content h4,*/ #main #content.list_block h4 { margin: 15px 45px 0px 30px; } #main #content.list_block .related_links { float:right; margin:0 45px 30px 20px; padding-top:0; } #main #content.list_block .related_links ul { border-top:#888 solid 1px; margin-left:0; margin-top:0px; width:150px; } #main #content.list_block .related_links ul li { border-bottom-color:#888; font-size:11px; padding: 4px 0 5px 0; } #main #content.list_block .related_links h5 { color:#000; font-size:12px; margin-bottom:8px; width:150px; } #main #content.list_block a.continue { margin-left:20px; } #facebook_box .content { padding:0; height:560px; overflow:hidden;} #facebook_feed { margin:-2px; } /* Big Article List Bottom Nav ******************************************************/ /* .view_more ul li.middle a:hover, .view_more ul li.middle a.on { background-position: center -10px; } #main #content .scroller .view_more { width:720px; padding:0 auto; } #main #content .scroller .view_more ul { width:350px; margin:0px 150px; } #main #content .scroller .view_more ul li.middle { width:150px; margin:0px; } #main #content .scroller .view_more ul li.middle ul { width:150px; margin:0px; } */ /* Contact Form **************************************************/ #contact-form { float: left;margin: 0;padding: 0 25px;font-size: 0.75em; } #contact-form .right { float: left;width: 240px;margin: 0;padding: 0; } #contact-form .left { float: left;width: 240px;margin: 0 25px 0 0;padding: 0; } #contact-form .full { float: left;width: 500px; } #contact-form h3 { margin: 0;padding: 10px 0;font-size: 1.25em !important;color: #000; } #contact-form h4 { margin: 10px 0;padding: 5px;font-size: 1em !important;color: #666;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background-color: #f7f7f7; } #contact-form ul { list-style-type: none;margin: 0;padding: 0; } #contact-form ul li { float: left;width: 525px;vertical-align: top;clear: both;margin: 5px 0; } #contact-form ul li label { float: left; width: color: #EA6C28;font-weight: bold; } #contact-form ul li label em { clear: none;color: #666;font-weight: normal;font-style: italic; } #contact-form ul li input { width: 100%;padding: 3px; } #contact-form .full input { width: 100%;padding: 3px; } #contact-form .full textarea { width: 100%;padding: 3px; } #contact-form ul li select { width: 100%;padding: 3px; } #contact-form ul li textarea { width: 100%;padding: 3px; } /* FOOTER **************************************************/ #footer { clear:both; } div#brands { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-banner.jpg) top left no-repeat; display:block; height:62px; list-style:none; margin:20px -20px 0 -20px; padding:53px 0 10px 0; width:1024px; } div#brands ul { display:block; margin:0px auto; width:570px; } div#brands li { display:block; float:left; margin:0; padding:0 12px; } div#brands li a { background-repeat:no-repeat; background-position: top center; display:block; height:98px; text-indent:-5000px;} div#brands li a:hover { background-position: bottom center; } div#brands a#brand_briggs { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-briggs-logo.jpg); height:38px; width:78px; } div#brands a#brand_racing { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-racing-logo.gif); } div#brands a#brand_snapper { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-snapper-logo.gif); height:22px; margin-top:8px; width:116px; } div#brands a#brand_simplicity { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-simplicity-logo.gif); height:21px; margin-top:9px; width:135px; } div#brands a#brand_brute { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/footer-brute-logo.gif); height:22px; margin-top:8px; width:129px; } #sitemap { border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px 15px 5px 15px; font-size:11px !important; line-height:15px !important; } #sitemap a { text-decoration:none; color:#777; } #sitemap h4 { font-weight:bold; font-size:11px !important; line-height:15px !important; } #sitemap h4 a { color:#333; } #sitemap ul { list-style:none; padding:0; margin:0 0 15px; } #sitemap .sixth { float:left; display:inline; width:150px; overflow:hidden; margin:0 10px 0 0; } #connect { clear:both;border-top:1px solid #ddd; padding:10px 5px;font-size:11px !important; line-height:15px !important; } #connect ul { padding:0; margin:0; list-style:none; } #connect ul li { float:left; } #connect ul li a { float:left; width:154px; height:0px; overflow:hidden; padding:30px 0 0; background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/connect-buttons.png) no-repeat left top; margin:0 1px 0 0; } #connect ul li#connect-rss a { background-position:left top; } #connect ul li#connect-news a { background-position:-155px top; } #connect ul li#connect-share a { background-position:-310px top; } #connect ul li#connect-rss a:hover { background-position:left -30px; } #connect ul li#connect-news a:hover { background-position:-155px -30px; } #connect ul li#connect-share a:hover { background-position:-310px -30px; } #connect ul li#connect-rss a:active { background-position:left -60px; } #connect ul li#connect-news a:active { background-position:-155px -60px; } #connect ul li#connect-share a:active { background-position:-310px -60px; } #copyright_info { clear:both;border-bottom:1px solid #ddd; padding:10px 5px;font-size:11px !important; line-height:16px !important; margin:0 0 50px; height:16px; width:970px;} #copyright_info a.flag { float:right; border:0;margin:0;padding:0;} /* NEWS **************************************************/ .news-post { border:1px solid #ddd; margin: 0 0 15px 0; padding:0; float:left; width:100%; } .news-post .pad { border:1px solid #fff; background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/checker-bg.png) repeat-x left -50px; padding:35px; } .news-post .pad .date { margin-right:20px; width:31px; padding:13px; } .news-post .pad .text { float:left; width:520px; margin:0 0 20px; } .news-post .pad .text h2 { padding-top:0; } /* Filters **************************************************/ .filter h4 { background:#000 url(/Yardsmarts/resources/YardSmarts/pics/shared/boxtop-bg.png) no-repeat left -1px; margin:0; border-bottom:3px solid #b3b3b3; color:#fff;font: italic normal normal 10px/1 Arial,Helvetica,sans-serif; text-transform:uppercase; padding:9px; } .filter ul { list-style:none; padding:0; margin:20px 30px 0; } .filter ul li a { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-plus.png) no-repeat left 2px; padding-left:12px; color:#333; } .filter ul li.on a { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-minus.png);color:#7b001d; } .filter ul li ul { padding:5px 0 0px 14px;margin:0px 0 20px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-dot-vertical.png) repeat-y 13px top; font-size:11px; float:left; width:100%; line-height:17px; display:none; } .filter ul li.on ul { display:block; } .filter ul li.on ul li { padding-left:10px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-dot-horizontal.png) repeat-x 1px center; clear:both; float:left; width:100%;} .filter ul li.on ul li a { background:#eee; font-weight:normal !important; color:#333; text-decoration:underline !important; float:left; width:98%; padding-left:2%;} .box ul.filters { list-style:none; padding:0; margin:0 0 18px; } .box ul.filters li { margin-bottom:18px; } .box ul.filters li a { background:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-plus.png) no-repeat left 2px; padding-left:12px; color:#333; } .box ul.filters li.on a { background-image:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-minus.png);color:#7b001d; } .box ul.filters li.on a:hover { color:#7b001d !important; } .box ul.filters li ul { padding:5px 0 0px 14px;margin:0px 0 20px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/filter-dot-vertical.png) repeat-y 13px top; font-size:11px; float:left; width:205px; line-height:17px; display:none; list-style:none; } .box ul.filters li.on ul { display:block; } /* .box ul.filters li.on ul li { margin-bottom:0; padding-left:10px; background:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/filter-dot-horizontal.png) repeat-x 1px center; clear:both; float:left; width:100%;} .box ul.filters li.on ul li a { background:#f3f3f3; font-weight:normal !important; color:#333; text-decoration:underline !important; float:left; width:98%; padding-left:2%;} */ /* Timeline **************************************************/ ul.timeline { list-style:none; padding:0px; } ul.timeline li { width:100%; clear:both; margin:0 0 2px;} ul.timeline li .time { float:left; width:15%; padding:10px 2%; font-weight:bold; text-align:right;} ul.timeline li .event { float:left; width:77%; padding: 10px 2%; background:#fff; } .clearfix:after, .box_content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, .box_content { display: inline-block; } html[xmlns] .clearfix, html[xmlns] .box_content { display: block; } * html .clearfix, * html .box_content { height: 1%; } /* CONTENT BOXES **************************************************/ /* #content { padding:28px; border:1px solid #ddd; border-top-color:#999; background:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/content-bg.png) no-repeat center 1px; margin:0 0 30px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomRight: 5px; -webkit-border-bottom-right-radius: 5px; } */ /* #main_full #content { background-image:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/content-full-bg.png); } */ #main_full #anatomy { background:#000; padding:0; } #anatomy_flash { padding:20px 40px 40px; } #anatomy_header { padding:40px 40px 0; text-align:right; } #anatomy_header h1 { float:left; margin:0; } /* .figure { width:230px; } */ #article { margin-right:50px; } #main #content #article p, #main #content #article .figure, #main #content #article .right { margin-right:0px; } /*#main #content #article #comments #content {margin:20px;}*/ /*#main #content #article #comments #facebook, #comments #facebook {margin:20px;}*/ #main #content #article body.auto_resize_iframe {margin:20px !important;} .figure img { display:block; } .figure .caption { display:block; background:#000; color:#fff; font-size:11px; padding:20px; line-height:1.3; } .figure.right { margin:0 45px 20px 20px; float:right; } .figure.left { margin:0 20px 20px 0; float:left; } #main #content p.article_credit { clear:both; font-size:10px; float:left; margin-top:-10px; margin-bottom:20px; padding:0; width:100%; } /*padding-bottom:12px; border-bottom:1px solid #ddd;*/ /*#main #content p.article_credit a { font-size:10px; margin:-10px 0 29px 0; padding:0; }*/ /* PAGINATOR **************************************************/ #main #content.list_block p.paginater, #srch-list-tp .pagination { clear:both; display:block; float:left; font-size:14px; margin:0 0 0 30px; padding:15px 0; width:650px; } #main #content.list_block p.paginater a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/dot.gif) no-repeat top center; float:left; font-size:14px; height:20px; text-indent:0; width:20px; } /* .paginater ul li.middle li { margin: 8px 3px; width:10px; } .paginater ul li.middle li a { height:10px; width:10px; } */ /* #main #content.list_block p.paginater span.arr.left a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top left; } #main #content.list_block p.paginater span.arr.right a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top right; } #main #content.list_block p.paginater a:hover, .view_more a.on { background-position: bottom center; } #main #content.list_block p.paginater span.arr.right a:hover, .view_more .arr.right a.on { background-position: bottom right; } #main #content.list_block p.paginater span.arr.left a:hover, .view_more .arr.left a.on { background-position: bottom left; } */ /*.view_more ul li.middle a:hover, .view_more ul li.middle a.on { background-position: center -10px; }*/ /*#main #content .view_more ul { }*/ #main #content.list_block p.paginater span { background:none; color:#777; display:block; float:left; font-size:18px;height:20px; line-height:20px; margin: 4px 0 0 0; text-align:center; text-indent:0; width:32px; } #main #content.list_block p.paginater span em { color:#7b001d; display:block; float:left; font-weight:bold; font-style:normal; height:22px; margin:0px; text-align:center; text-indent:0; width:32px; } #main #content.list_block p.paginater span a { color:#fff; background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/large-dot.gif) no-repeat top center; float:left; height:20px; text-align:center; width:32px; } #main #content.list_block p.paginater span a:hover, #srch-list-tp .pagination a:hover { background-position:bottom center; } /* #main #content .paginater ul li.middle { width:auto; } #main #content .paginater ul li.middle ul { padding:0 20px; } #main #content .paginater ul li.middle ul li { color:#777; font-size:21px; font-weight:bold; line-height:8px; margin: 3px 5px; text-align:center; width:20px; } #main #content .paginater ul li.middle ul li a { color:#fff; height:20px; font-size:14px; line-height:20px; text-align:center; text-indent:0; width:20px; } */ #main #content.list_block p.paginater span.arr, #main #content p.paginater span.arr a { height:26px; margin-top:0; text-indent:-5000px; width:32px; } #main #content.list_block p.paginater span.arr.left a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top left; } #main #content.list_block p.paginater span.arr.right a { background: url(/Yardsmarts/resources/YardSmarts/pics/shared/arrow.gif) top right; } /*#main #content .paginater .arr a:hover, .paginater .arr a.on { background-position: bottom center; }*/ #main #content.list_block p.paginater span.arr.right a:hover, p.paginater a.on { background-position: bottom right; } #main #content.list_block p.paginater span.arr.left a:hover, p.paginater a.on { background-position: bottom left; } /* #srch-search { margin-left:40px; } */ /* .paginater { height:26px; } .paginater span.etc { float:left; line-height:1; padding:6px; margin-right:2px; } .paginater span em, .paginater span a { background:transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/large-dot.gif) no-repeat top center; float:left; height:26px; text-indent:-5000px; width:32px; } .paginater span em { border-color:#fff; color:#444;background:#fff; font-size:22px; width:auto; padding:1px 6px; } .paginater span a:hover { background:#fff;border-color:#999; } .paginater span.arr a { padding:2px 0; width: 1.3em; margin:4px 6px 4px 5px; } .paginater { height:26px; } .paginater span { display:block; height:20px; width:20px; } .paginater span a { display:block; height:20px; width:20px; } */ .overlay_link { position:absolute; right:20px; bottom:120px; background:#000; color:#fff; padding:2% 3%; opacity:0.9; } .overlay_link p { } .overlay_link h3 { font-size:30px; line-height:1; letter-spacing:-0.05em; color:#fff; font-weight:normal !important; margin:0; padding:0;} .overlay_link h3 a { color:#fff; font-weight:normal !important; text-shadow: #000 0px 0px 1px; } .video_item { float:left; width:203px; margin:0 19px 10px 0; } .video_item img { display:block; margin:0 0 1em; } .video_item h3 { font-size:13px; } .video_item p { font-size:11px; line-height:1.3; } .last { margin-right:0 !important; } #product_left, #part_left { float:left; width:230px; display:inline; margin:0 30px 18px 0; } #part_left { width:300px; } #product_right { float:left; display:inline; width:387px; margin-bottom:18px; } #part_right { float:left; display:inline; width:317px; } #product_image { margin-bottom:18px; height:230px; width:230px; overflow:hidden; } table.specs-table { width:100%; margin:0 0 18px; line-height:1.2; } table.specs-table thead th { vertical-align:bottom; background:#000; color:#fff;font: italic normal bold 12px/1 Arial,Helvetica,sans-serif; padding:10px 9px 8px; border-bottom:3px solid #b3b3b3;} table.specs-table tbody td { padding:6px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:11px; } table.specs-table { border-left:1px solid #ddd; } table.specs-table tbody tr.alt { background:#f3f3f3; } /*.overlay_link h3,.overlay_link p { margin:0; padding:0; text-align:right; } .overlay_link h3 a { float:right;position:relative; font-weight:normal !important; font-size:30px; width:50%; background:#000; opacity:0.9; color:#fff; padding:8px 20px;font-style:italic; } .overlay_link p a { clear:right;float:right;position:relative; text-transform:uppercase; background:#000; opacity:0.9; color:#999; padding:8px 20px; font-weight:bold; font-style:italic; font-size:11px; } .overlay_link a:hover { color:#fff !important; background:#333; }*/ /* FORUM **************************************************/ /*td img {display:none !important;}*/ table.content { border-collapse:separate; border-spacing:1px; background:#ddd; } table.content td { background:#fff; padding:8px 10px; vertical-align: middle; } table.content .forumRowTitle td, table.content td.header1 { font-size:11px; text-transform:uppercase; background:#000; font-weight:bold; color:#fff; padding:10px; } table.content td.header2 { background:#ddd; color:#222; font-size:11px; font-weight:bold;} table.content td.post, .forumviewing, .subforumheading { font-size:11px; } table.content td.post a { font-weight:normal !important; } table.content td.post b a { font-size:12px; font-weight:bold !important; } .page_info { /*background:#f3f3f3; */font-size:11px; color:#111; /* border:1px solid #ddd; line-height:1; padding:7px 6px 8px; border-left:0; border-right:0;*/ margin:0 0 24px 20px; /*-moz-border-radius: 3px; -webkit-border-radius: 3px;*/ } .fourth { width:155px; float:left; margin:0 9px 10px 0; } .news_post { float:left; width:565px; } .news_date { width:40px; color:#fff; font-weight:bold; font-size:9px; line-height:1; background:#111; padding:12px; margin:8px 18px 18px 0; float:left; -moz-border-radius: 7px; -webkit-border-radius: 7px;} .news_date span { display:block; } .news_date span.dow { font-weight:normal; margin:0 0 2px;} .news_date span.month { font-size:12px; text-transform:uppercase; margin:0 0 3px; } .news_date span.day { font-size:32px; text-transform:uppercase;} /* MINI CART **************************************************/ /* .products_box .box_content { background:#fff !important; padding:10px !important;} .products_box ul { padding:0; list-style:none; font-size:11px; line-height:normal; float:left; margin:0; background:#fff;} .products_box ul li { clear:both; float:left; width:232px; padding:0; margin:0 0 10px 0; background:#fff; } .products_box ul li span { display:block; } .cart_p_img a img { float:left; display:inline; width:50px;height:50px; overflow:hidden;margin:0 10px 10px 0; } .cart_p_img img { display:block; } .cart_p_name { font-size:12px;padding:1px 0 2px; color:#222 !important; } .cart_p_name a { color:#222 !important; } .cart_p_qty { padding:1px 0 4px; } .cart_p_price { float:right;padding:1px 0 5px; } .cart_p_id { color:#999; font-size:9px; padding:2px 0px; } .cart_p_actions { text-align:right; color:#bbb; clear:both; padding:4px; margin:0; font-size:9px; background:#f3f3f3; border-bottom:1px solid #ddd;-moz-border-radius: 3px; -webkit-border-radius: 3px; } .cart_p_actions a { font-weight:normal !important; } .products_box h2 img { float:left; margin:-1px 4px 0 0; } .cart_more_items { text-align:right; } .cart_total { font-size:13px; padding:6px !important; background:#333 !important; clear:both; width:220px !important; color:#fff; } .cart_total strong { float:right; } .button, .button2 { text-decoration:none !important; } .button { display:inline; background:#333 url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/button-left-bg.png) no-repeat left top; font-size:10px !important; font-weight:bold; text-transform:uppercase; color:#fff !important; line-height:1; float:left; margin:0 0 0 2px; padding:0 0 0 2px; height:25px; overflow:hidden; white-space:nowrap; border:0; cursor:pointer; } .button span { background:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/button-right-bg.png) no-repeat right top; color:#fff; padding:7px 12px 8px 10px; float:left; font-size:10px !important; } .button2 { display:inline; background:#7b001d url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/button2-left-bg.png) no-repeat left top; font-size:10px !important; font-weight:bold; text-transform:uppercase; color:#fff !important; line-height:1; float:left; margin:0 0 0 2px; padding:0 0 0 2px; height:25px; overflow:hidden; white-space:nowrap; border:0;cursor:pointer; } .button2 span { background:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/interface/button2-right-bg.png) no-repeat right top; color:#fff; padding:7px 12px 8px 10px; float:left; font-size:10px !important; } .button:hover, .button2:hover { margin-top:-1px; margin-bottom:1px; } .button:active, .button2:active { margin-top:1px; margin-bottom:-1px; } .button:active span, .button2:active span { color:#ccc; } */ /* FEED LIST **************************************************/ ul.feed_list { list-style:none; padding:0; line-height:1.3; } ul.feed_list li { display:inline; } ul.feed_list li a { text-decoration:none; display:block; margin:0 0 10px; padding:25px; border:1px solid #ddd; } ul.feed_list li a:hover { background:#f7f7f7; border-color:#ccc; } ul.feed_list li a .feed_title { display:block; font-size:16px; font-weight:bold; padding-left:20px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/RSS_16.png) no-repeat left 2px; } ul.feed_list li a .feed_description { display:block; font-size:11px; color:#666; } /* #pa_search { height:75px; width:472px; padding:30px 0 0 175px; background: #fff no-repeat left top; margin:0 0 24px; } #pa_search .part_number { color:#7b001d; font: bold 16px/normal Arial; width:300px; padding:5px; width:420px;} #pa_search input.default-value { color:#999; font-weight:normal; } #pa_search label { font: normal 10px/normal Arial Black; display:block; text-transform:uppercase; color:#333; margin-bottom:1px; } #pa_search input { float:left; } */ #manual_search { height:75px; width:472px; padding:30px 0 0 175px; background: #fff no-repeat left top; margin:0 0 24px; } #manual_search .part_number { color:#7b001d; font: bold 16px/normal Arial; width:300px; padding:5px; width:420px;} #manual_search input.default-value { color:#999; font-weight:normal; } #manual_search label { font: normal 10px/normal Arial Black; display:block; text-transform:uppercase; color:#333; margin-bottom:1px; } #manual_search input { float:left; } /* .tab_content table.data tbody tr {font-size:11px;} table.data { width:100%; border-collapse:separate; border-spacing:1px;background:#ddd; margin:0 0 18px; } table.data th, table.data td { line-height:normal; padding:7px; vertical-align:middle; background:#fff; } table.data thead tr th { background:#000 url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/heading-bg.png) repeat-x left -30px; color:#fff; font-weight:bold; font-size:11px; text-transform:uppercase; vertical-align:bottom; height:25px; padding:9px; } table.data tbody tr.alt td, table.data tbody tr.alt th { background:#f4f4f4; } table.data tbody tr th { font-weight:bold; } .p_number, .p_actions { white-space:nowrap; } table.data .p_name a { font-weight:normal !important; text-decoration:underline !important; } table.data .p_name { width:100%; } #quantity { width:20px !important; text-align:center; } #part_right h2 { padding:0;color:#7b001d; letter-spacing:-0.025em; } .inline_form input { float:left; margin:4px 6px 0 0; } .inline_form label { float:left; font-weight:bold; margin:6px 6px 0 0;} */ table.data a.pdf {padding:2px 0 5px 19px; background:url(/Yardsmarts/resources/YardSmarts/pics/shared/icons/icon_pdf.gif) no-repeat left top; } /* ul.icon_list { list-style:none; padding:0px; line-height:1.3; } ul.icon_list li { display:inline; } ul.icon_list li a { display:block; padding:2px 0 5px 19px; background:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/icons/icon_generic.gif) no-repeat left 1px; } ul.icon_list li.pdf a { background-image:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/icons/icon_pdf.gif); } ul.icon_list li.doc a { background-image:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/icons/icon_doc.gif); } ul.icon_list li.ppt a { background-image:url(/Yardsmarts/resources/BriggsRacing/Yardsmarts/resources/YardSmarts/pics/shared/icons/icon_ppt.gif); } ul.icon_list li a span { font-weight:normal; color:#888; font-size:11px; line-height:normal; } */ .pl_product { width:203px; display:inline; float:left; overflow:hidden;margin:0 19px 19px 0; } .pl_img { width:203px; height:203px; overflow:hidden; margin:0 0 1px; } .pl_img a { display:block; width:181px; height:181px; overflow:hidden; border:solid 1px #eee; padding:10px; } .pl_img a:hover { border-color:#ddd; } .pl_desc { background:#f3f3f3; padding:15px 20px 20px; line-height:normal !important; } .pl_desc h2 { padding:0; margin:0 0 0.25em; font-weight:bold; font-size:16px; } /*.pl_desc p { margin:0; }*/ .pl_desc p a { display:block; margin-top:0.5em; font-weight:normal !important; } div.warning { background:#ffffbc; padding:20px; margin: 0 18px 18px 18px; border: 1px solid #fc3; } .form_box { width:420px; border:solid 1px #ccc; padding:30px; margin:12px auto 18px;-moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0px 2px 3px #bbb; -webkit-box-shadow: 0px 2px 3px #bbb; box-shadow: 0px 2px 3px #bbb; background:#f3f3f3 url(/Yardsmarts/resources/YardSmarts/pics/shared/form_box-bg.png) repeat-x left top;} .form_box ul { margin:0; padding:0; list-style:none; } .form_box ul li { clear:left; width:100%; height:2.5em; } .form_box ul li label { text-align:right; line-height:normal;float:left; width:90px; font-size:10px; font-weight:bold; text-transform:uppercase; padding:6px 12px 0 0;} .form_box ul li div { margin-left:110px; } .form_box ul li div input.textbox { width:210px !important; font: normal 12px/normal Arial; } .form_box ul li.sub_item { margin-top:-0.75em; } .form_box ul li.sub_item div { margin-left:150px; } .form_box ul li.sub_item div label { font-size:11px !important; } .form_box ul li div label { font-size:12px;text-align:left; float:none; width:auto; font-weight:normal; text-transform:none; padding:0; } .form_box .form_links { border-top:1px solid #ccc; font-size:11px; padding:18px 0 0;margin:12px 0 0 0; } .form_box .form_links ul li { height:auto; } .form_box .form_links ul li a { text-decoration:underline !important; font-weight:normal !important; } .form_box h2 { border-bottom:1px solid #ccc; padding:0 0 12px; margin:0 0 18px; } em.req { font-style:normal; color:#7b001d; } .error { background:#ffd; padding:18px 18px; border:1px solid #ddc; margin:0 0 18px; color:#222; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDDDCC', Direction=180, Strength=3));*/ -moz-box-shadow: 0px 1px 2px #ddc; -webkit-box-shadow: 0px 1px 2px #ddc; } .error ol { list-style:disc; margin:6px 0 0; line-height:normal; } .form_box .right { font-size:11px; padding:10px 0 0; line-height:normal; color:#999; } .input_value { padding-top:3px; display:block; } /*.search_result p { margin:0; }*/ #main #content .search_group .related_links { float:right; margin:0 20px 20px 20px; padding-top:0; } #search #main #content .search_group .related_links { float:right; margin:0 45px 20px 20px; padding-top:0; } #main #content .search_group p { margin-bottom:20px; } #main #content .search_group hr { margin-bottom:35px; margin-top:0px; } #main #content .search_group div p, #main #content.list_block p {clear:left;} #main #content .search_group div h2, #main #content.list_block h2 { background:none; height:auto; margin: 0px 0 10px 30px; padding:0; width:450px; } #main #content .search_result p .search_url { display:block; margin:0.25em 0 0; color:#999; } #main #content .search_result { padding:1em 0em; border-top:solid 1px #eee; } #main #content .search_group p.paginater { padding-top:1.5em; } #main #content .search_group { /*border-top:solid 1px #ddd;*/ margin-bottom:3em; margin-top:65px; } #main #content .search_group .page_info { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/search-head-bg.jpg) top left no-repeat; clear:both; display:block; float:left; font-size:14px; font-weight:bold; height:70px; line-height:14px; margin:0 0 15px 0; padding:0; width:720px; } #main #content .search_group .page_info h2 { color:#777; display:block; float:left; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; margin:0; padding:20px 30px; width:300px; } #main #content .search_group .page_info a { display:block; float:left; line-height:14px; margin:0; padding:20px 30px; text-align:right; width:300px; } .profile_box .page_info { float:right; margin:12px 0 0; padding:5px 9px 6px; } .left_col { float:left; width:373px; } .right_col { float:right; width:253px; } ul.form_list { list-style:none; padding:0; margin:0; } ul.form_list li { padding-bottom:3px; } .profile_box { border:solid 1px #ccc; padding:20px; margin:12px auto 18px;-moz-border-radius: 7px; -webkit-border-radius: 7px; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=180, Strength=4));*/ -moz-box-shadow: 0px 2px 3px #bbb; -webkit-box-shadow: 0px 2px 3px #bbb; box-shadow: 0px 2px 3px #bbb; background:#fff;} .profile_box table { margin-bottom:0 !important; } .profile_box p { font-size:11px; color:#999; } /*.profile_box table tbody td, .profile_box table tbody th { background:#f3f3f3; }*/ #video_player { margin:0 0 24px; height:389px; overflow:hidden; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=4));*/ /* -moz-box-shadow: 0px 2px 3px #aaa; -webkit-box-shadow: 0px 2px 3px #aaa; box-shadow: 0px 2px 3px #aaa; */} table.layoutTable { width:100%; } table.layoutTable td { padding:10px; } .align-center { text-align:center; } .align-right { text-align:right; } table.shopping_cart { font-family: Arial,Helvetica,sans-serif; font-size: 12px; border: solid 1px #505050; color: #000000; padding: 0px; background-color: #FFFFFF; border-collapse:separate; border-spacing:0px !important; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=4));*/ -moz-box-shadow: 0px 2px 3px #aaa; -webkit-box-shadow: 0px 2px 3px #aaa; box-shadow: 0px 2px 3px #aaa; margin:0 0 18px; } table.shopping_cart td, table.shopping_cart th { padding: 8px;vertical-align:middle; } table.shopping_cart thead tr th { background:#000 url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/heading-bg.png) repeat-x left -25px !important; color: #FFFFFF; font-weight: bold; line-height: 1; font-size:11px !important; padding:11px 10px 10px !important; text-transform:uppercase; vertical-align:middle; border-bottom:4px solid #000 !important; border-right:1px solid #000 !important; border-left:1px solid #333 !important; } table.shopping_cart tbody tr td, table.shopping_cart tbody tr th { border-bottom:1px solid #e4e4e4; background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/postheader.png) repeat-x left 1px; color:#505050; border-left:1px solid #e4e4e4; } table.shopping_cart tbody tr th { font-weight:bold; } table.shopping_cart tfoot td { background:#eee; border-top:solid 1px #ddd; } table.shopping_cart input { font: normal 12px/normal Arial,sans-serif; } table.shopping_cart .align-center input { text-align:center; font: normal 11px/normal Arial,sans-serif; } input.cartBtn, a.cartBtn, a.cartProg, a.buttonLong { background:#7b001d; color:#fff !important; line-height:1; padding:5px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.cartProg { padding:2px 6px; } input.cartBtn { border:0px 0px 0px 0px;} table.generalTable td { padding:10px; } table.generalTable table { width:100%; border-collapse:separate; border-spacing:1px;background:#ddd; margin:0 0 18px; } table.generalTable table th, table.generalTable table td { line-height:normal; padding:7px; vertical-align:middle; background:#fff; } .hidden { display:none; } .slideshow { width:270px; float:right; padding:20px; background:#f3f3f3; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #ddd; margin:0 0 20px 20px; } .slideshow img { display:block; border:solid 1px #ddd; padding:4px; background:#fff; margin:0 0 10px; } .slideshow p { text-align:center; font-size:11px; padding:0 5px; margin:0; } .pdf_preview { width:202px; float:left; padding:15px; background:#f4f4f4; border:1px solid #ddd; margin: 0 20px 20px 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; } .pdf_preview a { display:block; width:200px; margin:0 auto; } .pdf_preview a img { display:block; border:1px solid #fff; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=4));*/ -moz-box-shadow: 0px 2px 3px #aaa; -webkit-box-shadow: 0px 2px 3px #aaa; box-shadow: 0px 2px 3px #aaa; } .pdf_preview a span { display:block;padding:8px 0 0; text-align:center; font-size:11px; font-weight:normal !important; text-decoration:underline; } /* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com */ #cboxOverlay{background:#fff;} #cboxTopLeft{width:21px; height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; } #cboxLoadedContent{margin-top:1px; background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/colorbox-bg.png) no-repeat center 1px; padding:26px; border-top:27px solid #eee;} #cboxTitle{position:absolute; top:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; top:10px; left:200px; color:#666; font-size:9px; text-transform:uppercase; width:200px; margin-left:-100px; left:50%; text-align:center; } #cboxSlideshow{position:relative; top:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; top:10px; left:10px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#7b001d;} #cboxPrevious.hover{ color:#000;} #cboxNext{position:absolute; top:10px; left:70px; font-size:9px; font-weight:bold; text-transform:uppercase;color:#7b001d;} #cboxNext.hover{color:#000;} #cboxLoadingOverlay{background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/Yardsmarts/resources/YardSmarts/pics/colorbox/loading.gif) center center no-repeat;} #cboxClose { position:absolute; top:0; right:0; text-align:right; text-transform:capitalize; font-size:11px; text-decoration:underline; padding:7px 8px; } #cboxClose.hover{background-position:-25px -25px;} .browsercheck #cboxLoadedContent { margin-top:1px; background:#fff url(/Yardsmarts/resources/YardSmarts/pics/shared/interface/colorbox-bg.png) no-repeat center 1px; padding:0px; border-top:0 solid #eee; } #cbox-info { padding-left:100px; } #cboxBody #cboxOutsideDiv { padding: 51px 26px 26px 26px; } #cboxBody.model #cboxOutsideDiv { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/magnifying-glass.png) top left no-repeat; } #cboxBody.newsletter #cboxOutsideDiv { background: transparent url(/Yardsmarts/resources/YardSmarts/pics/shared/envelope.png) top left no-repeat; } #cboxBody { background-position: top center; }