@charset "UTF-8";
/* CSS Document */



/* -------------------------------- */
/* --------- MAIN STYLES ---------- */
/* -------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	background-color: transparent;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	text-decoration: none;
	font-weight:normal;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	text-decoration: none;
	font-weight:normal;
}

a:link {
	color: #444;
}

a:visited {
	color: #444;
}

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


a:active {
	color: #444;
}

h1 {
	font-size: 22px;
	line-height: 22px;
	color:#444;
}

.horizontal-dot-bar {
	background-image:url("graphics/gray-dot.jpg");
	background-position:left center;
	background-repeat:repeat-x;
}

.vertical-dot-bar {
	background-image:url("graphics/gray-dot-large.jpg");
	background-position: center;
	background-repeat:repeat-y;
	width:10px;
}

.productlink, a.productlink:visited, a.productlink:link {
	font-size:12px;
	color:#444;
	font-weight:normal;
	text-decoration: none;
}

a.productlink:hover, a.productlink:active {
	text-decoration: underline;
}

/* ---------------------------------- */
/* --------- HEADER/NAVBAR ---------- */
/* ---------------------------------- */

.subscription-box {
	border:1px double #cccccc;
	color:#c39ce7;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding:1px;
	width:150px;
	height:18px;
}

.subscription-background {
	border:1px double #cccccc;
	color:#eeecec;
}


/* -------------------------------- */
/* -------- MAIN SECTIONS --------- */
/* -------------------------------- */


.container {
	width: 1000px;
	background-color: transparent;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	padding-left: -30px;
}

.navbar {
	width: 1000px;
	text-align: center;
}

.topframe {
	width: 1000px;
	height: 21px;
	text-align: center;
	background-image: url(graphics/border-top.gif);
	position: relative;
}

.pageheader {
	width: 1000px;
	text-align: center;
	position: relative;
}

.content {
	width: 936px;
	background-color: transparent;
	text-align: center;
	margin: -70px auto 0px auto;
	position: relative;
	overflow: auto;
}

.products {
	width: 676px;
	background-color: transparent;
	float: right;
	position: relative;
	margin-top: 30px;
	text-align: center;
}

.mainframe {
	width: 1000px;
	text-align: left;
	background-image: url(graphics/border-middle.gif);
	position: relative;
}

.bible-info {
	width: 1000px;
	text-align: center;
	background-image: url(graphics/border-middle.gif);
	position: relative;
	padding-top: 20px;
}

.bottomframe {
	width: 1000px;
	height: 20px;
	text-align: center;
	background-image: url(graphics/border-bottom.gif);
	background-color: transparent;
	position: relative;
}

.footer {
	width: 1000px;
	height: 100px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding-top: 20px;
	position: relative;
}


/* -------------------------------------- */
/* -------- LEATHER COLOR BOXES --------- */
/* -------------------------------------- */

.white-box {
	height: 24px;
	width: 24px;
	background-color: #EEE;
	text-transform: uppercase;
	border: 1px solid #777;
}

.red-box {
	height: 24px;
	width: 24px;
	background-color: #8e1c22;
	text-transform: uppercase;
	border: 1px solid #777;
}

.hot-pink-box {
	height: 24px;
	width: 24px;
	background-color: #e51d9b;
	text-transform: uppercase;
	border: 1px solid #777;
}

.blue-box {
	height: 24px;
	width: 24px;
	background-color: #31489C;
	text-transform: uppercase;
	border: 1px solid #777;
}

.orange-box {
	height: 24px;
	width: 24px;
	background-color: #DA5E3C;
	text-transform: uppercase;
	border: 1px solid #777;
}

.yellow-box {
	height: 24px;
	width: 24px;
	background-color: #F0BF3A;
	text-transform: uppercase;
	border: 1px solid #777;
}

.black-box {
	height: 24px;
	width: 24px;
	background-color: #000;
	text-transform: uppercase;
	border: 1px solid #777;
}

.gold-box {
	height: 24px;
	width: 24px;
	background-color: #D6CA66;
	text-transform: uppercase;
	border: 1px solid #777;
}

.silver-box {
	height: 24px;
	width: 24px;
	background-color: #777;
	text-transform: uppercase;
	border: 1px solid #777;
}

.tan-box {
	height: 24px;
	width: 24px;
	background-color: #8B5B13;
	text-transform: uppercase;
	border: 1px solid #777;
}

.purple-box {
	height: 24px;
	width: 24px;
	background-color: #654099;
	text-transform: uppercase;
	border: 1px solid #777;
}

.brightblue-box {
	height: 24px;
	width: 24px;
	background-color: #00a0df;
	text-transform: uppercase;
	border: 1px solid #777;
}

.brightgreen-box {
	height: 24px;
	width: 24px;
	background-color: #55A131;
	text-transform: uppercase;
	border: 1px solid #777;
}

.violet-box {
	height: 24px;
	width: 24px;
	background-color: #b758b0;
	text-transform: uppercase;
	border: 1px solid #777;
}

.lavender-box {
	height: 24px;
	width: 24px;
	background-color: #b8a6ce;
	text-transform: uppercase;
	border: 1px solid #777;
}

.pearl-white-box {
	height: 24px;
	width: 24px;
	background-color: #d5dbe1;
	text-transform: uppercase;
	border: 1px solid #777;
}

.periwinkle-blue-box {
	height: 24px;
	width: 24px;
	background-color: #2c88dd;
	text-transform: uppercase;
	border: 1px solid #777;
}

.lapiz-blue-box {
	height: 24px;
	width: 24px;
	background-color: #363174;
	text-transform: uppercase;
	border: 1px solid #777;
}

.salmon-pink-box {
	height: 24px;
	width: 24px;
	background-color: #d65b71;
	text-transform: uppercase;
	border: 1px solid #777;
}
