/*  --------- GENERAL styles (multiple pages) ------------ */


.keepfont {

font-family: trebuchet MS, georgia, arial, sans-serif;

}

.form {

border: #999999 1px solid;
height: 17px;

color:#000000;
font-size: 10px;
}

.thinborder {
	padding: 2px;
	border: #CCCCCC 1px solid;
}

.catpic {
	border: #000000 1px solid;
}

.heading14 {

font-size:14px;
font-weight:bold;
color:#666666;
}

.bar {
	border:#CCCCCC 1px solid;
	background-color:#f4f4f4;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding: 5px 0px 5px 0px;

}


/*  --------- INDEX.PHP styles ------------ */

#myspace {
position: absolute;
left: 0px;
top: 334px;
}

#titlepic {
position: absolute;
left: 25px;
top: 110px;
width: 707px;
height: 206px;
padding: 2px;
border:#CCCCCC 1px solid;
}

#all_products {
position: absolute;
left: 5px;
top: 380px;
width: 707px;
z-index: 15;
}

#signup {
position: absolute;
right: 29px;
top: 329px;
text-align:right;
}


/*  --------- PRODUCT.PHP styles ------------ */


#product_view {
position: absolute;
left: 0px;
top: 107px;
z-index:6;
}
#product_info {
position: absolute;
left: 430px;
top: 160px;
width: 317px;
z-index: 10;
}

#name_bar {
position: absolute;
left: 0px;
top: 0px;
width: 308px;

}
#views {
position: absolute;
left: 10px;
top: 50px;
width: 287px;

}

#description {
position: absolute;
left: 12px;
top: 200px;
width: 306px;
line-height:90%;
}

#info_bar {
position: absolute;
left: -10px;
top: 322px;
width: 318px;
height: 50px;
padding: 0px;
}



#more_bar {
position: absolute;
left: 19px;
top: 597px;
width: 719px;
}

#more_products {
position: absolute;
left: 0px;
top: 631px;
width: 400px;
height: 300px;

}
#cool_people {
position: absolute;
right: -10px;
top: 631px;
width: 400px;
height: 300px;
font-size: 12px;
font-weight: bold;
}
#picborder {
border: #000000 1px solid;
}

/*  --------- GALLERY.PHP styles ------------ */
#gallery_head {
position: absolute;
top: 127px;
left: 59px;
width: 650px;
height: 150px;
}


/*  --------- ABOUT.PHP, FAQ.PHP, and CONTACT.PHP styles ------------ */
#about_bar {
position: absolute;
left: 19px;
top: 97px;
width: 720px;
}
#right_text {
position: absolute;
left: 270px;
top: 160px;
width: 440px;
}
#left_products {
position: absolute;
left: 19px;
top: 143px;  /* adjusted higher than right_text bc gallery */
width: 210px;
}
.about_txt {
font-size:14px;
color:#666666;
text-align:justify;
}

/*  --------- ADMIN.PHP styles ------------ */

.cms_pic {
width: 20px;
height: 20px;
}
#cms_table {
	font-size: 10px;
	width: 900px;
	padding: 1px;
}

/*  --------- SHOPPING CART Styles ------------ */

.cart
{
	font-size:10px;

}
.accounting {

	text-align:right;
	border:none;
	margin-top: -16px;
}

#cart_title td {
	background-color: #FFFFFF; 
	color:#999999;
	text-decoration: underline;
	padding: 4px;
	margin: .5em;
}



#text td {
	padding: 6px;
}

#contents {
	
	font-size: 90%;
	padding: 12px;
	align:center;
}

#contents tr {
	padding: 6px;
	border: 1px solid #CCCCCC;
}

#contents p, #contents button {
	margin: .5em;
	font-size: 11px;
}
#checkout {
	color:#CC0000;
	background-color:#FFFFFF;
	height:21px; 
	font-weight:bold; 
	border:1px solid #000000;
}


/* ---------- STATIC "TEMPLATE" styles ---------- */

body {
background: url(img/bg.jpg);
top: 0px; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: center;
background-color:#FFFFFF;

font-family: trebuchet MS, georgia, arial, sans-serif;
}

.wrapper {
position:absolute;
background-color:#FFFFFF;
width: 760px;
height: 1020px;
left: 50%;
margin-left: -380px;
top: 0px;
bottom: 0px;
}

#logo {
position: absolute;
left: 0px;
top: 0px;
}

#navline {
position: absolute;
left: 348px;
top: 54px;
}

#sprinkle {
position: absolute;
left: 495px;
top: 62px;
}

#nav {
position: absolute;
right: 30px;
top: 40px;
z-index: 10;
text-align: right;
}
#viewcart {
position: absolute;
left: 341px;
top: 64px;
width: 92px;
height: 30px;
padding: 0px;
text-align:right;
}


/*  --------- NAV roll-over styles ------------ */

#nav a:link {
text-decoration: none;
color:#666666;
}

#nav a:visited {
text-decoration: none;
color:#666666;
}

#nav a:hover {
text-decoration: none;
color:#999999;
}

#nav a:active {
text-decoration: none;
color:#999999;
}