/* Default Styling */


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


.clear {clear:both;}

/*  ADD BACK AFTER 
img { border:none; }
*/

body {	
background: #FFFFFF;
}

/* Text Styling */

/*
a {
text-decoration:none; 
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif"; 
color:#0A6008; 
font-weight:700; 
font-size: .8em;
vertical-align: text middle;
text-align:center; 
}
*/


/* Page Styling */

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

#top-container {
position:relative;
top:0px;
left:0px
width: 790px;
height:220px;
margin: 0 auto;
background: #FFFFFF;
border:0px solid green;
}

/* header */

#header {
position:relative;
top:0px;
left: 0px;
padding-top:0px;
height: 175px;
width: 780px;
margin: 0 auto;
background-color: #D1D3D1;
border:1px solid #000000;
}
              
#title-left {
position:absolute; 
top:100px; 
left:10px; 
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";
color: #000000; 
font-weight:900; 
font-size: 16px;  
/*text-decoration: blink; */
text-align: center;
vertical-align:text-middle;
padding-left: 0px;
z-index:3;
}

#header-left {
position:absolute; 
top:0px; 
left:0px; 
width:130px;
height:150px;  
padding-left: 0px;
text-decoration:none;
background-image:url(http://quiltron.net/products/outerwear/100_alpha/alpha_ALS-Liner-Sage-115_L.png);
background-repeat:no-repeat;
background-position: 10px 10px; /* first value = horizontal, second = vertical */
z-index:2;);
}

#catalog-logo {
position:absolute;
top: 10px;
left: 205px;
width: 350px;
height: 150px;
background-color: #D1D3D1;
background-repeat:no-repeat;
background-position: 70px 0px; /* first value = horizontal, second = vertical */
z-index:5;
margin:0px;
border:2px solid #bbbbbb;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";
color: #151DC1; 
font-weight:900; 
font-size: 1.3em;  
text-align: center;
text-decoration: none;
vertical-align:text-middle;
}

#catalog-logo-text {
position:absolute;
top: 45px;
left: 218px;
width: 325px;
height: 25px;
margin:0px;
padding: 10px;
font-size: 22px;  font-weight: 900;  font-family: verdana; 
color: #000000;
text-decoration:none;
text-align:center;
vertical-align:text-middle;
background-color: clear;
z-index:10; 
border:0px solid #000000;
}

#title-right {
position:absolute; 
top:80px; 
right:115px; 
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";
color: #000000; 
font-weight:900; 
font-size: .9em;  
text-align: center;
text-decoration: blink;
vertical-align:text-middle;
padding-left: 0px;
z-index:5;
}

#header-right {
position:absolute; 
top:-5px; 
right:0px; 
width:135px;
height:160px;  
padding-left: 0px;
text-decoration:none; 
background-image:url(http://quiltron.net/products/books/dance/dance_cover_115.png);
background-repeat:no-repeat;
background-position: 10px 0px; /* first value = horizontal, second = vertical */
z-index:5;
}

/*  navigation bar */
 
#navigation-link-box {
position:relative;
top:10px;
left:0px;
width:780px;
height:17px;
margin: 0 auto;
vertical-align:text-middle;
background:#D1D3D1; 
border:1px solid #000000;
padding:0px;
line-height: 15px;
}

#navigation-link-1 {
position:absolute;
top:0px;
left:0%;
width:20%;
height:20px;
display:inline;
margin-top:0px;
text-align: center;
}

#navigation-link-2 {
position:absolute;
top:0px;
left:20%;
width:20%;
height:20px;
display:inline;
margin-top:0px;
text-align: center;
}

#navigation-link-3 {
position:absolute;
top:0px;
left:40%;
width:20%;
height:20px;
display:inline;
margin-top:0px;
text-align: center;
} 

#navigation-link-4 {
position:absolute;
top:0px;
left:60%;
width:20%;
height:20px;
display:inline;
margin-top:0px;
text-align: center;
} 

#navigation-link-5 {
position:absolute;
top:0px;
left:80%;
width:20%;
height:20px;
display:inline;
margin-top:0px;
text-align: center;
} 

/*  navigation bar styling */

#navigation-link-box a:link { font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";font-weight:800; font-size: .6em;
text-decoration:none;
vertical-align:text-middle;
color: #125C95; 
}
#navigation-link-box a:visited {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: .7em;;
text-decoration:none;
vertical-align:text-middle;
color: #DA4104; 
}
#navigation-link-box a:hover { font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	 
font-weight:900; font-size: .7em;
text-decoration:none;
vertical-align:text-middle;
color: #C0020B;
}
#navigation-link-box a:active {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: .7em;;
text-decoration:none;
vertical-align:text-middle;
color: #4B9001; 
}

/* catalog phrase */

#catalog-phrase-box {
position:relative;
top:10px;
left:240px;
width:300px;
height:23px;
margin-top:14px;
/*background:#FBBD5D; */
text-align:center;
vertical-align:text-middle;
border:1px solid #000000;
}

#catalog-phrase {
position:absolute;
top: 0px;
left: 81px;
height:21px;
padding-bottom:3px;
align:center;
margin: 0 auto;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";
color: #F85403; 
font-weight:900; font-size: 1.3em;
text-align:center;
vertical-align:text-middle;
background:clear; 
border:0px solid #000000;
line-height: 23px;
}


.pagination {
position:relative;
top:5px;
left: 500px;
margin: 10px 0px 10px 0px;
width:275px;
height:30px;
text-align:center;
/*font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	
color: #068B9F; 
font-weight:800; font-size: 16px;
*/
background: #FFFFFF;
border: 0px solid red;
}

/*  pagination styling */

.current {  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	        
font-weight:900; font-size: 1.2em;
text-decoration:none;
vertical-align:text-middle;
color: #000000; 
}

div.pagination a:link {  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	        
font-weight:900; font-size: .7em;
text-decoration:none;
vertical-align:text-middle;
color: #125C95; 
}
div.pagination a:visited { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-weight:900; font-size: .7em;;
text-decoration:none;
vertical-align:text-middle;
color: #DA4104; 
}
div.pagination a:hover {  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	 
font-weight:900; font-size: .9em;
text-decoration:none;
vertical-align:text-middle;
color: #C0020B;
}
div.pagination a:active { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-weight:900; font-size: .7em;;
text-decoration:none;
vertical-align:text-middle;
color: #4B9001; 
}

                                    /* pagination styling */

/*
div.pagination  { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color:#666; font-weight:normal; text-decoration:none
}
div.pagination a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color:#2b92d6; font-weight:normal; text-decoration:none 
}
div.pagination span { font-weight:normal ; text-transform:uppercase 
}
*/


.ordering-info {
position:relative;
top:5px;
margin-top:10px;
margin-bottom:10px;
width:780px;
margin: 0 auto;
height:23px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", 
"sans serif";
color: green; 
font-weight:900; 
font-size: 1.em;
vertical-align:text-middle;
align:center;
text-align:center;
background: #EE5454; 
line-height:23px;
border:1px solid #000000;
}

/*  ordering-info styling */

.ordering-info a:link { font-family: Arial, Helvetica, Geneva, 

Swiss, "SunSans Regular", "sans serif";	        
font-weight:900; font-size: 1.em;
text-decoration:none; 
color: #000000; 
}
. ordering-info a:visited {font-family: Arial, Helvetica, Geneva, 

Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1.1em;;
text-decoration:none;
color: #FBAD05;   
}
. ordering-info a:hover { font-family: Arial, Helvetica, Geneva, 

Swiss, "SunSans Regular", "sans serif";	 
font-weight:900; font-size: 1.1em;
text-decoration:none;
color: #444442;
}
. ordering-info a:active {font-family: Arial, Helvetica, Geneva, 

Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1.1em;;
text-decoration:none;
color: #52775C; 
}

.inquiry {
position:relative;
top:15px;
margin-top:20px;
margin-bottom:10px;
width:780px;
margin: 0 auto;
height:23px;
text-align:center;
line-height:23px;
background: #000000; 
border:1px solid #000000;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	        
font-weight:900; font-size: 1.em;
text-decoration:none; 
color: #ffffff; 
}


                   /* Selling Position Styling */

.selling-position {
position:relative;
top:10px;
width:790px;
margin: 0 auto;
margin-top:10px;
height:300px;
border:0px solid #000000;
}

.left {
position:absolute;
top:8px;
left:.6%;
width:245px;
height: 275px;
img-align:center;
text-align:center;
margin-left: 5px;
border:3px solid #CAC1BF;
}

.center {
position:absolute;
top:8px;
left:33.4%;
width:245px;
height:275px;
img-align:center;
text-align:center;
margin-left: 5px;
border:3px solid #CAC1BF;
}

.right {
position:absolute;
top:8px;
left:66.1%;
width:245px;
height:275px;
img-align:center;
text-align:center;
margin-left: 5px;
border:3px solid #CAC1BF;
}

.product{
position:relative;
top:15px;
width:240px;
height:150px;
margin: 0 auto;
align:center;
border:0px solid red;
}

 /*  product link styling */

.product a:link { font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	        
font-weight:900; font-size: .7em;
text-decoration:none;
color: #ffffff; 
}
.product a:visited {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1.1em;;
text-decoration:none;
color: #ffffff; 
}
.product a:hover { font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	 
font-weight:900; font-size: 1.1em;
text-decoration:none;
color: #ffffff;
}
.product a:active {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1.1em;;
text-decoration:none;
color: #ffffff; 
}

.info-box {
position:relative;
top:20px;
width:240px;
height:105px;
align:center;
margin: 0 auto;
border:0px solid red;
}

.instructions {
position:relative;
top:5px;
width:235px;
height: 15px;
align:center;
margin: 0 auto;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	
font-weight:600; font-size: 10px;
color: #0155FF; 
border:0px solid green;
}

                             /*  instructions link styling */

.instructions a:link {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";		        
font-weight:900; font-size: 1 em;
text-decoration:none;
color: blue; 
}
.instructions a:visited {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1 em;;
text-decoration:none;
color: #FBAD05; 
}
.instructions a:hover {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	 
font-weight:900; font-size: 1 em;
text-decoration:none;
color: #D90413;
}
.instructions a:active {font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif",	
font-weight:900; font-size: 1 em;;
text-decoration:none;
color: #52775C; 
}

.product-name {
position:absolute;
top:25px;
left:1px;
align:center;
width:235px;
height: 35px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	 
font-weight:600; font-size: 14px;
color: #444442;
vertical-align:text-middle;
border:0px solid green;
}

.product-info {
position:absolute;
top:65px;
left:1px;
align:center;
width:235px;
height: 35px;
font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular", "sans serif";	 
font-weight:600; font-size: 14px;
color: #9B2501;
vertical-align:text-middle;
border:0px solid green;
}
.choice {
position:absolute;
top:210px;
left:0%;
width:220px;
border:0px solid #000000;
}


#showPop {
	display:none;
	position:fixed;
	left:20px;
	top:60px;
	background:#fff;
	padding:5px;
	border:0px solid #;
z-index: 999;
}

/* External Page Styling */

.ext_page {
	position:absolute;
	left:60px;
	top:30px;
	display:block;
	background:#FFFFFF;javascript:chkSubmit()
	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;
}


.left a span {
	display: none;
}

.left a:hover {
	display: block;
}

.left a:hover span {
	display: block;
	position: relative;
	top: -150px;
	left: 0px;
}

/* top: was -215 and changed to -200 then to -190 then to 0140 after switching z-index from -- to ++  */