/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------- skin specific styles --------------------------
-------------------------------------------------------------------------
*/


/*
This skin mostly replaces menus, buttons and headers with images.
If you delete between the main comments you'll get a nicely styled non-image alternative.

This skin also switches between a commonly used footer. So this skins footer bleeds all the way left and right, the default skin appears contained within the wrapper.

You can switch this skin off in css-main to toggle between a graphical template and a style that uses no images
*/



/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------- core structural styles ------------------------
-------------------------------------------------------------------------
*/


body {
	background: #ffffff url(../images/background-repeater.gif) repeat-x center top;
}

#wrapper {
	/*overwrite padding for wrapper (bottom 150px) if using full width footer below*/
	padding: 0px;
	/*increase top position based on header below*/
	top:176px;
	/*overwrite background colour*/
	width: 100%;
}

.contentWrapper{
	background: url(../images/paper.gif) no-repeat top center;
	min-height:200px;
	padding-bottom: 10px;

}

#header {
	background: url(../images/masthead-background.jpg) no-repeat center top;
	/*fix position from wrapper based on wrapper above*/
	top:-176px;
}

#logo {
	position: absolute;
	top: 0px;
	overflow:hidden;
	padding:0px;
	width: 176px;
	left: 0px;
}

#logo a {
	width: 176px;
	height: 140px;
	display: block;
	text-indent:-9000px;
	text-decoration: none;
background: url(../images/prospect-logo.jpg) no-repeat left top;
}

/* this stlyes up a full width footer - delete for footer to be contained within wrapper*/
#footerWrap {
	background: #000000 url(../images/footer-repeater.gif) repeat-x left bottom;
	clear: both;
	position: relative;
	top: 176px;
	text-align:left;
	height:100px;
}
#footer {
	border-top:0;
}
/*end footer delete*/

/*set colour or background of main panels*/
.supplementaryContent .panel {
background:#ffffff;
}
#mainContent{

}

.banner{
}

/*
----------------------------------
------- end fixed styles ---------
----------------------------------
*/









/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------- image replacement for the global navigation ---------------
-------------------------------------------------------------------------
*/

/*override textual menu*/
#globalNav li a {
text-indent:-9000px;
overflow:hidden;
padding:0;
height:29px;
display:block;


}
#globalNav {
	width: 950px;
	padding-top:6px;	
}


/*remove bg colour if using background for body*/
#header {
}







/*home button*/
#navInvestment a:link, #navInvestment a:visited {
width:180px;
background: url(../images/nav/investment.gif) no-repeat left top;
}
#wrapper #navInvestment a:hover, #wrapper #navInvestment a:active {
background: url(../images/nav/investment.gif) no-repeat right top;
}
#pageInvest #navInvestment a:link, #pageInvest #navInvestment a:visited {
background: url(../images/nav/investment.gif) no-repeat right top;
}

/*about button*/
#navMove a:link, #navMove a:visited {
width:84px;
background: url(../images/nav/move.gif) no-repeat left top;
}
#wrapper #navMove a:hover, #wrapper #navMove a:active  {
background: url(../images/nav/move.gif) no-repeat right top;
}
#pageMove #navMove a:link, #pageMove #navMove a:visited{
background: url(../images/nav/move.gif) no-repeat right top;
}

/*wish list button*/
#navDevelopers a:link, #navDevelopers a:visited {
width:89px;
background: url(../images/nav/developers.gif) no-repeat left top;
}
#wrapper #navDevelopers a:hover, #wrapper #navDevelopers a:active  {
background: url(../images/nav/developers.gif) no-repeat right top;
}
#pageDev #navDevelopers a:link, #pageDev #navDevelopers a:visited{
background: url(../images/nav/developers.gif) no-repeat right top;
}

/*blog button*/
#navLiving a:link, #navLiving a:visited {
width:89px;
background: url(../images/nav/living.gif) no-repeat left top;
}
#wrapper #navLiving a:hover, #wrapper #navLiving a:active  {
background: url(../images/nav/living.gif) no-repeat right top;
}
#pageLive #navLiving a:link, #pageLive #navLiving a:visited{
background: url(../images/nav/living.gif) no-repeat right top;
}

#navBusiness a:link, #navBusiness a:visited {
width:124px;
background: url(../images/nav/business.gif) no-repeat left top;
}
#wrapper #navBusiness a:hover, #wrapper #navBusiness a:active  {
background: url(../images/nav/business.gif) no-repeat right top;
}
#pageBuss #navBusiness a:link, #pageBuss #navBusiness a:visited{
background: url(../images/nav/business.gif) no-repeat right top;
}

#navSkills a:link, #navSkills a:visited {
width:59px;
background: url(../images/nav/skills.gif) no-repeat left top;
}
#wrapper #navSkills a:hover, #wrapper #navSkills a:active  {
background: url(../images/nav/skills.gif) no-repeat right top;
}
#pageSkills #navSkills a:link, #pageSkills #navSkills a:visited{
background: url(../images/nav/skills.gif) no-repeat right top;
}

#navWhyHere a:link, #navWhyHere a:visited {
width:87px;
background: url(../images/nav/whyHere.gif) no-repeat left top;
}
#wrapper #navWhyHere a:hover, #wrapper #navWhyHere a:active  {
background: url(../images/nav/whyHere.gif) no-repeat right top;
}
#pageWhy #navWhyHere a:link, #pageWhy #navWhyHere a:visited{
background: url(../images/nav/whyHere.gif) no-repeat right top;
}
#wrapper #globalNav #navLog-in{
	float:right;
	position: relative;
}

#navLog-in a:link, #navLog-in a:visited {
width:117px;
background: url(../images/nav/login.gif) no-repeat left top;
}
#wrapper #navLog-in a:hover, #wrapper #navLog-in a:active  {
background: url(../images/nav/login.gif) no-repeat right top;
}
#pageLogin #navLog-in a:link, #pageWhyLogin #navLog-in a:visited{
background: url(../images/nav/login.gif) no-repeat right top;
}


#accountPanelSignedIn{
	background:url(../images/lounge.jpg) no-repeat;
	position:absolute;
	right: -3px;
	top: -116px;
	padding-left:170px;
	width: 190px;
	height:93px;
	padding-top: 15px;
}

#accountPanelSignedIn h2{
	text-transform:uppercase;
	font-size:10px;
	color: #3A343B;
}
#wrapper #navLog-in #accountPanelSignedIn li{
float:right;
	list-style: none;
	font-size:0.9em;
}
#wrapper #navLog-in #accountPanelSignedIn li a{
	background:none;
	float: right;
	text-indent: 0px;
	color: #3A343B;
	height: 16px;
	text-align: left;
	padding: 1px 0px;
	font-weight: normal;
	border-bottom: dotted 1px #e9e9e9;
	margin-right: 30px;
	width: 160px;
}

#wrapper #navLog-in #accountPanelSignedIn li a:hover, #wrapper #navLog-in #accountPanelSignedIn li a:active{
	background:none;
	color: #500059;	
}
/*
----------------------------------
----- end global navigation ------
----------------------------------
*/
























/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
----------------- image replacement for all buttons ---------------------
-------------------------------------------------------------------------
*/

/*smaller buttons*/
.productListing .item .fakeButton, #wrapper .item .styledSubmit, #wrapper .panel .styledSubmit, .panel #bestSellerDetails {
width: 120px;
height: 26px;
padding: 0;
border: 0;
display:block;
text-indent: -9999px;
overflow: hidden;
float: left;
}

.productListing .item .fakeButton{
background: url(../images/buttons/more-details.gif) no-repeat left top;
}

#wrapper .item .addToBasket, #wrapper #addToBasket {
background: url(../images/buttons/add-to-basket.gif) no-repeat left top;
}

.panel #bestSellerDetails {
background: url(../images/buttons/more-details.gif) no-repeat left top;
}

.panel #searchPanelSubmit{
background: url(../images/buttons/search.gif) no-repeat left top;
}
.panel #newsletterPanelSubmit{
background: url(../images/buttons/subscribe.gif) no-repeat left top;
}
.panel #accountPanelSubmit{
background: url(../images/buttons/log-in.gif) no-repeat left top;
}

#wrapper .item .styledSubmit:hover,
#wrapper .item .styledSubmit:active,
#wrapper .panel .styledSubmit:hover,
#wrapper .panel .styledSubmit:active,
#wrapper .item .fakeButton:hover,
#wrapper .item .fakeButton:active {
background-position:-120px top;/*rollover effect*/
}

/*smaller end*/

/*bigger buttons*/
#basketPanel .styledLink {
width: 190px;
height: 28px;
margin-left:5px;
border: 0;
text-indent: -9999px;
float: left;
margin-right: 4px;
padding: 0px;
overflow: hidden;
}


#basketPanel #basketPanelEdit{
background: url(../images/buttons/view-edit-basket.gif) no-repeat left top;
}

#basketPanel #basketPanelCheckout {
background: url(../images/buttons/go-to-checkout.gif) no-repeat left top;
}

#basketPanel #basketPanelOneClick {
background: url(../images/buttons/one-click-order.gif) no-repeat left top;
}

.options {
margin-top:10px;
}

#optionsPanel #optionsPanelBack {
background: url(../images/buttons/back-to-shop.gif) no-repeat left top;
}

#wrapper #basketPanel .styledLink:hover,
#wrapper #basketPanel .styledLink:active{
background-position:-190px top;/*rollover effect*/
}
/*bigger end*/





/*end of button styles*/





/*edit buttons and image replacement for account section*/




#wrapper .styledTable .editButton{
background:url(../images/icons/edit.gif) no-repeat  left center;
}
#pageMyAccount #wrapper .addButton{
	background:url(../images/icons/add.gif) no-repeat  left center;
	margin-left: 48px;
}
#pageCheckout1 #wrapper .addButton, #pageCheckout2 #wrapper .addButton, #pageCheckout3 #wrapper .addButton, #pageCheckout4 #wrapper .addButton{
background:url(../images/icons/add.gif) no-repeat  left center;
color:#000000;
padding-left:35px;
margin-left: 0px;
margin-bottom:20px;
}
#pageCheckout3 #wrapper .styledTable .editButton{
background:url(../images/icons/edit.gif) no-repeat  left center;
	float:right;
	display:block;
	position:absolute;
	padding-left:35px;
	top:0px;
	left:280px;
	width:180px;
	}

#pageMyAccount #wrapper .deleteButton{
background:url(../images/icons/delete.gif) no-repeat  left center;
}
#pageMyAccount #wrapper .setButton{
background:url(../images/icons/accept.gif) no-repeat  left center;
}
#pageMyAccount #wrapper .helpBox, #pageMyOrders #wrapper .helpBox{
margin-top:40px;
padding-left:100px;
background:#95B896 url(../images/icons/info.gif) no-repeat 10px center;
width:578px;
}



/*end*/














/*styled forms */


.supplementaryContent .panel .styledInput {
border: 1px solid #ffffff;
}









#wrapper .productListing .item {
border: 1px solid #DADADB;
background-color:#DADADB;
}





#currentProductDetails .clearer {
background: #292929;
height: 28px;
border-top: 1px solid #fff;
}

h1.styledHeader + p {
}


#pageSignin #splitRight .actionLinks {
padding-top: 18px;
}





/*dynamic item details styles*/
#currentProductDetails .nonMicroformatWrapper {
	background: #DADADB url(../images/dyn-description-repeater.gif) repeat-x left top;
	clear: none;
}

#currentProductDetails .offer-sell {
background: #fff url(../images/product-repeater.gif) repeat-y center top;
}

#currentProductDetails .styledSelect, #wrapper .productListing .styledSelect {
/* if versions are used for this product: */
border: 1px solid #e75823;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
}
/*end of item details*/






/*sign in and account pages*/
#splitWrapper {
	padding:0px 30px 0px 20px;
	background:url(../images/lounge2.jpg) no-repeat left top;
	border: 1px solid #aaaaaa;
	min-height: 300px;
}

#splitLeft, #splitRight {
	padding:40px 180px 0px 0px;
	width:400px;
	position:relative;
	display: block;
}

#existingCustomers, #firstOrder{
top:-7px;
left:2px;
}

.alertBox, .successBox {
	border: 1px solid #5F2C65;
	color: #ffffff;
	background: #5F2C65;
}


#pageSignin .alertBox, #pageSignin .successBox{
	position:absolute;
	width:175px;
	height:100px;
	left: 732px;
	top: 36px;
}

.alertBox p, .alertBox ul {
padding: 3px 11px 6px 45px;
background: url(../images/icons/alert-prompt.png) no-repeat left top;
/* this has a corresponding entry in IE6.css */
min-height: 21px;
}

.successBox p, .successBox ul {
padding: 3px 11px 6px 45px;
background: url(../images/icons/success-prompt.png) no-repeat left top;
/* this has a corresponding entry in IE6.css */
min-height: 21px;
}

/*end of sign in*/



/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------- Overwrite Account Table stylings  -----------------------
-------------------------------------------------------------------------
*/

#pageMyAccount .styledTable, #pageMyOrders .styledTable {
width: 480px;
margin: 0px 10px 10px 10px;
background:none;
border: 1px solid #DADADB;
background:none;
}
#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead{
	width:471px;
	margin-left:9px;
	background:#333333;
}
#pageMyAccount .styledTable th, #pageMyOrders .styledTable th{
color:#333333;
background: none;
border-bottom: none;
}

#pageMyAccount .styledTable td, #pageMyOrders .styledTable td{
padding: 4px 15px;
border-bottom: none;
position:relative;
}

#pageMyAccount .styledTable .styledInput, #pageMyAccount .contentBlock .styledInput, #pageMyOrders .styledTable .styledInput, #pageMyOrders .contentBlock .styledInput {
color: #2B2B2C;
background: none;

}

/*non defaults look smaller*/
#pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable, #pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable th {
display:block;
color:#999999;
}



/*
----------------------------------
-------end styled tables----------
----------------------------------
*/
.floatLeftFix{
float:left;
width:250px;
}

.catNav #propSearch a:link, .catNav #propSearch a:visited{
background: #3A343B url(../images/property-search.jpg) no-repeat top left;
height:50px;
text-indent:-9999px;
overflow:hidden;
padding:0px;
position:relative;
left:0px;
top:0px;
}

.catNav #propSearch a:hover, .catNav #propSearch a:active{
background: #3A343B url(../images/property-search.jpg) no-repeat -227px top ;

}
#propSearch a:link, #propSearch a:visited{
	background: #3A343B url(../images/property-search.jpg) no-repeat top left;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0px;
	position:absolute;
	width:227px;
	list-style:none;
	left: 961px;
	top: -106px;
	z-index: 5000;
}