/* 

    Document   : style_product_select

    Created on : July 6, 2007

    Author     : caz roche


*/


#myTable    { position: absolute; center; top: 80%;
		 background-color: #b9d3ee;
		 width: 600px; 
        	 position: center; 
        	 margin-top: 50px; 
        	 margin-left:-10px;
       		 padding: 15px;
                 border-top-style: solid;
		 border-top-color: #607b8b;
		 border-top-width: 3px;
		 border-right-style: solid;
		 border-right-color: #607b8b;
		 border-right-width: 3px;
		 border-bottom-style: solid;
		 border-bottom-color: #607b8b;
		 border-bottom-width: 3px;
		 border-left-style: solid;
		 border-left-color: #607b8b;
		 border-left-width: 3px;
		 }
		 
#myTable2    { 	float: left;
		padding: 10px 2% 10px 2%;
		margin: 20px 1% 20px 2%;
		background: #666;
		border: 5px solid #ccc;
		width: 44%; /* ie5win fudge begins */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 41%;
		 }		 
#myTable3    { position: absolute; center; top: 3%;
	
		 background-color: #eee;
		 width: 200px; 
                 border-top-style: dashed;
		 border-top-color: #000000;
		 border-top-width: 1px;
		 border-right-style: dashed;
		 border-right-color: #000000;
		 border-right-width: 1px;
		 border-bottom-style: dashed;
		 border-bottom-color: #000000;
		 border-bottom-width: 1px;
		 border-left-style: dashed;
		 border-left-color: #000000;
		 border-left-width: 1px;
		 }		 


  
#liquid-round {
width:100%;
margin:0px auto;
background:#ffffff url(../img/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(../img/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(../img/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(../img/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(../img/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(../img/bottom-right.gif) no-repeat right top;
}

  

              
.copyright	{ COLOR: #ffffff; FONT: 12px arial, helvetica, sans-serif; 
		   border: 3px dashed green; width: 12em;
		   background-color: black;
		   padding: 0.5em; margin: 4.5em;}

.copyright2	{ COLOR: #000000; FONT: arial, helvetica, sans-serif;
	 	    font-size: 10px;
                    font-weight: normal; }
		   
#copyright     { position: center;  70%; top: 80% }

.helpbutton  { cursor:pointer;
                COLOR: #000000; FONT: arial, helvetica, sans-serif;
                font-size: 16px;
                font-weight: bold;
                border:outset 1px #ccc;
                padding: 2px 2px;
                height: 26px;
                width: 125px;
                text-align: center;
                vertical-align: center
                background-color: #008000;
                }


.formbutton    { cursor:pointer;
                COLOR: #ffffff; FONT: arial, helvetica, sans-serif;
                font-size: 15px;
                font-weight: bold;
                border:outset 2px #ccc;
                padding: 1px 2px;
                height: 26px;
                width: 155px;
                text-align: center;
                vertical-align: bottom
                background-color: #ffffff;
                background:url("images/button_blue_blank.gif") ;
                }



.background     { background-color: #9BD1FA;
                  border:outset 0px #9BD1FA;
                   text-align: center;
                  color: #000000;  
                  TEXT-DECORATION: underline;
                  FONT: times new roman , helvetica, sans-serif; 
                  font-size: 100%;  }



.background3     { position: absolute; center;
		   background-color: #ffffff;
                   border:outset 0px #9BD1FA;
                   color: #000000;  FONT: arial , helvetica, sans-serif;
                  }



.background2     { background-color: #4169e1;
                 border-top-style: dashed;
		 border-top-color: #ffffff;
		 border-top-width: 2px;
		 border-right-style: dashed;
		 border-right-color: #ffffff;
		 border-right-width: 2px;
		 border-bottom-style: dashed;
		 border-bottom-color: #ffffff;
		 border-bottom-width: 2px;
		 border-left-style: dashed;
		 border-left-color: #ffffff;
		 border-left-width: 2px; }



#main		{ font-family: arial, times new roman, georgia, arial, verdana; 
                  color: #000000;
                  position: relative;
                  width: 100%;
		  left: 1%; top: 1%;}





#mainblock	{ width: auto; 
         	  position: relative; 
        	  margin-top: 1px; 
          	  margin-left: 4px; }


		
.textsmall  { FONT: 10px arial, times new roman, sans-serif; font-weight: normal; font-style: none; 
		TEXT-DECORATION: none; text-align: left }

.text  	    { FONT: 14px arial, times new roman, sans-serif; 
		font-weight: bold; 
		TEXT-DECORATION: underline; 
		text-align: left }

.text2 	    { FONT: 12px arial, times new roman, sans-serif; 
              font-weight: normal; font-style: none; TEXT-DECORATION: none; text-align: left; }	
  
.text2a    { font-size:11px; font-family:arial, helvetica, sans-serif;
	      background-color: #D0DFF5;	
              font-weight: normal;
              padding: 5px; 
              height: 70px;
              border: 3px;
              TEXT-DECORATION: none; 
              text-align: left; }
            	  
              		 		 
.text3a  	{ FONT: 14px arial, times new roman, sans-serif; 
		font-weight: normal; 
		TEXT-DECORATION: none;	 
		text-align: left }
		
.text3  	{ FONT: 14px arial, times new roman, sans-serif; 
		font-weight: normal; 
		TEXT-DECORATION: underline; 
		text-align: left }
		              
.footnote 	{ margin-top: 55%; FONT: 12px arial, sans-serif; font-weight: normal; font-style: none; TEXT-DECORATION: none }



.heading	 { FONT-FAMILY: arial, times new roman, sans-serif;
                  color: #000000;
		  font-size: 20px;
                  font-weight: bold;
                  text-align: left;
                 }





.heading1	 { FONT-FAMILY: arial, times new roman, sans-serif;
                  background-color: #a2b5cd;
                  color: #000099;
		  font-size: 15px;
                  font-weight: bold;
                  text-align: center;
		  border-top-style: dashed;
		  border-top-color: 000099;
		  border-top-width: 2px;
		  border-right-style: dashed;
		  border-right-color: 000099;
		  border-right-width: 2px;
		  border-bottom-style: dashed;
		  border-bottom-color: 000099;
		  border-bottom-width: 2px;
		  border-left-style: dashed;
		  border-left-color: 000099;
		  border-left-width: 2px;
	          width: 650px; 
                  position: absolute; left: 45%; 
                  margin-top: 3px; 
                  margin-left:-266px;
                  padding: 10px; 
                 }

.heading2	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  background-color: #ffffff;
                  color: #000000;
		  font-size: 18px;
                  font-weight: bold;
                  text-align: left;
                  width: auto;
                 }
                 
.heading2a	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  background-color: #ffffff;
                  color: #000000;
		  font-size: 18px;
                  font-weight: bold;
                  text-align: center;
                  width: auto;
                 }                 
                 
.heading3	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  color: 000000;
                  font-size: 21px;
                  font-weight: bold;
                  text-align: left;
                  text-decoration: underline;
                 }
.heading3a	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  background-color: #ccccff;
                  color: #000000;
		  font-size: 14px;
                  font-weight: bold;
                  text-align: left;
                  width: auto;
                 }  

 
.heading4 	{  FONT-FAMILY: arial, times new roman, sans-serif; 
		   font-size: 16px;
	  	   font-weight: bold; 
	  	   color: #ED1C24; 
	  	   text-align: center}


.heading4a	 { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
                  background-color: #f0f8ff;
                  color: #000099;
		  font-size: 14px;
                  font-weight: bold;
                  text-align: center;
		  border-top-style: solid;
		  border-top-color: 000099;
		  border-top-width: 2px;
		  border-right-style: solid;
		  border-right-color: 000099;
		  border-right-width: 2px;
		  border-bottom-style: solid;
		  border-bottom-color: 000099;
		  border-bottom-width: 2px;
		  border-left-style: solid;
		  border-left-color: 000099;
		  border-left-width: 2px;
                 }

.heading5	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  color: #ffffff;
		  font-size: 20px;
                  font-weight: normal;
                  text-align: center;
                 }

.heading6	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  background-color: #a2b5cd;
                  color: #000099;
		  font-size: 12px;
                  font-weight: bold;
                  text-align: center;
		  border-top-style: solid;
		  border-top-color: 000099;
		  border-top-width: 2px;
		  border-right-style: solid;
		  border-right-color: 000099;
		  border-right-width: 2px;
		  border-bottom-style: solid;
		  border-bottom-color: 000099;
		  border-bottom-width: 2px;
		  border-left-style: solid;
		  border-left-color: 000099;
		  border-left-width: 2px;
	          width: 140px; 
                 }
                 
.heading7	 { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  background-color: #a2b5cd;
                  color: #000099;
		  font-size: 11px;
                  font-weight: bold;
                  text-align: center;
		  border-top-style: solid;
		  border-top-color: 000099;
		  border-top-width: 2px;
		  border-right-style: solid;
		  border-right-color: 000099;
		  border-right-width: 2px;
		  border-bottom-style: solid;
		  border-bottom-color: 000099;
		  border-bottom-width: 2px;
		  border-left-style: solid;
		  border-left-color: 000099;
		  border-left-width: 2px;
	          width: 600px; 
                 } 
                                 
.heading8	 { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
                  color: #000099;
		  font-size: 12px;
                  font-weight: bold;
                 }

.heading8a	 { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
                  color: #000099;
		  font-size: 15px;
                  font-weight: bold;
                  text-align: center;
		  border-top-style: dashed;
		  border-top-color: 000099;
		  border-top-width: 1px;
		  border-right-style: dashed;
		  border-right-color: 000099;
		  border-right-width: 1px;
		  border-bottom-style: dashed;
		  border-bottom-color: 000099;
		  border-bottom-width: 1px;
		  border-left-style: dashed;
		  border-left-color: 000099;
		  border-left-width: 1px;
                 }

.heading8b	 { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
		  background-color: #bfcfff; 
                  color: #000000;
		  font-size: 11px;
                  font-weight: bold;
                  text-align: center;
                  text-decoration: none;               
                  filter:alpha(opacity=80);
                  border:outset 4px #00248f;
                 }
                 
  
.heading8bb	 { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
		  background-color: #d3d3d3; 
                  color: #000000;
		  font-size: 17px;
                  font-weight: bold;
                  text-align: center;              
                  filter:alpha(opacity=80);
                  border:outset 4px #ccc;
                 }               
                 
#box
{
width: 40px;
border: 3px;
padding: 2px
}

.gold           { background-color: #d3d3d3; 
			color: #000099;
		  	font-size: 14px;
			text-align: left; 
			text-decoration: underline;
			filter:alpha(opacity=40);
                  }

.footer         { FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                  color: #666;
                  background-color: #dadad7;
		  font-size: 9px;
                  font-weight: bold;
                  text-align: center;
	          line-height: 14px;
	          text-decoration: none;
		  border-top-style: solid;
		  border-top-color: #b1afaf;
		  border-top-width: 1px;
		  border-right-style: solid;
		  border-right-color: #b1afaf;
		  border-right-width: 1px;
		  border-bottom-style: solid;
		  border-bottom-color: #b1afaf;
		  border-bottom-width: 1px;
		  border-left-style: solid;
		  border-left-color: #b1afaf;
		  border-left-width: 1px; }




.centermsg      { position: absolute; left: 45%; 
                  margin-top: 250px; 
                  padding: 15px; 

                 }



#imap       { position: absolute; left: 25%; top: 27% }


.tablelayout    { font-family: arial, verdana; 
                  color: #000000;
                  border: 3px;
                  font-size: 18px;
                  text-align: center;
                  font-weight: bold;
		  border-top-style: solid;
		  border-top-color: #061c7b;
		  border-top-width: 1px;
		  border-right-style: solid;
		  border-right-color: #061c7b;
		  border-right-width: 1px;
		  border-left-style: solid;
		  border-left-color: #061c7b;
		  border-left-width: 1px;
		  border-bottom-style: solid;
		  border-bottom-color: #061c7b;
		  border-bottom-width: 1px;
		  border-left-style: solid;
		  border-left-color: #061c7b; }



.tablelayoutd1   { font-family: arial, verdana; 
                  color: #000000;
                  border: 3px;
                  margin-top: 22em;
                  margin: 0 auto; 
                  font-size: 18px;
                  font-weight: bold;
		  border-top-style: solid;
		  border-top-color: #061c7b;
		  border-top-width: 1px;
		  border-bottom-style: solid;
		  border-bottom-color: #061c7b;
		  border-right-style: solid;
		  border-right-color: #061c7b;
		  border-right-width: 1px;
		  border-bottom-width: 1px;
		  border-left-style: solid;
		  border-left-color: #061c7b;
		  border-left-width: 1px; }



#tablelayoutd2   { font-family: arial, verdana; 
                  color: #000000;
                  border: 3px;
                  margin-top: 22em;
                  margin: 0 auto; 
                  font-size: 18px;
                  font-weight: bold;
		  border-right-style: solid;
		  border-right-color: #061c7b;
		  border-right-width: 1px;
		  border-left-style: solid;
		  border-left-color: #061c7b;
		  border-left-width: 1px; }

.drawvertical { height: 30px;
		 border-left-style: dashed;
		 border-left-color: #000ACC;
		 border-left-width: 2px; }

.drawvertical2 { height: 30px;
		 border-left-style: dashed;
		 border-left-color: #cc0000;
		 border-left-width: 2px; }



.content	{ font-family: times new roman, georgia, arial, verdana, helvetica, sans-serif; font-size:11px; color:#666666}



.rollover 	{ background-color: #000000}



.rolloveron 	{ background-color: #000000; filter:alpha(opacity=60)  }

a {
	color:#09c;
	font-size:11px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	}


a:link		{ color: #22016D; text-decoration: none }
a:visited	{ color: #000ACC; text-decoration: none }
a:active	{ color: #990000; text-decoration: none }
a:hover		{ color: #ff0000; text-decoration: none }

 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */





.h3		{ font style: oblique; font-weight: normal}



.title0		{ COLOR: #000000; FONT: 12px arial, helvetica, sans-serif }



.title1		{ COLOR: #000000; FONT: 18px arial, helvetica, sans-serif; font-weight: bold }



.title2		{ COLOR: #0000cc; FONT: 28px arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline }



.textarea	{ FONT: 13px arial, verdana, sans-serif;

		   text-align: left;

		   WIDTH: 275PX;

		   BORDER: #000000 1px solid}



.biglink 	{ FONT: 12px times new roman, georgia, verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }



.biglink:hover 	{ FONT: 12px times new roman, georgia, verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }



.just 		{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif;  text-align: justify;}



.left		{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif;  text-align: left;}



.smalltitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }



.div 		{ border: 1px solid red; width= 12em; margin: 1em; }



#banner 	{ width: 70%; absolute; left: 5%; top: 1%;

		  height: 3em; }



.indent		{ position: absolute; left: 10%;}





#content p 	{ margin-left: 33em;

	    	  margin-right: 33em;}


ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
	     	    	 

#nav ul 	{ padding-left: 0; }	    	 

#nav li	        { FONT-FAMILY: arial, georgia, helvetica, sans-serif;
		   display: block; }

#nav		{ 

	         width: 40%; position: absolute; left: 58%; top: 12%; padding: 9; margin: 14;
		 border-top-style: dashed;
		 border-top-color: red;
		 border-top-width: 3px;
		 border-right-style: solid;
		 border-right-color: red;
		 border-right-width: 3px;
		 border-bottom-style: solid;
		 border-bottom-color: purple;
		 border-bottom-width: 3px;
		 border-left-style: solid;
		 border-left-color: purple;
		 border-left-width: 3px; }