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

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

/* Global styles
--------------------------------------------------------*/
body {background: #333333 url(images/body-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:915px; background:transparent; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background: #fff; padding: 16px 19px 20px 0;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {border:1px solid #999; 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:#333333; 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:#999;}

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

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:14px; font-weight:bold; color:#7bb700; margin:0 0 3px 0; padding:0 0 0 0; width:100%; line-height:30px }
#ContentCell h2 {font-size:14px; font-weight:bold; color:#000; margin-bottom:15px; padding:0;}
#ContentCell h3 {font-size:12px; font-weight:bold; color:#000; margin:0; padding:0;}
.SubHeadings {text-align: left; font-weight: bold; color: #000;}
.Content {line-height:18px; font-size:11px; color:#333333; text-align:left;}
.Content a {color:#7bb700; text-decoration:none;}
.Content a:hover {text-decoration:underline;}
#ContentCell p {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; margin:0 0 13px 0; color: #333333; padding: 0; line-height: 13px;}
#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 15px 0;}
.img-right {float:right; margin:4px 0 15px 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 {background:transparent; margin:0; padding:0; height:auto;}
#TopBannerCell img {margin:0; padding:0;}
#TopBannerCell ul.topnav {list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #dcdcdc; height: 23px; width: 915px; margin: 8px 0 0 0; padding: 0; float: left; text-align: center;}
#TopBannerCell ul.topnav li {padding: 0 10px; display: inline; float: none; }
#TopBannerCell ul.topnav li a {color: #dcdcdc; text-decoration:none;}
#TopBannerCell ul.topnav li a:hover {text-decoration: underline;}
#TopBannerCell .topmain {width: 915px; height: 107px; clear: left; float: left;}
#TopBannerCell .topmain a {cursor: hand;}
#TopBannerCell .topmain .logo {float: left; background: url(images/logo.jpg) no-repeat; width: 354px; height: 107px;}
#TopBannerCell .topmain .promo {float: left; background: url(images/special-offers.jpg) no-repeat; width: 255px; height: 107px; }

/* Cart Styles */
#TopBannerCell ul.cartnav {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333333; margin-top: 9px; float: right; padding-right: 6px;}
ul.cartnav li {}
ul.cartnav li a {color: #333333; text-decoration:none;}
ul.cartnav li a:hover {text-decoration:underline;}
ul.cartnav li.account {}
ul.cartnav li.wishlist {}
ul.cartnav li.viewcart {}
ul.cartnav li.checkout {}
ul.cartnav li.divide {padding: 0 4px;}

#TopBannerCell ul.shopcart {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #333333; margin-top: 6px; clear: right; float: right; padding-right: 6px;}
ul.shopcart li {display: inline;}
ul.shopcart li a {}
ul.shopcart li.head {}
ul.shopcart li.items {}
ul.shopcart li.total {}

/* Search Styles */
.search {width:235px; float:right;} /* set width */
#TopBannerCell ul.searchWrap {line-height:100%; float: right; margin-top: 19px; margin-right: 1px;} /* for IE/FireFox consistency */
ul.searchWrap li {height:25px;} /* 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 {margin-left: 8px; *margin-top: 1px;}
ul.searchWrap li.textbox .searchbox{height: 25px; width: 154px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; padding: 4px 2px 0 3px;}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: url(images/tsb-bg.gif) no-repeat; width: 915px; height: 30px;}
#TopSubBannerCell ul.topsubnav {list-style: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #fff; height: 22px; margin-top: 8px; margin-left: 2px; }
#TopSubBannerCell ul.topsubnav li {padding: 0 12px;}
#TopSubBannerCell ul.topsubnav li.shop {padding-right: 10 px;}
#TopSubBannerCell ul.topsubnav li a {color: #fff; text-decoration:none;}
#TopSubBannerCell ul.topsubnav li a:hover {text-decoration: underline;}


/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:25%; vertical-align:top; background: #fff;}
#LeftColumnCell img {vertical-align: bottom;}
#LeftColumnNav1_custommenu {width:230px; float: left;}
#LeftColumnNav1_custommenu td {vertical-align:top;}
#LeftColumnCell .leftcol {margin-top: 16px; float: left; margin-bottom: 16px;}
#LeftColumnCell .leftcol .shop {background: url(images/shop-bg.gif) no-repeat; width: 230px; height: 38px; float: left;}
#LeftColumnCell .leftcol .leftcol-bottom {background: url(images/leftcol-bottom-bg.gif) no-repeat; width: 230px; height: 5px; float: left;}
/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px;}
.navigator a {line-height:26px;}

.categorybox, 
.selectedcategorybox {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; background: url(images/leftcol-bg.gif) repeat-y; width: 206px; _width: 230px; padding-left: 24px; line-height:26px;}

.overselectedcategorybox,
.overcategorybox {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; background: url(images/leftcol-bg.gif) repeat-y; width: 206px; _width: 230px; padding-left: 24px; line-height:26px;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {}

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

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

.subcategorybox a,
.selectedsubcategorybox a {color:#fff; text-decoration:none;}

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


/* Default Page Styles
--------------------------------------------------------*/
.default #LeftColumnCell {display: none;}
#ContentCell.default {margin: 0; padding: 0; background: transparent;}
#ContentCell.default h1 {font-weight: normal;}
#ContentCell.default .main-flash {width: 915px; height: 350px; float: left; margin-top: 10px; margin-bottom: 19px;}
#ContentCell.default .main-content-area {float: left; width: 915px; margin-top: 21px; background: #fff; height: auto; }
#ContentCell.default .main-content-area a {cursor: hand;}
#ContentCell.default .main-content-area .primary-content {float: left; width: 440px; margin: 13px 22px 0 13px;}
#ContentCell.default .main-content-area .video {width: 425px; height: 344px; float: right; padding: 28px 15px 33px 0;}
#ContentCell.default .main-content-area .learn-more {background: url(images/learn-more.jpg) no-repeat 13px 0; width: 443px; height: 132px; clear: left; float: left; margin-top: 5px;}

/* 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 {}
#ContentCell.static h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #000; margin-bottom: 8px;}
#ContentCell.static h2 {font-family: HelveticaNeue Bold, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #000;}
#ContentCell.static h2.united-states {background: url(images/static/us-flag.gif) no-repeat 0 0; padding-left: 60px; padding-bottom: 8px; vertical-align:middle; height: 29px; line-height: 29px; margin-bottom: 10px; }
#ContentCell.static h2.canada {background: url(images/static/canada-flag.gif) no-repeat 0 0; padding-left: 60px; padding-bottom: 8px; vertical-align:middle; height: 29px; line-height: 29px; clear: both; margin-bottom: 10px;}
#ContentCell.static h2.europe {background: url(images/static/europe-flag.jpg) no-repeat 0 0; padding-left: 60px; padding-bottom: 8px; vertical-align:middle; height: 29px; line-height: 29px; clear: both; margin-bottom: 10px;}
#ContentCell.static h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; line-height:24px; color: #000; padding-bottom: 8px;}
#ContentCell.static h3.clear {clear:both;}
#ContentCell.static ul {margin: 0; padding: 0; list-style:none;}
#ContentCell.static ul.bullets {list-style:disc; padding-left:15px; margin:0 0 15px 0;}
#ContentCell.static ul.logos-2,
#ContentCell.static ul.logos-3 {width: 100%;}
#ContentCell.static ul.logos-2 li {width: 49%; text-align: center; display: inline; padding: 5px 0; height: 90px; line-height: 100px; vertical-align:middle;}
#ContentCell.static ul.logos-3 li {width: 33%; text-align: center; display: inline; padding: 5px 0; height: 90px; line-height: 100px; vertical-align:middle;}
#ContentCell.static .contact-left {float: left; margin-left: 21px; width: 250px; line-height: 16px;}
#ContentCell.static .contact-right {float: left;}

#ContentCell.static .img-wrap {float:left; width:100%; margin:15px 0; padding:0;}
#ContentCell.static .img-wrap img {margin:4px; float:left;}
#ContentCell.static .table-static {width:100%; margin:0 0 15px 0;}
#ContentCell.static .table-static tr th {background-color:#009900; color:#fff; font-weight:bold; font-size:12px; padding:8px; text-align:left;}
#ContentCell.static .table-static tr td {font-size:12px; vertical-align:top; background-color:#eee; padding:8px;}
#ContentCell.static .table-static .off td {background-color:#fff; border:1px solid #eee;}


/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background:#333333 url(images/footer-bg.gif) no-repeat 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color: #fff; height: 227px; border-top: 1px solid #f8f8f8;}
#FooterCell a {color: #fff; text-decoration: none; font-size: 11px;}
#FooterCell a:hover {text-decoration: underline;}
#FooterCell ul {list-style: none; float: left; margin-top: 26px; margin-bottom: 48px;}
#FooterCell ul li {float: none; line-height: 17px;}
#FooterCell ul.first {margin-left: 135px; width: 167px;}
#FooterCell ul.second {width: 184px; }
#FooterCell ul.third {width: 188px; }
#FooterCell ul.fourth {width: 241px; }
#FooterCell ul.copyright {width: 915px; clear: left; float: left; text-align: center; margin-top: 0; margin-bottom: 25px;}
#FooterCell ul.copyright li {float: none; display: inline; margin: 0 2px;}



/* 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 0; 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 */