@charset "utf-8"; /* CSS Document */ body { background: #444f55 url('Ecom_01.gif') no-repeat center top; margin: 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; } .clear { clear: both; } a:active { outline: none; } a:focus { -moz-outline-style: none; outline: none; } #wrapper { margin: 0px auto; padding: 0px; width: 960px; } #header { background: url('header.gif') no-repeat left top; } #logo { margin: 0px 74px 0px 0px; padding: 0px; float: left; height: 91px; width: 660px; } #cart { float: left; background: url('shopping_cart.gif') no-repeat left top; height: 67px; width: 207px; margin: 10px 0px 0px; padding: 0px; } #cartamount { color: #384145; font-size: 10px; margin: 0px; padding: 14px 0px 0px 60px; } .amount { color: #384145; font-weight: bold; font-size: 12px; } #cartbuttons { margin: 0px; padding: 8px 0px 0px 54px; } .cartview { float: left; margin: 0px 5px 0px 0px; padding: 0px; height: 25px; width: 58px; } #nav { margin: 0px 0px 9px; padding: 0px 0px 0px 20px; height: 48px; float: left; width: 713px; } #nav ul { margin: 0px; padding: 0px; list-style: none; height: 48px; } #nav ul li { display: inline; margin: 0px; padding: 0px; margin: 0px; float: left; background: url('nav_divider.gif') no-repeat right center; } #nav ul li.lastnav { background: none;	 } #nav ul li a { padding: 19px 25px 0px; height: 29px; display: inline-block; text-transform: uppercase; text-decoration: none; color: #d3dadd; font-weight: bold; } #nav ul li a.home:hover { background: url('home_hover.gif') no-repeat left top; display: inline-block; } #nav ul li a:hover { background: url('nav_hover.gif') repeat-x; display: inline-block; color: #FFFFFF; } #search { margin: 0px; float: left; height: 33px; width: 188px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } #search form{ margin: 0px; padding: 0px; } .search { height: 17px; width: 140px; border: solid 0px #FFFFFF; border: none; margin: 0px; } #content { background: #ffffff url('content_top.gif') no-repeat left top; margin: 0px; padding: 0px 27px 0px 15px; width: 918px; } #sidebar { margin: 0px 31px 15px 0px; padding: 0px; float: left; display: inline; width: 209px; } #sidenav { margin: 0px; padding: 75px 0px 0px; width: 209px; background: url('sidebar_header.gif') no-repeat left top; } #sidenav ul { margin: 0px; padding: 0px 16px 10px 20px; width: 173px; list-style: none; background: url('sidebar_bkgrd.gif') repeat-y; } #sidenav ul li { width:173px; margin: 0px; padding: 8px 0px; border-bottom: 1px dotted #FFFFFF; } #sidenav ul li a { font-size: 14px; font-weight: bold; color: #d3dadd; text-decoration: none; background: url('sidebar_expand.gif') no-repeat right center; display: block; height:18px; } #sidenav ul li a:hover { color: #FFFFFF;	 } /*#sidenav ul li a:active{ background: url('sidebar_retract.gif') no-repeat right center;	 }*/ .sidenav_container { margin: 15px 0px 5px; padding: 15px 0px; width: 173px; background: #30393e; -moz-border-radius:11px; -webkit-border-radius:11px; } #sidenav ul li ul { width: 150px; padding: 0px; margin: 0px; background: none; } #sidenav ul li ul li { width: 135px; margin: 0px; background: none; border: none; padding: 4px 10px; } #sidenav ul li ul li a{ width: 135px; background:none; margin: 0px; font-size:12px; } #sidenav .expand a{ background:none; } #sidenav_bot { background: url('sidebar_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 15px; width: 209px; } #maincontent { float: right; margin: 0px; padding: 0px; width: 678px; display: inline; } #banner { margin:0px; margin-top: 15px; padding: 0px; background: url('homeheader.jpg') no-repeat left top; width: 678px; height: 297px; margin-right: auto; margin-left: auto; position:relative; } #banner h1, #banner h2{ position:absolute; left: -999999px; } #featured_prods { background: url('Featured_prodhead.jpg') no-repeat left top; margin: 0px; padding: 0px; } #scrollbuttons { margin: 0px 0px 29px; padding: 25px 0px 0px 573px; } .productfeeds { margin: 0px; padding: 0px 15px 0px 10px; background: url('Prod_bkgrd.gif') repeat-y; } .newsticker, .newsticker2 { background: url('prod_divider.gif') repeat-y center;	 } .newsticker ul, .newsticker2 ul { margin: 0px; padding: 0px; list-style: none; } .newsticker ul li, .newsticker2 ul li { margin: 0px 25px; width: 295px; display: inline; float: left; padding-top: 0px; padding-bottom: 0px; } .newsticker ul li.scroll_prod, .newsticker2 ul li.scroll_prod  { background: url('prod_hldr.gif') no-repeat left top; margin: 0px 0px 0px 10px; padding: 14px 0px 0px 20px; height: 142px; width: 301px; position: relative; } .scroll_prod .thumb, .prod_hldr .thumb { margin: 0px 8px 0px 0px; padding: 2px; height: 100px; width: 111px; float: left; } /*.scroll_prod h3,*/ .prod_hldr h3, .newsticker h3, .newsticker2 h3, .newsticker3 h3  { margin: 0px; padding: 0px; height: 100px; width: 140px; font-size: 14px; font-weight: bold; color: #000000; float: left; } .scroll_prod .thumb, .prod_hldr .thumb { border: 2px solid #c8cccd;	 padding: 0px; } .scroll_prod .thumb:hover, .prod_hldr .thumb:hover { border: 2px solid #ed008c; padding: 0px; } /*.scroll_prod h3 a, */.prod_hldr h3 a, .newsticker h3 a, .newsticker2 h3 a, .newsticker3 h3 a { color: #000000; text-decoration: none; } /*.scroll_prod h3 .price, */.prod_hldr h3 .price, .newsticker h3 .price, .newsticker2 h3 .price, .newsticker3 h3 .price { color: #ed008c; margin: 4px; padding: 0px; border-top: 1px dotted #000000; width: 140px; display: block; } .view_link { margin: 0px; padding: 0px; height: 28px; width: 91px; position: absolute; left: 196px; top: 120px; } #alsoviewlink{ margin: 0px; padding: 0px; height: 28px; width: 91px; position: absolute; left: 120px; top: 71px; } .view_link a, .snglview a{ background: url('view_but.gif') no-repeat top left; display: block; width: 91px; height: 28px; } #alsoviewlink a{ background: url('view_but.gif') no-repeat top left; display: block; width: 91px; height: 28px; } .view_link a:hover, .snglview a:hover{ background: url('view_hover.gif') no-repeat top left;	 } #alsoviewlink a:hover{ background: url('view_hover.gif') no-repeat top left;	 } #newproducts { background: url('newprod_header.jpg') no-repeat left top; margin: 0px; padding: 0px; } #scrollbuttons2 { margin: 0px 0px 29px; padding: 51px 0px 0px 573px; } #maincont_bot { background: url('productcontainer_bot.gif') no-repeat left top; margin: 0px 0px 15px; padding: 0px; height: 23px; width: 678px; } #contactfooter { background: #FFFFFF url('contact-footer.gif') no-repeat center top; margin: 0px; padding: 0px; height: 95px; width: 960px; text-align: center; font-size: 10px; color: #444F55; text-transform: uppercase; position:relative; } #fsblink{ position: absolute; right: 20px; top: 14px; text-align: right; } #contactemail { height: 52px; width: 660px; margin: 0px; padding: 15px 0px 0px 300px; } #contactfooter a { color: #444F55;	 text-decoration: none; } #contactfooter a:hover { color: #000000;	 } #footer { background: url('footer.gif') no-repeat left top; height: 23px; width: 960px; margin: 0px; padding: 25px 0px 0px; text-align: center; color: #FFFFFF; } #footer a { color: #FFFFFF; text-decoration: none; } #footer a:hover { text-decoration: underline;	 } #pageheader { background: url('product_page_hdr.gif') no-repeat left top; margin: 0px; padding: 0px; height: 97px; width: 678px; } #pageheader h1 { color: #ffffff; font: 26px "Arial Black", Gadget, sans-serif; margin: 0px; padding: 5px 0px 31px 52px; } #breadcrumbs { margin: 0px; padding: 0px 0px 0px 24px; font-size: 11px; color: #ed008c; position: relative; line-height: 22px; } .breadhome { float: left; padding:0px; margin: 0px 9px 0px 0px; } #breadcrumbs a { color: #5c6a71; text-decoration: none; } #prod_cont { background: url('Prod_bkgrd.gif') repeat-y; margin: 0px; padding: 10px 0px 0px; } #divider { background: url('prod_divider.gif') repeat-y center; } .prod_hldr { background: url('prod_hldr.gif') no-repeat left top; margin: 0px 20px 10px; padding: 14px 0px 0px 20px; height: 145px; width: 275px; float: left; position: relative; } #prodcont_bot { background: url('prodcont_bot.gif') no-repeat left top; margin: 0px; padding: 48px 0px 0px 415px; height: 59px; width: 263px; } #mainproduct { background: url('sgle_prod_bkgrd.gif') repeat-y; margin: 0px 20px; } #mainprod_cont { background: url('single_prod_top.gif') no-repeat left top; margin: 0px; padding: 25px 0px 0px 20px; } #mainprod_frame { width: 254px; float: left; margin: 0px; padding: 1px 3px 0px 1px; background: url('main_img_frame.gif') no-repeat top left; } #mainprod_img { overflow: hidden; width: 250px; height: 250px; } #image_thumbs { margin: 8px 0px 0px; padding: 0px; width: 250px; } #image_thumbs a{ margin: 0px; padding: 0px; display: inline-block; width: 61px; height: 61px; float: left; } #image_thumbs a.changeimage{ margin: 0px; padding: 0px; border: 1px solid #b1b1b1; display: inline-block; float: left; margin-right: 2px; } #image_thumbs a.changeimage:hover{ border: 1px solid #ed008c; } .thumb { margin: 0px 5px 0px 0px; padding: 0px; } #mainprod_txt { padding: 0px 20px 0px 0px; width: 328px; font-size: 18px; font-weight: bold; color: #ed008c; float: right; } #mainprod_txt h2 { font-size: 18px; margin: 0px 0px 6px; padding: 10px 0px 8px; border-bottom: 1px dotted #444f55; color: #000000; } form { margin: 0px; padding: 10px 0px 0px; } .order { font-size: 12px; color: #444f55; margin: 0px; padding: 10px; float: left; } .orderbox { border: 1px solid #c7cece; padding: 0px; float: left; display: block; background: #f1f2f2; height: 28px; line-height: 28px; margin: 0px 8px 0px 0px; -moz-border-radius:13px; -webkit-border-radius:13px; padding-left: 10px; padding-right: 10px; } .orderbox input, .orderbox select, .orderbox option{ padding: 0px; margin: 0px; margin-left: 8px; background-color: #f1f2f2; border: 1px solid #f1f2f2; outline: none; height: 20px; float: left; margin-top: 4px; } .orderbox label{ padding-right: 10px; height: 28px line-height: 28px; border-right: 1px solid #999999; float: left; } .orderbox select option{ background-color: #f1f2f2; } padding: 0px; input, select { margin-top:3px; } #prod_desc { font-size: 12px; color: #444f55; margin: 0px; padding: 15px 0px 0px; } #prod_desc h2 { font-size: 14px; font-weight: bold; background: url('title_image.gif') no-repeat left top; margin: 0px; padding: 0px 0px 10px 20px; border-bottom: none; } #prod_desc p { margin: 0px; padding: 0px 0px 15px; } #mainprodcont_bot { background: url('sgl_prod_bot.gif') no-repeat left top; margin: 0px 20px; padding: 0px; height: 23px; width: 638px; } #alsolikescroll_bkgrd { background: url('alsolikescroll_bkgrd.gif') repeat-y; margin: 10px 20px 0px; padding: 0px; width: 638px; } #alsolikehdr { margin: 0px; padding: 0px; background: url('alsolikescoll_hdr.gif') no-repeat left top; width: 638px; } #scrollbuttons1 { padding: 14px 0px 0px 550px; width: 88px; margin: 0px 0px 18px; } .alsolikescroll { margin: 0px; padding: 0px 20px 0px 0px; width: 618px; overflow: hidden; } #alsolikescroll_bot { background: url('alsolike_bot.gif') no-repeat left top; margin: 0px 20px; padding: 0px; height: 17px; width: 638px; } .newsticker3 ul li { margin: 0px 10px 0px 25px; width: 275px; display: inline; float: left; padding: 0px; } #newssidebar { margin: 0px 24px 15px 0px; padding: 10px 0px 0px; float: left; display: inline; width: 216px; background:url('newsidebar_top.gif') top left no-repeat; } #newssidebar ul { margin: 0px; padding: 0px; list-style: none; background: url('newssidebar_bkgrd.gif') repeat-y; } #newssidebar ul li { background: url('newssidebar_bot.gif') no-repeat left bottom; margin: 0px; padding: 0px 0px 30px; } #newssidebar ul li h2 { background: url('newsidebar_hdr.gif') no-repeat left top; height: 47px; width: 169px; margin: 0px 0px 10px; padding: 10px 0px 0px 47px; font: 18px "Arial Black", Gadget, sans-serif; color: #ed008c; } #newssidebar ul li ul { margin: 0px 15px; padding: 8px 0px; width: 186px; background: #30393e; } #newssidebar ul li ul li { background: url(none); margin: 0px; padding: 0px 10px; font-size: 12px; } #newssidebar ul li ul li a { padding: 8px 0px; color: #d3dadd; text-decoration: none; border-bottom: dotted 1px #9aa0a3; width: 166px; display: block; background: url('li_arrow.gif') no-repeat center right; } #newssidebar ul li ul li a:hover { color: #ffffff;	 } #ulbottom { background: url('ul_bot.gif') no-repeat left top; margin: -10px 0px 0px; padding: 0px; height: 10px; width: 216px; } #newscontent { background: url('Prod_bkgrd.gif') repeat-y; margin: 0px; padding: 0px;		 } #newspageheader { background: url('news_pageheader.gif') no-repeat left top; padding: 10px 0px 0px 50px; margin: 0px; width: 628px; height: 58px; } #newspageheader h1 { padding: 0px; margin: 0px; font-size: 26px; color: #FFFFFF; font-family: "Arial Black", Gadget, sans-serif; } .postbkgrd { background: url('post_bkgrd.gif') repeat-y; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 23px; } .post { background: url('post_hdr.gif') no-repeat left top; padding: 0px 28px; margin: 0px; } .date { float: right; width: 120px; margin: 10px 0px 0px; padding: 0px 20px 0px 0px; font-size: 14px; color: #FFFFFF; font-style: italic; font-weight: bold; text-align: center; } .post h2 { font-size: 28px; margin: 0px; padding: 30px 0px 18px; display: block; border-bottom: 1px dotted #bbc0c3; } .post h2 a { color: #444f55; text-decoration: none; } .post h2 a:hover { color: #ed008c; } .entry { padding: 20px 0px 0px; margin: 0px; text-align: justify; } .entry p { margin: 0px; padding: 0px 0px 15px; } /*.post_bot { background: url('post_bot.gif') no-repeat left top; height: 23px; width: 145px; margin: 0px 20px 0px 23px; padding: 15px 0px 0px 490px; font-size: 14px; font-style: italic; font-weight: bold; } .post_bot a { color: #ffffff; text-decoration: none; }*/ .post img { border: 3px solid #ed008c;	 } .alignleft { float: left; margin: 0px 20px 20px 0px; padding: 0px; } .alignright { float: right; margin: 0px 0px 20px 20px; padding: 0px; } #archiveheader { background: url('archiveheader.gif') no-repeat left top; height: 26px; width: 620px; margin: 0px 20px 0px 23px; padding: 5px 0px 0px 15px; font-size: 11px; color: #5c6a71; line-height: 21px; } .archive { background: url('archive_divider.gif') no-repeat left top; color: #ed008c; margin: 0px; padding: 0px 0px 0px 10px; font-size: 12px; font-weight: bold; } .snglpost_bot { background: url('post_bot_sgl.gif') no-repeat left top; height: 38px; width: 185px; margin: 0px 20px 0px 23px; padding: 0px 0px 0px 450px; } .snglpost_bot a { color: #ffffff; text-decoration: none; background: url('blog/wp-content/themes/beds4pets/images/post_bot.gif'); padding: 15px 0px 0px 0px; margin: 0px; height: 23px; text-align: center; width: 158px; display: block; font-weight: bold; font-style: italic; font-size: 14px; } .snglpost_bot a:hover { background: url('blog/wp-content/themes/beds4pets/images/post_bot_over.gif') no-repeat top left;	 } #brochuretext { margin: 0px; padding: 0px 20px 0px 0px; text-align: justify; font-size: 12px; color: #444f55; } #brochuretext p { margin: 0px; padding: 0px 0px 20px; } .next, .next1{ cursor: pointer;	 } .prev, .prev1{ cursor: pointer; }