/* ------------------------------------------------------- 
  bricks                                    
------------------------------------------------------- */

#bricksavertop {position:relative; top:0px; left:0px; height:87px;}
#choice {position:absolute; top:60px; left:320px;}
#bricktel {position:absolute; top:0px; left:530px;}

#introtext {position:relative; top:0px; left:0px; width:700px; margin-bottom:20px;}
#leftintro {float:left; position:relative; top:0px; left:0px; width:330px; margin-right:40px;}
#rightintro {float:left; position:relative; top:0px; left:0px; width:330px;}

#innerproduct2 {position:relative; top:0px; left:0px; width:703px; margin-left:28px; margin-top:10px; margin-bottom:20px;}
#innerproduct3 {position:relative; top:0px; left:0px; width:703px; height:430px; margin-left:28px; margin-top:10px; margin-bottom:20px;}

/* ------------------------------------------------------- 
  poduct listing
------------------------------------------------------- */

.productpromobox {position:relative; top:0px; left:0px; width:703px; height:225px;}
.prodpromo {float:left; position:relative; top:0px; left:0px; width:170px; height:195px; margin-right:5px; margin-bottom:10px; padding:0px; background-color:#f8f4f1; border:solid 1px #ece0d7;}
.prodpromor {float:left; position:relative; top:0px; left:0px; width:170px; height:195px; margin-right:0px; margin-bottom:10px; padding:0px; background-color:#f8f4f1; border:solid 1px #ece0d7;}
.prodpromoimage {position:relative; top:10px; left:10px; width:150px; height:150px;}
.prodpromotext {position:absolute; top:130px; left:10px; width:150px; height:30px; text-align:left; font-weight:bold; font-size:1.2em;}
.prodpromotext a {color:#2a8ebf; text-decoration:underline;}
.promoprice {position:absolute; top:170px; left:10px; width:150px; font-weight:bold; font-size:1.2em;}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#searchnav {position:relative; top:0px; left:0px; width:703px; height:31px; background-color:#f8f4f1; border:solid 1px #ece0d7; margin-bottom:10px;}
#recordtext {position:absolute; left:11px; top:7px;}
#querybox {position:absolute; left:11px; top:26px;}

#pagingnav {position:absolute; top:7px; left:410px; width:250px; color:#848484;}
#pagingnav ul{position:relative; top:0px; left:0px; margin:0px; padding:0px; list-style-image:none; list-style-type:none; text-indent:0px; text-align:right;}
#pagingnav li{display:inline;}
#pagingnav li a {color:#2a8ebf; font-weight:bold; padding:0px; margin-right:5px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#848484; padding:0px; margin-right:5px; font-weight:bold;}


#searchnav2 {position:relative; top:0px; left:0px; width:703px; height:31px; background-color:#f8f4f1; border:solid 1px #ece0d7; margin-bottom:10px;}
#recordtext2 {position:absolute; left:11px; top:7px;}

#pagingnav2 {position:absolute; top:7px; left:410px; width:250px; color:#848484;}
#pagingnav2 ul{position:relative; top:0px; left:0px; margin:0px; padding:0px; list-style-image:none; list-style-type:none; text-indent:0px; text-align:right;}
#pagingnav2 li{display:inline;}
#pagingnav2 li a {color:#2a8ebf; font-weight:bold; padding:0px; margin-right:5px;}
#pagingnav2 li a:hover {text-decoration:underline;}

* html #pagingnav2 ul {margin-left:-10px; padding-left:10px;}

/* ------------------------------------------------------- 
  product
------------------------------------------------------- */

#innerproduct {position:relative; top:0px; left:0px; width:703px; height:360px; margin-left:28px; margin-top:10px; margin-bottom:20px;}
#prodleft {position:relative; top:0px; left:0px; float:left; width:110px;}
#prodmid {position:relative; top:0px; left:0px; float:left; width:340px; padding:15px;}
#prodright {position:relative; top:0px; left:0px; float:left; width:200px; padding: 40px 0px 15px 0px;}
#prodmiddle {position:relative; top:0px; left:0px; float:left; width:590px;}

/* ------------------------------------------------------- 
 gallery
------------------------------------------------------- */

#prodmid h1 {font-size:1.8em;}

#producttop {position:relative; left:0px; top:0px; height:310px; width:320px; margin-left:2px;}
#productimagebox {position:absolute; left:1px; top:1px; width:320px; height:240px; background-color:#ffffff; border:1px solid #4b4c4a;}
#gallerycontrols {position:absolute; left:0px; top:260px; width:320px; height:26px;}


.paginator-2 {margin:0px 11px 0 0px; padding:0; float:left; display:inline; overflow:hidden;}
.paginator-2 li {float:left; display:inline; padding:0 5px 7px 0px;}
.paginator-2 li a {border:1px solid #a1958c; background-color:#a1958c; width:50px; height:38px; text-decoration:none; display:block; color:#ffffff; font-weight:bold; text-align:center;}
.paginator-2 li a.active,
.paginator-2 li.active a {background-color:#4b4c4a; border:1px solid #4b4c4a;}

.mask {position:relative; width:320px; height:240px; overflow:hidden; clear:both; margin:0px; padding:0px;}

#gallery {margin:0; padding:0; position:absolute; left:340px; top:0px; width:30000px;}
#gallery li {width:321px; height:240px; float:left; list-style:none; padding:0px; margin:0px; position: relative;} 
#gallery li img {float:left;}

#btn-prev-index,
#btn-next-index {
	float: left;
	background: url(../images/brn-prev.gif) no-repeat;
	width: 35px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 0 0 16px;
	display: inline;
}
#btn-next-index {
	background: url(../images/brn-next.gif) no-repeat;
	float: right;
	margin: 5px 12px 0 0;
}
.button-bg-left,
.button-bg-right {
	float: left;
	width: 60px;
	height: 40px;
	background-color: #fff;
	margin: -44px 0 0 7px;
	position: relative;
}
.button-bg-right {
	float: right;
	margin-right: 7px;
}


/* ------------------------------------------------------- 
 enquiry
------------------------------------------------------- */

.enquiryformbox {position:relative; left:0px; top:0px; width:590px; color: #91877b;}
.formleft {position:relative; top:0px; left:0px; float:left; width:300px;}
.formright {position:relative; top:0px; left:0px; float:left; width:290px;}

.formleft label {display:block; float:left; width:120px;}
.formright label {display:block; float:left; width:120px;}

.formelement {position:relative; left:0px; top:0px; margin-top:5px;}

.formelement2 {position:relative; left:0px; top:0px; margin-top:5px;}
.formelement2 label {display:inline; width:270px;}

#checkboxes {position:relative; left:0px; top:0px;}
#checkboxes label {display:inline; float:none; padding-right:35px;}
#checkboxes input {border:none;}

/* ------------------------------------------------------- 
 ToolBar                                    
------------------------------------------------------- */

ol,ul{list-style:none;}
li {line-height:130%;}

#tabnav {width:500px; margin:0; padding:0; position:relative; left:0px; top:0px; border-bottom:none; overflow:hidden;}
#tabnav ul {margin:0 30px 0 0px;}
#tabnav li {float:left; font-size:1.2em; padding:13px 10px 9px 10px; border-bottom:1px solid #ece0d7; border-bottom:none;}
#tabnav li a {display:block; text-decoration:none; font-weight:normal; color:#333;}
#tabnav li a:hover{text-decoration:underline;}

#tabnav li.first {width:1px; overflow:hidden; position:absolute; margin-left:-2px; left:0;}
#tabnav li.last {width:1px;}

#tabnav li.selected{
	background-color:#f8f4f1; 
	background-image: url("../images/tabback.jpg"); background-position: top left; background-repeat: repeat-x;
	border:1px solid #ece0d7; /* Border colour of selected tab */
	border-bottom:none; /* Knocks out bottom border */
	padding:11px 11px 10px;
	margin-top:0px;
	position:relative; 
	top:1px;
}
#tabnav li.selected a {color:#8f8176;}