/* 946 basic page formatting style, fits 1024 X 768 display */


body { 	
	background-color: #726f62;
	margin: 0px auto 0px auto;
	padding: 45px 0px 0px 0px;
	font-family: verdana, geneva, arial, sans-serif;  /* default fonts */
	font-size: small;  
	text-align: center; /* default text alignment */
	}

#container {   /* <div id="container"> */
	width: 946px;
	background-color:	#f0efe4;
	margin: 0px auto 0px auto;
	text-align: left;
	border: 10px #a6a097;
	border-style: groove double;
	}	

#header {   /* <div id="header"> */
	position: static;
	width: 946px;	
	margin: 0px auto 0px auto;
	}

#menu {   /* <div id="nav"> used for side navigation */
	position: static;
	width: 170px;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 10px #a6a097; 
	border-style: double;/* must use "style" to work in Firefox */
	}
	
#maincopy {  /* <div id="maincopy"> used for right copy by navigation */
	position: static;
	width: 702px;
	margin: 10px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-align: left;	
	}

#footer {   /* <div id="footer> */
	width: 946px;
	font-size: 85%;
	margin: 0px auto 0px auto;
	color: #f0efe4;
	}	
	
#superfooter {   /* <div id="superfooter> */
	padding-top: 15px;
	font-size: 85%;
}	  
	
	
	
.bottomborder {
	border-bottom:	10px double groove #a6a097;/* this works in IE but not in Firefox */
	border-bottom-style:  double;/* must use "style" to work in Firefox */
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 1px;


	}
	
.bottombordernolink {
	border-bottom:	10px double groove #a6a097;/* this works in IE but not in Firefox */
	border-bottom-style:  double;/* must use "style" to work in Firefox */
	padding-top: 15px;
	padding-left: 5px;
	}
	
div#span {
    background-image:  url(../images/span.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 680px;
}

div#fullspan {
   background-image:  url(../images/fullspan.jpg);
   background-repeat: no-repeat;
   height: 35px;
   width: 680px;
}


div#largespan {
   background-image:  url(../images/largespan.jpg);
   background-repeat: no-repeat;
   height: 50px;
   width: 680px;
}
	

	
	
	
.clearmaincopy {   /* clears all floats in main copy, use in main copy only */
	clear: both;
	width: 710px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}	
	
p.small{
line-height: 10px
}
p.big{
line-height: 30px
}

.floatl {   /* floats to the left*/
	float: left;
	display: inline;					/* fix IE double margin bug on floats */
	}

.floatr {  /* floats to the right*/
	float: right;
	display: inline;					/* fix IE double margin bug on floats */
	}

	
.nobottom {   /* forces bottom to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
.notop {     /* forces top to move up */
	margin-top:	0;
	padding-top:	0;
	}	
	
	
a {  /* color of link */
  	font-size: 14px ;  /* blue */
		color:	#36627f;
  	text-decoration:	none;
  	padding:	0px 3px 0px 3px;
  	}
	
a:visited {  /* color of visited link */
		color: #36627f;  /* blue */
		text-decoration: none;
  	padding:	0px 3px 0px 3px;
		}

a:hover {  /* color of link when hovered*/
		color: #000; 
		text-decoration: none;
  	padding:	0px 3px 0px 3px;
		background-color: #726f62;
		}	

		
.footer: a {  /* color of link */
  	color:	#cfb884; /* cream*/
		font-size: 85%;
  	text-decoration:	underline;
  	padding:	0px 3px 0px 3px;
  	}
	
.footer a:visited {  /* color of visited link */
		color:	#cfb884; /* cream*/
		font-size: 85%;
		text-decoration: underline;
  	padding:	0px 3px 0px 3px;
		}

.footer a:hover {  /* color of link when hovered*/
		color:	#cfb884; /* cream*/
		font-size: 85%;
		text-decoration: underline;
  	padding:	0px 3px 0px 3px;
		background-color: #ffffff;
		}
	
h1 {
  font-size:      180%;
	font-family: 		"trebuchet ms", verdana, geneva, sans-serif;			
	font-weight:    normal;
	padding-top:		5px;
	}
	
	
h2 {  /* headline 2 */
  font-size:      150%;
	font-family: 		"trebuchet ms", verdana, geneva, sans-serif;	
	font-weight:    normal;	
	}	

	
h3 {  /* headline 3 */
  font-size:      110%;	
	font-family: 		"trebuchet ms", verdana, geneva, sans-serif;	
	font-weight:    normal;
	}	
	
h4 {  /* headline 3 */
  font-size:      95%;	
	font-family: 		"trebuchet ms", verdana, geneva, sans-serif;	
	font-weight:    normal;
	}	

.tl {   /* text left */
	text-align:	left;
	font-weight:    normal;
	}
	
.tc {   /* text center*/
	text-align:	center;
	font-weight:    normal;
	}
	
.tr {   /* text right*/
	text-align:	right;
	font-weight:    normal;
	}
	

	
.t85 {    
	font-size:      85%;	
	}
	
.t110 {
	font-size:   110%;	
	line-height: 0.5cm;  /* specifies space between lines */
	}		
	
.t120 {   
	font-size:      120%;	
	}		
	
.strike {
	 text-decoration: line-through;
}





/* 712 maincopy padded variations */

#fullwidthpadded {   /* 50 px white space added inside fullwidth division */
	width: 920px;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px; 
	text-align: left;
	}
	
/* catalog page division in Main Copy*/
	

.onethirdwidthmaincopy {   /* left narrow division of main copy */
	width: 84px;
	margin: 0px;
	padding: 10px 5px 10px 10px;
	text-align: left;
	}
	
.twothirdwidthmaincopy {   /* right width division of main copy */
	width: 570px;
	margin: 0px;
	padding: 10px 10px 10px 5px;
	text-align: left;
	}
	
.description {   /* description before buy button  */
	width: 300px;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	text-align: left;
	}
	
.price {   /* buy button */
	width: 200px;
	margin: 0px;
	padding: 10px 5px 10px 5px;
	text-align: left;
	}
	
.clear {  /* clears all floats */
	clear: both;
	width: 5px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}


		
/* lists HOME page */
	
ul {  /* definition of an unordered list */
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left: 10px;
	}
		
ul.noimage {	 /* no image at the beginning of an unordered list */
 	list-style-type: none;
	}		
	
li.image {
	list-style-image: url('../images/apple.jpg');
	margin-top:		0px;
	font-size: 105%;
	margin-left:	0px;
	padding-left: 15px;
	}
	
li{
	margin-top:		0px;
	padding-top: 	5px;
	margin-left:	0px;
	padding-left:	0px;
	}
		
li.line {	 
	border-bottom: 1px #4e3d56 solid;	
	}		
	
	

	
	/* lists for ABOUT page*/
	
ul.about{  /* definition of an unordered list */
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left: 40px;
	
	}	
	
li.image {
	list-style-image: url('../images/apple.jpg');
	margin-top:		0px;
	font-size: 105%;
	margin-left:	0px;
	padding-left: 15px;
	}
	
/* END lists for ABOUT page*/

.height1 {   /* space between lines */
	line-height: 0.1cm;
	} 

		
/* tables */		

table {  /* table with 10 px padding and no margins */
	padding:	10px;	
	margin: 	0px auto 0px auto;
	}	
	
	
td {  /* table cell with 10 px padding on top and 15 px padding on the right */
	padding-top:		10px;		
	padding-right:	15px;	
	}	
td.right {  /* moves text in a td to right top*/
	text-align:			right;
	vertical-align:		top;	
	}
	
td.top {  /* moves text in a td to top*/
	vertical-align:		top;	
	}
	
td.left {  /* moves text in a td to left top*/
	text-align:			left;
	vertical-align:		top;	
	}

 /* used on index page for 2 table rows */		
td.size160 {  /* sets a td to 160 px */
	padding-right:	5px;	
	width:					160px;	
	text-align: 		center;	
	vertical-align:		top;
	}

	 /* used in superfooter*/	
td.size350 {  /* sets a td to 350px */
	width:					350px;	
}

td.size300 { /* sets a td to 300px */
	width:					300px;	
	padding-left:   60px;
}


 /* table to alternate colors on the index page */	
table.lined {  /* black line around table that collapses to the td line */
	border:		1px solid black;
	width: 680px;
	background-color:#d7d4c7;
	}	
	
table.noline {
	width: 680px;
	padding-bottom: 10px;
	padding-left: 5px;
}

td.lined {   /* lined table  */
	margin: 	0px auto 0px auto;
	background-color:#d7d4c7;
	padding-bottom: 5px;	
	padding-left: 5px;
	}
	
td.noline {
	margin: 	0px auto 0px auto;
	padding-bottom: 5px;	
	padding-left: 6px;
	}
 /* end of table to alternate colors on the index page*/	
 

 	




 /* colors */
 
.cream{
 	color: #f0efe4;
	}
	
.blue {
 	color: #c6cfd5;
	}

.tan {
 	color: #d7d4c7;
	}
	
.green {
 	color: #726f62;
	}
	
.red {
	color: #d5081b;
	}