h1 {font-size:28px; margin:15px 0 15px 0; font-weight:700; color:#333300; line-height:1;}
h1.cat-head {margin-bottom:0;}
h2 {font-size:18px; margin:10px 0; font-weight:700; color:#333300;}
h2.cat-subhead {font-size:14px; margin:0 0 10px 0; font-weight: 400; }
h3 {font-size:14px;}
a {color:#006699;}

.article ol li {list-style:decimal outside; line-height:1.5;}
.article ul li {list-style:square outside; line-height:1.5}

body {font-family: Helvetica, Arial, sans-serif; background: url(../images/art/page-bg.png) repeat;}
#wrapper {padding: 0 20px 20px 20px; width:920px}

/* site printing*/
@media print {
#header {display:none;}
#legal{display:none;}
}

/* header-top */
#header {height:100px; background: url(../images/art/top-pg-bg-2.png) 0 -40px repeat-x; font-size:11px; color:#fff;}
#header-links {height:100px; background: url(../images/art/top-pg-bg-2.png) 0 -40px repeat-x #fff; width:960px; margin:0 auto; position:relative;}
#header.nolinks {background-position:0 -70px; height:70px;}
#header.nolinks #header-links {background-position:0 -70px; height:70px;}
#header a {color:#fff;}
#review-summary {margin:0 auto;}
#sitetools {text-align:right; padding:10px 0 0; margin-right:15px;}
#sitetools a {font-weight:normal;}
#sitetools ul {padding: 0 0 3px 0;}
#sitetools ul li {padding-right:10px}

#cart {height:41px; width:170px; position:absolute; right:25px; top:39px; text-align:right;}
#cart:hover {cursor:pointer; cursor:hand;}
.empty { background:url(../images/art/cart-sprite-2.png) 0 0 no-repeat;}
.full { background:url(../images/art/cart-sprite-2.png) 0 -42px no-repeat;}
#cart h3 {margin:1px 0 0; font-size:14px;}
#cart p {margin:0; padding:2px 1px;}
.cart-count {width:20px; text-align:center; font-size:11px; position:absolute; top:18px; left:22px; color:#fff; font-weight:bold;}

#branding-header {height: 110px; position:relative;}
#branding-header #logo {height: 110px; width: 333px;}
#branding-header #logo a {height: 188px; position: absolute; top: -92px; width: 333px; display:block;}
#branding-header-nolinks {height:92px; padding-bottom:20px; position:relative; border-bottom: 3px solid #EBEBEB;}
#branding-header-nolinks #logo {height: 92px; width: 920px;}
#branding-header-nolinks #logo a {height: 92px; width: 920px; display:block;}
.header-promo {width:294px; height:98px; position: absolute; right: 0; top: 0;}
.header-promo a {background: url(../images/art/vday-head-promo.jpg) 0 0 no-repeat; display:block; height:94px; width:287px; margin: 4px 0 0;}

/* layout */
.two-col #main-content {min-height: 200px; width:685px; background:#fff; float:left; margin-right: 20px;}
.full-width #main-content {/*min-height:400px;*/}
#sidebar {min-height:200px; width:215px; float:left;}
#page {padding: 0;}
#article-content {font-size:14px;}
#article-twocol {width: 100%;}
#article-left {width: 335px; margin-right: 15px; clear: none; float: left;}
#article-right {width: 335px; float: right;}

/* main navigation */
#nav-main {width:910px; padding-right:10px; background:#b6b68b url(../images/art/nav-main-bg.png) no-repeat bottom;}
#nav-main a {padding:0; border-right:none; color:#333;}
#nav-main li a span {visibility:hidden;}
#nav-main li.dropdown-trigger a {height:38px; background: url(../images/art/nav-main-sprite2.jpg) no-repeat;}
#nav-main li.dropdown-trigger ul li a {height:auto; background:transparent;}

#nav-main li a.tv {width:105px; background-position: 0 0;}
#nav-main li a.tv:hover {background-position: 0 -37px;}
#nav-main li a.tv-selected {width:105px; background: url(../images/art/nav-main-sprite2.jpg) 0 -37px no-repeat;}

#nav-main li a.tc {width:128px; background-position: -105px 0;}
#nav-main li a.tc:hover {background-position: -105px -37px;}
#nav-main li a.tc-selected {width:128px; background: url(../images/art/nav-main-sprite2.jpg) -105px -37px no-repeat;}

#nav-main li a.tf {width:124px; background-position: -233px 0;}
#nav-main li a.tf:hover {background-position: -233px -37px;}
#nav-main li a.tf-selected {width:124px; background: url(../images/art/nav-main-sprite2.jpg) -233px -37px no-repeat;}


#nav-main li a.wt {width:108px; background-position: -357px 0;}
#nav-main li a.wt:hover {background-position: -357px -37px;}
#nav-main li a.wt-selected {width:108px; background: url(../images/art/nav-main-sprite2.jpg) -357px -37px no-repeat;}


#nav-main li a.it {width:70px; background-position: -465px 0;}
#nav-main li a.it:hover {background-position: -465px -37px;}
#nav-main li a.it-selected {width:70px; background: url(../images/art/nav-main-sprite2.jpg) -465px -37px;}

#nav-main li a.sw {width:70px; background-position: -535px 0;}
#nav-main li a.sw:hover {background-position: -535px -37px;}
#nav-main li a.sw-selected {width:70px; background: url(../images/art/nav-main-sprite2.jpg) -535px -37px;}

#nav-main li a.g {width:50px; background-position: -605px 0;}
#nav-main li a.g:hover {background-position: -605px -37px;}
#nav-main li a.g-selected {width:50px; background:url(../images/art/nav-main-sprite2.jpg) -605px -37px;}

/* drop-down */
#nav-main ul li:hover a {color:#333}
#nav-main ul li ul {/*width:auto;*/ background:#d1d19e; background:rgba(209,209,160,0.95); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.6); -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.6); border-top:1px solid #e7e7cf; padding:4px 0 5px 0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
#nav-main ul li ul li a {border-top: 1px solid transparent; border-bottom:1px solid transparent; font-weight:normal; padding:4px 10px 4px 15px;}
#nav-main ul li ul li a:hover {border-top:#9a9a77 solid 1px; border-bottom:#dfdfbb solid 1px; background: url(../images/art/nav-man-sec-hover.png) 0 0 repeat-x; color:#fff;}

/* sub navigation - tip */
#nav-sub {overflow:hidden; width:900px; height:80px; position:relative; margin:0 10px; padding:0;}
#nav-sub ul {margin:0; padding:0; width:900px; overflow:hidden;}
#nav-sub li {list-style-type:none; float:left;}

#nav-sub a {text-decoration:none; display:block; height:80px; width:90px; margin:0; background: url(/images/art/teaspills-sprite-2.jpg) no-repeat;}

#nav-sub a.bt {background-position: -15px -40px;}
#nav-sub a.ot {background-position: -101px -40px;}
#nav-sub a.gr {background-position: -190px -40px;}
#nav-sub a.wt {background-position: -280px -40px;}
#nav-sub a.ht {background-position: -369px -40px;}
#nav-sub a.rb {background-position: -458px -40px;}
#nav-sub a.go {background-position: -548px -40px;}
#nav-sub a.hb {background-position: -638px -40px;}
#nav-sub a.dc {background-position: -728px -40px;}
#nav-sub a.og {background-position: -818px -40px;}

#nav-sub a.bt:hover {background-position: -15px -160px;}
#nav-sub a.ot:hover {background-position: -101px -160px;}
#nav-sub a.gr:hover {background-position: -190px -160px;}
#nav-sub a.wt:hover {background-position: -280px -160px;}
#nav-sub a.ht:hover {background-position: -369px -160px;}
#nav-sub a.rb:hover {background-position: -458px -160px;}
#nav-sub a.go:hover {background-position: -548px -160px;}
#nav-sub a.hb:hover {background-position: -638px -160px;}
#nav-sub a.dc:hover {background-position: -728px -160px;}
#nav-sub a.og:hover {background-position: -818px -160px;}

#nav-sub a span {display:none;}
#tip {z-index:20; display:none; background:transparent url(../images/art/tooltip-alpha.png); font-size:11px; height:84px; width:188px; padding:20px 15px 10px 18px; color:#fff;}
#tip h3 {padding:1px 0 1px 0; margin:0; font-size:13px;}



/* #nav-secondary ul li */
#nav-secondary ul li {border:none;}
#nav-secondary ul li a {padding-left:30px; background:url(../images/art/nav-bullet.png) 11px 5px  no-repeat;}
#nav-secondary ul li a:hover {background:url(../images/art/nav-bullet.png)  11px 5px  no-repeat; color:#006699; text-decoration:underline;} 
#nav-secondary ul li a.selected, #nav-secondary ul li a.selected:hover {background:url(../images/art/nav-bullet.png) 11px 5px no-repeat; color:#006699; font-weight:bold;}

ul#breadcrumbs {padding:0; margin:10px 0; border:none;}
ul#breadcrumbs li {padding:0; }
ul#breadcrumbs a {color: #006699; padding:3px 7px 3px 15px; background: url(../images/art/bc-arrow.png) left top no-repeat;}
ul#breadcrumbs a:hover {color:#006699;}
ul#breadcrumbs a.home {padding-right:15px; background: url(../images/art/bc-house.png) top left no-repeat;}
ul#breadcrumbs a.home:hover {text-decoration:none;}

/* search */
#search-box {float:right; width:240px; text-align:right; margin-top:7px;}
#search-box input[type="text"] {width:158px; color:#666; font-size:12px; height:15px; padding: 2px 3px 3px 3px; vertical-align:top;}

/* footer */
#page-bottom {position:relative; margin-top:20px; height:85px; background: url(../images/art/page-bottom.png) bottom no-repeat;}
#req-catalog {position:absolute; right:35px; bottom:25px;}
#req-catalog a {font-size:16px; text-decoration:none; font-weight:bold;}
#req-catalog a:hover {text-decoration:underline;}

#nl-wrap {position:absolute; right:275px; top:42px; z-index:4}
#nl-wrap input[type="text"] {color: #666666; font-size: 13px; height: 16px; line-height: 16px; margin: 2px; padding: 4px 3px; width: 165px;}

#footer {color:#333; text-align:left;  font-size:11px;  background:#fff; margin-top:15px;}
#footer a {color:#006699; font-weight:bold;}
#footer img.footer-logo {display:block; margin: 10px auto;} 
#footer p {color:#999; text-align:center; font-size:12px; margin:0;}
#footer li {display:block; text-align:left;}
.footer-links {float:left; width: 177px; margin:0 0 10px 0;}
#footer h3 {margin: 0;}
#footer ul {padding:0 25px 15px 0;}
#footer ul li {line-height: 1.8}
#legal {clear:left; border-top: 1px #ccc dotted; padding: 10px 0 0 0; }

/* social-sidebar */
#social-sidebar {padding: 0 0 10px;}
#social-sidebar p {padding:10px;}
#social-sidebar a {text-decoration:none;}
#social-sidebar a:hover {text-decoration:underline;}
#social-sidebar a img {float:left; display:block; margin:0 14px 0 5px;}
#social-sidebar p {margin:0; float:left; width:125px; font-weight:bold; padding:0;}
#social-sidebar li {margin: 10px 0 0 10px; }

ul.social-sidebar {overflow:hidden; position:absolute; left:0; bottom:10px; margin:0 0 0 160px; padding:0;}
ul.social-sidebar li {float:left; margin-right:10px;}
ul.social-sidebar li a {display:block; float:left; margin-bottom:6px;}

/* recently-viewed */
#recently-viewed {padding: 0 0 10px 0;}
#recently-viewed p {padding:10px;}
#recently-viewed a {text-decoration:none;}
#recently-viewed a:hover {text-decoration:underline;}
.recently-viewed-item {width:100%; overflow:hidden; margin:15px 0;}
.recently-viewed-item a img {float:left; display:block; margin:0 14px 0 18px;}
#recently-viewed .recently-viewed-item p {margin:0; float:left; width:125px; font-weight:bold; padding:0;}

.msg-alert {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#grid-control {background:none; border-bottom:1px solid #d6d6d6;}
.widget-box {padding: 0 0 15px 0; margin: 0 0 20px 0; border: 1px solid #ebebeb; -moz-border-radius:5px; -webkit-border-radius:5px;}
.widget-box h3 {border-bottom: 5px solid #ebebeb; padding: 0 10px 10px 10px}
.sidebar-promo {padding: 10px 0 0px 5px; margin: 0 0 20px 0; border: 1px solid #ebebeb; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* home page slide show */
#home-main-slideshow {background:#fff; width:920px; height:360px; border-top: 10px solid #fff;}
ul#slideshow {padding:0; margin:0; width:920px; height:360px; overflow:hidden;}
ul#slideshow li {padding:0; margin:0; width:920px; height:360px; /* position:absolute; top:0: left:0; opacity:0;*/}
ul#slideshow li h3 {margin:20px; color:#fff;}

.bx-next { position: absolute; top: 40%; right: -50px; z-index: 999; width: 30px; height: 30px; text-indent: -999999px; background: url(gray_next.png) no-repeat 0 -30px; }
.bx-prev { position: absolute; top: 40%; left: -50px; z-index: 999; width: 30px; height: 30px; text-indent: -999999px; background: url(gray_prev.png) no-repeat 0 -30px; }
.bx-auto .start { background: url(gray_auto.png) no-repeat 0 2px; padding-left: 13px; }
.bx-auto .stop { background: url(gray_auto.png) no-repeat 0 -14px; padding-left: 13px; }

.bx-next:hover,
.bx-prev:hover { background-position: 0 0; }
.bx-pager .pager-active,
.bx-pager a:hover { background-position: 0 0; }

.bx-captions { text-align: center; font-size: 12px; padding: 7px 0; color: #666; }
.bx-auto { text-align: center; padding-top: 15px; }
.bx-auto a { color: #666; font-size: 12px; }

.bx-pager {box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; position:absolute; background:#444; border:1px solid #666; bottom:15px; left:15px; border-radius:4px; -moz-border-radius:4px; padding:7px; overflow:hidden; z-index:100;}
.bx-pager a { color:#fff; text-decoration:none; float:left; display:block; margin-left:5px; color:#fff; padding:3px 7px 3px 7px; font-size:12px; zoom:1;}
.bx-pager a:first-child {margin-left:0;}
.bx-pager a:hover {background:#666; border-radius:4px; -moz-border-radius:4px;}
.bx-pager a.pager-active {background:#c5851d; color:#fff; border-radius:4px; -moz-border-radius:4px; box-shadow:inset 0 0 1px #000;}

/* home */
#syndicated-content {margin:20px 0; overflow:hidden; width:100%;}
#syndicated-content a {font-weight:bold; text-decoration:none;}
#syndicated-content a:hover {text-decoration:underline;}
#syndicated-content h2 {border-bottom: 1px solid #e5e5e5; padding: 0 0 5px 0; margin:0 0 15px 0;}
#syndicated-news {float:left; width:607px; overflow:hidden;}
#syndicated-discover {float:right; width:293px;}
#syndicated-mainarticle {float:right; width:270px; color:#333;}
#syndicated-mainarticle h3 {font-size:24px; color:#006699; margin:0 0 3px 0; line-height:1;}
p#syndicated-byline {color:#666; margin:3px 0 10px 0;}
p#syndicated-byline span {color:#006699; font-weight:bold;}
#syndicated-discover ul {margin:10px 0;}
#syndicated-discover h3 {margin-bottom:0; ont-size:18px; margin:0;}
#syndicated-discover p {margin:0;}
#syndicated-discover ul li {line-height:1.3; border-bottom: 1px solid #e5e5e5; padding:15px 0;}
#syndicated-discover ul li:first-child {padding-top:0;}
#syndicated-blog {float:right; width:100%;}
#syndicated-blog ul {margin:0 0;}
#syndicated-blog h3 {margin-bottom:0; font-size:18px; margin:0;}
#syndicated-blog p {margin:0;}
#syndicated-blog ul li {line-height:1.3; padding:10px 0;}
#syndicated-blog ul li:first-child {padding-top:0;}
#syndicated-blog a {font-size: 16px;}


#home-promos {margin:20px 0 15px 0; width:100%; overflow:hidden;}
#home-promos .promo {width:293px; height:240px; float:left;}
#home-promos .promo a img {display:block;}
#home-promos .promo .promo-copy {background:#333300; color:#fff; height:43px; padding:12px 15px;}
#home-promos .promo .promo-copy a {color:#fff; text-decoration:none;}
#home-promos .promo .promo-copy a:hover {text-decoration:underline;}
#home-promos .promo .promo-copy p {margin:0;}
#home-promos .promo .promo-copy h3 {margin:0;}
#promo-one {background:#ccc; margin-right:21px;}
#promo-two {background:#ccc; margin-right:20px;}
#promo-three {background:#ccc;}

/* category */
#grid-control {padding:5px 0 5px 0px; margin:0 0 15px 0; width:100%; overflow:hidden;}
img.cat-head-image {margin:0;}

/* category landing specific */

#landing {width:920px;height: 350px; padding: 20px 0 0 0;}
#landing-leftcol {width: 390px; float: left;}
#landing-rightcol {width: 520px; float: right;}
#landing-img {height: 330px;}
#landing-head {height: 200px;}
#landing-text {padding: 0px 40px 0 50px; color: #660000;}
.landing-text {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 200; line-height: 1.1em;}
.landing-img {padding: 0 0 0 0; border: none; margin: 0 0 0 0;display:block;}

/* paging */
#paging {padding:0;}
#paging ul { padding:0; margin:0;}
#paging ul li {display:inline;}
#paging ul li a {display:block; float:left; border:none; padding:2px 6px; margin:0 1px;}
#paging ul li a.currentpage {color:#fff; border:none; background:#006699; font-weight:bold}
#paging ul li a.currentpage:hover {background:#006699; color:#fff; }
#paging ul li a:hover {color:#006699; background:#F0F7F9;}
#paging ul li span {display:block; padding:2px 0 0 8px; float:left;}

/* sorting */
#sorting {padding:2px 0; font-weight:bold;}
#sorting label {color:#999; float:left; padding:0; margin-right:20px;}
#sorting ul {margin:0; float:left;}
#sorting ul li {display:inline; padding-right:10px;}
#sorting ul li a {text-decoration:none;}

/* category tabs */
#cat-tabs {background: url(../images/art/cat-tabs-top.png) bottom no-repeat; width:100%; overflow:hidden; padding-bottom:4px;}
#cat-tabs a {text-decoration: none;}
#cat-tabs #cat-tabs-selected {line-height:1; font-weight:bold; background:url(../images/art/cat-tab-bg.png) 0 0 no-repeat; padding:12px 0 6px 0; width:164px; float:left; height:20px; text-align:center; margin: 0 0 0 10px;}
/*#cat-tabs #cat-tabs-selected {line-height:1; font-weight:bold; background:url(../images/art/tab-prod-sel-bg.png) 0 0 no-repeat; padding:12px 0 6px 0; width:138px; float:left; height:20px; text-align:center; margin: 0 0 0 10px;}
*/
#cat-tabs ul {padding:0; margin:0; float:left; /*width:425px;*/}
#cat-tabs p#grid-view-all {padding-top:15px; margin:0; float:right;}
#cat-tabs ul li {display:inline;}
#cat-tabs ul li a {color:#333; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #bccab7; border-bottom:none; display:block; background:#eaf2e7; float:left; padding:9px 5px 1px 5px; margin:5px 2px 0 2px; height:21px; line-height:1;}
#cat-tabs ul li a:hover {background:#ddefd6;}

#cat-tabs-body {background: url(../images/art/cat-tabs-body.png) left top repeat-y; padding:10px 0 0 3px;}
#cat-tabs-bot {background: url(../images/art/cat-tabs-bot.png) bottom no-repeat; height:6px;}

/* product grid */
.prod-wrap {width:210px; height:270px; text-align:center;}
.prod-wrap:hover {border-color:#fff;}
.prod-wrap a.prod-img {border: 1px solid #fff; }
.prod-wrap img {width:75px; height:75px; background:#efefef; padding:0;}
.prod-name {font-size:15px; height:35px;}
.prod-price {font-size:16px; height:40px;}
p.more {font-size:11px; margin:0 0 5px 0;}
p.more a {text-decoration:none;}
.sale {color:#cc0000}
.oldprice {margin:0; font-size:13px; color:#666; text-decoration:line-through;}
.prod-assccat {border-top: none;}
.prod-assccat a {text-decoration:none;}
img.violator {left: 0; top: 0; right: 0; z-index: 10; width: 50px; height: 50px;  margin: 0 -70px 0 20px; padding: 0 0 0 0; float: left; display: block;}
#prod-wrap #review-summary {width:85px; margin:5px auto; overflow:hidden; padding:0;} 


.btn-sprite a {color:#fff; display:block; font-weight:bold; text-decoration:none; background:url(../images/art/btn-sprite.gif) 0 0 no-repeat;}
.btn-sprite a {line-height:1; padding:7px 0; height:15px; width:82px; margin:0 auto;}
.btn-sprite a:hover {background:url(../images/art/btn-sprite.gif) 0 -29px no-repeat;}
.btn-hide {color:#660000; display:block; font-weight:bold; text-decoration:none; background:url(../images/art/gray-button-bg.gif) 0 0 no-repeat;}
.btn-hide {line-height:1; padding:7px 0; height:15px; width:82px; margin:0 auto;}

/* product details */
#prod-addtocart-top {text-align:right; border-bottom: 1px solid #ccc; padding:2px 0;}
#prod-addtocart-bot {text-align:right; padding:5px 0;}
input#qty {width:30px; margin-bottom:15px;}
#prod-det-wrap {background:#f4f5f5; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:auto; width:auto; margin:50px 0 20px 0;}
#prod-det-images {position:relative; float:left; width:270px; margin-right:20px;}
#prod-det-images img.prodimage {display:block; background:#fff; width:200px; height:200px; border-color:#ccc; border-width:medium; border-style:double; padding:0 0;}

#prod-image-wrap {position:relative; width:206px; margin:0;}
#prod-image-wrap #zoom-icon {position:absolute; margin:0; right:2px; bottom:2px; z-index:10; background:url(../images/art/icon-enlarge.gif) 0 0 no-repeat; height:15px; width:15px;}
#prod-swatch-wrap {padding:0; position:absolute; right:0; top:0; width:56px; margin:0;} 
.prod-swatch {margin-bottom:8px; border:medium double #CCCCCC; width:50px; height:50px;}
.prod-swatch img {display:block; margin:5px auto;}
#prod-details {float:left; width:355px; margin:0;}
#prod-details p {margin: 0 0 15px 0;}
#prod-details img {margin:0 10px 0 0; display:block; float:left;}
#prod-details p {font-size:14px;}
#prod-details p a {text-decoration:none; font-weight:bold; color: #006699; font-size:12px;}
#prod-grid {margin:0;}
#prod-grid td {vertical-align: top; padding:8px;}
#prod-grid h2 {margin-bottom:0;}
#prod-grid h4 {margin:0 0 5px 0; text-transform:uppercase;}
p.item-num {margin-top:0; font-size:12px; color:#666;}
#prod-grid .btn-addtocart {margin:10px 20px 5px 0; display:block;}
#prod-grid p {margin: 0 0 0 0;}
.prod-package {font-size: 11px; font-style: italic; margin: 7px 0 0 0; padding: 0 0 8px 0;}

#pack-name {font-size:14px; margin:7px 0;}

#pack-name {text-decoration:none; display:block; margin:0; font-weight: bold; color: #333;}
#pack-name em {text-decoration:none; display:block; margin:0; font-size: 10px; font-weight: normal; color: #333;}
#pack-name a {text-decoration:none; display:block; margin:0; font-size: 14px; color: #333;}

#bottompage-wrap {margin-bottom:15px;}

/* Product Page Boxes */
#normal-box {width: 375px; width:100%; margin: 20px 0 0 0;}
#social-box {width: 275px; float: left; margin: 20px 0 0 0;}

/* Package Type Image Hovers */

.gallerycontainer{position: relative;}

.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F4F5F5;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img a { /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 20px;
left: 125px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* Side Crosssells */
#crosssells-side {padding: 0 0 10px 0;}
#crosssells-side p {padding:10px;}
#crosssells-side a {text-decoration:none;}
#crosssells-side a:hover {text-decoration:underline;}
.crosssells-side-item {width:100%; overflow:hidden; margin:15px 0;}
.crosssells-side-item a img {display:block; margin:0 14px 0 70px;}
#crosssells-side .crosssells-side-item p {margin:0; float:left; width:195px; font-weight:bold; padding:0; text-align: center; margin: 0 10px 0 10px;}

.invstatus-soldout-disc, .invstatus-soldout-temp, .invstatus-soldout-season, .invstatus-soldout {color:#CC0000; font-weight:bold; margin-top:5px;}
.invstatus-soldout-disc span, .invstatus-soldout-temp span, .invstatus-soldout-season span, .invstatus-soldout span {font-weight:normal; font-style:italic;}
.invstatus-availlater, .invstatus-unavail, .invstatus-instock {color:#666; font-weight:bold; margin-top:5px;}
.invstatus-availlater span, .invstatus-unavail span, .invstatus-instock span {font-weight:normal; font-style:italic;}

.prod-det-buy {border-bottom:1px dotted #ccc;}

#product-social-buttons {margin:20px 10px 15px 5px;}
#fb-like {margin: 10px 0;}
#tw-like {margin: 10px 0; height: auto;}
#fb-reco {margin-top: 10px; margin-left:0px; overflow: hidden; min-height: 100%;}

#cert-logos {margin:10px 0; overflow:hidden; width:100%;}
#cert-logos img {padding: 0 4px 0 0px; width: 35px;}
h2.display-name  {font-size:14px; margin:7px 0;}
.prod-head {border-bottom: 5px solid #F4F5F5;}
h3.prod-head {font-size: 16px; padding-left: 0px; }

/* product tabs */
#product-tabs {margin:10px 0 0 0;}
#tab-top {background: url(../images/art/cat-tabs-top.png) no-repeat 0 0; height:5px;}
.ui-tabs {padding:0 0 5px 0;}
.ui-tabs .ui-tabs-panel {padding:15px 20px; overflow:hidden;}
.ui-tabs .ui-tabs-panel {background: url(../images/art/cat-tabs-body.png) repeat-y  0 0;}
.ui-tabs {background: url(../images/art/cat-tabs-bot.png) no-repeat bottom left;}
.ui-widget-content {border:none;}
.ui-tabs .ui-tabs-nav {padding:0; background:none;}
.ui-widget-header {border:none;}

.ui-tabs .ui-tabs-nav li {margin:0 0 0 5px; }
.ui-tabs .ui-tabs-nav li a {color:#000; font-weight:bold; width:128px; text-align:center; padding:12px 5px 8px 5px; height:17px;}
.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-selected  {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background: url(../images/art/tab-prod-sel-bg.png) 0 0 no-repeat; padding:0; border:none;}
.ui-state-default, .ui-widget-content .ui-state-default {border:none; background:#eaf2e7; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.ui-tabs-panel h3 {margin-top:0; border-bottom: #838383 4px solid; font-size:18px; padding:5px 0;}
.ui-tabs-panel h4 {text-transform:uppercase; font-size:10px; margin:0 0 3px 0; font-size:12px;}
.ui-tabs-panel p {font-size:11px; margin:3px 0 15px 0; font-size:12px;}
.ui-tabs-panel div {}
.ui-tabs-panel div.tab-col-first {width:280px; float:left; margin-right:10px;} 
.ui-tabs-panel div.tab-col-second {width:170px; float:left; margin-right:10px;}
.ui-tabs-panel div.tab-col-third {width:165px; margin-right:0; float:left;}

.ui-widget {font-family:Arial, Helvetica, sans-serif;}
.ui-tabs .ui-tabs-nav li > a {font-size:12px;}
.ui-tabs .ui-tabs-nav li {margin:0 0 1px 5px;}

/* cart */
#cart-top {margin-top:10px; height:42px; position:relative; background: url(../images/art/cart-top-bg.png) 0 0 repeat-y ;}
#cart-top div {position:absolute; bottom:13px; font-weight:bold;}
#cart-top #ch-desc {left:20px;}
#cart-top #ch-price {left:245px;}
#cart-top #ch-qty {right:180px}
#cart-top #ch-tot {right:81px;}

table.cart-grid {background: url(../images/art/cat-tabs-body.png) repeat-y 0 0;}
table.cart-grid h2 {margin:0;}
table.cart-grid h2 a {color:#333;}
table.cart-grid h2 a:hover {text-decoration:none}
table.cart-grid a {text-decoration:none;}
table.cart-grid a:hover {text-decoration:underline;}

table.cart-grid td {padding:10px 20px; border-top:1px dotted #ccc;}
table.cart-grid tr.alt {}
tr.alt {background:none;}
table.cart-grid {margin:0; }
#cart-bottom {position:relative; height:50px; background:url(../images/art/cart-bot-bg.png) 0 0 no-repeat;}
#cart-bottom input {position:absolute; bottom:10px; right:5px;}
a.cart-remove {color:#f37321;}

#cart-buttons {width:100%; overflow:hidden; margin:15px 0 5px 0;}
#cart-buttons a, .checkout a  {text-decoration:none;}
#cart-buttons .continue, #page-summary .continue {float:left;}
#cart-buttons .continue a, #page-summary .continue a {text-decoration:none; width:112px; height:17px; padding:7px 5px 3px 15px; color:#666; background:url(../images/art/cont-shop-bg.png) 0 0 no-repeat; line-height:1; font-weight:bold; display:block;}
#cart-buttons .checkout, #cart-summary .checkout {float:right; text-align:center; clear:right;}
#cart-buttons .checkout a, #cart-summary .checkout a {line-height:1; color:#fff; font-weight:bold; display:block; padding:8px 0; height:12px; width:212px; background: url(../images/art/btn-large-sprite.png) 0 0 no-repeat;}
#cart-buttons .checkout a:hover, #cart-summary .checkout a:hover {background: url(../images/art/btn-large-sprite.png) 0 -28px no-repeat;}

#cart-summary {width:100%; overflow:hidden; margin:15px 0;}
#cart-offer {float:left; width:435px; background:#f1f1e5; padding:10px;}
#cart-offer h2 {margin:0}
#cart-offer p {margin:0 0 10px 0;}
#cart-offer-inner {padding:10px 20px; border:1px solid #dfdfc2;}
#cart-offer input#keycode {margin-right:2px}

#cart-summary-total {float:right; width:212px;}
#cart-summary-total h2 {margin-bottom:0; font-size:34px;}
#cart-summary-total p {margin:0; padding:0 0 3px 0;}
#cart-summary-total p.cart-label {border-bottom:1px dotted #ccc; color:#333; font-weight:bold;}
#cart-summary-total p.cart-label-tax {border-bottom:1px dotted #ccc; font-style:italic; color:#666;}
#cart-summary-total a {margin:10px 0; display:block; text-decoration:none; font-weight:bold;}
#cart-summary-total a:hover {text-decoration:underline;}

#ship-to {margin:15px 0 0 0;}
#ship-to p {margin:5px 0;}
#ship-to-add {display:none;}
#ship-to select {padding:2px; font-size:12px;}
#ship-to input[type="text"] {font-size:12px; padding:2px;}

/* checkout */
#page-checkout {position:relative; padding:0;}
#page-checkout h2 {background:#fff; border-bottom:3px solid #ebebeb; font-size:26px; padding:5px 0; margin:10px 0 10px 0;}  
#page-checkout h3 {margin: 10px 0; border-bottom:1px solid #ebebeb; padding:5px 0;}
#page-checkout h4 span {font-weight:normal;}
h3#need-help {margin-bottom:0; border-bottom:none; padding:0; font-size:18px;}
#page-checkout p {margin: 0 0 10px 0;}
#checkout-buttons-top {position:absolute; right:0; top:16px;}
#checkout-buttons {padding:10px 0 0 0; text-align:right; border-top:1px solid #d6d6d6; margin-top:10px;}
#check-logos-footer {float:left;}
#cart-logos {display: inline; float: right; margin: 10px 20px 0 10px; clear: none;}
#opt-prefill {height:100px; padding:10px 20px; background:url(../images/art/opt-prefill-bg.png) repeat-y 0 0; width:880px; overflow:hidden;}
#opt-prefill h3 {margin:0 0 10px 0; padding:0; border-bottom:none; font-size:14px;}
#opt-prefill h3 span {font-size:12px; color:#666; font-weight:normal;}
.opt-prefill-field {float:left; width:220px;}
.opt-prefill-field label {display:block; text-align:left; padding:0 0 3px 0;}
.opt-prefill-field input[type="text"], .opt-prefill-field input[type="password"] {width:200px; border:1px solid #ccc; padding:3px; font-size:12px}
#opt-prefill #btn-fill {float:left; width:120px; padding:20px 0 0 0;}
#opt-prefill p {float:left; width:150px; padding:20px 0 0 0;}
#opt-prefill p a {text-decoration:none;}
#create-account {padding:10px 10px 15px 10px; background:#f2f2f2; width:400px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#create-account label {width:140px; margin:0; display:block}
#create-account .field input {margin:0;}
#create-account .field {width:275px;}
#same-billing {padding:6px 9px; background:#f2f2f2; width:400px; margin:0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#same-billing label {font-weight:normal; margin:0 6px;}
#page-checkout textarea {color:#666; font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:3px;}
#CheckOutCartItemsContent table.border {margin:0;}
.checkout-items-shipto {background:#ebebeb; margin:0;}
.checkout-items-shipto td {padding:10px}
.checkout-items-shipto td h4 {margin:0; padding:0; font-size:14px;}
.checkout-items-shipto-totcol {background:#dfdfdf;}
p.checkout-prod-itemnum {font-weight:bold;}
p.checkout-prod-name {color:#006699; font-weight:bold;}

#CheckOutCartItemsContent h3 {background:#efefef; padding:10px;}
.checkout-items td, .checkout-items th, .checkout-items-total td {padding:10px;}
#page-checkout .checkout-items p, #page-summary .checkout-items p  {margin:0 0 2px 0;}
.checkout-items th {border-bottom:1px solid #ccc; color:#000; background:#fff;}
.checkout-items {border-bottom:1px dotted #ccc; color:#000; margin:0;}
td.col-total, th.col-total {background:#f2f2f2; font-weight:bold;}
#page-checkout #cart-offer {width:165px; float:none; padding:5px;display:block;}
#page-checkout #cart-offer label {padding:5px 0 3px 0; display:block; text-align:left; font-weight:normal;}
#page-checkout #cart-offer input[type="image"] {margin:5px 0;}
#page-checkout #cart-offer-inner {padding:10px;}

/* summary */
#page-summary {position:relative; padding:0;}
#page-summary h2 {background:#fff; border-bottom:3px solid #ebebeb; font-size:26px; padding:5px 0;} 
#page-summary h3 {margin: 10px 0 0 0;}
#page-summary p {margin-top:2px;}
#summary-buttons {width:100%; overflow:hidden; margin-top:20px;}
#summary-buttons-top {/*position:absolute; right:0; top:138px;*/ float:right;}
.btn-print {float:right}

.checkout-items-total {margin:0;}
td.col-total-labels  {border-bottom:1px dotted #ccc;}
#page-summary .checkout-items-total h3, #page-checkout .checkout-items-total h3 {font-size:34px; margin:0; padding:0; border:none; background:none;}
.checkout-items-total h4 {font-size:16px;}

/* login */
#loginreg-wrap {width:100%; overflow:hidden;}
#loginreg-login {float:left; width:400px; padding:10px 20px; background:#EBEBEB; margin-left:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#loginreg-login .field {width:300px; margin-bottom:5px;}
#loginreg-register label span {color:#666; font-size:11px; padding-left:5px;}
#loginreg-login label, #loginreg-login input {margin:0;}
#loginreg-register {float:left; width:460px; background:#fff;}  


/* base rich relevance cross sells */
#rr-cross-sells {overflow:hidden; margin:0 0 20px 0; width:100%; /*width:170px;*/}
#rr-cross-sells h3 {}
  .rr-cross-sell-item {float:left; margin:5px; width:160px; text-align:center; background:#fff; }
    .rr-cross-sell-item img { width:100px; display:block; margin:5px auto;}
    .rr-cross-sell-item div {margin:3px 0;}
    .rr-cross-sell-name {height:35px;}
        .rr-cross-sell-name a {text-decoration:none;}
        .rr-cross-sell-name a:hover {text-decoration:underline;}
    .rr-cross-sell-buyarea {}
    .rr-cross-sell-price {font-weight:bold;}
    .rr-cross-sell-buy a {font-weight:bold; width:50%; margin: 10px auto 5px auto; text-decoration:none; padding:5px 10px; display:block; background:#eef3ff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
        .rr-cross-sell-buy a:hover {background:#0044CC; color:#fff;}

/* site specific cross sells */
.rr-cross-sell-price {display:none;}
.rr-cross-sell-buy a {color:#fff; display:block; font-weight:bold; text-decoration:none; background:url(../images/art/btn-sprite.gif) 0 0 no-repeat;}
.rr-cross-sell-buy a {line-height:1; padding:7px 0; height:15px; width:82px; margin:0 auto;}
.rr-cross-sell-buy a:hover {background:url(../images/art/btn-sprite.gif) 0 -29px no-repeat;}
.rr-cross-sell-item .rr-cross-sell-name {margin:10px 0;}
.rr-cross-sell-item .rr-cross-sell-name a {font-weight:bold;}

#rr-sidebar-wrap  .rr-cross-sell-item {width:100%; margin:10px 0 15px 0;}
#rr-sidebar-wrap .rr-cross-sell-item .rr-cross-sell-name {margin:5px 10px;}

/* product reviews */
#page-dialog {padding:10px; background:#fff;  min-height:580px;}
#fancybox-inner body {background:#fff;}

#review-summary {padding:0; overflow:hidden; margin:0 0 10px 0;}
.grid-prod-wrap #review-summary {margin:0 auto;}
.prod-wrap #review-summary {margin:5px auto; width:85px; height:16px;}
#review-summary h2 {margin:0;}
#review-summary h2 span {font-weight:normal}
#product-tabs #review-summary h3 {margin:0; padding:5px 0; border:0; font-size:14px;}
#review-summary-body {overflow:hidden; background:#fff; border-top:none;}
#review-summary ul {margin: 0 auto; overflow:hidden; width:100%; padding:0;}
#reviews-wrap a {text-decoration:none; color:#006699;}
#review-summary ul li {margin-right:10px; display:block; float:left; line-height:1.2;}
#review-summary ul li span {visibility:hidden;}
#review-summary-tab {background:#efefef; padding-bottom:10px;}
#review-summary-tab #review-summary {margin:10px 0 ;padding:0 15px;}
#review-summary-tab p {margin:3px 0; padding:0 15px;}
#review-summary .support-text {color:#666; visibility:visible;}
#review-summary .rating-question-wrap {width:100%; overflow:hidden; margin-top:10px;}
#review-summary .rating-question {float:left; width:220px; margin-right:5px; min-height:85px;}
#review-summary .rating-answer-wrap {overflow:hidden; width:100%; margin:2px 0; font-size:11px;}
#review-summary .rating-answer {float:left; width:75px; margin-right:5px; vertical-align:middle;  height:15px;}
#review-summary .rating-bar-wrap {float:left; background:#ccc; color:#fff; width:115px; height:15px; vertical-align:middle;}
#review-summary .rating-bar-precentage {background:#C00000; padding-left:5px; }
#prod-details #review-summary p {margin:3px 0;}
#prod-details #review-summary p a {font-size:11px; font-weight:normal; margin:5px 0;}


.ui-tabs-panel h2, #reviews-wrap h2 {background:#efefef; padding:5px 10px;}
.ui-tabs-panel #review-summary {width:auto; border-bottom: dotted #ccc 1px; padding:0;}
.ui-tabs-panel #prod-details #review-summary {border:0;}
.ui-tabs-panel #review-summary a {color:#006699; text-decoration:none;}
.ratings {width:85px; height:16px; display:block; background: url(../images/art/star-ratings-sprite.png) 0 0 no-repeat;}
.stars-5 {background-position: 0 0;}
.stars-4 {background-position: -17px 0;} 
.stars-3 {background-position: -34px 0;}
.stars-2 {background-position: -51px 0;}
.stars-1 {background-position: -68px 0;}
.stars-0 {background-position: -85px 0;}

.ui-tabs-nav span.ratings span {visibility:hidden;}
.ui-tabs-nav span.ratings {float:left; margin:0 3px;}
.ui-tabs-nav span.rvw-lbl {float:left; margin-left:5px;}

.review-item {padding:0;}
#page-dialog .review-item {border-bottom:1px solid #efefef;}
#page-dialog h1 {margin:0;}
#page-dialog .field label {width:100px;}
#page-dialog .field select {width: 233px;}
.review-item table {}
.review-item table td {vertical-align:top; padding:0;}

.ui-widget-content .review-item p.review-item-rating,  .review-item p.review-item-rating {margin:0 0 5px 0; padding:0; overflow: hidden; width:100%;}

.review-item h3 {margin:10px 0 5px 0;}
.ui-widget-content p.review-item-meta, p.review-item-meta {font-size:11px; margin:0; line-height:1.2;}
.ui-widget-content p.review-item-rating {padding:5px 0; margin:5px 0 0 0; overflow:hidden; width:100%;}
.review-item-rating span.ratings span {visibility:hidden;}
.review-item-title {float:left; font-weight:bold; padding-left:10px;}
.review-item-body {margin:0 0 10px 0;}
.ratings {float:left}
.review-item-summary {margin:2px 0 10px 0; font-size:11px;}
.review-item-summary p {margin:0;}

ul#review-links {float:right; margin:5px 0;}
ul#review-links li {display:block; font-size:11px; float:none; line-height:1.3;}
ul#review-links a {color:#006699; text-decoration:none;}

.package-types {border:1px solid #ccc; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff; -webkit-box-shadow:#666 0px 3px 5px; -moz-box-shadow:#666 0px 3px 5px; box-shadow:#666 0px 3px 5px;}
.package-types ul {overflow:hidden; margin:10px 0 20px 0;}
.package-types ul li {float:left; margin-left:5px; height: 100px;margin-right: 5px;text-align: center;width: 100px;}
div.more a {display:inline-block; font-size:11px; margin:0; padding:5px 10px; color:#006699; cursor:pointer; text-decoration:none;}

#newssignup {background-image:url(../images/art/tea-news-back.jpg); background-repeat:no-repeat; width:675px; height:850px;}
#newssignup-v2 {background-image:url(../images/art/tea-news-back-v2.jpg); background-repeat:no-repeat; width:675px; height:850px;}
#newssignup-v3 {background-image:url(../images/art/tea-news-back-v3.jpg); background-repeat:no-repeat; width:675px; height:850px;}
#newssignup-v4 {background-image:url(../images/art/tea-news-back-v4.jpg); background-repeat:no-repeat; width:675px; height:850px;}
.news-form-field {overflow:hidden; width:400px; padding:0 0 16px 2px;}
.news-form-field .news-field {float:left; width:152px;}
.news-field label {display:block; width:110px; text-align:left; padding:4px 0;}
.news-field label, .form-field input, .form-field select {float:left;}
p.news-buttons {text-align:left;}
p.news-buttons-v2 {text-align:left; padding-top:50px;}
p.news-buttons-v3 {text-align:left; padding-top:9px;}
p.news-buttons-v4 {text-align:left; padding-top:4px;}
.news-field input {width:115px;  padding:7px; color:#797b5d; border: 1px solid #868787; border-radius: 5px 5px 5px 5px; font-weight: bold;}
.news-field select {width:115px; padding:3px;}
.news-field1 input {width:268px;  padding:7px; color:#797b5d; border: 1px solid #868787; border-radius: 5px 5px 5px 5px; font-weight: bold;}
.news-field1 select {width:268px; padding:3px;}
#news-elements {position:relative; padding-top:350px;}
#newssignup-v2 #news-elements {position:relative; padding-top:360px;}
#newssignup-v3 #news-elements {position:relative; padding-top:395px;}
#newssignup-v4 #news-elements {position:relative; padding-top:450px;}