body
{
	background-image: url(/images/Page/background.png);
	background-color: #a4b5bf;
	background-repeat: repeat-x;
	_behavior: url(  "/csshover2.htc" ); /*IE6 fix*/
}

@font-face
{
	font-family: 'Tangerine';
	src: url('font.eot');
}

#wrapper, .wrapper
{
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

.clearer
{
	clear:both;
}

.clearer5
{
	clear:both;
	height:5px;
}

.clearer10
{
	clear:both;
	height:10px;
}

.clearer15
{
	clear:both;
	height:15px;
}

.clearer20
{
	clear:both;
	height:20px;
}

#header
{
	width: 988px;
	height: 117px;
	background-image: url(/images/Page/header.png);
}

#menu
{
	width: 988px;
	height: 35px;
	background-image: url(/images/Page/menu.png);
	position: relative;
	z-index: 10;
}

#menu span
{
	display: none;
}
#menu .slide span
{
	display: block;
}

.menuleft
{
	float: right;
}

#sidenav
{
	position: absolute;
	z-index: 1000;
	width: 270px;
	height: 458px;
	overflow: hidden;
}

#bigpic
{
	width: 744px;
	height: 458px;
	position: absolute;
	z-index: 5;
	left: 244px;
}

#bigpicshadow
{
	width: 744px;
	height: 8px;
	position: absolute;
	z-index: 30;
	left: 244px;
	background-image: url(/Images/Page/shadow.png);
}

#footer
{
	clear: both;
	font-size: 0.8em;
	line-height: 1.6em;
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	color: #546670;
	background-image: url(/images/Page/footer.png);
	background-repeat: no-repeat;
}

#footerleft
{
	float: left;
	padding-left: 16px;
	padding-top: 50px;
	padding-bottom: 40px;
	width: 300px;
}

#footerright
{
	float: right;
	padding-right: 16px;
	padding-top: 40px;
	width: 500px;
	padding-bottom: 30px;
	text-align: right;
}

.socialmedia
{
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: 0px;
}

#footer a:link
{
	text-decoration: none;
	color: #546670;
}
#footer a:visited
{
	text-decoration: none;
	color: #546670;
}
#footer a:hover
{
	text-decoration: underline;
	color: #546670;
}

.breadcrumbs
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.maincontent
{
	width: 956px;
	margin-left: 16px;
	margin-right: 16px;
	padding-bottom: 25px;
}

.leftcoltop
{
	width: 956px;
	height: 15px;
	background-image: url(/images/Page/widecoltop.png);
}

.leftcol
{
	float: left;
	width: 715px;
	background-image: url(/images/Page/leftcol.png);
}

.leftcolcontent
{
	width: 675px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}


.leftcolbottom
{
	width: 715px;
	height: 30px;
	background-image: url(/images/Page/leftcolbottom.png);
}

.leftcolbottomsignup
{
	width: 715px;
	height: 223px;
	background-image: url(/images/Page/sign-up-bottom.png);
}

.leftcoltop
{
	width: 715px;
	height: 15px;
	background-image: url(/images/Page/leftcoltop.png);
}

.rightcol
{
	float: right;
	width: 228px;
	padding-bottom: 25px;
}

.rightcolpod
{
	width: 228px;
	background-image: url(/images/Page/rightcol.png);
}

.rightcolpodbottom
{
	width: 228px;
	height: 40px;
	background-image: url(/images/Page/rightcolbottom.png);
	background-repeat: no-repeat;
}

.rightcolpodcontent
{
	width: 208px;
	margin-left: 10px;
	margin-right: 10px;
}


#rightside
{
	clear: both;
	float: right;
	width: 748px;
}

.maincontentwide
{
	width: 723px;
	margin-left: 25px;
	margin-right: 0px;
	padding-bottom: 25px;
}

#header a:link
{
	text-decoration: none;
	color: #aaaaaa;
	font-size: 12px;
}
#header a:visited
{
	text-decoration: none;
	color: #aaaaaa;
	font-size: 12px;
}
#header a:hover
{
	text-decoration: none;
	color: #9a009b;
	font-size: 12px;
}

#navbar a:link
{
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
#navbar a:visited
{
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
#navbar a:hover
{
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

.breadcrumbs a:link
{
	text-decoration: none;
	color: #666666;
}
.breadcrumbs a:visited
{
	text-decoration: none;
	color: #666666;
}
.breadcrumbs a:hover
{
	text-decoration: underline;
	color: #666666;
}




/*--------------Left Col-----------------------*/


/*--------------Home Page-----------------------*/

.homewrapper
{
	width: 956px;
	margin-left: 16px;
	margin-right: 16px;
}
.homeleft
{
	width: 715px;
	float: left;
}
.homemain
{
	width: 472px;
	float: right;
}
.homeleftcol
{
	width: 228px;
	float: left;
}

.homecol
{
	width: 472px;
	background-image: url(/images/Page/homecol.png);
}
.homecolcontent
{
	width: 452px;
	margin-left: 10px;
	margin-right: 10px;
}
.homecolbottom
{
	width: 472px;
	height: 30px;
	background-image: url(/images/Page/homecolbottom.png);
}

/*-------HEADINGS---------------*/

.widecol h2
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #ccd2d6;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.leftcol h2
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #ccd2d6;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.rightcol h2
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #ccd2d6;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.rightcolpod h2
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #ccd2d6;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.homecol h2
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #ccd2d6;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.bigger
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	color: #546670;
	font-size: 1.2em;
	font-weight: normal;
}
.bigger2
{
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	color: #546670;
	font-size: 1.1em;
	font-weight: normal;
}



/*-------LIGHTBOX---------------*/

#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img
{
	width: auto;
	height: auto;
}
#lightbox a img
{
	border: none;
}

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer
{
	padding: 10px;
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer > #hoverNav
{
	left: 0;
}
#hoverNav a
{
	outline: none;
}

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;	
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	 display: block;
}
#prevLink
{
	left: 0;
	float: left;
}
#nextLink
{
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover
{
	background: url(/images/page/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
	background: url(/images/page/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData
{
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption
{
	font-weight: bold;
}
#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}


/*----GALLERY-----*/

.lightboxback
{
	width: 176px;
	height: 129px;
	background-image: url(/Images/page/lightboxback.png);
	background-repeat: no-repeat;
	float: left;
}
.lightboximage
{
	width: 152px;
	height: 105px;
	margin-left: 3px;
	padding-top: 3px;
	overflow: hidden;
}

.leftgal
{
	float: left;
	padding-left: 13px;
}
.rightgal
{
	float: right;
	padding-right: 13px;
}
.clearergal
{
	clear: both;
	width: 100%;
	height: 18px;
}




/*---SLIDESHOW ----*/

#slideshow
{
	position: relative;
	height: 458px;
	width: 744px;
}
#slideshow DIV
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	height: 458px;
	width: 744px;
	background-color: #000000;
}
#slideshow DIV.active
{
	z-index: 10;
	background-color: #000000;
}
#slideshow DIV.last-active
{
	z-index: 9;
	background-color: #000000;
}
#slideshow DIV IMG
{
	height: 458px;
	width: 744px;
	display: block;
	border: 0;
	background-color: #000000;
}
.slideback
{
	background-color: Black;
	height: 458px;
	width: 744px;
}


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

.fieldname
{
	width: 175px;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
.fieldinput
{
	width: 500px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*---NEWS ----*/

.newsthumb
{
	float: left;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.newsthumb img
{
	border: solid 1px #ccd2d6;
}
.newssummary
{
	float: right;
	width: 505px;
	padding-bottom: 10px;
}
.newssummary h3
{
	margin-top: 10px;
	margin-bottom: 0px;
}
.date
{
	font-style: italic;
	color: #999999;
	padding: 0px;
	margin: 0px;
}
.newssummary a:link
{
	color: #6699cc;
	text-decoration: underline;
	font-weight: normal;
}
.newssummary a:visted
{
	color: #6699cc;
	text-decoration: underline;
	font-weight: normal;
}
.newssummary a:hover
{
	color: #6699cc;
	text-decoration: none;
	font-weight: normal;
}

.newsimage
{
	border: solid 1px #ccd2d6;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.microthumb
{
	float: left;
	border: solid 1px #ccd2d6;
	margin-top: 10px;
}


/*---PROJECTS ----*/
.findprojects
{
	font-size: 1.4em;
	font-style: italic;
}
.projectleft
{
	float: left;
}
.projectright
{
	float: right;
	width: 307px;
	margin-left:20px;
	margin-bottom:5px;
}
.projectright img
{
	border: solid 1px #ccd2d6;
}
.projectright .clearer
{
	height: 20px;
}



/*----------- SHOP ------------*/

a.button1
{
	display: block;
	width: 114px;
	height: 31px;
}
.buttonaddtocart
{
	float: right;
	width: 114px;
	height: 31px;
	background: url(/Images/buttons/addtobasket.png);
	overflow: hidden;
}
.buttonaddtocart:hover
{
	background-position: 0 -31px;
}

a.button2
{
	display: block;
	width: 90px;
	height: 32px;
}
.buttoncheckout
{
	float: right;
	width: 90px;
	height: 32px;
	background: url(/Images/buttons/checkout.png);
	overflow: hidden;
}
.buttoncheckout:hover
{
	background-position: 0 -32px;
}

a.button3
{
	display: block;
	width: 50px;
	height: 25px;
}
.buttongo
{
	width: 50px;
	height: 25px;
	background: url(/Images/buttons/go2.png);
	overflow: hidden;
}
.buttongo:hover
{
	background-position: 0 -25px;
}

a.button4
{
	display: block;
	width: 98px;
	height: 30px;
}
.buttonprintpage
{
	width: 98px;
	height: 30px;
	background: url(/Images/buttons/print-page.png);
	overflow: hidden;
}
.buttonprintpage:hover
{
	background-position: 0 -29px;
}

a.button5
{
	display: block;
	width: 154px;
	height: 38px;
}
.buttonrecommendations
{
	width: 154px;
	height: 30px;
	background: url(/Images/buttons/recommendations.png);
	overflow: hidden;
}
.buttonrecommendations:hover
{
	background-position: 0 -30px;
}

a.button6
{
	display: block;
	width: 66px;
	height: 34px;
}
.buttonsend
{
	width: 66px;
	height: 34px;
	background: url(/Images/buttons/send.png);
	overflow: hidden;
}
.buttonsend:hover
{
	background-position: 0 -34px;
}

a.button7
{
	display: block;
	width: 83px;
	height: 32px;
}
.buttonapprove
{
	width: 83px;
	height: 32px;
	background: url(/Images/buttons/approve.png);
	overflow: hidden;
}
.buttonapprove:hover
{
	background-position: 0 -32px;
}

a.button8
{
	display: block;
	width: 228px;
	height: 89px;
}
.buttonsignup
{
	width: 228px;
	height: 89px;
	background: url(/Images/buttons/sign-up.png);
	overflow: hidden;
}
.buttonsignup:hover
{
	background-position: 0 -89px;
}

a.button9
{
	display: block;
	width: 82px;
	height: 32px;
}
.buttonsignup2
{
	width: 82px;
	height: 32px;
	background: url(/Images/buttons/sign-up-2.png);
	overflow: hidden;
}
.buttonsignup2:hover
{
	background-position: 0 -32px;
}

a.nav1
{
	display: block;
	width: 270px;
	height: 76px;
}
.navretail
{
	width: 270px;
	height: 76px;
	background: url(/Images/Nav/retail-buildings.png);
	overflow: hidden;
}
.navretail:hover
{
	background-position: 0 -76px;
}

a.nav2
{
	display: block;
	width: 270px;
	height: 77px;
}
.navcanopies
{
	width: 270px;
	height: 77px;
	background: url(/Images/Nav/protective-canopies.png);
	overflow: hidden;
}
.navcanopies:hover
{
	background-position: 0 -77px;
}

a.nav3
{
	display: block;
	width: 270px;
	height: 77px;
}
.navglazing
{
	width: 270px;
	height: 77px;
	background: url(/Images/Nav/glazing.png);
	overflow: hidden;
}
.navglazing:hover
{
	background-position: 0 -77px;
}

a.nav4
{
	display: block;
	width: 270px;
	height: 78px;
}
.navsportshalls
{
	width: 270px;
	height: 78px;
	background: url(/Images/Nav/sports-halls.png);
	overflow: hidden;
}
.navsportshalls:hover
{
	background-position: 0 -78px;
}

a.nav5
{
	display: block;
	width: 270px;
	height: 77px;
}
.navroofing
{
	width: 270px;
	height: 77px;
	background: url(/Images/Nav/roofing.png);
	overflow: hidden;
}
.navroofing:hover
{
	background-position: 0 -77px;
}

a.nav6
{
	display: block;
	width: 270px;
	height: 76px;
}
.navstorage
{
	width: 270px;
	height: 76px;
	background: url(/Images/Nav/storage.png);
	overflow: hidden;
}
.navstorage:hover
{
	background-position: 0 -76px;
}




.shopquantity
{
	float: left;
	padding-right: 10px;
	padding-top: 7px;
}
.shopquantityform
{
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}
.shopupdatequantity
{
	float: left;
	padding-right: 10px;
}
.shopremove
{
	float: right;
}


/*----------- LOGIN ------------*/

.login
{
	float: left;
	width: 421px;
	background-image: url(/images/Page/loginback.png);
	margin-left: 100px;
	margin-top: 50px;
}
.logintop
{
	width: 421px;
	height: 15px;
	background-image: url(/images/Page/logintop.png);
}
.loginbottom
{
	width: 421px;
	height: 15px;
	background-image: url(/images/Page/loginbottom.png);
}
.logincontent
{
	width: 361px;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
}
.loginleft
{
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-top: 3px;
	width:100px;
}


/*----------- RIGHT HAD COLUMN ------------*/

.rightpod
{
	width: 196px;
	color: #ffffff;
}
.righttop
{
	width: 196px;
	height: 12px;
	background-image: url(/Images/Page/righttop.png);
}
.rightbottom
{
	width: 196px;
	height: 12px;
	background-image: url(/Images/Page/rightbottom.png);
}
.rightimage
{
	width: 188px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0px;
}
.righttext
{
	width: 150px;
	margin-left: 15px;
	margin-right: 15px;
}
.rightpod h2
{
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rightpod p
{
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
}
.rightpod a:link
{
	font-size: 1em;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
}
.rightpod .link
{
	float: left;
	font-size: 0.8em;
	padding-right: 4px;
	padding-bottom: 10px;
}
.rightpod .arrow
{
	float: left;
	background-image: url(/Images/Page/arrow.png);
	height: 12px;
	width: 8px;
	display: block;
}

.rightaqua
{
	background-image: url(/Images/Page/rightaqua.png);
}
.rightblue
{
	background-image: url(/Images/Page/rightblue.png);
}
.rightbrown
{
	background-image: url(/Images/Page/rightbrown.png);
}
.rightgrey
{
	background-image: url(/Images/Page/rightgrey.png);
}
.rightlilac
{
	background-image: url(/Images/Page/rightlilac.png);
}
.rightgreen
{
	background-image: url(/Images/Page/rightgreen.png);
}

.rightfade
{
	background-image: url(/Images/Page/rightfade.png);
	width: 196px;
}
.rightfadetop
{
	width: 188px;
	height: 33px;
	padding-top: 4px;
	margin-left: 4px;
}

.rightnewstext
{
	width: 164px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 0.8em;
}
.rightnewsdate
{
	font-style: italic;
	color: #999999;
}
.rightnewstext p
{
	margin-top: 8px;
	margin-bottom: 4px;
}

.guestbook
{
	font-style: italic;
	color: #999999;
}

/*-------buttons-------------*/

.button
{
	background: #616264 url(/images/buttons/button-bg.gif) top right no-repeat;
	float: left;
	position: relative;
}

.button:hover
{
	background: #616264 url(/images/buttons/button-bg-ov.gif) top right no-repeat;
}

.button a, .button input
{
	color: #ececec;
	padding: 3px 20px 3px 5px;
	display: block;
	text-decoration: none;
}

.button a:hover
{
	color: white;
}

.button .tr
{
	background: url(/images/buttons/tr.gif) no-repeat top right;
}
.button .tl
{
	background: url(/images/buttons/tl.gif) no-repeat top left;
}
.button .br
{
	background: url(/images/buttons/br.gif) no-repeat bottom right;
}
.button .bl
{
	background: url(/images/buttons/bl.gif) no-repeat bottom left;
}


.rightnewstext input
{
	margin-left: 0px;
	margin-bottom: 0px;
}

.dottedline
{
	width: 100%;
	height: 15px;
	clear: both;
	background-image: url(/Images/Page/dottedline.png);
}
.whiteshadow
{
	width: 100%;
	height: 15px;
	clear: both;
	background-image: url(/Images/Page/whiteshadow.png);
}
.quote
{
	font-size: 1.2em;
	color: #003366;
	background-image: url(/Images/Page/quote-open.png);
	background-repeat: no-repeat;
}
.quote p
{
	text-indent: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: inline;
}

hr
{
	clear: both;
	width: 100%;
	border: 0;
	height: 1px;
	color: #dddddd;
	background: #dddddd;
	margin-top: 5px;
	margin-bottom: 5px;
}

.quotescrollbox
{
	 height: 745px;
	 overflow-y: scroll;
	 overflow-x: hidden;
}

.termsscrollbox
{
	height: 360px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.scrollbox
{
	overflow-y: scroll;
	overflow-x: hidden;
}

.radmenu a.link
{
	cursor:pointer!important;
}

.OrderLinesHeader {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight:bold;
}

.Totals {
	font-weight:bold;
}

.OrderLinesHeaderLastCol {
	border: 1px solid #000000;
	font-weight:bold;
}

.OrderLinesRow {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.OrderLinesRowLastCol {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

#cboxNext,
#cboxPrevious,
#cboxCurrent {
    display:none!important;    
}

a.gallerythumb
{
    width:40px; height:40px;
    margin-right:3px; margin-bottom:3px;
    background-position:center center;
    cursor:pointer;
    display:block;
    float:left;
    border: solid 1px #CCD2D6;
    text-decoration:none!important;
}

/*----- Print Doc -----*/

.print-body
{
	background:none;
	/*background-image: url(/images/Page/print-border.png);
	background-repeat:repeat-y;
	background-position:center;*/
	margin-left: auto;
	margin-right: auto;
	padding-left:0px;
	padding-right:0px;
	width:954px;
}

.print-outerwrapper
{
}

.print-pagewrapper
{
}

.print-maincontent
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.print-outerwrapper .whiteshadow
{
}

#widetop
{
	width: 988px;
	height: 458px;
	position: relative;
}

.widecol
{
	
}

.widecolcontent
{
	padding-top: 20px;
}

.widecolcontent ol
{
	margin-left: 25px!important;
}

.widecolcontent .newssummary
{
	float:left;
	margin-left:20px;
}

.pagebreak
{
	page-break-after:always;
}

/* Questionnaire */

.questionnaireheading 
{
	float: left;
}
.questionnairequestion
{
	float: left;
	width: 250px;
	padding: 4px 0px 0px 4px;
}
.questionnaireanswer
{
	float: left;
}
.questionnairerow
{
	min-height: 24px;
	margin-left: 25px;
	float: left;
	min-height: 24px;
	background-color: #FFFFFF;
}
.questionnairerowalt 
{
	min-height: 24px;
	margin-left: 25px;
	float: left;
	min-height: 24px;
	background-color: #F0F0F0;
}