/**
 * Global.css
 * Main Stylesheet
 *
 * @author       Lewis Howles
 * @date         2009-11-13
 * @lastmodified 2010-06-04
 * @site         http://www.reedsrains.co.uk
 */

@import url(default.css);
@import url(hovermenu.css);
@import url(forms.css);

/**
 * Page Width
 * 980px
 *
 * Padding (Horizontal)
 * 26px
 *
 * Content Width
 * 928px
 */

/**
 * Colours
 *
 * Bright Blue:		003374
 * Dark Blue:		042349
 * Cream:			e6e5d4
 * Text Blue:		3b5678
 *
 * Boxes BG:		e9e8d8
 * Boxes BG Dark:	bbb89e
 */

/**
 * GLOBAL
 */

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #3b5678;
	background: url(../images/bg-top.jpg) repeat-x;
}

body#rentals
{
	background: url(../images/bg-top-red.jpg) repeat-x;
}

#page
{
	width: 980px;
	margin: 0 auto;
	position:relative;
}

#fade-in
{
	background: url(../images/bg-bottom.jpg) 0 100% repeat-x;
}

#rentals #fade-in
{
	background: url(../images/bg-bottom-red.jpg) 0 100% repeat-x;
}

/**
 * Text
 */

h1
{
	margin-top: 0;
	font-weight: normal;
	font-size: 27pt;
}

h2.heading {
	margin-top: 0;
	font-weight: normal;
	font-size: 27pt;
}

#rentals h1
{
	color: #783b3b;
}

h2
{
	font-weight: normal;
	font-size: 17pt;
}

h2.title
{
	font-weight: normal;
	font-size: 20pt;
	line-height: 49px;
	background: url(../images/bg-title.jpg) repeat-x;
	color: #fff;
	padding-left: 12px;
	margin: 0;
}

#rentals h2.title
{
	background: url(../images/bg-title-red.jpg) repeat-x;
}

#rentals h2
{
	color: #783b3b;
}
#rentals h3
{
	color: #783b3b;
}

#rentals a.button
{
	background: url(../images/button-red.png) no-repeat;
}

a
{
	color: #3b5678;
}

#content a
{
	color: #878153;
}

#content a:hover
{
	color: #8e2525;
}

a.rss
{
	background: url(../images/rss.jpg) 100% 50% no-repeat;
	padding-right: 18px !important;
	vertical-align: bottom;
}

a.button, a.button-180
{
	width: 150px;
	height: 37px;
	line-height: 30px;
	display: inline-block;
	background: url(../images/button.png) no-repeat;
	color: #fff !important;
	text-align: center;
}

a.button-180
{
	width: 184px;
	height: 37px;
	background: url(../images/button-180.png) no-repeat;
}

input.form-box, textarea, select
{
	background: #fff url(../images/bg-input.jpg) repeat-x;
	border: 1px solid #7f9db9;
}

dt
{
	width: 150px;
	float: left;
	clear: left;
	font-weight: bold;
}

p.standout
{
	font-size: 120%;
	font-style: italic;
}

.first
{
	margin-top: 15px;
}

.highlight
{
	color: #8e2525;
}

.content-image-left
{
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

.content-image-right
{
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

/**
 * HEADER
 */

#logo, #logo-flash
{
	width: 450px;
	float: left;
}

#logo-noscript
{
	width: 357px;
	height: 130px;
	background: url(../images/logo.jpg) no-repeat;
}

#rentals #logo-noscript
{
	background: url(../images/logo-red.jpg) no-repeat;
}

/**
 * My Reeds Rains
 */

#my-reeds-rains-iframe
{
	width: 203px;
	height: 92px;
	float: right;
}

#my-reeds-rains
{
	width: 203px;
	height: 92px;
	background: url(../images/my-reeds-rains.jpg) 0 0 no-repeat;
	color: #fff;
	text-align: center;
	font-size: 8pt;
	margin: 0;
}

#rentals #my-reeds-rains
{
	background: url(../images/my-reeds-rains-red.jpg) no-repeat;
}

#my-reeds-rains div
{
	width: 114px;
	margin-left: 75px;
}

#my-title
{
	font-size: 10pt;
	padding-top: 30px;
}

#my-reeds-rains span, #my-reeds-rains a
{
	color: #6382a2;
}

#rentals #my-reeds-rains span, #rentals #my-reeds-rains a
{
	color: #f28d9f;
}

#my-reeds-rains a:hover
{
	text-decoration: underline;
}

/**
 * BODY
 */

#content-wrapper
{
	background: url(../images/bg-content-top.jpg) no-repeat;
	margin-top: -3px;
}

#content-bottom
{
	background: url(../images/bg-content-bottom.jpg) 0 100% no-repeat;
	padding: 23px 26px;
}

#rentals #content-bottom
{
	background: url(../images/bg-content-bottom-red.jpg) 0 100% no-repeat;
}

#content.search-box-page
{
	min-height: 540px;
}

p
{
	text-align: justify;
}

#sidebar
{
	width: 225px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #e9e8d8 url(../images/bg-sidebar.jpg) 100% 100% no-repeat;
}

#search-frame
{
	width: 225px;
	height: 400px;
}

.search-box-page
{
	padding-right: 236px;
	position: relative;
}

#sidebar-content
{
	padding: 0 20px;
}

#sidebar-extras li
{
	border-bottom: 1px solid #878153;
}

#sidebar-extras li:hover
{
	background: #d4d3c5;
}

#sidebar-extras li.last
{
	border: none;
}

#sidebar-extras li a
{
	display: block;
	padding: 5px 10px;
}

/**
 * FOOTER
 */

#quick-links, #more-information
{
	line-height: 14px;
	padding-left: 110px;
	color: #808fa2;
	font-size: 9pt;
	margin-bottom: 7px;
}

#quick-links
{
	background: url(../images/quick-links.png) 0 6px no-repeat;
}

#quick-links a
{
	display: inline-block;
	padding: 3px;
}

#more-information
{
	background: url(../images/more-info.png) 0 6px no-repeat;
	margin-top: 65px;
}

#more-information li
{
	display: inline-block;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #808fa2;
}

#more-information li.last
{
	border: none;
}

#more-information a
{
	height: 14px;
	line-height: 14px;
	display: inline-block;
	padding: 3px;
}

#branches
{
	font-size: 9pt;
	text-align: justify;
	color: #808fa2;
	margin-top: 200px;
}

#quick-links a:hover, #more-information a:hover, #branches a:hover
{
	text-decoration: underline;
}

#logo-footer
{
	width: 232px;
	height: 65px;
	background: url(../images/logo-footer.jpg) 50% 100% no-repeat;
	padding-top: 15px;
	margin: 0 auto;
}

#rentals #logo-footer
{
	background: url(../images/logo-footer-red.jpg) 0 100% no-repeat;
}

#footer-links
{
	color: #fff;
	text-align: center;
}

#footer-links a
{
	color: #fff;
}

#footer-links a:hover
{
	text-decoration: underline;
}

#issl
{
	background: transparent url(../images/issl.png) no-repeat scroll 0 -9px;
	height: 31px;
	line-height: 31px;
	margin: 0 auto;
	padding-left: 75px;
	width: 200px;
}  

#rentals #issl a {
	color:#dd8c9f;
}

#footer p {
	color:#fff;
	margin:0;
	padding:15px 0;
	text-align:center;
}


