body, div, table, tr, td, span, form, span, p{
	font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; font:#464646;
	
}
body{
	
	margin:0px;
	background:#efefef;
	text-align:center
	
}
a:link{color:#0000CC;text-decoration:none}
a:visited{color:#0000CC;text-decoration:none}
a:active{color:#0000CC;text-decoration:underline} 
a:hover{color:#3f7fca;text-decoration:none} 

.page {
	width:1000px;
	display:block;
	margin:0px auto 0px;
	background:#FFF;
	text-align:center;
}

form{
	margin:0px;
	}
.headpic{
	background:url('../images/HeaderBg.png') repeat-x 0px 0px;	
	WIDTH:1000px;
	padding:5px;
	text-align:center;
	border:1px solid #efefef;
	}
.headLiner{
	WIDTH:1000px;
	background:url('../images/headerLiner.png') no-repeat;
	}
.headLine{
	WIDTH:1000px;
	height:5px;
	background:transparent;
	}

	
.subMenu{
border:1px solid #cccccc;
width:172px;
text-align:center;
padding:0px;
background:#f9f9f9;
height:25px;
margin-bottom:-18px;
	}


/* New Category Tree*/
ul#catetree, 
ul#catetree ul{font-size:11px;position:relative;width:176px;z-index:2;margin-left:0px;padding:0px;}
ul#catetree li{border:1px solid #ccc;border-bottom:1px dotted #888;border-top:none;display:block;float:left;text-align:left;height:26px;line-height:26px;padding:0px;/* IE 7 vertical gap,IE 6/7 */ position:relative;width:100%;/****/}
ul#catetree li div.sub_bg{display:none;}
ul#catetree li a{background:#f9f9f9;color:#464646;display:block;font-weight:bold;padding-left:15px;text-decoration:none;}
ul#catetree li:hover a.level1,
ul#catetree li a:hover{background:url('../images/popupBg.png');border-bottom:0px; border-top:1px solid #ccc;color:#FF9A04;height:26px;line-height:26px;}
ul#catetree li ul li a:hover{border:none;height:26px;line-height:26px;color:#FF9A04;}
ul#catetree li:hover div.sub_bg{background:url('../images/popupBg.png') repeat left top;display:block;left:98%;position:absolute;top:2px;color:#FF9A04;}
ul#catetree div.whiteline{background:transparent  no-repeat left 0;}
ul#catetree	div.sub_b{background:transparent  no-repeat left -724px;height:5px;line-height:5px;position:relative;top:4px;width:156px;}
ul#catetree ul{background:transparent no-repeat left top;overflow:auto;position:relative;top:-2px;}
ul#catetree li:hover ul li{border:none;overflow:hidden;}
ul#catetree li:hover ul li a{background-color:transparent;}

div#cvv {font-size:11px;position:relative;left:155px; top:-25px;width:190px; height: 48px;z-index:1026;padding:2px;display:none;border:1px solid #ccc}

.news{
border:1px solid #cccccc;
width:176px;
text-align:left;
padding-left:5px;
height:auto;
onerflow: auto;
background:#f9f9f9;
}

.actpic{
	margin-top:0px;
	OVERFLOW: hidden;
	WIDTH:1010px;
	FILTER: alpha(opacity=90);
	}
.logopic{	
	WIDTH:1010px;
	padding-top:0px;
	text-align:center;
	}
.mainpic{	
	WIDTH:1010px;	
	min-height:600px;
	padding-top:5px;
	}
.mainleft{
	float:left;		
	width:172px;
	
	}
.mainright{	
	width:620px;
	}
.mainArea{	
	width:618px;
	margin-left:5px;
	border:1px solid #ccc;
	height:auto;
	}
.mainArea .homeImg{
align:center;
width:618px;
height:454px; 
margin:0px;
text-align:center;
 background:url('../images/afShop.png') no-repeat 0px 0px; 
}


.mainArea .title{
height:25px; 
padding-top:10px; 
text-align:center; 
border-bottom:1px dotted #efefef; 
font-weight:bold;
font-size:14px;
color:#464646;
background-color:#f9f9f9;
}


.customerArea{	
	width:618px;
	border:1px solid #ccc;
	margin-left:5px;
	}

.freePostArea{	
	width:618px;
	text-align:left;
	margin-left:5px;
	}


.borderTable table{	
	border:1px solid #cccccc;
	}

.borderTable tr{	
	border:1px solid #cccccc;
	}


	
	

.roomDetailTitle{
padding:5px;
font-weight: bold;
color:#F84B01;
}

.roomDetailPropertyAllow{
width:135px;
height:100px; 
float:left
}

.roomDetailPropertyItem{
width:70px; float:left
}
.roomEnquireButton{
color:#F84B01;
font:bold 11px Arial, Helvetica, sans-serif;
}

.rentalBg{
position: relative;
width:268px;
height:300px; 
padding:10px;
background:url('../images/rentalBg.png') repeat-x 0px 0px;	
}

.rentalBg .roomDetailSuburb{
padding:10px 0px;
font-weight: bold;
}

#roomDetailImage{
width:395px; 
padding:5px; 
float:left
}

.rentalMainDesc{
width: 500px; 
padding:0px 15px;
float:left;
background:url('../images/rentalBg.png') repeat-x 0px 0px;
}

.rentalEmailForm{
width: 462px; 
padding:10px;
float:left;
background:url('../images/rentalBg.png') repeat-x 0px 0px;
}

.rental_House{
}
a.rental_House:link{color:#FF0000;text-decoration:none;font-size:12px;}
a.rental_House:visited{color:#000000;text-decoration:none;font-size:12px;}
a.rental_House:active{color:#000000;text-decoration:underline;font-size:12px;} 
a.rental_House:hover{color:#FAAE21;text-decoration:none;font-size:12px;} 


.rentalListHouse{
padding:0px 3px;
background:url('../images/listHouseBg.png') repeat-x 0px 0px;
}


.rentalListTop{
padding:0px 30px;
margin:0px -10px;
background:url('../images/listTopBg.png') repeat-x 0px 0px;
}



.rentalThumb {	
	padding:2px;
	display:block;
	width:134px;
	height:96px;
	clear:both;
	text-align:center;
	background:url('../images/thumBg.png') no-repeat 3px 1px;	
}

.renovationCard{
width: 275px; 
height:150px;
padding:5px;
margin:2px 0px;
border: 1px dotted #ccc;
color:#666;
background-color:#FFF
}


.pageNum{
	height:26px;
	padding:10px 10px 1px 30px;
	background:url('../images/rentalHeader.png') repeat-x 0px 0px;	
}
.disNum{
	height:26px;
	width:400px;
	float:left;
	}


.nevMenu{
	background-color:#FAAE21;
	margin:0px 2px;
	height:20px;
	}
.nevMenu1{
	background-color:#DFEBFF;
	margin:0px 2px;
	height:20px;
	color:#037BD3;
	}

	
.nevMenuBar{
	width:80px;
	height:20px;
	text-align:center;
	color:#ffffff;
	}
a.nevMenuBarTitle:link{color:#ffffff;text-decoration:none;font:bold 14px;}
a.nevMenuBarTitle:visited{color:#ffffff;text-decoration:none;font: bold 14px;}
a.nevMenuBarTitle:active{color:#ffffff;text-decoration:none;font: bold 14px;} 
a.nevMenuBarTitle:hover{color:#195a9d;text-decoration:none;font: bold 14px;} 

.nevMenuBar1{
	width:80px;
	height:20px;
	text-align:center;
	color:#037BD3;
	}

a.headerTitle:link{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle:visited{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle:active{color:#000000;text-decoration:none;font-size: 12px; font-weight:bold} 
a.headerTitle:hover{color:#FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 

a.headerTitle1:link{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle1:visited{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold}
a.headerTitle1:active{color:FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 
a.headerTitle1:hover{color:#FF9900;text-decoration:none;font-size: 12px; font-weight:bold} 

a.vheaderTitle:link{color:#000000;text-decoration:none;font-size: 12px; }
a.vheaderTitle:visited{color:#000000;text-decoration:none;font-size: 12px; }
a.vheaderTitle:active{color:#000000;text-decoration:none;font-size: 12px; } 
a.headerTitle:hover{color:#FF9900;text-decoration:none;font-size: 12px; } 



.menuTitle{
	background-image:url('../images/menuShadow.png');
	width:150px;
	height:24px;
	text-align:center;
	color:#195a9d;
	font:bold 14px;
	}



table.mainNewsTitle{
	background-color:#e4e4e4;
	height:26px;
	width:600px;
	padding-left:5px;
	
	margin-bottom:5px;
	margin-left:5px;
	
}

.newsTitle{
	font: bold 14px;	
	color:#FAAE21;
}

table.mainNewsTitle td{
	padding-left:10px;
	}
.newsline{
	height:25px;
	width:300px;
	margin:5px; 
	border-bottom:1px dotted #CCCCCC;
	}
a.newslineA:link{color:#000000;text-decoration:none;font-size:12px;}
a.newslineA:visited{color:#000000;text-decoration:none;font-size:12px;}
a.newslineA:active{color:#000000;text-decoration:underline;font-size:12px;} 
a.newslineA:hover{color:#FAAE21;text-decoration:none;font-size:12px;} 

.footerBot{
	width:1000px;
	background-color:#e4e4e4;
	color:#7e7e7e;
	border:1px solid #c3c3c3;
	line-height:150%;
	text-align:center;
	margin-left:1px;
	margin-right:-1px;
	margin-top:2px;
	}
.footerL{
	width:1000px;
	text-align:center;
	background-color:#FAAE21;
	padding-top:10px;
	color:#FFFFFF;
	line-height:150%;
	}

/* -------CSS MAIN MENU BAR -------- */	
.menu {
	border:1px solid #efefef;  background:url('../images/HeaderBg.png') repeat-x 0px 0px;	
	margin-top:4px;
	width: 100px;
	height: 36px;
	float:left;
	background-position-y:50%
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
	{
	margin: 0; 
	padding: 0px; 
	background-color: transparent; 
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin-bottom:0px;
	}
.menu ul ul 
	{
	width:95px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
	{
	float:left;width:95px;position:relative;
	list-style: none;
	}
	
	
/* style the links for the top level */
.menu a, .menu a:visited 
	{
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000; 
	width:95px; 
	height:25px; 
	border-left:1px solid #fff; 
	border-width:1px 0 1px 1px; 
	background-color: transparent; 
	padding-left:1px; 
	padding-right:0px; 	
	line-height:36px;
	}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
	{
	
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
	{
	visibility:hidden;
	position:absolute;
	height:0;
	top:5px;
	left:0;
	width:95px;
	}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
	{
	background-image: url('../images/HeaderBg.png');
	color:#FFF; 
	height:25px; 
	padding:3px ; 
	width:95px;
	line-height: 10px;
	display: block;
	text-align: left;
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
	{
	color:#000;
	background:#efefef;
	}
.menu :hover > a, .menu ul ul :hover > a
	{
	color:#000;
	background:#efefef;
	}

/* Sets the Home Navigation to a certain width */
.menu li.cutters, .menu li.cutters a, .menu li.cutters a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	float:left; 
	width:130px; 
	color:#000;
	padding-right: 1px;
	}
	
.menu li.pavers, .menu li.pavers a, .menu li.pavers a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	float:left; 
	width:160px; 
	color:#000;
	padding-right: 1px;
	}

#cart {
	border:1px solid #efefef;  background-color:#f9f9f9;		
	width: 180px;
	height: 30px;
	float:left;
	background-position-y:50%
	text-align:center;
	}



/* remove all the bullets, borders and padding from the default list styling */

/* ########## DOMAIN NAVIGATION STYLES ######### */


/* Sets the other Navigation to a certain width */
.menu li.other_nav, .menu li.other_nav a, .menu li.other_nav a:visited
	{
	background-image: url('../images/HeaderBg.png');
	position:relative; 
	list-style: none; 
	margin:0;
	width: 168px; 
	color:#000;
	}

.menu li.other_subnav, .menu li.other_subnav a, .menu li.other_subnav a:visited

{
width: 168px;

visibility:visible;

}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
	{
	visibility:visible;
	}
/* -------*END* CSS MAIN MENU BAR -------- */
.navigation{
position:relative;
width:168px; 
height:30px; 
background-color:#999;
text-align:center;
width:168px;padding-top:10px
}

.navigation ul
{margin:0px; padding:0px;}
.navigation ul li
{display:inline;  float:left; list-style:none; margin-left: 0px; padding-left:5px; position:relative;}


.navigation li a
{color:#fff; text-decoration:none;}

.navigation li a:hover
{color:#fff; text-decoration:underline;}

.navigation li ul
{
margin:0px; 
padding:0px; 
display:block;
position:absolute;
left:0px;
top:1px;
background-color:#ccc;
width:168px;
}

.navigation li li
{
list-style:none; 
display:list-item;
border-bottom:1px dotted #FFF;
}

.promotionBox{
width:176px;
height:auto; 
margin-left:2px;
padding:10px 0px;	
}

.promotionBox .top{

margin-top:10px;
height:8px; 
background:url('../images/bg_172Top.png') no-repeat;	
}
.promotionBox .middle{
background:url('../images/bg_172Middle.png') repeat-y 0px 0px;	
}
.promotionBox .bottom{
background:url('../images/bg_172Bottom.png') no-repeat;	
}

.product {

	float:left;

	padding:2px 5px 10px 1px;

	text-align:center;

}
.product .shoeInfo {
	width:145px;
	height:205px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	border:1px solid #eeeded;
	display:block;
}
.product .shoeInfo a {
	text-align:center;
	vertical-align:middle;
	display:block;
}

.product .shoeInfo IMG {
	text-align:center;
	vertical-align:middle;
	padding:5px 0px 3px 0px;
}
.product .shoeInfo H1 {
	font-size:11px;
	width:145px;
	float:left;
	padding:0px;
	text-align:left;
	line-height:1em
}

.product .shoeInfo H1 a {
	text-align:left;
	padding:0px 0px 4px 10px;
}

a.productTitle:link{color:#464646;text-decoration:none;font-size:12px;font-weight:bold}
a.productTitle:visited{color:#464646;text-decoration:none;font-size:12px;font-weight:bold}
a.productTitle:active{color:#464646;text-decoration:none;font-size:12px;font-weight:bold}
a.productTitle:hover{color:#FFAA04;text-decoration:none;font-size:12px;font-weight:bold}

	
.productTitle{
height:25px; 
padding-top:10px; 
text-align:center; 
border-bottom:1px dotted #efefef; 
font-weight:bold;font-size:12px;color:#000;z-index:-1
}

a.pageNum:link{color:#464646;text-decoration:none;font-size:11px;font-weight:bold}
a.pageNum:visited{color:#464646;text-decoration:none;font-size:11px;font-weight:bold}
a.pageNum:active{color:#464646;text-decoration:none;font-size:11px;font-weight:bold}
a.pageNum:hover{color:#FFAA04;text-decoration:none;font-size:11px;font-weight:bold}


a.productTitle2:link{color:#464646;text-decoration:none;font-size:11px;}
a.productTitle2:visited{color:#464646;text-decoration:none;font-size:11px;}
a.productTitle2:active{color:#464646;text-decoration:none;font-size:11px;}
a.productTitle2:hover{color:#FFAA04;text-decoration:none;font-size:11px;}


.pageNum{
height:20px; 
weight:20px; 
text-align:center; 
background:url('../images/pageNumBg.png') no-repeat;
}
<!--- PAGINATION ---->
ul.pagination {
	list-style-type:none;
}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


ul.pagination li {
	
	display:inline;
	float:left;
	margin:1px;
	padding:0;
	font-size:11px;
	background:#f9f9f9;
	border:1px solid #EEE;
	height:20px; 
	weight:20px;
	text-align:center;
	vertical-align:middle;
}

ul.pagination li.active span {
	color:#FFA704;
	display:block;
	font-weight:bold;
	margin-left:1px;
	margin-right:1px;
	padding:4px;
	
}

ul.pagination li.deactive span {
	color:#464646;
	display:block;
	font-weight:bold;
	margin-left:1px;
	margin-right:1px;
	padding:4px;
	
}

ul.pagination li a {
	color:#464646;
	text-decoration:none;
	display:block;
	margin-right:1px;
	margin-left:1px;
	font-weight:bold;
	
	padding:4px;
}

ul.pagination li a:hover{
	color:#FF7A04;	
}

.greyLine{
height:20px;
background-color:#efefef;
text-align:left;
padding-left:20px;
}
.cross{
width:70px;
height:20px;
background:url('../images/priceCross.png') no-repeat;
}
.text_field{
height:18px; font-size:11px;color:#464646;border:none;padding:1px;
}

.white11{
font-size: 11px;
color:#FFF;
}
.white11b{
font-size: 11px;
font-weight:bold;
color:#FFF;
}
.gray11{
font-size: 11px;
color:#464646;
}
.gray11b{
font-size: 11px;
font-weight:bold;
color:#464646;
}

.gray14b{
font-size: 14px;
font-weight:bold;
color:#464646;
}
.orange11{
font-size: 11px;
color:#FF7A04;
}

.orange11b{
font-size: 11px;
font-weight:bold;
color:#FF7A04;
}

.orange14b{
font-size: 14px;
font-weight:bold;
color:#FF9A04;
}