/* 
* Section 508 Best Practices for the Web CSS Document 
* Page Layout CSS
* created by: Eric Brown 
* last modified: 04/03/09 
*/

/* Base Tags */                                             
html,body {
	height:100%; /* needed for container min-height */      
	margin:0;
	padding:0;
	font-family:verdana,sans-serif;
	font-size:90%;
	color:#666;}

abbr, acronym {border-bottom:1px dotted #c99;}

blockquote {
    margin:0;
    padding:1% 0;}

body {
	background: #eee repeat-x scroll 0% 0%;
	margin: 0;
	padding: 0;
	font: 85% verdana, arial, hevetica, sans-serif;
	text-align: center;
	color: #333;}

code {
    border:2px solid #333;
    background:#fafafa;
    display:block;
    padding:10px;
    text-align:left;}
 
em {
    font-style:normal;
    text-decoration:underline;}

h1 {
	font: 165% sans-serif;
	text-align: left;
	font-weight:bolder;
	color: #222;	
	margin: 0;
	padding:.5em .25em;}

h2 {
	color: #B52C07;
	font: 120% georgia, times, serif;
	font-weight: bold;
	margin: .5em 0;}	

h2 a {text-decoration: none;}

h3 {
    background:#EEF3F6 repeat-x top left;
    border: 1px solid #5B5E0E;
	color: #222;
	font: 106% sans-serif;
	font-weight: bold;
	margin: 1em 0 .5em;
	padding: .25em;}
	
h3:focus, h3:hover, h3:active{
    background:#EEF3F6 repeat-x top left;}

h4 {
	color: #FF0000;
	font: 106% verdana, arial, sans-serif;
	font-weight: bold;
	margin-top: 0.5em;}

kbd { background:#eee; }

ol {
    list-style-type:decimal;
    line-height:1.5em;
    margin:.5em 0 0 2em;}

ul {
    line-height:1.5em; 
    list-style-type:disc;
    margin:0 0 0 2em;}

p {line-height:1.5em;}

strong {font-weight:bold;}

/* Table Formatting */                     
/* ///////////////////////////////////////////////////////////////////////////////////////// */
table {background:#fff;
       border-collapse:collapse;
       font-size:1em;
       margin: 0 auto;
       padding: 10px;
       border-spacing: 0px;
       border-width: 0px;
       border-spacing: 0px;
       border-style: none;
       border-color: gray;
       background-color: white;       
       width:90%;}

caption {background:#eee;
         border:1px solid #aaa;
         border-width:1px 1px 0px 1px;
         font-weight:bold;
         padding:0px;
         text-align:center;}
         
td,th {border-width: 1px;
       border-style: solid; 
       border-color: gray;
       border-style: outset outset outset outset;
       border-spacing: 0px;
       border-color: rgb(90%,85%,80%) rgb(60%,55%,50%) rgb(60%,55%,50%) rgb(90%,85%,80%);
       text-align:center;
       padding: 5px;
       }
       
th {background:#ffffff;
    font-weight:bold;}
    
tf {background: #ffffff;
    font-weight: bold;}
    
tbody th {background:#eeeeee;}

tbody tr:active,tbody tr:focus,tbody tr:hover {background:#ffffcc;}

/* ///////////////////////////////////////////////////////////////////////////////////////// */


/* Form Tags */
form{margin:0; padding:0;}

button{
	background: #036;
	border:1px solid #036;
	color: #FFF;
	padding: 3px;}
button:focus, button:hover, button:active{
    background: #69C;
    color: #FFF;}
    
.box {text-align: center;
	background: #036;
	border:1px solid #036;
	color: #FFF;
	padding: 3px;}
.box:focus, .box:hover, .box:active{
    background: #69C;
    color: #FFF;}	

input, textarea {
  background:#fff;
  border: 1px solid #ccc;
  color:#000;
  text-align:left;}

select {
  background:#fff;
  border: 1px solid #ccc;
  color:#000;
  text-align:left;
  z-index:10000;}  
  
input:focus,input:hover,input:active,
textarea:focus,textarea:hover,textarea:active { 
 background:#ffffcc;
 border:1px solid #73A6FF;}
input:focus.error,input:hover.error,input:active.error,
textarea:focus.error,textarea:hover.error,textarea:active.error { 
 background:#ffffcc; 
 border:1px solid #73A6FF;}

/* IE 6 workaround for CSS Highlight Effect */
.focusField{ 
 background:#ffffcc; 
 border:1px solid #73A6FF;  
}
.focusButton{
 background: #69C;
 color: #FFF;
}
.focusHeader{
    background:#EEF3F6 repeat-x top left;}
tbody tr.highlight {
    background:#ffffcc;}

/* Example Form CSS */
                                                          
.exampleForm{padding:5px 10px;}

.exampleForm p{padding:5px 0;} 
 
.exampleForm h1{
  color:#990000;
  font:150% bolder;
  border:1px solid #990000;
  border-width:1px 0;
  padding:2px 0;
  margin:0 0 3px 0;}
.exampleForm h2{
  color:#000;
  display:block;
  font:90%;
  }
.exampleForm h3{
  clear:both;
  background:#eee;
  color:#336;
  margin:0 .5em;
  padding:2px 5px 3px;}
                                                         
#errHolder {
 background:#eee;
 border: 1px solid #676767;
 margin:0 0 1em 0;
}
#errHolder h4{
 background:#f00 repeat-x 0% 100%;
 border-bottom: 1px solid #676767;
 color: #222;	
 font: 105% sans-serif;
 font-weight:bolder;
 text-align: left;
 margin: 0;
 padding:.25em .5em; 
}

#errHolder ul{list-style:none;margin:0 0 0 5px;padding:5px;}
#errHolder li{background: no-repeat 0 50%; padding:5px 0 0 27px;}

                                                                   

/* Formatting Classes */                                           
.spacer {
 clear:both;
 line-height:.25em; 
}
.white {color: #fff;}
.red {color: #f00;}
.green {color:#336600;}
.star {
 color: #f00;
 font-weight:bold;
 font-family:monospace;
 font-size:150%;
}
.divider {
 text-align:center;
 font-weight:bold;
}
.hide {display:none;}
.show {display:block;}
.tBdr {border-top:1px dashed #a6a6a6;}
.bBdr {border-bottom:1px dashed #a6a6a6;}
.lBdr {border-left:1px dashed #a6a6a6;}
.rBdr {border-right:1px dashed #a6a6a6;}                           

/* Shadow Information Div | Table */                               
.shadow {background:#919191;}
.shadow table{position:relative;top:-4px;left:-4px;}
.shadow div{position:relative;top:-4px;left:-4px;}
.shadow code{position:relative;top:-4px;left:-4px;}
.shadow fieldset{position:relative;top:-4px;left:-4px;}
   
/* Page Container */                                                       
#container {
	margin: 1em auto;
	width: 675px;
	min-height:1px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #676767;}

/* Page Sections */



/* Section Divider */                                            
#divider {
	background: #9FA41D;
	color: #272900;
    padding:0;
    margin:0;
	padding: 2px 0;
	margin-bottom: 0px;
	border-bottom: 1px solid #676767;
	clear:both;}

/* Central Content */                                              
#content { 
    background: #fff none repeat scroll 0%;
    border: 1px solid #c5c877; 
	border-width: 0 0 1px;
	color: #000;
	margin: 2px 5px 2px 5px; 
	padding:0 0 1px; /*1.5em*/                                    
	float:left;
	display:inline; 
	width:675px;
	clear:both;
	}
	
/* Button Section Lower */                                       
#itemsection { 
    background: #fff none repeat scroll 0%;
    border: 1px solid #c5c877; 
	border-width: 0 0 1px;
	color: #000;
	margin: 2px 5px 2px 5px; 
	padding:0 0 5px;/*0 0 1.5em*/                                
	float:left;
	display:inline; 
	width:650px;
	clear:both;
	}	

/* Shipping Address Section (upper) */                         
#shipping { 
    background: #fff none repeat scroll 0%;
    border: 1px solid #c5c877; 
	border-width: 0 0 1px;
	color: #000;
	margin: 2px 5px 2px 5px; 
	padding:0 0 5px;
	float:left;
	display:inline; 
	width:650px;
	clear:both;
	}

/* Payment Address Section (lower) */                             
#payment { 
    background: #fff none repeat scroll 0%;
    border: 1px solid #c5c877; 
	border-width: 0 0 1px;
	color: #000;
	margin: 2px 5px 2px 5px; 
	padding:0 0 5px;
	float:left;
	display:inline; 
	width:650px;
	clear:both;
	}

/* Button Section Lower */                                     
#buttonsection { 
    background: #fff none repeat scroll 0%;
    border: 1px solid #c5c877; 
	border-width: 0 0 1px;
	color: #000;
	margin: 2px 5px 2px 5px; 
	padding:0 0 5px;/*0 0 1.5em*/                             
	float:left;
	display:inline; 
	width:650px;
	clear:both;
	}

/* Header Section */                                        
#header {
    background:#99ccff repeat-y;
	border-bottom: 1px solid #676767;
	position:relative;
	}
			
#footer { 
	clear: both;
	color: #222;
	text-align: right;
	font-size: 90%;
	font-weight:bold;
    background:#99ccff repeat-y;
	padding: 5px 5px 5px;
	/*width:650px;*/
	border-top: 1px solid #676767;
	}
	                                                          
table.form1 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	/*background-color: white;*/                             
    }

table.form1 tr {width:100%;}	

table.form1 td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 0px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:right; 
	width:20%; 
	padding-right:5px;
	}
table.form1 td+td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
	
	width: 80%;
	}	
	                                                        
table.form2 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	/*background-color: white;*/
    }
                                                            
table.form2 tr {width:100%;}

table.form2 th{/*item # heading*/                           
	border-width: 0px 0px 0px 0px;
	padding: 1px 0px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center; 
	width: 20%; 
	padding-right:5px;
	}
	
table.form2 th+th{/*item name heading*/                    
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
	width: 60%;
	}	
	
table.form2 th+th+th {/*price heading*/                   
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:right;
	width: 20%;
	}		

table.form2 td {/*item #*/                               
	border-width: 0px 0px 0px 0px;
	padding: 5px 0px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center; 
	width: 20%; 
	padding-right:5px;
	}
table.form2 td+td {/*item name*/                         
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
	width: 60%;
	}	
	
table.form2 td+td+td {/*price*/                         
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:right;
	width: 20%;
	}	

	                                                     
	
/* CSS Columns */                                         
.split2, .split3 {padding:0;margin:0;clear:both;display:block;}
.split3 .s33{float:left;display:inline;width:33%;}
.split3 .s30{float:left;display:inline;width:30%;}
.split2 .s5{float:left;display:inline;width:5%;}
.split2 .s20{float:left;display:inline;width:20%;}
.split2 .s25{float:left;display:inline;width:25%;}
.split2 .s30{float:left;display:inline;width:30%;}
.split2 .s35{float:left;display:inline;width:35%;}
.split2 .s40{float:left;display:inline;width:40%;}
.split2 .s45{float:left;display:inline;width:45%;}
.split2 .s65{float:left;display:inline;width:65%;}
.split2 .s85{float:left;display:inline;width:85%;}
.split2 h2, .split3 h2 {
background:#EEF3F6 repeat-x top left;color:#333;margin:0;padding:0;
border:2px solid #727377;border-width:2px 0;text-align:center;
    }
.lPad {padding-left:30px !important;}
.rPad {padding-right:.5em !important;}
.pad { padding:3% !important;}
.pad15 { padding:15px !important; }
.pad30 { padding:30px !important; }
.padTop { padding-top:5px !important; }
.padBtm { padding-bottom:5px !important; }
.noTopPad {padding-top:0 !important;margin-top:-5px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.p5 {padding-left:5px;}