body{height:100%; margin:0; padding:0; background-color:#EBEBEB; <?php echo $CSSvars['default-font-size']; ?>; <?php echo $CSSvars['default-font-family']; ?>; <?php echo $CSSvars['primary-font-color']; ?>}

A{color:#0044CC; text-decoration:none}
A:hover{text-decoration:none}
A:link{color:#0044CC}
A:visited{color:#0044CC}
A:active{color:#444}

#page{margin:0 auto; width:auto; max-width:940px; position:relative; background-color:#FFF; border-left:10px solid #FFF; border-right:10px solid #FFF}

.strong{font-weight:bold}
.italic{font-style:italic}
.center{text-align:center}
.u{text-decoration:underline}
.nodisplay{display:none}
.strike{text-decoration:line-through}
.disabled{color:#999}
.hide{display:none}

/* ======= ORANGE BUTTON ======= */
.btnbase{background:#FFF url(<?php echo $cdn['static']; ?>/img/button.png) 0 0; outline:none; display:block; text-decoration:none; text-align:center; cursor:pointer; margin:0 auto }

/* ======= BREADCRUMBS ======= */
#breadcrumbs{display:block; margin:7px 0 0 16px; padding:0; <?php echo $CSSvars['small-font']; ?>}
#breadcrumbs span{padding:0 2px}
#breadcrumbs span.home{padding-left:0}

/* ======= TOP NAV ======= */
#topnav{width:100%; height:30px; position:relative; <?php echo $CSSvars['clearfix']; ?>; margin:0; padding:0; background-color:#444}
#topnav a{color:#ace2ff; cursor:pointer}
#topnav img{border:none}
#topnav .buffer{width:960px; display:block; <?php echo $CSSvars['clearfix']; ?>; margin:0 auto; color:#f5f5f5; <?php echo $CSSvars['small-font']; ?>}
#topnav .existing{display:inline; float:right; margin:0; padding:0}
#topnav .existing span{display:inline; float:left; height:30px; margin:0}
#topnav .existing .txt{padding:8px 2px 8px 0}
#topnav .existing .support{display:inline; float:left; padding:8px 10px; text-transform:uppercase}
#topnav .existing .login{display:inline; float:left; padding:8px 10px; text-transform:uppercase}
#topnav .existing .support:hover, #topnav .existing .login:hover{background-color:#333}
#topnav .existing .divide{padding:8px 0}
#topnav .promote{display:inline; float:left; margin:0; padding:8px 0 8px 10px; color:#fcfbc3}
#topnav .promote .vanitysrch{color:#ace2ff; padding-left:10px}

/* ======= HEADER ======= */
#header{position:relative; display:block; height:6.5em; <?php echo $CSSvars['clearfix']; ?>; border-bottom:15px solid #5376b3}
#header .logo{position:relative; float:left; width:326px; padding:1.75em 0 0 0}
#header .logo img{border:none}
#header .nav{position:relative; display:inline; float:right; width:600px; height:6.45em; display:block; padding:0; margin:0; text-align:right}
#header #callblock{position:relative; display:block; <?php echo $CSSvars['clearfix']; ?>; margin:7px auto 0 0; color:#555; text-align:right}
#header #callblock ul{float:right; margin:0; padding:0; list-style:none}
#header #callblock li{float:left; display:inline}
#header #callblock li.calltext{font-weight:bold; font-size:125%; padding-right:5px}
#header #callblock li.number{font-size:125%; padding-right:6px}
#header #callblock li.hours{padding:2px 0 0 0}
#header #callblock li.hours img{border:none; cursor:pointer}
#header #menublock{position:relative; <?php echo $CSSvars['clearfix']; ?>; margin-top:22px; padding:0}
#header #menublock ul{float:right; list-style-type:none; margin:0; padding:0}
#header #menublock ul li{float:left; display:inline; margin:0 0 0 .25em; padding:0}
#header #menublock ul a{display:block; padding:12px 22px; text-decoration:none; font-size:130%; color:#666; background-color:#e6e6e6}
#header #menublock ul a:hover{background-color:#EBF1FF; color:#5376b3}
#header #menublock ul li.current a{background-color:#5376b3; border-bottom:6px solid #5376b3; color:#FFF}

/* ======= PAGE TITLE ======= */
#page-title{height:55px; display:block; overflow:hidden; border-top:1px solid #FFF}
#page-title .title{background:#7C9BD0 url(<?php echo $cdn['static']; ?>/img/bg/pagetitle.png) no-repeat -10px -10px; width:639px; height:55px; float:left; text-align:left}
#page-title h1{font-size:175%; font-weight:normal; color:#FFF; margin:7px 0 0 15px}
#page-title .title span{font-weight:bold}
#page-title .signup{background:#F9A12F url(<?php echo $cdn['static']; ?>/img/bg/pagetitle.png) no-repeat -10px -85px; width:300px; height:55px; float:right; text-align:center; font-size:175%; font-weight:normal; color:#FFF; padding:.3em 0 0 0}
#page-title .signup a, #page-title .signup a:visited, #page-title .signup a:active{color:#FFF; text-decoration:none}
#page-title .signup a:hover{color:#444; text-decoration:none}

/* ======= CONTENT ======= */
#content{width:870px; margin:12px auto 35px auto; padding-top:20px; line-height:1.5em}
#content h2{margin:0 0 35px 0; padding:0; font-size:225%; font-weight:normal; line-height:1.1em; color:#5376b3}
#content .box{margin:35px 0; display:block}
#content h3{padding:.3em .5em .3em .5em; margin:0; background-color:#7C9BD0; display:inline; font-weight:normal; font-size:160%; text-transform:uppercase; color:#fff; letter-spacing:.05em}
#content h4{padding:40px 0 10px 0; margin:0; font-size:120%; color:#222}
#content h5{margin:0; padding:0; font-size:110%; font-weight:bold; color:#222}
#content p{margin:30px 0px}
#content .contentcol{float:left; display:inline; width:558px; padding:0 60px 35px 0; border-right:0px solid #ebebeb}
#content .menucol{float:right; width:230px; display:inline; padding-left:20px}
#content .menu{font-size:125%; padding:10px 0 0 0}
#content .menucol ul{margin:20px 0 0 0; padding:0}
#content .menucol li{list-style-type:none; padding:7px 0 7px 20px}
#content .menucol li.selected{background:#ebf1ff url(<?php echo $cdn['static']; ?>/img/bg/submenu.png) 0 0 no-repeat; margin-left:-10px; padding-left:30px; font-weight:bold}

/* ======= SIGNUP ======= */
#signup{margin-top:5px; padding:0; <?php echo $CSSvars['clearfix']; ?>; border:1px solid #FFF}
#signup .txt{float:left; display:inline; background-color:#fcfbc4; width:650px; height:49px; padding-top:15px; text-align:left}
#signup .txt span{float:right; display:inline; font-size:175%; color:#444; padding-right:20px}
#signup .txt img{float:right; display:inline; border:none; padding-right:15px}
#signup .btn-signup{float:right; display:inline; width:285px; margin:0 auto; padding:17px 0 15px 0; font-size:170%; color:#FFF; font-weight:bold; letter-spacing:-.02em; text-shadow:1px 1px 1px brown; border-bottom:1px solid #924E00; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#signup .btn-signup a{color:#FFF}

/* ======= BENEFITS BOX ======= */
#benefits{margin:5px auto 0 auto; background-color:#fcfbc4; border:0 solid #f5e082; padding:10px; font-size:175%; text-align:center; color:#444; overflow:hidden}
#benefits span{padding:0 15px}

/* ======= PAGE NAVIGATION ======= */
.pagenav{display:block; margin:50px 0 15px 0; <?php echo $CSSvars['clearfix']; ?>; border:1px solid #FFF}
.pne{float:left; display:inline; width:33%}
.pne-l{text-align:left}
.pne-c{text-align:center}
.pne-r{text-align:right}

/* ======= FOOTER MENU ======= */
#footer{display:block; margin:5px 0 0 0; padding:0; <?php echo $CSSvars['clearfix']; ?>}
#footer #fmenu{display:block;  background:#FFF url(<?php echo $cdn['static']; ?>/img/bg/gradient.png) repeat-x 0 -330px; <?php echo $CSSvars['clearfix']; ?>}
#footer #fmenu h4{width:265px; height:18px; margin:0 0 7px 0; padding:0; color:#333}
#footer #fmenu .col1{float:left; display:inline; width:315px; height:125px; padding:20px 20px 0 20px}
#footer #fmenu .col1 span{font-size:90%; line-height:1.6em}
#footer #fmenu .col2{float:left; display:inline; width:254px; height:125px; padding:20px 20px 0 20px}
#footer #fmenu .col2 ul{list-style-type:none; margin:0 0 0 3px; padding:6px 0 0 0}
#footer #fmenu .col2 li{background:url(<?php echo $cdn['static']; ?>/img/check-arrow.png) no-repeat 0 -134px; padding:0 0 15px 20px; font-size:90%}
#footer #fmenu .col3{float:left; display:inline; width:270px; height:125px; padding:20px 0 0 20px}
#footer #fmenu .col3 .boxA, #footer #fmenu .col3 .boxB{float:left; display:inline; margin:0 25px 0 2px; padding:0}
#footer #fmenu .col3 .boxA ul, #footer #fmenu .col3 .boxB ul{list-style-type:none; margin:0; padding:6px 0 0 0}
#footer #fmenu .col3 .boxA li, #footer #fmenu .col3 .boxB li{padding:0 0 15px 0; font-size:90%}
#clientlist{display:block; width:960px; margin:0 auto; padding:12px 0 25px 0; background:#fff url(<?php echo $cdn['static']; ?>/img/bg/subfooter.png) repeat-x bottom left}
#clientlist img{padding:0 0 0 20px; margin:0 0 -3px 0; border:0}
#clientlist .count_block{display:block; background:url(<?php echo $cdn['static']; ?>/img/clientcount.png) no-repeat 98px 0; height:24px; padding:0; margin:0; <?php echo $CSSvars['clearfix']; ?>}
#clientlist ul{float:left; display:inline; list-style-type:none; margin:1px 0 0 180px; padding:0; font-size:90%; color:#555}
#clientlist li{background:url(<?php echo $cdn['static']; ?>/img/bg/customers.png) no-repeat 0 0; float:left; display:inline; color:#fff; font-size:110%; padding:1px 3px 1px 3px; margin:0 1px 0 0}

/* ======= SUB-FOOTER ======= */
#subfooter{width:940px; margin:10px auto 70px auto; padding:0 10px; <?php echo $CSSvars['clearfix']; ?>}
#subfooter .leftcol{float:left; display:inline}
#subfooter .rightcol{float:right; display:inline}
#subfooter .sitelinks{display:block; padding:0; margin:0; color:#555; <?php echo $CSSvars['clearfix']; ?>}
#subfooter .sitelinks span{font-size:75%; line-height:1.6em; text-transform:uppercase; font-weight:bold}
#subfooter .sitelinks ul{list-style-type:none; margin:0; padding:0 0 20px 0}
#subfooter .sitelinks li{padding:5px 0 0 0; font-size:75%}
#subfooter .col{float:left; display:inline; width:187px}
#subfooter .last{width:170px; padding-left:15px}
#subfooter .copyright{display:block; padding:0; margin:15px 0 0 0; color:#777; font-size:70%; line-height:1.4em}
#subfooter .copyright span{padding:0 7px}
#subfooter .trust{float:right; display:inline; width:190px; margin:0; text-align:center}
#subfooter .trust ul{list-style-type:none; margin:0; padding:0 0 3px 0}
#subfooter .trust li{padding:5px 0 0 0}
#subfooter .trust .creditcards{padding:4px 0 0 0; border:none}
#subfooter .trust .verasafe{cursor:pointer; border:none}

/* ======= SCROLL TO TOP ======= */
#scrollUp{bottom:20px; right:20px; width:40px; height:40px; background:url(<?php echo $cdn['master']; ?>/img/scroll-up.png) no-repeat}

/* ======= OVERLAYS ======= */
.overlay{width:500px;padding:25px 50px 5px 50px;line-height:1.4em}
.overlay h2{font-size:150%; margin:0; padding:0 0 10px 0}
.saleshoursmsg{padding:25px 30px 5px 30px; line-height:1.4em; text-align:center}