/* Custom Fibreglass Main Stylsheet.  Copyright Custom Fibreglass 2007, developed by World Wide Web Design.

TOC
1:- Global elements
2:- Skip navigation
3:- Main container
	3.1:- Top pane
		3.1.1:- Top middle pane
	3.2:- Middle pane
		3.2.1:- Content pane
			3.2.1.2:- Parts list
			3.2.1.3:- Quote list
	3.3:- Footer pane

*/

/* 1:----------- Global elements ----------- */
body {
	background: #010612;
	font-family: verdana, arial, sans-serif;
	font-size: 67.5%;
	margin: 0;
}

img {
	border: 0;
}
/* 1:----------- END: Global elements ----------- */

/* 2:----------- Skip navigation ----------- */
div#skip {
	height: 1px;
	overflow: hidden;
}

div#skip a.skiplink:link, 
div#skip a.skiplink:visited,
div#skip a.skiplink:hover {
	height: 1px;
	left: -1000em;
	position: absolute;
} 
     
div#skip a.skiplink:active,
div#skip a.skiplink:focus { 
	background: #000;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 30px;
	left: 0;
	padding: 5px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	width: 100%;
}
/* 2:----------- END: Skip navigation ----------- */

/* 3:----------- Main container ----------- */
/* 3.1:----------- Top pane ----------- */
#top_pane {
	background: url(../_imgs/top_pane_bg.gif) repeat-x;
	height: 91px;
	width: 100%;
}

#top_nav {
	left: 50%;
	margin-left: -390px;
	position: absolute;
	top: 65px;
	width: 720px;
	z-index: 50;
}

#top_nav li {
	list-style: none;
}

#top_nav a {
	margin-top: 1px;
}

#top_nav a {
	text-indent: -1000em;
}

a#top_nav_home:link,
a#top_nav_home:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 67px;
	width: 147px;
}

a#top_nav_home:hover,
a#top_nav_home:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat 0 -68px;
}

a#top_nav_about_us:link,
a#top_nav_about_us:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -147px 0;
	display: block;
	float: left;
	height: 67px;
	padding: 1px 0 0 0;
	width: 89px;
}

a#top_nav_about_us:hover,
a#top_nav_about_us:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -147px -68px;
}

a#top_nav_new_products:link,
a#top_nav_new_products:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -236px 0;
	display: block;
	float: left;
	height: 67px;
	padding: 1px 0 0 0;
	width: 128px;
}

a#top_nav_new_products:hover,
a#top_nav_new_products:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -236px -68px;
}

a#top_nav_catalogue:link,
a#top_nav_catalogue:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -365px 0;
	display: block;
	float: left;
	height: 67px;
	padding: 1px 0 0 0;
	width: 98px;
}

a#top_nav_catalogue:hover,
a#top_nav_catalogue:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -365px -68px;
}

a#top_nav_projects:link,
a#top_nav_projects:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -463px 0;
	display: block;
	float: left;
	height: 67px;
	padding: 1px 0 0 0;
	width: 86px;
}

a#top_nav_projects:hover,
a#top_nav_projects:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -463px -68px;
}

a#top_nav_enquiry:link,
a#top_nav_enquiry:visited {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -549px 0;
	display: block;
	float: left;
	height: 67px;
	padding: 1px 0 0 0;
	width: 160px;
}

a#top_nav_enquiry:hover,
a#top_nav_enquiry:active {
	background: url(../_imgs/top_nav_sprite.gif) no-repeat -549px -68px;
}
/* 3.1.1:----------- Top middle pane ----------- */
#top_middle_pane {
	background: url(../_imgs/logo.gif) no-repeat transparent;
	height: 91px;
	/*left: 50%;
	margin-left: -488px;
	position: absolute;
	top: 1px;
	width: 978px;*/
	
	
	background-position: top center;
	width: 100%;
	z-index: 50;
}

#top_middle_pane span {
	display: none;
}
/* 3.1.1:----------- END: Top middle pane ----------- */
/* 3.1:----------- END: Top pane ----------- */
/* 3.2:----------- Middle pane ----------- */
#middle_pane {
	background: url(../_imgs/middle_pane_bg.gif) repeat-x #000;
	padding: 70px 0 50px 0;
	width: 100%;
}
/* 3.2.1:----------- Content pane ----------- */
#content_pane {
	margin: 0 auto 0 auto;
	width: 80%;
	z-index: 50;
}

#content_pane_top_left {
	background: url(../_imgs/content_pane_top_left.gif) no-repeat #2d0102;
	float: left;
	height: 78px;
	width: 36px;
}

#content_pane_top_right {
	background: url(../_imgs/content_pane_top_right.gif) no-repeat #2d0102;
	float: right;
	height: 78px;
	width: 150px;
}

#content_pane_middle {
	background: url(../_imgs/content_pane_bg.gif) repeat-x #2d0102;
	border-left: 1px solid #7C7A7A;
	border-right: 1px solid #7C7A7A;
	margin-right: 1px;
	padding: 110px 20px 40px 30px;
}

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

#content_pane_middle a:hover,
#content_pane_middle a:active {
	text-decoration: underline;
}

#content_pane_middle p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.7em;
	margin: 0;
	padding: 0 0 15px 0;
}

#content_pane_middle p.breadcrumbs {
	font-family: verdana, sans-serif;
	font-size: 1.1em;
	height: 10px;
	position: absolute;
	top: 170px;
	width: 74%;
}

#content_pane h1 span {
	display: none;
}

#content_pane h2 {
	color: #ee481c;
}

#content_pane h3 {
	color: #ee481c;
}

#content_pane ul {
	color: #fff;
	font-size: 1.1em;
	margin: 0 0 15px 0;
}

#content_pane li {
	list-style: none url(../_imgs/list_bullet.gif);
	margin: 5px 0 5px 20px;
	padding: 0 0 0 5px;
	vertical-align: top;
}

#content_pane_bottom {
	background: #2d0102;
	height: 72px;
}

#content_pane_bottom_left {
	background: url(../_imgs/content_pane_bottom_left.gif) no-repeat #000;
	float: left;
	height: 72px;
	width: 36px;
}

#content_pane_bottom_right {
	background: url(../_imgs/content_pane_bottom_right.gif) no-repeat #000;
	float: right;
	height: 72px;
	width: 38px;
}

.ie_separator {
	height: 1px;
}

.photos {
	float: left;
	padding-bottom: 20px;
	width: 350px;
}

.photos img {
	border: 0;
	float: left;
	padding-right: 3px;
}

.read_more a:link,
.read_more a:visited {
	background: url(../_imgs/list_bullet.gif) no-repeat 100% 4px;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 15px;
	text-align: right;
	width: 95%;
}
/* 3.2.1.2:----------- Parts list ----------- */
.parts_list {
	border-collapse: collapse;
	border-top: 1px dotted #999;
	margin: 0 auto 0 auto;
	width: 80%;
}

.parts_image {
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
	color: #fff;
	font-size: 0.9em;
	padding: 20px;
	vertical-align: top;
	width: 20%;
}

.parts_image img {
	border: 0;
}

.parts_desc {
	border-bottom: 1px dotted #999;
	color: #fff;
	font-size: 1.1em;
	padding: 20px;
	vertical-align: top;
	width: 80%;
}

.enquiries_form {
	margin: 20px 0 0 0;
}

.enquiries_form input {
	background: #ccc;
	margin-top: 20px;
	width: 50px;
}

.enquiries_form label {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}

input.add_button {
	background: url(../_imgs/add_to_quote.gif) no-repeat transparent;
	border: 0;
	cursor: pointer;
	float: left;
	height: 27px;
	margin: 20px 10px 0 0;
	text-indent: -1000em;
	width: 119px;
}

input.add_button:hover {
	background: url(../_imgs/add_to_quote_hover.gif) no-repeat transparent;
}

a.quote_button:link,
a.quote_button:visited {
	background: url(../_imgs/view_quote.gif) no-repeat transparent;
	cursor: pointer;
	display: block;
	float: left;
	height: 27px;
	margin-top: 20px;
	text-indent: -1000em;
	width: 106px;
}

a.quote_button:hover,
a.quote_button:active {
	background: url(../_imgs/view_quote_hover.gif) no-repeat transparent;
}

.buttons {
	padding-bottom: 30px;
}
/* 3.2.1.2:----------- END: Parts list ----------- */
/* 3.2.1.3:----------- Quote list ----------- */
.quote_list table {
	border: 1px solid #999999;
	margin: 20px 0 10px 0;
}

.quote_list th {
	background: #FF9900;
	font-size: 1.1em;
	padding: 5px;
}

.quote_list td {
	background: #fff;
	font-size: 1.1em;
	padding: 5px;
}

.quote_list fieldset {
	border: 1px solid #fff;
	margin: 10px 0 10px 0;
	width: 80%;
}

.quote_list legend {
	color: #EE481C;
	font-size: 1.3em;
	font-weight: bold;
}

.quote_list label {
	display: block;
	float: left;
	padding: 10px 10px 0 0;
	text-align: right;
	width: 15%;
}

.quote_list input {
	margin: 10px 0 0 0;
	width: 250px;
}

.quote_list textarea {
	height: 100px;
	margin: 10px 0 0 0;
	width: 250px;
}

.quote_list td input {
	width: 50px;
}

input.update_quote {
	background: url(../_imgs/update_quote.gif) no-repeat transparent;
	border: 0;
	cursor: pointer;
	float: left;
	height: 27px;
	margin: 20px 10px 0 0;
	text-indent: -1000em;
	width: 120px;
}

input.update_quote:hover {
	background: url(../_imgs/update_quote_hover.gif) no-repeat transparent;
}

input.request_quote {
	background: url(../_imgs/request_quote.gif) no-repeat transparent;
	border: 0;
	cursor: pointer;
	float: left;
	height: 27px;
	margin: 20px 10px 0 0;
	text-indent: -1000em;
	width: 112px;
}

input.request_quote:hover {
	background: url(../_imgs/request_quote_hover.gif) no-repeat transparent;
}
/* 3.2.1.3:----------- END: Quote list ----------- */

.gallery_photo {
	background: url(../_imgs/gallery_frame.gif) no-repeat transparent;
	float: left;
	height: 143px;
	margin: 0 5px 0 5px;
	padding: 15px 0 0 0;
	text-align: center;
	width: 176px;
}

.gallery_photo img {
	margin-left: -2px;
}	

p.clearer {
	clear: both;
}
/* 3.2.1:----------- END: Content pane ----------- */
/* 3.2:----------- END: Middle pane ----------- */
/* 3.3:----------- Footer pane ----------- */
#footer_pane {
	background: url(../_imgs/footer_pane_bg.gif) repeat-x;
	width: 100%;
}

a#top_of_page:link,
a#top_of_page:visited {
	background: url(../_imgs/top_of_page.gif) no-repeat;
	height: 65px;
	left: 50%;
	margin-left: -55px;
	margin-top: -28px;
	position: absolute;
	width: 109px;
	z-index: 50;
}

a#top_of_page:hover,
a#top_of_page:active {
	background: url(../_imgs/top_of_page_hover.gif) no-repeat transparent;
}

#top_of_page span {
	display: none;
}

#footer_pane ul {
	margin: 0;
	padding-top: 40px;
	width: 92%;
	text-align: center;
}

#footer_pane li {
	border-right: 1px solid #ee481c;
	display: inline;
	font-family: eurostile, arial, sans-serif;
	padding: 0 7px 0 5px;
}

#footer_pane li.last {
	border: 0;
}

#footer_pane ul a:link,
#footer_pane ul a:visited {
	color: #ee481c;
	font-size: 1.5em;
	text-decoration: none;
}

#footer_pane ul a:hover,
#footer_pane ul a:active {
	text-decoration: underline;
}

#footer_pane p {
	color: #3b3a3a;
	margin: 40px 20px 20px 0;
	text-align: right;
}

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

#footer_pane a:hover,
#footer_pane a:active {
	text-decoration: underline;
}
/* 3.3:----------- END: Footer pane ----------- */
/* 3:----------- END: Main container ----------- */