/* ELEMENTS */
body {background:#eee; font-family: Arial, arial, sans-serif; font-size: 12px;}
a {color: #00a2ff;}
a:hover {color: #0082af;}
p {margin-bottom: 1em;}
h1 {border-bottom: 1px solid #AAA; color: #00a2ff; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
table {border: 1px solid black;}
th {border: 1px solid; white-space: nowrap; padding: 5px;}
td {border: 1px solid; padding: 5px;}

/* REGIONS */
#frame {background: #fff; border: 1px solid #CCC; margin:0 auto; width:960px;}
#header {background: transparent url('/media/images/longscycle/fall.jpg') no-repeat; height: 150px; padding: 0; position: relative;}
#navbar {background: #eee url('/media/images/longscycle/navbar-background.png') repeat-x; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 50px;}
#leftcolumn {float: left; width: 230px; padding:10px 0 0 10px;}
#contentwell {float: right; padding: 10px; width: 700px;}
#footer {background: #ddd; border-top: 1px solid #ccc; clear: both; color: #888; padding: 10px; text-align: center;}

/* SHARED CLASSES */

/* messages */
.message {border: 1px solid black; background: #CCC; margin: 0 auto; padding: 10px;}
.message-info {border-color: #AA9; background: #FFD; margin: 0 auto; padding: 10px;}
.message-error {border-color: #800; background: #A66; margin: 0 auto; padding: 10px;}
.message-okay {border-color: #080; background: #6A6; margin: 0 auto; padding: 10px;}

/*product lists*/
.product-list-blocks {display: block; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.product-list-blocks li {display: block; float: left; width: 233px;}
.product-list-blocks a {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #000; font-weight: bold; height: 160px; padding:10px; text-align: center; text-decoration: none;}
.product-list-blocks .thumbnail {display: block; height: 80px;}
.product-list-blocks .thumbnail img {display: block; margin: 0 auto;}
.product-list-blocks .name {display: block; padding-top: 10px;}
.product-list-blocks .price {bottom: 5px; color: #347418; display: block; padding-top: 10px;}
.product-list-blocks a:hover {color: #00a2ff;}
.product-list-blocks a:hover .price {color: #00a2ff;}

#search_result h2 {border-bottom: 1px solid #1f1f1f; font-size: 1.2em;}
#search_result h2 a {background: #3d3d3d; color: #dddddd ;display: block; padding: 10px; text-decoration: none; text-shadow: #000000 1px 1px 2px;}
.product-list-search {display: block;}
.product-list-search li {display: block; padding-bottom: 5px;}
.product-list-search a {border: 1px solid #d2d2d2; color: #4e4e4e; font-weight: bold; padding:5px; text-decoration: none;}
.product-list-search .thumbnail {display: block; float: left; height: 40px; margin-right: 5px; width: 40px;}
.product-list-search .name {display: block;}
.product-list-search .price {color: #347418; display: block;}
.product-list-search a:hover {border: 1px solid #00a2ff; color: #00a2ff;}
.product-list-search a:hover .price {color: #00a2ff;}

.product-list-featured a {display: block; color: #222; text-align: center; text-decoration: none;}
.product-list-featured img {display: block; margin: 0 auto;}
.product-list-featured .name {display: block; margin-top: 10px;}
.product-list-featured .price {display: block; font-size: 1.5em; font-weight: bold; margin-top: 10px;}
.product-list-featured a:hover {color: #00a2ff;}

/*
#product_category h2 {border-bottom: 1px solid #00a2ff; font-size: 1.2em;}
#product_category h2 a {background: #C3D9FF; display: block; padding: 10px;}
*/
.product-list {padding-bottom: 10px;}
#product_category h2 {border-bottom: 1px solid #1f1f1f; font-size: 1.2em;}
#product_category h2 a {background: #3d3d3d; color: #dddddd ;display: block; padding: 10px; text-decoration: none; text-shadow: #000000 1px 1px 2px;}
#product_category h2 a:hover {color: #00a2ff;}
.product-list-category {background: #E8EEFA; display: block; padding: 6px; margin-bottom: 0px;}
.product-list-category li {background: white; display: block; float: left; margin:4px;}
.product-list-category a {border: 1px solid #d2d2d2; color: #4e4e4e; display: block; font-weight: bold; height: 150px; padding:5px; position: relative;  text-align: center; text-decoration: none; width: 147px;}
.product-list-category .thumbnail {margin-bottom: 5px; text-align: center; height: 85px;}
.product-list-category .name {display: block; text-align: center;}
.product-list-category .price {bottom: 5px; color: #347418; display: block; text-align: center;}
.product-list-category a:hover {border: 1px solid #00a2ff; color: #00a2ff;}
.product-list-category a:hover .price {color: #00a2ff;}
.product-list a.view_all {background: #E8EEFA; display: block; float: left; font-weight: bold; margin-top: 2px; padding: 10px; text-align: center; width: 158px;}

/* INDIVIDUALS */

/* logo */
#logo {position: absolute; left: 50px; bottom: 50px;}

/* login form */
#account {float: left; font-size: 1em; padding: 18px 0 0 18px;}
#account ul {float: left;}
#account li {float: right;}
#account li a {color: #444;display: block; margin-right: 20px; text-decoration: none;}
#account li a:hover {border-bottom: 5px solid #00a2ff; }
#login-form form {float: left; display: block;}
#login-form .register-account {float: left; font-size: 1.2em; padding: 14px 0 0 10px;}

/* search */
#search {background: #FFF; border: 1px solid #ccc;  float: left; position: absolute; right: 50px; bottom: 50px;}
#search input {border: 0; display: inline-block; margin: 0; padding: 0; vertical-align: middle;}
#search input.text {font-size: 1.3em; height: 267x; padding: 5px; width: 250px;}
#search input.submit {width: auto;}

/* menu bar */
#bar {}
#message {color: white; float: left; font-size: 1.3em; font-style: italic; height: 100%; over-flow: hidden; padding-left: 10px; position: relative; text-align: center; width: 460px;}
#message[id] {display: table; position: static;}
#message-middle {position: absolute; top: 50%;}  /* for explorer only*/
#message-middle[id] {display: table-cell; vertical-align: middle; position: static;}
#message-inner {position: relative; top: -50%}  /* for explorer only */
#message-inner[id] {position: static;}

/* cart summary */
#cart-summary {float: right; width: 240px;}
#cart-summary a {background: transparent url('/media/images/longscycle/cart-background.png') 8px 8px no-repeat; border-left: 1px solid #aaa; color: #555; display: block; font-size: 1.2em; font-weight: bold; height: 25px; padding: 15px 10px 10px 50px; text-decoration: none;}
#cart-summary a:hover {}
#cart-summary .items-in-cart {float: left;}
#cart-summary .total-amount {float: right;}

/* product nav */
#products .title{background: #155dad url('/media/images/longscycle/header-blue.png'); color: white; font-weight: bold; padding: 10px;}
#products .content-block-contents {padding: 0;}
#product-nav ul {display: block;}
#product-nav li {display: block; float: left; position: relative; width:228px; z-index: 10;}
#product-nav a {color: #000; display: block; font-weight: bold; font-size: 1.15em; padding: 5px 0 5px 10px; text-decoration: none;}
#product-nav a:hover {background: #155dad; color: white;}
/* subnav */
#product-nav li.current-parent {margin: 0; background: transparent}
#product-nav li.current-parent > a {color: #155dad}
#product-nav li.current-parent ul {display: block; background: transparent}
#product-nav li.current {margin: 0;}
#product-nav li.current > a {background: transparent; color: #155dad}
#product-nav li.current ul {display: block;}
#product-nav ul ul {display: none; margin: 0; margin-left: 10px; z-index: -1; position: relative;}
#product-nav ul ul li {border: none; padding: 0; width:218px; z-index: 1000;}
#product-nav ul ul a {background: #eee; border: 0px solid #ccc; color: #555; font-weight: bold; font-size: 1.0em; height: auto; padding: 2px 5px 2px 10px;}
#product-nav ul ul a:hover {background: #155dad; color: #FFF}
/* subnav hover */
#product-nav li.hover > a {background: #155dad; color: white;}
#product-nav li.hover ul {border: 1px solid #ccc; display: block; left: 218px; position: absolute; top: 0px; z-index: 1000;}

/* featured products */
#featured-products .content-block-contents {border-color: #358CD5; border-width: 3px; font-weight: bold;}
#featured-products .content-block-title {background: #8ee542 url('/media/images/longscycle/header-blue.png');}
#featured-products li {display: block; border-bottom: 2px solid black; padding-bottom: 10px; margin-bottom: 10px;}
#featured-products li.last {display: block; border-bottom: none; padding-bottom: 0; margin-bottom: 0}

/* content */
#content {}
#content .content-title {background: url('/media/images/longscycle/header-black.png'); border: none; color: #DDD; display: block; font-weight: bold; font-size: 1.2em; height: 21px; margin: 0; padding: 8px 10px 7px 10px; text-decoration: none; 440px; text-shadow: #000000 1px 1px 2px;}
#content .content-body {background: white; padding: 10px; position: relative;}
#content.narrow {background: transparent; padding: 0; width: 460px; float: left;}
#right-rail {float: right; width: 230px;}
.content-block {background: url('/media/images/longscycle/vertical-backgrounds.png') -1000px bottom no-repeat; margin-bottom: 10px; padding-bottom: 4px; width: 460px;}
.content-block-title {background: url('/media/images/longscycle/sprites.png') -250px 0px no-repeat; color: #DDD; display: block; font-weight: bold; font-size: 1.2em; height: 21px; padding: 15px 10px 0 10px; text-decoration: none; 440px;}
.content-block-contents {background: white;}

.content-block-auto {margin-bottom: 10px;}
.content-block-auto .content-block-title{background: #155dad url('/media/images/longscycle/header-black.png'); color: white; font-weight: bold; padding: 10px; height: auto;}
.content-block-auto .content-block-contents{border: 1px solid #ccc;padding: 10px;}

/* pagination */
.pagination {background: #E8EEFA;}
.pagination li {border-right: 1px solid white; float: left;}
.pagination li.view-all {float: right;}
.pagination li.view-all {border-left: 1px solid white; border-right: none; float: right;}
.pagination a {display: block; font-size: 1.2em; font-weight: bold; padding:5px 10px; text-decoration: none;}
.pagination .current a {background: #00a2ff; color: white;}

/* breadcrumb */
#breadcrumb {background: #eee; height: 24px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 10px;}
#breadcrumb ul {color: white; list-style-type: none; list-style-position: inside;}
#breadcrumb li {float: left; margin: 6px 0 0 0}
#breadcrumb li .current {background:url(/media/images/icons/bullet_go.png) no-repeat 5px -3px; color: #000; display: block; font-weight: bold; padding-left:25px; font-size: .8em; text-decoration: none;}
#breadcrumb li a {background:url(/media/images/icons/bullet_go.png) no-repeat 5px -3px; color: #555; display: block; padding-left:25px; font-size: .8em; text-decoration: none;}
#breadcrumb li a:hover {color: #00a2ff;}
#breadcrumb li.first a {background: none; padding-left: 10px;}

/* homepage */
#specials {}
#specials .left {float: left;}
#specials .right {float: right; width: 230px;}

/* daily special */
#daily-special .content-block-contents {height: 219px; border-color: #8ee542; border-width: 3px; font-weight: bold;}
#daily-special .content-block-title {background: #8ee542 url('/media/images/longscycle/header-green.png');}

/* carousel */
#carousel {position: relative; width: 460px; margin-bottom: 10px;}
#carousel img {display: block; margin: 0 auto;}
#carousel a {position: relative;}
#carousel a span.caption {background: url('/media/images/longscycle/horizontal-backgrounds.png') 0px 0px; color: #00a2ff; display: block; font-weight: bold; font-size: 1.5em; padding: 10px; position: absolute; left: 0; text-align: right; text-decoration: none; top: 200px; width: 440px;}
#carousel a:hover span.caption {background: url('/media/images/longscycle/horizontal-backgrounds.png') 0px -50px; color: white;}
#carousel .corners-top {background: url('/media/images/longscycle/carousel-corners.png') no-repeat; display: block; height: 4px; position: absolute; top: 0; width: 460px; z-index: 100;}
#carousel .corners-bottom {background: url('/media/images/longscycle/carousel-corners.png') 0px bottom no-repeat; display: none; height: 4px; position: absolute; top: 255px; width: 460px; z-index: 100;}

.jcarousel-control {background: url('/media/images/longscycle/sprites.png') -250px -156px no-repeat; height: 24px;}
.jcarousel-control li {display: block; float: left;}
.jcarousel-control a {background: url('/media/images/longscycle/carousel-controls.png') -24px 0; display: block; height: 24px; width: 24px;}
.jcarousel-control a:hover {background: url('/media/images/longscycle/carousel-controls.png') -24px -24px;}
.jcarousel-control a.current, .jcarousel-control a.current:hover {background: url('/media/images/longscycle/carousel-controls.png') -24px -48px;}
.jcarousel-control a span {display: none;}

#announcements .content-block-contents{padding: 10px;}

/* footer links */
#footer .links {float: left; border: 1px solid #eee; margin-bottom: 10px; padding: 10px; text-align: left; width: 206px;}
#footer .links li {list-style: inside disc;}
#footer .links a {color: black; font-size: 1.2em; text-decoration: none;}
#footer .links a:hover {color: #00a2ff;}

#footer .contact {float: left; border: 1px solid #eee; clear: left; padding: 10px;text-align: left; width: 206px;}
#footer .contact h2 {font-size: 1.2em; color: black; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
footer .contact li {margin-bottom: 5px;}
#footer .contact a {color: black; font-size: 1.2em; text-decoration: none;}
#footer .contact a:hover {color: #00a2ff;}
#footer .social_links {float: left; border: 1px solid #eee; clear: left; padding: 10px;text-align: left; width: 206px;}
#footer .social_links h2 {font-size: 1.2em; color: black; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
#footer .social_links div {display: inline-block;}
#footer .social_links .twitter {margin-right: 20px;}

.footer_affiliate {
float: right;
width: 700px;
}


/* newsletter */
#newsletter {background: #fff; border: 1px solid #aaa; float: right;margin: 0 auto; padding: 10px; width: 680px;}
#newsletter h2 {background: transparent; border: none; color: black;display: block; float: left; font-size: 1.5em; font-weight: bold; margin: 0; padding: 0;}
#newsletter form {display: block; float: right;}

#privacy-notice {clear: right; float: right; width: 680px; padding: 10px 10px 0 10px;}
#authorizenet {background: white; border: 1px solid #aaa; float: right; padding: 10px;}
#paypal_seal {background: white; border: 1px solid #aaa; float: right; margin-right: 20px; padding: 5px;}
#bongo_footer_button {float: right;padding: 27px 20px;}
#giveanything_footer_button {float: right;margin-right: 10px;padding: 40px 20px;}
#bbb_logo{clear: right;padding-top: 20px;}

#social_links {
display: none
}