/*	
	Website:	winesaverpro.com
	File:		wspcart.css

	css for cart items
*/


	div.prod {
		width: 80%;
		margin: 0 auto 0 40px;
		color: #FFFFFF;
	}
	
		
	#prod h2 {
		margin: 20px 24px 12px 24px;
		color:	#FFFF66;
		font-size: 1.15em; 
		font-weight: bold; 
	}
	
	
	
	div.prod_img { float: left; width: 235px; font-size: 0.8em; }
	
	.prod_img img {display: block; padding: 0 25px 3px 0;}


	p.addto {
		margin: 20px 0 0 0;
		line-height: 115%;
	}
	
	p.addto b {
		padding-left: 60px;
	}
	
	.ctr {text-align: center;}
	
	p#err {
		margin: 20px auto 30px auto;
		line-height: 115%;
		color: #FFFFFF;
		font-weight: bold;
		width: 50%;
		padding: 6px;
		border: 1px solid #FF3333;
		text-align: center;
	}

	p#err2 {
		margin: 20px 24px 30px 24px;
		line-height: 115%;
		color: #FFFFFF;
		padding: 6px;
		border: 1px solid #FF3333;
		text-align: center;
	}
	
	
	p.back {
		margin: 5px 0 45px 15px;
		line-height: 115%;
	}
	
	
	table.cart {
		border-bottom:		1px #990033 solid;
		width: 90%;
		margin: 0 auto 30px auto;
	}
	
	table.cart2 {
		border-bottom:		1px #990033 solid;
		width: 75%;
		margin: 0 auto 30px auto;
	}
	
	table.cart caption {
		text-align: right;
		font-size: 12px;
		color: white;
	}
	
	.row0 {
		background-color: #404040;
	}
	
	.row1 {
		background-color: #5A5A5A;
	}
	
	.rowX {
		background: #404040 url(images/rowX_bg.gif) bottom left repeat-x;
	}


	table.login {
		margin: 10px 24px;
		color: #FFFFFF;
	}

	
	.cart td.cell {
		padding-left:		8px;
		padding-right:		8px;
		padding-top:		4px;
		padding-bottom:		4px;
	}
	
	.cart2 td.cell {
		padding-left:		8px;
		padding-right:		8px;
		padding-top:		2px;
		padding-bottom:		2px;
	}
	
	.cart2 td.cell_r {
		padding-left:		8px;
		padding-right:		4px;
		padding-top:		2px;
		padding-bottom:		2px;
		text-align: right;
	}
	
	.cart td.tbl_hdr, .cart2 td.tbl_hdr {
		background-color:	#990033;

		text-align:			center;

		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		font-weight:		normal;
		color:				#FFFFFF;

		padding-left:		6px;
		padding-right:		6px;
		padding-top:		2px;
		padding-bottom:		2px;
	}
	
	h3.heading {
		color:	#FFFF66;
		font-size: 14px; 
		font-weight: bold; 
		margin: 20px 0;
	}
	
	h3.heading2 {
		color:	#FFCC66;
		font-size: 0.95em; 
		font-weight: bold; 
		margin: 20px 0 10px 24px;
	}

	.heading2 a:link, .heading2 a:visited, .heading2 a:hover, .heading2 a.active {
		color:	#FFCC66;
	}
	
	.cart2 a:link, .cart2 a:visited {
		color:	#FFFFFF;
		text-decoration: none;
	}
	
	.cart2 a:hover {
		color:	#FFFF66;
		text-decoration: underline;
	}
	
	.cart2 a.active {
		color:	#FFFFFF;
		text-decoration: none;
	}
	
	a.reg, a.reg:active, a.reg:visited { 
		font-weight: bold;
		color: #FFCC66; 
		text-decoration: underline; 
	}
	
	a.reg:hover { 
		font-weight: bold;
		color: #FFFF66; 
		text-decoration: underline; 
	}
	
	a.btn, a.btn:active, a.btn:visited { 
			font-size : 12px; 
			font-weight: bold;
			color: #FFFFFF; 
			text-decoration: none; 
			border: 1px #FFFFFF solid;
			padding-left:	3px;
			padding-right:	3px;
			padding-top:	2px;
			padding-bottom:	2px;
	}
	
	a.btn:hover { 
				font-size : 12px; 
				font-weight: bold;
				color: #FFCC66; 
				text-decoration: none; 
				border: 1px #FFFFFF solid;
				padding-left:	3px;
				padding-right:	3px;
				padding-top:	2px;
				padding-bottom:	2px;
	}
	
	
	a.btnlt, a.btnlt:active, a.btnlt:visited { 
				font-size : 12px; 
				font-weight: bold;
				color: #333333;
				background-color: #CCCCCC;
				text-decoration: none; 
				border: 1px #CCCCCC solid;
				padding-left:	3px;
				padding-right:	3px;
				padding-top:	2px;
				padding-bottom:	2px;
	}
	
	a.btnlt:hover { 
				font-size : 12px; 
				font-weight: bold;
				color: #333333; 
				background-color: #FFCC66;
				text-decoration: none; 
				border: 1px #CCCCCC solid;
				padding-left:	3px;
				padding-right:	3px;
				padding-top:	2px;
				padding-bottom:	2px;
	}
	
	a.btnsm, a.btnsm:active, a.btnsm:visited { 
			font-size : 11px; 
			color: #FFFFFF; 
			text-decoration: none; 
			border: 1px #FFFFFF solid;
			padding-left:	3px;
			padding-right:	3px;
			padding-top:	2px;
			padding-bottom:	2px;
			margin-top: 3px;
	}
	
	a.btnsm:hover { 
				font-size : 11px; 
				color: #FFCC66; 
				text-decoration: none; 
				border: 1px #FFFFFF solid;
				padding-left:	3px;
				padding-right:	3px;
				padding-top:	2px;
				padding-bottom:	2px;
				margin-top: 3px;
	}
	
	p.usd {
		width: 80%;
		margin: 4px 24px;
		line-height: 115%;
		font-size: 0.75em;
		color: #DDDDDD;
		text-align: center;		
	}
	
	p.needar {
		width: 80%;
		margin: 28px 24px;
		line-height: 115%;
		font-size: 0.925em;
		font-weight: bold;
		color: #FFCC66;		
	}
	
	p.buttons {
		width: 80%;
		margin: 42px auto 25px 50px;
	}


	.gensm {
		font-size: 0.85em;
	}
	
	.login span.reqd {
		color:	#FFFF66;
		font-size: 1.33em; 
		font-weight: bold; 
	}

/* form */

	#contactfrm {
		margin: 20px 24px;
		padding: 0;
	}

	#contactfrm input, #contactfrm select, #contactfrm textarea {
		margin: 0 0 0.2em 0;
	}

	#contactfrm select.sel2 {
		margin: 0 0 0.4em 0;
	}

	fieldset {
		padding: 1em;
		border: 1px solid #FFCC66;
		margin: 15px auto 20px 35px;
		font-size: 0.8em;
		width: 80%;
	}

	label {
		float: left;
		width: 33%;
		margin-right: 0.5em;
		padding-top: 0.3em;
		text-align: right;
		font-weight: normal;
		color: #FFFFFF;
	}


	legend {
		padding: 0.25em 1.65em;
		border: 1px solid #FFCC66;;
		color: #FFCC66;
		text-align: right;
		font-weight: bold;
	}

	#formbtn {
		margin: 0 auto 35px auto;
		padding: 0;
		text-align: center;
	}

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

	p.frmexpl {
		margin: 6px 10px 8px 10px;
		line-height: 115%;
		color: #FFCC66;
		text-align: left;
	}
	
	input.readonly {
		background-color: #CCCCCC;
		color: #202020;
	}
	
	span#weight, span#meas {font-weight: bold;}