/* Custom CSS Document for Bend Pet Express
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

/* Global styles
--------------------------------------------------------*/
body {background:#bfaa71; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%; margin:8px 0 0 0;}
#PageSubTable {width:786px; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background:#fff; padding:10px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#e9e1ca; border:1px solid #bfaa71; 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; padding:7px 0; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#000; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#e9e1ca; border:1px solid #bfaa71; 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:#ccba8d;}

.button a img {margin:15px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:20px; font-weight:bold; color:#531426; margin:5px 0 10px 0; padding:5px 0; width:100%; }
#ContentCell h2 {font-size:18px; font-weight:bold; color:#ae5b26; margin:5px 0; padding:5px 0; border-bottom:1px solid #ccba8d;}
#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:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:5px 0 10px 0;}

/* 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; padding:0; height:auto; display:none;}
#TopBannerCell img {margin:0; padding:0;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background:url(images/bn-tile.jpg) repeat-x; height:102px; margin:0; padding:0; text-align:left;}
#TopSubBannerCell .float-left {background:url(images/bn-right.jpg) no-repeat top left; height:102px; width:570px;}
#TopSubBannerCell .float-left p {color:#fff; font:bold 12px Verdana, Arial, Helvetica, sans-serif; float:left; clear:left; margin:0; padding:0; width:315px; margin:11px 0 0 265px;}
#TopSubBannerCell .float-right {width:200px; height:auto; padding:7px 7px 0 0;}
#TopSubBannerCell img {float:left; margin:7px 0 0 119px; padding:0;}
#TopSubBannerCell .float-right .cartlist,
#TopSubBannerCell .float-right .simplesearch {width:100%; float:left;}

/* Cart Styles */
ul.cartnav {background:#ccba8d url(images/bn-cart-topL.jpg) no-repeat; float:right; width:155px; height:auto; margin:7px 7px 0 0;}
ul.cartnav li {font-size:12px; color:#ae5b26;}
ul.cartnav li a {color:#ae5b26; text-decoration:none; padding:0 10px;}
ul.cartnav li a:hover {text-decoration:underline;}
ul.cartnav li.links {width:100%; background:url(images/bn-cart-topR.jpg) no-repeat top right; padding:5px 0;}
ul.cartnav li.items {font-size:18px; color:#ae5b26; height:35px; background:url(images/bn-cart-bottomL.jpg) no-repeat bottom left; width:100%;}
ul.cartnav li.items .text {margin-top:10px; width:100%; background:url(images/bn-cart-bottomR.jpg) no-repeat right bottom; height:25px;}

#TopSubBannerCell ul.cartnav li.items img {margin:0 10px; padding:0;}

/* Search Styles */
.search {width:155px; float:right;} /* set width */
#TopSubBannerCell ul.searchWrap {line-height:100%; margin-top:12px; _margin-top:11px;} /* for IE/FireFox consistency */
ul.searchWrap li {height:20px;} /* set height of list items */
ul.searchWrap li a {}
#TopSubBannerCell ul.searchWrap li.button img {vertical-align:top; margin:0 0 0 4px; padding:0;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
#TopSubBannerCell ul.searchWrap li.textbox .searchbox {background:#fff; border:none; height:20px; width:124px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1f332a; padding:2px 0 0 4px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:16%; vertical-align:top; background:#1a563b; font-family:Verdana, Arial, Helvetica, sans-serif;}
#LeftColumnNav1_custommenu {width:127px;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; width:127px;}
.navigator a {}

.categorybox,
.selectedcategorybox {line-height:25px; padding-left:10px;}

.overselectedcategorybox,
.overcategorybox {background:#2e825e; line-height:25px; padding-left:10px;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#2e825e; line-height:22px; padding-left:20px;}

.categorybox a,
.selectedcategorybox a {color:#cebe92; text-decoration:underline; font-size:16px;}
.overcategorybox a, 
.overselectedcategorybox a {color:#cebe92; text-decoration:none; font-size:16px;}

.subcategorybox a,
.selectedsubcategorybox a {color:#cebe92; text-decoration:underline; font-size:12px;}
.oversubcategorybox a,
.overselectedsubcategorybox a {color:#cebe92; text-decoration:none; font-size:12px;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding:0; background:#e9e1ca; border-top:1px solid #e9e1ca;}

#ContentCell.default .df-main {height:327px; width:659px; background:url(images/df-main.jpg) no-repeat; float:left;}
#ContentCell.default .df-main p {font-size:13px; margin:10px 0 0 20px; padding:0; height:100px; width:180px;}
#ContentCell.default .df-main p span {font-size:24px; line-height:27px;}

#ContentCell.default .df-sub1 {float:left; clear:left; width:100%;}

#ContentCell.default .df-sub1 p {font:bold 13px Verdana, Arial, Helvetica, sans-serif;}

#ContentCell.default .df-sub1 .float-left {width:415px; height:115px;}
#ContentCell.default .df-sub1 .float-left img {margin:0 0 0 35px;}
#ContentCell.default .df-sub1 .float-left p {font-size:12px; padding:0 0 0 10px;}	

#ContentCell.default .df-sub1 .float-right {width:230px; height:115px; margin:0 5px 0 0;}
#ContentCell.default .df-sub1 .float-right p {margin:15px 0 0 0; line-height:20px}
#ContentCell.default .df-sub1 .float-right p a {font-size:10px; color:#000;}


/* Footer Styles
--------------------------------------------------------*/
#FooterCell {font-weight:normal; color:#1f332a; font-size:10px; padding:5px;}
#FooterCell p {text-align:center; line-height:18px;}
#FooterCell a {text-decoration:none; padding:0 7px; color:#1f332a;}
#FooterCell a:hover {text-decoration:underline;}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Button Spacing for FireFox */
#ProductDetail21_trAddToCart .content img,
#ProductDetail21_trSavedCart .content img,
#ProductDetail21_trEMailFriend .content img {margin:1px 0;}