#html, body p{
margin:0;
padding:0;
} 

html{
/*font: small/1.4 "Lucida Grande", Tahoma, sans-serif;*/
margin:0;
padding:0;
}

body{
margin-top:0;
margin-right: auto;
margin-left: auto;
background-color: black;
}

img{
border:0px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*OUTER DIV for all elements that need centering     */
/*****************************************************/
body div.divoutercl{
margin-top:0;
margin-left:auto;
margin-right:auto;
width:1038px;
height:743px;
/*background:url() no-repeat -60px top;*/
background:url(../images/jsi_background_stu.jpg) no-repeat -60px top;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*MAIN DIV for all page elements                     */
/*****************************************************/
#divmainid{
margin:0 0 0 33px;
height:705px;
width:974px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*TOPROW for all banner elements                     */
/*****************************************************/
#toprow{
position:relative;
width:974px;
height:121px;
}
#toprow .mainlogo{border:0px solid red;
margin:0px 0 0 20px;
padding:0;
width:300px;
height:121px;
overflow: hidden;
/*
background:url(../images/jsi_background_logo_stu.png) no-repeat 50px -5px;
*/
}
#toprow .mainlogo a:link,
#toprow .mainlogo a:visited{
display: block;
}
#toprow .mainlogo a:hover{
display: block;
}
#toprow .mainlogo img{border:0px solid red;
margin:-5px 0 0 30px;
padding:0;
width:232px;
height:129px;
}

#toprow .maintag{
width:600px;
height:121px;
}
#toprow div.maintag h2{
margin:45px 0 0 0;
text-indent: 20px;
font-size: 22px;
font-weight: normal;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*NAVROW for all nav above tabs                      */
/*****************************************************/
#navrow{
margin:1px 0 0 0;
width:974px;
height:27px;
}
#navrow ul{
list-style-type: none;
margin: 0px 0 0 -40px;
padding:0;
width:615px;
}
#navrow ul li{
margin:0;
float:left;
display:inline;
width:137px;
height:24px;
}
#navrow ul li#stepshome{background:url(../images/jsi_nav_steps_orange.png) no-repeat 99px 1px;}
#navrow ul li#stepssamples{background:url(../images/jsi_nav_steps_orange.png) no-repeat -45px 1px;}
#navrow ul li#stepsanswers{background:url(../images/jsi_nav_steps_orange.png) no-repeat -183px 1px;}
#navrow ul li#stepsgetstarted{background:url(../images/jsi_nav_steps_orange.png) no-repeat -319px 1px;}

#navrow ul li#stepshome_done{background:url(../images/jsi_nav_steps_orange.png) no-repeat 99px -56px;}
#navrow ul li#stepssamples_done{background:url(../images/jsi_nav_steps_orange.png) no-repeat -45px -56px;}
#navrow ul li#stepsanswers_done{background:url(../images/jsi_nav_steps_orange.png) no-repeat -183px -56px;}
#navrow ul li#stepsgetstarted_done{background:url(../images/jsi_nav_steps_orange.png) no-repeat -319px -56px;}

#navrow ul li#stepshome_on{background:url(../images/jsi_nav_steps_orange.png) no-repeat 99px -85px;}
#navrow ul li#stepssamples_on{background:url(../images/jsi_nav_steps_orange.png) no-repeat -45px -85px;}
#navrow ul li#stepsanswers_on{background:url(../images/jsi_nav_steps_orange.png) no-repeat -183px -85px;}
#navrow ul li#stepsgetstarted_on{background:url(../images/jsi_nav_steps_orange.png) no-repeat -319px -85px;}

#navrow p#tollfree{
margin: 3px 0 0 0;
padding: 0;
color:#f7941e;
height:22px;
width:250px;
text-align:center;
font-size: 16px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*TABSROW for all nav tabs under nav line            */
/*****************************************************/
div.tabsrow{
margin:0;
width:974px;
height:40px;
}
div.tabsrow ul {
list-style-type: none;
margin: 0 0 0 16px;
padding:0;
width:970px;
}
div.tabsrow ul li{
float:left;
padding: 0;
height:40px;
width:140px;
}
div.tabsrow ul li a.activelink{
background: url(../images/nav_bar_tabs.png) no-repeat left -80px;
}
div.tabsrow a:link, 
div.tabsrow a:visited {
display: block;
width: 140px;
height:40px;
padding: 0;
background: url(../images/nav_bar_tabs.png) top left no-repeat;
text-decoration: none;
}
div.tabsrow a:hover {
background-position: 0 -40px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*INFOROW for all data                               */
/*****************************************************/
div.inforow{
background: #000 /*url(../images/inforow-bg.jpg) 8px 12px no-repeat;*/;

position:relative;
padding:0;
margin: 0;
height:483px;
width:690px;
}
div.inforow div.data{
position:relative;
float:left;
margin: 0 0 0 10px;
padding:0;
height:412px;
width:670px;
}

div.inforow div.data img{
position:relative;
top:5%;
left:5%;
}


div.inforow div.data p.sitemapp{
margin:0 0 0 20px;
padding:0;
font-size: 8pt;
}

div.inforow div.data h2.sitemaph{
margin:10px 0 5px 10px;
padding:0;
font-size: 12pt;
color:white;
}

div.inforow div.data p.sitemapp a:link,
div.inforow div.data p.sitemapp a:visited{
text-decoration: none;
color:#CBDB2B;
}
div.inforow div.data p.sitemapp a:hover{
text-decoration: underline;
color:#f7941e;
}

div.inforow div.data div.sietmapbox{border-top: 0px solid #666;
float:left;
margin:10px;
padding:0;
height:140px;
width:250px;
font-size: 12pt;
color:#f7941e;
background-color: black;
}





div.inforow div.dataupload{ border:0px solid red;
margin: 0 0 0 10px;
padding:0;
height:412px;
width:670px;
background-color: #dedede;
}




div.inforow div.data div.anscol{
margin: 15px 0 0 7px;
padding:0;
height:383px;
width:214px;
background:url(../images/answers_base_col_bck_picno.png) no-repeat top left;
}
div.inforow div.data div.anscolpic{
margin: 15px 0 0 7px;
padding:0;
height:383px;
width:214px;
background:url(../images/answers_base_col_bck_pic.png) no-repeat top left;
}
div.inforow div.data div.anscol h2,
div.inforow div.data div.anscolpic h2{
margin:7px 0 0 0;
padding:0;
height: 52px;
text-align: center;
line-height: 22px;
font-size: 18px;
font-weight: bold;
font-style: oblique;
color:#CBDB2B;
}
div.inforow div.data div.anscolpic ul{
list-style-type: none;
margin: 0;
padding:0;
}
div.inforow div.data div.anscolpic ul li{
margin:10px 0 0 10px;
padding:0;
color:#CBDB2B;
font-size: 13px;
width:100%;
}
div.inforow div.data div.anscolpic ul li ul li{
margin: 0 0 0 10px;
padding:0;
font-size: 11px;
color:white;
width:100%;
}



div.inforow .tooltipholder{border:0px solid red;
position:absolute;
display: none;
padding:0;
margin: 0;
top:60px;
left:355px;
height:85px;
width:301px;
}
div.inforow .tooltiparr{
position:relative;
float:left;
margin:0;
padding:0;
height:314px;
width:50px;
background:url(../images/jsi_home-results-popup-pointer-green.png) no-repeat top left;
}
div.inforow .tooltips{border:0px solid red;
position:relative;
float:left;
overflow: hidden;
padding:10px;
margin: -3px;
height:85px;
width:226px;
font-size: 7pt;
line-height: 10pt;
z-index: 1000;
color: #CBDB2B;
/*background:url(../images/jsi_home-results-popup-bck-green.png) no-repeat top left;*/
background: none;
}
#closeme{border:0px solid red;
}
#closeme a{border:0px solid red;
color:white;
text-decoration: none;
}
/*orange = #ffae00*/





div.inforow div.data h1{
margin: 0;
padding: 0;
height: 65px;
font-family: "Arial Black";
font-size: 24px;
text-indent: -1000px;
background: url(../images/jsi_home-results-header.png) no-repeat 30px 5px;
}
div.inforow div.data ul#resultsbullets h2{border:0px solid red;
position:relative;
margin: 0;
padding: 0;
height: 40px;
width: 400px;
font-family: "Arial Black";
font-size: 8px;
text-indent: -3000px;
}
div.inforow div.data ul#resultsbullets{
list-style: none;
margin: 0 0 0 60px;
padding: 0;
}
div.inforow div.data ul#resultsbullets li{border:0px solid red;
margin: 0;
padding: 0;
height:33px;
width: 365px;
overflow: hidden;
background: url(../images/jsi_home-results-checkbox.png) no-repeat 0px 1px;
}
div.inforow div.data ul#resultsbullets li img{
float:left;
margin:-41px 0 0 10px;
padding:0px;
}











div.inforow div.pointguy,
div.inforow div.pointguysamples{
height:130px;
width:180px;
}

div.inforow div.pointguy{
margin:145px 0 0 100px;
}

div.inforow div.pointguysamples{
margin:145px 0 0 80px;
}



div.anscol ul{
list-style-type: none;
margin:10px 0 0 0;
padding:0;
}

div.anscol ul li{
margin:12px 0 0 10px;
line-height: 15px;
}

div.anscol ul li ul{
list-style-type: none;
margin:0 0 5px 0;
padding:0;
}

div.anscol ul li ul li{
margin:5px 0 0 15px;
line-height: 11px;
}

div.anscol ul a:link,
div.anscol ul a:visited{
display:block;
padding: 0 0 0 20px;
font-size: 12px;
text-decoration: none;
background-image: url(../images/start_main_rndcrnr_orngarr.png);
background-position: 0px -2px;
background-repeat: no-repeat;
color:white;
}
div.anscol ul a:hover{
background-position: 0px -103px;
color:#f7941e;
}

div.anscol ul li ul a:link,
div.anscol ul li ul a:visited{
display:block;
padding: 0 0 0 10px;
font-size: 10px;
text-decoration: none;
color:white;
background-image:none;
}

div.anscol ul li ul a:hover{
color:#f7941e;
}


/*****************************************************/
/*****************************************************/
/*****************************************************/
/*INFOROW for samples page lightbox                  */
/*****************************************************/
div.inforow div.sampleslightbox{
margin: 0px 0 0 8px; /*8px 0 0 13px*/;
padding:0;
height:493px;
width:684px;
font-size: 12px;
/*background:url(../images/samples_lightbox_bck.png) no-repeat top left;*/
background: none;
}
div.inforow div.sampleslightbox div.lightboxnav{
height:53px;
width:684px;
}
div.inforow div.sampleslightbox div.lightboxnav ul{
padding:0px 0 0 15px;
margin:0;
list-style-type: none;
}
div.inforow div.sampleslightbox div.lightboxnav ul li{
float:left;
position: relative;
margin:0;
padding:0;
width:auto;
height:20px;
color:white;
}
div.inforow div.sampleslightbox div.lightboxnav ul li p{
padding:0;
margin:-4px 0 0 0;
}
div.inforow div.sampleslightbox div.lightboxnav ul li p + p{
padding:0;
margin:1px 0 0 0;
font-size:9px;
color:#999;
}
div.inforow div.sampleslightbox div.lightboxnav ul li select{
padding:0;
margin:1px 35px 0 0;
font-size: 10px;
width:150px;
}
div.inforow div.sampleslightbox div.lightboxnav ul li a:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a:visited{
display: block;
padding:0;
margin:1px 0 0 0;
height:21px;
color:white;
text-decoration:none;
text-align:left;
background-position: 4px -5px;
background-repeat: no-repeat;
}
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbprevious:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbprevious:visited{
padding:0 0 0 35px;
background-image: url(../images/samples_lightbox_nav_browse_previous.png);
}
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbnext:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbnext:visited{
padding:0 60px 0 0px;
background-image: url(../images/samples_lightbox_nav_browse_next.png);
}
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbfront:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbfront:visited{
padding:0 10px 0 30px;
background-image: url(../images/samples_lightbox_nav_card_front.png);
}
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbscratched:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbscratched:visited{
padding:0 10px 0 30px;
background-image: url(../images/samples_lightbox_nav_card_scratched.png);
}
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbbackside:link,
div.inforow div.sampleslightbox div.lightboxnav ul li a.lbbackside:visited{
padding:0 10px 0 30px;
background-image: url(../images/samples_lightbox_nav_card_backside.png);
}
div.inforow div.sampleslightbox div.lightboxnav ul li a:hover{
color:#4d4d4d;
cursor: pointer;
background-position: 4px -51px;
}



/*********************************************************/
/*********************************************************/
/* A treatment for the carosel feature of image browsing */
/*********************************************************/
body div.caroselviewercl{border:0px solid yellow;
height:433px;
width:684px;
margin-left: auto;
margin-right: auto;
}

/*********************************************************/
/*********************************************************/
body ul.caroselholder{border:0px solid black;
/**/
overflow: hidden;
position:relative;
list-style-type: none;
padding: 0;
margin:0;
height:433px;
width:684px;
}
body ul.caroselholder li{border:0px solid red;
position:relative;
display:inline;
float:left;
height:433px;
width:684px;
}


body ul.caroselholder li p{border:0px solid #000;
position: absolute;
margin:0;
padding:0;
text-indent: 0px;
height:300px;
width:600px;
}
body ul.caroselholder li img{border:0px solid #000;
position: absolute;
margin:0;
padding:0;
}
body ul.caroselholder li span{border:0px solid blue;
position: absolute;
text-indent: 119px;
}



body ul.caroselholder .controlr{border:0px solid blue;
position: absolute;
z-index: 3;
right:0;
top:0;
}

body ul.caroselholder .controll{border:0px solid blue;
position: absolute;
z-index: 3;
left:0;
top:0;
}

body ul.caroselholder .preloader{border:0px solid yellow;
position: absolute;
z-index: 4;
left:100px;
top:0;
}










/*************************************************************************************/
/*************************************************************************************/
#you_are_here{}
/*************************************************************************************/
/*************************************************************************************/
div#lightboxvuer{
overflow: hidden;
position: relative;
}
div#lightboxvuer div.imgholder{
position: absolute;
height:433px;
/*text-indent:100px;*/
text-indent:-99999999px;
font-size:8px;
color:red;
background-repeat: no-repeat;
background-position: center center;
}


div#lightboxvuer div.holdpre{
margin-left: -684px;
/*margin-left: 0px;*/
}
div#lightboxvuer div.holdact{
margin-left: 0px;
/*margin-left: 200px;*/
}
div#lightboxvuer div.holdnxt{
margin-left: 684px;
/*margin-left: 400px;*/
}



















div.inforow div.samplespointguy{
margin: 0;
padding:0;
height:412px;
width:270px;
}



/*****************************************************/
/*****************************************************/
/* GET STARTED Base - Right hand black box selectors */
/*****************************************************/
/*****************************************************/
div.reqbox_base{
height:60px;
width:278px;
margin:20px 0 0 20px;
background:url(../images/start_main_rndcrnr_black.png) no-repeat top left
}
div.reqbox_left{
float:left;
height:60px;
width:28px;
margin:0px 0 0 0px;
background:url(../images/start_main_rndcrnr_grnarr.png) no-repeat 5px 2px
}
div.reqbox_right{
float:left;
margin:0px 0 0 0px;
height:60px;
width:246px;
}
div.reqbox_right h3{
padding:0;
margin:10px 0 0 0px;
font-size:10px;
color:white;
}
div.reqbox_right ul{
list-style-type: none;
margin:10px 0 0 0;
padding:0;
}
div.reqbox_right ul li{
margin:0;
line-height: 15px;
}
div.reqbox_right ul a:link,
div.reqbox_right ul a:visited{
display:block;
padding: 0 0 0 20px;
font-size: 9px;
font-weight: bold;
text-decoration: none;
background-image: url(../images/start_main_rndcrnr_orngarr.png);
background-position: 0px -2px;
background-repeat: no-repeat;
color:#CBDB2B;
}
div.reqbox_right ul a:hover{
background-position: 0px -103px;
color:#f7941e;
}










/*****************************************************/
/*****************************************************/
/*****************************************************/
/*SLIDERBAR for all sliding cards                    */
/*****************************************************/
#slidebar{
padding:0;
margin: 0;
height:105px;
width:974px;
clear:both;
}


#slidebar .rotoscopediv{background: #231f20	;
position: relative;
margin:0;
padding:0;
height: 105px;
width:960px;
overflow:hidden;
}
#slidebar .rotoscopediv ul{
list-style-type: none;
margin:0;
padding:0;
overflow:hidden;
}
#slidebar .rotoscopediv ul li{
position: absolute;
left:2000px;
margin:0;
padding:0;
height:105px;
width:190px;
overflow:hidden;
background:url(../images/pic_slides_conveyor_135x68.png) no-repeat 0px bottom;
}
#slidebar .rotoscopediv ul li img{
margin: 24px 0 0 21px;
}



#slidebar ul{
margin:20px 10px 10px 11px;
padding:0;
list-style:none;
line-height:15pt;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*FOOTER for copyright and text nav                  */
/*****************************************************/
#footer{
margin: 0 0 0 32px;
font-size:7pt;
height:25px;
width:974px;
color:#666;
text-align:center;
}
#footer a:link,
#footer a:visited{
text-decoration:none;
color:#666;
}
#footer a:hover{
color:#cecece;
}
#footer p{
float:left;
margin: 5px 0 0 15px;
color:#666;
text-align:left;
}
#footer ul{
float:right;
margin: 5px 17px 0 0;
padding:0;
list-style-type: none;
}
#footer ul li{
display:inline;
}












/*****************************************************/
/*****************************************************/
/*****************************************************/
/*Miscellaneous classes for sporadic use             */
/*****************************************************/
.whitebord{
border:1px solid white;
}
.redbord{
border:1px solid red;
}
.floatdivl{
/*border:1px solid white;*/
float:left;
}
.cleardivs{
clear:both;
}
.divshow{
display:block;
}
.divhide{
display:none;
}




/*****************************************************/
/*****************************************************/
/*****************************************************/
/*COLORS USED             */
/*COLOR white             */
/*COLOR black             */
/*COLOR main green #CBDB2B             */
/*COLOR light green #e9fc29 dark #b7c900            */
/*COLOR main orange #f7941e             */
/*COLOR light orange #fdba51 dark #FF002D            */
/*****************************************************/