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.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 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 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; top: 8px; right: 14px; font: .75em/1.5em Verdana, Geneva, sans-serif; font-weight: bold; position: absolute;}
#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 {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: 967px; margin-left: 7px; position: relative; float: left;}/*see ie.css for fixes*/
#main #flash-content {background: url(/images/topics/images/banners/main/2010vbs.png) no-repeat; width: 729px; height: 135px; position: relative;}
/*carousel*/
#main #carousel {background: url(../images/bg-carousel.png) no-repeat 0 100%; height: 23.4em; position: relative;}
#main #carousel .carouselNavigation {background: url(../images/bg-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.gif) no-repeat; width: 83px; height: 26px; margin: 0 auto 10px; padding: 0; display: block; text-indent: -9999em; outline: none;}
#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*/
#main ul#banners {}
#main ul#banners:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ul#banners li {margin: 12px 24px 10px 0; list-syle: none; display: block; float: left;}
#main ul#banners li.last {margin: 12px 0 10px 0px;}

#main ul#cphConnect {background: url(../images/bg-cph_connect-NEW.png) no-repeat; width: 729px; height: 48px; position: relative;}
#main ul#cphConnect li {list-style: none; display: inline;}
#main ul#cphConnect li a {height: 48px; top: 0; position: absolute; text-indent: -9999em; outline: none;}
#main ul#cphConnect li#fkCphLnk a {width: 123px; left: 115px;}
#main ul#cphConnect li#trCphLnk a {width: 109px; left: 240px;}
#main ul#cphConnect li#erCphLnk a {width: 139px; left: 350px;}
#main ul#cphConnect li#psCphLnk a {width: 116px; left: 490px;}
#main ul#cphConnect li#csCphLnk a {width: 122px; left: 607px;}

#slideshow {
    position:relative;
    height:333px;
	margin-bottom:5px;
 /*background-image:url(/images/topics/images/banners/main/2011-storybible.jpg); background-repeat:no-repeat;*/
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow a.active {
    z-index:10;
    opacity:1.0;
}

#slideshow a.last-active {
    z-index:9;
}

/**************************************************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;}
#sidebar ul#sidebarNav li ul {margin: 5px 10px 5px 39px;}
#sidebar ul#sidebarNav li ul li {}
#sidebar ul#sidebarNav li ul li a {background: none; padding: 0; font-weight: normal; font-size: 1.2em; text-decoration: none;}
#sidebar ul#sidebarNav li.first ul li a {background: none; padding: 0;}
#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 h3 {color: #036; margin: 5px 10px 5px 19px; font-size: 1.1em; font-style: italic; font-weight: bold; text-transform: uppercase;}
#sidebar ul#shopByNav {margin: 0 0 20px 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;}
#sidebar ul#shopByNav li ul {margin: 5px 10px 5px 39px;}
#sidebar ul#shopByNav li ul li {}
#sidebar ul#shopByNav li ul li a {background: none; padding: 0; font-weight: normal; font-size: 1.1em; text-decoration: none;}
#sidebar ul#shopByNav li ul li a:hover {background: none; text-decoration:underline}
#sidebar p#bruce a {background: url(/images/topics/images/banners/side-banner/2011-tellus.png) no-repeat; width: 180px; height: 103px; 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;}