/*
	Integro Learning
	Online Shop section styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																  >> General Selectors << 
*****************************************************************************************/
hr {margin: 1.5em 0;}
/*---Adjecent Sibling Selectors---*/
p + ul {margin-top: 0.60em;}

/****************************************************************************************
																  		   >> Structure << 
*****************************************************************************************/
#products #mainContent #pageCopy {padding-bottom: 13px;}

/****************************************************************************************
																  			   >> Forms << 
*****************************************************************************************/
#products #mainContent #pageCopy form input,
#products #mainContent #pageCopy form select,
#products #mainContent #pageCopy form textarea { 
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #666;
	padding: 2px;
}
#products #mainContent #pageCopy form select {padding: 0;}
#products #mainContent #pageCopy form textarea {overflow: auto;}
	#products #mainContent #pageCopy form input:focus,
	#products #mainContent #pageCopy form textarea:focus,
	#products #mainContent #pageCopy form input:hover,
	#products #mainContent #pageCopy form textarea:hover {
		border: 1px solid #333;
		background: #CFFBFE;
	}
#products #mainContent #pageCopy form input.submit {
	padding: 2px 0.15em;
	border: 0;
	background: #03B4C6 url("../../_templateFiles/images/submit-btn.jpg") repeat-x 0 100%;
	color: #fff;
	cursor: pointer; 
	font-weight: bold;
}
#products #mainContent #pageCopy form input.submit-img {
	border: 0;
	padding: 0;
}
	#products #mainContent #pageCopy form input.submit:focus,
	#products #mainContent #pageCopy form input.submit:hover {
		background: #03B4C6 url("../../_templateFiles/images/submit-btn.jpg") repeat-x 0 100%;
		border: 0;
	}
#products #mainContent #pageCopy form p {line-height: 1.5;}
#products #mainContent #pageCopy form table td p {line-height: 1;}

/****************************************************************************************
																   			  >> Tables << 
*****************************************************************************************/

/*-------------------------------------------Category Table---*/
table.categorytable {
	width: 560px;
	border: 0;
	border-bottom: 1px solid #ded7d8;
	margin-bottom: 1.2em;
}
	table.categorytable td.categorysub {
		padding: 10px 0;
		vertical-align: top;
		border-bottom: 1px solid #ded7d8;
	}
	table.categorytable td.categorysub td.subinfo {
		padding: 0 !important; 
		vertical-align: top;
	}
	table.categorytable td.categorysub h6 {
		margin: 0 0 6px;
		font: bold 105% Arial, Helvetica, sans-serif;
		color: #000;
	}
	#products #mainContent #pageCopy form table.categorytable td.categorysub p {
		margin: 0 0 3px; 
		line-height: 1.3;
	}
	#products #mainContent #pageCopy form table.categorytable td.categorysub p.bodyTextError {line-height: 1.5;}
	table.categorytable td.categorysub p.product-desc,
	#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-desc {
		font-style: italic;
		color: #666;
		font-size: 90%;
		line-height: 1.2;
	}
	#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-price {color: #CA5B00;}
	#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-price span.gst {font-size: 90%; color: #CA5B00;}
		#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-price del {color: red;}
		#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-price del span.gst {color: red;}
		#products #mainContent #pageCopy form table.categorytable td.categorysub p.product-price span {color: #333;}
	/*---Image Cell---*/
	table.categorytable td.categorysub td.subimg {
		width: 95px;
		vertical-align: top;
		padding: 0;
	}
	table.categorytable td.categorysub td.subimg img.categoryimg {
		display: block;  
		border: 1px solid #ccc;
		width: 80px;
		padding: 1px;
		background: #eee;
	}
	table.categorytable td.categorysub td.subimg a:hover img.categoryimg {
		background: #666;
		border: 1px solid #666;
	}
	/*---Buttons---*/
	table.categorytable td.categorysub a img.button {margin: 0;}
	table.categorytable td.categorysub a.product-details { 
		text-decoration: none;
		background: url('../../_templateFiles/images/p-details.gif') no-repeat 0 50%;
		padding-left: 11px;
		display: block;
		margin: 5px 0;
		font-weight: bold;
	}
	table.categorytable td.categorysub a.product-details:hover {text-decoration: underline;}
	
	/*---Sub Category Table---*/
	table.categorytable.subcategory {
		margin-top: 1.5em;
		margin-bottom: 1.6em;
		background: #eee;
		border: 1px solid #ded7d8;
	}
		table.categorytable.subcategory th {
			background: #666; 
			color: #fff; 
			padding: 3px; 
			font: bold 115% Arial, Helvetica, sans-serif;
			border: 1px solid #5c5c5c;
		}
		table.categorytable.subcategory td.categorysub {padding-left: 5px;}
															
/*-------------------------------------------Product Table---*/									
table.producttable {
	width: 560px; 
	margin-top: 10px;
}
	/* Product Images */
	table.producttable td.productimg {
		width: 250px; 
		vertical-align: top; 
		text-align: left;
	}
	table.producttable td.productimg img.product-img {
		display: block;
		margin: 0;
	}
	table.producttable td.productimg a.product-img:hover,
	table.producttable td.productimg a:hover img.product-img-tmb {border: 1px solid #999;}
	table.producttable td.productimg img.product-img-tmb {
		border: 1px solid #ccc; 
		margin-right: 5px;
	}
	/* Product Options */
	table.producttable td.productinfo {
		width: 310px; 
		vertical-align: top;
	}
	table.producttable td.productinfo h1 {
		background: #666;
		padding: 3px 3px 3px 6px;
		font: bold 110% Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0;
		border: 1px solid #5c5c5c;
	}
	table.producttable td.productinfo table td {
		border-bottom: 1px solid #D6CED6; 
		padding: 7px 0;
	}
	#products #mainContent #pageCopy form table.producttable td.productinfo table td p {
		font-size: 95%; 
		line-height: 1.4;
	}
	#products #mainContent #pageCopy form table.producttable td.productinfo table td div.product-txt {font-size: 90%;}
	#products #mainContent #pageCopy form table.producttable td.productinfo table td div.product-txt ul {margin-bottom: 0.80em;}
	#products #mainContent #pageCopy form table.producttable td.productinfo table td div.product-txt p.long-desc,
	#products #mainContent #pageCopy form table.producttable td.productinfo table td div.product-txt ul li {font-size: 100%;}
	#products #mainContent #pageCopy form table.producttable td.productinfo table td p.bodyTextError {line-height: 1.5;}
	table.producttable td.productinfo p.discount {
		padding: 7px 0;
		border-bottom: 1px solid #D6CED6;
	}
	div.grey-line,
	table.producttable td.productinfo table td div.breaker {
		height: 1px; 
		background: #D6CED6; 
		width: 100%; 
		font-size: 1px; 
		margin: 7px 0; 
		clear: both;
	}
	table.producttable td.productinfo table td div.breaker {
		background: #fff;
		margin: 1px 0;
	}
	div.option-caption { 
		font-weight: bold; 
		padding: 3px 0 0 0;
		width: 105px;
		float: left;
	}
	div.option-caption span {
		color: red; 
		font-weight: bold;
	}
	table.producttable td.productinfo table td input.nostyle {border: 0;}
	table.producttable td.productinfo a.blocklink {
		display: block;
		padding-left: 16px;
		text-decoration: none;
		font-weight: bold;
		margin-top: 4px;
	}
	table.producttable td.productinfo a.blocklink:hover {text-decoration: underline;}
	table.producttable td.productinfo a.blocklink.back {background: url('../../_templateFiles/images/back.gif') no-repeat 1px 50%;}
	table.producttable td.productinfo a.blocklink.tellfriend {background: url('../../_templateFiles/images/bubble.gif') no-repeat 0 50%;}
	table.producttable td.productinfo span.price {color: #CA5B00;}
	table.producttable td.productinfo span.price span {font-size: 90%;}

/*-------------------------------------------Checkout Table---*/														
table.checkoutTable {width: 560px;} 
	table.checkoutTable td.submit-btn {padding: 8px 6px 0 0;}
	table.checkoutTable td.checkoutTableAdmin {
		background-color: #CCC; 
		border: 1px #ccc solid; 
		width: 555px; 
		padding: 1px;
	}
	table.checkoutTable td.checkoutHeadingRow {
		background: #666; 
		color: #fff; 
		padding: 5px; 
		font: bold 115% Arial, Helvetica, sans-serif;
		border: 1px solid #5c5c5c;
	}
	table.checkoutTable td.checkoutRow1 {
		background: #e5e5e5; 
		padding: 4px 3px; 
	}
	table.checkoutTable td.checkoutRow2 {
		background: #fff; 
		padding: 4px 3px; 
	}
	table.checkoutTable td.checkoutRow3 {
		background: #D9FCFF; 
		padding: 4px 3px; 
	}
	table.checkoutTable td.checkoutSuccess {
		font-weight: bold; 
		color: #33CC00;
	}
	table.checkoutTable td.checkoutFail {
		font-weight: bold; 
		color: red;
	}
	table.checkoutTable td p.product-desc {
		font-size: 90%;
		color: #666;
	}
/*-------------------------------------------Related Products Table---*/
table.related-products {width: 560px;}
	table.related-products td {
		width: 140px;
		text-align: center;
		border-right: 0px solid #DEDED6;
		padding: 3px 0 7px;
	}
	table.related-products td a img {
		border: 1px solid #D6CED6;
		display: block;
		margin: 0 auto;
	}
	table.related-products td a:hover img {border: 1px solid #999;}
	table.related-products td p {
		margin-bottom: 10px; 
		line-height: normal;
		width: 135px;
	}
	h1.also-like {
		background: #666;
		padding: 5px;
		margin-top: 25px;
		font-size: 130%;
		color: #fff;
	}

/****************************************************************************************
																	>> Misc UNIWIN CSS << 
*****************************************************************************************/													
/*-------------------------------------------Error Styles---*/
p.bodyTextError {
	font-weight: bold; 
	color: red;
	background: url("../../_templateFiles/images/error.gif") no-repeat 0 50%;
	padding: 2px 0 2px 25px;
	margin-left: 8px;
	line-height: 1.2;
}
ul.error-list {
	margin: 2px 5px 1.6em 0;
	padding: 5px 12px 3px 30px;
	background: #FED6D3;
	list-style: none;
}
	ul.error-list li {
		padding-left: 10px;
		background: url("../../_templateFiles/images/red-bullet.gif") no-repeat 0 50%;
	}
/*-------------------------------------------Paragraph Box Styles---*/
p.redbox {
	background: #FED6D3;
	padding: 6px;
}
p.bluebox {
	background: #D9FCFF;
	padding: 6px;
	color: #000;
}
/*-------------------------------------------Misc UNWIN Styles---*/
a.edit {
	color: #fff; 
	text-decoration: none;
}
a.edit:hover {text-decoration: underline;}
.bodyTextBold,
.checkoutBodyTextBold {font-weight: bold;}
.checkoutBodyText, 
.checkoutBodyTextSmall,
.bodyTextSmall {font-size: 90%;}
.bodyTextError {color: red;}