/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image: url(images/bg-site.gif);
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

a:active, a:focus {
      outline: 0;
}

* { behavior: url(iepngfix.htc) }


/* Random Images */
 


div.make_fader {
  position: relative;
  height: 348px;
}

div.make_fader img {
  position: absolute;
  height: 348px;
  margin-bottom: 0px;
}


/***** Forms *****/

form {
margin:0;
padding:0;
}

label {
cursor:pointer;
}
	



/* BACKGROUND */
 
.bgFooter {
 	background-image: url(images/bg-footer.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}

.bgQuote {
	background-image: url(images/bg-quote.gif);
	background-color: #93afbd;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 35px 30px 20px 60px;
}

.bgFerrimoneLeft {
	background-image: url(images/bg-ferrimone-left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}


.bgColourGuide {
	background-image: url(images/bg-colour-guide.jpg);
	border-top: 6px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 52px 53px 53px 53px;
}

.bgContactUs {
	background-image: url(images/bg-contact.jpg);
	border-top: 6px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 44px 53px 53px 57px;
}

.bgColourGuideSmall {
	background-image: url(images/bg-colour-guide-small.jpg);
	border-top: 6px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
}

.bgTransBox {
	background-image: url(images/bg-sub-nav.png); 
}





/* TYPE STYLES */

.lineHightContent {
	line-height: 20px;
}

.lineHightSearchResuluts {
	line-height: 17px;
	border-bottom: 1px dashed #CCCCCC;
}

.textBluePro {
	font-family: "Times New Roman", Times, serif;
	color:#648da1;
	font-size: 24px;
	line-height: 124%
}

.textHotRocks {
	font-family: "Times New Roman", Times, serif;
	color:#648da1;
	font-size: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textQuote {
	font-family: "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size: 24px;
}

.textSearchResultsHeading {
	font-family: "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size: 20px;
}

.textGreen {
	font-family: "Times New Roman", Times, serif;
	color:#ced19c;
	font-size: 24px;
}

.textGreenHeading {
	font-family: "Times New Roman", Times, serif;
	color:#ced19c;
	font-size: 30px;
}

.textBlue {
	color:#648da1;
}

.textManditory {
	padding-top: 5px;
	padding-right: 10px;
	font-size: 10px;
	color:#ffffff;
}

.textOrange {
	font-size: 14px;
	color:#C34B0C;
	font-weight:bold;
}

.textOrangeSerif {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#C34B0C;
	font-size: 11px;	
	font-weight: normal;
}

.textOrangeHeading {
	font-family: "Times New Roman", Times, serif;
	color:#C34B0C;
	font-size: 30px;
	line-height: 32px;
}

.textResultsOrange {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color:#C34B0C;
}

.textResultsGray {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color:#999999;
}

.textGray {
	font-size: 11px;
	color:#999999;
	font-weight:bolder;
}

.textGrayNormal {
	font-size: 12px;
	color:#5b5b5b;
	font-weight:none;
}


.textGreenNorm {
	color:#D0D194;
}

	
/* LINKS */

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}

a.linkWhite:link, a.linkWhite:visited {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

a.linkWhite:hover, a.linkWhite:active {
	font-size: 14px;
	color: #C34B0C;
	text-decoration: none;
}

a.linkGrayDark:link, a.linkGrayDark:visited {
	color: #5B5B5B;
	text-decoration: none;
}

a.linkGrayDark:hover, a.linkGrayDark:active {
	color: #5B5B5B;
	text-decoration: underline;
}

a.linkGray:link, a.linkGray:visited {
	color: #999999;
	text-decoration: none;
}

a.linkGray:hover, a.linkGray:active {
	color: #ffffff;
	text-decoration: none;
	background-color: #648da1;
}

a.linkOrangeSm:link, a.linkOrangeSm:visited {
	color: #C34B0C;
	text-decoration: none;
	font-weight:bold;
}

a.linkOrangeSm:hover, a.linkOrangeSm:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;	
}

a.linkNumbers:link, a.linkNumbers:visited {
	color: #999999;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
}

a.linkNumbers:hover, a.linkNumbers:active {
	color:#ffffff;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	background:#648da1;
}

a.linkNext:link, a.linkNext:visited  {
	color: #C34B0C;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
}

a.linkNext:hover, a.linkNext:active {
	color: #C34B0C;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
}

a.linkMoreDetails:link, a.linkMoreDetails:visited, a.linkMoreDetails:hover, a.linkMoreDetails:active {
	color: #C34B0C;
	text-decoration: underline;
	font-size: 10px;
}

.textOrange {
	font-size: 13px;
	color:#C34B0C;
	font-weight:bold;
}

a.linkOrange:link, a.linkOrange:visited  {
	font-size: 14px;
	color:#C34B0C;
	font-weight:bold;
	text-decoration: none;
}

a.linkOrange:hover, a.linkOrange:active {
	font-size: 14px;
	color:#C34B0C;
	font-weight:bold;
	text-decoration: underline;
}




/* BORDERS */

.border-horizontal {
	padding-top: 6px;
}

.border-vertical {
	border-left: 6px solid #FFFFFF;
}

.border-white {
	border: 1px solid #FFFFFF;
}

.border-colour-guide-content {
	padding: 20px 10px 20px 25px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.border-gray {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #999999;
}


/* PADDING & MARGIN */

.paddingSearchResultsTop {
	padding: 0px 0px 0px 0px;
	background-image: url(images/bg-blue-trans.png); 
}

.paddingColourGuideGrayBox {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 25px;
}

.padding-about-main-content {
	border-top: 6px solid #FFFFFF;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}

.padding-home-hot-rocks {
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
}

.padding-home-what-colour {
	padding-top: 45px;
	padding-right: 35px;
	padding-left: 35px;
}

.padding-left-10px {
	padding-left: 10px;
}

.padding-left-6px {
	padding-left: 6px;
}

.padding-bottom-10px {
	padding-bottom: 10px;
}

.padding-top-10px {
	padding-top: 10px;
}

.padding-top-15px {
	padding-top: 15px;
}

.padding-top-5px {
	padding-top: 5px;
}

.margin24 {
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 24px;
}


.margin {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.margin20 {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}



/* Custom Forms */

span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.radio {
   width: 19px;
   height: 25px;
   padding: 0 0px 0 0;
   background: url(radio.gif);
   display: block;
   clear: left;
   float: left;
}

span.select {
   position: absolute;
   width: 140px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #C34B0C;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
	font-weight:bold;
}

input {
	font-size: 12px;
	color:#ffffff;
	font-weight:bolder;
	background: #bec17a;
	border: 0px;
	padding: 2px;
	margin: 0px;
}

.selectMenu { 
	background-color: #ffffff;
	border: none;
}


/* TRANSPARENT BG'S */


div.cgStoryParent {
	position: relative;
	width: 721px;
	height: 196px;
}

div.cgStorySlug {
	background-color: #648DA1;
	position: relative;
	top: 0px;
	left: 0px;
	width: 721px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.6);
	opacity: .6 }

div.cgStoryCopy {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 701px;
	height: 100%;
	overflow: auto;
	padding-top: 20px;
	padding-left: 20px;
	opacity: .99
}

div.srStoryParent {
	position: relative;
	width: 572px;
	height: 90px; }

div.srStorySlug {
	background-color: #648DA1;
	position: relative;
	top: 0px;
	left: 0px;
	width: 572px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.6);
	opacity: .6 }

div.srStoryCopy {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 572px;
	height: 100%;
	overflow: auto;
	padding-top: 0px;
	padding-left: 0px;
	opacity: .99
}

/* GALLERY */

#galleryContainer {
	position: relative;
	height: 331px;
	width: 363px;
	top:0;
	left: 0;
	margin: 0;	
}

#galleryImage01 {
	position: absolute;
	display: inline;
	float: left;
	visibility: visible;
}

#galleryThumb01 {
	position: absolute;
	display:inline;
	float:left;
	top: 0;
	left: 0;
	visibility: visible;
	cursor: pointer;
	border-right: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
}

#galleryImage02 {
visibility:hidden;
	position: absolute;
	display: inline;
	float: left;
}

#galleryThumb02 {
visibility:hidden;
	position: absolute;
	display:inline;
	float:left;
	top: 0;
	left: 0;
	cursor: pointer;
	border-right: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
}