body {background: #e9e7e4 url(../images/bg-body.gif) repeat-x; color: #333;}
#wrap {background: url(../images/bg-wrap.gif) repeat-x 0 111px; width: 967px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 11.3em; position: relative; z-index: 9999;}
#header h1 a {background: url(../images/logo.gif) no-repeat; width: 168px; height: 61px; top: 13px; left: 0; position: absolute; text-indent: -9999em; outline: none;}
#header h1 a img {height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */}
#header #utility {margin: 0 0 0 150px; position: relative;}
#header #utility #greeting {width: 32%; padding: 10px 0 0 0; text-align: right; display: block; float: left;}
#header #utility #greeting span {font-size: 1.1em; padding: 0 10px 0 0;}
#header #utility #greeting a {font-size: 1.1em; font-weight: bold; text-decoration: underline;}
#header #utility #greeting a:hover {text-decoration: none;}

#header #utility ul#utilityNav {background: #767165 url(../images/bg-utilityNav_newer.gif) no-repeat; width: 513px; padding: 10px 0 7px 13px; display: block; position: relative; float: right;}
#header #utility ul#utilityNav li {color: #fff; padding: 0 0 0 2px; list-style: none; display: inline;}
#header #utility ul#utilityNav li a {color: #fff; padding: 0 1px 0 0; font-weight: bold; text-decoration: none;}
#header #utility ul#utilityNav li a:hover,#header #utility ul#utilityNav li a.selected {text-decoration: underline;}
#header #utility ul#utilityNav li.lcms a{color: #036; padding: 0 1px 0 10px; font-weight: bold; text-decoration: underline;}
#header #utility ul#utilityNav li.lcms a:hover{color: #59e; }

#header #utility form {width: 385px; margin: 14px 0 0 78px; clear: both; float: left;}
#header #utility form select {margin: 0 8px 0 0; padding: 2px 0; float: left;}
#header #utility form div.search {background: url(../images/search-bg2.jpg) no-repeat; width: 444px; height: 28px; margin: 0 5px 0 0; }
#header #utility form label {width: 18px; height: 20px; display: block; float: left; cursor: pointer;}
#header #utility form input {width: 340px; margin: 1px 0 0 10px; padding: 0; float: left; border: 1px solid #fff;}
#header #utility form button {width: 68px; height: 23px; display: block; float: left;}
#header #utility form span#advanced {padding: 3px 0 0 0; float: left; display: block;}
#header #utility form span#advanced a {text-decoration: underline;}
#header #utility form span#advanced a:hover {text-decoration: none;}
#header #utility #cart {background: url(../images/button-my_cart.gif) no-repeat; width: 137px; height: 34px; margin: 12px 0 0 0; float: right; position: relative;}
#header #utility #cart span {display: block; text-indent: -9999em;}
#header #utility #cart a {color: #231; right: 14px; width: 137px; height: 18px; margin-top:-12px; padding-top:7px; font: .75em/1.5em Verdana, Geneva, sans-serif; font-weight: bold; position: absolute; text-align:right; vertical-align:middle;}
#header #utility #checkout a {background: url(../images/button-checkout.gif) no-repeat; width: 101px; height: 34px; margin: 12px 0 0 13px; float: right; text-indent: -9999em; outline: none;}

#header ul#headerNav {width: 100%; height: 32px; clear: both; bottom: 0; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 32px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -32px;}
#header ul#headerNav li a {background: transparent; height: 32px; left: 0; position: absolute; display: block; text-indent: -9999em; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ks {background-image: url(../images/topNav/headerNav_01.png); width: 147px; left: 0px;}
#header ul#headerNav li#ks a#kslnk {width: 147px;}
#header ul#headerNav li#yh {background-image: url(../images/topNav/headerNav_02.png); width: 103px; left: 147px;}
#header ul#headerNav li#yh a#yhlnk {width: 103px;}
#header ul#headerNav li#yt {background-image: url(../images/topNav/headerNav_03.png); width: 149px; left: 250px;}
#header ul#headerNav li#yt a#ytlnk {width: 149px;}
#header ul#headerNav li#wp {background-image: url(../images/topNav/headerNav_04.png); width: 93px; left: 399px;}
#header ul#headerNav li#wp a#wplnk {width: 93px;}
#header ul#headerNav li#at {background-image: url(../images/topNav/headerNav_05.png); width: 78px; left: 492px;}
#header ul#headerNav li#at a#atlnk {width: 78px;}
#header ul#headerNav li#sp {background-image: url(../images/topNav/headerNav_06.png); width: 131px; left: 570px;}
#header ul#headerNav li#sp a#splnk {width: 131px;}
#header ul#headerNav li#pr {background-image: url(../images/topNav/headerNav_07.png); width: 104px; left: 701px;}
#header ul#headerNav li#pr a#prlnk {width: 104px;}
#header ul#headerNav li#cr {background-image: url(../images/topNav/headerNav_08.png); width: 163px; left: 805px;}
#header ul#headerNav li#cr a#crlnk {width: 110px;}
/*1st level dropdown*/
#header ul#headerNav li ul { background-color:#e9e8e4; border:solid 1px #798aa6; color: #fcc; width: 300px; height: auto; margin: 30px 0 0 0; padding: 5px 0 15px 0; left: -9999em; position: absolute; z-index: 99;}
#header ul#headerNav li ul li {width: 100%; height: auto; top: auto; display: block; float: left; position: relative;}
#header ul#headerNav li ul li a {color: #136; height: auto; padding: 2px 0 2px 25px; left: auto; display: block; font-weight: bold; font-size: 1.1em; position: relative; text-indent: 0; text-decoration: none;}
#header ul#headerNav li ul li a:hover {background: url(../images/headerNav-arrow.png) no-repeat 13px 4px; color: #59e; text-decoration: underline;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}
#header ul#headerNav li#pr:hover ul, #header ul#headerNav li#pr.iehover ul,#header ul#headerNav li#cr:hover ul, #header ul#headerNav li#cr.iehover ul {left: auto; right: 0; width:250px;}

#header ul#headerNav li.menuDivider {}
#header ul#headerNav li.menuDivider hr {margin:15px 15px 15px 25px; color:#6b6452; background-color:#6b6452; height:1px; border:none;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.png) no-repeat 8px 100%; margin: 5px 0; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 729px; margin-left: 229px; position: relative; float: left;}/*see ie.css for fixes*/
#main #inThisSection {margin: 0 0 4px 0;}
#main .categorybanner  {width:729px; height:95px;}
#main .categoryhead {width:729px;}
#main .categoryfeatures {float:right; padding: 10px 10px 20px 10px; margin-left:10px; border-left:solid 1px #999;}
#main .categoryfeatures ul { padding:0; margin:0 0 0 20px; width:150px; color:#0f3566;  font-family:Verdana, Geneva, sans-serif; font-size:1.2em; line-height:1em; font-weight:bold;}
#main .categoryfeatures li.first {font-weight:bold; font-size:1.1em; list-style:none; margin:0 0 15px -15px;}
#main .categoryfeatures li a {color:#0f3566; text-decoration:none;}
#main .categoryfeatures li a:hover {text-decoration:underline;}
#main .categorycontent { padding:15px 15px 15px 15px; font-family:Verdana, Geneva, sans-serif; font-size:1.2em; color:#000; width:500px;}
/*breadcrumbs*/
#main ul#breadcrumbs {width: 729px; padding-top:10px; float:left; margin-left: -6px;  height:25px}
.kids #main ul#breadcrumbs {background: url(../images/kids/bg-breadcrumb.gif) no-repeat;}
.youth #main ul#breadcrumbs {background: url(../images/youth/bg-breadcrumb.gif) no-repeat;}
.youngadult #main ul#breadcrumbs {background: url(../images/youngadult/bg-breadcrumb.gif) no-repeat;}
.adult #main ul#breadcrumbs {background: url(../images/adult/bg-breadcrumb.gif) no-repeat;}
.smallgroup #main ul#breadcrumbs {background: url(../images/smallgroup/bg-breadcrumb.gif) no-repeat;}
.pastor #main ul#breadcrumbs {background: url(../images/pastor/bg-breadcrumb.gif) no-repeat;}
.churchworker #main ul#breadcrumbs {background: url(../images/churchworker/bg-breadcrumb.gif) no-repeat;}
#main ul#breadcrumbs li.sectionTitle { background:none; margin-left:-3px;;}
#main ul#breadcrumbs li.sectionTitle a {color: #707b8d !important; font-size: 8pt; font-weight: normal;}
#main ul#breadcrumbs li {color: #707b8d; margin: 0 0 0 5px; display: inline; background:url(/images/sidebarNav-line01.gif); background-repeat:no-repeat; background-position:left;}
#main ul#breadcrumbs li a {color: #707b8d; font-size: 8pt; font-weight: normal; text-decoration: none; margin-left:8px; }

.last {color:#152758; font:Verdana, arial, sans-serif; font-size: 14pt; margin: 0 0 10px 0; }

/*background of sectionTitle breadcrumb*/
.kids #main ul#breadcrumbs li.sectionTitle a {background: url(../images/kids/bg-sectionTitle.gif) no-repeat 100% 0;}
.youth #main ul#breadcrumbs li.sectionTitle a {background: url(../images/youth/bg-sectionTitle.gif) no-repeat 100% 0;}
.youngadult #main ul#breadcrumbs li.sectionTitle a {background: url(../images/youngadult/bg-sectionTitle.gif) no-repeat 100% 0;}
.adult #main ul#breadcrumbs li.sectionTitle a {background: url(../images/adult/bg-sectionTitle.gif) no-repeat 100% 0;}
.smallgroup #main ul#breadcrumbs li.sectionTitle a {background: url(../images/smallgroup/bg-sectionTitle.gif) no-repeat 100% 0;}
.pastor #main ul#breadcrumbs li.sectionTitle a {background: url(../images/pastor/bg-sectionTitle.gif) no-repeat 100% 0;}
.churchworker #main ul#breadcrumbs li.sectionTitle a {background: url(../images/churchworker/bg-sectionTitle.gif) no-repeat 100% 0;}
#main ul#breadcrumbs li.first a {padding: 10px 10px 10px 0; font-size: 1.6em;}
#main ul#breadcrumbs li a:hover {text-decoration: underline;}
/*breadcrumb color*/
.kids #main ul#breadcrumbs li,.kids #main ul#breadcrumbs li a {color: #b61;}
.youth #main ul#breadcrumbs li,.youth #main ul#breadcrumbs li a {color: #933;}
.youngadult #main ul#breadcrumbs li,.youngadult #main ul#breadcrumbs li a {color: #578;}
.adult #main ul#breadcrumbs li,.adult #main ul#breadcrumbs li a {color: #787;}
.smallgroup #main ul#breadcrumbs li,.smallgroup #main ul#breadcrumbs li a {color: #b82;}
.pastor #main ul#breadcrumbs li,.pastor #main ul#breadcrumbs li a {color: #657;}
.churchworker #main ul#breadcrumbs li,.churchworker #main ul#breadcrumbs li a {color: #567;}
/*social links*/
#main ul#social {background: url(../images/bg-social.png) no-repeat; min-width: 196px; height: 20px; margin: 0; padding: 12px 0 0 10px; top: 2px; right: 3px; position: absolute;}
#main ul#social li {margin: 0; list-style: none; display: inline;}
#main ul#social li a {margin: 0 5px 0 0; padding: 5px 0 0 20px; font-weight: bold; font-size: .9em; text-transform: lowercase; text-decoration: none;}
#main ul#social li a:hover {text-decoration: underline;}
#main ul#social li a#ptSocialLnk {background: url(../images/social-icon-print.png) no-repeat 0 100%;}
#main ul#social li a#elSocialLnk {background: url(../images/social-icon-email.png) no-repeat 0 100%;}
#main ul#social li a#rsSocialLnk {background: url(../images/social-icon-rss.png) no-repeat 0 100%;}
#main ul#social li a#seSocialLnk {background: url(../images/social-icon-share.png) no-repeat 0 100%;}
#main ul#social li a:hover {}
#main #contentContainer {margin: 0 15px; font-size: 1.2em; line-height: 1.45;}
#main #contentContainer .entityheader img {padding: 5 10 5 5; border:thick; border-color:#000; cursor: hand; }

#main h3 {color: #036; margin: 0 0 15px 0; font-size: 1.36em;}
#main h4 {color: #036; margin: 0 0 15px 0; font-size: 1.18em;}
#main h5 {color: #036; margin: 0 0 15px 0; font-size: 1em;}
#main p {margin: 0 0 15px 0;}
#main ul {margin: 0 0 15px 20px;}
#main ol {margin: 0 0 15px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 15px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main blockquote {margin: 0 50px; text-align: center;}
/*toggle*/
#main .toggleWrap h4 {background: url(../images/arrow-toggle-right.png) no-repeat 3px 1px; padding: 0 0 0 20px; font-size: 1em; cursor: pointer;}
#main .toggleWrap h4:hover,#main .toggleWrap h4.iehover,#main .toggleWrap h4.selected {background: url(../images/arrow-toggle-down.png) no-repeat 0 4px; color: #59e;}
#main .toggleWrap .toggle {padding: 0 0 0 20px;}
/*end toggle*/
/*carousel*/
#main #carousel {background: url(../images/bg-internal-carousel.png) no-repeat 0 100%; height: 23.4em; position: relative;}
#main #carousel .carouselNavigation {background: url(../images/bg-internal-carouselNavigation.gif) no-repeat; margin: 0 0 5px 0; padding: 7px 24px;}
#main #carousel .carouselNavigation:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main #carousel ul.carouselSections {margin: 0; top: 7px; left: 24px; position: absolute;}
#main #carousel ul.carouselSections li {list-style: none; display: inline;}
#main #carousel ul.carouselSections li a {font-size: 1.1em; text-transform: lowercase;}
#main #carousel ul.carouselSections li a:hover,#main #carousel ul.carouselSections li a.selected {color: #333; font-weight: bold; text-decoration: none;}
#main #carousel .carouselNavigation ul.carouselCounter {margin: 0; float: right;}
#main #carousel .carouselNavigation ul.carouselCounter li {list-style: none; display: inline;}
#main #carousel .carouselNavigation ul.carouselCounter li a {background: url(../images/carousel-number.png) no-repeat 50% 0; color: #fff; width: 19px; height: 16px; margin: 0 0 0 10px; padding: 3px 0 0 0; text-align: center; display: block; float: left; text-indent; text-decoration: none;}
#main #carousel .carouselNavigation ul.carouselCounter li a:hover,#main #carousel .carouselNavigation ul.carouselCounter li a.selected {background-position: 0 -19px;}
#main #carousel button {width: 21px; height: 44px; margin: -11px 0 0 0; top: 50%; position: absolute; text-indent: -9999em; outline: none;}
#main #carousel button.prev {background: url(../images/carousel-arrow-left.gif); left: 0;}
#main #carousel button.next {background: url(../images/carousel-arrow-right.gif); right: 0;}
#main #carousel .carousel {width: 680px; margin: 0 0 0 25px;}
#main #carousel .carousel ul {width: 680px;}
#main #carousel .carousel ul li {width: 136px; margin: 0; list-style: none; float: left; text-align: center;}
#main #carousel .carousel ul li .imageWrap {width: 100px; height: 100px; margin: 0 auto 3px; position: relative;}
#main #carousel .carousel ul li .imageWrap a {width: 100px; height: 100px; line-height: 100px; display: table-cell;}
#main #carousel .carousel ul li img {text-align: center; vertical-align: middle;}
#main #carousel .carousel ul li a.cart {background: url(../images/button-add_to_cart.png) no-repeat; width: 83px; height: 26px; margin: 0 auto 10px; padding: 0; display: block; text-indent: -9999em;}
#main #carousel .carousel ul li h3 {font-size: 1em; height: 2.9em; margin: 0 0 5px 0; overflow: hidden;}
#main #carousel .carousel ul li p.price {color: #812; margin: 0; font-size: 1.1em; font-weight: bold;}
/*end carousel*/
/*products*/

#main #products {background: #fff url(../images/bg-products.gif) repeat-x 0 100%; position: relative;}
#main #products:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/* CPH Mod 05-19-2010*/




#main #products div#catdesc {font-family: Verdana, Geneva, sans-serif; font-size: 1.1em;}  
#main #products div#catdesc hr {color:#c7d8f3;background-color:#c7d8f3; height: 3px; border: none;}  

#main div#sorting {margin:  px 20px 5px 0; text-align: left;}
 #main div#sorting span {display: inline; }
 #main div#sorting span {font-size: 1.2em; font-weight: bold; color: #136; }
 main div#sorting a {font-size: 1em; font-weight: bold; }  
#main div#sorting a:hover, #main #products div#sorting a.selected {color: #59e;}
 
#main #products ul#productsCounter {margin: 10px 20px 35px 0; text-align: right;}
#main #products ul#productsCounter li {list-style: none; display: inline;}
#main #products ul#productsCounter li a { font-weight: bold;}
#main #products ul#productsCounter li a:hover,#main #products ul#productsCounter li a.selected {color: #59e;}
#main ul#productsCounternew {margin: 0 20px 35px 0; text-align: right;}
#main ul#productsCounternew li {list-style: none; display: inline;}
#main ul#productsCounternew li a {font-size: 1.2em; font-weight: bold;}
#main ul#productsCounternew li a:hover,#main ul#productsCounter li a.selected {color: #59e;}


#main ul#prdCounter {margin: 10px 20px 0 0; text-align: right;}
#main ul#prdCounter li {list-style: none; display: inline;}
#main ul#prdCounter li a {font-size: 1.2em; font-weight: bold;}
#main ul#prdCounter li a:hover,#main ul#prdCounter li a.selected {color: #59e;}


#main #products .products ul {width: 680px; margin: 0 0 0 25px;}
#main #products .products ul li {width: 18%; margin: 0 1% 60px; list-style: none; float: left; text-align: center; font-size: 1em;}
#main #products .products ul li.clear {clear: both;}
#main #products .products ul li .imageWrap {width: 100px; height: 100px; margin: 0 auto 3px; position: relative;}
#main #products .products ul li .imageWrap a {width: 100px; height: 100px; line-height: 100px; display: table-cell;}
#main #products .products ul li img {text-align: center; vertical-align: middle;}
#main #products .products ul li a.cart {background: url(../images/button-add_to_cart.png) no-repeat; width: 83px; height: 26px; margin: 0 auto 10px; padding: 0; display: block; text-indent: -9999em; outline: none;}
#main #products .products ul li h3 {font-size: 1em; height: 4.2em; margin: 0 0 5px 0; overflow: hidden;}
#main #products .products ul li p.price {color: #812; margin: 0; font-size: 1.1em; font-weight: bold;}
/*end products*/
/*recommend*/
#main #recommend {background: url(../images/bg-recommend.gif) no-repeat 0 100%; min-height: 23.4em; position: relative; clear: both;}
#main #recommend h3 {background: url(../images/bg-internal-carouselNavigation.gif) no-repeat; color: #348; margin: 0 0 5px 0; padding: 7px 24px; font-size: 1.6em; text-transform: lowercase;}
.kids #main #recommend h3 {color: #b61;}
.youth #main #recommend h3 {color: #933;}
.youngadult #main #recommend h3 {color: #578;}
.adult #main #recommend h3 {color: #787;}
.smallgroup #main #recommend h3 {color: #b82;}
.pastor #main #recommend h3 {color: #657;}
.churchworker #main #recommend h3 {color: #567;}
#main #recommend .recommend ul {width: 680px; margin: 0 0 0 25px;}
#main #recommend .recommend ul li {width: 18%; margin: 0 1% 0 1%; list-style: none; float: left; text-align: center; font-size: 1.1em;}
#main #recommend .recommend ul li .imageWrap {width: 100px; height: 130px; margin: 0 auto 3px; position: relative;}
#main #recommend .recommend ul li .imageWrap a {width: 100px; height: 130px; line-height: 130px; display: table-cell;}
#main #recommend .recommend ul li img {text-align: center; vertical-align: middle;}
#main #recommend .recommend ul li a.cart {background: url(../images/button-add_to_cart.png) no-repeat; width: 83px; height: 26px; margin: 0 auto 10px; padding: 0; display: block; text-indent: -9999em; outline: none;}
#main #recommend .recommend ul li h3 {background: none; font-size: 1em; height: 2.9em; margin: 0 0 5px 0; padding: 0; overflow: hidden; text-transform: none;}
#main #recommend .recommend ul li p.price {color: #812; margin: 0; font-size: 1.1em; font-weight: bold;}
/*end recommend*/
/*single product*/
#main #product {}
#main #product #productImage {width: 200px; margin: 0 75px 45px 0; padding: 15px 0 0 0; float: left;}
#main #product #productImage img {}
#main #product #productImage p { font-size:1.1em; text-align: center;}
#main #product #productInfo {margin: 0 0 0 275px; padding: 15px 0 0 0;}
#main #product #productInfo h3.productTitle {color: #348; margin: 0 0 5px 0; font-size: 2em;}
.kids #main #product #productInfo h3.productTitle {color: #b61;}
.youth #main #product #productInfo h3.productTitle {color: #933;}
.youngadult #main #product #productInfo h3.productTitle {color: #578;}
.adult #main #product #productInfo h3.productTitle {color: #787;}
.smallgroup #main #product #productInfo h3.productTitle {color: #b82;}
.pastor #main #product #productInfo h3.productTitle {color: #657;}
.churchworker #main #product #productInfo h3.productTitle {color: #567;}
#main #product #productInfo p.author {font-size: 1.2em;}
#main #product #productInfo p.itemInfo {}
#main #product #productInfo p.review img {vertical-align: bottom;}
#main #product #productInfo dl.price {margin: 0 0 8px 0;}
#main #product #productInfo dl.price dt {width: 100px; margin: 0; float: left;}
#main #product #productInfo dl.price dt.regularPrice {color: #666; font-size: 1.1em;}
#main #product #productInfo dl.price dt.yourPrice {color: #812; font-size: 1.2em; text-transform: uppercase;}
#main #product #productInfo dl.price dd {margin: 0 0 5px 0;}
#main #product #productInfo dl.price dd.regularPrice {color: #666; font-size: 1.1em;}
#main #product #productInfo dl.price dd.yourPrice {color: #812; font-size: 1.5em; font-weight: bold;}
#main #product #productInfo dl.price dd.yourPrice span {font-size: .67em;}
#main #product #productInfo dl.Availability {font-size:1.2em}
#main #product #productInfo #offers {margin: 0 0 15px 100px;}
#main #product #productInfo #offers p {margin: 0 0 3px 0; font-size: 1.1em;}
#main #product #productInfo #offers p strong {color: #812; text-transform: uppercase;}
#main #product #productInfo form.quantity {background: url(../images/bg-quantity.gif) no-repeat; min-width: 275px; height: 53px; margin: 0 0 15px 0;}
#main #product #productInfo form.quantity label {margin: 0 5px 0 0; padding: 20px 0 0 28px; font-size: 1.2em; display: block; float: left;}
#main #product #productInfo form.quantity input#Quantity {margin: 15px 20px 0 0; padding: 5px 3px; text-align: center; float: left; border: 1px solid #ccc;}
#main #product #productInfo form.quantity input#btnAddToCart {top: 15px; position: relative; vertical-align: bottom; float: left;}
#main #product #productInfo form.quantity input#btnAddToWishlist {top: 19px; right: 50px; position: relative; vertical-align: bottom; float: right;}

/* Cph Changes */
#main #product #productInfo form.quantity {background: url(../images/bg-quantity.gif) no-repeat; min-width: 275px; height: 53px; margin: 0 0 15px 0; overflow:hidden}
#main #product #productInfo form.quantity label {margin: 0 5px 0 0; padding: 20px 0 0 28px; font-size: 1.2em; display: block; float: left;}
#main #product #productInfo form.quantity input#Quantity {margin: 15px 20px 0 0; padding: 5px 3px; text-align: center; float: left; border: 1px solid #ccc;}
/* #main #product #productInfo form.quantity input.AddToCartButton {top: 15px; position: relative; vertical-align: bottom; float: left;}
#main #product #productInfo form.quantity input.AddToWishButton {top: 15px; right: 50px; position: relative; vertical-align: bottom; float: right;}
*/

/* end Changes */ 


#main #product #productCollateral {background: url(../images/bg-productCollateral.gif) no-repeat 0 100%; margin: 0 0 5px 0; padding: 0 0 8px 0; clear: both;}
#main #product #productCollateral ul.productCollateralTab {margin: 0; float: left; position: relative;}
#main #product #productCollateral ul.productCollateralTab li {background: url(../images/productCollateralTab-right.gif) no-repeat 100% 0; margin: 0; list-style: none; display: block; float: left;}
#main #product #productCollateral ul.productCollateralTab li a {background: url(../images/productCollateralTab-left.gif) no-repeat; width: 9em; padding: 8px 0; font-size: 1.2em; display: block; text-align: center; text-decoration: none;}
#main #product #productCollateral ul.productCollateralTab li:hover,#main #product #productCollateral ul.productCollateralTab li.selected {background-position: 100% -45px;}
#main #product #productCollateral ul.productCollateralTab li:hover a,#main #product #productCollateral ul.productCollateralTab li.selected a {color: #036; background-position: 0 -45px; text-decoration: underline;}
#main #product #productCollateral .tabWrap {background: url(../images/bg-tabWrap.gif) repeat-y; padding: 20px; clear: both; font-size: 1.3em;}
#main #product #productCollateral .tabWrap dl {}
#main #product #productCollateral .tabWrap dl dt {width: 125px; font-weight: bold; float: left;}
#main #product #productCollateral .tabWrap dl dd {width: 525px; margin: 0 0 10px 125px; }
/*end single product*/



#main #bookshelf{}
#main #bookshelf ul.mainshelf {list-style: none;   width:729px; margin: 0 0 10px 0; padding: 0 0 8px 0; clear: both;}
#main #bookshelf ul.mainshelf li {background:url(../images/bksf/metal-glass-bg.jpg) no-repeat; height: 259px; vertical-align:bottom; margin: 0; list-style: none; display: block; float: left;}
#main #bookshelf ul.mainshelf li #itemwrapper {width:729px;}
#main #bookshelf ul.mainshelf li #itemwrapper div img {width:auto; height:180px;}
#main #bookshelf ul.mainshelf li #itemwrapper img.depth {width:126px; height:7px;}
#main #bookshelf ul.mainshelf li #itemwrapper #item1 {width:211px; height:209px; float:left; text-align: center; margin:55px 00px 0px 20px; border:1;}
#main #bookshelf ul.mainshelf li #itemwrapper #item2 {width:211px; height:209px; float:left; text-align: center; margin:55px 0px 0px 0px;}
#main #bookshelf ul.mainshelf li #itemwrapper #item3 {width:211px; height:209px; float:left; text-align: center; margin:55px 20px 0px 0px;}
#main #bookshelf ul.mainshelf li #itemwrapper #item4 {width:211px; height:209px; float:left; text-align: center; margin:55px 20px 0px 0px;}


/**************************************************left column*********************************************/
#sidebar {width: 215px; margin-left: -950px; position: relative; float: left;}
#sidebar ul#sidebarNav {}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {background: url(../images/sidebarNav-arrow-right.png) no-repeat 19px 4px; padding: 4px 10px 4px 39px; font-weight: bold; font-size: 1.2em; display: block; text-decoration: none;}
#sidebar ul#sidebarNav li.first a {background: url(../images/sidebarNav-rounded.gif) no-repeat; padding: 7px 10px 3px 39px;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {background: url(../images/sidebarNav-straight.gif) no-repeat;}
#sidebar ul#sidebarNav li.first a:hover {background: url(../images/sidebarNav-rounded.gif) no-repeat;}
/*level 2*/
#sidebar ul#sidebarNav li ul {margin: 5px 10px 5px 28px;}
#sidebar ul#sidebarNav li ul li {}
#sidebar ul#sidebarNav li ul li a {background: none; padding: 0 0 0 11px; font-weight: normal; font-size: 1.2em; text-decoration: none;}
#sidebar ul#sidebarNav li.first ul li a {background: none; padding: 0 0 0 11px;}
#sidebar ul#sidebarNav li ul li a:hover {background: none; text-decoration:underline;}
#sidebar ul#sidebarNav li.first ul li a:hover {background: none;}
#sidebar ul#sidebarNav li ul li a.selected {background: url(../images/headerNav-arrow.png) no-repeat 0px 2px; color: #59e; font-weight:bold;}
#sidebar ul#sidebarNav li.first ul li a.selected {background: url(../images/headerNav-arrow.png) no-repeat 0px 2px; color: #59e;}
/*level 3*/
#sidebar ul#sidebarNav li ul li ul {margin: 5px 0 5px 13px;}
#sidebar ul#sidebarNav li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li a {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px; font-weight:bold;}
#sidebar ul#sidebarNav li ul li ul li a:hover {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px;}
#sidebar ul#sidebarNav li ul li ul li a.selected {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px; color: #59e; font-weight:bold;}
#sidebar h3 {color: #036; margin: 5px 10px 5px 19px; font-size: 1.1em; font-style: italic; font-weight: bold; text-transform: uppercase;}
/*level 1*/
#sidebar ul#shopByNav {margin: 0 0 35px 0;}
#sidebar ul#shopByNav li {list-style: none; display: inline;}
#sidebar ul#shopByNav li a {background: url(../images/sidebarNav-arrow-right.png) no-repeat 19px 4px; padding: 4px 10px 4px 39px; font-weight: bold; font-size: 1.2em; display: block; text-decoration: none;}
#sidebar ul#shopByNav li a:hover,#sidebar ul#shopByNav li a.selected {background: url(../images/sidebarNav-straight.gif) no-repeat;}
/*level 2*/
#sidebar ul#shopByNav li ul {margin: 5px 10px 5px 28px;}
#sidebar ul#shopByNav li ul li {}
#sidebar ul#shopByNav li ul li a {background: none; padding: 0 0 0 11px; font-weight: normal; font-size: 1.2em; text-decoration: none;}
#sidebar ul#shopByNav li ul li a:hover {background: none; text-decoration:underline;}
#sidebar ul#shopByNav li ul li a.selected {background: url(../images/headerNav-arrow.png) no-repeat 0px 2px; color: #59e;}
/*level 3*/
#sidebar ul#shopByNav li ul li ul {margin: 5px 0 5px 13px;}
#sidebar ul#shopByNav li ul li ul li {}
#sidebar ul#shopByNav li ul li ul li a {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px;}
#sidebar ul#shopByNav li ul li ul li a:hover {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px;}
#sidebar ul#shopByNav li ul li ul li a.selected {background: url(../images/sidebarNav-line01.gif) no-repeat 0px 7px; color: #59e;}
#sidebar p#SaleBanner a {background: url(/images/topics/images/banners/side-banner/holidaybulletins.png) no-repeat; width: 180px; height: 103px; margin: 0 0 15px 15px; display: block; text-indent: -9999em; outline: none;}

#sidebar p#BannerCSR a {background: url(/images/topics/images/banners/side-banner/2011-csr.png) no-repeat; width: 180px; height: 200px; margin: 20px 0 15px 15px; display: block; text-indent: -9999em; outline: none;}
#sidebar p#BannerOne a {background: url(/images/topics/images/banners/side-banner/2011-cgochristmas.png) no-repeat; width: 180px; height: 103px; margin: 0 0 15px 15px; display: block; text-indent: -9999em; outline: none;}
#sidebar p#BannerTwo a {background: url(/images/topics/images/banners/side-banner/catalog.png) no-repeat; width: 180px; height: 103px; margin: 0 0 15px 15px; display: block; text-indent: -9999em; outline: none;}

#sidebar p#JourneyBanner a {background: url(../images/jod.png) no-repeat; width: 180px; height: 103px; margin: 0 0 15px 15px; display: block; text-indent: -9999em; outline: none;}
#sidebar p#serveYouBest a {background: url(../images/sidebar-serve_you_best.png) no-repeat; width: 184px; height: 106px; margin: 0 0 15px 15px; display: block; text-indent: -9999em; outline: none;}

/**************************************************footer**************************************************/
#footer {margin: 0 0px 26px 0px; position: relative; clear: both; border-top:#6b6452 solid 4px; text-align:left;}
#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer #columns { background-color:#a49b8a; width: 967px; margin: 0 0 10px 0; padding: 0 0 0 0; position: relative; border-bottom:#6b6452 solid 8px;}
#footer #columns:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer #columns div {min-height: 220px; padding: 20px 15px 0; font-size: 1.2em; float: left;}
#footer #columns h3 {color: #454545; margin: 0 0 15px 0; font-size: 1.3em; font-weight: bold;}
#footer #columns a {color: #fff;}
#footer #columns ul li {list-style: none; display: block; padding-bottom:5px;}
#footer #columns #column1 {background-color:#898270; width: 200px; height: 670px; margin: 0 5px 0 8px;}
/* #footer #columns #column1 ul li {width: 48%; float: left;} */
#footer #columns #column1 .phone {color: #454545; font-size: 1.3em; line-height:1em; font-weight: bold;}
#footer #columns #column1 #lcmslogo { margin-top:5px;}

#footer #columns #column2 { width: 200px;}
#footer #columns #column3 { width: 200px;}
#footer #columns #column4 {width: 200px;}
/* #footer #columns #column3 a {text-transform: uppercase; font-weight: bold; font-size: 1.1em;}
#footer #columns #column3 ul li {margin: 0 0 15px 0;}
#footer #columns #column3 a.readMore {font-size: .91em;} */
#footer .banners {width: 36%; float: left;}
#footer .banners img {margin: 0 5px; float: left;}
#footer #footerInfo {width: 63%; float: right; text-align: right; font-size: 1.1em;}
#footer ul#footerNav {width: 100%; margin: 0 0 15px 0; font-size: .91em;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {text-decoration: none;}
#footer ul#footerNav li a:hover {text-decoration: underline;}
#footer #footerInfo .vcard address {margin: 0 0 15px 0; font-style: normal;}
#footer #footerInfo .vcard #copyright {font-size: .91em;}

img.expando{ /*sample CSS for expando images. Not required but recommended*/
 /* border: none;
vertical-align: top;top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


/* changes for search results page. added by amy 5.17.11 */
.searchhead {font-size:1.2em; font-weight:bold; padding-bottom:3px;}
.topicresult { padding-left:20px; font-size:1.1em;}
.productimage { padding-left:5px}
.productsearchtitle { font-size:1.2em; line-height:1.1em;}
.productdesc {padding-top:5px; font-size:11px; line-height:1.2em;}
.productspacer {height:40px; clear:left;}
.searchfreeshipping {font-size:9px;}
.searchprice {color: #812; font-size:11px;}
.searchitemnumber {font-size:8px;}
.searchauthor {font-size:.8em;}

/*changes for category results pages */
.catprice {color: #812; font-size:1.2em;}
.catitemnumber {font-size:.8em;}
.catauthor {font-size:.9em;}
.catproductdesc {padding-top:5px; font-size:1.2em; line-height:1.3em; padding-bottom:30px;}
