/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */



/* ------ Header Styles ------- */

#header {
	        background: transparent url('../img/headerBG.gif') no-repeat;
	        height: 170px;
}

#logo {
float:left;
height:147px;
width:142px;
margin-top: 20px;
margin-left: 10px;
}

#nav {
float:right;
height:40px;
margin-top:45px;
text-align:right;
width:520px;
line-height: 1;
}

#nav ul {
	margin: 40px 0 0 0;
}

#sub ul {
	margin:0;
}

#nav ul li, #sub ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 0.5em 0 0;
}

#sub ul{
margin-top: 7px;
}

#nav ul li ul {
	display:none;

}

#nav ul li a {
font-size: 1.125em;
	font-family: "Century Gothic",Arial,Helvetica,Verdana,sans-serif;
	color: #333;	
}

#nav ul li a:focus, #nav ul li a:hover {color:#990000;text-decoration:underline;}
#nav ul li a.active {color: #990000;}

#sub ul li a {
	font-family: Trebuchet,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
	font-size: .67em;
	letter-spacing: .5px;
	color: #5c5c5c;
}

#cse-search-box {
	margin-right: 135px;
	margin-bottom: 15px;
}

/* ------ Home Div Styles ------- */

#main {
	padding-top: 3px;
	padding-left: 10px;
}

#newsTicker {
background:#FFFFFF url(../img/newsBG.gif) no-repeat scroll left top;
height:28px;
padding:3px 15px 0 15px;
width:680px;
font-size: .875em;
color: #515050;
}

.newsTitle {
float:left;
}

.newsDate {
color:#990000;
float:left;
margin-left:5px;
margin-right:5px;
}

.newsSpace {
color:#7A7A7A;
float:left;
margin:0;
width:4px;
}

.newsTeaser {
color:#7A7A7A;
float:left;
font-size:14px;
margin-left:5px;
max-width:350px;
}

.newsMore {
color:#7A7A7A;
float:right;
font-size:14px;
margin:0;
text-align:right;
width:69px;
}
.newsTeaser a {
color:#7A7A7A;
text-decoration:none;
}
.newsTeaser a:hover, .newsTeaser a:focus {
color:#990000;
text-decoration:none;
}

.newsMore a {
color:#7A7A7A;
text-decoration:underline;
}
.newsMore a:hover, .newsMore a:focus {
color:#990000;
}

#splashContent {
	margin-top: 3px;
	text-align:center;
}

#homeBlurb {
	margin-top: 15px;
	padding: 0 12px;
}

#homeBlurb p {
	margin-bottom: .5em;
}


/* ------- Sidebar styles ------- */

#sidebar {
	float:right;
	padding-top: 1px;
	padding-left: 20px;
	width: 343px;
}

#sidebar p{
	color: #9e9e9e;
	font-size: .8125em;
line-height: 1.5em;
}

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

#footer {
	padding-top: 15px;
	color: #999999;
	line-height: 1.3em;
	font-size: .75em;
	        background: transparent url('../img/footerBG.gif') no-repeat;
	        clear:both;
}

#footerRight {
	text-align:right;
	line-height: 1.6em;
}

#footer a {
	color: #616161;
}

input.subscribe {
	        background: transparent url('../img/subscribe-button.gif') no-repeat;
	        border: none;
	        height: 74px;
	        width: 84px;	
	        cursor: pointer;
	        position:absolute;
	        top: -15px;
	        right: 0px;
}

/* ------ Photo Styles ------- */

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb {
	float:left;
	margin-right:1em;
	position:relative;
}

.contentThumb img {
	margin-bottom:.15em;
}

/*.contentThumb span {
background:transparent url('../img/round-corner.png') no-repeat scroll 0 0;
display:block;
height:120px;
left:0;
position:absolute;
top:0;
width:170px;
}*/

.contentThumb img {
width: 100px;
height: 100px;
}

.contentThumb span {
background:transparent url('../img/boxframe.png') no-repeat scroll 0 0;

display: block;
height: 100px;
width: 100px;
position: absolute;
top: 0;
left:0;
}





#flashcontent { 
width: 710px;
height: 270px;
position: relative;
}



#flashcontent span {
background:transparent url('../img/widescreenover.png') no-repeat scroll 0 0;
display: block;
height: 270px;
width: 710px;
position: absolute;
top: 0;
left:0;
}



.relatedPics {
width: 350px;
height: 350px;
position: relative;
}

.previewImage span, .relatedPics span {
background:transparent url('../img/midoverlay.png') no-repeat scroll 0 0;
display: block;
height: 350px;
width: 350px;
position: absolute;
top: 0;
left:0;
}



.staffThumb img {
	height: 60px;
	width: 60px;
	margin: 10px 0pt;
	border: 2px solid #1EA7FD;
}

.imageThumb {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border: 2px solid #1EA7FD;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:165px;
}

#picWrapper {
	height:350px;
	width:350px;
	margin: 0;
	padding: 0;
	position: relative;
}
.relatedPics {  
    height:  350px;  
    width:   330px;  
    padding: 0;  
    margin:  0; 
    position: relative;
} 
 
.relatedPics .previewImage {  
    width:  350px; 
    height: 350px;
    top:  0; 
    left: 0;
    padding:0;
}


.imageCaption {
	position:absolute;
	/*bottom: -20px;*/
	top: 350px;
	left: 15px;
	color: #999;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	line-height: 1.45;
}

#picNav {
letter-spacing:.5em;
padding-top: 16px;
text-align:right;
font-size: .875em;
margin-bottom: 10px;
}

#picNav a:focus, #picNav a:hover {
color:#686868;
text-decoration:none;
}


/* ------ Minor Div Styles begin here ------ */


.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:.5em;
	padding-right: 20px;
}

.paginatorControl .disabled, .pageCounter {
	color:#bbb;
}

.bg1, .bg2 {
	padding:0 0  1.5em 0;
	clear: left;
}


.last {
	border-bottom: 0px;
}

#bottom {
	padding-top: 20px;
}

#teaser h2 {
color: #A9A9A9;
}

.contentDescription h2, .category-list h2 {
	margin-bottom:0;
	line-height: 1.15em;
}

.contentDescription	h2 a, .category-list h2 a{
	color: #333333;
}


.teaser p {
margin: 0;
}

.teaser p img {
margin: 0;
}

.activeLink {
color: #990000 !important;
}

.activeSlide {
color: #333;
}

.categorySidebars {
padding-top: 15px;
}

#teaser {
padding-bottom: 20px;
}


#badge {
position:absolute; 
right:0; 
top:0; 
width:150px; 
height:150px; 
z-index:1;
}

.grey {
color: #aaaaaa;
}

hr {
clear: both;
height: 0px;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #DCDCDC;
display: block;
}






#rightcol {
float: right;
width: 230px;
}

#rightcol a:hover {
text-decoration: none;
}

#rightcol h2 {
margin:35px 0 0 0;
padding: 0;
text-transform:uppercase;
color: #111 !important;
font-size: 20px;

}

#rightcol h3 {
color:#333;
font-size:13px;
margin:10px 0 10px 5px;
padding:0;
font-weight:bold;
}

#rightcol ul {
list-style-type:none;
margin:0px 0 0 0px;
padding:0;


}


#rightcol ul li a{
margin: 0;
/* background-color: #FFF; */
padding: 5px;
line-height: 18px;
color: #666;
display: block;
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #FFF;
font-size: .9em;
}

#rightcol ul li a:hover{
background-color: #EEEEEE;
text-decoration: none;
}

.selectedVideo a {
background-color: #EEEEEE !important;
color: #333333 !important;
}

#rightcol h4 {
font-weight:bold;
padding:5px 0 5px 0;
margin:0px 0px;
font-size: 1em;
border-bottom: 1px solid #DCDCDC;

}


#leftcol h3 {
padding-top: 10px;
}


ul {
font-size: .9em;
}

#header ul {
font-size: 1em;
}

.thinkers{
padding: 0 0 .25em 0 !important;
}

h3.date {
color: #AAA;
font-style: italic;
padding-bottom: 5px;
}

.teaser p img {
margin: 0 10px 10px 0;
}

/* ------ WebTree Styles ------ */
#flashMessage {
	background-color:yellow;
} 


/* ----- Digishop Styles ----- */

#subpageColumn {
background:#FFFFFF url(../img/subpageColumnBG.gif) repeat-y scroll left top;
float:left;
margin:0;
padding:0;
text-align:left;
width:567px;
}

#storeBar {
background:#FFFFFF url(../img/storeBar.gif) no-repeat scroll left top;
color:#FFB1B1;
font-size:11px;
height:38px;
margin:0;
text-align:center;
width:710px;
}

#storeBar p{
margin: 0;
padding: 0;
float:left;
padding-top: 10px;
padding-left: 20px;
text-align:right;
}

#storeBar a{
color: #ffb1b1;
text-decoration: none;
}

#storeBar a strong {
	color: #fff;
}

#storeBar a:hover{
color: #FFFFFF;
text-decoration: underline;
}

#digishop_spacing {
margin-left:20px;
margin-right:10px;
}


.shopSubcategoryListLong {
float: left;
width: 121px;
height:165px;
padding:10px 5px 0px 15px;
margin:0;
background:url(../img/subpageStoreBoxLong.gif) no-repeat;
}

.shopSubcategoryListShort {
float: left;
width: 121px;
height: 131px;
padding:10px 5px 0px 15px;
margin:0;
background: url(../img/subpageStoreBoxSmall.gif) no-repeat;

}

#digishop_leftColumn {
float:left;
width:200px;

}

/* product detail page */
#digishop_rightColumn {
float:left;
width:325px;
margin-left:10px;
}

#digishop_spacing h2, #digishop_spacing h1, #digishop_spacing p {
margin-left:0px;
padding-left:0px;
}

/* Sets the spacing for all content displayed by digishop */
#digishop_spacing {
margin-left:20px;
margin-right:10px;
}

.ds_highlight {
color:#990000;
font-weight:bold;
}

.productDescription {
line-height:1.4em;

}

.productImage{
border-left:1px #EEE solid;
border-right:1px #EEE solid;
text-align:center;
width:196px;
}

.zoomPic {
text-align:right;
padding-right:10px;
}

.productBoundingBox {
margin-bottom:15px;
}

/* Product Listing Table */
table.productList {

width:520px;
}

table.productList td {
padding:15px 10px 15px 0px;
background: #FFF url(../img/line.gif) no-repeat bottom left;

}

/* Product List Page Top Info (num products, sort order */
table.productListInfo {

}

table.generic {

}

/* View Cart */
table.viewCart td{
padding:10px 0px;
background: #FFF url(../img/line.gif) no-repeat bottom left;
}


#productsHome a img{
float: left;
}


#ergo2 {
width: 710px;
}

#ergoHead {
height: 263px;
background: url(../img/new-ergoLab.jpg) no-repeat top left;
}

#ergoBody {
background: url(../img/new-ergoBG.jpg) no-repeat top left;
}

#ergoContainer {

padding: 5px 30px 5px 40px;
}

#ergoContainer img {
margin: 0px 17px 20px 17px;
}

#ergoContainer h1 {
display: none;

}

#ergoSplashes {
text-align: center;
}

#ergoContainer p {
color: white;
font-size: 14px;
line-height: 22px;
}

/* Sub Nav */
#sub {
	margin:0;
	padding:0;
}

#sub ul {
	clear:both;
	margin:0;
	padding:0;
}

#sub ul li {
	display:inline;
	list-style:none;
	margin:0;
}

#sub ul li a{
	color:#666;
	text-decoration:none;
	font-size:11px;
}

#sub ul li a:hover {
	color:#990000;
}


/* forms */
#inquiries input {
padding: 3px;
font-size: 1.3em;
font-weight: bold;
letter-spacing: -1px;
border: 1px solid #000;
margin: 5px;
background-color: #FFFFFF;

}

#inquiries input:focus {
letter-spacing: -1px;
border: 1px solid #ddd;
background-color: #FFF47F;
}


#digishop_rightColumn .Form2 {
max-width: 200px;
}

table.grid {
	width: 550px !important;
}

#digishop_spacing {
font-size: .9em;
}

tr td.grid {
width: 180px;
}

table, td, th {
vertical-align: top;
}




#slide-numbers {
z-index: 500;
position: absolute;
/*top: 10px;
left: 15px;*/
top: 203px;
left: 330px;
font-size: 11px;
}

#slide-numbers a {
padding: 5px;
outline: none;
}


#slide-numbers a:hover {
color: #333;
text-decoration: none;
}

#slide-numbers a.activeSlide {
background: url('../img/activeslide.png') no-repeat center center;
text-decoration: none;

}


/*.overlay span {
background: url('../img/splashspan.png') no-repeat top left;
position: absolute;
top: 0;
left: 0;
width: 416px;
height: 265px;
z-index: -10;
}

#home {
position: relative;
}*/

#home #flashcontent span {
z-index: -10;
}

#main-buttons h1 {
font-size: 12px;
margin: 0;
line-height: 16px;
}

#main-buttons h1.button1 {
background: url('../img/homebutton-1blocks.gif') no-repeat 0 0;
}

#main-buttons h1.button1:hover {
background: url('../img/homebutton-1blocks.gif') no-repeat 100% 0;
}

#main-buttons h1.button2 {
background: url('../img/homebutton-2tiles.gif') no-repeat 0 0;
}

#main-buttons h1.button2:hover {
background: url('../img/homebutton-2tiles.gif') no-repeat 100% 0;
}



#main-buttons h1.button3 {
background: url('../img/homebutton-3train.gif') no-repeat 0 0;
}

#main-buttons h1.button3:hover {
background: url('../img/homebutton-3train.gif') no-repeat 100% 0;
}


.button1, .button2, .button3 {
height: 90px;
display: block;

}


#main-buttons h1 a {
color: #444;
display: block;
padding: 40px 20px 10px;
outline: none;
}


#main-buttons h1 a:hover {
text-decoration: none;
}

#main-buttons h1.button3 a {
padding: 37px 20px 10px;
}


#splash h4 {
line-height: 1em;
}

#splash h4 a {
background: url('../img/h4go.png') no-repeat 0 199px;

}

#splash h4 a:hover {
background: url('../img/h4go.png') no-repeat -423px 199px;
color: #990000;
}

#logo a, #badge a {
outline: none;

}

#picNav a {
font-size: 12px;
letter-spacing: -0.05em;
margin-right: 5px;
position: relative;
z-index: 50;
}