/*

	--------------------------------------------



			Website:	linkbeverages.com

			Author:		John McKernan



	--------------------------------------------



			File:		\link.css

			Date:		11.01.2006



	--------------------------------------------



	cascading stylesheet



	--------------------------------------------

*/





/* General font families for common tags */

	font,th,td,p { 

				font-family:		Arial, Helvetica, sans-serif; 

	}







	body { 

				font-family:		Arial, Helvetica, sans-serif; 

				width:				97%;

	}





/* tables */



	td.totaltop {

			border-top: 1px solid #9E9E9E;

			padding-top: 5px;

	}



	td.nocheckout {

			padding: 10px;

			color: #DD0000;

			font-size: 0.8em;

			text-align: center;

	}



	td.store_cart {

			background: url(images/brownbag2.jpg) center center no-repeat;

			padding: 0 10px 0 10px;

	}



	td.sample_1 {

			border-top: 0px; 

			border-bottom: 1px #FAD00C solid;

			border-right: 1px #FAD00C solid;

			border-left: 0px;



			padding-top:	30px;

			padding-left:	35px;

			padding-right:	35px;

			padding-bottom:	30px;

	}



	td.sample_2 {

			border-top: 0px; 

			border-bottom: 1px #FAD00C solid;

			border-right: 0px;

			border-left: 1px #FAD00C solid;



			padding-top:	30px;

			padding-left:	35px;

			padding-right:	35px;

			padding-bottom:	30px;

	}



	td.sample_3 {

			border-top: 1px #FAD00C solid;

			border-bottom: 0px;

			border-right: 1px #FAD00C solid;

			border-left: 0px;



			padding-top:	30px;

			padding-left:	35px;

			padding-right:	35px;

			padding-bottom:	30px;

	}



	td.sample_4 {

			border-top: 1px #FAD00C solid; 

			border-bottom: 0px;

			border-right: 0px;

			border-left: 1px #FAD00C solid;



			padding-top:	30px;

			padding-left:	35px;

			padding-right:	35px;

			padding-bottom:	30px;

	}





	td.revu_all {

			padding-top:	0px;

			padding-left:	30px;

			padding-right:	30px;

			padding-bottom:	10px;

	}





	table.sidebar2	{ 

			background-color: #f7fff7; 

			border-top: 3px #002800 solid; 

			border-bottom: 1px #002800 solid;

			border-right: 0px;

			border-left: 0px;



			padding-top:	5px;

			padding-left:	8px;

			padding-right:	8px;

			padding-bottom:	10px;

	}



	td.thSidebar {

			font-size: 0.55em; 

			letter-spacing: 0.25em; 

			color: #EFC107;

	}





	th {

				background-color:	#0D5C07;

				color:				#FFFFFF;



				font-size:			0.78em;

				font-weight:		bold;



				padding-top:		1px;

				padding-bottom:		1px;

				padding-left:		10px;

				padding-right:		10px;

	}



	tr.row0 {

				background-color:	#FFFFFF;

	}



	tr.row1 {

				background-color:	#EDEDED;

	}



	td.cell {

				padding-top:		2px;

				padding-bottom:		2px;

				padding-left:		6px;

				padding-right:		6px;

	}



	table.hdr {

				width:				100%;

				background-color:	#996E11;

	}



	table.reviews {

				background-image:		url(images/taps_large.jpg);

				background-repeat:		no-repeat; 

				background-attachment:	scroll; 



				height:					200px;

	}



	td.revu_cap {

				height:					60px;

				vertical-align:			middle;



				padding-left:			240px;

	}



	td.revu_descr  {

				padding-left:			185px;

				padding-right:			25px;



				text-indent:			35px;

	}





	table.articles {

				background-image:		url(images/jj_art.jpg);

				background-repeat:		no-repeat; 

				background-attachment:	scroll; 



				height:					135px;

	}



	td.art_cap {

				height:					135px;

				vertical-align:			middle;



				padding-left:			200px;

	}



	td.hdr_grad {

				background-image:		url(images/hdr_grad.jpg);

				background-repeat:		no-repeat; 

				background-attachment:	scroll; 



				padding-left:			160px;

				padding-right:			30px;



	}



	td.hdr_l {

				width:				240px;

				height:				130px;

	}



	td.hdr_c {

				width:				240px;

				height:				130px;

				text-align:			center;

	}



	td.hdr_r {

				height:				130px;

				text-align:			right;



				padding-top:		25px;

				padding-bottom:		4px;

				padding-left:		5px;

				padding-right:		15px;

	}



	td.mnubar {

				background-color:	#0D5C07;

				border-top:			5px #002800 solid;



				padding-top:		1px;

				padding-bottom:		5px;

				padding-left:		15px;

				padding-right:		10px;

	}



	td.col_l {

				width:				25%;



				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-right:		15px;

	}



	td.col_c {

				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-left:		15px;

				margin-right:		15px;

	}



	td.ool_r {

				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-right:		15px;

	}



	td.prodcaption {

				padding-right:		25px;

	}





	table.ftr {

				border-top:			2px #0D5C07 solid;



				margin-top:			30px;

				margin-bottom:		10px;



				width:				100%;

	}



	table.products {

				border:				1px solid #9E9E9E;

	}



	th.products {

				background-color:	#E3E3E3;

				color:				#002800;



				border-top:			2px solid #FFFFFF;

				border-left:		1px solid #FFFFFF;

				border-right:		1px solid #9E9E9E;

				border-bottom:		1px solid #9E9E9E;



				padding-top:		1px;

				padding-bottom:		1px;

				padding-left:		5px;

				padding-right:		5px;

	}





/* divs */



	div.frame {

				width:				100%;

	}



	div.frame2 {

				position:			relative;

				margin-top:			25px;

				width:				100%;

	}





	div.cart {

				float:				right;

				text-align:			right;

				vertical-align:		middle;

	}





	div.ftr {

				border-top:			2px #0D5C07 solid;



				position:			relative;

				top:				15px;



				margin-top:			30px;

				margin-bottom:		10px;



				width:				100%;



	}





	div.ftr_l {

				float:				left;



				padding-top:		3px;

				padding-bottom:		3px;

				padding-left:		3px;

				padding-right:		50px;

	}





	div.ftr_c {

				float:				right;



				padding-top:		3px;

				padding-bottom:		3px;

				padding-left:		10px;

				padding-right:		10px;

	}







	div.ftr_r {

				background-color:	#0D5C07;

				border-bottom:		3px #002800 solid;



				float:				right;



				vertical-align:		top;

				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		10px;

				padding-right:		10px;

	}





	div.col_lc {

				float:				left;

				width:				75%;



				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-right:		15px;

	}



	div.col_l {

				float:				left;

				width:				25%;



				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-right:		15px;

	}



	div.col_c {

				float:				left;

				width:				50%;



				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-left:		15px;

				margin-right:		15px;

	}



	div.ool_r {

				float:				left;

				width:				25%;



				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		5px;

				padding-right:		5px;



				margin-right:		15px;

	}



	div.img_l {

				float:				left;



				padding-bottom:		2px;

				padding-right:		7px;

	}





	div.img_r {

				float:				right;



				padding-bottom:		2px;

				padding-left:		7px;

	}



	div.img_rev {

				float:				left;



				padding-bottom:		8px;

				padding-right:		10px;

	}





	div.featured {

				float:				left;

				width:				100%;



				background-image:	url(images/featured-brews.gif);

				background-repeat: no-repeat; 

				background-attachment: scroll; 

				background-position: right top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				border-top:			2px solid #0D5C07;



				margin-bottom:		25px;

	}



	div.article {

				width:				100%;



				background-image:	url(images/article.png);

				background-repeat: no-repeat; 

				background-attachment: scroll; 

				background-position: left top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				margin-bottom:		25px;



				border-top:			2px solid #0D5C07;

	}



	div.trivia_b {

				float:				left;

				width:				100%;



				background-image:	url(images/beer_trivia.png);

				background-repeat:	no-repeat; 

				background-attachment: scroll; 

				background-position: left top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				margin-bottom:		25px;



				border-top:			2px solid #0D5C07;

	}





	div.specials {

				float:				left;

				width:				100%;



				background-image:	url(images/specials.png);

				background-repeat:	no-repeat; 

				background-attachment: scroll; 

				background-position: left top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				margin-bottom:		25px;



				border-top:			2px solid #0D5C07;

	}





	div.storehours {

				float:				left;

				width:				100%;



				background-image:	url(images/storehours.png);

				background-repeat:	no-repeat; 

				background-attachment: scroll; 

				background-position: left top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				margin-bottom:		25px;



				border-top:			2px solid #0D5C07;

	}



	div.poll {

				float:				left;

				width:				100%;



				background-image:	url(images/your_opinion.png);

				background-repeat:	no-repeat; 

				background-attachment: scroll; 

				background-position: left top;



				padding-top:		3px;

				padding-bottom:		5px;

				padding-left:		5px;

				padding-right:		5px;



				border-top:			2px solid #0D5C07;



				margin-bottom:		25px;

	}





	div.main { 

				padding-left:		5px;

				padding-right:		5px;

				padding-top:		5px;

				padding-bottom:		5px;



				background-color:	#FFFFFF;

	}







 /* paragraphs */



	p.ann {

	

				text-align:			center;

				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		25px;

				padding-right:		25px;



				color:				#D00000;

				font-size:			1em;



				border-bottom:		1px solid #FFDB35;

	}



	p.products {

				padding-top:		0px;

				padding-bottom:		10px;

				padding-left:		25px;

				padding-right:		25px;

	}





	p.article {

				font-size:			0.825em;

				color:				#083805;

	}



	p.article:first-letter {

				font-size:			1.875em;

				font-weight:		bold;

				font-style:			italic;

				letter-spacing:		20px;

				color:				#996E11;

	}







/* text, span, a */



	.gen {

				font-size:			0.825em;

				color:				#083805;

	}



	.genbr {

				font-size:			0.825em;

				color:				#996E11;

	}



	.gensm {

				font-size:			0.75em;

				color:				#083805;

	}



	.gensmbr {

				font-size:			0.75em;

				color:				#996E11;

	}



	.genxsm {

				font-size:			0.6em;

				color:				#083805;

	}



	.genxsmbr {

				font-size:			0.6em;

				color:				#996E11;

	}





	.genlg {

				font-size:			1em;

				color:				#083805;

	}



	.genlgbr {

				font-size:			1em;

				color:				#996E11;

	}





	.new {

				font-size:			0.74em;

				color:				#FF0000;

				font-weight:		bold;

	}





	.welcome {

				font-size:			0.9em;

				color:				#FFFFFF;

	}







	.dateline {

				font-size:			0.7em;

				font-weight:		bold;

				

				color:				#FFDB35;

	}





	.copyright { 

				font-size:			0.66em; 

				color:				#0D5C07; 



	}



	.mnu_sm { 

				text-decoration:	none;

				color:				#FFDB35;

				border:				1px solid #0D5C07;



				padding-left:		1px;

				padding-right:		1px;

	}





	a.mnu_sm, a.mnu_sm:active, a.mnu_sm:visited { 

				font-size:			0.66em; 

				text-decoration:	none;

				color:				#FFFFFF;

				border:				1px solid #0D5C07;



				padding-left:		1px;

				padding-right:		1px;

	}





	a.mnu_sm:hover { 

				font-size:			0.66em; 

				text-decoration:	none;

				color:				#FFFFFF;

				border:				1px solid #FFDB35;



				padding-left:		1px;

				padding-right:		1px;

	}



	.mnu_lg { 

				text-decoration:	none;

				color:				#FFDB35;

				border:				1px solid #0D5C07;



				padding-left:		1px;

				padding-right:		1px;

	}





	a.mnu_lg, a.mnu_lg:active, a.mnu_lg:visited { 

				font-size:			0.78em; 

				font-weight:		bold;

				text-decoration:	none;

				color:				#FFFFFF;

				border:				1px solid #0D5C07;



				padding-left:		1px;

				padding-right:		1px;

	}





	a.mnu_lg:hover { 

				font-size:			0.78em; 

				font-weight:		bold;

				text-decoration:	none;

				color:				#FFFFFF;

				border:				1px solid #FFDB35;



				padding-left:		1px;

				padding-right:		1px;

	}



	a.shopcart, a.shopcart:active, a.shopcart:visited { 

				font-size:			0.625em; 

				font-weight:		bold;

				text-decoration:	none;

				color:				#0000FF;

	}





	a.shopcart:hover { 

				font-size:			0.625em; 

				font-weight:		bold;

				text-decoration:	underline;

				color:				#0000FF;

	}



	.bluelink {

				font-size:			0.75em;

				color:				#0000FF;

	}





	a.bluelink, a.bluelink:active, a.bluelink:visited { 

				font-weight:		bold;

				text-decoration:	none;

				color:				#0000FF;

	}





	a.bluelink:hover { 

				font-size:			0.75em; 

				font-weight:		bold;

				text-decoration:	underline;

				color:				#0000FF;

	}



	.errmsg {

			color: #DD0000;

			font-size: 0.8em;

	}



	.highlight {

			font-size: 1.025em;

			background-color: #FFFBBB;

	}



	.usave {

			font-size: 0.85em;

			color: #0000FF;

			font-weight: bold;

	}

	.usave2 {

			font-size: 0.8em;

			color: #0000FF;

			font-weight: normal;

	}













/* misc */

	

	hr.main {

				height:				0px;

				border-top:			1px solid #FFDB35;

	}



	select.filter {

				font-size:			0.75em;

				color:				#083805;

	}



	input.filter {

				font-size:			0.75em;

				color:				#083805;

	}





		

/* form stuff */



	.genfrm {

		margin: 0 auto 20px auto;

		padding: 0;

		width: 60%;

	}



	.genfrm input, #genfrm select, #genfrm textarea, #genfrm radio, #genfrm checkbox {

		margin: 0.1em 0;

		font-size: 11px;

		font-family: arial, serif;

	}



	.genfrm p {

		padding: 0;

		width: 60%;

		margin: 0 auto;

		text-align: center;

	}





	.genfrm fieldset {

		padding: 1em;

		border: 1px solid #996E11;

		margin: 8px auto 6px auto;

		font-size: 0.73em;

	}



	.genfrm .fontgen {

		font-size: 0.96em;

		color: #083805;

	}



	.genfrm .fontsmbr {

		font-size: 0.8em;

		color: #996E11;

	}



	.genfrm .fontmedbr {

		font-size: 0.9em;

		color: #996E11;

	}





	.genfrm label {

		float: left;

		width: 33%;

		margin-right: 0.5em;

		padding-top: 0.3em;

		text-align: right;

		font-weight: normal;

		color: #083805;

	}





	.genfrm legend {

		padding: 0.25em 1.65em;

		margin-bottom: 9px;

		border: 1px solid #996E11;

		background-color: #FFFFFF;

		color: #996E11;

		text-align: right;

		font-size: 1em;

		font-weight: bold;

	}







/* eof */