/* -------------------------------------------
project:  INT Lights
date:    2008/03/05
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #372B23; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}

/* layout
------------------------------------------- */
html {background: #523C2E url(../images/back.jpg) left top repeat-x;}

	  h1 {padding-top: 50px; border-bottom: 1px solid #DAD7D5; color: #449FAA; font-size: 2em; font-weight: normal; line-height: 1.5em;}
		h2 {margin: 15px 10px 15px 10px; border-bottom: 1px solid #DAD7D5; color: #449FAA; font-size: 1.5em; font-weight: normal; line-height: 1.5em;}
		p {margin: 15px 0 15px 0; line-height: 1.5em;}
		ul, ol {margin: 15px 10px 15px 10px;}
		ul li, ol li {margin: 5px 0 5px 20px;}
		a, a:visited {color: #007C8B;}
		
	#root {width: 780px; margin: 0 auto; padding-top: 75px;}
		#all {position: relative; background: #5F4534;}
		  #content {position: relative; left: 166px;  width: 474px; min-height: 520px; padding: 50px 70px 50px 70px; background: #fff;}
			#logo {display: block; position: absolute; z-index: 2; overflow: hidden; width: 190px; height: 90px; border-top: 50px solid #fff; border-bottom: 40px solid #fff; border-left: 10px solid #fff;background: transparent url(../images/logo.jpg) center center no-repeat; text-indent: -200px;}
			ul#mainmenu {position: absolute; top: 180px; width: 166px; margin: 0;}
			  ul#mainmenu li {list-style: none; margin: 0; border-bottom: 1px solid #5F4534;}
				  ul#mainmenu li a, ul#mainmenu li a:visited {display: block; padding: 3px 25px 3px 30px; background: #6D5241 url(../images/menu-arrow-out.jpg) 153px center no-repeat; color: #fff; font-size: 1.3em; line-height: 1.3em; text-align: right; text-decoration: none;}
					ul#mainmenu li a:hover, ul#mainmenu li a.current, ul#mainmenu li a.current:visited {background-color: #007C8B; background-image: url(../images/menu-arrow-over.jpg);} 
	
			#footer {height: 30px; padding: 10px 0 10px 0; color: #735847;}
				#footer p {margin: 0; color: #735847; line-height: 30px; text-align: right;}
				#footer-menu {float: left; width: 470px; color: #735847;}
				#footer-menu a, #footer-menu a:visited {color: #735847; font-size: 0.9em; line-height: 1em; text-transform: uppercase; text-decoration: none;}
				#footer-menu a:hover {color: #fff; text-decoration: none;}
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.error {margin: 0 0 10px 0; padding: 10px; background: #fbebec; color: #fb0000;}
.ok {margin: 0 0 10px 0; padding: 10px; background: #ebfbec; color: #00c000;}
.req {color: #ff0200;}
.form-outcome {font-size: 1.4em; font-weight: bold;}
.mission-statement {margin-left: 10px; margin-right: 10px;}
.vcard {margin-bottom: 30px;}
.frame h3 {clear: both; margin: 10px 0 0 0; padding: 5px 20px 5px 20px; background: #EAE9E9; font-weight: bold;}
.contact-name {float: left; clear: left; width: 120px; margin: 0; padding-left: 20px; line-height: 1.5em;}
.contact-data {float: left; margin: 0; line-height: 1.5em;}
.contact-data a, .contact-data a:visited {text-decoration: none;}
.contact-data a:hover {color: #000;}
.product-picture {text-align: center;}

a.box-link, a.box-link:visited {display: block; float: left; width: 120px; margin: 0; padding: 15px 30px 10px 0; background: #fff; color: #007C8B; font-weight: bold; font-size: 1.3em; text-decoration: underline;}
a.box-link:hover {color: #000;}
p.box-link-descr {float: left; width: 300px;}

/* forms */
.form {margin: 10px 0 10px 0;}
  fieldset {margin: 10px 0 10px 0; padding: 15px; border: 1px solid #B2AEAC; background: #f8f8f8;}
	  legend {display: none;}
		fieldset label {display: block; float: left; margin: 5px; line-height: 1.5em;}
		fieldset label.radio {clear: left;}
		fieldset label.add-info {margin-top: 10px;}
		fieldset input, fieldset select, fieldset textarea {margin: 2px 0 0 0; padding: 2px; border: 1px solid #a5acb2; background: #fff;}
		fieldset input.chk {margin: 0 5px 0 0; border: none; background: none; vertical-align: middle;}
    .form-main {float: left; width: 300px;}
		.form-side {float: right; width: 140px;}
		  .add-rem-button {clear: both; text-align: right; height: 50px;}
		.form-important {position: relative; top: 10px; clear: both; width: 300px; margin: 0 auto; margin-top: 10px; margin-bottom: 30px; padding: 15px 60px 30px 60px; background: #eae8e9;}
	input.submit {width: 90px; padding: 3px 0 3px 0; border: none; background: #449FAA; color: #fff; text-align: center;}
	input.submit:hover {background: #6D5241;}
	input.submit:focus {background: #523C2E;}
	.form-footer {height: 30px; text-align: right;}
	.form-footer .req-expl {float: left; margin: 0;}

div.product {overflow: hidden; height: 100px; margin: 10px 0 10px 0; padding: 10px; border: 1px solid #B2AEAC; background: #f8f8f8;}
  .thumbnail img, .thumbnail:visited img {float: left; margin-right: 15px; border: 4px solid #5F4534; }
	.thumbnail:hover img {border-color: #007C8B;}
	.product-name {padding-top: 10px; color: #007C8B; font-size: 1.6em; line-height: 1em;}
	.product-descr {font-size: 1.1em;  word-break:break-all; }
	.product-descr a, .product-descr a:visited {color: #007C8B; text-decoration: none;}
	.product-descr a:hover {color: #000; text-decoration: none;}

div.new-product {min-height: 218px; margin: 10px 0 10px 0; padding: 20px 20px 20px 20px; border: 1px solid #B2AEAC; background: #f8f8f8; }
  .new-product .product-name {margin-top: 0; padding-top:0px;}
  .new-product .product-name{margin-top: -5px;}
  .new-product p {margin-left:183px; margin-top:0px; margin-bottom:0px;}
  .new-product img{ position:relative; vertical-align:middle;}
	.product-name a, .product-name a:visited {text-decoration: underline;}
	.product-name a:hover {color: #000;}
	
.col2 {float: left; width: 50%;}
.frame {margin: 10px 0 10px 0; padding: 10px 20px 10px 20px; border: 1px solid #B2AEAC; background: #f8f8f8;}
.line-card-item {padding: 0 10px 0 10px; border-bottom: 1px solid #DAD7D5;}

/* unique stuff
------------------------------------------- */

/* catalog request form */
.first-name, .last-name, .zipcode {width: 128px;}
.state {width: 128px; padding: 1px 2px 1px 2px;}
.company, .street-address, .email, .ref-librarian {width: 270px;}
.city {width: 200px;}
.phone {width: 40px; margin: 0 5px 5px 5px;}
.manufacturers, .req-catalogs {width: 134px; height: 170px;}
.other {width: 130px; margin-top: 5px;}
.more-info {width: 280px; margin-top: 10px;}



#mailingList {position: absolute; top: 450px; width: 126px; margin:0; padding:20px; color: #fff; font-size: 11px; line-height: 1.3em;}
#mailingList .error { display:block; }
#mailingList input { display:block; margin:4px 0; }
#mailingList input.text { width:122px; padding:1px; background-color:#6D5241; color:#fff; border:solid 1px #fff; }
#mailingList a.submit { float:right; padding: 2px; color:#fff; text-decoration:none; }
#mailingList a.submit:hover { color:#007c8b; }