/* Global Properties */
 body {
    font-family: helvetica, arial, sans-serif;
    background-color: #363636;
    background-image: url(../_media/_global/main-bg.gif);
    background-repeat: repeat;
    background-position: top;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #CCC;
}
img {
    border: 0;
}
a, a:link, a:visited {
    color: #CCC;
    text-decoration: none;
    border-bottom: 1px solid #ff1d0d;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}
a:hover {
    color: #CCC;
    text-decoration: none;
    border-bottom: 1px solid #ffea00;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}

a.nounderline, a.nounderline:link, a.nounderline:visited, a.nounderline:hover {
    border-bottom: 0px none;
    font-size: 100%;
    line-height: 110%;
}

h1 {
    font-size: 30px;
    color: #FFF;
    text-align: left;
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 16px;
    color: #cccccc;
    text-align: left;
    margin: 5px 0;
    padding: 0;
}
h3 { font-size: 32px;color: #ff1d0d;text-align: left;margin: 0;padding: 0;}
p, div.news-desc, div.event-description {
    font-size: 14px;
    color: #999;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 22px;
}
div.event-description, div.event-description p {
	padding-top: 5px;
	font-size: 24px;
}
input, select {
    border: #666666 1px solid;
    background-color: #f1f1f1;
    color: #666;
    text-align: left;
    font-size: 14px;
}
span.none input, table.none input {
	background: none; 
	border: 0;
}
form {
	margin:0; 
	padding: 0; 
}
fieldset { padding: 20px; padding-top: 0; }
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
/* ++++++++++++++++ */
/* Header and Nav Properties */
#header-content {width: 974px; height: 103px;background: url(../_media/nav/gradien-bg.gif); background-repeat: repeat-x;}
#header-content a {border: 0; margin: 0; padding:0}
#logo {margin-left: 0px; margin-bottom: 0; margin-right: 0; margin-top: 0; float: left;width:113px;height:103px;padding: 0;}

/* TopNavUtility Properties */
#topnav-tabs {float:left; width:861px;margin:0;padding:0; } 
#topnav-tabs #tabs {margin: 0 0px 0 0; float: left;border: 0;padding: 0; 
 width:861px; text-align: left;  } 
#topnav-tabs #tabs ul {margin:0; padding:0; list-style:none; }
#topnav-tabs #tabs ul li {display: inline; margin: 0; padding: 0; height: 83px; padding-right: 3px;}

#adminmenu {float: left; width: 500px; margin: 0; font-size: 12px; line-height: 12px; text-align: left; padding-left: 38px; }
#adminmenu ul { margin:0; padding:0; list-style: none; }
#adminmenu ul li { display: inline; margin: 0; padding: 0 5px; border-right: 1px solid white; }
#adminmenu a { color: White; }
/* +++++++++++++++++++++ */

#page-container {
    width: 974px;
    margin: 0;
    padding: 0;
    text-align: center;
}
 #page-container #main-content {
    background-color: #000000;
    margin: 0;
    padding: 25px 0;
    overflow: hidden;
    height: 1%;
 }
 
 /* Different Backgrounds */
 #page-container #main-content.hdrbg-books {
	background-image: url(../_media/_global/hdr-books.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
} 
 #page-container #main-content.hdrbg-games {
	background-image: url(../_media/_global/hdr_boardgames_974.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
} 
 #page-container #main-content.hdrbg-minis {
	background-image: url(../_media/_global/hdr_minis_974.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
}
 #page-container #main-content.hdrbg-rpg {
	background-image: url(../_media/_global/hdr_rpg_974.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
} 
 #page-container #main-content.hdrbg-cards {
	background-image: url(../_media/_global/hdr_card_974.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
}
 #page-container #main-content.hdrbg-comics {
	background-image: url(../_media/_global/comicshdr.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
    padding-top: 120px;
}
#page-container #main-content.hdrbg-thatch {
	background-image: url(../_media/_global/hdr-thatch.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
} 
#page-container #main-content.hdrbg-home {
	background-image: url(../_media/_global/hdr-home.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 974px;
    height: 100%;
} 
/* ++++++++++++++++ */

#left-column {
    float: left;
    width: 620px;
    padding: 0 0 0 30px;
    margin:  0;
}
/* Home Page */
#home-featured-item {display: block; height: 200px; margin: 0 30px 30px 30px;}
#home-featured-item .float-left {float: left; margin: 0 20px 0 0; width: 500px;}
#home-featured-item .float-right {float: right; width: 390px;}

/* Secondary Pages */
#featured-item {margin: 0 0 30px 0;}

/* 3 column layout */
#tri-column-container {margin: 0 0 25px 0; padding: 0; display: block;}
#tri-column-container p {line-height: normal; font-size: 12px; }
#tri-column-container h2 {color: #FFF;}
#tri-column-container .col1 {float: left;width: 200px; margin-right: 10px;}
#tri-column-container .col2 {float: left; width: 200px; margin-right: 10px;}
#tri-column-container .col3 {float: left;width: 200px}
#tri-column-container .col4 {float: left;width: 200px; margin-right: 10px;}
#tri-column-container .col5 {float: left; width: 200px; margin-right: 10px;}
#tri-column-container .col6 {float: left;width: 200px}

div.read-more-link {text-align: left;margin: 5px 0 30px 0;}

div#tri-column-container {
	width: 620px;
}
div.read-more-link a {vertical-align: top}

div.secondary-headers {position: relative; left: 0px; top: 20px; left: -30px; margin: 0 0 20px; padding: 0; width: 650px;}

/* ++++++++++++++++ */


#right-column {
    float: right;
    width:280px;
}

/* RSB Properties */
#right-column .standard-rsb-box {
    border-left: #ff1d0d 1px solid; 
    text-align: left;
    line-height: 16px;
    margin: 0;
    padding: 0 0 20px 0;
}
#right-column a {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
#right-column ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #CCC;
    font-weight: bold;
}
#right-column li {
	margin: 0 0 0 0px;
	padding: 5px 10px 5px 20px;
    overflow: hidden;
}
#right-column li img {
	float: left;
	margin: 0 5px 0 0px;
	padding: 0 0 0 0px;
	display: block;
}

#right-column li.highlighted-listing {
	margin: 0;
	background-color: #ffea00;
    color: #000;
    font-size: 12px;
	padding: 5px 20px 5px 20px;
}
#right-column li.highlighted-listing a {
    color: #000;
}

#right-column input.keywords {width: 206px;margin: 0;}
#right-column select.category {width: 206px;margin: 0;}
#right-column input.btn-submit {margin: 10px 0 0 0;}
 /* +++++++++++++++++++++ */
 
 
/* Event Properties */
#event-tabs {text-align:left; margin: 25px 25px 0 25px; clear: all;}
#event-tabs a {text-decoration: none; border: none;}
#event-tabs a:hover.off-tab-link {background: none; text-decoration: none; border: none;}
#events-container {border: #ff1d0d 5px solid;margin: 0 25px 0 25px;padding: 25px; }
#events-container .date-and-nav {height: 30px;}
#events-container .date-and-nav .date {float: left;}
#events-container .date-and-nav .nav {float: right;color: #FFF;font-size: 14px; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0;}
#events-container .date-and-nav .nav a {color: #FFF;vertical-align: middle;}
#events-container .post, #upcoming-events-container .post {margin: 30px 0 0 0; }
#events-container div h1 {font-size: 30px;color: #FFF;text-align: left;margin: 0;padding: 0;}
#events-container h3.post-date {font-size: 32px;color: #ff1d0d;text-align: left;margin: 0;padding: 0;}

div.post { clear: both; }
div.post div.thumbnail { float: right; margin-left: 15px; }
div.post div.thumbnail a { border:0; text-decoration: none; }

/* Calendar/Month */
/* changed from table#calendar */
table.eventmonthtable { width: 100%; }
table.eventmonthtable {text-align: left;}
table.eventmonthtable td { text-align: left; vertical-align: top; }
/* caldays = day header row */
table.eventmonthtable td.caldays {color: #FFF; width: 145px; text-align: center; text-transform: uppercase; font-weight: bold; }
/* .calcurrentmonth = days that fall inside this month; calweekend = weekend days in this month;
.cal-date-today = class for today's cell
*/
table.eventmonthtable td.calcurrentmonth, table.eventmonthtable td.calweekend, table.eventmonthtable td.cal-date-today { height: 175px; border: #FFF 1px solid; }
/* blankday = days that fall outside this month */
table.eventmonthtable td.blankday {background-color:#202020; border:#2e2e2e 1px solid; height: 175px; }

/* cal-date = wrapper for the day number */
table.eventmonthtable div.cal-date {background-color:#FFF; text-align: center;font-weight: bold; font-size:14px;height: 20px; width: 20px; color: #000;vertical-align: middle;float: right;padding-top: 3px;}
table.eventmonthtable td.cal-date-today div.cal-date {background-color:#ffea00; text-align: center;font-weight: bold; font-size:14px;height: 20px; width: 20px; color: #000;vertical-align: middle;float: right;padding-top: 3px;}

table.eventmonthtable ul.cal {margin: 10px 0 0 0;padding: 0;list-style:none;font-size: 10px;text-align: left;height: 65%;}
table.eventmonthtable ul.cal li {margin:  5px 5px 10px; padding: 0;}
table.eventmonthtable ul.cal li a {font-size: 10px;}
table.eventmonthtable .view-all {background-color:#333333;text-align: top;font-size: 11px;padding:5px; vertical-align: bottom;}

table.eventmonthtable div.cal-event { clear: both; margin: 5px 5px 10px; padding: 0; font-size:10px; }
table.eventmonthtable div.cal-event a { font-size:10px; }

table.eventmonthtable td.blankday div.cal-date { background-color: #202020; }

/* event tooltips */
.tooltip {
	background-color: #d6d6d6;
	width: 238px; 
	padding: 5px;
	border: 1px solid black;
	background-image: url(../_media/_global/tooltip_gradient.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	}
.ttTitle {
	font-weight: bold;
	font-size: 14px;
	}
.ttDate { font-weight: bold;
	margin-bottom: 5px; 
	font-size: 11px; }

/* ++++++++++++++++ */

/* News Properties */
#news-container .section-and-subsection {height: 30px;}
#news-container .post {margin: 30px 0 0 0;}
#news-container div h1 {font-size: 30px;color: #FFF;text-align: left;margin: 0;padding: 0;}
#news-container h3.breadcrumb {font-size: 32px;color: #ff1d0d;text-align: left;margin: 0;padding: 0;}
/* ++++++++++++++++ */

/* Featured Item Properties */
#featured-items {margin: 20px 0 0 0;height: 100%;}
#featured-items .outside-container-left {float: left;width: 280px;margin: 20px 0 0 0;}
#featured-items .photo-and-item-container {float: left; width: 220px; padding-right: 6px;}
#featured-items .photo-and-item-container .photo {float:left}
#featured-items .photo-and-item-container .item-copy {float: left; width:50%; text-align: left;padding: 0 0 5px 5px;}
#featured-items .price {float: right; width: 54px; height: 40px;background: url(../_media/_global/product-price-gradient.jpg); background-repeat: repeat-x; color: #000;font-weight: bold; font-size: 14px;padding-top: 17px; margin: 0;}
#featured-items .outside-container-right {float: right; width: 280px;margin: 20px 0 0 0;}
.lblNoProducts { margin-top: 20px; display: block; }
/* ++++++++++++++++ */
 
 
 /* Featured Article Properties */
#featured-articles {margin: 20px 0 0 0;height: 100%;}
#featured-articles .outside-container {float: left;width: 580px;margin: 20px 0 0 0;}
#featured-articles .photo-and-item-container {float: left; width: 100%; padding: 6px; border-width: 0px; border-color: red; border-style: solid;}
#featured-articles .photo-and-item-container .photo {float:left; width: 100px; height: 100px;}
#featured-articles .photo-and-item-container .item-copy {float: left; width: 475px; font-weight: bold; text-align: left; padding: 0;}
#featured-articles .photo-and-item-container .item-copy .title {font-size: 16px; color: white; width: 100%; padding: 5px; background-color: red;}
#featured-articles .description {font-size: 12px; padding-top: 5px; padding-left: 5px; margin: 0; font-weight: normal;}
.lblNoProducts { margin-top: 20px; display: block; }
/* ++++++++++++++++ */
 
/* Footer Properties */
#page-container #footer {
    color: #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 20px 0 ;
}

/* club styles */
.buttonsmall, .buttonsmall-ovr { font-size: 11px; text-align: center; }
.buttonsmall { background-color: #efefef; }
.buttonsmall-ovr { background-color: yellow; }

.selected { border: 1px solid yellow; }
.unselected { border: 1px solid black; }

div.PageNumbers span { font-size: 12px; font-weight: bold; }
div.PageNumbers span a { margin: 0; padding: 0; }

/* utility classes */
.right, .nextlink { float: right; }
.left { float: left; }
.lefttext { text-align: left; display: block; }
.center { margin: 0 auto; text-align: center; }
img.photo { border: 1px solid #efefef; }
.noborder { border: 0; }
.pagenavlinks { clear: both; text-align: left; font-weight: bold; margin: 20px 0; }
.nextboldlink { float: right; font-weight: bold; }
.topmargin { margin-top: 20px; }
span.today { color: #ffea00; }

/* stuff to research */
/* making td's left aligned universally */
#tblNewsEdit td, table.leftalign td, .leftalign { text-align: left; }
.formlabel, td.formlabel, table.leftalign td.formlabel { text-align: right; vertical-align: top; }