* { margin: 0; padding: 0; }

body { color: #333; font: 62.5% Arial; }

/* HEADER */
#header-container { background-color: #CACEC2; position: absolute; top: 0; left: 0; width: 100%; height: 105px; z-index: 4; }
#header { color: #005480; position: relative; margin: 0 auto; width: 990px; }
#header h1 { font-size: 1px; position: absolute; top: 20px; left: 40px; }
#header h1 a { background: url(images/UPK_HorizontalLogo.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -999em; width: 332px; height: 80px; }

/* FOOTER */
#footer { color: #7D7966; clear: both; float: left; font-family: Verdana; margin: 3em 0; padding: 0 50px; width: 650px; }
#footer a:link, #footer a:visited { color: #005480; text-decoration: underline; }
#footer p { margin: 0 0 1em; }
#footer #copyright { float: left; }
#footer #credit { float: right; }

/* SEARCH */
#search-bar { font-size: 1.2em; position: absolute; top: 20px; right: 10px; }
#search-bar a:link, #search-bar a:visited { color: #005480; font: .8em Verdana; text-decoration: underline; }
#search-bar input[type=submit] { background: url(images/btn-go-new.png) no-repeat center center; border: none; cursor: pointer; line-height: 1em; margin: 0 1em 0 .3em; overflow: hidden; text-indent: -999em; width: 39px; height: 21px; }
#search-bar input[type=text] { background-color: #fff; border: none; height: 20px; }
#search-bar input[type=text]:focus { background-color: #fff; }

/* SIDE BAR */
#side-bar-container { margin: 0 auto; position: relative; width: 990px; z-index: 3; }
#side-bar { background: #fff url(images/page-title-shadow.png) repeat-x 0 0; position: absolute; top: 0; left: 19px; width: 221px; }
#side-bar-shadow { background: url(images/side-bar-shadow.png) repeat-y 5px 0; position: absolute; top: 105px; left: 0; width: 254px; height: 47px; }
#main-container.home #side-bar-shadow { height: 314px; }

/* MENU */
.menu { margin: 3em 25px; }
.menu, .menu ul { list-style: none; }
.menu ul { margin-left: 15px; }
.menu li { text-transform: uppercase; }
.menu a:link, .menu a:visited { background: url(images/menu-arrows-new.png) no-repeat left top; color: #005480; display: block; font: 700 1.2em Arial, Sans-Serif; margin: 1em 0; padding-left: 15px; text-decoration: none; }
.menu a:hover, .menu a:active, .menu a.selected { background-position: left center; color: #87746A; }
.menu a.expanded { background-position: left bottom; }
.menu li li a:link, .menu li li a:visited { background: none; }
.menu li li a:hover, .menu li li a:active, .menu li li a.selected { color: #87746A; }

/* CALENDAR */
#calendar { margin: 0 auto 3em; width: 194px; }

/* SHARE */
#share-page { margin: 0 auto 3em; width: 171px; }

/* PAGE TITLE */
#page-title-container { background: #005480 url(images/page-title-shadow.png) repeat-x 0 0; position: absolute; top: 105px; left: 0; width: 100%; height: 47px; z-index: 1; }
#page-title { color: #CACEC2; position: relative; margin: 0 auto; width: 990px; }
#page-title h2 { font-size: 3em; font-weight: 400; line-height: 47px; font-variant: small-caps; margin-left: 300px; position: relative; }
#page-title .cart img { border: none; /*outline: none;*/ position: absolute; top: 3px; left: 800px; width: 86px; height: 43px; }
#page-title .newcart img { border: none; /*outline: none;*/ position: absolute; top: 3px; left: 800px; width: 86px; height: 43px; }

/* FEATURED ITEMS */
#feature-bg {
	background: url(images/Website_Background.jpg) repeat-x 125px 0;
	position: absolute;
	top: 152px;
	left: 0;
	width: 100%;
	height: 267px;
	z-index: 0;
}
#feature-shadow { background: url(images/feature-shadow.png) repeat-x 0 0; width: 100%; height: 8px; }
#feature-container { margin: 0 auto; position: relative; width: 990px; }
#feature { color: #f6f6f6; padding: 20px; position: absolute; top: 0; left: 240px; }
#feature a:link, #feature a:visited { color: #f6f6f6; text-decoration: none; }
#feature a:hover, #feature a:active { text-decoration: underline; }
#feature ul { list-style: none; }
#feature li { float: left; margin: 0 1em; position: relative; width: 120px; height: 222px; }
#feature li:first-child { margin-left: 0; }
#feature li:last-child { margin-right: 0; }
#feature img { border: none; margin-bottom: .5em; }
#feature .author, #feature .price, #feature .title { display: block; }
#feature .author { color: #e2e2e2; }
#feature .book {
	display: block;
	position: absolute;
	top: 15px;
	left: 1px;
}
#feature .price { color: #fbcf93; font: 1.2em Verdana; }
#feature .title { font-size: 1.2em; font-weight: 700; }

/* CONTENT */
#content-bg { background: url(images/side-bar-shadow.png) repeat-y 5px 0; padding-left: 240px; position: absolute; top: 0; left: 0; width: 750px; min-height: 600px; }
#content-container { margin: 0 auto; position: relative; width: 990px; }
#content-shadow { background: url(images/content-shadow.png) repeat-x 0 0; position: absolute; top: 152px; left: 0; width: 100%; height: 8px; z-index: 2; }
#main-container.home #content-shadow { top: 419px; }

.content h3 { font-size: 1.8em; }
.content h4 { font-size: 1.6em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }

.content h3, .content h3 a:link, .content h3 a:visited, .content h3 a:hover, .content h3 a:active { color: #005480; }
.content h4, .content h4 a:link, .content h4 a:visited, .content h4 a:hover, .content h4 a:active { color: #002d4d; }
.content h5, .content h5 a:link, .content h5 a:visited, .content h5 a:hover, .content h5 a:active { color: #005480; padding-top:.75em }

/* DETAIL */
.detail-view .detail { float: right; width: 417px; }
.detail-view .preview { float: left; margin: 0 1em 1em 0; width: 223px; }

/* LIST */
.list-view { margin: 30px 20px; }
.list-view .item { border-bottom: 1px solid #0061a6; float: left; padding: 20px; width: 670px; }
.list-view .item:last-child { border: none; }
.list-view .detail { float: right; width: 565px; }
.list-view .item .preview { float: left; margin: 0 1em 1em 0; width: 95px; }
.list-view .item input[type=submit] { float: right; }

/* PAGING */
.paging-bar { background: url(images/paging-bar-bg.png) repeat-x 0 0; color: #005480; clear: both; font: 1.1em Verdana; height: 42px; position: relative; }
.paging-bar .items-count, .paging-bar .paging-controls { line-height: 42px; position: absolute; padding: 0 30px; }
.paging-bar .items-count { background: url(images/paging-bar-left.png) no-repeat 0 0; left: 0; }
.paging-bar .paging-controls { background: url(images/paging-bar-right.png) no-repeat 100% 0; right: 0; }

/* COMMON */
.content, .detail-view { margin: 50px; }
.content a:link, .content a:visited, .detail-view a:link, .detail-view a:visited, .list-view .item a:link, .list-view .item a:visited, .paging-bar a:link, .paging-bar a:visited { color: #005480; text-decoration: underline; }
.content a:hover, .content a:active, .detail-view a:hover, .detail-view a:active, #footer a:hover, #footer a:active, .list-view .item a:hover, .list-view .item a:active, .paging-bar a:hover, .paging-bar a:active, #search-bar a:hover, #search-bar a:active { text-decoration: none; }
.content h3, .content h4, .content h5, .content h6 { margin: 1em 0; }
.content p, .detail-view p, .list-view .item p { font-size: 1.1em; line-height: 1.6em; margin: 0 0 1em; }
.content blockquote, .detail-view blockquote { margin: 0 4em 1em; }

.content > ol, .content > ul, .detail-view .description > ol, .detail-view .description > ul { font-size: 1.1em; margin: 0 0 1em 3em; }
.content ol ol, .content ul ul, .detail-view ol ol, .detail-view ul ul { margin-left: 3em; }
.content ol ol, .detail-view ol ol { list-style-type: lower-alpha; }
.content ol ol ol, .detail-view ol ol ol { list-style-type: lower-roman; }
.content li, .detail-view li { line-height: 1.6em; margin: 0 0 1em; }
.content li ol, .content li ul, .detail-view li ol, .detail-view li ul { margin-top: 1em; }

.detail-view h3, .detail-view h4, .list-view .item h3, .list-view .item h4 { margin: 0 0 1em; }
.detail-view h3, .list-view .item h3 { font-size: 1.4em; }
.detail-view h3, .detail-view h3 a:link, .detail-view h3 a:visited, .detail-view h3 a:hover, .detail-view h3 a:active, .list-view .item h3, .list-view .item h3 a:link, .list-view .item h3 a:visited, .list-view .item h3 a:hover, .list-view .item h3 a:active { color: #005480; }
.detail-view h4, .list-view .item h4 { font-size: 1.2em; }
.detail-view h4 a:link, .detail-view h4 a:visited, .detail-view h4 a:hover, .detail-view h4 a:active, .list-view .item h4 a:link, .list-view .item h4 a:visited, .list-view .item h4 a:hover, .list-view .item h4 a:active { color: inherit; }
.detail-view .available, .detail-view .not-available, .list-view .item .available, .list-view .item .not-available { font: 1.2em Verdana; margin-left: .5em; }
.detail-view .available, .list-view .item .available { color: #1c9b31; }
.detail-view .not-available, .list-view .item .not-available { color: #9b1c31; }
.detail-view .isbn, .list-view .item .isbn { color: #002d4d; font: 1.2em Verdana; }
.detail-view .note, .list-view .item .note { color:#005480; font-size: 1.2em; }
.detail-view .preview img, .list-view .item .preview img { border: none; margin-bottom: 1em; width: 100%; }
.detail-view .preview input[type=submit], .list-view .item input[type=submit] { background: url(images/btn-add-to-cart.png) no-repeat center center; border: none; cursor: pointer; display: block; line-height: 1em; margin: 0 auto; text-align:left; }