* {
margin: 0;
}

.centered {
 
   display: table;
	margin: 0 auto 16em;
	
}

.imgCentered{
  display: block;
   margin: 5% auto;
   border: 0;
}

.kitBtn{
		position: absolute;

		left: 25%;
		top: 35%;
		width: 250px;
		height:150px;
		background-color:#006EB7;
		
		
		border-radius: 25px;
		border: 1px solid #006EB7;
}

.moduleBtn{
		position: absolute;

		left: 50%;
		top: 35%;
		width: 250px;
		height:150px;
		background-color:#006EB7;
		
		
		border-radius: 25px;
		border: 1px solid #006EB7;
}

.SWBtn{
		position: absolute;

		left: 25%;
		top: 65%;
		width: 250px;
		height:150px;
		background-color:#006EB7;
	
		
		border-radius: 25px;
		border: 1px solid #006EB7;
}

.AccBtn{
		position: absolute;

		left: 50%;
		top: 65%;
		width: 250px;
		height:150px;
		background-color:#006EB7;
		
		
		border-radius: 25px;
		border: 1px solid #006EB7;
}

.Puck{
		position: absolute;
		top:95%;
		left:31%;
		
		width: 400px;
		height:300px;
		background-color:#006EB7;
		
		border-radius: 100px;
		border: 1px solid #006EB7;
}

#title {color: #F39C12;
        font-family: Verdana;
        font-size:26px;
        
}

#header {
		background-color: #FFFFFF;
		color: #5C5C3D; 
		margin:5px;
		font-family:  "Nyala", Arial; 
		
		
	}
	
#footer {
		
		color: #5C5C3D;
		height: 4em;
		margin:5px;
		
		text-align:right;
		z-index: 1; 
		font-family: Verdana;
		position: absolute;
		right: 0%;
		top: 90%;
	}  
	
	
div.background {
   
	height: auto !important;
	height: 100%;
	left: 5px; 
	margin: 0 auto -18em;
    top: 0px; 
    
    padding:5px;	

    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}
	
.stretch {
    width:100%;
    height:100%;
}


#nav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-family: Verdana;
}

#nav li
{
	display: inline-block;
	background-color: #F0F5F5;
	color: #5C5C3D;
	font-family: Verdana;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
}

#nav li a
{
	text-decoration: none;
	padding: .2em 1em;
	font-family: Verdana;
	display: inline-block;
	color: #5C5C3D;
}

#nav li a:hover
{
	color: #669900;
	background-color: #EBFFF5;
	font-style: italic;
}

#pod li
{   
    display: inline-block;
    background-color: #2880B9;
    color: #F0F5F5;
    font-family: Verdana;
    border-style: solid;
    border-width: 1px;
}

#pod li a
{
	text-decoration: none;
	padding: .2em 1em;
	font-family: Verdana;
	display: inline-block;
	color: #5C5C3D;
}

#pod li a:hover
{
	color: #669900;
	background-color: #EBFFF5;
	font-style: italic;
}

#contactForm input[type='text'], select
{
	display: inline-block;
	float: right;
	font-family:verdana;
	font-size:12px;
	color: #669900;
 
	border: none;
	margin: 5px;
 
}

#contactForm p
{
	font-family:verdana;
	font-size:14px;
	color: #669900;
}

#contactForm h4
{
	font-family:verdana;
	font-size:16px;
	
	color: #669900;
}



#contactForm input[type='submit'], input[type='reset']
{
	font-size:12pt;
	color:white;
	background-color:green;
	border:2px solid #336600;
	padding:3px

}

div.planBg{
	background-color: #EEFFFF; 
	font-family: Verdana, sans-serif;
}

.thumbs {width: 75px;
			padding: 5px;
			float:left;
			}
.mainimg {
			
			vertical-align: top}

	
.footer{font-size:small; color:green;}
.title{font:bold 10pt; color:green; }
.input:focus {
		outline: none !important;
		border:1px solid red;
		box-shadow: 0 0 10px #719ECE;
}

 #contactForm  div.table
 {
            display: table;
 }
		
 #contactForm  div.row{
             display: table-row;
           border-style:dotted;
            border-color: #EBFFF5;
            border-width:1px;
            padding-top:5px;
            padding-bottom:5px;
            padding-right:10px;
            padding-left:10px;
            margin-top:5px;
            margin-bottom:5px;
            margin-right:10px;
            margin-left:10px;
        }


#contactForm  div.cell{
            display: table-cell;
          vertical-align: bottom;
            border-width:5px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            font-weight:100;
            font-size:100%;
  font-family:verdana;
	font-size:14px;
	color: #006EB7;
	text-align: right;
	margin:25px;

        }

#contactForm  div.orderSummary{
            display: block;
            border-width:5px;
         width:100%;
   
            font-size:100%;
  font-family:verdana;
	font-size:14px;
	color: green;
	text-align: center;
        }

#contactForm div textarea.orderText
{
	font-family:verdana;
	font-size:14px;
	color: green;
	 display: block;
	text-align:left;
	border: green;
	
}
		
#wrapper {
    border: none;
	background-color: #F0F5F5;
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	color: #006EB7;
	position:relative;
	width:100%;
	line-height: 25px;
}/*--wrapper--*/

#options {
	background-color: #F0F5F5;
    display: inline-block;
    width:50%;
    
    border: none;
	
}/*--options-*/

#detailedView {
    display: inline-block;
    width:45%;
   
    border: none;
	background-color: #F0F5F5;
	
	vertical-align: top;
}/*--detailed View-*/

#purchaseList {
    display: inline-block;
    
    height:500px;
    border: none;
	margin:5px;
		vertical-align: top;
	}/*--purchaseList--*/

#optionForm  /* for fieldset */
{
	
	border:none;
	background-color: #F0F5F5;
	font-family:Verdana;
	font-size:14px;
	color: #006EB7;
	
}

#optionForm  div.table
 {
            display: table;
 }
		
 #optionForm  div.row{
             display: table-row;
           border-style:dotted;
            border-color: #EBFFF5;
            border-width:1px;
            padding-top:5px;
            padding-bottom:5px;
            padding-right:10px;
            padding-left:10px;
            margin-top:5px;
            margin-bottom:5px;
            margin-right:10px;
            margin-left:10px;
        }


#optionForm  div.firstcell{
	
            display: table-cell;
          vertical-align: bottom;
            border-width:5px;
            padding-left: 5px;
            padding-right: 0px;
            padding-top: 2px;
            padding-bottom: 2px;
            
            font-size:100%;
  font-family:times new roman;
	font-size:18px;
	color: green;
	text-align: right;
	margin:10px;

        }
#optionForm  div.cell{
    display: table-cell;
    vertical-align: middle;
    border-width:5px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight:200;
    font-size:100%;
    font-family:verdana;
	font-size:16px;
	color: #006EB7;
	text-align: left;
	margin:25px;

        }

#optionForm input[type='submit'], input[type='reset'], input[type='button']
{
	font-size:12pt;
	color:white;
	background-color:green;
	border:2px solid #336600;
	padding:3px

}

#descriptArea{
		color: #5C5C3D; 
		margin:5px;
		font-family: Verdana;
}

#kitDescript{
position: relative;
width:100%;
}

#funcDescript{
		color: #5C5C3D; 
		margin:5px;
		font-family: Verdana;
		font-size:12px;
}

#subList{
		color: #000033; 
		margin:5px;
		font-family: Verdana;
		font-size:12px;
}

#divider{
 display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px; 
	background-color: #006EB7;
	
	
	}
	
#SWoptions {
	background-color: #F0F5F5;
    display: inline-block;
    width:40%;
    
    border: none;
	
}/*--options-*/

#SWdetails{
    display: inline-block;
    width:55%;
   
    border: none;
	background-color: #F0F5F5;
	
	vertical-align: top;
}/*--detailed View-*/