/* Super-defines */
*{
	font-family:Helvetica, Arials, sans-serif;
}
/* Tag defines */

html,body{
	padding:0;
	margin:0;
	height:100%;
	text-align:center;
	background:#aaa;
}
a img{
	border:0;
}
img{
	vertical-align:bottom;
}

#Page{
	margin:0 auto 0 auto;
	width:864px;
	background:#fff;
	text-align:left;
}

/* Page Sections */
#PageHeader{
	clear:both;
	background:url(../images/pg_head_bg.jpg) no-repeat top left;
}
#PageContent{
	clear:both;
	background: /*#ffffff*/ url(../images/body_left_bg.gif) top left repeat-y;
	color:#333333;
}
#PageFooter{
	clear:both;
	background:#ffffff;
	border-top:1px solid #007abd;
	border-bottom:5px solid #0079bc;
}

/* Content Sections */
#ContentLeft{
	background:#ffffff;
	width:191px;
	float:left;
}
#ContentLeft img{
	display:block;
	vertical-align:bottom;
}

#ContentLeftGraphic{
	margin-bottom:5px;
}

#ContentHeader{
	height:35px;
	width:665px;
	float:right;
	
	text-align:left;
	color:#fff;
	font-size:12px;
	
}
/*Wrapper for buggy browsers
  Surprisingly, it's firefox this time. */
#ContentHeader div {
	padding:8px;
}
#ContentHeader a {
	text-decoration:none;
	color:#fff;
}
#ContentBody{
	text-align:left;
	float:right;
	width:665px;
}
#ContentBody a{
	text-decoration:none;
	color:#333333;
}
#ContentBody a:hover{
	color:#222983;
}
#ContentFooter{
	clear:both;
}

/* Front Outputs */
#FrontContent {
	background:#ffffff;
	/* Hide grey BG */
}
#FrontBody{
	white-space:nowrap;
	width:652px;
	float:left;
}
#FrontBody img,
#FrontBody div{
	margin:8px 0 5px 5px;
}
#FrontBody img{
	border:0;
}
#FrontRight{
	width:200px;
	float:right;
	background:#e7edf7;
	
	text-align:left;
	border:1px solid #cad9ee;
	border-top:0;
	border-right:0;
	
}
#FrontFooter{
	clear:both;
}

/* Header Stuffs */
#HeaderInfo{
}
#HeaderMenu{
	height:34px;      /* Needed due to HeaderBuffer being 'relative' */
	line-height:34px; /* Putting in both just to be safe             */
	clear:both;
}
#HeaderBuffer{
	position:relative;
	clear:both;
	height:27px;
	background:#e7edf7 url(../images/head_buffer_bg.gif) no-repeat top right;
	border-bottom:1px solid #007abd;
	text-align:right;
	padding-right:55px;
}
#HeaderAction{
	/*height:64px;*/
	background:#fff;
}

/* Header child elements */
#InfoLogo {
	float:left;
}
#InfoText {
	text-align:right;
	float:right;
	padding:40px 40px 0 0;
	font-size:9px;
	font-weight:bold;
	color:#fff;
}
#ActionTagline {
	float:left;
	color:#222983;
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	margin:20px;
}
#ActionMenu {
	font-size:8pt;
	float:right;
	padding:17px 15px 0 0;
}
#ActionMenu img {
	margin:0 2px;
	vertical-align:middle;
}
#ActionMenu a {
	margin:0 5px;
	text-decoration:none;
	color:#000;
}
#ActionMenu a:hover {
	color:#222983;
}
#ActionSearch {
	display:inline;
	padding:0;
	margin:0 0 0 10px;
}
#ActionSearch input{
	vertical-align:middle;
}
#SearchQuery{
	width:100px;
	border:1px solid #222983;
	margin-right:10px;
}
#ActionBorder{
	font-size:7px;
	height:7px;
	background:#222983;
	clear:both;
}
#HeaderBuffer a{
	color:#c06;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	
	position:absolute;
	right:55px;
	bottom:5px;
}

/*Front Right Sections*/
#FeaturedList, #PressList{
	padding:5px 10px 20px 10px;
}

#FeaturedList a, #PressList a{
	margin-top:10px;
	display:block;
	font-size:9pt;
	text-decoration:none;
	color:#333;
}
#FeaturedList a:hover, #PressList a:hover{
	text-decoration:underline;
	color:#222983;
}

/* Footer Child Elements */
#ISOGraphic {
	float:right;
	padding:10px 10px 5px 0;
}
#FooterMenu {
	padding:10px 0 5px 10px;
}
#FooterMenu, #FooterMenu a {
	color:#999;
	font-size:9px;
}
#Copyright {
	padding:0 0 10px 10px;
	font-size:9px;
	color:#999;
}

/* Common classes */
.left{
	text-align:left;
	float:left;
}
.right{
	text-align:right;
	float:right;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.clear{
	clear:both;
}
.inline{
	display:inline;
}
.nowrap{
	white-space:nowrap;
}
.small {
	font-size:10px;
}
.error {
	color:#cc0000;
	font-weight:bold;
}
/* Content classes */
.content{
	padding-left:10px;
	padding-right:10px;
}
p.content{
}
h2.content{
	font-size:14px;
	color:#222983;
}
ul.content{
	margin:auto 20px;
}
li.content{
	padding-left: 0;
	padding-right: 0;
}

.contentSectionTitle {
	font-size:12px;
	text-align:left;
	padding:3px 5px;
	margin-top:18px;
	font-weight:bold;
	background:#e7edf7;
}

/* Menu Styles */
#MenuButtons {
	height:34px;      /* Needed due to HeaderBuffer being 'relative' */
	line-height:34px; /* Putting in both just to be safe             */
	position:relative;
}
#MenuPhone {
	font-size:12pt;
	color:#fff;
	font-weight:bold;
	right:38px;
}
.menu{
	display:block;

	position:absolute;
	bottom:0;
}
.menu img{
	/* Fakes a bottom-aligned image */
	position:absolute;
	bottom:0;
}
#MenuProducts{
	z-index:21;
	left:15px;
}
#MenuPromotions{
	z-index:18;
	left:91px;
}
#MenuBuy{
	z-index:15;
	left:180px;
}
#MenuTools{
	z-index:12;
	left:265px;
}
#MenuNews{
	z-index:9;
	left:404px;
}
#MenuCompany{
	z-index:6;
	left:510px
}
#MenuContact{
	z-index:3;
	left:597px;
}

/* Dropdown Menu Styles */
.ddMenu{
	background:#e7edf7;
	text-align:left;
	padding-bottom:5px;
	padding-left:24px;
}
.ddLink{
	font-size:10px;
	white-space:nowrap;
	color:#cc0066;
	text-decoration:none;
	padding:2px 0;
}
.ddLink:hover{
	color:#222983;
}

/* Content Body Styles */
#ContentBody {
	font-size:10pt;
}
#ContentBody h3{
	font-size:12pt;
}
#ContentBody .fleft,
#ContentBody .fright {
	width:325px;
}

/* Product Listing Styles */
#ProductListInfo {
	text-align:center;
	clear:both;
}
#ProductListNav {
	clear:both;
	padding:3px 10px;
}

#ProductListNav a{
	font-size:12px;
	text-decoration:none;
}

/* I'm thinking you should translate these to a generic list identifier */

.itemList {
	padding:5px;
	padding-left:0;
}

.itemRow {
	clear:both;
}
.itemRow .item{
	width:320px;
}
.itemRowSep {
	border-top:1px solid #cccccc;
	height:1px;
	margin:3px 0;
	clear:both;
}

.item {
	padding:0 5px 0 0;
	font-size:11px;
}
.item a{
	color:#000000;
	text-decoration:none;
}
.item a:hover{
	text-decoration:underline;
}
.item h4{
	margin: 0;
	padding:0;
	font-size:12px;
}
.itemThumb {
	float:left;
	margin: 2px 5px 5px 0;
	width:75px;
}

/* Product Details */
#DetailAssets{
	float:left;
	margin: 8px;
	margin-left:0;
	text-align:center;
}
#DetailAssets img{
	margin:0 auto 8px auto;
}
#DetailContent{
	padding-right:10px;
	float:right;
}
#DetailContent p{
	padding:3px;
	margin:0;
}
#DetailTitle{
	white-space:normal;
	margin-top:7px;
	padding-top:0;
	font-size:12px;
	color:#222983;
}
#DetailLinks{
	text-align:center;
	margin-bottom:18px;
}
#DetailLinks a{
	margin:5px;
	text-decoration:none;
}
#DetailDescription{
	font-size:12px;
}
.smallBlackText{
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#DetailItemTable th {
	font-size:12px;
	text-align:left;
	padding:3px 5px;
}

#DetailItemTable{
	width:100%;
	margin-top:18px;
}
#DetailItemTable td{ 
	font-size:12px;
	text-align:left;
	padding:2px 5px;
}
.detailItemNum{
	width:100px;
}
.detailItemDesc{
}
#DetailBacklink{
	clear:both;
	margin-top:20px;
}
/* News Stuffs */
.newsLink {
}
#NewsContact{
	float:left;
	margin-right:10px;
}
.newsImage{
	margin:0 0 5px 10px;
}

/* Affiliate Things */
.affiliateThumb{
	float:left;
	margin: 2px 5px 5px 0;
	width:155px;
	padding:5px 0;
}
.affiliateContent{
	float:right;
	width:490px;
	padding:15px 0;
}

/* Contact Form Items */
/* Put an indicator as a BG image in the required 
 * fields so there's no actual textual edits required 
 * for noting the fields.
 */
/* Super selector for contact form (IE6 requires this) */
#ContactForm * {
	font-size:12px;
}
.required{
}
.required span{
	font-weight:bold;
	padding-left:5px;
	background: url(../images/required.gif) top left no-repeat;
}
.form{
	width:650px;
}
.formHeader{
	padding-left:15px;
	text-align:left;
}
.formFooter{
	text-align:center;
}

.formRow{
}
.formField{
	text-align:right;
	width:170px;
}
.formSpanField{
}
.formValue{
	width:455px;
}
.formValueList{
	padding-left:15px;
}
/* input styles */
.formButton{
	margin:auto 10px;
}
.formInput{
	width:350px;
}
.formRadio{
}
.formCheck{
}
.formArea{
	width:600px;
	height:120px;
	margin:0 15px;
}
 
 /* FancyPants CheckBox List */
.fancyPantsContainer {
	border:1px inset #222222;
	height:150px;
	overflow-y:scroll;
}
.fancyPantsContainer table {
	width:90%;
}
.fancyPantsField {
	width:40%;
}
.fancyPantsLabel {
	cursor:pointer;
}
.fancyPantsCheckbox {
	cursor:pointer;
}

.leader {
	float:right;
	width:535px;
}
.leaderPortrait{
	float:left;
	margin: 0 10px 0 0;
}
.leaderName{
	font-weight:bold;
	display:block;
}
.leaderTitles{
	font-style:italic;
	display:block;
	margin:10px;
	font-size:10px;
}
.leaderUrl{
	display:block;
	margin:10px;
}
.leaderQuote{
}
.leaderSep{
	clear:both;
	height:10px;
}

/*Bosworth University Stuff*/
.buContainer {
}
.buMeetingInfo {
}
.buMeetingClasses{
}
.buTitle{
}
.buClass{
	clear:both;
}
.buClassTitle{
}
.buClassDescription{
}
.buClassSpeaker{
}
.buClassSchedule{
}
.buClassBio{
}
.buBioPhoto{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #000000;
}

/* YT Video styling */
.detailPlayer{
	border:1px solid #8a8a8a;
	margin-bottom:10px;
}
.detailPlayer *{
	vertical-align:bottom;
}

.saleTag{
	vertical-align:top;
	float:left;
	padding-right:3px;
}
.specialContent{
	margin:0 0 0 80px;
}