*{
	margin:0;
	padding:0;
}

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#4B6374;
}

p {
	text-align:justify;
	margin-bottom: 1em;
}

a {
	color: #0000CC;
}

img {
	border: none;
}

#allWrap{
	width:800px;
	margin:auto;
}

/*--------------------------
 user name and password
--------------------------*/

#usernameWrap{
	width:800px;
	background-color:#0a9edb;
	height:29px;

}

#username form{
	float:right;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:4px;
	padding-right:20px;
}

#username form input{
	background: #51d0ff;
	color: #004F66;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	border: 1px solid #66caef;
	margin-right:5px;
}

#username p {
	color:#ccf0fe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:-1px;
	padding-top:2px;
	padding-left: 8px;
	padding-right:10px;
}

#username a {
	color:#ccf0fe;
}

/*--------------------------
 heading img and search
--------------------------*/

#topImgWrap{
	width:800px;
	height:167px;
	background-repeat:no-repeat;
}

#search{
	padding:130px 0 0 550px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
	letter-spacing:-1px;
}

#searchButton {
	float:right;
	margin: -20px 0 0 0;
	padding-right:65px;
	display:block;
	width:20px;
	height:20px;
}

#searchButton a{
	display:block;
	background:url(/images/searchButton.png) top left no-repeat;
	width:20px;
	height:20px;
}

#searchButton a:hover{
	background-position: 0 -20px;
}

/*--------------------------
logo and heading
--------------------------*/
#phebraLogo{
	background-image:url(/images/logoWithHeadingBK.png);
	background-repeat:no-repeat;
	width:800px;
	height:51px;
}

#phebraLogo img{
	border:none;
	float:left;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#68714d;
	padding-top:18px;
	margin-left:241px; 
}


/*--------------------------
main navigation content wrap
--------------------------*/

#navAndContentWrap{
	width:800px;
	margin:0;
	padding:0;
	background:url(/images/navFillBar.png);
	background-repeat:repeat-y;

	position:relative;
	clear:both;

}

/*--------------------------
main navigation
--------------------------*/

#mainNavWrap{
	width:220px;
	float:left;
	min-height:470px;
	height:400px;
	line-height:18px;
	font-size: 14px;
}

#mainNavWrap ul{
	list-style:none;
	margin:0;
	padding:0;
}

#mainNavWrap li a{
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:none;
}

/*--------------------------
main navigation flyout
--------------------------*/
#mainNavWrap li{
	margin:0;
	padding:0;
}

#mainNavWrap li ul{
	position: absolute;
	margin-left:180px;
	margin-top:-34px;
	left: -999em;
	z-index:2;
}


#mainNavWrap li ul a{
	background: #81ac50 !important;
	color: #003E03 !important;
	font-weight:normal !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	filter:alpha(opacity=100);
	opacity:1;
	border-bottom:1px solid #c1d99f;
	padding:3px 20px !important;
	font-size:13px !important;
	text-align:left !important;
}

#mainNavWrap li ul a:hover{
	background: #CAEEA2  !important;
	color:#000000 !important;
}

#mainNavWrap li:hover ul, #mainNavWrap li.sfhover ul {
	left: auto;
	
}

#mainNavWrap li:hover, #mainNavWrap li.sfhover{
	position:static;
}


/*--------------------------
main navigation - menu1
--------------------------*/

#mainNavWrap li.menu1 a{
	display:block;
	background:url(/images/firstButton.png) top left no-repeat;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavWrap li.menu1 a:hover{
	background-position: 0 -34px;
}

/*--------------------------
main navigation - menu2
--------------------------*/

#mainNavWrap li.menu2 a{
	display:block;
	background: url(/images/secondButton.png) top left no-repeat;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavWrap li.menu2 a:hover{
	background-position: 0 -34px;
}

/*--------------------------
main navigation - menu3
--------------------------*/

#mainNavWrap li.menu3 a{
	display:block;
	background: url(/images/thirdButton.png) top left no-repeat;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavWrap li.menu3 a:hover{
	background-position: 0 -34px;

}

/*--------------------------
main navigation - menu4
--------------------------*/

#mainNavWrap li.menu4 a{
	display:block;
	background: url(/images/fourthButton.png) top left no-repeat;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavWrap li.menu4 a:hover{
	background-position: 0 -34px;
}


/*--------------------------
main navigation - other
--------------------------*/

#mainNavWrap li.menuother a{
	display:block;
	background: url(/images/otherButton.png) top left no-repeat;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavWrap li.menuother a:hover{
	background-position: 0 -34px;
}


/*--------------------------
main navigation bar fill color


#navFillBlue{
	background: url(/images/navFillBar.png);
	padding-bottom:10000px;
	margin-bottom:-10000px;
	
}
--------------------------*/



/*--------------------------
main navigation bar bottom img
--------------------------*/

#navBarBottomImg{
	margin:0;
	position: absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:220px;
	margin-bottom:90px;
	/margin-bottom:0px;
}

/*--------------------------
safari
--------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#navBarBottomImg{
		display:none;
	}
	#mainNavWrap{
		background:#0a9edb;
	}
}

/*--------------------------
main content wrap
--------------------------*/

#mainContentWrap{
	float:right;
	margin:0;
	padding:0;
	width:580px;
}

/*--------------------------
main content
--------------------------*/

#mainContent{
	padding:0 10px 10px 10px;
	background: #FFFFFF;
	min-height: 460px;
	overflow: auto;
}

/*--------------------------
main content sublink
--------------------------*/

#subLink ul{
	list-style:none;
}

#subLink a:link, #subLink a:visited{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#00aeef;
}

#subLink a:hover, #subLink a:active{
	color:#83ab47;
}

/*--------------------------
main content bodytext
--------------------------*/

#bodytext{
	padding-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color: #4B6374;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeef;
	margin-top: 1em;
}


ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
}

li{
	text-align:justify;
	margin:0;
	padding-left:10px;
}

a:link, a:visited{
	text-decoration:none;
	color: #009900;
}

a:hover, a:active{
	color: #009900;
	border-bottom:1px solid #009900;
}




/*--------------------------
footer
--------------------------*/

#footerWrap{
	clear:both;
	width:800px;
	margin:auto;
	height:31px;
	background-color:#808084;
	text-align:center;
}

#footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d9d9d9;
	padding-top:5px;
}

#footer a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d9d9d9;
	text-decoration:none;
}

#footer a:hover{
	color:#000000;
	border:none;
}


/*--------------------------
landed Page
--------------------------*/
/*
.is_landed {
	background-position: 0 -68px;
}
*/

/*--------------------------
imageFloat
--------------------------*/

.ImgLeft{
	float:left;
	margin: 10px 20px 10px 0px
}

.ImgRight{
	float:right;
	margin: 10px 0px 10px 10px
}

/* Other */

div.viewprod_left {
	float: left;
	width: 130px;
	padding: 5px 10px 10px 0px;
}

div.viewprod_right {
	float: right;
	padding-top: 4px;
	width: 410px;
}

p.viewprod_brandname {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}

table.viewprod td {
	padding: 0px 10px 0px 0px;
}

div#redmsg {
	padding: 5px;
	color: red;
	margin-bottom: 10px;
}

div#greenmsg {
	padding: 5px;
	color: green;
	margin-bottom: 10px;
}

div#redmsg p, div#greenmsg p {
	margin-bottom: 0;
}

img.msgstatus {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

table.displaydata td {
	padding-right: 10px;
}

input.save {
	padding: 3px 8px;
}

table.listallproperty th {
	text-align: left;
	padding: 0px 10px 0px 0px;
}

table.listallproperty td {
	padding: 2px 10px 2px 0px;
	vertical-align: top;
}

span.form_req {
	color: red;
}

div.google_map {
	width: 500px;
	height: 300px;
	margin: 5px 0px;
}

.copyright {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #013C6B;
	display:block;
	width:800px;
	background:#FFFFFF;
	padding:15px 0;
	line-height:16px;
}

div#logocontainer img {
	margin: 0px auto 0px auto;
}

.listhead {
	margin-bottom: 0;
}

table.addeditproperty {
	margin-top: 3px;
}

table.addeditproperty td {
	padding: 1px 10px 1px 0px;
}

/*--------------------------
cart table layout
--------------------------*/

.nicetable {
	margin-top: 5px;
}

.nicetable, .nicetable th, .nicetable td {
	border-bottom:1px dotted #8CCEFF;
	border-top:1px dotted #8CCEFF;
	border-collapse:collapse;
	font-size:12px;
}

.nicetable thead{
	border-top: solid 1px #8CCEFF;
	border-bottom: solid 1px #8CCEFF;
	background-color: #C4E9FF;
	color: #1A98FF;
}

.nicetable thead th{
	padding:2px 5px 2px 2px;
	border-left:1px dotted #0099FF;
	border-right:1px dotted #0099FF;
}
.nicetable tbody td{
	padding: 2px 5px 2px 2px;
	border-left:1px dotted #8CCEFF;
	border-right:1px dotted #8CCEFF;
	
}

.nicetable tbody td a {
	text-decoration:none;
	font-size:12px;
	color:#009900;
}
.nicetable tbody td a:hover{
	color: #009900;
	border-bottom:1px solid #009900;
}


.nicetable tfoot{
	border-top: solid 1px #8CCEFF;
	border-bottom: solid 1px #8CCEFF;
	border-left: solid 1px #C4E9FF;
	border-right: solid 1px #C4E9FF;
	background:#C4E9FF;
	color: #1A98FF;
}

.nicetable tfoot td{
	padding:2px 3px;
}

.nicetable input{
	border:solid 1px #8CCEFF;
	color: #00639D;
}

input.btn{
	padding: 1px 6px;
	margin-top:5px;
	background:#C4E9FF;
	border:solid 1px #8CCEFF;
	color: #00639D;
	cursor: pointer;
}

input.btn:hover{
	margin-top:5px;
	background: #00A5F4;
	border:solid 1px #8CCEFF;
	color: #fff;
}

/*---------------------
topLogin
----------------------*/
.topLogin ul{
	list-style:none;
	padding:0;
	margin:0;
}
.topLogin li.topLogin_left{
	float:left;
	margin:0;
	padding:0;

}
.topLogin li.topLogin_right{
	float:right;
	margin:0;
	padding:0;

}
.topLogin li.topLogin_last{
	float:right;
	margin:0;
	color:#fff;
	padding:0 5px;
	padding-top:4px;
}

.topLogin li.topLogin_right a{
	border-left:1px solid #40bcef;

}

.topLogin a {
	color: #fff;
	background-color:#0a9edb;
	font-weight: normal;
	text-decoration : none;
	display:block;
	text-align:center;
	padding:4px 10px 5px 10px;
	border-right:1px solid #40bcef;
	

}

.topLogin a:hover {
	color: #008040;
	background:#9be6c4;
	border-bottom:none;
}

.topLogin a:active{
	background:#69d1f7;
}
/*--------------------------
Product List dropdown menu
--------------------------*/

/*~~~~~~~~first level of drop down~~~~~~~~~~~~~~~~~*/
#productListMenu, #productListMenu ul{
	list-style:none;
	margin:0 ;
	padding: 0 0 35px 0;
	line-height:1;
}

#productListMenu li {
	float:left;
 	width: 185px;
	padding:0;

}

#productListMenu a {
	display: block;
 	width:175px;
 	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
	background:url('/images/List_menu_01.png') 0 0 no-repeat;
	padding: 8px 0 8px 10px;
	color:#666;
}
#productListMenu a:hover{
	background:url('/images/List_menu_01.png') 0 -27px no-repeat
	
}


/*~~~~~~~~second level of drop down~~~~~~~~~~~~~~~~~*/


#productListMenu li ul {
	position:absolute;
 	width:259px;
	left:-999em;
}
/*one level drop down menu will appear vertical scrolls on the side*/
#productListMenu li ul.oneLevelScroll {
	overflow-y:scroll;
	overflow-x:hidden;
	width:275px;
	height:255px;
}

#productListMenu ul li{
 	width:239px;
}
/*following two line indicate links that have only two levels (image different)*/
#productListMenu li ul li a {
	width:249px;
	border:none;
	display: block;
	background: url('/images/List_menu_02.png') 0 0 no-repeat;
	padding: 5px 0 5px 20px;
}

#productListMenu li ul li a:hover{
	background: url('/images/List_menu_02.png') 0 -23px no-repeat;
}
/*following two line indicate links that have third level popout (image different)*/

#productListMenu li ul.twoLevelScroll li a {
	background: url('/images/List_menu_03.png') 0 0 no-repeat;
}

#productListMenu li ul.twoLevelScroll li a:hover {
	background: url('/images/List_menu_03.png') 0 -23px no-repeat;
}

/*~~~~~~~~third level of drop down~~~~~~~~~~~~~~~~~*/
#productListMenu li ul ul {
	margin: -21px 0 0 -259px;
}

#productListMenu li:hover ul ul, #productListMenu li.sfhover ul ul{
	left:-999em;
	
}

#productListMenu li ul.twoLevelScroll ul li a {
	background: url('/images/List_menu_02.png') 0 0 no-repeat;
}

#productListMenu li ul.twoLevelScroll ul li a:hover {
	background: url('/images/List_menu_02.png') 0 -23px no-repeat;
}



/*~~~~~~~~~~~~~~~~~other~~~~~~~~~~~~~~~~~*/
#productListMenu li:hover ul, 
#productListMenu li li:hover ul, 
#productListMenu li.sfhover ul, 
#productListMenu li li.sfhover ul {
	left: auto;
}
#productListMenu li:hover, #productListMenu li.sfhover{
	position:static;
}