/*-----------------------------------------------------
Global Styles
-----------------------------------------------------*/

html

body {
	background-color:		#cccccc;
	/*background-image:		url(../images/bg-lower-gradient.gif);
	background-repeat:		repeat-x;
	background-position:	bottom;*/
	font-family: 			Arial;
	font-size:				12px;
	margin:					0px;
	padding:				0px;
}

.clear {
	clear:					both;
	height:					0px;
	overflow:				hidden;
	margin-top:				-1px;
}

#divContainer {
	float: 					left;
	clear: 					both;
	width: 					100%;
	margin:					0px;
	padding:				0px;
}
#divWrapper {
	width:					880px;
	margin:					0px auto;
}

#bannerContainer {
	float:					left;
	clear: 					both;
	width:					880px;
	height:					150px;
	margin:					0px;
	padding:				0px;
}

#bannerContainer #banner {
	float: 					left; 
	clear: 					both;
	width:					391px;
	height:					150px;
}

#bannerContainer #banner img {
	border: 				none;
}

/*-----------------------------------------------------
Navigation
-----------------------------------------------------*/

#navigationContainer {
	float:					left;
	clear:					both;
	width:					880px;
	height:					50px;
	margin:					0px;
	margin-bottom:			10px;
	padding:				0px;
	background:				url(../images/main-nav-bg.gif);
	background-repeat:		no-repeat;
}

#navigationContainer ul {
	float:					left;
	clear:					both;
	width:					840px;
	margin:					0px;
	margin-top:				16px;
	margin-left:			35px;
	padding:				0px;
	list-style-type:		none;
}

#navigationContainer li {
	float:					left;
	margin-left:			5px;
	margin-right:			12px;
	font-size:				13px;
	padding-left:			18px;
	background-repeat:		no-repeat;
}

#navigationContainer li a {
	color:					#000000;
	text-decoration:		none;
	font-weight:			bold;
}

#navigationContainer li a:hover {
	color:					#ff0088;
}

#navigationContainer li.selected {
	background:				url(../images/nav-selected-icon.gif);
	background-repeat:		no-repeat;
	background-position:	0px 4px;
}

#navigationContainer li.selected a {
	color:					#ff0088;
}

#navigationContainer li:first-child {
	margin-left:			0px;
}
/*-----------------------------------------------------
Footer Styles
-----------------------------------------------------*/

#footerContainer {
	float:					left;
	clear:					both;
	background:				url(../images/bg-lower-gradient.gif);
	background-repeat:		repeat-x;
	width:					100%;
	height:					256px;
	margin-top:				15px;
}

#footer {
	width:					880px;
	margin:					0 auto;
	background:				#ffffff;
}

#footer .footer-corners-top {
	float:					left;
	clear:					both;
	width:					880px;
	height:					6px;
	background:				url(../images/corner-footer-top.gif);
	background-repeat:		no-repeat;
}

#footer #footerContent {
	float:					left;
	clear:					both;
	width:					880px;
	background:				#ffffff;
	padding-top:			10px;
}

#footerContent h1 {
	float:					left;
	clear:					both;
	width:					263px;
	height:					21px;
	background:				url(../images/footer-right-heading.gif);
	margin:					0px;
	margin-top:				3px;
	padding:				0px;
	padding-top:			3px;
	padding-left:			5px;
	font-size:				14px;
	color:					#ffffff;
}

#footerContent .column {
	float:					left;
	width:					268px;
	margin-left:			12px;
	margin-right:			12px;
	margin-bottom:			15px;
}

#footerContent .columnContainer {
	float:					left;
	clear:					both;
	margin-left:			10px;
	width:					268px;
	margin:					0px;
	padding:				0px;
}

#footerContent .columnContainer #contact-details, #footerContent .columnContainer #what-we-do {
	float:					left;
	clear:					both;
	width:					268px;
}

#footerContent .columnContainer #opening-hours {
	float:					left;
	clear:					both;
	width:					268px;
	margin-top:				0px;
}

#footerContent .columnContainer #WhatWeDo {
	float:					left;
	clear:					both;
	color:					#666666;
	margin:					0px;
	margin-left:			20px;
	margin-top:				5px;
	padding:				0px;
}

#footerContent .columnContainer #WhatWeDo li {
	margin-bottom:			5px;
}

#footerContent .columnContainer #WhatWeDo li a {
	color:					#ff0088;
	font-weight:			bold;
	text-decoration:		none;
}
#footerContent .columnContainer #WhatWeDo li a:hover {
	color:					#111111;
	text-decoration:		underline;
}

#footerContent .columnContainer p {
	margin:					0px;
	margin-top:				3px;
	margin-left:			3px;
	padding:				0px;
	color:					#666666;
	line-height:			19px;
	text-align:				justify;
}

#footerContent .columnContainer #social-media-icons {
	float:					left;
	clear:					both;
	width:					268px;
	margin-top:				3px;
	margin-left:			3px;
}

#footerContent .columnContainer #social-media-icons img {
	border:					none;
	display:				inline;
}

#footer .footer-corners-bottom {
	float:					left;
	clear:					both;
	width:					880px;
	height:					30px;
	background:				url(../images/corner-footer-bottom.gif);
	background-repeat:		no-repeat;
}

.footer-corners-bottom #sales {
	float: 					left;
	clear:					both;
	font-size:				18px;
	font-weight:			bold;
	color:					#000000;
	margin-top:				3px;
	margin-left:			20px;
}

.footer-corners-bottom #copyright {
	float:					right;
	font-size:				10px;
	color:					#333333;
	margin-top:				8px;
	margin-right:			20px;
}

/*-----------------------------------------------------
Home Page Box
-----------------------------------------------------*/
#home-page-box { 
	float: 					left;
	clear: 					both;
	width:					880px;
	height:					321px;
	margin:					0px;
	padding:				0px;
}

#home-page-box #home-left {
	float:					left;
	clear:					both;
	width:					642px;
	height:					321px;
	background:				url(../images/img-home-2.jpg);
	margin:					0px;
	padding:				0px;
}

#home-page-box #home-left #newsletter {
	float:					left;
	clear:					both;
	width:					214px;
	height:					302px;
	background:				url(../images/bg-newsletter-transparent.png);
	margin:					0px;
	margin-top:				9px;
	margin-left:			8px;
}

#newsletter h1 {
	font-size:				14px;
	text-transform:			uppercase;
	margin:					0px;
	margin-left:			12px;
	margin-right:			12px;
	margin-bottom:			12px;
	padding-top:			9px;
	padding-bottom:			5px;
	border-bottom:			1px solid black;
}

#newsletter p {
	color:					#ff0099;
	font-size:				13px;
	font-weight:			bold;
	margin:					0px;
	margin-left:			12px;
	margin-right:			10px;
	margin-bottom:			5px;
	padding:				0px;
}

#form-enclosure {
	float:					left;
	clear:					both;
	margin-top:				10px;
	margin-left:			10px;
}

#newsletter p.disclaimer {
	float:					left;
	clear:					both;
	width:					180px;
	font-size:				9px;
	text-align:				justify;
	margin-left:			15px;
	margin-top:				8px;
	margin-right:			10px;
	color:					#111111;
}

#newsletter #sign-up-form {
	float:					left;
	clear:					both;
	width:					177px;
	margin:					0px;
	margin-left:			16px;
	margin-right:			12px;
	padding:				0px;
}

#sign-up-form input.input {
	float:					left;
	clear:					both;
	background:				url(../images/input-field-dark-grey.png);
	background-repeat:		no-repeat;
	width:					167px;
	height:					18px;
	border:					none;
	font-size:				12px;
	color:					#ffffff;
	margin:					0px;
	margin-bottom:			3px;
	padding-left:			5px;
	padding-right:			5px;
	padding-bottom:			4px;
}

#sign-up-form input.submit {
	float:					right;
	clear:					both;
	background:				url(../images/btn-submit-pink.png);
	background-repeat:		no-repeat;
	width:					77px;
	height:					25px;
	border:					none;
	font-size:				12px;
	font-weight:			bold;
	color:					#ffffff;
	margin:					0px;
	padding:				0px;
	padding-bottom:			5px;
}

#home-page-box #home-right {
	float:					left;
	width:					237px;
	height:					321px;
	background:				url(../images/bg-latest-news-white.gif);
	margin:					0px;
	padding:				0px;
}

#home-right h1 {
	float:					left;
	clear:					both;
	font-size:				14px;
	margin:					0px;
	margin-top:				10px;
	margin-right:			14px;
	padding:				0px;
	color:					#999999;
	text-transform:			uppercase;
}

#home-right #top {
	float:					left;
	clear:					both;
	width:					209px;
	margin-left:			14px;
	padding-bottom:			6px;
}

#top #archive {
	float:					right;
	margin:					0px;
	margin-top:				10px;
}

#top #archive a {
	color: 					#ff0099;
	font-size:				10px;
	text-decoration:		none;
}

#top #archive a:hover {
	text-decoration:		underline;
}

#home-right ul#news-list {
	float:					left;
	clear:					both;
	width:					209px;
	margin: 				0px;
	margin-left:			14px;
	padding:				0px;
	list-style-type:		none;
}

#home-right ul#news-list li {
	font-size:				12px;
	color: 					#333333;
	border-top:				1px solid #000000;
	padding-top:			6px;
	padding-bottom:			6px;
	text-align:				justify;
}

#home-right ul#news-list li a {
	color:					#ff0099;
	text-decoration:		none;
	font-weight:			bold;
}

#home-right ul#news-list li a:hover {
	color:					#000000;
}

#home-right #bottom {
	float:					left;
	clear:					both;
	width:					209px;
	margin:					0px;
	margin-left:			14px;
	padding-top:			5px;
	border-top:				1px solid #000000;
}

#home-right ul#news-selector {
	float:					right;
	clear:					both;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

ul#news-selector li {
	float:					left;
	width:					18px;
	height:					18px;
	background:				#cccccc;
	margin-left:			1px;
}

ul#news-selector li a {
	display:				block;
	width:					18px;
	height:					18px;
}

ul#news-selector #prev-arrow {
	background:				url(../images/news-arrow-prev.gif);
}

ul#news-selector #current-item {
	background:				#999999;
}

ul#news-selector #next-arrow {
	background:				url(../images/news-arrow-next.gif);
}

/*-----------------------------------------------------
Home Page Content
-----------------------------------------------------*/
#home-page-container {
	float: 					left;
	clear: 					both;
	width:					880px;
	background:				#ffffff;
	margin-top:				15px;
}

#home-page-container #home-corners-top {
	float:					left;
	clear:					both;
	width:					880px;
	height:					5px;
	background:				url(../images/corner-home-page-top.gif);
	background-repeat:		no-repeat;
}

#home-page-container #home-corners-bottom {
	float:					left;
	clear:					both;
	width:					880px;
	height:					3px;
	background:				url(../images/corner-home-page-bottom.gif);
	background-repeat:		no-repeat;
	margin:					0px;
	padding:				0px;
}

#home-page-container #content {
	float:					left;
	clear:					both;
	margin:					20px;
	width: 					840px;
}

#content h1 {
	font-size:				30px;
	font-weight:			normal;
	color:					#333333;
	margin:					0px;
	padding:				0px;
}

#content p {
	font-size:				13px;
	color:					#111111;
	line-height:			20px;
	text-align:				justify;

}

/*-----------------------------------------------------
Inner Page Heading
-----------------------------------------------------*/

#page-header {
	float:					left;
	clear:					both;
	width:					880px;
	height:					124px;
	background:				url(../images/page-header-bg.gif);
}

#page-header h1 {
	margin:					0px;
	margin-left:			16px;
	margin-top:				18px;
	padding:				0px;
	text-transform:			uppercase;
	font-size:				36px;
	font-weight:			normal;
	color:					#000000;
}


#page-header p {
	margin:					0px;
	margin-left:			18px;
	margin-top:				2px;
	margin-right:			16px;
	line-height:			18px;
	padding:				0px;
	color:					#666666;
}

/*-----------------------------------------------------
Inner Page Navigation
-----------------------------------------------------*/

#leftContainer {
	float:					left;
	clear:					both;
	width:					243px;
	margin:					0px;
	margin-top:				10px;
	padding:				0px;
}

#leftContainer .spacingDiv {
	float:					left;
	clear:					both;
	width:					243px;
	height:					10px;
}

#inner-navigation { 
	float:					left;
	clear:					both;
	margin:					0px;
	padding:				0px;
	background:				#999999;
}

#inner-navigation .heading {
	float:					left;
	clear:					both;
	width:					243px;
	height:					32px;
	background:				url(../images/inner-navigation-header.gif);
}

#inner-navigation .heading h1 {
	margin:					0px;
	margin-left:			10px;
	margin-top:				7px;
	padding:				0px;
	font-size:				15px;
	font-weight:			normal;
	color:					#ffffff;
}

#inner-navigation ul {
	float:					left;
	clear:					both;
	width:					200px;
	margin:					0px;
	margin-left:			20px;
	margin-bottom:			10px;
	padding:				0px;
	list-style-type:		none;
	font-size:				13px;
}

#inner-navigation li {
	margin-top:				10px;
	padding:				0px;
	padding-left:			15px;
	padding-bottom:			10px;
	border-bottom:			1px solid #ffffff;
}

#inner-navigation li:hover {
	background:				url(../images/inner-nav-arrow.gif);
	background-repeat:		no-repeat;
	background-position:	0 .2em;
	color:					#ff0088;
	display:				block;	
}

#inner-navigation li.selected {
	background:				url(../images/inner-nav-arrow.gif);
	background-repeat:		no-repeat;
	background-position:	0 .2em;
	color:					#ff0088;
	display:				block;	
}

#inner-navigation a {
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
	width:					200px;
	height:					16px;
	display:				block;
}

#inner-navigation li.selected a {
	color:					#ff0088;
}



#inner-navigation a:hover {
	color:					#ff0088;
	text-decoration:		none;
	font-weight:			bold;
}

#inner-navigation #nav-corners {
	float:					left;
	clear:					both;
	width:					243px;
	height:					7px;
	background:				url(../images/inner-navigation-corners.gif);
}

/*-----------------------------------------------------
Inner Content Container
-----------------------------------------------------*/

#rightContainer {
	float:					left;
	width:					624px;
	margin-left:			13px;
	margin-top:				10px;
}

#inner-content {
	float:					left;
	clear:					both;
	width:					624px;
	background:				#ffffff;
}

#inner-content #top-corners {
	float:					left;
	clear:					both;
	width:					624px;
	height:					4px;
	background:				url(../images/inner-content-top-corners.gif);
}

#inner-content #bottom-corners {
	float:					left;
	clear:					both;
	width:					624px;
	height:					4px;
	background:				url(../images/inner-content-bottom-corners.gif);
	background-repeat:		no-repeat;
}

#inner-content #contentPosition {
	float:					left;
	clear:					both;
	width:					590px;
	min-height:				327px;
	margin:					0px;
	margin-left:			15px;
	margin-top:				10px;
}

#inner-content #contentPosition h1 {
	margin:					0px;
	padding:				0px;
	font-size:				24px;
	font-weight:			normal;
	color:					#333333;
}

#inner-content #contentPosition p.summary {
	margin:					0px;
	margin-top:				10px;
	margin-bottom:			15px;
	padding:				0px;
	font-size:				13px;
	font-weight:			bold;
	color:					#ff0088;
	text-align:				justify;
	line-height:			18px;
}

#inner-content #contentPosition h2 {
	margin:					0px;
	margin-bottom:			2px;
	padding:				0px;
	font-size:				14px;
	color:					#000000;
}

#inner-content #contentPosition p {
	margin:					0px;
	margin-bottom:			15px;
	padding:				0px;
	font-size:				13px;
	line-height:			18px;
	color:					#666666;
	text-align:				justify;
}

#inner-content a {
	color:					#131313;
	text-decoration:		none;
	font-weight:			bold;
}

#inner-content a:hover {
	color:					#ff0088;
	cursor:					hand;
}

#quote-result {
	width:					500px;
	margin:					0px auto;
	border:					1px solid #b3b3b3;
	padding:				10px;
	background:				#dddddd;
}

/*-----------------------------------------------------
Photo Selector
-----------------------------------------------------*/

#photo-selector {
	float:					left;
	clear:					both;
	margin:					0px;
	margin-top:				15px;
	padding:				0px;
	width:					880px;
	height:					211px;
	background:				#ffffff;
}

#photo-selector .prev {
	float:					left;
	clear:					both;
	width:					51px;
	height:					211px;
	background:				url(../images/photo-selector-prev.gif);
}

#photo-selector .prev a {
	width:					51px;
	height:					211px;
	display:				block;
}

#photo-selector .next {
	float:					right;
	width:					51px;
	height:					211px;
	background:				url(../images/photo-selector-next.gif);
}

#photo-selector .next a {
	width:					51px;
	height:					211px;
	display:				block;
}

#carousel {
	float:					left;
	list-style-type:		none;
	margin:					18px;
	margin-left:			25px;
	margin-right:			0px;
	padding:				0px;
	width:					747px;
}

#carousel img {
	border:					5px solid #cccccc;
	margin-right:			10px;
}

#carousel img:hover {
	border:					5px solid #ff0088;
}


/*-----------------------------------------------------
FAQ Styles
-----------------------------------------------------*/

dt {
	width:					575px;
	background:				#e1e1e1;
	font-weight:			bold;
	margin:					0px;
	padding:				0px;
	padding-left:			10px;
	padding-top:			10px;
	padding-right:			10px;
}

dd {
	background:				#e1e1e1;
	color:					#111111;
	width:					575px;
	margin:					0px;
	padding:				0px;
	padding-left:			10px;
	padding-top:			5px;
	padding-bottom:			10px;
	padding-right:			10px;
	border-bottom:			1px solid #999999;
}

.odd {
	background:				#cccccc;
}

.no-border {
border:						none;
margin-bottom:				20px;
}

/*-----------------------------------------------------
Online Quotation Side Bar
-----------------------------------------------------*/

#online-quote-sidebar {
	float:					left;
	clear:					both;
	width:					243px;
	background:				#ffffff;
}

#online-quote-sidebar #quote {
	float:					left;
	clear:					both;
	width:					243px;
	height:					32px;
	background:				url(../images/online-quote-sidebar-heading.gif);
}

#online-quote-sidebar #quote h1{
	margin:					0px;
	margin-left:			10px;
	margin-top:				7px;
	padding:				0px;
	font-size:				15px;
	font-weight:			normal;
	color:					#ffffff;
}

#online-quote-sidebar p {
	float:					left;
	clear:					both;
	color:					#ff0088;
	font-size:				13px;
	font-weight:			bold;
	width:					203px;
	margin:					0px;
	margin-left:			20px;
	margin-top:				10px;
	margin-bottom:			10px;
	padding:				0px;
	padding-bottom:			15px;
	text-align:				justify;
	line-height:			16px;
	border-bottom:			1px solid #000000;
	
}

#online-quote-sidebar #quote-form {
	float:					left;
	clear:					both;
	width:					213px;
	margin-left:			20px;
	margin-bottom:			15px;
}

#online-quote-sidebar #quote-corners {
	float:					left;
	clear:					both;
	width:					243px;
	height:					5px;
	background:				url(../images/online-quote-sidebar-corners.gif);
}

#online-quote-sidebar label {
	float:					left;
	clear:					both;
	width:					75px;
	padding:				0px;
	padding-top:			2px;
	margin:					0px;
}

#online-quote-sidebar #quote-form input {
	float:					left;
	width:					124px;
	height:					22px;
	color:					#ffffff;
	border:					none;
	background:				url(../images/online-quote-text-bg.gif);
	background-repeat:		no-repeat;
	padding:				0px;
	padding-left:			5px;
	margin-bottom:			5px;
}

#online-quote-sidebar #quote-form select {
	float:					left;
	color:					#ffffff;
	background:				#666666;
	width:					129px;
	height:					22px;
	border:					none;
	padding:				0px;
	margin-bottom:			5px;
}



#online-quote-sidebar #quote-form option {
	background:				#666666;
	padding-left:			5px;
}
	
#online-quote-sidebar input#get-quote {
	float:					right;
	clear:					both;
	width:					99px;
	height:					26px;
	background:				url(../images/online-quote-sidebar-submit.png);
	background-repeat:		no-repeat;
	border:					none;
	color:					#ffffff;
	font-size:				12px;
	font-weight:			bold;
	padding-bottom:			3px;
	margin-right:			9px;
}

/*-----------------------------------------------------
Gallery Page
-----------------------------------------------------*/

#gallery-photos {
	width:					420px;
	margin:					0 auto;
	margin-bottom:			35px;
}

#gallery-photos img {
	border:					3px solid #ffffff;
	
}

#gallery-photos a:hover img {
	border:					3px solid #ff0088;
}

/*-----------------------------------------------------
Pricing Page Styles
-----------------------------------------------------*/

.pricing-structure {
	float:					left;
	clear:					both;
	margin-left:			149px;
	width:					300px;
}

.pricing-structure .container {
	float:					left;
	clear:					both;
	width:					300px;
	border-bottom:			1px solid #e1e1e1;
	padding-top:			5px;
	padding-bottom:			5px;
}

.pricing-structure .left {
	float:					left;
	clear:					both;
	width:					150px;
}

.pricing-structure .right {
	float:					right;
	width:					80px;
}

.spacer {
	float:					left;
	clear:					both;
	width:					200px;
	height:					5px;
	margin-top:				10px;
}

/*-----------------------------------------------------
Contact Us Page
-----------------------------------------------------*/

#enquiry-form {
	float:					left;
	clear:					both;
	width:					370px;
	margin-top:				15px;
}

#enquiry-form .container {
	float:					left;
	clear:					both;
	width:					370px;
	margin-bottom:			5px;
}

#enquiry-form .container .label {
	float:					left;
	clear:					both;
	width:					100px;
	padding-top:			4px;
	font-weight:			bold;
}

#enquiry-form .container .field {
	float:					left;
	width:					270px;
}

#enquiry-form .field input {
	background:				url(../images/contact-us-input-bg.gif);
	background-repeat:		no-repeat;
	width:					260px;
	height:					19px;
	padding-left:			5px;
	padding-right:			5px;
	padding-bottom:			4px;
	border:					none;
	font-size:				12px;
	color: 					#ffffff;
}

#enquiry-form .field textarea {
	background:				url(../images/contact-us-textarea-bg.gif);
	background-repeat:		no-repeat;
	width:					260px;
	height:					130px;
	padding:				5px;
	border:					none;
	font-size:				12px;
	font-family:			Arial;
	color: 					#ffffff;
}

#enquiry-form input.submit {
	float:					right;
	clear:					both;
	background:				url(../images/btn-submit-pink.png);
	background-repeat:		no-repeat;
	width:					77px;
	height:					25px;
	border:					none;
	font-size:				12px;
	font-weight:			bold;
	color:					#ffffff;
	margin:					0px;
	padding:				0px;
	padding-bottom:			5px;
}

#details {
	float:					left;
	width:					190px;
	margin-top:				15px;
	margin-left:			30px;
	line-height:			15px;
}

#details a {
	color:					#ff0088;
	text-decoration:		none;
	font-weight:			bold;
}

#details a:hover {
	text-decoration:		underline;
	color:					#333333;
}

#details #address {
	float:					left;
	clear:					both;
	width:					190px;
	border-bottom:			1px solid #e1e1e1;
	padding-bottom:			10px;
}

#details #call-fax {
	float:					left;
	clear:					both;
	width:					190px;
	padding-top:			10px;
	
}

#details #email-us {
	float:					left;
	clear:					both;
	width:					190px;
	padding-top:			5px;
	padding-bottom:			10px;
	border-bottom:			1px solid #e1e1e1;
}

#details #social-icons {
	float:					left;
	clear:					both;
	width:					190px;
	padding-top:			10px;
}

#details #social-icons img {
	border:					none;
}

/*-----------------------------------------------------
Privacy Policy
-----------------------------------------------------*/

#privacy-policy {
	float:					left;
	clear:					both;
}

#privacy-policy li {
	margin-top:				5px;
	margin-bottom:			5px;
	font-size:				12px;
}

#privacy-policy li.heading {
	font-weight:			bold;
	list-style-type:		none;
	margin-left:			-40px;
}

#privacy-policy ul {
	margin-bottom:			10px;
}

p.privacy {
	font-size:				12px;
	font-weight:			normal;
}

/*-----------------------------------------------------
Sitemap
-----------------------------------------------------*/

#sitemap {
	float:					left;
	clear:					both;
	width:					500px;
}

#sitemap li {
	margin-top:				5px;
	margin-bottom:			5px;
}