*/ Font Styles */

@font-face {
   font-family: "sideburnbob";
   src: url("type/sideburnbob.eot");
   src: local('☺'), 
        url("type/sideburnbob.woff") format("woff"), 
        url("type/sideburnbob.ttf") format("truetype"), 
        url("type/sideburnbob.svg#sideburnbob") format("svg");
}

* { margin: auto; padding: 0; }


.footerbox {
	line-height: 150%;
}

/* Head Styles */

#container {
	background-color: #FF0;
	border: 3px solid #000;
	margin: auto;
}

header img{
	padding-top:10px;
	width: 100%;
}
	
	
/* Body Styles */

body {
	background-color: #9C3;
	background-image: url("images/wallpaper30.png");
	background-repeat: repeat-y;
}

section {
margin: auto;
}

#all {
	padding: 0px;
	width: 100%;
	text-align: center;
	margin: auto;
}

#tool {
	size: 100%;
	text-align: center;
	margin-top: 5px;
}

.finally {
	font-size: 18pt;
	color: white;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background-color: red;
	height: 30px;
}

.heading {
	font-size: 18pt;
	color: red;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#demobox {
	border: 3px solid black;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}

#action {
	font-family: "sideburnbob";
	text-align: center;
	color: red;
	font-size: 20pt;
}

#directions {
	width: 90%;
	height: 90%;
	
}

#emailcontact {
	color: red;
	font-size: 14pt;
}

#cwrite {
	font-family: "sideburnbob";
	font-size: 12pt;
	font-style: italic;
}

.main {
	text-align: center;
	width: 80%;
	border: 2px solid black;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FFFFCC;
}

.para {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 14pt;
	margin-bottom: 5px;
}

.para1 {
	margin-bottom: 5px;
}

.para2 {
	margin-bottom: 5px;

}

.para3 {
	font-weight: bold;
	color: red;
}

#price {
	color: red;
	font-weight: bold;
	font-size: 14pt;
}

#price1 {
	color: red;
	font-weight: bold;
	font-size: 14pt;
	padding-top: 6px;
}

#pageprice {
	color: red;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}

#purchase {
	margin: auto;
	font-size: 14pt;
	text-align: center;
	color: black;
	margin:10px;
	font-weight: bold;
}

#productbox {
	margin: auto;
	border: 2px solid red;
	width: 260px;
	background-color: white;
}

#producttitle {
	text-align: center;
	font-family: "sideburnbob";
	color: white;
	font-size: 16pt;
	background-color: red;
}

#productimg {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

#productppbox {
	height: 40px;
	text-align: center;
}

#producttagline {
	text-align: center;
	font-family: "sideburnbob";
	font-size: 12pt;
}
	

#price {
	text-align: center;
	font-size: 16pt;
}

#box1 {
	border: 2px solid black;
	width: 230px;
	height: 260px;
	text-align: center;
	margin-bottom: 10px;
	background-color: white;
	float: left;
	margin-right: 10px;	
}

#box {
	border: 2px solid black;
	width: 230px;
	height: 260px;
	text-align: center;
	margin-bottom: 10px;
	background-color: white;
	float: left;
	margin-right: 10px;

}

#kit {
	border: 2px solid black;
	width: 280px;
	height: 300px;
	text-align: center;
	margin-bottom: 10px;
	background-color: white;
	float: left;
	margin-right: 10px;


}

.refills {
	border: 2px solid black;
	width: 230px;
	height: 130px;
	text-align: center;
	margin-bottom: 10px;
	background-color: white;
	float: left;
	margin-right: 10px;

}

#title {
	font-family: "sideburnbob";
	font-size: 14pt;
	line-height: 22pt;
	background-color: red;
	color: white;
	border-bottom: 2px solid black;
	height: 30px;
}

#kittitle {
	font-family: "sideburnbob";
	font-size: 14pt;
	line-height: 22pt;
	background-color: red;
	color: white;
	border-bottom: 2px solid black;
	height: 30px;
}

#refillstitle {
	font-family: "sideburnbob";
	font-size: 14pt;
	line-height: 22pt;
	background-color: red;
	color: white;
	border-bottom: 2px solid black;
	height: 30px;
}

#content {
	height: 180px;
}

#paypal {
	height: 45px;
}

#paypal1 {
	height: 45px;
	padding-top: 10px;
}


#kitcontent {
	height: 190px;
	margin-bottom: 10px;

}

#kitpaypal {
	height: 45px;
}

#refillscontent {
	height: 50px;
}

#refillspaypal {
	height: 45px;
}

#choosebox {
	width: 260px;
	border: 3px solid red;
	margin: auto;
	background-color: #F7D358;
}

#discounttext {
	font-weight: bold;
	text-align: center;
	color: red;
}

#wanttext {
	font-weight: bold;
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

p #pile {
	margin: auto;
}

/* Nav Styles */

nav {
	display: in-line;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

nav ul {
	font-family: "sideburnbob";
	font-size: 12pt;
	list-style-type: none;
	
	text-align: center;
}

nav ul li {
	display: inline;
}

nav ul li a {
	text-decoration: none;
	background-color: rgb(0, 105, 54);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 4px solid #29B473;
	border-radius: 60%;	
}

section nav ul li a:hover {
	color: yellow;
	}

section nav ul li:hover {
	color: yellow;
}

#goback a:link {
	color: red;
}

a:link {
	color: white;
}
.goback {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

#purchase a:link {
	color: black;
}

.goback a:link {
	color: red;
}

.goback a:visited {
	color: red;
}

#purchase a:hover {
	color: red;
}

#purchase a:visited {
	color: black;
}

#discounttext a:link {
	color: black;
}

a:active {
	color: white;
}

a:visited {
	color: white;
}

a:hover {
	color: yellow; text-decoration: none;
}


/* Footer Styles */

footer {
	background-color: black;
	color: #FF0;
	height: 30px;
	text-align: center;
	clear: both;
	width: 100%;
}