/*
	Styles for Bunn Coffee
	Design by Fast Pivot 2009
	www.fastpivot.com
*/

/* Default Styles */
body { background-color:#333333; color: #000; font: normal 70%/15px Arial!important; margin: 0; padding: 0; text-align:center; }
a { color: #000; text-decoration: none; }
a img { border: 0; }
a:hover { text-decoration: none; }
form, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
fieldset {border:none; padding: 0; margin: 0;}
.clear {clear:both;}
.clear2 {clear:both; padding:15px 0}

#container {
	width:924px;
	background-color:#FFF;
	border:13px solid #CCCCCC;
	border-bottom:none;
	margin:13px auto 0 auto;
	text-align:left;
}

/* Header */
#header {
	border-bottom:1px solid #000;
	width:908px;
	margin:0 13px 0 2px;
	height:95px;
}
.logo {
	float:left;
	width:400px;
	height:94px;
}
.headRight {
	float:right;
}
.newsletter {
	float:right;
	margin:35px 0 0 0;
	display:inline;
}
.newsInput {
	border:1px solid #8C8C8C;
	font-size:0.9em;
	padding:2px;
	vertical-align:middle;
	width:125px;
}
.newsImage {
	vertical-align:middle;
}
.topNav {
	clear:both;
	display:inline;
	float:right;
	padding:17px 0 0;
	width:508px;
}
.topNav a {
	vertical-align:middle;
	padding:0 5px;
}
.topNav a.cart {padding:0 0 0 20px;}
.topNav img {vertical-align:middle;}

/* Body Shell & Content */
#bodyshell {
	float:left;
	margin-left:1px;
	display:inline;
	width:923px;
}
#bodycontent {
	float:right;
	width:719px;
	padding:15px 13px 15px 17px;
}


/* Home Page */
.welcomeArea {
	width:719px;
}
.wLeft {
	float:left;
	width:512px;
}
.wRight {
	float:right;
	width:205px;
	margin-left:2px;
	display:inline;
}
.featImage, .featuredText {float:left; with:205px;}

.categoryArea {
	
}
.catLeft {
	float:left;
	width:230px;
}
.catLeft h1 {
	color:#D82323;
	font-size:1.4em;
	margin:10px 0;
	text-transform:uppercase;
}
#catText {
	font-size:1.1em;
	line-height:1.4em;
	margin:15px 0;
}
.catRight {
	display:inline;
	float:right;
	margin-left:15px;
	width:474px;
}
.catBlock {
	display:inline;
	float:left;
	margin:0 17px 17px 0;
}

/* Section Page */
.paginationControls {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#8C8C8C;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:5px;
}
.paginationControls a {
	color:#8C8C8C;
	text-decoration:none;
}
.paginationControls a:hover {
	text-decoration:underline;
}
.paginationControls .pagePosition {
	float:left;
	text-align:left;
	width:185px;
}
.paginationControls .pageNumbers {
	float:left;
	text-align:left;
	width:250px;
}
.paginationControls .pageNumbers a {
	padding:0 5px;
}
.paginationControls .pageNumbers span {
}
.paginationControls .pageNavigation {
	float:right;
	text-align:right;
	width:125px;
}
.paginationControls .pageNavigation a.prevNav {
	padding-right:7px;
}
.paginationControls .pageNavigation a.nextNav {
	padding-left:7px;
}
div#contentsArea .section-item {
	display:inline;
	float:left;
	padding:10px;
	text-align:center;
	width:150px;
}
div#contentsArea .last {
	margin:0;
}
div#contentsArea .section-item-image {
	border:1px solid #EBEFEE;
	padding:0 15px;
}
div#contentsArea .name {
	padding:5px 15px 0;
}

/* Recently Viewed */

div#recentlyViewedItems {
	float: left;
	margin-right: -15px;
}

div#recentlyViewedItems .heading {
	padding: 10px 0 5px 25px;
	width: 684px;
	font: normal 18px Arial;
	color:#000000;
	border-top:1px solid #380B0C;
	background: url(/lib/yhst-64700539902167/redarrow.gif) no-repeat left center;
}

div#recentlyViewedItems .recentItem {
	float: left;
	margin-right: 15px;
	padding-top: 15px;
	width: 175px;
	text-align: center;
}

div#recentlyViewedItems .image {
	padding: 0 15px;
}

div#recentlyViewedItems .name {
	padding: 5px 15px 2px 15px;
}

div#recentlyViewedItems .name a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

div#recentlyViewedItems .name a:hover {
	text-decoration: underline;
}

#section-contenttitle {
	background:#42444C url(/lib/yhst-64700539902167/redarrow2.gif) no-repeat 6px center;
	color:#FFFFFF;
	font-size:19px;
	margin-bottom:5px;
	padding:8px 25px;	
}

/* Item Page */

.productDetail {
	
}
h1.productName {
	background:#42444C url(/lib/yhst-64700539902167/redarrow2.gif) no-repeat 6px center;
	color:#FFFFFF;
	font-size:19px;
	margin-bottom:5px;
	padding:8px 25px;
}
.breadcrumbs {
	padding:0 0 14px 3px;
}
.productWrap {
	float:left;
	width:719px;
}
.productImage {
	float:left;
	text-align:center;
	width:350px;
}
.productInfo {
	border-left:1px solid #CCCCCC;
	display:inline;
	float:right;
	padding-left:15px;
	width:350px;
}
	.piName {
		font-size:20px;
		line-height:1.2em;
	}
	.piCode {
		color:#5886A0;
		font-size:15px;
		font-weight:normal;
		padding:5px 0;
	}
	.piAbstract {
		font-size:12px;
		line-height:1.2em;
	}
	.piOptions {
		padding:5px 0;
	}
	.piPrice {
		font-size:18px;
		padding:30px 0 10px;
	}
	.productInfo .price {
		padding:5px 0;
	}
	.productInfo .price-bold {
		padding:5px 0;
	}
	.productInfo .sale-price-bold {
		color:#D82323;
		font-weight:bold;
		padding:5px 0;
	}



#productDescription {
	padding-top:20px;
}
#productDescription h2 {
	margin:10px 0;
	font-size:22px;
}

div#caption .modelNumber {
	padding-bottom: 10px;
	font-weight: bold;
}

/* Rotating Banner */

#bannerrotate {width:512px; height:269px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; }
.bannerholder {position:relative;}
.bannerholder div {position:absolute; top:0; left:0;}
.navbuttons { height:16px; position:absolute; z-index:100;}
a.numbtn {border: 1px solid #000; cursor:pointer; float:left; width:15px; background:#FFF; color:#959595; text-align:center; font-size:12px; margin-right:4px; font-weight:bold;}
a.btnOn, a.btnOn:hover {border: 1px solid #000; background-color:#FFF; font-weight:bold; color:#460100;}
.pause {position:absolute; width:16px; z-index:100;	background: transparent url(/lib/yhst-64700539902167/playpause.gif) no-repeat scroll 0 top; right:-16px; height:16px;}
.pauseOn {background: transparent url(/lib/yhst-64700539902167/playpause.gif) no-repeat scroll 0 bottom; }

/* Left Navigation */
#nav {
	float:left;
	width:174px;
	background: url(/lib/yhst-64700539902167/navBG.gif) repeat-y;
}
.searcharea {
	background-color:#D3D3D3;
	padding:10px 0 5px 10px;
}
.searcharea a {
	display:block;
	font-size:1.1em;
	padding:3px 0 3px 10px;
	text-decoration:underline;
}
.searchInput {
	border:1px solid #8C8C8C;
	font-size:0.9em;
	padding:2px;
	vertical-align:middle;
	width:125px;
}
.searchImage {
	vertical-align:middle;	
}

.navigation {
	background-color:#FFFFFF;
	border:1px solid #D3D3D3;
	margin:13px 0 35px 9px;
	width:153px;	
}
ul.mainNav {
	margin:0;
	padding:0;
}
ul.mainNav li {
	list-style:none;
	color:#000;
	text-transform:uppercase;
	padding:0;
	font-weight:bold;
}
ul.mainNav li span {
	color:#000;
	background-color:#D3D3D3;
	display:block;
	padding:3px 0 3px 12px;
}
ul.mainNav ul.sub {
	margin:0;
	padding:0;
}
ul.mainNav ul.sub li {
	list-style:none;
	text-transform:none;
	padding:3px 0;
	border-bottom:1px solid #D3D3D3;
	font-weight:normal;
}
ul.mainNav ul.sub li a {
	color:#000;
	background:#FFF url(/lib/yhst-64700539902167/arrow.gif) no-repeat 3px center;
	display:block;
	padding:0 0 0 12px;
}

.featuredItem {
	background:transparent url(/lib/yhst-64700539902167/sbfeatured.jpg) no-repeat scroll center bottom;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:10px 10px 0;
	font-size:11px;
	margin:23px 0 0;
	padding:7px 7px 29px;
	text-align:center;
}
.testimonials {
	
}

/* Testimonials */
div#rotatingTestimonialArea {
	padding: 25px 15px 0 15px;
	font-size:11px;
	color: #000;
	text-align: center;
}

div#rotatingTestimonialArea .testimonials {
	height: 140px;
}

div#rotatingTestimonialArea .byline {
	display: block;
}

div#rotatingTestimonialArea .viewMore {
	padding-top: 5px;
}

div#fullTestimonials .testimonial {
	padding: 10px 5px;
	border-bottom: 1px solid #401b03;
}

div#fullTestimonials .byline {
	display: block;
}


.assistance {
	margin:23px 0;
}

/* Footer */
#footer {
	background: url(/lib/yhst-64700539902167/footer.gif) no-repeat 0 0;
	height:300px;
	width:950px;
	margin:0 auto 25px auto;
	text-align:left;
}
.footerNav {
	font-size:.9em;
	font-weight:normal;
	padding:85px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
}
.footerNav a {
	color:#FFFFFF;
	padding:0 5px;
}

.footerSub {
	color:#8C8B8B;
	margin:20px 75px 0;
	width:800px;
}
.footerSub td {
	border-right:1px solid #8C8B8B;
	padding:0 15px;
	text-align:center;
}
.footerSub td.last {
	border-right:none;
}
.footerSub a {
	color:#8C8B8B;
	display:block;
}

.credit {
	clear:both;
	padding-top:20px;
	text-align:center;
}
.credit a {
	background:transparent url(/lib/yhst-64700539902167/fpLogo.gif) no-repeat scroll left center;
	padding-left:30px;
	color:#8C8B8B;
}


/*  -- FP Basic Contents Table v1.0 (12.18.2009) --  */

div#contentsArea {
    width: 715px;
}

table#contents-table td {
    padding: 15px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    vertical-align: top;
}

table#contents-table td .itemImg {
	border:1px solid #EBEFEE;
	padding:0 15px;
}

table#contents-table td .itemInfo {
}

table#contents-table .name {
    padding-bottom: 2px;
}

table#contents-table .name a {
    color: #000;
}

table#contents-table .name a:hover {
}

table#contents-table .abstract {
}

table#contents-table .price {
}

table#contents-table .sale-price {
    font-weight: bold;
}

table#contents-table .price-bold {
    font-size: 14px;
    font-weight: bold;
}

table#contents-table .addToCart {
    padding-top: 10px;
}

table#contents-table .verticalDivider {
    padding: 0;
}

table#contents-table .verticalDivider-empty {
    padding: 0;
}

table#contents-table .horizontalDivider {
    padding: 0;
    font-size: 0px;
}

/*  -- End FP Basic Contents Table v1.0 (12.18.2009) --  */


/*  -- FP Basic Pagination v1.0 (12.18.2009) --  */

div#paginationContainer .paginationControls {
    padding: 5px 10px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #000;
}

div#paginationContainer .paginationControls a {
    color: #000;
    text-decoration: underline;
}

div#paginationContainer .paginationControls a:hover {
    text-decoration: none;
}

div#paginationContainer .pageLinks {
    float: left;
    width: 400px;
}

div#paginationContainer .pageLinks a {
    padding: 0 5px;
}

div#paginationContainer .pageLinks a.currentPage {
    font-weight: bold;
    text-decoration: none;
}

div#paginationContainer .pageSelectors {
    float: right;
    width: 200px;
    text-align: right;
}

div#paginationContainer .prevControl {
    padding-right: 10px;
}

div#paginationContainer .prevControl a {
    padding-left: 12px;
    background: url(/lib/yhst-64700539902167/fp-std-pagination-arrows.gif) left 0 no-repeat;
}

div#paginationContainer .prevControl a:hover {
    background-position: left 0;
}

div#paginationContainer .nextControl {
    padding-left: 10px;
}

div#paginationContainer .nextControl a {
    padding-right: 12px;
    background: url(/lib/yhst-64700539902167/fp-std-pagination-arrows.gif) right 0 no-repeat;
}

div#paginationContainer .nextControl a:hover {
    background-position: right 0;
}

/*  -- End FP Basic Pagination v1.0 (12.18.2009) --  */

