@import url("/stylesCommon.css");
html{
	height:100%;
	margin: 0px 0px 0px 0px;
}

body{
background: url(images/backgroundGray.png);
width: 100%;
height: 100%;
font-family: Arial, sans-serif;
font-size: 100%;
margin: 0px 0px 0px 0px;
text-align: center;
color: #000000;
}

#outerWrapper{
background: url(images/headerBG.png) repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
margin-bottom: -43px;
}

#wrapper{
/*background: url(images/backgroundGray.png);*/
min-height: 100%;
height: auto !important;
height: 100%;

font-size: 0.875em;
text-align: left;
margin-left: auto;
margin-right: auto;
width:988px;
margin-bottom: -43px;
}

#header{
/*background: url(images/logo.png) no-repeat;*/
height: 186px;
margin: 0 auto;
text-align: left;
width:998px;
}

#redHeader{
height: 126px;
width: 100%;
}

#header h1{
text-indent: 1000px;
height: 10px;
width: 100px;
overflow: hidden;
white-space: nowrap;
float: left;
}

#logo{
background: url(images/logo.png) no-repeat;
width: 299px;
height: 99px;
margin-left: 65px;
margin-top: 15px;
text-indent: 1000px;
white-space: nowrap;
overflow: hidden;
display: block;
float: left;
}

#headerText{
background: url(images/headerText.png) no-repeat;
width: 466px;
height: 98px;
float:right;
margin-top:15px;
margin-right: 0px;
text-indent: 1000px;
white-space: nowrap;
overflow: hidden;
display: block;
}

#newsletter{
background-image: url(images/newsletter2.jpg);
height:220px;
width:620px;
float: right;
margin-left: 15px;
}

#indexNews{
height:220px;
width: 360px;
float: left;
overflow: hidden;
}

#signupButton{
float: left;
display: block;
width:410px;
height:75px;
margin-top:  114px;
margin-left: 205px;
}

#nav{
height: 94px;
width: 100%;
text-align: center;
display: block;
/*margin-top: 110px;*/
}

#footer{
background: url(images/footerBG.jpg) repeat-x;
/*height: 43px;*/
margin: 10px 0px 0px 0px;
text-align: center;
width: 100%;
color: #626060;
}

#footer, .push{
height: 43px;
}

#footerContent {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 998px;
padding: 5px 40px 0px 40px;
font-weight: normal!important;
font-size: .9em;
}

#footerContent a, #footerContent a:visited, #footerContent a:hover, #footerContent a:active{
color:#626060!important;
font-size: .9em!important;
text-decoration: none!important;
font-weight: normal!important;
margin-left: 50px!important;
display: block!important;
float: left;
}

#content a, #footer a{

color: #8b0b04;
text-decoration: none;

}

#content a:visited, #footer a:visited, #nav a:visited{
color: #8b0b04;
text-decoration: none;
}

#content a:hover, #footer a:hover, #nav a:hover{
color: #ca1006;
text-decoration: none;
}

#content a:active, #footer a:active, #nav a:active{
color: #ca1006;
text-decoration: none;
}

#content a:hover ,#content a:active ,#content a:visited ,#content a{
text-decoration: underline;
}


#nav a, #nav a:visited{
margin-top: 10px;
margin-left: 50px;
color: #8b0b04;
text-decoration: none;
font-size: 1.2em;
font-weight: none;
display: block;
float: left;
}

#nav a:hover, #nav a:active{
margin-top: 10px;
margin-left: 50px;
color: #ca1006;
text-decoration: underline;
font-size: 1.2em;
display: block;
float: left;
}

#nav .link2{
margin-right: 200px;
}

#footer a{
font-weight: bold;
margin: 0 15px;
}

#loader2 { 
background-color:#D9D9D9; 
border:3px solid #8B0B04;
padding: 2px;
}


#content{
margin: 0 auto;
padding: 0px 10px 0px 10px;
text-align: left;
width: 998px;
background-color: #fff;
}


h1{
color: #8B0B04;
padding-bottom: 2px;
}

h2 a, h2{
color: #9D3D3D;
font-size: 1.5em;
}

h3{
color: #5D3939;
}
.separator{
float: left;
width: 100%;
margin: 5px 0 10px 0;
border-bottom: 1px solid #8D6B43;
}

.footerBox{
background: url(images/footerBox.jpg) no-repeat;
width: 320px;
height: 267px;
float: left;
margin-left: 10px;
}

.footerBoxContent{
margin: 61px 10px 0px 5px;
height: 207px;		/* .footerBox height - margin top&Bottom */
width: 305px;		/* .footerBox width - margin left&right */
}

.seminarBox{
background: url(images/footerBoxSeminar.jpg) no-repeat;
}
.productsBox{
background: url(images/footerBoxProducts.jpg) no-repeat;
}
.neuroBox{
background: url(images/footerBoxNeuro.jpg) no-repeat;
}
.symposiumBox{
background: url(images/footerBoxSymposium.jpg) no-repeat;
}

.genericBox{
/*border: 1px solid #520602; */
padding: 5px; 
background-color:#F3F3F3;
}

th{
background: #8b0b04;
color: #fff;
font-weight: bold;
text-align: center;
}

.row1{
background: #FFFAF9;
}
.row2{
background: #FFE6E1;
}

#shopping_cart_table{
margin: 0 auto;
width: 500px;
}

#shopping_cart_totals{
margin: 0 auto;
width: 500px;
}

#shopping_cart_table_actions{
margin: 0 auto;
width: 500px;
}

#shopping_cart_table .item_details{
border-bottom: 1px solid #8B0B04;
padding: 5px;
width: 400px;
margin-top: 0px;
}

.item_details {
/*border-bottom: 1px solid #8B0B04;*/
padding: 5px;
width: 800px;
margin: 50px auto 0 auto;
text-align: left;
/*margin-bottom:50px;*/
display: block;
}

a.itemName, a.itemName:visited{
color: #520602;
text-decoration: none!important;
}

a.itemName:hover, a.itemName:active{
color: #9D3D3D;
text-decoration: underline!important;
}

a.itemName{
font-size: 1.15em!important;
}

h4 a, h4 a:visited{
color: #8B0B04!important;
font-weight: normal!important;
text-decoration: none!important;
}

h4 a:hover, h4 a:active{
color: #520602!important;
text-decoration: underline!important;
}


/*
.item_details p{
text-align: left;
}
*/

.details{
text-align: left;
}

.detail_description{
width: 600px;
display: block;
}

#shopping_cart_table .item_cost{
border-bottom: 1px solid #8B0B04;
text-align: right;
padding: 5px;
vertical-align: top;
}

#shopping_cart_table .item_qty{
border-bottom: 1px solid #8B0B04;
padding: 5px;
text-align: center;
vertical-align: top;
}

#shopping_cart_table .item_qty input{
text-align: center;
}


.total{
padding: 0 5px 0 0;
text-align: right;
}

#shoppingCartIcon{
float:right;
}

#shoppingCartIcon a, #shoppingCartIcon:visited{
text-decoration: none!important;
}

#shoppingCartIcon a:hover, #shoppingCartIcon:active{
text-decoration: underline!important;
}

#captchaForm textarea{
padding: 10px;
}

/* ------- FOR NEW LIGHTBOX jS ------ //
/ ------------------------------------------------ */


#qcVideoPlayer{
background: #fff;
border: 5px solid #bbb;
left: 50%; 
height: 276px;
height: 600px;
margin: 0 -300px;
padding: 10px;
position: absolute;
text-align: left;
top: 0;   
width: 320px;
width: 600px;
z-index: 100;
}

#close_qcVideoPlayer{
background: url(images/closeLightbox.gif) no-repeat;
height: 22px;
left: 50%; 
margin-left:220px;
position: absolute;
text-align: right;
top: 0;
width: 100px;
z-index: 103;
padding: 0 0 3px 0;
}

.whiteout{
visibility: hidden;

height: 100%; 
left: 0; 
position: absolute;
top: 0; 
width: 100%;  
z-index: 98;
}

#whiteout{
background: #000;
filter: alpha(opacity=70)!important; 
opacity:.7!important;
-moz-opacity:.70!important;
}

#lightboxImage{
max-width: 600px;
width: expression(this.width > 600 ? 600: true);
max-height: 600px;
height: expression(this.width > 600 ? 600: true);
}

.centerNoPic{
margin: 0 auto;
}

#splashWrapper{
position:absolute;
width: 100%;
top: 0px;
text-align:center;
left:0px;
}


#splash{
width:988px; 
height:768px; 
margin-left: auto;
margin-right: auto;
}