@charset "utf-8";
/* CSS Document */
body  {
	font: 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	background: #000;
	background:#000 url(http://www.penquindigital.co.za/clientdev/liquidcolours/img/products_sp1_bg_img_red.jpg) 50% 0% no-repeat;}
b {font: 13px, Arial, Helvetica, sans-serif; font-weight:bold;}
h1, h2, h3, h4, h5, h5, h6 {color:#0cc; text-transform:lowercase;}
#footer { border-top:#0cc 1px dotted;} 
.three-sixty-text a:hover{ color:#0cc; }

a.productMain:link {color:#fff; text-decoration:none;}
a.productMain:visited {color:#fff; text-decoration:none;}
a.productMain:hover {color:#0cc; text-decoration:none}

a:link {color:#0cc; text-decoration:none;}
a:visited {color:#0cc; text-decoration:none;}
a:hover {color:#abafb0; text-decoration:none}

a.breadcrumb:link {color:#bebebe; text-decoration:none; font-weight:bold}
a.breadcrumb:visited {color:#bebebe; text-decoration:none; font-weight:bold}
a.breadcrumb:hover {color:#808080; text-decoration:none; font-weight:bold}

.ProductHeader { font-size:18px; color:#0cc; text-transform:lowercase; font-weight:bold }

#tblProduct td{ background: url(../img/prod_bg.jpg) repeat-x; margin-top:5px; padding:10px; }
form table input.FormField{
	border:1px solid #ccc;
	margin-top:0px;
	padding: 2px;
}

#tblProduct input.Button{border: none;}
#tblProduct input.Button {
	  width: 54px;	
	  height: 18px;
	  cursor: pointer;
	  text-indent: -9999px;
	  background: url(../img/search_bg.png) no-repeat top right;
  }
#tblProduct input.Button:hover {
	  background: url(../img/search_bg.png) no-repeat bottom right;
  }