/* CSS Document */

body {
	background-color:#6E450B;
	/*background-color:#6E450B;*/
	/*background-image:url(images/background2.jpg);
	background-repeat:repeat;*/
	text-align:center;
	color:#533413;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

body a {
	color:#533413;
}

h1 {
	font-size: 18px;
}
h2 {
	float:left;
	font-size: 14px;
	background-image: url(images/h2rocks.jpg);
	background-repeat: no-repeat;
	background-position: right 1.3em;
	padding-right:70px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:50px;
	margin:0px;
	/*display: block;
	width: 100%*/
}

#mainbody {
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:63px;
	padding-right:63px;
	text-align:left;
	color:#000000;
	font-size:12px;

}

#mainbody ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 15px;
	}

#mainbody ul li {
	line-height:1.5em;
	padding-left: 20px;
	padding-top:0.3em;
	padding-bottom: 0em;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	vertical-align: middle;
}

#mainbody a, #mainbody ul a {
	color:#9F722F !important;
	text-decoration:none;
}

a.backarrow {
	background-image:url(images/backarrow.gif);
	background-repeat:no-repeat;
	background-color:#F7F6CF;
	padding-left:20px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #E1C781;
	border-right-color: #E1C781;
	border-left-color: #E1C781;
	background-position: 5px 5px;
}

#mainbody a:hover, #mainbody ul a:hover {
	color:#E89B29!important;
}

#mainbody img {
	float:right;
	padding:3px;
	border:none;
}

#content {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F7FFDB;
	/*border: 1px solid #000000;	*/
}

#headergraphic1 {
	background-image: url(images/header1.jpg);
	background-repeat: no-repeat;
	height:96px;
	margin:0px;
}
#headergraphic2 {
	background-image: url(images/header2.gif);
	background-repeat: no-repeat;
	height:67px;
	margin:0px;
}

#bottombar {
	height:44px;
	background-image:url(images/bottombar.jpg);
	background-repeat:no-repeat;
}

hr {
	display:none;
}

/*list subpages*/
div #subpagediv {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 150px;
	margin-left:20px;
	margin-bottom:15px;
	padding:0px;
}

div #subpagediv div {
	margin:0px;
	width:100%;
	padding:0px;
}

div #subpagediv div p {
	margin:0px;
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}

div #subpagediv ul {
	margin-top:0px;
	margin-left: 20px;
	padding: 5px;
	list-style-type: square !important;
}

div #subpagediv ul li {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: none;
	line-height:1.1em;
	background-image: none !important;
}

/*subpage colour*/

div #subpagediv {
	color: #000000;
	background-color: #F7FFDB;
	border: 1px dotted #000000;	
}
div #subpagediv div {
	background-color: #000000;
}
div #subpagediv div p {
	color: #CFAC76;
}
div #subpagediv ul li, div #subpagediv ul li a {
	color: #000000!important;	
}

div #subpagediv ul li a:hover {
	color:#A1731E!important;
}

/*Product listing*/

div.productlisting {
	width:100%-100px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:80px;
	padding-top:5px;
	background-color:#F7F6CF;
	border: 1px dotted #E1C781;
}

div.watermark {
	background-image:url(images/backgroundwatermark2.gif);
	background-position: 340px bottom;
	background-repeat:no-repeat;
}

div.productlisting img {
	float:right !important;
}

div.productlisting h2 {
	color:#6C441A;
}

/* Product Details */

div.note {
	font-size:10px;
}

div.callus {
	float:right;
	line-height:50px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	height:50px;
	margin-right:3px;
	/*background-color:#F9FEDE;
	border: 1px dotted #E1C781;*/
	background-image:url(images/phone.gif);
	background-repeat:no-repeat;
	background-position: 13px -5px;
}

div.detailImages img {
	float:none !important;
 	border: 1px solid #666666 !important;
	/*padding:0px !important;
	margin-bottom:5px !important;*/
}

div.IEfixH2 {
	display:block;
	width: 100%;
}

div.detailInfo div.texturegallerylink {
	line-height:18px;
	font-size: 10px;
	padding-top: 5px;
}

div.detailInfo div.texturegallerylink img {
	float:left !important;
	padding-top:0px !important;
}

div.detailImages {
	float: left;
	width:380px;
	/*margin-left:15px;
	/*background-color:#999999;*/
	/*height:100%;
	/*padding:10px;*/
}


div.detailInfo {
	clear: left;
	width: 150px;
	float:left;
	background-color:#F9FEDE;
	border: 1px dotted #E1C781;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

div.detailInfo ul {
	clear: left;
}




/*View images, thumbnails*/

/*div#thumbslistleft {
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}*/
div#thumbslistright{
	clear: left;
	position:relative;
	/*left:-50%;*/
	/*float:right;*/
	left:65px;
}

div.imagelisting {
	margin-bottom:10px;
	width: 110px;
	float:left;
} 
div.viewimage img{
	float:none !important;
	padding:0px !important;
	border: 1px solid #666666 !important;
	margin-top:11px;
	height:89px;
	width:100px;
}
/*div.viewimage img{
	float:none !important;
	padding:0px !important;
	border: 1px dotted #E1C781;
	margin-top:11px;
	height:89px;
	width:100px;
}*/
div.viewimage img.noborder{
	float:none !important;
	padding:0px !important;
	border: none !important;
	margin-top:0px !important;
	height:112px !important;
	width:100px !important;
}

div.imagelisting .caption {
	font-size:10px;
}

div.clear {
	clear:both;
}

.photogallerylink {
	z-index:0;
	/*position: relative;*/
	/*top: -50px;
	right: 0px;	*/
	margin-top: -50px;
}

/*Applications page*/

div.applicationtitle{
	background-color:#000000;
	font-weight:bold;
	font-size:14;
	color:#CAAC7C !important;
	display:block;
	width: 100%-6px;
	padding: 3px;
	margin-top: 20px;
	height:1em;
}

.backtotop {
	width: 200px;
	text-align: right;
	float:right;
	padding:0px;
	margin:0px;
	/*position:relative;
	top:-5px;*/
}

div.applicationbox {
	
}

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

div.applicationul {
	background-color:#F9FEDE;
	border: 1px dotted #E1C781;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

/* For javascript image shadows */
/* For use with shadow.js, called with css class jsShadow*/

div.shadow {
	clear: both;
	float: left;
	/*background:  url(jsShadow/shad_bottom.png) repeat-x bottom left;*/
	position: relative;
	padding-top: 0px !important;
	padding-right: 1px !important;
	padding-bottom: 4px !important;
	padding-left: 1px !important;
	margin-left: 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E3E2BE;
	border-left-color: #E3E2BE;
	background-color: #B9B89B;
	background-image: url(jsShadow/shad_bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	z-index:1px
}

div.shadow img {
	float:none !important;
	padding: 0px !important;
	border: 1px solid #333333;  /*padding: 0px 0px 4px 0px !important;*/
  
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(jsShadow/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
  z-index:1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(jsShadow/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
  z-index:1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(jsShadow/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
   z-index:1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(jsShadow/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
   z-index:1px;
}