@charset "utf-8";

/******
/-----------------
	Jespo Stylesheet V.1
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2008
	--------------------------/
******/



/**	---------
	CSS Reset	**/
html, body, div, span, img, table, td, li, button, h1, h2, h3, h4, a { margin: 0px; padding: 0px; border: none; }
a { text-decoration: none; }
table { border-collapse: collapse; }
p { padding: 5px 0px; margin: 0px; }


/**	---------
	Start CSS	**/

body {
	background: #58b552;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #666;
}

hr { border: none; width: 300px; height: 1px; border-top: 1px solid #fff; padding: 4px 0px; margin: 8px; }
	hr.alter { border-top: 1px solid #ccc; width: 430px; }

h1.home { font-size: 24px; color: #cecece; padding: 5px 0px 0px 60px; line-height: 26px; }

h2 { font-size: 16px; color: #666; padding: 5px 0px 0px 10px; }

h4 { color: #666; font-size: 14px; padding: 5px 0px; }


#container {
	margin: 10px auto;
	width: 934px;
}


#header {
	width: inherit; height: 130px;
	background: url(../images/jespo-boxes.gif) top no-repeat;
	position: relative;
	z-index: 2;
}

#nav {
	position: absolute; top: 59px; left: 20px;
	font-size: 18px; font-weight: bold;
}
	#nav a { display: block; width: auto; padding: 15px 3px 0px 3px; color: #9297a1; }
		#nav a:hover { color: #636363; background: url(../images/nava_bg.gif) 3px 5px no-repeat; }
	#nav ul { padding: 0px; margin: 0px; list-style: none; }
	#nav li { float: left; margin: 0px 10px; }
	
	
#content {
	width: 920px;
	border-left: 7px solid #e8e8e8; border-right: 7px solid #e8e8e8;
	background: #fff;
	line-height: 18px;
}
	#content a { color: #816cdc; }
	#content a:hover { color: #28108f; }
	
	#content #left-box-home { width: 334px; height: 375px; margin: 0px 0px 0px 22px; background: url(../images/left-box-home.jpg) no-repeat; position: relative; }
		#content #left-box-home p { position: absolute; top: 61px; left: 40px; font-weight: bold; font-size: 14px; color: #a1a5af; padding: 0px; width: 271px; }
		#content #left-box-home span.spacer { display: block; width: 65px; height: 5px; float:left; }
		#content #left-box-home h2 { position: absolute; top: 154px; width: 334px; text-align: center; font-size: 20px; color: #636466; }
		#content #left-box-home a { display: block; width: 324px; position: absolute; bottom: 20px; font-size: 16px; font-weight: bold; color: #636466; text-align: right; padding: 0px 10px 0px 0px; }
			#content #left-box-home a:hover { color: #816cdc; }
	#content #buttons-color-home { width: 334px; height: 75px; margin: 13px 0px 0px 22px; background: url(../images/jespo-boxes.gif) 0px -247px; }
	#content #feature { width: 564px; height: 396px; }





#footer {
	width: inherit; height: 39px;
	background: url(../images/jespo-boxes.gif) no-repeat 0px -166px;
	font-size: 11px;
	text-align: center; padding: 41px 0px 0px 0px;
}
	#footer a { color: #666; }
	#footer a:hover { text-decoration: underline; }




/**	---------
	Declarations	**/



.product_topchunk { width: 420px; height: 21px; margin: 0px 4px 0px 22px; background: url(../images/jespo-boxes.gif) 0px -325px no-repeat; }
.productlisting {
	width: 400px;
	padding: 0 10px; margin: 0px 4px 0px 22px;
	background: #e3e1dd;
	color: #636466;
	overflow: hidden;
}
	.productlisting h2 { font-size: 18px; padding: 0px 0px 0px 15px; color: #636466; }
	#content .productlisting h3 { font-size: 14px; color: #636466; border-top: 2px solid #816cdc; margin: 0px; }
		#content .productlisting a.viewproduct { display: block; width: 380px; text-align: right; padding: 3px; color: #816cdc; font-size: 16px; font-weight: bold; }
		#content .productlisting a.viewproduct:hover { color: #241081; }
	.productlisting img { border: 1px solid #fff; margin-left: 5px; }
.product_bottomchunk { width: 420px; height: 20px; margin: 0px 4px 0px 22px; background: url(../images/jespo-boxes.gif) 0px -350px no-repeat; }




.contact_topchunk { width: 420px; height: 21px; margin: 0px 25px 0px 0px; background: url(../images/jespo-boxes.gif) 0px -372px no-repeat; }
.contactlisting {
	width: 400px;
	padding: 0 10px; margin: 0px 25px 0px 0px;
	background: #636466;
	color: #fff;
}
	#content .contactlisting a { color: #fff; }
	.contactlisting img { border: 2px solid #fff; margin: 3px 15px; }
.contact_bottomchunk { width: 420px; height: 20px; margin: 0px 25px 0px 0px; background: url(../images/jespo-boxes.gif) 0px -397px no-repeat; }

#content a.productmenu { font-size: 14px; color: #636466; margin: 5px 0px 0px 25px; display: block; width: 400px; padding: 3px 3px 3px 15px; background: #636466 url(../images/purchaseproduct_bg.gif) bottom left no-repeat; color: #fff; }
	#content a.productmenu:hover { background: #353535 url(../images/purchaseproduct_bg.gif) bottom left no-repeat; color: #fff;  }





.left { float: left; }
.right { float: right; }
.clear { clear: both; }


.darkgrey { color: #414141; }


p.buynowdetails { background: #e8e8e8; padding: 5px 75px 5px 0px; margin-bottom: 10px; font-weight: bold; }



.productinfo { width: 450px; margin: 0px 0px 0px 10px; }
.productinfo img.productlogo { margin: 0px 0px 0px 15px; }


img.border { margin: 10px 5px; border: 1px solid #ccc; }



a.buynow { display: block; width: 70px; height: 70px; background: url(../images/jespo-boxes.gif) -421px -247px; }
	a.buynow:hover { background: url(../images/jespo-boxes.gif) -491px -247px; }

a.webstuff { color: #fff; font-size: 11px; display: block; width: inherit; }
	a.webstuff:hover { color: #000; }


td.attachments { display: block; width: 144px; height: 158px; float: left; padding: 10px 0px 0px 0px; margin-right: 2px; text-align: center; background: url(../images/jespo-boxes.gif) -561px -247px; }



/**	----------
	BUY NOW STYLING	**/
	
select.type { width: 200px; margin: 10px; float:left; background: #fff; border: 1px solid #816cdc; color: #333; }
input.quantity { width: 200px; margin: 0px 10px 0px 10px; float:left; background: #fff; border: 1px solid #816cdc; color: #333; }
input.inputtext, textarea.inputtext { background: #fff; border: 1px solid #816cdc; color: #333; }

.padten { padding: 0px 10px; }

table.tabborder { margin: 0px 0px 0px 20px; }
	table.tabborder td { margin: 5px; padding: 2px; border: 1px solid #666; }
tr.headings td { background: #53b24d; padding: 2px; color: #fff; font-weight: bold; }


#content .shoppingselector { width: 870px; height: 30px; background: url(../images/jespo-boxes.gif) 0px -470px; padding: 0px 0px 0px 30px; margin: 2px 0px 0px 0px; }
	#content .shoppingselector a { display: block; width: 150px; height: 30px; text-align: center; line-height: 30px; margin: 0px 5px; float: left; color: #fff; font-weight: bold; background: url(../images/jespo-boxes.gif) 0px -470px; }
		#content .shoppingselector a:hover { background: url(../images/jespo-boxes.gif) 0px -440px; }
		 
		

#tooltip{
	position: absolute;
	border: 1px solid #333;
	background: #ddd;
	padding: 5px;
	color: #333;
	display: none;
}