
/*////////////////////////////////////////////////////////////////*/
/*/////////////// TOP TEN PROOFS GLOBAL CSS FILE /////////////////*/
/*/////////////////// created by Andrew Dutko ////////////////////*/
/*////////////////////////////////////////////////////////////////*/


/* MAIN BODY, HEADERS, FONTS							 (tag:=main)
------------------------------------------------------------------*/

html		{	width:100%; background:white url('img/bg.gif') repeat-x; }
body		{	margin:0 auto;
				font-family:"Trebuchet MS";
				font-size:12px;
				width:100%;
				height:100%;
				text-align:center;
			}
p			{	font-size:12px; line-height:16px; }
p.tiny		{	font-size:10px; margin:0; }
p.upsell	{	padding:8px 20px; background:#fffcdf; border:1px dashed #c1ab66; color:#4f4321; }
img			{	margin:0; border:0; }
a,
a:visited,
a:active 	{	color:#1d5491; }
h2			{	margin:0;
				color:#244884;
				font-size:24px;
			}
h3			{	min-width:309px;
				display:block;
				background:transparent url('img/bg_h3.gif') no-repeat;
				padding-top:10px;
				padding-left:23px;
				font-size:16px;
				margin-top:0;
			}
h4			{	font-size:14px; font-weight:normal; margin-top:1em; margin-bottom:0; }
h5			{	font-size:18px;
				font-weight:normal;
				margin:1em 0;
			}
em			{	font-weight:bold; }
.red		{	color:red; font-weight:bold; }
.green		{	color:green; font-weight:bold; }
img			{	margin:0; }
div			{	text-align:left; }
.left		{	float:left; }
.right		{	float:right; }
.imgleft	{	float:left; margin-right:2em; }
.imgright	{	float:right; margin-left:2em; }
.contact br	{	clear:left; }
hr			{	border:0;
				border-top:1px dotted gray;
				margin:0;
			}
span.u		{	text-decoration:underline; }
span.note	{	font-size:11px;
				color:gray;
				line-height:9px;
			}
p.smprice	{	text-indent:10px; }

/* DIVS AND TABLES										 (tag:=divs)
------------------------------------------------------------------*/

div#center	{	width:760px; margin:0 auto; position:relative; }
div#footer	{	height:62px;
				width:654px;
				background:#f2f6f7 url('img/bg_footer.gif') repeat-x;
				padding:19px 53px;
			}


/* BLUE HEADER										   (tag:=header)
------------------------------------------------------------------*/

div#header	{	background:#1c65a0 url('img/bg_header.gif') repeat-x;
				height:60px;
				width:760px;
				position:relative;
			}
div#header img { vertical-align:bottom; float:left; }

div#header a{	font-size:12px;
				font-family:arial, sans-serif;
				color:#bcd5ea;
				padding:8px 23px 10px;
				display:block;
				float:left;
				height:12px;
				background-color:#1f5294;
				font-weight:bold;
				margin-top:30px;
				text-align:center;
			} 	div#header a.on { color:#134483; background:white url('img/bg_content.gif') repeat-x; }
				div#header a:hover { background-color:#134483; }
div#header
a#logo		{	display:block;
				float:left;
				margin:0;
				padding:0;
				width:227px;
				height:60px;
			}
a#logo img	{	margin-right:0; padding-right:0; border:0; }
#cartdate	{	z-index:50;
				/*float:left;*/
				position:absolute;
				/*left:530px;*/
				right:0;
				width:400px;
				display:block;
				height:18px;
				text-align:right;
			}
div#header
a.cart		{	font-size:12px;
				font-family:arial, sans-serif;
				color:white;
				padding:0;
				display:inline;
				float:none;
				height:auto;
				background-color:transparent;
				font-weight:bold;
				margin-top:0;
				vertical-align:top;
			}
.date		{	margin:5px 10px;
				color:#bcd5ea;
				font-size:14px;
				font-weight:bold;
			}
div#header
a.sendtof	{	padding:0;
				margin:0;
				margin-left:10px;
				float:right;
				background-color:transparent; 
			}
img.send	{	
			}


/* LIGHT BLUE BANNER (homepage only)				   (tag:=banner)
------------------------------------------------------------------*/

div#banner			{	height:160px;
						width:680px;
						background:#f0f8fe url('img/bg_banner_prods.jpg') no-repeat;
						padding:20px 40px;
					}
div#banner p		{	font-size:13px; line-height:20px; font-weight:bold; margin-top:8px; }
div#banner em		{	font-size:15px;
						color:#2b455c;
						font-weight:bold;
					}
.buy				{	display:block;
						font-family:"Trebuchet MS";
						width:156px;
						height:33px;
						background-image:url('img/btn_green_big.gif');
						color:#5d8b13;
						font-size:18px;
						font-weight:bold;
						padding:9px 0 0 48px;
						border:0;
					}
input.buy			{	width:204px;
						height:42px;
						padding:9px 48px;
					}

/* MAIN CONTENT DIV									  (tag:=content)
------------------------------------------------------------------*/

div#content				{	width:640px;
							background:white url('img/bg_content.gif') repeat-x;
							padding:27px 60px;
							border-top:2px solid white;
							min-height:375px;
							font-family:sans-serif;
						}
table					{	border-spacing:10px; }
td.product				{	width:320px;
							padding-right:15px;
							min-height:200px;
							background:#f2f2f2 url('img/bg_product.gif') repeat-x;
							vertical-align:top;
						}
td.product img			{	float:Left; }
td.product p			{	font-size:12px; margin:0.5em 0 0; }
td.product a.freesmpl	{	display:block; margin:5px; }
td.product form			{	margin:0; }
a.action				{	font-size:14px;
							
							margin-right:auto;
						}	a.action:hover { color:#5f9938; }
a.action img			{	vertical-align:middle; }
.ad						{	margin:0 -33px 27px 50px; float:right; }
.ss						{	margin:0 50px 27px -33px; float:left; clear:left; }
a.smallblue,
a.smallblue:active,
a.smallblue:visited		{	padding:5px 14px 3px;
						color:white;
						font-weight:bold;
						background:#447497 url('img/btn_smallblue.gif') repeat-x;
						text-decoration:none;
						}
						
/* SHOPPING CART STARTS HERE */
table.cart				{	width:100%; border:1px dotted gray; }
.cart td, .cart th		{	padding:0;
							margin:0;
							text-align:center;
						}
.cart td.textleft,
.cart th.textleft		{	text-align:left; }
.cart td.textright,
.cart th.textright		{	text-align:right; }



/* FOOTER											   (tag:=footer)
------------------------------------------------------------------*/

div#footer
p			{	color:#919da1;
				font-size:11px;
				line-height:20px;
				margin:0;
			}
div#footer
p a 		{	color:#8296a2; }


/* OTHER STYLES											(tag:=other)
------------------------------------------------------------------*/

.big				{	font-size:18px; }
ul					{	padding:0; padding-left:1em; margin-left:0; }
ul.big li			{	font-size:13px; line-height:20px; font-weight:800; clear:left;}
ul.threecols		{	width:400px; padding-left:15px; margin:0; }
li					{	font-size:12px;
						line-height:16px;
						padding:0 1px;
					}
ul.threecols li		{	height:16px; }
ul.threecols li.l	{	width:33%; }
ul.threecols li.m	{	margin-left:33%;
						margin-top:-16px;
						width:33%;
					}
ul.threecols li.r	{	margin-left:66%;
						margin-top:-16px;
						width:33%;
					}
p.message			{	width:100%;
						height:23px;
						margin:0;
						padding-top:7px;
						text-align:center;
						background-color:#F0F0F0;
						border-bottom:1px dotted gray;
					}
.bestvalue			{	float:right;
						margin-top:-175px;
						clear:right;
					}
.allprods			{ float:right;
						margin-top:-225px;
						margin-right:80px;
					}

/* GREYED OUT POPUP										(tag:=popup)
------------------------------------------------------------------*/

.popup {background-color: rgb(0, 0, 0);opacity: 0.8;
-moz-opacity:0.80;filter: alpha(opacity=80);
z-index: 100;height: 100%;width: 100%;background-repeat:repeat;position:absolute;top: 0px;left: 0px;
text-align:center;} html>body div.popup { position:fixed; }

div.popupmsg {
background:white;
border:1px dotted gray;
width:350px;
height:200px;
padding:25px;
text-align:center;
position:absolute;
top:100px;
left:180px;
z-index:200;
}

h3 span {
font-style:italic;
font-size:70%;
font-weight:normal;
}

q {
font-weight:bold;

}
q:before {
content: url("img/quote_left.gif")
}
q:after {
content: url("img/quote_right.gif")
}

div.special {
	padding:10px 9px;
	width:740px;
	background:#FFBBBB;
	border:1px solid red;
}
div.special p {
	font-size:18px;
	margin:0;
	color:#AA0000;
	line-height:20px;
}
div.special p em {
	font-weight:800;
	font-size:20px;
}

/* Contact tables */
table#contact_tab {
	border:0;
	border-spacing:5px;
}
table#contact_tab td {
	padding:0;
	margin:0;
}
table#contact_tab input {
	border:1px solid #e0e0e0;
	border-top-color:#b3b3b3;
	background:white url(img/bg_input.gif) repeat-x;
	padding:3px;
	width:160px;
}
table#contact_tab textarea {
	border:1px solid #e0e0e0;
	border-top-color:#b3b3b3;
	background:white url(img/bg_input.gif) repeat-x;
	padding:3px;
	font:12px Verdana;
	width:300px;
}
table#contact_tab td.label {
	vertical-align:top;
	padding-right:10px;
}
table#contact_tab td.label label {
	padding-top:3px;
	position:relative;
	top:6px;
}
table#contact_tab input.submit {
	background:#c7e98e url(img/bg_send.gif) repeat-x;
	border:1px solid #c7e98e;
	font:800 12px Verdana;
	color:#3d612e;
	padding:5px 16px;
	width:auto;
}
label span {
	color:red;
	font-weight:800;
	line-height:0;
	font-size:16px;
	padding-left:4px;
}
address {
border:1px solid #ccc;
background-color:#fcfcfc;
padding:11px 12px;
width:140px;
text-align:center;
float:left;
margin-right:12px;
}
form.buyform { margin-top:24px; }
td.product form.buyform { float:left; }
body.article div#content p, body.article div#content h3, body.article div#content ul li { margin-left:216px; }
body.article div#content p em { font-size:12px; border-bottom:1px solid gray; }
p.art { margin:0.4em 0; }
td.product p.or { margin:0 5px 0 0; float:left; }