@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, p.h1, p.h2, p.h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, html, label, table, tr, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img, a img, :link img, :visited img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
p.h1, p.h2, p.h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
	content:'';
}

IMG {border:0;}

P, A, H1, H2, H3, H4, H5, H6, LI, LABEL, TD {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; text-align:left;}

/*---------------------------------------------------------------
						CONTAINERS
---------------------------------------------------------------*/
BODY {text-align:center; background:url(../images/site6_body_bkgd.jpg) repeat-x top center #ffffff;}

#container {
	width:860px;
	margin:0 auto;
	padding:0;
	}
	
#header {
	height:195px;
	width:860px;
	background:url(../images/site6_header_bkgd.jpg) no-repeat top center;
	margin:0 auto;
	padding:0;
	}
	
#body {
	width:860px;
	margin: 0 auto;
	}

#leftcolumn {width:249px; float:left; margin:0; padding:0; background:url(../images/site6_lcol_bkgd.png) repeat-y top left;}
#navigation {background:url(../images/site6_lcol_top.jpg) no-repeat top center; height:283px; width:100%;}
#content {width:581px; float:left; margin:0; padding:0; background:url(../images/site6_content_bkgd.jpg) no-repeat #fff; background-position:0 110px;}
#title {width:611px; height:110px; margin:0 auto; padding:0; background:url(../images/site6_content_title.jpg) no-repeat top center;}


#footer {
	width:800px;
	height:53px;
	margin:0 auto 30px auto;
	border-top:#2c4f91 solid 13px;
	}

DIV.product {width:525px; margin:0 0 18px 36px; padding:0 0 18px 0; float:left; text-align:left; border-bottom:1px solid #d2efa9;}
DIV.pages {width:561px;height:30px; text-align:right; clear:both; padding:0 20px 0 0; padding:0;}

DIV.contact-form { 
	margin:0 auto; 
	width:80%; 
	text-align:left;
	}
/*---------------------------------------------------------------
				IMAGE / TEXT REPLACEMTNETS
---------------------------------------------------------------*/

IMG.product-photo {float:left; width:126px; height:126px; margin:0 20px 20px 0; padding:0;}
IMG.detail {float:right; margin-right:15px;}
IMG.buy {float:right;}

/*---------------------------------------------------------------
						IMAGE STYLES
---------------------------------------------------------------*/

/*---------------------------------------------------------------
						SPAN STYLES
---------------------------------------------------------------*/

.centered {margin:0 auto; clear:both; display:block;}
.clear {clear:both;}

/*---------------------------------------------------------------
						TEXT STYLES
---------------------------------------------------------------*/

H1 {display:none; margin:0;}

H2 {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:17px; color:#fff; font-weight:normal; margin:0; padding:15px 0 0 20px;letter-spacing:4px;}

H3 {font-size:16px; margin:0 0 10px 0;}

DIV.product P {padding:0px 15px 10px 12px; font-size:12px;}

#header {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; }

#footer P {font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#000; letter-spacing:2px;margin:0; padding:17px 0 0 0;}

#leftcolumn ul {padding-right:10px; padding-top:15px;}
#leftcolumn ul li {text-align:right; padding:0 30px 8px 0; margin:0 0 8px 0px;background:url(../images/site6_lcol_navline.jpg) no-repeat bottom right;}
#leftcolumn ul li.last {background:none;}

DIV.pages ul {display:inline;}
DIV.pages ul li { display:inline; list-style:none; margin-right:7px;}

A.nav-main {text-align:right; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:17px;color:#fff;letter-spacing:3px; text-decoration:none;}
A.nav-main:hover {color:#729dc5;}

A.pagelink {text-align:right; font-family:Arial, Helvetica, sans-serif; color:#45484d; font-size:10px; text-decoration:none;}
A.pagelink:hover {color:#729dc5; text-decoration:underline;}

.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.highlight {background:#FFFF00; color:#000000;}

.black {color:#000000;}
.red {color:#ff0000;}
.blue {color:#0033FF;}

.large {font-size:18px;}
.small {font-size:12px;}
.smaller {font-size:10px;}

/*---------------------------------------------------------------
						LINK STYLES
---------------------------------------------------------------*/

/*---------------------------------------------------------------
						FORM ELEMENTS
---------------------------------------------------------------*/
fieldset { 

	}

label {
	font-weight:bold;
	line-height:normal;
	text-align:right;
	margin-right:10px;
	position:relative;
	display:block;
	float:left;
	width:30%;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}


input.formInputText, select.formSelect {
	margin-right:5px;
	margin-bottom:15px;
	padding:2px;
}


input.formInputText:hover {
	border:solid thin #000000;
}

input.formInputText:focus {
	background:#ffffbf;
	border:solid thin #000000;
}