/********************/
/* Button Style  */
/********************/

/* Button*/
 
 #button a, #button {
 font-style:normal;
font-size:18px;
 text-decoration: none;
 font-family: Avian, 'Century Gothic', Arial, Tahoma ;
 color: white;
 font-weight:bold;
  }
     

	
table #button{
vertical-align: middle;
border:none;
padding:0px;}


#button  td{
 background-image: url('../img/misc/button-pink.jpg') ;
 background-position: top right;
 background-repeat: no-repeat;
text-align: center;
vertical-align: middle;
 width: 140px;
 height:110px;
  color: white;
  cursor: pointer;
}
/*
#button  td{
	background:#ED294F;
	border:6px #ffffff dashed;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	text-align: center;
	vertical-align: middle;
 	width: 140px;
 	height:105px;
}
*/
#button  td:hover{background-image: url('../img/misc/button-pink-hover.jpg');}

/*
#button  td:hover{background:#fe3a6f;}
*/
#button  td.noButton{
background:none;
height: 5px;
cursor: auto;
font-size: 5px;
}

 #button a, #button {
 font-family: Avian, Arial, 'Century Gothic', Arial, Tahoma ;
 font-style:normal;
font-size:18px;
 text-decoration: none;
 font-weight:normal;
 color: white;
  }
     

	 
	 
	 
.button a, .button , .button a:link{
 font-style:normal;
font-size:18px;
 text-decoration: none;
 color: white;
  }
     
 
	 
	
table .button{
vertical-align: middle;
text-align:center;
border:none;
padding:0px;}


.button  td{
 background-image: url('../img/misc/button.gif');
 background-repeat: no-repeat;
text-align: center;
vertical-align: middle;
 width: 140px;
 height:105px;
  color: white;
  cursor: pointer;
}
.button  td:hover{background-image: url('../img/misc/button2.gif');}

.button  td.noButton{
background:none;
height: 5px;
}


/********************************************************************************
button 2 for buy and browse
********************************************************************************/

ul.bt {
	padding-left: 0px;
	
}
	
	
ul.bt li {
	list-style: none;
	padding-top:10px;
	
}

	
.buybutton{
	background:#fff url('../img/misc/buy.jpg') no-repeat top left;
	text-decoration: none;
	width:80px;
	height:30px;

	}
	
.buybutton:hover{
	background: url('../img/misc/buy2.jpg') no-repeat;
	}
	
.pricingbutton{
	background:#fff url('../img/misc/pricing.jpg') no-repeat top left;
	text-decoration: none;
	width:102px;
	height:30px;

	}
	
.pricingbutton:hover{ background: url('../img/misc/pricing2.jpg') no-repeat; }
	
.nextbutton{	background:#fff url('../img/misc/next.jpg') no-repeat top left;
	text-decoration: none;	width:80px; 	height:30px;}
.nextbutton:hover{	background: url('../img/misc/next2.jpg') no-repeat;	}	
	
.addbutton{	background:#fff url('../img/misc/addtocart.jpg') no-repeat top left;
	text-decoration: none;	width:160px; 	height:30px;}
.addbutton:hover{	background: url('../img/misc/addtocart2.jpg') no-repeat;	}	
		
.continueshopping{	background:#fff url('../img/misc/continueshopping.jpg') no-repeat top left;
	text-decoration: none;	width:235px; 	height:30px;}
.continueshopping:hover{	background: url('../img/misc/continueshopping2.jpg') no-repeat; cursor: pointer;	}	
	
	
.calculatedelivery{	background:#fff url('../img/misc/calculatedelivery.jpg') no-repeat top left;
	text-decoration: none;	width:235px; 	height:30px;}
.calculatedelivery:hover{	background: url('../img/misc/calculatedelivery2.jpg') no-repeat;	}	
	
.emptycart{	background:#fff url('../img/misc/emptycart.jpg') no-repeat top left;
	text-decoration: none;	width:235px; 	height:30px;}
.emptycart:hover{	background: url('../img/misc/emptycart2.jpg') no-repeat;	}	
	
.checkout{	background:#fff url('../img/misc/checkout.jpg') no-repeat top left;
	text-decoration: none;	width:235px; 	height:30px;}
.checkout:hover{	background: url('../img/misc/checkout2.jpg') no-repeat;	}	
	
	
.startagainbutton{	background:#fff url('../img/misc/startagain.jpg') no-repeat top left;
	text-decoration: none;	width:145px; 	height:30px;}
.startagainbutton:hover{	background: url('../img/misc/startagain2.jpg') no-repeat;	}		

.cancelbutton{	background:#fff url('../img/misc/cancel.jpg') no-repeat top left;
	text-decoration: none;	width:105px; 	height:30px;}
.cancelbutton:hover{	background: url('../img/misc/cancel2.jpg') no-repeat;	}		

.buypinboardbutton{	background:#fff url('../img/misc/buypinboard.jpg') no-repeat top left;
	text-decoration: none;	width:205px; 	height:30px;}
.buypinboardbutton:hover{	background: url('../img/misc/buypinboard2.jpg') no-repeat;	}		

.selectpattern{background:#fff url('../img/misc/selectpattern.jpg') no-repeat top left;
	text-decoration: none;	width:188px; 	height:30px; padding-top:3px;}
.selectpattern:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
cursor:pointer;
}
.greenbutton img{
cursor:pointer;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/


}
.greenbutton a img{
padding:0px;
margin:0px;
border:1px dotted #BDCF45;
}

.greenbutton:hover{

cursor:pointer;
}

.greenbutton:hover img{


filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
	

}


ul.bt li.browse a, ul.bt li.browse a:active{
	background: url('../img/misc/browse.jpg') no-repeat;
	padding:20px 70px 20px 70px;
	text-decoration: none;
	outline:none;
}

ul.bt li.browse a:hover{
	background: url('../img/misc/browse2.jpg') no-repeat;
	}	
	
	



ul.bt li.join a{
	background: url('../img/misc/join.jpg') no-repeat;
	padding:20px 70px 20px 70px;
	text-decoration: none;
}

ul.bt li.join a:hover{
	background: url('../img/misc/join2.jpg') no-repeat;
	}		

	
ul.bt li.enquire a{
	background: url('../img/misc/enquire.jpg') no-repeat;
	padding:20px 70px 20px 70px;
	text-decoration: none;
}

ul.bt li.enquire a:hover{
	background: url('../img/misc/enquire2.jpg') no-repeat;
	}		
	
	

	
.prev-button {
	background: url(../img/misc/gallery_prev-up.jpg) no-repeat center right;
	height: 86px;
	width: 96px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align:right;
	
}

.next-button {
	background: url(../img/misc/gallery_next-up.jpg) no-repeat center left;
	height: 86px;
	width: 96px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align:left;
}

.prev-button:hover {
	background-image: url(../img/misc/gallery_prev-over.jpg);
	margin: 0px;
	padding: 0px;
}
 .next-button:hover {
	background-image: url(../img/misc/gallery_next-over.jpg);
	margin: 0px;
	padding: 0px;
}
	
	
input:hover{

filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
	
}