/* COLORS
------------------------------------------- 
Dark Cream:   #b0905e
Med Cream/BG: #e8d7ae
Light Cream:  #f0e0bd
Dark Brown:   #3c2415
Green:        #a99834
Rust Red:     #b5482c
*/

/* RESET
------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin: 0 0 1px; font-size: 100%; }
body { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#b0905e; background:#3c2415; }
@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family:"Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }


/* TEXT STYLES
------------------------------------------- */
p{ font-size:12px; margin:9px 0 9px 0; }
a { color:#b5482c; text-decoration:underline; }
a:hover, a:focus, a:active { color:#b5482c; text-decoration:none; }
h1, h2, h3, h4, h5, h6 { margin:9px 0 9px 0; line-height:18px; color:#b0905e; font-family:Arial, Helvetica, sans-serif; }
h1{ font-size:22px; }
h2{ font-size:20px; }
h3{ font-size:15px; }
i,em{ font-family:"Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; }


/* FORMS
------------------------------------------- */
form{ padding:0; margin:0; }
form div{ margin:0 0 9px 0; }
label{ display:block; }
input, textarea, select{ margin:0; padding:4px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; color:#b0905e; border:0; background:#fff; }
.btn{ float:right; position:relative; width:auto!important; margin:0 0 0 4px; padding:4px; color:#fff; border:0px; background:#a99834; }


/* LAYOUT
------------------------------------------- */
#body-wrapper{ width:100%; margin:0; padding:36px 0 36px 0; background:#e8d7ae url(http://grounds4good.com/public/images/main-bg.jpg) center top repeat-x; }
#content-wrapper{ position:relative; width:960px; margin:0 auto 0 auto; overflow:hidden; }
#logo{ position:absolute; z-index:200; left:36px; top:0; width:210px; height:134px; background:url(http://grounds4good.com/public/images/header-logo.png) no-repeat; }
#logo a{ display:block; width:210px; height:134px; text-indent:-999em; overflow:hidden; outline:none; }
#logo a, #logo a:hover, #logo a:active{ outline:none; }
#header{ position:relative; width:960px; height:118px; margin:0 0 6px 0; background:url(http://grounds4good.com/public/images/header-bg-green.jpg) 0px 100% no-repeat; }
#tagline{ float:right; width:177px; height:19px; margin:9px 0 0 0; background:url(http://grounds4good.com/public/images/header-tagline.gif) no-repeat; }
#tagline h2{ text-indent:-999em; }
#content{ position:relative; width:922px; padding:18px; border:1px solid #ddcd9b; background:#f0e0bd; overflow:hidden; }
#content-mask{ position:relative; width:922px; overflow:hidden; }
#panel-wrapper{ width:922px; /*height:532px;*/ }
.panel{ float:left; width:922px; /*height:532px; overflow:hidden;*/ }
.child-left{ float:left; width:522px; }
.child-right{ float:right; width:346px; }


/* MAIN NAV
------------------------------------------- */
#nav{ float:right; clear:right; height:34px; list-style:none; margin:36px 0 0 0; padding:0; overflow:hidden; }
#nav li{ display:inline; float:left; margin: 0 0 0 6px; font-weight:normal; line-height:1em; text-align:center; text-transform:uppercase; font-family:"Gill Sans MT",Arial, Helvetica, sans-serif; }
#nav li a{ display:block; float:left; height:28px; padding:7px 9px 0 9px; font-size:14px; line-height:1em; color:#a99834; text-decoration:none; background:url(http://grounds4good.com/public/images/nav-bg-out.png) center top repeat-x; }
#nav li a:hover, #nav li a:active{ text-decoration:none; color:#f0e0bd; background:url(http://grounds4good.com/public/images/nav-bg-over.png) center top repeat-x; }
#nav li a.cart{ display:block; float:left; width:36px; height:35px; padding:0; text-indent:-999em; background:url(http://grounds4good.com/public/images/cart-btn.png) right top no-repeat; }
#nav li a.cart:hover{ background:url(http://grounds4good.com/public/images/cart-btn.png) left top no-repeat; }


/* BLOGS
------------------------------------------- */
.blog-date{ margin:0; padding:0; color:#b0905e; font-size:10px; font-style:italic; }
.blog-comments{ padding:9px; border:1px solid #ddcd9b; background:#f0e0bd; }
.blog-comments h3{ margin:0 0 9px 0; }
.blog-comment-link{ font-size:11px; margin:0px; }
.comment{ margin:0 0 9px 0; border-bottom:1px solid #ddcd9b; }
.comment-form-field{ float:left; width:249px; margin:0 0 9px 0; }
.comment-form-field input{ width:237px; }
.comment-textarea-field{ float:left; width:498px; margin:0 0 9px 0; }
.comment-textarea-field textarea{ width:492px; height:60px; }
#comment-status{ float:left; width:436px; margin:0; text-align:left; font-style:italic; color:#b5482c; }


/* FOOTER
------------------------------------------- */
#footer-wrapper{ width:100%; height:301px; border-top:3px solid #a99834; background:url(http://grounds4good.com/public/images/footer-bg.jpg) center top repeat-x; }
#footer{ width:960px; margin:18px auto 0 auto; padding:0 0 18px 0; color:#b0905e; border-bottom:1px solid #b0905e; }
#footer p{ margin:0 0 9px 0; font-size:11px; line-height:15px; color:#b0905e; }
#footer .left{ float:left; width:223px; border-right:1px solid #b0905e; }
#footer .mid{ float:left; width:205px; padding:0 0 0 18px; border-right:1px solid #b0905e; }
#footer .mid h2{ margin:0 0 9px 0; font-size:15px; font-weight:bold; line-height:1em; }
#footer .mid ul{ margin:0; padding:0; list-style:none; }
#footer .mid li{ margin:0; padding:0; list-style:none; text-transform:capitalize; font-size:11px; line-height:15px; }
#footer .mid li a{ color:#b0905e; text-decoration:none; }
#footer .mid li a:hover{ color:#b5482c; text-decoration:none; }
#footer .cc{ float:left; width:32px; padding:0 18px 0 18px; border-right:1px solid #b0905e; }
#footer .right{ float:left; padding:0 0 0 18px; }
#footer .right #ml-form-wrapper{ height:23px; overflow:hidden; }
#footer .right #ml-form-wrapper input{ float:left; margin:0 4px 0 0; }
#footer .right #ml-form-wrapper .btn{ float:left; margin:0; }
#footer .right h2{ font-size:15px; font-weight:bold; margin:0 0 9px 0; line-height:1em; }
#footer .right input{ width:150px; font-size:10px; }
#footer .right #ml-status{ float:left; width:219px; margin:5px 0 0 0; color:#a99834; font-family:"Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; font-size:10px; font-style:italic; }
#auth-seal{ margin:18px auto 0 auto; }


/* HOMEPAGE ELEMENTS
------------------------------------------- */
#featured{ padding:0; margin:0; list-style:none; }
html.js #featured { position:relative; width:922px; height:344px; overflow:hidden; }
html.js #featured li{ display:none; position:absolute; z-index:100; top:0; left:0; }
html.js #featured li.active{ display:block; }
#news-bar{ float:left; width:696px; height:19px; margin:9px 0 0 0; padding:5px 0 0 70px; background:#b0905e url(http://grounds4good.com/public/images/news-bar-bg.gif) 9px 7px no-repeat; }
#news-bar p{ margin:0; padding:0; color:#f0e0bd; font-style:italic; font-size:11px; }
#home-buy-btn{ float:right; width:147px; height:24px; margin:9px 0 0 0; }
#home-buy-btn a{ display:block; width:147px; height:24px; text-indent:-999em; background:url(http://grounds4good.com/public/images/buy-btn.gif); overflow:hidden; }
#featured-coffee{ float:left; width:232px; height:126px; margin:9px 0 0 0; padding:9px; border:1px solid #ddcd9b; background:#e8d7ae; }
#featured-coffee h3{ line-height:1em; margin:0 0 9px 0; }
#featured-coffee p{ margin:0px; line-height:15px; }
#featured-coffee img{ float:left; margin:0 9px 0 0; }
#home-causes{ float:left; width:206px; height:126px; margin:9px 0 0 18px; padding:9px; border:1px solid #ddcd9b; background:#e8d7ae; }
#home-causes h3{ line-height:1em; margin:0 0 9px 0; }
#home-causes p{ margin:0px; line-height:15px; }
#home-causes img{ float:left; margin:0 9px 0 0; }
#home-feeds{ float:right; width:405px; height:144px; margin:9px 0 0 9px; padding:0; border:1px solid #ddcd9b; background:#e8d7ae; }

/* FeedMagnet Specific */
.feedmagnet-block{ line-height: 100%; }
.feedmagnet-block ol, .feedmagnet-block ul{ list-style:none; }
.feedmagnet-block img a{ border:none; }
.feedmagnet-block{ font-family:"Trebuchet MS",Arial, san-serif; }
.feedmagnet-block a, .feedmagnet-block a:hover{ color:#b5482c; text-decoration:none; background-color:transparent; }
.feedmagnet-block a:hover{ text-decoration:underline; background-color:transparent; }
.feedmagnet-dateset{ width:100%; float:left; background:#e8d7ae; border-bottom:1px solid #ddcd9b; }
.feedmagnet-date{ padding:4px 9px; background:#b0905e; color:#f0e0bd; font-size:9px; font-weight:bold; }
.feedmagnet-item{ margin:10px; }
.feedmagnet-content{ float:left; width:100%; margin:0 0 0px -20px; padding:0 0 8px 25px; }
.feedmagnet-content img.feedmagnet-photo, .feedmagnet-content img.feedmagnet-teaser-image{ float:left; margin:0 10px 10px 0; }
.feedmagnet-content .feedmagnet-largetext{ font-size:12px; line-height:15px; }
.feedmagnet-content .feedmagnet-smalltext{ font-size:10px; line-height:14px; }
.feedmagnet-content .feedmagnet-links{ margin:9px 0 0 0; padding:0; }
.feedmagnet-content .feedmagnet-links li{ clear:both; font-size:80%; line-height:80%; margin-top:12px; word-wrap:break-word; }
.feedmagnet-content .feedmagnet-links li img{ float:left; padding:2px; background:#bbbbbb; margin:-4px 5px 5px 0; width:16px; height:16px; }
.feedmagnet-content .feedmagnet-links li .feedmagnet-small{ font-size: 60%; }
.feedmagnet-content .feedmagnet-links li a{ background-color:transparent; }
.feedmagnet-content .feedmagnet-links li:fist-child{ margin-top:0; }
.feedmagnet-avatar{ display:none; float:right; margin-bottom:5px; }
.feedmagnet-avatar img{ width:26px; height:26px; }
.feedmagnet-info{ clear:left; padding:3px 0 0 0; text-align:right; font-size:9px; }
.feedmagnet-info .feedmagnet-source{ display:inline; }
.feedmagnet-info .feedmagnet-item-datetime{ display:inline; }
.feedmagnet-info .feedmagnet-item-datetime .feedmagnet-item-date{ display:none; }
.feedmagnet-info a{ background-color:transparent; }
.feedmagnet-item:last-child .feedmagnet-info{ border:0; }
.feedmagnet-footer{ display:none; width:100%; float:left; background:#bbbbbb url(http://www.feedmagnet.com/m/widget-themes/basic/feedmagnet.png) no-repeat; background-position:10px 10px; font-size:80%; }
.feedmagnet-footer a, .feedmagnet-footer a:hover{ float:right; text-align:right; padding:22px 20px 20px 120px; color:white; background-color:transparent; }
.feedmagnet-blurb .feedmagnet-content, .feedmagnet-article .feedmagnet-content{ background:url(http://www.feedmagnet.com/m/widget-themes/basic/icon-quote-small.png) no-repeat; }
.feedmagnet-photo .feedmagnet-content, .feedmagnet-photoblurb .feedmagnet-content{ background:url(http://www.feedmagnet.com/m/widget-themes/basic/icon-camera-small.png) no-repeat; }
.feedmagnet-video .feedmagnet-content, .feedmagnet-videoblurb .feedmagnet-content{ background:url(http://www.feedmagnet.com/m/widget-themes/basic/icon-video-small.png) no-repeat; }
.feedmagnet-link .feedmagnet-content{ background:url(http://www.feedmagnet.com/m/widget-themes/basic/icon-link-small.png) no-repeat; }


/* NEWSLETTER SIGNUP
------------------------------------------- */
#newsletter { background: url(http://grounds4good.com/public/images/newsletter-top.png) no-repeat; margin: 0 0 15px; }
#newsletter form { display: block; padding: 8px; background: url(http://grounds4good.com/public/images/newsletter-bottom.png) 0 100% no-repeat; overflow: hidden;}
#newsletter p { margin: 0 0 10px; }
#newsletter p.submit { text-align: right; font: 1.1em Arial,Helvetica,sans-serif; margin: 0; }
#newsletter p.submit button { background:#391f0f; padding:5px 10px; color: #fff; border: none; text-transform: uppercase; }
#newsletter label { display:block; font-weight:bold; color:#391f0f; margin:0 0 3px; text-transform:capitalize; }
#newsletter input { width:167px; padding:3px; border:1px solid #fff; }


/* ACCORDIONS
------------------------------------------- */
.accordions{ float:left; width:540px; position:relative; }
.accordion{ position:relative; margin:0 0 2px 0; padding:0; overflow:hidden; }
.accordion h2{ margin:0; font-weight:normal; font-size:15px; color:#f0e0bd; line-height:1; }
.accordion-title{ text-transform:uppercase; }
html.js .accordion{ cursor: pointer; }
html.js .accordion-active{ cursor: default; }
html.js .accordion .accordion-wrapper{ display:none; padding:9px; border:1px solid #ddcd9b; background:#e8d7ae; overflow:hidden; }
html.js .accordion-active .accordion-wrapper{ display:block; }
html.js .accordion h2{ padding:6px; background:#a99834 url(http://grounds4good.com/public/images/accordion-arrows.png) -540px top no-repeat; }
html.js .accordion-active h2{ background:#a99834 url(http://grounds4good.com/public/images/accordion-arrows.png) left top no-repeat; cursor:pointer; }


/* RIGHT-SIDE ITEMS
------------------------------------------- */
.content-box{ width:326px; padding:9px; border:1px solid #ddcd9b; background:#e8d7ae; overflow:hidden; }
#think-life{ width:209px; height:239px; margin:18px auto 0 auto; }
#right-video{ width:326px; height:183px; margin:18px 0 0 0; padding:9px; border:1px solid #ddcd9b; background:#e8d7ae; overflow:hidden; }
#right-video #video-dummy a{ display:block; width:326px; height:183px; text-indent:-999em; background:url(http://grounds4good.com/public/images/video-dummy.png) center top no-repeat; }
#right-video #video-dummy a:hover{ background:url(http://grounds4good.com/public/images/video-dummy.png) center bottom no-repeat; }
.child-buy-btn{ width:147px; height:24px; margin:18px auto 0 auto; }
.child-buy-btn a{ display:block; width:147px; height:24px; background:url(http://grounds4good.com/public/images/buy-btn.gif) left top no-repeat; text-indent:-999em; overflow:hidden; }
#child-fm-feed{ width:337px; margin:0 0 9px 0; padding:0; border:1px solid #ddcd9b; background:#e8d7ae; }
.right-div{ margin:0 0 9px 0; }
#contact-form textarea{ width:318px; height:100px; }
#contact-status{ float:left; width:237px; height:10px; margin:0; font-style:italic; color:#b5482c; }


/* PAGINATION
------------------------------------------- */
/*#pagination{ float:left; margin:18px 0px 18px 0px; }
#pagination p a{ text-decoration:none; color:#333; }
#pagination p{ margin:0px; color:#333; font-size:11px; }
#pagination p .next_page{ margin:0px 0px 0px 4px; padding:5px; color:#333; background-color:#f4f4f4; }
#pagination p .prev_page{ margin:0px 4px 0px 0px; padding:5px; color:#333; background-color:#f4f4f4; }
#pagination p .page_num{ margin:0px 4px 0px 4px; padding:5px; color:#333; background-color:#f4f4f4; }
#pagination p .current_page{ margin:0px 4px 0px 4px; padding:5px; color:#333; background-color:#f4f4f4; }*/


/* PHOTO ALBUMS
------------------------------------------- */
.gallery{ margin:0 0 18px 0; }
.gallery-thumb{ float:left; margin:0 8px 0 0; padding:4px; border:1px solid #ddcd9b; background:#e8d7ae; overflow:hidden; }
.gallery-thumb-last{ float:left; margin:0; padding:4px; border:1px solid #ddcd9b; background:#e8d7ae; }
.gallery-thumb a, .gallery-thumb-last a, .gallery-thumb a, .gallery-thumb-last a{ display:block; width:70px; height:70px; margin:0; padding:0; text-decoration:none; line-height:0em; }
.partner-logo{ float:left; width:110px; height:50px; margin:0 5px 5px 0; padding:0; border:1px solid #ddcd9b; background:#e8d7ae; overflow:hidden; }
.partner-logo-last{ float:left; width:110px; height:50px; margin:0; padding:0; border:1px solid #ddcd9b; background:#e8d7ae; }
.partner-logo a, .partner-logo-last a, .partner-logo a, .partner-logo-last a{ display:block; width:110px; height:50px; margin:0; padding:0; text-decoration:none; line-height:0em; }


/* SUCCESS & ERROR MESSAGES
------------------------------------------- */
.alert{ height:auto; margin:0px 0px 16px 0px; padding:8px 8px 8px 36px; background-color:#dc9600; background-image:url("http://grounds4good.com/public/images/bg/alert_bg.gif"); background-position:left; background-repeat:no-repeat; }
.error{ height:auto; margin:0px 0px 16px 0px; padding:8px 8px 8px 36px; background-color:#990000; background-image:url("http://grounds4good.com/public/images/bg/error_bg.gif"); background-position:left; background-repeat:no-repeat; }
.success{ height:auto; margin:0px 0px 16px 0px; padding:8px 8px 8px 36px; background-color:#336600; background-image:url("http://grounds4good.com/public/images/bg/success_bg.gif"); background-position:left; background-repeat:no-repeat; }
.error p, .success p, .alert p{ margin:0px!important; color:#FFF; }


/* MISC ELEMENTS
------------------------------------------- */
.clear-it { width:0px; height:1px; clear:both; margin:0px; margin-top:-1px; padding:0px; line-height:1px; position:relative; background-color:#339900; }
hr { overflow:hidden; height:1px; margin:9px 0 9px 0; padding:0; border:none; background-color:#ddcd9b; color:#ddcd9b; }
*:first-child+html hr { margin: -7px 0 8px !important; }
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
.float_right{ float:right; margin:0px 0px 18px 18px; border:6px solid #f4f4f4; }
.req{ color:#b5482c; }


/* NEWS VIEWER
------------------------------------------- */
#news-viewer-wrap{ width:584px; margin:0 auto 0 auto; padding:18px; background:url(http://grounds4good.com/public/images/news-viewer-bg.jpg) center top repeat-x; }
#news-viewer-header{ width:566px; height:18px; margin:0 0 9px 0; padding:9px; background:url(http://grounds4good.com/public/images/news-viewer-header-bg.jpg); }
#news-viewer-header h1{ margin:0; font-size:18px; color:#3c2415; line-height:1em; }
#news-viewer-content-wrap{ position:relative; float:left; width:263px; height:294px; margin:0 9px 0 0; padding:9px; border:1px solid #ddcd9b; background:#f0e0bd; }
#news-viewer-content-wrap #loader{ display:none; position:absolute; width:24px; height:24px; top:135px; left:119px; }
#news-viewer-content-scroll{ width:263px; height:294px; overflow:auto; }
#news-viewer-content{ margin:0 9px 0 0; }
#news-viewer-content h2{ margin:0px; line-height:18px; font-weight:bold; font-size:18px; color:#b0905e; }
#news-viewer-content .article-date{ margin:0; font-size:10px; color:#3c2415; font-style:italic; }
#news-viewer-content p{ margin:0 0 9px 0; color:#b0905e; font-size:12px; }
#news-viewer-list-wrap{ float:left; width:283px; height:314px; padding:0 9px 0 0; overflow:auto; }
#news-viewer-list{ list-style:none; margin:0; padding:0; }
#news-viewer-list li{ list-style:none; margin:0 0 2px 0; padding:0; }
#news-viewer-list li a{ display:block; height:35px; padding:6px; font-size:15px; line-height:16px; color:#f0e0bd; text-decoration:none; background:#3c2415; overflow:hidden; }
#news-viewer-list li a:hover{ color:#b5482c; }
#news-viewer-list li a span.date{ float:left; width:35px; height:35px; margin:0 9px 0 0; background:#3c2415 url(../images/news-viewer-date-ico.gif) no-repeat; }
#news-viewer-list li span.month{ display:block; width:35px; margin:3px auto 0 auto; font-size:10px; color:#3c2415; text-align:center!important; line-height:1em; }
#news-viewer-list li span.day{ display:block; width:35px; margin:0 auto 0 auto; font-size:20px; color:#3c2415; text-align:center!important; line-height:1em; font-weight:bold; }


/* VOLUNTEER FORM
------------------------------------------- */
#volunteer-wrap{ width:584px; height:394px; margin:0 auto 0 auto; padding:18px; background:url(../images/news-viewer-bg.jpg) center top repeat-x; }
#volunteer-header{ width:566px; height:18px; margin:0 0 9px 0; padding:9px; background:url(../images/news-viewer-header-bg.jpg); }
#volunteer-header h1{ margin:0; font-size:18px; color:#3c2415; line-height:1em; }
.volunteer-field{ float:left; width:292px; margin:0 0 9px 0; }
.volunteer-field input{ width:276px; }
.volunteer-field-textarea{ width:584px; margin:0 0 9px 0; }
.volunteer-field-textarea textarea{ width:576px; height:70px }
#volunteer-status{ float:left; width:539px; margin:0; text-align:left; font-style:italic; color:#b5482c; }


/* JS SCROLL BAR
------------------------------------------- */
.jScrollPaneContainer{ position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack{ position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#aaa; }
.jScrollPaneDrag{ position:absolute; background:#666; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop{ position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom{ position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp{ display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color: #666;*/ height:9px; }
a.jScrollArrowUp:hover{ /*background-color: #f60;*/ }
a.jScrollArrowDown{ display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color: #666;*/ height:9px; }
a.jScrollArrowDown:hover{/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{ /*background-color: #f00;*/ }


/* COLORBOX
------------------------------------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* ULTRA CART
------------------------------------------- */
form center, form center p{ padding:0px; }
.ucApplyCouponButton {
	background-image: url(http://grounds4good.com/public/images/ultracart/applyCoupon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 97px;
}
