
/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg01.jpg) repeat left top;
}

/** HEADINGS */

h1, h2 {
	margin: 0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: normal;
}

h1 { font-size: 30px; color: #185f95; }

h2 {
	margin-bottom: 20px;
	font-size: 16px;
	color: #74572e;
}
.categories { margin-top: 30px; margin-bottom: 5px; }
h3 {
	margin-bottom: 1em;
	font-size: 11px;
	color: #504E42;
}
h4 { color: #185f95; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; margin-top: 1.8em; margin-bottom: 1em; }
h5 { color: #185f95; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; text-align: center; margin-top: 0; }
/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232425;
}
#recycle p { color: #232425; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; }
p, ul, ol, dl {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	line-height: 160%;
}
.customtitles { color: #74572e; font-size: 14px; }
ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
/** LINKS */

a {
	color: #73562e;
}
a:hover { text-decoration: none; }
/** ECOMMERCE */
form { }
.buybutton{  }
div.prodname { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 16px; color: #185f95; text-decoration: none; text-align: left; margin-bottom: 0; }
div.prodname a { color: #185f95; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; text-align: left; margin-bottom: 0; }
div.detailname { color: #185f95; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; }
div.detailprice { color: #74572e; font-size: 13px; margin-top: 0; margin-bottom: 1em; text-align: right; line-height: 200%; }
div.prodprice { color: #74572e; font-size: 13px; margin-top: 0; margin-bottom: -0.7em; text-align: left; line-height: 200%; }
div.listprice { color: #74572e; font-size: 13px; line-height: 200%; text-align: left; margin-top: 0; margin-bottom: -0.7em; }
div.proddescription { text-align: left;
	margin-top: 0;
	text-align: left; }
div.detaildescription { text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left; }
div.detailoptions { text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left; }
SPAN.multioption { font-size: 0.86em; }
img.prodimage {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #E1DFD8;
}
div.prodoptions {
display: none;
}
div.proddiscounts {display: none;}
div.detaildiscounts {display: none;}
/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232425;
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0px 20px 0px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 0px 20px;
}

img.border {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #E1DFD8;
}
img.border_right { background: #ffffff; float: right; margin-left: 10px; padding: 2px; border: solid 1px #e1dfd8; }
hr {
	display: none;
}

.hr1 {
	height: 1px;
}

/** WRAPPER */

#wrapper {
	background: url(../images/bg02.jpg) repeat-x left top;
}

#wrapper2 {
	width: 940px;
	background: url(../images/bg03.jpg) repeat-y left top;
}

#wrapper3 {
	padding: 0px 45px;
	background: url(../images/bg04.jpg) no-repeat left top;
}

/** HEADER */

#header { height: 120px; }

/** SEARCH */

#search { width: 425px; height: 120px; background: url(../images/homepage02.jpg) no-repeat left top; }

#search p { color: white; text-align: right; padding: 20px 20px 0 0; }
#search a { color: white; text-decoration: none; }
#search a:hover { color: white; text-decoration: underline; }
#search form { padding: 79px 0 0 148px; }
#search input {
	float: left;
	height: 24px;
	padding: 0px;
}

input#keywords {
	width: 170px;
	height: 17px;
	padding: 4px 5px 3px 5px;
	background: #3E6C2B url(../images/subpage1_01.gif) repeat-x left top;
	border: 1px solid #3D6B2B;
	border-right-color: #678B59;
	border-bottom-color: #678B59;
	color: #FFFFFF;
}

input#search-submit {
	width: 60px;
	margin-left: 10px;
	background: url(../images/subpage1_02.gif) repeat-x left top;
	border: 1px solid #44433B;
	border-right-color: #2E2D28;
	border-bottom-color: #272623;
	font-weight: bold;
	color: #FFFFFF;
}

/* Navigation */
#top_white{ background: url(../images/nav-top.png) repeat-x; height: 7px; position: absolute; z-index: 8; width: 850px; }
#nav_wrapper{
	width: 845px;
	height: 37px;
	margin: 0 auto 10px;
}
	ul.nav{
		padding: 3px 0 0 0;
		height: 37px;
		position: relative;
	}
		ul.nav li{
			float: left;
		}
			ul.nav li.active a{ background-position: 50% top; z-index: 8 !important; }
ul.nav li a:hover { background-position: 50% bottom !important; }
ul.nav li a{
				position: absolute;
				height: 37px;
				width: 147px;
			}
ul.nav li a.numbered{
				z-index: 7;
				left: 17px;
				background: url(../images/tab-numbered.png) no-repeat;
			}
ul.nav li a.letter{
				z-index: 6;
				left: 127px;
				background: url(../images/tab-letter.png) no-repeat;
			}
ul.nav li a.exhibit{
				z-index: 5;
				left: 237px;
				background: url(../images/tab-exhibit.png) no-repeat;
			}
ul.nav li a.custom{
				z-index: 4;
				left: 347px;
				background: url(../images/tab-custom.png) no-repeat;
			}
ul.nav li a.specialty{
				z-index: 3;
				left: 457px;
				background: url(../images/tab-specialty.png) no-repeat;
			}
			ul.nav li a.filebacks{
				z-index: 2;
				left: 567px;
				background: url(../images/tab-filebacks.png) no-repeat;
			}
ul.nav li a.other { background: url(../images/tab-other.png) no-repeat; z-index: 1; left: 677px; }
ul.nav li a img{
	display: none;
}
/** MENU */

#menu {
	height: 70px;
	background: url(../images/homepage03.jpg) no-repeat left top;
}

#menu ul {
	margin: 0px;
	padding: 23px 0px 0px 15px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 10px 0px 11px;
	background: url(../images/subpage1_03.gif) no-repeat left center;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/** BANNER */

#banner {
	padding-bottom: 10px;
}

/** PAGE */

#page {
}

#single {
	padding: 25px;
	background: url(../images/homepage07.gif) repeat-x left top;
}

/** CONTENT */

#content {
	width: 535px;
	padding: 10px 25px 0 15px;
	background: white url(../images/homepage07.gif) repeat-x left top;
}
#c2 { background: url(../images/homepage07.gif) repeat-x left top; width: 569px; padding: 15px 8px 0; }
#homepage #content { width: 523px; padding-bottom: 10px; }
#homepage #c2 { width: 571px; }
/** 3-COLUMN LAYOUT */

.three-columns { background-image: url(../images/homepage06.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; min-height: 100px; }

html>body .three-columns {
	height: auto;
}

.three-columns .column1, .three-columns .column2, .three-columns .column3 {
	width: 250px;
}

.three-columns .column1 { padding: 0 17px 0 16px; }

.three-columns .column2 { padding: 0 17px; }

.three-columns .column3 { padding: 0 16px 0 17px; }

.three-columns .title {
	height: 23px;
	margin: 0;
	padding-top: 2px;
	color: #ffffff;
}

.three-columns .content {
	padding-top: 10px;
}

/** BOX STYLE 1 */

.boxA { padding: 0 15px 10px 16px; }

.boxA .title { height: 23px; margin: 0; color: #ffffff; padding-top: 2px; padding-bottom: 10px; }
.boxA .content {
	padding: 15px 13px;
}

/** FAQ */

.questionproddetail { color: #185f95; line-height: 150%; text-align: left; margin-bottom: 5px; }
.question { line-height: 150%; text-align: left; margin-bottom: 5px; }
.answer { font-size: 12px; line-height: 150%; text-align: left; margin-bottom: 5px; }
/** SIDEBAR */

#sidebar { width: 250px; background: white url(../images/homepage06.jpg) no-repeat left top; height: 41px; }
#c1 { background: url(../images/homepage07.gif) repeat-x left top; width: 213px; }
#sidebar2 { background: url(../images/homepage06.jpg) no-repeat left top; width: 213px; height: 100%; }
#homepage #sidebar {
	width: 280px;
}
#homepage #sidebar2 { width: 251px; }
#homepage #c1 { width: 251px; }
/** CLIENT LOGIN */

#login {
}

#login .content {
	padding-top: 20px;
	padding-left: 25px;
}

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

#login li { margin-bottom: 5px; }

#login label {
	float: left;
	width: 70px;
	font-weight: bold;
	color: #232425;
}

input#username, input#password {
	width: 130px;
	height: 17px;
	padding: 4px 5px 3px 5px;
	background: #F6F6F5;
	border: 1px solid #F6F6F5;
	border-left-color: #E1DFD7;
	border-top-color: #D4D2C5;
}

input#login-submit {
	float: right;
	width: 80px;
	height: 24px;
	background: url(../images/subpage1_02.gif) repeat-x left top;
	border: 1px solid #44433B;
	border-right-color: #2E2D28;
	border-bottom-color: #272623;
	font-weight: bold;
	color: #FFFFFF;
}

#homepage input#username, #homepage input#password {
	width: 165px;
}

/** FOOTER */

#footer {
	width: 940px;
	height: 110px;
	background: url(../images/bg05.jpg) no-repeat left bottom;
}

#footer p {
	margin: 0;
	padding: 60px 0 0;
	text-align: center;
	color: white;
}
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: white; text-decoration: underline; }
/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
}

/** BOX4 */

#box4 {
}

#box4 .content {
	padding-left: 20px;
}
