/*	-------------------------------------------------------------	Wild Daisies 		Description:		Base setup styles and most to all typography is located here.	Filename:			base.css	Version:			1.0	Date:			June 13 2006	Author:			Daniel Eberhardt		-------------------------------------------------------------	*//* Reset rules - - - - - - - - - - - - - - - - - - - - - - - -  */	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}	table{border-collapse:collapse;border-spacing:0;}	fieldset,img{border:0;}	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}	ol,ul {list-style:none;}	caption,th {text-align:left;}	h1,h2,h3,h4,h5,h6{font-size:100%;}	q:before,q:after{content:'';}/* Font Sizing - - - - - - - - - - - - - - - - - - - - - - - -  */ 	/** * 84.5% for !IE, keywords for IE * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE < 6 and IE6 quirks mode. *  */	body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}	table {font-size:inherit;font:100%;}/** * 99% for safari; 100% is too large */	select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}/** * Bump up !IE to get to 13px equivalent */	pre, code {font:115% monospace;*font-size:100%;}/** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */	body * {line-height:1.22em;}/*  STYLING - Base styles - - - - - - - - - - - - - - - - - - - - - - - -  */	html{						}		body{			color:#000;			text-align:center;			}	#page{ 			/*background:url(_img/grid.gif) repeat-y 0 0;*/			width:760px;			margin:0 auto;			font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;			}		/*	Links		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	a,a:link{			color:#90BE1B;			text-decoration:underline;			background:transparent;			}	a:visited{			color:#90BE1B;			}	a:hover{			color: #FF2C31;			text-decoration:none;			}	a:active{			color: #000;			background:transparent;			}/* STYLING -- Skip to Content links */			ma.skipper a{			color:#000000;			font-size:77%;			}	.skipper a:visited{			color:#000000;			}	.skipper a:hover{			color:#FFFFFF;			}			/* STYLING -- Read more / Continue reading links etc. */		a.more, a.more:link, a.more:visited{			background: url(_img/link_sign.gif) no-repeat center center;			color:#93502A;			text-decoration:none;			font-weight:bold;			display:block;			height: 23px;			width: 81px;			padding: 5px 20px 5px 12px;			text-align: center;			line-height: 23px;			white-space: nowrap;			}	a.more:hover, a.more:active{			color:#000;			}			/* External Links */	a.ext-link, a.ext-link:link, a.ext-link:visited{ 			background:url(_img/icons/page_white_go.png) no-repeat right center;			padding-right:20px;			}/* Looking for solution link */	a.look{ 			font:bold 114% "Tahoma";			color:#62A926;			text-align:left;			display:block;			margin:50px 0;			padding-left:20px;			background:url(_img/icons/find.png) no-repeat 0 0;			}/*  STYLING -- Headings - - - - - - - - - - - - - - - - - - - - - - - -  */	h1,h2,h3,h4,h5,h6{			font-weight:bold;			font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;			color:#000;			line-height:normal;			padding:0;			clear:both;			letter-spacing:0.065em;			}	h1{			font-size:415.5%;/* 50px */			margin:25px 0 0 0;			color:#e0eed4;			text-align:right;			}	h1 small{ 			display:block;			font-size:12px;			color:#9A9A9A;			font-weight:normal;			letter-spacing:normal;			margin-top:-.9em;			line-height:normal;			}	h2{			font-size:364%;/* 48px */			font-weight:normal;			font-family: Mistral, "Times New Roman", times;			color:#90BE1B;			letter-spacing:normal;			text-transform: capitalize;			margin:0.5em 0 0;			}	h2:first-letter, h2 span{			color:#FF1D22;	}			h3{			font-size:182%;/* 24px */			line-height:1.5em;			margin:0 0 .25em 0;			letter-spacing:normal;			color: #2A2A2A;			font-weight:normal;			text-transform: capitalize;		}	h4{			font-size:122%;/* 16px */			line-height:1.3em;			margin:0 0 .4em 0;			letter-spacing:normal;			font-weight:normal;			}	h5{			font-size:107%;/* 14px */			line-height:1.3em;			margin:0 0 .25em 0;			letter-spacing:.02em;			font-weight:normal;			}	h6{			font-size:92%;/* 12px */			line-height:1.3em;			margin:0 0 .25em 0;			letter-spacing:normal;			font-weight:normal;			}	/* STYLING -- Linked Headings */				h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{			text-decoration:none;			}	h1 a:link,h1 a:visited,h2 a:link,h2 a:visited{			color:#000;			text-decoration:none;			}	h3 a:link,h3 a:visited, h4 a:link,h4 a:visited{			color:#000;			}	h1 a:hover,h2 a:hover, h3 a:hover, h4 a:hover{			color:#62A926;			}	/*  STYLING -- Typograpgy - - - - - - - - - - - - - - - - - - - - - - - -  */	p,ul,ol,dl{			margin:0 0 1em 0;			line-height:1.4em;			font-size:92%; /*12px*/			}	/*#content ul, #content dl, #content ol{ 			position:relative;			}*/	em{			font-style:italic;			}	strong{			font-weight:bolder;			}	blockquote{			background:;			padding:0;			margin:0;			color:#717171;			font-size:114%;/* 15px */			font-style:italic;			font-family:Georgia;			width: 35%;			float: right;			border:solid #90BE13;			border-width: 4px 0 0;			}	blockquote.wide{			width: 73%;			}	#schoolQuotes{width:73%; margin:0 auto;}	#schoolQuotes blockquote{width:100%; margin:1em 0; border-top:0; float:none; text-align:right;}	blockquote p{			margin:0;			padding:1em;			}	blockquote.spec{			border-width: 0;			font-size: 100%;			color: #90BE13;			float: right;			clear: none;			margin-top: -100px;			margin-bottom: 2em;			/* display: none; */			}	blockquote p cite{ 			text-align:right;			display:block;			font-size:77%;			color: #000;			}	cite span{ 			display:block;			}	abbr,acronym{			color:#737373;			border-bottom-width:1px;			border-bottom-style:dotted;			border-bottom-color:#737373;/* for IE 5,same color as color */			cursor:help;			}/* Notices to draw attention */	*.warning, *.info, *.attention, *.note, *.noteAdded{			padding:0.5em 0.5em 1em 70px;			margin:1em 0;			border:2px solid #90BE1B;			min-height:50px;			height:auto !important;			height:50px;			font-size: 100%;			}	#page .warning{			background:#FFF;			border-color:#CC0000;			padding-left: 0.5em;			}	.warning:before{ content: "Warning: "; font-weight:bolder; color:#CC0000; }	.warning strong.highlight { color:#CC0000; }	.info{			background:#FFF;			clear: both;			padding-left: 1em;			}	.info:before{ content: "Important: "; font-weight:bolder; color:#90BE1B; }	.attention{			clear: both;			padding-left: 20px;			}	.attention:before{ content: "Attention: "; font-weight:bolder; color:#90BE1B;}	.note, .noteAdded{			background: url("_img/icons/note.gif") no-repeat 5px 0.2em;			border-width: 0px 0 0;			}	.noteAdded{			background: url("_img/icons/gobble_goat_added.gif") no-repeat 5px 100%;			padding:20px 20px 20px 80px;			height: 66px;			border-width: 2px;			}	.noteAdded a{			display: block;			text-align: left;			font-size: 92%;			padding: 10px 0 0 20px;			background: url("_img/icons/icon_cart.gif") no-repeat left bottom;			margin-top: 10px;			border-top: 1px solid #CDCDCD;			}	.note:before{ content: "Note: "; font-weight:bolder; color:#000;}	.noteAdded:before{ content: "Yippee: "; font-weight:bolder; color:#90BE1B;}	.note em{			font-weight:bolder;			}	.	.warning li,.info li,.attention li,.note li{			list-style:square;			background:none;			}/* Intro and Highlight text */	.intro-text{			font-size:107%;/* 14px */			font-weight:bolder;/* Added to first paragraph */			}	.highlight{			color:#EB8A21;			}	.subdued{			color:#999			}	.error{			color:#c00;			font-weight:bold			}	.error:before{ 			content:'Error: '			}	#page .success{			color:#390;			font-weight:bold			}	.caption{			color:#999;			font-size:85%;			text-align:center;			margin:0 0 1em 1em;			padding:10px;			border: 1px solid #E6E6E6;			display:block;			}	#page .date{			font:bold 77% Tahoma;			color: #2B7EB4;			display:block;			}	small{			font-size:77%;			}	code { 			font-family: monospace;			color:#339900;						}	h2 embed, h2 object {			margin: 0;			padding: 0;			}/*  STYLING -- Lists - - - - - - - - - - - - - - - - - - - - - - - -  */		ul{			list-style: none;			margin:0 0 1.5em 0;			}	ul li{			margin:0 0 0.5em 30px;			padding:0 0 0 20px;			background:url(_img/bullet.gif) no-repeat 0 0;			}	li p{			font-size:inherit;			margin:0 0 .5em 0;			}	ul ul{			font-size:inherit;			}/* Ordered lists */		ol{			margin:0 0 1.5em 3em;			list-style-position: outside;			list-style-type: decimal;			}	ol li{			font-size:inherit;			margin:0 0 0.5em 30px;			padding:0;			background:none;			}	ol ul{			font-size:inherit;			}	ol ul li{			background:url(_img/icons/bullet.gif) no-repeat 0 0.5em;			margin:0 0 0.25em 30px;			padding:0 0 0 10px;			}/* Definition Lists */	dl{			margin:0 0 1.5em 0;			padding:0;			}	dl dt{			font-weight:bold;			font-size: 114%;			margin:1em 0 0.25em 0;			padding:0;			}	dl dd{			margin:0 0 0 0;			padding:0;			}	dl dd ul{			font-size:inherit;			}	dl dd p{			font-size:inherit;			}	dl dl{			margin: 0 0 1.5em 30px			}						/*  STYLING -- Images - - - - - - - - - - - - - - - - - - - - - - - -  */	img{			padding:0;			border: 0;			display:block;			margin:0;			}	img.logo{ 			border:0;			padding:0;			}/* Image Links */	a img{			border:0;			}	#content a img, #content img.outline{			border: 1px solid #D0D0D0;			}	#content img.product{			padding: 1px;			border: 1px solid #D0D0D0;			}	#content a:hover img{ 			border-color:#A4A4A4;			}	/*  LAYOUT -- Main Layout wrappers and containers - - - - - - - - - - - - - - - - - - - - - - - -  */	#page{			text-align:left;/* Re-set IE hack in body */			}	#main {			}	/*  STYLING -- Utility Navigation - - - - - - - - - - - - - - - - - - - - - - - -  */		#utility-nav{			text-align:right;			font-size:77%;			width:100%;			font-weight:normal;			color:#000;			}/*  STYLING -- Global Classes - - - - - - - - - - - - - - - - - - - - - - - -  */	tr .odd, tr .even{			background:#F4F4F4;			}	#page *.last, #page *.first{			border:0;			}	*.feature-box {			border:solid #B8B8B8;			border-width:1px;			padding:1em;			font-size: 100%;			font-weight: bold;			margin:1em 0;			background:#FAFAFA;			}	a.button, a.button:active, a.button:visited{			width:94px;			height:26px;			background:url(_img/buttons/btn.gif) no-repeat center bottom;			padding:0;			border:0;			font:normal 85%/28px arial,helvetica,clean,sans-serif;			text-align:center;			cursor:pointer;			color: #fff;			text-decoration: none !important;			}	a.button:hover{			color:#000;			}	.tfb{			color: #90BE1B;			 }	h3.tfb {			font-size: 182%;			}	h3 span.tfb{			font-weight: normal;			}/*  STYLING -- Tables - - - - - - - - - - - - - - - - - - - - - - - -  */	table{			border:solid #000;			border-width:1px 0 0 0;			padding:0;			margin:0.2em auto 2em auto;			width:98%;			border-collapse:collapse;			clear: both;			}		table caption{			color:#000000;			text-align:left;			font:normal bold 136% "Lucida Grande", Verdana, Geneva,Arial,Helvetica,sans-serif;			margin:0.5em 0 1em 1em;			}		/* Table Header */			thead th, tr th{			font:normal bold 92% "Lucida Grande", Verdana, Geneva,Arial,Helvetica,sans-serif;			color:#000;			text-align:left;			vertical-align:bottom; 			border:solid #90BE1B;			border-width:0 0 3px 0;			padding:1em 0.5em;			background: transparent;			}	thead th.nobg { /* Remove background */			color:#666;			border:solid #C1C1C1;			border-width: 0 1px 1px 0;			background: none;			}	.table-header{ 			font:normal bold 85% "Lucida Grande", Verdana, Geneva,Arial,Helvetica,sans-serif;			color:#000;			text-align:center;			vertical-align:bottom; 			border:solid #C1C1C1;			border-width:1px 1px 1px 0;			padding-bottom:0.2em;			background: #E6E6E6;			}/* Table Body */			tbody tr th { 			background:none;			color: #90BE1B;			font-size:92%;			border-bottom: 1px solid #E5E5E5;			}	.table-sub-header{ 			background:#FAFAFA;			color: #2B7EB4;			font-size:92%;			}	td,th{			text-align:left;			padding:0.5em 0.5em;			border: solid #E5E5E5;			border-width: 0 0 1px 0;			}	#manualPrices td{border:0;}	th.qty{			text-align: center;			}/* Tbody Headers */					th{			color:#000000;			font-weight:bold;			text-align:right;			font: bold 92% "Lucida Grande", Verdana, Geneva,Arial,Helvetica,sans-serif;			border: solid #C1C1C1;			border-width: 0 1px 1px 1px;			}						/* Tbody Odd and even styles */						.odd th{			background: #fff url(_img/table/bullet_orange.gif) no-repeat;			}.even th{			background: #f5fafa url(_img/table/bullet_grey.jpg) no-repeat;			}/* Odd and Even Special rules */													.even th.spec {			background: #f5fafa url(_img/table/bullet_grey.jpg) no-repeat;			border-bottom: 0;			}	.odd th.spec {			background: #f5fafa url(_img/table/bullet_grey_no.jpg) no-repeat;			}		/* Tbody cells */	td{			font:92% "Lucida Grande", Verdana, "Andale Mono", Courier, "Courier New", monospace;			vertical-align:top;			padding-right: 1em;			background: #fff;			vertical-align: middle;			}	td.bookNbr{position:relative; background:transparent; vertical-align:middle;}	td.bookNbr span{color:#FFF;position:relative; z-index:2; font-weight:900; width:20px; height:20px; line-height:20px; margin-left:12px;}	td.bookNbr img{position:absolute; z-index:0; margin:0; padding:0; border:0;float:none;margin-left:9px; width:1.8em; height:1.8em;}	td.qty {			text-align: center;			}	td.total-discount{			color: #c00;			font-style: italic;			}						/* Tbody cell odd and even */					.even td {			background: #E4E4E4 url(_img/table/tab_bg_td_grey.jpg) no-repeat;			}/* Tbody odd even special */	.even td.spec {			border-top: 0;			border-bottom: 0;			background: #E4E4E4 url(_img/table/tab_bg_td_grey.jpg) no-repeat;			}	tr.spec td {			background: #DDEBBA;			font-weight: bold;			}/* Extras in tables */	table td input{			width:3em;			margin: 0;			}	table td select{			width: 15em;			}	table td input.button{			width:94px;			height:26px;			background:url(_img/buttons/btn.gif) no-repeat center bottom;			padding:0;			border:0;			font:normal 85%/23px arial,helvetica,clean,sans-serif;			text-align:center;			cursor:pointer;			color: #fff;			}	table td input.button:hover{			color:#000;			/*background-position:0 0;*/			}	table td.total-up label, table td.commit label{			margin-right: 120px;			display: inline;			text-align: right;			padding-right: 0;			margin: 0 20px 0 0;			font-weight: 900;			}	tr.selc-info td{			text-align: right;			font-weight: bold;			}	td.total-up, td.commit{			border: solid #90BE1B;			border-width:0 0 3px 0;			padding: 0.5em 0;			}	td.commit{			border: solid #000;			border-width:3px 0 0 0;			}	tr.totals th, tr.totals td{			border: 0;			font-weight: bold;			padding-top: 0.2em;			padding-bottom: 0.5em;			text-align: right;			}	th.actions, td.actions{			width: 2em;			padding-left:0;			padding-right: 0;			}	td.monetary, th.monetary{			text-align: right;			}	table#cartTable{			border-bottom: 1px solid #000;			}/*  LAYOUT-- Masthead - - - - - - - - - - - - - - - - - - - - - - - -  *//*  STYLING -- Masthead - - - - - - - - - - - - - - - - - - - - - - - -  */	#masthead{						}	/*#masthead h1 a:link, #masthead h1 a:visited{			color:#FFF;			text-transform:uppercase;			}*/	#branding .replace{			display:none;			}/*Default Primary Navigation styles*/	#primary-nav{			margin:0;			padding:0;	}	#primary-nav li{			margin:0;			padding:0;			background:none;	}/*  STYLING -- Main Content area - - - - - - - - - - - - - - - - - - - - - - - -  */		#content{			}/*  STYLING -- Vcard - - - - - - - - - - - - - - - - - - - - - - - -  */	#content .vcard{ 			margin-bottom:1.5em;			position: relative;			width: 80%;			font-size: 92%;			}	.vcard .street-address,.extended-address,.locality,.country-name,postal-code,div.tel span.type,.fn{			display:block;			}	div.adr span.type,div.type .fn{			font-weight:bold;			text-transform:capitalize;			}	.vcard .fn{			margin:0;			font-weight:bold;			border:solid #90BE1B;			border-width:0 0 1px;			padding:1em 0;			}	.vcard .adr{			background: none;			padding:1em 0;			}	.vcard h3{			padding:0.5em;			margin:0;			border:solid #E7E5E5;			border-width:1px 1px 0 1px;			font-weight:normal;			}	.vcard h4{ 			font: bold 85% Verdana, sans-serif;			text-decoration:underline;			text-transform:uppercase;			letter-spacing:2px;			margin-top:1.5em;			}	.fn a:link,.fn a:visited{			color:#000000;			}	.vcard a.address-book{			position: absolute;			top: 0;			right: 0			}	#content .vcard a.address-book img{			border: 0;			}					/*  STYLING -- Footer - - - - - - - - - - - - - - - - - - - - - - - -  */	#footer{			clear:both;			margin:0;			padding:50px 0 0;			}	#footer h3{			font-size: 107%;			font-weight:bold;			color:#F27E00;			border-bottom: 1px solid #F27E00;			}	#footer .copyright, #footer .terms{			color:#B1C6B1;			} 	#footer address{			clear:both;			text-align:center;			font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;			}	#footer address a:link, #footer address a:visited{			color: #333;			text-decoration:none;			}	#footer address a:hover{			color: #000;			}			/*  STYLING -- Payment Stuff - - - - - - - - - - - - - - - - - - - - - - - -  */	#certified, #certified:hover {		cursor: pointer;	}	
