/* File name:		styles.css
 * Created on: 		21 Aug 2007 12:19:39 PM
 * Last Changed On:	$Date$
 * Last Changed By: $Author$
 * 
 * @author Shaun Dutton <shaun@clyral.com>
 * @copyright Copyright (c) 2007 Clyral Creative Studio
 * @license http://policy.clyral.com
 * @version $Revision$
 * 
 * ------------------------------------------------------
 * Description: 
 */
 
*{ 
	margin: 0px; 
	padding: 0px;
}
html,body{
	height:100.1%;
	width:100%;
	min-width:780px;
}

body { 
	background: #fff;
	color:#666;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	font-size:11px; 
	text-align:center;
 }

th{
	font-size:11px;
	text-align:right; 		
}

td{
	font-size:11px; 		
	text-align:left; 		
}

textarea{
	font-family:Arial;
	font-size:12px;	
	
}


/* HEADINGS AND PARAGRAPHS */
h1,h2,h3,h4{
	text-align:left;	
	margin:10px 15px;
}

h1 { 
	color:#0099CC;
	font-size: 14px; 
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
}

h2 { 
	font-size:14px;
	color:#666;
	text-transform:uppercase;		
	letter-spacing:2px;	
}

.nostock	{
	color: #ff0000;
	}

h3 { 
	color:#000;
	font-size: 12px; 
	text-transform:uppercase;		
}

h4 {
	font-size: 12px; 
	margin-left:0px;
	font-weight:normal;
}

p {	
	text-align:left;	
	font-size:11px; 
	margin:10px 10px;
}

hr{
	border:none;
	border-bottom:1px solid #CCC;
	height:1px;
	margin:15px 0px;

}

/* LISTS */

ol{
	padding-left: 30px;
}
ul{
	font-size:11px; 
	margin: 10px 20px 10px 30px;
}
li{
	padding: 4px;
}

/* LINKS */
a {
	color:#0099CC;
	cursor:pointer;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;	
}

a img{
	border:none;
}

/* General Styles*/
.clear{
	clear:both;
}

.rtText{
	float:right;
}

.prodImg{
	
	width:200px;
	height:150px;
	text-align:center;
	overflow:hidden;
	border:1px solid #efefef;
}

.printBanner{
	display:none;	
}
/* BUTTON Styles */

.greyBut{
	background: transparent url(../img/greyBut.gif) no-repeat left top;
}

.greyBut span{
	background: transparent url(../img/greyBut.gif) no-repeat right top;
}

.button{
	float:left;
	color:#666;
	margin:0 2px 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 4px;
	line-height:16px;
}

.button span{
	float:left;
	display:block;
	padding:3px 12px 5px 6px;
	font-weight:bold;
}

a.button:hover{
	background-position:0% -24px;
	text-decoration:none;
	cursor:pointer;
}

a.button:hover span{
	background-position:right -24px;
	padding:4px 11px 4px 7px;
}	




.submitLargeBut{
	float:left;
	color:#666;
	background: transparent url(../img/inputLargeButton.gif) no-repeat left top;
	width:242px;
	border:none;
	margin:0 2px 0 0;
	padding:4px 13px 5px 13px;
	font-weight:bold;
	text-decoration:none;
	font-size: 9px;
	letter-spacing: 1px;
	margin-top: 4px;
	text-align:center;
	display:block;
	border: none;
}

a.submitLargeBut:hover{
	background-position:0% -24px;
	text-decoration:none;
	cursor:pointer;
}

input.submitLargeBut:hover{
	background-position:0% -24px;
	padding:5px 12px 4px 14px;
	text-decoration:none;
	cursor:pointer;
}


.submitBut{
	float:left;
	color:#666;
	background: transparent url(../img/inputButton.gif) no-repeat left top;
	width:102px;
	border:none;
	margin:0 2px 0 0;
	padding:4px 13px 5px 13px;
	font-weight:bold;
	text-decoration:none;
	font-size: 10px;
	letter-spacing: 1px;
	margin-top: 4px;
	text-align:center;
	display:block;
	border: none;
}

a.submitBut:hover{
	background-position:0% -24px;
	text-decoration:none;
	cursor:pointer;
}

input.submitBut:hover{
	background-position:0% -24px;
	padding:5px 12px 4px 14px;
	text-decoration:none;
	cursor:pointer;
}

.right{
	float:right;	
}


/* HOME Page Styles*/

.topBanner{
	height:110px;
}

	.basketLink{
		text-align:left;
		margin-top:30px;
		margin-right:20px;
		float:right;
		width:180px;
	}
	
	.basketLink img{
		margin-right:8px;
		float:left;
	}	
	
.menuBar{
	background:url(../img/menuBack.gif) repeat-x top;
	height:33px;
	text-align:center;
}

	.menutabs{
		height: 33px;
		margin: 0px auto;  /*Opera 8 fix -1px*/	
		z-index:1;
		width:600px;
	}			
			.menutabs ul{
				list-style:none;
				margin:0;
				padding:0;
			}

			.menutabs li{
				display:inline;
				margin:0;
				padding:0;
			}

			.menutabs a{
				float:left;
				height:30px;
				line-height:32px;
				margin:0;
				width:120px;
				text-decoration:none;	
				color:#000;
				font-weight:bold;				
			}
		
			.menutabs a:hover{
				background:url(../img/menuSelect.jpg) no-repeat center top;
				color:#000000;
				font-weight:bold;
			}
			
			/* Selected Tab in Menu */
			.menutabs a.current{
				background:url(../img/menuSelect.jpg) no-repeat center top;
				color:#000000;
				font-weight:bold;
			}
			
			/* Selected Tab in Menu */
			.menutabs a.logout{
				background:url(../img/menuLogout.jpg) no-repeat center top;
				color:#000000;
				font-weight:bold;
			}

.content{
	border:1px solid #fff;
	margin-right:15px;
}

.content .maintable{
	padding:10px;
	margin:0px 10px;	
	background: transparent url(../img/botRightBack.jpg) no-repeat bottom right;
}		
	.leftBar{
		background:url(../img/leftTopBack.jpg) no-repeat 2px 2px;
		width:220px;
		border:1px solid #FF99CC;
	}

	.leftBar h1,h2{
		margin-left: 8px;
	}

		.leftBar .intro{
			margin:10px;
			text-align:left;
			font-weight:bold;
		}
		
			.leftBar .intro img{
				float:left;
				margin-right:10px;
			}	
		
	.rightbar{
		padding-left:20px;
		
	}	
	
	.rightbar h1{
		margin-left:0px;
	}		
	
	.rightbar p{
		margin:10px 0px;
	}	
		
	.products{
	}
		
		.prodItem{
			float:left;
			width:210px;
			border:1px solid #CCC;
			margin-right:20px;
			margin-bottom:15px;	
		}

		.prodItem .prodImg{
			margin:5px;
		}

		.prodItem a{
			display:block;
			width:210px;
			text-decoration:none;
			color:#666;
			text-align:center;
			padding:5px 0px;		
		}
		
		.prodItem a:hover{
			background:#efefef;
		}
		

		.prodItem p{
			margin:5px;
		}
		
		.prodItem .rtText{
			color:#aaa;
		}

.footer {
	padding-bottom:20px;
}
		
.footer hr,p{
	margin:5px 20px 5px 8px;
}

.footer p{
	text-align:center;
}

/* ABOUT US PAGE */

.aboutus h1{

}


/* PRODUCT Page Styles*/
.breadCrumb{
	text-transform:none;
	color:#aaaaaa;
}

	.breadCrumb b{
		text-transform:uppercase;
		color:#0099CC;
	}



	.catmenu .category{
		display:block;
		
		background:url(../img/mainCatBack.gif) no-repeat right top;
		
		margin-top:10px;
		padding:0px 0px 0px 12px;
		
		font-size:10px; 
		font-weight:bold;
		line-height:20px;
		
		text-transform:uppercase;			
	}

	.catmenu .category a{
			color:#666;	
			text-decoration:none;
	}
	
	.catmenu .category a:hover{
			color:#000;	
			text-decoration:underline;
	}	


	.catmenu .selected{
		background:url(../img/mainCatBackSel.gif) repeat-x left top;
		font-size:11px; 
		color:#000;
	}

	.catmenu .selected a{
		color:#000;
	}
	
	.catmenu .subcategory{
		display:block;
		margin-left:5px;
		font-size:10px; 
		background:url(../img/treeNext.gif) no-repeat left top;
		padding:0px 0px 3px 12px;
		text-transform:none;	
	}

	.catmenu .category .selected a{
		color:#0099CC;
		font-size:11px; 
	}

	.catmenu .category .selected .subcategory a{
		color:#666;
		font-size:10px; 
	}

	.catmenu .subcategory a{
		color:#666;
	}


	
/* CONTACT Page Styles */

.contactDetails p{
	margin-left:20px;
	margin-bottom:10px;
}
	.contactDetails p b{
		margin-left:-10px;
	}

.contactForm p{
	margin:20px 0px;
}

.contactForm .inputLine{
	width:400px;	
}

.contactForm .intputText{
	width:400px;
	height:100px;	
}

/* PRODUCT VIEW Page */

.productView .breadCrumb{
	text-transform:uppercase;
	font-size:11px;	
}

.productView .breadCrumb b{
	color:#aaa;
	font-weight:normal;
}

.productView h4{
	margin-top:-10px;
}

.productView h1 {
	font-size:20px;
}

.productView h1 b{
 	color:#aaa;
	font-size:12px;
}

.productView h2 {
	color:#0099CC;
	margin-left:0px;
}

.productView .additionItem{
	font-weight:bold;
	color:#000;
	background:#FFDDFF;
	margin:0px;
	padding:5px;
}

.productView .dependantProds .prodItem{
	width:160px;
}

.productView .dependantProds .prodItem a{
	width:160px;
  text-align:center;
}

.productView .dependantProds .prodTitle{
	margin:0px 5px;
  text-align:left;
  display:block;
  float:left;
}

.productView .dependantProds .prodImg{
	height:75px;
	width:100px;
  text-align:center;
	overflow:hidden;
	display:block;
	margin:5px auto;
}

.productView .dependantProds .trText{
	padding-right:5px;
	margin-right:3px;
}

.productView .prodImg{
	height:auto;
}

.productView .prodImgPrice{
	float:left;
	width:220px;
	margin-right:15px;
	text-align:left;
}

.productView .prodImgPrice p{
	color:#ccc;
	font-size:10px;
	text-align:left;	
	margin-top:-10px;
}

.productView .prodImgPrice h1{
	font-size:18px;
	text-align:left;	
}

.productView .prodImgPrice h1 b{
 	color:#000;
	font-size:18px;
	text-align:left;	 	
}

.prodSummary{
	background:#efefef;
}

.prodSummary p{
	font-size:10px;
	color:#666;
	margin:6px 0px 0px 10px;
	padding-top:5px;
}
.prodSummary h3{
	font-size:11px;
	font-weight:normal;
	color:#000;
	margin:0px 0px 0px 10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

.prodSummary .selectedPrice{
	padding-left:10px;
	padding-bottom:8px;
}

.prodSummary .selectedPrice{
	color:#000;
	margin-top:12px;	
}

.prodSummary .selectedPrice b{
	color:#0099CC;
}

.prodSummary .selectedPrice span{
	font-size:10px;
	letter-spacing:0px;
	color:#aaa;
	text-transform:none;	
	margin-left:10px;
}


.prodSummary .button{
	margin-top:8px;
	margin-right:8px;
}

/* BASKET VIEW Page */

.uneasyText h2{
	font-size:12px;
	margin-bottom:-2px;	
	margin-top:15px;
	color:#666;
	border-bottom:1px solid #ccc;
}

.basketView .basket{
	width:100%;
}

.basketView .basket .prodImg{
	width:100px;
	height:75px;
	margin-left:10px;
}

.basketView .basket th{
	border-left:1px solid #ccc;
}


.basketView .basket .prodImg img{
	height:75px;
}

.basketView .basket h1{
	text-align:center;
	margin:0px;
}

.basketView .basket h2{
	margin:5px 15px;
}

.basketView .basket h3 b{
	color:#0099CC;
}

.basketView .basket p{
	margin:5px 15px;
}

.basketView .basket hr{
	margin:5px 0px;
}

.basketView h1{
	font-size:14px;
}


.basketCheckout{
	height:32px;
	background:#efefef;	
}


/* CUSTOMER DETAILS Page */

.topLoginForm .inputLine{
	width:200px;
	font-size:11px;	
	padding:2px;
	height:20px;
}

.customerInfo th{
	text-align:right;
	font-size:11px;
	width:200px;
}
.customerInfo td{
	text-align:left;
	font-size:11px;
}

.customerInfo .inputLine{
	width:300px;
}

.customerInfo .inputText{
	width:300px;
	height:100px;	
	float:left;
}

.customerInfo .small{
	width:150px;
}

.feedback p{
	font-style:italic;	
	margin-bottom:40px;
}
.feedback p b{
	font-style:normal;
	float:right;
	color:#0099CC;	
}

.detailConfirm .basketCheckout{
	height:40px;
}

.detailConfirm .orderbutton{
	border:3px solid #A9DCED;
	margin-right:10px;
}

.detailConfirm .customerInfo{
	background:#efefef;
	border:10px solid #efefef;
}

.detailConfirm .customerInfo td{
	text-align:right;
	width:200px;
}

.detailConfirm .customerInfo th{
	text-align:left;
	color:#000;
}

.detailConfirm .basket{
	background:#efefef;
	border:10px solid #efefef;
}
.detailConfirm .basket p{
	margin:3px;
}

.printBank{
	display:none;
	color:#000;
}

.qtyForm{
	margin-top: 5px;
	width:33px;
	text-align:center;
	font-size:11px;	
	padding:2px;
	height:23px;
}

.qtyBut{
	color:#666;
	background: transparent url(../img/inputButton.gif) no-repeat left top;
	width:102px;
	border:none;
	margin:0 2px 0 0;
	padding:4px 13px 5px 13px;
	font-weight:bold;
	text-decoration:none;
	font-size: 10px;
	letter-spacing: 1px;
	margin-top: 4px;
	text-align:center;
	border: none;
}

.green
{
	color:green;
}

.red
{
	color:#FF0000;
}

.hidden .validationError
{
	display:none;
}

.basketCheckout .validationError
{
	display:none;
}