﻿.visible
{
	display: block;
}
.hidden
{
	display: none;
}
#buttons div
{
	text-align: center;
}
#wine1, #beer1, #whisky1, #two, #three
{
	display: none;
}

body
{
	margin: 0px;
	padding: 0px;
}
div.clear
{
	clear: both;
}
html form
{
	margin: 0px;
}
h2
{
	color: #69822F;
	font: normal normal normal 20px/20px Arial;
	margin: 0px 0px 0px 30px;
}
/*ul,li{font-size:14px;}*/
/*Changes by Dev*/
ul, li
{
	margin-left: 20px;
	font-size: 14px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Arial, "bitstream vera sans" , "trebuchet ms" ,verdana,sans-serif;
}
.container
{
	width: 980px;
	margin: 0px auto;
}
.header
{
	width: 980px;
	height: 158px;
	display: block;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.header a
{
	position: absolute;
	display: block;
}
.header .progold
{
	width: 252px;
	height: 158px;
	left: 0px;
	top: 0px;
}
.header .watch
{
	width: 233px;
	height: 85px;
	left: 252px;
	top: 19px;
	cursor: hand;
}
.header .questions
{
	width: 233px;
	height: 85px;
	left: 499px;
	top: 19px;
}
.header .guarantee
{
	width: 233px;
	height: 85px;
	left: 741px;
	top: 19px;
}
.header .language
{
	width: 66px;
	height: 25px;
	right: 7px;
	bottom: 0px;
}

/*Changes by Dev*/
.menu
{
	width: 984px;
	height: 56px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 1000;
}

.menu .sf-menu a.howitworks
{
	width: 255px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/HowItworks.jpg);
	padding: 0px;
	float: left;
}
.menu .sf-menu a.howitworks:hover
{
	background-image: url(../images/menu/HowItworks_over.jpg);
}
.menu .sf-menu li.sfHover a.howitworks
{
	background-image: url(../images/menu/HowItworks_over.jpg);
}
.menu .sf-menu li ul
{
	margin-left: 17px;
}
.menu li.howitworks
{
	width: 255px;
}

.menu .sf-menu a.requestProkit
{
	width: 238px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/RequestAProkit.jpg);
	padding: 0px;
	float: left;
}
.menu .sf-menu a.requestProkit:hover
{
	width: 238px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/RequestAProkit_over.jpg);
}
.menu .sf-menu li.sfHover a.requestProkit
{
	width: 238px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/RequestAProkit_over.jpg);
}

.menu .sf-menu a.trackIt
{
	width: 235px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/TrackYourProkit.jpg);
	padding: 0px;
	float: left;
}
.menu .sf-menu a.trackIt:hover
{
	width: 235px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/TrackYourProkit_over.jpg);
}
.menu .sf-menu li.sfHover a.trackIt
{
	width: 235px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/TrackYourProkit_over.jpg);
}

.menu .sf-menu a.aboutProGold
{
	width: 252px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/AboutProGold.jpg);
	padding: 0px;
	float: left;
}
.menu .sf-menu a.aboutProGold:hover
{
	width: 252px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/AboutProGold_over.jpg);
}
.menu .sf-menu li.sfHover a.aboutProGold
{
	width: 252px;
	height: 56px;
	display: block;
	background-image: url(../images/menu/AboutProGold_over.jpg);
}
.menu .sf-menu li.aboutProGoldli ul
{
	margin-left: 1px;
}

/*Changes by Dev*/
.content
{
	width: 980px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -3px;
}
.content_left
{
	width: 309px;
	float: left;
}
.content_left .activate_your_prokit
{
	width: 309px;
	height: 97px;
	display: block;
	background-image: url(../images/activate_your_prokit.jpg);
	position: relative;
}
.content_left .activate_your_prokit input
{
	width: 167px;
	height: 18px;
	display: block;
	background-image: url(../images/activate_input.gif);
	border: none;
	left: 37px;
	top: 54px;
	background-color: transparent;
	position: absolute;
}
.content_left .activate_your_prokit .go
{
	width: 62px;
	height: 54px;
	display: block;
	position: absolute;
	top: 25px;
	left: 227px;
}

.content_left .reqProkit
{
	width: 309px;
	height: 400px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
}

.content_left .story
{
	width: 309px;
	height: 435px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/HappySellers.jpg);
	position: relative;
}
.content_left .story span
{
	position: absolute;
	left: 36px;
	top: 44px;
	width: 190px;
	color: #333333;
	font: italic normal normal 12px/19px Arial;
	display: block;
}
.content_left .story .tellus
{
	width: 286px;
	height: 46px;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 13px;
}
.content_right
{
	width: 671px;
	float: right;
}
.content_right .Stop_Wishing
{
	width: 671px;
	height: 532px;
	display: block;
	background-image: url(../images/Stop_wishing.jpg);
}

.footer
{
	width: 980px;
	font-family: Arial;
	font-size: 11px;
	text-align: center;
	padding-bottom: 30px;
}
.footer_links
{
	margin: 5px auto 0px auto;
	width: auto;
	font-family: Arial;
	font-size: 11px;
}
.footer a:link, .footer a:visited, .footer a:active, .footer a:hover
{
	text-decoration: none;
	color: #000;
	margin: 0px 8px;
}
.footer a.ebizsoft
{
	width: 114px;
	height: 25px;
	display: block;
	background-image: url(../images/ebizsoft.jpg);
}
.footer a.jvc
{
	width: 125px;
	height: 75px;
	display: block;
	position: relative;
	top: -10px;
	background-image: url(../images/JVCsmall.gif);
	margin: 30px 10px 0px 0px;
	float: right;
}
.footer span.copyright
{
	float: left;
	margin: 30px 0px 0px 0px;
	font-size: 10px;
}
.footer span.designedby
{
	float: right;
	margin: 35px 10px 0px 0px;
	font-size: 10px;
}
.footer span.designedby a.ebizsoft
{
	float: right;
	vertical-align: middle;
}
.footer a.verisign
{
	width: 172px;
	height: 44px;
	margin: 30px 10px 0px 0px;
	display: block;
	background-image: url(../images/basicrecgreen.gif);
	float: right;
}
.footer a.bbb
{
	width: 135px;
	height: 51px;
	margin: 30px 10px 0px 0px;
	display: block;
	background-image: url(../images/bbbsealh1.gif);
	float: right;
}

div.inside
{
	width: 655px;
	border: solid 1px #cbcbcb;
	margin-left: 10px;
}
div.insidetop
{
	width: 621px;
	border: solid 1px #ffffff;
	padding: 8px 16px;
	background-color: #698329;
	display: block;
	color: White;
	font: normal normal bold 16px/16px Arial;
}
div.insidetop img.left
{
	float: left;
}
/*div.inside p{padding:10px 35px; font:normal normal normal 14px/18px Arial;}*/
/*Changes by Dev*/
div.inside p
{
	padding: 10px 35px;
	font-size: 14px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Arial, "bitstream vera sans" , "trebuchet ms" ,verdana,sans-serif;
}
div.inside .green
{
	color: #698329;
	font-weight: bold;
}

table.prices
{
	width: 587px;
	border: solid 1px #698329;
	margin: 0px auto 20px auto;
}
table.prices th
{
	background-color: #ccad35;
	padding: 9px 0px 9px 5px;
	font: normal normal bold 12px/12px Arial;
	color: White;
	text-align: left;
}
table.prices td
{
	text-align: left;
	padding: 9px 0px 9px 5px;
}
table.prices tr.even td
{
	background-color: #f2e9ca;
}
/*spanish*/
.es .header
{
	background-image: url(../images/es/header.jpg);
}

.es .menu .sf-menu a.howitworks
{
	background-image: url(../images/es/menu/HowItworks.jpg);
}
.es .menu .sf-menu a.howitworks:hover
{
	background-image: url(../images/es/menu/HowItworks_over.jpg);
}
.es .menu .sf-menu li.sfHover a.howitworks
{
	background-image: url(../images/es/menu/HowItworks_over.jpg);
}

.es .menu .sf-menu a.requestProkit
{
	background-image: url(../images/es/menu/RequestAProkit.jpg);
}
.es .menu .sf-menu a.requestProkit:hover
{
	background-image: url(../images/es/menu/RequestAProkit_over.jpg);
}
.es .menu .sf-menu li.sfHover a.requestProkit
{
	background-image: url(../images/es/menu/RequestAProkit_over.jpg);
}

.es .menu .sf-menu a.trackIt
{
	background-image: url(../images/es/menu/TrackYourProkit.jpg);
}
.es .menu .sf-menu a.trackIt:hover
{
	background-image: url(../images/es/menu/TrackYourProkit_over.jpg);
}
.es .menu .sf-menu li.sfHover a.trackIt
{
	background-image: url(../images/es/menu/TrackYourProkit_over.jpg);
}

.es .menu .sf-menu a.aboutProGold
{
	background-image: url(../images/es/menu/AboutProGold.jpg);
}
.es .menu .sf-menu a.aboutProGold:hover
{
	background-image: url(../images/es/menu/AboutProGold_over.jpg);
}
.es .menu .sf-menu li.sfHover a.aboutProGold
{
	background-image: url(../images/es/menu/AboutProGold_over.jpg);
}

.es .content_left .activate_your_prokit
{
	background-image: url(../images/es/activate_your_prokit.jpg);
}
.es .content_left .story
{
	background-image: url(../images/es/HappySellers.jpg);
}
.es .content_right .Stop_Wishing
{
	background-image: url(../images/es/Stop_wishing.jpg);
}

table.formtable
{
	margin: 0px auto;
	width: 400px;
}

table.formtable th
{
	text-align: right;
	background-image: none;
	background-color: transparent;
}
table.formtable th.left
{
	text-align: left;
	padding-top: 10px;
}
table.formtable td
{
	padding-top: 10px;
}
table.formtable td.notop
{
	padding-top: 0px;
}
table.formtable td.alignright
{
	text-align: right;
}


div.insidemid ol
{
	list-style-type: lower-alpha;
	margin: 0px 0px 0px 55px;
	padding: 0px;
}

ul
{
	font-family: Arial;
}

span.sectionTitle
{
	color: #69822F;
	font-weight: bold;
	text-decoration: underline;
}
#contact li
{
	list-style: none;
}

.sf-menu li li
{
	z-index: 1000000;
}

/*Changes by Dev*/
table.contacttable
{
	width: 350px;
}

table.contacttable th
{
	text-align: left;
	margin: 0px;
}

table.contacttable td, table.contacttable th
{
	padding: 10px 0px 0px 0px;
	vertical-align: top;
}

div.activate_your_prokit span
{
	font: normal normal normal 11px/11px Arial;
	position: absolute;
	top: 40px;
	left: 40px;
}

div.header span
{
	font: normal normal bold 26px/11px Arial;
	position: absolute;
	width: 300px;
	height: 20px;
	top: 138px;
	left: 275px;
	color: #000080;
}

handcursor
{
	cursor:hand;
}

/* specify media / hide from Mac/IE5 */
@media screen, projection, print
{
	/* stretch pagecontent box wide for background image and apply constraints
				   to navbar, topicauthors, and dubious-additional-container-div instead. */

	/* user notes */
	.usernotes
	{
		clear: both;
		float: right;
		width: 50%;
		margin: 0px 0px 0px 0px;
	}

	.usernotes h2, .usernotes h3
	{
		margin: 10;
		border: 0px solid #768faa;
		color: #fff;
		font-size: 2;
		padding: 2px 1px;
		position: relative;
		z-index: 1000;
		font-weight: normal;
	}

	#form2 textarea
	{
		border: 0px solid #E3E1DB;
	}


	.usernotes h3
	{
		font-size: 1em;
	}

	.usernotes .note, .usernotes .addnote
	{
		border: 0px solid #d3dce4;
		position: relative;
		z-index: 500;
		margin: -1px 0 0 0; /*padding: 10px 5px 5px 2px;*/
	}

	.usernotes .addnote
	{
		padding-bottom: 0px;
	}

	.usernotes .note dl dt
	{
		position: absolute;
		left: -10000px;
	}

	.usernotes .note dl, .usernotes .note dd
	{
		margin: 0;
		padding: 0;
	}

	.usernotes .note dl .noteid, .usernotes .note dl .author, .usernotes .note dl .date, .usernotes .note dl .topic
	{
		display: inline;
		font-weight: bold;
	}

	.usernotes .note dl dd, .usernotes .note dl dd a
	{
		color: #204d79 !important;
	}

	.usernotes .note dl dd.date
	{
		font-size: 0.8em;
		padding-left: 0px;
		color: #666 !important;
		font-weight: normal;
	}

	.usernotes .note dl dd.status
	{
		color: #363 !important;
		font-size: 0.8em;
		padding: 0 0 0 0px;
		margin: 0px 0 0 0;
		border-left: 0px solid #7ac366;
	}

	.usernotes .note .notecontent
	{
		background: #000000;
		padding: 0px 0px 0 0px;
		margin: 0px 0 0 0px;
		border: 1px solid #cfd9e3;
		position: relative;
	}

	#mainindex .usernotes .note
	{
		padding: 0px 0px 0px 0px;
	}

	#mainindex .note, #mainindex .note dd
	{
		font-size: 11px;
	}

	#mainindex .notecontent
	{
		font-style: italic;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}

	#mainindex .usernotes .note dl dd.date
	{
		position: absolute;
		font-size: 0.8em;
		text-align: right;
		bottom: 10px;
		right: 20px;
		z-index: 1;
	}

	.usernotes .note .notecontent span
	{
		display: block;
		width: 26px;
		height: 36px;
		position: absolute;
		left: -26px;
		top: 0;
	}

	.usernotes .note p, .usernotes .addnote p
	{
		margin: 0 0 0 0;
	}

	#mainindex .usernotes .note p
	{
		margin: 0;
	}



	#addnote
	{
		margin: 0 0 0 0;
	}
	/*---- Covergence Subscription Registration ----*/

}




