@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/site3_body_bkgd.jpg) repeat-x top center #ffffff;}

#container {
	width:860px;
	margin:0 auto;
	padding:0;
	}

#site-bkgd {width:100%; background:url(../images/site3_header_bkgd.jpg) repeat-x top center; text-align:center;}

#header {
	height:105px;
	width:860px;
	margin:0 auto;
	padding:0;
	}
	
#body {
	width:860px;
	margin: 0 auto;
	}

#leftcolumn {width:232px; float:left; margin:0; padding:0; background:url(../images/site3_lcol_bkgd.gif) repeat-y top right;}
#leftcolumn-top {background:url(../images/site3_lcol_top.jpg) no-repeat top right; width:232px;}
#leftcolumn-panel {background:url(../images/site3_lcol_areabkgd.jpg) no-repeat top left; width:232px; min-height:300px;}
#leftcolumn-bottom {background:url(../images/site3_lcol_bottom.gif) no-repeat bottom center; width:232px; clear:both; margin:0 auto;}
#content {width:598px; float:left; margin:0; padding:0; }
#content-top {background:url(../images/site3_content_top.png) no-repeat top center; padding-top:37px; width:598px;}
#content-body {background:#ffffff; width:598px;}
#title {width:598px; height:41px; margin:0 auto; padding:0; }


#footer {
	width:800px;
	height:53px;
	margin:0 auto 30px auto;
	border-top:7px solid #d8d8d8;
	}

DIV.product {width:576px; margin:13px 0 0 6px; float:left; text-align:left; background:url(../images/site3_product_boxbkgd.gif) no-repeat bottom center; padding-bottom:20px;}
DIV.product-top {background:url(../images/site3_product_boxtop.gif) no-repeat top center; padding-top:21px;}
DIV.pages {width:576px;height:30px; text-align:right; clear:both; padding:0 20px 0 0;}

DIV.contact-form { 
	margin:0 auto; 
	width:80%; 
	text-align:left;
	}
/*---------------------------------------------------------------
				IMAGE / TEXT REPLACEMTNETS
---------------------------------------------------------------*/

IMG.logo {margin-right:29px; display:block; float:right;}
IMG.product-photo {float:left; width:128px; height:154px; margin:0 18px 10px 11px; padding:0;}
IMG.detail {float:right; margin-right:8px;}
IMG.buy {float:right;}
IMG.last {margin-right:28px;}

/*---------------------------------------------------------------
						IMAGE STYLES
---------------------------------------------------------------*/

/*---------------------------------------------------------------
						SPAN STYLES
---------------------------------------------------------------*/

.centered {margin:0 auto; clear:both; display:block;}
.clear {clear:both;}
.nav-pad {padding:3px 0 0 24px; display:block;}

/*---------------------------------------------------------------
						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:18px; margin:0;}

DIV.product P {padding:0px 28px 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:left; color:#000; letter-spacing:2px;margin:0; padding:10px 0 0 5px;}

#leftcolumn ul {padding-top:45px;}
#leftcolumn ul li {text-align:right; padding:0 25px 5px 0; margin:3px 0 3px 35px;}

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:14px;color:#fff;letter-spacing:3px; text-decoration:none;}
A.nav-main:hover {color:#729dc5;}*/

A.nav-main {
	display:block;
	width:184px;
	height:26px;
	text-decoration:none;
	background: url(../images/site3_nav_bkgd.gif) no-repeat;
	text-align:left;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:17px;color:#000;letter-spacing:3px;
	}
A.nav-main:hover {background-position: 0 -26px;}

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;
}