/*



*/



/* --- General Formatting

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



body {

	margin: 0;

	padding: 0;

	background: #dfe3e6 url(/site_images/bg_coop.jpg) top center repeat-x;

	font: normal .75em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

p, address, ul, ol, dt, dd, td, th {

	color: #000;

	line-height: 1.4;

	text-align: left;

}

th, b, strong {

	font-weight: bold;

}

i, em, cite {

	font-style: italic;

}

blockquote {

	margin: 0;

	padding: 0;

	color: #333;

	font-style: italic;

}



.small, small {

	font-size: 88%;

}

.big, big {

	font-size: 130%;

}

.align-center {

	text-align: center;

}

.align-right {

	text-align: right;

}

.no-padding {

	padding: 0;

}



/* Links */

a {

	text-decoration: none;

	outline: none;

}

a:link {

	color: #007700;

}

ul a:link {

	color: #007700;

}

a:visited {

	color: #007700;

}

h2 a:visited, h3 a:visited {

	color: #542379;

}

a:hover, a:active, a.active {

	

	color:#542379;	



}

/* Random link styles */

a.cart {

	display: block;

	padding: 8px 20px 8px 0;

	background: url(/site_images/icon_cart.png) center right no-repeat;

}



/* Paragraphs */

p {

	margin: 0 0 .75em;

}



.soften, a:link.soften {

	color: #666666;

}

.harden, a:link.harden {

	color: #000;

}

.sale {

	color: #662087;

}

.critic {

	color: #662087;

}



/* Lists */

ul {

	margin: 0 0 .5em 1.5em;

	padding: 0;

	list-style-image: url(/site_images/bullet_double_arrow.gif);

}

.nice-list {

	margin: 1em 0 .5em 0;

	list-style: none;

	list-style-image: none;

}



/* Floating elements */

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.iso {/* Wraps multiple floating elements, such as an image and a paragraph (caption) */

	width: 48%;

	margin: 0 .5%;

}



/* Images */

img {

	padding: 5px;

}

img.thumb {

	margin: 0 0 5px;

	padding: 0;

	border: 1px solid #333;

}

a img {

	border-style: none;

}





/* Forms */

form {

	text-align: left;

}

form div {

	clear: both;

}

fieldset {

	border: none;

}

legend {

	color: #662087;

	padding: 0 0 5px;

	font-size: 1.25em;

	font-weight: bold;

}

label {

	width: 68%;

	float: right;

	color: #333;

	text-align: left;

}

#subscribe label {

	display: none;

}

#subscribe #email { 

	width:65%;

	background: #FFFFFF url('/site_images/email_field_bg.gif') 3px 50% no-repeat;

}

input {

	margin: 0 0 8px;

	border:1px solid silver;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

input.newsletter {

	width: 60%;

}

input.submit {

	clear: both;

	color: #fff;

	cursor: pointer;

	background: #662087;

	border:1px solid #fff;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

textarea {

	margin: 0 0 8px;

	clear: both;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	margin: 0 0 .7em;

	padding: 0;

	color: #542379;

	font: bold 150%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;

	text-align: left;

}

h1 {

	float: left;

	width: 316px;

	height: 99px;

	overflow: hidden;

	font-size: 110%;

	margin: 18px 0 0 0;

	padding: 0;

	background: url(/site_images/logo.png) top left no-repeat;

	text-indent: -999em;

}

	* html h1 {

		background: url(/site_images/logo.gif) top left no-repeat;

	}

h1 a {

	display: block;

	width: 100%;

	height: 100%;

}

h2	{

	font-size: 130%;

	clear: both;

}

h3 {

	font-size: 120%;

	margin: 0 0 .3em;

}

h3.home {

	font-weight: normal;

	font-size: 108%;

	color: #111;

	margin: 0;

}

h4 {

	margin: 0 0 .5em;

	font-size: 105%;

	font-weight: normal;

	color: #111;

}

h5 {

	font-size: 108%;

}

h6 {

	font-size: 108%;

	margin-bottom: .2em;

}



/* Layout styles, specific styles to elements above are with their respective element 

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



/* Container */

#container {

	width: 911px;

	margin: 0 auto;

	padding: 16px 10px;

	background: url(/site_images/bg_top-content.jpg) 0 170px no-repeat;

	

	min-height:100%;

	/* background: url(/site_images/bg_container.jpg) center 400px repeat-y; */

}



/* Header */

#header {

	height: 140px;

	font-size: .95em;

}



/* Menus (main and secondary) */

#main-menu {

	margin: 92px 0 0 0;

	list-style: none;

	float: right;

}

#main-menu li {

	float: left;

	padding: 7px 0px 7px 15px;

}

li#rss {

	margin: 0 0 0 10px;

	padding: 7px 10px 36px 40px;

	background: url(/site_images/icon_rss.jpg) top left no-repeat;

}

#secondary-menu {

	margin: 0;

	list-style: none;

	float: right;

	text-align:right;

}

#secondary-menu li {

	padding: 0 10px;

	float: left;

}

#main-menu a:visited, #secondary-menu a:visited, #main-menu a:link, #secondary-menu a:link {

	color: #007700;

}



#main-menu li a.active, #main-menu li a.active:link { 

	color: #542379 !important;

}



/* Content */

#content {

	width: 923px;

	margin: 0 auto;

	clear: both;

}



#top-content {

	width: 100%;

	color: #ccc;

	

}

#top-content img { 

	border: 1px solid silver; margin:0; padding:0; 

}



/* Columns */

.columns {

	zoom: 1;

	margin-top: 15px;

}

.columns:after {/* Clear after floats */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.column, .column-3a, .column-3b, .column-2a {

	float: left;

	font-size: .85em;

	margin: 0 2%;

}



/* 3 Columns */

.three .column {

	width: 31.9%;

}

.three .column-3a {

	width: 19.7%;

}

.three .column-3b {

	width: 38.5%;

}

.three .first-column-3a {

	width: 44%;

}

.three .last-column-3a {

	width: 31.4%;

}



/* 2 Columns */

.two .column {

	width: 48.5%;

	margin: 0 2% 0 0;

}

.two .first-column-2a {

	width: 66%

}

.two .last-column-2a {

	width: 31%;

}



/* General formatting for specific columns, for example, all first-columns get a larger font-size */

.three .first-column-3a, .three .first-column-3b, .two .first-column-2a {/* Sets the font-size of the first column*/

	font-size: .9em;

}

.three .first-column, .three .first-column-3a, .three .first-column-3b, #home .three .first-column, .two .last-column, .two .last-column-2a, .three .last-column, .three .last-column-3a, #home .three .last-column {

	margin: 0;

}



/* Boxes */

.box {

	position:  relative;

	margin: 0 0 15px;

	padding: 10px;

	text-align: center;

	background: url(/site_images/bg_box.png) top left repeat;

} 

	* html .box {

		background: #d4d8da;

	}

.box.featured {/* Featured Product box in the store */

	margin: 0;

	padding: 10px 0 0;

}

.box.featured img {/* Big featured product image */

	padding: 0;

}

.box.featured h2 {

	margin: 0 0 .7em 10px;

}

.box.ad {/* Advertising box */

	padding: 0;

}



.added_to_cart { 

	border:1px solid purple;

}



#cartlinks { 

	position:absolute; top:0; right:0;

	border-left:1px solid silver;

	border-bottom:1px solid silver;

	font-size:10px;

	padding:5px !important;

}

#cartlinks img { 

	margin:0; padding:0; 

}





#home .box-height {

	height: 255px;

}

#home .box { 

	font-size:1.1em;

}

#home .box li { 

	margin-bottom:10px;

}

.box.photo-grid {

	text-align: left;

}

.box.photo-grid .iso {

	float: left;

	width: 22%;

	margin:0 0.5% 10px;

	padding:3px;

	border: 1px solid #silver;

	text-align: center;

}



.box .box-lower {

	margin: 10px 0 0;

	padding: 5px 0 0;

	border-top: 2px solid #bebebe;

	

}

.box-header, .box-footer {

	margin: 0 0 8px;

	padding: 5px;

	background: url(/site_images/bg_box_head_foot.png) top left repeat;

	clear: both;

}

	* html .box-header, *html .box-footer {

		background: #c7c5d1;

	}



.morelink { 

	padding-left:14px;

	background: url(/site_images/more.gif) 0px 50% no-repeat;

}



.first-column-2a .box img { 



	max-width:560px;

	height:auto;

}







.featured .box-footer {/*Changing the box-footer within the featured product box */

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 30px;

	margin: 0;

	padding: 0;

	color:#fff;

	background: url(/site_images/bg_box_foot_featured.png) top left repeat;

}

.featured .box-footer p { 

	color:#FFF;

}

.featured .box-footer a, .featured .box-footer a:link, .featured .box-footer a:active { 

	color:#FFF;

}

.home .box-footer {/* Sets the box footer at the bottom so all 3 boxes look smooth */

	position: absolute;

	bottom: 0;

	left: 10px;

	width: 90%;

}

.box-header p, .box-footer p {

	margin: 0;

	line-height: 1;

}

.featured .box-footer p {/* Tweaking the paragraphs in the featured product box */

	padding: 8px 0;

}

.featured .box-footer p.float-right {/* Take away padding on that paragraph because it's applied to the anchor because of the cart icon */

	padding: 0;

}

.box-footer ul {

	float: right;

	margin: 0;

	padding: 0;

	line-height: 1;

	list-style-image: none;

	list-style: none;

}

.box-footer li {

	float: left;

	padding: 0 5px;

	line-height: 1;

}



/* Comment box and elements */

.comment-box {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #bebebe;

	background: #dfe1e4;

}

.commenter {

	font-size: 1.1em;

	color: #662087;

}

.date {

	font-size: .85em;

	color: #666666;

}



.pop {/* adds some punch to the element */

	padding: 8px;

	background: #662087;

}

	* html .pop {/* needed to overwrite the *html hack above on the box-footer/box-header */

		background: #662087;;

	}

.pop a {

	color: #fff;

}

.teaser {/* Wraps the blog post teasers on the front page, or any page for that matter */

	margin: 0 0 15px;

	border-bottom: 2px solid #bebebe;

}

img.see-inside {

	position: absolute;

	padding: 0;

	top: 0;

	right: 0;

}



/* Footer */

#footer {

	margin: 15px 0 25px 0;

	padding: 15px 0 0 0;

	border-top: 1px solid #bebebe;

	font-size: .95em;

}

#footer p {

	color: #444444;

}





/* CONTACT FORM */







.form_data .qcol { 

padding-bottom:15px;

}

.form_data .acol { 

padding-bottom:15px;

}



.form_data input { 

	border:none;





}



.form_data .textinput { 

border-left:1px solid silver;

border-bottom:1px solid silver;

background:transparent;

width:300px;

font-size:1.5em;

}



.form_data .textareainput { 

border:0;

border-left:1px solid silver;

border-bottom:1px solid silver;

background:transparent;

width:300px;

height:250px;

font-size:1.5em;

}



.form_data .formsubmit { 

width:80%;

margin:0px 10%;

font-size:1.4em;

color:white;

background:#007700;

border:1px solid silver;

padding:5px 0;

}

.form_data .formsubmit:hover { 

width:80%;

margin:0px 10%;

font-size:1.4em;

color:white;

background:#00ff00;

padding:5px 0;

outline:none;

}



.form_data .formsubmit:active { 

width:80%;

margin:0px 10%;

font-size:1.4em;

color:white;

background:purple;

padding:5px 0;

outline:none;

}









#amazon_btn { 

	width:148px; height:148px;

	text-indent:-9000px;

	outline:none;

	display:block;

	position:absolute;

	top:0; right:0;

	background:url(/site_images/amazon_btn2.png) no-repeat;

}

#flashcontent { 

	text-align:center;

}