/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

* {
margin:0pt;
padding:0pt;
}

.none {
display:none;
}

img {
padding:0;
margin:0;
vertical-align:top;
border:none;
}

object {
display:block;
padding:0;
margin:0;
}

.left {
float:left;
margin-right:1.5em;
margin-bottom:1em;
}

.right {
float:right;
margin-left:1.5em;
margin-bottom:1em;
}

.clear {
clear:both;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrapper {height: 100%;}

body > #wrapper {
height: auto;
min-height: 100%;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- Basics -- */
body {
margin:0;
padding:0;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000;
background-color:#FFF;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
border-top:5px solid #000;
}

h1 {
color:#000;
font-size:35px;
margin-bottom:20px;
text-transform:uppercase;
}

h2 {
color:#000;
font-size:2em;
margin-bottom:20px;
}

h3 {
color:#000;
font-size:1.5em;
margin-bottom:1.5em;
}

h4 {
color:#000;
font-size:1.2em;
margin-bottom:1.5em;
}

h5 {
color:#000;
font-size:1.1em;
margin-bottom:1.5em;
}

.clear {
clear:both;
}

#wrapper {
width:1000px;
margin:0 auto;
background-image:url(../images/wrapperbg.png);
background-repeat:no-repeat;
}

#main {
padding-bottom: 170px;
}

#mainInside {
padding-bottom:170px;
background-image:url(../images/insidebg.png);
background-repeat:no-repeat;
}

#globalHeader {
position:relative;
width:1000px;
height: 80px;
padding:0;
margin:0 auto;
}

.logo {
position:absolute;
width:175px;
height:90px;
top:10px;
left:0;
z-index:100;
overflow:hidden;
}

.logo a {
width:175px;
height:0;
display:block;
padding-top:90px;
overflow:hidden;
z-index:100;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
}

.accountmgt {
position:absolute;
top:2px;
right:0;
}

.accountmgt a {
color:#000;
}

/* Content
--------------------------------------- */

#mainContent {
float:left;
width:1000px;
padding-bottom:35px;
}

#mainLeft {
float:left;
width:680px;
padding:15px 0 25px 0;
margin-right:50px;
}

#mainRight {
float:left;
width:270px;
padding:15px 0 25px 0;
}

/* Footer
--------------------------------------- */

#footerWrapper {
position: relative;
margin-top: -170px; /* negative value of footer height */
height: 170px;
clear:both;
width:100%;
background-color:#000;

}

#footer {
width:1000px;
height: 170px;
clear:both;
margin:0 auto;
margin:0 auto;
}

.footerBox {
color:#CCC;
padding:15px 20px;
font-size:11px;
}

.footerBox a {
color:#528CE0;
text-decoration:none;
}

.footerBox a:hover {
text-decoration:underline;
}

/* Feature
---------------------------------------- */

#feature {
float:left;
position:relative;
width:1000px;
height:410px;
}

#feature span#featureTop {
position:relative;
width:1000px;
height:55px;
display:block;
background-image:url(../images/featurebg-top.png);
background-repeat:no-repeat;
}

#feature span#featureBottom {
position:relative;
top:0;
width:1000px;
height:90px;
display:block;
background-image:url(../images/featurebg-bottom.png);
background-repeat:no-repeat;
}

#feature #featureContent {
position:relative;
padding:0 30px 0 30px;
width:940px;
height:265px;
background-image:url(../images/featurebg.png);
}

#slides {
float:left;
width:940px;
height:265px;
}

.slide {
float:left;
width:940px;
height:265px;
color:#FFF;
}

.slide img {
float:left;
margin-right:1.5em;
}

.slide p {
line-height:1.4em;
font-weight:100;
font-family: Arial, Helvetica, sans-serif;
}

.slide a {
color:#538DE1;
text-decoration:none;
}

.slide a:hover {
text-decoration:underline;
}

.slideContent {
padding:25px;
}

.slideContent h1 {
color:#FFF;
font-size:46px;
font-family: Arial, Helvetica, sans-serif;
}

.slideContent h2 {
color:#B5000D;
font-size:24px;
font-family: Arial, Helvetica, sans-serif;
}

.subhead {
margin-top:-25px;
font-weight:100;
text-transform:uppercase;
}

/* myController nav
--------------------------------------- */

#controlHolder {
position:absolute;
top:300px;
left:40px;
height:9px;
width:960px;
background: url(../images/featurebarbg.png) repeat-x;
overflow:hidden;
}

#controlHolder ol, #controlHolder ol li {
list-style: none;
text-align:left;
}

#controlHolder ol li {
display: inline;
}

.nav {margin: 0; padding: 0;}
.nav li {display: inline; list-style: none;}

.nav {
color: #FFF;
}

.nav a {
color: #FFF;
display:inline-block;
width:9px;
height:0;
padding-top:30px;
text-decoration:none;
overflow:hidden;
background-image:url(../images/slidenav.jpg);
background-repeat:no-repeat;
}

.nav a:hover, .nav a.jFlowSelected {
background-image:url(../images/slidenav-over.jpg);
background-repeat:no-repeat;
}
.nav .hide {display: none;}

/* Content Boxes
---------------------------------------- */

/* Inside Span Box
---------------------------------------- */

.insidespanBox {
width:100%;
padding-top:60px;
}

.center {
text-align:center;
}

/* Inside Left Box
---------------------------------------- */

.insideboxLeft {
padding-top:40px;
}

/* Inside Right Box
---------------------------------------- */

.insideboxRight {
padding-top:40px;
}

/* Split Box
---------------------------------------- */

.splitContainer {
float:left;
width:100%;
}

.splitLeft {
float:left;
width:50%;
}

.splitRight {
float:left;
width:50%;
}


/* Left Box
---------------------------------------- */

.boxLeft ul,  .boxLeft ol, .insideboxLeft ul,
.insideboxLeft ul, .insidespanBox ul, .insidespanBox ol {
margin: 0 1.5em 1.5em 2em;
}

.boxLeft dl, .insideboxLeft dl, .insidespanBox dl {
margin: 0 0 1.5em 0;
}

.boxLeft li, .insideboxLeft li {
margin-bottom:0.25em;
}

.boxLeft blockquote, .insideboxLeft blockquote,
.insidespanBox blockquote {
width:85%;
color: #000;
font-style: italic;
padding: 1.5em;
margin:0 auto;
}

.boxLeft p, .insideboxLeft p,
.insidespanBox p {
margin: 0 0 1.5em 0;
line-height:1.4em;
}

.boxLeft a, .insideboxLeft a,
.insidespanBox a {
color:#1F50AD;
text-decoration:none;
}

.boxLeft a:hover, .insideboxLeft a:hover,
.insidespanBox a:hover {
text-decoration:underline;
}

.boxLeft acronym, .insideboxLeft acronym,
.insidespanBox acronym {
color:#B5000D;
}

.imgLeft {
float:left;
padding:0 1.5em 0.8em 0;
}

.imgRight {
float:right;
padding:0 0 0.8em 1.5em ;
}

/* Right Box
---------------------------------------- */

.boxRight ul, .boxRight ol, .insideboxRight ul, .insideboxRight ol {
margin: 0 1.5em 1.5em 2em;
}

.boxRight dl, .insideboxRight dl {
margin: 0 0 1.5em 0;
}

.boxRight li, .insideboxRight li {
margin-bottom:0.25em;
}

.boxRight blockquote, .insideboxRight blockquote {
width:85%;
color: #000;
font-style: italic;
padding: 1.5em;
margin:0 auto;
}

.boxRight p, .insideboxRight p {
margin: 0 0 1.5em 0;
line-height:1.4em;
}

.boxRight a, .insideboxRight a {
color:#1F50AD;
text-decoration:none;
}

.boxRight a:hover, .insideboxRight a:hover {
text-decoration:underline;
}

.boxRight acronym, .insideboxRight acronym {
color:#B5000D;
}

/* Exceptions
---------------------------------------- */

h2.red {
color:#B5000D;
font-size:19px;
text-transform:uppercase;
}

.headerBg {
width:270px;
height:36px;
color:#FFF;
line-height:2.6em;
font-size: 1.2em;
text-indent:10px;
margin-bottom:0;
background-image:url(../images/sideheaderbg.png);
background-repeat:no-repeat;
overflow:hidden;
}

.borderBox {
width:100%;
margin-bottom:25px;
background-image:url(../images/decoratedBorder.jpg);
background-repeat:repeat-y;
}

.borderBox .borders {
display:block;
padding:0 15px;
background-image:url(../images/decoratedBottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

.uppercase {
text-transform:uppercase;
}

.no-margin {
margin-bottom:0;
}

.more-margin {
margin-bottom:40px;
}

.minus-margin {
margin-top:-20px;
}

.padded {
padding:0 25px;
}

.padded-left {
padding-left:25px;
}

.padded-right {
padding-right:25px;
}

.pattern {
background-image:url(../images/pattern.gif);
background-repeat:repeat;
}

.border-top {
padding-top:25px;
border-top:1px solid #BCBCBC;
}

.border-bttm {
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #BCBCBC;
}

.emph {
color:#528CE0;
}

.red {
color:#B5000D;
}

.adFullwidth {
width:100%;
overflow:hidden;
margin-bottom:25px;
}

.adFullwidth h1, .adFullwidth h2,
.adFullwidth h3, .adFullwidth h4,
.adFullwidth h5, .adFullwidth p {
display:none;
}

/* Other Containers
---------------------------------------- */

.joinContainer {
float:left;
width:1000px;
padding:25px 0;
margin-bottom:25px;
border-top:1px solid #BCBCBC;
border-bottom:1px solid #BCBCBC;
}

.joinJacket {
position:relative;
width:598px;
display:block;
margin:0 auto;
}

.joinLeft {
float:left;
width:298px;
padding:15px 0;
border:1px solid #999;
background-color:#FFF;
}

.joinRight {
float:left;
width:297px;
padding:15px 0;
margin-left:-1px;
border:1px solid #999;
background-color:#FFF;
}

.joinLeft h1, .joinLeft h2,
.joinRight h1, .joinRight h2 {
color:#333;
}

.joinLeft h1, .joinRight h1 {
font-weight:bold;
text-transform:none;
}

.joinLeft h2, .joinRight h2 {
font-size:20px;
font-weight:100;
}

.joinLeft h3, .joinRight h3 {
color:#528CE0;
font-size:16px;
}

.signup {
width:120px;
height:42px;
margin:0 auto;
}

.signup a {
width:120px;
height:0;
display:block;
padding-top:42px;
background-image:url(../images/signup.png);
background-repeat:no-repeat;
overflow:hidden;
}

.masthead {
padding-bottom:15px;
border-bottom:1px solid #BCBCBC;
}

ul.benefits {
color:#2E476B;
margin-top:15px;
margin-right:0;
margin-bottom:0;
margin-left:0;
list-style:none;
font-size:14px;
font-weight:bold;
}

ul.benefits li {
padding:6px 0;
margin:3px 15px;
border-bottom:dotted 1px #BCBCBC;
}

ul.benefits li strong {
color:#C14400;
font-size:21px;
font-weight:bold;
}

/* Events
---------------------------------------- */

ul.events {
list-style:none;
padding:15px 0;
margin:0;
font-size:11px;
}

.events li {
line-height:1.4em;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #BCBCBC;
}

.events a {
color:#528CE0;
}

.events strong {
color:#528CE0;
font-size:18px;
font-weight:bold;
}

ul.events a:hover strong {
text-decoration:underline;
}

#attendees {
  list-style-type: none;
}

#attendees input {
  width: 200px;
  padding: 4px;
  margin-bottom: 5px;
  margin-right: 5px;
  border-bottom: 1px solid rgb(188, 188, 188);
  border-left: 2px solid rgb(153, 153, 153);
  border-right: 1px solid rgb(188, 188, 188);
  border-top: 2px solid rgb(153, 153, 153);
}

/* Recent Articles Viewed
---------------------------------------- */

ul.recentArticles {
list-style:none;
padding:15px 0;
margin:0;
font-size:11px;
}

.recentArticles li {
line-height:1.4em;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #BCBCBC;
}

.recentArticles a {
color:#000;
}

.recentArticles strong {
color:#000;
font-size:15px;
font-weight:bold;
}

ul.recentArticles a:hover strong {
text-decoration:underline;
}

/* Basic Form Styles
---------------------------------------- */

label {
font-weight: bold;
}

input {
padding:2px;
margin-right:5px;
margin-bottom:5px;
}

fieldset {
padding:1.4em;
margin: 0 0 1.5em 0;
background-color:#EBF1FA;
border: 4px solid #BCBCBC;
}


/* Newsletter Form Styles
---------------------------------------- */

fieldset.newsletter {
padding:15px 0;
margin:0;
font-size:12px;
background-color:transparent;
border:none;
}

.newsletter label {
float:left;
width:20%;
display:block;
margin-right:1em;
line-height:2.2em;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}

.newsletter input[type="text"] {
width:60%;
color:#333;
padding:4px;
}

.newsletter #submit {
float:right;
padding:3px;
font-size:15px;
}

/* Membership, Events and Login Form Styles
---------------------------------------- */

fieldset, fieldset  {
padding:1.4em;
margin: 0 0 1.5em 0;
font-size:15px;
background-color:#EBF1FA;
border: 1px solid #BCBCBC;
}

fieldset.login {
width:40%;
margin:0 auto;
}

legend {
font-weight: bold;
font-size:1.5em;
padding:0 15px;
}

fieldset p {
position:relative;
width:100%;
}

#user-name, #user-password {
width:170px;
}

fieldset.login p {
margin-bottom:0;
}

fieldset label {
float:left;
width:12em;
display:block;
margin-right:1em;
text-align:right;
font-weight:100;
}

fieldset.login label {
width:6em;
text-align:left;
}

/* style for required labels */
fieldset label .required {
font-size: 0.83em;
color:#760000;
}

/* style error messages */
fieldset label .feedback {
position: absolute;
width:210px;
right: 10px;
color:#760000;
font-size:12px;
}

/* selected info messages */
.selected-info {
position:relative;
left:200px;
width:50%;
color:#666;
padding:3px;
font-size:12px;
line-height:1.3em;
background:#FFF;
border:1px solid #CCC;
}

/* Set the width for IE6- */
* html .feedback {
 width: 10em;
}

fieldset label .highlight {
color:#5088D9;
font-weight:bold;
}

fieldset input[type="text"]  {
width: 200px;
margin-bottom:1em;
}

fieldset select {
margin-bottom:1em;
}

fieldset select option {
padding:0 2px;
}

fieldset input[type="text"], textarea {
padding:4px;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
}

input.radio, input.checkbox, input.submit {
width: auto;
}

label.nowidth {
width:0.5em;
display:block;
padding-right:1em;
}

fieldset input.state {
width:5em;
}

fieldset input.zip {
width:8em;
}

#subscription label {
float:none;
display:inline;
}

p.single-check label {
float:none;
display:inline;
}

#subscription label {
float:none;
display:inline;
}

/* Expiration Date Styling */

#yearLabel {
display:none;
}

fieldset input.ccv {
width:4em;
}

#member-submit {
width:auto;
padding:3px;
font-size:16px;
}

/* Table Styles
---------------------------------------- */

table {
border-collapse: collapse;
width: 100%;
border: 1px solid #BCBCBC;
margin-bottom:25px;
}

#totals {
float:right;
border-collapse:collapse;
width:30%;
border:none;
}

#totals col, #totals td, #totals tr  {
padding:3px;
border:none;
}

#topFive, .storeProducts {
float:left;
font-size:11px;
}

caption {
color:#FFF;
font-size: 1.2em;
font-weight: bold;
padding:0;
margin-left:-1px;
text-align:left;
text-indent:10px;
line-height:2.6em;
height:36px;
background-image:url(../images/captionbg-left.jpg);
background-repeat:no-repeat;
}

caption span.capbg-right {
width:100%;
height:36px;
display:block;
background-image:url(../images/captionbg-right.jpg);
background-repeat:no-repeat;
background-position:right;
}

#topFive caption, #blogFive caption {
font-size:14px;
}

col {
border-right: 1px solid #BCBCBC;
}

col#product-description {
width:60%;
}

col#product-category {
width:20%;
}

#topFive thead, #blogFive thead {
background: #CCC;
}

th {
font-weight: normal;
text-align: left;
}

#PosHead {
text-indent: -1000em;
}

th, td {
padding: 0.7em 1em;
}

td {
font-weight:bold;
border-top:1px solid #BCBCBC;
border-right:1px solid #BCBCBC;
}

#topFive a, #blogFive a {
color:#1F50AD;
font-weight:100;
text-decoration:underline;
}

#topFive .odd, #blogFive .odd {
background-color:#EDF5FF;
}

#topFive tr:hover, #blogFive tr:hover {
background-color:#F9FFA6;
}

#topFive thead tr:hover, #blogFive thead tr:hover{
background-color: transparent;
color: inherit;
}

.price {
color:#777;
}

.price strong {
color:#B5000D;
}

.buy {
color:#1F50AD;
}

.date {
color:#528CE0;
font-weight:100;
font-size:11px;
}

/* Store Styles and Containers
---------------------------------------- */

col#products1, col#products2, col#products3, col#products4 {
width:25%;
}

col#items {
width:40%;
}

col #quantity {
width:20%;
}

col #item-price {
width:20%;
}

col #total {
width:20%;
}

caption.whitebg {
color:#000;
background-image:url(../images/headerbg-white.jpg);
background-repeat:no-repeat;
}

caption.whitebg span.familyHeader {
width:100%;
height:36px;
display:block;
background-image:url(../images/headerrtbg-white.jpg);
background-repeat:no-repeat;
background-position:right;
}

.storeProducts thead th {
background-color:#E8E8E8;
}

.storeProducts ul, .storeProducts dl {
margin:0;
list-style:none;
}

.storeProducts dl {
padding:5px;
}

.storeProducts dl {
height:150px;
overflow:hidden;
}

.storeProducts dd, .storeProducts dt {
padding:0;
margin:0;
}

.product a {
color:#333;
}

.product a:hover {
color:#528CE0;
text-decoration:none;
}

.product .name {
font-weight:bold;
padding-bottom:5px;
}

.product .price {
color:#333;
padding-top:5px;
}

a.remove {
color:#528CE0;
}

/* Product Detail
----------------------------------- */

.productDetail{
float:left;
width:100%;
padding:25px 0;
}

.productDetail img {
float:left;
margin-right:1.5em;
margin-bottom:1em;
}

.add-to-cart {
float:right;
width:119px;
height:28px;
overflow:hidden;
}

.add-to-cart a {
width:119px;
height:0;
padding-top:28px;
display:block;
background-image:url(../images/add-to-cart.png);
background-repeat:no-repeat;
overflow:hidden;
}

.check-out {
float:right;
width:119px;
height:28px;
overflow:hidden;
}

.check-out a {
width:119px;
height:0;
padding-top:28px;
display:block;
background-image:url(../images/check-out.png);
background-repeat:no-repeat;
overflow:hidden;
}

.cart {
float:left;
width:270px;
height:36px; 
margin-bottom:25px;
background-image:url(../images/cartbg.png);
background-repeat:no-repeat;
overflow:hidden;
}

.cart ul {
padding:0 10px;
margin:0;
list-style:none;
}

.cart ul li {
color:#FFF;
padding:0;
margin:0;
list-style:none;
display:inline;
}

.cart li a {
color:#FFF;
width:100px;
height:36px;
line-height:3em;
padding:0 5px;
display:block;
overflow:hidden;
}

a.cartBtn {
text-indent:40px;
background-image:url(../images/shoppingcart.png);
background-repeat:no-repeat;
}

.cart li a:hover {
color:#528CE0;
text-decoration:none;
}

/* Event Listing
---------------------------------- */

ul.list-date {
padding:0;
margin:0;
list-style:none;
}

ul.list-date li {
list-style:none;
padding:4px 0;
margin-bottom:0.25em;
border-bottom:1px solid #BCBCBC;
}

.list-month {
float:left;
width:140px;
color:#000;
padding:2px 4px;
margin-right:1.5em;
font-size:18px;
font-weight:bold;
border-right:1px solid #BCBCBC;
text-align:right;
background-color:#DCDCDC;
}

.list-day {
}

.event-title {
font-size:18px;
margin-right:0.5em;
}

.timehighlight {
color:#000;
padding:2px 4px;
background-color:#F9FFA6;
}

.rss {
float:right;
width:169px;
height:28px;
margin-bottom:1.5em;
overflow:hidden;
}

.rss a {
width:169px;
height:0;
padding-top:28px;
display:block;
background-image:url(../images/rss.png);
background-repeat:no-repeat;
overflow:hidden;
}

/* Vendors */

ul.vendors {
list-style:none;
padding:0;
margin:0;
}

ul.vendors li {
float:left;
width:678px;
padding:10px 0 0 0;
margin:0 0 15px 0;
overflow:hidden;
border-top:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
}

ul.vendors li img {
margin-right:15px;
margin-bottom:5px;
}

ul.vendors li h3 {
margin-bottom:15px;
}

/* Errors/Success Messages */

#progress-bar {
position:absolute;
width:100%;
top:200px;
z-index:999;
text-align:center;
}

#flash-good, #flash-warning, #flash-error {
position:relative;
top:0;
width:300px;
display:block;
padding:10px;
margin:0 auto;
text-align:center;
}

#flash-good img, #flash-warning img, #flash-error img {
float:left;
}

#flash-good p, #flash-warning p, #flash-error p {
font-size:14px;
font-weight:bold;
}

#flash-good {
color:#000;
background:#8AFF6C;
border:3px solid #4FD62A;
}

#flash-error {
color:#FFF;
background:#ED1C24;
border:3px solid #CB1C24;
}

#flash-warning {
color:#000;
background:#FFF568;
border:3px solid #FFD900;
}