/*----------------------------------------------------------------------------
Typography

version:   1.0
author:    Mark Stephenson, Axionic Inc.
___________________________________________________________________________ */

/* NOTE: text has already been zeroed via the YUI css */

/* =Type Selectors
___________________________________________________________________________ */
body {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;
}

a, a:link {
  color: #eb1829;
  text-decoration: none;
}
a:visited {
  /*color: #969;*/
}
a:hover {
  /*color: #c60;*/
  text-decoration: underline;
}
a:active {}

h1 { font-size: 155%; padding: 0 0 5px 0; margin:.5em 0 .75em 0; color:#FF9C00; }

h2 { font-size: 140%; font-weight:bold; margin:1.5em 0 .5em 0; color:#EDA101; }

h3 { font-size: 122%; font-weight:bold; margin:1.5em 0 .5em 0; color:#3f240e; }

h4 { font-size: 105%; font-weight:bold; margin:1.5em 0 .5em 0; color:#3f240e; }

h5 { }

h6 { }

#container #pageHeader h1 {
	color:#000000;
	float:left;
	font-size:250%;
	line-height:30px;
	margin:0 0 0 133px;
	padding-top:26px;
}

p, em { margin:0 0 1em 0; line-height:130%;}

dl { }

dt { font-weight:bold; color:#333; margin: 0 0 .25em 0; }

dd { margin: 0 0 2em 0; padding: 0 10px 0 19px;}

ul { list-style-type:disc; margin: 0 0 1em 25px; }
ul li, ol li { padding-bottom: .25em; }

ol {
	list-style-position:outside;
	margin: 0 0 1em 25px;
	list-style-type: decimal;
}

em {
	font-style:italic;
}

strong {
  font-weight: bold;
}

pre {
  background-color:#F2F2EC;
  border-color:#999;
  padding: 3%;
  border-width: 1px;
  border-style: dotted;
  overflow: auto;
  margin: 0 0 1em 0;
}

blockquote {}

cite {}

abbr {}

acronym {}

code { font-size:100%;}


/* =Common Classes
___________________________________________________________________________ */

.clear { clear:both; }

/* used to highlight refeenced text */
.comment {
  background-color: #ffc;
  padding: 0 0.5em;
}

.tip { }

.error {color:red;}

.figure {
	font-size:92%;
	color:#666;
}

.smaller { font-size:92% }

.black {color:#000;}
.textOrange { color: #eda101; }
.textRed { color: #eb1829; }


/* =TOC
___________________________________________________________________________ */

#toc {
	margin: 0 0 .5em 0;
}

#toc li {
	font-weight:bold;
}

#toc ol {
	list-style:decimal;
	margin:0 0 .5em 10px;
}

#toc ol li {font-weight:normal;}

/*
OL { counter-reset: item }
OL LI { display: block }
OL LI:before { content: counters(item, ".") " "; counter-increment: item }
*/


/* =Forms
___________________________________________________________________________ */

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

textarea, input[type="text"] {
	/* border: 2px solid #999; */ padding: 2px 3px;
}

input:focus, textarea:focus, input.inputSubscribe:focus { background-color: #ffffcc; background-image:none; }

legend {}

label { color:#666;}

form table td {padding:2px;color:#666;}

form hr {color:#ccc;
border-top:1px dotted #666;
border-bottom:none;
border-left:none;
border-right:none;}

/* =Tables
___________________________________________________________________________ */

table {
  border-spacing: 0;
  border-collapse: collapse;
}

tbody {}

tfoot{}

caption {}

td {
  color: #666;
 /* text-align: left; */
  font-weight: normal;
}

th {}

#storelocatorfields td { padding: 5px; }

/* =Browser Support
___________________________________________________________________________ */

.browsersupport { width:100%; font-size:92%; }

.browsersupport td { padding:4px; border-bottom:dotted 1px #666;}

.browsersupport th { padding:4px; border-bottom:solid 1px #666; background-color:#eee; color:#666;}

/* Store Section
________________________________________________________________________*/

.storeMainContent #productMenu, #storeSecondaryContent #rightBar {
	color: #000;
}

.storeMainContent #productMenu .listHeader {
	font-weight: bold;
}

.storeMainContent #productMenu .subCategory ul li a,
.storeMainContent #productMenu .subCategory ul li a:link,
.storeMainContent #productMenu .subCategory ul li a:visited,
#storeSecondaryContent #rightBar ul li a,
#storeSecondaryContent #rightBar ul li a:link,
#storeSecondaryContent #rightBar ul li a:visited {
	color: #000;
	font-size: 93%;
	text-decoration: none;
}

.storeMainContent #productMenu .subCategory ul li a:hover, #storeSecondaryContent #rightBar ul li a:hover {
	color: #ff0000;
	font-size: 93%;
	text-decoration: none;
}

#storeSecondaryContent #rightBar .subTotal {
	font-size: 93%;
}

#storeSecondaryContent #rightBar .subTotal span {
	color: #999999;
}

.storeMainContent #content #breadcrumb, .storeMainContent #content .productCount, .storeMainContent #content .pagination, .storeMainContent #content #cat_items #item .item_description {
	font-size: 93%;
	color: #000;
}

.storeMainContent #content .pageTitle, .storeMainContent #content #product .productTitle, .storeMainContent #content .splashItem .splashTitle {
	color: #000;
	font-weight: bold;
}

.storeMainContent #content #categories .category, .storeMainContent #content #cat_items #item, .storeMainContent #content #product .productTitle {
	color: #000;
}

.storeMainContent #content #categories .catText {
	color: #000;
	text-align: center;
}

.storeMainContent #content #cat_items #item .item_price {
	text-align: center;
}

.storeMainContent #content #product .productId, .storeMainContent #content #product .productDescription, .storeMainContent #content #product .productImage {
	font-size: 93%;
}

.storeMainContent #content #product .productPrice {
	font-size: 123.1%;
	color: #000;
	font-weight: bold;
}

.storeMainContent #content .splashItem .splashTitle span {
    color: #666;
    font-size: 93%;
    font-weight: normal;
}

.storeMainContent #content .splashItem .splashPrice {
    color: #ff9900;
    font-size: 197%;
    font-weight: bold;
}

.storeMainContent #content .splashItem .splashPrice span {
    top: 10px;
    vertical-align: text-top;
}

.splashPrice span {
    font-size: 77%;
}

/*---------------Rob's Stuff-------------------*/
.storyBreak {
border-bottom: 1px dashed #999999;
b\order-bottom: 2px dotted #999999;

} 

a.print {
	float: right;
}


/*---------------Error Message--------------------*/
.errorMessage {
  background-color:#FFF2Ec;
  border-color:#999;
  padding: 3%;
  border-width: 1px;
  border-style: dotted;
  overflow: auto;
  margin: 0 0 1em 0;
}