/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background: #4DAD41 url(images/tb-bgtile.gif) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;} 
#PageTable {width:100%;} 
#PageSubTable {width:1024px; position:absolute; top:0px; left:0px;}
#Form2 {margin:0; padding:0}
#ContentCell {background: #fff;}
.display-none {display:none;}
p {font-size:12px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#eee; border:1px solid #4DAD41; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; background:#4a6adb; padding:7px; color:#fff;}
#BreadCrumbs1_BreadCrumbs1 a {color:#fff; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#4DAD41;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#4A6ADB; margin:0 0 15px 0; padding:0 0 5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#4A6ADB; margin:0; padding:0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#4A6ADB; text-decoration:underline; }
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:0 0 15px 0;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; height:131px; vertical-align:top; padding-right:15px; }
#TopBannerCell img {margin:0; padding:0;}

#TopBannerCell .tb-wrap {height:131px; float:left;width:100%;}
#TopBannerCell .tb-wrap .logo {width:auto; float:left; margin:15px 0 0 17px;}
#TopBannerCell .tb-wrap .logo h1  {margin: 0; padding: 0; background:url(images/tb-logo.gif) no-repeat 0 0; width: 512px; height: 40px; display: block; text-indent: -9999px}
#TopBannerCell .tb-wrap .logo h1 a { width: 512px; height: 40px; display:block;}
#TopBannerCell .tb-wrap .pets-image {width:156px; height:95px; display:block; position:absolute; left:15px; top:68px; background:url(images/tb-pets.png) no-repeat 0 0}
#TopBannerCell .tb-wrap .bn-nav {position:absolute; top:78px; left:185px; float:none; width: 600px;}
#TopBannerCell .tb-wrap .bn-nav li {display:inline; background:url(images/tb-paw-blue.gif) no-repeat 0 0; padding-left:22px; margin-left:6px; line-height:15px;}
#TopBannerCell .tb-wrap .bn-nav .first {padding:0; margin:0; background:none;}
#TopBannerCell .tb-wrap .bn-nav li a {font-size:11px; color:#344a99; text-decoration:none;}
#TopBannerCell .tb-wrap .bn-nav li a:hover {text-decoration:underline;}
#TopBannerCell .tb-wrap .free-shipping {float:right; margin-top:15px; width:196px; height:73px; background:url(images/tb-free-shipping.gif); text-indent:-9999px;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height:33px;}
#TopSubBannerCell .tsb-wrap {height:33px; line-height:33px; padding-right:15px;}
#TopSubBannerCell .tsb-wrap .tsb-nav {margin-top:7px; margin-left:185px; float:left;}
#TopSubBannerCell .tsb-wrap .tsb-nav li {display:inline; background:url(images/tsb-paw-white.gif) no-repeat 0 0; padding-left:22px; margin-left:6px; line-height:15px;}
#TopSubBannerCell .tsb-wrap .tsb-nav .first {padding:0; margin:0; background:none;}
#TopSubBannerCell .tsb-wrap .tsb-nav li a {font-size:11px; color:#fff; text-decoration:none;}
#TopSubBannerCell .tsb-wrap .tsb-nav li a:hover {text-decoration:underline;}

/* Cart Styles */
#TopSubBannerCell .tsb-wrap .cart-wrap {float:right; margin-top:9px; width:240px; padding:0;}

ul.shopcart {font-size:11px; color:fff; float:right;}
ul.shopcart li {margin-left:6px; line-height:15px;}
ul.shopcart .my-account {background:url(images/tsb-paw-white.gif) no-repeat 0 0; padding-left:22px; margin-left:6px;}
ul.shopcart li a {color:fff; text-decoration:none;}
ul.shopcart li a:hover {text-decoration:underline;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:17%; vertical-align:top; background:#4dad41;}
#LeftColumnCell .lc-wrap {margin-left:9px; width:170px; padding:0;}

#LeftColumnCell .secure {text-align:center; margin:10px 0 12px; padding:0;}
#LeftColumnCell .creditcards {text-align:center; margin:0 0 14px; padding:0;}
#LeftColumnNav1_custommenu {width:179px; *width: auto;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

/* Search Styles */
.search {width:155px; float:left;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {height:33px;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top; margin-top:5px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
ul.searchWrap li.textbox .searchbox{width:114px; margin-top:8px; margin-right:5px;}
ul.searchWrap li.advsearch a {font-size:11px; color:fff; text-decoration:none;}
ul.searchWrap li.advsearch a:hover {text-decoration:underline;}
ul.searchWrap li.head {}

/*CMenuBar Styles */
#LeftColumnNav1_CMenubar2_MenuUL {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px; clear:left; float:left;}
#LeftColumnNav1_CMenubar2_MenuUL li {/*background:url(images/tsb-paw-white.gif) no-repeat 0 0;*/ padding-left:4px; line-height:15px; margin-bottom:7px; float:left; clear:left; }
/*#LeftColumnNav1_CMenubar2_MenuUL li a {color:#fff; text-decoration:none;}
#LeftColumnNav1_CMenubar2_MenuUL li a:hover {text-decoration:underline;}*/

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px; clear:left; width:150px; float:left; color: #fff;}
.navigator a {line-height:18px;}

.categorybox,
.selectedcategorybox {background:url(images/lc-paw.gif) no-repeat left center; padding-left:15px; line-height:15px; margin-bottom:7px;}

.overselectedcategorybox,
.overcategorybox {background:url(images/lc-paw.gif) no-repeat left center; padding-left:15px; line-height:15px; margin-bottom:7px;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background: none;/*url(lc-paw.gif) no-repeat 0 0;*/ padding-left:30px; line-height:15px; margin-bottom:7px;}

.categorybox a,
.selectedcategorybox a {color:#fff; text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a {color:#fff; text-decoration:underline;}

.subcategorybox a {color:#fff; text-decoration:none;}
.oversubcategorybox a {color:#fff; text-decoration:underline;}

.selectedsubcategorybox a {color:#fff; text-decoration:underline;}
.overselectedsubcategorybox a {color:#fff; text-decoration:underline;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.content {padding:15px}

#ContentCell.default {background:url(images/bg-tile.gif) repeat 0 0;}
.content-wrap {/*width:780px;*/ float:left;}

/*#ContentCell.default .box {width:234px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:12px; margin-left:12px; background:#FFFFFF;}
#ContentCell.default .box .header {height:24px; background:#4a6adb; text-align:center; _width:235px;}
#ContentCell.default .box .header h2 {font-size:16px; color:#FFFFFF; text-transform:uppercase; line-height:22px; border:none; }
#ContentCell.default .box .header h2 a {text-decoration:none;}
#ContentCell.default .box .header h2 a:hover {text-decoration:underline;}
#ContentCell.default .box .content { line-height:204px; vertical-align:middle;}
#ContentCell.default .box .content a {}
#ContentCell.default .box .content img {vertical-align:middle;}*/

#ContentCell.default .team-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:15px; margin-left:15px; background:#FFFFFF;}
#ContentCell.default .new-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:15px; margin-left:30px; background:#FFFFFF;}
#ContentCell.default .clearance-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:15px; margin-left:30px; background:#FFFFFF;}
#ContentCell.default .gallery-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:30px; margin-left:15px; background:#FFFFFF;}
#ContentCell.default .specials-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:30px; margin-left:30px; background:#FFFFFF;}
#ContentCell.default .fotm-box {width:235px; height:228px; border:solid 3px #4a6adb; float:left; margin-top:30px; margin-left:30px; background:#FFFFFF;}

#ContentCell.default .team-box .header,
#ContentCell.default .new-box .header,
#ContentCell.default .clearance-box .header,
#ContentCell.default .gallery-box  .header,
#ContentCell.default .specials-box .header,
#ContentCell.default .fotm-box .header {height:24px; background:#4a6adb; text-align:center; _width:235px;}

#ContentCell.default .team-box .header img,
#ContentCell.default .new-box .header img,
#ContentCell.default .clearance-box .header img,
#ContentCell.default .gallery-box  .header img,
#ContentCell.default .specials-box .header img,
#ContentCell.default .fotm-box .header img {margin:4px 0 0; padding:0;}

#ContentCell.default .team-box .header h2,
#ContentCell.default .new-box .header h2,
#ContentCell.default .clearance-box .header h2,
#ContentCell.default .gallery-box  .header h2,
#ContentCell.default .specials-box .header h2,
#ContentCell.default .fotm-box .header h2 {font-size:16px; color:#FFFFFF; text-transform:uppercase; line-height:22px; border:none; }

#ContentCell.default .team-box .header h2 a,
#ContentCell.default .new-box .header h2 a,
#ContentCell.default .clearance-box .header h2 a,
#ContentCell.default .gallery-box  .header h2 a,
#ContentCell.default .specials-box .header h2 a,
#ContentCell.default .fotm-box .header h2 a {text-decoration:none;}

#ContentCell.default .team-box .header h2 a:hover,
#ContentCell.default .new-box .header h2 a:hover,
#ContentCell.default .clearance-box .header h2 a:hover,
#ContentCell.default .gallery-box  .header h2 a:hover,
#ContentCell.default .specials-box .header h2 a:hover,
#ContentCell.default .fotm-box .header h2 a:hover {text-decoration:underline;}

#ContentCell.default .team-box .content,
#ContentCell.default .new-box .content,
#ContentCell.default .clearance-box .content,
#ContentCell.default .gallery-box  .content,
#ContentCell.default .specials-box .content,
#ContentCell.default .fotm-box .content { line-height:204px; vertical-align:middle;}

#ContentCell.default .team-box .content a,
#ContentCell.default .new-box .content a,
#ContentCell.default .clearance-box .content a,
#ContentCell.default .gallery-box  .content a,
#ContentCell.default .specials-box .content a,
#ContentCell.default .fotm-box .content a {}

#ContentCell.default .team-box .content img ,
#ContentCell.default .new-box .content img ,
#ContentCell.default .clearance-box .content img ,
#ContentCell.default .gallery-box  .content img ,
#ContentCell.default .specials-box .content img ,
#ContentCell.default .fotm-box .content img {vertical-align:middle;}

/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category a {}
#FeaturedCategories ul li.description {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height:65px; background: #888888 url(images/ft-tile.gif) repeat-x top left /*0 100%*/;}
#FooterCell .nav {width:100%; height:15px; padding:0; margin:6px 0; float:left; text-align:center;}
#FooterCell .nav li {display:inline; background:url(images/ft-paw-gray.gif) no-repeat 0 0; float:none; padding-left:22px; margin-left:6px; line-height:15px;}
#FooterCell .nav li .first {background:none;}
#FooterCell .nav .first {padding:0; margin:0; background:none;}
#FooterCell .nav li a {font-size:12px; color:fff; text-decoration:none;}
#FooterCell .nav li a:hover {text-decoration:underline;}
#FooterCell .social-media {position: relative; width: 180px; height: 36px; bottom: 45px; right: 20px; float: right;}
#FooterCell .social-media ul.social-icons {list-style: none; margin: 0; padding: 0;}
#FooterCell .social-media ul.social-icons li {float: right; height: 36px; margin-left: 5px;}
#FooterCell p {color:#FFFFFF; clear:left; text-align:center;}



/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:14px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */

/* Aux Static Styles */
#ContentCell .content-static {text-align:center; padding-top:10px;}
#ContentCell .content-static p {color:#344A99; font-size:16px; line-height:20px;}
#ContentCell .content-static a {font-weight:bold;}
#ContentCell .content-static h2 {}

/*Search Result*/
#SearchTemplate11_DataGrid1 img {max-width: 175px;}
#SearchTemplate11_DataGrid1 td {padding: 0 2px 0 2px;}