/* CSS Document */

body {
	background: url(images/backimg.gif) center repeat;
	font-family: Georgia, sans-serif;
	font-size: .8em;
}

#container2 {
	margin: 0 auto;
	width: 800px;
	background: #fff;
	padding: 5px 0;
}

#container {
	position: relative;
	width: 790px;
	margin: 0 auto;
	background: #fff;
	border: 5px solid #fff;
	color: #412413;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #6f92aa;
}

a:hover {
	background: #6f92aa;
	color: #fff;
}

a.img:hover {
	background: none;
}

.clear {
	clear: both;
}

#logo {
	width: 800px;
	height: 86px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

#logo a:hover {
	background: none;
	color: #344c5e;
}

#signin {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #5a5350;
	background: #FCFDF4;
	height: 72px;
	width: 240px;
	color: #fff;
	color: #412413;
	font-size: 80%;
	border: solid 2px #6f92aa;
}

#signin span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 76px;
	width: 76px;
}

#signin .inside {
	margin: 20px 0 0 120px;
}

.hide {
	display: none;
}

p.break {
	width: 100%;
	border-bottom: #6f92aa dotted 1px;
}


/*=========================
	MAIN MENU
=========================*/
#mainmenu_container {
	margin: 0px auto;
	width: 800px;
	background: #6f92aa;
	text-transform: uppercase;
	font-size: .9em;
}

ul#mainmenu {
	padding: 0;
	margin: 0 0px 0 0px;
	list-style: none;
}

ul#mainmenu li {
	float: left;
}

ul#mainmenu li a {
	color: #fff;
	background: #6f92aa;
	padding: 5px 10px;
	display: block;
	margin: 0 0 0 0px;
	border-left: 1px solid #fff;
}

ul#mainmenu li a:hover {
	background: #5a5350;
	color: #fff;
}

ul#mainmenu li a.current {
	background: #5a5350;
	color: #fff;
	padding: 5px 10px;
	display: block;
	margin: 0 0 0 0px;

}

ul#mainmenu li a.current:hover {
}

ul#mainmenu li a span {

}

#logo input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}
/*=========================
	FRONT PAGE
=========================*/
#frontleft {
	float: left;
	width: 465px;
	background: #5a5350;
	height: 405px;
	margin: -5px 0;
}

#frontmain {
	float: left;
	width: 200px;
	margin: -5px 0 -5px 5px;
}

#frontright1 {
	float: left;
	width: 320px;
	background: #5b5567;
	height: 105px;
	margin: -5px 0 0 5px;
}

#frontright2 {
	float: left;
	width: 320px;
	background: #3b3c39;
	height: 295px;
	margin: 5px 0 0 5px;
}

.frontmain_bottom {
	background: #3b3c39;
	height: 65px;
	width: 260px;
	float: left;
	margin: 5px 0 -5px 5px;
}

#frontmain2 {
	float: left;
	width: 640px;
	margin: -5px 0 0;
	padding: 0 0 20px;
	background: #FCFDF4;
	border-left: 150px solid #5a5350;
}

#left {
	float: left;
	margin: 0 0 0 -150px;
	width: 150px;
	color: #fff;
	font-family: Georgia;
}

#left a:hover {
	background: none;
}

.inside {
	margin: 10px;
}

#frontright {
	float: right;
	width: 200px;
}

.image1 {
	width: 200px;
	background: url(images/img1.jpg);
	height: 200px;
}

.image2 {
	width: 200px;
	background: url(images/img2.jpg);
	height: 200px;
	margin: 5px 0 0;
}

.image4 {
	width: 200px;
	background: url(images/img4.jpg);
	height: 200px;
}

.image5 {
	width: 200px;
	background: url(images/img3.jpg);
	height: 200px;
	margin: 5px 0 0;
}


.image3 {
	width: 390px;
	height: 72px;
	background: url(images/img5.jpg);
}

#fronttext {
	float: right;
	min-height: 300px;
	width: 200px;
	color: #fff;
	margin: 5px 0 0 5px;
}

#fronttext .inside {
	margin: 40px;
}

.button1 {
	float: left;
	width: 235px;
	height: 96px;
	background: url(images/popular.gif);
	margin: 5px 0 0;
}

.button2 {
	float: left;
	width: 235px;
	height: 97px;
	background: url(images/specials.gif);
	margin: 5px 0 0;
}

.button3 {
	float: left;
	width: 235px;
	height: 97px;
	background: url(images/testimonials.gif);
	margin: 5px 0 0;
}

.special {
	width: 800px;
	margin: 5px auto 0;
	font-size: .9em;
	font-family: Georgia, sans-serif;
}

a#special1, a#special2, a#special3 {
	float: left;
	width: 263px;
	width: 263px;
	padding: 5px 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: #6f92aa;
	display: block;
}

a#special2, a#special3 {
	margin: 0 0 0 1px;
}

a#special1:hover, a#special2:hover, a#special3:hover {
	background: #3b3c39;
	background: #344C5E;
}

/*------------------------------------------- 
			TESTIMONIALS
-------------------------------------------*/
#testimonialimg {
	float: left;
	margin: 0 10px 0 0;
}
/*------------------------------------------- 
			PRODUCT LIST
-------------------------------------------*/
.product {
	width: 120px;
	float: left;
	margin: 20px 0 5px 33px;
}

.product h1 {
	margin: 0;
	font-size: 110%;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 5px 0;
}

.product .pic {
	width: 120px;
	height: 147px;
	background: #768590;
	margin: 5px auto;
}

.product .facts {
	margin: 0 5px;
	color: #000;
}

span.price {
	display: block;
	font-weight: bold;
}

.description {
	width: 635px;
	background: #3b3c39;
	margin: 0px 5px 0;
	position: relative;
}
.description h1 {
	font-size: 200%;
	color: #fff;
	margin: 0 15px;
	padding: 10px 0;
	text-transform: uppercase;
}

.description h1 span.edit {
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: 80%;
}

#fullview_container {
	position: absolute;
	width: 800px;
	background: #fff;
	z-index: 100;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	border-bottom: 20px solid #4e5049;
}

#fullview_pic {
	margin: 0 0 5px;
}

#fullview_container a.close {
	display: block;
	width:800px;
	padding: 5px 0;
	background: #5b5567;
	color: #fff;
	margin: 0 0 5px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#fullview_container a.close:hover {
	background: #6f92aa;
}

.inside_conversions {
	margin: 20px 40px;
	float: left;
	background: #fff;
}

#insideform {
	position: relative;
}

#blackform {
	opacity: 0;
	text-align: left;
	width: 560px;
	padding: 5px 20px;
	border: #fff solid 5px;
	color: #5a5350;
	margin: 0 0 5px;
}

#blackform h1 {
	font-size: 130%;
	text-transform: uppercase;
}

#blackform input, #blackform textarea {
	font-size:100%;
}

#loader {
	position: absolute;
	left: 373px;
	top: 20px;
	width: 54px;
	height: 55px;
}

/*=========================
	PRODUCT
=========================*/
.mainpic {
	margin: 5px;
	float: left;
	position: relative;
}

.showzoom {
	bottom: 0px;
	width: 300px;
	background: #5b5567;
	background: #412413;
	padding: 2px 0;
	text-align: center;
	color: #fff;
	z-index: 51;
	height: 20px;
}


.mainpic #zoom {
	position: absolute;
	background: #412413;
	z-index: 50;
	bottom: 0px;
	left: 0px;
}

.maindescription {
	float: right;
	margin: 5px 0px 5px 0;
	background: #6f92aa;
	color: #fff;
	width: 329px;
}

.product_rightcol {
 float: right;
 width: 329px;
}

.maindescription h1 {
	margin: 10px 10px 0;
	font-size: 120%;
}

.maindescription h3 {
	margin: 0 10px;
	font-size: 100%;
}

.brief {
	margin: 10px;
}

.otherviews {
	margin: -10px 0px;
	width: 329px;
	float: right;
}

.otherviews h1 {
	font-size: 120%;
	color: #5b5567;
	text-transform: uppercase;
	padding: 1px 0 1px;
	border-bottom: solid 5px #5b5567;
	color: #412413;
	border-bottom: solid 5px #412413;
}

.otherpic {
	background: #fff;
	float: left;
	margin: -5px 5px 0 0;
}

#processbutton {
	margin-left: 5px;
}

.processbutton {
	margin-left: 5px;
}
/*=========================
	SIDEMENU
=========================*/
h1.sidemenu {
	color: #412413;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
}
.sidefiller {
}

ul.sidemenu {
	margin:0 0 0 15px;
	padding: 0;
	text-transform: uppercase;
}

ul.sidemenu a {
	color: #412413;
	color: #fff;
}

ul.sidemenu li {
	list-style-type: none;
}

ul.sidemenu li.current {
	color: #6f92aa;
	
}

ul.sidemenu a:hover {
	border-bottom: 1px dotted #6f92aa;

}

ul.sidemenu ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 5px 15px;
}

li.current a {
	color: #6f92aa;
	font-size: 110%;
}

ul.sidemenu ul a {
	color: #6f92aa;
}

ul.sidemenu ul li {
	color: #6f92aa;
}


/*=========================
	FORM STUFF
=========================*/
h3.head, h3.head2 {
	padding: 10px 20px;
	margin: 20px 0 0;
	text-align: left;
	color: #6f92aa;
	font-weight: normal;
}

h3.head2 {
	margin: 0 0 -15px;
	padding: 10px 0;
}

#form textarea {
	border: 2px #dddddd solid;
	border: 2px #e2e8eb solid;
	width: 100%;
}

textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/*=========================
	FOOTER
=========================*/
#footer {
	width: 800px;
	text-align: center;
	margin: 0px auto 0;
	padding: 3px 0;
	color: #fff;
}

#footer span a {
	padding: 3px;
	color:#fff;
}