/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:		21 December 2007
AUTHOR:			Wade Womersley

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS]
	=2:		[COMMON]
	=3:		[FOOTER]
	=4:		[MAINPODS]
	=5:		[FRONTPAGEPODS]
	=6:		[CONTACTUS]
	=7:		[SITEMAP]
	=8:		[SELLMACHINES]
	=9:		[BUYMACHINES]
	=10:	[MACHINEPAGE]

---------------------------------------------------------*/


/*------=1:	[STANDARDS] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
h1 {
	line-height: 50px;
	font-size: 18px;
}
h2 {
	line-height: 20px;
}

a {text-decoration: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: url(../images/background.jpg) top right no-repeat #fff;
	line-height: 1;
	color: black;
	font-size: 10pt;
	font-family: Arial
}

ol, ul {
	list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

p {
	line-height: 20px;
	margin-top: 14px;
	margin-bottom: 14px;
}

/*------=2:	[COMMON] --------------------------------*/

#topblue {
	width: 100%;
	height: 5px;
	background-color: #0953a0;
}

#container {
	width: 800px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both
}

.clearRight {
	clear: right;
}

.rightIt {
	float: right;
}

#navbar {
	width: 800px;
	height: 36px;
	background: url(../images/navbar_back.gif) no-repeat;
	position: relative;
	top: 20px;
}

#navbar img#callus {
	float: right;
}
#newsList a {
	color: #000;
	text-decoration: none;
}
		
#newsList a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#newsList li.newsRow1 {
	padding: 10px;
	font-weight: bold;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}
		
#newsList li.newsRow2 {
	padding: 10px;
			
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

.bold { font-weight: bold; }

/*------=3:	[FOOTER] --------------------------------*/

#footnote {
	clear: both;
	width: 800px;
	text-align: center;
	font-size: 0.8em;
	margin-top: 5px;
}

#footnote #topline {
	background: url(../images/footer_top.gif) repeat-x;
	height: 5px;
	width: 100%;
	padding-bottom: 6px;
	position: relative;
	z-index: 0;
}

#footnote ul li {
	float: left;
	padding: 0 3px 0 3px;
	color: #0953a0;
}

#footnote ul li a {
	color: #0953a0;
}

#footnote #copyright {
	float: right;	
	margin-right: 10px;
	z-index: 2;
	position: relative;
	color: #555;
}

#footnote #copyright a {
	color: #9c3;
	font-weight: bold;
}


/*------=4:	[MAINPODS] --------------------------------*/

div#pods {
	position: relative;
	top: 25px;
	width: 800px;
}

div#pods #pods_left {
	width: 175px;
	float: left;
}

div#pod_search {
	width: 175px;
	height: 173px;	
	font-weight: bold;
	background: url(../images/pod_search.png) no-repeat;
}

div#pod_search form {
	position: relative;
	top: 40px;
	left: 5px;
	width: 167px;
}

div#pod_search input, div#pod_search select {
	margin: 2px 0 5px 0;
}

div#pod_search select {
	width: 160px;
}

div#pod_search input#manufacturer {
	width: 160px;
}

div#pod_search input#colors {
	width: 90px;
}

div#pod_search input#btnsearch {
	float: right;
}

div#pod_range {
	margin-top: 10px;
	width: 175px;
	background: url(../images/pod_range.png) no-repeat;
}

div#pod_range ul {
	width: 100%;
	position: relative;
	padding-top: 43px;
}

div#pod_range ul li {
	width: 166px;
	border-bottom: 1px solid #e3e3e3;
	padding: 4px 0 8px 8px;
	background: url(../images/li_range_back.gif) no-repeat bottom right;
}

div#pod_range ul li a {
	color: #0953a0;
}

div#pod_range ul li:hover a {
	color: #ef3d35;
}

div#pod_range ul li img {
	padding-right: 6px;
}

div#pod_buying {
	margin-top: 10px;
	width: 175px;
	height: 90px;
	background: url(../images/pod_buying.png) no-repeat;
}

div#pod_buying .link {
	position: relative;
	top: 70px;
	left: 5px;
	font-size: 90%;
}

div#pod_buying .link a {
	color: #ef3d35;
}

div#pod_buying .link a:hover {
	color: #069;
}

div#pod_testimony {
	width: 175px;
	background: url(../images/pod_testimonial.png) bottom right no-repeat;
	font-size: 90%;
	margin-top: 25px;
	padding-bottom: 5px;
}

div#pod_testimony #testbody {
	font-style: italic;
	line-height: 1.5em;
	position: relative;
	left: 25px;
	width: 126px;
}

div#pod_testimony #testname {
	margin-top: 5px;
	position: relative;
	left: 25px;
	font-weight: bold;
}

div#pod_testimony #testcomp {
	margin-top: 2px;
	position: relative;
	left: 33px;
}

div#pod_testimony img.quote_left {
}

div#pod_testimony img.quote_right {
	float: right;
	position: relative;
	top: -21px;
}

#contact_form {
width:465px;
	margin-top: 25px;
}

/*------=5:	[FRONTPAGEPODS] --------------------------------*/

div#pods #pods_right {
	width: 175px;
	float: right;
	margin-top: 10px;
}

div#pods #pods_center #pods_middle {
	margin-left: 182px;
	padding-top: 10px;
	width: 428px;
	z-index: 10;
}

/*non ie6 browsers*/
div#pods > #pods_center #pods_middle {
	margin-left: 185px;
}

div#pod_recent {
	width: 175px;
	height: 270px;
	background: url(../images/pod_recent.png);
	z-index: 1;
	font-size: 90%;
}

div#pod_recent #viewnext {
	position: relative;
	left: 4px;
	top: 55px;
	clear: both;
	color: #666;
}

div#pod_recent #viewnextlink {
	display: inline;
	cursor: pointer;
}

div#pod_recent #holder {
	position: relative;
	top: 45px;
	width: 169px;
	left: 3px;
}

div#pod_recent #scrollbar {
	position: relative;
	float: right;
	height: 170px;
	width: 17px;
	background: url(../images/scrollbar.gif) top left no-repeat;
}

div#pod_recent #scrollbar #scrollbar_buttonholder {
	position: relative;
	left: 3px;
	top: 3px;
	width: 11px;
	height: 164px;
}

div#pod_recent #scrollbar #scrollbar_buttonholder #button {
	width: 11px;
	height: 23px;
	position: relative;
	cursor: pointer;
	background: url(../images/scrollbar_button.gif) top left no-repeat;
}

div#pod_recent #info {
	position: relative;
	height: 170px;
	overflow: hidden;
	width: 147px;
	left: 4px;
}

div#pod_recent #info .recent_title {
	color: #666;
	font-weight:bold;
	line-height: 1.3em;
}

div#pod_recent #info .recent_desc {
	color: #ef3d35;
	line-height: 1.1em;
}

div#pod_recent .link {
	border-top: 1px solid #7ea5ce;
	margin-top: 4px;
	width: 163px;
	position: relative;
	left: 4px;
	color: #666;
}

div#pod_recent .link a {
	color: #069;
}

div#pod_selling {
	margin-top: 10px;
	width: 175px;
	height: 151px;
	background: url(../images/pod_selling.png);
}

div#pod_selling #links {
	position: relative;
	top: 124px;
	width: 175px;
	text-align: center;
	font-size: 90%;
}

div#pod_selling a {
	font-weight: bold;
	color: #ef3d35;
}

div#pod_selling a:hover {
	color: #0953a0;
}

div#pod_contactinfo {
	margin-top: 10px;
	width: 175px;
	font-size: 80%;
}

div#pod_contactinfo div.left {
	padding-bottom: 5px;
	width: 45px;
	float: left;
	font-weight: bold;
}

div#pod_contactinfo div.right {
	padding-bottom: 5px;
	float: left;
	width: 130px;
}

div#pod_contactinfo a {
	color: #ef3d35;
}

div#pod_contactinfo a:hover {
	color: #0953a0;
}

div#pod_welcome {
	width: 615px;
	height: 173px;
	position: relative;
	float: right;
}

div#pod_welcome img#welcome_png {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#pod_welcome img#welcome_overlay_png {
	position: absolute;
	left: 353px;
	top: 0;
	z-index: 50;
}


div#pod_main, div.pod_main {
	width: 613px;
	position: relative;
	float: right;
	background: url(../images/podheader.png) top left no-repeat;
}

.noborder {
	border: 0 !important;
}

div#pod_main #pod_title, div.pod_main .pod_title {
	width: 613px;
	height: 46px;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial;
	color: #fff;
	position: relative;
	top: 10px;
	left: 5px;
	z-index: 1;
}

div.pod_machine {
	width: 613px;
	font-family: Arial;
	background: url(../images/product_back.png) bottom right no-repeat;
	z-index: 0;
}

div.pod_machine:hover {
	background: url(../images/product_back_hover.png) bottom right no-repeat;
}

.pod_title a {
	color: #fff !important;
}

div#pod_main #pod_body, div.pod_main .pod_body {
	position: relative;
	padding: 10px;
	width: 591px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.1em;
	text-align: justify;
}

.pod_body p {
	margin-right: 10px;
}

div#pod_main a, div.pod_main a {
	color: #069;
}

div#pod_main a:hover, div.pod_main a:hover {
	color: #ef3d35;
}

div#pod_main_mini {
	width: 428px;
	background: url(../images/podheader.png) top left no-repeat;
}

div#pod_main_mini #pod_title {
	width: 428px;
	height: 46px;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial;
	color: #fff;
	position: relative;
	top: 10px;
	left: 5px;
	z-index: 1;
}

div#pod_main_mini #pod_body {
	position: relative;
	padding: 4px;
	width: 418px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.1em;
}

div#pod_featured {
	width: 428px;
	height: 350px;
	background: url(../images/pod_featured.jpg) top left no-repeat;
	padding-left: 2px;
}

div#pod_featured .toppad {
	width: 100%;
	height: 50px;
}

div#pod_featured .featured_box {
	background: url(../images/featured_box.png);
	width: 210px;
	height: 148px;
	float: left;
	position: relative;
}

div#pod_featured .featured_box .product_title {
	color: #ef3d35;
	font-weight: bold;
	position: relative;
	margin-top: 7px;
	margin-left: 15px;
}

div#pod_featured .featured_box .product_desc {
	color: #069;
	font-size: 12px;
	margin-top: 8px;
	margin-left: 13px;
	line-height: 1.1em;
}

div#pod_featured .featured_box .product_link {
	font-size: 90%;
	position: absolute;
	bottom: 20px;
	left: 15px;
}

div#pod_featured .featured_box .product_link a {
	color: #ef3d35;
}

div#pod_featured .featured_box .product_link a:hover {
	color: #069;
}

div.pod_steadfast {
	background: url(../images/background.jpg) top right no-repeat #fff;
	margin-top: 10px;
	width: 428px;
	
}

div.pod_steadfast img {
	display: block;
}

div.pod_steadfast .body {
	width: 418px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #d3e0e0;
	border-right: 1px solid #d3e0e0;
}


/*------=6:	[CONTACTUS] --------------------------------*/

div#googlemap {
	width: 250px;
	height: 250px;
	margin-left: 6px;
}

div#rightcol {
	float: right;
	width: 260px;
	height: 350px;
	border-left: 1px solid #bccfe2
}

div#contact_form {
	font-size: 10px;
}

div#contact_form .thankyou {
	text-align: center;
	padding-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}

div#contact_form br {
	clear: left;
}

div#contact_form label {
	margin-bottom: 15px;
	width: 90px;
	float: left;
	display: block;
	font-size: 1.2em;

}

div#contact_form textarea {
	border-top: 1px solid #bccfe2;
	border-left: 1px solid #bccfe2;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	width: 210px;
	margin-bottom: 15px;
	float: left;
	display: block;
}

div#contact_form textarea.prodPage {
	border-top: 1px solid #bccfe2;
	border-left: 1px solid #bccfe2;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	width: 350px;
	margin-bottom: 15px;
	float: left;
	display: block;
}

div#contact_form textarea {
	height: 100px;
}


/*------=7:	[SITEMAP] --------------------------------*/

ul#sitemap {

}

ul#sitemap li {
	font-size: 12pt;
	font-weight: bold;
	float: left;
	padding: 5px 50px 20px 15px;
}

ul#sitemap li ul {

}

ul#sitemap li ul li {
	font-size: 10pt;
	font-weight: normal;
	float: none;
	padding: 10px 0 0 5px;
}


/*------=8:	[SELLMACHINES] --------------------------------*/

#sell_nav {
	font-size: 120%;
	text-align: center;
}

#sellform_page1 {
	padding-bottom: 15px;
	border-bottom: 2px solid #ddd;
}

#sellform_page1 h3 {
	border-bottom: 2px solid #ddd;
	margin-bottom: 15px;
	padding: 5px;
	color: #229;
	font-weight: bold;
	font-size: 14px;
}

#sellform_contacts1 {
	float: right;
	width: 50%;
}

#sellform_page1 input {
	width: 190px;
}

#sellform_page1 select {
	width: 194px;
}

div#contact_form div#sellform_page1 textarea {
	width: 190px;
	height: 100px;
}

.page {
}

.thankyou {
	font-size: 120%;
	text-align: center;
	padding: 10px;
	width: 100%;
}

/*------=9:	[BUYMACHINES] --------------------------------*/

ul#subcats {
	width: 95%;
}

ul#subcats li {
	float: left;
	padding: 10px 30px 0 10px;
}

ul#subcats li.title {
	float: none;
	padding: 10px 0 0px 5px;
	font-size: 105%;
	font-weight: bold;
}


ul#subcats li.bottom {
	float: none;
	clear: both;
	width: 95%;
	position: relative;
	height: 20px;
}

.pod_main .maintext {
	float: right; 
	width: 480px
}

.pod_main .ptitle {
	float: left; 
	width: 200px; 
	color: #0953a0; 
	font-weight: bold; 
	margin-bottom: 4px;
}

.pod_main .ptype {
	float: left; 
	width: 200px; 
	color: #666; 
	font-weight: bold
}

.pod_main .pline {
	clear: both; 
	width: 100%; 
	height: 0; 
	border-top: 1px solid #3d8bb1; 
	border-bottom: 1px solid #cfe2ec;
}

.pod_main .pinfo {
	width: 220px; 
	float: left; 
	margin-top: 3px;
}

.pod_main .pinfotitle {
	color: #666; 
	width: 110px; 
	float: left;
	font-size: 8pt
}

.pod_main .pinfotext {
	font-weight: bold; 
	color: #0953a0; 
	width: 100px; 
	float: left;
	margin: 0px 5px 0px 5px;
	font-size: 8pt
}

.pod_main .pdesc {
	margin-top: 12px;
}

.pod_main .pdesctitle {
	color: #666; 
	margin-bottom: 3px;
}

.pod_main .pprice {
	float: left; 
	width: 200px; 
	color: #0953a0; 
	font-weight: bold; 
	margin: 10px 0 10px 0;
}

.pod_main .plink {
	float: right; 
	width: 300px; 
	text-align: right; 
	font-weight: bold; 
	margin: 10px 0 10px 0;
}

.pod_main .plink a {
	color: #ef3d35;
}

.pod_main .plink a:hover {
	color: #069;
}

.pod_body #contact_form {
	border: 1px solid #ccc;
	background-color: #F3F3F3;
	padding: 8px;
}

.pod_body #contact_form p {
	margin: -8px;
	margin-bottom: 10px;	
	padding-left: 8px;
	background: url(../images/blue_grad.gif) repeat-x;
	border-bottom: 1px solid #ddd;
	color: #EEE;
	font-weight: bold;
}

/*------=10:	[MACHINEPAGE] --------------------------------*/