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

			Website:	winesaverpro.com
			Author:		John McKernan

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

			File:		\wsp.css
			Date:		10.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; 
			margin: 0 auto 12px auto;
			max-width: 985px;
			min-width: 775px;
			height:100%;
			background-color: #FFFFFF;
			font-family: arial, helvetica, sans-serif;
}




/* table styles */
table.main {
			background-color:	#CCCCCC;
}



td.title_l {
			padding-left:		25px;
			padding-right:		4px;
			padding-top:		1px;
			padding-bottom:		5px;
}

td.title_c {
			padding-left:		4px;
			padding-right:		4px;
			padding-top:		1px;
			padding-bottom:		5px;
}


td.title_r {
			padding-left:		4px;
			padding-right:		25px;
			padding-top:		1px;
			padding-bottom:		5px;
}

td.tag_l {
			text-align:			center;

			padding-left:		4px;
			padding-right:		4px;
			padding-top:		5px;
			padding-bottom:		3px;
}

td.tag_c {
			text-align:			center;

			padding-left:		4px;
			padding-right:		4px;
			padding-top:		5px;
			padding-bottom:		3px;
}


td.tag_r {
			padding-left:		4px;
			padding-right:		25px;
			padding-top:		5px;
			padding-bottom:		3px;
}



td.panel {
			padding-top:		5px;
			background-image:	url(images/pertable3.gif);
			background-repeat:	no-repeat;
			border-bottom:		1px #660033 solid;
}



td.intropanel {
			padding-top:		5px;

			background-color:	#CCCCCC;
			border-bottom:		1px #660033 solid;
}



td.copy {
			padding-left:		25px;
			padding-right:		25px;
			padding-top:		25px;
			padding-bottom:		25px;		

			background-color:	#666666;
			border-bottom:		1px #660033 solid;
}

td.form {
			padding-left:		25px;
			padding-right:		25px;
			padding-top:		10px;
			padding-bottom:		25px;		

			background-color:	#666666;
			border-bottom:		1px #660033 solid;
}


td.menubar { 
			height:				30px; 
			vertical-align:		middle;

			background-color:	#990033;
			border-top:			2px #660033 solid; 
}

td.menubar2 { 
			height:				50px; 
			vertical-align:		middle;

			background-color:	#990033;
			border-top:			2px #660033 solid; 
}


td.menubot {
			margin-top:			25px;
			height:				26px; 
			vertical-align:		middle;

			background-color:	#990033;
}

td.cell {
			padding-left:		5px;
			padding-right:		5px;
			padding-top:		2px;
			padding-bottom:		2px;
}

td.credits {
			padding: 6px 2px 0 0;
}


table.announce {
			margin-top:			60px;

			border:				1px #990033 solid;
}

table.announce_news {
			border:				1px #990033 solid;
}


td.announcetop {
			background-color:	#990033;


			text-align:			center;

			margin-bottom:		16px;

			padding-top:		3px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		3px;
}


td.announcecell {
			text-align:			left;

			padding-top:		4px;
			padding-left:		15px;
			padding-right:		15px;
			padding-bottom:		4px;
}

tr.row0 { background-color:		#DCDCDC; }
tr.row1 { background-color:		#EFEFEF; }




/* divs */
div.contact {
			width:				250px;
			text-align:			left;

			padding-left:		25px;
			padding-right:		25px;

			font-family:		Arial, Helvetica, sans-serif;
			font-size:			13px;
			font-weight:		bold;
}

div.panelmnu {
			width:				300px;
			text-align:			left;

			padding-left:		35px;
			padding-right:		35px;
}			


div.testimonialtop {
			padding-top:		0px;
			padding-left:		0px;
			padding-right:		0px;
			padding-bottom:		6px;
}

div.ttop_l {
			float:				left;
			color:				#FFFF66;
			background-color:	#999999;

			text-align:			left;
			font-style:			italic;
			font-size:			11px;
}

div.ttop_r {
			float:				right:
			background-color:	#999999;

			text-align:			right;
}

div.testimonial {
			border-top:			1px #660033 solid;

			color:				#FFFFFF;
			background-color:	#999999;

			text-align:			left;
			font-size:			13px;
			font-weight:		bold;

			margin-left:		45px;
			margin-right:		45px;

			padding-top:		5px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		0px;
}

div.testimonialfrom {
			border-bottom:		1px #660033 solid;

			color:				#000000;
			background-color:	#999999;

			text-align:			right;
			font-size:			11px;

			margin-left:		45px;
			margin-right:		45px;

			padding-top:		2px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		5px;
}


div.testimonialfrom {
			border-bottom:		1px #660033 solid;

			color:				#000000;
			background-color:	#999999;

			text-align:			right;
			font-size:			11px;

			margin-left:		45px;
			margin-right:		45px;

			padding-top:		2px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		5px;
}


div.quote {
			border-top:			1px #660033 solid;

			color:				#FFFFFF;
			background-color:	#999999;

			text-align:			center;
			font-size:			13px;
			font-style:			italic;
			font-weight:		bold;

			margin-left:		45px;
			margin-right:		45px;

			padding-top:		5px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		0px;
}

div.quotefrom {
			border-bottom:		1px #660033 solid;

			color:				#333333;
			background-color:	#999999;

			text-align:			right;
			font-size:			11px;

			margin-left:		45px;
			margin-right:		45px;

			padding-top:		2px;
			padding-left:		10px;
			padding-right:		10px;
			padding-bottom:		5px;
}


div.gallery {
			width:				350px;
			text-align:			left;
}




/* text */
.thdr { 
			font-size:			14px; 
			font-weight:		bold;
			color:				#FFFF66;
}

a.thdr, a.thdr:visited, a.thdr:active { 
			text-decoration:	none; 
}

a.thdr:hover { 
			text-decoration:	underline; 
}



.intro { 
			font-size:			20px; 
			color:				#FFFFFF; 
}


.intro2 { 
			font-size:			20px; 
			color:				#FFCC66; 
}


.subscript { 
			font-size:			9px; 
			font-weight:		bold;
			font-style:			italic;
			color:				#FFFFFF;
}

.gen { 
			font-size:			13px; 
			color:				#FFFFFF;
}

a.gen, a.gen:visited, a.gen:active { 
			color:				#FFFFFF; 
			text-decoration:	underline; 
}

a.gen:hover { 
			color:				#FFFFFF; 
			text-decoration:	underline; 
}

.gendk {
			font-size:			11px;
			font-weight:		normal:
			color:				#333333;
}
			

a.gendk, a.gendk:visited, a.gendk:active { 
			color:				#333333;
			text-decoration:	none;
			font-size:			13px;
			font-weight:		bold;
}

a.gendk:hover { 
			color:				#333333; 
			text-decoration:	underline; 
			font-size:			13px;
			font-weight:		bold;
}


.gensm { 
			font-size:			12px; 
			color:				#FFFFFF;
}

a.smap, a.smap:link, a.smap:visited, a.smap:active { 
			font-size:			12px; 
			color:				#FFFFFF;
}

a.smap:hover { 
			font-size:			12px; 
			color:				#FFFF66;
}

.gen2 { 
			font-size:			13px; 
			color:				#FFCC66; 
			font-weight:		bold;
}

a.gen2, a.gen2:visited, a.gen2:active { 
			color:				#FFCC66; 
			font-weight:		bold; 
			text-decoration:	none; 
}

a.gen2:hover { 
			color:				#FFCC66; 
			font-weight:		bold; 
			text-decoration:	underline; 
}

.caption { 
			font-size:			13px; 
			color:				#666666;
}

.caption2 { 
			font-size:			13px;
			color:				#990033; 
			font-weight:		bold;
}

a.caption, a.caption:visited, a.caption:active { 
			color:				#333333; 
			font-size:			14px;
			font-weight:		normal; 
			text-decoration:	none; 
}

a.caption:hover { 
			color:				#990033; 
			font-weight:		normal; 
			text-decoration:	underline; 
}

.formcaption { 
			color : #FFFFFF;
			font-size: 12px; 
}

.formmsg { 
			color : #FF6666;
			font-size: 13px; 
			font-weight: bold; 
}

.formtitle {
			color : #CCCCCC;
			font-size: 14px; 
			font-weight: bold; 
			border: 2px #FFCC66 solid; 
			padding-left:	4px;
			padding-right:	4px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.bio {
			color:	#FFFF66;
			font-size: 14px; 
			font-weight: bold; 
			font-style: italic;
}

.heading {
			color:	#FFFF66;
			font-size: 14px; 
			font-weight: bold; 
}

.scart { 
			font-size: 10px; 
			letter-spacing: +1px;
			color : #0000FF; 
}

a.scart, a.scart:visited, a.scart:active, { 
			font-size: 10px; 
			letter-spacing: +1px; 
			text-decoration: none; 
}

a.scart:hover { 
			font-size: 10px; 
			letter-spacing: +1px; 
			text-decoration: underline; 
}

.mnu_b {	
			font-size : 14px; 
			color: #FF99CC; 
			border: 1px #990033 solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}
a.mnu_b, a.mnu_b:visited, a.mnu_b:active { 
			font-size : 11px; 
			color: #FFFFFF; 
			text-decoration: none; 
}

a.mnu_b:hover { 
			font-size : 11px; 
			color: #FFFFFF; 
			text-decoration: none; 
			border: 1px #FFCCCC solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.mnu_t {		
			font-size : 18px; 
			color: #FF99CC; 
			border: 1px #990033 solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.mnu_t_act {		
			font-size : 18px; 
			color: #FF99CC; 
			border: 1px #990033 solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

a.mnu_t, a.mnu_t:visited, a,mnu_t:active { 
			font-size : 13px; 
			color: #FFFFFF; 
			text-decoration: none; 
}


a.mnu_t:hover { 
			font-size : 13px; 
			color: #FFFFFF; 
			text-decoration: none; 
			border: 1px #FFCCCC solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

a.mnu_t_act, a.mnu_t_act:visited, a.mnu_t_act:active { 
			font-size : 13px; 
			color: #FF9999; 
			text-decoration: none; 
}


a.mnu_t_act:hover { 
			font-size : 13px; 
			color: #FF9999; 
			text-decoration: none; 
			border: 1px #FFCCCC solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.mnu_t2 {		
			font-size : 18px; 
			color: #FF99CC; 
			border: 1px #990033 solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.mnu_t2_act {		
			font-size : 15px; 
			color: #FF99CC; 
			border: 1px #990033 solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

a.mnu_t2, a.mnu_t2:visited, a,mnu_t2:active { 
			font-size : 12px; 
			color: #FFFFFF; 
			text-decoration: none; 
}


a.mnu_t2:hover { 
			font-size : 12px; 
			color: #FFFFFF; 
			text-decoration: none; 
			border: 1px #FFCCCC solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

a.mnu_t2_act, a.mnu_t2_act:visited, a.mnu_t2_act:active { 
			font-size : 12px; 
			color: #FF9999; 
			text-decoration: none; 
}


a.mnu_t2_act:hover { 
			font-size : 12px; 
			color: #FF9999; 
			text-decoration: none; 
			border: 1px #FFCCCC solid;
			padding-left:	2px;
			padding-right:	2px;
			padding-top:	1px;
			padding-bottom:	1px;
}

.readmore { 
			font-size : 10px; 
			color: #FFFF66;
			font-style:	normal;
}

a.readmore, a.readmore:visited, a.readmore:active { 
			font-size : 10px; 
			color: #FFFF66;
			font-style:	normal;
			text-decoration: none; 
}

a.readmore:hover { 
			font-size : 10px; 
			color: #FFFF66;
			font-style:	normal;
			text-decoration: underline; 
}

.copyright { 
			font-size: 10px; 
			color: #660033; 
			letter-spacing: -1px;
}

a.email, a.email:active, a.email:visited, a.email:hover { 
			font-size: 13px;
			font-weight: bold;
			color: #0000FF; 
			text-decoration: underline;
}

.reqd { 
			font-size: 18px;
			font-weight: bold;
			color: #FFFF66; 
}



/* horizontal rules */
hr.frm {
			height: 0px; 
			border: solid #FFCC66 0px; 
			border-top-width: 1px; 
}



/* Form elements */
input,textarea, select {
			color : #000000;
			font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}


input.post, textarea.post, select {
			background-color : #FFFFFF;
}

input { 
			text-indent : 2px; 
}


input.button {
			background-color : #EFEFEF;
			color : #000000;
			font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}


input.mainoption {
			background-color : #E6F0E5;
			font-weight : bold;
}


input.liteoption {
			background-color : #E6F0E5;
			font-weight : normal;
}

img.box {
			border:	2px #990033 solid;
}


/* misc */
li {
	color:		#FFFFFF;
}


li.row0 {
	color:		#333333;
	background-color: #CCCCCC;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
}

li.row1 {
	color:		#333333;
	background-color: #EFEFEF;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
}






/* eof */