/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/*	Author		-> www.mezmamedia.com
				-> Richie Grainger

/*	Date			-> 11 May 2009

/*	File			-> style.css

/*	Contact		-> www.mezmamedia.com
				-> richie@mezmamedia.com
				
/* 	Copyright (c)	-> Mezma Media

/* oooooooooooooooooooooooooooooooooooooooooooooooo */


a:link { 			color: #f78f1e; background-color: transparent; text-decoration: underline; }
a:visited {			color: #f78f1e; background-color: transparent; text-decoration: underline; }
a:hover {			color: #000000; background-color: transparent; text-decoration: none; }

a.fl:link { 			color: #f78f1e; background-color: transparent; text-decoration: none; }
a.fl:visited {		color: #f78f1e; background-color: transparent; text-decoration: none; }
a.fl:hover {			color: #ffffff; background-color: transparent; text-decoration: underline; }

a.cl:link { 			color: #ffffff; background-color: transparent; text-decoration: none; }
a.cl:visited {		color: #ffffff; background-color: transparent; text-decoration: none; }
a.cl:hover {			color: #f78f1e;; background-color: transparent; text-decoration: underline; }

a.clb:link { 		color: #000000; background-color: transparent; text-decoration: none; }
a.clb:visited {		color: #000000; background-color: transparent; text-decoration: none; }
a.clb:hover {		color: #ffffff;; background-color: transparent; text-decoration: underline; }

a.page:link { 		color: #303030; background-color: transparent; font-size: 12px; text-decoration: underline; }
a.page:visited {		color: #303030; background-color: transparent; font-size: 12px; text-decoration: underline; }
a.page:hover {		color: #ffffff; background-color: transparent; font-size: 12px; text-decoration: none; }

a.upel {				display: block; background-color: #f4ad60; margin-top: 5px; padding: 3px 0px; border: 1px #d57c1b solid; text-align: center; text-decoration: none; width: 188px; }
a.upel:link {		color: #fff; }
a.upel:visited {		color: #fff; }
a.upel:hover {		color: #7d4a19; background-color: #ffd8ae; text-decoration: underline; }




body {

	background-image: url(background_images/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

	height: 100%;
	background-color: #fbecda;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-align:center; /*Center the body ONLY for IE until big is fixed */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
	
}



/* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.text_main {				line-height: 18px; }
.text_footer {			font-size: 10px; color: #000000; }
.text_copy {				font-size: 10px; color: #c3c3c3; line-height: 20px; }

.text_dt {				color: #b75f00; }
.text_red {				color: #ff0000; }
.text_small {			font-size: 10px; }

.text_upe_title {		color: #b75f00; font-size: 15px; }
.text_upe_price {		display: block; text-align: center; margin-top: 10px; width: 100%; color: #dd0000; font-size: 18px; }

h1 {						font-size: 12px; font-weight: bold; color: #000000; padding: 0px; margin: 0px 0px 13px 0px; }





/* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.body_text_area {			text-align: left; vertical-align: top; }

#page_main_bg {				background-image: url(background_images/page_main_bg.jpg); background-repeat: repeat-x; background-position: bottom; overflow: hidden; display: block; width: 100%; }
#page_main_size {			background-image: url(background_images/banner_bg.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: top; width: 968px; margin: 0 auto; }


#banner_flash {				float: left; overflow: hidden; display: block; height: 150px; width: 254px; }
#menu_shell {				float: left; margin-top: 47px; padding: 0px; }

#banner_btile {				background-image: url(background_images/banner_btile.jpg); background-repeat: repeat-x; background-position: bottom; height: 150px; width: 968px; }
	#banner_l {				float: left; background-image: url(background_images/banner_l.gif); background-repeat: no-repeat; background-position: bottom; height: 150px; width: 9px; }
	#banner_r {				float: right; background-image: url(background_images/banner_r.gif); background-repeat: no-repeat; background-position: bottom; height: 150px; width: 9px; }
	#banner_tr {				float: right; background-image: url(background_images/banner_tr.jpg); background-repeat: no-repeat; background-position: top right; text-align: right; margin-top: 19px; padding: 40px 12px 0px 0px; overflow: hidden; width: 367px; }


#body {						display: block; overflow: hidden; text-align: left; background-image: url(background_images/body.jpg); background-repeat: no-repeat; background-position: bottom left; background-color: #ffffff; width: 968px; }
#body_l_tile {				display: block; overflow: hidden; background-image: url(background_images/body_l_tile.gif); background-repeat: repeat-y; background-position: left; width: 968px; }
#body_r_tile {				display: block; overflow: hidden; background-image: url(background_images/body_r_tile.gif); background-repeat: repeat-y; background-position: right; width: 968px; }
#body_logo {					display: block; overflow: hidden; background-image: url(background_images/body_logo.gif); background-repeat: no-repeat; background-position: bottom right; width: 968px; }
	#body_tl {				overflow: hidden; background-image: url(background_images/body_tl.jpg); background-repeat: no-repeat; background-position: top left; height: 4px; width: 968px; }
	#body_tr {				float: right; background-image: url(background_images/body_tr.jpg); background-repeat: no-repeat; height: 4px; width: 9px; }
	#body_f_shell {			display: inline; overflow: hidden; float: left; background-color: #ffffff; border: 1px #eeeeee solid; margin: 0px 20px 0px 30px; padding: 15px; width: 875px; line-height: 18px; }
	#body_l_shell {			display: inline; overflow: hidden; float: left; background-color: #ffffff; border: 1px #eeeeee solid; margin: 0px 20px 0px 30px; padding: 15px; width: 480px; line-height: 18px; }
	#body_r_shell {			display: inline; overflow: hidden; float: left; width: 390px; }
	
	#body_pdfs {				display: block; float: left; background-color: #ffffff; border: 1px #eee solid; margin: 15px 20px 0px 30px; padding: 5px; width: 875px; font-size: 11px; }
	div.body_extra_full {		display: block; float: left; background-color: #ffffff; border: 1px #fed2a2 solid; margin: 15px 20px 0px 30px; padding: 5px; width: 875px; font-size: 11px; line-height: 18px; } /* line height */
	
	div.body_product_shell {	display: block; overflow: hidden; float: left; margin-bottom: 20px; width: 100%; }
	

	div.ue_shell {			display: inline; float: left; overflow: hidden; border: 1px #ffdcb6 solid; margin-bottom: 15px; padding: 10px; width: 405px; }
	div.ues_r {				float: right; }
		div.ue_img {			display: block; float: right; overflow: hidden; margin-left: 10px; width: 190px; }
	
div.pageination {			display: inline; float: left; padding: 8px; border: solid #ffc07c 1px; background-color: #ffd8ae; clear: both; font-size: 14px; color: #ffffff; margin: 10px 20px 0px 30px; width: 425px; }




#ft_tile {					background-image: url(background_images/ft_tile.jpg); background-repeat: repeat-x; height: 72px; width: 968px; }
#ft_left {					background-image: url(background_images/ft_left.jpg); background-repeat: no-repeat; background-position: left; float: left; text-align: right; height: 72px; width: 535px; }
	#ft_left_bg {			background-image: url(background_images/ft_left_bg.jpg); background-repeat: no-repeat; background-position: right; text-align: right; height: 72px; width: 535px; }
	#ft_topcon {				padding-top: 15px; }
#ft_right {					background-image: url(background_images/ft_right.jpg); background-repeat: no-repeat; background-position: right; background-color: #ffffff; float: left; height: 72px; width: 433px; }

#footer_t_tile {				background-image: url(background_images/footer_t_tile.jpg); background-repeat: no-repeat; height: 20px; width: 968px; }	

#footer_logo {				background-image: url(background_images/footer_logo.gif); background-repeat: no-repeat; float: left; display: block; width: 166px; height: 114px; }
#footer_logo_btile {			float: left; background-image: url(background_images/footer_logo_btile.gif); background-repeat: repeat-x; background-position: bottom; background-color: #000000; text-align: left; width: 802px; height: 114px;
							font-size: 10px; color: #c3c3c3; line-height: 20px; }
#footer_logor {				float: left; background-image: url(background_images/footer_logor.gif); background-repeat: no-repeat; background-position: left; height: 110px; }
	#footer_logor_text {		float: left; padding-left: 120px; }
	#footer_copyline {		float: left; padding: 80px 0px 0px 70px; }
	#footer_right {			float: right; background-image: url(background_images/footer_right.jpg); background-repeat: no-repeat; height: 114px; width: 9px; }
	
	#footer_mezline {		float: left; padding-left: 10px; height: 21px; }
	
	
	div.contact_l {			float: left; display: block; text-align: right; width: 120px; margin: 0px 15px 10px 0px; font-weight: bold; }
	div.contact_r {			float: left; display: block; text-align: left; margin-bottom: 10px; }

	


hr {							color: #eeeeee; background-color: #eeeeee; border: 0px; height: 1px; width: 90%; text-align: center; padding: 0px; margin: 10px 0px 10px 0px; }

br.cl {						clear: left; }
br.cr {						clear: right; }
br.cb {						clear: both; }

img.pimg {					border: 1px #f78e1e solid; }
img.paget {					border: none; margin: 10px 0px 15px 35px; }
img.index_img {				display: inline; float: left; border: 0; margin: 0px 0px 7px 30px; }
img.ii_r {					float: right; margin: 0px 30px 7px 0px; }


/***** THIS IS FOR THE MENU *****/
ul#menu {			background-image: url(background_images/menu.gif); position: relative; width: 651px; height: 30px; padding: 0px; margin: 0px; }
ul#menu li {			background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; }
ul#menu li a {			display: block; text-indent: -9999px; }

li#front a:hover, li#profile a:hover, li#services a:hover, li#products a:hover, li#forsale a:hover, li#comacchio a:hover, li#contact a:hover {
background-image: url(background_images/menu.gif); }

	
li#front {			left: 0px; top: 0px; width: 99px; height: 30px; }
li#front a {			background-position: 0px 0px; left: 0px; width: 99px; height: 30px; }
li#front a:hover {	background-position: 0px -30px; }
	
li#profile {			left: 92px; top: 0px; width: 99px; height: 30px; }
li#profile a {		background-position: -92px 0px; left: 92px; width: 99px; height: 30px; }
li#profile a:hover {	background-position: -92px -60px; }

li#services {			left: 184px; top: 0px; width: 99px; height: 30px; }
li#services a {		background-position: -184px 0px; left: 184px; width: 99px; height: 30px; }
li#services a:hover {	background-position: -184px -30px; }

li#products {			left: 276px; top: 0px; width: 99px; height: 30px; }
li#products a {		background-position: -276px 0px; left: 276px; width: 99px; height: 30px; }
li#products a:hover {	background-position: -276px -60px; }

li#forsale {			left: 368px; top: 0px; width: 99px; height: 30px; }
li#forsale a {		background-position: -368px 0px; left: 368px; width: 99px; height: 30px; }
li#forsale a:hover {	background-position: -368px -30px; }

li#comacchio {		left: 460px; top: 0px; width: 99px; height: 30px; }
li#comacchio a {		background-position: -460px 0px; left: 460px; width: 99px; height: 30px; }
li#comacchio a:hover {background-position: -460px -60px; }

li#contact {			left: 552px; top: 0px; width: 99px; height: 30px; }
li#contact a {		background-position: -552px 0px; left: 552px; width: 99px; height: 30px; }
li#contact a:hover {	background-position: -552px -30px; }
/***** END THE MENU *****/




label, input, select, textarea {	display: block; float: left; margin-bottom: 10px; }
label {						text-align: right; font-weight: bold; width: 120px; margin-right: 15px; }
input.submit_box {			margin: 5px 0px 0px 135px; }

form {						margin: 0; } 
.input_box {					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #b75f00; background: #ffffff; color: #4f4f4f; }
.submit_box {				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #ffd9af; background: #ffffff; color: #b75f00; padding: 5px; }