* { font-family: Arial, Helvetica, sans-serif; margin:0; }
body { width:100%; height:100%; background-color:#fff; }
img { border:0; text-align: left; max-width: 100%; box-sizing:content-box;}
img.center { border:0; display: block; margin: 0 auto; }
img.safe { border0; display: block; margin: 10px 0 0 0; float: right; }
p {margin: 0;}

/*@font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url('../fonts/Copperplate_Gothic_Light');
    font-weight: normal;
    font-style: normal;
}*/

.image1 { border:4px solid #ffcc01; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(../images/installing-window-293.jpg); max-width: 293px; height:194px; background-repeat:no-repeat; background-position:0px 0px; margin:0px 0 20px 0px; box-shadow: 1px 1px 4px #999; }
.image2 { border:4px solid #ffcc01; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(../images/destroyed-window-293.jpg); max-width: 293px; height:194px; background-repeat:no-repeat; background-position:0px 0px; margin:0px 0 20px 0px; box-shadow: 1px 1px 4px #999; }
.image3 { border:4px solid #ffcc01; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(../images/boarded-windows.jpg); max-width: 293px; height:194px; background-repeat:no-repeat; background-position:0px 0px; margin:0px 0 20px 0px; box-shadow: 1px 1px 4px #999; }
.emergencyglazing-image1 { border:4px solid #ffcc01; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(../images/destroyed-window.jpg); max-width: 450px; height:298px; background-repeat:no-repeat; background-position:0px 0px; margin:0px 0 20px 0px; box-shadow: 1px 1px 4px #999; }
.glasstypes-image1 { border:4px solid #ffcc01; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(../images/installing-window.jpg); max-width: 450px; height:298px; background-repeat:no-repeat; background-position:0px 0px; margin:0px 0 20px 0px; box-shadow: 1px 1px 4px #999; }


.bold { font-weight:bold; }
.italics { font-style:italic; }
.frame_main { border:4px solid #ffcc01; }
.padding { padding:0px 10px 0px 0px; }
.colour { color:#ffcc01; font-weight:bold; }
.table { vertical-align:top; padding-right:0px; padding-left:18px; }
.table_line { vertical-align:top; padding-right:22px; border-right:1px #CCC solid; width:300px; }
.table_line2 { vertical-align:top; padding-right:22px; border-right:1px #CCC solid; padding-left:18px; width:300px; }
.tel_table { text-align:left; }
.email_table { text-align:left; padding-left:5px; }
	
/* center <div> for IE*/
#maincontainer { width:100%; height:176px; margin:auto; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; }
#navcontainer { width:420px; height:30px; text-align:left; padding:40px 0px 0px 0px; }
#bannercontainer { width:100%; min-height: 251px; height:auto; margin:auto; background: url("../images/banner-bg.jpg") top center repeat-x #000000; overflow:hidden; }

/* Flash Content
----------------------------------------------- */

#flash { width:407px; height:280px; padding:0px 0px 0px 0px; }

/* HEADER
----------------------------------------------- */
#header_container { width: 100%; max-width:1000px; height:160px; margin:auto; overflow: hidden; }
#header_left { width:41%; height:90px; padding:20px 0 0 0px; float: left;}
#header_right { width:auto; height:auto; text-align:right; padding:15px 0 0 0; float:right; }
#header_right_wrap { width:59%; height:160px; float:right; text-align:right; margin:0; overflow: hidden; }
#header_right h2 { font-size:34px; font-weight:bold; color:#000; letter-spacing:-3px; line-height:34px; font-family: Arial, Helvetica, sans-serif; padding:0px 0 5px 0; margin:0; }
#header_right h3 { font-size:17px; color:#000; font-weight:bold; line-height:18px; font-family: Arial, Helvetica, sans-serif; }
#header_right h3 a.email{ text-decoration:underline; }
#header_right h4 { font-size:9px; color:#000; font-weight:normal; line-height:18px; font-family: Arial, Helvetica, sans-serif; }
#header_right p { font-size:17px; color:#000; font-weight:bold; line-height:18px; font-family: Arial, Helvetica, sans-serif; }
#header_right a { color:#000; text-decoration:none; font-size:34px; }
#header_right h3 a { color:#000; text-decoration:none; font-size:17px; }

#header_email a { color:#000; text-decoration:none; font-size:16px; }
#header_right a:hover { color:#666; }

#logo { width:33%; padding:20px 0 0 0px; }
#logo h2 { font-size:16px; font-weight:bold; color:#000; letter-spacing:-1px; line-height:18px; text-transform:none; text-align:center; font-family: Arial, Helvetica, sans-serif; padding:5px 0px 0px 0px; margin:0; }

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

#main_navigation { height:45px; margin:auto; background-image:url(../images/nav-bg.jpg); background-repeat:repeat-x; }
#navigation { max-width:1000px; width: 100%; height:38px; margin:auto; padding:7px 0px 0px 0px; }

#navigation ul { list-style-type: none; padding:0px 0px 0px 0px; }
#navigation li { padding:0px 15px 0px 0px; font-size:16px; color:#000; line-height:30px; display:inline; }
#navigation a { padding:0px 15px 0px 0px; font-size:16px; color:#000; text-transform:uppercase; font-weight:bold; text-decoration:none; letter-spacing:-1px; }
#navigation a:hover { color:#666; }
#navigation a:hover, a#selected { color:#666; }

/* Added for Meanmenu Compatability */
#menu { max-width:1000px; width: 100%; height:38px; margin:auto; padding:7px 0px 0px 0px; }

#menu ul { list-style-type: none; padding:0px 0px 0px 0px; }
#menu li { padding:0px 15px 0px 0px; font-size:16px; color:#000; line-height:30px; display:inline; }
#menu a { padding:0px 15px 0px 0px; font-size:16px; color:#000; text-transform:uppercase; font-weight:bold; text-decoration:none; letter-spacing:-1px;}
#menu a:hover { color:#666; }
#menu a:hover, a#selected { color:#666; }

/* Banner
----------------------------------------------- */
#banner_content_container { max-width:1000px; width: 100%; min-height: 251px; height:auto; margin:auto; padding: 0; background-image:url(../images/arrows-bg.jpg); background-repeat:no-repeat; background-position:330px 0px; overflow: hidden; }
#banner_content_left { width:65%; height:auto; padding:25px 0px 0px 0px; }
#banner_content_left p { font-size:20px; color:#fff; font-weight:bold; line-height:32px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; }

#banner_content_right { width:35%; height:auto; padding:25px 0px 0px 0px; float:right; }
#banner_content_right h2 { font-size:20px; color:#fff; font-weight:bold; line-height:32px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0; }
#banner_content_right p { font-size:16px; color:#fff; font-weight:normal; line-height:22px;  padding:0px 0px 10px 0px; }

/* Content
----------------------------------------------- */

.content_container { width:100%; height:auto; margin:auto; padding:0px 0px 0px 0px; background-image:url(../images/text-bg.jpg); background-repeat:repeat-x; }
.content_container_white { width:100%; height:auto; margin:auto; padding:0; background-color: #ffffff; }

.content { max-width:1000px; width: 100%; height:auto; padding:15px 0px 15px 0px; margin:auto; overflow:hidden; }
.content p { font-size:16px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:26px; padding:0px 0px 10px 0px; }
.content p.noindent { font-size:16px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:26px; padding:0px 0px 10px 0px; }
.content h1 { font-size:22px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:0px 0px 10px 0px; text-transform: none; }
.content h1.toppad { font-size:22px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:20px 0px 10px 0px; text-transform: none; }
.content h1.topleftpad { font-size:22px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:20px 0px 10px 10px; text-transform: none; }
.content h2 { font-size:20px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:0px 0px 10px 0px; text-transform:uppercase; }
.content h2.lower { font-size:20px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:10px 0px; text-transform:none; }
.content h2.circle { font-size:18px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:40px 10px 0; text-transform:uppercase; text-align:center; box-sizing: border-box; }
.content h2.circle-long { font-size:20px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:40px 25px 0 10px; text-transform:uppercase; text-align:left; }
.content h3 { font-size:14px; width:98%; display:block; color:#666; line-height:22px; padding:5px 0px 0px 0px; font-weight:normal; cursor:pointer; }
.content h3 a { width:100%; display:block; cursor:pointer; background-image:url(../images/speech-bubble-small.gif); background-repeat:no-repeat; background-position:95% 0px; }
.content h3.cookies { font-size:18px; width: 100%; display:block; color:#000; line-height:22px; padding:10px 0px; font-weight:bold; cursor:pointer; }
.content h3.fixed { font-size:14px; width:98%; height: 100px; display:block; color:#666; line-height:22px; padding:5px 0px 0px 0px; font-weight:normal; cursor:pointer; }
.content h4 { font-size:13px; color:#666; font-weight:normal; line-height:22px; padding:0px 0px 0px 0px; }
.content h5 { font-size:13px; color:#666; font-weight:normal; line-height:18px; padding:10px 0px 0px 0px; }
.content h6 { font-size:19px; color:#000; letter-spacing:-1px; line-height:26px; font-weight:bold; padding:0px 0px 20px 0px; text-transform:uppercase; }
.content a { color:#000; font-weight:bold; text-decoration:none; }
.content a.email{ text-decoration:underline; }
.content a.emaillight{ color:#666666; text-decoration:underline; font-weight:normal; }
.content a.emaillight:hover{color: #000000; }
.content a:hover { text-decoration:underline; }
.content a.sitemap { color:#000; font-weight:normal; text-decoration:none; }
.content a.sitemap:hover { text-decoration:underline; }
.content_old ul { list-style-type: none; list-style-image:url(../images/tick.gif); padding:0px 0px 0px 45px; }
.content_old li { padding:0px 0px 0px 0px; font-size:14px; color:#666; line-height:35px; font-weight:bold; }

.content ul { list-style-type: none; background-image:url(../images/tick.gif); background-repeat:repeat-y; background-position:0px 0px; margin:15px 0px 0px 0px; }
.content ul.terms { list-style-type: none; background-image:url(../images/tick.gif); background-repeat:repeat-y; background-position:0px 0px; margin:15px 0px 15px 0px; }
.content ul.application { list-style-type: none; background-image:url(../images/tick-large.gif); background-repeat:repeat-y; background-position:0px 0px; margin:45px 0px 0px 0px; }
.content li { padding:0px 0px 0px 0px; font-size:14px; color:#666; line-height:35px; font-weight:bold; }
.content li.terms { padding:0px 0px 0px 0px; font-size:16px; color:#666; line-height:35px; font-weight:400; }
.content li.application { padding:0 10px 0; font-size:16px; color:#666; line-height:45px; font-weight:bold; }

ul.bullets { list-style-type: disc; background-image: none; margin: 15px 0px 15px 0px; }
ul.bullets li { padding:0px 0px 0px 0px; margin-left: -0.5em; font-size:16px; color:#feed01; line-height:28px; font-weight:normal; }
span.bullets { color: #666666; font-weight: normal;}

.content_left { width: 60%; height:auto; padding:0px 0px 0px 0px; }
.content_right { width: 40%; height:auto; padding:0px 0px 0px 0px; float:right; }

.slidingDiv { padding:0px 0px 0px 0px; width:100%; height:auto; }
.slidingDiv2 { padding:0px 0px 0px 0px; width:100%; height:auto; }
.slidingDiv3 { padding:0px 0px 0px 0px; width:100%; height:auto; }
.slidingDiv4 { padding:0px 0px 0px 0px; width:100%; height:auto; }
.slidingDiv5 { padding:0px 0px 0px 0px; width:100%; height:auto; }
.slidingDiv6 { padding:0px 0px 0px 0px; width:100%; height:auto; }

/* BOTTOM
----------------------------------------------- */

#footercontainer { width:100%; height:auto; margin:auto; background-color:#e50000; background-image:url(../images/footer_bg.gif); background-repeat:repeat-x; overflow: hidden; }

#footer { max-width:1000px; width: 100%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:60%; text-align:left; height:auto; padding:0px 0px 0px 0px; }
#footer_right { width:40%; float:right; text-align:right; height:auto; padding:0px 0px 0px 0px; }

p.caption-text { color: #000000; font-size: 1.7em; font-family: 'Damion', cursive; font-weight: 400; padding: 0; line-height: 1.5em; }
#footer p { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:20px; padding-bottom:5px; }
#footer a { color:#000; text-decoration:none; }
#footer a.email{ text-decoration:underline; }
#footer a:hover { text-decoration:underline; color:#666; }

/* Contact page
----------------------------------------------- */

.field_home { width:90%; height:20px; padding: 2px 3px 2px 3px; margin-bottom:0px; color:#666; font-size:14px; line-height:18px;font-family:Arial, Helvetica, sans-serif; border:#ffcc01 solid 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.field_multi_home { width:90%; height:40px; padding: 2px 3px 2px 3px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:0px; color:#666; font-size:14px; line-height:18px;font-family:Arial, Helvetica, sans-serif; border:#ffcc01 solid 2px; }
.field_drop_home { width:90%; height:20px; padding: 2px 3px 2px 3px; color:#666; background-color:#fff; font-size:16px; line-height:18px; margin-bottom:20px; }
.button_home { width:90%; height:30px; padding: 2px 3px 2px 3px; color:#000; background-color:#ffcc01; font-size:14px; margin-top:10px; cursor:pointer; border:#ffcc01 solid 1px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Contact page
----------------------------------------------- */

.field { width:90%; height:25px; padding: 2px 3px 2px 3px; margin-bottom:5px; color:#666; font-size:14px; line-height:18px;font-family:Arial, Helvetica, sans-serif; border:#ffcc01 solid 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.field_multi { width:90%; height:75px; padding: 2px 3px 2px 3px; margin-bottom:5px; color:#666; font-size:14px; line-height:18px;font-family:Arial, Helvetica, sans-serif; border:#ffcc01 solid 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.field_drop { width:90%; height:25px; padding: 2px 3px 2px 3px; color:#666; background-color:#fff; font-size:16px; line-height:18px; margin-bottom:20px; }
#button {padding: 0 0 0 10px;}


/*===== Top =====*/
#top {
padding: 10px;
position: fixed;
bottom: 20px;
right: 30px;
display: none;
z-index: 999;
}

#circles-wrapper {
width: 100%;
margin: 0;
padding: 10px 0;
overflow: hidden;
}

#full-width-para {
width: 98%;
margin: 0;
padding: 30px 0;
text-align: center;
}

/*===== Wrappers =====*/
.image-wrapper {
margin: 0;
padding: 20px 0 0;
text-align: center;
}

/*===== Div Columns =====*/
#glass-column-01 {
float: left;
display: block;
width: 31%;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-02 {
float: left;
display: block;
width: 31%;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-03 {
float: left;
display: block;
width: 30%;
padding: 0;
margin: 0;
}

#extras-column-01 {
float: left;
display: block;
width: 31%;
padding: 0;
margin: 0 15px 0 0;
}

#extras-column-02 {
float: left;
display: block;
width: 31%;
padding: 0 15px;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
}

#extras-column-03 {
float: left;
display: block;
width: 30%;
padding: 0;
margin: 0;
}

#emergency-glazing-column-01 {
float: left;
display: block;
width: 48%;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#emergency-glazing-column-02 {
float: left;
display: block;
width: 48%;
padding: 0;
margin: 0;
text-align: center;
}

/*===== Circle Columns =====*/
#circle-wrapper {
float: left;
display: block;
width: 25%;
margin: 0 auto;
padding: 0;
text-align: center;
}

#circle-logo {
background-color: #ffcc01;
background-image: url('../images/tick-bg.png');
background-image: url('../images/tick-bg.png'), -webkit-gradient(linear, left top, left bottom, from(#ffec90), to(#ffcc01)); /* Saf4+, Chrome */
background-image: url('../images/tick-bg.png'), -webkit-linear-gradient(top, #ffec90, #ffcc01); /* Chrome 10+, Saf5.1+ */
background-image: url('../images/tick-bg.png'),    -moz-linear-gradient(top, #ffec90, #ffcc01); /* FF3.6+ */
background-image: url('../images/tick-bg.png'),      -o-linear-gradient(top, #ffec90, #ffcc01); /* Opera 11.10+ */
background-image: url('../images/tick-bg.png'),         linear-gradient(to bottom, #ffec90, #ffcc01); /* W3C */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 8px #000000;
height: 125px;
width: 125px;
margin: 0 auto 10px auto;
padding: 0;
}

/*===== Div Separator =====*/
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

/*===== Gallery =====*/
.lock-type-wrapper {
width: 100%;
margin: 0;
padding: 20px 0 0;
overflow: hidden;
text-align: center;
}

.gallery-image-wrapper {
float: left;
width: 267px;
margin: 0 20px 20px 0;
padding: 0;
overflow: hidden;
text-align: center;
border: 4px solid #ffcc01;
border-radius: 10px;
box-shadow: 1px 1px 4px #999;
}

a.gallery {
margin: 0;
padding: 0;
text-decoration: none;
}

/*===== Application Form =====*/
form.cmxform {
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: 400;
color: #666666;
}

form.cmxform legend {
padding-left: 0;
}

form.cmxform legend, form.cmxform label {
color: #666666;
}

form.cmxform fieldset {
border: none;
background: none repeat scroll 0 0 transparent;
background-color: #ffffff;
margin: 0;
padding: 10px 0 0;
}

form.cmxform fieldset fieldset {
background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
padding: 5px 10px 7px;
background: none repeat scroll 0 0 transparent;
}

form.cmxform label.error, label.error {
color: red;
font-style: italic;
}

div.error { 
display: none; 
}


form.cmxform .gray * { 
color: gray; 
}

#editor-label {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
font-size: 100%;
margin: 10px 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

#editor-label-padded {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
font-size: 100%;
margin: 20px 0 10px 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

#editor-label-short {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
font-size: 100%;
margin: 5px 0 10px 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

#editor-label-buttons {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
font-size: 100%;
margin: 20px 0 10px 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

#editor-field {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

#resubmit-button {
background: none repeat scroll 0 0 transparent;
float: left;
width: 100%;
border: 0 none;
display: block;
font-size: 100%;
margin: 0 0 10px 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

span.requiredfield {
color: #ec2978;
}

span.bold {
font-weight: 700;
}

span.boldblack {
color: #000000;
font-weight: 700;
}

input.application {
border: 3px solid #ffcc01;
border-radius: 5px;
color: #666;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
height: 25px;
line-height: 18px;
margin-bottom: 5px;
padding: 2px 3px;
width: 90%;
}

input.application.short {
width: 25%;
}

input.application.dob {
width: 40px;
margin: 0 10px 10px 0;
text-align: center;
}

input.application.dobyear {
width: 60px;
margin: 0 10px 10px 0;
text-align: center;
}

input.application:focus {
border: 3px solid #666666;
}

input.application.error {
border: 1px solid red;
}

textarea.application {
border: 3px solid #ffcc01;
border-radius: 5px;
color: #666;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
height: 75px;
line-height: 18px;
margin-bottom: 5px;
padding: 2px 3px;
width: 90%;
}

textarea.application:focus {
border: 1px solid #242659;
}

textarea.application.error {
border: 1px solid red;
}

input.submit {
background: none repeat scroll 0 0 #000000;
border: 0 none;
float: left;
color: #ffffff;
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: 400;
padding: 15px 20px;
margin: 20px 0 0 0;
border-radius: 5px;
text-align: center;
text-decoration: none;
-o-transition: background-color .01s ease-out, background-color .5s ease-in;
-ms-transition: background-color .01s ease-out, background-color .5s ease-in;
-moz-transition: background-color .01s ease-out, background-color .5s ease-in;
-webkit-transition: background-color .01s ease-out, background-color .5s ease-in;
transition: background-color .01s ease-out, background-color .5s ease-in;
}

input.submit:hover {
background: none repeat scroll 0 0 #ffcc01;
color: #000000;
}

input.resubmit {
background: none repeat scroll 0 0 #000000;
border: 0 none;
float: left;
color: #ffffff;
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: 400;
padding: 15px 20px;
margin: 0;
border-radius: 5px;
text-align: center;
text-decoration: none;
-o-transition: background-color .01s ease-out, background-color .5s ease-in;
-ms-transition: background-color .01s ease-out, background-color .5s ease-in;
-moz-transition: background-color .01s ease-out, background-color .5s ease-in;
-webkit-transition: background-color .01s ease-out, background-color .5s ease-in;
transition: background-color .01s ease-out, background-color .5s ease-in;
}

input.resubmit:hover {
background: none repeat scroll 0 0 #ffcc01;
color: #000000;
}

/* Media Queries
-----------------------------------------------*/
/*********************************************************************/
/*===== Media Queries for Mobile =====*/
@media screen and (max-width: 480px) 
			  and (min-width: 320px) {

#maincontainer { 
width: 100%; 
height: 460px; 
margin: 0 auto 15px auto;
outline: 15px double #000000;
background-image: none; 
background-repeat: none;
background-color: #ffcc01;
}
			  
#header_container { 
height: auto; 
margin: 0 auto;
overflow: hidden;
}

#header_left { width:100%; height:auto; padding:20px 0 0 0px; text-align: center; }
#header_right { width:100%; height:auto; text-align:center; padding:15px 0; float:right; margin: 0 auto; }
#header_right_wrap { width:100%; height:auto; float:left; text-align:center; margin:0px 0px 0px 0px; }
#logo { width:100%; height:auto; padding:20px 0; float: left; }

#main_navigation { padding: 0; }
#navigation li { padding:0px 8px 0px 0px; }

#menu {padding: 0;}
#menu li {padding: 0;}
#menu a {padding: 10px 0 0 10px;}			  

#bannercontainer { width:100%; height:auto; margin:auto; background-image: none; background-repeat:none; background-color:#000; display: block; }
#banner_content_container { max-width:1000px; width: 100%; height:auto; margin:auto; padding:10px 0 25px 0; background-image:none; background-repeat:none; background-color: #000000; background-position:0 0px; }
#banner_content_left { width:95%; height:auto; padding:25px 0px 0px 10px; float: left; }
#banner_content_right { width:95%; height:auto; padding:25px 0px 0px 10px; float:left; }

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h2.lower { padding:10px 0 0 10px;}

.content_left { width: 98%; height:auto; padding:0px 0px 0px 0px; }
.content_right { width: 98%; height:auto; padding:0px 0px 20px 0px; float:left; }

.lock-type-wrapper {
padding: 20px 0 0 10px;
}	

.slidingDiv { padding:0px 0px 0px 0px; width:90%; height:auto; }
.slidingDiv2 { padding:0px 0px 0px 0px; width:90%; height:auto; }
.slidingDiv3 { padding:0px 0px 0px 0px; width:90%; height:auto; }
.slidingDiv4 { padding:0px 0px 0px 0px; width:90%; height:auto; }
.slidingDiv5 { padding:0px 0px 0px 0px; width:90%; height:auto; }
.slidingDiv6 { padding:0px 0px 0px 0px; width:90%; height:auto; }

table {
margin: 0 auto;
}

#circle-wrapper {
width: 50%;
height: 200px;
padding: 0 0 10px 0;
}

#glass-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-02 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#extras-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
}

#extras-column-02 {
width: 95%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
border-left: none;
}

#extras-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#emergency-glazing-column-01 {
width: 98%;
padding: 0 0 0 10px;
border-right: none; 	
}

#emergency-glazing-column-02 {
width: 98%;
padding: 20px 0 20px 0;	
}

#footer { max-width:1000px; width: 95%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

input.application.short {
width: 40%;
}

.content ul {
margin: 15px 0 0 10px;
}

.content ul.application {
margin: 20px 0 0;
}

.lockedout-image1 {
width: 93%;
}

}


/*********************************************************************/
/*===== Mobile Landscape =====*/
@media screen and (max-width: 600px) 
			  and (min-width: 481px) {
			  
#maincontainer { 
width: 100%; 
height: 460px; 
margin: 0 auto 15px auto;
outline: 15px double #000000;
background-image: none; 
background-repeat: none;
background-color: #ffcc01;
}
			  
#header_container { 
height: auto; 
margin: 0 auto;
overflow: hidden;
}

#header_left { width:100%; height:auto; padding:20px 0 0 0px; text-align: center; }
#header_right { width:100%; height:auto; text-align:center; padding:15px 0; float:right; margin: 0 auto; }
#header_right_wrap { width:100%; height:auto; float:left; text-align:center; margin:0px 0px 0px 0px; }
#logo { width:100%; height:auto; padding:20px 0; float: left; }			  

#main_navigation { padding: 0; }
#menu {padding: 0;}
#menu a {padding: 10px 15px 0 10px;}

#bannercontainer { width:100%; height:auto; margin:auto; background-image: none; background-repeat:none; background-color:#000; display: block; }
#banner_content_container { max-width:1000px; width: 100%; height:auto; margin:auto; padding:10px 0 25px 0; background-image:none; background-repeat:none; background-color: #000000; background-position:0 0px; }
#banner_content_left { width:95%; height:auto; padding:25px 0px 0px 10px; float: left; }
#banner_content_right { width:95%; height:auto; padding:25px 0px 0px 10px; float:left; }	

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h2.lower { padding:10px 0 0 10px;}

.content_left { width: 98%; height:auto; padding:0px 0px 0px 0px; }
.content_right { width: 98%; height:auto; padding:0px 0px 20px 0px; float:left; }

.lock-type-wrapper {
padding: 20px 0 0 10px;
}	

.slidingDiv { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv2 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv3 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv4 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv5 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv6 { padding:0px 0px 0px 0px; width:95%; height:auto; }

table {
margin: 0 auto;
}

#circle-wrapper {
width: 50%;
padding: 0 0 10px 0;
}

#glass-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-02 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#extras-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
}

#extras-column-02 {
width: 95%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
border-left: none;
}

#extras-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#emergency-glazing-column-01 {
width: 98%;
padding: 0 0 0 10px;
border-right: none; 	
}

#emergency-glazing-column-02 {
width: 98%;
padding: 20px 0 20px 0;	
}

#footer { max-width:1000px; width: 98%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

input.application.short {
width: 40%;
}

.content ul {
margin: 15px 0 0 10px;
}

.content ul.application {
margin: 20px 0 0;
}
		  
}

/*********************************************************************/
/*===== Mobile Landscape =====*/
@media screen and (max-width: 668px) 
			  and (min-width: 601px) {
			  
#maincontainer { 
width: 100%; 
height: 460px; 
margin: 0 auto 15px auto;
outline: 15px double #000000;
background-image: none; 
background-repeat: none;
background-color: #ffcc01;
}
			  
#header_container { 
height: auto; 
margin: 0 auto;
overflow: hidden;
}

#header_left { width:100%; height:auto; padding:20px 0 0 0px; text-align: center; }
#header_right { width:100%; height:auto; text-align:center; padding:15px 0; float:right; margin: 0 auto; }
#header_right_wrap { width:100%; height:auto; float:left; text-align:center; margin:0px 0px 0px 0px; }
#logo { width:100%; height:auto; padding:20px 0; float: left; }			  

#main_navigation { padding: 0; }
#menu {padding: 0;}
#menu a {padding: 10px 15px 0 10px;}

#bannercontainer { width:100%; height:auto; margin:auto; background-image: none; background-repeat:none; background-color:#000; display: block; }
#banner_content_container { max-width:1000px; width: 100%; height:auto; margin:auto; padding:10px 0 25px 0; background-image:none; background-repeat:none; background-color: #000000; background-position:0 0px; }
#banner_content_left { width:95%; height:auto; padding:25px 0px 0px 10px; float: left; }
#banner_content_right { width:95%; height:auto; padding:25px 0px 0px 10px; float:left; }	

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h2.lower { padding:10px 0 0 10px;}

.content_left { width: 98%; height:auto; padding:0px 0px 0px 0px; }
.content_right { width: 98%; height:auto; padding:0px 0px 20px 0px; float:left; }

.lock-type-wrapper {
padding: 20px 0 0 10px;
}	

.slidingDiv { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv2 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv3 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv4 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv5 { padding:0px 0px 0px 0px; width:95%; height:auto; }
.slidingDiv6 { padding:0px 0px 0px 0px; width:95%; height:auto; }

table {
margin: 0 auto;
}

#circle-wrapper {
width: 50%;
padding: 0 0 10px 0;
}

#glass-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-02 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#extras-column-01 {
width: 100%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
}

#extras-column-02 {
width: 95%;
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
border-left: none;
}

#extras-column-03 {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
}

#emergency-glazing-column-01 {
width: 98%;
padding: 0 0 0 10px;
border-right: none; 	
}

#emergency-glazing-column-02 {
width: 98%;
padding: 20px 0 20px 0;	
}

#footer { max-width:1000px; width: 98%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

input.application.short {
width: 40%;
}

.content ul {
margin: 15px 0 0 10px;
}

.content ul.application {
margin: 20px 0 0;
}
		  
}


/*********************************************************************/
/*===== Small Tablet Portrait ======*/
@media screen and (max-width: 767px) 
			  and (min-width: 669px) {
			  
#header_left { display: none; }
#header_right { width:50%; height:auto; text-align:center; padding:15px 0; float:right; margin: 0 auto; }
#header_right_wrap { width:100%; height:auto; float:left; text-align:center; margin:0px 0px 0px 0px; }

#main_navigation { padding: 0 0 0 10px; }

#bannercontainer { width:100%; height:auto; margin:auto; background-image: none; background-repeat:none; background-color:#000; display: block; }
#banner_content_container { max-width:1000px; width: 100%; height:auto; margin:auto; padding:10px 0 25px 0; background-image:none; background-repeat:none; background-color: #000000; background-position:0 0px; }		  
#banner_content_left { padding:25px 0px 0px 10px;}

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h2 { font-size: 16px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h3.fixed { font-size:14px; width:98%; height: 140px; display:block; color:#666; line-height:22px; padding:5px 0px 0px 0px; font-weight:normal; cursor:pointer; }
.content h2.lower { padding:10px 0 0 10px;}

.content_left { width: 98%; height:auto; padding:0px 0px 0px 0px; }
.content_right { width: 98%; height:auto; padding:0px 0px 20px 0px; float:left; }

.lock-type-wrapper {
padding: 20px 0 0 10px;
}	

#glass-column-01 {
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-02 {
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
}

#glass-column-03 {
padding: 0 0 0 10px;
margin: 0;
}

#extras-column-01 {
padding: 0 0 20px 10px;
margin: 0 0 0 0;
}

#extras-column-02 {
padding: 0 0 20px 10px;
margin: 0 0 0 0;
border-right: none;
border-left: none;
}

#extras-column-03 {
padding: 0 0 0 10px;
margin: 0;
}

#emergency-glazing-column-01 {
padding: 0 15px 0 10px;	
}

#emergency-glazing-column-02 {
width: 40%;	
}

#footer { max-width:1000px; width: 100%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

input.application  {
width: 95%;	
}

textarea.application {
width: 95%;
}

.content ul {
margin: 15px 0 0 10px;
}

.content ul.application {
margin: 20px 0 0;
}

}

/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 930px) 
			  and (min-width: 768px) {

#header_right_wrap { width:61%; }
#header_left { width:38%;}
#logo { width:43%; height:auto; padding:20px 0; float: left; }
			  
#main_navigation { padding: 0 0 0 10px; }

#banner_content_right { width:40%; height:auto; padding:25px 0px 0px 10px; float:right; }				  
#banner_content_left { width:55%; height:auto; padding:25px 0px 0px 10px; float: left; }			  

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h2 { font-size: 16px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h2.lower { padding:10px 0 0 10px;}

.lock-type-wrapper {
padding: 20px 0 0 10px;
}
			 		  
#glass-column-01 {
float: left;
display: block;
width: 30%;
padding: 0 15px 0 10px;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-02 {
float: left;
display: block;
width: 30%;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-03 {
float: left;
display: block;
width: 30%;
padding: 0;
margin: 0;
}

#extras-column-01 {
width: 30%;
padding: 0 0 0 10px;
margin: 0 15px 0 0;
}

#extras-column-02 {
width: 30%;
padding: 0 15px;
margin: 0 15px 0 0;
}

#extras-column-03 {
width: 30%;
padding: 0;
margin: 0;
}

#emergency-glazing-column-01 {
padding: 0 15px 0 10px;	
}

#emergency-glazing-column-02 {
width: 45%;	
}

#footer { max-width:1000px; width: 100%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

.content ul {
margin: 15px 0 0 10px;
}

.content ul.application {
margin: 20px 0 0;
}				  
			  
}


/*********************************************************************/
/*===== Tablet Portrait =====*/
@media screen and (max-width: 1024px) 
			  and (min-width: 931px) {

#header_right_wrap { width:61%; }
#header_left { width:38%;}
#logo { width:43%; height:auto; padding:20px 0; float: left; }
			  
#main_navigation { padding: 0 0 0 10px; }

#banner_content_right { width:40%; height:auto; padding:25px 0px 0px 10px; float:right; }				  
#banner_content_left { width:55%; height:auto; padding:25px 0px 0px 10px; float: left; }	

.lock-type-wrapper {
padding: 20px 0 0 10px;
}		  

.content h1 { padding:0px 0px 10px 10px; }
.content h1.toppad { padding:20px 0px 10px 10px; }
.content p { padding:0px 0px 10px 10px; }
.content h2 { font-size: 16px; }
.content h3.cookies { padding:10px 0px 10px 10px; }
.content h2.lower { padding:10px 0 0 10px;}
			 		  
#glass-column-01 {
float: left;
display: block;
width: 30%;
padding: 0 15px 0 10px;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-02 {
float: left;
display: block;
width: 30%;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid #c2c2c2;
}

#glass-column-03 {
float: left;
display: block;
width: 30%;
padding: 0;
margin: 0;
}

#extras-column-01 {
width: 30%;
padding: 0 0 0 10px;
margin: 0 15px 0 0;
}

#extras-column-02 {
width: 30%;
padding: 0 15px;
margin: 0 15px 0 0;
}

#extras-column-03 {
width: 30%;
padding: 0;
margin: 0;
}

#emergency-glazing-column-01 {
padding: 0 15px 0 10px;	
}

#emergency-glazing-column-02 {
width: 45%;	
}

#footer { max-width:1000px; width: 100%; margin:auto; height:auto; padding:15px 0px 10px 0px; text-align:center; }
#footer_left { width:95%; text-align:left; height:auto; padding:0px 0px 0px 10px; }
#footer_right { width:95%; float:left; text-align:left; height:auto; padding:0px 0px 0px 10px; }

form.cmxform fieldset {
padding: 10px 0 0 10px;
}

.content ul {
margin: 15px 0 0 10px;
}				  
			  
}