/* Default Font, Page Margins and Padding */

body { margin: 0 0 0 30px; padding: 0; font-family: "Trebuchet MS"; font-size: 12px; }

/* Float Clears */
br.left { clear: left; }
br.right { clear: right; }
br.both { clear: both; }

/* Common Floats BACKUP */
/*
.float-left { float: left; margin: 0 10px 10px 0; }
.float-right { float: right; margin: 0 0 10px 10px; }
.float-center { float: center; margin: 0 0 10px 10px; }
.pull-quote { font-size: 16px; color: #999999; font-family: Georgia; width: 200px; padding-top: 15px; line-height: 1.4em; }
*/

/* Common Floats */
.float-left { float: left; margin: 10px 10px 10px 0; }
.float-right { float: right; margin: 10px 0 10px 10px; }

.pull-quote { font-size: 16px; color: #999999; font-family: Georgia; width: 200px; padding-top: 15px; line-height: 1.4em; }
.pull-quote span { font-size: 12px; }
.photo { padding: 10px; background-color: #FAFAF9; border: 1px solid #EDEDED; }
.caption { font-size: 9px; font-weight: bold; }
.small p.caption { width: 200px; }
.large p.caption { width: 250px; }

.float-center { float: center; margin: 0 0 10px 10px; }

/* Info Box */
.infotable { border: 1px solid #EDEDED }
.infotable thead { background-color: #EDEDED; font-weight: bold; }
.infotable td { font-size: 12px; font-family: "Trebuchet MS"; padding:5px; margin: 0px; line-height: 20px; }

/* Container */
div#container { float: left; width: 740px; }

/* Header */
div#header { width: 740px; height: 90px; float: left; background: url(../images/header-background.gif) repeat-x; }

/* Logo */
div#logo { float: left;  margin: 10px; }
div#logo h1 { display: block; width: 51px; height: 70px; background: url(../images/header-logo.gif) no-repeat; margin: 0; padding: 0; line-height: 0; }
div#logo h1 span { display: none; }

/* Nav */
div#nav { margin-top: 59px; float: left; background: url(../images/nav-background.gif) repeat-x; height: 31px; }

div#nav-endcap-left { width: 7px; height: 31px; float: left; background: url(../images/nav-endcap-left.gif) no-repeat; margin-right: 15px; }
div#nav-endcap-right { width: 7px; height: 31px; float: left; background: url(../images/nav-endcap-right.gif) no-repeat; margin-left: 15px; }

div.nav-item { display: block; float: left; height: 31px; }
div.nav-item a { display: block; height: 31px; color: #333; text-decoration: none; padding-top: 9px; font-size: 11px; font-weight: bold; float: left; }
div.nav-item a:hover { color: #ED174B; }

div.nav-divider { margin: 0 15px; float: left; width: 4px; height: 31px; display: block; background: url(../images/nav-divider.gif) no-repeat; }
div.nav-divider span { display: none; }

/* Util */
div#util { float: right; text-align: right; margin: 10px 10px 0 0; }

div#util a { text-decoration: none; color: #666; font-size: 10px; }
div#util a:hover { color: #ED174B; text-decoration: underline; }

/* Dealer Login */
div#dealerlogin { padding-bottom: 5px; margin-bottom: 5px; background: url(../images/util-dealerlogin-divider.gif) repeat-x bottom left; }
div#dealerlogin a { padding-left: 23px; background: url(../images/util-dealerlogin-key-off.gif) no-repeat left center; font-weight: bold; }
div#dealerlogin a:hover { background: url(../images/util-dealerlogin-key-on.gif) no-repeat left center; }
div#dealerloggedin { font-size: 10px; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; background: url(../images/util-dealerlogin-divider.gif) repeat-x bottom left; }
div#dealerloggedin a { font-weight: bold; }

/* Stock */
div#stock { }

/* Content */
div#content { display: block; width: 740px; float: left; }

/* Dotted Horizontal Divider */
div.horizontal-divider { display: block; float: left; width: 740px; background: url(../images/horizontal-divider.gif) repeat-x left center; height: 21px; }
div.horizontal-divider hr { margin: 0; padding: 0; line-height: 1px; font-size: 1px; display: none; }
div.horizontal-divider-short { display: block; float: left; width: 555px; background: url(../images/horizontal-divider.gif) repeat-x left center; height: 21px; }
div.horizontal-divider-short hr { margin: 0; padding: 0; line-height: 1px; font-size: 1px; display: none; }

/* Footer */
div#footer { font-size: 10px; font-weight: bold; color: #666; width: 740px; float: left; background: url(../images/footer-background.gif) repeat-x left top #F9FAFA; }

div#footer-copyright { float: left; margin: 5px; line-height: 1.3em; }
div#footer-search { float: right; margin: 5px; }

div#footer-copyright a { text-decoration: none; color: #666; }
div#footer-copyright a:hover { color: #ED174B; text-decoration: underline; }

div#footer-search form { margin: 0; padding: 0; }
div#footer-search form p { margin: 0; padding: 0; }
div#footer-search form label { float: left; display: block; margin: 7px 10px 0px 0px; padding: 0; }
div#footer-search form input#keyword { width: 125px; margin-right: 10px; }

div#cart-info { position: absolute; top: 0; left: 104px; padding: 5px; background-color: #EEEEEE; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; z-index: 1; }
div#cart-info p { font-family: "Trebuchet MS",Arial; font-size: 11px; padding: 0; margin: 0; line-height: 0; }
div#cart-info img { vertical-align: text-bottom; margin-right: 5px; }
div#cart-info a { font-weight: bold; color: #ED174B; text-decoration: none; }
div#cart-info a:hover { text-decoration: underline; }
div#cart-info.cart-hidden { display: none; }


/* XPEL LOGO FIX*/

#logo{
width:354px !Important;
height:46px !Important;
}
#logo h1{
background: url(https://www.xpel.com/media/images/XPEL_Trust.jpg) no-repeat top left !Important;
width:354px !Important;
height:46px !Important;
}
#logo a{
width:354px !Important;
height:46px !Important;
}
#nav{
position:absolute;
left: 30px;
}
.xpel_tip{
border: solid 1px red;
background: url(/media-new/images/ui/tip_icon02.jpg) top left no-repeat;
padding: 5px 5px 10px 60px;
margin: 0px 10px 10px 20px;
}