/********************************************************************
	JC Studies CSS File
	Design: Jan Ostendorf
	XHTML/CSS: Ben Callahan
	Programming: Chad Mullins
--------------------------------------------------------------------
	CHANGE LOG:
		BDC:	11-30-08		File Creation
		BDC:	12-03-08		Major Development
		BDC:	12-05-08		Addition of dynamic listing styles
		BDC:	12-06-08		Addition of dynamic detail styles
		BDC:	12-07-08		Addition of dynamic player styles
		BDC:	12-08-08		Addition of dynamic account styles
		BDC:	12-09-08		Finalized all styles
											Cross-browser testing
											v1.0 Delivered
		CMM: 	01-12-09    Added some styles to the bottom
		BDC:  01-21-09    Fix CSS bugs
		                  Widen Account Area column
		
		CMM:              made the .accountSection #content h2 wider to
		                  fit wider account area column
		RDB:	02-03-09		Additions for the marketing page
          BDC:  02-17-09    Account Center Cross-browser Fixes

********************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 62.5% 'Verdana', 'Arial', sans-serif;
	/* background: #fff; */
	background: #666;
	letter-spacing: .05em;
	line-height: 1.5em;
	color: #3b3b3b;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

#colA.accountSection, .accountSection #subCol.subNav a, .accountSection #subCol.subNav li.current a, .accountSection #subCol.subNav a:hover, .accountSection #priCol #content a {
	color: #666;
	width: 780px;
}

/*
#colB.accountSection {
     width: 180px;
     background: none;
     padding: 0;
}
*/

#colA, #subCol.subNav li.current a, #subCol.subNav a:hover, #content #pageNav a, #footer a {
	color: #00338E;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
     background-color: #f2f3f5;
     overflow: hidden;
}

#floater {
	float: left;
	width: 960px;
	padding: 0 10px;
}

#header {
	float: left;
	width: 100%;
	/* height: 86px; */
	/* margin: 0 18px 0 18px; */
	/* background: url(i/bgHeader.gif) left top repeat-x; */
	display: inline;
}

#header img {
	float: left;
	margin: 15px 0 0 10px;
}

#colA {
	float: left;
	width: 176px;
	margin-left: 0px;
	display: inline;
}

.home #colA {
     width: 720px;
}

#colB {
	float: right;
	width: 784px;
	margin: 0;
	display: inline;
	padding-bottom: 15px;
	background: url(i/main-content-background-bottom-cap.gif) left bottom no-repeat;
}

     #colB #content-breadcrumbs {
          float: left;
          width: 100%;
          background: url(i/content-breadcrumbs-bg-cap.gif) top left no-repeat;
     }
     
          #colB #content-breadcrumbs ul {
               /* background: url(i/content-breadcrumbs-bg.gif) bottom left no-repeat; */
               width: 600px;
               float: left;
          }
     
               #colB #content-breadcrumbs ul li {
                    float: left;
                    list-style: none;
                    
               }
               
                    #colB #content-breadcrumbs ul li a {
                         font-size: 1.1em;
                         color: #666;
                         padding: .8em 15px .8em 9px;
                         float: left;
                         margin-right: 5px;
                         background: url(i/breadcrumbs-seperator.png) 100% 50% no-repeat;
                    }
                    
                    #colB #content-breadcrumbs ul li a.current {
                         background: none;
                         color: #3a3a3a;
                    }
                    
                    #colB #content-breadcrumbs ul li a.home {
                         background: url(i/home-icon.png) 100% 50% no-repeat;
                         overflow: hidden;
                         text-indent: -9999em;
                         padding: 0 0 0 15px;
                         height: 3em;
                         width: 36px;
                    }
               
          #colB #content-breadcrumbs .user-nav {
               /* background: url(i/content-breadcrumbs-bg.gif) bottom right no-repeat; */
               float: left;
               padding: 9px;
               width: 166px;
          }
          
               #colB #content-breadcrumbs .user-nav span.account {
                    background: url(i/my-account-icon.png) 0% 50% no-repeat;
                    padding-left: 20px;
               }
               
               #colB #content-breadcrumbs .user-nav span.stream {
                    background: url(i/my-stream-icon.png) 0% 50% no-repeat;
                    padding-left: 20px;
               }
          
               #colB #content-breadcrumbs .user-nav span {
                    text-transform: uppercase;
                    font-weight: bold;
                    font-size: 1em;
                    color: #666666;
               }
     
     #colB .content-wrapper {
          background: url(i/main-content-background.gif) left bottom repeat-y;
          float: left;
          padding-right: 4px;
          width: 781px;
     }

.home #colB {
     width: 240px;
     background: none;
     padding: 0;
}

#dwight-callout-home {
     margin-top: 5px;
}

#mainNav {
	float: left;
	width: 100%;
	/* height: 36px; */
	background: url(i/nav-bg.gif) left bottom no-repeat;
	/* margin: 4px 0 0 18px; */
	margin-bottom: 5px;
	display: inline;
	padding: 20px 0 4px 0;
	position: relative;
}

#mainNav ul {
	list-style: none;
	float: left;
}

#mainNav li {
	float: left;
	width: 170px;
	/* height: 32px; */
	/* background: url(i/right-border.jpg) top right no-repeat; */
	/* border-right:2px solid rgba(255, 255, 255, 0.3); */
	background: url(i/nav-seperator.gif) bottom right no-repeat;
}

#mainNav a:hover {
	color: #024c92;
}

#mainNav li.current a {
     /* background: url(i/current-bg.gif) top left repeat-x; */
     color: #024c92;
     background: url(i/nav-current-indicator.gif) bottom left repeat-x;
}

/*
#mainNav .current.home {
     background: url(i/current-bg-home.jpg) top left no-repeat;
}
*/

#mainNav li.current a {
	/* font-weight: bold; */
	/* color: #fff; */
}

#mainNav a {
	color: #818182;
	display: block;
	/* width: 126px; */
	/* height: 32px; */
	/* text-align: center; */
	padding: 15px 17px 20px 17px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

#mainNav span {
     float: left;
     text-transform: none;
     font-style: italic;
     font-weight: normal;
}

#quick-search {
     float: right;
     margin-right: 15px;
     margin-top: 13px;
}
     
     #quick-search form {
          background: #fff;
               border: 2px solid #c2c2c2;
               width: 199px;
               -moz-border-radius: 3px;
               -webkit-border-radius: 3px;
     }
     
          #quick-search form fieldset {
               border: none;
          }
          
               #quick-search form fieldset input {
                    border: none;
                    background: none;
               }
               
               #quick-search form #searchForm {
                    width: 145px;
                    color: #848484;
                    font-size: 1.3em;
                    padding: .6em 5px .6em 25px;
                    margin-left: 5px;
                    background: url(i/search-icon.gif) left center no-repeat;
               }
               
     #quick-search #search-results {
          position: absolute;
          top: 69px;
          right: 15px;
          width: 250px;
          background: #e7e7e7;
          border: 1px solid #a5a5a5;
          z-index: 10;
          display: none;
     }
     
          #quick-search #search-results ul li {
               width: 100%;
               background: url(i/search-results-li-bg.gif) top left repeat-x;
               border-bottom: 1px solid #a5a5a5;
          }
          
               #quick-search #search-results ul li a {
                    text-transform: none;
                    color: #00338e;
               }
               
                    #quick-search #search-results ul li a span.icons {
                         float: left;
                         width: 100%;
                         margin-top: 5px;
                    }
                    
                         #quick-search #search-results ul li a span.icons img {
                              margin-right: 5px;
                         }
                         
          #quick-search #search-results ul li.all {
               border-bottom: none;
               padding: 5px 0;
               background: #00338e;
          }
          
               #quick-search #search-results ul li.all a {
                    color: #fff;
                    margin-right: 10px;
                    float: right;
                    padding: 0;
                    font-weight: normal;
                    text-transform: lowercase;
               }

#mainFeature {
     margin: 0;
     float: left;
     /* background: url(i/home-feature.jpg) top left no-repeat; */
     width: 958px;
     min-height: 461px;
     position: relative;
     display: inline;
     margin-bottom: 15px;
}

#mainFeature #section1 {
     position: absolute;
     bottom: 0;
     z-index: 2;
}

#mainFeature #section2 {
     width: 237px;
     background: url("i/user-sidebar-bg.gif") repeat-x scroll left top #C4C4C4;
     opacity: .85;
     filter:alpha(opacity=85);
     min-height: 400px;
     margin-top: 30px;
     margin-right: 25px;
     float: right;
     position: relative;
     z-index: 4;
     margin-bottom: 30px;
     display: inline;
}

#mainFeature #section2 .more {
     display: inline;
     text-transform: lowercase;
     text-decoration: underline;
     margin-left: 5px;
}

#mainFeature #section2 p {
     display: inline;
}

#mainFeature #section2 .resource {
     margin: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #fff;
}

#mainFeature #section2 .resource h3 {
     font-size: 1.2em;
}

#mainFeature #section2 h2 {
     background: #939393 url(i/mainFeature-resources-cap.png) top left repeat-x;
     font-weight: normal;
     color: #fff;
     padding: 10px;
     font-size: 1.1em;
     text-transform: uppercase;
}

#mainFeature #section1 h1 {
     margin: 20px 20px 0 20px;
     font-size: 3.5em;
     color: #fff;
     font-weight: normal;
     /* padding-right: 270px; */
     line-height: 1em;
     width: 658px;
}

#mainFeature #section1 #content-wide {
     background-color: rgba(0, 0, 0, 0.3);
     width: 658px;
     color: #fff;
     padding: 20px 20px 20px 20px;
     font-size: 1.4em;
     line-height: 1.4em;
}

#mainFeature #section1 #content-wide p, #mainFeature #section1 #content-wide .more {
     display: inline;
}

#mainFeature #section1 #content-wide .more {
     color: #efab0c;
}

#subCol {
	float: left;
	width: 176px;
	margin: 0px 0 20px 0;
}

#subCol img.homeAd {
	margin-bottom: 2px;
}

#subCol.subNav {
	/* background: url(i/capSubNav.jpg) left top no-repeat; */
	/* padding-top: 9px; */
	float: left;
}

.accountSection #subCol.subNav {
	background: url(i/capSubNavAccount.jpg);
}

#subCol.subNav dd ul li a {
	color: #3761ac;
	font-weight: normal;
	padding: 8px 20px 10px;
	float: left;
	width: 128px;
}

     #subCol.subNav a.haverim-icon {
          padding: 0;
          width: 168px;
          height: 73px;
          margin-top: 10px;
          float: left;
     }
     
     #subCol.subNav a.haverim-icon:hover {
          opacity: 0.95;
     }

#subCol.subNav ol li a {
     width: 8px;
     padding: 10px;
}

#subCol.subNav li {

}

#subCol.subNav li.current a, #subCol.subNav a:hover {
	color: #fff;
	background: #3f78ae;
	font-weight: bold;
}

#subCol.subNav li {
	/* margin-top: 4px; */
	/* margin-bottom: 8px; */
	line-height: 1.1em;
	letter-spacing: 0;
}

#subCol.subNav dl {
	float: left;
	/* background: url(i/shoeSubNav.jpg) left bottom no-repeat; */
	/* padding-bottom: 16px; */
}

#subCol.subNav dt {
	display: block;
	float: left;
	width: 132px;
	background: url(i/bgSubNavTitle.jpg) left top no-repeat;
	padding: 10px 24px 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

     #subCol.subNav dt.browse-themes-up {
          background: url(i/browse-themes-up.gif) top left no-repeat;
          padding: 8px 24px 10px 15px;
          display: none;
          cursor: pointer;
     }
     
     #subCol.subNav dt.browse-themes-down {
          background: url(i/browse-themes-down.gif) top left no-repeat;
          padding: 8px 24px 10px 15px;
          /* display: none; */
          cursor: pointer;
     }

#subCol.subNav dd {
	background: url(i/bgSubNav.jpg) left bottom no-repeat;
	float: left;
	width: 176px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

     #subCol.subNav dd.browse-themes-list {
          /*display: none;*/
     }
     
.accountSection #subCol.subNav dt {
	background-image: url(i/bgSubNavTitleAccount.jpg);
}

#subCol.subNav dd ol, #subCol.subNav dd ul {
	list-style: none;
	/* padding: 6px 0 6px 20px; */
	float: left;
} 

#subCol.subNav dd ul {
	/* padding-right: 12px; */
	width: 168px;
}

#subCol.subNav li .eventDate {
	font-size: .8em;
	display: block;
}

#subCol.subNav dd ol li {
	float: left;
	text-transform: uppercase;
	width: 35px;
}

#subCol.subNav dd ul li {
	background: url(i/subNav-divider.gif) top left repeat-x;
	float: left;
	width: 100%;
	padding-top: 1px;
}

#columnC {
     float: right;
     width: 179px;
}

     #columnC img.share-resource {
          margin-top: 10px;
          margin-left: 9px;
     }
     
     #columnC .share-this-resource {
          float: left;
          width: 160px;
          margin: 10px 10px 10px 9px;
     }
     
     #columnC .share-this-resource p {
          width: 120px;
     }
     
          #columnC .share-this-resource p.share-it {
               background: #aaa;
               cursor: pointer;
               color: #fff;
               text-transform: uppercase;
               font-weight: bold;
               padding: 5px 24px 6px 15px;
               font-size: 1em;
          }
          
               #columnC .share-this-resource p.share-this-up {
                    background:url("i/share-this-up.gif") no-repeat scroll left top transparent;
                    display: block;
               }
               
               #columnC .share-this-resource p.share-this-down {
                    background:url("i/share-this-down.gif") no-repeat scroll left top transparent;
                    display: none;
               }
          
          #columnC .share-this-resource ul {
               padding-left: 15px;
               background: #cecece;
               float: left;
               width: 145px;
               display: none;
               padding-bottom: 5px;
          }
          
               #columnC .share-this-resource ul li {
                    list-style: none;
               }
               
                    #columnC .share-this-resource ul li a {
                         float: left;
                         width: 135px;
                         padding: 5px;
                         color: #565656;
                    }
                    
                    #columnC .share-this-resource ul li a:hover {text-decoration: underline;}

#priColFeatured.featured-resources {
     background: url(i/priColFeatured-featured-resources-background.gif) top left repeat-y;
}

#priColFeatured {
     width: 781px;
     float: left;
     background: url(i/priColFeatured-background.gif) top left repeat-y;
     position: relative;
}

     #priColFeatured #featured-content {
          float: left;
          padding: 18px;
          width: 565px;
          background: #7b92b8 url(i/featured-content-bg.gif) top left repeat-x;
          min-height: 282px;
          border-right: 1px solid #e0e0e0;
          
     }
     
          #priColFeatured #featured-content .section-label {
               text-transform: uppercase;
               color: #b4d0da;
               font-size: 1.2em;
          }
          
          /*
#priColFeatured #featured-content #section-b {
               float: right;
               width: 45%;
               margin-top: 20px;
          }
*/
          
          #priColFeatured #featured-content #section-a, #priColFeatured #featured-content .details {
               float: left;
               width: 50%;
               margin-top: 20px;
          }
          
               #priColFeatured #featured-content #section-a p {
                    color: #fff;
                    margin-bottom: 20px;
                    font-size: 1.1em;
               }
               
               #priColFeatured #featured-content #section-a p.intro {
                    font-size: 1.4em;
               }
               
               #priColFeatured #featured-content #section-a a {
                    color: #fff;
                    text-decoration: underline;
               }
               
               #priColFeatured #featured-content #section-b .details .details-images, #priColFeatured #featured-content .details .details-images {
                    float: left;
                    width: 76px;
                    margin-right: 10px;
               }
               
               #priColFeatured #featured-content .details .details-content {
                    width: 85%;
               }
               
               #priColFeatured #featured-content #section-b .details .details-content {
                    float: right;
                    width: 165px;
                    color: #fff;
               }
               
                    #priColFeatured #featured-content #section-b .details .details-content h3.new, #priColFeatured #featured-content .details .details-content h3.new {
                         background: url(i/new-icon.gif) right center no-repeat;
                         padding-right: 35px;
                         color: #fff;
                    }
                    
                    #priColFeatured #featured-content #section-b .details .details-content .shortDescription, #priColFeatured #featured-content .details .details-content .shortDescription {
                         border-bottom: 1px solid #fff;
                         padding-bottom: 5px;
                         margin-top: 5px;
                         color: #fff;
                    }
               
                    #priColFeatured #featured-content #section-b .details .details-content ul li, #priColFeatured #featured-content .details .details-content ul li {
                         list-style: none;
                         margin-bottom: 5px;
                         border-bottom: 1px solid #fff;
                         float: left;
                         width: 100%;
                    }
                    
                         #priColFeatured #featured-content #section-b .details .details-content ul li a, #priColFeatured #featured-content .details .details-content ul li a {
                              font-weight: bold;
                              color: #1b2436;
                              padding: 5px 0;
                              float: left;
                              width: 100%;
                         }
                    
                    #priColFeatured #featured-content #section-b .details .details-content ul input, #priColFeatured #featured-content .details .details-content ul input {
                         float: right;
                         margin-top: 5px;
                    }
                    
          #priColFeatured #featured-content .pagination-container {
               float: left;
               width: 72%;
               margin-top: 20px;
               font-size: .13em;
               margin-bottom: 20px;
               position: absolute;
               bottom: 0;
          }
               
               #priColFeatured #featured-content ol.pagination {
                    list-style:none outside none;
                    margin:0 auto;
                    padding:3em 0 3em 3em;
                    width:80em;
                    overflow: hidden;
               }
                    
                    #priColFeatured #featured-content ol.pagination li {
                         float: left;
                         cursor: pointer;
                         margin-right: 5em;
                    }
                    
                         #priColFeatured #featured-content ol.pagination li a {
                              margin-right: 5em;
                         }
                         
                    #priColFeatured #featured-content ol.pagination li.indicator {
                         cursor: inherit;
                    }
                         
                         #priColFeatured #featured-content ol.pagination li.indicator {
                              float: left;
                              width: 6em;
                              height: 6em;
                              line-height: 6em;
                              margin-right: 6em;
                              text-indent: -9999px;
                              background-color: #4b4b4b;
                              -moz-border-radius: 3em;
                              -webkit-border-radius: 3em;
                              border-radius: 3em;
                              margin-top: 1em;
                         }
                         
                         #priColFeatured #featured-content ol.pagination li.indicator.current {
                              background: #fff;
                         }

          
          #priColFeatured.featured-resources #featured-content {
               padding: 0;
               width: 601px;
               min-height: 286px;
               background: #000;
          }
          
               #priColFeatured.featured-resources #featured-content #featured-image {
                    height: 320px;
                    width: 601px;
               }
     
     #user-sidebar {
          float: left;
          width: 156px;
          border-left: 1px solid #a5a5a5;
          border-top: 1px solid #939393;
          /* min-height: 282px; */
          padding: 13px 11px;
          margin-bottom: 10px;
          background: #c4c4c4 url(i/user-sidebar-bg.gif) top left repeat-x;
     }
     
          #user-sidebar p {
               color: #222222;
               font-size: 1em;
               line-height: 1.8em;
               margin-bottom: 1em;
          }
          
               #user-sidebar p.label {
                    text-transform: uppercase;
                    font-weight: bold;
                    margin-bottom: 0;
               }
               
               #user-sidebar p.existing-account-label {
                    margin-bottom: .6em;
                    margin-top: 1em;
               }
               
               #user-sidebar p a {
                    color: #222222;
                    text-decoration: underline;
               }
          
          #user-sidebar p.members {
               margin-top: 20px;
               margin-bottom: 0;
          }
          
          #user-sidebar #account-login form {
               
          }
          
               #user-sidebar #account-login form fieldset {
                    border: none;
               }
               
                    #user-sidebar #account-login form fieldset input.field {
                         color:#848484;
                         font-size:1.3em;
                         margin-bottom: 5px;
                         padding:.2em;
                         width:145px;
                         border:2px solid #C2C2C2;
                         background:none repeat scroll 0 0 #FFFFFF;
                         -moz-border-radius:3px 3px 3px 3px;
                         margin-top: 0;
                    }
                    
                    #user-sidebar #account-login form fieldset input.login {
                         margin-top: 5px;
                    }
                    
          #user-sidebar ul li {
               list-style: none;
               padding-bottom: 10px;
               margin-bottom: 10px;
               border-bottom: 1px solid #8e8e8e;
               color: #222222;
          }
          
               #user-sidebar ul li a {
                    color: #00338e;
                    font-weight: bold;
               }
               
          #user-sidebar ul input {
               float: right;
          }

#priCol {
	float: left;
	width: 601px;
	/* margin: 5px 0 0 0; */
	border-right: 1px solid #DEDEDE;
	padding-bottom: 0;
	/* background: url(i/bgPriCol.gif) left top repeat-y; */
}

#priCol.resources {
     border-right: 1px solid #dedede;
}

#priCol #content {
	padding: 18px 18px 0px 18px;
	margin: 0;
	/* background: url(i/capPriCol.gif) left top no-repeat; */
}

#priCol #content.featured {
     background: none;
}

#priCol #content.home {
	padding: 6px 6px 0 6px;
	width: 485px;
}

#priCol #content a {
	text-decoration: underline;
	color: #00338E;
}

#priCol img.shoe {
	margin-bottom: -10px;
}

#priCol h1, #priCol h2, #priCol h3, #priCol h4, #priCol h5, #priCol h6, #priCol p, #priCol ul li, #priCol ol li, #priCol blockquote {
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.1em;
}

#priCol p, #priCol ol, #priCol ul {
	padding-bottom: .4em;
}

#otherResources .no-resource .comments ul.comment{
	margin: 0;
	padding: 0;
}

#priCol h1 {
	font-size: 2.4em;
}

#priCol h2 {
	font-size: 1.8em;
}

#priCol h3 {
	font-size: 1.2em;
	font-weight: bold;
}

#priCol blockquote {
	margin-left: 24px;
	width: 350px;
	font-style: italic;
}

#priCol ul, #priCol ol {
	margin-left: 42px;
/* 	display: inline; */
}

#content {
	float: left;
}

#content #section {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	float: left;
	color: #666666;
}

#content h1 {
	display: block;
	float: left;
	clear: left;
	width: 100%;
	color: #00338e;
}

#content #pageNav {
	display: block;
	float: left;
	background: #f7f9fb;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	width: 583px;
	padding: 0;
	margin-top: 16px;
}

     #content #pageNav .page-filter {
          float: left;
          background: url(i/paging-filter-cap-right.png) right center no-repeat;
          padding-right: .8em;
          margin-right: 10px;
     }
     
          #content #pageNav .page-filter p {
               font-size: .8em;
               color: #666666;
               text-transform: uppercase;
               font-weight: bold;
               background: #dedede;
               float: left;
               padding-bottom: 0;
          }
          
               #content #pageNav .page-filter p span {
                    padding: 1.1em .8em 1em;
                    float: left;
               }
               
               #content #pageNav .page-filter p a {
                    float: right;
                    padding: .8em 1em 0 0;
               }
                    
     #content #pageNav .page-filter-nav {
          float: left;
     }
     
          #content #pageNav .page-filter-nav img{
               padding: .6em .2em .3em;
          }

#content #pageNav #paging {
	float: right;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 12px;
	color: #666;
}

#content.featured #pageNav #paging {
     float: left;
     padding-left: 5px;
}

     #content #pageNav #paging em {
          font-style: normal;
          color: #00338e;
     }

#content #pageNav #paging a {
	text-transform: lowercase;
	font-size: 1em;
	color: #00338e;
}

     #content #pageNav #paging a.next {
          margin-left: 5px;
     	padding-left: 10px;
     	border-left: 1px solid #8d8d8e;
     }
     
     #content #pageNav #paging a.prev {
          margin-right: 5px;
     	padding-right: 10px;
     	border-right: 1px solid #8d8d8e;
     }
     
#content #pageNav #search {
	float: right;
	width: 200px;
	display: none;
}

#content #pageNav #search form input {
	margin: 0;
	padding: 0;
}

#content #pageNav #search form #searchText {
	float: left;
	width: 150px;
}

#content #pageNav #search form #searchSubmit {
	float: right;
	color: #fff;
	background-color: #00338E;
	border: 1px solid #fff;
	padding: 1px 4px;
}

#content #resourceMajor {
	float: left;
	width: 569px;
	border-bottom: 1px solid #e0dddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

     #content #resourceMajor img {
          margin: 10px 5px 5px;
     }

#content #resourceMajor h1 {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 1em;
	clear: none;
	float: none;
	width: 100%;
}

h3.mapTitle{
    padding-top: 22px;
}

#content #resourceMajor h2 {
	font-size: 1.4em;
	margin-top: 4px;
	margin-bottom: 0;
	line-height: 1em;
}

#content #resourceMajor h4 {
	font-size: 1.2em;
/* 	line-height: 1em; */
	margin-top: 8px;
	margin-bottom: 0;
}

#content #resourceMajor h4 strong {
	text-transform: uppercase;
}

#content .resourceSummary, #content .resourceDetail {
	position: relative;
	float: left;
	clear: left;
	/* width: 455px; */
/* 	padding-top: 12px; */
	padding-bottom: 12px;
	/* border-bottom: 1px solid #e0dddd; */
	width: 100%; 
}

#content .resourceSummary {
     width: 583px;
}

#content .resourceSummary, #content .resourceDetail p {
	padding-bottom: 1em;
	padding-top: 0;
}

     #content .resourceDetail #otherResources p.label {
          color: #666;
          padding-bottom: 0;
     }

#content .resourceSummary, #content .resourceDetail h1 {
	padding-top: 10px;
}

#content .resourceSummary, #content .resourceDetail h4 {
	padding-top: 10px;
	padding-bottom: 0;
}

#content .resourceSummary {
	border-bottom: 1px solid #dedede;
	padding-top: 16px;
	padding-bottom: 16px;
}

#content .resourceSummary.last {
	border-bottom: none;
}

     #content .resourceSummary .section-one {
          float: left;
          width: 463px;
     }
     
     #content .resourceSummary .section-two {
          float: right;
          width: 118px;
          padding-top: 22px;
     }
     
          #content .resourceSummary .section-two a img {
               padding: 3px;
          }
          



/* Styles for the email sign-up */
#content .emailList {
	border-bottom: 1px solid #dedede;
	padding-top: 26px;
	padding-bottom: 16px;
	float: left;
}

#content .last{
	border-bottom: none;
}

     #content .emailList .section-one {
          float: left;
          width: 463px;
     }
     
     #content .emailList .description {
          float: right;
          width: 465px;
     }
     
          #content .emailList img {
               padding: 3px;
          }
     #content .emailList .emailForm{
		float:left;
		padding-left:97px;
		width:463px;
     }





.accountSection #content #priSection .stream-summary {
	position: relative;
	float: left;
	clear: left;
	padding-bottom: 12px;
	width: 100%; 
	width: 535px;
	padding-bottom: 1em;
	padding-top: 0;
	border-bottom: 1px solid #dedede;
	padding-top: 16px;
	padding-bottom: 16px;
}

.accountSection #content #priSection .stream-summary .description {
     float: left;
     width: 100%;
     margin-left: 15px;
     width: 434px;
}

     .accountSection #content #priSection .stream-summary .description h2, .accountSection #content #priSection .stream-summary .description h3 {
          width: 100%;
          float: left;
          padding-bottom: 0;
     }

.accountSection #content #priSection .stream-summary.last {
	border-bottom: none;
}

     .accountSection #content #priSection .stream-summary a img {
          padding: 3px;
     }











#content .resourceSummary.relatedProduct {
	border-top: 1px solid #00338E;
	border-bottom: none;
}

#content .resourceSummary img.picture {
	width: 76px;
}

#content .resourceDetail img.picture {
	/* width: 125px; */
	float: left;
	margin: 0 15px 10px 0px;
}

#content .resourceDetail img.detail{
    width: 125px;
}

#content img.picture {
	float: left;
/* 	clear: left; */
/* 	float: right; */
	/* padding-top: 3px; */
}

#content img.freeIndicator {
	position: absolute;
	top: 16px;
	left: 0;
}

#content .resourceSummary .description {
	width: 340px;
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #DEDEDE;
}

#content .resourceDetail .description {
/* 	padding-bottom: 20px; */
	display: inline;
	/* float: left; */
}

#content .resourceDetail .description p, #content .resourceDetail .description ul, #content .resourceDetail .description ol {
	padding-bottom: 1em;
	color: #666;
	padding-right: 3em;
}

#priCol #content .loginForm {
/* 	float: left; */
/* 	float: none; */
/* 	clear: left; */
/* 	width: 500px; */
}

.mainSection form {
/* 	float: left; */
/* 	clear: left; */
}

#priCol .resourceDetail ol, #priCol .resourceDetail ul {
	margin: 0;
	padding: 0;
/* 	display: inline; */
/* 	float: left; */
	margin-left: 15px;
	padding-bottom: 1em;
}

#priCol .resourceDetail li {
	margin: 0;
	padding: 0;
/*
	display: block;
	float: left;
	padding-left: 22px;
*/
}

#content .resourceSummary h2 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1em;
	padding-bottom: .2em;
	color: #00338e;
}

#content .resourceDetail h2 {
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1em;
	padding-bottom: .2em;
	color: #00338E;
}

#content h3 {
	font-size: 1em;
	/* font-weight: normal; */
	letter-spacing: normal;
	padding-bottom: .5em;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #666;
}

#content h4{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: normal;
	padding-bottom: .5em;
	line-height: 1em;
}

#content{
	font-size: 1.1em;
	letter-spacing: normal;
	padding-bottom: .5em;
	/* line-height: 1em; */
}

#content h4.accountResourceTitle{
	line-height: 1.3em;
	padding-bottom: 1em;
}

#content .resourceDetail #priSection h4.specialtitle{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	padding-bottom: 1em;
	padding-top: 0;
}

#content #contentMain h2 {
	font-size: 2em;
	font-weight: normal;
	letter-spacing: normal;
	padding-bottom: .5em;
	padding-top: .5em;
	line-height: 1em;
}

#content .resourceSummary a.readMore, #content .resourceSummary a.listenNow {
	float: left;
	clear: left;
}

#priCol #content .resourceSummary a.readMore {
	color: #3b3b3b;
}

#content .resourceSummary a.listenNow {
	color: green;
}

#content #purchaseOptions {
	/* width: 463px; */
	float: left;
	clear: left;
}

     #content #purchaseOptions img {
          margin-top: 10px;
     }

#content #purchaseOptions ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background: #ededed;
	-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     padding: 0 10px 10px;
     /* width: 350px; */
}

#content #purchaseOptions li {
	/* display: inline; */
	float: left;
	padding: 10px 0px;
	/* margin: 4px 0; */
	border-bottom: 1px solid #e0dddd;
	width: 100%;
}

     #content #purchaseOptions li a {
          float: left;
          color: #024c92;
          margin-bottom: 10px;
          clear: left;
          width: 100%;
     }

#content #purchaseOptions li.last {
     border-bottom: none;
}

#content #purchaseOptions .mediaType {
	float: left;
	width: 100%;
	font-weight: bold;
/* 	margin-top: 3px; */
	/* margin: 8px 0 0 8px; */
}

#content #purchaseOptions .price {
	float: left;
	/* margin-left: 5px; */
	/* font-weight: bold; */
	display: inline;
	color: #666;
}

     #content #purchaseOptions .save {
          width: 100%;
          clear: left;
          margin-left: 0;
          font-weight: bold;
          font-style: italic;
     }

#content #purchaseOptions #explainYourPriceBtn {
     cursor: pointer;
     background: url(i/information.png) left center no-repeat;
     padding-left: 20px;
}

#content #purchaseOptions .sale {
	color: red;
	text-decoration: line-through;
	font-weight: normal;
	padding-left: 5px;
}

#content #purchaseOptions .addToCart {
	display: block;
	float: right;
	font-size: .9em;
/* 	padding: 2px 8px; */
	margin: 0;
	background: url(i/bgButtonGreen-shoe.png) right 50% no-repeat;
}

#content #purchaseOptions .addToCart a {
	display: block;
	color: #ddd;
	text-decoration: none;
	padding: 4px 0 4px 8px;
	margin: 0;
	background: url(i/bgButtonGreen.png) left 50% no-repeat;
}

#content #purchaseOptions .addToCart a:hover {
	color: #fff;
}

#content #flashPlayer {
/* 	width: 431px; */
/* 	padding: 4px 12px; */
	float: left;
	clear: left;
/* 	border: 1px solid red; */
}

#priCol #content .subSection p {
	padding-right: 0;	
}

#priCol #content .subSection form {
/* 	padding-left: 0; */
	margin-left: 0;
	float: left;
	display: inline;
	padding-top: 1em;
	
}

.loginForm {
/* 	border: 1px solid red; */
}

.accountSection #content h2 {
	display: block;
	float: left;
	width: 570px;
	background-color: #482710;
	color: #fff;
	font-size: 1.1em;
	padding: 2px 12px;
	margin-top: 5px;
}

.accountSection #content .vcard {
	display: block;
	float: left;
	padding: 4px 12px;
	margin-bottom: 10px;
}

.accountSection #checkoutArea {
	padding-bottom: 20px;
	float: left;
}

     .accountSection #checkoutArea ul {
          width: 100%;
          margin-left: 0;
     }
     
          .accountSection #checkoutArea ul li {
               /* display: inline; */
               list-style: none;
               width: 81px;
               float: left;
               padding: 12px 15px;
               background: #ccc url(i/cap-both-inactive.gif) right center no-repeat;
               text-transform: uppercase;
          }
          
               .accountSection #checkoutArea ul li.last, .accountSection #checkoutArea ul li.first {width: 91px;}
               
               .accountSection #checkoutArea ul li.last {background: #ccc; width: 81px; background-image: none !important;}
               
               .accountSection #checkoutArea ul li.current {background: #034d92 url(i/cap-left-active.gif) center right no-repeat;}
               
               .accountSection #checkoutArea ul li.before {background-image: url(i/cap-right-active.gif);}
               
               
               
               #colB.accountSection .content-wrapper #priCol #checkoutArea ul li a {color: #fff; text-decoration: none; padding-right: 25px;}
               
               
               .accountSection #checkoutArea ul li a.sign-in {background: url(i/checkout-icon-inactive-step1.png) center right no-repeat;}
                    .accountSection #checkoutArea ul li.current a.sign-in {background: url(i/checkout-icon-active-step1.png) center right no-repeat;}
               
               .accountSection #checkoutArea ul li a.shipping {background: url(i/checkout-icon-inactive-step2.png) center right no-repeat;}
                    .accountSection #checkoutArea ul li.current a.shipping {background: url(i/checkout-icon-active-step2.png) center right no-repeat;}
               
               .accountSection #checkoutArea ul li a.payment {background: url(i/checkout-icon-inactive-step3.png) center right no-repeat;}
                    .accountSection #checkoutArea ul li.current a.payment {background: url(i/checkout-icon-active-step3.png) center right no-repeat;}
               
               .accountSection #checkoutArea ul li a.submit {background: url(i/checkout-icon-inactive-step4.png) center right no-repeat;}
                    .accountSection #checkoutArea ul li.current a.submit {background: url(i/checkout-icon-active-step4.png) center right no-repeat;}
               
               .accountSection #checkoutArea ul li a.success {background: url(i/checkout-icon-inactive-step5.png) center right no-repeat;}
                    .accountSection #checkoutArea ul li.current a.success {background: url(i/checkout-icon-active-step5.png) center right no-repeat;}
               
               
.accountSection .checkoutImage {
	float: left;
}

.accountSection p {
	float: left;
	clear: left;
	padding-top: 1em;
	width: 95%;
}

.accountSection ul, .accountSection ol, .accountSection blockquote {
	float: left;
	clear: left;
	display: inline;
	display: block;
}

.aListing ul {
	width: 90%;
}

/*
.aListing {
	border-top: 4px solid blue;
}
*/

/*
.accountSection ol {
	list-style: decimal;
}
*/

/* BEGIN: Making the Account Section Wider */
/*
.accountSection #priCol {
	width: 636px;
	background: url(i/bgPriCol-acc.gif) left top repeat-y;
	display: inline;
}
*/

#priCol #content {
	width: 565px;
}

     #priCol.resources #content {
     	width: 583px;
     	padding-right: 0;
     }
     
          #priCol.resources #content .column1 {
               float: left;
               width: 345px;
               margin-right: 15px;
          }
          
          #priCol.resources #content .column2 {
               float: left;
               width: 208px;
               /* margin: 0 15px 0 0; */
          }
          
          #priCol.resources #content .map-container {
               float: left;
          }

/*
.accountSection #priCol #content {
	width: 599px;
	background: url(i/capPriCol-acc.gif) left top no-repeat;
}
*/

/*
.accountSection #footer {
	background: #f2f3f5 url(i/shoePriCol-acc.gif) left top no-repeat;
}
*/

.accountSection #priCol blockquote {
	width: 500px;
}

.accountSection #footer {
	width: 604px;
}

.accountSection #footer p {
	padding-top: 0;
}
/* END: Making the Account Section Wider */


.accountSection .sectionDescriptor {
	float: left;
	clear: left;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
}

.accountSection #content #priSection h2 {
	background: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #482710;
	margin: 0;
	padding: 0 0 12px 0;
	width: 470px;
	clear: left;
}

#priSection {
	background: url(i/cap-accountPriSection.jpg) left top no-repeat;
	float: left;
	padding: 14px 0 0 14px;
	margin-top: 10px;
	width: 550px;
	position: relative;
}

#content .aListing h4{
	display: inline;
}

#myMediaListing .aListing {
	float: left;
	width: 245px;
	padding: 12px;
	background: url(i/cap-accountAListing.jpg) left top no-repeat;
}

#priSection .mediaThumb {
	position: absolute;
	left: 489px;
	top: 40px;
}

#orderDetailList {
	float: left;
	clear: left;
	width: 565px;
}

#orderDetailList td {
	padding: 4px;
}

#orderDetailList h3 {
	font-weight: bold;
}

.orderItem {
	border-bottom: 1px solid #A39387;
}

.orderAmt {
	text-align: right;
}

.orderTitle {
	font-weight: bold;
}

.orderTotal {
	font-weight: bold;
	text-align: right;
}

#priSection ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#priSection ol a {
	font-size: .9em;
	font-weight: bold;
}

#priSection ol li {
	padding: 0 0 0 14px;
}

#priSection ol li.current {
	background: url(i/currentArrow.gif) 4px 50% no-repeat;
}

#myMediaListing {
	float: left;
	clear: left;
	margin-top: 40px;
	/* width: 610px; */
}

.aListing h3, .aListing a.play, .aListing .mediaThumb {
	float: left;
}

.aListing h3, .aListing a.play {
     width: 145px !important;
}

#content .aListing h3 {
	width: 145px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 1.3em;
}

.aListing a.play {
    padding-top: 10px;
	/*
padding-left: 12px;
	text-transform: uppercase;
	font-weight: bold;
*/
}

.accountSection #priCol #content .aListing a.play:hover {
	text-decoration: none;
}

#askRabbi-wide {
     position: absolute;
     top: 10;
     left: 0;
}


#footer {
	float: left;
	text-align: center;
	font-size: 1em;
	/* background: #f2f3f5 url(i/shoePriCol.gif) left top no-repeat; */
	padding: 20px 0;
	margin-top: 25px;
	width: 100%;
	color: #000;
	background: #eaeaea;
	position: relative;
}

/*
#footer.resources {
     height: 120px;
}
*/

/*
#footer #footer-text {
     position: absolute;
     top: 95px;
     width: 466px;
}
*/

#footer a:hover {
	text-decoration: underline;
}

#forgeFooter {
     float: left;
     width: 100%;
     padding: 0;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
}

/*
#home-revised-footer #footer {
     background: none;
     width: 882px;
     display: inline;
}
*/

#login {
	/* background: url(i/bgLogin.jpg) left bottom no-repeat; */
	padding: 6px 12px;
}

#login, #join, #login a, #join a {
	color: #4064a6;
}

#login a, #join a {
	text-decoration: underline;
}

#join a {
	float: right;
}

#login ul {
	list-style: none;
	padding-bottom: 6px;
}

#login ul li a {
	padding-left: 18px;
}

#login ul li.current a {
	font-weight: bold;
	background: transparent url(i/currentArrow.gif) no-repeat scroll 8px 50%;
	text-decoration: underline;
}

#cart {
	margin-top: 14px;
	padding-bottom: 12px;
	background: url(i/bgCart.jpg) left bottom no-repeat;
}

#cart dt {
	background: url(i/capCart.jpg) left top no-repeat;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}

#cart dd {
	padding: 2px 12px;
}

#featuredResource.home, #featuredArticle.home {
     background: url(i/home-feature-bg.jpg) left bottom no-repeat;
     width: 307px;
}

#featuredResource.home {
     float: left;
}

#featuredResource.home .last, #featuredArticle.home .last {
	border-bottom: none !important;
}

#featuredResource.home .resource, #featuredArticle.home .article {
	border-bottom: 1px solid #0a3c8f;
	float: left;
}

#featuredResource.home .resource img, #featuredArticle.home .article img {
	float: left;
	width: 75px;
	padding: 15px;
}

#featuredResource.home .resource .description, #featuredArticle.home .article .description {
	float: right;
	width: 200px;
}

#featuredArticle.home {
     float: right;
}

#featuredResource.home .resource a.more, #featuredArticle.home .article a.more {
     padding: 0 0 10px 0;
     margin: 2px 18px 0 12px;
     display: block;
}

#featuredArticle, #featuredResource {
	/* margin-top: 6px; */
	padding-bottom: 16px;
	color: #00338e;
	padding-right: 10px;
}

#featuredResource.home h4, #featuredArticle.home h4 {
     background: url(i/home-feature-cap.jpg) left top no-repeat;
     color: #fff;
     padding: 8px 16px;
     font-size:1.1em;
     font-weight:bold;
     text-transform: uppercase;
}


#featuredResource h4.featured-resource, #featuredArticle h4.featured-article {
     /* background: url(i/capFeaturedResource.jpg) left top no-repeat; */
     color: #666;
     padding: 6px 7px 4px;
     font-size:1.1em;
     font-weight:bold;
     text-transform: uppercase;
}

#featuredArticle, #featuredResource {
	/* background: url(i/bgFeaturedArticle.jpg) left bottom no-repeat; */
	margin-top: 5px;
	float: left;
}

#askRabbi-thin {
     margin-top: 5px;
}

#featuredArticle .title, #featuredResource .title {
	/* background: url(i/capFeaturedArticle.jpg) left top no-repeat; */
	padding: 6px 7px 4px;
	font-size: 1.2em;
}

/*
#featuredArticle .title {
	background: url(i/capFeaturedArticle.jpg) left top no-repeat;
}
*/

/*
#featuredResource .title {
	background: url(i/capFeaturedResource.jpg) left top no-repeat;
}
*/

#featuredArticle p, #featuredArticle a.more, #featuredResource p {
	padding: 6px 7px 4px;
	color: #666;
}

#featuredResource a.more {
     padding: 6px 7px 4px;
}

#featuredArticle a, #featuredResource a {
	color: #00338e;
	text-decoration: underline;
}

#popularStreams {
	padding-bottom: 12px;
	margin-top: 10px;
	float: left;
	/* background: url(i/bgFeaturedArticle.jpg) left bottom no-repeat; */
}

#popularStreams .title {
	/* background: url(i/capPopularTeachings.jpg) left top no-repeat; */
	background: url(i/media-STREAM-color.png) left center no-repeat;
	color:#666666;
     font-size:1.1em;
     font-weight:bold;
     margin-left:7px;
     padding:8px 7px 8px 20px;
     text-transform:uppercase;
}

#popularStreams ol {
	list-style: none;
}

#popularStreams li a {
	display: block;
	/* background: url(i/bgPopularTeaching.jpg) left top no-repeat; */
	color: #00338e;
	padding: 6px 0px;
	font-weight: bold;
}

#popularStreams li {
	border-bottom: 1px solid #f3f1f1;
	margin: 0 7px;
}

#popularStreams a.all-streams {
     margin-left: 7px;
     margin-top: 5px;
     color: #00338e;
     float: left;
     text-decoration: underline;
}


/*
 * FOR THE TOP CART STUFF, BY CHAD (Ben, don't hate)
 * No hatin', just simplification... (BDC)
 */

.shopSnippet {
	color: #494949;
	padding: 5px 12px 0 0;
	float: right;
}

     .shopSnippet li {
          list-style: none;
          float: left;
          margin-right: 8px;
          padding-right: 8px;
          border-right: 1px solid #797979;
     }
     
     .shopSnippet li.last {
          border: none;
          padding:0;
          margin: 0;
     }

#header .shopSnippet img {
	float: none;
	margin: 0 7px -3px 2px;
}

.shopSnippet a {
	color: #666;
	font-size: 1em;
	text-transform: uppercase;
}

     .shopSnippet a.cart {
     	text-transform: lowercase;
     }


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

.memberGroup{
	width: 218px;
	float: left;
	
	margin: 14px 10px 0 0;
	padding: 0 5px 12px 0;
	background: url(i/bgMemHalf.jpg) left bottom no-repeat;
}

.memberGroup h5 {
	display: block;
	background: url(i/capMemHalf.jpg) left top no-repeat;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 1.1em;
}

.memberGroup p{
	padding-left: 10px;
}

#priCol #content .memberGroup ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

.memberGroup ul li{
	margin-left: 0;
	padding-bottom: 6px;
	display: block;
	
}

.memberGroupFull{
	width: 455px;
	float: left;
	
	margin: 14px 10px 0 0;
	padding: 0 5px 12px 0;
	background: url(i/bgMemFull.jpg) left bottom no-repeat;
}

.memberGroupFull h5 {
	display: block;
	background: url(i/capMemFull.jpg) left top no-repeat;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 1.1em;
}

.memberGroupFull p{
	padding-left: 10px;
}

#priCol #content .memberGroupFull ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

.memberGroupFull ul li{
	margin-left: 0;
	padding-bottom: 6px;
	display: block;
}

.memberGroupFull form{
	padding: 10px 0 0 10px;	
}

.memberGroupFull form input{
	width: 220px;
}

.memberGroupFull form select{
	width: 120px;
}

.memberGroupFull form input.submitBtn{
	width: 100px;
}

#content #purchaseOptions li input{
	float: right;
/* 	margin-top: 1px; */
	/* padding: 10px 8px; */
}

.footNote {
	/* margin-left: 15px; */
	font-style: italic;
	float: left;
	/* margin-top: 10px; */
	/* margin-right: 15px; */
	color: #8fa5cd;
	padding: 10px;
}

#otherResources {
	width: 344px;
	font-size: 1.2em;
	margin-top: 20px;
	margin: 20px 0px 0;
}

#columnC #otherResources {
     width: 160px;
     padding-left: 10px;
}

#otherResources h5 {
	background-color: #00338E;
	color: #fff;
	padding: 4px 5px 4px 8px;
	font-size: 1.1em;
	margin-bottom: 12px;
}

#otherResources img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#otherResources .title {
     text-transform: uppercase;
     color:#666666;
     font-size:1em;
     font-weight:bold;
     margin-bottom: 10px;
}

#otherResources .details {
	margin-top: 5px;
	/* padding-left: 12px; */
	float: left;
}

     #otherResources .no-resource .comments {
          display: block !important;
     }
     
     #otherResources .tabbed-content .comments {
          display: none;
          width: 324px;
          float: left;
     }
     
          #otherResources .tabbed-content .comments li, #otherResources .no-resource .comments li {cursor:pointer; list-style: none;}
          
          #otherResources .tabbed-content .comments li#leave-comment-btn img, #otherResources .no-resource .comments li#leave-comment-btn img {margin-bottom: 0;}
               
               #otherResources .tabbed-content .comments .leave-comment-container {display: none;float: left;}
               
               #otherResources .no-resource .comments .leave-comment-container {display: none;float: left;}
          
          #otherResources .tabbed-content .comments .comments-heading, #otherResources .no-resource .comments .comments-heading {
               color:#00338E;
               font-size:1em;
               font-weight:bold;
               margin-bottom:5px;
               text-transform: uppercase;
               float: left;
               width: 100%;
               margin-top: 25px;
          }
          
          #otherResources .tabbed-content .comments ul, #otherResources .no-resource .comments ul {
               float: left;
               margin: 10px 0 0;
               width: 324px;
               padding-bottom: 0;
          }
          
               #otherResources .tabbed-content .comments ul li, #otherResources .no-resource .comments ul li {
                    margin-bottom: 12px;
                    width: 324px;
                    float: left;
                    cursor: inherit;
               }
               
                    #otherResources .tabbed-content .comments ul li, #otherResources .no-resource .comments ul li.comment {margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #ccc;}
          
                    #otherResources .tabbed-content .comments li blockquote, #otherResources .no-resource .comments li blockquote {
                         margin: 0;
                         font-size: .9em;
                         font-style: normal;
                         width: 324px;
                    }
                    
                    #otherResources .tabbed-content .comments li cite, #otherResources .no-resource .comments li cite {
                         float: left;
                         font-size: .8em;
                         color: #777;
                    }
          
          #otherResources .tabbed-content .comments textarea, #otherResources .no-resource .comments textarea {
               width: 315px;
               border:1px solid #A3A3A3;
               margin-bottom: 20px;
               color:#848484;
               font-size:1.3em;
               margin-bottom:15px;
               margin-top:5px;
               padding:0.2em;
          }

#priCol #content #otherResources ul.tabbed-menu {
     margin-left: 0;
     padding-bottom: 0;
     float: left;
     position: relative;
}

     #priCol #content #otherResources ul.tabbed-menu li {
          float: left;
          list-style: none;
          margin-right: 5px;
          padding: 5px;
               color: #a4a4a4;
               background: #f4f4f4;
               font-size: .8em;
               text-decoration: none;
               border-top: 1px solid #E0DDDD;
               border-left: 1px solid #E0DDDD;
               border-right: 1px solid #E0DDDD;
               -moz-border-radius: 3px 3px 0 0;
               -webkit-border-radius: 3px 3px 0 0;
               cursor: pointer;
               position: absolute;
     }
     
          #priCol #content #otherResources ul.tabbed-menu li#learnMoreBtn2 {
               left: 100px;
               width: 90px;
          }
          
          #priCol #content #otherResources ul.tabbed-menu li.current {
               border-bottom: .2em solid #FFFFFF;
               color:#00338E;
               padding-bottom:5px;
               position:absolute;
               background: #fff;
          }

#otherResources .tabbed-content {
     float: left;
     padding: 10px;
     margin-top: 25px;
     width: 324px;
     background: url(i/tabbed-content-bg.gif) top left no-repeat;
}

     #otherResources {
     	float: left;
     }
     
     .otherResourcesJustComments {
          border-top: 1px solid #ccc;
          padding-top: 20px;
     }

#otherResources .details {
	/*
border-top: 1px solid #E0DDDD;
	padding-top: 10px;
*/
}

#otherResources a.readMore {
	color: #00338E;
	font-size: .9em;
	text-decoration: underline;
	margin-top: 10px;
	float: left;
}

#otherResources h3 {
	font-weight: bold;
	color:#00338E;
	font-size: 1em;
	margin-bottom: 5px;
}

     #otherResources .details-images {
          float: left;
          width: 35%;
     }
     
          #otherResources .details-images .resource-type {
               float: left;
               width: 100%;
          }
          
          #otherResources .details-images a img {
               margin-right: 10px;
          }

     #otherResources .details-content {
          float: left;
          width: 65%;
     }

/*
#otherResources h3, #otherResources p, #otherResources .readMore {
	padding-left: 12px;
}
*/

#otherResources p {
	font-size: .9em;
}

#events, #subLogin {
	margin-top: 10px;
	padding-bottom: 12px;
	/* background: url(i/bgFeaturedArticle.jpg) left bottom no-repeat; */
	color: #00338E;
	float: left;
}

#events dt, #subLogin dt {
	/* background: url(i/capEvents.jpg) left top no-repeat; */
	background: url(i/events-icon.gif) left center no-repeat;
	color: #666;
	font-weight: bold;
	font-size: 1.1em;
	padding:8px 7px 8px 20px;
     text-transform:uppercase;
     margin-left: 7px;
}

#subLogin dt {
     background: none;
     padding: 8px 7px;
     margin-left: 0;
}

#events strong, #subLogin strong {
	display: block;
}

#events dd, #subLogin dd {
	padding: 6px 7px 4px 7px;
}

#events dd a, #subLogin dd a {
	color: #00338e;
	text-decoration: underline;
	font-weight: bold;
}

#events dd a.all-events {
     font-weight: normal;
}

#events dd.title a, #subLogin dd.title a {
     color: #666;
     text-decoration: none;
     font-weight: normal;
}

#purchaseOptions p {
	/* display: inline; */
	width: 100%;
	clear: left;
	float: left;
	padding: 0;
	font-size: .9em;
	/* font-style: italic; */
	/* width: 193px; */
	margin-top: 5px;
	/* width: 300px; */
	color: #637ba4;
}

#purchaseOptions p.footNote {
     margin-left: 0;
     margin-top: 20px;
}

/*
For the marketing pages, by Ryan
 */

#content #subNav {
	background: url(i/aboutNav_bg.gif) left top no-repeat;
	width: 599px;
	height: 77px;
	margin-top: 20px;
	margin-left: -3px;
}

#content #subNav ol{
	margin: 0;
	padding: 0 0 0 0px;
	text-align: center;
}

#content #subNav li{
	float: left;
	width: 85px;
	height: 60px;
	font-size: 0.8em;
	display: block;
	list-style: none;
	padding-top: 10px;
}

#content #subNav a {
	display: block;
	text-decoration: none;
	padding-top: 40px;
	height: 20px;
}

#content #subNav .one a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/founderIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .one a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/founderIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .oneS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/founderIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .two a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/testIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .two a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/testIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .twoS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/testIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .three a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/passionIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .three a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/passionIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .threeS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/passionIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .four a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/resourcesIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .four a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/resourcesIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .fourS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/resourcesIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .five a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/haverimIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .five a:hover {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/haverimIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .fiveS a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/haverimIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .six a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/jcsIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .six a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/jcsIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .sixS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/jcsIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .seven a {
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/emailIcon_deselected.gif) no-repeat 50% top;
}

#content #subNav .seven a:hover{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/emailIcon_selected.gif) no-repeat 50% top;
}

#content #subNav .sevenS a{
	display: block;
	text-decoration: none;
	padding-top: 50px;
	height: 20px;
    background: url(i/emailIcon_selected.gif) no-repeat 50% top;
}

#content #sectionOne {
	float:left;
	position: relative;
	display: block;
	width:275px;
	margin:0px auto;
	font-size: 1.1em;
	margin-top: 20px;
}

#content #sectionTwo {
	float: right;
	position: relative;
	display: block;
	width:265px;
	margin:0px auto;
	font-size: 1.1em;
	margin-top: 20px;
}

#content img.dap {
	position: relative;
	/* margin-left: -18px; */
	background-image: url(i/dap.jpg) bottom left no-repeat;
}

#content #sectionOne p{
	padding-top: 0px;
	font-size: 1em;
}

#content #sectionTwo p{
	padding-top: 0px;
	font-size: 1em;
}

#content #sectionOne img{
	padding-right: 10px;
	float: left;
}

#content #sectionTwo img{
	padding-right: 10px;
	float: left;
}

#content #sectionTwo h3{
	font-size: 1.1em;
	/* width: 174px; */
	float: left;
	margin-top: 0;
	padding-bottom: 0;
}

#content #sectionTwo h3.name, #content #sectionOne h3.name{
	width: 174px;
}

#content #sectionOne h3{
	font-size: 1.1em;
	/* width: 184px; */
	float: left;
	margin-top: 0;
	padding-bottom: 0;
	/* line-height: 1.2em; */
}

#content #sectionTwo h4{
	width: 174px;
	float: left;
	font-size: .9em;
	margin-top: 0;
	font-weight: normal;
	padding-bottom: 5px;
}

#content #sectionOne h4{
	width: 184px;
	float: left;
	font-size: .9em;
	margin-top: 0;
	font-weight: normal;
	padding-bottom: 5px;
}

#content #sectionTwo h5{
	width: 174px;
	float: left;
	font-size: .9em;
	margin-top: 0;
	padding-top: 0px;
	padding-bottom: 10px;
}

#content #sectionOne h5{
	width: 184px;
	float: left;
	font-size: .9em;
	margin-top: 0;
	padding-top: 0px;
	padding-bottom: 10px;
}

#content #grayBgLeft {
	float: left;
	width: 250px;
	margin-top: 20px;
	font-size: 1em;
	padding: 5px 10px 40px 10px;
	background-color: #e0e0e0;
}

#content #grayBgRight {
	float: right;
	width: 250px;
	margin-top: 20px;
	font-size: 1em;
	padding: 40px 10px 53px 10px;
	background-color: #e0e0e0;
}

#content #grayBgLeft img.freeIndicator {
	position: relative;
	top: -5px;
	left: -10px;
}

#content #grayBgRight img.addToCart {
	position: relative;
	top: -15px;
}

#content #contentMain #sectionOne label {
	color: #00338E;
	display: block;
	clear: left;
	font-weight: bold;
}

#content #contentMain #sectionTwo label {
	color: #00338E;
	display: block;
	clear: left;
	font-weight: bold;
}

#testimoniesContent {
	margin-bottom: 40px;
}

#haverimContent {
	margin-bottom: 50px;
}

#emaillistsContent {
	margin-bottom: 20px;
}

/* END: Marketing pages */



/* BEGIN: Making the About Section Wider */
/*
.aboutSection #priCol {
	width: 781px;
	background: url(i/main-content-background.gif) left top repeat-y;
}

.aboutSection #priCol #content {
	width: 599px;
	background: url(i/capPriCol-acc.gif) left top no-repeat;
}

.aboutSection #footer {
	background: #f2f3f5 url(i/shoePriCol-acc.gif) left top no-repeat;
}
*/

.aboutSection #priCol blockquote {
	width: 500px;
}

.aboutSection #footer {
	width: 604px;
}

.aboutSection #footer p {
	padding-top: 0px;
}

/*
#colA.aboutSection, .aboutSection #subCol.subNav a, .aboutSection #subCol.subNav li.current a, .aboutSection #subCol.subNav a:hover {
	color: #00338E;
	width: 780px;
}

#colB.aboutSection {
     width: 180px;
     background: none;
     padding: 0;
}
*/

.aboutSection #subCol.subNav {
	background: url(i/capSubNavAccount.jpg);
}

.aboutSection #subCol.subNav dt {
	background-image: url(i/bgSubNavTitleAccount.jpg);
}

.aboutSection #content h2 {
	display: block;
	float: left;
	width: 570px;
	color: #00338e;
	font-size: 2.5em;
	margin-top: 5px;
}

#contentMain p {
	padding-top: 0;
	padding-bottom: 1em;
	width: 100%;
}

.aboutSection #content h3 {
	display: block;
	float: left;
	/* width: 292px; */
	color: #00338e;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 5px;
}

.aboutSection #content .vcard {
	display: block;
	float: left;
	padding: 4px 12px;
	margin-bottom: 10px;
}

.aboutSection #checkoutArea {
	padding-bottom: 20px;
	float: left;
}

.aboutSection .checkoutImage {
	float: left;
}

.aboutSection p {
	float: left;
	clear: left;
	padding-top: 1em;
	width: 95%;
}

.aboutSection ul, .aboutSection ol, .aboutSection blockquote {
	float: left;
	clear: left;
	display: inline;
}

/* END: Making the Account Section Wider */


.clearLeft {
	clear: left;
}

.floatLeft {
	float: left;
}

.formStack {
	clear: left;
	display: inline;
}

.formStack div {
	float: left;
	display: inline;
	margin-right: 20px;
}

#content .mainSection {
/* 	clear: left; */
}