/*   Structural CSS   */
body {margin:0; padding:0; font:11pt/1.5 sans-serif; background: #47998d;}
#page {width:1000px; margin: 0px auto 0px auto;}
#header {margin:0; padding:0; height:88px; background:url(images/header.jpg) no-repeat;}
#main1 {margin:0; padding:0; background: url("images/main1_background.jpg") top left repeat-y;}
#main2 {margin:0; padding:0; background:url("images/right_top.jpg") top left no-repeat;}

#left {float:left; width:209px;	margin:0; padding:0; font-size:80%;}
#right {float:right; width:205px; margin:0; padding:0; background:url("images/navigation_top.jpg") top right no-repeat; font-size:80%;}
#middle {margin:0 205px 0 209px;}

#footer {background:url(images/footer.jpg) no-repeat; height: 168px; margin: 0px;}
.column-in {margin:0; padding:0.5em 1em;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
h1,h2,h3,h4 {margin: 0; color:#f6eec0; font-style: italic; font-weight:normal;}
h1 span {display:none;}
p {margin: 0.5em 0;}
input {background: #68aea6;}
select {background: #68aea6;}
textarea  {background: #68aea6;}
#rccont {height: 500px; width: 10px;}
.copy {text-align:center; font-size:80%;}
#header div.column-in {float:left; margin: 0px 0px 0px 10px;}
#flash {float: left; margin: 50px 0px 0px 0px;}
/* Main Navigation */ 
#main_navigation {width:170px; margin:0;}
#navtop {width:170px; height:17px; margin:100px 0px 0px 0px;}
#navmiddle {width:170px; margin:0; padding: 0px 15px 0px 0px;}
#navmiddle ul {text-align:left; margin:0px 0px 0px 5px; padding: 7px 0px 7px 0px; list-style:none;}
#navmiddle ul li {line-height: 30px; background: url(images/navigation_listitem.jpg) no-repeat; padding: 0px 0px 0px 0px; font-style: italic; font-weight:bold; margin: 12px 0px 12px 0px; text-indent: 10px;}
#navmiddle ul li.active {text-decoration: none;}
#navmiddle ul li a {color: #000000; text-decoration: none; display: block; height: 27px;}
#navmiddle ul li.active a {color: #5e1985;}
#navmiddle ul li.hidden a {color: #9f9f82;}
#navmiddle ul li.hiddenactive a {color: #ffffee;}
#navmiddle ul li a:hover {color: #000000; background: url(images/navigation_listitem_active.jpg) no-repeat;}
#navmiddle ul li ul {text-align:left; margin:0px 0px 0px 0px; padding: 7px 0px 7px 0px; list-style:none;}
#navbottom {width:170px; height: 22px; background: url(images/navigation_bottom.jpg) top left no-repeat; margin:0;}
#navmiddle p {margin:0;}

	#mainnav {margin:0; height:32px; color:#fbf3cc; min-height:32px; font-size:1.1em; font-weight:bold; font-family: Times, serif; background: url(images/mainnav_background.jpg) no-repeat;}
	#mainnav ul {list-style-type:none; line-height:1.3em; clear:both; margin: 0px 0px 0px 0px; height: 32px; min-height:32px; width:1000px; padding:0px 0px 0px 200px;}
	#mainnav .column-in {text-align:left;}
	#mainnav ul li#nav_ {display: block; width: 11%; float:left; text-align:center;}
	#mainnav ul li#nav_services {display: block; width: 11%; float:left; text-align:center;}
	#mainnav ul li#nav_office {display: block; width: 12%; float:left; text-align:center;}
	#mainnav ul li#nav_contact {display: block; width: 17%; float:left; text-align:center;}
	#mainnav ul li#nav_photo_gallery {display: block; width: 15%; float:left; text-align:center;}
	#mainnav ul li#nav_environmental {display: block; width: 15%; float:left; text-align:center;}
	#mainnav ul li#nav_products {display: block; width: 11%; float:left; text-align:center;}
	#mainnav ul li#nav_info {display: block; width: 25%; float:left; text-align:center;}
	#mainnav ul li {display: block; width: 11%; float:left; text-align:center;}
	
	#mainnav ul li a:link, #mainnav ul li a:visited {text-decoration:none; color: #fbf3cc;}		
	#mainnav ul li a:hover {color: #ffffff;}
	#mainnav ul li a:active {text-decoration:none; color: #333333;}
/* Middle Content Section */
	#shoppingcartsummary {width: 990px; text-align:right;}
	#shoppingcartsummary ul {list-style:none; float:right;}
	#shoppingcartsummary ul li {display:block; float: left; margin: 0px 10px;}
	#shoppingcartsummary ul li a img{border:none;}
	#shoppingcartsummary ul li a:link, #shoppingcartsummary ul li a:visited {color:#fbf3cc;}
	#shoppingcartsummary ul li a:hover {color:#ffffff;}
	#shoppingcartsummary ul li a:active {color:#fbf3cc;}
	#adminbox {color:#fbf3cc; font-weight:bold;}
	#adminmiddle ul li a {text-decoration:none; color:#fbf3cc;}
	#adminmiddle ul li a:link, #adminmiddle ul li a:visited {text-decoration:none; color:#fbf3cc; font-weight:bold;}		
	#adminmiddle ul li a:hover {text-decoration:underline; color:#fbf3cc;}
	#adminmiddle ul li a:active {text-decoration:none; color:#fbf3cc;}
	
#ContentContainer {width:540px;}
#ContentContainer p {margin: 1.5em 0 1em 0;}
#page_name {width: 140px;}
#bannerimage {margin: 1px 0px 0px 2px;}
#contactform {width: 500px;}
#AddressDetails {float:right;}
#AddressDetails ul li {list-style:none; font-weight:bold;}

/* Footer */
#footer {width:1000px;}
#footer div.column-in {width:1000px;}
#footer div.column-in ul {text-align:center; list-style:none; font-weight:bold;}
#footer div.column-in ul li {display:inline; margin: 0px 5px 0px 5px;}
#footer div.column-in ul li a {color: #97c084; text-decoration: none; height: 21px;}
#footer div.column-in ul li a:hover {color: #DBE3AD;}
#sessioncount {width: 540px; border-top: 1px solid #1b8206; border-bottom: 1px solid #1b8206; font-weight:bold; font-size: 0.8em; margin: 0px 200px 0px 200px; text-align:center; position: static;}

/* Google Map */
div#GoogleMapDetail { margin-bottom: 10px; background-color: #57a49a; padding-bottom: 7px; }
div#GoogleMapDetail h2 {height: 35px;}
div#GoogleMapDetail div.googlemap { margin: 0 7px; width: 445px!important; height: 340px; }
div#GoogleMapDetail { margin: 10px 0 10px 0; background-color: #57a49a; padding: 0 0 7px 0; }
div#GoogleMapDetail h2 { height: 45px; margin: 0; }
div#GoogleMapDetail div.googlemap { margin: 0 7px; width: 455px; height: 340px; padding: 0; }
div#GoogleMapDetail div.mapInfo { float: left; }
div#GoogleMapDetail div.mapInfo h3 { color: #4eb502; width: 220px; font-size: 1.3em; height: auto; margin: 0;}
div#GoogleMapDetail div.mapInfo p { color: #705750; width: 220px; font-size: 1.1em; padding:0; margin: 0 0 4px 0; background: none; }
div#GoogleMapDetail div.mapInfo p strong { color: #4eb502;}

/* Page Editor Form Elements */
#heading {width: 400px;}
#lat_main, #lng_main {width: 35px;}
#lat_dec, #lng_dec {width: 65px;}

/* Photo Gallery */
.photoGalleryPicture{height: 154px; width: 154px; background: url(../images/global/bg_photo2.gif) 0 0 no-repeat; float:left; margin-right:24px; margin-bottom:24px;}
.photoGalleryPicture:hover{background: url(../images/global/bg_photo2.gif) -154px 0 no-repeat;}
.photoGalleryDisplay{width: 154px; height: 154px; float: left;}
.PhotoClear {width:450px;}
.photoGalleryDisplay {width:154px; height: 154px; background:url(../images/global/bg_photo.jpg) no-repeat; float:left; margin-right: 0px; margin-bottom: 5px; text-align:center;}
.photoGalleryDisplay a {line-height: 154px;}
.photoGalleryDisplay a img {margin-top:6px;}
.checkboxGalleryField {float:left;}
/* Metadata */
#page_title {width:500px;}
#sub_title {width:500px;}
#meta_author {width:500px;}
#meta_subject {width:500px;}
#meta_abstract {width:500px;}
/* Validation */

div.df span.valid, div.df span.invalid { color: #ffffff; display: block; overflow: hidden; font-size: 1em; width: 180px; background: #990000; padding: 5px; }
div.df span.valid { display: none; }

div#Content div#ContentSecondary div#panel2 { margin-top: 20px; }

/* Shopping Cart */
ul.allProducts li {display:block; float:left;}

#ProductTop img {padding-top: 15px;}
#ProductPrice {float: right; text-align: right; font-size: 1.4em; font-weight: bold; font-style: italic; color:#f6eec0;}
.MainLabel {float: left; text-align: left; font-size: 1.1em; font-weight: bold; font-style: italic; padding: 0px 0px 0px 15px;}
#RRP {text-align: right; font-size: 1.2em; font-weight: bold; font-style: italic; padding: 0px 0px 0px 15px;}
.RRPPrice {}
#product_info {width:155px; float:right; margin: 10px 0px 0px 0px;}
#product_info h1 {color: #000000; padding: 0px; margin: 0px; font-size: 2em;}
#product_info a img {border:none;}
.buttonrow {text-align: right; margin-right: 20px; margin-top:40px; width: 120px;}
#product_info p {margin: 20px 0px 20px 0px;}
.Prodrow {width: 300px; float:left; height: 2.1em;}
.pricerow {width: 120px; clear:both; margin: 0px 0px 3px 40px; font-size: 1.2em; font-weight: bold; font-style: italic; color:#f6eec0;}
.rrprow {width: 240px; font-size: 1.1em; font-weight: bold; font-style: italic; color: #fbf3cc; clear:both; margin: 0px 0px 3px 0px;}
.savingrow {width: 240px; font-size: 1.1em; font-weight: bold; font-style: italic; color: #ffffff; clear:both; margin: 0px 0px 20px 0px;}
#ProductTop {width: 520px;}
#ProductTop img {margin:0px; float: left;}

#ProductBottom {width:520px;}
#ProductBottom h2 {text-align: center; width: 520px; font-size: 1.1em; font-style: italic; margin: 0px;}
.Description {margin: 5px 0px 5px 0px; font-size: 1.1em; padding: 10px 0px 0px 0px; width: 520px;}
.Description p {padding: 10px 10px 10px 35px; color: #000000;}
.whiterow {font-style:italic ; width: 520px; clear:both; height: 30px;}
.greyrow {font-style:italic ; width: 520px; background-color: #DDDDDD; clear:both; height: 30px;}
.Label {width:120px; float:left; padding: 7px 0px 5px 35px; font-size: 1.1em; font-weight: bold;}
.Value {width:100px; float:right; padding: 7px 0px 5px 35px; font-size: 1.1em; font-weight: bold; color: #ff0000;}
#ContShopImg a img{border: 0px;}
#AddCartImg a img{border: 0px;}
#rightcontent ul li a {text-decoration: none; color: #666;}
#rightcontent ul li a:hover {text-decoration: underline; color: #a7a9ac}
#shoppingcart {color:#ffffff; width:148px; border-top: 1px solid #e5553d; border-bottom: 1px solid #e5553d; margin: 2px auto 2px auto; padding: 0px 2px 5px 2px;}
#shoppingcart a.image {color: #FFFFFF;}
#ShoppingCart {margin: 0px 2px 2px 2px; border: 1px solid #858282;}
#ShoppingCart h1 {width:160px; margin:0px 0px 0px 0px; padding:0px 0px 0px 6px;}
#ShoppingCart h2 {font-weight:bold; color:#0F5503; font-size:1em;}
#ShoppingCart p a img {padding: 0px 0px 0px 10px;}
.CartTotal {font-weight:bold; color:#0F5503;}

#ShoppingCartTable {margin: 10px 0px 0px 30px; font-size: 14px;}
#ShoppingCartTable tr td a img {border:0px;}
#SCQuantity {width: 70px;}
.SCquantity {text-align: left; white-space: nowrap; line-height: 1.3em;}
.SCquantity a img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: none;}
#SCProduct {width: 350px;}
.SCproduct {text-align: left; padding: 0px 0px 0px 15px}
#SCPriceEach {text-align: right; width: 70px;}
.SCpriceeach {text-align: right;}
#SCTax {width: 70px;}
.SCtax {text-align: center;}
#SCPriceTotal {text-align: right; width: 90px;}
.SCpricetotal {text-align: right;}

.SCTotals {text-align: right;}
.SCtotals {text-align: right;}
.SCGrandTotal {text-align: right;}
.SCgrandtotal {text-align: right;}

#PaymentCheckoutTable {margin: 10px 0px 0px 30px; font-size: 14px; width:570px;}
#PaymentCheckoutTable tr td a img {border:0px;}
#PCQuantity {width: 70px;}
.PCquantity {text-align: center; white-space: nowrap; line-height: 1.3em;}
.PCquantity a img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: none;}
#PCProduct {width: 350px;}
.PCproduct {text-align: left; padding: 0px 0px 0px 15px}
#PCPriceEach {text-align: right; width: 70px;}
.PCpriceeach {text-align: right;}
#PCTax {width: 70px;}
.PCtax {text-align: center;}
#PCDelivery {text-align: right; width: 70px;}
.PCdelivery {text-align: center;}
#PCPriceTotal {text-align: right; width: 90px;}
.PCpricetotal {text-align: right;}

.PCTotals {text-align: right;}
.PCtotals {text-align: right;}
.PCGrandTotal {text-align: right;}
.PCgrandtotal {text-align: right;}

#shippingTo {width:200px; float:left; margin: 10px 0px 0px 30px;}
#shippingTo h2 {width: 180px;}
#shippingTo .row {width:180px; clear:left;}
#shippingTo .label {width:80px; font-weight: bold; font-style: italic; font-size: 12px; float:left;}
#shippingTo .value {width:100px; font-style: normal; font-size: 14px; float:left;} 

#transactionDetails {width:300px; float:left; margin: 10px 0px 0px 30px;}
#transactionDetails h2 {width: 295px;}
#transactionDetails .row {width:295px; clear:left}
#transactionDetails .label {width:140px; font-weight: bold; font-style: italic; font-size: 12px; float:left;}
#transactionDetails .value {width:155px; font-style: normal; font-size: 14px; float:left;} 

#TransactionDetailsTable {float:left; clear:left; margin: 10px 30px 0px 10px; width:570px;}
#TransactionDetailsTable h2 {width: 570px; text-align: center; font-size: 15px;}
#TransactionDetailsTable th {font-style: italic;}

#paymentProcessing {margin: 50px 50px 50px 50px; font-size: 30px; font-weight: bold;}
#paymentProcessing img {display:inline; margin: 0px 50px 50px 50px;}
#periodgif {display:inline;}
#paymentProcessing h3 {width: 300px; font-size: 14px; margin: 50px 50px 50px 50px;}

.RowTotals {margin: 10px 0px 0px 0px;}
#UpdateButton {float: right;}
#back {float: right;}
#CheckoutCell {text-align: right;}
li.Product_Thumb {width: 200px; margin: 0px 50px 0px 0px; height: 250px; float:left;}
li.Product_Thumb p {margin: 0; color:#f6eec0; font-style: normal; font-weight:bold; float:right;}
li.Product_Thumb a img {border:0px;}
#long_title_div {width: 395px; margin: 10px 0px 15px 0px;}
#long_title {width:390px;}
#product_prices {width: 235px;}
.narrowrow {width: 230px; height: 48px; margin-bottom: 35px;}
.narrowtd {width: 110px;}
#product_editor table td.narrowtd input[type=text]
{width: 100px; float:left;}
#product_editor table td.narrowertd input[type=text]
{width: 65px; float:left;}
#description_textarea {width: 390px; clear:left;}
#description_textarea textarea {float:left;}
#product_right_edit {width:230px; height: 340px; float:right; margin: 0px 25px 0px 10px;}
#product_right_edit input[type=text] {width: 200px; float:left;}
#brand_div {width:320px;}
#product_right_edit div {width: 250px; float:left; margin: 5px 0px 10px 0px;}
#product_left_edit select {float:left}
#product_right_edit input[type=submit] {margin: 30px 0px 10px 40px;}