@charset "UTF-8";
/* Durable CSS Document */

/*Eric Meyer CSS Reset - Thank you, Eric! */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* IE6 Transparent PNG Fix: http://www.twinhelix.com/css/iepngfix/ */
/* DECIDED TO REMOVE THIS AFTER MANY ISSUES CAME UP IN IE6 & 7 */
/* img, div { behavior: url(iepngfix.htc) }*/

/* Standard CSS Document */
body
{
	color: #333;
	font-size: 11px;
	padding: 20px 0 0px;
}

body.home { background: #000; }
body.education { background: url(../images/bg-fade_education.png) top left repeat-x #006b33; }
body.residential { background: url(../images/bg-fade_residential.png) top left repeat-x #FFBF00; }
body.autotint { background: url(../images/bg-fade_autotint.png) top left repeat-x #ff0000; }
body.glass-surveys { background: url(../images/bg-fade_glass-surveys.png) top left repeat-x #00A0C6; }
body.commercial { background: url(../images/bg-fade_commercial.png) top left repeat-x #330099; }
body.environment { background: url(../images/bg-fade_environment.png) top left repeat-x #00FF00; }


/* Background Graphics 
body.education .background-graphic { background: url(../images/bg_durable_education.png) bottom left no-repeat; }
body.residential .background-graphic { background: url(../images/bg_durable_residential.png) bottom left no-repeat; }
body.autotint .background-graphic { background: url(../images/bg_durable_auto-tint.png) bottom left no-repeat; }
body.glass-surveys .background-graphic { background: url(../images/bg_durable_glass-surveys.png) bottom left no-repeat; }
body.commercial .background-graphic { background: url(../images/bg_durable_commercial.png) bottom left no-repeat; }
body.environment .background-graphic { background: url(../images/bg_durable_environment.png) bottom left no-repeat; }
*/


/* Navigation */
.top-navigation {
margin-top: 66px;
}

ul.navigation {
list-style: none;
}


ul.navigation li {
float: left;
margin-left: 14px;
}

ul.navigation li a {
color: #fff;
display: block;
text-decoration: none;
padding: 8px;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}


body.home ul.navigation li a:hover { background: #272626; }
body.education ul.navigation li a:hover { background: #004521; }
body.residential ul.navigation li a:hover { background: #af8510; }
body.autotint ul.navigation li a:hover { background: #ae0000; }
body.glass-surveys ul.navigation li a:hover { background: #00718c; }
body.commercial ul.navigation li a:hover { background: #220066; }
body.environment ul.navigation li a:hover { background: #006c21; }


/* Sub-Navigation */

.sub-navigation {
padding-top: 20px;
}

.sub-navigation h2 {
padding-bottom: 10px;
font-size: 13px;
margin-bottom: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #fff;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 5px;
padding-top: 5px;
}

.sub-navigation ul {
list-style: none;
text-transform: uppercase;
}

.sub-navigation ul li {
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
}

.sub-navigation ul li.indent {
padding-left: 5px;
}

.sub-navigation ul li a {
display: block;
text-decoration: none;
color: #fff;
font-weight: normal;
}

.sub-navigation ul li a:hover {
text-decoration: underline;
}

.sub-navigation.home ul li a {
display: block;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
}


a
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
}

.first-words {
font-size: 14px;
font-weight: bold;
}


form {
margin-bottom: 1em;
}

label {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	}

input.textfield {
border: solid 1px #8c8c8c;
padding: 5px;
margin-bottom: 5px;
}

/* logo */
.logo {
margin-bottom: 20px;
text-indent: 55px;
}

/*borders */
.container_16 .grid_8.border-grey {
width: 440px;
border: solid 10px #B2B2B2;
background: #fff;
position: relative;
z-index: 50;
}

.container .content-area {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

.content-area h2 {
margin-top: 12px;
line-height: 28px;
font-size: 20px;
line-height: 30px;
}

.content-area h3 {
margin-top: 12px;
line-height: 28px;
font-size: 16px;
line-height: 20px;
}

body.home .content-area p a, body.home .content-area h3 {color: #000;}
body.education .content-area p a, body.education .content-area h3 {color: #395b32;}
body.residential .content-area p a, body.residential .content-area h3 {color: #807c0d;}
body.autotint .content-area p a, body.autotint .content-area h3 {color: #822b2b;}
body.commercial .content-area p a, body.commercial .content-area h3 {color: #312681;}
body.glass-surveys .content-area p a, body.glass-surveys .content-area h3 {color: #0d6180;}
body.environment .content-area p a, body.environment .content-area h3 {color: #0d8010;}

body .content-area p a:hover {color: #000;}


.container .content-area .logout {
width: 50px;
float: right;
font-size: 11px;
}

.container .content-area ul {
	color: #333;
	font-size: 11px;
	list-style: none;
	}

.container .content-area ul li {
	border-top: solid 1px #CCCCCC;
	padding: 4px;
	}
	
.assets a, .container .content-area .logout a {
	padding: 3px 0px 3px 0px;
	color: #333333;
	}
	
.assets a:hover, .container .content-area .logout a:hover {
	background: #ffbe17;
	color:#333333;
	}

.container_16 .grid_8.border-grey p {
font-size: 11px;
color: #000;

}


/*Structure*/
.container {
padding-top: 35px;
}

/*Customer Area Panel*/

.customer_area, .white-panel {
padding: 0px 10px 0 10px;
background: #fff;
}

.customer_area {
padding: 5px 12px 0 12px;
margin-top: 25px;

}

.customer_area h2 {
display: block;
width: 132px;
height: 30px;
background:url(../images/title_customer-area.png) top left no-repeat;
text-indent: -3456px;
margin-bottom: 5px;
margin-top: 12px;
}

.customer_area h3 {
margin-top: 10px;
margin-bottom: 0;
font-size: 12px;
font-weight: bold;
color:#B2B2B2;
}

.white-panel a:hover {
color: #FF7F00;
}

.white-panel ul {
list-style: none;
font-size: 11px;
}

.white-panel h3 {
color: #000;
font-size: 18px;
line-height: 18px;
padding-top: 4px;
padding-bottom: 4px;
text-transform: uppercase;
}

.customer_area p, .white-panel p {
padding-top: 0;
font-size: 11px;
line-height: 1.5em;
}


.customer_area a, .white-panel a {
color:#333333;
text-decoration: underline;
} 

.customer_area-base, .white-panel_base {
height: 9px;
background: url(../images/corner-block-white.png) bottom left no-repeat;
margin-bottom: 15px;
}

.customer_area-header, .white-panel_header {
height: 9px;
background: url(../images/corner-block-white.png) top left no-repeat;
}



/*News Panel*/

div.news {
margin-bottom: 0em;
}

div.news h2 a, div.news h2 {
color: #00FF00;
font-size: 20px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
text-transform:capitalize;
padding-bottom: 4px;
}

body.education div.news h2 a, body.education div.news h2 {
color: #fff;
}

div.news h2 a:hover {
color: #fff;
text-decoration: underline
}

div.news h3 a {
font-size: 11px;
font-weight: bold;
color:#00FF00;
text-decoration: none;
line-height: 1.3em;
}

div.news h3 a:hover {
text-decoration: underline;
color: #fff;
}

body.news .container_16 .grid_8.border-grey .content-area h3 {
font-size: 15px;
line-height: 17px;
margin-bottom: 2px;
padding-bottom: 0;
}

body.news .container_16 .grid_8.border-grey .content-area h3 a, body.news .container_16 .grid_8.border-grey h2 a {
text-decoration: none;
color: #333333;
}

body.news .container_16 .grid_8.border-grey .content-area h3 a:hover, body.news .container_16 .grid_8.border-grey h2 a:hover {
text-decoration: underline;
}


.news-preview {
clear: both;
border-top: solid 1px #CCCCCC;
padding-bottom: 0.5em;
}

body.news .container_16 .grid_8.border-grey .content-area p {
padding-top: 0;
}

.content-area p img {
float: left;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 5px;
}

.content-area p img.right {
float: right;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 5px;
}


h3 span.date {
font-weight: normal;
color: #7d7d7d;
font-size: 11px;
}

div.news p, div.news p a {
color: #B1B1B1;
font-size: 11px;
line-height: 1.3em;
padding-top: 0;
text-decoration: none;
} 

div.news p a:hover {
text-decoration: underline;
}


div.error_message {
clear: both;
margin-top: 20px;
}

div.error_message p, div.error_message h2, div.error_message h3, div.error_message ul li  {
color: #fff;
}

div.error_message p a {
color: #f89829;
}




/*New Offers*/

.new-offers {
background: #c5d5dd;
border: solid 1px white;
padding: 10px 10px 12px 10px;
position: relative;

}

body.home .new-offers {
/* background: url(../images/rounded-corners-black_bg.png) top left repeat-y #000; */
background: #000;
}

body.commercial .new-offers {
/*background: url(../images/rounded-corners-black_bg.png) top left repeat-y #000;*/
background: #000;
}

body.commercial .new-offers {
background: #170047;
}

.new-offers a {
color: #fff;
text-decoration: none;
}

.new-offers a:hover {
text-decoration: underline;
}


.new-offers a:visited {
color: #999999;
}


body.home .new-offers-base {
height: 9px;
margin-bottom: 15px;
background: url(../images/rounded-corners-black.png) bottom left no-repeat;
}

body.home .new-offers-header {
height: 9px;
background: url(../images/rounded-corners-black.png) top left no-repeat;
}

body.home .new-offers h3 {
color: #FF7F00;
}

body.commercial .new-offers h3 {
color: #fff;
}

body.commercial .new-offers p {
color: #fff;
}

body.commercial .new-offers p.free-quotation span.telephone-number {
color: #fff;
}

body.home .new-offers p.free-quotation {
color: #00FF00;
padding-top: 0.5em;
}

body.home .new-offers p.free-quotation span.telephone-number {
color: #fff;
}


body.home .new-offers p {
color: #d2d2d2;
}

.new-offers-base, .new-offers-header {
height: 9px;
background: url(../images/corner-top-left-grey.png) bottom left no-repeat;
}

body.commercial .new-offers-base, body.commercial .new-offers-header {
height: 9px;
background: url(../images/corner-top-left-purple.png) bottom left no-repeat;
}


.new-offers-header {
background: url(../images/corner-top-left-grey.png) top left no-repeat;
}



body.commercial .new-offers-header {
background: url(../images/corner-top-left-purple.png) top left no-repeat;
}

body.commercial .new-offers-header {
background: url(../images/corner-top-left-purple.png) top left no-repeat;
}


.new-offers h3 {
color: #000;
font-size: 18px;
line-height: 18px;
padding-top: 4px;
text-transform: uppercase;
}

.new-offers.visit-sites h3 {
color: #fff;
font-size: 14px;
line-height: 18px;
padding-top: 4px;
text-transform: none;
}

.new-offers.visit-sites p {
color: #fff;
}


.new-offers h4 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0;
}

.new-offers p {
padding: 0 0 0em 0;
font-size: 11px;
line-height: 1.3em;
}

body .new-offers p.orange {
color: #FF7F00;
text-transform: uppercase;
font-size: 11px;
padding-top: 0.5em;
}


.new-offers p.free-quotation {
color: #000;
font-weight: bold;
line-height: 18px;
}

.telephone-number {
font-size: 20px;
font-weight: bold;
line-height: 20px;
}

/* Other Site Link Panel */
.other-site-link {
padding-top: 10px;
margin-bottom: 20px;
}

.other-site-link p {
font-size: 11px;
color: #fff;
line-height: 1.3em;
padding-top: 5px;
}

.other-site-link h2 {
font-size: 14px;
}

.other-site-link h2 a, .other-site-link h2 a:visited {
color: #fff;
text-decoration: none;
}

.other-site-link h2 a:hover {
text-decoration: underline;
}

ul.visit {
list-style: none;
}

ul.visit li a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

ul.visit li a:hover {
text-decoration: underline;
}


/* Assets Download Table Formatting */

table.assets {
font-size: 11px;
}

table.assets th {
text-align: left;
background: #e1e1e1;
border: solid 1px #cfcfcf;
padding: 2px;
}

table.assets tr td {
border: solid 1px #e1e1e1;
padding: 2px;
}

table.assets tr.one td {
background: #CCCCCC;
}

span.orange {
color: #FF7F00;
}

table.ask-us-form {
font-size: 11px;
}

table.ask-us-form tr td {
padding: 5px 0 5px 0;
}

html body table.ask-us-form tr td.label {
vertical-align: top;
width: 130px;
}