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

	css for main page layout elements
*/



/* general */
	html {height:100%;}

	* {
		margin: 0;
		padding: 0;
	}

	img { border: 0; }

	div.clearer { line-height: 0; height: 0; clear: both; }

	hr {
		margin: 25px auto;
		height: 0px; 
		border: solid #CCCCCC 0px; 
		border-top-width: 1px; 
		width: 84%;
	}

	acronym { cursor: help;	}

	img.pdf { margin: 0 17px; }
	


/* body */
	body {
		border: 6px #FFFFFF solid;
		margin: 0 auto;
		padding: 0 0 0px 0;
		height:100%;
		background-color: #FFFFFF;
		font-family: arial, helvetica, sans-serif;
		max-width: 1000px;
		min-width: 775px;
	}

	#wrap {
		background: #404040 url(images/bg_panel.gif) top left repeat-y;
		border-bottom: 2px #FFFFFF solid;
		min-height: 100%;
		position: relative;
	}

	* html #wrap { height: 99% }

	#inner-wrap {
		padding-bottom: 120px;
	}

	#inner-wrap:after {
		content:" ";
		display: block;
		clear: both;
	}


/* header */
	#header {
		clear: both;
		width: 100%;
		height: 140px;
		background: #FFFFFF url(images/tag_top.gif) no-repeat top center;
	}

	#search {
		position: absolute;
		top: 85px;
		left: 346px;
	}

	#hdr_logo {
		float: left;
		width: 185px;
		margin: 0 0 0 2px;
	}

	#hdr_rt {
		float: right;
		width: 160px;
		height: 125px;
		margin: 0 2px 0 0;
		background:  url(images/spotlight1.jpg) no-repeat top right;
	}

	#hdr_rt p {
		text-align: center;
		margin: 28px 0 0 0;
		font-size: 0.75em;
		line-height: 99%;
		color: #000066;
	}



/* left panel */
	#left {
		margin: 0 auto;
		float: left;
		width: 325px;
		min-height: 220px;
		text-align: center;
		background: url(images/periodic-table.gif) no-repeat top center;
	}

	#element { 
		font-size: 0.8em; 
		color: #333333;
		font-weight: bold;
	}

	#element em { 
		color: #990033; 
		font-style: normal;
		font-family: arial, helvetica, sans-serif;
	}

	#panelimg {
		margin: 40px auto 0 auto;
	}

	#panelimg_b {
		margin: 40px auto 0 auto;
		border: 2px #990033 solid;
	}

	#panelimg2 {
		margin: 25px auto 0 auto;
	}

	#panelimgcaption {
		margin: 1px auto 0 auto;
		text-align: center;
		font-size: 0.67em;
		letter-spacing: 0.05em;
		font-weight: normal;
		color: #990033;
	}

	#panelcaption {
		margin: 12px 20px;
		text-align: left;
		font-size: 0.78em;
		color: #990033;
	}
		

	p.paneldescr {
		margin: 12px 20px;
		text-align: left;
		font-size: 0.75em;
		font-weight: bold;
		color: #222222;
	}

	#panelcontent {
		padding: 10px 0 25px 0;
	}

	#panelcontent acronym {
		color: #990033;
		cursor: help;
	}

	#panelcontent span.wsp { color: #990033; }

	#panelquote {
		background: url(images/blockquote.gif) no-repeat top left;
		margin: 15px 25px 0 25px;
		padding: 12px 8px 0 12px;
		font-size: 0.9em;
		font-weight: bold;
		font-style: italic;
		color: #666666;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: left;
	}

	#panelquote:first-letter { font-size: 1.5em; color: #990033; }

	#panelquote span {
		font-size: 0.85em;
		font-weight: bold;
		font-style: normal;
	}

	#panelquote acronym {
		cursor: help;
	}


	#panelquotecite {
		display: block;
		margin: 2px 37px 35px 0;
		font-size: 0.64em;
		font-weight: normal;
		font-style: normal;
		color: #555555;
		text-align: right;
	}
		



/* content area */
	#main {
		position: relative;
		margin-left: 330px;
		background-color: #404040;
	}

	#content_tour {
		width: 400px;
		margin: 0 auto;
	}

	#content_video {
		width: 600px;
		margin: 0 auto auto 24px;
	}

	#content_ops {
		width: 90%;
		margin: 0 auto;
	}

	.content_man {
		width: 90%;
		margin: 0 auto;
	}


	#content {
		font-size: 0.9em;
		color: #FFFFFF;
	}


	p.gen {
		margin: 20px 24px;
		line-height: 115%;
	}

	p.gen a {
		font-size: 1em;
		color: #FFCC66;
		font-weight: bold;
	}

	p.gensm {
		margin: 20px 24px;
		line-height: 115%;
		font-size: 0.85em;
	}

	p.gensm_c {
		margin: 20px 24px;
		line-height: 115%;
		font-size: 0.85em;
		text-align: center;
	}

	p.gensm_c a {
		font-size: 1em;
		color: #FFCC66;
		font-weight: bold;
	}


	#content ul { 
		margin: 18px 52px 18px 62px; 
		list-style-image:	url(images/bullet.gif);
	}

	#content ul li { 
		line-height: 115%; 
		margin: 0 0 4px 0;
	}

	#content span.wspro {
		color: #FFCC66;
		font-weight: bold;
	}

	#content h2 {
		margin: 20px 24px 12px 24px;
		color:	#FFFF66;
		font-size: 1.15em; 
		font-weight: bold; 
	}


	#content h3 {
		margin: 20px 24px 12px 24px;
		color:	#FFFF66;
		font-size: 0.95em;; 
		font-weight: bold; 
	}

	#content h4 {
		margin: 20px 24px 12px 24px;
		color:	#FFCC66;
		font-size: 0.925em;; 
		font-weight: bold; 
	}

	.hilite_box {
	   background: #cccccc url(images/highlight_grad.gif) no-repeat;
	   margin: 22px 66px 12px 66px;
	   color: #111111;
	   font-size: 0.85em;
	   line-height: 125%;
	}
	.hilite_box2 {
	   background: #cccccc url(images/highlight_grad.gif) no-repeat;
	   margin: 22px auto 12px auto;
	   color: #111111;
	   font-size: 1em;
	   font-weight: normal;
	   line-height: 125%;
	   width: 75%;
	   overflow: visible;
	}
	.hilite_top div {
	   background: url(images/highlight_tl.gif) no-repeat top left;
	}
	.hilite_top {
	   background: transparent url(images/highlight_tr.gif) no-repeat top right;
	}
	.hilite_bottom div {
	   background: url(images/highlight_bl.gif) no-repeat bottom left;
	}
	.hilite_bottom {
	   background: transparent url(images/highlight_br.gif) no-repeat bottom right;
	}

	.hilite_top div, .hilite_top, .hilite_bottom div, .hilite_bottom {
	   width: 100%;
	   height: 7px;
	   font-size: 1px;
	}

	.hilite_content { margin: 0 10px 0 14px; }
	.hilite_box2 .hilite_content:after {clear: right;}

	.hilite_box2 .hilite_content p {margin: 10px 16px;}
	.hilite_box2 .hilite_content p.link { margin-top: 0; text-align: center; font-size: 0.9em;}
	.hilite_box2 .hilite_content p em {font-style: normal; color: #990033;}

	.hilite_box h6 {
		margin: 6px 0 1px -8px;
		font-weight: bold;
		font-size: 0.865em;
		letter-spacing: 0.05em;
		color: #C91E50;
	}

	.hilite_box h5 {
		margin: -5px 0 1px -8px;
		font-weight: bold;
		font-size: 0.85em;
		letter-spacing: 0.2em;
		color: #C91E50;
	}

	.hilite_box2 h5 {
		margin: -5px auto 10px auto;
		font-weight: normal;
		font-size: 0.9em;
		color: #990033;
	}

	.hilite_box #readmore {
		padding-left: 20px;
		font-size: 0.88em;
		letter-spacing: 0.1em;
	}

	.hilite_box cite,  .hilite_box2 cite {
		margin: 0 10px 9px auto;
		text-align: right;
		font-size: 0.77em;
		font-style: normal;
		line-height: 105%;
		color: #111111;
		display: block;
	}

	.hilite_box2 .imgr {
		float: right;
		margin: 12px 10px 0 auto;
		padding: 0 0 5px 20px;
	}

	.hilite_box2 .imgr p.graph {
		margin: 0;
		padding: 0;
		font-size: 0.75em;
		color: #990033;
		text-align: center;
	}

	img#wshimg {
		display: block;
		float: right;
		border: 0;
		width: 316px;
		height: 400px;
		margin: 0 20px 20px 10px;
		padding: 0 0 10px 5px;
	}

	div.clrright {height: 1px; clear: right;}



/* footer */
	#footer {
		clear: both;
		position: absolute;
		bottom: -1px;
		height: 120px;
		background: #FFFFFF url(images/tag_bottom.gif) no-repeat;
		background-position: 60% 4px;
		border-top: 1px #990033 solid;
		width: 100%;
		color: #FF00FF;
		text-align: center;
	}

	#ftr_argon { 
		float: left; 
		margin: 7px 0 0 18px;
	}

	#ftr_cart { 
		float: right; 
		margin: 12px 18px 0 0;
	}

	#addthis { 
		text-align: center;
		vertical-align: bottom;
	}

	#copyright { 
		font-size: 0.625em; 
		color: #660033; 
		letter-spacing: -1px;
		margin: 0 0 0 10px;
		text-align: left;
	}

	#copyright div { float: right; }

	#copyright div img {
		margin: 5px 8px 10px 8px;
		vertical-align: top;
	}
	
	#copyright img {
		margin: 0 8px 10px 20px;
		vertical-align: text-top;
	}

	#copyright span.dontwrap { white-space: nowrap; }


/* external links */
	a.external { color: #FFFF33; }

	a.external:link
	{
		background: url(images/xlink.gif) no-repeat 100% 0;
		padding: 0 24px 0 0;
	}

	a.external:visited
	{
		background: url(images/xlink.gif) no-repeat 100% -100px;
		padding: 0 24px 0 0;
	}

	a.external:hover
	{
		background: url(images/xlink.gif) no-repeat 100% -200px;
		padding: 0 24px 0 0;
	}


	a.external span
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}

	a.external_eml { color: #FFFF33; }

	a.external_eml:link
	{
		background: url(images/xlinkeml.gif) no-repeat 100% 4px;
		padding: 0 24px 0 0;
	}

	a.external_eml:visited
	{
		background: url(images/xlinkeml.gif) no-repeat 100% -96px;
		padding: 0 24px 0 0;
	}

	a.external_eml:hover
	{
		background: url(images/xlinkeml.gif) no-repeat 100% -196px;
		padding: 0 24px 0 0;
	}


	a.external_eml span
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}