*{margin:0;padding:0}
html, body{height:100%;margin:0;padding:0;font-size:1.0em;font-family:Verdana, Arial, Helvetica, san-serif;color:#2d2d2d;width:100%;line-height:1.3em}

a:link{color:#8D3401;text-decoration:underline}
a:visited{color:#8D3401;text-decoration:underline}
a:hover{color:#F47F03;text-decoration:underline}
a:active{color:#F47F03;text-decoration:underline}

/* CLEARFIX */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

#wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -120px}
#comsite-xpel-main-container{margin-top:-110px}

#head{height:146px;background:#2d2d2d url('../../images/header-bg.gif') repeat-x;margin:0;font-size:0.75em;border-bottom:2px solid #8D3401}
#bar{width:900px;margin:0 auto}
#logo2{width:343px;height:146px;margin:0 0 0 25px;float:left}
#logo{float:left;width:333px;height:146px;background:url('../../images/auto-protectors-calgary.jpg') no-repeat top left;margin:0 0 0 25px}
#logo h1 span{display:none}

#adr{float:right;height:100px;width:200px;margin:15px 0 0 0;font-size:0.90em;line-height:1.1em;color:#FFE3A7}
#adr a{color:#FFE3A7}
#adr .tel{position:relative;margin:0;padding:0;
/* hide overflow:hidden from IE5/Mac \*/
overflow:hidden;
/* */
}
#adr .tel span{display:block;position:absolute;top:0px;left:0px;z-index:1}
#phone, #phone span{height:23px;width:185px;background-image:url('../../images/phone.jpg')}
#adr span.postal-code{display:none}
#adr span.country-name{display:none}
#menu{width:540px;margin:0;float:right;font-size:1.1em}

#nav li a:link{color:#FD9901;text-decoration:none}
#nav li a:visited{color:#FD9901;text-decoration:none}
#nav li a:hover{color:#F47F03;text-decoration:underline}
#nav li a:active{color:#F47F03;text-decoration:none}
#nav, #nav ul{padding:5px 0 0 0;margin:0;list-style:none;float:right;font-weight:bold;text-align:right}
#nav a{display:block;font-size:1.05em}
#nav li{float:left;text-align:left;margin:0 10px 0 10px}
#drop li{width:12em}
#drop li{margin:0 5px 0 5px}

#nav li ul{position:absolute;float:left;left:-999em;background-color:#444;padding:0 0 5px 2px;font-size:0.85em;font-weight:normal}
#nav li ul li{clear:both}
#nav li:hover ul{left:auto}
#nav li:hover ul, #nav li.sfhover ul{left:auto}

#feature{clear:both;background-color:#000;height:265px;border-bottom:2px solid #8D3401;margin-top:-1px}#feature img{margin:10px 0 0 0;padding:0;border:none}

.detail{width:900px;margin:0 auto}
.reflect{float:right;width:400px}
.services{float:left;width:400px;padding:18px 0 0 70px}
.services h3{color:#FFE3A7;font-style:italic;font-weight:normal;font-size:1.65em}

.services .car{position:relative;margin:0;padding:0;
/* hide overflow:hidden from IE5/Mac \*/
overflow:hidden;
/* */
}
.services .car span{display:block;position:absolute;top:0px;left:0px;z-index:1}
.services #care , .services #care span{height:228px;width:326px;background-image:url('../../images/total-car-care.gif')}

#content{width:900px;margin:0 auto;clear:both}
.main{padding:0 0 1px 0;font-size:0.9em;width:640px;margin:0 auto;float:left}

#content .main .entry{margin:0 20px 20px 20px;padding:0 10px 10px 10px}
#content .main .entry p{line-height:1.3em;margin-bottom:10px;margin-top:10px;font-size:0.9em}
#content .main h1{font-size:2.0em;font-weight:bold;margin:45px 0 30px 0;line-height:1.1em;f}
#content .main h2{font-size:1.5em;font-weight:bold;margin:20px 0 10px 0;line-height:1.1em;color:#555}
#content .main h3{font-size:1.3em;font-weight:normal;margin:18px 0 5px 0;line-height:1.1em}

#content .main .entry ul{list-style:square;margin-left:25px;margin-bottom:15px;font-size:0.9em}
#content .main .entry li{line-height:1.3em}

#side{width:260px;float:right;text-align:center;margin:1px 0 25px 0}
#side .details{margin:35px 0 15px 0;padding:10px}
#side .details h3{font-size:1.2em;line-height:1.3em;margin:15px 0 16px 0;font-weight:bold}
#side .details  ul{margin:25px 0 20px 25px;line-height:1.3em;text-align:left;font-size:0.9em;list-style:square inside}
#side .ppf{border:1px solid #AA3F01;background-color:#DDDDDC;margin:50px 0 15px 0;padding:10px}
#side img{margin:10px auto 10px auto}
#side .ppf  h3{font-size:1.02em;line-height:1.3em;margin:8px 0 6px 0;font-weight:bold}
#side .ppf h4{font-size:1.1em}
#side .ppf  ul{margin:15px 0 20px 0;line-height:1.3em;text-align:left;font-size:0.9em;list-style:square inside}
#side .map{margin:0 10px 25px 10px}
#side .map p{font-size:0.8em;text-align:left}
#side .map img{border:1px solid #8D3401}
#side .map h3, #side .gift h3{font-size:1.2em;line-height:1.3em;margin:15px 0 6px 0;font-weight:bold}
#side .packages{margin:0 10px 0 10px}
#side .packages h3{font-size:1.05em;line-height:1.1em;margin:40px 0 6px 0;font-weight:bold}
#side .packages p{margin:0 0 10px 0;line-height:1.3em;text-align:left;font-size:0.9em}
#side h4{font-size:0.9em;margin-top:30px;line-height:1.1em}
#side p.local{font-size:0.8em;margin:50px 0 25px 0}
#side .gift p{font-size:1.2em;margin:5px 0 10px 0}
#side .cont{margin:10px 0 25px 0}
#side .cont ul{padding:0;margin:0 auto ;list-style:none}
#side .cont a{display:block}
#side .cont li.button a{background:url('../../images/contact.gif') top left no-repeat;margin:10px auto 5px auto;height:67px;width:219px;padding:67px 0 0 0;overflow:hidden;height:0px !important}
#side .cont li.button a:hover{background-position:0 -67px}

.footer, .push{height:120px;clear:both}
.footer{background:#000 url('../../images/footer-bg.gif') repeat-x;padding-top:10px;margin-top:20px;border-top:2px solid #8D3401}
#foot{width:900px;margin:0 auto;padding:0;font-size:0.95em;line-height:1.5em;color:#FFE3A7;text-align:left;font-size:0.8em}
#foot p{overflow:display;margin:10px 20px 0 0}
#foot ul{list-style:none;width:300px;float:left}
#foot a{color:#FD9901}
#foot p.mobile{font-size:0.9em;margin-top:-10px;text-align:right;width:260px;float:right;clear:right}
#foot p.axe{font-size:0.8em;padding-top:35px;text-align:right;width:260px;float:right;clear:right}
#foot img{margin-bottom:-7px}

#work-order{display:none}

/* ---------- Begin Images ------------ */
p img{padding:0;max-width:100%}
a img{border:none;text-decoration:none}
#content .main .entry img{margin:5px auto 5px auto;border:5px solid #797C79}
img.center{display:block;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px}
#content .main .entry img.right{padding:0;margin:5px 0 5px 20px;float:right}
#content .main .entry img.left{padding:0;margin:5px 20px 5px 0;float:left}