@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; background: URL(../images/sage/page-bg.gif) repeat top left; font: normal 12px Arial, Helvetica, sans-serif; }

div.center {width: 950px; margin: 0 auto; position: relative; display: block;}
div.page {background: #ffffff; position: relative; display: block;}

div.seoText {height: 13px; width: 940px; padding-left: 10px; overflow: hidden; font-size: 10px; background: #DDDFE1;}
div.seoText a {color: #000000;}
div.seoText a:visited {color: #000000;}
div.seoText a:hover {color: #000000; text-decoration: none;}
div.seoText a:active {color: #000000; text-decoration: none;}

div.header {}
div.header div.logo {position: absolute; top: 10px; left: 10px;}
div.header div.logo img {border: none;}

div.header div.phone {position: absolute; top: 10px; left: 225px;}


div.header div.miniCart {position:absolute; top: -13px; left: 515px; width: 425px;padding: 0px;z-index:15000;overflow:hidden;border:0px solid white}
.cartSummary_top{border:1px solid #bbbbbb;border-bottom:0px;border-top:0px;left:-1px;width:423px;overflow:hidden;background-color:white;}
.cartSummary_middle{z-index:1100;border:1px solid #bbbbbb;width:500px;background:url(../images/sage/cartSummary_bg.jpg);background-repeat:repeat-x;background-color:#E0E1E2;}
div.header div.miniCart div.main{height:55px;background: URL(../images/sage/header-cart-bg.gif);}
div.header div.miniCart img.cartBegin{float: left; display: block;}
div.header div.miniCart img.cartEnd{float: right; display: block;}
div.header div.miniCart div.cart {width: 260px; text-align: center; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-transform: none; padding-top: 4px; line-height: 25px;}
div.header div.miniCart div.cart a {color: #830508; font-weight: normal;}
div.header div.miniCart div.cart a:visited {color: #830508;}
div.header div.miniCart div.cart a:hover {color: #830508; text-decoration: none;}
div.header div.miniCart div.cart a:active {color: #830508; text-decoration: none;}

div.header div.miniCart div.accountLinks {width: 260px; text-align: center; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
div.header div.miniCart div.accountLinks a {color: #830508;}
div.header div.miniCart div.accountLinks a:visited {color: #830508;}
div.header div.miniCart div.accountLinks a:hover {color: #830508; text-decoration: none;}
div.header div.miniCart div.accountLinks a:active {color: #830508; text-decoration: none;}

div.header div.miniCart div.checkoutButton {/*position: absolute; top: 12px; left: 275px;*/}

div.header div.tabs {position: absolute; top: 55px; left: 220px;}
div.header div.tabs div.tab {float: left; margin-left: 5px;}
div.header div.tabs div.tab img {border: none;}

div.header div.searchBar {position: absolute; top: 98px; width: 930px; height: 30px; left: 10px; background: URL(../images/sage/header-search-bg.gif);z-index:10000;background-repeat:repeat-x}
div.header div.searchBar img.searchBarBegin{float: left;}
div.header div.searchBar img.searchBarEnd{float: right;}

div.header div.searchBar div.search {float: left;}
div.header div.searchBar div.search input.searchField {position: absolute; top: 5px; left: 65px; width: 240px; height: 17px; font: normal 13px Arial, Helvetica, sans-serif; color: #000000; font-style: normal; border: 1px solid #5C89B6; background: #ffffff;}
div.header div.searchBar div.search input.searchButton {position: absolute; top: 0px; left: 310px; border: none;}

div.header div.searchBar div.links {padding: 7px 10px 0px 0px; float: right; color: #000000; font: normal 13px Verdana, Arial, Helvetica, sans-serif;}
div.header div.searchBar div.links a {color: #710409; text-decoration: none; font-weight: bold;}
div.header div.searchBar div.links a:visited {color: #710409; text-decoration: none;}
div.header div.searchBar div.links a:hover {color: #710409; text-decoration: underline;}
div.header div.searchBar div.links a:active {color: #710409; text-decoration: underline;}

div.header div.headerBanner {position: absolute; top: 128px; left: 10px; width: 930px; height: 23px; padding-top: 7px; text-align: center; background: #E9E9E9; color: #004488; font: bold 14px Arial, Helvetica, sans-serif;}
div.header div.headerBanner a {color: #004488;}
div.header div.headerBanner a:visited {color: #004488;}
div.header div.headerBanner a:hover {color: #004488; text-decoration: none;}
div.header div.headerBanner a:active {color: #004488; text-decoration: none;}

div.page div.content {padding-top: 170px;}
div.page div.content div.side {float: left; margin-left: 10px; margin-right: 20px; width: 130px; position: relative; display: inline;}
div.page div.content div.side div.side {float: none; margin: 0px; width: 110px;}
div.page div.content div.center {float: left; width: 770px; display: inline; position: relative;}
div.page div.content div.full {float: none; width: auto; display: block; margin-left: 10px; }

div.page div.footer {margin: 20px 10px 10px 10px; padding: 10px 0px; border-top: 1px solid #84A6A4; clear: both; position: relative;}
div.page div.footer div.badge {width: 16.6%; float: left; position: relative;}
div.page div.footer div.questions {width: 35%; float: left; position: relative; display: inline;}
div.page div.footer div.links {width: 60%; float: left; position: relative; display: inline;}

div.page div.veryBottom {clear: both; padding-top: 10px;}

div.brandPage {padding-right: 10px;}
div.brandPage h1 {color: #000000; font: normal 26px Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px;}
div.brandPage div.fiveReasons {float: right; margin: 0px 5px 0px 10px; width: 250px; height: 125px; padding-top: 75px; background: url(/images/sage/box-5-great-reasons.jpg) no-repeat;}
div.brandPage div.fiveReasons div.replaceByImage {display: none;}
div.brandPage div.fiveReasons ul {font-size: 14px; margin-left: 15px; padding: 0px; margin-top: 0px;}
div.brandPage div.fiveReasons ul li {padding: 4px 0px 2px 22px; margin: 0px; font: normal 14px Arial, Helvetica, sans-serif;}
div.brandPage div.fiveReasons ul li a:hover {color: #710409}
div.brandPage div.fiveReasons ul li.one { list-style: none; background: url(/images/sage/bullet-circle-1.gif) no-repeat;}
div.brandPage div.fiveReasons ul li.two { list-style: none; background: url(/images/sage/bullet-circle-2.gif) no-repeat;}
div.brandPage div.fiveReasons ul li.three { list-style: none; background: url(/images/sage/bullet-circle-3.gif) no-repeat;}
div.brandPage div.fiveReasons ul li.four { list-style: none; background: url(/images/sage/bullet-circle-4.gif) no-repeat;}
div.brandPage div.fiveReasons ul li.five { list-style: none; background: url(/images/sage/bullet-circle-5.gif) no-repeat;}
div.brandPage div.fiveBenefits {float: right; margin: 0px 5px 0px 10px; width: 250px; height: 125px; padding-top: 75px; background: url(/images/sage/box-5-benefits.jpg) no-repeat;}
div.brandPage div.fiveBenefits div.replaceByImage {display: none;}
div.brandPage div.fiveBenefits ul {font-size: 14px; margin-left: 15px; padding: 0px; margin-top: 0px;}
div.brandPage div.fiveBenefits ul li {padding: 4px 0px 2px 22px; margin: 0px; font: normal 14px Arial, Helvetica, sans-serif;}
div.brandPage div.fiveBenefits ul li a:hover {color: #710409}
div.brandPage div.fiveBenefits ul li.one { list-style: none; background: url(/images/sage/bullet-circle-1.gif) no-repeat;}
div.brandPage div.fiveBenefits ul li.two { list-style: none; background: url(/images/sage/bullet-circle-2.gif) no-repeat;}
div.brandPage div.fiveBenefits ul li.three { list-style: none; background: url(/images/sage/bullet-circle-3.gif) no-repeat;}
div.brandPage div.fiveBenefits ul li.four { list-style: none; background: url(/images/sage/bullet-circle-4.gif) no-repeat;}
div.brandPage div.fiveBenefits ul li.five { list-style: none; background: url(/images/sage/bullet-circle-5.gif) no-repeat;}
div.brandPage p {color: #000000; font: normal 14px Arial, Helvetica, sans-serif; line-height: 1.4em;}
div.brandPage p img {margin: 0px 10px 10px 0px;}
div.brandPage p span.highlight {font-weight: bold; color: #710409;}

div.brandPage div.categories {clear: both; padding-top: 15px;}
div.brandPage div.categories div.category {width: 155px; height: 240px; float: left; border: 10px solid #F9EBD9; /*padding: 10px; background: url(/images/sage/brands/cat-bg.gif) no-repeat;*/ margin-right: 12px;}
div.brandPage div.categories div.last {margin-right: 0px;}
div.brandPage div.categories div.category img {border: none;}

div.brandPage div.products {clear: both; padding-top: 10px;}
div.brandPage div.products div.badge {padding-bottom: 10px; clear: both;}
div.brandPage div.products div.product {float: left; width: 220px; margin-left: 15px; background: url(/images/sage/prods-listing-product-bg.jpg) repeat-x scroll 0px 1px; border-top: 1px solid #B6B6B6; padding-bottom: 20px;}
div.brandPage div.products div.first {clear: both; margin-left: 0px;}
div.brandPage div.products div.title {font: normal 16px Arial, Helvetica, sans-serif; height: 60px; text-align: center; padding: 5px 10px; line-height: 1.3em;}
div.brandPage div.products div.title a {color: #557574;}
div.brandPage div.products div.title a:hover {color: #557574;}
div.brandPage div.products div.image {height: 175px; width: 220px; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden;}
div.brandPage div.products div.price {padding-left: 10px; color: #710409; font: bold 16px Arial, Helvetica, sans-serif; padding-top: 10px;}
div.brandPage div.products div.price span.asLowAs {color: #3C3C3C; font-weight: normal;}
div.brandPage div.products div.viewDetails {padding-left: 10px; padding-top: 5px;}
div.brandPage div.products div.viewDetails img {border: none;}
div.brandPage div.products div.rating {padding-left: 10px; padding-top: 8px; font: normal 12px Arial, Helvetica, sans-serif; color: #000;}
div.brandPage div.products div.rating img {vertical-align: text-bottom;}
div.brandPage div.products div.inStockNotice {padding-left: 10px; padding-top: 8px; font: normal 13px Arial, Helvetica, sans-serif; color: #2C8C1E;}
div.brandPage div.products div.outOfStockNotice {padding-left: 10px; padding-top: 8px; font: normal 13px Arial, Helvetica, sans-serif; color: #8c2b1e;}
div.brandPage div.products div.moreLikeThis {padding-left: 10px; color: #666666; font: normal 12px Arial, Helvetica, sans-serif; padding-top: 8px;}
div.brandPage div.products div.moreLikeThis a {color: #666666;}
div.brandPage div.products div.moreLikeThis a:hover {color: #666666;}

/*ajax search suggestion box */


table.searchSugg{cursor:pointer;text-transform:capitalize;}
table.searchSugg td{padding:4px 2px;border-bottom:1px solid #cccccc;color:#666666}
table.searchSugg tr.brand td{font-size:16px;}
table.searchSugg tr.lp td{font-size:16px;}
table.searchSugg tr.prodwithpic td{font-size:12px;}
table.searchSugg tr.prodnopic td{font-size:14px;}