/* * @ Dog Car Seat Cover @ 2007 * * #ee7100 - orange * #d9ebf6 - light blue * #4988a9 - blue * #21bb3a - green * / /*======================= main ========================*/ html * { margin: 0; padding: 0; } body {margin: 0; font: normal 0.7em/1.2em "Verdana", Helvetica, sans-serif; color: #000; background-color:#efe8d6; } img { border: 0; } a { outline: none; } a span { cursor: pointer } input:focus, select:focus, textarea:focus, input.focus, select.focus, textarea.focus {/* background-color: #d9ebf6; border-color: #ee7100 !important; */} #skip { position: absolute; left: -50em; list-style: none; } #skip a { position: absolute; left: 0; } #skip a:focus { left: 90em; } #holder { position: relative; top:16px; width: 980px; margin:auto; } #main_body { width: 800px; float: right; position: relative;} #side_nav { width: 162px; float: left; padding-bottom: 5px; position: relative;} #bottom_nav {width:800px; float:right; clear: none; height: 160px; position: relative;} .page_title {margin-top: 5px; font: bold 1.7em "Georgia", Palatino, sans-serif; color: #398096; border-top: 1px dotted #42818A; border-bottom: 1px dotted #42818A;} .info_p {padding:5px 0;} /*======================= header ========================*/ #logo { width: 650px; height: 100px; margin-bottom:-10px; float: left; background-color:#efe8d6; } #logo a {text-decoration: none; } #twitter { margin-left:50px; padding-top: 17px; font-size:11px; color:#663300; font-weight:bold; width: 190px; height: 80px; margin-bottom:-10px; float: left; background-color:#efe8d6; } #logout_div {font-size:9px; color:#663300; width: 330px; margin: 20px 0 0 0; padding-top:5px; height:20px; float: right; background-color: #ffcccc; } #logout_div a, #subnavigation1 a {color:#663300; text-decoration: underline;} #logout_div a:hover, #subnavigation1 a:hover {text-decoration: underline;} #logout_div .welcome_info, #logout_div .login, #logout_div .link_account{margin:0; padding:0 0 6px 0; display:block; float:left; border-bottom: 1px solid #000;} #logout_div .welcome_info {padding-right: 3px; margin-left: 10px; font-weight:bold; width:200px;} *html #logout_div .welcome_info {margin-left: 5px;} #logout_div .login {width:35px; font-weight:bold; text-decoration:none; } #logout_div .link_account {text-decoration:none; padding-left: 3px; width:70px;} #subnavigation1 {font-size:9px; background-color: #ffcccc; width: 330px; padding:5px 0 0 0px; height:20px; margin: 0; margin-bottom:19px; float: right; list-style: none; display: inline; color:#663300;} #subnavigation1 li {display: inline;} #subnavigation1 li.cart-icon a{background: url(/images/static/icon-cart.png) no-repeat 0 50%; text-decoration: none; padding: 0 8px; margin-left: 10px;} #subnavigation1 li.cart-link a{text-decoration: none; font-weight:bold;} #subnavigation1 li.cart-link a:hover{text-decoration: underline;} #subnavigation1 li.account-link {display: none;} #navigation { margin-left:180px; width:600px; list-style: none; display: block; float:left; clear:left; } *html #navigation{margin-left:90px;} #navigation li {float: left; border-right: 1px solid #663300; } #navigation li a { display: block; padding: 2px 10px 0 10px; height:17px; float:left; color: #663300; font: bold 11px Georgia, Helvetica, sans-serif; text-transform:uppercase; text-decoration: none; } :root #navigation li a { height:18px;} #navigation li a:hover, #navigation li .nav_home{ background-color: #ffcccc; } #navigation .nav_li_2{border:none;} #search { height: 19px; padding-top:1px; float: right; position:relative; right:2px; } :root #search{position:relative; right:0;} #search *{display:block; float:left; } #search label { margin-top:1px; color: #663300; font: bold 11px Georgia, Helvetica, sans-serif; text-transform:uppercase;} #search .search_textbox { width: 102px; height:14px; border: 1px solid #6d6d6d; margin: 0 5px; font-size:12px;} *html #search .search_textbox{margin: 0 2px 0 4px;} :root #search .search_textbox{margin: -5px 5px 0 5px;} :lang(en) #search .search_textbox{margin: 0 5px;} #search .search_btn { display: block; width: 23px; height: 15px; background: #fff url(/images/static/btn-search.png) no-repeat 0 0; } #featured_cat_section { width: 200px; float: left; } #featured_cat_section { display: block; float:right; width: 190px; height: 350px; background: url(/images/static/bg-great-gifts.png) no-repeat 0 0 } /*#featured_cat_section img { display: none; }*/ #updateable_articles { display: block; float:right; width: 190px; height: 350px; /* background: url(/images/static/bg-great-gifts.png) no-repeat 0 0 */} #updateable_articles .updateable_div a{display:block; width:191px; height:171px; } #updateable_articles .updateable_div_1 a{margin-bottom:10px;} #updateable_articles .updateable_swatch_desc { display:none; } #updateable_articles .updateable_div a img {border:none; display:block;} .menubar_contact {display:none;} .menubar_phone {color: #663300; border:none !important; font-weight: bold; font-family: Georgia, Times, sans-seriff; font-size: 1.1em; padding: 2px 10px 0 10px; } /*======================= left navigation ========================*/ #side_nav{background-color:#5f2206; border: solid #a17d65 1px; padding:1px;} #categories { border:solid #a15850 1px; border-bottom:none; margin:1px 1px 0 1px; padding:0 0 0 5px;} #categories h3 { display:none;} #categories ul { list-style: none;} #categories li { border-bottom: 0px solid #fff;} #categories li a, .left_list_header { color: #F8C6C8; font: normal 1.4em "Georgia", Helvetica, sans-serif; text-decoration: none; background:url(/images/static/bg-left-nav-head.png) repeat-x transparent; display:block; padding-top:10px; margin:10px 5px 0 0;} :first-child +html span.left_list_header{font-size:1px; display:block; margin:5px 0 -15px 0;} *html span.left_list_header{font-size:1px; display:block; margin:0px 0 0px 0; position:relative; top:8px;} :root #categories li a {font-weight: bolder;} #categories li a.cat_link_level1_1{background:none; margin:0; } #categories li li {margin-left:-4px; border:1px solid #5f2206; border-right:none; width:151px;} #categories li li a {font-weight:bold; font-family:Verdana; display: block; padding: 3px 18px 3px 8px; text-decoration:none; color: #fff; font-size: 1em; background: url(/images/static/bg-left-nav-btn.gif) repeat-y 0px 53px; margin:0px 0 0px 4px; height:auto; } :root #categories li li a {padding:3px 18px 5px 8px; background-position: 0 53px;} *:lang(en) #categories li li a {padding: 2px 18px 2px 8px;} #categories li li a.nav_active, #categories li li a.cat_active, #categories li li a:focus, #categories li li a:hover { background-position: 0px 0px;} #categories .cat_list_level2 ul{border:solid 1px #a15850; margin-left:4px; width:145px; padding-bottom:0; } #categories .cat_list_level2 ul li{border:none; margin:0; position:relative; left:-4px; padding-left:9px; width:140px; margin-right:-4px;} #categories .cat_list_level2 ul li a{background-image: url(/images/static/bg-left-subnav-btn.gif);} #staticpg_link_list { border-left:solid #a15850 1px; border-right:solid #a15850 1px; margin:-10px 1px 0 1px; padding:0 0 0 5px;} #staticpg_link_list .static_list_top { color: #F8C6C8; font: normal 1.4em "Georgia", Helvetica, sans-serif; text-decoration: none; background:url(/images/static/bg-left-nav-head.png) repeat-x transparent; display:block; padding-top:10px; margin:10px 5px 0 0px; } #staticpg_link_list .linklist_div_title {display:none;} #staticpg_link_list ul {list-style:none; padding:0px 0 4px 0;} #staticpg_link_list li {margin:3px 0;} #staticpg_link_list li a {font-weight:bold; font-family:Verdana; display: block; padding: 3px 18px 3px 8px; text-decoration:none; color: #fff; font-size: 1em; background: url(/images/static/bg-left-nav-btn.gif) repeat-y 0px 53px; margin:0 3px 0 0; height:auto; } :root #staticpg_link_list li a {padding:3px 18px 5px 8px; background-position: 0 53px;} *:lang(en) #staticpg_link_list li a {padding: 2px 18px 2px 8px;} #staticpg_link_list li a.sidenav_active, #staticpg_link_list li a:focus, #staticpg_link_list li a:hover { background-position: 0px 0px;} .shop_by_price { border:solid #a15850 1px; border-bottom:none; border-top:none; margin:0px 1px 0 1px; padding:1px 0 0 5px;} .shop_by_price ul { list-style: none;} .shop_by_price li { border-bottom: 0px solid #fff;} .shop_by_price h3, .shop_by_price li a { color: #F8C6C8; font: normal 1.4em "Georgia", Helvetica, sans-serif; text-decoration: none; background:url(/images/static/bg-left-nav-head.png) repeat-x transparent; display:block; padding-top:10px; margin:10px 5px 0 0;} :root .shop_by_price h3 {font-weight: bolder;} .shop_by_price li a.cat_link_level1_1{background:none; margin:0; } .shop_by_price li li {margin-left:-4px; border:1px solid ##5f2206; border-right:none; width:151px;} .shop_by_price li li a {font-weight:bold; font-family:Verdana; display: block; padding: 3px 18px 3px 8px; text-decoration: none; color: #fff; font-size: 1em; background: url(/images/static/bg-left-nav-btn.gif) repeat-y 0px 53px; margin:0px 0 0px 4px; height:auto; } :root .shop_by_price li li a {padding:3px 18px 5px 8px; background-position: 0 53px;} *:lang(en) .shop_by_price li li a {padding: 2px 18px 2px 8px;} .shop_by_price li li a.nav_active, .shop_by_price li li a.cat_active, .shop_by_price li li a:focus, .shop_by_price li li a:hover { background-position: 0px 0px;} .shop_by_price .cat_list_level2 ul{border:solid 1px #a15850; margin-left:4px; width:145px; padding-bottom:0;} .shop_by_price .cat_list_level2 ul li{border:none; margin:0; position:relative; left:-4px; /*margin-left:-3px; margin-right:3px;*/ width:149px; margin-right:-4px;} *html .prod_count {position: relative; left: -4px;} .prod_count span {color: #4C360D;} #newsletter { border:solid #a15850 1px; border-top:none; margin:0 1px 1px 1px; padding:1px 0 10px 5px;} /* #newsletter form{ padding: 30px 0 15px 0; background:url(/images/static/bg-newsletter.gif) no-repeat 0 0; margin-right:5px;} */ #newsletter .newsletter_box{width:130px; height:14px; border:solid black 1px; font-size:12px; } #newsletter .signup_btn{background:url(/images/static/btn-newsletter.png) no-repeat 0 0; width:60px; height:23px; margin:5px 0 0 80px;} #newsletter #newsletter_h3{ color: #F8C6C8; font: normal 1.4em "Georgia", Helvetica, sans-serif; text-decoration: none; background:url(/images/static/bg-left-nav-head.png) repeat-x transparent; display:block; padding-top:10px; margin:10px 5px 0 0;} :root #newsletter #newsletter_h3 {font-weight: bolder;} #newsletter #newsletter_desc{color: #ffcccc; font-size: 0.8em; padding:10px 0 0 0;} #newsletter label{color: #FFCCCC; padding:10px 0; display:block;} /*======================= banner ========================*/ #banner_image{position:relative; float:left;} #banner_image .no_product{display:none;} /*======================= products ========================*/ .product_listing_section {clear:both; list-style: none; } .product_listing_section .sku{display:none;} .product_listing_section li.prod_category {position:relative; width: 330px; padding-right:10px; height:170px; overflow-x:hidden; /*overflow-y:hidden; */float:left; border:7px solid #e8d4cc; margin:5px; } .product_listing_section li .prod_title { display: block; color: #663300; font-size:14px; text-decoration: none; overflow: hidden; border-bottom:dotted 1px #c4918f; padding:10px 0 5px 0; } .product_listing_section .prod_category_p{padding:10px 0; } .product_listing_section li .prod_category_desc { display: block;/* height: 7em; */ } .product_listing_section .prod_prices{float:none; clear:none;} .product_listing_section .prod_prices dl{float:none; clear:none; } .product_listing_section .prod_prices dt{width:auto; float:left; padding-right:3px; clear:none;} .product_listing_section .prod_prices dd{width:auto; float:none; clear:none;} .more_add { display: block; padding-top:10px; margin-top:10px; border-top:dotted 1px #c4918f; float:right; width:190px; position:absolute; top:115px; left:140px;} .more_add .add { font-size: 1px; display: block; float:left; width:93px; height:20px; background: url(/images/static/btn-add-cart.png) no-repeat 0 0; text-indent:-1000px;} .more_add .more { font-size: 1px; display: block; float:right; width:93px; height:20px; background: url(/images/static/btn-more-info.png) no-repeat 0 0; text-indent:-1000px;} .prod_category1 {clear:both;} .cleardiv {clear:both; } .sort_links_div {display:none; clear:both; padding-bottom: 5px;} .sort_links_div a{color: #737373;} .sort_links_div a:hover{text-decoration: none;} .prod_category_img{height:170px; display:block; white-space: wrap; overflow-x:hidden; width:130px; float:left; margin:0 10px 0 0;} /*=========================== prices ===================*/ .prod_prices {margin-top:8px; padding-top:6px; height: 33px; white-space: nowrap; background: url(/images/static/bg-dots.png) repeat-x 0 0; } .prod_prices dt { width: 40%; float: left; clear: both; } .prod_prices dd { width: 40%; float: right; } .prod_prices .list_price { font-weight: bold; color: #999;} .prod_prices .current_price { font-weight: bold; color:#c00; /*#6897a7;*/} .prod_prices .regular_price {font-weight: bold; color:#398096; } .prod_prices .old_regular_price {font-weight:bold; color: #999; } .prod_prices dd.old_regular_price { text-decoration:line-through;} .prod_prices .main_price { font-weight: bold; color: #398096; } .prod_prices .save { display: none; } .call_for_price {display:block; margin-top:8px; padding-top:6px; height: 33px; white-space: nowrap; color: #999999; text-transform: capitalize !important; font-weight: bold; background: url(/images/static/bg-dots.png) repeat-x 0 0; } .bestseller_form .prod_prices {margin-top:5px;} /* ====================== shop by price ===================== */ .shop_by_price { border:solid #a15850 1px; border-bottom:none; border-top: none; margin:0px 1px 0 1px; padding:0 0 0 5px;} .shop_by_price h3 { color: #F8C6C8; font: normal 1.4em "Georgia", Helvetica, sans-serif; text-decoration: none; background:url(/images/static/bg-left-nav-head.png) repeat-x transparent; display:block; padding-top:10px; margin:0px 5px 0 0; } .shop_by_price ul {list-style: none; } :root .shop_by_price ul {padding-top: 5px;} .shop_by_price ul li li {margin-left:-4px; border:1px solid #5f2206; border-right:none; width:151px;} *html .shop_by_price ul li li{border: 1px solid #5F2206;} .shop_by_price ul li li a {font-weight:bold; font-family:Verdana; display: block; padding: 3px 18px 3px 8px; text-decoration: none; color: #fff; font-size: 1em; margin:0px 0 0px 1px; height:auto; background: url(/images/static/bg-left-nav-btn.gif) repeat-y 0px 53px;} .shop_by_price ul li li a:hover {background-position: 0 0;} /* ====================== HP container ===================== */ .bb_HPcontainer{ clear:both; list-style-type:none; margin:20px 0px 0px 0px; border:solid #ab857a 2px; float:left; padding:2px 2px 2px 0; width:792px; } .bb_HPcontainer .product_group{float:left; width:260px; border:solid #ab857a 1px; margin-left:2px;} .bb_HPcontainer .product_list{list-style-type:none;} .bb_HPcontainer .product_list li{margin:0 10px; padding-bottom:5px; clear:both; height:155px;} .bb_HPcontainer .product_list .product1{border-bottom:solid #ab857a 1px;} .bb_HPcontainer .product_list .product_img{float:left; position:relative; width:125px; height:125px; display:block; margin-right:5px; } .bb_HPcontainer .product_list .productDesc1, .bb_HPcontainer .product_list .productDesc2{overflow-x:hidden; width:110px; margin-right:0px; float:right;} .bb_HPcontainer .cleardiv{font-size:1px; height:0;} .bb_HPcontainer .product_list a{color:#c4918f; text-decoration:none;} .bb_HPcontainer .product_list a:hover{text-decoration:underline;} .bb_HPcontainer #prod_top{font:normal 20px Georgia; color: #663300; background-color: #ffcccc; padding:5px 0; text-align:center;} .bb_HPcontainer .productDisplayName1, .bb_HPcontainer .productDisplayName2{font:normal 11px Georgia; color: #cc6666; padding:5px 0 5px 10px; text-transform:uppercase; } .bb_HPcontainer .productDisplayName1:first-letter {font: normal 16px Georgia;} .bb_HPcontainer .productDisplayName2:first-letter {font: normal 16px Georgia;} .bb_HPcontainer .product_img img{width:125px; height:125px;} .bb_HPcontainer .more{display:none;} /*======================= footer ========================*/ #bottom_nav { position:relative; clear:right; margin-top:20px;} #bottom_nav #copyright, #bottom_nav #ecptag{padding-top:3px; border-top:solid 1px #663300;} #bottom_nav #copyright {width:400px; position:absolute; top:37px; left:0px; font-size:10px; color: #663300;} #bottom_nav #copyright span {font-weight: bold;} #bottom_nav #tvitter {width:400px; position:absolute; top:57px; left:0px; text-align:center;} #bottom_nav #facebook {width:400px; position:absolute; top:57px; left:400px; text-align:center;} #bottom_nav #ecptag { width:400px; position:absolute; top:37px; left:400px; text-align:right; } #bottom_nav #ecptag a{ font-size:10px; color: #663300; text-decoration:none; font-weight: bold; } #bottom_nav #ecptag a span{font-weight:normal} #bottom_nav ul{position:absolute; list-style: none; text-align:center; background-color: #ffcccc; width:100%; padding-top:7px; height:23px;} #bottom_nav ul li{display:inline;} #bottom_nav ul li a{color: #663300; text-decoration: none; padding-left: 5px; padding-right: 10px; border-right: 1px solid #663300;} #bottom_nav ul li a:hover{text-decoration: underline;} #bottom_nav ul li.last a{ border-right:none; }