/*----------------------------------------------------------------------------
Temporary Style Sheet

created:  30/11/2006
version:  1
author:   David Foster
email:    david@apache.co.uk
	
details:  This stylesheet controls the styling of the temporary section of the
	        Grove & Dean - Mortgage and Finance website which is to go live along
					with the Grove & Dean holding website. The temporary pages of the
					website will appear considerably different in comparison to the soon
					to be released website, as it has been designed to not allow the user
					to click through to	unfinished sections of the website. Thus,	it
					makes	sense to split the styling and to reference altered styling
					specifically within pages affected by it.
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
  ~Tag Definitions
----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a, ul { overflow: hidden }

a { color: #0E1F7C }

	a:hover { text-decoration: underline }
	
html { font-size: 100% }

body {
	background-color: #E7E6E6;
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	text-align: center;
	min-width: 1003px;
	font-size: 62.5%;
}

h2 { font-size: 1.6em }

h3 { font-size: 1.5em }

img { border: 0 }

h1, h2, h3 {
	font-weight: bold;
	font-size: 1.8em;
}

ol { list-style-type: decimal }

ol ol { list-style-type: lower-alpha }

p {
	font-size: 1.3em;
	margin: 10px 0 10px 0;
}

ul { list-style: disc outside none }



/*----------------------------------------------------------------------------
  ~Site-wide Layout
----------------------------------------------------------------------------*/

#wrapper {
	background: url(../images/wrapperbg.gif) repeat-y top left;
	width: 983px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

#wrapper {
	background: url(../images/wrapperbg.gif) repeat-y top left;
	width: 983px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

#header {
	background: #C4E0E6 url(../images/header/bg.gif) repeat-x;
	padding-top: 102px;
	position: relative;
}

	#header .logo {
		background-image: url(../images/header/logo.gif);
		display: block;
		height: 55px;
		position: absolute;
		right: 25px;
		top: 20px;
		text-indent: -1000em;
		width: 230px;
	}

#nav {
	padding-left: 0;
	margin-bottom: 0;
}

	#nav li {
		border-right: 2px solid #FFF;
		float: left;
		list-style: none;
	}

	#nav a {
		color: #181212;
		display: block;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5;
		padding: 0.07143em 1em;
		text-decoration: none;
	}

		#nav a.current,
		#nav a:hover {
			background-color: #50A2B5;
			color: #FFF;
		}

#body {
	clear: left;
	width: 973px;
	padding: 30px 0 10px 10px !important;
	padding-bottom: 0;
	overflow: hidden;
}

#secondaryContent {
	float: left;
	width: 200px;
	padding-right: 10px;
	clear: none;
}

	ul#secondaryNav {
		width: 200px;
		list-style-type: none;
	}
	
		ul#secondaryNav li {
			background-color: #FFF;
			border-right: 1px solid #0E1F7C;
			border-left: 1px solid #0E1F7C;
		}
			
			ul#secondaryNav li#secondaryNavTop {
					background: #FFF url(../images/secondarynavtopbg.gif) no-repeat top left;
					border: 0;
			}				
					
			ul#secondaryNav li#secondaryNavBottom {
					background: #FFF url(../images/secondarynavbottombg.gif) no-repeat bottom left;
					border: 0;
			}
					
				ul#secondaryNav li#secondaryNavTop a, ul#secondaryNav li#secondaryNavBottom a {
					background: url(../images/pointerodd.gif) no-repeat 15px 7px;
					width: 169px;
					padding-left: 31px;
				}
					
				ul#secondaryNav li#secondaryNavBottom a {
					background-image: url(../images/pointereven.gif);
				}
			
			ul#secondaryNav li.secondaryNavOdd {
				background-color: #DEF0F7;
			}
			
				ul#secondaryNav li a.current {
					font-weight: bold;
				}
			
			ul#secondaryNav li a {
				background: url(../images/pointereven.gif) no-repeat 15px 7px;
				font-size: 1.4em;
				color: #000;
				display: block;
				width: 168px;
				text-decoration: none;
				padding: 6px 0 6px 30px;
			}
			
				ul#secondaryNav li a:hover {
					text-decoration: underline;
				}
				
				ul#secondaryNav li.secondaryNavOdd a {
					background-image: url(../images/pointerodd.gif);
				}
				
#primaryContent {
	float: left;
	clear: none;
	width: 554px;
	padding: 0 10px 0 10px;
}

#primaryBox {
	background-color: #E7E7E9
}

	#primaryBox h1 {
		background: #01829B url(../images/primaryboxheaderbg.gif) no-repeat top right;
		font-size: 1.6em;
		color: #FFF;
		width: 524px;
		padding: 6px 10px 6px 20px;
	}
	
	#primaryBoxBody {
		border: 1px solid #01829B;
		padding: 10px 20px 20px 20px;
	}
		
		#primaryBoxBody ul {
			font-size: 1.4em;
			width: 249px;
			margin: 10px 0 0 20px;
			list-style: none inside url(../images/primaryboxpointer.gif)
		}
		
		#primaryBoxBody li {
			margin: 5px 0 5px 0;
		}
			
			#primaryBoxBody li a {
				color: #000;
				text-decoration: none;
				margin: 0 !important;
				margin-left: 7px; /* IE list padding bug fix */
			}
			
				#primaryBoxBody li a:hover {
					text-decoration: underline;
				}

#footer {
	background-color: #D9ECF0;
	color: #0E1F7C;
	width: 542px;
	height: auto;
	border: 1px solid #0E1F7C;
	text-align: center;
	padding: 2px 5px 2px 5px;
	margin: 10px 0 10px 0;
}

	#footer p {
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	
#smallPrint {
	width: 554px;
}

	#smallPrint p {
		margin-top: 0;
		font-size: 1em;
		text-align: justify;
	}
	
	#smallPrint p.caps {
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
#tertiaryContent {
	background: url(../images/tertiarycontentbg.gif) no-repeat top right;
	float: right;
	clear: none;
	width: 179px;
	height: 421px;
	padding: 18px 0 0 10px;
}

#tertiaryContentBody {
	background: #E6E3D2 url(../images/tertiarycontentbodybg.jpg) no-repeat bottom left;
	width: 178px;
	height: 420px;
	border-left: 1px solid #0E1F7C;	
	border-bottom: 1px solid #0E1F7C;
}

	#tertiaryContentBody img {
		margin-left: 15px;
	}
	
#wrapperBottom {
	background: #E7E6E6 url(../images/wrapperbottombg.gif) no-repeat top left;
	width: 1003px;
	height: 10px;
	margin: 0 auto;
}



/*----------------------------------------------------------------------------
  ~Home Page-Specific Layout
----------------------------------------------------------------------------*/

#calculatorBox {
	background-image: url(../images/calculatorboxbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;
}

#calculatorButton, #bestMortgageButton {
	background: url(../images/calculatorbutton.jpg) no-repeat top left;
	display: block;
	float: right;
	clear: right;
	width: 183px;
	height: 84px;
	text-indent: -1000em; /* See '#logo a's text-indent property */
	margin: 10px 30px 10px 30px !important; /* IE's double margin bug fix */
	margin: 10px 15px 5px 15px;
}
		
#bestMortgageButton {
	background-image: url(../images/bestmortgagebutton.jpg);
	margin-top: 20px
}

	#primaryBoxBody h2.listHead {
		font: italic bold 1.8em Arial, Helvetica, sans-serif;
		color: #0E1F7C;
		width: 231px;
		margin: 20px 20px 0 18px;
		clear: left;
	}
	
	

/*----------------------------------------------------------------------------
  ~Map Page-Specific Layout
----------------------------------------------------------------------------*/

ul#maps_directions {
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 1.3em;
	list-style-position: outside;
	list-style-image: none;
}

	ul#maps_directions li {
		background: url(../images/primaryboxpointer.gif) no-repeat center left;
		padding-left: 15px;
	}
	

h3#clickMapIn {
	padding: 0;
}
	
h3#clickMapOut {
	padding: 0;
	display: none;
	}
		
#mapOut {
	background-image: url(../images/mapout.gif);
	width: 456px;
	height: 525px;
	margin-top: 10px;
	cursor: pointer;
}
	
#mapIn {
	background-image: url(../images/mapin.gif);
	width: 456px;
	height: 525px;
	display: none;	
	margin-top: 10px;
	cursor: pointer;
}



/*----------------------------------------------------------------------------
  ~About Page-Specific Layout
----------------------------------------------------------------------------*/

h2.about_brandHead {
	font-size: 1.4em;
	margin: 20px 0;
}

ul#brandList {
	font-size: 1.3em;
	list-style: none;
	margin: 0 0 14px 0;
	width: auto;
}

	#brandList li {
		background: none;
		margin: 0 0 4px;
		padding: 0;
	}
	
		#brandList li a {
			color: #0E1F7C;
			text-decoration: underline;
		}

h2.about_benefitHead {
	font-size: 1.4em;
	margin: 25px 0 10px 0;
}


/*----------------------------------------------------------------------------
  ~Jobs Page-Specific Layout
----------------------------------------------------------------------------*/

.jobs_jobEntry {
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 20px;
}

.jobs_date {
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #A3A3A3;
	margin-bottom: 5px;
}


/*----------------------------------------------------------------------------
  ~Map Page-Specific Layout
----------------------------------------------------------------------------*/

#map_ #primaryContent { width: 764px }

#map_ #primaryBox h1 { width: 734px }

#map_ #primaryBoxBody { padding: 0 }

#map_ #secondaryContent { display: none }

#map_ #footer { width: 752px }

#map_canvas {
	height: 350px;
	width: 762px;
}