@charset "utf-8";
/* CSS Document */

/***************************************** Reset *****************************************/

* {
	margin:0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
  }

/***************************************** Main *****************************************/

body, td, th, p, div {
	font-family: Trebuchet, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #ccc;
  }
body {
	background: #1d1d1d url(../img/bkg_main.jpg) repeat-y top center;
	margin-top: 0px;
	margin-bottom: 30px;
	}

hr {
	border:none;
  border-bottom: 1px solid #464646;
	clear:both;
	height: 1px;
  color: #464646;
  background-color: #464646;
  }
a {
	text-decoration: underline;
  }
a:link, a:visited {
	color: #ccc;
  }
a:hover {
	color: #F8A351;
  }
h2 {
  padding: 5px 0px 20px 0px;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  }
h3 {
  padding: 2px 0px 20px 0px;
  font-size: 15px;
  color: #F8A351;
  }
h4 {
  padding: 2px 0px 10px 0px;
  font-size: 12px;
  color: #F8A351;
  }
.clear {
	clear: both;
  height: 1px;
	}
/***************************************** Header *****************************************/

#bkgHeader{
  background: #1d1d1d url(../img/bkg_header.jpg) no-repeat top center;
  height: 313px;
	}  
#main{
  position: relative;
	width: 850px;
	margin:auto;
  margin-top: -313px;
  padding-top: 30px;
	}
#header{
  height: 220px;
	} 
#header h1 a {
	text-indent: -9000px;
	display: block;
	width: 177px;
	height: 81px;
  margin-top: 10px;
  float: left;
	background: url(../img/logo_GGMining.jpg) no-repeat;
	}
#headerFlash {
  float: right;
  }

    
/*********************** Menu ***************************/
  
#product_menu {
  position: absolute;
  top: 222px;
  left: 10px;
  width: 228px;
  }

/********** top level **********/  
#product_menu ul {
	position: relative;
  top: 0px;
  left: 0px;
  width: 228px;
  background: url(../img/btn_BrowseProducts.gif) no-repeat top;
	z-index: 100;
	}  
#product_menu a, #product_menu a:visited {
	display:block;
  height: 31px;
  text-indent: -9000px;
	}
#product_menu a:hover, #product_menu :hover > a {
	display:block;
	border-bottom: 1px solid #999;
	}
  
/********** second level **********/ 
#product_menu ul ul {
	position:relative;
  display: none;
	top:0px;
	left:0px;
	width:233px;
  padding-bottom: 4px;
  background: url(../img/bkg_product_menu.png) no-repeat bottom left;
	z-index: 200;
	}
#product_menu ul ul li {
  background: url(../img/productNavDivider.gif) no-repeat top left;
	}  
#product_menu ul ul li a, #product_menu ul ul li a:visited {
  text-indent: 0px;
  padding:5px 10px 0px 10px;
  height: 22px;
  text-decoration: none;
  color: #fff;
	}
#product_menu ul ul li a:hover {
  border: 0px;
  color: #F8A351;
	} 
   
/* make the second level visible when hover on first level list OR link */
#product_menu ul li:hover ul, #product_menu ul a:hover ul {display: block;}


/*********************** Google Search ***************************/

#google_search {
	position: absolute;
  top: 208px;
  left: 255px;
  width: 228px;
	}
*:first-child+html #google_search {top:210px;}
.google_input {
	width: 180px;
	height: 24px;
	background: url(../img/bkg_googleSearch.jpg) no-repeat !important;
	padding: 7px 0px 5px 5px;
	margin-right: 0px;
	color: #C2C2C2;
	float:left;
	clear:both;
	}
.google_submit {
  display: block;
	width: 31px;
	height: 30px;
	background: url(../img/btn_googleSearch.jpg) no-repeat;
	float: left;
	cursor: pointer;
	text-indent: -9000px;
	}
#GooglePanel {
  background-color: #fff;
  padding: 0px 10px 20px 26px;
  width: 808px;
  }

/*********************** Main Menu ***************************/

#main_menu {
	position: absolute;
  top: 226px;
  right: 10px;
  }
#main_menu .left_piper{
	background: url(../img/mainNavPiper.gif) no-repeat center left;	
	}  
#main_menu ul li{
	float:left;
	margin-left: 10px;
	padding-left: 10px;
	}
#main_menu ul li a:link, #main_menu ul li a:visited{
	text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
	color: #C2C2C2;
  font-size: 11px;
	}
#main_menu ul li a:hover {color: #fff;}
#main_menu ul li.Selected a {color: #fff;}


#breadcrumbs {
	padding: 5px 0px 20px 0px;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
	}
.breadcrumbCurrent {
  color: #F8A351;
	}
#breadcrumbs a {
	text-decoration: none;
  color: #fff;
	}
#breadcrumbs a:hover {
	text-decoration: none;
  color: #F8A351;
	}
/***************************************** Content *****************************************/

#content {
  margin-top: 28px;
	line-height: 18px;
  
	}
#content p {
	margin-bottom: 18px;
  line-height: 17px;
	} 
#content p.clear {
	clear: both;
  height: 1px;
  line-height: 1px;
	}
#content ol li {
  line-height: 17px;
  margin-left:36px; 
  padding-left:6px;
  list-style: decimal;
	}
#content ul li {
  line-height: 17px;
  margin-left:36px; 
  padding-left:6px;
  list-style: square;
	}
#content ul, #content ol {
  margin-bottom:12px;
	}   
/*********************** Home Page ***************************/ 
#left_column_home {
  float:left;
  width: 500px;
  background: url(../img/bkg_home_left.gif) no-repeat top;	
  min-height: 385px;
  }
#left_column_home h2 {
  padding: 12px 13px 16px 14px;
  font-size: 14px;
  }
#left_column_home h3 {
  color: #F8A351;
  font-size: 12px;
  padding: 8px 16px;
  }  
#left_column_home p {
  font-size: 12px;
  padding: 0px 16px;
  }
#left_column_home p.clear {
	clear: both;
  height: 1px;
  line-height: 1px;
  padding: 0px;
  margin: 0px;
	}
.newProduct {
  float: left;
  margin: 0px 6px 0px 12px;
  width: 228px;
  padding: 0px;
  }
#left_column_home .newProduct p {
  padding: 0px;
  }
.newProduct img {
  padding: 0px 4px 4px 0px;
  background: url(../img/bkg_HomeProductImages.jpg) no-repeat bottom right;	
  }
.newProduct .seeMore {
  margin-top: 10px;
  padding: 0px;
  }  
  
#right_column_home {
  float:right;
  width: 325px;
  }  
.homeRightImage {
  padding: 12px 0px 10px 0px;
  }
#right_column_home ul li, #right_column_home ol li {
  line-height: 17px;
  margin-left:36px; 
  padding-left:6px;
  list-style: square;
  margin-bottom:7px;
	}
#right_column_home ol li {
  list-style: decimal;
	} 
#right_column_home ul, #right_column_home ol {
  margin-bottom:12px;
	} 
.productEnquiry {
  padding: 20px 0px;
  }

/*********************** Internal Pages ***************************/ 

#left_column_internal {
  float:left;
  width: 590px;
  margin-left: 10px;
  }
  
#right_column_internal {
  float:right;
  width: 227px;
  margin-top: 45px;
  min-height: 450px;
  background: url(../img/bkg_internal_right.gif) no-repeat top;	
  }
#right_column_internal h3 {
  color: #ccc;
  padding: 16px 0px 8px 0px;
  margin: 0px 20px;
  }
#right_column_internal p {
  color: #999;
  margin: 10px 20px;
  }
#right_column_internal a {
  color: #999;
  }
#right_column_internal .seeMore {
  margin-top: 20px;
  } 
#right_column_internal img {
  margin: 20px 0px 16px 22px;
  } 
  
/*********************** Category Page ***************************/  
 
.categoryElement {
  float: left;
  margin: 10px 0px 10px 0px;
  width: 295px;
  }
.categoryElement img {
  float:left;
  margin-right: 10px;
  margin-bottom: 0px;
  } 
.elementCopy {
  float:left;
  width: 160px;
  margin-top: -5px;
  }
.elementCopy h3 {
  padding: 0px;
  padding-bottom: 10px;
  }
.elementCopy p {
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  }  
.elementCopy .seeMore  {
  margin-top: -10px;
  padding-bottom: 100px;
  padding: 0px;
  }

/*********************** Product Page ***************************/  

#productDetail {
  margin-top: 5px;
  }
#productDetail img {
  float:left;
  margin: 0px;
  }
#caption {
  position: absolute;
  top: 670px;
  left: 10px;
  }
   
#productThumnails {
  float:right;
  width: 80px;
  margin-top: -17px;
  border: 0px solid red;
  }  

.imageItems {
  float:right;
  margin-bottom: 10px;
  }

#productDetail .imageOverlay img {
  margin-top: -40px;
  border: 1px solid #000;
  } 
#productDetailCopy {
  clear:both;
  padding-top: 35px;
  }
.productDetailElement h3 {
  float: left;
  clear: left;
  background: url(../img/bkg_products_titles.jpg) no-repeat top left;	
  width: 120px;
  margin: 3px 0px;
  padding: 2px 0px 5px 6px;
  color: #fff;
  font-size: 11px;
  } 
.productDetailElement p {
  float: left;
  width: 450px;
  margin-top: 4px;
  font-size: 11px;
  }
  
  
/*********************** Enquiry Form ***************************/  
.enquiryForm {
  margin-bottom: 5px;
  font-size: 11px;
  margin-left: 30px;
  width: 500px;
  }
.enquiryForm p {
  margin-bottom: 5px;
  font-size: 11px;
  }
.enquiryForm table {
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  width: 500px;
  }
.enquiryForm table td {
  padding: 2px 0px;
  }
.enquiryForm input {
	width: 370px;
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
	margin-bottom: 4px;
	padding: 6px 0px 6px 4px;
	border: 1px SOLID #494a49;
	color: #fff;
  background-color: #424242;
  }
.enquiryForm input.short {
	width: 120px;
  }
.enquiryForm .enquiryElement {
  width: 97px;
  float: left;
  text-align: left;
  margin-bottom: 20px;
  }
.enquiryForm .enquiryElement img {
  padding-bottom: 8px;
  }
.enquiryForm .enquiryElement input{
  width: 20px; 
  float: left;
  padding: 0px;
  border: 0px;
  margin: 0px 3px 20px 0px;
  }
.enquiryForm .enquiryElement span.checkBox input{
  background-color: #373737;
  }
.enquiryForm textarea.comments {
	clear: both;
  width: 468px;
  padding: 0px;
  margin: 0px;
  background-color: #424242;
  border: 1px SOLID #494a49;
  color: #fff;
  font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
  padding: 5px;
  *margin-left: -30px;
  }
.enquiryForm .enquiry_submit {
	background: url(../img/btn_Submit.jpg) no-repeat top right;
	width: 89px;
	height: 31px;
	cursor: pointer;
  background-color: #fff;
  margin-top: 20px;
  *margin-left: -30px;
	}
.enquiryForm input #chk9 {
  background-color: #fff;
  border: 3px solid #f0f;
  }
#googlemap {
  margin-left: 30px;
  } 
/***************************************** Footer *****************************************/

#footer {
  clear: both;
  height: 53px;
  margin-top: 30px;
  padding: 0px 16px;
  background: url(../img/bkg_footer.gif) no-repeat top;	
  } 
#footer .left_piper{
	background: url(../img/mainNavPiper.gif) no-repeat center right;	
	}  
#footer ul li{
	float:left;
	margin-right: 10px;
	padding-right: 16px;
  margin-top: 18px;
	}
#footer ul li a:link, #footer ul li a:visited{
	text-decoration: none;
	color: #999;
	}
#footer ul li a:hover{color: #fff;}

#clarity {
  float: right;
  padding-top: 12px;
  }