/* from index military t styling */


/* added to accommodate test of old style catalog positions on test HTML page index-w-t.html */

.bor015 { bordejavascript:chkSubmit()r: 4px dotted green ; outline: 6px solid #5A4F07;  cellpadding: 5px; } 
.spc0001 { cellspacing: 1px; }
.lnkclearthin9 { background-color: #ffffff;  font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";  font-size: 9px;   color: blue;  text-align: center;  border: 0px solid #ffffff;  height: 9px; }

/* end added style ./



/* Default Styling */


* { margin:0; padding:0; } /* zero out padding and margins for all elements */

/*
h1, h2, h3, h4, h5, h6, p { margin:.5em 0; } /* applies margin back to heading and paragraph elements */
*/
.clear {clear:both;}

/*
img { border:none; }
*/

body {	
background: #FFFFFF;
}

/* Text Styling */

a { color:#219856; text-decoration:none; }
a:hover { color:#FF00FF; }

/*
h3 {
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
}
*/

/*
.align-center {
 text-align:center; font-size:75%;
}
table{ 
text-align:center;
}
*/

#body 

/* Page Styling */

#main-container {
width:800px;
height:100%;
background: #ffffff;
margin: 0 auto;
padding-top:10px;
}


#top-container {
position:relative;
top:0px;
left:0px
width: 785px;
height:450px;
background: #FFFFFF;
}

/* header */

#header {
position:relative;
top:0px;
left: 0px;
padding-top:0px;
height:125px;
width:780px;
border:1px solid #000000;
}

#site-logo {
position:absolute;
top: 50px;
left: 0px;
width:165px;   
height:35;
z-index:  3;
border:1px solid #000000;
}
#catalog-logo {
position:absolute;
top: 45px;
left: 225px;
width: 330px;
height: 7;
z-index: 8;
text-align:center; padding-top: px;
border:1px solid #000000;
}

#promo-box {
position:absolute;
top: 0px;
right: 0px;
width: 200px; 
height:115px;
z-index:1;
border:1px solid #000000;
}

#promo-link {
position:absolute;
text-align:center;
width:150px;
height:40px;
z-index: 9;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #000000; 
border:1px solid #000000;
}
#promo-image {
position:absolute;
top:0px;
right:0px;
width: 95px;
height: 115px;
z-index: 4;
border:1px solid #000000;
}
/* product-sample-box */

#product-sample-box {
position:relative;
top: 0px;
left: 0px;
width: 780px;
height:112px;
margin: 4px 0px 0px 0px;
border:1px dashed red;
}
#product-link-box {   
position:absolute;
top:0px;
left:0px;
width:760px; 
height:85px;
margin: 0px 0px 0px 8px;
border:1px dashed green;

text-align:center;
}
#product-link-1 {
position:absolute; top:0px; left:0%; width:25%; float:left; padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#product-link-2 {
position:absolute; top:0px; left:25%; width:25%; float:left;  padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#product-link-3 {
position:absolute; top:0px; left:50%; width:25%; float:left;  padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#product-link-4 {
position:absolute; top:0px; left:75%; width:25%; float:left; padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#text-link-box {   
position:absolute; 
top:87px;
left:0px;
width:760px; 
height:20px;
border:1px dashed blue;
text-align:center;
margin: 0px 0px 0px 8px;

}
#text-link-1 {
position:absolute; top:0px; left:0%; width:25%;  padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#text-link-2 {
position:absolute; top:0px; left:25%; width:25%;  padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#text-link-3 {
position:absolute; top:0px; left:50%; width:25%;   padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
#text-link-4 {
position:absolute; top:0px; left:75%; width:25%;  padding: 0px;
list-style-type:none;
border:1px solid #000000;
}
/* product index box styling */

#product-index-box {
position:relative;  
left:0px;
top:0px; 
margin: 10px 0px 4px 6px;
width:774px; 
height:175px;   
padding:0px 0px; 
background:#ffffff; 
font-weight:400; font-size: .7em;  
text-align:center; 
border:1px dotted #8978F4;
align:center;
}
#catalog-phrase-box {
position:absolute;
left:240px;
margin-top:4px;
width:300px;
height:20px;
background:#FBBD5D; 
border:1px solid #000000;
text-align:center; 
}
#catalog-phrase {
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #F85403; 
font-weight:900; font-size: 1.5em;
vertical-align:text-middle;
align:center;
text-align:center;
border:1px solid #000000;
}
#list-1 {
position:absolute; 
top:30px; left:0%; width:16.67%; float:left; padding-left: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
#list-2 {
position:absolute; top:30px; left:16.66%; width:16.66%; float:left;  padding: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
#list-3 {
position:absolute; 
top:30px; left:33.32%; width:16.66%; float:left;  padding: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
#list-4 {
position:absolute; 
top:30px; left:49.98%;width:16.66%; float:left; padding: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
#list-5 {
position:absolute; top:30px; left:66.64%; width:16.66%; float:left; padding-right: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
#list-6 {
position:absolute; top:30px; left:83.33%;width:16.66%; float:left; padding-right: 0px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
list-style-type:none;
}
/* catalog */


javascript:chkSubmit()

/* Selling Position Styling */

#catalog-container {
position:relative;
top:60px;
left:0px;
Margin: 10px 0px 10px 0px;
width:780px;
height:200px;
background: #FFFFFF;
border: 1px dashed  red;
}
#selling-position {
position:relative;
top:0px;
left:0px;
width:774px;
margin: 2px 4px 2px 4px;
height:160px;
border: 3px solid  #CCCCCC;
}
#left {
position:absolute;
top:0px;
width:33.3%;
left:0px;
border:1px solid #000000;
z-index:10
}
#product{
position:relative;
top:0px;
left:0%;
width:100%
border:1x solid #000000;

}
#center {
position:absolute;
top:20px;
left:33.3%;
width:33.3%;
text-align:center;
border:1px solid #000000;
}
#position-logo {
position:relative;
top:20px;
left:33.3;
width:33.3%;
border:1px solid #000000;
}
#instructions {
position:relative;
top:50px;
left:0%;
width:100%;
border:1px solid #000000;
}
#right {
position:absolute;
top:15px;
left:66.6%;
display:block;
width:33.3%;
float:right;
text-align:center;
border:1px solid #000000;
}
#product-name {
position:relative;
top:0px;
left:0%
width:100%;
border:1px solid #000000;
}
#sales-desk {
position:relative;
top:50px;
left:0%;
width:100%;
border:1px solid #000000;
}
#showPop {
	display:none;
	position:fixed;
	left:30px;
	top:10px;
	background:#fff;
	padding:5px;
	border:0px solid #333333;
z-index: 999;
}




/* External Page Styling */



.ext_page {
	position:absolute;
	left:60px;
	top:30px;
	display:block;
	background:#FFFFFF;
	padding:0px;
	border:1px solid #333333;
}

.close-text {
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";  
font-size: 1.2em;  weight:900;  
text-decoration:blink;
color: blue;  
text-align: center;  
border: 0px solid #ffffff;  
height: 9px;
}

#footer-link-box {
position:absolute;
bottom:4px;
left:5px;
width:760px;
height:20px;
background:#EEF7BE; 
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular"; "sans serif";	color: # #0208F9; 
font-weight:700; 
font-size: .8em;
vertical-align:text-middle;
text-align:center; 
border:1px solid #000000;
margin:0px 0px 2px 0px;
padding:0px;
}
#footer-link-1 {
position:absolute;
top:0px;
left:0px;
width:33.33%;
height:20px;
display:inline;
margin-top:0px;
border:1px solid #000000;
}
#footer-link-2 {
position:absolute;
top:0px;
left:33.33%;
width:33.33%;
height:20px;
display:inline;
margin-top:0px;
border:1px solid #000000;
}
#footer-link-3 {
position:absolute;
top:0px;
left:66.66%;
width:33.33%;
height:20px;
display:inline;
border:1px solid #000000;
} 


#left a span {
	display: none;
}

#left a:hover {
	display: block;
}

#left a:hover span {
	display: block;
	position: absolute;
}
















/* from pos-pop */



/* index - Pre Splash Page Styling */

* { margin:0; padding:0; } /* zero out padding and margins for all elements */

 p { margin:.5em 0; } /* applies margin back to heading and paragraph elements */

.clear {clear:both;}

 body {	
background:#ffffff 
url()
repeat:no-repeat;
margin: 5 5 5 5;
padding: 0px;
text-align:center;
}
/*
#main-container {
position:relative;
left:10%;
top:0px;
width:795px;
height:650px;
border: 1px solid #000000; 
}
*/

/*
#header{
position:relative;
left:auto;
top:0px;
padding-bottom:5px;
margin:5px 0px;
width:793px;
height:20px;
text-align:center;
vertical-align: middle;
font: 1.1em  900  #fa5200;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular";
border: 1px solid red; 
}
*/


#middle-container {              
position:absolute;
top:50px;
left:12%;
margin:left:10px;
margin-right:10px;
width:751px;
height:510px;
padding:10px 10px 10px 10px;
cellspacing: 0px; 
border: 12px  solid green; 
}

#sides-box{
position:relative;
left:auto;
right:auto;
margin:left:10px;
margin-right:10px;
width:737px;
height:440px;
padding:5px 5px 5px 5px;
cellspacing: 0px; 
border: 1px solid #000000; 
}

#left-side {
position: absolute;
top:0px;
left: 0px;
width:315px;
height:430px;
border: 1px solid #000000; 
}

#right-side{
position: absolute;
top:0;
left: 320px;
width: 425px;
height:430px;
border: 1px solid #000000; 
}


/* link Styling */

#footer-box  {
position:relative;
top:10px;
bottom:4px;
height:30px;
width:745px;
background-color: yellow;
border: 1px solid #000000; 
}


#footer-link ul {
list-style-type:none;
margin:0;
padding:.5em 0;
width:760px;
/*dsiplay:inline;*/
}

#footer-link ul li{
display: inline;
}

#footer-link li a {
display: inline-block;
width: 1.5em;
height: 1.5em;
padding: 0;
text-align: center;
vertical-align: text-middle;
color:#006633;
font-size:16px;
text-decoration: none;
}

#footer-link a:link, #footer-link a:visited {
margin: 0 10px;
text-decoration: none;
color: green;
}

#footer-link a:hover {
color:#FF00FF;
text-decoration:none;
}



/*
#footer-link a:link#pagescurrent, #pages a:visited#pagescurrent {
border-bottom: 1px solid #000;
background: transparent;
color: #000;
}
*/


#footer-link-left {
position:absolute;
left:0px;
width:245px;
text-align: center;
vertical-align: middle;
list-style-type:none;
}      


#footer-link-center {
position:absolute;
left:245px;
width:245px;
text-align: center;
vertical-align: middle;
list-style-type:none;
}      

#footer-link-right {
position:absolute;
left:490px;
width:245px;
text-align: center;
vertical-align: middle;
list-style-type:none;
}

