/* CSS Document  - Fehringer Studios Revision 2005 */


body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 0px;
	}

h4 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 8px;
	}

h5 {}

h6 {
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	letter-spacing: 1px;
	}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	}
#footer p {
	line-height: 14px;	
	}
	
	
#cvcontent h1 {
	font-size: 12px;
	color: #CCCCCC;
	letter-spacing: 3px;
	}
#cvcontent p {
	font-size: 12px;
	line-height: 18px;
	color: #CCCCCC;
	letter-spacing: 1px;
	font-weight: bold;
	}
#cvcontent em {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
	}
#contact2 h4 {
	line-height: 20px;
	}
#footerHome h2 {	
	font-size: 12px;
	color: #DDDDDD;
	}
#footerHome h3{
	font-size: 12px;
	color: #AAAAAA;
	font-weight: bold;
	line-height: 18px;
	}
#footerHome h4{
	font-size: 9px;
	color: #999999;
	}

#footerHome p{
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	}
#footerHome span{
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	line-height: 16px;
	}
/*--------------------------------------  div - main */

#maindiv {
	position:absolute;
	left:50%;
	top:0px;
	width:760px;
	height:1000;
	margin-top: 0px;
	margin-left: -380px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: visible;
	font-size: 10px;
	}

/*--------------------------------------  div - Jimlaser logo*/
h1#logo1{
	position: absolute;
	left: 0px;
	top: 4px;
	width: 270px;
	height: 30px;
	padding-left: 18px;
	background-color: #000;
	padding-top: 4px;
	margin-top: 0px;
	margin-left:0px;
	}
	
a#logo1{	
	font-family: Arial, Verdana;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 3px;
	text-decoration:none;
}

span#logo2{
	font-family: Arial, Verdana;
	font-size: 18px;
	font-style: normal;
	color: #999999;
	font-weight: normal;
	letter-spacing: 2px;
}


#linkContent h1 {
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 3px;
	}
#linkContent h3 {
	font-size: 12px;
	color: #999999;
	font-style: normal;
	font-weight: bold;
	}
#pgNumbers span {
	color: #888888;
	}
#reghead p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333333;
	}
#scroll p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	}
#scroll strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	}
#searchcontent h1, 
#searchcontent h2, 
#searchcontent h3, 
#searchcontent p {
	margin: 20px 0px 0px 20px;
	}
#step1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	}
#step1 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	}
#step1 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	}

	
	
/* === COLORS ================================================== */

.color999 {color:#999999;}
#colorRed { color:#C00;}

/* === LINKS ================================================== */


a:link{
	color: #999999;
	text-decoration: none;
	}
a:visited{
	color: #999999;
	text-decoration: none;
	}
a:hover{
	color: #CCCCCC;
	text-decoration: underline;
	}
h2 a:link {
	color: #CC0000;
	text-decoration: none;
	}
h2 a:visited {
	color: #CC0000;
	text-decoration: none;
	}
h2 a:hover {
	color: #999999;
	text-decoration: underline;
	}
h3 a:link {
	color: #CC0000;
	text-decoration: none;
	}
h3 a:visited {
	color: #CC0000;
	text-decoration: none;
	}
h3 a:hover {
	color: #999999;
	text-decoration: underline;
	}
h6 a:link {
	color: #999999;
	text-decoration: underline;
	}
h6 a:visited {
	color: #999999;
	text-decoration: underline;
	}
h6 a:hover {
	color: #CC0000;
	text-decoration: underline;
	}
#footer a:link,
#footerHome a:link,
#clientsFooter a:link,
#linkFooter a:link {
	color: #C0C0C0;	
	}
#footer a:visited,
#footerHome a:visited,
#clientsFooter a:visited,
#linkFooter a:visited {
	color: #C0C0C0;
	text-decoration: none;
	}
#footer a:hover,
#footerHome a:hover,
#clientsFooter a:hover,
#linkFooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
#login1 a:link {
	color: #CC0000;
	text-decoration: underline;
	}
#login1 a:visited {    
    color: #0033CC;
	text-decoration: underline;
	}
#login1 a:hover {
    color: #0033CC;
	text-decoration: underline;
	}
#login1 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	line-height: 20px;
	}
#navPortfolio a:link,
#navPurchases a:link,
#navContact a:link,
#navLogin a:link,
#navClients a:link,
#navThreeRs a:link,
#navEmail a:link {
	text-decoration: none;
	color: #999999;
	}
#navPortfolio a:visited,
#navPurchases a:visited,
#navContact a:visited,
#navLogin a:visited,
#navClients a:visited,
#navThreeRs a:visited,
#navEmail a:visited {
	text-decoration: none;
	color: #999999;
	}
#navPortfolio a:hover,
#navPurchases a:hover,
#navContact a:hover,
#navLogin a:hover,
#navClients a:hover,
#navThreeRs a:hover,
#navEmail a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
#portfolionav a:link {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	}
#portfolionav a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	}
#portfolionav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	}
#portfolionav a:active {
	color: #993300;
	text-decoration: none;
	font-size: 10px;
	}
#pgNumbers a:link {
	color: #FFFFFF;
	}
#pgNumbers a:visited {
	color: #FFFFFF;
	}
#pgNumbers a:hover { color: #CC0000; }

#indent a:link { color: #FF0000; text-decoration: underline; }
#indent a:visited { color: #FF0000;	text-decoration: underline;	}
#indent a:hover { color: #0000CC; text-decoration: underline; }

#steps p a:link { color: #0033CC; text-decoration: underline; }
#steps p a:visited { color: #0033CC; text-decoration: underline; }
#step1 p a:hover { color: #0000CC; text-decoration: underline; }

#linkAdminhome a:link { color: #FF0000; text-decoration: none; }
#linkAdminhome a:visited { color: #FF0000; text-decoration: none;	}
#linkAdminhome a:hover { color: #0000CC; text-decoration: none; }


/* === ELEMENTS ================================================ */

input  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border : 1px solid #CC3300;
	padding : 3px;
	background : #FFFFFF;
	margin-bottom: 2px;
	}
select  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #262626;
	margin: 20px;
	}


/* ===    LISTS    ============================================== */

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	
#list01 ul, 
#list02 ul{
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 15;
	padding: 15;
	}
#list01 {
	font-size: 12px;
	line-height: 18px;
	list-style-type: square;
	
	}
#list02 {
	font-size: 10px;
	line-height: 14px;
	list-style-type: none;
	}
	

/* ===    NAVIGATION    ============================================== */

/*--------------------------------------------------------top navigation--------------*/
#navPortfolio,
#navPurchases,
#navContact,
#navLogin,
#navClients,
#navThreeRs,
#navEmail {
	font-size: 12px;
	font-weight: regular;
	position: absolute;
	top: 12px;
	width: 110px;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	z-index:1;;
	}
#navPortfolio {
	left: 250px;
	}
#navPurchases {
	left: 500px;
	}
#navContact {
	left: 580px;
	}
#navLogin { /*----NEW SEARCH NAV LINK -----*/
	left: 650px;
	}
#navClients {
	left: 720px;
	}
#navThreeRs {
	left: 550px;
	}


/*----      image portfolio navigation      ------------------------------------*/	

#mainNavbox {
	position:absolute;
	left:0px;
	top:35px;
	width:760px;
	height:115px;
	background-color: #000000;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#mainTopic {
	position:absolute;
	left:13px;
	top:8px;
	width:180px;
	height:80px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	line-height: 24px; /* height spacing between main categories */
	letter-spacing: 0px;
	}
#Separator {
	position:absolute;
	left:170px; 
	top:5px;
	width:4px;
	height:103px;
	z-index:4;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #777777;
	}
	
/*--------------SUBTOPICS ======== Rows -------*/
#subtopic11,
#subtopic12,
#subtopic13,
#subtopic14,
#subtopic15,

#subtopic21,
#subtopic22,
#subtopic23,
#subtopic24,
#subtopic25,

#subtopic31,
#subtopic32,
#subtopic33,
#subtopic34,
#subtopic35,

#subtopic36,
#subtopic37,
#subtopic38,
#subtopic39,
#subtopic40,

#subtopic41,
#subtopic42,
#subtopic43,
#subtopic44,
#subtopic45 {
	position:absolute;
	top:10px;
	width:115px;
	height:80px;
	z-index:4;
	visibility: hidden;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	line-height: 18px;
	}


/*--------------SUBTOPICS======== COLUMNS----------*/
#subtopic11,
#subtopic21,
#subtopic31,
#subtopic36,
#subtopic41 {
	left:200px;
	}

#subtopic12,
#subtopic22,
#subtopic32,
#subtopic37,
#subtopic42 {
	left:350px;
	}

#subtopic13,
#subtopic23,
#subtopic33,
#subtopic38,
#subtopic43 {
	left:500px;
	}

#subtopic14,
#subtopic24,
#subtopic34,
#subtopic39,
#subtopic44 {
	left:650px;
	}

#subtopic15,
#subtopic25,
#subtopic35,
#subtopic40,
#subtopic45 {
	left:840px;
	}

#dog {
	position:relative;
	left:646px;
	top: -75px;
	width: 150px;
	visibility: hidden;
	}

/* ---   EYECONOGRAPHY   -------------------------------
#eyeconSeparator {
	position:absolute;
	left:170px; 
	top:5px;
	width:4px;
	height:100px;
	z-index:4;
	border-left-width: thin;
	border-left-style: solid;
	}------- */
/*---eyeconography sub topic navigation in site menu -----------------------------------------------  */

#eyeconTopic {
	visibility: hidden;
	}
/*---1thru4 are for gray bkgrnd  --- 5thru8= black bkgrnd----*/	
#eyeTopic1,
#eyeTopic2,
#eyeTopic3,
#eyeTopic4	{
	position: absolute;
	width: 125px;
	top: 13px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	}


#eyeTopic1 {
	position: absolute;
	left: 200px;
	line-height: 18px;
	text-align: left;
	}
#eyeTopic2  {
	left: 325px;
	line-height: 18px;
	text-align: left;
	}
#eyeTopic3  {
	left: 490px;
	font-weight: normal;
	text-align: right;
	font-style: italic;
	line-height: 27px;
	}
#eyeTopic4  {
	left: 610px;
	font-weight: normal;
	text-align: right;
	font-style: italic;
	line-height: 27px;
	}
	
#navarrows  {
	position:absolute;
	left:598px;
	top:80px;
	width:148px;
	height:18px;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #000000;
	text-align: right;
}


#pgNumbers {
	position: absolute;
	top: 158px;
	left: 15px;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	letter-spacing: 1px;
	font-weight: bold;
	z-index: 1;
	}	
	
#pgArrows {
	position: absolute;
	width:100px;
	top: 0px;
	left: 348px;
	}
/* === LAYOUT / GRID ============================================ */


/*---  imageViewer ----block that controls the rows of image display--------------------------*/
#imageViewer {
	position:absolute;
	width:761px; 
	height:561px; 
	z-index:1;
	top:205px;
	left:0px;
	border-width:0px;
	border-style:solid;
	}

/*---  imageViewerSlide ------------------------------*/
#imageViewerSlide { 
	background-color:#000000;
	border-color:#666;
	border-width:1px;
	border-style:solid;
	visibility:hidden;
	}

/*---  Rollover Floating Image ------------------------------*/
#floatouterdiv.hide{
	visibility: hidden;
	}
	
#floatinnerdiv.hide{
	visibility: hidden;
	}
	
#floattext.hide{
	visibility: hidden;
	}

#floatcopywrite.hide{
	visibility: hidden;
	}	

#floatouterdiv.show{
	position:absolute;
	left:10px;
	top:20px;
	width:360px;
	height:400px;
	background-color: #E5DFE1;
	z-index: 6;
	visibility: show;
	filter:alpha(opacity=0);
	opacity:0;
	}

#floatinnerdiv.show{
	position:relative;
	top:10%;
	text-align: center;
	z-index: 7;
	visibility: show;
	}
	
#floattext.show{
	position: absolute;
	top: 350px;
	left: 20px;
	color: #333333;
	visibility: show;
	}

#floatcopywrite.show{
	position: absolute;
	top: 380px;
	left: 20px;
	color: #333333;
	visibility: show;
	}			

/*---  photoborders ------------------------------
#photoborder1,
#photoborder2, 
#photoborder3, 
#photoborder4, 
#photoborder5, 
#photoborder6, 
#photoborder7, 
#photoborder8 {
	position:absolute;
	width:181px; 
	height:181px; 
	z-index:4; 
	background-color: #FFFFFF;
	border-color:#999999;
	border-width: 1px;
	border-style: solid;
	}
#photoborder1 { left:0px; top:210px; }
#photoborder2 { left:193px; top:210px; }
#photoborder3 { left:386px; top:210px; }
#photoborder4 { left:579px; top:210px; }
#photoborder5 { left:0px; top:402px; }
#photoborder6 { left:193px; top:402px; }
#photoborder7 { left:386px; top:402px; }
#photoborder8 { left:579px; top:402px; }
*/

/*---placement---*/
#img1horiz {
	position:absolute;
	left:25px;
	top:40px;
	width:130px;
	height:86px;
	z-index:5;
}
#img1vert {
	position:absolute;
	left:48px;
	top:26px;
	width:86px;
	height:130px;
	z-index:5;
}
/*--- catalog number - 8 images---------------------*/
#imgcat1,
#imgcat2,
#imgcat3,
#imgcat4,
#imgcat5,
#imgcat6,
#imgcat7,
#imgcat8 {	
	position:absolute;
	left:8px;
	top:163px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	color: #999999;
	visibility: hidden;
	}
	
#imgcat1,
#imgcat1,
#imgcat1,
#imgcat1,
#imgcat1,
#imgcat1,
#imgcat1,
#imgcat1 {
	position:absolute;
	left:5px;
	top:168px;
	width:52px;
	height:20px;
	z-index:25;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 9px;
	color: #666666;
	visibility: hidden;
	}
#vertimgcat1,
#vertimgcat2,
#vertimgcat3,
#vertimgcat4,
#vertimgcat5,
#vertimgcat6
#vertimgcat7,
#vertimgcat8 {
	position:absolute;
	left:0px;
	top:140px;
	width:52px;
	height:20px;
	z-index:25;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 9px;
	color: #666666;
	visibility: hidden;
}


/*--- eyeconography  - photoborders--------------------------*/
#eyeframe1 {
	position:absolute;
	left:0px;
	top:220px;
	width:350px;
	height:350px;
	z-index:4;
	background-color: #000000;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	}
#eyeframe2  { 
	position:absolute; 
	left:400px; 
	top:220px; 
	width:350px; 
	height:350px; 
	z-index:5; 
	background-color: #000000;
	border-color:#999999;
	border-width: 1px;
	border-style: solid;
	}
	
/*---eyecon---  photos positions-------------------------------*/		
#eyecon1 { 
	position:absolute; 
	left:90px; 
	top:50px; 
	width:181px; 
	height:271px; 
	z-index:2; 
	}
#eyecon2 { 
	position:absolute; 
	left:50px; 
	top:90px; 
	width:137px; 
	height:170px; 
	z-index:2; 
	}
/*---eyecon---  photo info--------------------------------------*/	
#eyeinfo1, 
#eyeinfo2 {
	position:absolute;
	left:10px;
	top:330px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;color: #999999;
	visibility: hidden;
	line-height: 13px;
	}

/* ---    PHOTOPLACEMENT   ----------------------------------*/
#img1horiz {
	position:absolute;
	left:25px;
	top:40px;
	width:130px;
	height:86px;
	z-index:5;
}
#img1vert {
	position:absolute;
	left:48px;
	top:26px;
	width:86px;
	height:130px;
	z-index:5;
}

/*---basic page content--------------------------------------------*/
#contentBox {
	position:absolute;
	left:0px;
	top:210px;
	width:760px;
	height:420px;
	z-index:20;
	background-color: #FFFFFF;
	}
#contentLeft {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:400px;
	z-index:2;
	padding-left: 15px;
	line-height: 20px;
	}
#contentRight {
	position:absolute;
	left:300px;
	top:0px;
	width:500px;
	height:325px;
	z-index:2;
	padding-left: 10px;
	line-height: 20px;
	}
#contentHelp{
	position:absolute;
	left:0px;
	top:30px;
	width:375px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #999999;
	}
	
/*---konsume ----- instructions --------*/
#steps {
	position:absolute;
	left:0px;
	top:110px;
	width:370px;
	height:370px;
	z-index:2;
	}
#steps p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 13px;
	}
#steps h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 16px;
	}
#steps span {
	color: #333333;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	}

/*--------------------------------contact PAGE--------*/
#contactHelp{
	position:absolute;
	left:0px;
	top:184px;
	width:760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
	}
#contactBox { 
    position:absolute;
	left:0px;
	top:210px;
	width:700px;
	height:350px;
	z-index:2;
	border: 1px solid #666;
	padding: 30px;
	}
#contactImage {
	position:absolute;
	left:15px;
	}
#contactCaption {
	position:absolute;
	left:300px;
	top:370px;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size: 11px;
	color: #999999;
	font-style: normal;
	font-weight: lighter;
	padding-left: 30px;
	}
#contactText {
	position:absolute;
	left:300px;
	top:236px;
	width:300px;
	height:200px;
	z-index:2;
	padding-left: 30px;
	line-height: 20px;
	}
	
/*--------------------------------LOGIN PAGE--------*/
#loginHelp{
	position:absolute;
	left:0px;
	top:184px;
	width:760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
	}
#loginHelp span a:link {
	color: #FFFFFF;
	text-decoration: underline;
	}
#loginHelp span a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}
#loginHelp span a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
#login1 {
	position:absolute;
	left:249px;
	top:280px;
	z-index:10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 250;
	}
#login2 {
	position:absolute;
	left:0px;
	top:340px;
	width:760px;
	height:370px;
	z-index:2;
	background-color: #FFFFFF;
	padding: 30px;
	}

#reghead  {
	position:absolute;
	left:0px;
	top:70px;
	width:760px;
	height:100px;
	z-index:2;
	background-color: #C0C0C0;
	padding: 14px;
}

#register {
	position:absolute;
	left:0px;
	top:210px;
	width:760px;
	z-index:2;
	background-color: #FFFFFF;
}
/*--------------------------------CLIENTS PAGE--------*/
#clients  {
	position:absolute;
	left:0px;
	top:290px;
	width:760px;
	height:950px;
	z-index:2;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0px;
}
#clienthelp {
	position:absolute;
	left:15px;
	top:200px;
	width:740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C1C1C1;
	font-weight: normal;
	height: 32px;
	letter-spacing: 0px;
	}

#admindivsub {
	position:absolute;
	top:210px;
	width:760px;
	background-color: #FFFFFF;
	left: 0;
}

/*--------------------------------links PAGE--------*/
#linkContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	left:0px;
	top:200px;
	width:740px;
	height:88px;
	padding-left: 15px;
	z-index:3;
	}

#linkContent a:link {
	color: #999999;
	text-decoration: none;
	}
#linkContent a:visited {
	color: #999999;
	text-decoration: none;
	}
#linkContent a:hover {
	color: #FF0000;
	text-decoration: underline;
	}


/* === CLASSES ================================================= */

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993300;
	padding: 3px;
	border: 0px none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	}
.formBox {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	height: 24px;
	margin: 0px;
	padding: 0px;
	}
.greyheader {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #666666;
	font-weight: bold;
	}
.greyrow {
	background-color: #E1E1E1;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC3300;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	}
.largebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	}
.sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	}
.selected {
	color: #FFFFFF;
	}
.whitebutton {
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 3px;
	color: #CC3300;
	}
.whiterow {
	background-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	}	


/* ===  PAGE  DETAILS ================================================= */

/*------   Circula Vite---------*/
#cvcontent {
	position:absolute;
	left:0px;
	top:200px;
	width:760px;
	height:88px;
	z-index:3;
	padding: 10px;
	}
	
/*------   Consume ---------*/
#consume {
	position: absolute;
	width: 200px;
	top: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}	
	
/*--------------------------------PURCHASE PAGE--------*/

/*--------search--------*/


#search {
	position:absolute;
	left:15px;
	top:30px;
	width:780px;
	height:100px;
	color:#444;
	}
#search2 {
	position:absolute;
	left:15px;
	top:140px;
	width:780px;
	height:100px;
	color:#444;
	}
#contentSearch {
	position:absolute;
	left:0px;
	top:215px;
	width:725px;
	height:420px;
	z-index:2;
	}
	
		#searchLabel {
			position:absolute;
			left:30px;
			top:20px;
			width:450px;
			color: #666;
			}
		#searchbox  {
			position:absolute;
			width:120px;
			height:20px;
			z-index:1;
			color: #333333;
			}
		#goButton {
			position:absolute;
			left:495px;
			top:24px;
			}	
		.redbutton {
			font-weight: bold;
			background-color: #FF0000;
			color: #FFFFFF;
			font-size: 12px;
			font-family: Tahoma, Arial, Verdana, Sans-serif;
			border: none;
			}
		
/*---search--------------------------------------------*/

#searchBox {
	position:absolute;
	left:15px;
	top:40px;
	width:200px;
	height:20px;
	z-index:1;
	color: #333333;
	}

#searchResults {
	position:absolute;
	left:15px;
	top:100px;
	width:600px;
	z-index:1;
	}


#prices {
	position:absolute;
	left:15px;
	top:60px;
	width:760px;
	height:100px;
	color:#444;
	}
#dealers {
	position:absolute;
	left:15px;
	top:180px;
	width:760px;
	height:100px;
	color:#444;
	}
#quotations {
	position:absolute;
	left:15px;
	top:280px;
	width:700px;
	height:100px;
	color:#444;
	}
		
		#indent {
		position:absolute;
		left: 30px;
		color:#666;
			}

/*--------- instructions --------*/
#step1 {
	position:absolute;
	left:0px;
	top:210px;
	width:760px;
	height:370px;
	z-index:2;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-left: 15px;
	}


/*------   footers  ----------------------------------------------------*/
#footer { 
	position:absolute; 
	left:0px; 
	top:1080px; 
	width:780px; 
	z-index:2;
	line-height: 8px;
	}
#footerHome { 
	position:absolute; 
	left:0px; 
	top:1000px; 
	width:760px;
	}
#clientsFooter { 
	position:absolute; 
	left:0px; 
	top:1300px; 
	width:760px; 
	z-index:2; 
	}
#linkFooter { 
	position:absolute; 
	left:0px; 
	top:650px; 
	width:760px; 
	z-index:2; 
	}
#purchasefooter { 
	position:absolute; 
	left:0px; 
	top:575px; 
	width:760px; 
	z-index:2; 
	}
#registerfooter { 
	position:absolute; 
	left:0px; 
	top:582px; 
	width:760px; 
	z-index:2; }
	
	
/* === IMAGEMOVER ============================================ */

/*---admin and storage bins*/
#admin, 
/*
#b01,
#b02,
#b03,
#b04
*/
#admin {
	top: 44px;
	background-color: #bfbfbf;
	}
/*
#b01 {left: 330px;}
#b02 {left: 620px;}
#b03 {left: 910px;}
#b04 {left: 1200px;}
*/

/*---admin buttons*/
#buttons{
	position: absolute;
	z-index: 2;
	width: 250px;
	text-align: right;
	bottom: 1px;
	right: 15px; 
	}

#delete { /*--- trash bin*/
	position: absolute;
	z-index: 999;
	bottom: 15px;
	left: 18px; 
	}
#linkAdminhome {
	position:absolute;
	left: 25px;
	top: 100px;
	color:#FF3300;
	font-size: 12px;
	}
/*
.slide01, 
.slide02.,
.slide03,
.slide04,
.slide05,
.slide06,
.slide07,
.slide08 {
	position: absolute;
	background-color: #ffffff;
	width: 64px;
	height: 64px
	z-index: 2;;
	}
	
slide01 {
	top: 6px;
	left: 6px;
	}
.slide02 {
	top: 6px;
	left: 74px;
	}
.slide03 {
	top: 6px;
	left: 142px;
	}
.slide04 {
	top: 6px;
	left: 210px;
	}
.slide05 {
	top: 74px;
	left: 6px;
	}
.slide06 {
	top: 74px;
	left: 74px;
	}
.slide07 {
	top: 74px;
	left: 142px;
	}
.slide08 {
	top: 74px;
	left: 210px;
	}
*/
	
/* ---page positions 

#p1 {top: 200px;left: 40px;}
#p2 {top: 200px;left: 330px;}
#p3 {top: 200px;left: 620px;}
#p4 {top: 200px;left: 910px;}
#p5 {top: 200px;left: 1200px;}
#p6 {top: 350px;left: 40px;}
#p7 {top: 350px;left: 330px;}
#p8 {top: 350px;left: 620px;}
#p9 {top: 350px;left: 910px;}
#p10 {top: 350px;left: 1200px;}
#p11 {top: 500px;left: 40px;}
#p12 {top: 500px;left: 330px;}
#p13 {top: 500px;left: 620px;}
#p14 {top: 500px;left: 910px;}
#p15 {top: 500px;left: 1200px;}
#p16 {top: 650px;left: 40px;}
#p17 {top: 650px;left: 330px;}
#p18 {top: 650px;left: 620px;}
#p19 {top: 650px;left: 910px;}
#p20 {top: 650px;left: 1200px;}
#p21 {top: 800px;left: 40px;}
#p22 {top: 800px;left: 330px;}
#p23 {top: 800px;left: 620px;}
#p24 {top: 800px;left: 910px;}
#p25 {top: 800px;left: 1200px;}
*/

#title{
	position: absolute;
	z-index: 2;
	line-height: 1px;
	width: 265px;
	margin-left: 15px;
	margin-top: 15px; 
	}
	
	
/* ==================  A D M I N  ========================*/

/* ----------  RANDOM EYCON WORDS  ------------ */

#navWords {
	position: absolute;
	left: 330px;
	letter-spacing: 0px;
	}

#listWords {
	position: absolute;
	width: 300px;
	height:520px;
	top:20px;
	left: 0px;
	overflow:scroll;
	text-align:center;
	}
	
#formWord {
	position: absolute;
	top:100px;
	left: 320px;
	}
.submit {
	font-size:11px;	
	background-color: #3C5A76;
	color: #FFAA25;
	margin-top: 12px;
	margin-left: 10px;
	}
#deleteW {
	position: absolute;
	top: 120px;
	left: 705px;
	font-size:11px;	
	background-color: #BD4F4F;
	color: #FFCC33;
	}

 /* ---------------------- ELEMENTS ---------------------- */
 select {
	font-size:11px;
	color: #666;
	}

	

textarea,
input {
	font-size: 12px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #AAA;
	padding: 2px 8px 2px 8px;
	margin-top: 2px;
	}
.input25 {
	width: 20px;
	}
.input50 {
	width: 40px;
	}
.input75 {
	width: 69px;
	}
.input150 {
	width: 145px;
	}
.input200 {
	width: 195px;
	}
.input300 {
	width: 297px;
	}
hr {
	margin-bottom: 18px;
	}
.lineBottom {
	border-bottom: 1px solid #3A8696;
	width: 500px;
	}