/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6{line-height:1.2em;margin-bottom:.3em;}
h2{margin-top:1em;}
h5{font-size:1.2em;}
h6{font-size:1em;text-transform:uppercase;}
h1 a{font-weight:normal;}


/* branding
----------------------------------------------- */
h1#branding{font-weight:normal;font-size:3em;text-align:left;background:#aaa;padding:.7em 1em;margin-bottom:0;}



/* page heading
----------------------------------------------- */
h2#page-heading{font-weight:normal;padding:.5em;margin:0 0 10px 0;border-bottom:1px solid #ccc;}




/* paragraphs, quotes and lists
----------------------------------------------- */
p{margin-bottom:1em;}
blockquote{font-family:Georgia,'Times New Roman',serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc;}
blockquote cite{font-size:.9em;}
ul,ol{padding-top:0;}



/* menus
----------------------------------------------- */
ul.menu{list-style:none;border-top:1px solid #bbb;}
ul.menu li{margin:0;}
ul.menu li a{display:block;padding:4px 10px;border-bottom:1px solid #ccc;}
ul.menu li a:hover{background:#eee;}
ul.menu li a:active{background:#ccc;}



/* submenus
----------------------------------------------- */
ul.menu ul{list-style:none;margin:0;}
ul.menu ul li a{padding-left:30px;}



/* section menus
----------------------------------------------- */
ul.section{border-top:0;margin-bottom:0;}
ul.section li{text-transform:uppercase;}
ul.section li a{background:#bbb;}
ul.section li a:hover{background:#aaa;}
ul.section li a:active{color:#fff;background:#666;}
ul.section li li a{background:#ddd;border-bottom:1px solid #eee;}
ul.section li li a:hover{background:#ccc;}
ul.section li li a:active{color:#000;background:#fff;}
ul.section ul li{text-transform:none;}
ul.section ul.current li a{background:#eee;border-bottom:1px solid #fff;}
ul.section ul.current li a:hover{background:#ddd;}
ul.section ul.current li a:active{background:#fff;}
ul.section li a.current{color:#fff;background:#666;}
ul.section li a.current:hover{background:#555;}
ul.section li a.current:active{background:#444;}
ul.section li a.active{background:#fff;cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover{color:#fff;background:#666;cursor:default;}



/* table
----------------------------------------------- */
table{width:100%;border:1px solid #bbb;margin-bottom:10px;}
col.colC{width:8em;}
th,td{padding:.2em 1em;text-align:left;}
thead th{border-bottom:2px solid #888;background:#bbb;padding:.4em 1em .2em;}
thead th.table-head{font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#555;border:1px solid #555;}
tbody th,
tbody td{border-top:1px solid #bbb;border-bottom:1px solid #bbb;background:#eee;}
tbody tr.odd th,
tbody tr.odd td{background:#fff;}
tfoot th,
tfoot td{border-top:2px solid #666;background:#eee;}
tfoot tr.total th,
tfoot tr.total td{border-top:6px double #666;}
tfoot tr.total th{text-transform:uppercase;}
th.currency,
td.currency{text-align:right;}


/* forms
----------------------------------------------- */


/* articles
----------------------------------------------- */
.articles{padding:0;}
.articles h2{margin:0;}
#articles{padding-top:0;}
.article{border-top:1px solid #666;padding-top:.5em;}
.box .article{border-top:3px solid #fff;padding:13px 10px 0 10px;}
.article h2{font-size:2em;font-weight:normal;text-transform:none;color:#333;background:transparent;padding:0;margin:0;border:none;}
.article h3{margin-bottom:.2em;font-size:1.6em;}
.box .first{border-top:none;}
.article h4{font-size:1.2em;text-transform:uppercase;margin-bottom:.5em;}
.article a.image{float:left;margin:3px 10px 3px 0;padding:4px;border:1px solid #bbb;background:#fff;}
.article a.image:hover{border:1px solid #666;}
.article a.image img{float:left;}
.article p.meta{color:#666;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:.3em 0;margin-bottom:.8em;}



/* site information
----------------------------------------------- */
#site_info .box{color:#fff;background:#666;margin-bottom:10px;}



/* AJAX sliding shelf
----------------------------------------------- */
#loading{float:right;margin-right:16px;}
.block{padding-bottom:1px;}



/* Accordian
----------------------------------------------- */
.toggler{color:#222;margin:0;padding:2px 5px;background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;font-size:1.1em;font-weight:bold;}
dd h4{margin:0;padding:4px;line-height:1.2em;}
dd p{margin:0;padding:4px;}
.float-right{padding:10px 20px;float:right;}
#accordian-block{padding-bottom:10px;}
#accordian-block dd{width:380px;}
#kwick-box{padding:0;overflow:hidden;z-index:1}
#kwick-box h2{margin:0;}
#kwick{position:relative}
#kwick .kwicks{display:block;background:#fff;height:120px;list-style:none;margin:0;overflow:hidden;}


/* Mootools Kwicks
----------------------------------------------- */

.kwicks li{float:left;width:235px;height: 235px;margin-bottom:3px;padding:5px}  
.kwicks a{display: block;text-indent:-9000px;width:860px;height:235px}

#kwick1{background:transparent url(/images/home/kwicks-coffee.jpg) no-repeat top left;}
#kwick2{background:transparent url(/images/home/kwicks-coffee-machines.jpg) no-repeat top left;}
#kwick3{background:transparent url(/images/home/kwicks-gifts.jpg) no-repeat top left;}
#kwick4{background:transparent url(/images/home/kwicks-proshop.jpg) no-repeat top left;}